:root{color:#17282a;background:#eef2f0;font-family:Inter,SF Pro Display,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17282a;--muted: #718184;--line: #e3e9e7;--paper: #ffffff;--canvas: #f4f7f5;--teal: #16665f;--teal-deep: #102f30;--teal-soft: #e1f2ee;--accent: #ffae63;--danger: #d45757;--shadow: 0 16px 48px rgba(30, 60, 60, .12)}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed}input,textarea,select{outline:none}.app-loader{height:100%;display:grid;place-content:center;justify-items:center;gap:18px;color:var(--muted);background:linear-gradient(145deg,#f5f8f7,#e9efec)}.app-loader p{margin:0;font-size:14px}.brand-mark{position:relative;width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:linear-gradient(145deg,#1d756c,#0d4d4b);box-shadow:0 7px 18px #104a4740}.brand-mark span{position:absolute;width:13px;height:17px;top:9px;border:2px solid rgba(255,255,255,.96);border-radius:7px 7px 5px 5px}.brand-mark span:first-child{left:7px;transform:rotate(-9deg)}.brand-mark span:last-child{right:7px;transform:rotate(9deg);border-color:#ffc183}.brand-mark--loader{animation:breathe 1.6s ease-in-out infinite}@keyframes breathe{50%{transform:translateY(-4px);box-shadow:0 14px 26px #104a4752}}.login-page{min-height:100%;display:grid;grid-template-columns:minmax(440px,1.08fr) minmax(500px,.92fr);background:#f7f9f8}.login-story{position:relative;min-height:100vh;overflow:hidden;color:#f6fbfa;background:linear-gradient(145deg,#0f393a,#164e4b 52%,#255f56)}.story-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(to bottom right,#000,transparent 72%);mask-image:linear-gradient(to bottom right,#000,transparent 72%)}.story-orb{position:absolute;border-radius:50%;filter:blur(1px)}.story-orb--one{width:460px;height:460px;left:-180px;bottom:-220px;background:radial-gradient(circle at 60% 35%,#55b39f85,#0c34340d 69%)}.story-orb--two{width:380px;height:380px;right:-170px;top:-150px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 100px #3f938429}.story-content{position:relative;z-index:1;height:100%;min-height:720px;padding:52px clamp(48px,7vw,104px);display:flex;flex-direction:column}.brand-lockup{display:flex;align-items:center;gap:12px;color:var(--ink)}.brand-lockup>span,.brand-lockup>strong{font-size:24px;font-weight:750;letter-spacing:-.6px}.brand-lockup--light{color:#fff}.brand-lockup--light .brand-mark{box-shadow:0 10px 24px #00000038}.story-copy{max-width:590px;margin-top:auto;margin-bottom:36px}.story-eyebrow{margin:0 0 18px;font-size:12px;font-weight:750;letter-spacing:2.8px;color:#9dd6cb}.story-copy h1{max-width:560px;margin:0;font-size:clamp(40px,4.4vw,68px);line-height:1.12;letter-spacing:-2.7px;font-weight:700}.story-copy>p:last-child{margin:22px 0 0;color:#e8f7f3ad;font-size:15px}.conversation-illustration{position:relative;width:min(470px,88%);height:190px;margin:10px 0 64px}.illustration-card{position:absolute;display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.13);background:#ffffff1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 40px #00000029}.illustration-card--back{width:300px;height:76px;top:10px;left:90px;padding:18px;border-radius:19px;opacity:.6;transform:rotate(4deg)}.illustration-card--front{width:390px;height:94px;left:18px;top:68px;padding:20px;border-radius:22px;transform:rotate(-2deg)}.mini-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#7ba9a1}.mini-avatar--accent{width:50px;height:50px;flex-basis:50px;background:linear-gradient(145deg,#f8bc80,#ca765a)}.mini-line{display:block;width:120px;height:7px;border-radius:99px;background:#ffffff8c}.mini-line--wide{width:180px}.mini-line--short{width:112px;margin-top:11px;opacity:.45}.mini-check{margin-left:auto;color:#8de0bf;font-weight:800}.illustration-pulse{position:absolute;right:5px;top:47px;min-width:62px;height:45px;display:grid;place-items:center;border-radius:15px;background:#fff;color:#2b756d;font-weight:800;letter-spacing:3px;box-shadow:0 15px 35px #00000038}.story-foot{margin:auto 0 0;color:#e6f5f259;font-size:10px;letter-spacing:2px}.login-panel{position:relative;min-height:100vh;display:grid;place-items:center;padding:70px 64px;background:radial-gradient(circle at 88% 12%,#edf5f2 0,transparent 30%),#f8faf9}.login-language{position:absolute;top:32px;right:42px;display:flex;align-items:center;gap:8px;color:#71817e}.login-language select,.header-language select{max-width:142px;padding:6px 22px 6px 5px;border:0;background:transparent;color:inherit;font-size:13px}.globe-icon{font-size:18px}.login-card{width:min(430px,100%)}.mobile-brand{display:none;margin-bottom:36px}.login-heading{margin-bottom:34px}.login-badge{display:none;margin-bottom:16px;color:var(--teal);font-size:11px;font-weight:750;letter-spacing:1.8px}.login-heading h2{margin:0 0 10px;color:#183234;font-size:34px;line-height:1.2;letter-spacing:-1.2px}.login-heading p{margin:0;color:#84918f;font-size:14px}.field-label{display:flex;align-items:center;gap:8px;margin:20px 0 9px;color:#435557;font-size:13px;font-weight:650}.optional{padding:2px 5px;border-radius:4px;background:#edf1ef;color:#98a39f;font-size:8px;letter-spacing:.7px}.input-shell{height:54px;display:flex;align-items:center;gap:11px;padding:0 14px;border:1px solid #dde5e2;border-radius:12px;background:#fff;box-shadow:0 3px 12px #1d373509;transition:border-color .2s,box-shadow .2s}.input-shell:focus-within{border-color:#4d9188;box-shadow:0 0 0 3px #1b716717}.input-icon{width:22px;color:#79918e;text-align:center;font-size:18px}.input-shell input{width:100%;min-width:0;border:0;background:transparent;color:#1f3436;font-size:14px}.input-shell input::placeholder{color:#b1bcba}.icon-button{border:0;background:transparent}.password-toggle{width:32px;height:32px;color:#8fa09d;font-size:18px}.preview-control{position:relative;display:flex;align-items:flex-start;gap:11px;margin:24px 0;cursor:pointer}.preview-control input{position:absolute;opacity:0}.check-box{width:19px;height:19px;flex:0 0 19px;display:grid;place-items:center;margin-top:1px;border:1px solid #cbd6d3;border-radius:5px;color:transparent;background:#fff;font-size:11px;transition:.2s}.preview-control input:checked+.check-box{border-color:var(--teal);background:var(--teal);color:#fff}.preview-control strong{display:block;color:#3c4f50;font-size:13px}.preview-control small{display:block;margin-top:3px;color:#94a09e;font-size:11px;line-height:1.4}.form-error{display:flex;align-items:center;gap:9px;margin:-8px 0 17px;padding:11px 13px;border-radius:9px;background:#fff0ee;color:#b64d46;font-size:12px}.form-error span{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#cf645c;font-weight:800}.login-button{width:100%;height:56px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#1b746b,#125a57);box-shadow:0 13px 25px #10545038;font-weight:700;transition:transform .2s,box-shadow .2s}.login-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 17px 30px #10545045}.login-button:disabled{opacity:.7}.button-arrow{font-size:19px}.spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.demo-hint{margin:18px 0 0;color:#a2adaa;text-align:center;font-size:11px}.message-image{max-width:240px;max-height:240px;border-radius:10px;display:block;object-fit:cover}.upload-button{width:36px;height:36px;border-radius:9px;border:1px solid #d8e0df;background:#fff;cursor:pointer;font-size:15px;display:grid;place-items:center}.upload-button:disabled{opacity:.5;cursor:not-allowed}.upload-button .spinner{width:15px;height:15px;border:2px solid rgba(16,84,80,.3);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}.workspace{height:100%;min-height:620px;display:flex;flex-direction:column;background:var(--canvas)}.workspace-watermark{position:fixed;top:68px;right:0;bottom:0;left:0;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);place-items:center;overflow:hidden;pointer-events:none}.workspace-watermark span{color:#1c524d17;font-size:clamp(14px,1.5vw,22px);font-weight:800;letter-spacing:1px;transform:rotate(-24deg);white-space:nowrap;-webkit-user-select:none;user-select:none}.workspace-header{position:relative;z-index:5;height:68px;flex:0 0 68px;display:flex;align-items:center;justify-content:space-between;padding:0 22px 0 24px;border-bottom:1px solid var(--line);background:#fffffff2;box-shadow:0 3px 14px #203f3c09}.workspace-header .brand-lockup{min-width:280px}.workspace-header .brand-mark{width:34px;height:34px;flex-basis:34px}.workspace-header .brand-lockup strong{display:block;font-size:17px;line-height:1.05}.workspace-header .brand-lockup small{display:block;margin-top:4px;color:#91a09d;font-size:10px;font-weight:500;letter-spacing:.5px}.preview-banner{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;padding:7px 13px;border-radius:99px;background:#fff4e4;color:#a76728;font-size:11px;font-weight:650}.qa-banner{background:#e9f2ff;color:#35658b}.header-actions{display:flex;align-items:center;gap:13px}.connection-pill{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #e0e7e5;border-radius:99px;background:#f8faf9;color:#6f807d;font-size:11px}.status-dot{width:7px;height:7px;border-radius:50%;background:#90a09e}.connection-pill--online .status-dot{background:#35b782;box-shadow:0 0 0 4px #35b7821c}.connection-pill--reconnecting .status-dot{background:#e7a84c;animation:blink 1s ease infinite}.connection-pill--offline .status-dot{background:#d25d5d}.disconnect-test{width:30px;height:30px;border:1px solid #e1e7e5;border-radius:9px;background:#f8faf9;color:#80908d;font-size:14px}.disconnect-test:hover{border-color:#e4cda9;background:#fff7eb;color:#b27633}@keyframes blink{50%{opacity:.25}}.header-language{display:flex;align-items:center;color:#748581}.agent-profile{display:flex;align-items:center;gap:9px;padding-left:12px;border-left:1px solid var(--line)}.agent-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(145deg,#3f847c,#1c5c57);font-size:13px;font-weight:750}.agent-profile strong,.agent-profile small{display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-profile strong{color:#314345;font-size:12px}.agent-profile small{margin-top:3px;color:#95a19f;font-size:9px}.logout-button{width:34px;height:34px;border:0;border-radius:9px;background:#f4f7f6;color:#71817e;font-size:18px}.logout-button:hover{background:#fff0ee;color:var(--danger)}.workspace-grid{min-height:0;flex:1;display:grid;grid-template-columns:332px minmax(440px,1fr) 298px;gap:1px;background:var(--line)}.conversation-panel,.chat-panel,.profile-panel{min-width:0;min-height:0;background:var(--paper)}.conversation-panel{display:flex;flex-direction:column}.conversation-panel__header{padding:20px 18px 14px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-title-row h1{margin:0;color:#263b3d;font-size:20px;letter-spacing:-.5px}.panel-title-row p{margin:5px 0 0;color:#98a4a2;font-size:10px}.panel-title-actions{display:flex;align-items:center;gap:7px}.mark-read-button{width:25px;height:24px;display:grid;place-items:center;border:1px solid #dce8e5;border-radius:8px;background:#f5faf8;color:var(--teal);font-size:11px;font-weight:800}.mark-read-button:hover{border-color:#a9cec7;background:#eaf4f1}.mark-read-button:disabled{opacity:.5}.total-badge{min-width:26px;height:24px;display:grid;place-items:center;padding:0 7px;border-radius:8px;color:#fff;background:var(--teal);font-size:10px;font-weight:750}.search-box{height:39px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #e1e8e6;border-radius:10px;background:#f8faf9;color:#81918e}.search-box:focus-within{border-color:#75a9a2;background:#fff;box-shadow:0 0 0 3px #1e69610f}.search-box input{width:100%;min-width:0;border:0;background:transparent;color:#304547;font-size:12px}.search-box input::placeholder{color:#a8b3b1}.search-box button{border:0;background:transparent;color:#8c9b98;font-size:17px}.list-tabs{height:42px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:0 14px;border-bottom:1px solid var(--line)}.list-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:#899693;font-size:11px;font-weight:600}.list-tabs button:after{content:"";position:absolute;left:22%;right:22%;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:transparent}.list-tabs button.active{color:var(--teal)}.list-tabs button.active:after{background:var(--teal)}.tab-icon{font-size:15px}.category-scroller{display:flex;gap:6px;overflow-x:auto;padding:12px 14px 10px;scrollbar-width:none}.category-scroller::-webkit-scrollbar{display:none}.category-scroller button{flex:0 0 auto;padding:6px 10px;border:1px solid #e5ebe9;border-radius:99px;background:#fff;color:#7a8987;font-size:10px}.category-scroller button.active{border-color:#d6ebe6;background:var(--teal-soft);color:var(--teal);font-weight:700}.conversation-list{min-height:0;flex:1;overflow-y:auto;padding:3px 8px 14px;scrollbar-color:#d9e1de transparent;scrollbar-width:thin}.conversation-row{width:100%;min-height:72px;display:flex;align-items:center;gap:11px;padding:10px;border:0;border-radius:11px;background:transparent;text-align:left;transition:background .16s,transform .16s}.conversation-row:hover{background:#f6f9f7}.conversation-row.active{background:#eaf4f1}.conversation-row.unread:not(.active){background:#fbfcfc}.conversation-avatar{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:14px;color:#fff;box-shadow:inset 0 0 0 1px #ffffff24;font-size:10px;font-weight:750;letter-spacing:.3px}.conversation-main{min-width:0;flex:1;display:grid;gap:7px}.conversation-name,.conversation-preview{display:flex;align-items:center;gap:8px;min-width:0}.conversation-name strong{min-width:0;flex:1;overflow:hidden;color:#334748;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.conversation-row.unread .conversation-name strong{color:#1f3637;font-weight:750}.conversation-name time{color:#9ca8a6;font-size:9px}.conversation-preview>span{min-width:0;flex:1;overflow:hidden;color:#929e9c;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.conversation-preview b{min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px;border-radius:99px;color:#fff;background:#e47c64;font-size:9px}.empty-state{height:100%;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.empty-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:13px;border-radius:14px;background:#edf4f1;color:#5f8e87;font-size:19px}.empty-state strong{color:#526361;font-size:12px}.empty-state p{max-width:230px;margin:7px 0 0;color:#9aa5a3;font-size:10px;line-height:1.55}.empty-state button{margin-top:14px;padding:7px 12px;border:1px solid #dfe7e4;border-radius:8px;background:#fff;color:var(--teal);font-size:10px}.empty-state--error .empty-icon{background:#fff0ee;color:#c96055}.list-skeleton{padding:5px 8px}.skeleton-row{height:71px;display:flex;align-items:center;gap:11px}.skeleton-row>span{width:42px;height:42px;border-radius:14px;background:#edf1ef;animation:shimmer 1.3s infinite}.skeleton-row>div{flex:1}.skeleton-row i{display:block;width:72%;height:9px;margin:6px 0;border-radius:5px;background:#edf1ef;animation:shimmer 1.3s infinite}.skeleton-row i:last-child{width:90%;height:7px}@keyframes shimmer{50%{opacity:.48}}.chat-panel{display:flex;flex-direction:column;background:#f6f8f7}.chat-header{height:72px;flex:0 0 72px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);background:#fffffff5}.chat-contact{display:flex;align-items:center;gap:11px}.chat-contact .conversation-avatar{width:40px;height:40px;flex-basis:40px;border-radius:13px}.chat-contact h2{margin:0;color:#293f41;font-size:13px}.chat-contact p{display:flex;align-items:center;gap:5px;margin:5px 0 0;color:#8d9b98;font-size:9px}.online-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#34b77e;box-shadow:0 0 0 3px #34b77e1a}.unknown-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#9aa8a6;box-shadow:0 0 0 3px #80918d1a}.chat-header-actions{display:flex;align-items:center;gap:10px}.message-search{height:32px;width:min(220px,20vw);display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #e3e9e7;border-radius:9px;background:#f7f9f8;color:#8c9997}.message-search:focus-within{border-color:#8ab6af;background:#fff}.message-search input{width:100%;min-width:0;border:0;background:transparent;color:#405355;font-size:9px}.message-search b{min-width:17px;height:17px;display:grid;place-items:center;border-radius:99px;background:#dfeeea;color:var(--teal);font-size:8px}.conversation-id{padding:5px 8px;border-radius:6px;background:#f3f6f5;color:#8e9b99;font-family:Consolas,monospace;font-size:9px}.chat-header-actions button,.profile-header button{width:32px;height:32px;border:0;border-radius:9px;background:#f5f7f6;color:#758582;letter-spacing:1px}.message-scroller{min-height:0;flex:1;overflow-y:auto;padding:18px clamp(18px,3.4vw,46px) 24px;background-image:radial-gradient(circle at 1px 1px,rgba(46,92,85,.05) 1px,transparent 0);background-size:24px 24px;scrollbar-width:thin;scrollbar-color:#cdd8d4 transparent}.date-divider{display:flex;align-items:center;gap:12px;margin:2px 0 24px;color:#98a4a2;font-size:9px}.date-divider:before,.date-divider:after{content:"";height:1px;flex:1;background:#dde5e2cc}.date-divider span{padding:5px 9px;border-radius:99px;background:#ffffffdb}.message-row{display:flex;align-items:flex-end;gap:8px;margin:14px 0}.message-row--out{justify-content:flex-end}.message-avatar{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:9px;color:#fff;font-size:8px;font-weight:700}.message-stack{max-width:min(620px,76%)}.message-row--out .message-stack{display:flex;flex-direction:column;align-items:flex-end}.message-bubble{width:fit-content;padding:10px 13px;border:1px solid #e3e9e7;border-radius:5px 15px 15px;background:#fff;color:#344849;box-shadow:0 3px 11px #2c48440d;font-size:12px;line-height:1.55}.message-row--out .message-bubble{border-color:#176a63;border-radius:15px 5px 15px 15px;background:linear-gradient(135deg,#1b746b,#155d59);color:#fff;box-shadow:0 5px 15px #16625b2b}.message-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble--pending{opacity:.74}.message-bubble--failed{border-color:#e5a49d!important;background:#a54b45!important}.message-meta{display:flex;align-items:center;gap:4px;margin:4px 4px 0;color:#98a4a2;font-size:8px}.sent-check{color:#3f998b}.retry-message{padding:0;border:0;background:transparent;color:#c4564e;font-size:8px;text-decoration:underline}.media-placeholder{min-width:180px;min-height:70px;display:flex;align-items:center;gap:11px;margin:-3px -5px 8px;padding:14px;border-radius:10px;background:#ffffff1f}.message-row--in .media-placeholder{background:#eef3f1;color:#56726e}.media-placeholder span{font-size:25px}.media-placeholder strong{font-size:11px}.media-file-card{min-width:230px;display:flex;align-items:center;gap:11px;padding:11px;border-radius:10px;background:#ffffff1f;color:inherit;text-decoration:none}.message-row--in .media-file-card{background:#eef3f1;color:#526d68}.media-file-card>span{width:37px;height:37px;display:grid;place-items:center;flex:0 0 37px;border-radius:10px;background:#ffffff26;font-size:17px}.message-row--in .media-file-card>span{background:#fff}.media-file-card div{min-width:0;display:grid;gap:4px}.media-file-card strong{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.media-file-card small{opacity:.72;font-size:8px}.message-audio{width:min(310px,100%);height:34px;margin-top:8px}.messages-empty{height:70%;display:grid;place-content:center;justify-items:center;color:#99a5a2}.messages-empty span{width:50px;height:50px;display:grid;place-items:center;border-radius:17px;background:#fff;color:#6e9b94;box-shadow:0 8px 25px #2745410f;font-size:23px}.messages-empty p{font-size:11px}.composer{flex:0 0 auto;padding:10px 16px 14px;border-top:1px solid var(--line);background:#fff}.compose-types{display:flex;align-items:center;gap:5px;margin-bottom:7px;overflow-x:auto;scrollbar-width:none}.compose-types button{display:flex;align-items:center;gap:4px;padding:5px 8px;border:0;border-radius:7px;background:transparent;color:#84928f;font-size:9px;white-space:nowrap}.compose-types button:hover,.compose-types button.active{background:#eaf3f0;color:var(--teal)}.compose-types button:disabled{opacity:.45}.compose-types button span{font-size:12px}.composer-policy-note{color:#b36b22;font-size:8px;white-space:nowrap}.composer-capability-note{margin-left:auto;color:#a1adaa;font-size:8px;white-space:nowrap}.quick-reply-panel{margin:0 0 8px;padding:10px;border:1px solid #dfe8e5;border-radius:12px;background:#f8faf9;box-shadow:0 10px 26px #1f484214}.quick-reply-panel>header{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.quick-reply-panel>header strong{color:#3e5353;font-size:10px}.quick-reply-panel>header small{color:#93a19e;font-size:8px}.quick-search{height:32px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #e1e8e6;border-radius:8px;background:#fff;color:#8b9996}.quick-search input{width:100%;border:0;background:transparent;color:#405355;font-size:9px}.quick-reply-list{max-height:126px;display:grid;gap:5px;margin:8px 0;overflow-y:auto}.quick-reply-list>button{width:100%;display:flex;align-items:center;gap:8px;padding:7px 9px;border:0;border-radius:8px;background:#fff;color:#536764;text-align:left}.quick-reply-list>button:hover{background:#eaf4f1;color:var(--teal)}.quick-reply-list>button>span{min-width:0;flex:1;display:grid;gap:3px}.quick-reply-list strong,.quick-reply-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-reply-list strong{font-size:9px}.quick-reply-list small{color:#8e9c99;font-size:8px}.quick-reply-list b{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;color:#a0adaa;font-size:13px}.quick-reply-list b:hover{background:#ffebe8;color:#bd5b53}.quick-reply-create{display:grid;grid-template-columns:120px minmax(0,1fr) 32px;gap:6px}.quick-reply-create input{min-width:0;height:31px;padding:0 8px;border:1px solid #e1e8e6;border-radius:8px;background:#fff;color:#405355;font-size:9px}.quick-reply-create button{border:0;border-radius:8px;background:var(--teal);color:#fff}.composer-box{display:flex;align-items:flex-end;gap:10px;padding:9px 9px 9px 13px;border:1px solid #dde6e3;border-radius:13px;background:#fbfcfc;transition:.2s}.composer-box:focus-within{border-color:#7daea7;background:#fff;box-shadow:0 0 0 3px #1f6c640f}.composer textarea{min-height:42px;max-height:120px;flex:1;resize:none;border:0;background:transparent;color:#314547;font-size:12px;line-height:1.5}.composer textarea::placeholder{color:#a5b0ae}.composer-actions{display:flex;align-items:center;gap:8px}.draft-count{color:#a8b2b0;font-size:8px}.upload-state{display:flex;align-items:center;gap:5px;color:#718a86;font-size:8px;white-space:nowrap}.upload-state .spinner{width:13px;height:13px;border-color:#1054503d;border-top-color:var(--teal)}.send-button{height:36px;display:flex;align-items:center;gap:8px;padding:0 13px;border:0;border-radius:9px;background:var(--teal);color:#fff;font-size:10px;font-weight:700;box-shadow:0 5px 12px #16665f2b}.send-button b{font-size:12px;transform:rotate(-12deg)}.send-button:disabled{opacity:.42;box-shadow:none}.composer-note{margin:7px 2px 0;color:#ae7540;font-size:9px}.composer--disabled .composer-box{background:#f5f7f6}.chat-welcome{flex:1;display:grid;place-content:center;justify-items:center;padding:32px;text-align:center;color:#879592}.chat-welcome h2{margin:24px 0 8px;color:#405355;font-size:17px}.chat-welcome p{max-width:380px;margin:0;font-size:11px;line-height:1.6}.welcome-graphic{position:relative;width:104px;height:80px}.welcome-graphic span{position:absolute;width:66px;height:48px;border-radius:18px;background:#dcece8}.welcome-graphic span:first-child{left:0;bottom:0}.welcome-graphic span:nth-child(2){right:0;top:0;background:#c4dfda}.welcome-graphic b{position:absolute;right:12px;bottom:4px;width:30px;height:30px;display:grid;place-items:center;border:4px solid #f6f8f7;border-radius:50%;background:var(--teal);color:#fff}.profile-panel{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dbe2df transparent}.profile-header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.profile-header h2{margin:0;color:#35494b;font-size:13px}.profile-hero{padding:24px 20px 21px;border-bottom:1px solid var(--line);text-align:center}.profile-avatar{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 12px;border:4px solid white;border-radius:21px;color:#fff;box-shadow:0 8px 20px #25444029;font-size:13px;font-weight:750}.profile-hero h3{margin:0;color:#2d4243;font-size:14px}.profile-hero p{display:flex;align-items:center;justify-content:center;gap:6px;margin:6px 0 0;color:#8d9b99;font-size:9px}.profile-section{padding:17px 18px;border-bottom:1px solid var(--line)}.profile-section h4{margin:0 0 13px;color:#83918f;font-size:9px;font-weight:750;letter-spacing:1.05px;text-transform:uppercase}.profile-section dl{display:grid;gap:12px;margin:0}.profile-section dl>div{display:flex;align-items:center;gap:10px}.profile-section dt{flex:1;color:#7e8d8a;font-size:10px}.profile-section dd{max-width:150px;margin:0;overflow:hidden;color:#405355;text-overflow:ellipsis;white-space:nowrap;font-family:Consolas,SFMono-Regular,monospace;font-size:9px}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title-row h4{margin:0}.privacy-toggle{padding:4px 7px;border:0;border-radius:6px;background:#edf4f2;color:var(--teal);font-size:8px}.privacy-alert{display:flex;gap:8px;margin-bottom:13px;padding:9px 10px;border:1px solid #e5ece9;border-radius:9px;background:#f8faf9;color:#7c8d89}.privacy-alert span{color:#779c95}.privacy-alert p{margin:0;font-size:8px;line-height:1.5}.profile-section dd.masked{color:#a0aca9;letter-spacing:.5px}.operation-list{display:grid;gap:5px}.operation-list button{min-height:34px;display:flex;align-items:center;gap:8px;padding:0 9px;border:0;border-radius:8px;background:#f7f9f8;color:#596b6a;text-align:left;font-size:9px}.operation-list button:hover{background:#edf4f2;color:var(--teal)}.operation-list button:disabled{opacity:.5}.operation-list button span{width:20px;color:#6f948d;text-align:center;font-size:13px}.operation-list button b{margin-left:auto;color:#a5b0ae;font-size:15px}.no-operations{display:flex;align-items:flex-start;gap:7px;margin:0;padding:10px;border-radius:8px;background:#f7f9f8;color:#94a09e;font-size:8px;line-height:1.5}.no-operations span{color:#799a94}.profile-placeholder{height:100%;display:grid;place-content:center;justify-items:center;color:#a1adaa;text-align:center}.profile-placeholder span{font-size:26px}.profile-placeholder p{max-width:180px;font-size:10px}.dialog-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#0b23236b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.operation-dialog{width:min(520px,100%);max-height:calc(100vh - 48px);overflow-y:auto;border:1px solid rgba(255,255,255,.75);border-radius:17px;background:#fff;box-shadow:0 28px 80px #0d282747}.operation-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.operation-dialog>header>div{display:flex;align-items:center;gap:11px}.operation-dialog>header>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#fff1dc;color:#aa6a2c;font-weight:800}.operation-dialog h3{margin:0;color:#304647;font-size:14px}.operation-dialog header p{margin:4px 0 0;color:#91a09d;font-size:9px}.operation-dialog header>button{width:31px;height:31px;border:0;border-radius:9px;background:#f4f7f6;color:#778885;font-size:18px}.operation-warning{margin:17px 20px 0;padding:11px 12px;border:1px solid #f0debe;border-radius:10px;background:#fff9ef;color:#8f683a;font-size:10px;line-height:1.55}.operation-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:16px 20px 0}.operation-fields label:last-child{grid-column:1 / -1}.operation-fields label,.operation-reason{display:grid;gap:6px;color:#5d706e;font-size:10px}.operation-fields input,.operation-fields textarea,.operation-reason textarea{width:100%;padding:9px 10px;border:1px solid #dfe7e4;border-radius:9px;background:#fbfcfc;color:#34494a;resize:vertical}.operation-fields input:focus,.operation-fields textarea:focus,.operation-reason textarea:focus{border-color:#80aea7;background:#fff;box-shadow:0 0 0 3px #1f6c640f}.operation-reason{margin:15px 20px 0}.dialog-error{margin:10px 20px 0;padding:9px 10px;border-radius:8px;background:#ffebe8;color:#b84f48;font-size:9px}.operation-dialog>footer{display:flex;justify-content:flex-end;gap:8px;padding:17px 20px 20px}.operation-dialog>footer button{height:35px;padding:0 14px;border:1px solid #dfe6e4;border-radius:9px;background:#fff;color:#60726f;font-size:10px}.operation-dialog>footer .dialog-confirm{border-color:var(--teal);background:var(--teal);color:#fff}.operation-dialog>footer button:disabled{opacity:.55}.toast-message{position:fixed;z-index:20;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:9px;max-width:500px;padding:11px 15px;border:1px solid #dce8e5;border-radius:11px;background:#fffffff5;color:#47615e;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:11px}.toast-message>span{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#dff1ec;color:#267b6d;font-weight:800}.toast-message--warning>span{background:#fff1dc;color:#aa6a2c}.toast-message--error>span{background:#ffebe8;color:#bc554d}.toast-enter-active,.toast-leave-active{transition:.22s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,12px)}html[dir=rtl] .conversation-row,html[dir=rtl] .operation-list button{text-align:right}html[dir=rtl] .agent-profile{padding-left:0;padding-right:12px;border-left:0;border-right:1px solid var(--line)}html[dir=rtl] .message-row--out{justify-content:flex-start}html[dir=rtl] .message-row--in{justify-content:flex-end}@media(max-width:1180px){.workspace-grid{grid-template-columns:310px minmax(420px,1fr) 260px}.header-language{display:none}}@media(max-width:960px){.workspace-grid{grid-template-columns:300px minmax(390px,1fr)}.profile-panel{display:none}.login-page{grid-template-columns:42% 58%}.story-content{padding:44px 38px}.story-copy h1{font-size:43px;letter-spacing:-1.7px}.conversation-illustration{transform:scale(.78);transform-origin:left center}}@media(max-width:720px){body{overflow:auto}.login-page{display:block;min-height:100%}.login-story{display:none}.login-panel{min-height:100vh;padding:86px 28px 42px}.login-language{top:22px;right:22px}.mobile-brand,.login-badge{display:flex}.workspace{min-width:700px}.agent-profile div,.connection-pill{display:none}}