@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.conversation-list,.list-header{background-color:#fff}.list-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;padding:16px 20px}.list-header:before{background-color:#482c54;border-radius:2px;content:"";height:20px;margin-right:12px;width:3px}.list-header h2{color:#6c757d;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.conversation-section{border-bottom:1px solid #e0e0e0;margin-bottom:0}.section-header{align-items:center;background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 20px}.section-header h3{color:#333;font-size:12px;font-weight:600;margin:0;text-transform:uppercase}.section-count{background-color:#482c54;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.conversation-item,.section-content{background-color:#fff}.conversation-item{border-bottom:1px solid #f0f0f0;padding:12px 20px;position:relative;transition:background-color .2s}.conversation-item:hover{background-color:#f8f8f8}.conversation-item.selected{background-color:#e8e0eb}.conversation-avatar{color:#fff!important;flex-shrink:0;height:40px;width:40px}.conversation-avatar.shopify{background-color:#482c54!important}.conversation-avatar.not-shopify{background-color:#27ae60!important;font-size:12px}.conversation-avatar span{color:#fff!important}.badge{background-color:#dc3545;border-radius:9px;flex-shrink:0;height:18px;justify-content:center;margin-left:8px;min-width:18px;padding:0 5px}.badge:not(:empty){white-space:nowrap}.conversation-header .badge{height:20px;line-height:20px;min-width:20px;padding:0 6px}.conversation-header{gap:8px;margin-bottom:5px}.conversation-header h4{color:#333;flex:1 1;font-weight:500;margin:0;min-width:0;overflow:hidden}.conversation-meta{margin-bottom:5px}.time{align-items:center;display:flex;gap:4px}.last-message{margin:0;overflow:hidden}.empty-section{background-color:#fff;color:#999;font-size:13px;padding:30px 20px;text-align:center}.responses-section{background-color:#f8f8f8;border-top:2px solid #e0e0e0;margin-top:auto}.responses-section h3{color:#333;margin:0 0 15px}.responses-section{border-top:1px solid #e9ecef;padding:16px}.responses-section h3{color:#999;font-size:11px;margin-bottom:12px;text-transform:uppercase}.response-quick{border:1px solid #e9ecef;border-radius:6px;font-size:11px;padding:10px 12px}.response-quick:hover:not(:disabled){background:#482c54;border-color:#482c54;color:#fff}.response-quick:disabled{cursor:not-allowed;opacity:.5}.response-quick:disabled:hover{background:#fff;border-color:#e9ecef;color:inherit}.response-quick span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visitor-list{background-color:#f8f9fa;display:flex;flex-direction:column;height:100%}.visitor-list .list-header{align-items:center;background-color:#fff;border-bottom:1px solid #e9ecef;display:flex;padding:16px 20px}.visitor-list .list-header:before{background-color:#482c54;border-radius:2px;content:"";height:20px;margin-right:12px;width:3px}.visitor-list .list-header h2{color:#6c757d;font-size:13px!important;font-weight:600;letter-spacing:.5px;line-height:1;margin:0;text-transform:uppercase}.visitor-list-content{flex:1 1;overflow-y:auto;padding:10px}.empty-state{height:100%}.empty-state p{margin-top:10px}.visitor-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;margin-bottom:10px;padding:15px;transition:all .2s}.visitor-card:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.visitor-header{align-items:center;display:flex;margin-bottom:12px}.visitor-avatar{align-items:center;border-radius:50%;color:#fff!important;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;margin-right:10px;width:32px}.visitor-avatar.shopify{background-color:#482c54!important}.visitor-avatar.not-shopify{background-color:#27ae60!important;font-size:10px}.visitor-avatar span{color:#fff!important}.visitor-name{flex:1 1;min-width:0}.visitor-name h4{color:#333;font-size:14px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visitor-tag{background-color:#f0f0f0;border-radius:3px;color:#666;display:inline-block;font-size:11px;margin-top:2px;padding:2px 8px}.visitor-details{display:flex;flex-direction:column;gap:6px;margin-left:42px}.visitor-browser,.visitor-location,.visitor-time{align-items:center;color:#666;display:flex;font-size:12px;gap:6px}.visitor-browser svg,.visitor-location svg,.visitor-time svg{color:#999}.start-conversation-btn{background-color:#482c54;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-top:12px;padding:8px 16px;transition:background-color .2s;width:100%}.start-conversation-btn:hover{background-color:#3a2343}.visitor-list-content::-webkit-scrollbar{width:6px}.visitor-list-content::-webkit-scrollbar-track{background:#f1f1f1}.visitor-list-content::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:3px}.visitor-list-content::-webkit-scrollbar-thumb:hover{background:#999}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px;position:relative;width:100%}.modal-header{margin-bottom:20px}.modal-header h3{font-size:18px;font-weight:600}.close-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:background .2s}.close-btn:hover{background:#f0f0f0}.save-quick-message-modal .modal-content{max-width:500px}.save-quick-message-modal .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.save-quick-message-modal .message-preview{background:#f8f9fa;border-left:4px solid #482c54;border-radius:8px;margin-bottom:20px;padding:15px}.categories-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin:15px 0}.category-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:5px;justify-content:space-between;padding:10px 15px;transition:all .2s}.category-btn:hover{background:#00000005;border-color:var(--cat-color)}.category-btn.active{background:var(--cat-color);border-color:var(--cat-color);color:#fff}.custom-category input{border:2px dashed #ddd;border-radius:8px;margin-top:15px;padding:10px;width:100%}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;padding:10px 20px;transition:all .2s}.btn-primary{background:#482c54}.btn-primary:hover:not(:disabled){background:#5a3966}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#e0e0e0}.btn-secondary:hover{background:#ccc}.quick-messages-modal .modal-content{max-height:80vh;max-width:700px}.quick-messages-modal .modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.quick-messages-modal .modal-header h3{align-items:center;display:flex;gap:8px;margin:0}.categories-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.categories-filter button{background:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:14px;padding:6px 16px;transition:all .2s}.categories-filter button:hover{border-color:#482c54}.categories-filter button.active{background:#482c54;border-color:#482c54;color:#fff}.messages-list{max-height:400px;overflow-y:auto;padding-right:5px}.message-item{align-items:flex-start;border:1px solid #eee;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .2s}.message-item:hover{background:#f8f9fa;border-color:#482c54;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.message-content{flex:1 1;padding-right:10px}.tags-list{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.tag-badge{background:#e0e0e0;border-radius:12px;color:#666;display:inline-block;font-size:11px;padding:2px 8px}.message-item p{line-height:1.4;margin:0 0 8px}.usage-count{color:#999;font-size:12px}.delete-btn{background:none;border:none;border-radius:4px;color:#e74c3c;cursor:pointer;opacity:0;padding:5px;transition:opacity .2s}.delete-btn:hover{background:#e74c3c1a}.message-item:hover .delete-btn{opacity:1}.empty,.loading{color:#999;padding:40px;text-align:center}.edit-message{width:100%}.edit-textarea{border:1px solid #482c54;border-radius:4px;font-family:inherit;min-height:60px;padding:8px;resize:vertical;width:100%}.edit-actions{display:flex;gap:8px;margin-top:8px}.cancel-edit-btn,.save-edit-btn{border:none;border-radius:4px;cursor:pointer;padding:4px 12px;transition:all .2s}.save-edit-btn{background:#4caf50;color:#fff}.save-edit-btn:hover{background:#45a049}.cancel-edit-btn{background:#f44336;color:#fff}.cancel-edit-btn:hover{background:#da190b}.edit-btn{background:none;border:none;color:#666;cursor:pointer;opacity:0;padding:5px;transition:opacity .2s}.message-item:hover .edit-btn{opacity:1}.edit-btn:hover{color:#482c54}.format-buttons{display:flex;gap:4px;margin:8px 0}.format-btn{background:#f0f0f0;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:12px;font-weight:700;padding:4px 8px;transition:all .2s}.format-btn:hover{background:#e0e0e0;border-color:#482c54}.format-btn.italic{font-style:italic}.product-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.product-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;height:90vh;max-width:1200px;overflow:hidden;width:95%}.modal-header{align-items:center;background:#482c54;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.modal-header h3{font-size:24px;font-weight:500;margin:0}.modal-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:opacity .2s}.modal-close:hover{opacity:.8}.modal-search-container{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:15px;padding:20px 30px}.modal-search-box{flex:1 1;position:relative}.modal-search-box svg{color:#6c757d;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.modal-search-input{border:2px solid #dee2e6;border-radius:50px;font-size:16px;outline:none;padding:12px 15px 12px 45px;transition:border-color .2s;width:100%}.modal-search-input:focus{border-color:#482c54}.modal-send-button{align-items:center;background:#adb5bd;border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:12px 30px;transition:background .2s}.modal-send-button:hover:not(:disabled){background:#868e96}.modal-send-button.active{background:#482c54}.modal-send-button.active:hover{background:#5a3666}.modal-send-button:disabled{cursor:not-allowed;opacity:.6}.modal-products-grid{background:#fff;flex:1 1;overflow-y:auto;padding:30px}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:30px}.product-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s}.product-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-2px)}.product-card.selected{border:2px solid #482c54;box-shadow:0 5px 20px #482c5433}.product-card.selected:after{background:#482c54;border-radius:50%;color:#fff;content:"✓";font-size:14px;font-weight:700;height:24px;position:absolute;right:8px;top:8px;width:24px}.product-card.selected:after,.product-image-container{align-items:center;display:flex;justify-content:center}.product-image-container{background:#f8f9fa;height:180px;overflow:hidden;width:100%}.product-image{height:100%;object-fit:cover;width:100%}.product-details{padding:15px;text-align:center}.product-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#2c3e50;display:-webkit-box;font-size:13px;font-weight:500;line-height:1.3;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis}.product-price{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.loading{font-size:16px;padding:60px}.modal-products-grid::-webkit-scrollbar{width:8px}.modal-products-grid::-webkit-scrollbar-track{background:#f1f1f1}.modal-products-grid::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}.modal-products-grid::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:768px){.product-modal{border-radius:0;height:100%;width:100%}.modal-header{padding:15px 20px}.modal-header h3{font-size:20px}.modal-search-container{flex-direction:column;padding:15px 20px}.modal-send-button{justify-content:center;width:100%}.products-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.product-image-container{height:120px}.product-details{padding:10px}.product-name{font-size:12px}.product-price{font-size:14px}.modal-products-grid{padding:20px}}.loading{color:#7f8c8d;flex-direction:column;gap:12px}.loading-progress-bar{align-items:center;background:#f8f9fa;border-radius:6px;color:#495057;display:flex;font-size:14px;gap:10px;grid-column:1/-1;justify-content:center;margin-bottom:15px;padding:12px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#482c54;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.visitor-info{background-color:#f8f9fa;display:flex;flex-direction:column}.visitor-info .list-header{align-items:center;background-color:#fff;border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.visitor-info .list-header:before{background-color:#482c54;border-radius:2px;content:"";height:20px;margin-right:12px;width:3px}.visitor-info .list-header h2{color:#6c757d;font-size:13px!important;font-weight:600;letter-spacing:.5px;line-height:1;margin:0;text-transform:uppercase}.visitor-info>:not(.list-header){padding-left:20px;padding-right:20px}.visitor-header-with-avatar{align-items:flex-start;background:#fff;border-bottom:1px solid #e9ecef;display:flex;gap:16px;padding:20px!important}.visitor-avatar-large{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:64px;justify-content:center;width:64px}.visitor-avatar-large.shopify{background-color:#482c54}.visitor-avatar-large.anonymous{background-color:#27ae60;font-size:14px}.visitor-info-section{flex:1 1;min-width:0}.visitor-name{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.visitor-contact{align-items:center;color:#666;display:flex;font-size:14px;gap:6px;margin-bottom:4px}.visitor-contact svg{color:#999}.badge{align-items:center;border-radius:4px;cursor:default;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px}.badge.shopify-customer{background-color:#482c54;color:#fff}.badge.add-to-shopify{background-color:#27ae60;border:none;color:#fff;cursor:pointer;transition:background-color .2s}.badge.add-to-shopify:hover:not(:disabled){background-color:#229954}.badge.add-to-shopify:disabled{cursor:not-allowed;opacity:.6}.visitor-location-section{background:#fff;border-bottom:1px solid #e9ecef;padding:16px 20px!important}.device-row,.location-row{align-items:center;color:#666;display:flex;font-size:13px;gap:6px;margin-bottom:4px}.device-row{margin-bottom:0}.separator{color:#ccc;margin:0 4px}.loyalty-section{background:#fff;border-bottom:1px solid #e9ecef;padding:20px!important}.loyalty-header{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.trophy-icon{color:#f39c12}.loyalty-content{display:flex;flex-direction:column;gap:12px}.loyalty-row{align-items:center;display:flex;font-size:13px;justify-content:space-between}.loyalty-row .label{color:#666}.loyalty-row .value{color:#333;font-weight:500}.points-badge{background-color:#ffeaa7;border-radius:4px;color:#f39c12;font-weight:600;padding:2px 8px}.social-points-box{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin:8px 0;padding:12px}.social-points-header{color:#666;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.social-row{justify-content:space-between;margin-bottom:6px}.social-row:last-child{margin-bottom:0}.platform{color:#666}.points{color:#27ae60;font-weight:600}.code-badge{background-color:#e3f2fd;color:#1976d2;font-family:monospace;font-size:12px}.code-badge,.discount-badge{border-radius:4px;padding:2px 8px}.discount-badge{font-size:11px;font-weight:600}.discount-badge.active{background-color:#c8e6c9;color:#2e7d32}.discount-badge.none{background-color:#ffcdd2;color:#c62828}.total-spent-section{background:#fff;border-bottom:1px solid #e9ecef;padding:20px!important;text-align:center}.total-spent-header{color:#666;font-size:13px;margin-bottom:8px}.orders-section{background:#fff;border-bottom:1px solid #e9ecef;padding:20px!important}.orders-header{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:12px}.orders-count{background-color:#482c54;border-radius:12px;color:#fff;font-size:12px;padding:2px 8px}.orders-content{color:#666;font-size:13px}.cart-section{background:#fff;border-bottom:1px solid #e9ecef;padding:20px!important}.cart-header{color:#333;font-size:14px;font-weight:600;margin-bottom:12px}.cart-empty{color:#666;font-size:13px;padding:20px;text-align:center}.cart-items{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.cart-item{background-color:#f8f9fa;border-radius:6px;display:flex;gap:12px;padding:8px}.cart-item-image{border-radius:4px;height:50px;object-fit:cover;width:50px}.cart-item-details{flex:1 1;min-width:0}.cart-item-title{color:#333;font-size:11px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-info{color:#666;display:flex;font-size:11px;justify-content:space-between}.cart-item-price{color:#482c54;font-weight:600}.cart-total{align-items:center;border-top:1px solid #e9ecef;color:#333;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding-top:12px}.cart-count{color:#666;font-size:12px;font-weight:400}.send-product-btn{align-items:center;background-color:#482c54;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin:20px;padding:12px 20px;transition:background-color .2s;width:calc(100% - 40px)}.send-product-btn:hover{background-color:#3a2343}.last-page-section{background:#fff;border-bottom:1px solid #e9ecef;padding:20px!important}.section-header{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.last-page-content{background-color:#f8f9fa;border-radius:6px;padding:12px}.last-page-title{color:#333;font-size:13px;margin-bottom:4px}.last-page-time{color:#666;font-size:12px}.history-section{background:#fff;padding:20px!important}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{align-items:center;background-color:#f8f9fa;border-radius:4px;display:flex;font-size:12px;justify-content:space-between;padding:8px 12px}.history-page{color:#333;flex:1 1;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-time{color:#666;flex-shrink:0}.visitor-info::-webkit-scrollbar{width:6px}.visitor-info::-webkit-scrollbar-track{background:#f1f1f1}.visitor-info::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:3px}.visitor-info::-webkit-scrollbar-thumb:hover{background:#999}.responses-manager{display:flex;flex-direction:column;height:100%}.manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.manager-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.btn-primary{align-items:center;background-color:#482c54;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:background-color .2s}.btn-primary:hover{background-color:#3a2343}.format-helper{align-items:center;background-color:#f0f7ff;border:1px solid #d0e5ff;border-radius:6px;display:flex;font-size:12px;gap:8px;margin-bottom:16px;padding:12px 16px}.helper-title{color:#482c54;font-weight:600;margin-right:8px}.helper-item{color:#06c;font-family:Monaco,Consolas,Courier New,monospace}.helper-divider{color:#ccc}.responses-list{flex:1 1;overflow-y:auto}.empty-state{padding:60px 20px}.empty-state p{font-size:14px;margin:0 0 8px}.empty-state .hint{color:#bbb;font-size:13px}.response-editor{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px;overflow:hidden}.response-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:12px;padding:12px 16px}.response-key-input{border:1px solid #e9ecef;border-radius:4px;flex:1 1;font-family:monospace;font-size:14px;padding:8px 12px}.response-key-input:focus{border-color:#482c54;outline:none}.response-actions{display:flex;gap:8px}.btn-icon{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.btn-icon:hover{border-color:#482c54;color:#482c54}.btn-icon.btn-save:hover{background-color:#4caf50;border-color:#4caf50;color:#fff}.btn-icon.btn-delete:hover{background-color:#f44336;border-color:#f44336;color:#fff}.language-tabs{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:8px;padding:12px 16px}.language-tab{background:#fff;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.language-tab:hover{border-color:#482c54}.language-tab.active{background-color:#482c54;border-color:#482c54;color:#fff}.response-content{padding:16px;position:relative}.editor-info{color:#666;font-size:13px;gap:6px;margin-bottom:12px;position:relative}.editor-info,.emoji-button{align-items:center;display:flex}.emoji-button{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;margin-left:auto;padding:4px 8px;transition:all .2s}.emoji-button:hover{background:#e9ecef;border-color:#482c54}.emoji-button.active{background:#482c54;border-color:#482c54;color:#fff}.emoji-palette{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:300px;max-width:320px;overflow-x:hidden;overflow-y:auto;padding:12px;position:absolute;right:0;top:40px;z-index:100}.emoji-category{margin-bottom:12px}.emoji-category:last-child{margin-bottom:0}.emoji-category-title{color:#666;font-size:11px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.emoji-grid{grid-template-columns:repeat(5,1fr)}.emoji-item{background:#f8f9fa}.emoji-item:hover{background:#e9ecef;border-color:#482c54}.response-textarea{border:1px solid #e9ecef;border-radius:4px;font-family:Courier New,monospace;font-size:13px;min-height:150px;padding:12px;resize:vertical;width:100%}.response-textarea:focus{border-color:#482c54;outline:none}.format-tips{background-color:#f8f9fa;border-radius:4px;color:#666;font-size:12px;margin-top:12px;padding:12px}.format-tips p{font-weight:500;margin:0 0 8px}.format-examples{display:flex;flex-wrap:wrap;gap:8px}.format-examples code{background-color:#fff;border:1px solid #e9ecef;border-radius:3px;color:#482c54;display:inline-block;font-family:Monaco,Consolas,Courier New,monospace;font-size:11px;padding:4px 8px}.preview-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-top:16px;padding:12px}.preview-label{color:#666;font-size:12px;font-weight:600;margin:0 0 8px;text-transform:uppercase}.preview-content{background:#fff;border-radius:4px;color:#333;font-size:13px;line-height:1.6;max-height:200px;overflow-y:auto;padding:12px;padding-bottom:50px!important}.preview-content b{color:#482c54;font-weight:600}.preview-content::-webkit-scrollbar{width:6px}.preview-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.preview-content::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:3px}.preview-content::-webkit-scrollbar-thumb:hover{background:#999}.responses-list::-webkit-scrollbar{width:6px}.responses-list::-webkit-scrollbar-track{background:#f1f1f1}.responses-list::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:3px}.responses-list::-webkit-scrollbar-thumb:hover{background:#999}.settings-panel{background-color:#f8f9fa;display:flex;flex-direction:column;height:100%}.settings-header{align-items:center;background-color:#fff;border-bottom:1px solid #e9ecef;display:flex;padding:16px 20px}.settings-header:before{background-color:#482c54;border-radius:2px;content:"";height:20px;margin-right:12px;width:3px}.settings-header h2{color:#6c757d;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.settings-tabs{background-color:#fff;border-bottom:1px solid #e9ecef;display:flex;padding:0 20px}.settings-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:12px 16px;transition:all .2s}.settings-tab:hover:not(:disabled){color:#482c54}.settings-tab.active{border-bottom-color:#482c54;color:#482c54}.settings-tab:disabled{cursor:not-allowed;opacity:.5}.settings-tab svg{flex-shrink:0}.settings-content{flex:1 1;overflow-y:auto;padding:20px}.tab-placeholder{align-items:center;background:#fff;border-radius:8px;color:#999;display:flex;font-size:14px;height:200px;justify-content:center}.statistics-panel{background:#f8f9fa;height:calc(100vh - 60px)!important;max-height:calc(100vh - 60px)!important;overflow-y:auto!important;padding-bottom:50px}.stats-header{background:#fff;border-bottom:1px solid #e9ecef;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.stats-header,.stats-header h2{align-items:center;display:flex}.stats-header h2{color:#333;font-size:20px;gap:10px;margin:0}.period-selector{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.period-selector select{background:none;border:none;cursor:pointer;font-size:14px;outline:none}.stats-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));min-height:120px;padding:20px}.stat-card{background:#fff;box-shadow:0 2px 4px #0000000d;gap:16px;min-height:90px;padding:20px}.stat-card,.stat-icon{align-items:center;border-radius:8px;display:flex}.stat-icon{background:#f0e6f4;color:#482c54;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon.customers{background:#e3f2fd;color:#1976d2}.stat-icon.cart{background:#ffeaa7;color:#f39c12}.stat-icon.revenue{background:#c8e6c9;color:#2e7d32}.stat-content{flex:1 1}.stat-value{color:#333;font-weight:700}.stat-label{font-size:13px;margin-top:4px}.stats-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:20px;padding:20px}.stats-section h3{align-items:center;color:#333;display:flex;font-size:16px;gap:8px;margin:0 0 20px}.simple-bar-chart{display:flex;flex-direction:column;gap:12px}.bar-row{align-items:center;display:flex;gap:12px}.bar-label{color:#666;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:40%}.bar-container{background:#f5f5f5;border-radius:4px;flex:1 1;height:24px;overflow:hidden;position:relative}.bar-fill{background:#482c54;height:100%;transition:width .3s ease}.bar-value{color:#333;font-size:12px;font-weight:600;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.hourly-chart{align-items:flex-end;height:150px;padding:10px 0}.hour-bar,.hourly-chart{display:flex;gap:4px;position:relative}.hour-bar{align-items:center;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end}.hour-fill{background:#482c54;border-radius:2px 2px 0 0;bottom:20px;min-height:2px;position:absolute;transition:height .3s ease;width:100%}.hour-label{bottom:0;color:#666;font-size:10px;position:absolute}.pages-list{display:flex;flex-direction:column;gap:8px}.page-item{background:#f8f9fa;border-radius:6px;gap:12px;padding:12px}.page-item,.page-rank{align-items:center;display:flex}.page-rank{background:#482c54;border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.page-info{flex:1 1;min-width:0}.page-title{color:#333;font-size:14px;font-weight:500;margin-bottom:2px}.page-url{color:#999;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-views{color:#482c54;font-size:13px;font-weight:600;white-space:nowrap}.no-data{color:#999;font-size:14px;padding:40px 20px;text-align:center}.empty-state,.loading{padding:40px;text-align:center}.empty-state{color:#999}:root{--primary:#482c54;--primary-light:#6b4a78;--primary-dark:#31203a;--secondary:#f5f5f5;--border:#e0e0e0;--text:#333;--text-light:#666;--success:#4caf50;--danger:#f44336;--warning:#ff9800;--shadow:0 2px 4px #0000001a;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8f9fa;color:#333;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{display:flex;overflow:visible}.sidebar{align-items:center;background:#482c54;background:var(--primary);display:flex;flex-direction:column;padding:20px 0;width:60px}.sidebar-logo{border-radius:50%;height:40px;margin-bottom:30px;width:40px}.sidebar nav{display:flex;flex-direction:column;gap:10px}.sidebar-item{align-items:center;background:none;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.sidebar-item:hover{background:#ffffff1a;color:#fff}.sidebar-item.active{background:#fff3;color:#fff}.header-right{align-items:center;display:flex;gap:20px}.connection-status{align-items:center;border-radius:20px;display:flex;font-size:13px;gap:6px;padding:6px 12px}.connection-status.connected{background:#e8f5e9;color:#2e7d32}.connection-status.disconnected{background:#ffebee;color:#c62828}.main-content{display:flex;flex:1 1;flex-direction:column}.header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border);display:flex;height:60px;justify-content:space-between;padding:0 20px}.header h1{color:#482c54;color:var(--primary);font-size:20px}.chat-container{flex:1 1}.chat-container,.column{display:flex;overflow:visible}.column{background:#fff;border-right:1px solid #e0e0e0;border-right:1px solid var(--border);flex-direction:column}.column-conversations{width:320px}.column-messages{flex:1 1}.column-visitor{width:300px}.column-products{border-right:none;width:280px}.conversation-list{display:flex;flex-direction:column;height:100%}.responses-section{border-top:1px solid #e0e0e0;border-top:1px solid var(--border);padding:20px}.responses-section h3{color:#666;color:var(--text-light);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:15px}.response-quick{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;font-size:13px;gap:8px;margin-bottom:8px;padding:10px 15px;text-align:left;transition:all .2s;width:100%}.response-quick:hover{background:#482c54;background:var(--primary);border-color:#482c54;border-color:var(--primary);color:#fff}.response-quick svg{flex-shrink:0}.list-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border);padding:20px}.list-header h2{font-size:18px}.list-tabs{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border);display:flex}.tab{align-items:center;background:none;border:none;color:#666;color:var(--text-light);cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:6px;justify-content:center;padding:12px;transition:all .2s}.tab.active{border-bottom:2px solid #482c54;border-bottom:2px solid var(--primary);color:#482c54;color:var(--primary)}.list-content{flex:1 1;overflow-y:auto}.conversation-item{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border);cursor:pointer;display:flex;padding:15px 20px;transition:background .2s}.conversation-item:hover{background:#f9f9f9}.conversation-item.selected{background:#f0e6f4;border-left:3px solid #482c54;border-left:3px solid var(--primary)}.conversation-item.has-unread{font-weight:600}.conversation-avatar{align-items:center;background:#482c54;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:48px;justify-content:center;margin-right:12px;width:48px}.conversation-avatar.anonymous{background:#2196f3}.conversation-info{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.conversation-header h4{font-size:14px;font-weight:600;overflow:visible;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{align-items:center;display:flex;font-size:12px;gap:10px;margin-bottom:4px}.conversation-meta,.last-message{color:#666;color:var(--text-light)}.last-message{font-size:13px;overflow:visible;text-overflow:ellipsis;white-space:nowrap}.message-area{display:flex;flex-direction:column;height:100%}.message-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border);display:flex;gap:15px;padding:15px 20px}.header-info{flex:1 1}.header-info h3{font-size:16px;margin-bottom:2px}.header-info .status{color:#666;color:var(--text-light);font-size:12px}.messages-container{background:#fafafa;flex:1 1;padding:20px}.message{margin-bottom:20px}.message-sender{color:#666;color:var(--text-light);font-size:12px;margin-bottom:4px}.message.sent{text-align:right}.message-bubble p{font-size:11px;line-height:1.4;margin:0}.message-time{color:#666;color:var(--text-light);margin-top:4px}.message-file{margin-top:8px}.message-file img{border-radius:8px;max-height:200px;max-width:100%}.message-file a{align-items:center;color:inherit;display:inline-flex;gap:5px;text-decoration:none}.message-input{border-top:1px solid var(--border);gap:10px;padding:15px 20px}.message-input input{border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:25px;flex:1 1;font-size:14px;outline:none;padding:10px 15px}.message-input input:focus{border-color:#482c54;border-color:var(--primary)}.attach-btn,.back-btn,.more-btn,.send-btn{align-items:center;background:none;border:none;border-radius:50%;color:#482c54;color:var(--primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .2s;width:40px}.attach-btn:hover,.back-btn:hover,.more-btn:hover,.send-btn:hover{background:#f5f5f5;background:var(--secondary)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.typing-indicator{align-items:center;color:#666;color:var(--text-light);display:flex;font-size:13px;gap:10px;padding:10px}.typing-dots{display:flex;gap:4px}.typing-dots span{animation:typing 1.4s infinite;background:#999;border-radius:50%;height:8px;width:8px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}.visitor-info{height:100%;padding:20px}.info-content h5{color:#666;color:var(--text-light);font-size:12px;font-weight:600;letter-spacing:.5px;margin:15px 0 10px}.value.points{color:#482c54;color:var(--primary);font-weight:600}.value.code{background:#f5f5f5;border-radius:4px;font-family:monospace;padding:2px 6px}.total-spent{color:#482c54;color:var(--primary);font-size:28px;font-weight:700;padding:20px;text-align:center}.visitor-info h3{font-size:16px;margin-bottom:20px}.info-section{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border);margin-bottom:25px;padding-bottom:20px}.info-header{align-items:center;display:flex;gap:8px;margin-bottom:15px}.info-header h4{font-size:14px;font-weight:600}.info-row{display:flex;font-size:13px;justify-content:space-between;margin-bottom:10px}.info-row .label{color:#666;color:var(--text-light)}.info-row .value{align-items:center;display:flex;font-weight:500;gap:4px}.info-stats{display:flex;gap:20px}.stat{text-align:center}.stat-value{color:#482c54;color:var(--primary);display:block;font-size:24px;font-weight:600}.stat-label{color:#666;color:var(--text-light);font-size:12px}.social-points{margin-top:10px}.social-row{align-items:center;color:#666;color:var(--text-light);display:flex;font-size:13px;gap:8px;margin-bottom:5px}.discount-code{background:#f0e6f4;border-radius:6px;font-size:13px;margin-top:10px;padding:8px;text-align:center}.activity-list{max-height:200px}.activity-item{border-bottom:1px solid #f0f0f0;font-size:12px;justify-content:space-between;padding:5px 0}.activity-url{color:#482c54;color:var(--primary);text-decoration:none}.activity-time{color:#666;color:var(--text-light);font-size:11px}.product-search{height:100%;overflow-y:auto;padding:20px}.total-section{background:#f5f5f5;border-radius:8px;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin:15px 0;padding:15px}.send-cart-btn{align-items:center;background:#482c54;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:background .2s;width:100%}.send-cart-btn:hover{background:#31203a;background:var(--primary-dark)}.product-item .send-btn{flex-shrink:0;height:32px;padding:0;width:32px}.responses-section h3,.search-section h3{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:15px}.search-input svg{color:#666;color:var(--text-light);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input input{border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:20px;font-size:13px;outline:none;padding:8px 8px 8px 36px;width:100%}.products-list{margin-bottom:30px}.product-item{align-items:center;border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;margin-bottom:10px;padding:10px;transition:background .2s}.product-item:hover{background:#f9f9f9}.product-item img{border-radius:4px;height:50px;margin-right:10px;object-fit:cover;width:50px}.product-info{flex:1 1}.product-info h5{font-size:13px;margin-bottom:4px}.product-info .price{color:#482c54;color:var(--primary);font-size:14px;font-weight:600}.responses-section{margin-top:30px}.responses-list{display:flex;flex-direction:column;gap:8px}.response-item{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;font-size:13px;padding:10px;text-align:left;transition:all .2s;width:100%}.response-item:hover{background:#482c54;background:var(--primary);border-color:#482c54;border-color:var(--primary);color:#fff}.badge{background:#f44336;background:var(--danger);border-radius:10px;color:#fff;font-size:11px;font-weight:600;min-width:20px;padding:2px 6px;text-align:center}.empty-state{align-items:center;color:#666;color:var(--text-light);display:flex;flex-direction:column;height:300px;justify-content:center}.empty-state svg{color:#ddd;margin-bottom:15px}@media (max-width:768px){.app{flex-direction:column}.sidebar{display:none}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 60px)}.column{bottom:0;left:0;position:absolute;right:0;top:60px;width:100%!important}.column-messages{background:#fff;z-index:10}.column-conversations{width:280px}.column-visitors{width:250px}.column-messages{flex:1 1;min-width:400px}.column-shopify{display:flex!important;flex-direction:column!important;height:100%!important;width:400px}.conversation-section{margin-bottom:30px}.section-header{align-items:center;background:#f8f8f8;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 20px}.section-header h3{color:#666;color:var(--text-light);font-size:13px;font-weight:600;margin:0;text-transform:uppercase}.section-count{background:#482c54;background:var(--primary);border-radius:10px;color:#fff;font-size:11px;padding:2px 8px}.section-content{max-height:300px;overflow-y:auto}.empty-section{color:#666;color:var(--text-light);font-size:13px;padding:20px;text-align:center}.conversation-item.resolved{opacity:.7}.visitor-list{display:flex;flex-direction:column;height:100%}.visitor-list-content{flex:1 1;overflow-y:auto;padding:10px}.visitor-card{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:8px;margin-bottom:10px;padding:15px}.visitor-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.visitor-avatar{align-items:center;background:#482c54;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.visitor-avatar.anonymous{background:#2196f3}.visitor-name h4{font-size:14px;margin:0}.visitor-tag{background:#ff9800;border-radius:3px;color:#fff;display:inline-block;font-size:10px;margin-left:5px;padding:2px 6px}.visitor-details{color:#666;color:var(--text-light);font-size:12px}.visitor-browser,.visitor-location,.visitor-time{align-items:center;display:flex;gap:5px;margin-bottom:5px}.start-conversation-btn{background:#482c54;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;margin-top:10px;padding:8px;transition:background .2s;width:100%}.start-conversation-btn:hover{background:#31203a;background:var(--primary-dark)}.empty-conversation{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.empty-icon{font-size:60px;margin-bottom:20px;opacity:.3}.empty-conversation h3{color:#333;color:var(--text);font-size:18px;margin-bottom:10px}.empty-conversation p{color:#666;color:var(--text-light);line-height:1.5;margin-bottom:5px}.empty-hint{font-size:14px;font-style:italic}.shopify-panel{display:flex;flex-direction:column;height:100%!important;overflow:visible!important}.panel-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border);padding:20px}.panel-header h2{font-size:18px;margin:0}.panel-content{height:calc(100% - 60px)!important;overflow:auto!important;padding:20px}.panel-divider{background:#e0e0e0;background:var(--border);height:1px;margin:20px 0}.empty-shopify{color:#666;color:var(--text-light);padding:40px 20px;text-align:center}.hidden-mobile{display:none!important}.back-btn{display:flex!important}}.loading{align-items:center;color:#666;color:var(--text-light);display:flex;justify-content:center;padding:20px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#999}.search-input{align-items:center;display:flex;margin-bottom:15px;position:relative}.search-button{background:none;border:none;color:#482c54;color:var(--primary);cursor:pointer;font-size:18px;padding:5px 10px;position:absolute;right:5px}.search-button:hover{background:#f5f5f5;background:var(--secondary);border-radius:4px}.image-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed!important;right:0;top:0;z-index:9999!important}.image-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:90%;padding:10px;position:relative}.modal-close-btn{align-items:center;background:#482c54;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:-15px;top:-15px;transition:background .2s;width:40px;z-index:10000}.modal-close-btn:hover{background:#5a3866}.modal-image{display:block;margin:0 auto;max-height:calc(90vh - 60px);max-width:100%}.modal-image-name{color:#666;font-size:14px;margin-top:10px;text-align:center}.activity-list{max-height:300px;overflow-y:auto}.last-page-viewed{background:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:12px}.last-page-viewed .page-info{align-items:center;display:flex;font-weight:500;gap:8px;margin:8px 0}.activity-history h5{color:#666;font-size:13px;margin:0 0 12px;text-transform:uppercase}.activity-item{border-bottom:1px solid #eee;display:flex;font-size:13px;gap:12px;padding:8px 0}.activity-time{color:#999;min-width:45px}.activity-url{color:#333;flex:1 1;overflow:visible;text-overflow:ellipsis;white-space:nowrap}.column-shopify{height:100%!important}.column-shopify .shopify-panel{height:100%!important;overflow:visible!important}.column-shopify .panel-content{height:calc(100% - 60px)!important;overflow-y:auto!important}.settings-container{height:calc(100vh - 60px);overflow:visible;width:100%}.translate-buttons{animation:fadeIn .2s ease-in;display:flex;gap:4px}.translate-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.translate-btn:hover:not(:disabled){background:#f0f0f0;border-color:#482c54;transform:translateY(-1px)}.translate-btn:active:not(:disabled){transform:translateY(0)}.translate-btn:disabled{cursor:not-allowed;opacity:.5}.message-input input[type=text]:disabled{background-color:#f5f5f5;opacity:.7}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.emoji-picker-container{position:relative}.emoji-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.emoji-btn:hover{background:#f0f0f0;color:#482c54}.emoji-picker-popup{background:#fff;border:1px solid #e9ecef;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;left:0;margin-bottom:8px;min-width:280px;padding:8px;position:absolute;z-index:1000}.emoji-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(6,1fr);max-height:200px;overflow-y:auto}.emoji-item{align-items:center;background:#fff;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.emoji-item:hover{background:#f0f0f0;border-color:#e9ecef;transform:scale(1.1)}.emoji-grid::-webkit-scrollbar{width:6px}.emoji-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.emoji-grid::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:3px}.emoji-grid::-webkit-scrollbar-thumb:hover{background:#999}.message-textarea{border:1px solid #e9ecef;border-radius:20px;flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:120px;min-height:36px;overflow-y:auto;padding:8px 12px;resize:none;transition:all .2s}.message-textarea:focus{border-color:#482c54;outline:none}.message-textarea:disabled{background-color:#f5f5f5;opacity:.7}.message-input{align-items:flex-end;gap:8px;min-height:60px;padding:12px}.message-textarea::-webkit-scrollbar{width:6px}.message-textarea::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.message-textarea::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:3px}.message-textarea::-webkit-scrollbar-thumb:hover{background:#999}.message{align-items:flex-end;display:flex;gap:6px;margin-bottom:12px}.message.sent{flex-direction:row-reverse}.message-time{color:#999;flex-shrink:0;font-size:11px;margin-bottom:4px}.conversation-list,.messages-container,.visitor-list,.visitor-list-content{max-height:calc(100vh - 200px);overflow-y:auto}.messages-container{height:calc(100vh - 200px)}.shopify-panel{max-height:calc(100vh - 100px)!important;overflow-y:auto!important}.app,body,html{height:100vh}.app,.main-content,body,html{overflow:hidden}.column-messages{display:flex;flex-direction:column;position:relative}.message-input,.message-input-container{bottom:0;left:0;position:absolute;right:0}.visitor-info{max-height:calc(100vh - 200px);overflow-y:auto}.save-quick-message{background:#f3e9f7;border:1px solid #e0d0e8;border-radius:4px;box-shadow:0 2px 4px #0000001a;cursor:pointer;opacity:0;padding:4px 6px;position:absolute;right:5px;top:5px;transition:all .2s}.message-bubble{border-radius:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:400;line-height:1.5;padding:12px 20px}.message.received .message-bubble{background-color:#f6e6f5;border:1px solid #e9ecef;color:#333}.message-bubble:hover .save-quick-message{opacity:.7}.message.sent .message-bubble{background-color:#f8f5f5;border:1px solid #e8dfd0;color:#2c2c2c}.message.sent:hover .save-quick-message{opacity:1}.save-quick-message:hover{background:#e9d5f2;border-color:#482c54;color:#482c54}.quick-messages-btn{background:none;border:none;color:#666;cursor:pointer;margin-right:8px;padding:8px;transition:all .2s}.quick-messages-btn:hover{background:#482c541a;border-radius:4px;color:#482c54}.message-input{align-items:center;background:#fff;border-top:1px solid #e0e0e0;display:flex;padding:10px}.message-textarea[contenteditable]:empty:before{color:#999;content:attr(data-placeholder)}.message-textarea[contenteditable]{word-wrap:break-word;line-height:1.4;transition:height .2s;white-space:pre-wrap}.message-textarea[contenteditable]:focus{min-height:60px}.file-preview-container{align-items:center;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;min-height:84px;padding:12px;position:relative;z-index:10}
/*# sourceMappingURL=main.e9b3dae7.css.map*/