body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;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}*{box-sizing:border-box}button,input,textarea{font-family:inherit}button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background .3s}button:hover{background:#0056b3}input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.auth-box{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:400px;padding:40px;width:100%}.auth-box h1{color:#333;font-size:28px;margin-bottom:30px;margin-top:0;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:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;width:100%}.error-message{background:#f8d7da;border-radius:4px;color:#dc3545;font-size:14px;margin-bottom:15px;padding:10px}.auth-box button[type=submit]{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:15px;padding:12px;transition:background .3s;width:100%}.auth-box button[type=submit]:hover:not(:disabled){background:#5a67d8}.auth-box button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.toggle-btn{background:#fff;border:2px solid #667eea;border-radius:4px;color:#667eea;cursor:pointer;font-size:14px;padding:10px;transition:all .3s;width:100%}.toggle-btn:hover{background:#667eea;color:#fff}.demo-btn{background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:10px;padding:10px;transition:background .3s;width:100%}.demo-btn:hover{background:#059669}.user-list{flex:1 1;overflow-y:auto}.user-item{align-items:center;border-bottom:1px solid #34495e;cursor:pointer;display:flex;padding:12px 15px;transition:background .3s}.user-item:hover{background:#34495e}.user-item.active{background:#3498db}.user-avatar{align-items:center;background:#7f8c8d;border-radius:50%;display:flex;height:48px;justify-content:center;margin-right:12px;overflow:hidden;width:48px}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.user-info{flex:1 1;min-width:0}.user-name{font-size:14px;font-weight:600}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#bdc3c7;font-size:12px}.chat-box{background:#fff;display:flex;flex-direction:column;height:100%}.chat-header{background:#ecf0f1;border-bottom:1px solid #bdc3c7;padding:15px 20px}.header-content{display:flex;flex-direction:column}.chat-title{color:#2c3e50;font-size:18px;font-weight:600}.chat-email{color:#7f8c8d;font-size:12px}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:15px}.no-messages{align-items:center;color:#95a5a6;display:flex;font-style:italic;height:100%;justify-content:center}.message{word-wrap:break-word;display:flex;flex-direction:column;margin-bottom:8px;max-width:70%}.message.sent{align-items:flex-end;align-self:flex-end}.message.received{align-items:flex-start;align-self:flex-start}.message-content{background:#3498db;border-radius:8px;color:#fff;font-size:14px;line-height:1.4;padding:10px 15px}.message.received .message-content{background:#ecf0f1;color:#2c3e50}.message-time{color:#95a5a6;font-size:11px;margin-top:4px;padding:0 5px}.chat-container{display:flex;height:100vh}.chat-sidebar{background:#2c3e50;border-right:1px solid #34495e;color:#fff;display:flex;flex-direction:column;width:300px}.sidebar-header{align-items:center;border-bottom:1px solid #34495e;display:flex;justify-content:space-between;padding:20px}.sidebar-header h2{font-size:20px;margin:0}.logout-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.logout-btn:hover{background:#c0392b}.chat-main{background:#fff;display:flex;flex:1 1;flex-direction:column}.message-form{background:#ecf0f1;border-top:1px solid #bdc3c7;display:flex;gap:10px;padding:15px}.message-form input{border:1px solid #bdc3c7;border-radius:4px;flex:1 1;font-size:14px;padding:10px 15px}.message-form button{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.message-form button:hover:not(:disabled){background:#2980b9}.no-selection{align-items:center;color:#7f8c8d;display:flex;font-size:18px;height:100%;justify-content:center}.app{height:100vh;overflow:hidden;width:100%}.loading{align-items:center;background:#ecf0f1;color:#7f8c8d;display:flex;font-size:18px;height:100vh;justify-content:center}
/*# sourceMappingURL=main.98e07964.css.map*/