:root{--chat-bg-primary: #f8f9fa;--chat-bg-secondary: #ffffff;--chat-bg-tertiary: #f8f9fa;--chat-border-color: #e9ecef;--chat-text-primary: #212529;--chat-text-secondary: #6c757d;--chat-text-muted: #6c757d;--chat-hover-bg: #f8f9fa;--chat-scrollbar-track: #f1f1f1;--chat-scrollbar-thumb: #c1c1c1;--chat-scrollbar-thumb-hover: #a8a8a8;--chat-shadow: rgba(0, 0, 0, .15);--chat-shadow-light: rgba(0, 0, 0, .1)}[data-theme=dark],.dark-theme,.dark,.theme-dark,body.dark,html.dark{--chat-bg-primary: #1a1a1a;--chat-bg-secondary: #2d2d2d;--chat-bg-tertiary: #1a1a1a;--chat-border-color: #404040;--chat-text-primary: #ffffff;--chat-text-secondary: #b3b3b3;--chat-text-muted: #8a8a8a;--chat-hover-bg: #404040;--chat-scrollbar-track: #2d2d2d;--chat-scrollbar-thumb: #555555;--chat-scrollbar-thumb-hover: #666666;--chat-shadow: rgba(0, 0, 0, .3);--chat-shadow-light: rgba(0, 0, 0, .2)}.chat-container{height:calc(100vh - 140px);background-color:var(--chat-bg-primary);transition:background-color .3s ease}.chat-sidebar{background-color:var(--chat-bg-secondary);border-right:1px solid var(--chat-border-color);height:calc(100vh - 140px);overflow-y:auto;transition:background-color .3s ease,border-color .3s ease}.chat-main{background-color:var(--chat-bg-secondary);height:calc(100vh - 140px);display:flex;flex-direction:column;transition:background-color .3s ease}.chat-details{background-color:var(--chat-bg-tertiary);border-left:1px solid var(--chat-border-color);height:calc(100vh - 140px);display:none;transition:background-color .3s ease,border-color .3s ease}.chat-details.show{display:block}.chat-search{border:1px solid var(--chat-border-color);border-radius:20px;padding:8px 15px;background-color:var(--chat-bg-tertiary);color:var(--chat-text-primary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.chat-search:focus{outline:none;border-color:var(--cui-primary);box-shadow:0 0 0 .2rem rgba(var(--cui-primary-rgb),.25)}.chat-item{padding:12px 15px;border-bottom:1px solid var(--chat-hover-bg);cursor:pointer;transition:background-color .2s,border-color .3s ease}.chat-item:hover{background-color:var(--chat-hover-bg);transition:background-color .2s}.chat-item.active{background-color:rgba(var(--cui-primary-rgb),.12);border-right:3px solid var(--cui-primary);transition:background-color .2s,border-color .3s ease}.chat-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.chat-name{font-weight:600;color:var(--chat-text-primary);margin-bottom:2px;transition:color .3s ease}.chat-last-message{color:var(--chat-text-secondary);font-size:.9rem;margin-bottom:0;transition:color .3s ease}.chat-time{color:var(--chat-text-muted);font-size:.8rem;transition:color .3s ease}.chat-header{padding:15px 20px;border-bottom:1px solid var(--chat-border-color);background-color:var(--chat-bg-secondary);transition:background-color .3s ease,border-color .3s ease}.chat-messages{flex:1;padding:20px;overflow-y:auto;background-color:var(--chat-bg-primary);transition:background-color .3s ease}.message-bubble{padding:10px 15px;border-radius:18px;margin-bottom:10px;position:relative}.message-bubble.user{background-color:rgba(var(--cui-primary-rgb),.25);color:color-contrast(var(--cui-primary));margin-left:5px!important;text-align:right}.message-bubble.other{background-color:var(--chat-bg-secondary);color:var(--chat-text-primary);margin-right:5px!important;border:1px solid var(--chat-border-color)}.message-time{font-size:.75rem;opacity:.7;margin-top:5px}.date-separator{text-align:center;color:var(--chat-text-muted);font-size:.8rem;font-weight:600;margin:20px 0;position:relative;transition:color .3s ease}.date-separator:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--chat-border-color);z-index:1;transition:background-color .3s ease}.date-separator span{background-color:var(--chat-bg-primary);padding:0 15px;position:relative;z-index:2;transition:background-color .3s ease}.chat-input-container{padding:15px 20px;background-color:var(--chat-bg-secondary);border-top:1px solid var(--chat-border-color);transition:background-color .3s ease,border-color .3s ease}.chat-input{border:1px solid var(--chat-border-color);border-radius:25px;padding:10px 20px;background-color:var(--chat-bg-tertiary);color:var(--chat-text-primary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.chat-input:focus{outline:none;border-color:var(--cui-primary);box-shadow:0 0 0 .2rem rgba(var(--cui-primary-rgb),.25)}.input-icon{color:var(--chat-text-muted);cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s,color .3s ease}.input-icon:hover{background-color:var(--chat-hover-bg);transition:background-color .2s}.btn-link{color:var(--chat-text-muted);transition:color .2s}.btn-link:hover{color:var(--cui-primary);background-color:var(--chat-hover-bg);border-radius:50%;transition:color .2s,background-color .2s}.unread-indicator{width:8px;height:8px;background-color:var(--cui-primary);border-radius:50%;margin-left:auto;transition:background-color .3s ease}.emoji-picker-container{position:absolute;bottom:100%;left:0;z-index:1000;margin-bottom:10px;box-shadow:0 4px 12px var(--chat-shadow);border-radius:8px;overflow:hidden;background:var(--chat-bg-secondary);border:1px solid var(--chat-border-color);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.emoji-picker-container .vue3-emoji-picker{border:none!important;box-shadow:none!important;background:var(--chat-bg-secondary)!important;transition:background-color .3s ease!important}.emoji-picker-container .vue3-emoji-picker{width:320px!important;height:400px!important;box-shadow:0 4px 12px var(--chat-shadow)!important;border:1px solid var(--chat-border-color)!important;border-radius:8px!important;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease!important}@media (max-width: 768px){.chat-details,.chat-sidebar{display:none}.chat-sidebar.show{display:block;position:absolute;top:0;left:0;width:100%;z-index:1000}.chat-main{width:100%}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--chat-scrollbar-track);transition:background .3s ease}.chat-messages::-webkit-scrollbar-thumb{background:var(--chat-scrollbar-thumb);border-radius:3px;transition:background .3s ease}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--chat-scrollbar-thumb-hover)}.message-bubble{padding:10px 15px;border-radius:18px;margin-bottom:10px;position:relative;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.message-bubble.user{background-color:rgba(var(--cui-primary-rgb),.25);color:color-contrast(var(--cui-primary));margin-left:auto;text-align:right}.message-bubble.other{background-color:var(--chat-bg-secondary);color:var(--chat-text-primary);margin-right:auto;border:1px solid var(--chat-border-color);transition:background-color .3s ease,color .3s ease,border-color .3s ease}.message-time{font-size:.75rem;opacity:.7;margin-top:4px;text-align:right;transition:color .3s ease}.file-type-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;box-shadow:0 2px 4px var(--chat-shadow-light);transition:box-shadow .3s ease}.pdf-icon{background:linear-gradient(135deg,#dc3545,#c82333)}.word-icon{background:linear-gradient(135deg,#2b579a,#1e3a8a)}.text-icon{background:linear-gradient(135deg,#6c757d,#495057)}.archive-icon{background:linear-gradient(135deg,#fd7e14,#e55a00)}.default-icon{background:linear-gradient(135deg,#6c757d,#495057)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.chat-window{width:100vw;height:100vh;border-radius:0;position:fixed;inset:0}.chat-badge{bottom:15px;right:15px}}@media (max-width: 480px){.chat-window{width:100vw;height:100vh}.user-item{padding:16px}.user-name{font-size:16px}.user-message{font-size:14px}}