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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.contact-list{background:#f8f9fa;border-right:1px solid #ddd;overflow-y:auto;width:30%}.chatList-header{text-align:center}.add-contact{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem .5rem 1rem}.add-contact button,.add-contact input{padding:.5rem}.contact-item{border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding:.5rem}.contact-item button{background-color:red;border:none;color:#fff;cursor:pointer;padding:.2rem .5rem}.noContact{padding:1rem}.placeholder{padding:1rem;text-align:center}.contact-item{border-bottom:1px solid #ddd;padding:1rem}.chat-messages{flex:1 1;overflow-y:auto;padding:1rem}.message{margin-bottom:1rem}.msg{background:#fff;border-radius:12px 4px;color:#3ac733;max-width:80%;padding:.5rem;width:-webkit-fit-content;width:fit-content}.message.sent{display:flex;flex-direction:row-reverse}.message.sent .msg{background:#3ac733;color:#fff}.message-input{background-color:#e1e2e1;border-top:1px solid #ddd;display:flex;padding:.4rem}.message-input input{border:1px solid #ddd;border-radius:4px;flex:1 1;padding:.5rem}.message-input button{background:#007bff;border:none;color:#fff;cursor:pointer;margin-left:.5rem;padding:.5rem 1rem}.message-input button:hover{background:#0056b3}.auth-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif;margin:50px auto;max-width:400px;padding:20px;width:100%}.auth-title{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.auth-form{gap:15px}.auth-form,.input-group{display:flex;flex-direction:column}.input-group label{color:#555;font-size:14px;margin-bottom:5px}.input-group input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px}.input-group input:focus{border-color:#007bff;outline:none}.auth-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s ease}.auth-button:hover{background-color:#0056b3}.auth-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:red;font-size:14px;text-align:center}body{font-family:Arial,sans-serif;margin:0;padding:0}.app-header{align-items:center;display:flex;height:10vh;justify-content:space-between;padding:0 20px}.app-header button{background:#007bff;border:none;border-radius:7px;color:#fff;cursor:pointer;height:-webkit-fit-content;height:fit-content;margin-left:.5rem;padding:10px 15px}.app-container{display:flex;height:90vh;width:100%}.chat-section{background:#c2f6d9;display:flex;flex-direction:column;justify-content:space-between;width:70%}.chat-header,.chatList-header{background:#00000071;color:#fff;padding:1rem}
/*# sourceMappingURL=main.8ca58d5b.css.map*/