@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;font-family:Manrope,Arial,sans-serif;background:#f5f6f8;color:#242b39;font-size:14px}button,input,textarea,select{font:inherit}button,a,select{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:#466bf1}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #5b76ec;outline-offset:2px}small{display:block;color:#7b8496;font-size:11px}strong{font-weight:700}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-1px}h2{font-size:22px;letter-spacing:-.5px}p{line-height:1.7}.app{display:flex;min-height:100vh}aside{width:235px;flex-shrink:0;background:#fff;border-right:1px solid #e5e8ee;padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:27px;font-weight:800;letter-spacing:-1.5px;display:flex;align-items:center;gap:10px;margin:0 12px 35px}.brand-icon{background:#5272f2;color:white;border-radius:12px;width:38px;height:38px;display:grid;place-items:center}.brand i{color:#5272f2;font-style:normal}.workspace{display:flex;gap:10px;border:1px solid #e9eaf0;border-radius:10px;padding:12px 9px;margin-bottom:30px}.workspace strong{font-size:12px}.workspace small{margin-top:4px}.avatar{width:34px;height:34px;border-radius:10px;background:#eef0f9;color:#6173ab;display:grid;place-items:center;font-weight:700;flex-shrink:0}.nav-label{font-size:9px;font-weight:800;letter-spacing:1px;color:#858ea0;margin:0 10px 10px}.nav{display:flex;align-items:center;gap:11px;width:100%;padding:13px 12px;text-align:left;color:#717c90;margin:4px 0;border-radius:9px;font-weight:600;font-size:13px}.nav.selected{background:#edf1ff;color:#4e6bec}.nav b{margin-left:auto;background:#5575ef;color:white;border-radius:6px;padding:2px 6px;font-size:10px}.rail-bottom{margin-top:auto;font-size:10px;color:#828ea2}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6cbb97;margin-right:6px}.profile{border-top:1px solid #ecedf1;padding-top:19px;display:flex;gap:10px;margin-top:20px}.profile strong{font-size:12px;color:#434957}.profile small{margin-top:3px}main{flex:1;min-width:0;padding:29px 30px 24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#808da6;font-weight:800;margin-bottom:7px}.header-actions{display:flex;gap:12px;align-items:center}.chip{display:inline-flex;align-items:center;gap:8px;background:white;border:1px solid #e8ebf1;border-radius:7px;font-size:11px;padding:7px 10px;white-space:nowrap}.avito-dot{font-size:18px;color:#8c53e9;text-shadow:4px 0 #58cccf,-3px 0 #fc5678}.icon{height:33px;width:33px;border:1px solid #e7eaf0;border-radius:8px;background:#fff;display:grid;place-items:center;color:#7b89a0}.summary{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.7fr;gap:14px;margin-bottom:22px}.summary>div{background:#fff;border:1px solid #e8ebf0;border-radius:12px;padding:17px 20px}.summary span{font-size:10px;color:#7b879c}.summary strong{font-size:25px;display:flex;align-items:center;gap:10px;margin-top:9px}.summary i{width:6px;height:6px;border-radius:50%;background:#faab60}.summary small{font-size:9px;max-width:75px;font-weight:500;line-height:1.5}.summary .connection{display:flex;align-items:center;gap:11px;background:#f0f3ff;border-color:#e4e9ff;padding:15px}.connection strong{font-size:11px;margin:0 0 5px}.connection span{font-size:9px;color:#7888b2}.connection button{margin-left:auto;color:#6580ed}.status-dot{height:8px;width:8px;background:#e5ad60;border:4px solid #f8e7cc;box-sizing:content-box;border-radius:50%}.inbox-grid{display:grid;grid-template-columns:340px 1fr;background:white;border:1px solid #e4e8f0;border-radius:14px;overflow:hidden;height:calc(100vh - 246px);min-height:520px}.thread-list{border-right:1px solid #e9ecf2;display:flex;flex-direction:column;overflow:auto}.list-controls{padding:19px 17px 12px}.search{display:flex;align-items:center;gap:8px;background:#f6f7fa;border:1px solid #eceef3;padding:10px;color:#8e9bb1;border-radius:7px}.search input{border:0;outline:0;background:none;font-size:11px;width:100%;color:#4e5667}.list-controls select{width:100%;padding:10px;background:white;border:1px solid #e8ebf1;border-radius:7px;margin-top:10px;font-size:11px;color:#717b90}.tabs{display:flex;gap:5px;margin-top:15px}.tabs button{padding:7px 12px;border-radius:6px;font-size:10px;color:#79859b}.tabs .selected{background:#edf1ff;color:#5672e8;font-weight:700}.list-heading{display:flex;justify-content:space-between;color:#8390a7;font-weight:700;font-size:9px;letter-spacing:1px;padding:9px 20px;border-bottom:1px solid #f0f1f5}.thread{display:block;text-align:left;padding:18px 20px;border-bottom:1px solid #edf0f5;width:100%}.thread:hover{background:#f8faff}.thread.chosen{background:#f1f4ff;border-left:3px solid #5575f0;padding-left:17px}.thread-top{display:flex;gap:9px;align-items:center}.customer-avatar{display:grid;place-items:center;background:#edf0f8;color:#6a7aab;font-size:12px;border-radius:50%;width:30px;height:30px;flex-shrink:0}.thread strong{font-size:12px}.thread time{margin-left:auto;font-size:9px;color:#8b98af}.thread-title{display:flex;gap:6px;font-size:10px;margin:10px 0 6px;color:#7c86a0}.thread p{font-size:11px;color:#7e8798;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-bottom{display:flex;justify-content:space-between;margin-top:12px;font-size:9px;color:#8290a9}.thread-bottom b{background:#5879f2;color:#fff;border-radius:5px;padding:1px 5px}.empty-list{padding:70px 30px;text-align:center;color:#91a0ba}.empty-list strong{display:block;margin:16px 0 6px;color:#667087;font-size:12px}.empty-list p{font-size:11px}.list-foot{margin-top:auto;text-align:center;padding:14px;font-size:9px;color:#8998b0}.conversation{display:flex;flex-direction:column;min-width:0;background:#fcfdff}.welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.welcome-icon{position:relative;width:100px;height:100px;background:#eef2ff;border:12px solid #f6f8ff;border-radius:30px;display:grid;place-items:center;color:#6682f1;margin-bottom:25px;transform:rotate(-5deg)}.welcome-icon span{position:absolute;width:16px;height:16px;background:#84c7af;border:4px solid #fff;border-radius:50%;right:2px;bottom:4px}.welcome h2{font-size:29px;line-height:1.3;letter-spacing:-1px;margin-top:7px}.welcome p{font-size:12px;color:#8492a9;margin:17px 0 24px}.primary{background:#5575ef;color:white;border-radius:8px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:700}.primary:hover{background:#4665dd}.text-button{color:#657aa9;font-size:10px;margin-top:14px}.welcome-features{display:flex;gap:28px;margin-top:44px;color:#7d8fab;font-size:10px}.welcome-features span{display:flex;gap:6px;align-items:center}.chat-header{padding:18px 23px;display:flex;gap:12px;align-items:center;background:white}.chat-header h2{font-size:15px}.chat-header small{font-size:10px;margin-top:4px}.chat-header .outline{margin-left:auto}.outline{border:1px solid #e2e7f1;border-radius:7px;padding:8px 12px;font-size:10px}.ad-bar{display:flex;align-items:center;gap:12px;border-top:1px solid #eef0f5;border-bottom:1px solid #eef0f5;padding:14px 23px;color:#899bbd;background:#fafbff}.ad-bar strong{font-size:11px;color:#576783}.ad-bar small{font-size:9px;margin-top:3px;overflow-wrap:anywhere}.assignment{display:flex;align-items:center;gap:10px;padding:12px 23px;font-size:10px;color:#8191ac}.assignment select{font-size:10px;border:1px solid #e5e9f2;background:white;border-radius:5px;padding:5px;color:#6a7897;max-width:180px}.state-tag{margin-left:auto;color:#61937f;background:#eff7f3;padding:5px 8px;border-radius:5px}.messages{padding:18px 25px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px;min-height:100px}.date-label{text-align:center;color:#8595af;font-size:9px;margin:10px 0 15px}.bubble{max-width:80%;padding:12px 14px;background:white;border:1px solid #e9edf4;border-radius:11px;align-self:flex-start}.bubble p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble>div{font-size:8px;color:#8092af;text-align:right;margin-top:7px}.bubble.out{align-self:flex-end;background:#edf2ff;border-color:#e3eafb}.delivery{display:inline-flex;align-items:center;gap:3px;margin-left:4px}.composer{border-top:1px solid #e8ecf3;background:white;padding:17px 22px}.composer textarea{width:100%;height:65px;resize:vertical;border:0;outline:0;font-size:12px;min-height:40px}.composer>div{display:flex;justify-content:space-between;align-items:center}.composer span{font-size:9px;color:#8294b1}.notice{padding:12px 20px;background:#fff6e3;color:#886629;font-size:12px;line-height:1.6}.demo-banner{background:#eaf0ff;color:#6078b5;padding:10px 16px;margin-bottom:15px;display:flex;justify-content:space-between;font-size:11px;border-radius:8px}.demo-banner button{display:flex;align-items:center;gap:8px}.settings-page{max-width:950px}.settings-page>p{margin:10px 0 25px;color:#7b8da9;font-size:12px}.panel{border:1px solid #e5eaf2;background:white;border-radius:12px;padding:25px;margin-bottom:18px}.panel h3{font-size:16px;margin-bottom:14px}.panel p{font-size:12px;color:#7a8ba7;margin:13px 0}.panel small{margin-top:12px}.form label{font-size:11px;color:#76829a;display:block;margin:16px 0}.form input{width:100%;padding:12px;border:1px solid #e3e8f1;border-radius:7px;margin-top:7px;display:block;color:#53617c;font-size:12px;background:#fcfdff}.integration-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.integration-cards .panel{min-width:0}.step{color:#7189ee;background:#edf2ff;font-size:11px;padding:7px;border-radius:6px;display:inline-block;margin-bottom:15px}code{display:block;background:#f6f8fc;padding:13px;border-radius:6px;font-size:10px;color:#64799f;overflow-wrap:anywhere}pre{background:#f6f8fc;padding:18px;border-radius:8px;font-size:11px;color:#617291;overflow:auto;line-height:1.7}.account-card,.member{display:flex;align-items:center;gap:13px;padding:20px;background:white;border:1px solid #e7eaf1;border-radius:10px;margin-bottom:10px}.account-card strong,.member strong{font-size:13px}.account-card small,.member small{margin-top:5px}.account-card .chip,.member .chip{margin-left:auto}.member{border:0;border-bottom:1px solid #edf0f5;border-radius:0;margin:0;padding:15px 0}.setup-empty{padding:70px 25px;text-align:center;border:1px dashed #d6ddeb;border-radius:12px;color:#8293b4}.setup-empty h3{margin-top:20px}.setup-empty p{margin:10px 0 20px;font-size:12px}.mobile-back{display:none}@media(min-width:1600px){main{padding:35px 45px}.inbox-grid{grid-template-columns:380px 1fr}}@media(max-width:1150px){aside{width:195px;padding:25px 12px}main{padding:25px 18px}.summary{gap:8px}.summary>div{padding:15px 12px}.inbox-grid{grid-template-columns:290px 1fr}.summary .connection{padding:12px;gap:6px}.connection span{font-size:8px}}@media(max-width:850px){aside{width:70px;padding:20px 8px}.brand{margin:0 6px 30px}.brand>span:last-child,.workspace,.nav-label,.nav b,.rail-bottom,.nav>span{display:none}.nav{justify-content:center;padding:14px 5px;gap:0}.summary{grid-template-columns:1fr 1fr}.summary>div:nth-child(3){display:none}.summary .connection{grid-column:1/-1}.inbox-grid{height:calc(100vh - 305px);grid-template-columns:260px 1fr}.welcome h2{font-size:23px}.welcome p br{display:none}.welcome p{padding:0 20px}.welcome-features{gap:10px;font-size:8px}.integration-cards{grid-template-columns:1fr}}@media(max-width:620px){aside{width:54px;padding:18px 5px}.brand{margin:0 0 28px}.brand-icon{width:36px;height:36px;border-radius:10px}main{padding:18px 10px}.eyebrow{font-size:7px}h1{font-size:23px}header{margin-bottom:18px}.header-actions .chip{display:none}.summary{gap:7px;margin-bottom:14px}.summary strong{font-size:22px}.summary>div{padding:12px}.inbox-grid{grid-template-columns:1fr;height:calc(100dvh - 290px);min-height:440px}.conversation{display:none}.show-chat .conversation{display:flex}.show-chat .thread-list{display:none}.mobile-back{display:block}.chat-header{padding:14px 12px}.chat-header h2{font-size:13px}.chat-header .outline{font-size:8px;padding:6px}.ad-bar{padding:12px}.assignment{padding:10px}.messages{padding:12px}.composer{padding:12px}.composer span{max-width:100px}.demo-banner{font-size:8px;padding:8px;gap:8px}.settings-page h2{font-size:18px}.panel{padding:16px}.member,.account-card{flex-wrap:wrap}.member .chip{margin-left:45px}.welcome-features{display:none}}

