:root{color:#1d2927;font-synthesis:none;text-rendering:optimizelegibility;--brand:#286e61;--brand-dark:#163c36;--brand-soft:#e5f1ed;--surface:#fff;--surface-subtle:#f7faf9;--muted:#6f7e7a;--line:#e2eae7;--shadow:0 10px 30px #1b3e3614;--el-color-primary:#286e61;--el-color-primary-light-3:#5c9288;--el-color-primary-light-5:#86aea7;--el-color-primary-light-7:#b1cbc6;--el-color-primary-light-8:#cfe0dc;--el-color-primary-light-9:#e7f0ee;--el-color-primary-dark-2:#20584e;--el-border-radius-base:9px;background:#f4f8f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.login-screen{background:radial-gradient(circle at 18% 15%,#74c1ac40,#0000 34%),linear-gradient(145deg,#f3faf7 0%,#e8f1ee 48%,#d7e7e2 100%);place-items:center;width:100%;height:100dvh;padding:28px;display:grid}.login-card{background:#ffffffeb;border:1px solid #ffffffc7;border-radius:24px;width:min(100%,430px);padding:34px;box-shadow:0 28px 80px #1d463d26}.login-brand{align-items:center;gap:12px;display:flex}.login-brand>span{background:var(--brand-dark);color:#98dcc9;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.login-brand div{flex-direction:column;display:flex}.login-brand strong{font-size:17px}.login-brand small{color:var(--muted);margin-top:2px;font-size:11px}.login-copy{margin:38px 0 24px}.login-copy>.el-icon{background:var(--brand-soft);width:38px;height:38px;color:var(--brand);border-radius:12px;font-size:19px}.login-copy h1{letter-spacing:-.03em;margin:14px 0 7px;font-size:24px}.login-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.login-card .el-alert{margin-bottom:18px}.login-card .el-button[type=button],.login-card .el-button[type=submit]{width:100%}.captcha-row{gap:10px;width:100%;display:flex}.captcha-button{border:1px solid var(--line);background:#eef4f2;border-radius:8px;flex:0 0 126px;width:126px;height:40px;padding:0;overflow:hidden}.captcha-button img{object-fit:cover;width:100%;height:100%}.captcha-refresh{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;margin:18px auto 0;font-size:11px;display:flex}.desk-app{width:100%;height:100dvh;overflow:hidden}.workspace-bar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:52px;padding:0 16px 0 22px;display:flex}.workspace-bar>div,.workspace-actions{align-items:center;gap:10px;display:flex}.workspace-bar strong{font-size:13px}.workspace-bar>div>span{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:4px 8px;font-size:10px}.workspace-actions .el-select{width:188px}.workspace-actions .member-name{color:#40504c;background:0 0;padding-left:2px;font-size:12px}.realtime-status{color:#66736f;align-items:center;gap:6px;font-size:11px;display:inline-flex}.realtime-status i{background:#a9b2af;border-radius:50%;width:7px;height:7px}.realtime-status.is-connected i{background:#31b879;box-shadow:0 0 0 3px #31b8791f}.realtime-status.is-connecting i,.realtime-status.is-reconnecting i{background:#e6a23c}.desk-shell{background:#f4f8f6;width:100%;min-width:860px;height:calc(100dvh - 52px);display:flex;overflow:hidden}.app-rail{z-index:4;background:var(--brand-dark);border-right:1px solid #ffffff1a;flex-direction:column;flex:0 0 72px;align-items:center;width:72px;padding:16px 0;display:flex}.brand-mark{color:#153a34;background:#8fd1bf;border-radius:14px;place-items:center;width:40px;height:40px;margin-bottom:28px;font-size:14px;font-weight:800;display:grid;box-shadow:0 5px 16px #071a163d}.rail-nav,.rail-footer{flex-direction:column;align-items:center;gap:8px;display:flex}.rail-nav{flex:1}.rail-button{color:#e8f5f18f;background:0 0;border:0;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;transition:all .16s;display:grid}.rail-button:hover,.rail-button.is-active{color:#92dac7;background:#ffffff1a}.agent-avatar{color:#1b5a4f;background:#dceae6;margin-top:6px;font-size:12px;font-weight:700}.team-view{background:#f4f8f6;flex:1;min-width:0;padding:28px 32px 48px;overflow:auto}.customer-view{background:#f4f8f6;flex:1;min-width:0;padding:24px 28px 40px;overflow:auto}.customer-header,.customer-profile-title,.customer-filters,.customer-name-cell,.contact-list>div,.identity-list>div{align-items:center;display:flex}.customer-header{justify-content:space-between;margin-bottom:18px}.customer-header h1{letter-spacing:-.04em;margin:2px 0 5px;font-size:26px}.customer-header p{color:var(--muted);margin:0;font-size:12px}.customer-header .eyebrow{color:var(--brand);letter-spacing:.18em;font-size:10px;font-weight:800}.customer-workspace{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:minmax(570px,1.45fr) minmax(360px,.75fr);min-height:calc(100dvh - 150px);display:grid;overflow:hidden;box-shadow:0 14px 40px #122f270d}.customer-list-panel{border-right:1px solid var(--line);min-width:0;padding:16px}.customer-filters{gap:8px;margin-bottom:12px}.customer-filters .el-input:first-child{flex:1.8}.customer-table{margin-top:12px}.customer-name-cell{gap:10px}.customer-name-cell div,.customer-profile-title div{flex-direction:column;min-width:0;display:flex}.customer-name-cell small,.customer-profile-title p,.identity-list small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.customer-load-more{color:var(--muted);justify-content:center;padding:16px 0 2px;font-size:11px;display:flex}.customer-detail-panel{background:#fbfdfc;min-width:0;padding:20px;overflow:auto}.customer-profile-title{gap:12px;margin-bottom:16px}.customer-profile-actions,.customer-section-title,.resource-create-row,.crm-order-list article>div,.merge-history-list article>div{align-items:center;gap:8px;display:flex}.customer-profile-actions{margin-left:auto}.profile-conversation-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:10px;display:flex}.profile-conversation-tags>span:first-child{color:var(--el-text-color-secondary);font-size:12px}.customer-section-title{justify-content:space-between}.customer-section-title h3{margin:0}.tag-option-dot{border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.crm-order-list,.merge-history-list,.library-list{gap:8px;display:grid}.crm-order-list article,.merge-history-list article,.library-list article{border:1px solid var(--el-border-color-lighter);background:var(--el-fill-color-extra-light);border-radius:10px;padding:10px 12px}.crm-order-list article>div,.merge-history-list article>div{justify-content:space-between}.crm-order-list article>span,.crm-order-list article>b{margin-top:7px;display:inline-block}.crm-order-list article>b{float:right}.merge-history-list small,.library-list small{color:var(--el-text-color-secondary)}.merge-history-list p,.library-list p{color:var(--el-text-color-regular);margin:7px 0 0}.merge-form{margin-top:16px}.currency-input{width:90px;margin-left:8px}.resource-create-row .el-input{max-width:320px}.resource-chip-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.resource-form{grid-template-columns:repeat(3,1fr);gap:0 12px;margin-bottom:18px;display:grid}.resource-form .el-form-item:nth-child(4),.resource-form .el-button{grid-column:1/-1}.material-upload{text-align:center;color:var(--el-color-primary);border:1px dashed var(--el-color-primary-light-5);cursor:pointer;border-radius:10px;margin-bottom:16px;padding:18px;display:block}.material-upload input{display:none}.customer-profile-title div{flex:1}.customer-profile-title h2,.customer-profile-title p{margin:0}.customer-stat-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.customer-stat-row article{background:#eef6f3;border-radius:10px;flex-direction:column;padding:10px;display:flex}.customer-stat-row strong{font-size:18px}.customer-stat-row span{color:var(--muted);font-size:10px}.customer-detail-section{margin-top:20px}.customer-detail-section h3{margin:0 0 10px;font-size:13px}.contact-list,.identity-list{gap:7px;display:grid}.contact-list>div,.identity-list>div{border:1px solid var(--line);background:#fff;border-radius:9px;gap:8px;min-width:0;padding:9px 10px;font-size:12px}.contact-list>div strong,.identity-list>div span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.custom-field-list{grid-template-columns:minmax(90px,.6fr) 1fr;gap:8px;margin:0;display:grid}.custom-field-list dt,.custom-field-list dd{margin:0;font-size:12px}.custom-field-list dt{color:var(--muted)}.customer-detail-section .el-timeline{padding-left:4px}.customer-detail-section .el-timeline p{color:var(--muted);margin:3px 0 0;font-size:11px}.customer-edit-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.customer-edit-form .form-wide{grid-column:1/-1}.customer-edit-form .el-select,.customer-edit-form .el-date-editor,.customer-edit-form .el-input-number{width:100%}@media (width<=1180px){.customer-workspace{grid-template-columns:minmax(520px,1.2fr) minmax(330px,.8fr)}}.team-header,.team-header-actions,.tab-toolbar,.group-card>div,.group-card footer,.member-cell,.schedule-row{align-items:center;display:flex}.team-header{justify-content:space-between;gap:24px;margin-bottom:22px}.team-header h1{letter-spacing:-.04em;margin:2px 0 5px;font-size:26px}.team-header p,.tab-toolbar p,.group-card p,.team-audit p{color:var(--muted);margin:0;font-size:12px}.team-header .eyebrow{color:var(--brand);letter-spacing:.18em;font-size:10px;font-weight:800}.team-header-actions{gap:10px}.team-stats{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:18px;display:grid}.team-stats article{border:1px solid var(--line);background:var(--surface);border-radius:15px;min-height:112px;padding:18px;box-shadow:0 5px 18px #1b3e360a}.team-stats article>span,.team-stats article>small,.member-cell small{color:var(--muted);font-size:11px;display:block}.team-stats strong{margin:8px 0 7px;font-size:25px;display:block}.team-stats strong small{color:var(--muted);margin-left:4px;font-size:12px;font-weight:500}.team-tabs{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:16px;padding:0 20px 20px}.team-tabs>.el-tabs__header{margin-bottom:0}.team-table .el-table__cell{padding:13px 0}.member-cell{gap:10px}.member-cell .el-avatar{color:var(--brand);background:#e1eee9}.member-cell .ai-avatar{color:#b96a1a;background:#fff1db}.member-cell strong{font-size:13px;display:block}.inline-list{color:#41514d;font-size:12px}.presence{background:#a9b3b0;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.presence.is-online{background:#20ad72}.presence.is-busy{background:#e55656}.presence.is-away{background:#e1a42c}.tab-toolbar{justify-content:space-between;min-height:62px}.group-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px;display:grid}.group-card{border:1px solid var(--line);background:#fbfdfc;border-radius:14px;padding:17px}.group-card>div,.group-card footer{justify-content:space-between}.group-card>div>span{color:var(--brand);font-size:10px;font-weight:700}.group-card h3{margin:15px 0 6px;font-size:15px}.group-card footer{margin-top:22px}.group-card footer strong{font-size:12px}.empty-create{min-height:150px;color:var(--brand);background:#f8fcfa;border:1px dashed #a9c8bf;border-radius:14px}.team-audit{padding:24px 10px 0}.dialog-full{width:100%}.schedule-row{gap:24px}@media (width<=1180px){.team-stats{grid-template-columns:repeat(2,minmax(150px,1fr))}.group-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}.inbox-panel,.profile-panel{background:var(--surface);flex-direction:column;min-height:0;display:flex}.inbox-panel{border-right:1px solid var(--line);flex:0 0 344px;width:344px}.profile-panel{border-left:1px solid var(--line);flex:0 0 304px;width:304px}.panel-header{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;height:64px;min-height:64px;padding:0 20px;display:flex}.inbox-heading{border-bottom:0}.inbox-heading h1,.chat-heading h2,.profile-heading h2{color:#182421;margin:0}.inbox-heading h1{letter-spacing:-.02em;align-items:center;gap:6px;font-size:17px;font-weight:700;display:flex}.inbox-heading p,.chat-contact p,.profile-summary p{color:var(--muted);margin:3px 0 0;font-size:12px}.inbox-tools{border-bottom:1px solid var(--line);padding:0 16px 13px}.inbox-tools .el-input__wrapper{min-height:40px;box-shadow:none;background:#f2f6f4}.filter-row{gap:6px;margin-top:12px;display:flex}.inbox-view-row,.inbox-filter-selects,.batch-toolbar{align-items:center;gap:7px;margin-top:9px;display:flex}.inbox-view-row .el-select,.inbox-filter-selects .el-select{flex:1;min-width:0}.batch-toolbar{background:#eef4ff;border-radius:9px;flex-wrap:wrap;padding:8px}.batch-toolbar span{color:#31578c;margin-right:auto;font-size:12px;font-weight:700}.filter-row .el-button+.el-button{margin-left:0}.conversation-scroll,.profile-scroll,.message-scroll{flex:1;min-height:0}.conversation-list{padding:10px}.conversation-card{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;gap:12px;padding:12px;transition:background .14s;display:flex}.conversation-card>.el-checkbox{align-self:flex-start;margin:10px -5px 0 -3px}.conversation-card:hover{background:#f4f7f6}.conversation-card.is-selected{background:var(--brand-soft)}.load-more-row{justify-content:center;padding:12px 0 6px;display:flex}.view-filter-summary{color:var(--muted);margin:4px 0 0;font-size:12px}.avatar-wrap{flex:none;position:relative}.avatar-wrap .el-avatar,.chat-contact .el-avatar,.profile-summary .el-avatar{color:#247266;background:#dff1ec;font-size:12px;font-weight:700}.avatar-wrap .tone-1{color:#a23b8e;background:#f4e2f1}.avatar-wrap .tone-2{color:#3375a8;background:#e1eefb}.avatar-wrap .tone-3{color:#5262ad;background:#e5e8f9}.avatar-wrap .tone-4{color:#a2691f;background:#fbedd7}.channel-dot{color:#536964;background:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;display:grid;position:absolute;bottom:-2px;right:-3px}.conversation-copy{flex:1;min-width:0}.conversation-title,.conversation-preview,.order-card>div,.order-card p{justify-content:space-between;align-items:center;gap:8px;display:flex}.conversation-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.conversation-title time{color:#899591;flex:none;font-size:10px}.conversation-preview{margin-top:5px}.conversation-preview span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.conversation-preview b{background:var(--brand);color:#fff;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.conversation-tags{flex-wrap:wrap;gap:4px;min-height:17px;margin-top:8px;display:flex}.conversation-tags .el-tag{border:0;height:18px;padding:0 6px;font-size:9px}.empty-list,.no-orders{color:var(--muted);text-align:center;padding:36px 16px;font-size:12px}.chat-panel{background:var(--surface-subtle);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.feedback-pill{z-index:10;color:#85591c;background:#fff8e9;border:1px solid #f2d6a7;border-radius:999px;max-width:80%;padding:8px 14px;font-size:12px;position:absolute;top:72px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #38280e14}.chat-contact,.chat-actions{align-items:center;display:flex}.chat-contact{gap:12px;min-width:0}.chat-contact>div{min-width:0}.chat-contact h2{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.chat-contact h2 small{color:#d15362;font-size:10px;font-weight:600}.chat-contact .typing-indicator{color:var(--brand);margin-top:3px;font-size:11px;font-weight:600}.online-dot{background:#38b979;border-radius:50%;flex:none;width:7px;height:7px}.chat-actions{gap:6px}.assignee-select{width:138px}.message-stage{flex-direction:column;justify-content:flex-end;width:min(100%,820px);min-height:100%;margin:0 auto;padding:28px 24px;display:flex}.recent-divider{color:#8b9794;align-items:center;gap:12px;margin-bottom:24px;font-size:11px;display:flex}.recent-divider span{background:var(--line);flex:1;height:1px}.older-message-row{justify-content:center;margin-bottom:10px;display:flex}.message-list{flex-direction:column;gap:16px;display:flex}.message-row{justify-content:flex-start;display:flex}.message-row.outgoing{justify-content:flex-end}.message-stack{flex-direction:column;align-items:flex-start;gap:5px;max-width:72%;display:flex}.outgoing .message-stack{align-items:flex-end}.message-bubble{border:1px solid var(--line);color:#26332f;background:#fff;border-radius:17px 17px 17px 5px;padding:11px 15px;font-size:13px;line-height:1.55;box-shadow:0 1px 2px #142d270a}.outgoing .message-bubble{border-color:var(--brand);background:var(--brand);color:#fff;border-radius:17px 17px 5px}.message-row.internal{justify-content:center}.message-row.internal .message-stack{align-items:center;max-width:82%}.message-row.internal .message-bubble{color:#5f4d19;background:#fff8dc;border-color:#e7c96d;border-radius:12px}.message-bubble p{white-space:pre-wrap;margin:0}.note-label{color:#9a7510;letter-spacing:.08em;margin-bottom:5px;font-size:10px;font-weight:800}.reply-preview{opacity:.82;background:#122a2517;border-left:3px solid;border-radius:5px;flex-direction:column;gap:2px;min-width:180px;margin-bottom:8px;padding:7px 9px;font-size:11px;display:flex}.reply-preview span{text-overflow:ellipsis;white-space:nowrap;max-width:360px;overflow:hidden}.message-image{object-fit:contain;border-radius:10px;max-width:min(360px,100%);max-height:300px;margin-bottom:7px;display:block}.message-bubble audio{width:min(310px,62vw);margin-bottom:7px;display:block}.attachment-download{color:#26332f;text-align:left;background:#fffc;border:1px solid #234d442e;border-radius:10px;align-items:center;gap:8px;min-width:240px;margin-bottom:7px;padding:10px;display:flex}.attachment-download span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.attachment-download small,.delivery-failed{color:#c23e37!important}.message-stack small{color:#84908d;padding:0 4px;font-size:10px}.composer-wrap{border-top:1px solid var(--line);background:#fff;padding:15px}.whatsapp-window{color:#28775a;background:#effaf5;border:1px solid #bce3d3;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;width:min(100%,820px);margin:0 auto 8px;padding:8px 11px;font-size:11px;display:flex}.whatsapp-window.closed{color:#9a6317;background:#fff8e8;border-color:#f0d39d}.composer-mode-tabs,.composer-context{width:min(100%,820px);margin:0 auto 7px;display:flex}.composer-mode-tabs{gap:16px}.composer-mode-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:4px 0;font-size:12px}.composer-mode-tabs button.active{border-bottom-color:var(--brand);color:var(--brand);font-weight:700}.composer-context{color:#4c5f5a;background:#eef5f2;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;font-size:11px}.composer-context span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer-context button{color:inherit;background:0 0;border:0;font-size:17px}.attachment-context span{align-items:center;gap:5px;display:flex}.whatsapp-template-context{color:#3159a8;background:#eef3ff;align-items:flex-start}.whatsapp-template-context>div:first-child{gap:2px;min-width:160px;display:grid}.template-parameters{flex:1;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;display:grid}.composer-card{width:min(100%,820px);box-shadow:var(--shadow);background:#fff;border:1px solid #dfe8e5;border-radius:16px;margin:0 auto;padding:8px}.composer-card .el-textarea__inner{box-shadow:none;border:0;min-height:58px!important}.composer-card.note-composer{background:#fffdf2;border-color:#e7c96d}.composer-card.note-composer .el-textarea__inner,.composer-card.note-composer .el-textarea__wrapper{background:#fffdf2}.composer-actions{justify-content:space-between;align-items:center;padding-top:4px;display:flex}.composer-actions>div{align-items:center;display:flex}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.profile-heading h2{font-size:14px}.profile-content{padding:20px}.profile-summary{text-align:center;flex-direction:column;align-items:center;padding:8px 0 0;display:flex}.profile-summary>strong{margin-top:10px;font-size:14px}.profile-summary>div{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:12px;display:flex}.customer-details{gap:16px;margin:0;display:grid}.customer-details dt{color:var(--muted);font-size:11px}.customer-details dd{overflow-wrap:anywhere;color:#24312e;margin:4px 0 0;font-size:12px;font-weight:600}.orders-title{justify-content:space-between;align-items:center;font-size:12px;display:flex}.order-card{border:1px solid var(--line);background:#f7faf9;border-radius:12px;margin-top:10px;padding:11px}.order-card strong{font-size:12px}.order-card p{color:var(--muted);margin:9px 0 0;font-size:11px}.order-card p b{color:#26332f}.no-orders{border:1px dashed #d9e4e0;border-radius:12px;margin-top:10px;padding:16px}.empty-screen{width:100%;height:100%;color:var(--muted);place-items:center;font-size:14px;display:grid}@media (width<=1240px){.profile-panel{display:none}}@media (width<=930px){.desk-shell{min-width:640px}.inbox-panel{flex-basis:310px;width:310px}.translate-action{display:none}}@media (width<=700px){.desk-shell{min-width:360px}.app-rail{flex-basis:58px;width:58px}.inbox-panel,.assignee-select{display:none}.message-stage{padding:20px 14px}.composer-wrap{padding:10px}}