:root{--bg-color:#0e1621;--side-bar-bg:#17212b;--text-color:#f5f5f5;--text-secondary:#708499;--accent-color:#2b5278;--accent-hover:#33618e;--message-out:#2b5278;--message-in:#182533;--input-bg:#17212b;--border-color:#0e1621;--active-chat-bg:#2b5278;--scrollbar-thumb:#3a4b5d;--primary-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0e1621;background-color:var(--bg-color);color:#f5f5f5;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--primary-font);height:100vh;overflow:hidden;width:100vw}#root{height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#3a4b5d;background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4a5d71}button{background:none;border:none;cursor:pointer;outline:none}button,input{color:inherit;font-family:inherit}.mobile-only{display:none}@media (max-width:768px){.mobile-only{display:block}.desktop-only{display:none}}.login-page{align-items:center;background-color:#f0f2f5;display:flex;justify-content:center;min-height:100vh}.login-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.login-container h2{color:#333;margin-bottom:24px}.input-group{margin-bottom:20px;text-align:left}.input-group label{color:#555;display:block;font-weight:700;margin-bottom:8px}.input-group input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:12px;width:100%}.submit-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:12px;transition:background-color .3s ease;width:100%}.submit-button:hover{background-color:#0056b3}.toggle-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;margin-top:16px;transition:color .3s ease}.toggle-button:hover{color:#0056b3}.error-message{color:#dc3545;font-size:14px;margin-bottom:15px}.chat-list-page{background-color:var(--bg-color);display:flex;height:100vh}.side-bar{background-color:var(--side-bar-bg);border-right:1px solid var(--border-color);height:100%;min-width:300px;transition:all .3s ease;width:350px}.chat-list-header,.side-bar{display:flex;flex-direction:column}.chat-list-header{gap:15px;padding:15px}.header-top{align-items:center;display:flex;justify-content:space-between}.header-top h2{font-size:1.2rem;font-weight:600}.search-container{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-secondary);left:12px;position:absolute}.search-input{background-color:var(--bg-color);border:1px solid #0000;border-radius:8px;font-size:.9rem;padding:10px 10px 10px 40px;transition:border-color .2s;width:100%}.search-input:focus{border-color:var(--accent-color);outline:none}.search-results{background-color:var(--side-bar-bg);border-radius:8px;box-shadow:0 4px 12px #00000080;left:0;margin-top:5px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.search-result-item{align-items:center;cursor:pointer;display:flex;padding:10px 15px;transition:background .2s}.search-result-item:hover{background-color:#ffffff0d}.chat-list{flex:1 1;overflow-y:auto}.chat-card{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 15px;transition:background .2s}.chat-card:hover{background-color:#ffffff0d}.chat-card.active{background-color:var(--active-chat-bg)}.chat-avatar{align-items:center;background-color:var(--accent-color);border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.chat-info{flex:1 1;min-width:0}.chat-name-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.chat-name{font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time{color:var(--text-secondary);font-size:.75rem}.last-message{color:var(--text-secondary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content{background-color:var(--bg-color);display:flex;flex:1 1;flex-direction:column}.no-chat-selected{flex:1 1}.logout-button,.no-chat-selected,.profile-button{align-items:center;color:var(--text-secondary);display:flex;justify-content:center}.logout-button,.profile-button{border-radius:50%;padding:8px;transition:background .2s}.logout-button:hover,.profile-button:hover{background-color:#ffffff1a;color:var(--text-color)}@media (max-width:768px){.side-bar{width:100%}.main-content,.side-bar.hidden-mobile{display:none}.main-content.visible-mobile{bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:1000}}.chat-page{background-color:var(--bg-color);display:flex;flex:1 1;flex-direction:column;height:100%}.chat-header{align-items:center;background-color:var(--side-bar-bg);border-bottom:1px solid var(--border-color);display:flex;gap:15px;padding:15px}.chat-header h2{font-size:1.1rem;font-weight:600}.messages-list{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:20px}.message-bubble{align-items:flex-end;display:flex;gap:8px;max-width:70%}.message-bubble.sent{align-self:flex-end;flex-direction:row-reverse}.message-bubble.received{align-self:flex-start;flex-direction:row}.message-content-wrapper{word-wrap:break-word;border-radius:15px;padding:10px 12px;position:relative;white-space:pre-wrap}.message-bubble.sent .message-content-wrapper{background-color:var(--message-out);border-bottom-right-radius:2px}.message-bubble.received .message-content-wrapper{background-color:var(--message-in);border-bottom-left-radius:2px}.message-sender-avatar{align-items:center;background-color:var(--accent-color);border-radius:50%;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:35px;justify-content:center;width:35px}.message-sender-name{font-size:.8rem;font-weight:600;margin-bottom:4px}.message-sender-name,.message-timestamp{color:var(--text-secondary);display:block}.message-timestamp{font-size:.7rem;margin-top:5px;text-align:right}.message-input-area{align-items:center;background-color:var(--side-bar-bg);border-top:1px solid var(--border-color);display:flex;gap:10px;padding:10px 15px}.message-input-area input{background-color:var(--input-bg);border:1px solid #0000;border-radius:20px;flex:1 1;font-size:.9rem;padding:10px 15px;transition:border-color .2s}.message-input-area input:focus{border-color:var(--accent-color);outline:none}.attachment-button,.media-button,.send-button{align-items:center;border-radius:50%;color:var(--text-secondary);display:flex;justify-content:center;padding:8px;transition:background .2s}.attachment-button:hover,.media-button:hover,.send-button:hover{background-color:#ffffff1a;color:var(--text-color)}.message-content-wrapper img,.message-content-wrapper video{border-radius:10px;height:auto;margin-top:5px;max-width:100%}.message-content-wrapper audio{margin-top:5px;width:100%}@media (max-width:768px){.message-bubble{max-width:85%}.message-input-area{padding:8px 10px}.attachment-button,.media-button,.send-button{padding:6px}}.profile-page{align-items:center;background-color:var(--bg-color);color:var(--text-color);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.profile-header{display:flex;justify-content:flex-start;padding-bottom:20px;position:relative;width:100%}.back-button{align-items:center;border-radius:50%;color:var(--text-secondary);display:flex;justify-content:center;padding:5px;transition:background .2s}.back-button:hover{background-color:#ffffff1a;color:var(--text-color)}.profile-info-card{align-items:center;background-color:var(--side-bar-bg);border-radius:15px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-width:400px;padding:30px;position:relative;width:100%}.profile-avatar-wrapper{margin-bottom:20px;position:relative}.profile-avatar{border:3px solid var(--accent-color);border-radius:50%;color:#fff;font-size:3rem;font-weight:700;height:120px;width:120px}.edit-avatar-icon,.profile-avatar{align-items:center;background-color:var(--accent-color);display:flex;justify-content:center}.edit-avatar-icon{border:2px solid var(--side-bar-bg);border-radius:50%;bottom:0;cursor:pointer;padding:8px;position:absolute;right:0;transition:background .2s}.edit-avatar-icon:hover{background-color:var(--accent-hover)}.profile-username{font-size:1.8rem;font-weight:700;margin-bottom:5px}.profile-login{color:var(--text-secondary);font-size:1rem;margin-bottom:20px}.profile-details{width:100%}.detail-item{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-size:.95rem}.detail-value{font-size:.95rem;font-weight:500}.edit-profile-button{background-color:initial;border-radius:50%;color:var(--text-secondary);padding:8px;position:absolute;right:20px;top:20px;transition:background .2s}.edit-profile-button:hover{background-color:#ffffff1a;color:var(--text-color)}@media (max-width:768px){.profile-page{padding:15px}.profile-info-card{padding:20px}.profile-avatar{font-size:2.5rem;height:100px;width:100px}.profile-username{font-size:1.5rem}.profile-login{font-size:.9rem}}
/*# sourceMappingURL=main.eafe5f36.css.map*/