*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;font-family:Arial,sans-serif}.app{margin:0 auto;max-width:800px;padding:20px}.login-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.login-container h1{color:#333;margin-bottom:20px}.login-container form{display:flex;flex-direction:column;width:300px}.login-container input{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:10px}.login-container button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.login-container button:hover{background-color:#45a049}.chat-container{display:flex;flex-direction:column;height:100vh}.chat-container h2{color:#333;margin-bottom:20px}.messages-container{background-color:#fff;border:1px solid #ddd;flex:1 1;overflow-y:auto}.message,.messages-container{border-radius:4px;margin-bottom:10px;padding:10px}.message{background-color:#f1f1f1}.own-message{background-color:#e3f2fd;margin-left:20%}.message-header{display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:5px}.username{color:#333;font-weight:700}.timestamp{color:#888}.message-content{word-break:break-word}.message-form{display:flex}.message-form input{border:1px solid #ddd;border-radius:4px 0 0 4px;flex:1 1;padding:10px}.message-form button{background-color:#4caf50;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.message-form button:hover{background-color:#45a049}.message-form button:disabled{background-color:#ccc;cursor:not-allowed}.message-form input:disabled{background-color:#f5f5f5;cursor:not-allowed}@media (max-width:600px){.app{padding:10px}.login-container form{max-width:300px;width:100%}.own-message{margin-left:10%}}
/*# sourceMappingURL=main.d844a0f4.css.map*/