*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.auth-container{min-height:100vh}.auth-container{align-items:center;display:flex;justify-content:center;padding:20px}.auth-card{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;width:100%}.auth-card h1{color:#667eea;font-size:2rem;margin-bottom:10px;text-align:center}.auth-card h2{color:#333;font-size:1.5rem;font-weight:400;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px;transition:transform .2s,box-shadow .2s;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#fee;border-radius:8px;color:#c33;font-size:14px;margin-bottom:15px;padding:12px;text-align:center}.auth-link{color:#666;margin-top:20px;text-align:center}.auth-link a{color:#667eea;font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.message-item{animation:fadeIn .3s ease-in;display:flex;margin-bottom:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-item.own{justify-content:flex-end}.message-item.other{justify-content:flex-start}.message-content{display:flex;flex-direction:column;max-width:70%}.message-item.own .message-content{align-items:flex-end}.message-item.other .message-content{align-items:flex-start}.message-sender{color:#666;font-size:12px;font-weight:500;margin-bottom:4px}.message-bubble{word-wrap:break-word;border-radius:18px;padding:12px 16px;position:relative}.message-item.own .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.message-item.other .message-bubble{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a;color:#333}.message-text{font-size:15px;line-height:1.4;white-space:pre-wrap}.message-media{margin:0}.message-image,.message-video{border-radius:12px;display:block;max-height:400px;max-width:100%}.message-audio{height:40px;width:250px}.audio-label{align-items:center;color:#666;display:flex;font-size:12px;gap:6px;margin-top:6px}.message-item.own .audio-label{color:#fffc}.message-footer{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:6px}.message-item.other .message-footer{justify-content:flex-start}.message-time{font-size:11px;opacity:.7}.message-status{align-items:center;display:flex;gap:0;margin-left:4px}.message-status.read .status-icon:not(:last-child){margin-right:-4px}.message-status .status-icon{font-size:14px}.message-status.sent .status-icon{color:#fff9}.message-status.delivered .status-icon{color:#4fc3f7}.message-status.read .status-icon{color:#4caf50}.message-item.other .message-status{display:none}@media (max-width:768px){.message-content{max-width:85%}}.message-list{background:#f5f5f5;display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:20px}.no-messages{align-items:center;color:#999;display:flex;flex:1 1;justify-content:center}.no-messages p{font-size:16px}.message-input-container{background:#fff;border-top:1px solid #e0e0e0;padding:20px}.message-input-actions{display:flex;gap:8px;margin-bottom:10px}.action-button{align-items:center;background:#f5f5f5;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:10px;transition:all .2s}.action-button:hover:not(:disabled){background:#e0e0e0;color:#333}.action-button:disabled{cursor:not-allowed;opacity:.5}.action-button.recording{animation:pulse 1.5s ease-in-out infinite;background:#fee;color:#c33}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.message-input-wrapper{align-items:flex-end;display:flex;gap:10px}.message-input{border:2px solid #e0e0e0;border-radius:24px;flex:1 1;font-family:inherit;font-size:15px;max-height:120px;overflow-y:auto;padding:12px 16px;resize:none;transition:border-color .2s}.message-input:focus{border-color:#667eea;outline:none}.message-input:disabled{background:#f5f5f5;cursor:not-allowed}.send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:48px;justify-content:center;min-width:48px;padding:12px 20px;transition:transform .2s,box-shadow .2s}.send-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.recording-indicator{align-items:center;animation:slideDown .3s ease-out;background:#fee;border-radius:8px;color:#c33;display:flex;font-size:14px;gap:8px;margin-top:10px;padding:8px 12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.recording-dot{animation:blink 1s ease-in-out infinite;background:#c33;border-radius:50%;height:10px;width:10px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.message-input::-webkit-scrollbar{width:6px}.message-input::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.message-input::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.message-input::-webkit-scrollbar-thumb:hover{background:#555}.chat-container{background:#f5f5f5;display:flex;height:100vh}.chat-sidebar{background:#fff;border-right:1px solid #e0e0e0;box-shadow:2px 0 5px #0000001a;display:flex;flex-direction:column;width:300px}.sidebar-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;color:#fff;justify-content:space-between;padding:20px}.sidebar-header,.user-info{align-items:center;display:flex}.user-info{gap:12px}.user-avatar{align-items:center;background:#ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.user-details h3{font-size:16px;font-weight:600;margin:0}.user-role{font-size:12px;opacity:.9;text-transform:capitalize}.logout-button{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:background .2s}.logout-button:hover{background:#ffffff4d}.users-list{flex:1 1;overflow-y:auto}.users-list-header{background:#f9f9f9;border-bottom:1px solid #e0e0e0;color:#666;font-weight:600;gap:8px}.user-item,.users-list-header{align-items:center;display:flex;padding:15px 20px}.user-item{border-bottom:1px solid #f0f0f0;cursor:pointer;gap:12px;transition:background .2s}.user-item:hover{background:#f5f5f5}.user-item.active{background:#e8e8ff;border-left:3px solid #667eea}.user-item .user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:18px;height:45px;width:45px}.user-item-info{flex:1 1}.user-item-name{color:#333;font-weight:600;margin-bottom:4px}.user-item-role{color:#999;font-size:12px;text-transform:capitalize}.loading-users,.no-users{color:#999;padding:20px;text-align:center}.chat-main{background:#fff;display:flex;flex:1 1;flex-direction:column}.chat-header{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;padding:20px}.chat-user-info{align-items:center;display:flex;gap:12px}.chat-user-info .user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:18px;height:45px;width:45px}.chat-user-info h3{color:#333;font-size:18px;margin:0}.chat-user-role{color:#999;font-size:12px;text-transform:capitalize}.chat-empty{align-items:center;color:#999;display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center}.chat-empty h2{color:#666;font-weight:400;margin:0}.message-list::-webkit-scrollbar,.users-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-track,.users-list::-webkit-scrollbar-track{background:#f1f1f1}.message-list::-webkit-scrollbar-thumb,.users-list::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.message-list::-webkit-scrollbar-thumb:hover,.users-list::-webkit-scrollbar-thumb:hover{background:#555}.loading-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.45a5ac11.css.map*/