#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}body{background-color:#333;background-size:cover;background-repeat:no-repeat}body,html{width:100%;height:100%;overflow-x:hidden;overflow-y:hidden;font-family:Prompt}.login-container[data-v-329d1904]{max-width:400px;margin:100px auto;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);text-align:center}.form-group[data-v-329d1904]{margin-bottom:15px}.form-group label[data-v-329d1904]{display:block;margin-bottom:5px;font-weight:700}.form-group input[data-v-329d1904]{width:calc(100% - 20px);padding:10px;border:1px solid #ccc;border-radius:5px}button[data-v-329d1904]{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer}button[data-v-329d1904]:hover{background-color:#0056b3}.flex{display:flex}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content{background:#fff;padding:absolute;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.3);position:relative;width:absolute;text-align:center;cursor:grab;max-height:650px;overflow-y:auto}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer}.popup-header{margin-bottom:15px}.popup-body{position:center;flex-grow:1;margin-bottom:20px;margin-right:20px;margin-left:20px}.popup-image{height:450px;width:550px}.popup-footer{display:flex;justify-content:center;margin-top:15px;margin-bottom:15px}.popup-footer button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.popup-footer button:hover{background-color:#0056b3}.popup-wrapper{display:flex;flex-direction:column;height:100%}.popup-overlay1[data-v-30df3da5]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content1[data-v-30df3da5]{background:#fff;padding:30px;border-radius:15px;position:relative;width:90%;max-width:1200px;max-height:90vh;overflow-y:auto;box-shadow:0 5px 15px rgba(0,0,0,.3)}.close-button1[data-v-30df3da5]{position:absolute;top:20px;right:20px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;transition:color .3s}.close-button1[data-v-30df3da5]:hover{color:#333}.popup-title[data-v-30df3da5]{font-size:24px;color:#333;margin-bottom:30px;text-align:center;font-weight:600}.search-bar[data-v-30df3da5]{margin-bottom:30px;position:relative}.search-input[data-v-30df3da5]{width:100%;padding:12px 40px 12px 20px;border:2px solid #e0e0e0;border-radius:25px;font-size:16px;transition:border-color .3s,box-shadow .3s}.search-input[data-v-30df3da5]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.search-icon[data-v-30df3da5]{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#888;font-size:18px}.bu-list[data-v-30df3da5]{margin-bottom:40px}.bu-card[data-v-30df3da5]{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;margin-bottom:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px rgba(0,0,0,.05);min-height:180px}.bu-card[data-v-30df3da5]:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.bu-content[data-v-30df3da5]{display:grid;grid-template-columns:80px 1fr 200px;gap:20px;align-items:center;padding:10px}.bu-logo-container[data-v-30df3da5]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px;overflow:hidden}.bu-logo[data-v-30df3da5]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.bu-details[data-v-30df3da5]{display:flex;flex-direction:column;gap:5px}.bu-name[data-v-30df3da5]{font-size:20px;font-weight:600;color:#333;margin:0}.company-name[data-v-30df3da5]{font-size:16px;color:#555;margin:0}.company-name-eng[data-v-30df3da5]{font-size:14px;color:#777;margin:0}.tax-id[data-v-30df3da5]{font-size:14px;color:#666;margin:5px 0 0 0}.bu-preview[data-v-30df3da5]{display:flex;flex-direction:column;gap:10px;align-items:center}.bu-background[data-v-30df3da5]{width:180px;height:120px;-o-object-fit:contain;object-fit:contain;border-radius:8px;background-color:#f8f9fa;padding:5px;border:1px solid #e0e0e0}.color-preview[data-v-30df3da5]{width:180px;height:20px;border-radius:4px;border:1px solid #e0e0e0}.bu-actions[data-v-30df3da5]{display:flex;gap:10px;margin-top:15px}.delete-button[data-v-30df3da5],.edit-button[data-v-30df3da5]{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:background-color .2s}.edit-button[data-v-30df3da5]{background-color:#007bff;color:#fff}.edit-button[data-v-30df3da5]:hover{background-color:#0056b3}.delete-button[data-v-30df3da5]{background-color:#dc3545;color:#fff}.delete-button[data-v-30df3da5]:hover{background-color:#c82333}.form-container[data-v-30df3da5]{background:#f8f9fa;border-radius:12px;padding:25px;margin-top:30px}.form-title[data-v-30df3da5]{font-size:20px;color:#333;margin:0 0 25px 0}.form-grid[data-v-30df3da5]{display:grid;grid-template-columns:1fr 1fr;gap:30px}.form-column[data-v-30df3da5]{display:flex;flex-direction:column;gap:20px}.form-row[data-v-30df3da5]{display:flex;flex-direction:column;gap:8px}.label1[data-v-30df3da5]{font-size:14px;color:#555;font-weight:500}.textbox1[data-v-30df3da5]{padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .3s,box-shadow .3s}.textbox1[data-v-30df3da5]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.color-picker-container[data-v-30df3da5]{display:flex;align-items:center;gap:10px}.color-picker[data-v-30df3da5]{width:100px;height:40px;padding:2px;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer}.color-value[data-v-30df3da5]{font-size:14px;color:#666}.image-preview-container[data-v-30df3da5]{display:flex;flex-direction:column;gap:10px}.image-preview-wrapper[data-v-30df3da5]{width:100%;height:200px;border:2px dashed #e0e0e0;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.image-preview[data-v-30df3da5]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.no-image[data-v-30df3da5]{display:flex;flex-direction:column;align-items:center;gap:10px;color:#888}.no-image i[data-v-30df3da5]{font-size:40px}.file-input[data-v-30df3da5]{display:none}.select-image-btn[data-v-30df3da5]{padding:10px 16px;background-color:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s;font-size:14px}.select-image-btn[data-v-30df3da5]:hover{background-color:#5a6268}.form-actions[data-v-30df3da5]{display:flex;flex-direction:column;gap:10px;margin-top:30px}.btn-step-insert[data-v-30df3da5]{padding:12px;background-color:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s}.btn-step-insert[data-v-30df3da5]:hover{background-color:#218838}.btn-cancel[data-v-30df3da5]{padding:12px;background-color:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s}.btn-cancel[data-v-30df3da5]:hover{background-color:#5a6268}.no-bu[data-v-30df3da5]{text-align:center;padding:30px;color:#666;font-size:16px;background:#f8f9fa;border-radius:8px;margin:20px 0}.header-actions[data-v-30df3da5]{display:flex;justify-content:flex-end;margin:-20px 0 20px 0}.add-bu-btn[data-v-30df3da5]{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s}.add-bu-btn[data-v-30df3da5]:hover{background-color:#218838;transform:translateY(-1px)}@media (max-width:768px){.form-grid[data-v-30df3da5]{grid-template-columns:1fr}.popup-content1[data-v-30df3da5]{padding:20px;width:95%}.bu-content[data-v-30df3da5]{text-align:center}.bu-logo-container[data-v-30df3da5]{margin:0 auto}.bu-actions[data-v-30df3da5]{justify-content:center}.bu-content[data-v-30df3da5]{grid-template-columns:1fr;gap:15px}.bu-preview[data-v-30df3da5]{width:100%;flex-direction:column;align-items:center}.bu-background[data-v-30df3da5]{width:100%;max-width:300px;height:200px}.color-preview[data-v-30df3da5]{width:100%;max-width:300px}}.search-bar[data-v-02cf1cf3]{position:relative;margin:0 auto 15px auto;width:400px}.search-input[data-v-02cf1cf3]{width:100%;padding:10px 40px 10px 15px;font-size:16px;border:1px solid #ccc;border-radius:25px;outline:none;transition:border-color .3s,box-shadow .3s}.search-input[data-v-02cf1cf3]:focus{border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.5)}.search-icon[data-v-02cf1cf3]{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#888;font-size:18px}.popup-overlay1[data-v-02cf1cf3]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content1[data-v-02cf1cf3]{background:#fff;padding:20px 30px;border-radius:10px;position:relative;width:80%;max-width:600px;max-height:90%;overflow-y:auto;cursor:grab}.close-button1[data-v-02cf1cf3]{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer}.popup-title[data-v-02cf1cf3]{margin-top:0;margin-bottom:20px;color:#000;text-align:center}.address-list[data-v-02cf1cf3]{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.address-card[data-v-02cf1cf3]{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #eee;border-radius:8px;background-color:#f9f9f9}.address-content[data-v-02cf1cf3]{flex:1;margin-right:20px;text-align:left}.address-eng[data-v-02cf1cf3],.address-thai[data-v-02cf1cf3]{margin:0;color:#333}.address-thai[data-v-02cf1cf3]{font-weight:700}.address-actions[data-v-02cf1cf3]{display:flex;flex-direction:column;gap:10px}.delete-button[data-v-02cf1cf3],.edit-button[data-v-02cf1cf3]{display:flex;align-items:center;gap:5px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;padding:8px 12px}.delete-button[data-v-02cf1cf3]{background-color:red}.btn-cancel[data-v-02cf1cf3]{margin-top:10px;border-radius:7px;font-size:16px;color:#fff;padding:10px;background-color:gray;width:100%;text-align:center;border:none;cursor:pointer}.popup-body1[data-v-02cf1cf3]{display:flex;flex-direction:column;align-items:stretch}.form-row1[data-v-02cf1cf3],.form-row[data-v-02cf1cf3]{display:flex;flex-direction:column;margin-bottom:15px}.label1[data-v-02cf1cf3]{margin-bottom:5px;color:#000;text-align:left}.textbox1[data-v-02cf1cf3]{width:100%;height:100px;padding:10px;resize:none;border:1px solid #ccc;border-radius:5px}.btn-step-insert[data-v-02cf1cf3]{margin-top:10px;border-radius:7px;font-size:18px;color:#fff;padding:10px;background-color:#2c2cc1;width:100%;text-align:center;border:none;cursor:pointer}@media (max-width:600px){.popup-content1[data-v-02cf1cf3]{width:90%}}@font-face{font-family:Prompt;src:url(/fonts/prompt.cb4e8889.ttf)}@font-face{font-family:Roboto;src:url(/fonts/roboto.298c1099.ttf)}.logout-button[data-v-3fbe82a8]{right:20px;background-color:#a11212}.logout-button[data-v-3fbe82a8],.users-button[data-v-3fbe82a8]{position:absolute;bottom:20px;border-radius:7px;color:#fff;padding:10px 20px;cursor:pointer;z-index:900;border:none}.users-button[data-v-3fbe82a8]{right:125px;background-color:#048119}.main[data-v-3fbe82a8]{position:relative;width:100%;height:100%;font-family:Prompt}.dv-back-face[data-v-3fbe82a8]{position:absolute;left:1100px;top:120px;display:none}.dv-front-face[data-v-3fbe82a8]{position:absolute;left:10%;top:20px;display:none}.card-page[data-v-3fbe82a8]{border-radius:15px}table[data-v-3fbe82a8]{color:#fff}.textbox[data-v-3fbe82a8]{height:25px;width:250px}.select[data-v-3fbe82a8]{height:30px;width:258px}td[data-v-3fbe82a8]{padding-left:30px;padding-right:30px}.button[data-v-3fbe82a8]{position:absolute;left:3%;top:89%;border-radius:15px;color:#fff;padding:15px 20px;background-color:#2c2cc1;width:23.7%;text-align:center;cursor:pointer}.btn-pop[data-v-3fbe82a8],.btn-step-1[data-v-3fbe82a8]{border-radius:7px;font-size:18px;color:#fff;padding:15px 20px;background-color:#2c2cc1;width:100%;text-align:center;border:none}.btn-pop[data-v-3fbe82a8]{width:320px}.button-download-bk[data-v-3fbe82a8]{left:1150px}.button-download-bk[data-v-3fbe82a8],.button-download-fn[data-v-3fbe82a8]{position:absolute;border-radius:15px;color:#fff;padding:15px 20px;background-color:#2c2cc1;width:200px;text-align:center;top:575px;cursor:pointer;display:none}.button-download-fn[data-v-3fbe82a8]{left:750px}.img-before[data-v-3fbe82a8]{position:absolute;top:35px;width:27%;left:70%;height:512px;border-radius:15px;z-index:11;color:#000}.img-bu[data-v-3fbe82a8]{position:absolute;top:45px;height:32px;left:71%;z-index:13}.mock-bottom[data-v-3fbe82a8]{position:absolute;top:507px;border-bottom-right-radius:15px;border-bottom-left-radius:15px;left:70%;width:27%;height:40px;background-color:rgba(0,0,0,.7);z-index:12;padding-top:10px;color:#d4d4d4}.info-area[data-v-3fbe82a8]{position:absolute;top:410px;left:9%;text-align:left;color:#a8a8a8}.info-generate[data-v-3fbe82a8]{position:absolute;top:556px;left:51%;text-align:left;color:#778fb1;z-index:50}.label-preview[data-v-3fbe82a8]{position:absolute;top:10px;left:82%;color:#fff}.label-adjust[data-v-3fbe82a8]{position:absolute;top:10px;left:48%;color:#fff}.img-after[data-v-3fbe82a8]{position:absolute;top:380px;height:230px;left:250px}.pop-up[data-v-3fbe82a8]{position:absolute;top:500px;height:230px;left:40px}.pop-up-add[data-v-3fbe82a8]{position:absolute;top:470px;height:230px;left:40px}.pop-up-add-address[data-v-3fbe82a8]{position:absolute;top:530px;height:230px;left:40px}.btn-upload[data-v-3fbe82a8]{height:40px;width:258px}.cropper[data-v-3fbe82a8]{position:absolute;width:40%;left:30%;height:100%}td[data-v-3fbe82a8]{padding:0;text-align:right;padding-right:10px}.table-label[data-v-3fbe82a8]{color:#fff}.table-label-1[data-v-3fbe82a8]{color:#000}.dv-form-data[data-v-3fbe82a8]{position:absolute;left:10px;top:90px}.modal-content[data-v-3fbe82a8]{z-index:2;width:1200px;height:90%;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);background-color:#000;border-radius:10px}.arv-logo[data-v-3fbe82a8]{width:220px;height:85px;position:absolute;top:10px;left:10px}.img-bg[data-v-3fbe82a8]{position:absolute;z-index:10;top:35px;height:512px;width:27%;left:70%;border-radius:15px}.img-loading[data-v-3fbe82a8]{height:64px;position:absolute;left:47%;top:270px;color:#fff}.img-loading-preview[data-v-3fbe82a8]{height:64px;position:absolute;left:81%;top:270px;color:#fff}.dv-create-preview[data-v-3fbe82a8]{position:absolute;height:100%;left:33%;width:67%;border-top-right-radius:10px;border-bottom-right-radius:10px;z-index:30;background-color:#1e1e1e}.img-blob[data-v-3fbe82a8]{left:35%}.img-blob-back[data-v-3fbe82a8],.img-blob[data-v-3fbe82a8]{position:absolute;z-index:40;width:331px;height:520px;top:30px;border-radius:15px}.img-blob-back[data-v-3fbe82a8]{left:65%}.hide[data-v-3fbe82a8]{display:none}.show[data-v-3fbe82a8]{display:block}.close[data-v-3fbe82a8]{width:40px;height:40px;position:absolute;right:30px;top:20px;z-index:50}.resized-image[data-v-3fbe82a8]{width:300px;height:auto}.popup-link[data-v-3fbe82a8]{background:none;border:none;font-size:16px;cursor:pointer;text-decoration:none;color:#297ee5;position:absolute;top:0;left:9%;text-align:left;width:150px;margin-left:70px}.popup-link-add[data-v-3fbe82a8]{color:#daae00}.popup-link-add[data-v-3fbe82a8],.popup-link-address[data-v-3fbe82a8]{background:none;border:none;font-size:16px;cursor:pointer;text-decoration:none;position:absolute;top:0;left:9%;text-align:left;width:190px;margin-left:70px}.popup-link-address[data-v-3fbe82a8]{color:#008c1e}.manage-users[data-v-943ebe04]{max-width:800px;margin:20px auto;padding:20px;background-color:#f7f7f7;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1)}h1[data-v-943ebe04]{text-align:center;margin-bottom:20px}.add-user-btn[data-v-943ebe04]{margin-bottom:20px}.search-container[data-v-943ebe04]{display:flex;justify-content:center;margin-bottom:20px}.search-container input[data-v-943ebe04]{padding:8px;border:1px solid #ccc;border-radius:5px;margin-right:5px}.search-btn[data-v-943ebe04]{padding:8px 15px;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer}.search-btn[data-v-943ebe04]:hover{opacity:.9}.user-form[data-v-943ebe04]{margin-bottom:20px;padding:10px;background-color:#fff;border:1px solid #ccc;border-radius:5px}.user-form h2[data-v-943ebe04]{margin-top:0}.user-form form[data-v-943ebe04]{display:flex;flex-direction:column}.user-form input[data-v-943ebe04]{margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:5px}.btn[data-v-943ebe04]{padding:10px 15px;margin-top:10px;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer}.btn.delete-btn[data-v-943ebe04]{background-color:#dc3545}.btn.edit-btn[data-v-943ebe04]{background-color:#ffc107;color:#000}.btn[data-v-943ebe04]:hover{opacity:.9}.table-wrapper[data-v-943ebe04]{max-height:400px;overflow-y:auto}table[data-v-943ebe04]{width:100%;border-collapse:collapse}td[data-v-943ebe04],th[data-v-943ebe04]{padding:10px;border:1px solid #ccc;text-align:left}th[data-v-943ebe04]{background-color:#f2f2f2}.action-btn[data-v-943ebe04]{margin-right:10px}.action-buttons[data-v-943ebe04]{display:flex;justify-content:flex-end;margin-top:20px}.create-card-btn[data-v-943ebe04]{background-color:#28a745;margin-right:10px}.logout-btn[data-v-943ebe04]{background-color:#dc3545}