body,html{background-color:#f4f7f9;color:#333;font-family:Arial,sans-serif;margin:0;padding:0}button{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s ease}button:hover{opacity:.9}button:focus{outline:none}#chat-header{background-color:#333;padding:10px}#chat-body{background-color:#f4f7f9;padding:20px}#chat-input{background-color:#f0f0f0;padding:10px}#chat-input input{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-right:10px;padding:10px}#chat-input button{background-color:#4caf50;font-size:16px;padding:10px 20px}.chat-message{border-radius:15px;font-size:14px;line-height:1.4;margin-bottom:15px;max-width:70%;padding:10px 15px;position:relative}.chat-message.user{background-color:#dcf8c6;border:1px solid #a3cfa6}.chat-message.assistant{background-color:#fff;border:1px solid #ddd}.chat-message.user:after{border-left:10px solid #a3cfa6;right:-10px}.chat-message.assistant:after,.chat-message.user:after{border-top:10px solid #0000;content:"";height:0;position:absolute;top:0;width:0}.chat-message.assistant:after{border-right:10px solid #ddd;left:-10px}.ReactModal__Overlay{background-color:#000000bf!important}.ReactModal__Content{background-color:#fff;border:none;border-radius:10px;padding:20px}.ReactModal__Content h2{font-size:22px;margin-bottom:10px}.ReactModal__Content p{margin-bottom:20px}@media (max-width:768px){.chat-message{max-width:90%}}.start-screen{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.start-screen h1{color:#343a40;font-size:3rem;margin-bottom:2rem}.start-screen button{background-color:#007bff;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.25rem;margin:.5rem;padding:1rem 2rem;transition:background-color .3s ease}.start-screen button:hover{background-color:#0056b3}.start-screen button:focus{outline:none}.ReactModal__Overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal-content{background-color:#f4f7fc;border-radius:15px;bottom:auto;left:auto;padding:30px;position:relative;right:auto;top:auto;width:500px}.modal-title{font-size:24px;margin-bottom:20px}.modal-description{font-size:16px;margin-bottom:20px}.feedback-btn{background-color:#f0f0f0;border-radius:8px;font-size:16px;padding:15px}.feedback-btn.thumbs-up{background-color:#4caf50;color:#fff}.feedback-btn.thumbs-down{background-color:#f44336;color:#fff}.textarea-comment{border:1px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:20px;padding:15px;width:100%}.modal-buttons{display:flex;justify-content:space-between}.confirm-btn{background-color:#4caf50}.confirm-btn,.skip-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.skip-btn{background-color:#f5b642}.cancel-btn{background-color:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.chat-screen{background-color:#f0f4f8;flex-direction:column;font-family:Arial,sans-serif;height:100vh}#chat-header,.chat-screen{display:flex;justify-content:space-between}#chat-header{align-items:center;background-color:#1f2937;border-bottom:1px solid #ddd;box-shadow:0 4px 12px #0000001a;color:#fff;font-size:1.5rem;font-weight:700;padding:1rem}#chat-header button{background-color:#f5f5f5;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s ease}#chat-header button:hover{background-color:#e0e0e0}#chat-body{background-color:#f8fafc;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.chat-message{border-radius:12px;box-shadow:0 2px 4px #0000001a;font-size:1rem;line-height:1.5;margin:.5rem 0;max-width:75%;padding:.9rem 1.2rem}.chat-message.user{align-self:flex-end;background-color:#007bff;border-radius:16px 16px 0 16px;color:#fff;text-align:right}.chat-message.assistant{align-self:flex-start;background-color:#f1f1f1;border-radius:16px 16px 16px 0;color:#333;position:relative;text-align:left}.chat-message.thinking{background-color:#e2e8f0;color:#555;font-style:italic}#chat-input{background-color:#fff;border-top:1px solid #ddd;box-shadow:0 -4px 12px #0000000d;display:flex;padding:1rem}#chat-input input{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:inset 0 1px 3px #0000000d;flex:1 1;font-size:1rem;margin-right:1rem;padding:.75rem;transition:border-color .3s ease}#chat-input input:focus{border-color:#007bff;outline:none}#chat-input button{background-color:#28a745;border:none;border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}#chat-input button:hover{background-color:#218838}.feedback-section{display:flex;gap:15px;margin-top:10px}.feedback-btn{align-items:center;background-color:#f4f4f4;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:10px 14px;transition:background-color .3s ease}.feedback-btn:hover{background-color:#e0e0e0}.feedback-btn svg{font-size:1.5rem}.comment-section{display:flex;flex-direction:column;gap:10px;margin-top:10px}.comment-section textarea{border:1px solid #ddd;border-radius:8px;box-shadow:inset 0 1px 3px #0000000d;font-size:1rem;min-height:80px;padding:10px;resize:none;width:100%}.send-feedback-btn{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.send-feedback-btn:hover{background-color:#45a049}.feedback-thanks{color:#4caf50;font-size:1rem;font-weight:700;margin-top:10px}#chat-body::-webkit-scrollbar{width:8px}#chat-body::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:4px}.login-container{align-items:center;background-color:#f0f0f0;display:flex;height:100vh;justify-content:center}.login-box{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:2rem;text-align:center;width:300px}.login-box input{border:1px solid #ddd;border-radius:4px;margin:.5rem 0}.login-box button,.login-box input{font-size:16px;padding:.75rem;width:100%}.login-box button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer}.login-box button:hover{background-color:#0056b3}
/*# sourceMappingURL=main.cd4c3490.css.map*/