@import url(https://db.onlinewebfonts.com/c/63470788e8c298f973fe1e0b9f09965f?family=Lastri);@import url(https://db.onlinewebfonts.com/c/e8c6a63541de0a4211a9358cbe74690f?family=Futura+Medium);@import url(https://db.onlinewebfonts.com/c/06190fb370e952fa10fad4dd11876d63?family=Futura+Light);:root{--light:#EFEFEF;--black-1:#1a1918;--black-2:#2B2926;--black-3:#343330;--muted:#C6C6C6;--muted-2:#B0B2A7;--gold:#846C4C;--grey:#707070;--pink:#b44a6b}.chat-container{display:grid;grid-template-columns:320px 1fr;gap:20px;height:calc(100vh - 90px);background:var(--black-2);border-radius:10px;overflow:hidden;position:relative}.chat-sidebar{background:var(--black-3);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 90px);overflow:hidden}.chat-sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0;background:var(--black-3)}.chat-sidebar-title{color:var(--light);font-size:16px;font-family:Futura Medium;letter-spacing:1.5px;margin-bottom:15px}.chat-search{position:relative}.chat-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--grey);font-size:14px;pointer-events:none;z-index:1}.chat-search input{width:100%;padding:10px 15px 10px 40px;background:var(--black-2);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--muted-2);font-size:13px;font-family:Futura Light;outline:none;transition:all .3s ease;box-sizing:border-box}.chat-search input:focus{border-color:var(--gold);background:var(--black-1)}.chat-search input:focus+.chat-search-icon{color:var(--gold)}.chat-search input::-moz-placeholder{color:var(--grey)}.chat-search input::placeholder{color:var(--grey)}.conversations-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 0;min-height:0}.conversations-list::-webkit-scrollbar{width:5px}.conversations-list::-webkit-scrollbar-track{background:transparent}.conversations-list::-webkit-scrollbar-thumb{background:var(--grey);border-radius:3px}.conversation-item{display:flex;gap:12px;padding:15px 20px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid rgba(255,255,255,.03)}.conversation-item:hover{background:var(--black-2)}.conversation-item.active{background:var(--black-2);border-left:3px solid var(--gold)}.conversation-avatar{position:relative;width:50px;height:50px;border-radius:50%;flex-shrink:0}.conversation-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{width:50px;height:50px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;color:var(--black-1);font-weight:700;font-size:18px}.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#28c76f;border:2px solid var(--black-3);border-radius:50%}.conversation-info{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.conversation-header h3{font-size:14px;color:var(--light);font-family:Futura Medium;font-weight:500;margin:0}.conversation-time{font-size:11px;color:var(--grey)}.conversation-preview{display:flex;justify-content:space-between;align-items:center;gap:8px}.last-message{font-size:13px;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;flex:1}.conversation-unread{min-width:20px;height:20px;background:var(--gold);color:var(--black-1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;padding:0 6px;margin-left:8px;flex-shrink:0}.no-conversations{padding:40px 20px;text-align:center;color:var(--muted-2)}.no-conversations p{margin:0}.chat-main{max-height:calc(100vh - 90px);background:var(--black-2);overflow:hidden}.chat-empty,.chat-main{display:flex;flex-direction:column;height:100%}.chat-empty{align-items:center;justify-content:center;color:var(--muted-2)}.chat-empty-icon{font-size:64px;margin-bottom:20px;opacity:.3}.chat-empty p{font-size:16px;opacity:.6}.mobile-show-conversations-btn{display:none;margin-top:20px;padding:12px 24px;background:var(--gold);color:var(--light);border:none;border-radius:8px;font-size:14px;font-family:Futura Medium;cursor:pointer}.chat-active{display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.chat-header-avatar{width:45px;height:45px;border-radius:50%;flex-shrink:0}.chat-header-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.chat-header-avatar .avatar-placeholder{width:45px;height:45px;font-size:16px}.chat-header-info h3{font-size:16px;color:var(--light);font-family:Futura Medium;margin:0}.user-status{font-size:12px;color:#28c76f}.chat-header-actions{position:relative}.chat-action-btn{width:40px;height:40px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--muted-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-action-btn:hover{background:var(--black-2);color:var(--gold);border-color:var(--gold)}.chat-actions-dropdown{position:absolute;top:45px;right:0;background:var(--black-3);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3);z-index:1000;min-width:200px;overflow:hidden}.chat-action-item{width:100%;padding:12px 16px;background:transparent;border:none;color:var(--muted-2);cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;font-family:Futura Light;transition:all .2s ease;text-align:left}.chat-action-item:hover{background:var(--black-2);color:var(--light)}.chat-action-item.delete-action:hover{background:rgba(180,74,107,.1);color:var(--pink)}.chat-action-item i{width:16px;text-align:center}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;gap:15px;min-height:0;max-height:100%}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:var(--grey);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}.message{flex-direction:column}.message.received{align-self:flex-start}.message.sent{align-self:flex-end}.message-content{padding:12px 16px;border-radius:12px;position:relative;word-wrap:break-word}.message.received .message-content{background:var(--black-3);border-bottom-left-radius:4px;color:var(--light)}.message.sent .message-content{background:linear-gradient(135deg,var(--gold) 0,#6b5d4a 100%);border-bottom-right-radius:4px;color:var(--light)}.message-time{margin-top:4px}.message.sent .message-time{color:rgba(255,255,255,.7)}.chat-input-container{display:flex;flex-direction:column;gap:12px;padding:20px;border-top:1px solid rgba(255,255,255,.05);background:var(--black-3);flex-shrink:0;position:relative}.input-row{display:flex;align-items:center;gap:12px}.chat-input-container textarea{flex:1;padding:12px 16px;background:var(--black-2);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--light);font-size:14px;font-family:Futura Light;outline:none;transition:border-color .3s ease;resize:none;min-height:45px;max-height:120px}.chat-input-container textarea:focus{border-color:var(--gold)}.chat-input-container textarea::-moz-placeholder{color:var(--grey)}.chat-input-container textarea::placeholder{color:var(--grey)}.chat-input-container button{width:45px;height:45px;background:linear-gradient(135deg,var(--gold) 0,#6b5d4a 100%);border:none;border-radius:8px;color:var(--light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;font-size:14px;font-family:Futura Medium}.chat-input-container button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px rgba(132,108,76,.4)}.chat-input-container button:active:not(:disabled){transform:scale(.95)}.chat-input-container button:disabled{opacity:.5;cursor:not-allowed}.chat-image-btn{width:45px;height:45px;background:var(--black-2);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--muted-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;font-size:16px}.chat-image-btn:hover{background:var(--gold);color:var(--black-1);border-color:var(--gold);transform:scale(1.05)}.chat-image-btn:active{transform:scale(.95)}.image-preview-container{width:100%}.image-preview{position:relative;display:inline-block;max-width:200px;border-radius:8px;overflow:hidden;background:var(--black-2);border:1px solid rgba(255,255,255,.1)}.image-preview img{width:100%;height:auto;max-height:150px;-o-object-fit:cover;object-fit:cover;display:block}.remove-image-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}.remove-image-btn:hover{background:var(--pink);transform:scale(1.1)}.message-image{margin-bottom:8px}.message-image img{max-width:300px;max-height:400px;width:auto;height:auto;border-radius:8px;cursor:pointer;transition:all .2s ease;-o-object-fit:cover;object-fit:cover}.message-image img:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.3)}.message-text{margin-top:8px}.message-content:has(.message-image):not(:has(.message-text)){padding:8px}.message-content:has(.message-image):has(.message-text){padding:12px 16px}@media (max-width:768px){.chat-container{grid-template-columns:1fr;height:calc(100vh - 120px)}.chat-sidebar{display:none}.chat-sidebar.mobile-active{display:flex;position:fixed;top:50px;left:0;width:100%;height:calc(100vh - 50px);z-index:999}.message{max-width:85%}.chat-header,.chat-input-container,.messages-container{padding:15px}.modal-content{margin:20px}.chat-actions-dropdown{right:-10px}.image-preview{max-width:150px}.image-preview img{max-height:100px}.message-image img{max-width:250px;max-height:300px}.chat-image-btn{width:40px;height:40px;font-size:14px}}.modal-overlay{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:2000}.modal-content{background:var(--black-3);border:1px solid rgba(255,255,255,.1);border-radius:12px;max-width:400px;width:90%;box-shadow:0 8px 32px rgba(0,0,0,.5)}.modal-header{padding:20px 20px 0}.modal-header h3{color:var(--light);font-size:18px;font-family:Futura Medium;margin:0}.modal-body{padding:20px}.modal-body p{color:var(--muted-2);font-size:14px;font-family:Futura Light;margin:0 0 10px;line-height:1.5}.modal-warning{color:var(--pink)!important;font-size:13px!important}.modal-footer{padding:0 20px 20px;display:flex;gap:12px;justify-content:flex-end}.modal-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-family:Futura Medium;cursor:pointer;transition:all .2s ease}.modal-btn-cancel{background:transparent;color:var(--muted-2);border:1px solid rgba(255,255,255,.1)}.modal-btn-cancel:hover{background:var(--black-2);color:var(--light)}.modal-btn-delete{background:var(--pink);color:white}.modal-btn-delete:hover{background:#a03d5a}.chat-header{justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.05);background:var(--black-3);flex-shrink:0}.chat-header,.chat-header-user{display:flex;align-items:center}.chat-header-user{gap:12px;flex:1;min-width:0}.chat-back-btn{display:none;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--muted-2);cursor:pointer;width:40px;height:40px;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;font-size:16px}.chat-back-btn:hover{background:var(--black-2);color:var(--gold);border-color:var(--gold);transform:translateX(-2px)}.chat-avatar{width:45px;height:45px;border-radius:50%;background:var(--gold)}.chat-header-info{display:flex;flex-direction:column;gap:4px}.chat-header-name{font-size:16px;color:var(--light);font-family:Futura Medium}.chat-header-status{font-size:12px;color:#28c76f}.chat-header-actions{display:flex;gap:10px}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;gap:15px;min-height:0;max-height:100%}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--grey);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}.message{display:flex;max-width:70%;animation:messageSlide .3s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-received{align-self:flex-start}.message-sent{align-self:flex-end}.message-bubble{padding:12px 16px;border-radius:12px;position:relative}.message-received .message-bubble{background:var(--black-3);border-bottom-left-radius:4px}.message-sent .message-bubble{background:linear-gradient(135deg,var(--gold) 0,#6b5d4a 100%);border-bottom-right-radius:4px}.message-text{color:var(--light);font-size:14px;line-height:1.5;margin-bottom:6px;word-wrap:break-word}.message-time{font-size:11px;color:var(--muted-2);display:block;text-align:right}.message-sent .message-time{color:rgba(255,255,255,.7)}@media (max-width:768px){.chat-container{grid-template-columns:1fr;height:calc(100vh - 100px);gap:0;margin:0;overflow-x:hidden}.chat-container,.chat-sidebar{border-radius:0;overflow-y:auto}.chat-sidebar{display:none;position:relative;top:0;left:0;width:100%;height:100%;z-index:1}.chat-sidebar.mobile-visible{display:flex!important}.chat-main{flex-direction:column;overflow:hidden}.chat-main,.chat-sidebar.mobile-visible~.chat-main{display:none}.chat-main.active{display:flex!important}.chat-sidebar-header{padding:15px}.chat-sidebar-title{font-size:14px;margin-bottom:12px}.chat-search{position:relative}.chat-search-icon{left:12px;font-size:12px}.chat-search input{padding:8px 12px 8px 35px;font-size:12px;box-sizing:border-box}.conversation-item{padding:12px 15px;gap:10px}.conversation-avatar{width:45px;height:45px}.conversation-header h3{font-size:13px}.last-message{font-size:12px}.chat-main{height:100%;max-height:calc(100vh - 100px)}.chat-header{padding:12px 15px;height:auto}.chat-header-user{gap:10px}.chat-back-btn{width:35px;height:35px;font-size:14px;display:flex!important}.chat-avatar{width:40px;height:40px}.chat-header-name{font-size:14px}.chat-header-status{font-size:11px}.chat-action-btn{width:35px;height:35px}.chat-messages{padding:12px 15px;gap:12px;flex:1;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 250px)}.message{max-width:85%}.message-bubble{padding:10px 14px}.chat-input-container{position:sticky;bottom:0;background:#2B2926;padding:15px;border-top:1px solid rgba(255,255,255,.1)}.message-text{font-size:13px}.message-time{font-size:10px}.chat-input-container{padding:12px 15px;gap:10px}.chat-input{padding:10px 14px;font-size:13px}.chat-send-btn{width:40px;height:40px}.chat-empty{padding:20px}.chat-empty-icon{font-size:48px;margin-bottom:15px}.chat-empty p{font-size:14px}.mobile-show-conversations-btn{display:block}}.image-viewer-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:3000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-viewer-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);backdrop-filter:blur(4px)}.image-viewer-close{position:absolute;top:20px;right:20px;width:45px;height:45px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--light);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:3001;transition:all .2s ease}.image-viewer-close:hover{background:rgba(255,255,255,.2);transform:scale(1.1);border-color:var(--gold);color:var(--gold)}.image-viewer-content{position:relative;max-width:90vw;max-height:90vh;z-index:3001;display:flex;align-items:center;justify-content:center;padding:60px 20px 20px}.image-viewer-content img{max-width:100%;max-height:90vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.5);animation:zoomIn .3s ease}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:768px){.image-viewer-close{top:15px;right:15px;width:40px;height:40px;font-size:18px}.image-viewer-content{max-width:95vw;max-height:95vh;padding:55px 15px 15px}.image-viewer-content img{max-height:95vh}.notifications-dropdown{position:absolute!important;top:60px!important;right:12px!important;left:auto!important;width:calc(100vw - 24px)!important;max-width:380px!important}}