.auth-container{align-items:center;background-color:#f0f2f5;display:flex;justify-content:center;min-height:100vh}.auth-box{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:2rem;width:100%}.auth-box h2{color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:#444;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group label{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.form-group input{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:#6b46c1;box-shadow:0 0 0 2px #6b46c133;outline:none}.auth-button{background-color:#6b46c1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:600;padding:.75rem;transition:background-color .2s;width:100%}.auth-button:hover{background-color:#553c9a}.auth-button:disabled{background-color:#a3a3a3;cursor:not-allowed}.session-message{background-color:#fff3cd;color:#856404}.error-message,.session-message{border-radius:4px;margin-bottom:15px;padding:10px;text-align:center}.error-message{background-color:#f8d7da;color:#721c24}.auth-switch{color:#4a5568;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin-top:1rem;text-align:center}.auth-switch span{color:#6b46c1;cursor:pointer;font-weight:500;text-decoration:none}.auth-switch span:hover{text-decoration:underline}.success-box{padding:2rem;text-align:center}.success-box h2{color:#6b46c1;margin-bottom:1rem}.success-box p{color:#4a5568;margin-bottom:1rem}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#6b46c1;height:50px;margin:0 auto 1.5rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.success-box{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat-container{display:flex;height:100vh;position:relative}.users-sidebar{background-color:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;width:280px}.users-list{flex:1 1;overflow-y:auto}.chat-main{background-color:#f8fafc}.chat-main,.messages-wrapper{display:flex;flex:1 1;flex-direction:column}.messages-wrapper{overflow:hidden}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.message{border-radius:16px;font-size:.95rem;line-height:1.4;max-width:70%;padding:12px 16px;position:relative}.message.sent{align-self:flex-end;background-color:#0084ff;color:#fff}.message.received{align-self:flex-start;background-color:#fff;border:1px solid #e2e8f0;color:#1e293b}.message-status{align-items:flex-end;color:#ffffffb3;display:flex;flex-direction:column;font-size:.75rem;margin-top:4px}.status-line{align-items:center;display:flex;gap:4px}.read-time{font-size:.75rem;opacity:.8}.typing-indicator{color:#64748b;font-size:.875rem;font-style:italic;padding:8px 12px}.message-form{background-color:#fff;border-top:1px solid #e2e8f0;display:flex;gap:12px;padding:16px 24px}.message-form input{border:1px solid #e2e8f0;border-radius:24px;flex:1 1;font-size:1rem;padding:12px 16px;transition:border-color .2s}.message-form input:focus{border-color:#6366f1;outline:none}.message-form button{align-items:center;background-color:#0084ff;border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px 16px;transition:background-color .2s}.message-form button:hover{background-color:#0073e6}.message-form button:disabled{background-color:#cbd5e1;cursor:not-allowed}.user-item{border-bottom:1px solid #e2e8f0;cursor:pointer;padding:12px 20px;transition:background-color .2s ease}.user-item:hover{background-color:#f1f5f9}.user-item.active{background-color:#e2e8f0}.user-info{align-items:center;display:flex;padding-right:8px;width:100%}.username{color:#1e293b;font-size:.95rem}.status-indicator{border-radius:50%;height:8px;margin-left:8px;width:8px}.status-indicator.online{background-color:#22c55e}.status-indicator.offline{background-color:#94a3b8}.user-meta{gap:8px;margin-left:auto}.unread-badge,.user-meta{align-items:center;display:flex}.unread-badge{background-color:#f44;border-radius:50%;color:#fff;font-size:11px;height:16px;justify-content:center;min-width:16px;padding:1px 5px}.main-header{align-items:center;background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 24px}.logo h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.users-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px}.app-title{color:#1e293b;flex:1 1;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:-.5px;margin:0;text-align:center}.user-controls{gap:12px}.user-avatar,.user-controls{align-items:center;display:flex}.user-avatar{background-color:#0084ff;border-radius:50%;color:#fff;cursor:pointer;font-weight:500;height:32px;justify-content:center;transition:background-color .2s;width:32px}.user-avatar:hover{background-color:#0073e6}.logout-button{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:color .2s ease}.logout-button:hover{color:#ef4444}.no-chat-selected{align-items:center;color:#64748b;display:flex;flex:1 1;font-size:1.1rem;justify-content:center}.users-toggle{display:none}@media (max-width:768px){.users-sidebar{bottom:0;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%;z-index:10}.users-sidebar.active{transform:translateX(0)}.users-toggle{align-items:center;background-color:#0084ff;border:none;border-radius:50%;bottom:20px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:20px;width:50px;z-index:20}.message{max-width:85%}.main-header,.message-form{padding:12px 16px}.logo h2{font-size:1.1rem}}.loading-messages{align-items:center;background-color:#f8fafc;color:#64748b;display:flex;font-size:1rem;height:100%;justify-content:center}.loading-messages p{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:16px 24px}.Toastify__toast-container{z-index:9999}.search-container{border-bottom:1px solid #e2e8f0;padding:12px 16px;position:relative}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#64748b;font-size:1.1rem;left:12px;position:absolute}.search-input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;font-size:.9rem;padding:8px 12px 8px 36px;transition:all .2s ease;width:100%}.search-input:focus{background-color:#fff;border-color:#6366f1;outline:none}.search-results{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;left:16px;max-height:200px;overflow-y:auto;position:absolute;right:16px;top:100%;z-index:50}.search-result-item{cursor:pointer;padding:10px 16px;transition:background-color .2s}.search-result-item:hover{background-color:#f1f5f9}.search-loading{color:#64748b;font-style:italic;padding:12px 16px;text-align:center}@media (max-width:768px){.search-container{padding:8px 12px}.search-results{left:12px;right:12px}}.message-timestamp{color:#999;font-size:.7rem;margin-top:2px;text-align:right}.received .message-timestamp{text-align:left}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}
/*# sourceMappingURL=main.c7343203.css.map*/