:root{font-family:Inter,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif;color:#13231c;background:#f6f8f7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}body.support-dialog-open{overflow:hidden}button{border:0;font:inherit;cursor:pointer}.app-loading{display:flex;min-height:100vh;align-items:center;justify-content:center;gap:14px;color:#557066}.retry-button{padding:9px 16px;border-radius:999px;background:#102b1e;color:#fff;font-size:13px}.loading-ring{width:24px;height:24px;border:3px solid #d9e7df;border-top-color:#07c160;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{position:relative;display:grid;min-height:100vh;grid-template-columns:minmax(340px,1fr) minmax(380px,500px);align-items:center;gap:clamp(48px,9vw,150px);overflow:hidden;padding:110px max(7vw,40px) 80px;background:radial-gradient(circle at 12% 18%,rgba(7,193,96,.12),transparent 24%),radial-gradient(circle at 78% 74%,rgba(22,119,255,.08),transparent 24%),#f7faf8}.login-page:before,.login-page:after{position:absolute;content:"";border:1px solid rgba(7,193,96,.08);border-radius:50%}.login-page:before{width:480px;height:480px;top:-260px;left:-160px}.login-page:after{width:380px;height:380px;right:-170px;bottom:-190px}.login-brand{position:absolute;z-index:1;top:38px;left:max(7vw,40px);display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800}.brand-mark,.site-brand>span{display:grid;width:40px;height:40px;place-items:center;border-radius:13px;background:#11251c;color:#fff;font-size:18px}.login-copy{z-index:1;max-width:600px}.login-kicker,.card-label,.section-heading>span{color:#079c50;font-size:11px;font-weight:800;letter-spacing:.2em}.login-copy h1{margin:18px 0 24px;font-size:clamp(54px,6vw,86px);line-height:1.03;letter-spacing:-.065em}.login-copy>p{max-width:520px;color:#687a72;font-size:17px;line-height:1.9}.feature-row{display:flex;gap:28px;margin-top:38px;color:#40574d;font-size:13px;font-weight:700}.feature-row span:before{display:inline-block;width:6px;height:6px;margin-right:9px;border-radius:50%;background:#07c160;content:"";vertical-align:2px}.login-card{z-index:1;justify-self:end;width:min(100%,460px);padding:44px 50px 34px;border:1px solid rgba(25,52,40,.07);border-radius:28px;background:#ffffffeb;text-align:center;box-shadow:0 30px 90px #19483021;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wechat-logo{display:grid;width:52px;height:52px;margin:0 auto 18px;place-items:center;border-radius:17px;background:#07c160;color:#fff;font-weight:900}.login-card h2{margin:0 0 8px;font-size:24px}.login-card>p{margin:0 0 26px;color:#849089;font-size:14px}.qr-frame{position:relative;display:grid;width:244px;height:244px;margin:0 auto 20px;place-items:center;background:#fff}.qr-frame img{width:224px;height:224px}.qr-frame>i{position:absolute;width:24px;height:24px;border-color:#07c160;border-style:solid}.qr-frame>i:nth-of-type(1){top:0;left:0;border-width:3px 0 0 3px}.qr-frame>i:nth-of-type(2){top:0;right:0;border-width:3px 3px 0 0}.qr-frame>i:nth-of-type(3){bottom:0;left:0;border-width:0 0 3px 3px}.qr-frame>i:nth-of-type(4){right:0;bottom:0;border-width:0 3px 3px 0}.qr-placeholder{display:grid;width:210px;height:210px;grid-template-columns:repeat(3,34px);place-content:center;gap:20px;background:repeating-linear-gradient(45deg,#f2f5f3,#f2f5f3 5px,#fff 5px 10px);color:#809087}.qr-placeholder span{width:34px;height:34px;border:8px solid #a8b5ae}.qr-placeholder strong{grid-column:1 / -1;font-size:13px}.scan-hint{color:#5f7068;font-size:13px}.scan-icon{display:inline-grid;width:26px;height:26px;margin-right:8px;place-items:center;border-radius:50%;background:#eaf8f0;color:#07a653}.login-notice,.login-error{margin:8px 0;color:#b54708;font-size:13px}.login-error{color:#b42318}.refresh-button{margin:10px 0;padding:8px 18px;border-radius:999px;background:#11251c;color:#fff;font-size:13px}.login-card small{display:block;margin-top:26px;color:#a2aaa6;font-size:11px}.login-page footer{position:absolute;bottom:26px;left:max(7vw,40px);color:#a5aea9;font-size:11px}.home-page{min-height:100vh;padding-bottom:100px;background:radial-gradient(circle at 50% 12%,rgba(7,193,96,.08),transparent 27%),#f7f9f8}.site-header{display:flex;width:min(1160px,calc(100% - 48px));height:84px;margin:0 auto;align-items:center;justify-content:space-between;border-bottom:1px solid #e6ebe8}.site-brand{display:flex;align-items:center;gap:11px;color:#14271e;text-decoration:none}.user-menu{display:flex;align-items:center;gap:10px}.user-menu img,.avatar-fallback{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#dff5e8;color:#078c47;object-fit:cover;font-weight:800}.user-menu div{display:grid;min-width:90px}.user-menu small{color:#9aa49f;font-size:10px}.user-menu strong{overflow:hidden;max-width:140px;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.hero{padding:76px 24px 48px;text-align:center}.hero>span{color:#079c50;font-size:12px;font-weight:800;letter-spacing:.16em}.hero h1{margin:14px 0 12px;font-size:clamp(36px,5vw,58px);letter-spacing:-.055em}.hero p{margin:0;color:#85928c;font-size:14px}.exchange-grid{display:grid;width:min(960px,calc(100% - 40px));margin:0 auto;grid-template-columns:repeat(2,1fr);gap:24px}.exchange-card{position:relative;overflow:hidden;min-height:410px;padding:44px;border:1px solid #e2e9e5;border-radius:24px;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.exchange-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px #1b422d1a}.platform-row{display:flex;align-items:center;gap:14px;margin-bottom:48px}.platform-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;color:#fff;font-size:20px;font-weight:900}.wechat-icon{background:#07c160;box-shadow:0 10px 24px #07c16038}.alipay-icon{background:#1677ff;box-shadow:0 10px 24px #1677ff33}.direction-arrow{color:#a8b2ad;font-size:24px}.exchange-card h2{margin:12px 0 14px;font-size:30px}.exchange-card>p{margin:0;color:#849089;line-height:1.7}.exchange-card>button{position:absolute;right:44px;bottom:40px;left:44px;display:flex;padding:16px 20px;align-items:center;justify-content:space-between;border-radius:12px;color:#fff;font-weight:700}.wechat-card>button{background:#092d1c}.alipay-card>button{background:#126ddd}.faq-section{width:min(960px,calc(100% - 40px));margin:110px auto 0}.section-heading{margin-bottom:36px;text-align:center}.section-heading h2{margin:10px 0;font-size:36px}.section-heading p{margin:0;color:#8b9691;font-size:13px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.faq-grid details{padding:0 24px;border:1px solid #e4e9e6;border-radius:14px;background:#fff}.faq-grid summary{display:flex;min-height:70px;align-items:center;gap:14px;list-style:none;cursor:pointer;font-size:14px;font-weight:700}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary>span{color:#08a653;font-size:10px;letter-spacing:.08em}.faq-grid summary i{margin-left:auto;color:#8b9690;font-size:18px;font-style:normal}.faq-grid details[open] summary i{transform:rotate(45deg)}.faq-grid details>p{margin:-6px 0 22px 36px;color:#75837c;font-size:13px;line-height:1.7}.service-float{position:fixed;z-index:20;right:28px;bottom:28px;display:flex;padding:10px 18px 10px 10px;align-items:center;gap:11px;border-radius:999px;background:#102b1e;color:#fff;box-shadow:0 16px 40px #0d331f40}.service-bubble{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#07c160;font-weight:900;letter-spacing:1px}.service-float>span:last-child{display:grid;text-align:left}.service-float strong{font-size:13px}.service-float small{color:#a9bbb1;font-size:9px}.service-toast{position:fixed;z-index:21;right:28px;bottom:92px;max-width:320px;padding:10px 14px;border:1px solid #f1c7c3;border-radius:10px;background:#fff3f2;color:#a7352c;font-size:12px;box-shadow:0 12px 30px #601f1a1f}.support-dialog{position:fixed;z-index:100;right:28px;bottom:28px;display:flex;height:min(730px,calc(100dvh - 56px));overflow:hidden;width:min(430px,calc(100vw - 32px));flex-direction:column;border:1px solid rgba(20,55,37,.12);border-radius:20px;background:#fff;box-shadow:0 28px 80px #10331f40;will-change:transform}.support-dialog>header{display:flex;min-height:62px;padding:0 16px 0 20px;align-items:center;justify-content:space-between;background:#102b1e;color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.support-dialog>header:active{cursor:grabbing}.support-dialog>header>div{display:grid;gap:2px}.support-dialog>header strong{font-size:14px}.support-dialog>header span{color:#9fc0ad;font-size:10px}.support-dialog>header span:before{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#07c160;content:""}.support-dialog>header span.waiting:before{background:#f4ad32}.support-dialog>header button{width:34px;height:34px;border-radius:50%;background:#ffffff14;color:#fff;font-size:24px;line-height:1}.dialog-error{padding:8px 14px;background:#fff0ef;color:#b42318;font-size:11px}.support-dialog vue-advanced-chat{display:block;min-height:0;flex:1;--chat-icon-color-submit: #07c160}.support-composer{padding:10px 12px 12px;border-top:1px solid #e2e9e5;background:#f8faf9}.support-composer textarea{width:100%;min-height:44px;max-height:120px;padding:11px 14px;resize:vertical;border:1px solid #dce5e0;border-radius:12px;outline:none;background:#fff;color:#183326;font-family:inherit;font-size:16px;line-height:1.4}.support-composer textarea:focus{border-color:#07c160}.support-composer>div:last-child{display:flex;margin-top:8px;align-items:center;justify-content:space-between}.support-composer-actions{display:flex;align-items:center;gap:8px}.support-file-button{display:inline-flex;min-height:40px;padding:0 15px;align-items:center;gap:7px;border:1px solid #9acdb0;border-radius:10px;background:#effbf4;color:#08763d;cursor:pointer;font-size:13px;font-weight:700;transition:background .2s ease,border-color .2s ease}.support-file-button:hover{border-color:#07a954;background:#e2f8eb}.support-file-button span{font-size:19px;line-height:1}.support-composer input{display:none}.support-send-button{display:inline-flex;min-height:42px;padding:0 20px;align-items:center;gap:18px;border-radius:10px;background:#08783e;color:#fff;font-size:14px;font-weight:700;box-shadow:0 8px 18px #08783e38;transition:background .2s ease,transform .2s ease}.support-send-button:hover:not(:disabled){background:#056531;transform:translateY(-1px)}.support-send-button span{font-size:18px}.support-send-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.support-selected-files{overflow:hidden;margin-top:6px;color:#6b7e74;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.service-page{min-height:100vh;padding:22px;background:#edf4f0}.service-header{display:flex;width:min(900px,100%);height:64px;margin:0 auto 12px;align-items:center;justify-content:space-between}.service-header>button{padding:10px 0;background:transparent;color:#4f665a;font-weight:700}.service-header>div{display:flex;align-items:center;gap:16px}.service-header span{color:#718179;font-size:12px}.service-header i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#07c160}.service-header i.waiting{background:#f5a623}.queue-banner{position:absolute;z-index:9;top:12px;left:50%;width:max-content;max-width:calc(100% - 32px);padding:9px 16px;transform:translate(-50%);border:1px solid #f4d7a1;border-radius:999px;background:#fff8e8;color:#8b5a09;font-size:12px;box-shadow:0 8px 24px #67481117}.service-chat{position:relative;overflow:hidden;width:min(900px,100%);margin:0 auto;border:1px solid #dfe8e3;border-radius:22px;background:#fff;box-shadow:0 24px 70px #19412b1f}.error-banner{position:absolute;z-index:10;top:12px;left:50%;padding:9px 14px;transform:translate(-50%);border-radius:10px;background:#fff1f0;color:#b42318;font-size:13px}vue-advanced-chat{display:block;--chat-icon-color-submit: #07c160}.staff-portal{min-height:100vh;background:#f3f6f4}.staff-login-card{position:absolute;top:50%;left:50%;width:min(420px,calc(100% - 32px));padding:42px;transform:translate(-50%,-50%);border:1px solid #e0e7e3;border-radius:24px;background:#fff;box-shadow:0 30px 80px #1738261f}.staff-brand{display:grid;width:44px;height:44px;margin-bottom:16px;place-items:center;border-radius:13px;background:#0e2b1d;color:#fff;font-weight:800}.staff-login-card>span{color:#079c50;font-size:11px;font-weight:800;letter-spacing:.16em}.staff-login-card h1{margin:12px 0 6px;font-size:32px}.staff-login-card>p{margin:0 0 28px;color:#849089;font-size:13px}.staff-login-card form,.create-user-card{display:grid;gap:16px}.staff-login-card label,.create-user-card label{display:grid;gap:7px;color:#52635b;font-size:12px;font-weight:700}.staff-login-card input,.create-user-card input,.create-user-card select{width:100%;height:44px;padding:0 13px;border:1px solid #dce4df;border-radius:10px;outline:none;background:#fff;font:inherit}.staff-login-card input:focus,.create-user-card input:focus,.create-user-card select:focus{border-color:#07c160;box-shadow:0 0 0 3px #07c1601a}.staff-login-card form>button,.create-user-card>button{height:46px;border-radius:10px;background:#0e2b1d;color:#fff;font-weight:800}.staff-error{margin:14px 0;padding:10px 14px;border-radius:9px;background:#fff0ef;color:#b42318;font-size:12px}.staff-sidebar{position:fixed;top:0;bottom:0;left:0;display:flex;width:230px;padding:26px 18px;flex-direction:column;background:#10251b;color:#fff}.staff-logo{display:flex;padding:0 8px 28px;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.08)}.staff-logo>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#07c160;font-weight:900}.staff-sidebar nav{margin-top:24px}.staff-sidebar nav button{width:100%;padding:12px 14px;border-radius:9px;background:transparent;color:#9fb2a8;text-align:left}.staff-sidebar nav button.active{background:#07c16024;color:#76eba9;font-weight:700}.staff-profile{display:flex;margin-top:auto;padding-top:18px;align-items:center;gap:9px;border-top:1px solid rgba(255,255,255,.08)}.staff-profile>span{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:50%;background:#27503a}.staff-profile>div{display:grid;min-width:0}.staff-profile strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.staff-profile small{color:#7f9a8b;font-size:9px}.staff-profile button{margin-left:auto;background:transparent;color:#82998d;font-size:10px}.admin-content,.agent-content{min-height:100vh;margin-left:230px;padding:38px 42px}.admin-content>header,.agent-topbar{display:flex;margin-bottom:30px;align-items:flex-end;justify-content:space-between}.admin-content header span,.agent-topbar>div:first-child>span{color:#079c50;font-size:10px;font-weight:800;letter-spacing:.18em}.admin-content header h1,.agent-topbar h1{margin:7px 0 0;font-size:32px}.admin-grid{display:grid;grid-template-columns:minmax(500px,1fr) 340px;gap:24px}.visitor-stats-card{display:flex;margin-bottom:18px;padding:24px 28px;align-items:center;justify-content:space-between;gap:24px;border:1px solid #dce8e1;border-radius:18px;background:linear-gradient(135deg,#f4fff8,#fff)}.visitor-stats-card>div:first-child{display:grid}.visitor-stats-card span,.visitor-stats-card small{color:#74857b;font-size:11px}.visitor-stats-card strong{margin:4px 0;color:#08783e;font-size:34px}.stats-period-tabs{display:flex;padding:4px;gap:4px;border-radius:10px;background:#eaf3ee}.stats-period-tabs button{padding:8px 14px;border-radius:8px;background:transparent;color:#6d7e74;font-size:11px}.stats-period-tabs button.active{background:#fff;color:#08783e;font-weight:800;box-shadow:0 2px 8px #1f4b3214}.stats-period-tabs button:disabled{cursor:wait;opacity:.6}.business-setting-card{display:flex;margin-bottom:18px;padding:24px 28px;align-items:center;justify-content:space-between;gap:24px;border:1px solid #e0e7e3;border-radius:18px;background:#fff;box-shadow:0 14px 40px #1738260f}.business-setting-card>div>span{color:#839189;font-size:11px}.business-setting-card h2{margin:6px 0;font-size:20px}.business-setting-card p{margin:0;color:#6f7f76;font-size:12px}.business-setting-card>button{display:flex;min-width:120px;min-height:42px;padding:0 16px;align-items:center;justify-content:center;gap:9px;border-radius:999px;background:#ad342b;color:#fff;font-size:13px;font-weight:700}.business-setting-card>button.enabled{background:#08783e}.business-setting-card>button>span{width:8px;height:8px;border-radius:50%;background:currentColor}.business-setting-card>button:disabled{cursor:wait;opacity:.55}.staff-list-card,.create-user-card{padding:26px;border:1px solid #e0e7e3;border-radius:16px;background:#fff}.card-heading{display:flex;margin-bottom:22px;align-items:center;justify-content:space-between}.card-heading h2{margin:0;font-size:18px}.card-heading>span{color:#8c9992;font-size:11px}.staff-list-card table{width:100%;border-collapse:collapse;text-align:left}.staff-list-card th{padding:11px 10px;border-bottom:1px solid #e9eeeb;color:#8a9690;font-size:10px;font-weight:700}.staff-list-card td{padding:16px 10px;border-bottom:1px solid #f0f3f1;color:#526159;font-size:12px}.staff-list-card td:first-child{display:grid}.staff-list-card td small{color:#9aa49f}.seat-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f0f2f1;color:#7c8881;font-size:10px}.seat-status.online{background:#e9f9f0;color:#078c47}.agent-stats{display:flex;gap:12px}.agent-stats>span{display:grid;min-width:90px;padding:10px 16px;border:1px solid #e0e7e3;border-radius:12px;background:#fff;color:#89958f;font-size:9px;text-align:center}.agent-stats strong{color:#11271d;font-size:20px}.desk-layout{display:grid;height:calc(100vh - 145px);grid-template-columns:310px minmax(400px,1fr);overflow:hidden;border:1px solid #dfe6e2;border-radius:16px;background:#fff}.conversation-list{overflow-y:auto;padding:20px 12px;border-right:1px solid #e6ebe8}.conversation-list h2{margin:6px 10px 12px;color:#829087;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.conversation-list h2:not(:first-child){margin-top:28px}.conversation-list h2 em{padding:2px 6px;border-radius:99px;background:#fff1d8;color:#a56a08;font-style:normal}.conversation-list>button{display:flex;width:100%;padding:11px 10px;align-items:center;gap:10px;border-radius:10px;background:transparent;text-align:left}.conversation-list>button:hover,.conversation-list>button.selected{background:#eef8f2}.customer-avatar{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:50%;background:#dff6e9;color:#078c47;font-weight:800}.customer-avatar.waiting{background:#fff2dc;color:#a46805}.conversation-list button>span:nth-child(2){display:grid;min-width:0}.conversation-list .unread-count{display:grid;min-width:20px;height:20px;margin-left:auto;padding:0 6px;flex:0 0 auto;place-items:center;border-radius:999px;background:#e53935;color:#fff;font-size:10px;font-style:normal;font-weight:800;box-shadow:0 4px 10px #e5393540}.conversation-list button strong{font-size:12px}.conversation-list button small{overflow:hidden;color:#8a9690;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.agent-chat{display:grid;min-width:0;min-height:0;overflow:hidden;grid-template-rows:66px 1fr auto}.agent-chat>header{display:flex;padding:0 22px;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ecea}.agent-chat header>div:first-child{display:grid}.agent-chat header small{color:#839088;font-size:10px}.chat-header-actions{display:flex;align-items:center;gap:8px}.chat-header-actions>button{padding:9px 16px;border-radius:9px;background:#07a653;color:#fff;font-size:11px;font-weight:700}.chat-header-actions>button.close-chat{background:#f1f3f2;color:#65736c}.chat-header-actions>button.close-all-chats{background:#b73b32}.chat-header-actions>button:disabled{cursor:wait;opacity:.55}.agent-messages{min-height:0;overflow-y:auto;padding:24px;background:#f8faf9}.agent-messages article{width:fit-content;max-width:70%;margin:0 0 18px}.agent-messages article.mine{margin-left:auto;text-align:right}.agent-messages article>strong{color:#819087;font-size:9px}.agent-messages article p{margin:5px 0;padding:11px 14px;border-radius:4px 13px 13px;background:#fff;color:#34463d;font-size:13px;line-height:1.6;text-align:left;box-shadow:0 3px 12px #1e3b2b0f}.agent-messages article.mine p{border-radius:13px 4px 13px 13px;background:#dff7e9}.message-image-button{display:block;max-width:240px;margin:6px 0;padding:0;overflow:hidden;border-radius:10px;background:transparent;cursor:zoom-in}.message-image-button img{display:block;width:100%;max-height:260px;object-fit:contain}.message-file{display:block;margin:6px 0;padding:10px 12px;border:1px solid #dbe5df;border-radius:9px;background:#fff;color:#087b42;font-size:11px;text-decoration:none}.agent-messages article small{color:#a0aaa5;font-size:8px}.agent-reply{display:grid;padding:14px;grid-template-columns:auto 1fr auto;gap:10px;border-top:1px solid #e7ece9}.agent-reply textarea{grid-column:1 / -1;min-height:68px;padding:12px;resize:none;border:1px solid #dce4df;border-radius:10px;outline:none;font:inherit}.selected-files{align-self:center;overflow:hidden;color:#718078;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.attach-button{display:inline-flex;padding:10px 14px;align-items:center;border:1px solid #d9e3dd;border-radius:9px;color:#52635b;cursor:pointer;font-size:11px;font-weight:700}.attach-button input{display:none}.image-lightbox{position:fixed;z-index:1000;inset:0;display:grid;padding:56px;place-items:center;background:#040c08d6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.image-lightbox>img{display:block;max-width:min(1100px,92vw);max-height:86vh;border-radius:10px;object-fit:contain;box-shadow:0 24px 80px #0006}.image-lightbox>button{position:absolute;top:20px;right:24px;display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#ffffff1f;color:#fff;font-size:28px;line-height:1}.agent-reply button{align-self:end;padding:12px 18px;border-radius:9px;background:#102b1e;color:#fff;font-size:11px;font-weight:700}.empty-desk{display:grid;place-content:center;color:#89968f;text-align:center}.empty-desk>span{display:grid;width:58px;height:58px;margin:0 auto 12px;place-items:center;border-radius:50%;background:#edf5f0;color:#079c50;font-weight:900}.empty-desk h2{margin:0;color:#405149;font-size:18px}.empty-desk p{margin:6px 0;font-size:11px}@media(max-width:1050px){.admin-grid{grid-template-columns:1fr}.desk-layout{grid-template-columns:260px minmax(360px,1fr)}}@media(max-width:800px){.login-page{grid-template-columns:1fr;padding:100px 24px 70px}.login-copy{display:none}.login-card{justify-self:center}.login-brand{left:24px}.login-page footer{right:24px;left:24px;text-align:center}.exchange-grid,.faq-grid{grid-template-columns:1fr}.staff-sidebar{position:static;width:100%;height:70px;padding:12px 18px;flex-direction:row;align-items:center}.staff-logo{padding:0;border:0}.staff-sidebar nav{display:none}.staff-profile{margin:0 0 0 auto;padding:0;border:0}.admin-content,.agent-content{margin-left:0;padding:24px 18px}.desk-layout{height:auto;min-height:calc(100vh - 180px);grid-template-columns:1fr}.conversation-list{max-height:280px;border-right:0;border-bottom:1px solid #e6ebe8}.agent-chat{min-height:520px}}@media(max-width:520px){.login-card{padding:36px 24px 30px}.site-header{width:calc(100% - 28px)}.hero{padding-top:54px}.exchange-card{min-height:380px;padding:32px}.exchange-card>button{right:32px;bottom:30px;left:32px}.faq-section{margin-top:80px}.service-float{right:16px;bottom:16px}.support-dialog{inset:0 0 auto;width:100vw;max-width:100%;height:100vh;height:100dvh;max-height:100dvh;border:0;border-radius:0;box-shadow:none;transform:none!important}.support-dialog>header{min-height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0 18px;flex:0 0 auto}.support-dialog vue-advanced-chat{width:100%;min-width:0;min-height:0;overflow:hidden}.support-composer{flex:0 0 auto;padding:8px 10px calc(8px + env(safe-area-inset-bottom));overscroll-behavior:contain}.support-composer textarea{min-height:42px;max-height:84px;resize:none;font-size:16px}.support-composer>div:last-child{gap:8px}.support-file-button{min-height:38px;padding:0 10px;font-size:12px}.support-composer-actions{min-width:0;gap:6px}.support-send-button{min-height:38px;padding:0 12px;gap:8px;font-size:12px;white-space:nowrap}.service-page{padding:0}.service-header{height:64px;padding:0 16px;margin:0}.service-chat{border:0;border-radius:0}.admin-content>header,.agent-topbar{align-items:flex-start;flex-direction:column;gap:16px}.staff-list-card{overflow-x:auto}.staff-list-card table{min-width:560px}.staff-logo strong{display:none}}