.offline-indicator[data-v-53b0aea6]{background-color:#f44336;color:#fff;text-align:center;padding:10px;top:0;left:0;z-index:9999}@media screen and (max-width: 600px){.offline-indicator[data-v-53b0aea6]{height:max-content}}.chat-container{display:flex;flex-direction:column;align-items:center;margin-top:10px;padding:0 10px}.language-switcher{margin-bottom:20px}.chat-box{width:100%;max-width:500px;padding:20px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}input{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:4px;font-size:16px;box-sizing:border-box}input[type=date]:after{min-height:100px;font-size:16px;width:100%;box-sizing:border-box}button{padding:10px 16px;font-size:16px;border:none;background-color:#007bff;color:#fff;cursor:pointer;border-radius:4px;margin:5px 4px}.edit-button,.delete-button{background-color:transparent;border:1px solid #ccc}.edit-button:hover,.delete-button:hover{cursor:pointer;background-color:#9fc3d1}button:hover{background-color:#0056b3}.table-wrapper{width:100%}.table-title-wrapper{display:flex;justify-content:space-between;align-items:center}table{width:100%;border-collapse:collapse;margin-top:20px;font-size:14px;margin-bottom:100px}th,td{border:1px solid #ccc;padding:8px;text-align:left;word-wrap:break-word;overflow-wrap:break-word}.import-section input[type=file]{width:100%;padding:12px;margin-top:10px;font-size:16px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;display:block}@media (max-width: 1200px){.export-section{display:flex;flex-direction:column;align-items:center}.export-section button{margin:5px 0}.table-title-wrapper{flex-direction:column;align-items:center}.table-title-wrapper h2{margin-bottom:10px}.table-wrapper{overflow-x:auto;width:100%}table,thead,tbody,th,td,tr{display:block}thead{display:none}tbody tr{margin-bottom:16px;background:#f9f9f9;padding:12px;border-radius:8px;box-shadow:0 1px 3px #0000001a;width:calc(100vw - 70px)}tbody td{padding:8px 10px;border:none;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid #ddd}tbody td:last-child{border-bottom:none;flex-direction:column}tbody td:before{content:attr(data-label);font-weight:700;margin-right:10px;color:#333}}select{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:4px;font-size:16px}@media screen and (max-width: 600px){.button-group-final-step{flex-direction:column}}.button-group-final-step{display:flex;justify-content:space-between}.tab-buttons{display:flex;justify-content:center;margin-bottom:20px}.tab-buttons button.active{background-color:#8f9dad;color:#fff}.tab-buttons button{padding:10px 20px;border:1px solid #ddd;cursor:pointer}.offline-indicator{font-size:16px;color:#333;padding:20px;background-color:red;border:1px solid red;margin-bottom:20px;text-align:center}.offline-indicator.online{color:green}.offline-indicator.offline{color:red}