.login-page[data-v-214e2ae0]{font-family:Arial,sans-serif;text-align:center;padding:20px;background-color:#f8f8f8;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo img[data-v-214e2ae0]{width:300px;max-width:100%;height:auto;margin-bottom:20px}.login-box[data-v-214e2ae0]{background-color:#fff;padding:20px 40px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center;max-width:400px;width:100%}.login-box h2[data-v-214e2ae0]{font-size:24px;font-weight:700;margin-bottom:10px}.login-box hr[data-v-214e2ae0]{border:none;border-top:2px solid #000;margin:10px auto;width:100%}.login-box p[data-v-214e2ae0]{font-size:14px;margin-bottom:20px;color:#555}.form-group[data-v-214e2ae0]{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:15px}.form-group label[data-v-214e2ae0]{font-size:14px;display:block;margin-bottom:5px}.form-group input[data-v-214e2ae0]{width:100%;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.login-btn[data-v-214e2ae0]{width:100%;padding:10px;background-color:#f8f8f8;border:1px solid #000;border-radius:4px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s}.login-btn[data-v-214e2ae0]:hover{background-color:#e0e0e0}input[type=checkbox][data-v-214e2ae0]{margin-right:5px;margin-bottom:10px;accent-color:#000}@media screen and (min-width:1025px){.login-page[data-v-214e2ae0]{padding:50px}.logo img[data-v-214e2ae0]{width:400px}.login-box[data-v-214e2ae0]{max-width:500px}.login-box h2[data-v-214e2ae0]{font-size:28px}.login-btn[data-v-214e2ae0]{font-size:14px;padding:8px;color:#000}}@media screen and (min-width:768px) and (max-width:1024px){.login-page[data-v-214e2ae0]{padding:40px}.logo img[data-v-214e2ae0]{width:350px}.login-box[data-v-214e2ae0]{max-width:450px}.login-btn[data-v-214e2ae0]{font-size:14px;padding:8px;color:#000}}@media screen and (min-width:481px) and (max-width:767px){.login-page[data-v-214e2ae0]{padding:30px}.logo img[data-v-214e2ae0]{width:300px}.login-box[data-v-214e2ae0]{max-width:400px;padding:15px 30px}.form-group input[data-v-214e2ae0]{padding:6px}.login-btn[data-v-214e2ae0]{font-size:14px;padding:8px;color:#000}}@media screen and (max-width:480px){.login-page[data-v-214e2ae0]{padding:20px}.logo img[data-v-214e2ae0]{width:250px}.login-box[data-v-214e2ae0]{max-width:100%;padding:15px}.form-group input[data-v-214e2ae0]{padding:5px;font-size:12px}.login-btn[data-v-214e2ae0]{font-size:14px;padding:8px;color:#000}}.dashboard[data-v-333fd14c]{font-family:Arial,sans-serif;padding:20px}.header[data-v-333fd14c]{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #ddd;flex-wrap:wrap;gap:10px}.header .username[data-v-333fd14c]{font-size:16px;font-weight:700}.bold[data-v-333fd14c]{color:#243dcb}.amount[data-v-333fd14c],.blackb[data-v-333fd14c]{color:#000}.search-bar[data-v-333fd14c]{display:flex;align-items:center;gap:10px;flex-grow:1;max-width:500px;margin:10px 0;margin-left:1200px}.search-icon[data-v-333fd14c]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.search-bar input[data-v-333fd14c]{padding:5px;border:1px solid #ccc;border-radius:5px}.search-bar img[data-v-333fd14c]{width:20px;height:20px}.logout-btn[data-v-333fd14c]{background-color:#add8e6;color:#000;border:none;padding:10px 30px;border-radius:5px;cursor:pointer;margin:10px 0}.header-divider[data-v-333fd14c]{height:2px;background-color:#ccc;margin-bottom:60px}.orders[data-v-333fd14c]{display:flex;flex-direction:column;gap:20px;align-items:center;overflow-x:auto}.order-card[data-v-333fd14c]{border:1px solid gray;border-radius:10px;border-right:20px #fff;padding:10px;white-space:nowrap}.order-card.urgent[data-v-333fd14c],.order-card[data-v-333fd14c]{width:100%;max-width:1500px;box-shadow:0 4px 8px rgba(0,0,0,.1);background-color:#fff;display:flex;flex-direction:column;position:relative}.order-card.urgent[data-v-333fd14c]{border:1px solid gray;border-right:20px solid red;border-radius:10px;padding:20px}.order-top[data-v-333fd14c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:100px;margin-top:-50px}.order-info[data-v-333fd14c]{display:flex;flex-wrap:nowrap;justify-content:flex-start;font-size:20px;font-weight:700;gap:150px;line-height:10}.order-info span[data-v-333fd14c]{display:inline-block}.urgent-wrapper[data-v-333fd14c]{display:flex;align-items:center;justify-content:center;color:#fff;padding:5px 10px;border-radius:4px;font-weight:700;margin-right:10px}.divider[data-v-333fd14c]{border-bottom:2px solid #000;margin-top:-60px;margin-bottom:20px}.urgent[data-v-333fd14c]{background-color:red;color:#fff;padding:5px 10px;border-radius:4px;font-weight:700}.non-urgent[data-v-333fd14c]{color:gray;font-weight:700;font-size:16px}.order-middle[data-v-333fd14c]{display:flex;flex-wrap:wrap;gap:20px;width:100%}.image-section[data-v-333fd14c]{flex:2;display:flex;align-items:flex-end}.product-image[data-v-333fd14c]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;cursor:pointer}.details-section[data-v-333fd14c]{flex:3;display:flex;flex-direction:column;gap:15px}.vendor-buttons[data-v-333fd14c],.workflow-buttons[data-v-333fd14c]{display:flex;flex-wrap:wrap;gap:10px}.vendor[data-v-333fd14c],.workflow-buttons button[data-v-333fd14c]{width:70px;height:70px;font-size:20px;font-weight:700;background-color:gray;color:#fff;border:none;border-radius:8px;display:flex;justify-content:center;align-items:center}.vendor.active[data-v-333fd14c],.workflow-buttons button.active[data-v-333fd14c]{background-color:red}.financials[data-v-333fd14c]{display:flex;flex-wrap:wrap;gap:10px;margin-top:50px}.financials-item[data-v-333fd14c]{flex:1;min-width:100px;text-align:center}.financials-item .amount[data-v-333fd14c]{border-top:4px solid #000;padding-top:5px}.financials-item span[data-v-333fd14c]{display:block;font-weight:700;margin-bottom:5px}.amount[data-v-333fd14c]{border-top:4px solid #000;padding-top:3px;width:80%;margin:0 auto}.edit-button[data-v-333fd14c]{background-color:#a1e1a1;border:none;padding:10px 30px;border-radius:4px;cursor:pointer;display:flex;align-items:center;font-size:18px;font-weight:700}.edit-button img[data-v-333fd14c]{width:16px;height:16px;margin-right:5px}.modal-overlay[data-v-333fd14c]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-333fd14c]{position:relative;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);max-width:90vw;max-height:80vh;overflow:auto}.modal-image[data-v-333fd14c]{width:100%;height:100%;max-width:100%;max-height:80vh;border-radius:8px}.close-button[data-v-333fd14c]{position:absolute;top:10px;right:10px;background-color:red;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer}.urgent-image[data-v-333fd14c]{width:50%;height:50%;margin-left:-40%;-o-object-fit:contain;object-fit:contain;vertical-align:middle}.edit-icon[data-v-333fd14c]{width:16px;height:16px;margin-right:8px}.completed-container[data-v-333fd14c]{background-color:rgba(0,0,0,.5);padding:20px;border-radius:8px;position:absolute;top:calc(18% + 20px);left:0;right:0;bottom:0;z-index:1}.completed-circle[data-v-333fd14c]{position:relative;display:inline-block;background-image:url(/app/img/image%203.d4d8a322.png);background-size:cover;color:transparent;padding:30px 50px;border-radius:50%;margin-bottom:20px;width:200px;height:200px;right:-600px;text-align:center}.completion-time[data-v-333fd14c]{font-size:16px;font-weight:700;color:#fff;text-align:center;margin-top:-10px;padding:10px;background-color:rgba(0,0,0,.7);border-radius:5px}.scale-container[data-v-333fd14c]{width:100%;height:100%;overflow:auto;transform-origin:top center}.orders-container[data-v-333fd14c]{display:flex;overflow-x:auto;gap:10px;padding:10px}.orders-container[data-v-333fd14c]::-webkit-scrollbar{height:8px}.orders-container[data-v-333fd14c]::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.vendor-buttons button[data-v-333fd14c]{width:70px;height:70px;font-size:20px;font-weight:700;background-color:gray;color:#fff;border:none;border-radius:8px;display:flex;justify-content:center;align-items:center}.vendor-buttons button.active[data-v-333fd14c]{background-color:red}@media screen and (min-width:1025px){.scale-container[data-v-333fd14c]{transform:scale(1)}.order-info[data-v-333fd14c]{display:flex;justify-content:space-between}.order-info span[data-v-333fd14c]{font-size:18px;white-space:nowrap}}@media screen and (min-width:768px) and (max-width:1024px){.scale-container[data-v-333fd14c]{transform:scale(.7)}.order-info[data-v-333fd14c]{display:flex;justify-content:space-between;gap:10px}.order-info span[data-v-333fd14c]{font-size:12px;white-space:nowrap}.divider[data-v-333fd14c]{display:flex;margin-top:-3%}.urgent-image[data-v-333fd14c]{width:100%;height:100%}.header[data-v-333fd14c]{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 20px;box-sizing:border-box}.username[data-v-333fd14c]{flex-shrink:0;font-size:16px}.search-bar[data-v-333fd14c]{max-width:10%;margin-left:10%}.logout-btn[data-v-333fd14c]{flex-shrink:0;background-color:#add8e6;color:#000;border:none;padding:8px 15px;border-radius:5px;font-size:14px;cursor:pointer}.image-section[data-v-333fd14c]{flex-basis:100%;max-width:100%;margin:0 auto}.product-image[data-v-333fd14c]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;display:block}.orders[data-v-333fd14c]{display:flex;flex-wrap:nowrap;padding:10px;gap:10px;height:100%}.order-card[data-v-333fd14c]{min-width:95%;max-width:90%;flex-shrink:0;margin:0 auto}.order-card.urgent[data-v-333fd14c]{min-width:90%;max-width:90%;flex-shrink:0;margin:0 auto}.completed-container[data-v-333fd14c]{background-color:rgba(0,0,0,.5);padding:20px;border-radius:8px;position:absolute;top:calc(5% + 20px);left:0;right:0;bottom:0;z-index:1}.completed-circle[data-v-333fd14c]{position:relative;display:inline-block;background-image:url(/app/img/image%203.d4d8a322.png);background-size:cover;color:transparent;padding:30px 50px;border-radius:50%;margin-bottom:20px;width:200px;height:200px;right:-200px;text-align:center}.edit-button[data-v-333fd14c]{background-color:#a1e1a1;border:none;padding:8px 8px;border-radius:4px;font-size:12px;display:inline-flex;align-items:center;gap:5px;margin-top:5px;white-space:nowrap}.urgent-wrapper[data-v-333fd14c]{width:10%;display:flex;align-items:center;gap:1px}.urgent-wrapper img[data-v-333fd14c]{width:140%;margin-right:-80%;margin-top:20%}.workflow-buttons[data-v-333fd14c]{display:flex;flex-wrap:wrap;gap:10px}.order-header[data-v-333fd14c]{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:nowrap}}@media screen and (min-width:481px) and (max-width:767px){.scale-container[data-v-333fd14c]{transform:scale(.7)}.order-info[data-v-333fd14c]{display:flex;justify-content:space-between;gap:10px}.order-info span[data-v-333fd14c]{font-size:12px;white-space:nowrap}.divider[data-v-333fd14c]{display:flex;margin-top:-3%}.urgent-image[data-v-333fd14c]{width:100%;height:100%}.header[data-v-333fd14c]{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 20px;box-sizing:border-box}.username[data-v-333fd14c]{flex-shrink:0;font-size:16px}.search-bar[data-v-333fd14c]{max-width:10%;margin-left:10%}.logout-btn[data-v-333fd14c]{flex-shrink:0;background-color:#add8e6;color:#000;border:none;padding:8px 15px;border-radius:5px;font-size:14px;cursor:pointer}.image-section[data-v-333fd14c]{flex-basis:100%;max-width:100%;margin:0 auto}.product-image[data-v-333fd14c]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;display:block}.orders[data-v-333fd14c]{display:flex;flex-wrap:nowrap;padding:10px;gap:10px;height:100%}.order-card[data-v-333fd14c]{min-width:95%;max-width:90%;flex-shrink:0;margin:0 auto}.order-card.urgent[data-v-333fd14c]{min-width:90%;max-width:90%;flex-shrink:0;margin:0 auto}.completed-container[data-v-333fd14c]{background-color:rgba(0,0,0,.5);padding:20px;border-radius:8px;position:absolute;top:calc(5% + 20px);left:0;right:0;bottom:0;z-index:1}.completed-circle[data-v-333fd14c]{position:relative;display:inline-block;background-image:url(/app/img/image%203.d4d8a322.png);background-size:cover;color:transparent;padding:30px 50px;border-radius:50%;margin-bottom:20px;width:200px;height:200px;right:-200px;text-align:center}.edit-button[data-v-333fd14c]{background-color:#a1e1a1;border:none;padding:8px 8px;border-radius:4px;font-size:12px;display:inline-flex;align-items:center;gap:5px;margin-top:5px;white-space:nowrap}.urgent-wrapper[data-v-333fd14c]{width:10%;display:flex;align-items:center;gap:1px;transform:translateX(-80px)}.urgent-wrapper img[data-v-333fd14c]{width:120%;height:auto;transform:translateX(100px);margin-top:15%}.workflow-buttons[data-v-333fd14c]{display:flex;flex-wrap:wrap;gap:10px}.order-header[data-v-333fd14c]{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:nowrap}}@media screen and (max-width:480px){.order-info[data-v-333fd14c]{display:flex;justify-content:space-between;gap:1px}.order-info span[data-v-333fd14c]{font-size:12px;white-space:nowrap}.divider[data-v-333fd14c]{margin-top:5%;width:100%;border-bottom:1px solid #000}.urgent-image[data-v-333fd14c]{width:40px;height:auto;margin-bottom:10px}.header[data-v-333fd14c]{flex-wrap:nowrap}.search-bar[data-v-333fd14c]{max-width:300px;margin-left:10%}.logout-btn[data-v-333fd14c]{font-size:14px;padding:8px 20px}.workflow-buttons[data-v-333fd14c]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.edit-button[data-v-333fd14c]{position:absolute;top:10px;right:10px;background-color:#a1e1a1;border:none;padding:10px 15px;border-radius:4px;font-weight:700;cursor:pointer;font-size:14px;z-index:1}.orders[data-v-333fd14c]{display:flex;flex-wrap:nowrap;overflow-x:scroll;padding:10px;gap:10px}.order-card[data-v-333fd14c]{min-width:600px;max-width:600px;flex-shrink:0;margin:0 auto;padding:20px;box-sizing:border-box}.image-section[data-v-333fd14c]{flex-basis:100%;max-width:100%;margin:0 auto}.product-image[data-v-333fd14c]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;display:block}}@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1024px){.header[data-v-333fd14c]{flex-wrap:nowrap}.search-icon[data-v-333fd14c]{margin-left:-540%}.logout-btn[data-v-333fd14c]{margin-left:-400%}.order-card.urgent[data-v-333fd14c],.order-card[data-v-333fd14c]{width:88%}.edit-button[data-v-333fd14c]{white-space:nowrap}.urgent-image[data-v-333fd14c]{width:60%;height:60%}.order-info[data-v-333fd14c]{gap:50px}.completed-circle[data-v-333fd14c]{right:-400px}}.edit-page[data-v-1492af42]{font-family:Arial,sans-serif;max-width:1600px;margin:0 auto;padding:1rem}.header[data-v-1492af42]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px}.divider[data-v-1492af42]{height:2px;background-color:#ddd;margin:20px 0}.back-button[data-v-1492af42],.logout-button[data-v-1492af42]{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.back-button[data-v-1492af42]{background-color:#d9d9d9}.logout-button[data-v-1492af42]{background-color:#add8e6}.main-content[data-v-1492af42]{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.image-section[data-v-1492af42]{flex:1}.order-image[data-v-1492af42]{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.image-container[data-v-1492af42]{flex:1;display:flex;justify-content:center;align-items:center;max-width:100%}.workflow-section[data-v-1492af42]{flex:2;display:flex;flex-direction:column;align-items:center}.workflow-title[data-v-1492af42]{font-size:20px;font-weight:700;margin-bottom:10px}.workflow-buttons[data-v-1492af42]{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;justify-content:start;align-items:start;margin:20px 0}.workflow-button[data-v-1492af42]{position:relative;max-width:140px;background-color:#ffc;font-size:18px;border:2px solid #8b4513;border-radius:5px;cursor:pointer;text-align:center;box-shadow:2px 2px 5px rgba(0,0,0,.2);overflow:hidden;display:flex;justify-content:center;align-items:center;width:140px;height:80px;line-height:1.2;padding:10px;word-break:break-word;white-space:normal}.workflow-button.completed[data-v-1492af42]{background-color:#ffc;color:#000}.workflow-description[data-v-1492af42]{margin-top:10px;text-align:center;font-size:14px;color:#555}.history-section[data-v-1492af42]{margin-top:30px}.history-section h2[data-v-1492af42]{font-size:18px;font-weight:700}table[data-v-1492af42]{width:100%;border-collapse:collapse;margin-top:20px}td[data-v-1492af42],th[data-v-1492af42]{border:1px solid #ddd;padding:8px;text-align:left}th[data-v-1492af42]{background-color:#f4f4f4}.modal-overlay[data-v-1492af42]{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}.modal-content[data-v-1492af42]{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);width:40%;z-index:1100}.form-group[data-v-1492af42]{margin-bottom:15px}label[data-v-1492af42]{display:block;font-weight:700;margin-bottom:5px}input[data-v-1492af42],select[data-v-1492af42],textarea[data-v-1492af42]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}textarea[data-v-1492af42]{resize:none}.form-actions[data-v-1492af42]{display:flex;justify-content:space-between;margin-top:20px}.submit-btn[data-v-1492af42]{background-color:#4caf50}.cancel-btn[data-v-1492af42],.submit-btn[data-v-1492af42]{color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.cancel-btn[data-v-1492af42]{background-color:#f44336}.circle[data-v-1492af42]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:5px solid #f5222d;border-radius:50%;background-color:transparent;z-index:1}@media screen and (max-width:480px){.header[data-v-1492af42]{width:100%}.main-content[data-v-1492af42]{flex-direction:column}.image-container[data-v-1492af42]{width:100%;height:100%}.order-image[data-v-1492af42]{width:100%;max-height:400px}.workflow-button[data-v-1492af42]{grid-template-columns:repeat(5,1fr);color:#000!important}td[data-v-1492af42],th[data-v-1492af42]{color:#000!important}.modal-content[data-v-1492af42]{width:80%;max-width:80%;max-height:80vh;padding:15px}}@media screen and (min-width:768px) and (max-width:1024px){.main-content[data-v-1492af42]{flex-direction:row;align-items:flex-start}.image-container[data-v-1492af42]{width:auto;min-width:300px}.order-image[data-v-1492af42]{width:100%;height:auto}.workflow-button[data-v-1492af42]{grid-template-columns:repeat(5,1fr);color:#000!important;background-color:#ffc;width:100%}h1[data-v-1492af42],h2[data-v-1492af42],label[data-v-1492af42],p[data-v-1492af42],td[data-v-1492af42],th[data-v-1492af42]{color:#000!important}.modal-content[data-v-1492af42]{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);width:50%;max-width:400px;max-height:80%;overflow-y:auto;z-index:1100}}@media screen and (min-width:481px) and (max-width:767px){.main-content[data-v-1492af42]{flex-direction:row;align-items:flex-start}.image-container[data-v-1492af42]{width:auto;min-width:300px}.order-image[data-v-1492af42]{width:100%;height:auto}.workflow-button[data-v-1492af42]{grid-template-columns:repeat(5,1fr);color:#000!important;background-color:#ffc}h1[data-v-1492af42],h2[data-v-1492af42],label[data-v-1492af42],p[data-v-1492af42],td[data-v-1492af42],th[data-v-1492af42]{color:#000!important}.modal-content[data-v-1492af42]{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);width:50%;max-width:400px;max-height:80%;overflow-y:auto;z-index:1100}}