@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#242824;background:#f5f6f4;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;font-weight:400;--green:#356b50;--green-dark:#28563e;--green-soft:#edf5ee;--ink:#262a27;--muted:#858d86;--line:#e9ece8;--surface:#fff;--orange:#bc7d48}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.loading-screen{height:100vh;display:grid;place-content:center;justify-items:center;color:#7a827b;gap:10px}.loading-screen p{font-size:14px}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--green);color:#fff;border-radius:11px;font-size:18px;font-weight:700;box-shadow:0 5px 12px #356b5022}.brand{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:700;letter-spacing:-.2px}.topbar{height:68px;padding:0 34px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.topbar-right{display:flex;align-items:center;gap:22px}.mode-chip{font-size:11px;padding:6px 10px;border-radius:20px;background:#f1f3f0;color:#718075}.mode-chip.im{background:#edf4ee;color:#356b50}.preview-link{font-size:12px;color:#747c75}.preview-link:hover{color:var(--green)}.admin-page{height:100vh;display:flex;flex-direction:column;background:#f6f7f5}.workspace{height:calc(100vh - 68px);display:grid;grid-template-columns:310px 1fr;max-width:1600px;width:100%;margin:0 auto;background:#fff;border-left:1px solid var(--line);border-right:1px solid var(--line)}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.sidebar-heading{padding:28px 22px 18px;display:flex;align-items:end;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:1.25px;font-weight:700;color:#849087}.sidebar-heading h2{font-size:18px;margin:6px 0 0;font-weight:600}.count-pill{font-size:11px;background:#eef2ed;color:#5b7863;padding:4px 8px;border-radius:12px}.customer-row{width:100%;text-align:left;border:0;border-top:1px solid #f2f3f1;background:#fff;padding:15px 18px;display:flex;align-items:center;gap:12px;transition:background .15s}.customer-row:hover,.customer-row.selected{background:#f6f8f5}.customer-row.selected{box-shadow:inset 3px 0 var(--green)}.avatar,.header-avatar,.mini-avatar{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eff1e9;color:#627350;font-size:11px;font-weight:600}.customer-copy{display:grid;gap:5px;min-width:0;flex:1}.customer-name{font-size:13px;font-weight:600}.customer-preview{font-size:11px;color:#858d86;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:155px}.customer-meta{height:36px;display:flex;flex-direction:column;align-items:end;justify-content:space-between;color:#9aa19b;font-size:10px}.unread-dot,.online-dot{width:7px;height:7px;background:#5da473;border-radius:50%;display:inline-block;flex:none}.empty-list{margin:auto 26px;text-align:center;color:#818982;font-size:12px;line-height:1.7}.empty-list strong{display:block;color:#48514a;font-size:13px;margin:8px 0 2px}.empty-list a{color:var(--green);font-weight:600}.empty-icon{font-size:26px;color:#b7c3b8}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:16px 20px;color:#737e75;font-size:11px}.sidebar-bottom .online-dot{margin-right:7px}.sidebar-foot-mode{float:right;color:#a1a7a2}.chat-panel{min-width:0;display:flex;flex-direction:column;background:#fff}.chat-header{height:76px;padding:0 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.header-avatar{width:39px;height:39px}.chat-header h2{font-size:14px;margin:0 0 5px;font-weight:600}.chat-header p{font-size:10px;color:#818b82;margin:0}.chat-header p .online-dot{width:6px;height:6px;margin-right:4px}.icon-button{margin-left:auto;border:1px solid var(--line);background:#fff;color:#798179;width:32px;height:32px;border-radius:9px;font-size:18px}.message-pane,.visitor-messages{flex:1;overflow:auto;padding:25px 32px;background:linear-gradient(180deg,#fff,#fbfcfa);scroll-behavior:smooth}.date-divider{display:flex;justify-content:center;margin:2px 0 26px}.date-divider span{font-size:10px;color:#a2aaa3;background:#f5f6f4;border-radius:20px;padding:5px 11px}.conversation-empty{height:60%;display:grid;place-items:center;color:#a0a8a1;font-size:12px}.message-row{display:flex;align-items:flex-end;gap:9px;margin:17px 0}.message-row.outgoing{justify-content:flex-end}.mini-avatar{width:28px;height:28px;font-size:9px;background:#f0f1ed;color:#77806f}.agent-avatar{background:#e7f0e8;color:#467558}.visitor-avatar{background:#f7eadc;color:#a56c3e}.message-content{display:flex;flex-direction:column;gap:5px;max-width:min(66%,490px)}.message-row.outgoing .message-content{align-items:flex-end}.bubble{font-size:13px;line-height:1.65;background:#f0f2ef;color:#353b36;padding:10px 14px;border-radius:15px 15px 15px 4px;white-space:pre-wrap;overflow-wrap:anywhere}.outgoing .bubble{background:var(--green);color:#fff;border-radius:15px 15px 4px}.message-content time,.welcome-message time{font-size:9px;color:#a0a7a0;padding:0 2px}.image-bubble{padding:5px;max-width:300px;background:#f0f2ef!important}.image-bubble img{display:block;max-width:280px;max-height:220px;object-fit:contain;border-radius:10px}.composer-wrap,.visitor-composer{border-top:1px solid var(--line);padding:12px 24px 17px;background:#fff}.composer-tools{height:30px;display:flex;align-items:center;gap:10px}.tool-button{display:inline-flex;align-items:center;gap:6px;color:#7c857c;font-size:11px;cursor:pointer}.tool-button:first-letter{font-size:19px}.tool-button:hover{color:var(--green)}.composer-wrap textarea,.visitor-composer textarea{resize:none;display:block;width:100%;border:0;outline:none;padding:9px 0;color:#343a34;font-size:13px;line-height:1.6;background:transparent}.composer-wrap textarea::placeholder,.visitor-composer textarea::placeholder{color:#a0a7a0}.composer-footer{display:flex;justify-content:space-between;align-items:center;color:#9ba29b;font-size:10px}.primary-button{border:0;background:var(--green);color:#fff;font-weight:600;border-radius:9px;transition:background .15s,transform .15s}.primary-button:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.send-button{padding:9px 15px;font-size:11px}.send-button span{margin-left:8px}.login-wrap{flex:1;display:grid;place-items:center;padding:28px}.login-card{width:min(100%,390px);border:1px solid var(--line);background:#fff;border-radius:18px;padding:34px;box-shadow:0 15px 50px #263f2d0b}.login-card h1{font-size:25px;margin:10px 0 7px;letter-spacing:-.5px}.muted{font-size:12px;color:#818982;margin:0 0 24px}.field-label{display:block;font-size:11px;font-weight:600;margin:0 0 8px}.login-input{width:100%;padding:12px 13px;border:1px solid #dfe4df;border-radius:9px;outline:none;font-size:13px;margin-bottom:12px}.login-input:focus{border-color:#72967c;box-shadow:0 0 0 3px #356b5012}.demo-note{font-size:12px;line-height:1.65;background:#f4f7f3;color:#637268;border-radius:10px;padding:12px;margin:0 0 15px}.full-button{width:100%;padding:13px;margin-top:4px;font-size:12px}.login-foot{text-align:center;font-size:10px;color:#a1a8a1;margin:17px 0 0}.error-text{font-size:11px;color:#b45347;margin:6px 0 10px}.inline-error{color:#b45347}.welcome-empty{margin:auto;display:grid;justify-items:center;text-align:center}.welcome-symbol{width:54px;height:54px;border-radius:17px;background:#edf4ee;color:var(--green);display:grid;place-items:center;font-size:26px;font-weight:700}.welcome-empty h2{font-size:17px;margin:18px 0 7px}.welcome-empty p{font-size:12px;color:#909890;margin:0}.attachment-preview{display:flex;align-items:center;gap:7px;background:#f4f6f3;border-radius:7px;padding:6px 9px;margin-bottom:7px;width:max-content;color:#68736a;font-size:10px}.attachment-preview button{border:0;background:transparent;color:var(--green);font-size:10px}.visitor-page{min-height:100vh;background:radial-gradient(ellipse at 50% 15%,#f4f6f2 0,#f6f7f5 48%,#f0f2ef);display:flex;flex-direction:column;align-items:center;padding:0 24px 20px}.visitor-header{height:72px;width:min(100%,1010px);display:flex;align-items:center;justify-content:space-between}.visitor-header .brand-mark{width:31px;height:31px}.visitor-header .brand{font-size:14px}.secure-label{font-size:11px;color:#68756a}.secure-label i{width:6px;height:6px;background:#63a877;border-radius:50%;display:inline-block;margin-right:6px}.visitor-card{width:min(100%,760px);height:min(760px,calc(100vh - 132px));min-height:480px;background:#fff;border:1px solid #e7ebe6;border-radius:18px;box-shadow:0 18px 65px #25382a0b;display:flex;flex-direction:column;overflow:hidden}.visitor-title{padding:22px 28px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.agent-portrait{width:45px;height:45px;display:grid;place-items:center;background:#e7f0e8;color:var(--green);border-radius:15px;font-size:19px;font-weight:700}.visitor-title h1{font-size:15px;margin:4px 0 5px;font-weight:600}.visitor-title p{font-size:10px;color:#858e86;margin:0}.visitor-title .online-dot{width:6px;height:6px;margin-right:4px}.visitor-messages{padding:26px 28px}.welcome-message{display:flex;align-items:flex-start;gap:9px;margin:10px 0 18px}.welcome-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e7f0e8;color:#467558;font-size:10px;font-weight:700;flex:none}.welcome-bubble{background:#f0f2ef;color:#353b36;font-size:12px;line-height:1.6;border-radius:14px 14px 14px 4px;padding:10px 13px}.visitor-composer{padding:12px 20px 15px}.visitor-composer .composer-footer{padding-top:3px}.visitor-footer{display:flex;align-items:center;gap:7px;margin-top:14px;color:#8a938b;font-size:10px}.visitor-footer .online-dot{width:6px;height:6px}.visitor-footer span:nth-child(2){padding:0 2px}.visitor-footer span:last-child{color:#a5aca5}@media(max-width:700px){.topbar{height:58px;padding:0 16px}.topbar-right{gap:10px}.workspace{height:calc(100vh - 58px);grid-template-columns:105px 1fr}.sidebar-heading{padding:20px 10px 14px;align-items:center}.sidebar-heading .eyebrow{display:none}.sidebar-heading h2{font-size:13px}.count-pill{padding:3px 6px}.customer-row{padding:12px 8px;gap:7px;flex-wrap:wrap}.avatar{width:31px;height:31px}.customer-copy{max-width:58px}.customer-name{font-size:10px;white-space:nowrap}.customer-preview{font-size:9px;max-width:56px}.customer-meta{display:none}.sidebar-bottom{padding:12px 8px;font-size:0}.sidebar-bottom .online-dot{margin-right:4px}.sidebar-foot-mode{font-size:9px;float:none}.empty-list{margin:0 7px;font-size:10px}.empty-list strong{font-size:10px}.empty-list a{display:block;font-size:10px}.empty-icon{font-size:18px}.chat-header{height:64px;padding:0 14px}.message-pane{padding:20px 12px}.composer-wrap{padding:10px 13px 13px}.message-content{max-width:80%}.bubble{font-size:12px}.send-button{padding:8px 11px}.composer-footer>span{max-width:55%}.visitor-page{padding:0 12px 14px}.visitor-header{height:60px}.visitor-card{height:calc(100vh - 100px);min-height:420px;border-radius:14px}.visitor-title{padding:16px}.visitor-title h1{font-size:13px}.visitor-messages{padding:18px 14px}.visitor-composer{padding:10px 13px 13px}.visitor-footer{margin-top:9px}.preview-link{font-size:10px}.mode-chip{font-size:9px;padding:5px 7px}}.load-history{display:block;margin:0 auto 18px;padding:8px 12px;border:0;background:transparent;color:var(--green);font-size:11px}.load-history:disabled{opacity:.6;cursor:wait}.history-pending{height:60%;display:grid;place-items:center;color:#a0a8a1;font-size:12px}.history-error{color:#b45347;font-size:11px;text-align:center;line-height:1.6;padding:12px}.history-error button{margin-left:6px;border:0;background:transparent;color:var(--green);font-size:11px}.visitor-diagnostic{margin-left:8px;color:#738077!important}@media(max-width:700px){.visitor-footer{flex-wrap:wrap;justify-content:center}.visitor-diagnostic{width:100%;text-align:center;margin-left:0}}