@font-face{font-family:Noto Sans SC Local;src:url(/assets/noto-sans-sc.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC Local,Microsoft YaHei UI,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1e293b;background:#f0f2f5;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;min-width:1100px;min-height:650px;overflow:hidden;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{color:inherit}.appShell{width:100vw;height:100vh;min-width:1100px;min-height:650px;overflow:hidden;background:#f0f2f5}.topBar{height:52px;display:grid;grid-template-columns:438px 100px 1fr;align-items:center;gap:10px;padding:0 14px 0 12px;background:#fff;border-bottom:1px solid #e5e7eb;position:relative;z-index:12}.brandCluster,.topActions,.globalSearchButton,.promoPill,.guidePill,.tourPill,.profileButton{display:flex;align-items:center}.brandCluster{min-width:0;height:100%;gap:8px}.brandLogo{width:32px;height:32px;object-fit:contain;margin-left:4px}.brandWord{display:flex;font-size:16px;letter-spacing:-.35px}.brandWord strong:first-child{color:#111827}.brandWord strong:last-child{color:var(--payem-blue)}.brandDivider{height:23px;width:1px;background:#d7dce4;margin:0 11px 0 4px}.pageName{font-weight:600;color:#283344;font-size:14px;line-height:23.1px}.iconButton{width:32px;height:32px;border:0;padding:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:#52606f;cursor:pointer}.brandCluster>.iconButton{margin:0 4px 0 0}.globalSearchButton{height:34px;width:100%;border:1px solid #eef0f3;border-radius:10px;background:#f8fafc;color:#7b8491;padding:0 11px;gap:8px;cursor:pointer}.globalSearchButton span{font-size:13px}.globalSearchButton kbd{margin-left:auto;color:#8a94a3;font-size:12px;border:0;background:none}.topActions{justify-content:flex-end;gap:10px;min-width:0}.promoPill{height:38px;max-width:285px;border:2px solid #126e88;border-radius:17px;padding:0 6px 0 4px;background:#163c62;box-shadow:0 5px 13px #104b6947;text-decoration:none;color:#fff;gap:7px;font-size:13px;white-space:nowrap}.promoPill{transform:translate(-11px)}.promoPill img{width:25px;height:25px;border-radius:8px}.promoPill span{overflow:hidden;text-overflow:ellipsis}.promoPill b{padding:5px 9px;background:#fff;color:#2a405a;border-radius:13px;font-size:12px}.guidePill,.tourPill{height:34px;border-radius:9px;background:#fff;gap:6px;padding:0 12px;white-space:nowrap;font-size:13px;cursor:pointer}.guidePill{position:relative;left:-5px;border:1px solid var(--payem-blue);color:#fff;background:var(--payem-blue)}.guidePill>svg{width:15px;height:15px;padding:2px;border:1px solid rgba(255,255,255,.82);border-radius:50%}.guidePill span{padding:2px 6px;border-radius:10px;color:#fff;background:#ffffff40;font-size:11px}.tourPill{position:relative;left:-5px}.tourPill{border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#d9a929,#8b5cf6,#14b8a6) border-box;color:#6259c5}.profileButton{border:0;background:transparent;gap:7px;padding:0 0 0 4px;min-width:116px;cursor:pointer}.profileButton img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #d9dee6}.profileButton span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.profileButton b{font-size:10px;font-weight:400}.profileButton small{color:#9aa3af;font-size:10px}.toolbarAiImage{display:block;object-fit:contain}.appBody{height:calc(100vh - 52px);display:flex}.mainNav{width:200px;height:100%;flex:0 0 200px;position:relative;border-right:1px solid #e5e7eb;background:#fff;transition:width .2s ease,flex-basis .2s ease;z-index:6}.mainNav.collapsed{width:64px;flex-basis:64px}.mainNav nav{padding:9px 8px}.mainNavItem{width:100%;height:38px;padding:0 15px;display:flex;align-items:center;gap:13px;border:0;border-radius:8px;background:transparent;font-size:14px;color:#45515f;cursor:pointer;margin-bottom:1px;position:relative}.mainNavItem:hover{background:#f7f9fb}.mainNavItem.active{background:var(--payem-blue-soft);color:var(--payem-blue);font-weight:600}.mainNav.collapsed .mainNavItem{justify-content:center;padding:0}.mainNavItem em{padding:1px 7px;border-radius:10px;background:#20bd55;color:#fff;font-size:10px;font-style:normal}.navChevron{margin-left:auto;color:#aab2bc}.projectCard{position:absolute;left:9px;right:9px;bottom:10px;height:100px;border:1px solid #e1e5eb;border-radius:8px;padding:10px 12px;color:#687386;background:#fff;box-shadow:0 1px 4px #2a34460a}.projectTitle{display:grid;grid-template-columns:auto 1fr auto auto;gap:5px;align-items:center;font-size:11px}.projectTitle b{color:#374151;font-size:12px}.projectTitle span{color:#a0a8b3;overflow:hidden;text-overflow:ellipsis}.planLabel{font-size:10px;color:#a3abb6;margin-top:16px}.planRow{display:flex;gap:11px;align-items:center;margin-top:7px;font-size:11px}.planRow span:first-child{border:1px solid #e4e8ee;border-radius:9px;padding:3px 8px}.planRow svg{margin-left:auto}.chatWorkspace{height:100%;flex:1;min-width:0;display:grid;grid-template-columns:var(--view-panel-width, 115px) var(--contact-panel-width, 260px) minmax(350px,1fr) 250px;overflow:hidden}.infoCollapsed .chatWorkspace{grid-template-columns:var(--view-panel-width, 115px) var(--contact-panel-width, 260px) minmax(350px,1fr)}.viewPanel,.contactPanel,.customerInfo{background:#fff;position:relative;overflow:hidden}.viewPanel{border-right:1px solid #dce1e7}.panelHeading{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:14px}.viewSearch{height:33px;margin:0 11px 7px;border:1px solid #e1e5ea;border-radius:7px;display:flex;align-items:center;gap:7px;padding:0 10px;color:#a5adb8}.viewSearch input,.contactSearch input{border:0;outline:0;width:100%;min-width:0;color:#425066;background:transparent;font-size:13px}.viewSearch input::placeholder,.contactSearch input::placeholder{color:#aeb6bf}.viewList{height:calc(100% - 92px);overflow-y:auto;padding:4px 7px 10px}.viewList::-webkit-scrollbar,.contactsScroll::-webkit-scrollbar,.messagesArea::-webkit-scrollbar,.customerInfo::-webkit-scrollbar{width:5px}.viewList::-webkit-scrollbar-thumb,.contactsScroll::-webkit-scrollbar-thumb,.messagesArea::-webkit-scrollbar-thumb,.customerInfo::-webkit-scrollbar-thumb{background:#c3c9d0;border-radius:4px}.viewItem{width:100%;height:47px;display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0 10px;font-size:13px;color:#536070;cursor:pointer;text-align:left}.viewItem:hover{background:#f7f9fb}.viewItem.active{color:var(--payem-blue);font-weight:600}.viewItem em{margin-left:auto;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#ef4444;color:#fff;font-size:10px;font-style:normal}.resizeHandle,.contactResizeHandle{position:absolute;z-index:15;right:0;top:0;bottom:0;width:10px;cursor:col-resize;touch-action:none}.resizeHandle:after,.contactResizeHandle:after{content:"";position:absolute;top:8px;right:0;bottom:8px;width:2px;border-radius:2px;background:transparent;transition:background .16s ease}.resizeHandle:hover:after,.contactResizeHandle:hover:after,.panelResizing .resizeHandle:after,.panelResizing .contactResizeHandle:after{background:#008dffb8}.panelResizing,.panelResizing *{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.contactPanel{border-right:1px solid #d5dbe3}.contactTools{height:52px;display:flex;align-items:center;gap:2px;padding:0 8px 0 10px}.contactSearch{height:34px;flex:1;min-width:0;display:flex;align-items:center;gap:7px;border:1px solid #d9dee5;border-radius:7px;padding:0 10px;color:#a7afba}.contactTools .iconButton{width:28px}.statusTabs{height:39px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e6e9ed}.statusTabs button{position:relative;display:flex;align-items:center;justify-content:center;border:0;background:#fff;color:#6d7784;font-size:12px;cursor:pointer;padding:0 3px;white-space:nowrap}.statusTabInner{position:relative;height:100%;display:inline-flex;align-items:center;gap:4px}.statusTabCount{color:#8a94a2}.statusTabs button.active{color:var(--payem-blue);font-weight:600}.statusTabs button.active .statusTabCount{color:#fff;background:var(--payem-blue);border-radius:9px;padding:1px 5px}.statusTabs button.active .statusTabInner:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--payem-blue)}.contactsScroll{height:calc(100% - 91px);overflow-y:auto}.contactRow{width:100%;min-height:67px;border:0;border-bottom:1px solid #e7eaee;background:#fff;display:flex;gap:11px;padding:11px 12px 9px 11px;text-align:left;cursor:pointer;position:relative}.contactRow:hover{background:#f8fafc}.contactRow.batchSelected{background:var(--payem-blue-soft)}.batchSelectBox{width:17px;height:17px;flex:0 0 17px;display:grid;place-items:center;margin-top:9px;border:1px solid #cbd6df;border-radius:4px;background:#fff;color:#fff}.batchSelectBox.checked{border-color:var(--payem-blue);background:var(--payem-blue)}.contactTools.batchMode{position:relative;padding:0 6px;background:#f8fbfe}.batchToolbar{width:100%;min-width:0;display:flex;align-items:center;gap:1px}.batchToolbar .iconButton{width:24px;height:24px;flex:0 0 24px;border-radius:5px}.batchToolbar .iconButton:disabled{color:#b8c1ca;background:transparent;cursor:not-allowed}.batchToolbar .batchDanger:not(:disabled){color:#d95c62}.batchToolbar .batchDanger:not(:disabled):hover{background:#fff0f1}.batchSelectAll{width:18px;height:18px;flex:0 0 18px;position:relative;display:grid;place-items:center;border:1px solid #bdc9d3;border-radius:4px;padding:0;background:#fff;color:#fff;cursor:pointer}.batchSelectAll.checked,.batchSelectAll.indeterminate{border-color:var(--payem-blue);background:var(--payem-blue)}.batchSelectAll.indeterminate:after{content:"";width:8px;height:2px;border-radius:2px;background:#fff}.batchCount{min-width:31px;padding:0 3px;color:#6d7b88;font-size:10px;font-weight:650;text-align:center;white-space:nowrap}.batchDivider{width:1px;height:16px;flex:0 0 1px;margin:0 1px;background:#dfe7ed}.batchPopover{position:absolute;z-index:24;top:48px;right:8px;width:184px;padding:7px;border:1px solid #dfe7ed;border-radius:8px;background:#fff;box-shadow:0 10px 28px #354c6029}.batchPopoverTitle{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;color:#2f3b47;font-size:12px}.batchPopoverTitle small{color:#8a97a3;font-size:10px}.batchPopover>button{width:100%;height:32px;display:flex;align-items:center;gap:8px;border:0;border-radius:6px;padding:0 8px;background:transparent;color:#52616f;font-size:11px;cursor:pointer}.batchPopover>button:hover{background:var(--payem-blue-soft);color:var(--payem-blue)}.batchPopover>button svg:last-child{margin-left:auto}.batchEndConfirm{width:205px;padding:12px;color:#344250}.batchEndConfirm>b{display:block;font-size:12px}.batchEndConfirm>p{margin:4px 0 10px;color:#8a96a2;font-size:10px}.batchEndConfirm>label{display:flex;align-items:center;gap:6px;margin-bottom:12px;color:#687684;font-size:10px;cursor:pointer}.batchEndConfirm>label input{accent-color:var(--payem-blue)}.batchEndConfirm>div{display:flex;justify-content:flex-end;gap:6px}.batchEndConfirm>div button{height:27px;border:1px solid #dce4ea;border-radius:6px;padding:0 9px;background:#fff;color:#657482;font-size:10px;cursor:pointer}.batchEndConfirm>div button.danger{border-color:#e5676d;background:#e5676d;color:#fff}.contactMuted{position:absolute;right:10px;bottom:7px;color:#8694a1}.batchFeedback{position:absolute;z-index:26;left:10px;right:10px;bottom:14px;min-height:32px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #cfe5f7;border-radius:7px;background:#f5fbff;color:#4b6679;box-shadow:0 8px 22px #344f651f;font-size:10px}.contactRow.timeout{min-height:79px;background:#fff8f7;box-shadow:inset 3px 0 #ef4444}.contactAvatar{width:40px;height:40px;border-radius:50%;flex:0 0 40px;display:grid;place-items:center;color:#fff;font-size:16px;position:relative;border:1px solid #e1e6eb}.contactAvatar.imageAvatar{object-fit:cover}.channelBadge{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--payem-blue);border:1px solid white;position:absolute;right:-1px;bottom:-1px}.unreadBadge{position:absolute;right:-3px;top:-5px;min-width:17px;height:17px;padding:0 4px;background:#f05252;color:#fff;display:grid;place-items:center;border-radius:9px;border:1px solid #fff;font-size:9px}.contactCopy{flex:1;min-width:0}.contactLine{width:100%;display:flex;align-items:center;gap:8px;height:20px}.contactLine b{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18.9px;color:#202b38;font-weight:600}.contactLine time{white-space:nowrap;font-size:11px;line-height:18.15px;color:#7c8795}.contactPreview{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#687486;font-size:12px;line-height:16.8px;margin-top:4px}.timeoutTag{color:#ef4444;background:#fee2e2;padding:1px 4px;margin-right:5px;font-weight:700}.contactCopy small{display:block;color:var(--payem-blue);font-size:10px;margin-top:4px}.emptyContacts{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b1b8c2;font-size:12px}.chatPanel{min-width:0;height:100%;background:#f0f2f5;display:flex;flex-direction:column;position:relative;overflow:hidden}.chatHeader{height:60px;flex:0 0 60px;padding:0 0 0 20px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #e0e4e9;background:#f3f4f6;position:relative;z-index:4}.conversationTitle{flex:0 0 79px;width:79px;margin-right:-38px;font-size:16px;font-weight:500;line-height:26.4px;overflow:visible;white-space:normal}.languageControl{display:flex;align-items:center;flex:0 0 80px;font-size:14px;position:relative;z-index:1}.languageControl>span{display:none}.languageControl>button{width:80px;height:34px;display:flex;align-items:center;justify-content:space-between;gap:3px;border:1px solid #d9dee5;border-radius:7px;background:#fff;color:#697384;padding:0 7px;font-size:14px;white-space:nowrap}.checkControl{display:flex;align-items:center;gap:0;margin-right:-2px;color:var(--payem-blue);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap}.checkControl input{position:absolute;opacity:0}.checkControl>span{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:var(--payem-blue);color:#fff}.checkControl>.checkLabel{width:36px;height:14px;display:block;padding-left:8px;border-radius:0;background:transparent;color:var(--payem-blue);line-height:14px}.chatHeader>.iconButton{width:24px;height:24px;flex:0 0 24px}.switchControl{display:flex;align-items:center;gap:6px;font-size:13px;color:#596474;cursor:pointer;min-width:90px}.switchControl input{display:none}.switchControl>span{width:30px;height:17px;border-radius:9px;background:#d6dbe2;position:relative;flex:0 0 auto}.switchControl>span:after{content:"";width:13px;height:13px;border-radius:50%;background:#fff;position:absolute;left:2px;top:2px;box-shadow:0 1px 3px #0003;transition:transform .15s}.switchControl input:checked+span:after{transform:translate(13px)}.switchControl b{width:29px;font-weight:400;line-height:21.45px;white-space:normal}.headerSearchIcon,.headerRecordIcon{color:#4e5c6c}.endButton{height:24px;flex:0 0 72px;margin-left:71px;border:0;border-radius:5px;background:var(--payem-blue);color:#fff;font-size:12px;padding:0 11px;white-space:nowrap}.infoCollapsed .conversationTitle{margin-right:-20px}.infoCollapsed .languageControl{flex-basis:130px}.infoCollapsed .languageControl>span{display:block;flex:0 0 50px;width:50px;line-height:21px;white-space:normal}.infoCollapsed .endButton{margin-left:8px}.messagesArea{flex:1;min-height:0;overflow-y:auto;padding:0 25px 10px 20px;scroll-behavior:smooth}.messagesArea:focus{outline:none}.contactsScroll:focus{outline:none}.messageRow{width:100%;display:flex;gap:10px;margin:8px 0 12px;align-items:center}.messageRow.sent{justify-content:flex-end}.messageAvatar,.messagePhoto{width:38px;height:38px;border-radius:50%;flex:0 0 38px;margin-top:0;object-fit:cover;border:1px solid #d2d7dd}.messageAvatar{display:grid;place-items:center;background:#aeb6c0;color:#fff;font-size:13px}.messageStack{max-width:min(80%,320px);min-width:70px;display:flex;flex-direction:column}.infoCollapsed .messageStack{max-width:min(78%,390px)}.messageRow.sent .messageStack{align-items:flex-end}.messageSource{color:#8795a3;font-size:11px;line-height:15.4px;margin:0 0 3px}.messageBubble{padding:9px 15px;border:0;border-radius:8px 8px 4px;background:#eff6ff;color:#263548;font-size:14px;line-height:21px;min-width:54px}.messageRow.received .messageBubble{background:#fff;border:0;border-radius:8px 8px 8px 4px}.messageBubble p{margin:0}.messageTranslation{margin-top:7px!important;padding-top:6px;display:flex;align-items:flex-start;gap:5px;border-top:1px solid rgba(145,177,195,.22);color:#617789;font-size:11px;line-height:17px}.messageTranslation svg{flex:0 0 auto;margin-top:2px;color:var(--payem-blue-strong)}.messageMeta{margin-top:4px;display:flex;align-items:center;gap:6px;color:#6f7f8f}.messageMeta time{font-size:12px;line-height:19.8px}.messageSystem{width:76%;margin:10px auto 12px;display:flex;align-items:center;justify-content:center;gap:7px;color:#8a98a6;font-size:10px;white-space:nowrap}.messageSystem:before,.messageSystem:after{content:"";height:1px;flex:1;background:#bcccd894}.messageSystem time{color:#a0acb7}.messageFailure{margin-top:5px}.messageFailureActions{display:flex;align-items:center;gap:4px;font-size:11px;color:#d75b63}.messageFailureActions button{border:0;padding:0;background:transparent;font:inherit;cursor:pointer}.failureDetails{display:inline-flex;align-items:center;gap:2px;color:#d75b63}.failureDetails svg{transition:transform .16s ease}.failureDetails[aria-expanded=true] svg{transform:rotate(180deg)}.failureRetry{color:var(--payem-blue);font-weight:600}.messageFailureDetail{max-width:250px;margin:6px 0 0!important;padding-top:6px;border-top:1px solid rgba(215,91,99,.2);color:#be666d;font-size:10.5px;line-height:15px}.infoCollapsed .messagesArea{padding-right:44px}.infoCollapsed .messageRow{gap:14px}.composer{height:157px;flex:0 0 157px;background:#fff;border-top:1px solid #dfe3e8;position:relative}.infoCollapsed .composer{height:150px;flex-basis:150px}.composerToolbar{height:37px;padding:3px 8px 0;display:flex;align-items:center}.composerToolbar .iconButton{width:35px;flex:0 0 35px;color:#465363;transform:translateY(-2px)}.composer textarea{position:relative;top:-1px;width:100%;height:84px;resize:none;border:0;outline:0;padding:0 15px;color:#3a4759;font-size:14px;line-height:21px}.composer textarea::placeholder{color:#aeb5be}.composerHint{position:absolute;right:15px;bottom:14px;color:#7e8896;font-size:12px;line-height:19.8px}.aiMenu{position:absolute;left:44%;bottom:154px;width:220px;padding:8px 10px;border-radius:10px;background:#fff;box-shadow:0 6px 22px #2d37482e;z-index:18}.aiMenu h4{margin:0;padding:3px 8px 8px;display:flex;align-items:center;gap:9px;font-size:14px}.aiMenu h4 svg{color:var(--payem-blue);padding:3px;border-radius:6px;background:var(--payem-blue-soft)}.aiMenu button{width:100%;height:40px;display:flex;align-items:center;gap:10px;border:0;background:transparent;border-top:1px solid #f0f1f3;cursor:pointer;font-size:13px;text-align:left}.aiMenu button svg:last-child{margin-left:auto}.aiMenu button b{color:var(--payem-blue);width:16px;text-align:center}.restoreInfo{position:absolute;right:0;top:50%;width:18px;height:42px;border:0;border-radius:5px 0 0 5px;background:#f5f6f8;color:#7b8490;padding:0;display:grid;place-items:center}.customerInfo{border-left:1px solid #dde2e8;overflow-y:auto;padding:0 16px 30px 15px}.infoHeader{height:52px;display:flex;align-items:center;justify-content:space-between;font-size:16px;line-height:26.4px}.infoHeader b{font-weight:500}.infoHeader .iconButton{margin-right:-8px}.customerIdentity{height:50px;display:grid;grid-template-columns:40px 1fr 15px;gap:13px;align-items:center}.customerIdentity>img,.customerIdentity>.contactAvatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.customerIdentity span{font-size:14px;font-weight:500;line-height:23.1px;color:#303a48;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.infoSection{margin-top:7px}.infoSection h4{height:34px;margin:0 0 7px;padding:0 10px;display:flex;align-items:center;background:#f4f5f7;color:#697383;font-size:13px;font-weight:500}.infoLine{min-height:32.5px;display:flex;align-items:center;gap:7px;padding:0 2px;font-size:13px;color:#4f5b6a}.infoLine svg{color:#8a94a1;flex:0 0 auto}.infoLine.faint{color:#87909c}.infoLine code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#8b94a2}.historySection{margin-top:8px}.historyCard{height:54px;border-radius:4px;background:#f8f9fb;padding:10px 9px 4px 15px;margin-bottom:7px;color:#7a8491}.historyCard>div{display:flex;align-items:center;font-size:12px;line-height:12px}.historyCard b{color:#8e949e;font-weight:500}.historyCard b.joined{color:#d19a37}.historyCard span{margin-left:auto;color:#535e6d}.historyCard time{display:block;width:197px;margin-top:8px;margin-left:-7px;font-size:10px;line-height:16.5px}.quickReplies{position:absolute;z-index:30;left:26px;top:143px;width:800px;height:424px;border-radius:4px;background:#fff;box-shadow:0 8px 28px #1f293738;overflow:hidden}.quickTop{height:57px;display:flex;align-items:center;gap:9px;padding:0 16px;border-bottom:1px solid #eceff2}.quickTop>button:not(.iconButton),.quickTop label{height:26px;border:1px solid #dfe3e8;border-radius:5px;background:#fff;color:#7a8491;display:flex;align-items:center;gap:6px;padding:0 10px;font-size:11px}.quickTop label{width:200px}.quickTop label input{border:0;outline:0;min-width:0;width:100%;font-size:11px}.quickTop .libraryButton{margin-left:auto}.quickTop .iconButton{width:24px;height:24px}.quickBody{height:calc(100% - 57px);display:grid;grid-template-columns:136px 1fr}.quickBody nav{border-right:1px solid #e5e8ec;padding:0 10px}.quickBody nav button{width:100%;height:37px;border:0;background:#fff;text-align:left;padding:0 14px;color:#77818e;font-size:12px}.quickBody nav button.active{background:var(--payem-blue-soft);color:var(--payem-blue)}.quickTable{position:relative;padding-bottom:38px}.quickTableHeader,.quickRow{display:grid;grid-template-columns:120px 1fr 100px 115px;align-items:center;column-gap:4px}.quickTableHeader{height:38px;border-bottom:1px solid #e7eaee;padding:0 12px;color:#67717f;font-size:11px}.quickRow{min-height:78px;border-bottom:1px solid #eceef1;padding:9px 12px;color:#6d7785;font-size:11px}.quickRow>span:last-child{display:flex;flex-direction:column;gap:7px}.quickRow button{height:24px;border:0;border-radius:6px;background:var(--payem-blue);color:#fff;font-size:10px}.quickRow button.secondary{background:#fff;color:#7b8490;border:1px solid #dfe3e8}.quickPager{position:absolute;left:0;right:0;bottom:0;height:38px;display:flex;align-items:center;justify-content:flex-end;gap:13px;padding:0 15px;color:#7a8491;font-size:11px;background:#fff}.quickPager b{color:var(--payem-blue)}.quickPager button{height:25px;border:1px solid #dfe3e8;border-radius:5px;background:#fff;color:#7a8491;display:flex;align-items:center;gap:9px}.searchOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#1f293794}.searchDialog{width:min(680px,calc(100vw - 80px));height:486px;display:flex;flex-direction:column;border-radius:9px;background:#fff;overflow:hidden;box-shadow:0 18px 50px #00000042}.searchDialogTop{height:103px;display:flex;align-items:center;gap:12px;padding:0 38px;border-bottom:1px solid #e5e7eb}.searchDialogTop>button{height:35px;padding:0 12px;border:1px solid #dce1e7;border-radius:6px;background:#fff;color:#687386;display:flex;align-items:center;gap:16px}.searchDialogTop>svg{color:var(--payem-blue)}.searchDialogTop input{flex:1;border:0;outline:0;font-size:16px;color:#4a5567}.searchDialogTabs{height:47px;display:flex;align-items:stretch;border-bottom:1px solid #e5e7eb;padding:0 38px}.searchDialogTabs button{border:0;background:#fff;margin-right:28px;position:relative;color:#485467;font-size:14px;cursor:pointer}.searchDialogTabs button.active{color:var(--payem-blue);font-weight:600}.searchDialogTabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--payem-blue)}.searchDialogTabs svg{margin-left:auto;align-self:center}.searchDialogBody{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--payem-blue);overflow-y:auto}.searchDialogBody p{color:#9da5b1;font-size:13px}.searchResult{width:calc(100% - 76px);padding:10px 12px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #eceef2;color:#49576a}.searchResult span{display:flex;flex-direction:column;min-width:0}.searchResult small{margin-top:5px;color:#8f98a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchDialogFooter{height:38px;padding:0 38px;display:flex;align-items:center;gap:20px;background:#fafbfc;border-top:1px solid #e5e7eb;color:#9099a5;font-size:10px}.searchDialogFooter kbd{border:1px solid #d8dde4;border-radius:3px;background:#fff;padding:2px 7px;color:#5c6675;box-shadow:0 1px 1px #e5e7eb}.searchDialogFooter b{margin-left:auto;color:var(--payem-blue);font-size:12px}@media(max-width:1220px){.promoPill span{display:none}.brandCluster{min-width:310px}.topBar{grid-template-columns:auto minmax(95px,180px) 1fr}.tourPill,.guidePill{padding-inline:8px}}:root{--payem-blue: #008dff;--payem-blue-strong: #008dff;--payem-blue-soft: #e7f3ff;--payem-canvas: #d5dee9;--payem-workspace: #edf5fb;--payem-panel: #f8fbfe;--payem-line: #e5edf4;--payem-line-strong: #d9e5ee;--payem-text: #26323d;--payem-muted: #68798a;--payem-shadow: 0 12px 34px rgba(62, 79, 98, .14), 0 2px 7px rgba(62, 79, 98, .08)}body{background:var(--payem-workspace);color:var(--payem-text)}.appShell{width:100vw;height:100vh;margin:0;min-width:1100px;min-height:650px;border:0;border-radius:0;background:var(--payem-workspace);box-shadow:none}.topBar{height:54px;grid-template-columns:minmax(325px,380px) minmax(150px,220px) 1fr;gap:14px;padding:0 18px 0 14px;border-bottom-color:var(--payem-line);border-radius:0}.appBody{height:calc(100% - 54px);background:var(--payem-workspace);border-radius:0}.brandLogo{display:block;width:146px;height:37px;object-fit:contain;margin-left:5px}.brandDivider{background:var(--payem-line-strong)}.pageName{color:var(--payem-text)}.iconButton{border-radius:6px;color:#607181;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.iconButton:hover,.iconButton.active{background:var(--payem-blue-soft);color:var(--payem-blue-strong)}.globalSearchButton,.viewSearch,.contactSearch{border-color:var(--payem-line-strong);border-radius:6px;background:#fff;box-shadow:0 1px 2px #303e4d08}.globalSearchButton{position:absolute;z-index:2;top:50%;left:50%;width:220px;border-radius:8px;transform:translate(-50%,-50%)}.brandCluster,.topActions{position:relative;z-index:3}.brandCluster{grid-column:1}.topActions{grid-column:3;justify-self:stretch}.globalSearchButton:hover{border-color:#008dff42;box-shadow:0 0 0 3px #008dff17}.topActions{gap:8px}.promoPill{height:34px;max-width:244px;transform:none;border:1px solid var(--payem-line-strong);border-radius:7px;background:#fff;box-shadow:none;color:#506171;padding:0 5px}.promoPill img{width:23px;height:23px;border-radius:6px}.promoPill b{padding:4px 8px;border-radius:5px;background:var(--payem-blue);color:#fff;font-weight:600}.guidePill,.tourPill{left:0;height:32px;border:1px solid var(--payem-line-strong);border-radius:6px;background:#fff;color:#526270;padding:0 10px}.guidePill>svg{color:var(--payem-blue);border-color:var(--payem-blue)}.guidePill span{background:var(--payem-blue-soft);color:var(--payem-blue-strong)}.tourPill{background:#fff}.profileButton{min-width:104px}.mainNav{width:var(--main-nav-width, 200px);flex-basis:var(--main-nav-width, 200px);border-right-color:var(--payem-line);border-radius:0}.mainNav.collapsed{width:var(--main-nav-width, 58px);flex-basis:var(--main-nav-width, 58px)}.mainNavResizeHandle{position:absolute;z-index:20;top:0;right:-5px;bottom:0;width:10px;cursor:col-resize;touch-action:none}.mainNavResizeHandle:after{content:"";position:absolute;top:0;bottom:0;left:4px;width:2px;border-radius:2px;background:transparent;transition:background .16s ease}.mainNavResizeHandle:hover:after,.navResizing .mainNavResizeHandle:after{background:#008dffb8}.navResizing,.navResizing *{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.navResizing .mainNav{transition:none}.mainNav nav{padding:10px 10px 14px}.mainNav.collapsed nav{padding-top:0}.mainNavItem{height:38px;gap:10px;padding:0 11px;border-radius:6px;color:#657482;font-size:14px}.mainNavItem:hover{background:#f6f8fa;color:#3f4e5c}.mainNavItem.active{background:var(--payem-blue-soft);color:var(--payem-blue-strong);font-weight:650}.mainNavItem em{min-width:30px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;border:1px solid #bfe7d2;border-radius:4px;background:#edf9f3;color:#23845a;font-size:10px;font-weight:600;line-height:1}.projectCard{left:10px;right:10px;bottom:12px;height:112px;box-sizing:border-box;padding:12px;border-color:transparent;border-radius:8px;background:#f5f7f9;box-shadow:none}.projectTitle{display:flex;min-width:0;gap:6px;white-space:nowrap}.projectTitle span{min-width:0;white-space:nowrap}.projectTitle svg{flex:0 0 auto}.planLabel{margin-top:18px}.planRow{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;gap:6px;min-width:0;margin-top:8px}.planRow span{white-space:nowrap}.planRow span:first-child{padding:3px 7px}.chatWorkspace{grid-template-columns:var(--view-panel-width, 115px) var(--contact-panel-width, 260px) minmax(360px,1fr) 250px;grid-template-rows:minmax(0,1fr);gap:6px;padding:6px;background:var(--payem-workspace)}.chatWorkspace>.viewPanel,.chatWorkspace>.contactPanel,.chatWorkspace>.chatPanel,.chatWorkspace>.customerInfo{height:auto;min-height:0}.infoCollapsed .chatWorkspace{grid-template-columns:var(--view-panel-width, 115px) var(--contact-panel-width, 260px) minmax(420px,1fr)}.viewPanel,.contactPanel,.chatPanel,.customerInfo{border:1px solid var(--payem-line);border-radius:11px;background:var(--payem-panel);box-shadow:0 2px 8px #32415109}.viewPanel,.contactPanel,.customerInfo{border-right:1px solid var(--payem-line)}.customerInfo{border-left:1px solid var(--payem-line)}.panelHeading,.contactTools,.infoHeader{height:54px}.panelHeading{padding:0 14px}.panelHeading b,.infoHeader b{color:var(--payem-text);font-weight:650}.viewSearch{margin-inline:10px}.viewList{height:calc(100% - 94px);padding:4px 8px 12px}.viewItem{height:40px;padding:0 9px;border-radius:6px;color:#6a7783;font-size:12px}.viewItem:hover{background:#f6f8fa}.viewItem.active{background:var(--payem-blue-soft);color:var(--payem-blue-strong)}.viewItem em{width:18px;min-width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:#e95c5c;font-size:10px;font-weight:700;line-height:18px}.viewItem>svg{flex:0 0 16px;width:16px;height:16px}.viewItem>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contactPanel{overflow:hidden}.contactTools{padding:0 9px;border-bottom:1px solid #f0f2f4}.contactTools .iconButton{width:26px}.statusTabs{height:42px;border-bottom-color:var(--payem-line);padding-inline:5px}.statusTabs button{color:#7a8793;font-size:11px}.statusTabs button.active{color:var(--payem-blue-strong)}.statusTabs button.active .statusTabCount{background:var(--payem-blue)}.statusTabs button.active .statusTabInner:after{height:2px;background:var(--payem-blue)}.contactsScroll{height:calc(100% - 96px)}.contactRow{min-height:64px;align-items:center;border-bottom-color:#edf0f3;padding:9px 10px;color:var(--payem-text)}.contactRow .batchSelectBox{margin-top:0}.contactRow:hover{background:#f7f9fb}.contactRow.selected{background:var(--payem-blue-soft);box-shadow:inset 3px 0 var(--payem-blue)}.contactRow.timeout{background:#fff8f7;box-shadow:inset 3px 0 #e9665a}.contactAvatar{width:38px;height:38px;flex-basis:38px;border-color:var(--payem-line-strong)}.channelBadge{background:var(--payem-blue)}.contactLine,.contactPreview{width:100%}.contactLine b{color:#2c3742;font-size:12px}.contactLine time{color:#8a96a2;font-size:10px}.contactPreview{color:#758391;font-size:11px}.chatPanel{background:#f2f4f7;overflow:hidden;container-type:inline-size}.chatHeader{height:56px;flex:0 0 56px;padding:0 12px 0 15px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:7px;border-bottom-color:var(--payem-line);background:#fff}.chatHeaderTop{display:contents}.chatHeaderTools{order:1;height:30px;display:flex;align-items:center;flex:0 0 auto;min-width:0;gap:2px}.conversationTitle{order:0;width:auto;min-width:105px;max-width:none;flex:1 1 auto;height:22px;margin-right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--payem-text);font-size:14px;line-height:20px;font-weight:650}.languageControl{flex:0 0 140px;gap:4px;font-size:12px}.languageControl>.languageControlLabel{display:block;flex:0 0 44px;color:#7b8996;font-size:11px;white-space:nowrap}.languageControl>button{width:92px;height:30px;border-color:var(--payem-line-strong);border-radius:6px;color:#788795;font-size:12px}.checkControl{font-size:12px;color:#596474}.checkControl>span{width:18px;height:18px;background:transparent;color:var(--payem-blue)}.checkControl input:not(:checked)+span{color:#95a2ae}.checkControl>.checkLabel{width:28px;padding-left:0;color:#596474}.checkControl{height:30px;padding:3px 4px;border-radius:6px;transition:background-color .15s ease}.checkControl:hover{background:var(--payem-blue-soft)}.checkControl:focus-within{outline:2px solid rgba(0,141,255,.22);outline-offset:1px}.checkControl>.translationSwitch,.switchControl>.botSwitch{position:relative;width:28px;height:16px;flex:0 0 28px;border-radius:8px;background:#d4dce5;color:transparent;transition:background-color .16s ease}.checkControl>.translationSwitch{margin-left:3px}.checkControl>.translationSwitch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #30415033;transition:transform .16s ease}.checkControl input:checked~.translationSwitch{background:var(--payem-blue)}.checkControl input:checked~.translationSwitch:after{transform:translate(12px)}.chatHeaderTools>.iconButton{width:26px;height:26px;flex-basis:26px}.headerToolDivider{width:1px;height:18px;flex:0 0 1px;margin:0 2px;background:#e4ebf0}.translationSettingsWrap{position:relative;flex:0 0 26px;display:flex;align-items:center}.translationSettingsWrap>.iconButton{width:26px;height:26px;flex:0 0 26px}.switchControl{min-width:0;height:30px;gap:6px;padding:3px 4px;border-radius:6px;font-size:12px;transition:background-color .15s ease}.switchControl:hover{background:#f3f7fa}.switchControl>.botHelp{position:static;width:14px;height:14px;flex:0 0 14px;display:grid;place-items:center;border-radius:0;background:transparent;color:#6f8190;cursor:help}.switchControl>.botHelp:after{display:none}.botHelp:before,.headerSearchIcon:after,.headerRecordIcon:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 7px);left:50%;z-index:50;padding:5px 8px;border-radius:5px;background:#2b3844f0;color:#fff;font-size:11px;font-weight:400;line-height:16px;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-2px);transition:opacity .15s ease,transform .15s ease}.botHelp{position:relative!important}.headerSearchIcon,.headerRecordIcon{position:relative}.botHelp:hover:before,.headerSearchIcon:hover:after,.headerSearchIcon:focus-visible:after,.headerRecordIcon:hover:after,.headerRecordIcon:focus-visible:after{opacity:1;transform:translate(-50%)}.contactActionButton{position:relative}.contactActionButton:after{content:attr(data-tooltip);position:absolute;z-index:60;top:calc(100% + 7px);left:50%;padding:5px 8px;border-radius:5px;background:#2b3844f0;color:#fff;font-size:10.5px;font-weight:400;line-height:15px;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-2px);transition:opacity .15s ease,transform .15s ease}.contactActionButton:hover:after,.contactActionButton:focus-visible:after{opacity:1;transform:translate(-50%)}.contactTools:not(.batchMode)>.contactActionButton:last-child:after{right:0;left:auto;transform:translateY(-2px)}.contactTools:not(.batchMode)>.contactActionButton:last-child:hover:after,.contactTools:not(.batchMode)>.contactActionButton:last-child:focus-visible:after{transform:translateY(0)}.switchControl>span{width:28px;height:16px}.switchControl>span:after{width:12px;height:12px}.switchControl input:checked+span{background:var(--payem-blue)}.switchControl input:checked+span:after{transform:translate(12px)}.switchControl b{width:auto;white-space:nowrap}.endConversationWrap{order:2;position:relative;flex:0 0 28px;margin-left:auto}.endButton{position:relative;width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:7px;background:transparent;color:#607687;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.endButton:hover,.endButton:focus-visible{background:#fff0f1;color:#c94c56}.endButton:focus-visible{outline:2px solid rgba(0,141,255,.25);outline-offset:2px}.endButton.ended,.endButton.ended:disabled{background:transparent;color:#45936e;cursor:default;opacity:1}.endButton:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 7px);right:0;z-index:30;padding:5px 8px;border-radius:5px;background:#2b3844f0;color:#fff;font-size:11px;line-height:16px;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity .15s ease,transform .15s ease}.endButton:hover:after,.endButton:focus-visible:after{opacity:1;transform:translateY(0)}.endButton[aria-expanded=true]:after{display:none}.infoCollapsed .conversationTitle{margin-right:0}.infoCollapsed .endConversationWrap{margin-left:auto}.endConversationConfirm{position:absolute;top:calc(100% + 9px);right:0;z-index:50;width:220px;padding:12px;border:1px solid #dfe7ed;border-radius:8px;background:#fff;box-shadow:0 12px 28px #33455529}.endConversationConfirm:before{content:"";position:absolute;top:-5px;right:9px;width:8px;height:8px;border-top:1px solid #dfe7ed;border-left:1px solid #dfe7ed;background:#fff;transform:rotate(45deg)}.endConversationConfirm>b{display:block;color:#344351;font-size:13px;line-height:20px}.endConversationConfirm>span{display:block;margin-top:2px;color:#7c8b98;font-size:11px;line-height:17px}.endConversationActions{display:flex;justify-content:flex-end;gap:7px;margin-top:11px}.endConversationActions button{height:28px;padding:0 10px;border-radius:6px;font-size:11px;cursor:pointer}.cancelEndButton{border:1px solid #dbe4eb;background:#fff;color:#60717f}.confirmEndButton{border:1px solid #d85e67;background:#d85e67;color:#fff}.cancelEndButton:hover{background:#f5f8fa}.confirmEndButton:hover{border-color:#c84c56;background:#c84c56}.languageMenu,.myLanguageMenu{position:absolute;z-index:40;padding:5px;border:1px solid rgba(205,218,229,.92);border-radius:8px;background:#fff!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1;box-shadow:0 12px 30px #2d465c29}.languageMenu{top:calc(100% + 8px);left:0;width:146px}.languageMenu button,.myLanguageMenu button{width:100%;height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#536474;font-size:12px;cursor:pointer}.languageMenu button:hover,.languageMenu button.selected,.myLanguageMenu button:hover,.myLanguageMenu button.selected{background:var(--payem-blue-soft);color:var(--payem-blue-strong)}.translationSettingsPopover{position:absolute;top:calc(100% + 9px);left:-126px;z-index:45;width:288px;padding:12px;border:1px solid #dce6ed;border-radius:8px;background:#fff!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1;isolation:isolate;box-shadow:0 12px 28px #334f6824}.translationSettingsPopover:before{content:"";position:absolute;top:-6px;left:133px;width:9px;height:9px;border-left:1px solid #dce6ed;border-top:1px solid #dce6ed;background:#fff!important;transform:rotate(45deg)}.translationSettingsRow{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px;border-top:1px solid #e4ecf2}.translationSettingsRow.languageRow{min-height:48px;padding:0 2px 10px;border-top:0}.translationSettingsRow:nth-child(2){border-top:0;border-radius:8px 8px 0 0;background:#f6f9fb!important}.translationSettingsRow:last-child{border-radius:0 0 8px 8px;background:#f6f9fb!important}.translationSettingsRow b{display:block;color:#344351;font-size:12px;line-height:18px;font-weight:600}.translationSettingsRow>div>span{display:block;margin-top:1px;color:#81919e;font-size:10px;line-height:14px;white-space:nowrap}.myLanguageSelect{position:relative;flex:0 0 112px}.myLanguageSelect>button{width:112px;height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border:1px solid #d7e2ea;border-radius:6px;background:#f7f9fb;color:#536474;font-size:12px;cursor:pointer}.myLanguageMenu{top:calc(100% + 5px);right:0;width:132px}.settingsToggle{position:relative;flex:0 0 34px;cursor:pointer}.settingsToggle input{position:absolute;opacity:0;pointer-events:none}.settingsToggle span{width:34px;height:20px;display:block;border-radius:10px;background:#d7dee7;transition:background-color .16s ease}.settingsToggle span:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #2d3e4e2e;transition:transform .16s ease}.settingsToggle input:checked+span{background:var(--payem-blue)}.settingsToggle input:checked+span:after{transform:translate(14px)}.settingsToggle input:focus-visible+span{outline:2px solid rgba(0,141,255,.25);outline-offset:2px}.settingsToggle:has(input:disabled){opacity:.48;cursor:not-allowed}.translationSettingsWrap>.iconButton.active{background:var(--payem-blue-soft);color:var(--payem-blue-strong)}@container (min-width: 700px){.chatHeader{gap:14px;padding-inline:20px}.chatHeaderTools{gap:8px}.languageControl{flex-basis:168px;gap:8px}.languageControl>.languageControlLabel{flex-basis:56px;font-size:13px}.languageControl>button{width:104px}.languageControl>button{font-size:13px}.checkControl,.switchControl{font-size:13px}}@container (max-width: 699px){.conversationTitle{min-width:88px}.checkControl>.translationIcon{display:none}.checkControl>.checkLabel{width:25px;padding-left:0}.headerToolDivider{display:none}}@container (max-width: 500px){.conversationTitle,.headerSearchIcon,.headerRecordIcon{display:none}.checkControl{padding-inline:1px}.switchControl{gap:4px;padding-inline:1px}}.messagesArea{padding:8px 12px 16px;scroll-padding-block:8px 16px;scroll-snap-type:y mandatory}.messageRow{margin-block:5px 9px;scroll-snap-align:end;scroll-snap-stop:always}.messageSystem{scroll-snap-align:center}.messageStack{max-width:min(82%,368px)}.messageRow.received .messageStack{align-items:flex-start}.messageBodyLine{display:flex;align-items:center;gap:10px;max-width:100%}.messageRow.sent .messageBodyLine{align-self:flex-end;justify-content:flex-end}.messageRow.received .messageBodyLine{align-self:flex-start;justify-content:flex-start}.messageBodyLine .messageBubble{max-width:calc(100% - 48px)}.messageRow.received .messageSource,.messageRow.received .messageMeta{margin-left:48px}.messageRow.sent .messageSource,.messageRow.sent .messageMeta{margin-right:48px}.messageBubble{padding:8px 12px;border:0;border-radius:8px;background:#dbeeff;color:#34414d;box-shadow:0 0 10px #008dff1f}.messageBubble.endsWithCjkPeriod{padding-right:5px}.messageRow.received .messageBubble{border:0;border-radius:8px;background:#fffffff5;box-shadow:0 0 8px #435b700e}.composer{height:134px;flex-basis:134px;margin:0 12px 12px;border:1px solid var(--payem-line);border-radius:10px;background:#fff;box-shadow:0 2px 7px #2f41520a}.infoCollapsed .composer{height:134px;flex-basis:134px}.composer .aiMenu{bottom:138px}.composerToolbar{border-bottom:1px solid #f1f3f5;border-radius:10px 10px 0 0}.composerToolbar .iconButton{color:#647482}.composerToolbar .toolbarAiImage{width:24px;height:24px}.composer textarea{height:62px;padding:10px 14px;font-size:12px}.composerHint{right:14px;bottom:10px;font-size:10px}.composer.translationPreviewing textarea{height:36px}.composerTranslationPreview{position:absolute;left:14px;right:14px;bottom:28px;min-height:30px;display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:6px;background:#f3f8fb;color:#526676;font-size:10px;line-height:15px}.composerTranslationPreview span{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;color:var(--payem-blue-strong)}.composerTranslationPreview p{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customerInfo{padding:0 12px 18px}.infoHeader{padding-inline:2px;font-size:15px}.customerIdentity{height:58px;grid-template-columns:38px 1fr 15px;gap:10px}.customerIdentity>img,.customerIdentity>.contactAvatar{width:38px;height:38px}.customerIdentity span{font-size:13px}.infoSection{margin-top:10px}.infoSection h4{height:34px;margin-bottom:6px;border-radius:6px;background:#f3f5f7;color:#657481;font-size:12px}.infoLine{min-height:31px;font-size:12px}.infoLine code{font-size:11px}.historyCard{height:56px;border:1px solid #edf0f3;border-radius:7px;background:#fff;padding:10px 8px 5px 11px}.historyCard>div{font-size:11px}.historyCard time{width:100%;margin-left:0;color:#8b97a2;font-size:11px}.quickReplies,.searchDialog,.aiMenu{border:1px solid var(--payem-line);border-radius:10px;box-shadow:0 18px 48px #2b3b4c2e}.quickTop>button:not(.iconButton),.quickTop label,.quickPager button,.searchDialogTop>button{border-color:var(--payem-line-strong);border-radius:6px}.quickBody nav button{border-radius:6px}.quickBody nav button.active{background:var(--payem-blue-soft);color:var(--payem-blue-strong)}.quickRow button{background:var(--payem-blue)}.quickPager b{color:var(--payem-blue-strong)}.searchOverlay{background:#3a49595c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.searchDialogTop>svg,.searchDialogTabs button.active,.searchDialogFooter b{color:var(--payem-blue-strong)}.searchDialogTabs button.active:after{background:var(--payem-blue)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(0,141,255,.72);outline-offset:2px}@media(max-width:1320px){.appShell{width:100vw;height:100vh;margin:0}.topBar{grid-template-columns:320px minmax(130px,190px) 1fr}.promoPill span{display:none}.chatWorkspace{grid-template-columns:var(--view-panel-width, 115px) var(--contact-panel-width, 260px) minmax(330px,1fr) 250px;gap:6px;padding:6px}.infoCollapsed .chatWorkspace{grid-template-columns:var(--view-panel-width, 115px) var(--contact-panel-width, 260px) minmax(400px,1fr)}}.appShell{background:radial-gradient(circle at 82% 12%,rgba(46,169,218,.18),transparent 31%),radial-gradient(circle at 14% 88%,rgba(78,132,224,.12),transparent 34%),#e8f0f7}.appBody,.chatWorkspace{background:#eef7fde6}.topBar,.mainNav,.viewPanel,.contactPanel,.customerInfo,.chatHeader,.composer{background:#f9fdffad;-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%);border-color:#d6e1ebc7;box-shadow:inset 0 1px #fffffff0,0 8px 26px #334f6817}.chatHeader{box-shadow:inset 0 1px #fffffff0}.topBar{background:#ffffffb8;-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%);box-shadow:inset 0 -1px #ffffffe6}.topBar:before{content:"";position:absolute;z-index:2;top:0;bottom:0;left:calc(var(--main-nav-width, 220px) - 1px);width:1px;background:#d6e1ebd1;pointer-events:none;transition:left .2s ease}.topBar:after{content:"";position:absolute;z-index:1;top:calc(100% - 1px);left:0;width:var(--main-nav-width, 220px);height:12px;background:#ffffffa3;border-right:1px solid rgba(214,225,235,.82);pointer-events:none;transition:width .2s ease}.mainNav{box-shadow:0 8px 26px #334f6817}.navResizing .topBar:before{transition:none}.navResizing .topBar:after{transition:none}.chatPanel{background:#f4f8fb8a;-webkit-backdrop-filter:blur(20px) saturate(138%);backdrop-filter:blur(20px) saturate(138%);border-color:#d6e1ebc2;box-shadow:inset 0 1px #ffffffe0,0 8px 26px #334f6814}.contactRow,.statusTabs button,.quickBody nav button,.searchDialogTabs button{background:#ffffff61}.contactRow:hover,.viewItem:hover,.mainNavItem:hover{background:#ffffffb3}.contactRow.selected,.viewItem.active,.mainNavItem.active,.quickBody nav button.active{background:#e8f4fff0}.infoSection h4,.projectCard,.historyCard,.globalSearchButton,.viewSearch,.contactSearch,.languageControl>button,.guidePill,.tourPill,.promoPill{background:#ffffff80;border-color:#d6e1ebbd;box-shadow:inset 0 1px #ffffffe6,0 4px 15px #334f680e}.languageControl>button{box-shadow:none}.infoSection h4,.historyCard{box-shadow:none}.quickReplies,.searchDialog,.aiMenu{background:#fffc;-webkit-backdrop-filter:blur(30px) saturate(150%);backdrop-filter:blur(30px) saturate(150%);border-color:#d6e1ebd1;box-shadow:inset 0 1px #fffffff5,0 24px 62px #2b3b4c38}.topBar,.mainNav,.viewPanel,.contactPanel,.chatPanel,.customerInfo,.composer,.quickReplies,.searchDialog,.aiMenu{border-color:#e5ecf2e0}.topBar{border-bottom-color:#e5ecf2f0}.viewPanel,.contactPanel,.customerInfo{border-right-color:#e5ecf2e0}.customerInfo{border-left-color:#e5ecf2e0}.composer,.composerToolbar,.composer textarea{background:#fff}.composer textarea:focus,.composer textarea:focus-visible{outline:0;outline-offset:0;box-shadow:none}.composerResizeHandle{position:absolute;z-index:12;top:-6px;left:14px;right:14px;height:12px;cursor:ns-resize;touch-action:none}.composerResizeHandle:after{content:"";position:absolute;top:4px;left:50%;width:36px;height:3px;border-radius:999px;background:#d7e3ec;transform:translate(-50%);transition:width .16s ease,background-color .16s ease}.composerResizeHandle:hover:after,.composerResizeHandle:focus-visible:after,.composer.resizing .composerResizeHandle:after{width:48px;background:#008dff9e}.composerResizeHandle:focus-visible{outline:0}.composerResizing,.composerResizing *{cursor:ns-resize!important;-webkit-user-select:none!important;user-select:none!important}.composer textarea{height:max(38px,calc(100% - 72px));box-sizing:border-box;overflow-y:auto}.composer.translationPreviewing textarea{height:max(28px,calc(100% - 98px))}.composer .aiMenu{bottom:calc(100% + 4px)}.composer{-webkit-backdrop-filter:none;backdrop-filter:none}.customerInfo{color:#3d4b59}.infoHeader{border-bottom:1px solid #e8eef3}.infoHeader b{color:#253240;font-size:14px;font-weight:700;letter-spacing:-.15px}.customerIdentity{height:54px;margin:8px 0;padding:0 4px;border:0;border-radius:0;background:transparent}.customerIdentity span{color:#344352;font-size:13px;font-weight:650}.infoSection{margin-top:13px}.customerIdentity+.infoSection{margin-top:8px}.infoSection h4{height:32px;margin-bottom:7px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:4px;background:#f1f6fa;box-shadow:none;color:#485968;font-size:12px;font-weight:650}.infoSection h4 em{min-width:18px;height:18px;display:grid;place-items:center;border-radius:9px;background:#e1edf6;color:#687b8b;font-size:10px;font-style:normal;font-weight:650}.infoLine{min-height:34px;padding:0 7px;display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:9px;color:#465665;font-size:12px}.infoLine.withCopy{grid-template-columns:16px minmax(0,1fr) 15px}.infoLine svg{color:#7e8d9b}.infoLine .telegramIcon{color:var(--payem-blue)}.infoLineLabel{color:#8593a0;font-size:11px;white-space:nowrap}.infoLineValue,.infoLine code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#445463;font-family:inherit;font-size:11.5px;font-weight:550}.historySection{margin-top:15px}.historyCard{position:relative;height:52px;margin-bottom:6px;padding:8px 10px 5px 12px;overflow:hidden;border:1px solid #edf2f6;border-radius:7px;background:#fff;box-shadow:none}.historyCard>div{color:#617181;font-size:11px;font-weight:550}.historyCard b{color:#667684;font-weight:650}.historyCard b.joined{color:#d59023}.historyCard span{color:#4c5c6b;font-weight:550}.historyCard time{margin-top:5px;color:#8b98a4;font-size:10.5px;font-weight:450}.viewMenuAnchor{position:relative}.viewMenuAnchor>.iconButton.active,.restoreViewButton:hover{background:#eef7ff;color:var(--payem-blue)}.viewMenu{position:absolute;z-index:40;top:34px;left:0;width:174px;padding:5px;border:1px solid #e2e9ef;border-radius:7px;background:#fff;box-shadow:0 8px 24px #2131411f}.viewMenu:before{content:"";position:absolute;top:-5px;left:10px;width:8px;height:8px;border-top:1px solid #e2e9ef;border-left:1px solid #e2e9ef;background:#fff;transform:rotate(45deg)}.viewMenu button{width:100%;height:34px;display:flex;align-items:center;gap:9px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:#40505f;font-size:12px;text-align:left;cursor:pointer}.viewMenu button:hover{background:#f3f7fa;color:#253545}.viewMenu button svg{flex:0 0 auto;color:#6d7d8c}.viewPanel:not(.viewPanelRail){overflow:visible;z-index:8}.viewPanelRail{overflow:hidden}.viewRailHeading{justify-content:center;padding:0}.viewRailHeading .iconButton{color:#617282}.viewRailList{height:calc(100% - 54px);display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 5px 10px;overflow-y:auto}.viewRailItem{position:relative;width:40px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#71808f;cursor:pointer}.viewRailItem:hover{background:#f3f7fa;color:#405363}.viewRailItem.active{background:var(--payem-blue-soft);color:var(--payem-blue)}.viewRailItem em{position:absolute;top:2px;right:1px;min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;border-radius:8px;background:#e95c5c;color:#fff;font-size:9px;font-style:normal;font-weight:700}.viewHidden .chatWorkspace{grid-template-columns:var(--contact-panel-width, 260px) minmax(360px,1fr) 250px}.viewHidden.infoCollapsed .chatWorkspace{grid-template-columns:var(--contact-panel-width, 260px) minmax(420px,1fr)}.restoreViewButton{flex:0 0 26px}.topBar{border-bottom-color:transparent;background:linear-gradient(to right,transparent 0,transparent var(--main-nav-width, 220px),rgba(229,236,242,.94) var(--main-nav-width, 220px),rgba(229,236,242,.94) 100%) bottom / 100% 1px no-repeat,#ffffffb8;box-shadow:inset 0 1px #ffffffeb}.topBar:after{display:none}.topBar{grid-template-columns:max(44px,calc(var(--main-nav-width, 200px) - 14px)) minmax(80px,150px) 1fr}.brandCluster{grid-column:1;overflow:hidden;padding-right:8px}.brandCluster .brandLogo{width:min(146px,calc(100% - 40px));min-width:0;flex:0 1 auto}.brandMarkButton{display:none;width:34px;height:34px;flex:0 0 34px;padding:0;overflow:hidden;border:0;background:transparent}.brandMarkCrop{display:block;width:34px;height:34px;overflow:hidden}.brandMarkCrop img{display:block;width:134px;max-width:none;height:34px;object-fit:contain;object-position:left center}.brandCompact .brandCluster .brandLogo{display:none}.brandCompact .brandCluster .brandMarkButton{display:block}.brandCluster .mainNavToggle{flex:0 0 auto}.pageName{grid-column:2;justify-self:start;margin-left:4px;white-space:nowrap}.navCollapsed .brandCluster{justify-content:center;padding-right:0;overflow:visible}.navCollapsed .topBar{grid-template-columns:var(--main-nav-width, 58px) minmax(80px,150px) 1fr;padding-left:0}.navCollapsed .brandCluster .brandLogo{display:none}.navCollapsed .brandCluster .brandMarkButton{display:block;cursor:pointer}.navCollapsed .brandCluster .mainNavToggle{display:inline-flex;position:absolute;left:calc(100% + 2px);margin:0}.navCollapsed .pageName{margin-left:38px}.projectCard{left:10px;right:10px;bottom:10px;height:84px;padding:10px 12px;border:0;border-radius:8px;background:#eaf3fa;box-shadow:none}.projectTitle{gap:7px}.projectTitle b{font-size:12px;font-weight:650}.projectTitle span{color:#9aa8b5;font-size:11px}.projectTitle svg{color:#728394}.planLabel{margin-top:10px;color:#9aa8b5;font-size:10px}.planRow{margin-top:4px;gap:7px;color:#657687}.planRow span:first-child{padding:3px 7px;border:0;border-radius:6px;background:#ffffffb8}.mainNavItem em{min-width:32px;height:18px;padding:0 6px;border:0;border-radius:4px;background:#e9f4ff;color:var(--payem-blue);box-shadow:none;font-size:10px;font-weight:650;line-height:18px;letter-spacing:.1px}.contactPanel{background:#f7fbfff5;-webkit-backdrop-filter:blur(24px) saturate(108%);backdrop-filter:blur(24px) saturate(108%)}.contactTools,.statusTabs,.statusTabs button{background:#f9fcff}.contactRow{background:#fbfdff}.contactRow.selected,.contactRow.selected:hover{width:100%;margin:0;border:0;border-radius:0;background:#edf6ff;box-shadow:none}.contactRow.selected:before{content:"";position:absolute;inset:10px auto 10px 0;width:2px;border-radius:0 3px 3px 0;background:var(--payem-blue)}.contactRow.selected .contactLine b{color:#2c3742}.messageRow.sent .messageBubble{border:0;background:#d8edff;box-shadow:none}.messageRow.sent .messageBubble.hasFailure{border:0;background:#d8edff}.messageFailure{margin-top:5px;padding-top:0;border-top:0}.messageFailureActions{display:flex;align-items:center;gap:4px;color:#e45b63;font-size:11px}.messageFailureActions>svg{display:none}.messageFailureActions .failureDetails{gap:2px;color:#e45b63;font-weight:500}.messageFailureActions .failureRetry{height:auto;margin-left:1px;padding:0;border:0;border-radius:0;background:transparent;color:var(--payem-blue-strong);font-weight:500;line-height:inherit}.messageFailureActions .failureRetry:hover{border-color:transparent;background:transparent;color:#007bdc}.messageFailureDetail{margin-top:7px!important;padding-top:0;border-top:0;color:#a9666c;font-size:10px;line-height:15px}.languageControl>.languageControlLabel,.checkControl>.checkLabel,.switchControl b{color:#596474}.appShell,.appBody{background:#f4f8fc}.chatWorkspace{background:#f4f8fc;border-radius:12px 0 0;overflow:hidden}.chatWorkspace>.viewPanel{border-radius:6px 11px 11px}.topBar,.mainNav,.viewPanel,.contactPanel,.customerInfo,.chatHeader{background:#fbfdff;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#e7eef5}.mainNav{border:0;border-radius:0;background:#f8fbfe}.chatPanel{background:#f1f7fc;-webkit-backdrop-filter:none;backdrop-filter:none}.composer{background:#fff}.contactTools,.statusTabs,.statusTabs button,.contactRow{background:#fbfdff}.contactRow:hover{background:#f3f8fd}.contactRow.selected,.contactRow.selected:hover{background:#edf6ff}.viewItem.active,.mainNavItem.active{background:#e7f3ff}.infoSection h4{padding-inline:2px;background:transparent;color:#607181}.historyCard{background:#fff}.projectCard{background:#eef3f7}.planRow span:first-child{background:#ffffffd1}.messageRow.sent .messageBubble,.messageRow.sent .messageBubble.hasFailure{background:#d2eaff;box-shadow:none}.messageRow.received .messageBubble{background:#fff}.globalSearchButton,.viewSearch,.contactSearch,.languageControl>button,.guidePill,.tourPill{background:#fff}.topBar{border-bottom:0;box-shadow:none}.topBar:before,.topBar:after{content:none;display:none}.contactLine b{color:#2c3742;font-weight:600}.contactLine time,.contactPreview,.messageSource,.messageMeta,.composerHint,.historyCard time,.statusTabs button:not(.active){color:#7a8998}.composer textarea::placeholder,.viewSearch input::placeholder,.contactSearch input::placeholder{color:#a2adba}.infoSection{margin-top:16px}.customerIdentity+.infoSection{margin-top:12px}.infoSection h4{margin-bottom:8px;color:#607181;font-weight:600}.historySection{margin-top:16px}.historyCard{border-color:#f0f3f6;box-shadow:none}.iconButton{color:#637586}.iconButton:hover,.iconButton.active{background:var(--payem-blue-soft);color:var(--payem-blue)}.chatHeader,.chatHeaderTools{gap:12px}.headerToolDivider{margin-inline:0}.languageControl>.languageControlLabel,.languageControl>button,.checkControl,.switchControl{font-size:13px}@container (max-width: 699px){.chatHeader{gap:8px}.chatHeaderTools{gap:4px}}@container (max-width: 500px){.chatHeader{gap:6px}.chatHeaderTools{gap:2px}}.chatWorkspace>.viewPanel{border-radius:12px}.appBody{background:#fbfdff}.chatWorkspace{border-radius:14px 0 0;background:#edf5fc}.projectCard{background:#e7f2fc}.projectTitle b{font-size:13px}.projectTitle span{color:#7f91a2;font-size:12px}.projectTitle svg{color:#60778a}.planLabel{margin-top:8px;color:#7f91a2;font-size:11px}.planRow{margin-top:3px;color:#526879;font-size:12px}
