body,html{overflow:hidden}a{color:#42b983}.login-container[data-v-5984e6f1]{text-align:center;font-family:Avenir,Helvetica,Arial,sans-serif;color:#2c3e50;height:100vh;display:flex;flex-direction:column}header[data-v-5984e6f1]{background-color:#4285f4;color:#fff;padding:0;margin-bottom:px}main[data-v-5984e6f1]{flex-grow:1;display:flex;justify-content:center;align-items:center}form[data-v-5984e6f1]{display:flex;flex-direction:column;align-items:center}div[data-v-5984e6f1]{margin-bottom:15px}label[data-v-5984e6f1]{display:block;margin-bottom:5px}input[data-v-5984e6f1]{padding:12px;width:700px;border:1px solid #ccc;border-radius:4px;font-size:18px}button[data-v-5984e6f1]{padding:14px 30px;background-color:#4285f4;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px}button[data-v-5984e6f1]:hover{background-color:#357ae8}.chat-container[data-v-f21661de]{display:flex;flex-direction:column;height:100vh;background-color:#f9f9f9}.chat-header[data-v-f21661de]{background-color:#3e90ec;color:#fff;padding:10px}.header-content[data-v-f21661de]{display:flex;align-items:center;justify-content:center;text-align:center;position:relative}.header-content h1[data-v-f21661de]{margin:0}.header-content .ButtonL[data-v-f21661de]{position:absolute;left:10px}.header-content .ButtonR[data-v-f21661de]{position:absolute;right:10px}.chat-messege[data-v-f21661de]{flex-grow:1;overflow-y:auto;padding:10px;background:#e5e5e5}.message[data-v-f21661de]{display:flex;align-items:center}.message-content[data-v-f21661de]{order:1;padding:10px;border-radius:18px;margin:5px;word-break:break-word;transition:all .3s ease-in-out}.message-content.sent[data-v-f21661de]{background-color:#dcf8c6;margin-left:auto;text-align:left}.message-content.received[data-v-f21661de]{background-color:#fff;text-align:left}.message-content.wrong[data-v-f21661de]{color:red;font-weight:700;margin:0 auto;text-align:center}.message-text[data-v-f21661de]{font-size:1rem}.message-time[data-v-f21661de]{font-size:.75rem;text-align:right;color:#999;margin-top:5px}.chat-input input[data-v-f21661de]{flex-grow:1;padding:10px;border:1px solid #ccc;border-radius:5px}.chat-input button[data-v-f21661de]{padding:10px 20px}.avatar[data-v-f21661de]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.sent-avatar[data-v-f21661de]{margin-right:10px;order:2}.received-avatar[data-v-f21661de]{margin-left:10px;order:0}.button-container[data-v-f21661de]{display:flex;justify-content:center;align-items:flex-end;margin:5px}.card[data-v-f21661de]{display:block}.sql-item[data-v-f21661de]{margin-top:10px;margin-bottom:10px;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}.sql-item[data-v-f21661de]:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.2)}.input-container[data-v-f21661de]{width:100%;max-width:400px;margin:0 auto;text-align:center;display:flex;flex-direction:column;padding:16px;border-top:1px solid #ccc;margin-top:auto}.input-box[data-v-f21661de]{width:100%;height:150px;padding:8px;margin-bottom:16px;border:1px solid #ccc;border-radius:4px;resize:vertical;overflow-y:auto;font-size:16px}.submit-button[data-v-f21661de]{width:100px;padding:10px;font-size:16px;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer;align-self:center}.submit-button[data-v-f21661de]:hover{background-color:#0056b3}.chat-input[data-v-f21661de]{display:flex;padding:10px;background:#f0f0f0}.chat-textarea[data-v-f21661de]{flex:1;margin-right:8px;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:1rem;height:120px;resize:none;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.chat-input button[data-v-f21661de]{padding:0 24px;line-height:36px;background-color:#32465a;color:#fff;border:none;border-radius:18px;cursor:pointer;outline:none;transition:background-color .3s ease}.chat-input button[data-v-f21661de]:hover{background-color:#365f8b}