:root{--glass-bg:rgba(20,20,28,.95);--glass-bg-light:rgba(26,26,36,.98);--glass-panel:rgba(12,12,18,.92);--glass-border:hsla(0,0%,100%,.07);--bg-primary:#0a0a0a;--accent-purple:#f59e0b;--accent-pink:#fbbf24;--text-tertiary:hsla(0,0%,100%,.3)}.chat-container{background:#0a0a0a;display:flex;position:fixed;top:64px;left:0;right:0;bottom:0;height:calc(100vh - 64px);gap:0;border-radius:0;margin:0;z-index:10;overflow:hidden}.chat-stars{opacity:.4;animation:chatStarsDrift 60s linear infinite,chatStarsTwinkle 5s ease-in-out infinite}@keyframes chatStarsDrift{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:200px 100px,-300px 150px,250px -120px,280px 140px,-220px 110px,260px -130px,240px 120px,-270px 135px}}@keyframes chatStarsTwinkle{0%,to{opacity:.25}50%{opacity:.5}}.chat-users-list-wrapper{width:360px;border-right:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;background:rgba(8,8,12,.98);position:relative;z-index:1;flex-shrink:0}.chat-users-header{padding:16px 14px;border-bottom:1px solid hsla(0,0%,100%,.06);flex-shrink:0}.chat-users-search{position:relative}.chat-users-search input{width:100%;height:38px;padding:0 14px 0 38px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.07);border-radius:10px;color:hsla(0,0%,100%,.85);font-size:.85rem;outline:none;transition:border-color .15s,background .15s;box-sizing:border-box}.chat-users-search input:focus{border-color:rgba(245,158,11,.35);background:hsla(0,0%,100%,.065)}.chat-users-search input::-moz-placeholder{color:hsla(0,0%,100%,.22)}.chat-users-search input::placeholder{color:hsla(0,0%,100%,.22)}.chat-users-search .search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:hsla(0,0%,100%,.25);pointer-events:none}.chat-filters{margin-top:10px}.chat-filter-tabs{display:flex;gap:4px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:10px;padding:3px}.chat-filter-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 8px;border-radius:7px;border:none;background:transparent;color:hsla(0,0%,100%,.35);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;letter-spacing:.01em}.chat-filter-tab:hover{color:hsla(0,0%,100%,.65);background:hsla(0,0%,100%,.05)}.chat-filter-tab.active{background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.9)}.chat-filter-archive.active{background:rgba(245,158,11,.12);color:#f59e0b}.chat-users-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.12) transparent;transition:scrollbar-color .2s ease}.chat-users-list:hover{scrollbar-color:hsla(0,0%,100%,.28) transparent}.chat-users-list::-webkit-scrollbar{width:6px!important}.chat-users-list::-webkit-scrollbar-track{background:transparent}.chat-users-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-radius:9999px;-webkit-transition:background .2s ease;transition:background .2s ease}.chat-users-list:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.28)}[data-theme=light] .chat-users-list{scrollbar-color:rgba(0,0,0,.12) transparent}[data-theme=light] .chat-users-list:hover{scrollbar-color:rgba(0,0,0,.25) transparent}[data-theme=light] .chat-users-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12)}[data-theme=light] .chat-users-list:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25)}.chat-user-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);cursor:pointer;border-bottom:1px solid var(--glass-border);transition:var(--transition-fast);position:relative}.chat-user-item:hover{background:var(--glass-bg)}.chat-user-item.active{background:linear-gradient(90deg,rgba(139,92,246,.2),rgba(139,92,246,.05));border-left:3px solid var(--accent-purple);box-shadow:0 0 20px rgba(139,92,246,.1)}.chat-user-item.unread{background:rgba(139,92,246,.08)}.chat-user-item.unread:hover{background:rgba(139,92,246,.12)}.chat-product-image{position:relative;flex-shrink:0;width:60px;height:60px}.chat-product-image img{width:100%;height:100%;border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover;border:1px solid var(--glass-border)}.chat-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.chat-user-top{justify-content:space-between;gap:var(--space-2);min-height:20px}.chat-user-top,.chat-username{display:flex;align-items:center}.chat-username{font-size:.75rem;font-weight:400;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;gap:6px;line-height:1.2}.online-indicator-dot{width:5px;height:5px;background:#22c55e;border-radius:50%;flex-shrink:0;box-shadow:0 0 4px rgba(34,197,94,.5)}.chat-meta{gap:6px;flex-shrink:0;height:20px}.chat-meta,.last-message-time{display:flex;align-items:center}.last-message-time{font-size:.7rem;color:var(--text-tertiary);white-space:nowrap;line-height:1.2}.chat-product-title{font-size:.95rem;font-weight:600;color:var(--text-primary);line-height:1.3}.chat-product-title,.chat-user-last-message{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-user-last-message{font-size:.8rem;color:var(--text-secondary)}.unread-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;flex-shrink:0;box-shadow:0 0 0 2px rgba(239,68,68,.2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.unread-badge{position:absolute;bottom:var(--space-3);right:var(--space-3);background:var(--accent-1);color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);min-width:20px;text-align:center}.chat-main{flex:1;flex-direction:column;background:transparent;z-index:1}.chat-main,.chat-main-header{display:flex;position:relative}.chat-main-header{align-items:center;justify-content:space-between;padding:0 12px;height:70px;flex-shrink:0;border-bottom:1px solid hsla(0,0%,100%,.06);background:rgba(8,8,12,.98);z-index:10}.chat-main-header-left{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.chat-main-header-product-image{width:48px;height:48px;flex-shrink:0}.chat-main-header-product-image img{width:100%;height:100%;border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover;border:1px solid var(--glass-border)}.chat-main-header-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.chat-header-product-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-user-info{display:flex;align-items:center;gap:var(--space-2)}.chat-header-username{font-size:.85rem;color:var(--accent-1);text-decoration:none;transition:var(--transition-fast)}.chat-header-username:hover{color:var(--accent-1);text-decoration:underline}.chat-header-status{font-size:.75rem;color:var(--text-tertiary)}.chat-messages{flex:1;min-height:0;overflow-y:auto;overflow-anchor:none;-webkit-overflow-scrolling:touch;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.chat-messages>:first-child{margin-top:auto}.chat-messages:after{content:"";min-height:1px;flex-shrink:0}.chat-loading-screen,.chat-messages.empty{justify-content:center;align-items:center}.chat-loading-screen{display:flex;flex-direction:column;gap:16px;min-height:60vh}.chat-loading-spinner{width:38px;height:38px;border-radius:50%;border:3px solid var(--glass-border,hsla(0,0%,100%,.1));border-top-color:var(--accent-purple,#8b5cf6);animation:chatSpin .7s linear infinite}.chat-loading-text{font-size:.9rem;color:var(--text-secondary,#94a3b8)}@keyframes chatSpin{to{transform:rotate(1turn)}}.chat-empty-state{flex:1;flex-direction:column;text-align:center;padding:24px;gap:6px}.chat-empty-icon,.chat-empty-state{display:flex;align-items:center;justify-content:center}.chat-empty-icon{width:72px;height:72px;border-radius:50%;margin-bottom:10px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2)}.chat-empty-icon svg{width:34px;height:34px;color:var(--accent-purple,#8b5cf6)}.chat-empty-title{font-size:1.05rem;font-weight:700;color:var(--text-primary,#fff);margin:0}.chat-empty-desc{font-size:.85rem;color:var(--text-secondary,#94a3b8);max-width:280px;line-height:1.5;margin:0}.chat-list-empty{flex-direction:column;text-align:center;padding:48px 24px;gap:12px}.chat-list-empty,.chat-list-empty-icon{display:flex;align-items:center;justify-content:center}.chat-list-empty-icon{width:52px;height:52px;border-radius:50%;background:var(--glass-bg,hsla(0,0%,100%,.04));border:1px solid var(--glass-border,hsla(0,0%,100%,.08))}.chat-list-empty-icon svg{width:26px;height:26px;color:var(--text-tertiary,#64748b)}.chat-list-empty-text{font-size:.85rem;color:var(--text-secondary,#94a3b8);margin:0}.chat-date-divider{display:flex;align-items:center;justify-content:center;margin:12px 0 8px}.chat-date-divider span{font-size:.72rem;font-weight:600;color:var(--text-tertiary,#94a3b8);background:var(--glass-bg,hsla(0,0%,100%,.05));border:1px solid var(--glass-border,hsla(0,0%,100%,.08));padding:4px 12px;border-radius:9999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-theme=light] .chat-date-divider span{color:#64748b;background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.07)}.chat-safety-warning{padding:var(--space-4);background:transparent;border:none;border-radius:var(--radius-lg);margin:0 auto var(--space-4) auto;text-align:center;max-width:33.333%}@media (max-width:1024px){.chat-safety-warning{max-width:75%}}@media (max-width:768px){.chat-safety-warning{max-width:80%}}@media (max-width:480px){.chat-safety-warning{max-width:95%;padding:var(--space-2)}.chat-safety-warning-title{font-size:.85rem}.chat-safety-warning-text{font-size:.75rem}}.chat-safety-warning-title{font-size:1rem;font-weight:700;color:#a78bfa;margin:0 0 var(--space-2) 0;letter-spacing:.3px}.chat-safety-warning-text{font-size:.9rem;color:hsla(0,0%,100%,.85);line-height:1.6;margin:0}.chat-message-wrapper{display:flex;align-items:flex-start;gap:8px;margin-bottom:0;animation:fadeIn .3s ease-in-out;position:relative;transition:background-color .3s ease}.chat-message-wrapper.highlighted .message-content{box-shadow:0 0 0 2px rgba(139,92,246,.5),0 0 20px rgba(139,92,246,.3);animation:highlightPulse 1.5s ease-in-out}@keyframes highlightPulse{0%,to{box-shadow:0 0 0 2px rgba(139,92,246,.5),0 0 20px rgba(139,92,246,.3)}50%{box-shadow:0 0 0 2px rgba(139,92,246,.8),0 0 30px rgba(139,92,246,.5)}}.chat-message-wrapper.user{justify-content:flex-end}.chat-message-wrapper.user .chat-avatar{display:none}.chat-message-wrapper.support{justify-content:flex-start}.chat-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;align-self:flex-start;margin-top:0}.chat-avatar-placeholder{width:36px;height:36px;flex-shrink:0}.chat-message{max-width:65%}.chat-message-wrapper.user .chat-message{max-width:calc(100% - 48px)}.message-avatar img{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.message-content{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-base);line-height:var(--line-height-normal);word-wrap:break-word;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2);position:relative;transition:var(--transition-normal)}.message-content.has-link-preview{max-width:320px}.message-content.image-only{padding:0;background:transparent!important;box-shadow:none}.chat-message-wrapper.support .message-content,.chat-message-wrapper.user .message-content{background:var(--glass-panel);backdrop-filter:blur(16px) saturate(180%);color:var(--text-primary);border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.chat-message.sent .message-content{background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));border-color:transparent;color:#fff;box-shadow:0 4px 15px rgba(139,92,246,.3)}.message-content p{margin:0;color:inherit;word-wrap:break-word;font-size:.95rem;line-height:1.5}.message-reply{background:rgba(0,0,0,.1);border-left:3px solid var(--accent-1);padding:var(--space-1) var(--space-2);margin-bottom:var(--space-2);border-radius:var(--radius-sm)}.message-reply strong{display:block;font-size:.85rem;margin-bottom:2px}.message-reply p{font-size:.8rem;opacity:.8}.message-image{max-width:300px;border-radius:var(--radius-md);margin-bottom:var(--space-2)}.message-time{display:block;font-size:.75rem;color:inherit;margin-top:4px}.message-text-wrapper{display:flex;flex-direction:column;gap:8px}.message-text{margin:0;color:inherit;word-wrap:break-word;font-size:.95rem;line-height:1.5}.message-text a{color:var(--accent-1);text-decoration:underline;transition:var(--transition-fast);word-break:break-all;overflow-wrap:break-word}.message-text a:hover{color:var(--accent-hover);text-decoration:none}.message-text.deleted{font-style:italic;opacity:.5;color:var(--text-tertiary)}.chat-message-wrapper.deleted .message-content{background:transparent!important;border:1px dashed var(--glass-border);opacity:.6}.chat-message-wrapper.deleted .message-text{font-style:italic;color:var(--text-tertiary)}.chat-message-wrapper.deleted .message-actions-wrapper{display:none}.message-attachment{max-width:250px;width:100%;border-radius:var(--radius-md);margin-top:4px;cursor:pointer;transition:transform .2s ease}.message-meta{display:flex;align-items:center;gap:var(--space-1);margin-top:4px}.chat-message-wrapper.user .message-meta{justify-content:flex-end}.chat-message-wrapper.support .message-meta{justify-content:flex-start}.message-time{font-size:11px;color:var(--text-secondary);opacity:.7}.message-seen-icon{width:18px;height:18px;margin-left:4px;flex-shrink:0}.message-seen-icon.seen{color:var(--accent-1);opacity:1}.message-seen-icon.unseen{color:var(--accent-1)}.online-status-dot{width:5px;height:5px;border-radius:50%;background:#00ff80;display:inline-block;margin-right:4px}.last-active-text{font-size:.75rem;color:var(--text-tertiary)}.message-actions-wrapper{position:absolute;top:0;bottom:0;display:flex;align-items:center;z-index:100;pointer-events:none}.message-actions-wrapper .message-actions{pointer-events:auto}.chat-message-wrapper.support .message-actions-wrapper{left:calc(100% + 8px)}.chat-message-wrapper.user .message-actions-wrapper{right:calc(100% + 8px)}.message-actions{display:flex;gap:6px;align-items:center;opacity:0;transition:opacity .2s ease;position:relative}.chat-message-wrapper:hover .message-actions{opacity:1}.action-icon-sm{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);transition:all .2s ease;backdrop-filter:blur(10px)}.action-icon-sm:hover{background:var(--glass-border);transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.action-icon-sm svg{width:16px;height:16px}.action-icon-sm.emotions svg path,.action-icon-sm.reply svg path{fill:var(--text-secondary);transition:fill .2s ease}.action-icon-sm.emotions:hover svg path,.action-icon-sm.reply:hover svg path{fill:var(--accent-1)}.action-icon-sm.trash svg path{fill:var(--text-secondary);transition:fill .2s ease}.action-icon-sm.trash:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}.action-icon-sm.trash:hover svg path{fill:#ef4444}.reply-reference{padding:var(--space-2);background:rgba(0,0,0,.1);border-left:3px solid var(--accent-1);border-radius:var(--radius-sm);font-size:.85rem}.reply-reference-user{display:block;margin-bottom:4px}.reply-user-name{font-weight:600;color:var(--text-primary)}.reply-reference-text{display:block;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-reference-image-wrapper{display:flex;align-items:center;gap:var(--space-2)}.reply-reference-image{width:40px;height:40px;border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover}.reply-reference-image-text{display:flex;flex-direction:column;gap:2px}.reply-reference-image-label{font-size:.8rem;opacity:.7}.archive-btn{background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;transition:var(--transition-fast);color:var(--text-secondary);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.archive-btn:hover{background:var(--glass-bg);color:var(--text-primary)}.file-preview,.reply-preview{padding:var(--space-2) var(--space-3);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);display:flex;align-items:center;justify-content:space-between}.file-preview-content,.reply-preview-content strong{display:flex;align-items:center;gap:var(--space-2)}.reply-preview-content p{margin:2px 0 0;font-size:.85rem;color:var(--text-secondary);max-width:300px}.cancel-file-btn,.cancel-reply-btn{background:transparent;border:none;cursor:pointer;padding:4px;color:var(--text-secondary);transition:var(--transition-fast)}.cancel-file-btn:hover,.cancel-reply-btn:hover{color:var(--text-primary)}.cancel-file-btn svg,.cancel-reply-btn svg{width:16px;height:16px}.chat-input{padding:12px 16px 14px;border-top:1px solid hsla(0,0%,100%,.07);background:rgba(18,18,26,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-shrink:0}.reply-preview{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:8px;background:hsla(0,0%,100%,.04);border-radius:10px;border:1px solid hsla(0,0%,100%,.07)}.reply-preview-bar{width:3px;align-self:stretch;border-radius:3px;background:#f59e0b;flex-shrink:0}.reply-preview-content{flex:1;min-width:0}.reply-preview-content strong{display:block;font-size:.75rem;font-weight:700;color:#f59e0b;margin-bottom:2px}.reply-preview-content p{font-size:.8rem;color:hsla(0,0%,100%,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.cancel-reply-btn{width:22px;height:22px;border-radius:50%;border:none;background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.cancel-reply-btn:hover{background:hsla(0,0%,100%,.14);color:hsla(0,0%,100%,.8)}.file-preview{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:8px;background:hsla(0,0%,100%,.04);border-radius:10px;border:1px solid hsla(0,0%,100%,.07)}.file-preview-thumb{width:44px;height:44px;border-radius:8px;-o-object-fit:cover;object-fit:cover;border:1px solid hsla(0,0%,100%,.08);flex-shrink:0}.file-preview-name{flex:1;font-size:.8rem;color:hsla(0,0%,100%,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cancel-file-btn{width:22px;height:22px;border-radius:50%;border:none;background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.cancel-file-btn:hover{background:hsla(0,0%,100%,.14);color:hsla(0,0%,100%,.8)}.chat-input-row{display:flex;align-items:flex-end;gap:8px}.chat-attach-btn{width:40px;height:40px;flex-shrink:0;border-radius:50%;border:none;background:transparent;color:var(--accent-purple,#8b5cf6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.chat-attach-btn:hover{background:rgba(139,92,246,.12);color:var(--accent-pink,#ec4899)}.chat-input-wrap{position:relative;flex:1;display:flex}.chat-input-field{flex:1;width:100%;min-height:42px;max-height:120px;padding:10px 46px 10px 18px;background:hsla(0,0%,100%,.08);border:1px solid transparent;border-radius:21px;color:hsla(0,0%,100%,.95);font-size:.9rem;line-height:1.4;outline:none;resize:none;display:block;box-sizing:border-box;font-family:inherit;overflow-y:auto;transition:border-color .18s,background .18s}.chat-input-field::-webkit-scrollbar{width:6px}.chat-input-field::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:3px}.chat-input-field:focus{border-color:rgba(139,92,246,.5);background:hsla(0,0%,100%,.11)}.chat-input-field::-moz-placeholder{color:hsla(0,0%,100%,.35)}.chat-input-field::placeholder{color:hsla(0,0%,100%,.35)}.chat-emoji-btn{position:absolute;right:6px;bottom:5px;width:32px;height:32px;border:none;border-radius:50%;background:transparent;color:hsla(0,0%,100%,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,background .15s}.chat-emoji-btn:hover{color:#fbbf24;background:hsla(0,0%,100%,.06)}.chat-emoji-popup{position:absolute;bottom:calc(100% + 10px);right:0;width:280px;max-height:220px;overflow-y:auto;padding:10px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;background:rgba(28,28,38,.98);border:1px solid hsla(0,0%,100%,.1);border-radius:14px;box-shadow:0 12px 36px rgba(0,0,0,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:200;animation:emojiPopIn .15s ease-out}@keyframes emojiPopIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-emoji-item{border:none;background:transparent;font-size:20px;line-height:1;padding:5px;border-radius:8px;cursor:pointer;transition:background .12s,transform .12s}.chat-emoji-item:hover{background:hsla(0,0%,100%,.1);transform:scale(1.18)}.chat-send-btn{width:40px;height:40px;flex-shrink:0;border-radius:50%;border:none;background:linear-gradient(135deg,var(--accent-purple,#8b5cf6),var(--accent-pink,#ec4899));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 2px 10px rgba(139,92,246,.35)}.chat-send-btn:hover:not(:disabled){transform:scale(1.06);box-shadow:0 4px 16px rgba(139,92,246,.5)}.chat-send-btn:active:not(:disabled){transform:scale(.94)}.chat-send-btn:disabled{background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.25);box-shadow:none;cursor:not-allowed}.order-details{width:300px;border-left:1px solid var(--glass-border);background:var(--glass-bg-light);padding:var(--space-4)}.order-details.hidden{display:none}.chat-messages{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.12) transparent;transition:scrollbar-color .2s ease}.chat-messages:hover{scrollbar-color:hsla(0,0%,100%,.28) transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-radius:9999px;-webkit-transition:background .2s ease;transition:background .2s ease}.chat-messages:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.28)}[data-theme=light] .chat-messages{scrollbar-color:rgba(0,0,0,.12) transparent}[data-theme=light] .chat-messages:hover{scrollbar-color:rgba(0,0,0,.25) transparent}[data-theme=light] .chat-messages::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12)}[data-theme=light] .chat-messages:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25)}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);z-index:10000;animation:fadeIn .2s ease}.image-modal,.image-modal-content{display:flex;align-items:center;justify-content:center}.image-modal-content{position:relative;width:100%;height:100%}.image-modal-img{max-width:90vw;max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-lg);transition:transform .3s cubic-bezier(.4,0,.2,1);cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-modal-img:active{cursor:grabbing}.image-modal-close{position:absolute;top:20px;right:20px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);color:#fff;z-index:10001}.image-modal-close:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.image-modal-close svg{width:24px;height:24px}.image-modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);color:#fff;z-index:10001}.image-modal-nav:hover:not(.disabled){background:hsla(0,0%,100%,.2);transform:translateY(-50%) scale(1.1)}.image-modal-nav.disabled{opacity:.3;cursor:not-allowed}.image-modal-nav.prev{left:40px}.image-modal-nav.next{right:40px}.image-modal-nav svg{width:28px;height:28px}.image-modal-zoom-controls{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:rgba(0,0,0,.7);padding:10px 20px;border-radius:var(--radius-full);backdrop-filter:blur(10px);z-index:10001}.zoom-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff}.zoom-btn:hover:not(:disabled){background:hsla(0,0%,100%,.2);transform:scale(1.1)}.zoom-btn:disabled{opacity:.3;cursor:not-allowed}.zoom-btn svg{width:20px;height:20px}.zoom-level{color:#fff;font-size:.9rem;font-weight:500;min-width:50px;text-align:center}.image-modal-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:8px 20px;border-radius:var(--radius-full);font-size:.9rem;backdrop-filter:blur(10px);z-index:10001}@keyframes emojiPanelIn{0%{opacity:0;transform:scale(.82) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.emoji-panel-portal{position:fixed;z-index:99999;pointer-events:auto}.emoji-panel-portal.align-right .emoji-picker,.emoji-panel-portal.align-right .emoji-quick-reactions{transform-origin:right bottom}.emoji-panel-portal.align-left .emoji-picker,.emoji-panel-portal.align-left .emoji-quick-reactions{transform-origin:left bottom}.emoji-quick-reactions{display:flex;align-items:center;gap:1px;background:#111118;border:1px solid hsla(0,0%,100%,.11);border-radius:999px;padding:5px 8px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 12px 40px rgba(0,0,0,.55),0 3px 10px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.07);white-space:nowrap;animation:emojiPanelIn .2s cubic-bezier(.34,1.56,.64,1) both}.emoji-quick-reactions button{background:transparent;border:none;font-size:22px;line-height:1;cursor:pointer;padding:2px;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .12s ease}.emoji-quick-reactions button:hover{background:hsla(0,0%,100%,.08);transform:scale(1.45) translateY(-3px)}.emoji-quick-reactions .emoji-more-btn{width:30px!important;height:30px!important;font-size:0;color:hsla(0,0%,100%,.45);border-radius:50%!important;background:hsla(0,0%,100%,.06)!important;border-left:1px solid hsla(0,0%,100%,.08)!important;margin-left:4px;display:flex!important;align-items:center;justify-content:center}.emoji-quick-reactions .emoji-more-btn:hover{background:hsla(0,0%,100%,.12)!important;color:hsla(0,0%,100%,.8)!important;transform:scale(1.1)!important}.emoji-quick-reactions .emoji-more-btn svg{width:14px;height:14px;flex-shrink:0}.emoji-picker{background:#111118;border:1px solid hsla(0,0%,100%,.11);border-radius:16px;padding:10px;display:grid;grid-template-columns:repeat(8,36px);gap:3px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 20px 60px rgba(0,0,0,.6),0 6px 20px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.07);width:-moz-max-content;width:max-content;animation:emojiPanelIn .2s cubic-bezier(.34,1.56,.64,1) both}.emoji-picker button{background:transparent;border:none;font-size:20px;line-height:1;cursor:pointer;padding:0;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:background .12s ease,transform .18s cubic-bezier(.34,1.56,.64,1)}.emoji-picker button:hover{background:hsla(0,0%,100%,.09);transform:scale(1.3)}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.reaction-item{display:flex;align-items:center;gap:3px;background:var(--glass-bg);border:1.5px solid var(--glass-border);border-radius:var(--radius-full);padding:3px 8px;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.reaction-item:hover{background:var(--glass-border);transform:scale(1.08);box-shadow:0 3px 12px rgba(0,0,0,.15)}.reaction-item.user-reacted{background:rgba(139,92,246,.15);border-color:var(--accent-1);box-shadow:0 2px 8px rgba(139,92,246,.3)}.reaction-item.user-reacted:hover{background:rgba(139,92,246,.25);border-color:var(--accent-1)}.reaction-item .reaction-emoji{font-size:16px;line-height:1}.reaction-count{font-size:11px;color:var(--text-secondary);font-weight:600;line-height:1}.reaction-item.user-reacted .reaction-count{color:var(--accent-1)}.chat-message{display:flex;flex-direction:column;position:relative;max-width:70%}.mobile-close-button{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-fast)}.mobile-close-button:hover{background:var(--glass-border)}.mobile-close-button svg{width:20px;height:20px}.chat-bottom-area{position:relative;z-index:50;overflow:visible;flex-shrink:0}.scroll-to-bottom-btn{position:absolute;top:-46px;left:50%;transform:translateX(-50%);width:36px;height:36px;background:rgba(20,20,28,.72);border:1px solid hsla(0,0%,100%,.1);border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,background .2s ease,border-color .2s ease;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 2px 8px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);z-index:100;opacity:0;visibility:hidden;pointer-events:none}[data-theme=light] .scroll-to-bottom-btn{background:hsla(0,0%,100%,.85);border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.scroll-to-bottom-btn.visible{opacity:1;visibility:visible;pointer-events:auto}.scroll-to-bottom-btn:hover{background:rgba(32,32,44,.92);border-color:hsla(0,0%,100%,.18)}[data-theme=light] .scroll-to-bottom-btn:hover{background:#fff;border-color:rgba(0,0,0,.14)}.scroll-to-bottom-btn:active{transform:translateX(-50%) scale(.92)}.scroll-to-bottom-btn svg{width:18px;height:18px;color:hsla(0,0%,100%,.9)}[data-theme=light] .scroll-to-bottom-btn svg{color:#475569}.scroll-to-bottom-btn .unread-badge-scroll{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;box-shadow:0 2px 8px rgba(239,68,68,.6);animation:badgePulse 2s ease-in-out infinite}@media (max-width:768px){html.chat-page-lock,html.chat-page-lock body{overscroll-behavior:none!important;height:100vh!important;height:100dvh!important;position:relative!important}.chat-container,html.chat-page-lock,html.chat-page-lock body{overflow:hidden!important;margin:0!important;padding:0!important}.chat-container{position:fixed!important;inset:0!important;bottom:56px!important;height:auto!important;width:100vw!important;border-radius:0}.chat-container.room-open{top:var(--chat-top,0)!important;bottom:auto!important;left:0!important;right:0!important;height:var(--chat-vph,100dvh)!important;background:#0a0a0a!important}.chat-bg-decoration{display:none!important}.chat-container.room-open .chat-main,.chat-container.room-open .chat-messages{background:transparent!important}.chat-container .chat-order-info-panel{display:none!important}.chat-users-list-wrapper{width:100%!important;position:absolute!important;inset:0!important;z-index:10!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.chat-users-list{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;min-height:0}.chat-main,.chat-users-list-wrapper.hidden-mobile{display:none!important}.chat-main{position:absolute!important;inset:0!important;z-index:11!important;overflow:hidden!important}.chat-main.visible-mobile{display:flex!important}.mobile-close-button{display:flex}.order-details{display:none!important}.chat-message{max-width:85%}.message-attachment{max-width:220px;max-height:270px;-o-object-fit:cover;object-fit:cover}.emoji-picker{grid-template-columns:repeat(6,34px);padding:8px;gap:2px}.emoji-picker button{width:34px;height:34px;font-size:18px}.emoji-quick-reactions button{width:34px;height:34px;font-size:20px}.chat-filter-tab{font-size:.72rem;padding:5px 6px}}@media (max-width:480px){.chat-message{max-width:90%}.message-content{padding:var(--space-2) var(--space-3);font-size:.9rem}.message-attachment{max-width:180px;max-height:220px;-o-object-fit:cover;object-fit:cover}.action-icon-sm{width:28px;height:28px}.action-icon-sm svg{width:14px;height:14px}.emoji-quick-reactions{padding:4px 6px}.emoji-quick-reactions button{font-size:18px;width:30px;height:30px}.emoji-picker{padding:6px;gap:2px;grid-template-columns:repeat(6,30px)}.emoji-picker button{font-size:17px;width:30px;height:30px}.message-reactions{gap:3px}.reaction-item{padding:2px 6px;font-size:13px}.reaction-item .reaction-emoji{font-size:14px}.reaction-count{font-size:10px}}.mobile-actions-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:flex-end;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-actions-sheet{background:linear-gradient(180deg,var(--glass-panel) 0,hsla(0,0%,4%,.98) 100%);backdrop-filter:blur(24px) saturate(180%);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:60vh;overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1);border-top:2px solid var(--glass-border);box-shadow:0 -10px 40px rgba(139,92,246,.15)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-actions-header{padding:var(--space-3) 0;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--glass-border)}.mobile-actions-handle{width:40px;height:4px;background:var(--text-tertiary);border-radius:2px;opacity:.5}.mobile-actions-content{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.mobile-action-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);width:100%;text-align:left}.mobile-action-btn:active{transform:scale(.98);background:var(--glass-border)}.mobile-action-btn svg{flex-shrink:0}.mobile-action-btn.danger{color:#ef4444}.mobile-action-btn.danger:active{background:rgba(239,68,68,.1)}@media (max-width:768px){.message-actions-wrapper{display:none!important}}.mobile-message-preview{padding:var(--space-4);border-bottom:1px solid var(--glass-border);display:flex;justify-content:center}.preview-bubble{max-width:80%;padding:var(--space-3);border-radius:var(--radius-md);background:var(--glass-bg-light);border:1px solid var(--glass-border)}.preview-bubble.user{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.preview-bubble.other{background:var(--glass-bg-light);color:var(--text-primary)}.preview-text{font-size:.9rem;line-height:1.4;word-wrap:break-word}.preview-image{max-width:100%;max-height:200px;border-radius:var(--radius-sm);display:block}.mobile-quick-reactions{padding:var(--space-3);display:flex;justify-content:center;gap:var(--space-2);border-bottom:1px solid var(--glass-border)}.mobile-reaction-btn{width:48px;height:48px;font-size:24px;background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:50%;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.mobile-reaction-btn:active{transform:scale(1.2);background:var(--glass-border)}.message-content.dimmed{opacity:.5;transition:opacity .3s ease}.mobile-actions-overlay.active~.chat-messages .message-content:not(.dimmed){opacity:.3}.link-preview{display:block;margin-top:8px;border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-fast);text-decoration:none;color:inherit;max-width:320px}.link-preview:hover{border-color:var(--accent-1);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.link-preview-image{width:100%;height:160px;overflow:hidden;background:var(--glass-bg-light)}.link-preview-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.link-preview-content{padding:12px;background:var(--glass-bg)}.link-preview-favicon{width:16px;height:16px;margin-bottom:4px}.link-preview-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.link-preview-description,.link-preview-title{line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview-description{font-size:.85rem;color:var(--text-secondary);margin-bottom:6px}.link-preview-url{font-size:.75rem;color:var(--text-tertiary);text-transform:lowercase}.link-preview.loading{padding:12px}.link-preview-skeleton{width:100%;height:80px;background:linear-gradient(90deg,var(--glass-bg-light) 25%,var(--glass-bg) 50%,var(--glass-bg-light) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.link-preview{max-width:280px}.link-preview-image{height:140px}.link-preview-content{padding:10px}.link-preview-title{font-size:.9rem}.link-preview-description{font-size:.8rem}}.order-details-bar{display:none;padding:10px var(--space-3);background:var(--surface-card);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);cursor:pointer;transition:var(--transition-fast);justify-content:space-between;align-items:center}.order-details-bar:hover{background:rgba(139,92,246,.05)}.order-details-bar-left{display:flex;align-items:center}.order-details-label{font-size:.95rem;font-weight:600;color:var(--text-primary)}.order-details-bar-right{display:flex;align-items:center;gap:var(--space-2)}@media (max-width:1024px){.order-details-bar{display:flex}}.chat-order-info-panel{width:320px;border-left:1px solid var(--glass-border);display:flex;flex-direction:column;overflow-y:auto;background:rgba(8,8,12,.97);backdrop-filter:blur(20px)}.chat-order-info-header{height:70px;flex-shrink:0;padding:0 16px;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;align-items:center;justify-content:space-between;background:rgba(8,8,12,.98)}.chat-order-info-header h3{font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:hsla(0,0%,100%,.92);margin:0;display:flex;align-items:center;gap:8px}.chat-order-info-header h3:before{content:"";width:4px;height:16px;border-radius:3px;background:linear-gradient(180deg,#f59e0b,#d97706)}.chat-close-order-panel{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-fast)}.chat-close-order-panel:hover{background:var(--glass-border);color:var(--text-primary)}.chat-close-order-panel svg{width:20px;height:20px}.chat-order-info-content{padding:18px 16px;display:flex;flex-direction:column;gap:16px}.chat-order-product-section{display:flex;gap:13px;padding:15px;background:linear-gradient(135deg,hsla(0,0%,100%,.055),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.07);border-radius:16px;transition:border-color .2s ease,transform .2s ease}.chat-order-product-section:hover{border-color:hsla(0,0%,100%,.14)}.chat-order-product-section img{width:64px;height:64px;border-radius:13px;-o-object-fit:cover;object-fit:cover;border:1px solid hsla(0,0%,100%,.08);flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.25)}.chat-order-product-details{display:flex;flex-direction:column;justify-content:center;gap:5px;flex:1;min-width:0}.chat-order-product-details h4{font-size:.875rem;font-weight:600;color:hsla(0,0%,100%,.92);margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.chat-order-product-price{font-size:1.05rem;font-weight:800;color:#fbbf24;margin:0;letter-spacing:-.01em}.chat-order-status-section{display:flex;flex-direction:column;background:linear-gradient(135deg,hsla(0,0%,100%,.045),hsla(0,0%,100%,.015));border:1px solid hsla(0,0%,100%,.07);border-radius:16px;padding:4px 0;overflow:hidden}.chat-order-row{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;position:relative}.chat-order-row:not(:last-child):after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:1px;background:hsla(0,0%,100%,.05)}.chat-order-label{font-size:.8rem;color:hsla(0,0%,100%,.45);font-weight:500;letter-spacing:0;text-transform:none}.chat-order-value{font-size:.875rem;color:hsla(0,0%,100%,.92);font-weight:600}.chat-order-total{font-size:1rem;color:#fbbf24;font-weight:800;-webkit-text-fill-color:unset;background:none;letter-spacing:-.01em}.chat-order-status-badge{padding:4px 10px;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;text-transform:capitalize;letter-spacing:.3px}.chat-order-status-badge.PENDING,.chat-order-status-badge.pending{background:rgba(251,191,36,.15);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.chat-order-status-badge.COMPLETED,.chat-order-status-badge.DELIVERED,.chat-order-status-badge.completed,.chat-order-status-badge.delivered{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}.chat-order-status-badge.REFUND,.chat-order-status-badge.REFUNDED,.chat-order-status-badge.SUSPENDED,.chat-order-status-badge.refund,.chat-order-status-badge.refunded,.chat-order-status-badge.suspended{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.order-status-badge{padding:4px 10px;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;text-transform:capitalize;letter-spacing:.3px}.order-status-badge.PENDING,.order-status-badge.pending{background:rgba(251,191,36,.15);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.order-status-badge.COMPLETED,.order-status-badge.DELIVERED,.order-status-badge.completed,.order-status-badge.delivered{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}.order-status-badge.REFUND,.order-status-badge.REFUNDED,.order-status-badge.SUSPENDED,.order-status-badge.refund,.order-status-badge.refunded,.order-status-badge.suspended{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.chat-order-actions{display:flex;flex-direction:column;gap:8px}.chat-order-action-btn{width:100%;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);border:1px solid transparent;letter-spacing:.01em}.chat-order-action-btn svg{width:15px;height:15px;flex-shrink:0}.chat-order-action-btn.primary{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#0a0a0a;box-shadow:0 2px 12px rgba(245,158,11,.3)}.chat-order-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 18px rgba(245,158,11,.45)}.chat-order-action-btn.secondary{background:hsla(0,0%,100%,.04);color:hsla(0,0%,100%,.7);border-color:hsla(0,0%,100%,.08)}.chat-order-action-btn.secondary:hover{background:hsla(0,0%,100%,.07);color:hsla(0,0%,100%,.9);border-color:hsla(0,0%,100%,.14)}.chat-order-action-btn.warning{background:rgba(251,191,36,.15);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.chat-order-action-btn.warning:hover{background:rgba(251,191,36,.25);border-color:#fbbf24}.chat-order-action-btn.danger{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.chat-order-action-btn.danger:hover{background:rgba(239,68,68,.25);border-color:#ef4444}.chat-order-info-panel-mobile{display:none}@media (max-width:1024px){.order-details-bar{display:flex}.chat-order-info-panel{position:fixed;bottom:0;left:0;right:0;width:100%;max-height:85vh;border-left:none;border-top:2px solid var(--glass-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:9999;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(180deg,var(--glass-panel) 0,hsla(0,0%,4%,.98) 100%);backdrop-filter:blur(24px) saturate(180%);box-shadow:0 -10px 40px rgba(139,92,246,.15)}.chat-order-info-panel-mobile,.chat-order-info-panel.mobile{transform:translateY(0);z-index:9999}.chat-order-info-panel-mobile{display:block;position:fixed;bottom:0;left:0;right:0;width:100%;max-height:85vh;border-left:none;border-top:2px solid var(--glass-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(180deg,var(--glass-panel) 0,hsla(0,0%,4%,.98) 100%);overflow-y:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(24px) saturate(180%);box-shadow:0 -10px 40px rgba(139,92,246,.15)}.chat-order-info-header,.chat-order-info-panel-mobile .chat-order-info-header{cursor:grab;position:relative;background:var(--glass-panel);backdrop-filter:blur(16px) saturate(180%)}.chat-order-info-header:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:40px;height:4px;background:var(--glass-border);border-radius:2px}}.modal.delete-message-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px)}.modal.delete-message-modal .modal-content.delete-message-modal-content{background:linear-gradient(145deg,var(--glass-bg) 0,var(--background) 100%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);max-width:420px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.4)}.modal.delete-message-modal .modal-header{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-4);text-align:center}.modal.delete-message-modal .modal-header h3{margin:0;font-size:1.35rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.modal.delete-message-modal .modal-body{margin-bottom:var(--space-4);text-align:center}.modal.delete-message-modal .modal-body p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.modal.delete-message-modal .modal-actions{display:flex;gap:var(--space-3);justify-content:center}.modal.delete-message-modal .btn{flex:1;padding:12px 24px;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;white-space:nowrap}.modal.delete-message-modal .btn-primary{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px rgba(239,68,68,.4)}.modal.delete-message-modal .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(239,68,68,.6)}.modal.delete-message-modal .btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border)}.modal.delete-message-modal .btn-secondary:hover{background:var(--glass-border)}@media (max-width:768px){.modal.delete-message-modal .modal-content.delete-message-modal-content{max-width:90%;padding:var(--space-4)}.modal.delete-message-modal .modal-header h3{font-size:1.15rem}.modal.delete-message-modal .modal-body p{font-size:.9rem}.modal.delete-message-modal .btn{padding:10px 20px;font-size:.9rem}}.modal.archive-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);align-items:center;justify-content:center;z-index:10000;padding:var(--space-4);animation:fadeIn .2s ease;backdrop-filter:blur(4px)}.modal.archive-modal .modal-content.archive-modal-content{background:linear-gradient(145deg,var(--glass-bg) 0,var(--background) 100%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:450px;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px rgba(0,0,0,.4)}.modal.archive-modal .modal-header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:var(--space-4);text-align:center}.modal.archive-modal .modal-header h3{margin:0;font-size:1.35rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.modal.archive-modal .modal-body{margin-bottom:var(--space-4);text-align:center}.modal.archive-modal .modal-body p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.modal.archive-modal .modal-actions{display:flex;gap:var(--space-3);justify-content:center}.modal.archive-modal .btn{flex:1;padding:12px 24px;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.modal.archive-modal .btn-primary{background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));color:#fff;box-shadow:0 4px 15px rgba(139,92,246,.4)}.modal.archive-modal .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(139,92,246,.6),0 0 30px rgba(236,72,153,.3)}.modal.archive-modal .btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border)}.modal.archive-modal .btn-secondary:hover{background:var(--glass-border);border-color:var(--accent-1)}@media (max-width:768px){.modal.archive-modal .modal-content.archive-modal-content{max-width:90%;padding:var(--space-4)}.modal.archive-modal .modal-header h3{font-size:1.15rem}.modal.archive-modal .modal-body p{font-size:.9rem}.modal.archive-modal .btn{padding:10px 20px;font-size:.9rem}}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.6)}50%{transform:scale(1.15);box-shadow:0 0 0 4px rgba(239,68,68,0)}}[data-theme=light] .chat-container{background:#eeeff5}[data-theme=light] .chat-users-list-wrapper{background:#fff;border-right:1px solid rgba(0,0,0,.08)}[data-theme=light] .chat-users-header{border-bottom:1px solid rgba(0,0,0,.07)}[data-theme=light] .chat-users-search input{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.09);color:#111}[data-theme=light] .chat-users-search input:focus{border-color:rgba(245,158,11,.45);background:rgba(0,0,0,.05)}[data-theme=light] .chat-users-search input::-moz-placeholder{color:rgba(0,0,0,.28)}[data-theme=light] .chat-users-search input::placeholder{color:rgba(0,0,0,.28)}[data-theme=light] .chat-users-search .search-icon{color:rgba(0,0,0,.28)}[data-theme=light] .chat-filter-tabs{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.07)}[data-theme=light] .chat-filter-tab{color:rgba(0,0,0,.38)}[data-theme=light] .chat-filter-tab:hover{color:rgba(0,0,0,.65);background:rgba(0,0,0,.05)}[data-theme=light] .chat-filter-tab.active{background:rgba(0,0,0,.07);color:rgba(0,0,0,.85)}[data-theme=light] .chat-user-item{border-bottom:1px solid rgba(0,0,0,.06)}[data-theme=light] .chat-user-item:hover{background:rgba(0,0,0,.03)}[data-theme=light] .chat-user-item.unread{background:rgba(139,92,246,.06)}[data-theme=light] .chat-user-item.unread:hover{background:rgba(139,92,246,.1)}[data-theme=light] .chat-product-title{color:#111}[data-theme=light] .chat-user-last-message{color:rgba(0,0,0,.48)}[data-theme=light] .chat-username{color:rgba(0,0,0,.38)}[data-theme=light] .last-message-time{color:rgba(0,0,0,.35)}[data-theme=light] .last-active-text{color:rgba(0,0,0,.38)}[data-theme=light] .chat-main-header{background:#fff;border-bottom:1px solid rgba(0,0,0,.08)}[data-theme=light] .chat-header-product-title{color:#111}[data-theme=light] .chat-header-status{color:rgba(0,0,0,.4)}[data-theme=light] .archive-btn{border-color:rgba(0,0,0,.09);color:rgba(0,0,0,.5)}[data-theme=light] .archive-btn:hover{background:rgba(0,0,0,.04);color:#111}[data-theme=light] .mobile-close-button{border-color:rgba(0,0,0,.09);color:#111}[data-theme=light] .mobile-close-button:hover{background:rgba(0,0,0,.05)}[data-theme=light] .chat-messages{background:#eeeff5}[data-theme=light] .chat-message-wrapper.support .message-content,[data-theme=light] .chat-message-wrapper.user .message-content{background:#fff;border:1px solid rgba(0,0,0,.08);color:#111}[data-theme=light] .chat-message.sent .message-content{background:linear-gradient(135deg,#a78bfa,#f472b6);border-color:transparent;color:#fff}[data-theme=light] .message-time{color:rgba(0,0,0,.42);opacity:1}[data-theme=light] .reply-reference{background:rgba(0,0,0,.04)}[data-theme=light] .reply-user-name{color:#111}[data-theme=light] .chat-safety-warning-text{color:rgba(0,0,0,.7)}[data-theme=light] .action-icon-sm{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.08)}[data-theme=light] .action-icon-sm:hover{background:rgba(0,0,0,.09)}[data-theme=light] .action-icon-sm.trash:hover{background:rgba(239,68,68,.08)}[data-theme=light] .reaction-item{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.09)}[data-theme=light] .reaction-item:hover{background:rgba(0,0,0,.08)}[data-theme=light] .reaction-count{color:rgba(0,0,0,.52)}[data-theme=light] .emoji-quick-reactions{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.07),inset 0 1px 0 hsla(0,0%,100%,.9)}[data-theme=light] .emoji-quick-reactions button:hover{background:rgba(0,0,0,.06)}[data-theme=light] .emoji-quick-reactions .emoji-more-btn{color:rgba(0,0,0,.45)!important;background:rgba(0,0,0,.05)!important;border-left-color:rgba(0,0,0,.08)!important}[data-theme=light] .emoji-quick-reactions .emoji-more-btn:hover{background:rgba(0,0,0,.09)!important;color:rgba(0,0,0,.75)!important}[data-theme=light] .emoji-picker{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 16px 48px rgba(0,0,0,.14),0 4px 14px rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.9)}[data-theme=light] .emoji-picker button:hover{background:rgba(0,0,0,.06)}[data-theme=light] .chat-input{background:#fff;border-top:1px solid rgba(0,0,0,.08)}[data-theme=light] .reply-preview{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.07)}[data-theme=light] .reply-preview-content p{color:rgba(0,0,0,.45)}[data-theme=light] .cancel-reply-btn{background:rgba(0,0,0,.07);color:rgba(0,0,0,.42)}[data-theme=light] .cancel-reply-btn:hover{background:rgba(0,0,0,.12);color:rgba(0,0,0,.75)}[data-theme=light] .file-preview{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.07)}[data-theme=light] .file-preview-name{color:rgba(0,0,0,.52)}[data-theme=light] .cancel-file-btn{background:rgba(0,0,0,.07);color:rgba(0,0,0,.42)}[data-theme=light] .cancel-file-btn:hover{background:rgba(0,0,0,.12);color:rgba(0,0,0,.75)}[data-theme=light] .chat-attach-btn{background:transparent;color:var(--accent-purple,#8b5cf6)}[data-theme=light] .chat-attach-btn:hover{background:rgba(139,92,246,.1);color:var(--accent-pink,#ec4899)}[data-theme=light] .chat-input-field{background:rgba(0,0,0,.05);border-color:transparent;color:#111}[data-theme=light] .chat-input-field:focus{border-color:rgba(139,92,246,.45);background:rgba(0,0,0,.03)}[data-theme=light] .chat-input-field::-moz-placeholder{color:rgba(0,0,0,.38)}[data-theme=light] .chat-input-field::placeholder{color:rgba(0,0,0,.38)}[data-theme=light] .chat-send-btn:disabled{background:rgba(0,0,0,.07);color:rgba(0,0,0,.25)}[data-theme=light] .chat-emoji-btn{color:rgba(0,0,0,.35)}[data-theme=light] .chat-emoji-btn:hover{color:#f59e0b;background:rgba(0,0,0,.05)}[data-theme=light] .chat-emoji-popup{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 12px 36px rgba(0,0,0,.15)}[data-theme=light] .chat-emoji-item:hover{background:rgba(0,0,0,.06)}[data-theme=light] .chat-order-info-panel{background:#fff;border-left:1px solid rgba(0,0,0,.08)}[data-theme=light] .chat-order-info-header{background:#fff;border-bottom:1px solid rgba(0,0,0,.07)}[data-theme=light] .chat-order-info-header h3{color:rgba(0,0,0,.88)}[data-theme=light] .chat-order-product-section{background:linear-gradient(135deg,rgba(0,0,0,.03),rgba(0,0,0,.012));border-color:rgba(0,0,0,.08)}[data-theme=light] .chat-order-product-section:hover{border-color:rgba(0,0,0,.16)}[data-theme=light] .chat-order-product-details h4{color:rgba(0,0,0,.88)}[data-theme=light] .chat-order-status-section{background:linear-gradient(135deg,rgba(0,0,0,.025),rgba(0,0,0,.01));border-color:rgba(0,0,0,.08)}[data-theme=light] .chat-order-row:not(:last-child):after{background:rgba(0,0,0,.05)}[data-theme=light] .chat-order-label{color:rgba(0,0,0,.5)}[data-theme=light] .chat-order-value{color:rgba(0,0,0,.85)}[data-theme=light] .chat-order-action-btn.secondary{background:rgba(0,0,0,.04);color:rgba(0,0,0,.7);border-color:rgba(0,0,0,.09)}[data-theme=light] .chat-order-action-btn.secondary:hover{background:rgba(0,0,0,.07);color:rgba(0,0,0,.88);border-color:rgba(0,0,0,.14)}[data-theme=light] .order-details-bar{background:#fff;border-color:rgba(0,0,0,.08)}[data-theme=light] .order-details-label{color:#111}[data-theme=light] .mobile-actions-sheet{background:linear-gradient(180deg,#fff,#f5f5fa);border-top-color:rgba(0,0,0,.09)}[data-theme=light] .mobile-actions-header{border-bottom-color:rgba(0,0,0,.07)}[data-theme=light] .mobile-actions-handle{background:rgba(0,0,0,.18)}[data-theme=light] .mobile-action-btn{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.07);color:#111}[data-theme=light] .mobile-action-btn:active{background:rgba(0,0,0,.07)}[data-theme=light] .mobile-quick-reactions{border-bottom-color:rgba(0,0,0,.07)}[data-theme=light] .mobile-reaction-btn{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.07)}[data-theme=light] .link-preview{border-color:rgba(0,0,0,.09)}[data-theme=light] .link-preview-image{background:rgba(0,0,0,.04)}[data-theme=light] .link-preview-content{background:rgba(0,0,0,.02)}[data-theme=light] .link-preview-title{color:#111}[data-theme=light] .link-preview-description{color:rgba(0,0,0,.55)}[data-theme=light] .link-preview-url{color:rgba(0,0,0,.38)}[data-theme=light] .modal.archive-modal .modal-content.archive-modal-content{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 60px rgba(0,0,0,.12)}[data-theme=light] .modal.archive-modal .modal-header h3{color:#111}[data-theme=light] .modal.archive-modal .modal-body p{color:rgba(0,0,0,.55)}[data-theme=light] .modal.archive-modal .btn-secondary{background:rgba(0,0,0,.04);color:#111;border:1px solid rgba(0,0,0,.09)}[data-theme=light] .modal.archive-modal .btn-secondary:hover{background:rgba(0,0,0,.07);border-color:#7c3aed}[data-theme=light] .modal.delete-message-modal .modal-content.delete-message-modal-content{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 60px rgba(0,0,0,.12)}[data-theme=light] .modal.delete-message-modal .modal-header h3{color:#111}[data-theme=light] .modal.delete-message-modal .modal-body p{color:rgba(0,0,0,.55)}[data-theme=light] .modal.delete-message-modal .btn-secondary{background:rgba(0,0,0,.04);color:#111;border:1px solid rgba(0,0,0,.09)}[data-theme=light] .modal.delete-message-modal .btn-secondary:hover{background:rgba(0,0,0,.07)}@media (max-width:1024px){[data-theme=light] .chat-order-info-panel,[data-theme=light] .chat-order-info-panel-mobile{background:linear-gradient(180deg,#fff,#f8f8fc);border-top-color:rgba(0,0,0,.09)}[data-theme=light] .chat-order-info-header{background:#fff}[data-theme=light] .chat-order-info-header:before{background:rgba(0,0,0,.15)}}@media (max-width:768px){.chat-input-field{font-size:16px}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:300px;max-width:500px;pointer-events:auto;animation:slideIn .3s ease-out;transition:all .3s ease}.toast-hide{animation:slideOut .3s ease-out forwards}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-icon{width:24px;height:24px;flex-shrink:0}.toast-message{flex:1;font-size:14px;line-height:1.5;color:#1f2937}.toast-close{background:none;border:none;padding:4px;cursor:pointer;color:#9ca3af;transition:color .2s;display:flex;align-items:center;justify-content:center}.toast-close:hover{color:#4b5563}.toast-close svg{width:16px;height:16px}@keyframes slideIn{0%{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(400px);opacity:0}}@media (max-width:640px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:unset;max-width:unset}}