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}body{background-color:#f4f4f4;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}.chat-container{background-color:#002a44;display:flex;height:100vh}.sidebar{background-color:#2c3e50;color:#fff;flex:0 0 30%;height:100vh;overflow-y:auto;padding:20px}.chat-area{display:flex;flex:0 0 70%;flex-direction:column}.chat-header{align-items:center;background-color:#013e7c;color:#fff;display:flex;justify-content:space-between;padding:15px}.chat-body{background-color:#f4f4f4;flex:1 1;overflow-y:auto;padding:20px}.message{margin-bottom:20px}.message-header h4{border-bottom:1px solid #ccc;margin:0;padding-bottom:5px}.message-body{display:flex;flex-direction:column}.sent{justify-content:flex-end}.received,.sent{display:flex;margin-bottom:10px}.received{justify-content:flex-start}.message-bubble{background-color:#f4f4f4;border-radius:10px;max-width:70%;padding:10px}.sent .message-bubble{background-color:#5295d9;border-radius:10px 10px 0 10px;color:#fff}.received .message-bubble{background-color:#f4dddd;border-radius:10px 10px 10px 0}.chat-footer{align-items:center;background-color:#2c3e50;display:flex;justify-content:space-between;margin-bottom:5px;margin-top:2px}.message-input{display:flex;width:100%}.message-input input{border:none;border-radius:5px;padding:10px;resize:none;width:100%}.message-input button{background-color:#5295d9;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;width:15%}.message-input button:hover{background-color:#407ab7}.active-user{background-color:#007bff;color:#fff}
/*# sourceMappingURL=main.13e3aa51.css.map*/