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:#00a884;--bg-color:#f0f2f5;--sidebar-bg:#fff;--chat-bg:#efeae2;--incoming-msg:#fff;--outgoing-msg:#d9fdd3;--border-color:#e9edef;--icon-color:#54656f;--unread-color:#25d366;--modal-bg:#000000d9}*{box-sizing:border-box}#root,body,html{background-color:#f0f2f5;background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100%;margin:0;padding:0}.app-container{display:flex;flex-direction:column;height:100vh}.session-tabs{background-color:#f0f2f5;border-bottom:1px solid #d1d7db;display:flex;overflow-x:auto;padding:8px 8px 0}.tab{align-items:center;background-color:#e1e1e1;border-radius:8px 8px 0 0;color:#54656f;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-right:4px;padding:10px 30px 10px 20px;position:relative;transition:all .2s;-webkit-user-select:none;user-select:none}.tab:hover{background-color:#d1d1d1}.tab.active{background-color:#fff;border-bottom:2px solid #00a884;border-bottom:2px solid var(--primary-color);color:#111b21;font-weight:500}.add-tab{font-size:18px;font-weight:700;padding:10px 15px}.close-tab-btn{align-items:center;border-radius:50%;color:#667781;display:flex;font-size:14px;height:18px;justify-content:center;opacity:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s;width:18px}.close-tab-btn:hover{background-color:#f0f2f5;color:#ea0038}.tab.active .close-tab-btn,.tab:hover .close-tab-btn{opacity:1}.status-indicator{font-size:10px}.status-indicator.working{color:#00a884}.status-indicator.stopped{color:#ea0038}.status-indicator.starting{color:#ffd900}.main-content{background-color:#fff;flex:1 1;overflow:hidden;position:relative}.chat-interface{display:flex;height:100%}.sidebar{background-color:#fff;background-color:var(--sidebar-bg);border-right:1px solid #e9edef;border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;min-width:380px;width:380px}.search-bar{background-color:#fff;border-bottom:1px solid #e9edef;border-bottom:1px solid var(--border-color);padding:10px}.search-input-wrapper{align-items:center;background-color:#f0f2f5;border-radius:8px;display:flex;padding:0 10px}.search-icon{color:#54656f;color:var(--icon-color)}.search-bar input{background:#0000;border:none;font-size:14px;outline:none;padding:8px 10px;width:100%}.chat-list{flex:1 1;overflow-y:auto}.chat-item{align-items:center;border-bottom:1px solid #f5f6f6;cursor:pointer;display:flex;padding:12px 15px;transition:background .2s}.chat-item:hover{background-color:#f5f6f6}.chat-item.active{background-color:#f0f2f5}.avatar-placeholder{align-items:center;background-color:#dfe5e7;border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;height:45px;margin-right:15px;width:45px}.avatar-placeholder,.chat-info{display:flex;justify-content:center}.chat-info{flex:1 1;flex-direction:column;overflow:hidden}.chat-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.chat-name{color:#111b21;font-size:16px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{color:#667781;font-size:12px}.chat-preview-row{align-items:center;display:flex;justify-content:space-between}.chat-preview{color:#667781;font-size:13px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background-color:#25d366;background-color:var(--unread-color);border-radius:10px;color:#fff;font-size:10px;font-weight:500;margin-left:5px;min-width:18px;padding:2px 5px;text-align:center}.main-chat{background-color:#efeae2;background-color:var(--chat-bg);background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-repeat:repeat;display:flex;flex:1 1;flex-direction:column;min-width:0;opacity:.99}.chat-header{align-items:center;background-color:#f0f2f5;border-bottom:1px solid #e9edef;border-bottom:1px solid var(--border-color);display:flex;height:60px;padding:10px 20px}.chat-avatar-small .avatar-placeholder{font-size:16px;height:40px;width:40px}.header-info{display:flex;flex-direction:column;justify-content:center}.header-info h3{font-size:16px;font-weight:500;margin:0}.status-text{color:#667781;font-size:12px}.messages-area{flex:1 1;gap:8px;overflow-y:auto;padding:20px 60px}.message-row,.messages-area{display:flex;flex-direction:column}.message-row{margin-bottom:4px}.message-row.me{align-items:flex-end}.message-row.them{align-items:flex-start}.message-bubble{border-radius:7.5px;box-shadow:0 1px .5px #0b141a21;font-size:14.2px;line-height:19px;max-width:65%;padding:6px 7px 8px 9px;position:relative}.message-bubble.me{background-color:#d9fdd3;background-color:var(--outgoing-msg);border-top-right-radius:0}.message-bubble.them{background-color:#fff;background-color:var(--incoming-msg);border-top-left-radius:0}.message-text{word-wrap:break-word;margin-bottom:15px;white-space:pre-wrap}.media-caption{color:#111b21;font-size:14.2px;margin-bottom:15px;margin-top:4px}.message-footer{align-items:center;display:flex;gap:5px;justify-content:flex-end;margin-top:-10px}.message-time{color:#667781;font-size:11px}.delete-btn{align-items:center;background:none;border:none;color:#8696a0;cursor:pointer;display:flex;opacity:0;padding:0;transition:opacity .2s}.message-bubble:hover .delete-btn{opacity:1}.delete-btn:hover{color:#ea0038}.input-area{align-items:center;background-color:#f0f2f5;display:flex;gap:10px;min-height:60px;padding:10px 15px}.input-form{display:flex;flex:1 1}.input-area input[type=text]{border:1px solid #fff;border-radius:8px;font-size:15px;outline:none;padding:9px 12px;width:100%}.btn-icon{align-items:center;background:none;border:none;color:#54656f;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:color .2s}.btn-icon:hover{color:#00a884;color:var(--primary-color)}.file-preview{margin-bottom:5px}.media-image-container,.media-video-container{border-radius:8px;cursor:pointer;max-width:300px;overflow:hidden;position:relative}.media-image,.media-video{display:block;height:auto;max-height:300px;object-fit:cover;width:100%}.blur-thumbnail{filter:blur(10px);transform:scale(1.1)}.media-image-container.is-thumbnail,.media-video-container.is-thumbnail{background-color:#e9edef;min-height:100px;min-width:150px}.media-overlay{align-items:center;background-color:#00000040;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:8px;justify-content:center;left:0;position:absolute;right:0;top:0;transition:background-color .2s;z-index:10}.media-overlay:hover{background-color:#0006}.retry-overlay{background-color:#0009;border-radius:4px;bottom:5px;color:#fff;cursor:pointer;font-size:10px;padding:2px 5px;position:absolute;right:5px;z-index:20}.retry-overlay:hover{background-color:#000c}.video-thumbnail-wrapper{overflow:hidden;position:relative;width:100%}.video-thumbnail{display:block;width:100%}.media-placeholder{align-items:center;background-color:#0000000d;color:#54656f;cursor:pointer;display:flex;flex-direction:column;gap:8px;height:150px;justify-content:center;width:200px}.media-audio-container{width:300px}.media-audio{width:100%}.media-document{align-items:center;background-color:#0000000d;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px}.document-info{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.document-status{color:#00a884;color:var(--primary-color);font-size:10px;margin-left:5px}.document-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-type{color:#667781;font-size:11px}.media-modal-overlay{animation:fadeIn .2s ease-in-out;background-color:#000000d9;background-color:var(--modal-bg);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1000}.media-modal-header{background:linear-gradient(180deg,#00000080,#0000);color:#fff;display:flex;justify-content:flex-end;padding:20px}.modal-actions{display:flex;gap:20px}.modal-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:background .2s}.modal-btn:hover{background-color:#ffffff1a}.media-modal-content{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:20px}.modal-image{box-shadow:0 4px 12px #00000080;object-fit:contain}.modal-image,.modal-video{max-height:100%;max-width:100%}.modal-pdf{background:#fff;border:none;height:100%;width:80%}.media-modal-footer{background:linear-gradient(0deg,#00000080,#0000);color:#fff;padding:20px;text-align:center}.modal-caption{font-size:16px;margin:0 auto;max-width:800px}.dropdown-container{position:relative}.dropdown-menu{animation:fadeIn .1s ease;background:#fff;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:150px;overflow:hidden;padding:5px 0;position:absolute;right:0;top:100%;z-index:1100}.dropdown-item{align-items:center;color:#111b21;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 15px;transition:background .1s}.dropdown-item:hover{background-color:#f0f2f5}.dropdown-item.delete{color:#ea0038}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spinner{animation:spin 1s linear infinite;display:inline-block}.spinner.large{color:#00a884;color:var(--primary-color)}.loading-state{color:#54656f;flex-direction:column;gap:15px;padding:40px;text-align:center}.loading-state,.loading-text{align-items:center;display:flex;justify-content:center}.loading-text{gap:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container,.new-session-container{align-items:center;background-color:#f0f2f5;background-color:var(--bg-color);display:flex;height:100%;justify-content:center;width:100%}.create-session-form,.login-form,.qr-container{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.create-session-form h3,.login-form h2,.qr-container h3{color:#41525d;margin-bottom:20px;margin-top:0}.create-session-form input,.login-form input{border:1px solid #ddd;border-radius:6px;font-size:16px;margin-bottom:20px;padding:12px;width:100%}.create-session-form button,.login-form button{background-color:#00a884;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background .2s;width:100%}.create-session-form button:hover,.login-form button:hover{background-color:#008f6f}.qr-wrapper{display:flex;justify-content:center;margin:20px 0}.qr-wrapper img{background:#fff;border:1px solid #ddd;max-width:264px;padding:10px}.loading-spinner{background:#f0f2f5;border-radius:4px;color:#54656f;height:264px;width:264px}.loading-spinner,.no-chat-selected{align-items:center;display:flex;justify-content:center}.no-chat-selected{background-color:#f0f2f5;border-bottom:6px solid #25d366;color:#41525d;height:100%}.welcome-placeholder{color:#41525d;text-align:center}.welcome-placeholder h2{font-size:32px;font-weight:300;margin-bottom:10px}.message-sender-name{color:#d74694;font-size:13px;font-weight:500;line-height:18px;margin-bottom:4px}
/*# sourceMappingURL=main.0b7a625e.css.map*/