@import url(https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sarabun:ital,wght@1,700&display=swap);a[data-v-1b1bd566]{cursor:pointer}.navbar-toggler[data-v-1b1bd566]{border-color:hsla(0,0%,100%,.4)}.navbar-toggler[data-v-1b1bd566]:focus{box-shadow:0 0 0 .2rem hsla(0,0%,100%,.25)}@media (max-width:767.98px){.navbar-collapse.collapse[data-v-1b1bd566]:not(.show){display:none}.navbar-collapse.collapse.show[data-v-1b1bd566]{display:block}}#app{font-family:Prompt,sans-serif;font-family:Sarabun,sans-serif}.shadow{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}.navbar .nav-link,.navbar .navbar-brand{color:#fff!important}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.main{padding-top:5em}*{font-family:Prompt,sans-serif}header nav.navbar{background:linear-gradient(90deg,#55bb9e,#00d4ff)!important}.login-page[data-v-728560ca]{display:flex;justify-content:center;align-items:center;min-height:93vh;background-color:#ebf0f4;padding:16px}.login-card[data-v-728560ca]{background-color:#fff;border-radius:12px;padding:40px;width:100%;max-width:420px}.login-title[data-v-728560ca]{font-weight:700;text-align:center;margin-bottom:32px;font-size:1.6rem;color:#1a1a2e}.field-group[data-v-728560ca]{margin-bottom:20px}.field-label[data-v-728560ca]{display:block;font-size:.875rem;font-weight:600;color:#444;margin-bottom:6px}.input-wrapper[data-v-728560ca]{position:relative}.field-input[data-v-728560ca]{width:100%;padding:10px 14px;border:1.5px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;outline:none}.field-input[data-v-728560ca]:focus{border-color:#82ffdb;box-shadow:0 0 0 3px rgba(130,255,219,.3)}.field-input.input-error[data-v-728560ca]{border-color:#e53e3e}.field-input.input-error[data-v-728560ca]:focus{box-shadow:0 0 0 3px rgba(229,62,62,.2)}.input-wrapper .field-input[data-v-728560ca]{padding-right:56px}.toggle-password[data-v-728560ca]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:.8rem;font-weight:600;color:#666;padding:0;line-height:1}.toggle-password[data-v-728560ca]:hover{color:#333}.field-hint[data-v-728560ca]{display:block;font-size:.8rem;margin-top:4px}.field-hint.error[data-v-728560ca]{color:#e53e3e}.btn-submit[data-v-728560ca]{width:100%;padding:12px;background:#82ffdb;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.btn-submit[data-v-728560ca]:hover:not(:disabled){opacity:.85}.btn-submit[data-v-728560ca]:active:not(:disabled){transform:scale(.98)}.btn-submit[data-v-728560ca]:disabled{opacity:.6;cursor:not-allowed}.spinner[data-v-728560ca]{width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#333;border-radius:50%;animation:spin-728560ca .6s linear infinite;display:inline-block}@keyframes spin-728560ca{to{transform:rotate(1turn)}}.divider[data-v-728560ca]{display:flex;align-items:center;gap:12px;margin:20px 0;color:#aaa;font-size:.85rem}.divider[data-v-728560ca]:after,.divider[data-v-728560ca]:before{content:"";flex:1;height:1px;background:#e5e7eb}.google-btn-wrapper[data-v-728560ca]{display:flex;justify-content:center}.alert-error[data-v-728560ca]{margin-top:16px;padding:12px 16px;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:.9rem}.fade-enter-active[data-v-728560ca],.fade-leave-active[data-v-728560ca]{transition:opacity .25s}.fade-enter[data-v-728560ca],.fade-leave-to[data-v-728560ca]{opacity:0}@media (max-width:480px){.login-card[data-v-728560ca]{padding:28px 20px}.login-title[data-v-728560ca]{font-size:1.4rem;margin-bottom:24px}}.profile-image[data-v-7dd00340]{margin-top:-70px;margin-left:30px}.content[data-v-7dd00340]{border-radius:10px}.background[data-v-7dd00340]{background:#82ffdb;background:linear-gradient(90deg,#82ffdb,#00d1ff);height:150px}.register-page[data-v-52d3bbce]{display:flex;justify-content:center;align-items:center;min-height:93vh;background-color:#ebf0f4;padding:16px}.register-card[data-v-52d3bbce]{background-color:#fff;border-radius:12px;padding:40px;width:100%;max-width:420px}.register-title[data-v-52d3bbce]{font-weight:700;text-align:center;margin-bottom:32px;font-size:1.6rem;color:#1a1a2e}.field-group[data-v-52d3bbce]{margin-bottom:20px}.field-label[data-v-52d3bbce]{display:block;font-size:.875rem;font-weight:600;color:#444;margin-bottom:6px}.input-wrapper[data-v-52d3bbce]{position:relative}.field-input[data-v-52d3bbce]{width:100%;padding:10px 14px;border:1.5px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;outline:none}.field-input[data-v-52d3bbce]:focus{border-color:#82ffdb;box-shadow:0 0 0 3px rgba(130,255,219,.3)}.field-input.input-error[data-v-52d3bbce]{border-color:#e53e3e}.field-input.input-error[data-v-52d3bbce]:focus{box-shadow:0 0 0 3px rgba(229,62,62,.2)}.input-wrapper .field-input[data-v-52d3bbce]{padding-right:56px}.toggle-password[data-v-52d3bbce]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:.8rem;font-weight:600;color:#666;padding:0;line-height:1}.toggle-password[data-v-52d3bbce]:hover{color:#333}.field-hint[data-v-52d3bbce]{display:block;font-size:.8rem;margin-top:4px}.field-hint.error[data-v-52d3bbce]{color:#e53e3e}.btn-submit[data-v-52d3bbce]{width:100%;padding:12px;background:#82ffdb;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.btn-submit[data-v-52d3bbce]:hover:not(:disabled){opacity:.85}.btn-submit[data-v-52d3bbce]:active:not(:disabled){transform:scale(.98)}.btn-submit[data-v-52d3bbce]:disabled{opacity:.6;cursor:not-allowed}.spinner[data-v-52d3bbce]{width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#333;border-radius:50%;animation:spin-52d3bbce .6s linear infinite;display:inline-block}@keyframes spin-52d3bbce{to{transform:rotate(1turn)}}.alert-error[data-v-52d3bbce]{margin-top:16px;padding:12px 16px;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:.9rem}.fade-enter-active[data-v-52d3bbce],.fade-leave-active[data-v-52d3bbce]{transition:opacity .25s}.fade-enter[data-v-52d3bbce],.fade-leave-to[data-v-52d3bbce]{opacity:0}@media (max-width:480px){.register-card[data-v-52d3bbce]{padding:28px 20px}.register-title[data-v-52d3bbce]{font-size:1.4rem;margin-bottom:24px}}.shadow[data-v-cc8503e2]{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}.content[data-v-cc8503e2]{padding:20px;background-color:#f9fbfc}.container[data-v-cc8503e2]{max-width:800px;max-height:400px;overflow-y:auto}.table-responsive[data-v-cc8503e2]{overflow-y:auto;display:contents}.predict[data-v-cc8503e2],.upload-file[data-v-cc8503e2]{border-radius:10px;padding:10px;margin:auto}.upload-file[data-v-cc8503e2]{background-color:#fff;border:1px solid #f1f3f4}.upload-file-btn[data-v-cc8503e2]{width:100%;height:15rem;cursor:pointer;border:2px dashed #add8e6;border-radius:10px}.upload-predict-file-btn[data-v-cc8503e2]{width:100%;height:11rem;cursor:pointer;border:2px dashed #add8e6;border-radius:10px}.upload-predict-file-btn[data-v-cc8503e2]:hover{background-color:#007bff;color:#fff}.dot-spinner[data-v-cc8503e2]{--uib-size:10.8rem;--uib-speed:0.9s;--uib-color:#183153;position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--uib-size);width:var(--uib-size)}.dot-spinner__dot[data-v-cc8503e2]{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:flex-start;height:100%;width:100%}.dot-spinner__dot[data-v-cc8503e2]:before{content:"";height:20%;width:20%;border-radius:50%;background-color:var(--uib-color);transform:scale(0);opacity:.5;animation:pulse0112-cc8503e2 calc(var(--uib-speed)*1.111) ease-in-out infinite;box-shadow:0 0 20px rgba(18,31,53,.3)}.dot-spinner__dot[data-v-cc8503e2]:nth-child(2){transform:rotate(45deg)}.dot-spinner__dot[data-v-cc8503e2]:nth-child(2):before{animation-delay:calc(var(--uib-speed)*-.875)}.dot-spinner__dot[data-v-cc8503e2]:nth-child(3){transform:rotate(90deg)}.dot-spinner__dot[data-v-cc8503e2]:nth-child(3):before{animation-delay:calc(var(--uib-speed)*-.75)}.dot-spinner__dot[data-v-cc8503e2]:nth-child(4){transform:rotate(135deg)}.dot-spinner__dot[data-v-cc8503e2]:nth-child(4):before{animation-delay:calc(var(--uib-speed)*-.625)}.dot-spinner__dot[data-v-cc8503e2]:nth-child(5){transform:rotate(180deg)}.dot-spinner__dot[data-v-cc8503e2]:nth-child(5):before{animation-delay:calc(var(--uib-speed)*-.5)}.dot-spinner__dot[data-v-cc8503e2]:nth-child(6){transform:rotate(225deg)}.dot-spinner__dot[data-v-cc8503e2]:nth-child(6):before{animation-delay:calc(var(--uib-speed)*-.375)}.dot-spinner__dot[data-v-cc8503e2]:nth-child(7){transform:rotate(270deg)}.dot-spinner__dot[data-v-cc8503e2]:nth-child(7):before{animation-delay:calc(var(--uib-speed)*-.25)}.dot-spinner__dot[data-v-cc8503e2]:nth-child(8){transform:rotate(315deg)}.dot-spinner__dot[data-v-cc8503e2]:nth-child(8):before{animation-delay:calc(var(--uib-speed)*-.125)}.table th[data-v-cc8503e2],.table tr[data-v-cc8503e2]{text-align:center}@keyframes pulse0112-cc8503e2{0%,to{transform:scale(0);opacity:.5}50%{transform:scale(1);opacity:1}}.modal[data-v-cc8503e2]{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.9)}.modal-content[data-v-cc8503e2]{margin:auto;display:block;width:150%;max-width:800px}#caption[data-v-cc8503e2],.modal-content[data-v-cc8503e2]{-webkit-animation-name:zoom-cc8503e2;-webkit-animation-duration:.6s;animation-name:zoom-cc8503e2;animation-duration:.6s}@keyframes zoom-cc8503e2{0%{transform:scale(0)}to{transform:scale(1)}}.close[data-v-cc8503e2]{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.close[data-v-cc8503e2]:focus,.close[data-v-cc8503e2]:hover{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width:700px){.modal-content[data-v-cc8503e2]{width:100%}}.vue-drag-n-drop{border-radius:10px;padding:20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);width:100%;max-width:100%;margin:0;overflow-x:hidden;box-sizing:border-box}.selected{border:2px solid orange;background-color:rgba(255,165,0,.2)}.dd-drop-container{font-size:1rem;border-radius:10px;font-weight:700;vertical-align:top;flex:1 1 0;min-width:120px;max-width:none;padding:10px;min-height:5em;margin:0;box-shadow:0 8px 24px hsla(210,8%,62%,.2);height:-moz-fit-content;height:fit-content;max-height:300px;overflow-x:hidden;overflow-y:auto;white-space:normal;box-sizing:border-box}.align-column{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;overflow-x:auto;width:100%;max-width:100%;box-sizing:border-box;gap:10px}.dd-groups-right{display:contents}.card{margin:5px;width:calc(100% - 10px);max-width:100%}.card,.dd-first-group-card{box-sizing:border-box;background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.24);padding:10px;overflow:hidden}.dd-first-group-card{margin:4px;width:auto;min-width:80px;max-width:180px;display:inline-block}.dd-result-group{margin-right:10px;overflow:auto;width:100%;position:relative;white-space:nowrap}.dd-first-group{overflow-y:auto;overflow-x:hidden;max-height:200px;width:100%;max-width:100%;margin:0}.dd-first-group>.smooth-dnd-container{min-height:100px;white-space:normal;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;gap:4px;width:100%}.dd-drop-actions{text-align:center;margin:10px 0}.dd-drop-actions button{margin-right:10px;padding:10px;background-color:#fff;border-radius:5px}.dd-save{background:#5cdb95!important}.dd-cancel,.dd-save{border:none;cursor:pointer}.card-name{color:#344767}.white-text{color:#fff}.clear-btn{color:#fff;cursor:pointer}.grey{color:#ababab;cursor:pointer}.dd-move-here-btn{font-size:.75rem;padding:4px 8px;border:none;border-radius:4px;background:#5cdb95;color:#fff;cursor:pointer;white-space:nowrap}@media (pointer:coarse){.dd-drop-container{padding:20px}}@media (max-width:768px){.vue-drag-n-drop{padding:12px}.align-column{flex-wrap:wrap;overflow-x:hidden;gap:8px}.dd-groups-right{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:6px}.dd-drop-container{flex:1 1 45%;min-width:0;max-height:250px;font-size:.9rem;margin:0}.dd-first-group{max-height:150px}.card,.dd-first-group-card{padding:8px}.dd-drop-actions button{padding:8px;font-size:13px}}@media (max-width:480px){.vue-drag-n-drop{padding:8px}.align-column{flex-wrap:wrap;gap:6px}.dd-drop-container{flex:1 1 42%;font-size:.85rem;max-height:200px}.dd-first-group{max-height:120px}.card,.dd-first-group-card{padding:6px;font-size:.8rem}.dd-drop-actions{display:flex;flex-direction:column;gap:8px}.dd-drop-actions button{width:100%;margin-right:0}}.upload-predict-file-btn[data-v-7586ce40]{width:100%;height:11rem;cursor:pointer;border:2px dashed #add8e6;border-radius:10px}.shadow[data-v-7586ce40]{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}.predict[data-v-7586ce40]{border-radius:10px;padding:10px}.table-feature[data-v-7586ce40]{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}.main-container[data-v-7586ce40]{display:flex;flex-direction:column;align-items:center;padding:20px;font-family:Arial,sans-serif}.content-container[data-v-7586ce40]{display:flex;align-items:stretch;width:100%}.content-container[data-v-7586ce40],.features-container[data-v-7586ce40]{flex-direction:column;position:relative}.row[data-v-7586ce40]{width:100%;margin:0;padding:0}.export-button[data-v-7586ce40]{background-color:#3498db;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:16px;cursor:pointer;margin-top:10px;transition:background-color .2s}.export-button[data-v-7586ce40]:hover{background-color:#2980b9}.iframe-container[data-v-7586ce40]{width:100%;height:600px;border:1px solid #ccc;margin-top:20px}iframe[data-v-7586ce40]{width:100%;height:100%!important;border:none}.fullscreen-button[data-v-7586ce40]{background-color:#3498db;color:#fff;border:none;border-radius:5px;padding:5px 10px;font-size:14px;cursor:pointer;position:absolute;top:10px;right:10px;z-index:1;transition:background-color .2s}.fullscreen-button[data-v-7586ce40]:hover{background-color:#2980b9}@keyframes spin-7586ce40{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.features-container[data-v-7586ce40]{display:flex;flex-wrap:wrap;align-items:flex-start;margin-top:20px;margin-bottom:20px}.feature-item[data-v-7586ce40]{display:flex;align-items:center;margin-bottom:5px;width:33.33%;box-sizing:border-box;padding:0 5px}.feature-item input[data-v-7586ce40]{margin-right:10px}.network-container[data-v-7586ce40]{width:100%;height:60vh;border-radius:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}.dot-spinner[data-v-7586ce40]{--uib-size:10.8rem;--uib-speed:0.9s;--uib-color:#183153;position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--uib-size);width:var(--uib-size)}.dot-spinner__dot[data-v-7586ce40]{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:flex-start;height:100%;width:100%}.dot-spinner__dot[data-v-7586ce40]:before{content:"";height:20%;width:20%;border-radius:50%;background-color:var(--uib-color);transform:scale(0);opacity:.5;animation:pulse0112-7586ce40 calc(var(--uib-speed)*1.111) ease-in-out infinite;box-shadow:0 0 20px rgba(18,31,53,.3)}.dot-spinner__dot[data-v-7586ce40]:nth-child(2){transform:rotate(45deg)}.dot-spinner__dot[data-v-7586ce40]:nth-child(2):before{animation-delay:calc(var(--uib-speed)*-.875)}.dot-spinner__dot[data-v-7586ce40]:nth-child(3){transform:rotate(90deg)}.dot-spinner__dot[data-v-7586ce40]:nth-child(3):before{animation-delay:calc(var(--uib-speed)*-.75)}.dot-spinner__dot[data-v-7586ce40]:nth-child(4){transform:rotate(135deg)}.dot-spinner__dot[data-v-7586ce40]:nth-child(4):before{animation-delay:calc(var(--uib-speed)*-.625)}.dot-spinner__dot[data-v-7586ce40]:nth-child(5){transform:rotate(180deg)}.dot-spinner__dot[data-v-7586ce40]:nth-child(5):before{animation-delay:calc(var(--uib-speed)*-.5)}.dot-spinner__dot[data-v-7586ce40]:nth-child(6){transform:rotate(225deg)}.dot-spinner__dot[data-v-7586ce40]:nth-child(6):before{animation-delay:calc(var(--uib-speed)*-.375)}.dot-spinner__dot[data-v-7586ce40]:nth-child(7){transform:rotate(270deg)}.dot-spinner__dot[data-v-7586ce40]:nth-child(7):before{animation-delay:calc(var(--uib-speed)*-.25)}.dot-spinner__dot[data-v-7586ce40]:nth-child(8){transform:rotate(315deg)}.dot-spinner__dot[data-v-7586ce40]:nth-child(8):before{animation-delay:calc(var(--uib-speed)*-.125)}@keyframes pulse0112-7586ce40{0%,to{transform:scale(0);opacity:.5}50%{transform:scale(1);opacity:1}}