body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root,.App,body,html{height:100%;margin:0;padding:0;width:100%}:root{--primary-color:#6a4feb;--primary-dark:#5a3fd9;--primary-light:#f0f0ff;--text-dark:#333;--text-medium:#666;--text-light:#999;--border-color:#e0e0e0;--background-light:#f5f5f7;--white:#fff}@media (max-width:768px){.MessagingContainer{flex-direction:column}.Sidebar{align-items:center;flex-direction:row;height:60px;width:100%}.ConversationList,.SearchBar{display:none}.Header{border-bottom:none;padding:10px}.LoginCard{padding:20px;width:90%}}@media (max-width:480px){.MessageBubble{max-width:85%}.InputArea{padding:10px}.MessageInput{margin:0 5px}}.v-badge{display:inline-block}.v-avatar,.v-badge,.v-badge__wrapper{position:relative}.v-avatar{border-radius:50%;overflow:hidden}.v-img__img--contain{height:100%;object-fit:contain;width:100%}.v-badge__badge{background-color:#4caf50;border:2px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}body{background-color:#f0f2f5;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;line-height:1.4;margin:0;overflow:hidden}#root{height:100%}.app-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.app-header{background-color:#fff;border-bottom:1px solid #eee;box-shadow:0 2px 4px #00000014;color:#333;flex-shrink:0;font-size:1.2em;font-weight:700;padding:10px 20px;text-align:center}.chat-layout{display:grid;grid-template-columns:60px 300px 1fr;height:100%;overflow:hidden}.leftmost-sidebar{align-items:center;background-color:#fff;color:#fff;display:flex;flex-direction:column;flex-shrink:0;padding:15px 0;width:50px}.sidebar-header{display:flex}.sidebar-header,.sidebar-header1{cursor:pointer;margin-bottom:20px;margin-left:5px}.sidebar-logo,.sidebar-profile{border:2px solid #ee84844d;border-radius:50%;height:60px;object-fit:cover;width:60px}.sidebar-logo,.sidebar-nav{height:50px;width:100%}.sidebar-nav ul{align-items:center;display:flex;flex-direction:column;list-style:none;margin:0;padding:0;width:100%}.sidebar-nav li{cursor:pointer;font-size:1.5em;opacity:.7;padding:15px 0;text-align:center;transition:background-color .2s ease,opacity .2s ease;width:100%}.sidebar-nav li:hover{background-color:#2530ca80;opacity:1}.sidebar-nav li.active{background-color:#421dca80;opacity:1;position:relative}.sidebar-nav li.active:after{background-color:#fff;bottom:0;content:"";left:0;top:0;width:3px}.sidebar-footer{align-items:center;cursor:pointer;margin-top:auto;padding-top:20px}.left-panel{background-color:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:300px}.left-panel-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;justify-content:space-between;padding:15px}.left-panel-header h3{font-size:1.1em;font-weight:700;margin:0}.left-panel-header .add-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:1.5em;transition:color .2s ease}.left-panel-header .add-button:hover{color:#0056b3}.search-input{align-items:center;border-bottom:1px solid #e9ecef;color:#6c757d;display:flex;flex-shrink:0;padding:10px 15px}.search-input input{background:none;border:none;flex-grow:1;font-size:.9em;margin-left:8px;outline:none;padding:8px}.search-input input::placeholder{color:#adb5bd}.panel-content{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto}.contact-list ul,.conversation-list ul{list-style:none;margin:0;padding:0}.contact-list li,.conversation-list li{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;padding:12px 15px;position:relative;transition:background-color .2s ease}.contact-list li:hover,.conversation-list li:hover{background-color:#f8f9fa}.conversation-list li.active{background-color:#e9ecef}.contact-avatar,.conv-avatar{border-radius:50%;height:40px;margin-right:12px;object-fit:cover;width:40px}.contact-info,.conv-info{flex-grow:1;overflow:hidden}.contact-name,.conv-name{font-size:1em;font-weight:600;margin-bottom:4px}.contact-name,.conv-last-msg,.conv-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-last-msg{color:#666;font-size:.9em}.unread-count{background-color:#dc3545;border-radius:50%;color:#fff;font-size:.75em;line-height:1;min-width:10px;padding:2px 7px;position:absolute;right:15px;text-align:center;top:15px}.contact-status{color:#666;font-size:.8em}.contact-status.online{color:#28a745;font-weight:600}.contact-status.offline{color:#6c757d}.settings-view{padding:15px}.settings-view h4{font-size:1.1em;margin-bottom:15px;margin-top:0}.settings-view .account-switcher{border-bottom:none;padding:0}.chat-area{background-color:#e9ebee;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;position:relative}.chat-placeholder{color:#6c757d;flex-grow:1;font-size:1.2em;justify-content:center;text-align:center}.chat-header,.chat-placeholder{align-items:center;display:flex}.chat-header{background-color:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 2px #0000000d;flex-shrink:0;padding:10px 20px}.chat-conv-avatar{border-radius:50%;height:45px;margin-right:15px;object-fit:cover;width:45px}.chat-conv-info{flex-grow:1;overflow:hidden}.chat-conv-name{font-size:1.1em;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-conv-status{color:#666;font-size:.9em}.chat-actions{align-items:center;display:flex}.chat-actions>*{color:#6c757d;cursor:pointer;font-size:1.3em;margin-left:15px;transition:color .2s ease}.chat-actions>:hover{color:#007bff}.messages-list{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:20px}.message{word-wrap:break-word;border-radius:15px;clear:both;margin-bottom:15px;max-width:75%;padding:10px 15px;position:relative}.message.sent{align-self:flex-end;background-color:#dcf8c6}.message.received{align-self:flex-start;background-color:#fff}.message-sender{color:#007bff;font-size:.8em;font-weight:600;margin-bottom:5px}.message.sent .message-sender{display:none}.message-content{font-size:1em;margin-bottom:4px}.message-timestamp{background-color:inherit;bottom:5px;color:#888;font-size:.7em;padding-left:10px;position:absolute;right:10px;text-align:right}.message.received .message-timestamp{left:10px;right:auto;text-align:left}.message-input{align-items:center;background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;flex-shrink:0;padding:15px 20px}.message-input input[type=text]{border:1px solid #ced4da;border-radius:20px;flex-grow:1;font-size:1em;margin-right:10px;outline:none;padding:10px 15px;transition:border-color .2s ease,box-shadow .2s ease}.message-input input[type=text]:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.message-input button{background-color:#28a745;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:10px 20px;transition:background-color .2s ease}.message-input button:hover{background-color:#218838}@media (max-width:768px){.chat-layout{grid-template-columns:60px 1fr}.left-panel{width:250px}}@media (max-width:576px){.chat-layout{grid-template-columns:50px 1fr}.leftmost-sidebar{padding:10px 0;width:50px}.sidebar-logo,.sidebar-profile{height:35px;width:35px}.sidebar-nav li{font-size:1.3em;padding:12px 0}.left-panel{width:200px}.chat-header{padding:8px 15px}.chat-conv-avatar{height:35px;margin-right:10px;width:35px}.chat-conv-name{font-size:1em}.chat-conv-status{font-size:.8em}.chat-actions>*{font-size:1.1em;margin-left:10px}.messages-list{padding:15px}.message{border-radius:12px;max-width:85%;padding:8px 12px}.message-input{padding:10px 15px}.message-input input{padding:8px 12px}.message-input button{padding:8px 15px}}
/*# sourceMappingURL=main.0d883e53.css.map*/