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}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.App,body{min-height:100vh}.App{align-items:center;display:flex;justify-content:center;padding:20px}.login-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:3rem;text-align:center;width:100%}.logo{font-size:4rem;margin-bottom:1rem}.login-container h1{color:#667eea;margin-bottom:.5rem}.login-container p{color:#666;margin-bottom:2rem}.login-container form{display:flex;flex-direction:column;gap:1rem}.login-container input{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:1rem}.login-container input:focus{border-color:#667eea;outline:none}.login-container button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem}.signup-link{font-size:.9rem;margin-top:1.5rem}.signup-link a{color:#667eea;font-weight:600;text-decoration:none}.messenger{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;height:80vh;max-width:1200px;overflow:hidden;width:100%}.sidebar{background:#f8f9fa;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;width:300px}.sidebar-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.sidebar-header button{background:#fff3;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem}.conversations{flex:1 1;overflow-y:auto}.no-conversations{color:#999;padding:2rem;text-align:center}.conversation{border-bottom:1px solid #e0e0e0;cursor:pointer;padding:1rem 1.5rem}.conversation:hover{background:#e8e9eb}.conversation.active{background:#667eea;color:#fff}.conv-name{font-weight:600;margin-bottom:.3rem}.conv-preview{font-size:.9rem;opacity:.7}.chat-area,.no-chat-selected{display:flex;flex:1 1;flex-direction:column}.no-chat-selected{align-items:center;color:#999;justify-content:center}.messages{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:2rem}.message{border-radius:15px;max-width:70%;padding:1rem}.message.sent{align-self:flex-end;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message.received{align-self:flex-start;background:#f0f0f0;color:#333}.message-time{font-size:.75rem;margin-top:.5rem;opacity:.7}.message-input{border-top:1px solid #e0e0e0;display:flex;gap:1rem;padding:1.5rem}.message-input input{border:2px solid #e0e0e0;border-radius:25px;flex:1 1;font-size:1rem;padding:1rem}.message-input button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem}
/*# sourceMappingURL=main.543461db.css.map*/