.login-container[data-v-05e2063d],body,html{background-color:#f0f4f8;display:flex;justify-content:center;width:100%}.login-container[data-v-05e2063d]{flex-direction:column;align-items:center}.header[data-v-05e2063d]{text-align:center;margin-bottom:10px;margin-top:55px}.logo-image[data-v-05e2063d]{max-width:100%;height:auto;width:80%;max-width:400px}.login-box[data-v-05e2063d]{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);text-align:center;max-width:850px;width:95%;box-sizing:border-box}h2[data-v-05e2063d]{margin-bottom:20px;font-family:Arial,sans-serif;color:#333}.password-input[data-v-05e2063d]{padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:4px;width:100%;font-size:16px;box-sizing:border-box}.login-button[data-v-05e2063d]{padding:10px 20px;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;width:100%;box-sizing:border-box}.login-button[data-v-05e2063d]:hover{background-color:#0056b3}.error-message[data-v-05e2063d]{margin-top:20px;color:red;font-family:Arial,sans-serif}.chart-container canvas[data-v-18d3d964]{background-color:#fff}.card[data-v-18d3d964]{background-color:#fff;padding:20px 20px 0 20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);max-width:900px;margin-bottom:20px}.chart-header[data-v-18d3d964]{display:flex;justify-content:space-between;align-items:center}.chart-container[data-v-18d3d964]{position:relative;height:400px}.btn-download[data-v-18d3d964]{background-color:#344964;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;display:flex;align-items:center;font-size:12px;transition:background-color .3s ease}.btn-download[data-v-18d3d964]:hover{background-color:#2b3a4e}.download-icon[data-v-18d3d964]{margin-right:8px;font-size:12px}@media (max-width:768px){.chart-container[data-v-18d3d964]{position:relative;height:350px}}@media (max-width:480px){.chart-container[data-v-18d3d964]{position:relative;height:300px}}.image-modal[data-v-18d3d964]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.image-modal-content[data-v-18d3d964]{background:#fff;padding:20px;border-radius:8px;margin:0 10px;text-align:center}.image-modal-content img[data-v-18d3d964]{max-width:100%}.image-modal-content p[data-v-18d3d964]{font-family:Arial,sans-serif;color:#898989;font-size:16px;margin-top:0}.image-modal-content button[data-v-18d3d964]{padding:10px 15px;background-color:#344964;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.image-modal-content button[data-v-18d3d964]:hover{background-color:#2b3a4e}.header[data-v-20cbdc00]{text-align:center;margin-bottom:10px;margin-top:55px}.logo-image[data-v-20cbdc00]{height:auto;width:80%;max-width:400px}.error-message[data-v-20cbdc00]{margin-top:20px;color:red;font-family:Arial,sans-serif}.data-view-container[data-v-20cbdc00]{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f0f4f8;width:100%}.data-view-box[data-v-20cbdc00]{display:flex;flex-direction:column;background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);text-align:center;width:670px;box-sizing:border-box;margin-bottom:20px}h2[data-v-20cbdc00]{margin-bottom:20px;font-family:Arial,sans-serif;color:#333}.two-buttons[data-v-20cbdc00]{display:flex;justify-content:center;margin-bottom:20px;width:100%;box-sizing:border-box}.two-button[data-v-20cbdc00]{padding:10px 20px;background-color:#fff;border:1px solid #ccc;color:#000;cursor:pointer;font-size:16px;width:100%;box-sizing:border-box;min-height:40px}.two-button.right[data-v-20cbdc00]{border-radius:0 4px 4px 0}.two-button.left[data-v-20cbdc00]{border-radius:4px 0 0 4px}.two-button.selected[data-v-20cbdc00]{background-color:#dbdbdb;color:#000}.serial-input[data-v-20cbdc00]{padding:10px;border:1px solid #ccc;border-radius:4px;-webkit-text-size-adjust:100%}.fetch-button[data-v-20cbdc00],.serial-input[data-v-20cbdc00]{width:100%;margin-bottom:20px;font-size:16px;box-sizing:border-box}.fetch-button[data-v-20cbdc00]{padding:10px 20px;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer}.another[data-v-20cbdc00]{background-color:#aad3ff}.fetch-button[data-v-20cbdc00]:hover{background-color:#0056b3}.subtitle[data-v-20cbdc00]{font-size:16px;color:#333}.charts-container[data-v-20cbdc00]{display:flex;flex-direction:column;align-items:center;width:610px}.chart-container[data-v-20cbdc00]{width:100%}@media (max-width:768px){.data-view-box[data-v-20cbdc00]{padding:1rem}.fetch-button[data-v-20cbdc00],.serial-input[data-v-20cbdc00]{font-size:16px;max-width:100%}.data-view-box[data-v-20cbdc00]{width:95%}.subtitle[data-v-20cbdc00]{font-size:16px}.charts-container[data-v-20cbdc00]{width:100%}}@media (max-width:480px){.data-view-box[data-v-20cbdc00]{padding:1rem}.fetch-button[data-v-20cbdc00],.serial-input[data-v-20cbdc00]{font-size:16px;max-width:100%}.subtitle[data-v-20cbdc00]{font-size:16px}.search-button[data-v-20cbdc00],.x-axis-button[data-v-20cbdc00]{font-size:16px;padding:.5rem}}.fade-enter-active[data-v-20cbdc00],.fade-leave-active[data-v-20cbdc00]{transition:opacity .5s}.fade-enter[data-v-20cbdc00],.fade-leave-to[data-v-20cbdc00]{opacity:0}