.support-shell{--blue:#2e64e9;--bg:#eef3fb;height:100dvh;display:flex;overflow:hidden;background:#eef3fb;color:#263957}.support-brand{display:flex;align-items:center;gap:10px;color:#153368;font-weight:700;font-size:23px;letter-spacing:1px}.support-brand>span{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:13px;background:#3269ed;color:#fff;box-shadow:0 5px 13px #3269ed22}.support-brand>div>small{display:block;margin-top:2px;font-size:10px;letter-spacing:1.7px;font-weight:500;color:#7e91b2}.support-nav{overflow-y:auto;scrollbar-width:thin;width:190px;min-width:190px;background:#f8faff;border-right:1px solid #dfe7f4;display:flex;flex-direction:column;padding:26px 14px 17px;z-index:40}.support-nav>.support-brand{padding:0 9px;margin-bottom:36px}.support-nav-heading{font-size:11px;color:#91a0b8;padding:0 13px;margin-bottom:13px}.support-nav nav{display:flex;flex-direction:column;gap:5px}.support-nav nav>button{min-height:47px;padding:0 12px;border-radius:9px;display:flex;align-items:center;gap:11px;width:100%;text-align:left;color:#647694;font-size:13px;font-weight:500;white-space:nowrap;position:relative}.support-nav nav>button>span{display:inline;flex:1}.support-nav nav>button>svg:first-child{color:#8a9cba}.support-nav nav>button:hover{background:#edf3ff;color:#3566bd}.support-nav nav>button.active{background:#2e64e9;color:#fff;box-shadow:0 5px 13px #2e64e91a}.support-nav nav>button.active>svg{color:#dce7ff}.support-nav nav>button>b{font-weight:600;font-size:10px;min-width:20px;line-height:21px;background:#f5ac62;border-radius:5px;color:#fff;text-align:center}.support-nav-chevron{color:#afbdd1}.support-nav nav>button:not(.active)>.support-nav-chevron{opacity:.6}.support-nav-footer{padding:20px 10px 0;border-top:1px solid #e4ebf6;margin-top:auto}.support-nav-footer>div{display:flex;align-items:center;gap:9px}.support-nav-footer .avatar{width:35px;height:35px;border-radius:11px;background:#e8efff;color:#3864ae}.support-nav-footer strong{display:block;font-size:12px;max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-nav-footer small{display:block;font-size:10px;color:#98a7bd;margin-top:3px}.support-nav-footer p{font-size:10px;color:#a6b4c9;line-height:1.8;padding:14px 0 0}.support-nav-close,.support-menu-button,.support-nav-shade{display:none}.support-main{flex:1;min-width:0;display:flex;flex-direction:column}.support-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 24px;background:#fff;border-bottom:1px solid #dfe7f2;flex-shrink:0;z-index:20}.support-header-title{display:flex;align-items:center;gap:13px;min-width:0}.support-header-title h1{font-size:19px;line-height:1.45;letter-spacing:0;color:#253d61}.support-header-title p{color:#91a0b6;font-size:11px;line-height:1.5;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.support-header-title p>span{padding:0 7px;color:#bcc7d7}.support-session-controls{display:flex;align-items:center;gap:16px;flex-shrink:0;font-size:12px}.support-connection{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#90a0b8;white-space:nowrap}.support-connection>i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d6a85e}.support-connection.connected>i{background:#31af8a}.support-connection.reconnecting>i{background:#e1a966}.support-refresh,.support-logout{display:flex;gap:6px;align-items:center;color:#7085a4;font-size:11px;white-space:nowrap;padding:6px 2px}.support-refresh:hover,.support-logout:hover{color:#2e64e9}.support-presence{display:flex;gap:8px;align-items:center;color:#8292aa;font-size:11px}.support-presence>select{font-size:12px;min-width:100px;border-color:#dce6f4;background:#f6f9ff;color:#4d6d9d;padding:7px 9px}.support-logout{border-left:1px solid #e1e8f4;padding-left:15px}.support-content{flex:1;min-height:0;overflow:auto;background:#f2f5fb}.support-conversations{overflow:hidden}.support-service-notice,.support-error-notice{display:flex;align-items:center;gap:9px;padding:10px 24px;flex-shrink:0;font-size:11px;line-height:1.8;background:#fffaed;border-bottom:1px solid #f5e5bd;color:#ae8437}.support-service-notice>button,.support-error-notice>button{margin-left:auto;white-space:nowrap;text-decoration:underline;font-size:11px}.support-error-notice{background:#fff2f0;border-color:#f9dcd5;color:#ba6558}.support-shell .workbench{background:#fff}.support-shell .conversation-list{width:258px;min-width:240px}.support-shell .conversation-heading{padding:21px 18px 12px}.support-shell .conversation-heading h1{font-size:20px}.support-shell .conversation-preview strong{max-width:105px}.support-shell .chat-header{padding:0 20px}.support-shell .customer-panel{width:258px;min-width:245px}.support-shell .message-bubble{font-size:13px}.support-shell .message-meta{font-size:10px}.support-shell .message-meta time{font-size:9px}.support-shell .composer textarea{font-size:13px}.support-shell .message-scroll{padding-left:22px;padding-right:22px}.support-shell .composer-footer>span{color:#93a2b8}.support-shell .customer-profile>.muted{color:#91a0b5}.support-settings-page{max-width:1220px;width:100%;padding:30px}.support-settings-page .page-header{margin-bottom:24px}.support-settings-page .page-header p{color:#8393ac;font-size:13px}.support-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.support-settings-grid>.panel{min-width:0}.support-settings-page .panel-heading{padding:22px 25px}.support-settings-page .panel-heading p{color:#90a0b6;line-height:1.8}.support-settings-page .panel-heading>svg{color:#7c9dd2}.support-form{display:flex;flex-direction:column;gap:23px;padding:26px}.support-form>.field{max-width:450px;font-size:13px}.support-form>.field>input,.support-form>.field>select{font-size:13px;padding:11px 12px}.support-form-hint{color:#8a9ab2;font-size:12px;line-height:1.9}.support-form-actions{border-top:1px solid #edf1f8;padding-top:20px;display:flex;justify-content:flex-end}.support-setting-note{padding:27px 25px}.support-setting-note>svg{color:#5f89cf;background:#edf4ff;box-sizing:content-box;padding:13px;border-radius:14px;margin-bottom:20px}.support-setting-note h2{font-size:16px;color:#46648d;line-height:1.7;margin-bottom:12px}.support-setting-note p{font-size:12px;color:#8b9cb4;line-height:2;margin-bottom:22px}.support-setting-note>small{display:block;font-size:11px;line-height:1.9;color:#a1afc3;margin-top:15px}.support-setting-note .error-state{padding:10px;font-size:11px;flex-wrap:wrap}.support-setting-note .error-state>button{height:29px;font-size:10px}.support-setting-note .tiny-line{font-size:11px;color:#8e9fb9}.support-safe-line{font-size:12px;display:flex;gap:7px;color:#6a93bc;align-items:center}.support-account-detail{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px 15px;font-size:13px;margin:0;padding:4px 0}.support-account-detail>dt{color:#94a3b9}.support-account-detail>dd{margin:0;color:#5d7597;overflow-wrap:anywhere}.support-replies-panel{max-width:100%}.support-reply-list{padding:0 25px}.support-reply-list>article{display:flex;align-items:flex-start;gap:14px;padding:23px 0;border-bottom:1px solid #edf2f8}.support-reply-list>article:last-child{border-bottom:0}.support-reply-icon{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:11px;background:#f0f5ff;color:#8ca6cf;flex-shrink:0}.support-reply-list>article>div:nth-child(2){flex:1;min-width:0}.support-reply-list header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.support-reply-list h3{font-size:14px;color:#536d92}.support-reply-list p{font-size:13px;line-height:1.9;color:#91a1b7;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px}.support-delete{display:flex;align-items:center;gap:5px;color:#b89191;font-size:11px;padding-top:4px}.support-delete:hover{color:#d26969}.support-boot{min-height:100dvh;background:#f5f8ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:25px}.support-boot-icon{display:flex;align-items:center;justify-content:center;color:#fff;background:#3269ed;width:62px;height:62px;border-radius:18px;box-shadow:0 8px 25px #3269ed20}.support-boot h1{font-size:22px;letter-spacing:1px;color:#345a8a}.support-boot .loading{min-height:70px;color:#8b9fbc}.support-toast{position:fixed;z-index:150;bottom:28px;left:50%;transform:translate(-50%);display:flex;gap:20px;align-items:center;background:#19385b;color:#fff;border:1px solid #ffffff25;box-shadow:0 10px 30px #19385b25;border-radius:9px;padding:13px 18px;max-width:calc(100vw - 32px);font-size:12px}.support-toast>button{color:#c2d0e4;display:flex;align-items:center;padding:0}.support-toast.error{background:#8f514b}.support-login{--blue:#2e64e9;min-height:100dvh;display:grid;grid-template-columns:minmax(460px,1.04fr) minmax(420px,1fr);background:#fff}.support-login-story{display:flex;flex-direction:column;position:relative;overflow:hidden;background:linear-gradient(145deg,#173c87,#285fd5 68%,#3977f5);padding:40px 56px 28px;min-width:0;color:#fff}.support-login-story:before,.support-login-story:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #ffffff12;border-radius:50%;right:-210px;top:-180px;pointer-events:none}.support-login-story:after{width:650px;height:650px;top:auto;bottom:-480px;right:-90px;background:#73a6ff0b;border-color:#ffffff10}.support-login-story>.support-brand{color:#fff;position:relative;z-index:1}.support-login-story>.support-brand>span{background:#ffffff17;border:1px solid #ffffff20;box-shadow:none}.support-login-story>.support-brand small{color:#b8d0ff}.support-login-copy{position:relative;z-index:1;margin-top:clamp(50px,10vh,95px);max-width:470px}.support-login-copy>span{font-size:10px;letter-spacing:2.5px;color:#a9c6ff;display:block;margin-bottom:18px}.support-login-copy h1{font-size:clamp(31px,3.2vw,43px);font-weight:600;letter-spacing:1px;line-height:1.65;color:#fff}.support-login-copy p{font-size:12px;line-height:2.15;color:#bfd3fa;max-width:350px;margin-top:18px}.support-login-illustration{position:relative;z-index:1;border:1px solid #b3ccff3b;background:#ffffff0c;max-width:440px;border-radius:13px;overflow:hidden;margin-top:34px;box-shadow:0 14px 38px #11347f18}.support-illustration-head{height:39px;background:#183f8b36;border-bottom:1px solid #aecbff21;display:flex;align-items:center;gap:5px;padding:0 13px}.support-illustration-head>span{height:5px;width:5px;border-radius:50%;background:#d2e0ff6b}.support-illustration-head>strong{font-size:10px;color:#ccdeff;letter-spacing:.4px;font-weight:400;margin-left:9px}.support-illustration-body{display:flex;min-height:198px}.support-illustration-body>aside{display:flex;flex-direction:column;gap:20px;border-right:1px solid #bbd0ff1c;padding:22px 14px;color:#b3cffd;flex-shrink:0}.support-illustration-body>aside>span{display:flex;align-items:center;gap:7px;font-size:10px}.support-illustration-body>div{display:flex;flex-direction:column;gap:13px;padding:21px 17px;flex:1}.support-illustration-card{display:grid;grid-template-columns:27px 1fr;grid-template-rows:auto auto;align-items:center;gap:4px 9px;max-width:220px;background:#ffffffed;border:1px solid #ffffff80;border-radius:9px;padding:14px 13px;color:#416db6;box-shadow:0 3px 8px #11347f0c}.support-illustration-card>svg{grid-row:1/3;color:#79a1dd}.support-illustration-card>strong{font-size:11px;font-weight:500}.support-illustration-card>span{font-size:9px;color:#8da7d0}.support-illustration-card.right{margin-left:auto;background:#b2cdff3b;border-color:#bbd0ff32;color:#e0ebff}.support-illustration-card.right>svg,.support-illustration-card.right>span{color:#c2d7ff}.support-login-story>footer{margin-top:auto;padding-top:25px;font-size:10px;color:#a8c3ef;display:flex;align-items:center;gap:6px;position:relative;z-index:1}.support-login-main{position:relative;display:flex;align-items:center;justify-content:center;padding:50px 50px 75px}.support-login-form{width:360px;max-width:100%;margin-top:-10px}.support-overline{font-size:11px;letter-spacing:3px;color:#819aca;display:block;margin-bottom:13px}.support-login-form h2{font-size:29px;font-weight:650;color:#263f66;letter-spacing:.3px}.support-login-form>p{font-size:12px;line-height:1.9;color:#95a4bb;margin-top:11px;margin-bottom:30px}.support-login-form form{display:flex;flex-direction:column;gap:21px}.support-login-form form>label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#647999}.support-login-form input{height:46px;border-color:#dce5f2;padding:11px 13px;font-size:13px;width:100%;border-radius:8px}.support-login-submit{height:46px;border-radius:8px;background:#2e64e9;box-shadow:0 6px 15px #2e64e923;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:14px;margin-top:5px;padding:0 16px}.support-login-submit>span{flex:1}.support-login-submit:hover{background:#2458d4}.support-login-help{display:flex;align-items:flex-start;gap:10px;border-top:1px solid #edf1f7;margin-top:31px;padding-top:21px;color:#8fa3c4}.support-login-help p{font-size:11px;line-height:1.9;color:#9aabc2}.support-login-help strong{font-weight:400;color:#7e93b2}.support-login-main>footer{position:absolute;bottom:26px;color:#b3bfd2;font-size:10px;letter-spacing:.6px}.support-login-form .error-state{font-size:12px;line-height:1.8;padding:12px}@media(min-width:1650px){.support-nav{width:205px;min-width:205px}.support-shell .conversation-list{width:300px;min-width:285px}.support-shell .customer-panel{width:290px}.support-shell .chat-header{height:77px}}@media(max-width:1280px){.support-header{padding:13px 19px}.support-header-title p{max-width:210px}.support-session-controls{gap:12px}.support-connection{display:none}.support-shell .conversation-list{width:240px;min-width:230px}.support-shell .customer-panel{width:245px;min-width:235px}.support-settings-grid{grid-template-columns:minmax(0,1fr) 265px}.support-login-story{padding-left:39px;padding-right:39px}}@media(max-width:1100px){.support-nav{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);width:245px;min-width:245px;box-shadow:12px 0 45px #122f581f;transition:transform .18s ease;z-index:75}.support-nav.open{transform:translate(0)}.support-nav>.support-brand{margin-bottom:24px}.support-nav-close{display:flex;align-items:center;gap:7px;color:#879bb8;font-size:12px;position:absolute;right:17px;top:84px;padding:5px}.support-nav-heading{padding-top:8px}.support-nav nav>button{font-size:14px;min-height:49px}.support-nav nav>button>span{display:inline}.support-nav-shade{display:block;position:fixed;inset:0;background:#142d504f;backdrop-filter:blur(2px);z-index:70}.support-menu-button{display:flex;align-items:center;gap:6px;color:#5476ac;background:#f0f5ff;border:1px solid #e0e9f9;border-radius:7px;padding:8px 10px;font-size:12px;white-space:nowrap}.support-shell .conversation-list{width:265px;min-width:245px}.support-settings-page{padding:26px}.support-login{grid-template-columns:minmax(400px,1fr) minmax(360px,1fr)}.support-login-story{padding:35px 33px 26px}.support-login-main{padding:45px 35px 70px}}@media(max-width:850px){.support-header-title p{max-width:160px}.support-presence>span{display:none}.support-session-controls{gap:10px}.support-settings-grid{grid-template-columns:1fr}.support-setting-note{display:none}.support-login{grid-template-columns:minmax(0,1fr)}.support-login-story{min-height:260px;padding:27px 35px 30px}.support-login-copy{margin-top:30px;max-width:none}.support-login-copy h1{font-size:29px;line-height:1.5}.support-login-copy h1 br{display:none}.support-login-copy>span{margin-bottom:10px;font-size:9px}.support-login-copy p{max-width:520px;font-size:11px;margin-top:12px}.support-login-illustration,.support-login-story>footer{display:none}.support-login-main{padding:38px 30px 78px;min-height:470px}.support-login-form{margin:0;width:390px}.support-login-form h2{font-size:26px}.support-login-form>p{font-size:12px;margin-bottom:26px}}@media(max-width:760px){.support-header{min-height:101px;padding:11px 14px 10px;flex-wrap:wrap;gap:9px}.support-header-title{width:100%;gap:12px}.support-header-title>div{display:flex;align-items:center;justify-content:space-between;min-width:0;flex:1;gap:10px}.support-header-title h1{font-size:17px;white-space:nowrap}.support-header-title p{font-size:10px;margin:0;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-header-title p>span,.support-header-title p>span~*{display:none}.support-session-controls{width:100%;gap:14px;justify-content:flex-end}.support-connection{display:flex;margin-right:auto;font-size:9px}.support-presence>select{font-size:12px;padding:5px 8px;min-width:91px}.support-refresh,.support-logout{font-size:11px;padding-top:3px;padding-bottom:3px}.support-logout{padding-left:12px}.support-menu-button{font-size:11px;padding:7px 9px}.support-settings-page{padding:24px 17px}.support-settings-page .page-header{align-items:flex-start;gap:14px}.support-settings-page .page-header h1{font-size:23px}.support-settings-page .page-header p{font-size:11px}.support-settings-page .page-header .btn{height:34px;font-size:10px;padding:0 10px;gap:5px}.support-form{padding:23px 20px;gap:20px}.support-form>.field,.support-form>.field>select,.support-form>.field>input{font-size:13px}.support-form-hint{font-size:11px}.support-account-detail{font-size:12px;grid-template-columns:95px 1fr;gap:18px 12px}.support-settings-page .panel-heading{padding:20px}.support-shell .workbench .conversation-list{height:100%;width:100%;min-width:0}.support-shell .chat-header{padding:0 15px}.support-shell .message-bubble{font-size:13px}.support-shell .customer-panel{min-width:0}.support-service-notice,.support-error-notice{padding:9px 14px;font-size:10px}.support-reply-list{padding:0 18px}.support-reply-list>article{gap:11px;padding:20px 0}.support-reply-list header{gap:7px}.support-reply-list h3,.support-reply-list p{font-size:12px}.support-reply-icon{height:31px;width:31px;border-radius:9px}.support-delete{font-size:10px;gap:3px}.support-toast{bottom:17px;gap:12px;padding:12px 14px;width:max-content;max-width:calc(100vw - 26px);font-size:11px}.support-login-story{min-height:230px;padding:24px 27px 26px}.support-login-copy{margin-top:25px}.support-login-copy h1{font-size:26px}.support-login-copy p{line-height:1.9;font-size:11px}.support-login-form h2{font-size:24px}.support-login-main{padding:32px 28px 70px}.support-login-form form{gap:19px}.support-login-form input{font-size:14px}.support-login-form>p{font-size:11px}.support-login-help{margin-top:26px;padding-top:19px}.support-login-main>footer{font-size:9px;bottom:23px}}@media(max-width:760px)and (pointer:coarse){.support-shell input,.support-shell textarea,.support-shell select,.support-login input{font-size:16px!important}.support-presence>select{max-width:113px}.support-shell .composer textarea::placeholder{font-size:13px}}@media(prefers-reduced-motion:reduce){.support-nav{transition:none}}