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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#128c7e;--secondary-color:#075e54;--light-gray:#f0f2f5;--medium-gray:#e5e5e5;--dark-gray:#667781;--text-color:#111b21;--outgoing-bg:#dcf8c6;--incoming-bg:#fff;--event-bg:#f5f5f5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f2f5;background-color:var(--light-gray);color:#111b21;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app,body{overflow:hidden}.app{background-color:#fff;box-shadow:0 0 10px #0000001a;display:flex;height:100vh;width:100%}.error{background-color:#ffebee;color:#c62828;left:0;padding:10px;position:absolute;right:0;text-align:center;top:0;z-index:100}.account-sidebar{background-color:#f0f2f5;background-color:var(--light-gray);min-width:200px;overflow-x:hidden;overflow-y:auto;width:250px}.account-sidebar,.chat-sidebar{border-right:1px solid #e5e5e5;border-right:1px solid var(--medium-gray);display:flex;flex-direction:column;height:100%}.chat-sidebar{max-width:350px;min-width:250px;overflow:hidden;width:300px}.chat-content{flex:1 1;overflow:hidden}.account-list,.chat-content{display:flex;flex-direction:column;height:100%}.account-list{overflow-x:hidden;overflow-y:auto}.account-list-header{align-items:center;background-color:#128c7e;background-color:var(--primary-color);color:#fff;display:flex;justify-content:space-between;padding:15px}.account-list-header h2{font-size:16px;font-weight:500;margin:0}.add-account-button{align-items:center;background-color:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.add-account-button:hover{background-color:#ffffff4d;transform:scale(1.1)}.add-account-button-primary{background-color:#128c7e;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px 20px;transition:background-color .2s}.add-account-button-primary:hover{background-color:#075e54;background-color:var(--secondary-color)}.account-list ul{list-style:none;padding:0}.account-list li{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--medium-gray);cursor:pointer;display:flex;justify-content:space-between;padding:15px;position:relative;transition:background-color .2s}.account-list li.selected,.account-list li:hover{background-color:#e9edef}.account-info{flex:1 1}.account-name{font-weight:500;margin-bottom:5px}.account-type{color:#667781;color:var(--dark-gray);font-size:12px}.delete-account-button{align-items:center;background-color:initial;border:none;border-radius:50%;color:#667781;color:var(--dark-gray);cursor:pointer;display:flex;font-size:24px;height:28px;justify-content:center;line-height:1;opacity:.6;padding:0;transition:all .2s;width:28px}.delete-account-button:hover{background-color:#ffebee;color:#c62828;opacity:1;transform:scale(1.1)}.chat-list{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto}.chat-list-header{align-items:center;background-color:#128c7e;background-color:var(--primary-color);color:#fff;display:flex;justify-content:space-between;padding:15px;position:sticky;top:0;z-index:1}.chat-list-header h2{font-size:16px;font-weight:500;margin:0}.chat-list ul{list-style:none;padding:0}.chat-list li{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--medium-gray);cursor:pointer;padding:15px;transition:background-color .2s}.chat-list li.selected,.chat-list li:hover{background-color:#e9edef}.chat-header{align-items:flex-start;display:flex;justify-content:space-between}.chat-name{font-weight:500;margin-bottom:5px;word-break:break-word}.chat-time{color:#667781;color:var(--dark-gray);font-size:12px;margin-left:8px;white-space:nowrap}.unread-badge{background-color:#128c7e;background-color:var(--primary-color);border-radius:50%;color:#fff;display:inline-block;font-size:12px;height:20px;line-height:20px;margin-left:10px;text-align:center;width:20px}.empty-list{padding:20px}.empty-list,.empty-state{color:#667781;color:var(--dark-gray);text-align:center}.empty-state{align-items:center;background-color:#f8f9fa;display:flex;font-size:16px;height:100%;justify-content:center;padding:0 20px}.chat-window{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-window .chat-header{align-items:center;background-color:#f0f2f5;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--medium-gray);display:flex;justify-content:space-between;padding:15px;position:sticky;top:0;z-index:10}.chat-window .chat-header h2{font-size:16px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-info{color:#667781;color:var(--dark-gray);font-size:12px;margin-top:5px}.messages-container{background-color:#f5f5f5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23e2dfd9' fill-opacity='.4' fill-rule='evenodd'/%3E%3C/svg%3E");box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:20px;width:100%}.empty-messages,.loading{align-items:center;color:#667781;color:var(--dark-gray);display:flex;height:100%;justify-content:center}.message-input{align-items:center;background-color:#f0f0f0;border-top:1px solid #e0e0e0;display:flex;padding:10px 16px}.message-input input{background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;flex:1 1;font-size:15px;outline:none;padding:12px 15px;transition:border-color .2s}.message-input input:focus{border-color:#128c7e;border-color:var(--primary-color)}.message-input button{background-color:#128c7e;background-color:var(--primary-color);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:15px;margin-left:10px;padding:10px 20px;transition:background-color .2s}.message-input button:hover{background-color:#075e54;background-color:var(--secondary-color)}.message-input button:disabled{background-color:#ccc;cursor:not-allowed}.message-bubble{box-sizing:border-box;clear:both;display:flex;flex-direction:column;margin-bottom:14px;max-width:70%;position:relative}.message-bubble.sent{align-self:flex-end;margin-left:auto;margin-right:10px}.message-bubble.received{align-self:flex-start;margin-left:10px;margin-right:auto}.message-content{border-radius:16px;box-shadow:0 1px 2px #0000001a;max-width:100%;overflow:hidden;padding:10px 14px;position:relative;word-break:break-word}.message-bubble.sent .message-content{background-color:#dcf8c6;background-color:var(--outgoing-bg);border-top-right-radius:4px}.message-bubble.received .message-content{background-color:#fff;background-color:var(--incoming-bg);border-top-left-radius:4px}.message-text{word-wrap:break-word;font-size:14px;line-height:1.5;margin-bottom:5px;max-width:100%;overflow-wrap:break-word;white-space:pre-wrap}.message-footer{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.message-timestamp{color:#8c8c8c;font-size:11px}.message-status{align-items:center;display:inline-flex;height:16px;justify-content:center;min-width:16px}.message-status svg{display:block;height:16px;width:16px}.message-status.delivered svg path,.message-status.sent svg path{stroke:#999}.message-status.seen svg path{stroke:#4fc3f7}.event-message{border-radius:8px;font-size:12px;margin:10px auto;max-width:80%;text-align:center}.event-message,.quoted-message{background-color:#0000000d;color:#666;padding:6px 10px}.quoted-message{border-left:3px solid #128c7e;border-left:3px solid var(--primary-color);border-radius:4px;font-size:13px;margin-bottom:8px}.quoted-content{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachments{box-sizing:border-box;gap:8px;max-width:100%;width:100%}.attachment-placeholder,.attachments{display:flex;flex-direction:column;margin-bottom:5px}.attachment-placeholder{align-items:center;background-color:#00000008;border-radius:12px;justify-content:center;min-height:100px;padding:30px}.placeholder-icon{font-size:32px;margin-bottom:8px;opacity:.5}.placeholder-text{color:#667781;color:var(--dark-gray);font-size:13px;opacity:.7}.image-attachment{background-color:#f0f0f0;border-radius:12px;margin-bottom:5px;max-width:100%;overflow:hidden;position:relative;transition:transform .2s}.image-attachment:hover{transform:scale(1.02)}.image-attachment img{border-radius:8px;cursor:pointer;display:block;height:auto;margin:0 auto;max-height:400px;max-width:100%;object-fit:contain;width:auto}.audio-attachment{background-color:#0000000d;border-radius:12px;display:block;margin-bottom:8px;max-width:400px;min-width:280px;padding:10px;width:100%}.audio-attachment audio{border-radius:8px;display:block!important;height:54px!important;outline:none;width:100%!important}.audio-attachment audio::-webkit-media-controls-enclosure,.audio-attachment audio::-webkit-media-controls-panel{background-color:#ffffffe6;border-radius:6px}.audio-attachment audio::-webkit-media-controls-current-time-display,.audio-attachment audio::-webkit-media-controls-time-remaining-display{color:#333}.audio-attachment audio::-moz-media-controls{background-color:#ffffffe6;border-radius:6px}.audio-duration{color:#667781;color:var(--dark-gray);font-size:11px;margin-top:8px;padding-left:4px;text-align:left}.video-attachment{background-color:#000;border-radius:12px;margin-bottom:8px;max-width:100%;overflow:hidden;width:100%}.video-attachment video{border-radius:8px;display:block;height:auto;margin:0;max-height:400px;max-width:100%;object-fit:contain;width:100%}.file-attachment{background-color:#00000008;border-radius:12px;gap:12px;margin-bottom:5px;max-width:100%;padding:12px}.file-attachment,.file-icon{align-items:center;display:flex}.file-icon{color:#128c7e;color:var(--primary-color);flex-shrink:0;justify-content:center}.file-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.file-name{color:#111b21;color:var(--text-color);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-type{color:#667781;color:var(--dark-gray);font-size:11px}.file-download-btn{background-color:#128c7e;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s;white-space:nowrap}.file-download-btn:hover{background-color:#075e54;background-color:var(--secondary-color)}.reactions{display:flex;flex-wrap:wrap;margin-top:5px}.reaction{background-color:#ffffffe6;border-radius:12px;box-shadow:0 1px 3px #0000001a;font-size:14px;margin-bottom:5px;margin-right:5px;padding:3px 8px}@media (max-width:900px){.app{flex-direction:column;height:100vh;overflow:hidden}.account-sidebar,.chat-sidebar{height:auto;max-height:30vh;max-width:100%;min-width:100%;width:100%}.chat-content{flex:1 1;height:auto;min-height:40vh}.message-bubble{max-width:85%}}@media (max-width:600px){.message-input{padding:8px}.message-input input{padding:10px}.message-input button{font-size:14px;padding:8px 16px}.message-bubble{max-width:90%}.audio-attachment audio{max-width:200px;width:100%}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalFadeIn .2s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:0;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header{align-items:center;background-color:#f0f2f5;background-color:var(--light-gray);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--medium-gray);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#111b21;color:var(--text-color);font-size:20px;font-weight:500;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#667781;color:var(--dark-gray);cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:background-color .2s;width:32px}.close-button:hover{background-color:#0000001a}.modal-body{justify-content:center;min-height:300px;padding:30px}.modal-body,.qr-container{align-items:center;display:flex;flex-direction:column}.qr-container{text-align:center;width:100%}.qr-code{background-color:#fff;border:2px solid #e5e5e5;border:2px solid var(--medium-gray);border-radius:8px;box-shadow:0 4px 12px #0000001a;height:300px;margin-bottom:20px;padding:10px;width:300px}.instructions{max-width:400px;width:100%}.instructions h3{color:#111b21;color:var(--text-color);font-size:18px;margin-bottom:15px}.instructions ol{color:#667781;color:var(--dark-gray);margin-bottom:20px;padding-left:20px;text-align:left}.instructions li{line-height:1.5;margin-bottom:8px}.waiting-text{animation:pulse 1.5s ease-in-out infinite;color:#128c7e;color:var(--primary-color);font-size:16px;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-message{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.status-message p{color:#667781;color:var(--dark-gray);font-size:16px;margin:10px 0}.status-message.success,.status-message.success p{color:#128c7e;color:var(--primary-color)}.status-message.success p{font-weight:500}.status-message.error p{color:#c62828}.success-icon{align-items:center;animation:successPop .4s ease-out;background-color:#128c7e;background-color:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;height:60px;justify-content:center;margin-bottom:10px;width:60px}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.spinner{animation:spin 1s linear infinite;border:4px solid #f0f2f5;border-top:4px solid #128c7e;border:4px solid var(--light-gray);border-radius:50%;border-top-color:var(--primary-color);height:50px;margin-bottom:15px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.retry-button{background-color:#128c7e;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-top:15px;padding:12px 24px;transition:background-color .2s}.retry-button:hover{background-color:#075e54;background-color:var(--secondary-color)}.delete-confirm-modal{max-width:400px}.delete-confirm-modal .modal-body{min-height:auto;padding:30px}.delete-confirm-modal p{color:#111b21;color:var(--text-color);font-size:15px;margin-bottom:15px;text-align:center}.warning-text{color:#c62828!important;font-size:14px!important;font-weight:500;margin-top:10px!important}.confirm-buttons{display:flex;gap:15px;justify-content:center;margin-top:25px;width:100%}.cancel-button,.delete-button{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;min-width:100px;padding:12px 28px;transition:all .2s}.cancel-button{background-color:#f0f2f5;background-color:var(--light-gray);color:#111b21;color:var(--text-color)}.cancel-button:hover:not(:disabled){background-color:#e5e5e5;background-color:var(--medium-gray)}.delete-button{background-color:#c62828;color:#fff}.delete-button:hover:not(:disabled){background-color:#b71c1c}.cancel-button:disabled,.delete-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.modal-content{max-width:95%;width:95%}.qr-code{height:250px;width:250px}.modal-body{padding:20px}.instructions h3{font-size:16px}.instructions li{font-size:14px}}.sync-button{align-items:center;background-color:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;line-height:1;padding:0;transition:all .3s;width:36px}.sync-button:hover:not(:disabled){background-color:#ffffff4d;transform:scale(1.05)}.sync-button:disabled{animation:rotate 1s linear infinite;cursor:not-allowed;opacity:.6}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat-window .chat-header .sync-button{background-color:#128c7e;background-color:var(--primary-color);border:1px solid #075e54;border:1px solid var(--secondary-color);color:#fff}.chat-window .chat-header .sync-button:hover:not(:disabled){background-color:#075e54;background-color:var(--secondary-color)}.load-more-container{align-items:center;display:flex;justify-content:center;margin-bottom:10px;padding:15px 0}.load-more-button{background-color:#128c7e;background-color:var(--primary-color);border:none;border-radius:20px;box-shadow:0 2px 6px #00000026;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.load-more-button:hover:not(:disabled){background-color:#075e54;background-color:var(--secondary-color);box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.load-more-button:disabled{background-color:#ccc;box-shadow:0 1px 3px #0000001a;cursor:not-allowed;opacity:.7;transform:none}.load-more-button:active:not(:disabled){box-shadow:0 1px 3px #00000026;transform:translateY(0)}.login-container{align-items:center;background:linear-gradient(135deg,#128c7e,#075e54);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{animation:loginFadeIn .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:420px;overflow:hidden;width:100%}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-header{background:#128c7e;background:var(--primary-color);color:#fff;padding:40px 30px;text-align:center}.login-header h1{font-size:28px;font-weight:600;margin:0 0 10px}.login-header p{font-size:14px;margin:0;opacity:.9}.login-form{padding:40px 30px}.form-group{margin-bottom:24px}.form-group label{color:#111b21;color:var(--text-color);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e5e5e5;border:2px solid var(--medium-gray);border-radius:8px;box-sizing:border-box;font-size:15px;outline:none;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus{border-color:#128c7e;border-color:var(--primary-color);box-shadow:0 0 0 3px #128c7e1a}.form-group input:disabled{background-color:#f0f2f5;background-color:var(--light-gray);cursor:not-allowed}.login-button{background-color:#128c7e;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .2s;width:100%}.login-button:hover:not(:disabled){background-color:#075e54;background-color:var(--secondary-color);box-shadow:0 4px 12px #128c7e4d;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.login-error{background-color:#ffebee;border-left:4px solid #c62828;border-radius:8px;color:#c62828;font-size:14px;margin-bottom:20px;padding:12px 16px}.login-hint{border-top:1px solid #e5e5e5;border-top:1px solid var(--medium-gray);margin-top:20px;padding-top:20px;text-align:center}.login-hint small{color:#667781;color:var(--dark-gray);font-size:13px}.app-loading{align-items:center;background-color:#f0f2f5;background-color:var(--light-gray);display:flex;flex-direction:column;height:100vh;justify-content:center}.app-loading p{color:#667781;color:var(--dark-gray);font-size:16px;margin-top:20px}.header-buttons{gap:8px}.header-buttons,.logout-button{align-items:center;display:flex}.logout-button{background-color:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.logout-button:hover{background-color:#ffffff4d;transform:scale(1.1)}.search-container{background-color:#f0f2f5;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--medium-gray);padding:12px 15px;position:relative}.search-input{background-color:#fff;border:1px solid #e5e5e5;border:1px solid var(--medium-gray);border-radius:8px;box-sizing:border-box;font-size:14px;outline:none;padding:10px 36px 10px 14px;transition:all .2s;width:100%}.search-input:focus{border-color:#128c7e;border-color:var(--primary-color);box-shadow:0 0 0 2px #128c7e1a}.search-input::placeholder{color:#667781;color:var(--dark-gray);opacity:.7}.clear-search{align-items:center;background:#0000;border:none;border-radius:50%;color:#667781;color:var(--dark-gray);cursor:pointer;display:flex;font-size:24px;height:28px;justify-content:center;line-height:1;padding:0;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .2s;width:28px}.clear-search:hover{background-color:#0000000d;color:#111b21;color:var(--text-color)}.clear-search:active{background-color:#0000001a}@media (max-width:600px){.login-box{border-radius:0;max-width:100%}.login-header{padding:30px 20px}.login-header h1{font-size:24px}.login-form{padding:30px 20px}.search-input{font-size:13px;padding:8px 32px 8px 12px}}
/*# sourceMappingURL=main.04843eb0.css.map*/