main{display:flex;flex-direction:column;height:100dvh;overflow:hidden}header,.summary,.demo-banner{flex-shrink:0}.inbox-grid{height:auto!important;flex:1;min-height:0!important}.settings-page{overflow-y:auto;flex:1}.thread p,.bubble p{font-size:13px}.thread-title{font-size:11px}.welcome p{font-size:13px}

.summary .connection strong{font-size:11px}@media(max-width:620px){main:has(.show-chat) .summary{display:none}}

.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#e9eeff,#f7f8fc 65%)}.login-card{background:white;padding:38px;width:min(430px,92vw);border:1px solid #e5e9f2;border-radius:18px;box-shadow:0 20px 70px #334b8212}.login-card .brand{margin:0 0 28px;gap:8px}.login-card h1{font-size:24px}.login-card p{font-size:13px;color:#8290a6;margin:14px 0 22px}.login-card label,.token-label{display:block;margin:16px 0;color:#70819e;font-size:12px}.login-card input,.token-label input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #e0e5f0;border-radius:7px;background:#fbfcff;font-size:14px}.login-card button{width:100%;font-size:13px;margin:7px 0 20px}.login-card small{text-align:center;font-size:10px}.form select{width:100%;padding:12px;margin-top:8px;border:1px solid #e5e9f1;border-radius:7px;background:white}.nav .nav-icon{font-size:21px;display:inline-block}.welcome-icon{font-size:42px}.mobile-logout{display:none}#toast{display:none;position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:#26324a;color:white;padding:14px 20px;border-radius:10px;z-index:20;font-size:12px;box-shadow:0 8px 40px #15254c22}#toast.visible{display:block}@media(max-width:850px){.mobile-logout{display:grid}.nav .nav-icon{display:inline-block}}