.messaging-container{background-color:#1e1e1e;border-radius:10px;box-shadow:0 4px 10px #000000b3;margin:0 auto;max-width:600px;padding:20px;width:100%}.chat-title{color:#1e90ff;font-family:sans-serif;font-size:24px;font-weight:700;margin-bottom:10px;text-align:center}.chat-box{background-color:#2b2b2b;border:1px solid #3a3a3a;border-radius:10px;height:400px;margin-bottom:10px;overflow-y:scroll;padding:15px;scrollbar-color:#444 #2b2b2b;scrollbar-width:thin}.chat-box::-webkit-scrollbar{width:8px}.chat-box::-webkit-scrollbar-thumb{background-color:#444;border-radius:10px}.chat-box::-webkit-scrollbar-thumb:hover{background-color:#555}.chat-box::-webkit-scrollbar-track{background-color:#2b2b2b;border-radius:10px}.message-container{border-bottom:1px solid #444;color:#ccc;padding-bottom:10px}.chat-date{color:#999;font-size:14px;margin-bottom:10px;text-align:center}.local-message{align-self:flex-end;background-color:#4b6cb7;color:#e8f0ff;text-align:right}.local-message,.remote-message{border-radius:15px;margin-bottom:10px;max-width:80%;padding:10px}.remote-message{align-self:flex-start;background-color:#333;color:#e0e0e0;text-align:left}.chat-form{background-color:#1e1e1e;border-radius:10px;box-shadow:0 2px 5px #00000080;display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px}.chat-input{background-color:#2b2b2b;border:1px solid #444;border-radius:8px;color:#fff;flex-grow:1;font-size:16px;margin-right:10px;outline:none;padding:12px 15px;transition:border-color .3s}.chat-input:focus{border-color:#1e90ff}.send-button{background-color:#1e90ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 20px;transition:background-color .3s}.send-button:hover{background-color:#005cbf}.notification{background-color:#333;border-radius:5px;box-shadow:0 0 10px #0000004d;color:#fff;padding:10px 20px;position:fixed;right:20px;top:20px;z-index:9999}
/*# sourceMappingURL=main.ca06ade5.css.map*/