body{width:100%;height:100vh;padding:0;margin:0;font-family:Montserrat,sans-serif}#app{height:100%}.chat{width:100%;height:100%;display:flex;background:#1f2023;color:#fff}.left{width:20rem;padding:20px;border-right:1px solid #313131}.left-title{line-height:40px;text-align:center;font-weight:700;margin-bottom:35px}.chat-history-item{padding:10px;border-radius:15px;cursor:pointer;margin-bottom:10px}.chat-history-item.selected,.chat-history-item:hover{background-color:#2e3033}.chat-history-date{font-size:.8em;color:#8e8e8e}.right{flex-direction:column;flex:1 1 0%;display:flex}.chat-title{padding:10px 20px;display:flex;align-items:center;justify-content:space-between}button{background-color:#2e3033;max-width:180px;padding:10px 20px;border-radius:15px;font-weight:700;border:none;color:#fff;cursor:pointer}.chat-container{padding:1.5rem;overflow-y:auto;flex:1 1 0%}.message{display:flex;margin-bottom:1rem}.message.user{justify-content:flex-end}.message.system{justify-content:flex-start}.message-content{max-width:42rem;border-radius:.5rem;padding:1rem}.message.user .message-content{background-color:#2e3033}.message-date{font-size:.6rem;margin-bottom:10px}.input-container-wrapper{padding:20px}.input-container{display:flex;align-items:center;padding:15px;border-radius:15px;background-color:#2e3033;justify-content:space-between}.input-container textarea{background-color:#2e3033;width:80%;border:none;outline:none;color:#fff}.file-upload-button{display:flex;align-items:center;padding:10px;cursor:pointer}.file-preview{padding:5px 15px 15px;color:#8e8e8e;font-size:.9em}.file-preview-item{display:flex;align-items:center;margin-bottom:5px}.clear-file-button{margin-left:10px;background-color:#ff4d4f;padding:5px 10px;border-radius:10px;font-size:.8em;border:none;color:#fff;cursor:pointer}.file-icon{margin-right:5px}.loading-spinner{display:flex;justify-content:center;padding:1rem}.spinner{width:24px;height:24px;border:3px solid #ffffff;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}