@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,300);@import url(https://fonts.cdnfonts.com/css/ubahn-2);@import url(https://fonts.cdnfonts.com/css/public-sans);@import url(https://fonts.cdnfonts.com/css/costpretty);@import url(https://fonts.cdnfonts.com/css/arumdalu);@import url(https://fonts.cdnfonts.com/css/black-freeday);@import url(https://fonts.cdnfonts.com/css/lexend);@import url(https://fonts.cdnfonts.com/css/fonarto);@import url(https://fonts.cdnfonts.com/css/noto-sans-lao);@import url(https://cdn.jsdelivr.net/npm/choices.js/public/assets/styles/choices.min.css);@import url(https://cdn.jsdelivr.net/npm/choices.js/public/assets/scripts/choices.min.js);.notif-content{width:90%;margin:50px 0 20px 0;font-family:Noto Sans Lao,sans-serif}.notif-title{position:absolute;top:5px;left:15px;font-size:18pt;color:var(--dark)}.warning-sign{font-size:27pt;color:var(--yellow);animation:blinking 1s ease infinite}.sidebar-hamburger[data-v-1200cd68]{position:fixed;top:16px;left:16px;z-index:1100;width:44px;height:44px;border-radius:10px;border:1px solid var(--canvas);background:var(--white);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .2s ease,box-shadow .2s ease}.sidebar-hamburger[data-v-1200cd68]:active{transform:scale(.96);box-shadow:0 2px 8px rgba(0,0,0,.2)}.sidebar-hamburger span[data-v-1200cd68]{width:22px;height:2px;background:#333;display:block}.sidebar-overlay[data-v-1200cd68]{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:999}.sidebar-wrapper.sidebar-mobile[data-v-1200cd68]{position:fixed;top:0;left:0;height:100vh;width:280px!important;max-width:80vw;transform:translateX(-105%);transition:transform .25s ease;z-index:1000;background:#fff;box-shadow:4px 0 20px rgba(0,0,0,.15);overflow-y:auto}.sidebar-wrapper.sidebar-mobile.sidebar-mobile-open[data-v-1200cd68]{transform:translateX(0)}@media (max-width:420px){.sidebar-hamburger[data-v-1200cd68]{width:40px;height:40px;top:12px;left:12px}.sidebar-hamburger span[data-v-1200cd68]{width:20px}}.menu-new[data-v-1200cd68]{position:relative;left:4%;width:88%;height:50px;display:flex;flex-direction:row;align-items:center;justify-content:start;text-decoration:none;margin:0 auto;cursor:pointer;border-radius:5px;transition:justify-content padding .5s ease;background:hsla(0,0%,100%,.12);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(8.2px);color:#404040;-webkit-backdrop-filter:blur(8.2px);z-index:15}.menu-new-new a[data-v-1200cd68]{text-decoration:none;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}.menu-new .link[data-v-1200cd68]{width:100%;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:start;gap:5px;padding:12px 36px 12px 10px;border-radius:5px;overflow:hidden;transition:all .48s cubic-bezier(.23,1,.32,1);text-decoration:none}.menu-new .link[data-v-1200cd68]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;background-color:var(--red);z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .48s cubic-bezier(.23,1,.32,1)}.menu-new .link svg[data-v-1200cd68]{width:14px;height:14px;fill:#000;transition:all .48s cubic-bezier(.23,1,.32,1)}.menu-new .item[data-v-1200cd68]{width:100%;position:relative;z-index:14}.menu-new .item .submenu[data-v-1200cd68]{margin-top:-3px;display:flex;flex-direction:column;align-items:center;position:absolute;top:100%;border-radius:0 0 5px 5px;left:0;width:100%;overflow:hidden;border:1px solid #ccc;opacity:0;visibility:hidden;transform:translateY(-12px);transition:all .48s cubic-bezier(.23,1,.32,1);z-index:10;pointer-events:none;list-style:none;font-size:10pt;background:hsla(0,0%,100%,.9);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(8.2px);color:#404040;-webkit-backdrop-filter:blur(8.2px)}.menu-new .item:hover .submenu[data-v-1200cd68]{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;border-top:transparent;border-color:var(--red)}.menu-new .item:hover .link[data-v-1200cd68]{color:#fff;border-radius:5px 5px 0 0}.menu-new .item:hover .link[data-v-1200cd68]:after{transform:scaleX(1);transform-origin:right}.menu-new .item:hover .link svg[data-v-1200cd68]{fill:#fff;transform:rotate(-180deg)}.submenu .submenu-item[data-v-1200cd68],.submenu .submenu-link[data-v-1200cd68]{width:100%;transition:all .48s cubic-bezier(.23,1,.32,1)}.submenu .submenu-link[data-v-1200cd68]{display:block;padding:12px 24px 12px 10px;position:relative;text-align:left;text-decoration:none;color:var(--dark);font-size:11pt}.submenu .submenu-item:last-child .submenu-link[data-v-1200cd68]{border-bottom:none}.submenu .submenu-link[data-v-1200cd68]:before{content:"";position:absolute;top:0;left:0;transform:scaleX(0);width:100%;height:100%;background-color:var(--red);z-index:-1;transform-origin:left;transition:transform .48s cubic-bezier(.23,1,.32,1)}.submenu .submenu-link[data-v-1200cd68]:hover:before{transform:scaleX(1);transform-origin:right}.submenu .submenu-link[data-v-1200cd68]:hover{color:#fff}#loading{background-color:#fff;height:100%;width:100%;position:fixed;z-index:9999;left:0}#loading .inner{width:100%;height:100%;position:relative}.loading_effect{position:absolute;left:50%;top:50%;height:150px;margin-top:-80px;margin-left:-50px}.loading_effect .object{width:20px;height:20px;background-color:#deb666;float:left;margin-right:20px;margin-top:65px;border-radius:50% 50% 50% 50%}.loading_effect #object_one{animation:object_one 1.5s infinite}.loading_effect #object_two{animation:object_two 1.5s infinite;animation-delay:.25s}.loading_effect #object_three{animation:object_three 1.5s infinite;animation-delay:.5s}@keyframes object_one{75%{transform:scale(0);-webkit-transform:scale(0)}}@keyframes object_two{75%{transform:scale(0);-webkit-transform:scale(0)}}@keyframes object_three{75%{transform:scale(0);-webkit-transform:scale(0)}}.loading_effect2{position:absolute;left:50%;top:50%;height:50px;width:300px;margin-top:-25px;margin-left:-150px}.loading_effect2 .object{width:18px;height:18px;background:#deb666;float:left;margin-top:15px;margin-right:15px;border-radius:50% 50% 50% 50%;animation:loading_effect2 1s infinite}.loading_effect2 .object:last-child{margin-right:0}.loading_effect2 .object:nth-child(9){animation-delay:.9s}.loading_effect2 .object:nth-child(8){animation-delay:.8s}.loading_effect2 .object:nth-child(7){animation-delay:.7s}.loading_effect2 .object:nth-child(6){animation-delay:.6s}.loading_effect2 .object:nth-child(5){animation-delay:.5s}.loading_effect2 .object:nth-child(4){animation-delay:.4s}.loading_effect2 .object:nth-child(3){animation-delay:.3s}.loading_effect2 .object:nth-child(2){animation-delay:.2s}@keyframes loading_effect2{50%{transform:translateY(-50px)}}.loading_effect3{position:absolute;left:50%;top:50%;height:200px;width:200px;margin-top:-100px;margin-left:-100px;transform:rotate(-135deg)}.loading_effect3 .object{border-radius:50% 50% 50% 50%;position:absolute;border-top:5px solid #deb666;border-bottom:5px solid transparent;border-left:5px solid #deb666;border-right:5px solid transparent;animation:loading_effect3 2s infinite}.loading_effect3 #object_one{left:75px;top:75px;width:50px;height:50px}.loading_effect3 #object_two{left:65px;top:65px;width:70px;height:70px;animation-delay:.2s}.loading_effect3 #object_three{left:55px;top:55px;width:90px;height:90px;animation-delay:.4s}.loading_effect3 #object_four{left:45px;top:45px;width:110px;height:110px;animation-delay:.6s}@keyframes loading_effect3{50%{transform:rotate(1turn) scale(.8)}}.content-summary[data-v-2d96dff7]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px}.summary-box[data-v-2d96dff7]{display:flex;align-items:center;padding:20px;background-color:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s ease;min-height:140px;text-decoration:none;color:inherit}.summary-box[data-v-2d96dff7]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.summary-icon[data-v-2d96dff7]{width:70px;height:70px;margin-right:20px;flex-shrink:0}.summary-info[data-v-2d96dff7]{display:flex;flex-direction:column;gap:8px}.event-title[data-v-2d96dff7]{font-weight:700;font-size:1.1rem;color:#333;line-height:1.3}.count-value[data-v-2d96dff7]{font-size:2.5rem;font-family:Lexed,sans-serif;font-weight:700;color:var(--orange);line-height:1}.loading-box[data-v-2d96dff7]{justify-content:center;background-color:#f8f9fa;border:2px dashed #dee2e6;color:#6c757d;font-size:1.1rem;font-weight:500}.content-wrapper[data-v-2d96dff7]{margin:30px}.content-title h2[data-v-2d96dff7]{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:20px}.contracts-list[data-v-2d96dff7]{display:flex;flex-direction:column;gap:10px}.contract-item[data-v-2d96dff7]{margin-bottom:5px}.warning-contract[data-v-2d96dff7]{display:block;padding:15px 20px;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #f39c12;border-radius:8px;text-decoration:none;color:inherit;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.warning-contract[data-v-2d96dff7]:hover{transform:translateX(5px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.warning-content[data-v-2d96dff7]{display:flex;flex-direction:column;gap:5px}.contract-title[data-v-2d96dff7]{font-weight:800;font-size:1rem;color:#856404}.contract-supplier[data-v-2d96dff7]{font-size:.875rem;color:#6c5a00}.message-box[data-v-2d96dff7]{padding:20px;border-radius:8px;font-weight:500;margin-bottom:20px}.eom-message[data-v-2d96dff7]{background-color:#e7f3ff;border-left:4px solid #007bff;color:#004085}.batch-logs[data-v-2d96dff7]{background-color:#f8f9fa;border-left:4px solid #6c757d;color:#495057}@media (max-width:1024px){.content-summary[data-v-2d96dff7]{margin:20px;gap:15px}}@media (max-width:768px){.content-summary[data-v-2d96dff7]{grid-template-columns:1fr;margin:15px}.summary-box[data-v-2d96dff7]{padding:15px;min-height:120px}.summary-icon[data-v-2d96dff7]{width:60px;height:60px;margin-right:15px}.event-title[data-v-2d96dff7]{font-size:1rem}.count-value[data-v-2d96dff7]{font-size:2rem}.content-wrapper[data-v-2d96dff7]{margin:20px 15px}.content-title h2[data-v-2d96dff7]{font-size:1.3rem}.warning-contract[data-v-2d96dff7]{padding:12px 15px}.contract-title[data-v-2d96dff7]{font-size:.9rem}.contract-supplier[data-v-2d96dff7]{font-size:.8rem}}@media (max-width:480px){.summary-box[data-v-2d96dff7]{flex-direction:column;text-align:center;padding:20px 15px}.summary-icon[data-v-2d96dff7]{margin-right:0;margin-bottom:10px}.count-value[data-v-2d96dff7]{font-size:1.8rem}}.content[data-v-2d96dff7]{padding:20px;text-align:center;color:#6c757d;font-style:italic}.summary-box[data-v-2d96dff7]:focus{outline:3px solid #007bff;outline-offset:2px}.warning-contract[data-v-2d96dff7]:focus{outline:2px solid #f39c12;outline-offset:2px}[data-v-2d96dff7]{scroll-behavior:smooth}.content-body[data-v-2d96dff7]{will-change:transform}.loaders-container{width:100%;height:400px;background-color:#fff}#wifi-loader,.loaders-container{position:relative;display:flex;justify-content:center;align-items:center}#wifi-loader{--background:var(--basecolor);--front-color:var(--basecolor);--back-color:#c3c8de;--text-color:#414856;width:64px;height:64px;border-radius:50px}#wifi-loader svg{position:absolute;display:flex;justify-content:center;align-items:center}#wifi-loader svg circle{position:absolute;fill:none;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-100deg);transform-origin:center}#wifi-loader svg circle.back{stroke:var(--back-color)}#wifi-loader svg circle.front{stroke:var(--front-color)}#wifi-loader svg.circle-outer{height:86px;width:86px}#wifi-loader svg.circle-outer circle{stroke-dasharray:62.75 188.25}#wifi-loader svg.circle-outer circle.back{animation:circle-outer135 1.8s ease .3s infinite}#wifi-loader svg.circle-outer circle.front{animation:circle-outer135 1.8s ease .15s infinite}#wifi-loader svg.circle-middle{height:60px;width:60px}#wifi-loader svg.circle-middle circle{stroke-dasharray:42.5 127.5}#wifi-loader svg.circle-middle circle.back{animation:circle-middle6123 1.8s ease .25s infinite}#wifi-loader svg.circle-middle circle.front{animation:circle-middle6123 1.8s ease .1s infinite}#wifi-loader svg.circle-inner{height:34px;width:34px}#wifi-loader svg.circle-inner circle{stroke-dasharray:22 66}#wifi-loader svg.circle-inner circle.back{animation:circle-inner162 1.8s ease .2s infinite}#wifi-loader svg.circle-inner circle.front{animation:circle-inner162 1.8s ease .05s infinite}#wifi-loader .text{position:absolute;bottom:-40px;display:flex;justify-content:center;align-items:center;text-transform:lowercase;font-weight:500;font-size:14px;letter-spacing:.2px}#wifi-loader .text:after,#wifi-loader .text:before{content:attr(data-text)}#wifi-loader .text:before{color:var(--text-color)}#wifi-loader .text:after{color:var(--front-color);animation:text-animation76 3.6s ease infinite;position:absolute;left:0}@keyframes circle-outer135{0%{stroke-dashoffset:25}25%{stroke-dashoffset:0}65%{stroke-dashoffset:301}80%{stroke-dashoffset:276}to{stroke-dashoffset:276}}@keyframes circle-middle6123{0%{stroke-dashoffset:17}25%{stroke-dashoffset:0}65%{stroke-dashoffset:204}80%{stroke-dashoffset:187}to{stroke-dashoffset:187}}@keyframes circle-inner162{0%{stroke-dashoffset:9}25%{stroke-dashoffset:0}65%{stroke-dashoffset:106}80%{stroke-dashoffset:97}to{stroke-dashoffset:97}}@keyframes text-animation76{0%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}.spinner{font-size:28px;position:relative;display:inline-block;width:1em;height:1em}.spinner.center{position:relative;left:0;right:0;top:0;bottom:0;margin:auto}.spinner .spinner-blade{position:absolute;left:.4629em;bottom:0;width:.074em;height:.2777em;border-radius:.0555em;background-color:transparent;transform-origin:center -.2222em;animation:spinner-fade9234 1s linear infinite}.spinner .spinner-blade:first-child{animation-delay:0s;transform:rotate(0deg)}.spinner .spinner-blade:nth-child(2){animation-delay:83ms;transform:rotate(30deg)}.spinner .spinner-blade:nth-child(3){animation-delay:.166s;transform:rotate(60deg)}.spinner .spinner-blade:nth-child(4){animation-delay:.249s;transform:rotate(90deg)}.spinner .spinner-blade:nth-child(5){animation-delay:.332s;transform:rotate(120deg)}.spinner .spinner-blade:nth-child(6){animation-delay:.415s;transform:rotate(150deg)}.spinner .spinner-blade:nth-child(7){animation-delay:.498s;transform:rotate(180deg)}.spinner .spinner-blade:nth-child(8){animation-delay:.581s;transform:rotate(210deg)}.spinner .spinner-blade:nth-child(9){animation-delay:.664s;transform:rotate(240deg)}.spinner .spinner-blade:nth-child(10){animation-delay:.747s;transform:rotate(270deg)}.spinner .spinner-blade:nth-child(11){animation-delay:.83s;transform:rotate(300deg)}.spinner .spinner-blade:nth-child(12){animation-delay:.913s;transform:rotate(330deg)}@keyframes spinner-fade9234{0%{background-color:#fff}to{background-color:transparent}}.alert-dialog{position:relative;width:90%;max-width:600px;min-height:200px;background:var(--white);border-radius:10px;z-index:1;display:flex;flex-direction:column}.alert-title{position:relative;top:15px;left:20px;font-size:16pt;font-family:Lexend,sans-serif;color:var(--light)}.alert-message{position:relative;width:90%;margin:0 auto;font-size:11pt;color:var(--dark)}.alert-button{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:90%;display:flex;flex-direction:row;justify-content:end;gap:10px}.btn-danger:disabled,.btn-theme:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.back-logo[data-v-3c8567b2]{pointer-events:none}.chart[data-v-3c8567b2]{width:100%;height:380px;margin:8px 0 16px;position:relative;z-index:1}.toolbar[data-v-3c8567b2]{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-top:16px}.toolbar__item[data-v-3c8567b2]{display:flex;flex-direction:column;gap:4px}.toolbar__cta[data-v-3c8567b2]{display:flex;gap:8px;margin-left:auto}.series-toggle[data-v-3c8567b2]{display:flex;gap:16px;align-items:center;margin-top:10px}.series-toggle__item[data-v-3c8567b2]{display:flex;gap:6px;align-items:center;cursor:pointer}.kpi-wrap[data-v-3c8567b2]{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.lbl[data-v-3c8567b2]{display:block;font-size:12px;color:#666;margin-bottom:4px}.inp[data-v-3c8567b2]{min-width:180px;padding:6px 8px;border:1px solid #ddd;border-radius:6px;background:#fff;transition:border-color .2s}.inp[data-v-3c8567b2]:focus{border-color:#4f46e5;outline:none}.min-w-220[data-v-3c8567b2]{min-width:220px}.kpi[data-v-3c8567b2]{padding:12px 14px;border:1px solid #eee;border-radius:10px;min-width:180px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:transform .2s}.kpi[data-v-3c8567b2]:hover{transform:translateY(-2px)}.kpi-title[data-v-3c8567b2]{font-size:12px;color:#666}.kpi-value[data-v-3c8567b2]{font-size:18px;font-weight:700;margin-top:4px;color:#333}.table-wrap[data-v-3c8567b2]{overflow:auto;border:1px solid #eee;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05)}table[data-v-3c8567b2]{width:100%;border-collapse:collapse}td[data-v-3c8567b2],th[data-v-3c8567b2]{padding:10px 12px;border-bottom:1px solid #f0f0f0}th[data-v-3c8567b2]{text-align:left;background:#fafafa;font-weight:600;color:#444}tfoot td[data-v-3c8567b2]{background:#fafafa}.text-right[data-v-3c8567b2]{text-align:right}tr[data-v-3c8567b2]:hover{background:#f9f9f9}.btn-theme[data-v-3c8567b2]:disabled{background:#c7c7c7;cursor:not-allowed}.content-title h2[data-v-3c8567b2]{color:#333;font-weight:700}.empty[data-v-3c8567b2]{margin-top:12px;color:#6b7280}.close-preview{position:absolute;top:10px;right:10px;color:var(--red);z-index:20;font-size:40pt;cursor:pointer}.close-preview:hover{animation:wobble .5s ease}.po-header{width:100%;height:250px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.po-header .po-logo{width:20%;height:80%;border:1px solid var(--canvas)}.pr-supplier{font-family:Fonarto,sans-serif;font-size:16pt;color:var(--light)}.pr-contact{margin-bottom:5px}.pr-address,.pr-contact{font-family:Lexend,sans-serif;color:var(--light)}.pr-deliver{margin-top:50px;font-size:13pt;font-weight:lighter}.pr-company,.pr-deliver{color:var(--light);font-family:Fonarto,sans-serif}.pr-company{font-size:16pt;display:flex;flex-direction:row;gap:10px;align-items:end}.pr-department{font-family:Lexend,sans-serif;color:var(--light);margin-top:-6px}.progress-order{width:100%;height:150px;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin-top:-60px;margin-bottom:30px}.progress-order,.progress-order .circle{position:relative;display:flex;align-items:center}.progress-order .circle{width:35px;height:35px;border-radius:50%;justify-content:center;font-size:18pt;z-index:2}.progress-order .circle .circle-detail{position:absolute;width:120px;top:45px;left:50%;transform:translateX(-50%);text-align:center;font-size:12pt;color:var(--dark);font-family:Lexend,sans-serif;display:flex;flex-direction:column}.progress-order .circle .circle-detail .detail-date{font-size:9pt;color:var(--light)}.pending{background:var(--light);color:var(--white)}.completed{background:var(--themecolor);color:var(--white)}.progress-line{height:5px;background:var(--light)}.progress-line,.progress-line-completed{position:absolute;left:50%;transform:translateX(-50%);width:90%}.progress-line-completed{height:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.side-step{width:20%}.center-step,.side-step{height:5px;background:var(--themecolor);z-index:1}.center-step{width:30%}.table-responsive{border-collapse:separate;border-spacing:0;background:#fff}.table-responsive thead.bg-dark th{background:#2d2d2d;color:#fff;font-weight:600;border:0}.table-responsive td,.table-responsive th{padding:10px 12px;vertical-align:middle;border-bottom:1px solid #eee}tr.bg-canvas td{background:#fafafa}td.num,th.num{text-align:right;padding-right:12px}.td-name .ellipsis{display:inline-block;max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qty-cell{font-weight:600;color:#222}.qty-cell.changed{background:#fff9db;box-shadow:inset 3px 0 #f7d308}.qty-old{color:#888;font-size:12px}.muted{color:#bbb}.td-qty-adjust,.th-qty-adjust{width:90px}.qty-input{width:80px;height:30px;text-align:right;border:1px solid #ddd;border-radius:6px;padding:4px 6px;outline:none}.qty-input:focus{border-color:#8aa1ff;box-shadow:0 0 0 2px rgba(138,161,255,.2)}.note-input{width:100%;min-height:30px;max-height:90px;resize:vertical;border:1px solid #ddd;border-radius:6px;padding:6px 8px;outline:none}.note-input:focus{border-color:#8aa1ff;box-shadow:0 0 0 2px rgba(138,161,255,.2)}.th-note{width:22%}.td-note{vertical-align:middle}.note-readonly{border:1px solid #eee;background:#fafafa;border-radius:6px;padding:6px 8px;min-height:30px}.ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.types-filter{position:relative;color:#fff;font-weight:600;padding-right:22px}.types-filter .chevron{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none}.types-filter .overlay-select{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:5;-webkit-appearance:none;-moz-appearance:none;appearance:none}th[col-name=no]{width:5%}th[col-name=pid]{width:10%}th[col-name=types]{width:14%}th[col-name=su]{width:8%}th[col-name=price]{width:10%}th[col-name=qty-old],th[col-name=qty]{width:7%}.po-header{position:relative;display:flex;gap:16px;padding:16px;border:1px solid #eee;border-radius:12px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.05)}.po-logo{flex:0 0 120px;display:flex;align-items:center;justify-content:center;border:1px solid #f0f0f0;border-radius:10px;background:#fafafa;padding:8px;height:80px}.po-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.po-stamp{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:8px}.po-stamp img{height:52px;opacity:.9}.po-meta{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;padding:8px 12px;background:#f9f9f9;border-radius:10px;border:1px solid #f0f0f0}.po-item{display:flex;gap:8px;align-items:center;min-height:28px}.po-label{color:#666;font-size:.9rem;min-width:110px}.po-value{color:#222;font-weight:500}.po-chip{display:inline-block;padding:2px 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:600;font-size:.85rem;border:1px solid #e5e7eb}.po-user{grid-column:span 2;display:flex;align-items:center;gap:10px;margin-top:4px}.po-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e5e7eb;cursor:pointer}.po-user-text{display:flex;flex-direction:column;line-height:1.1}@media (max-width:768px){.po-meta{grid-template-columns:1fr}.po-logo{flex-basis:90px;height:70px}.po-stamp img{height:44px}}.summary-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 16px;padding:12px;border:1px solid #eef0f4;border-radius:12px;background:#fbfbfd}.metric{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #eef0f4;border-radius:10px;background:#fff}.metric.highlight{background:#f7f9ff;border-color:#e6ebff;box-shadow:inset 0 0 0 1px #eef2ff}.metric-icon{font-size:20px;color:#64748b}.metric-body{display:flex;flex-direction:column;line-height:1.1}.metric-label{font-size:.85rem;color:#6b7280}.metric-value{font-size:1.05rem;color:#111827}@media (max-width:768px){.summary-card{grid-template-columns:1fr}}.supname{font-size:12pt;font-family:Lexend,sans-serif}.suptotal{font-size:14pt;font-weight:700;font-family:Noto Sans Lao,sans-serif;color:var(--green)}.card-supplier[data-v-00cc432a]{position:relative;width:100%;height:auto;background:#f9f9f9;border-radius:5px;border:1px solid var(--lightgray);box-shadow:0 1px 4px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.1);padding:0 10px;margin:5px 10px}.card-supplier-active[data-v-00cc432a]{border:2px solid var(--green)}.card-wrapper[data-v-00cc432a]{display:inline-flex;flex-wrap:nowrap;align-items:center;width:100%;height:100px}.card-icon[data-v-00cc432a]{width:20%}.card-icon .icon-cart-box[data-v-00cc432a]{background-color:#e0f2f1;width:100px;height:100px;border-radius:50%;text-align:center;padding:5px 0;margin:0 auto}.card-content[data-v-00cc432a]{width:80%;margin-top:-20px}.card-title-wrapper[data-v-00cc432a]{display:inline-flex;flex-wrap:nowrap;align-items:baseline;width:100%}.card-title[data-v-00cc432a]{width:95%;font-size:1em;font-weight:600;color:#333;padding:20px 0 0 10px}.card-action[data-v-00cc432a]{position:absolute;top:-5px;right:25px;width:5%;text-align:right;padding:0}.card-action svg[data-v-00cc432a]{cursor:pointer;fill:rgba(0,0,0,.2);transition:.3s ease-in-out}.card-action svg[data-v-00cc432a]:hover{fill:rgba(0,0,0,.6)}.product-name[data-v-00cc432a]{font-size:.8em;color:#757575;padding:10px 0 0 10px}.product-name[data-v-00cc432a]:hover{cursor:pointer;text-decoration:underline}.product-price[data-v-00cc432a]{font-size:.9em;font-weight:600;color:#333;padding:0 0 10px 10px}.ppn-price[data-v-00cc432a]{font-size:.9em;font-weight:600;color:var(--red);padding:0 0 10px 10px}.btn-view-cart[data-v-00cc432a]{position:absolute;bottom:-10px;right:10px;font-size:.7em;font-weight:600;padding:5px 10px;margin:5px 10px 20px;border-radius:15px;color:#009688;border:1px solid #009688;background-color:#e0f2f1;box-shadow:none;text-transform:uppercase;cursor:pointer;transition:.4s ease-in-out}.btn-view-cart[data-v-00cc432a]:active,.btn-view-cart[data-v-00cc432a]:focus,.btn-view-cart[data-v-00cc432a]:hover{color:#fff;background-color:#009688;border:1px solid #009688}.btn-change-sup[data-v-00cc432a]{position:absolute;right:0;border:1px solid var(--orange);background:transparent;width:32px;height:32px;margin-left:10px;border-radius:50%;font-size:18pt;cursor:pointer;color:var(--orange)}.btn-change-sup[data-v-00cc432a]:hover{background:var(--orange);color:#fff}.price-total[data-v-00cc432a]{position:relative;display:flex;flex-direction:row;justify-content:space-between;width:80%;border-bottom:1.5px solid var(--lightgray)}.table-disabled[data-v-00cc432a]{color:var(--red)}.overlay-image-profile{position:absolute;width:100%;height:100%;background:#00000049;z-index:1}.change-image-profile{position:absolute;top:40%;left:50%;transform:translateX(-50%);font-size:50pt;cursor:pointer;color:#fff;z-index:2}.switch-container{display:flex;align-items:center;justify-content:center;--hue:220deg;--width:5rem;--accent-hue:22deg;--duration:0.4s;--easing:cubic-bezier(1,0,1,1)}.togglesw{display:none}.switch{--shadow-offset:calc(var(--width)/20);position:relative;cursor:pointer;display:flex;align-items:center;width:var(--width);height:calc(var(--width)/2.5);border-radius:var(--width);box-shadow:inset 10px 10px 10px hsl(var(--hue) 20% 80%),inset -10px -10px 10px hsl(var(--hue) 20% 93%)}.indicator{content:"";position:absolute;width:40%;height:60%;transition:all var(--duration) var(--easing);box-shadow:inset 0 0 2px hsl(var(--hue) 20% 15%/60%),inset 0 0 3px 2px hsl(var(--hue) 20% 15%/60%),inset 0 0 5px 2px hsl(var(--hue) 20% 45%/60%)}.indicator.left{--hue:var(--accent-hue);overflow:hidden;left:10%;border-radius:100px 0 0 100px;background:linear-gradient(180deg,hsl(calc(var(--accent-hue) + 20deg) 95% 80%) 10%,hsl(calc(var(--accent-hue) + 20deg) 100% 60%) 30%,hsl(var(--accent-hue) 90% 50%) 60%,hsl(var(--accent-hue) 90% 60%) 75%,hsl(var(--accent-hue) 90% 50%))}.indicator.left:after{content:"";position:absolute;opacity:.6;width:100%;height:100%}.indicator.right{right:10%;border-radius:0 100px 100px 0;background-image:linear-gradient(180deg,hsl(var(--hue) 20% 95%),hsl(var(--hue) 20% 65%) 60%,hsl(var(--hue) 20% 70%) 70%,hsl(var(--hue) 20% 65%))}.switch-button{position:absolute;z-index:1;width:55%;height:80%;left:5%;border-radius:100px;background-image:linear-gradient(160deg,hsl(var(--hue) 20% 95%) 40%,hsl(var(--hue) 20% 65%) 70%);transition:all var(--duration) var(--easing)}.switch-button:after,.switch-button:before{content:"";position:absolute;top:10%;width:41%;height:80%;border-radius:100%}.switch-button:before{left:5%;box-shadow:inset 1px 1px 2px hsl(var(--hue) 20% 85%);background-image:linear-gradient(-50deg,hsl(var(--hue) 20% 95%) 20%,hsl(var(--hue) 20% 85%) 80%)}.switch-button:after{right:5%;box-shadow:inset 1px 1px 3px hsl(var(--hue) 20% 70%);background-image:linear-gradient(-50deg,hsl(var(--hue) 20% 95%) 20%,hsl(var(--hue) 20% 75%) 80%)}.togglesw:checked~.switch-button{left:40%}.togglesw:checked~.indicator.right,.togglesw:not(:checked)~.indicator.left{box-shadow:inset 0 0 5px hsl(var(--hue) 20% 15%/100%),inset 20px 20px 10px hsl(var(--hue) 20% 15%/100%),inset 20px 20px 15px hsl(var(--hue) 20% 45%/100%)}.notification-dialog{position:absolute;bottom:20px;right:20px;width:90%;max-width:300px;height:100px;border-radius:5px;overflow:hidden;box-shadow:1.3px .5px 3.1px rgba(0,0,0,.024),4.2px 1.6px 10.5px rgba(0,0,0,.032),19px 7px 47px rgba(0,0,0,.05)}.notification-body{position:relative;width:100%;height:100%;display:flex;align-items:center;overflow:hidden}.notification-message{position:relative;width:90%;margin:0 auto;text-align:center;font-size:11pt;font-family:Lexend,sans-serif}.orange-bar{background:var(--orange);animation:progress 1s ease}.orange-bar,.white-bar{position:absolute;bottom:0;width:100%;height:5px;z-index:1}.white-bar{background:var(--white);animation:progress 1.3s ease}@keyframes progress{0%{width:100%}to{width:0}}.addstn-btn{position:absolute;top:21px;right:6px;width:30px;height:30px;background:#f3f3f3;border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--dark);cursor:pointer}.addstn-btn:hover{color:#fff;background:var(--themecolor)}.add-stn{font-size:17pt}.add-stn:hover{animation:hithere .7s ease}.suppliers-card{position:absolute;top:90px;left:0;width:100%;max-height:450px;background:var(--paper);border:1px solid var(--light);border-radius:10px;box-shadow:8px 9px 7px 0 rgba(0,0,0,.1);scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;z-index:500;display:flex;flex-direction:column;scrollbar-color:var(--themecolor) rgba(0,0,0,.15);scrollbar-width:thin}.suppliers-card::-webkit-scrollbar{width:1rem;background-color:rgba(0,0,0,.15)}.suppliers-card::-webkit-scrollbar-thumb{background:#f90}.suppliers-card .supplier-name{width:100%;height:150px;color:var(--dark);font-size:12pt;cursor:pointer;z-index:501}.supplier-active,.suppliers-card .supplier-name:hover{background:var(--red);color:#fff}.label{display:flex;align-items:center;padding:14px 16px;margin:5px 0;cursor:pointer;transition:.3s}.label:active,.label:focus-within,.label:hover{background:var(--orange)}.label-active{background:var(--orange)}.radio-input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;z-index:-1}.radio-design{width:16px;height:16px;border-radius:100px;background:linear-gradient(to right bottom,var(--red),var(--redhover));position:relative}.radio-design:before{content:"";display:inline-block;width:inherit;height:inherit;border-radius:inherit;background:#e6e6e6;transform:scale(1.1);transition:.3s}.radio-input:checked+.radio-design:before{transform:scale(0)}.label-text{color:var(--dark);margin-left:14px;letter-spacing:1px;text-transform:uppercase;font-size:14px;font-weight:400;transition:.3s}.radio-input:checked~.label-text{color:var(--paper)}.table-contract{position:relative;border-collapse:collapse}.table-contract thead{height:45px;text-align:center}.table-contract th,.table-contract thead,.table-contract tr{border:none;color:var(--white)}.table-contract tbody,.table-contract tbody td,.table-contract tbody tr{padding:5px 0;text-align:center;font-size:10pt;color:var(--dark)}.large-screen{width:100%}.small-screen{width:130%}button[data-v-6d6e33bf]:disabled{opacity:.6;cursor:not-allowed}.input-placeholder{position:absolute;bottom:3px;right:15px;font-size:8pt}.note-row[data-v-518fa639]{font-size:12px;padding:8px 10px;background:#fafafa;border-top:1px solid var(--canvas);color:#333;line-height:1.4;white-space:pre-wrap}.wind-frame{position:absolute;top:0;left:0;width:100svw;height:100svh;border-radius:2px;overflow:hidden;color:#333;font-family:Open Sans,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:11}.wind-center{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%)}.line{fill:none;stroke-width:1.5px;stroke-linecap:round;animation:line 3s linear infinite;z-index:11}.circle{z-index:10;position:absolute;border:5px solid #fff;width:150px;top:310px;left:50%;margin-left:-80px;transform:translate(-50%);height:150px;border-radius:50%;animation:circle 2.5s ease-out infinite both}@keyframes line{0%{stroke-dasharray:100 1200;stroke-dashoffset:1300}to{stroke-dasharray:100 1200;stroke-dashoffset:10}}@keyframes circle{0%,50%{opacity:1;transform:scale(0)}70%,to{opacity:0;transform:scale(1)}}.page-notfound{position:absolute;top:0;left:0;width:100svw;height:100svh;background:#a38f72;flex-direction:column}.notfound-image,.page-notfound{display:flex;justify-content:center;align-items:center}.notfound-image{position:relative;width:400px;overflow:hidden;z-index:10}.propeller{position:absolute;top:70px;margin-left:-10px;width:120px;height:120px;z-index:100;animation:putar 3s ease infinite}@keyframes putar{0%{transform:rotate(0deg)}20%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notfound-btn{width:100px;height:45px;border-radius:10px;background:transparent;border:2px solid var(--red);cursor:pointer;font-size:16pt;font-family:Black Freeday,sans-serif;z-index:100}.notfound-btn:hover{background:var(--redhover);border:2px solid var(--redhover);color:#fff}.mt-2{margin-top:2%}#background-wrap{bottom:0;left:0;padding-top:50px;position:fixed;right:0;top:0}@keyframes animateCloud{0%{margin-left:-1000px}to{margin-left:100%}}.x1{animation:animateCloud 35s linear infinite;transform:scale(.65)}.x2{animation:animateCloud 20s linear infinite;transform:scale(.3)}.x3{animation:animateCloud 30s linear infinite;transform:scale(.5)}.x4{animation:animateCloud 18s linear infinite;transform:scale(.4)}.x5{animation:animateCloud 15s linear infinite;transform:scale(.55)}.x6{animation:animateCloud 25s linear infinite;transform:scale(.35)}.x7{animation:animateCloud 12s linear infinite;transform:scale(.3)}.x8{animation:animateCloud 18s linear infinite;transform:scale(.45);z-index:11}.x9{animation:animateCloud 30s linear infinite;transform:scale(.75)}.x10{animation:animateCloud 12s linear infinite;transform:scale(.5);z-index:1}.x11{animation:animateCloud 10s linear infinite;transform:scale(.28);z-index:1}.x12{animation:animateCloud 15s linear infinite;transform:scale(.7);z-index:1}.x13{animation:animateCloud 22s linear infinite;transform:scale(.55);z-index:1}.x14{animation:animateCloud 26s linear infinite;transform:scale(.53);z-index:1}.x15{animation:animateCloud 27s linear infinite;transform:scale(.33);z-index:1}.cloud{background:#fff;background:linear-gradient(top,#fff 5%,#f1f1f1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff",endColorstr="#f1f1f1",GradientType=0);border-radius:100px;box-shadow:0 8px 5px rgba(0,0,0,.1);height:120px;position:relative;width:350px}.cloud:after,.cloud:before{background:#fff;content:"";position:absolute;z-indeX:-1}.cloud:after{border-radius:100px;height:100px;left:50px;top:-50px;width:100px}.cloud:before{border-radius:200px;width:180px;height:180px;right:50px;top:-90px}.login-logo[data-v-54ed4034]{width:30%;overflow:hidden}.login-divider[data-v-54ed4034]{height:480px;width:1px;background:var(--light)}.login-forms[data-v-54ed4034]{width:40%;height:500px}@media(max-width:768px){.login-forms[data-v-54ed4034]{width:100%}}.login-logo img[data-v-54ed4034]{width:90%;margin:0 auto;-o-object-fit:contain;object-fit:contain}.bg-video[data-v-54ed4034]{position:absolute;top:0;left:0;width:100svw;height:100svh;margin:0 auto;-o-object-fit:fill;object-fit:fill;z-index:1}@media(max-width:768px){.bg-video[data-v-54ed4034]{-o-object-fit:cover;object-fit:cover}}.bg-video source[data-v-54ed4034]{position:fixed;width:100%;margin:0 auto;z-index:1}.bg-login-container[data-v-54ed4034]{position:fixed;top:0;left:0;width:100svw;height:100svh;background-image:linear-gradient(0deg,#000,#0000005a);display:flex;justify-content:center;align-items:center;gap:20px;z-index:10}.login-card[data-v-54ed4034]{width:100%;max-width:650px;height:80%;max-height:500px;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 0}.login-form2[data-v-54ed4034]{width:96%;height:50px;border:1px solid var(--light);background:transparent;font-size:12pt;padding:0 10px;color:var(--paper);margin-bottom:21px;border-radius:3px}.login-form2[data-v-54ed4034]::-moz-placeholder{color:var(--canvas);font-size:12pt}.login-form2[data-v-54ed4034]::placeholder{color:var(--canvas);font-size:12pt}@media(max-width:768px){.login-form2[data-v-54ed4034]{width:93%}}@media(max-width:1366px){.login-form2[data-v-54ed4034]{width:94%}}.login-form2[data-v-54ed4034]:focus{outline:2px solid var(--red);border:none}.error-input[data-v-54ed4034]{position:absolute;color:var(--red);bottom:0;font-size:11pt}.forgot-wrapper[data-v-54ed4034]{position:relative;margin-top:15px;display:flex;justify-content:end;align-items:center}.forgot-wrapper span[data-v-54ed4034]{color:var(--paper);font-family:Noto Sans Lao,sans-serif}.line-breaks[data-v-54ed4034]{position:absolute;width:100%;height:1px;background:var(--canvas);z-index:1}.reset-link2[data-v-54ed4034]{font-size:12pt;font-family:Arial,Helvetica,sans-serif;color:var(--red);text-decoration:underline;cursor:pointer}.login-button2[data-v-54ed4034]{width:100%;height:60px;background:var(--basecolor);color:#fff;cursor:pointer;border:none;margin-top:30px;font-family:Noto Sans Lao,sans-serif;font-size:16pt;border-radius:3px}.login-button2[data-v-54ed4034]:hover{background:var(--basehover)}.show-passwords[data-v-54ed4034]{position:absolute;top:40px;right:3%;font-size:18pt;cursor:pointer;color:var(--paper)}@media(max-width:1366px){.show-passwords[data-v-54ed4034]{top:40px}}.login-form-labels[data-v-54ed4034]{font-weight:400;margin-bottom:-5px;font-family:Noto Sans Lao,sans-serif;font-size:12pt}.top-row[data-v-e7e92606]{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:20px;margin-bottom:4px}.supplier-panel[data-v-e7e92606]{width:38%;min-width:220px;border:1px solid var(--paper,#e9eaec);border-radius:12px;height:282px;margin-top:12px;overflow:hidden;display:flex;flex-direction:row;align-items:stretch;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05)}.supplier-panel__img[data-v-e7e92606]{width:38%;display:flex;align-items:center;justify-content:center;padding:16px 8px;background:#f8fafc;border-right:1px solid var(--paper,#e9eaec)}.supplier-panel__img img[data-v-e7e92606]{width:100%;-o-object-fit:contain;object-fit:contain}.supplier-panel__info[data-v-e7e92606]{width:62%;padding:18px 14px;display:flex;flex-direction:column;gap:6px;overflow:hidden}.sup-label[data-v-e7e92606]{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--light,#9ca3af)}.sup-name[data-v-e7e92606]{font-size:14px;font-weight:700;color:var(--dark,#111827);line-height:1.3;word-break:break-word}.sup-meta[data-v-e7e92606]{font-size:11px;color:var(--light,#6b7280);word-break:break-word}.form-col[data-v-e7e92606]{width:58%;display:flex;flex-direction:column;gap:4px}.two-col[data-v-e7e92606]{width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:12px;margin-top:8px}.two-col .form-group[data-v-e7e92606]{width:49%}.label-active[data-v-e7e92606]{color:var(--orange,#ea580c)!important}.label-error[data-v-e7e92606]{color:var(--red,#dc2626)!important}.input-error[data-v-e7e92606]{font-size:11px;color:var(--red,#dc2626);min-height:14px;display:block}.btn-outline[data-v-e7e92606]{background:transparent!important;color:var(--theme,#16a34a);border:1.5px solid var(--theme,#16a34a)}.btn-outline[data-v-e7e92606]:hover{background:var(--theme,#16a34a)!important;color:#fff}.btn-sm[data-v-e7e92606]{padding:4px 12px!important;font-size:12px!important}.qr-area[data-v-e7e92606]{display:flex;flex-direction:column;align-items:flex-start;margin-top:10px}.qr-stream[data-v-e7e92606]{width:200px;height:200px;border-radius:8px;overflow:hidden;border:2px solid var(--theme,#16a34a)}.po-filters[data-v-e7e92606]{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.filter-sel[data-v-e7e92606]{width:auto;min-width:160px;height:36px;padding:0 10px}.po-number-area[data-v-e7e92606]{position:relative;width:100%;max-height:260px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;align-items:start;border:1.5px solid var(--themehover,#bbf7d0);border-radius:10px;padding:12px;overflow-y:auto;overflow-x:hidden;margin-top:12px;background:#fff}.po-number-card[data-v-e7e92606]{position:relative;width:100%;min-height:80px;border-radius:8px;background:var(--canvas,#fafafa);border:1.5px solid #ececec;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:10px 12px;box-shadow:0 1px 4px rgba(0,0,0,.05);transition:box-shadow .15s,border-color .15s,transform .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.po-number-card[data-v-e7e92606]:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:var(--green,#16a34a);transform:translateY(-1px)}.po-number-card-active[data-v-e7e92606]{border:2px solid var(--green,#16a34a)!important;background:#f0fdf4;box-shadow:0 4px 10px rgba(22,163,74,.1)}.po-check[data-v-e7e92606]{position:absolute;top:8px;left:8px;width:16px;height:16px;border-radius:50%;border:1.5px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .15s}.po-check--on[data-v-e7e92606]{border-color:var(--green,#16a34a);background:var(--green,#16a34a);color:#fff}.po-card-body[data-v-e7e92606]{padding-left:20px;display:flex;flex-direction:column;gap:6px}.po-no[data-v-e7e92606]{font-weight:700;font-size:11px;color:var(--dark,#111827);letter-spacing:.2px}.po-dept[data-v-e7e92606]{font-weight:500;font-size:10px;color:var(--light,#9ca3af);margin-left:4px}.po-tags[data-v-e7e92606]{display:grid;grid-template-columns:1fr 1fr;gap:4px}.tag[data-v-e7e92606]{font-size:10px;padding:3px 6px;border-radius:20px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.tag-gt[data-v-e7e92606]{background:#dbeafe;color:#1e40af}.tag-st[data-v-e7e92606]{background:#fef3c7;color:#92400e}.check-po[data-v-e7e92606]{position:absolute;top:6px;right:8px;font-size:14px;color:var(--green,#16a34a)}.empty-filter[data-v-e7e92606]{margin-top:10px;font-size:13px;color:var(--light,#9ca3af);padding:8px 0}.search-bar-row[data-v-e7e92606]{width:100%;display:flex;justify-content:flex-end;margin-top:20px;margin-bottom:-4px}.search-wrap[data-v-e7e92606]{position:relative;width:280px}.search-ico[data-v-e7e92606]{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:15px;pointer-events:none}.search-input[data-v-e7e92606]{padding-left:32px!important;width:100%}.table-wrap[data-v-e7e92606]{position:relative;width:100%;margin-top:20px;border-radius:8px;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.06)}.product-cell[data-v-e7e92606]{display:flex;flex-direction:column;gap:3px}.cell-pono[data-v-e7e92606]{font-size:10px;color:var(--light,#9ca3af);font-weight:600}.cell-name[data-v-e7e92606]{font-weight:700;font-size:13px;color:var(--dark,#111827)}.cell-type[data-v-e7e92606]{font-size:11px;color:var(--light,#6b7280)}.cell-sel[data-v-e7e92606]{width:100%;height:32px;padding:0 6px;font-size:12px}.cell-do[data-v-e7e92606]{width:72px;text-align:center;font-weight:600}.qty-block[data-v-e7e92606]{display:flex;flex-direction:column;gap:6px}.qty-row[data-v-e7e92606]{display:flex;align-items:baseline;gap:4px}.qty-lbl[data-v-e7e92606]{font-size:10px;color:var(--light,#9ca3af);min-width:72px}.qty-val[data-v-e7e92606]{font-weight:700;font-size:13px;color:var(--dark,#111827)}.qty-val--rcv[data-v-e7e92606]{color:var(--green,#16a34a)}.qty-unit[data-v-e7e92606]{font-size:10px;color:var(--light,#9ca3af)}.qty-scale--active[data-v-e7e92606]{font-weight:700;color:var(--theme,#16a34a)}.bonus-wrap[data-v-e7e92606]{display:flex;flex-direction:column;gap:6px}.bonus-row[data-v-e7e92606]{display:flex;align-items:center;gap:4px}.bonus-num[data-v-e7e92606]{width:68px;height:32px;padding:0 6px;font-size:13px}.icon-btn[data-v-e7e92606]{width:30px;height:30px;border:none;background:transparent;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;color:var(--light,#6b7280);transition:color .15s,transform .1s;border-radius:50%}.icon-btn[data-v-e7e92606]:hover{color:var(--green,#16a34a);transform:scale(1.1)}.icon-btn--red[data-v-e7e92606]:hover{color:var(--red,#dc2626)}.icon-btn[data-v-e7e92606]:disabled{opacity:.35;cursor:not-allowed;transform:none}.bonus-item[data-v-e7e92606]{border:1.5px solid #e5e7eb;border-radius:6px;padding:6px;background:#fafafa;display:flex;flex-direction:column;gap:5px}.bonus-item-row[data-v-e7e92606]{display:flex;gap:4px;align-items:center}.row-selected td[data-v-e7e92606]{background:#f0fdf4!important}.row-done[data-v-e7e92606]{opacity:.55}.item-check[data-v-e7e92606]{width:15px;height:15px;cursor:pointer;accent-color:var(--green,#16a34a)}.action-cell[data-v-e7e92606]{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px}.btn-recalc[data-v-e7e92606]{background:var(--orange,#ea580c)!important}.btn-img[data-v-e7e92606]{padding:4px 8px!important}.page-wrapper[data-v-e7e92606]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:16px;flex-wrap:wrap;gap:8px}.page-info[data-v-e7e92606]{font-size:11px;color:var(--light,#6b7280)}.page-controls[data-v-e7e92606]{display:flex;flex-direction:row;align-items:center;gap:4px}.submit-btn[data-v-e7e92606]{margin-top:20px;font-size:15px;font-weight:700;letter-spacing:.02em;transition:opacity .15s,transform .1s}.submit-btn[data-v-e7e92606]:hover:not(:disabled){transform:translateY(-1px);opacity:.9}.modal-container[data-v-e7e92606]{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.overlay[data-v-e7e92606]{position:absolute;inset:0;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.alert-dialog[data-v-e7e92606]{position:relative;z-index:1;background:#fff;border-radius:12px;width:420px;max-width:92vw;box-shadow:0 8px 32px rgba(0,0,0,.15);overflow:hidden}.alert-dialog__header[data-v-e7e92606]{position:relative;height:50px;padding:0 20px}.alert-dialog__body[data-v-e7e92606],.alert-dialog__header[data-v-e7e92606]{width:100%;border-bottom:2px solid var(--canvas,#f3f4f6);display:flex;align-items:center}.alert-dialog__body[data-v-e7e92606]{min-height:80px;padding:16px 20px}.alert-button[data-v-e7e92606]{display:flex;gap:10px;padding:14px 20px;justify-content:flex-end}.receiving-toolbar[data-v-847916da]{display:flex;flex-direction:column;gap:16px;background:var(--canvas);border:1px solid #e6e9ef;padding:16px 18px;border-radius:14px;box-shadow:0 6px 18px rgba(15,23,42,.06);margin-bottom:20px}.toolbar-top[data-v-847916da]{display:flex;align-items:center;gap:12px}.toolbar-left-top[data-v-847916da]{flex:1}.toolbar-right-top[data-v-847916da]{display:flex;align-items:center;justify-content:flex-end;gap:10px}.toolbar-left[data-v-847916da]{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.toolbar-group[data-v-847916da]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.to-sep[data-v-847916da]{font-size:14px;color:#6b7280}.search-input[data-v-847916da]{width:100%;padding:10px 12px;border:1px solid #d6dbe3;border-radius:10px;background:#fff}.search-input[data-v-847916da]:focus{outline:none;border-color:var(--themecolor,#8c7343);box-shadow:0 0 0 3px rgba(140,115,67,.15)}.add-receiving-btn[data-v-847916da],.btn-clear-date[data-v-847916da],.btn-refresh[data-v-847916da],.receiving-toolbar .btn-theme[data-v-847916da]{padding:9px 16px;border-radius:10px;font-weight:600;white-space:nowrap;cursor:pointer;background:var(--themecolor,#8c7343);color:#fff;border:none;transition:all .2s ease}.add-receiving-btn[data-v-847916da]:hover,.btn-clear-date[data-v-847916da]:hover,.btn-refresh[data-v-847916da]:hover,.receiving-toolbar .btn-theme[data-v-847916da]:hover{background:var(--themehover,#7a6339)}.add-receiving-btn[data-v-847916da]{padding:10px 18px}.btn-refresh[data-v-847916da]{min-width:100px}.compact-date[data-v-847916da]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.compact-dp[data-v-847916da]{width:160px!important;min-width:140px}.compact-date .dp__input[data-v-847916da]{padding:6px 10px!important;height:36px!important;font-size:13px;border-radius:8px}.btn-clear-date[data-v-847916da]{height:36px;padding:6px 12px}.export-btn[data-v-847916da]{padding:9px 14px;font-weight:600;border-radius:10px;border:none;cursor:pointer}.export-btn.csv[data-v-847916da]{background:var(--themecolor,#8c7343);color:#fff}.export-btn.xlsx[data-v-847916da]{background:#d1b067;color:#1f2937}.receiving-table-shell[data-v-847916da]{width:100%;background:#fff;border:1px solid #e6e9ef;border-radius:12px;overflow:auto;box-shadow:0 4px 12px rgba(15,23,42,.05)}.receiving-table[data-v-847916da]{width:100%;min-width:860px;border-collapse:collapse}.receiving-table thead th[data-v-847916da]{padding:12px 10px;font-weight:600;font-size:10pt;letter-spacing:.2px}.receiving-table tbody td[data-v-847916da]{padding:12px 10px;font-size:10pt;color:#111827}.receiving-table tbody tr[data-v-847916da]{border-bottom:1px solid #edf1f7}.receiving-table tbody tr[data-v-847916da]:hover{background:#f8fafc}.table-action-btn[data-v-847916da]{padding:8px 14px;border-radius:10px;font-weight:600;background:var(--themecolor,#8c7343);color:#fff;border:none;transition:all .2s ease;min-width:90px}.table-action-btn[data-v-847916da]:hover{background:var(--themehover,#7a6339)}.receiving-pagination[data-v-847916da]{align-items:center;gap:12px}.receiving-pagination .page-next[data-v-847916da],.receiving-pagination .page-prev[data-v-847916da],.receiving-pagination .page[data-v-847916da]{border-radius:8px}.page-summary[data-v-847916da]{width:50%;font-size:10pt;color:#4b5563}.page-controls[data-v-847916da]{width:50%;display:flex;flex-direction:row;justify-content:flex-end;flex-wrap:wrap;gap:6px}.global-loading-overlay[data-v-847916da]{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.85);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.global-loading-overlay[data-v-847916da]:before{content:"";position:absolute;inset:0;background:inherit}.toolbar-row[data-v-847916da]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.row-top[data-v-847916da]{padding-bottom:6px;border-bottom:1px solid #eef1f6}.row-filter[data-v-847916da]{padding:8px 0}.row-export[data-v-847916da]{padding-top:10px;border-top:1px dashed #e5e7eb;justify-content:flex-end;gap:12px}.row-export .export-btn[data-v-847916da]{min-width:130px;font-weight:600}@media (max-width:768px){.toolbar-row[data-v-847916da]{flex-direction:column;align-items:stretch}.row-export[data-v-847916da]{justify-content:stretch}.row-export .export-btn[data-v-847916da]{width:100%}}@media (max-width:992px){.receiving-table[data-v-847916da]{min-width:760px}.receiving-view-wrapper .page-wrapper[data-v-847916da]{flex-direction:column;gap:10px}.receiving-view-wrapper .page-wrapper>div[data-v-847916da]{width:100%!important}.receiving-view-wrapper .page-wrapper>div[data-v-847916da]:last-child{flex-wrap:wrap;gap:8px;justify-content:flex-start!important}.receiving-view-wrapper .page-next[data-v-847916da],.receiving-view-wrapper .page-prev[data-v-847916da],.receiving-view-wrapper .page[data-v-847916da]{min-width:72px}}@media (max-width:768px){.toolbar-left[data-v-847916da]{flex-direction:column;align-items:stretch}.compact-dp[data-v-847916da],.date-group[data-v-847916da]{width:100%}}@media (max-width:600px){.search-input[data-v-847916da]{width:100%}.receiving-view-wrapper .date-group[data-v-847916da],.receiving-view-wrapper .toolbar-group[data-v-847916da],.receiving-view-wrapper .toolbar-left[data-v-847916da]{flex-direction:column;align-items:stretch}.receiving-view-wrapper .add-receiving-btn[data-v-847916da],.receiving-view-wrapper .btn-clear-date[data-v-847916da],.receiving-view-wrapper .btn-refresh[data-v-847916da],.receiving-view-wrapper .date-group[data-v-847916da]>[data-v-847916da],.receiving-view-wrapper .export-btn[data-v-847916da],.receiving-view-wrapper .perpage-select[data-v-847916da],.receiving-view-wrapper .toolbar-group[data-v-847916da]>[data-v-847916da]{width:100%}}.form-group[data-v-d6a0c0d6]{width:48%;margin-bottom:15px;position:relative}.form-group-supplier[data-v-d6a0c0d6]{z-index:200}.form-group-item[data-v-d6a0c0d6]{z-index:150}.form-label[data-v-d6a0c0d6]{display:block;margin-bottom:5px;font-weight:500;font-size:11pt;color:#333;transition:color .3s ease}.color-orange[data-v-d6a0c0d6]{color:var(--red)!important}.text-danger[data-v-d6a0c0d6]{color:var(--red);margin-left:2px}select[data-v-d6a0c0d6]{border:1px solid #eaeaea;padding:0 10px;background:#fff;font-size:10pt;color:#333;cursor:pointer;transition:border-color .3s ease;appearance:auto;-webkit-appearance:menulist;-moz-appearance:menulist}select[data-v-d6a0c0d6]:focus{outline:none;border-color:var(--red)}select[data-v-d6a0c0d6]:disabled{background:#f5f5f5;cursor:not-allowed;color:#999}.searchable-select-wrapper[data-v-d6a0c0d6]{position:relative;width:99%}.supplier-dropdown-wrapper[data-v-d6a0c0d6]{z-index:300!important}.item-dropdown-wrapper[data-v-d6a0c0d6]{z-index:250!important}.bonus-dropdown-wrapper[data-v-d6a0c0d6]{z-index:400!important}.searchable-input[data-v-d6a0c0d6]{width:100%;height:40px;border:1px solid #eaeaea;border-radius:5px;padding:0 30px 0 10px;font-size:10pt;color:#333;background:#fff}.searchable-input[data-v-d6a0c0d6]:focus{outline:none;border-color:var(--red)}.searchable-input[data-v-d6a0c0d6]:disabled{background:#f5f5f5;cursor:not-allowed;color:#999}.dropdown-arrow[data-v-d6a0c0d6]{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:10px;color:#666;transition:transform .2s}.dropdown-arrow.open[data-v-d6a0c0d6]{transform:translateY(-50%) rotate(180deg)}.dropdown-menu[data-v-d6a0c0d6]{position:absolute;top:100%;left:0;right:0;max-height:250px;overflow-y:auto;background:#fff;border:1px solid #eaeaea;border-top:none;border-radius:0 0 5px 5px;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:10000;white-space:normal;word-wrap:break-word}.supplier-dropdown-wrapper .dropdown-menu[data-v-d6a0c0d6]{z-index:30000!important}.item-dropdown-wrapper .dropdown-menu[data-v-d6a0c0d6]{z-index:25000!important}.bonus-dropdown-wrapper .dropdown-menu[data-v-d6a0c0d6]{z-index:40000!important}.dropdown-item[data-v-d6a0c0d6]{padding:10px 12px;cursor:pointer;font-size:9.5pt;color:#333;transition:background .2s;white-space:normal;word-wrap:break-word;line-height:1.4;min-height:40px;display:flex;align-items:center}.dropdown-item.highlighted[data-v-d6a0c0d6],.dropdown-item[data-v-d6a0c0d6]:hover{background:#f0f0f0}.dropdown-item.disabled[data-v-d6a0c0d6]{color:#999;cursor:not-allowed;background:#f9f9f9}.dropdown-item.disabled[data-v-d6a0c0d6]:hover{background:#f9f9f9}input[type=number][data-v-d6a0c0d6],input[type=text][data-v-d6a0c0d6]{font-family:inherit}input[type=number][data-v-d6a0c0d6]:focus{outline:none;border-color:var(--red)}input[type=number][data-v-d6a0c0d6]:disabled,input[type=text][data-v-d6a0c0d6]:disabled{background:#f5f5f5;cursor:not-allowed;color:#999}.load-wrapper[data-v-d6a0c0d6]{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.table-prev-container[data-v-d6a0c0d6]{margin-top:25px;overflow-x:auto;overflow-y:visible;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);width:100%;position:relative;isolation:isolate}.table-preview[data-v-d6a0c0d6]{width:100%;border-collapse:collapse;background:#fff;font-family:inherit;table-layout:fixed;position:relative}.table-preview thead tr[data-v-d6a0c0d6],.table-preview thead.bg-dark[data-v-d6a0c0d6],.table-preview thead[data-v-d6a0c0d6]{background-color:#2d2d2d!important;background:#2d2d2d!important;position:sticky;top:0;z-index:10}.table-preview thead th[data-v-d6a0c0d6],.table-preview thead.bg-dark th[data-v-d6a0c0d6]{padding:10px 8px;color:#fff!important;font-weight:600;font-size:10pt;border:none;background-color:#2d2d2d!important;word-wrap:break-word;position:relative;z-index:10}.table-preview tbody tr[data-v-d6a0c0d6]{border-bottom:1px solid #f0f0f0;transition:background .2s ease;background:#fff;position:relative;z-index:1}.table-preview tbody tr[data-v-d6a0c0d6]:has(.bonus-dropdown-wrapper){z-index:auto}.table-preview tbody tr.bg-canvas[data-v-d6a0c0d6],.table-preview tbody tr[data-v-d6a0c0d6]:nth-child(2n){background-color:#f8f9fa!important;background:#f8f9fa!important}.table-preview tbody tr[data-v-d6a0c0d6]:hover{background-color:#e9ecef!important}.table-preview td[data-v-d6a0c0d6]{padding:10px 8px;color:#333;font-size:9.5pt;word-wrap:break-word;position:relative}.table-preview tbody tr td[data-v-d6a0c0d6]:nth-child(8){overflow:visible;position:relative;z-index:1}.table-preview tfoot tr[data-v-d6a0c0d6]{border-top:2px solid #dee2e6;background:#f8f9fa;font-weight:700;position:relative;z-index:5}.addbutton[data-v-d6a0c0d6]{cursor:pointer;border:none;background:transparent;transition:color .2s ease}.addbutton[data-v-d6a0c0d6]:hover{color:var(--green)}.addbutton[data-v-d6a0c0d6]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-d6a0c0d6],.btn-secondary[data-v-d6a0c0d6]{padding:10px 20px;border:none;border-radius:5px;font-size:11pt;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-d6a0c0d6]{background:#8c7343;color:#fff}.btn-primary[data-v-d6a0c0d6]:hover:not(:disabled){background:#7a6339;transform:translateY(-2px);box-shadow:0 4px 8px rgba(140,115,67,.3)}.btn-primary[data-v-d6a0c0d6]:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.btn-secondary[data-v-d6a0c0d6]{background:#6c757d;color:#fff}.btn-secondary[data-v-d6a0c0d6]:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 8px hsla(208,7%,46%,.3)}.btn-add-item[data-v-d6a0c0d6]{padding:10px 20px;border:none;border-radius:5px;font-size:11pt;font-weight:600;cursor:pointer;background:#8c7343;color:#fff;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-add-item[data-v-d6a0c0d6]:hover:not(:disabled){background:#7a6339;transform:translateY(-2px);box-shadow:0 4px 8px rgba(140,115,67,.3)}.btn-add-item[data-v-d6a0c0d6]:disabled{background:#ccc;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.btn-delete-item[data-v-d6a0c0d6]{padding:6px 12px;border:none;border-radius:4px;font-size:14pt;cursor:pointer;background:#dc3545;color:#fff;transition:all .3s ease}.btn-delete-item[data-v-d6a0c0d6]:hover{background:#c82333;transform:scale(1.1);box-shadow:0 2px 6px rgba(220,53,69,.4)}.btn-delete-item i[data-v-d6a0c0d6]{display:block}.fa-spin[data-v-d6a0c0d6]{animation:fa-spin-d6a0c0d6 1s linear infinite}@keyframes fa-spin-d6a0c0d6{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.form-group[data-v-d6a0c0d6]{width:100%}.table-preview[data-v-d6a0c0d6]{font-size:9pt}.table-preview td[data-v-d6a0c0d6],.table-preview th[data-v-d6a0c0d6]{padding:8px}}.grn-card-retur{background-color:#fdd!important;border:2px solid red}.card-invoice[data-v-cd52e46e]{position:absolute;left:0;width:450px;max-height:320px;overflow-y:auto;overflow-x:hidden;margin-bottom:30px;top:45px;z-index:100;background:#fff;border:1px solid #acacac;box-shadow:0 187px 75px rgba(0,0,0,.01),0 105px 63px rgba(0,0,0,.05),0 47px 47px rgba(0,0,0,.09),0 12px 26px rgba(0,0,0,.1),0 0 0 rgba(0,0,0,.1)}.search-container[data-v-cd52e46e]{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 20px}.search-container input[data-v-cd52e46e]{width:100%;height:50px;border:0;outline:none;font-size:13px}.categories[data-v-cd52e46e]{display:flex;align-items:center;justify-content:flex-start;gap:5px;padding:0 20px 20px 20px}.categories button[data-v-cd52e46e]{display:flex;justify-content:center;align-items:center;padding:8px 15px;background:#fff;border:1px solid #e5e5e5;box-shadow:0 .5px .5px #efefef,0 1px .5px hsla(0,0%,94%,.5);border-radius:20px;font-weight:600;color:#171718;transition:all .6s cubic-bezier(.15,.83,.66,1)}.categories button[data-v-cd52e46e]:hover{transform:scale(1.05) translateY(-3px)}.results[data-v-cd52e46e]{display:flex;flex-direction:column;gap:10px}.results hr[data-v-cd52e46e]{width:100%;height:1px;border:0;background-color:#ececec}.results p[data-v-cd52e46e]{padding:0 20px}p.label[data-v-cd52e46e]{font-weight:600;font-size:11px;line-height:13px;color:#5f6368}p.label-title[data-v-cd52e46e]{font-weight:600;font-size:20px;line-height:13px;margin-top:20px;color:#5f6368}.results .entry[data-v-cd52e46e]{display:grid;grid-template-columns:40px 1fr 40px;gap:12px;padding:5px 20px;transition:all .2s cubic-bezier(.15,.83,.66,1)}.results .entry[data-v-cd52e46e]:hover{background-color:#f5f8fe}.results .results-list .entry:hover .icon[data-v-cd52e46e]{background-color:var(--themecolor);color:#fff}.results .results-list .entry:hover .icon svg circle[data-v-cd52e46e],.results .results-list .entry:hover .icon svg path[data-v-cd52e46e]{stroke:#fff}.results .results-list .entry:hover label[data-v-cd52e46e],.results .results-list .entry:hover span[data-v-cd52e46e]{color:var(--orange)}.results .results-list[data-v-cd52e46e]{display:flex;flex-direction:column}.results .entry .icon[data-v-cd52e46e]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#ececec;border-radius:7px;transition:all .2s cubic-bezier(.15,.83,.66,1)}.results .entry .desc[data-v-cd52e46e]{display:flex;flex-direction:column;justify-content:center;gap:5px}.results .entry .desc label[data-v-cd52e46e]{display:block;font-weight:600;font-size:12px;line-height:15px;color:#171718}.results .entry .desc span[data-v-cd52e46e]{font-weight:600;font-size:10px;line-height:12px;color:#72767c}.results .entry .badge[data-v-cd52e46e]{width:40px;height:24px;display:flex;align-items:center;justify-content:center;margin:auto;background:#ddffde;border:1px solid #08581d0e;border-radius:7px;font-weight:700;font-size:11px;line-height:13px;text-align:center;color:#08581d}.card-footer[data-v-cd52e46e]{height:10px;display:flex;align-items:center;gap:25px;margin-top:10px;padding:0 7px;background:var(--themecolor)}.card-invoice .action[data-v-cd52e46e]{display:flex;align-items:center;gap:5px}.card-invoice .action p[data-v-cd52e46e]{padding-left:5px}.card-footer button[data-v-cd52e46e]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:0;background:#ececec;outline:none}.edit-actions[data-v-cd52e46e]{width:100%;text-align:right;padding-right:10px;opacity:.6}.inv-close[data-v-cd52e46e]{font-size:20pt;position:absolute;right:10px;cursor:pointer;transition:all .5s ease}.inv-close[data-v-cd52e46e]:hover{transform:scale(1.3);color:var(--red)}.pr-cards-container[data-v-0f76c0cb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;margin-top:25px;margin-bottom:55px}.pr-card[data-v-0f76c0cb]{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px rgba(39,38,38,.1);overflow:hidden;cursor:pointer;transition:transform .3s,box-shadow .3s}.pr-card[data-v-0f76c0cb]:hover{transform:translateY(-5px);box-shadow:0 8px 16px hsla(0,0%,58%,.335)}.pr-card-header[data-v-0f76c0cb]{background-color:var(--red);padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.pr-card-header[data-v-0f76c0cb]:hover{background-color:var(--redhover)}.pr-card-header h3[data-v-0f76c0cb]{margin:0;font-size:1.2em;padding-left:10px;color:#fff}.pr-card-header .pr-date[data-v-0f76c0cb]{font-size:.9em;color:#e0e0e0}.pr-card-body[data-v-0f76c0cb]{padding:1.5rem;display:flex;flex-direction:column;gap:6px}.pr-card-body p[data-v-0f76c0cb]{margin:5px 0}.pagination[data-v-0f76c0cb]{width:100%;padding:10px 20px}.page-info[data-v-0f76c0cb]{flex:1;text-align:left;font-size:1em;color:#333;font-weight:700}.page-buttons[data-v-0f76c0cb]{display:flex;gap:15px}.page-button[data-v-0f76c0cb]{background-color:#007bff;color:#fff;border:none;border-radius:50px;padding:10px 20px;cursor:pointer;transition:background-color .3s,transform .3s;display:flex;align-items:center;gap:5px}.page-button[data-v-0f76c0cb]:disabled{background-color:silver;cursor:not-allowed}.page-button[data-v-0f76c0cb]:hover:not(:disabled){background-color:#575757;transform:translateY(-3px)}.page-button i[data-v-0f76c0cb]{font-size:1.2em}.pagination[data-v-0f76c0cb]{display:flex;justify-content:space-between;align-items:center;margin-top:20px;width:97%}.page-buttons button[data-v-0f76c0cb]{background-color:#3e3e3ed7;color:#fff;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;transition:background-color .3s}.page-buttons button[data-v-0f76c0cb]:hover{background-color:#292929}.pr-jenis[data-v-0f76c0cb]{margin-bottom:10px}.pr-jenis[data-v-0f76c0cb],.pr-tipe[data-v-0f76c0cb]{font-size:1.1em;font-weight:700;color:#969696}.pr-supplier[data-v-0f76c0cb]{margin-bottom:10px;width:350px;color:#7e7e7e;border-left:4px solid #930101;padding-left:10px}.po-header .pr-supplier[data-v-0f76c0cb]{margin-top:-50px}.reset-logo[data-v-45f8a579]{width:40%;height:100%;overflow:hidden;background-image:url(/img/bg-password.d3e961e5.jpg);background-size:cover;background-position:0;position:relative;filter:contrast(150%)}.side-overlay[data-v-45f8a579]{position:absolute;width:100%;height:100%;top:0;left:0;background:#000000a8}.login-forms[data-v-45f8a579]{width:60%;height:100%;background:#0e0905}@media (max-width:768px){.login-forms[data-v-45f8a579]{width:100%}}.reset-logo img[data-v-45f8a579]{width:250px;margin:0 auto;-o-object-fit:contain;object-fit:contain;position:absolute;top:10px;left:30x}.bg-video[data-v-45f8a579]{position:absolute;top:0;left:0;width:100svw;height:100svh;margin:0 auto;-o-object-fit:fill;object-fit:fill;z-index:1}@media (max-width:768px){.bg-video[data-v-45f8a579]{-o-object-fit:cover;object-fit:cover}}.bg-video source[data-v-45f8a579]{position:fixed;width:100%;margin:0 auto;z-index:1}.bg-login-container[data-v-45f8a579]{position:fixed;top:0;left:0;width:100svw;height:100svh;background:#000000dc;display:flex;justify-content:center;align-items:center;z-index:10}.login-card[data-v-45f8a579]{width:80%;max-width:600px;height:100%;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 0;margin:0 auto}.login-form2[data-v-45f8a579]{width:96%;height:50px;border:1px solid var(--light);background:transparent;font-size:12pt;padding:0 10px;color:var(--paper);margin-bottom:21px;border-radius:3px}.login-form2[data-v-45f8a579]::-moz-placeholder{color:var(--canvas);font-size:12pt}.login-form2[data-v-45f8a579]::placeholder{color:var(--canvas);font-size:12pt}@media (max-width:768px){.login-form2[data-v-45f8a579]{width:93%}}@media (max-width:1366px){.login-form2[data-v-45f8a579]{width:94%}}.login-form2[data-v-45f8a579]:focus{outline:2px solid var(--red);border:none}.error-input[data-v-45f8a579]{position:absolute;color:var(--red);bottom:0;font-size:11pt}.forgot-wrapper[data-v-45f8a579]{position:relative;margin-top:15px;display:flex;justify-content:end;align-items:center}.forgot-wrapper span[data-v-45f8a579]{color:var(--paper);font-family:Noto Sans Lao,sans-serif}.line-breaks[data-v-45f8a579]{position:absolute;width:100%;height:1px;background:var(--canvas);z-index:1}.reset-link2[data-v-45f8a579]{font-size:12pt;font-family:Arial,Helvetica,sans-serif;color:var(--red);text-decoration:underline;cursor:pointer}.reset-button[data-v-45f8a579]{width:150px;height:45px;background:var(--blue);color:#fff;cursor:pointer;border:none;margin-top:30px;font-family:Noto Sans Lao,sans-serif;font-size:16pt;border-radius:3px}.reset-button[data-v-45f8a579]:hover{background:var(--bluehover)}.show-passwords[data-v-45f8a579]{position:absolute;top:40px;right:3%;font-size:18pt;cursor:pointer;color:var(--paper)}@media (max-width:1366px){.show-passwords[data-v-45f8a579]{top:40px}}.login-form-labels[data-v-45f8a579]{font-weight:400;margin-bottom:-5px;font-family:Noto Sans Lao,sans-serif;font-size:12pt}.radio-container{margin-top:0;width:99%;background-color:transparent}.custom-radio{display:flex;flex-direction:row;background-color:#fff;border:1px solid var(--light);border-radius:5px;overflow:hidden}.custom-radio input[type=radio]{display:none}.radio-label{display:flex;align-items:center;padding:6px 20px;cursor:pointer;transition:background-color .3s ease-in-out;font-size:12pt}.radio-circle{width:20px;height:20px;border:2px solid var(--red);border-radius:50%;margin-right:10px;transition:border-color .3s ease-in-out,background-color .3s ease-in-out}.radio-text{font-size:1rem;color:#333;transition:color .3s ease-in-out}.custom-radio input[type=radio]:checked+.radio-label{background-color:var(--red)}.custom-radio input[type=radio]:checked+.radio-label .radio-circle{border-color:#fff;background-color:var(--red)}.custom-radio input[type=radio]:checked+.radio-label .radio-text{color:#fff}.trash-btn{cursor:pointer;transition:all .3s ease}.trash-btn:hover{transform:scale(1.1)}.badge[data-v-2607abb1]{display:inline-block;padding:.5rem 1rem;font-size:16px;font-weight:700;color:#fff;background-color:#337ab7;border-radius:2px;margin-right:1em}.success[data-v-2607abb1]{background-color:#28a745}.danger[data-v-2607abb1]{background-color:#dc3545}.content-dropdown-wrapper[data-v-ea893a82]{display:flex;flex-direction:row;gap:12px}.bg-red[data-v-ea893a82]{background-color:#ffd5d5;color:#fff}.product__requestor[data-v-b2244fc6]{display:flex;flex-direction:column;gap:5px;padding:10px 0}.clearItems[data-v-b2244fc6]{background:transparent;border:none;width:32px;cursor:pointer;font-size:21pt;color:var(--red);transition:all .2s ease}.clearItems[data-v-b2244fc6]:hover{transform:scale(1.1);color:var(--redhover)}[data-v-b2244fc6]{box-sizing:border-box}h3[data-v-b2244fc6]{font-size:.7em;letter-spacing:1.2px;color:#a6a6a6}img[data-v-b2244fc6]{max-width:100%;filter:drop-shadow(1px 1px 3px #a6a6a6)}.product[data-v-b2244fc6]{display:grid;justify-content:start;margin:auto;padding:5px;min-width:600px;background-color:#fff;border-radius:5px}.product__photo[data-v-b2244fc6]{position:relative;width:80px}.photo-container[data-v-b2244fc6]{position:absolute;display:grid;grid-template-rows:1fr;width:100%;height:100%;border-radius:6px}.photo-main .controls[data-v-b2244fc6]{display:flex;justify-content:space-between;color:#fff}.photo-main .controls i[data-v-b2244fc6]{cursor:pointer}.photo-main img[data-v-b2244fc6]{position:absolute;width:100px;top:-40px}.photo-album[data-v-b2244fc6]{padding:.5em 1em;border-radius:0 0 6px 6px;background-color:#fff}.photo-album ul[data-v-b2244fc6]{display:flex;justify-content:space-around}.photo-album li[data-v-b2244fc6]{float:left;width:55px;height:55px;padding:7px;border:1px solid #a6a6a6;border-radius:3px}.product__info[data-v-b2244fc6]{padding:.8em 0;display:flex;flex-direction:row;justify-content:space-between;gap:30px}.title h1[data-v-b2244fc6]{margin-bottom:.1em;color:#4c4c4c;font-size:1.5em;font-weight:900}.title span[data-v-b2244fc6]{font-size:.7em;color:#a6a6a6}.price[data-v-b2244fc6]{margin:10px;color:#ff3f40;font-size:12pt}.price span[data-v-b2244fc6]{padding-left:.15em;font-size:16pt}.variant[data-v-b2244fc6]{overflow:auto}.variant h3[data-v-b2244fc6]{margin-bottom:5pt}.variant li[data-v-b2244fc6]{float:left;width:35px;height:35px;padding:3px}.variant li[data-v-b2244fc6]:not(:first-child){margin-left:.1em}.description[data-v-b2244fc6]{clear:left;margin:10px 0}.description h3[data-v-b2244fc6]{margin-bottom:1em}.description ul[data-v-b2244fc6]{font-size:.8em;list-style:disc;margin-left:1em}.description li[data-v-b2244fc6]{text-indent:-.6em;margin-bottom:.5em}.buy--btn[data-v-b2244fc6]{padding:1.5em 3.1em;border:none;border-radius:7px;font-size:.8em;font-weight:700;letter-spacing:1.3px;color:#fff;background-color:#ff3f40;box-shadow:2px 2px 25px -7px #4c4c4c;cursor:pointer}.buy--btn[data-v-b2244fc6]:active{transform:scale(.97)}.tooltips{position:absolute;top:60px;opacity:0;display:flex;flex-direction:column;align-items:center;z-index:100}.tooltips-arrow{width:0;height:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent var(--orange) transparent;transform:rotate(0deg)}.tooltips-content{width:200px;height:40px;border-radius:10px;background:var(--orange);z-index:10;display:flex;justify-content:center;align-items:center;color:#fff;box-shadow:5px 5px 5px 0 rgba(0,0,0,.1)}.bg-warning{background:#fff8e2}.container-button form[data-v-e516a01c]{display:flex;flex-wrap:wrap;flex-direction:row;gap:10px}.container-button label[data-v-e516a01c]{display:flex;cursor:pointer;font-weight:500;position:relative;overflow:hidden;margin-bottom:.375em}.container-button label input[data-v-e516a01c]{position:absolute;left:-9999px}.container-button label input:checked+span[data-v-e516a01c]{background-color:transparent;border:1.5px solid var(--themecolor);color:var(--themehover)}.container-button label input:checked+span[data-v-e516a01c]:before{box-shadow:inset 0 0 0 .4375em var(--themehover)}.container-button label span[data-v-e516a01c]{display:flex;align-items:center;padding:.375em .75em .375em .375em;border-radius:99em;transition:.25s ease;color:var(--dark)}.container-button label span[data-v-e516a01c]:hover{background-color:#d6d6e5}.container-button label span[data-v-e516a01c]:before{display:flex;flex-shrink:0;content:"";background-color:#fff;width:1.5em;height:1.5em;border-radius:50%;margin-right:.375em;transition:.25s ease;box-shadow:inset 0 0 0 .125em var(--themehover)}#filenames:focus{outline:none}.grn-card{position:relative;width:150px;height:80px;background-color:#f2f2f2;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:1000px;box-shadow:3px 3px 4px 1px rgba(0,0,0,.1);cursor:pointer;margin:20px 10px}.grn-card,.grn-card svg{transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.grn-card svg{width:48px;fill:#333}.grn-card:hover{transform:scale(1.1)}.grn-card-active,.grn-card:hover{box-shadow:3px 3px 5px 3px rgba(0,0,0,.1)}.card__content{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;box-sizing:border-box;background-color:#f2f2f2;transform:rotateX(-90deg);transform-origin:bottom;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.card-content-active,.grn-card:hover .card__content{transform:rotateX(0deg);background:var(--blue)}.card__title{margin:0 0 0;font-size:14px;color:#fff;font-weight:700}.grn-card:hover svg{scale:0}.card__description{margin:0 0 0;font-size:10px;color:#ececec;line-height:1.4}.card__total{margin:5px 0 0;font-size:12px;font-weight:600;color:#ececec;line-height:1.4}.container-btn-file{display:flex;position:relative;justify-content:center;align-items:center;background-color:var(--orange);color:#fff;border-style:none;padding:1em 2em;border-top-left-radius:5px;border-bottom-left-radius:5px;overflow:hidden;z-index:1;transition:all .25s}.container-btn-file input[type=file]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.container-btn-file>svg{margin-right:1em}.container-btn-file:before{content:"";position:absolute;height:100%;width:0;border-top-left-radius:5px;border-bottom-left-radius:5px;background-color:var(--orangehover);z-index:-1;transition:all .35s}.container-btn-file:hover:before{width:100%}.plan-card{background:#fff;width:180px;padding-left:2rem;padding-right:2rem;padding-top:10px;padding-bottom:20px;border:1px solid #e6e6e6;border-radius:10px;border-bottom:4px solid var(--themecolor);box-shadow:3px 3px 6px 4px rgba(0,0,0,.1);font-family:Poppins,sans-serif;transition:all .5s ease}.plan-card:hover{transform:translateX(.5svw);border-bottom:4px solid var(--red)}.plan-card h2{margin-bottom:15px;font-size:27px;font-weight:600;color:var(--themehover)}.plan-card h2 span{display:block;margin-top:-4px;color:#4d4d4d;font-size:12px;font-weight:400}.etiquet-price{position:relative;background:var(--red);width:100%;margin-left:-.65rem;padding:.2rem 1.2rem;border-radius:5px 0 0 5px}.etiquet-price p{margin:0;padding-top:.4rem;display:flex;font-size:18pt;font-weight:500;color:#fff}.etiquet-price p:before{content:"Rp.";margin-right:5px;font-size:15px;font-weight:300}.etiquet-price p:after{margin-left:5px;font-size:15px;font-weight:300}.etiquet-price div{position:absolute;bottom:-23px;right:0;width:0;height:0;border-top:13px solid var(--themecolor);border-bottom:10px solid transparent;border-right:13px solid transparent;z-index:-6}.benefits-list{margin-top:16px;height:80px;overflow-y:auto;scrollbar-color:var(--sb-thumb-color) var(--sb-track-color);scrollbar-width:thin}.benefits-list::-webkit-scrollbar{width:12px}.benefits-list::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:10px}.benefits-list::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:10px}.benefits-list::-webkit-scrollbar-thumb:hover{background:#b30000}.benefits-list ul{padding:0;font-size:14px}.benefits-list ul li{color:#4d4d4d;list-style:none;margin-bottom:.2rem;display:flex;align-items:center;gap:.5rem}.benefits-list ul li svg{width:.9rem;fill:currentColor}.benefits-list ul li span{font-weight:300}.button-get-plan{display:flex;justify-content:center;margin-top:1.2rem}.button-get-plan a{display:flex;justify-content:center;align-items:center;background:var(--orange);color:#fff;padding:10px 15px;border-radius:5px;text-decoration:none;font-size:.8rem;letter-spacing:.05rem;font-weight:500;transition:all .3s ease;cursor:pointer}.button-get-plan a:hover{transform:translateY(-3%);background:var(--orangehover);box-shadow:0 3px 10px rgba(207,212,222,.9)}.button-get-plan .svg-rocket{margin-right:10px;width:.9rem;fill:currentColor}.invoices-number{position:relative;width:450px;height:40px;border-radius:5px;border:1px solid #e0e0e0;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#5a5a5a}.invoices-active,.invoices-number:hover{background:var(--blue);border:none;color:#fff}.card-invoice[data-v-c5c055d6]{position:absolute;left:0;width:450px;max-height:320px;overflow-y:auto;overflow-x:hidden;margin-bottom:30px;top:45px;z-index:100;background:#fff;border:1px solid #acacac;box-shadow:0 187px 75px rgba(0,0,0,.01),0 105px 63px rgba(0,0,0,.05),0 47px 47px rgba(0,0,0,.09),0 12px 26px rgba(0,0,0,.1),0 0 0 rgba(0,0,0,.1)}.search-container[data-v-c5c055d6]{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 20px}.search-container input[data-v-c5c055d6]{width:100%;height:50px;border:0;outline:none;font-size:13px}.categories[data-v-c5c055d6]{display:flex;align-items:center;justify-content:flex-start;gap:5px;padding:0 20px 20px 20px}.categories button[data-v-c5c055d6]{display:flex;justify-content:center;align-items:center;padding:8px 15px;background:#fff;border:1px solid #e5e5e5;box-shadow:0 .5px .5px #efefef,0 1px .5px hsla(0,0%,94%,.5);border-radius:20px;font-weight:600;color:#171718;transition:all .6s cubic-bezier(.15,.83,.66,1)}.categories button[data-v-c5c055d6]:hover{transform:scale(1.05) translateY(-3px)}.results[data-v-c5c055d6]{display:flex;flex-direction:column;gap:10px}.results hr[data-v-c5c055d6]{width:100%;height:1px;border:0;background-color:#ececec}.results p[data-v-c5c055d6]{padding:0 20px}p.label[data-v-c5c055d6]{font-weight:600;font-size:11px;line-height:13px;color:#5f6368}p.label-title[data-v-c5c055d6]{font-weight:600;font-size:20px;line-height:13px;margin-top:20px;color:#5f6368}.results .entry[data-v-c5c055d6]{display:grid;grid-template-columns:40px 1fr 40px;gap:12px;padding:5px 20px;transition:all .2s cubic-bezier(.15,.83,.66,1)}.results .entry[data-v-c5c055d6]:hover{background-color:#f5f8fe}.results .results-list .entry:hover .icon[data-v-c5c055d6]{background-color:var(--themecolor);color:#fff}.results .results-list .entry:hover .icon svg circle[data-v-c5c055d6],.results .results-list .entry:hover .icon svg path[data-v-c5c055d6]{stroke:#fff}.results .results-list .entry:hover label[data-v-c5c055d6],.results .results-list .entry:hover span[data-v-c5c055d6]{color:var(--orange)}.results .results-list[data-v-c5c055d6]{display:flex;flex-direction:column}.results .entry .icon[data-v-c5c055d6]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#ececec;border-radius:7px;transition:all .2s cubic-bezier(.15,.83,.66,1)}.results .entry .desc[data-v-c5c055d6]{display:flex;flex-direction:column;justify-content:center;gap:5px}.results .entry .desc label[data-v-c5c055d6]{display:block;font-weight:600;font-size:12px;line-height:15px;color:#171718}.results .entry .desc span[data-v-c5c055d6]{font-weight:600;font-size:10px;line-height:12px;color:#72767c}.results .entry .badge[data-v-c5c055d6]{width:40px;height:24px;display:flex;align-items:center;justify-content:center;margin:auto;background:#ddffde;border:1px solid #08581d0e;border-radius:7px;font-weight:700;font-size:11px;line-height:13px;text-align:center;color:#08581d}.card-footer[data-v-c5c055d6]{height:10px;display:flex;align-items:center;gap:25px;margin-top:10px;padding:0 7px;background:var(--themecolor)}.card-invoice .action[data-v-c5c055d6]{display:flex;align-items:center;gap:5px}.card-invoice .action p[data-v-c5c055d6]{padding-left:5px}.card-footer button[data-v-c5c055d6]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:0;background:#ececec;outline:none}.edit-actions[data-v-c5c055d6]{width:100%;text-align:right;padding-right:10px;opacity:.6}.inv-close[data-v-c5c055d6]{font-size:20pt;position:absolute;right:10px;cursor:pointer;transition:all .5s ease}.inv-close[data-v-c5c055d6]:hover{transform:scale(1.3);color:var(--red)}h1[data-v-4bd7afe0]{text-align:center}button[data-v-4bd7afe0]{display:block;margin:20px auto;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:10px}.date-picker-container[data-v-4bd7afe0]{display:flex;align-items:center;justify-content:center}.date-input[data-v-4bd7afe0]{margin-left:10px;width:200px}.report-table[data-v-4bd7afe0]{margin-top:20px}.report-table table[data-v-4bd7afe0]{width:100%;border-collapse:collapse}.report-table td[data-v-4bd7afe0],.report-table th[data-v-4bd7afe0]{border:1px solid #ddd;padding:8px;text-align:left}.page-wrapper[data-v-5a32caee]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e4e4)}.main-content[data-v-5a32caee]{margin-left:18%;width:var(--content-width);padding:2rem;transition:all .3s ease}.content-container[data-v-5a32caee]{max-width:1400px;margin:0 auto}.content-header[data-v-5a32caee]{margin-bottom:2rem;margin-top:4rem}.content-header h1[data-v-5a32caee]{font-size:2rem;color:#2c3e50;margin:0}.dashboard-grid[data-v-5a32caee]{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding-bottom:2rem}.dashboard-card[data-v-5a32caee]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1.5rem;min-height:150px}.dashboard-card[data-v-5a32caee]:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.card-icon[data-v-5a32caee]{width:64px;height:64px;border-radius:10px;background-color:#3498db;flex-shrink:0;background-size:60%;background-position:50%;background-repeat:no-repeat}.icon-stock[data-v-5a32caee]{background:#d4af37 url(https://cdn-icons-png.flaticon.com/512/7656/7656428.png) 50%/60% no-repeat}.icon-opname[data-v-5a32caee]{background:#e74c3c url(https://cdn-icons-png.flaticon.com/512/4947/4947506.png) 50%/60% no-repeat}.icon-waste[data-v-5a32caee]{background:#e74c3c url(https://cdn-icons-png.flaticon.com/512/2602/2602735.png) 50%/60% no-repeat}.icon-request[data-v-5a32caee]{background:#dab03e url(https://cdn-icons-png.flaticon.com/512/12321/12321839.png) 50%/60% no-repeat}.icon-return[data-v-5a32caee]{background:#e74c3c url(https://cdn-icons-png.flaticon.com/512/6734/6734859.png) 50%/60% no-repeat}.card-content h2[data-v-5a32caee]{font-size:1.5rem;color:#2c3e50;margin:0 0 .75rem 0}.card-content p[data-v-5a32caee]{color:#7f8c8d;margin:0;font-size:1rem}@media (max-width:1024px){.main-content[data-v-5a32caee]{margin-left:0;width:100%;padding:1rem}.dashboard-grid[data-v-5a32caee]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-grid[data-v-5a32caee]{grid-template-columns:1fr}.content-header h1[data-v-5a32caee]{font-size:1.5rem}.dashboard-card[data-v-5a32caee]{padding:1.5rem}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.logo-circle{width:3.5rem;height:3.5rem;border-radius:50%;background-color:#e9e5ff;fill:#1cc972}.btn-close,.logo-circle{display:flex;justify-content:center;align-items:center}.btn-close{width:2.25rem;height:2.25rem;border-radius:.25rem;border:none;background-color:transparent}.btn-close:focus,.btn-close:hover{background-color:#e9e5ff}.modal-body{padding:1rem .5rem}.modal-description{color:#6a6b76}.upload-area{margin-top:1.25rem;background-color:transparent;padding:3rem;width:100%;display:flex;flex-direction:column;align-items:center;border:1px dashed #6a6b76}.upload-area:focus,.upload-area:hover{cursor:pointer;border:1px solid #6a6b76}.upload-area:focus .upload-area-icon,.upload-area:hover .upload-area-icon{transform:scale(1.3);transition-duration:.3s}.upload-area-icon{display:block;width:2.25rem;height:2.25rem;fill:#1cc972}.upload-area-title{margin-top:1rem;display:block;font-weight:700;color:#0d0f21}.upload-area-description{display:block;color:#6a6b76}.upload-area-description strong{color:#1cc972;font-weight:700}.modal-footer{padding:1rem 1.5rem 1.5rem;display:flex;justify-content:flex-end}.modal-footer [class*=btn-]{margin-left:.75rem}.btn-primary,.btn-secondary{padding:.5rem 1rem;font-weight:500;border:2px solid #e5e5e5;border-radius:.25rem;background-color:transparent;cursor:pointer}.btn-primary{color:#fff;background-color:#1cc972;border-color:#1cc972}.filename-image{position:absolute;color:var(--green);font-size:14pt;bottom:20px}.container-btn-files{display:flex;position:relative;justify-content:center;align-items:center;background-color:var(--green);color:#fff;border-style:none;padding:10px 10px;border-radius:.5em;overflow:hidden;z-index:1;transition:all .25s;margin:0 auto}.container-btn-files input[type=file]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.container-btn-files>svg{margin-right:10px}.container-btn-files:before{content:"";position:absolute;height:100%;width:0;border-radius:.5em;background-color:#469b61;z-index:-1;transition:all .35s}.container-btn-files:hover:before{width:100%}.container-input{position:relative;right:0;margin-bottom:20px}.input{width:150px;padding:10px 0 10px 40px;border-radius:9999px;border:1px solid #c7c7c7;transition:all .2s ease-in-out;outline:none;opacity:.8}.container-input svg{position:absolute;top:50%;left:10px;transform:translateY(-50%)}.input:focus{opacity:1;width:250px}.toggle-button-cover{display:table-cell;position:relative;width:100px;height:100%;box-sizing:border-box}.button-cover{height:100px;margin:20px;background-color:#fff;box-shadow:0 10px 20px -8px #c5d6d6;border-radius:4px}.button-cover:before{counter-increment:button-counter;content:counter(button-counter);position:absolute;right:0;bottom:0;color:#d7e3e3;font-size:12px;line-height:1;padding:5px}.button-cover,.knobs,.layer{position:absolute;top:0;right:0;bottom:0;left:0}.button-switch{position:relative;top:50%;width:74px;height:36px;margin:-20px auto 0 auto;overflow:hidden}.checkbox{position:relative;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;z-index:3}.knobs{z-index:2}.layer{width:100%;background-color:#ebf7fc;transition:all .3s ease;z-index:1}.button-switch.r,.button-switch.r .layer{border-radius:100px}#button-3 .knobs:before{content:"NO";position:absolute;top:4px;left:4px;width:20px;height:10px;color:#fff;font-size:10px;font-weight:700;text-align:center;line-height:1;padding:9px 4px;background-color:#f44336;border-radius:50%;transition:all .3s ease,left .3s cubic-bezier(.18,.89,.35,1.15)}#button-3 .checkbox:active+.knobs:before{width:46px;border-radius:100px}#button-3 .checkbox:checked:active+.knobs:before{margin-left:-26px}#button-3 .checkbox:checked+.knobs:before{content:"YES";left:42px;background-color:#03a9f4}#button-3 .checkbox:checked~.layer{background-color:#f5f5f5}.modal-overlay[data-v-a08856e0]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center}.modal[data-v-a08856e0]{background:#fff;padding:30px;border-radius:10px;width:400px;box-shadow:0 6px 15px rgba(0,0,0,.3);text-align:center}.modal-header[data-v-a08856e0]{margin-bottom:20px}h3[data-v-a08856e0]{font-size:20px;color:#333}.modal-content[data-v-a08856e0]{text-align:left}.form-group[data-v-a08856e0]{margin-bottom:20px}label[data-v-a08856e0]{display:block;font-weight:700;margin-bottom:8px;color:#555}.modal-footer[data-v-a08856e0]{display:flex;justify-content:flex-end;margin-top:20px}.btn[data-v-a08856e0]{padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background .3s}.btn-cancel[data-v-a08856e0]{background:#e0e0e0;margin-right:10px}.btn-save[data-v-a08856e0]{background:#28a745;color:#fff}.btn[data-v-a08856e0]:hover{opacity:.9}.custom-max-date .dp__overlay_cell_disabled[data-v-a08856e0]{color:#333!important;opacity:1!important;background-color:#f0f0f0!important}.custom-max-date .dp__month_year_select .dp__overlay_cell_disabled[data-v-a08856e0]{color:#000!important;opacity:1!important}.loading-container[data-v-93da60ee]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loading-spinner[data-v-93da60ee]{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-left-color:#ffbb27;border-radius:50%;animation:spin-93da60ee 1s linear infinite}.modal-overlay[data-v-93da60ee]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal[data-v-93da60ee]{background:#fff;padding:30px;border-radius:10px;width:600px;height:auto;max-height:80vh;overflow-y:auto;box-shadow:0 6px 15px rgba(0,0,0,.3);text-align:center}@keyframes spin-93da60ee{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.table-responsive[data-v-93da60ee]{width:100%;border-collapse:collapse;margin-bottom:20px}.table-responsive td[data-v-93da60ee],.table-responsive th[data-v-93da60ee]{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table-responsive th[data-v-93da60ee]{background-color:#000;color:#fff}.table-responsive tr[data-v-93da60ee]:nth-child(2n){background-color:#f2f2f2}.option-gudang[data-v-93da60ee]{padding-left:5px}.btn-theme[data-v-93da60ee]:disabled{background-color:#ccc;cursor:not-allowed}.bg-dark th[data-v-93da60ee]{font-size:smaller;text-align:center}.tbody-data td[data-v-93da60ee],tbody.tbody-data tr td[data-v-93da60ee]{font-size:14px;text-align:center}.tbody-data td[data-v-93da60ee]{vertical-align:middle}.cache-status[data-v-93da60ee]{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 12px;border-radius:20px;font-weight:500;transition:all .3s}.cache-status.fresh[data-v-93da60ee]{background:#e8f5e9;color:#2e7d32}.cache-status.stale[data-v-93da60ee]{background:#fff3e0;color:#e65100}.cache-status.neutral[data-v-93da60ee]{background:#f5f5f5;color:#757575}.refresh-btn[data-v-93da60ee]{background:none;border:none;cursor:pointer;color:inherit;padding:0;font-size:14px;line-height:1;transition:transform .2s}.spin[data-v-93da60ee]{display:inline-block;animation:spin-93da60ee 1s linear infinite}.container[data-v-0b6b20c8]{padding:20px}.content-wrapper[data-v-0b6b20c8]{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.content-title[data-v-0b6b20c8]{margin-bottom:0}.content-title h2[data-v-0b6b20c8]{font-size:24px;color:#333}.table-responsive[data-v-0b6b20c8]{width:100%;border-collapse:collapse;margin-bottom:20px}.table-container[data-v-0b6b20c8]{max-height:500px;overflow-y:auto;position:relative}.table-responsive td[data-v-0b6b20c8],.table-responsive th[data-v-0b6b20c8]{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table-responsive thead[data-v-0b6b20c8]{position:sticky;top:0;z-index:1}.table-responsive th[data-v-0b6b20c8]{background-color:#000;color:#fff}.table-responsive tr[data-v-0b6b20c8]:nth-child(2n){background-color:#f2f2f2}.filter-container[data-v-0b6b20c8]{margin-bottom:20px}.filter-container label[data-v-0b6b20c8]{margin-right:10px}.filter-container select[data-v-0b6b20c8]{padding:8px;border:1px solid #ccc;border-radius:4px}.total-row[data-v-0b6b20c8]{font-weight:700;background-color:#f2f2f2}.badge[data-v-0b6b20c8]{display:inline-block;padding:4px 8px;font-size:12px;font-weight:700;color:#fff;border-radius:4px;min-width:24px;text-align:center}.badge-green[data-v-0b6b20c8]{background-color:#4caf50}.badge-red[data-v-0b6b20c8]{background-color:#f44336}.badge-gray[data-v-0b6b20c8]{background-color:#bdbdbd}.bold-text[data-v-0b6b20c8]{font-weight:700}.day-row[data-v-0b6b20c8]{cursor:pointer}.day-row[data-v-0b6b20c8]:hover{background:#eef6ff}.day-row[data-v-0b6b20c8]:focus{outline:2px solid #4096ff;outline-offset:-2px}.clickable-row[data-v-0b6b20c8]{cursor:pointer}.clickable-row[data-v-0b6b20c8]:hover{background:#eef6ff!important}.content-wrapper[data-v-4d2c7f96],.content[data-v-4d2c7f96]{overflow:visible}.form-header[data-v-4d2c7f96]{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem}.form-group[data-v-4d2c7f96]{flex:1;min-width:180px}.form-group.full-width[data-v-4d2c7f96]{flex:100%}.form-group label[data-v-4d2c7f96]{display:block;font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.form-input[data-v-4d2c7f96],.form-select[data-v-4d2c7f96]{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;font-size:.95rem;color:#111827;box-sizing:border-box}.form-input[data-v-4d2c7f96]:focus,.form-select[data-v-4d2c7f96]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.form-textarea[data-v-4d2c7f96]{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;resize:vertical;min-height:70px;font-size:.9rem;color:#374151;box-sizing:border-box}.empty-state[data-v-4d2c7f96]{text-align:center;padding:4rem 2rem;color:#9ca3af}.empty-icon[data-v-4d2c7f96]{font-size:3rem;margin-bottom:1rem}.loading-container[data-v-4d2c7f96]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0;gap:1rem;color:#6b7280}.loading-spinner[data-v-4d2c7f96]{width:2.5rem;height:2.5rem;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin-4d2c7f96 .8s linear infinite}.loading-spinner.small[data-v-4d2c7f96]{width:1.2rem;height:1.2rem;border-width:2px;display:inline-block}.loading-spinner.white[data-v-4d2c7f96]{border-color:hsla(0,0%,100%,.3);border-top-color:#fff}@keyframes spin-4d2c7f96{to{transform:rotate(1turn)}}.list-toolbar[data-v-4d2c7f96]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.search-box[data-v-4d2c7f96]{position:relative;flex:1;min-width:200px;max-width:360px}.search-icon[data-v-4d2c7f96]{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#9ca3af}.search-input[data-v-4d2c7f96]{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid #d1d5db;border-radius:20px;font-size:.9rem;background:#f9fafb;box-sizing:border-box;transition:all .2s}.search-input[data-v-4d2c7f96]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.list-stats[data-v-4d2c7f96]{display:flex;gap:.5rem}.stat-badge[data-v-4d2c7f96]{padding:.3rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;background:#f3f4f6;color:#6b7280}.stat-badge.active[data-v-4d2c7f96]{background:#dbeafe;color:#1d4ed8}.item-list-header[data-v-4d2c7f96],.item-row[data-v-4d2c7f96]{display:grid;grid-template-columns:50px 1fr 100px 90px 110px 130px 160px;align-items:center;gap:.5rem;padding:0 1rem}.item-list-header[data-v-4d2c7f96]{background:#1f2937;color:#fff;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding-top:.75rem;padding-bottom:.75rem;border-radius:8px 8px 0 0}.item-list-body[data-v-4d2c7f96]{border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;height:560px;overflow-y:auto;overflow-x:auto;background:#fff;min-width:700px}.item-list-body[data-v-4d2c7f96]::-webkit-scrollbar{width:6px}.item-list-body[data-v-4d2c7f96]::-webkit-scrollbar-track{background:#f1f1f1}.item-list-body[data-v-4d2c7f96]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.item-list-body[data-v-4d2c7f96]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.item-row[data-v-4d2c7f96]{border-bottom:1px solid #f3f4f6;min-height:52px;transition:background-color .15s}.item-row[data-v-4d2c7f96]:last-child{border-bottom:none}.item-row[data-v-4d2c7f96]:hover{background-color:#f8faff}.item-row--alt[data-v-4d2c7f96]{background-color:#fafafa}.item-row--filled[data-v-4d2c7f96]{background-color:#eff6ff!important;border-left:3px solid #3b82f6}.item-row--filled[data-v-4d2c7f96]:hover{background-color:#dbeafe!important}.col-no[data-v-4d2c7f96]{text-align:center}.col-code[data-v-4d2c7f96],.col-gudang[data-v-4d2c7f96],.col-stock[data-v-4d2c7f96],.col-unit[data-v-4d2c7f96]{text-align:center}.row-number[data-v-4d2c7f96]{font-size:.75rem;color:#9ca3af;font-weight:500}.item-name[data-v-4d2c7f96]{font-size:.88rem;font-weight:500;color:#111827;line-height:1.3}.item-code[data-v-4d2c7f96]{font-size:.78rem;color:#6b7280;font-family:monospace}.unit-badge[data-v-4d2c7f96]{display:inline-block;padding:.2rem .6rem;background:#f3f4f6;border-radius:12px;font-size:.78rem;font-weight:600;color:#374151}.stock-value[data-v-4d2c7f96]{font-weight:700;font-size:.95rem;color:#059669}.stock-value.stock-low[data-v-4d2c7f96]{color:#dc2626}.stock-unit[data-v-4d2c7f96]{font-size:.75rem;color:#9ca3af;margin-left:.25rem}.qty-wrapper[data-v-4d2c7f96]{display:flex;align-items:center;gap:.25rem}.qty-btn[data-v-4d2c7f96]{width:28px;height:28px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#374151;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;transition:all .15s}.qty-btn[data-v-4d2c7f96]:hover:not(:disabled){background:#3b82f6;color:#fff;border-color:#3b82f6}.qty-btn[data-v-4d2c7f96]:disabled{opacity:.3;cursor:not-allowed}.qty-input[data-v-4d2c7f96]{width:65px;padding:.3rem .4rem;border:1px solid #d1d5db;border-radius:4px;text-align:center;font-size:.9rem;font-weight:600;color:#111827;transition:all .15s}.qty-input[data-v-4d2c7f96]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.qty-input[data-v-4d2c7f96]::-webkit-inner-spin-button,.qty-input[data-v-4d2c7f96]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-input[type=number][data-v-4d2c7f96]{-moz-appearance:textfield}.load-more-indicator[data-v-4d2c7f96]{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;color:#6b7280;font-size:.9rem}.all-loaded[data-v-4d2c7f96]{text-align:center;padding:1.25rem;color:#9ca3af;font-size:.85rem}.summary-bar[data-v-4d2c7f96]{margin-top:1rem;padding:.75rem 1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px}.summary-label[data-v-4d2c7f96]{font-size:.8rem;font-weight:600;color:#1d4ed8;margin-right:.75rem}.summary-items[data-v-4d2c7f96]{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.5rem}.summary-chips[data-v-4d2c7f96]{display:flex;flex-wrap:wrap;gap:.4rem}.summary-chip[data-v-4d2c7f96]{padding:.2rem .6rem;background:#fff;border:1px solid #bfdbfe;border-radius:12px;font-size:.78rem;color:#1e40af}.summary-chip.more[data-v-4d2c7f96]{background:#dbeafe;font-weight:600}.form-actions[data-v-4d2c7f96]{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1.25rem}.submit-info[data-v-4d2c7f96]{font-size:.9rem;color:#6b7280}.submit-info strong[data-v-4d2c7f96]{color:#1d4ed8}.btn-submit[data-v-4d2c7f96]{padding:.65rem 2rem;background:#16a34a;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.btn-submit[data-v-4d2c7f96]:hover:not(:disabled){background:#15803d}.btn-submit[data-v-4d2c7f96]:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width:900px){.item-list-header[data-v-4d2c7f96],.item-row[data-v-4d2c7f96]{grid-template-columns:40px 1fr 85px 80px 95px 110px 140px;font-size:.82rem}}.wrapper[data-v-c9ceb630]{min-height:100vh;background-color:#f5f6fa}.layout-container[data-v-c9ceb630]{display:flex}.sidebar[data-v-c9ceb630]{flex-shrink:0}.main-content[data-v-c9ceb630]{flex:1;padding:1.5rem;transition:width .3s ease}.content-container[data-v-c9ceb630]{max-width:1200px;margin:0 auto}.card[data-v-c9ceb630]{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1.5rem}.card-title[data-v-c9ceb630]{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:1.5rem}.loading-container[data-v-c9ceb630]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0}.loading-spinner[data-v-c9ceb630]{display:inline-block;width:3rem;height:3rem;border:4px solid #e2e8f0;border-top-color:#f8c51e;border-radius:50%;animation:spin-c9ceb630 1s linear infinite}@keyframes spin-c9ceb630{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.table-controls[data-v-c9ceb630]{display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.btn[data-v-c9ceb630]{padding:.5rem 1rem;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.5rem}.btn-primary[data-v-c9ceb630]{background-color:#2563eb;color:#fff;border:none}.btn-primary[data-v-c9ceb630]:hover{background-color:#1d4ed8}.btn-primary[data-v-c9ceb630]:disabled{background-color:#6b7280;cursor:not-allowed}.btn-submit[data-v-c9ceb630]{background-color:#16a34a;color:#fff;border:none}.btn-submit[data-v-c9ceb630]:hover{background-color:#15803d}.btn-submit[data-v-c9ceb630]:disabled{background-color:#6b7280;cursor:not-allowed}.btn-icon[data-v-c9ceb630]{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.form-note[data-v-c9ceb630]{flex:1;min-width:100%}.form-note label[data-v-c9ceb630]{display:block;font-weight:500;margin-bottom:.5rem;color:#2c3e50}.form-textarea[data-v-c9ceb630]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;resize:vertical;min-height:120px}.form-textarea[data-v-c9ceb630]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.no-location-message[data-v-c9ceb630]{text-align:center;padding:2rem;background-color:#fef3c7;border-radius:4px;color:#92400e;font-weight:500}.search-container[data-v-c9ceb630]{flex:1;min-width:200px;max-width:300px}.search-input[data-v-c9ceb630]{width:100%;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;font-size:.875rem}.search-input[data-v-c9ceb630]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.drop-zone[data-v-c9ceb630]{border:2px dashed #d1d5db;padding:1rem;text-align:center;background-color:#f9fafb;border-radius:4px;transition:all .2s ease;cursor:pointer;flex:1;min-width:200px}.drop-zone-large[data-v-c9ceb630]{padding:4rem;margin:2rem 0;background-color:#e6f0ff}.drop-zone.drag-over[data-v-c9ceb630]{border-color:#3b82f6;background-color:#e6f0ff}.drop-hint[data-v-c9ceb630]{font-size:.9rem;color:#666;margin-top:.5rem}.pagination-controls[data-v-c9ceb630]{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem 0}.form-table[data-v-c9ceb630]{overflow-x:auto}.table-wrapper[data-v-c9ceb630]{width:100%;overflow-x:auto}.data-table[data-v-c9ceb630]{width:100%;border-collapse:collapse}.data-table th[data-v-c9ceb630]{background-color:#1f2937;color:#fff;padding:.75rem 1rem;text-align:left}.data-table th[data-v-c9ceb630]:first-child{border-top-left-radius:4px}.data-table th[data-v-c9ceb630]:last-child{border-top-right-radius:4px}.data-table td[data-v-c9ceb630]{padding:1rem;border-bottom:1px solid #e5e7eb}.data-table tr[data-v-c9ceb630]:hover{background-color:#f9fafb}.quantity-input[data-v-c9ceb630]{display:flex;align-items:center;gap:.5rem}.form-input[data-v-c9ceb630]{width:5rem}.form-select[data-v-c9ceb630]{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;background-color:#fff}.form-select[data-v-c9ceb630]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.form-actions[data-v-c9ceb630]{display:flex;justify-content:flex-end;margin-top:1.5rem}.text-center[data-v-c9ceb630]{text-align:center}.stock-display[data-v-c9ceb630]{display:inline-flex;align-items:center;gap:.5rem}.form-grid[data-v-c9ceb630]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group[data-v-c9ceb630]{display:flex;flex-direction:column}.form-label[data-v-c9ceb630]{display:block;font-weight:500;margin-bottom:.5rem;color:#2c3e50}@media (max-width:768px){.main-content[data-v-c9ceb630]{padding:1rem}.data-table td[data-v-c9ceb630],.data-table th[data-v-c9ceb630]{padding:.5rem;font-size:.875rem}.form-input[data-v-c9ceb630]{width:4rem}.btn[data-v-c9ceb630]{padding:.4rem .8rem;font-size:.875rem}.drop-zone-large[data-v-c9ceb630]{padding:2rem}.search-container[data-v-c9ceb630]{min-width:150px}.form-grid[data-v-c9ceb630]{grid-template-columns:1fr}}@media (max-width:480px){.card[data-v-c9ceb630]{padding:1rem}.card-title[data-v-c9ceb630]{font-size:1.25rem}.table-controls[data-v-c9ceb630]{flex-direction:column;align-items:stretch}.search-container[data-v-c9ceb630]{max-width:100%}}.form-header[data-v-c9ceb630]{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.form-group[data-v-c9ceb630]{flex:1;min-width:200px}.form-group label[data-v-c9ceb630]{display:block;font-weight:500;margin-bottom:.5rem;color:#2c3e50}.form-input[data-v-c9ceb630]{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;background-color:#fff}.form-input[data-v-c9ceb630]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.loading-container[data-v-6d0444dd]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loading-spinner[data-v-6d0444dd]{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-left-color:#ffbb27;border-radius:50%;animation:spin-6d0444dd 1s linear infinite}@keyframes spin-6d0444dd{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container[data-v-741eb836]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loading-spinner[data-v-741eb836]{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-left-color:#ffbb27;border-radius:50%;animation:spin-741eb836 1s linear infinite}.expanded-row[data-v-741eb836]{background-color:#f4f4f4;padding:12px}.expanded-row td[data-v-741eb836]{padding:12px;border:1px solid #d1d1d1}.expanded-row table[data-v-741eb836]{width:100%;border-collapse:collapse}.expanded-row td[data-v-741eb836],.expanded-row th[data-v-741eb836]{border:1px solid #d1d1d1;padding:10px;text-align:left;color:#333}.expanded-row th[data-v-741eb836]{background-color:#e0e0e0;font-weight:700}.expanded-row tbody tr[data-v-741eb836]:hover{background-color:#f0f0f0}.clickable-row[data-v-741eb836]{cursor:pointer}@keyframes spin-741eb836{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container[data-v-5f118de3]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loading-spinner[data-v-5f118de3]{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-left-color:#ffbb27;border-radius:50%;animation:spin-5f118de3 1s linear infinite}.expanded-row[data-v-5f118de3]{background-color:#f4f4f4;padding:12px}.expanded-row td[data-v-5f118de3]{padding:12px;border:1px solid #d1d1d1}.expanded-row table[data-v-5f118de3]{width:100%;border-collapse:collapse}.expanded-row td[data-v-5f118de3],.expanded-row th[data-v-5f118de3]{border:1px solid #d1d1d1;padding:10px;text-align:left;color:#333}.expanded-row th[data-v-5f118de3]{background-color:#e0e0e0;font-weight:700}.expanded-row tbody tr[data-v-5f118de3]:hover{background-color:#f0f0f0}.clickable-row[data-v-5f118de3]{cursor:pointer}@keyframes spin-5f118de3{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container[data-v-aca70f80]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0}.loading-spinner[data-v-aca70f80]{display:inline-block;width:3rem;height:3rem;border:4px solid #e2e8f0;border-top-color:#f8c51e;border-radius:50%;animation:spin-aca70f80 1s linear infinite}@keyframes spin-aca70f80{to{transform:rotate(1turn)}}.confirm-wrapper[data-v-aca70f80]{display:flex;gap:10px}.page-wrapper[data-v-012802e4]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e4e4)}.main-content[data-v-012802e4]{margin-left:18%;width:var(--content-width);padding:2rem;transition:all .3s ease}.content-container[data-v-012802e4]{max-width:1400px;margin:0 auto}.content-header[data-v-012802e4]{margin-bottom:2rem;margin-top:4rem}.content-header h1[data-v-012802e4]{font-size:2rem;color:#2c3e50;margin:0}.dashboard-grid[data-v-012802e4]{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding-bottom:2rem}.dashboard-card[data-v-012802e4]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1.5rem;min-height:150px}.dashboard-card[data-v-012802e4]:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.card-icon[data-v-012802e4]{width:64px;height:64px;border-radius:10px;background-color:#3498db;flex-shrink:0;background-size:60%;background-position:50%;background-repeat:no-repeat}.icon-stock[data-v-012802e4]{background:#d4af37 url(https://cdn-icons-png.flaticon.com/512/7656/7656428.png) 50%/60% no-repeat}.icon-opname[data-v-012802e4]{background:#e74c3c url(https://cdn-icons-png.flaticon.com/512/4947/4947506.png) 50%/60% no-repeat}.icon-waste[data-v-012802e4]{background:#e74c3c url(https://cdn-icons-png.flaticon.com/512/2602/2602735.png) 50%/60% no-repeat}.icon-request[data-v-012802e4]{background:#dab03e url(https://cdn-icons-png.flaticon.com/512/12321/12321839.png) 50%/60% no-repeat}.icon-return[data-v-012802e4]{background:#e74c3c url(https://cdn-icons-png.flaticon.com/512/6734/6734859.png) 50%/60% no-repeat}.icon-transfer[data-v-012802e4]{background:#dab03e url(https://cdn-icons-png.flaticon.com/512/2897/2897616.png) 50%/60% no-repeat}.icon-marketlist[data-v-012802e4]{background:#dab03e url(https://cdn-icons-png.flaticon.com/512/3144/3144456.png) 50%/60% no-repeat}.card-content h2[data-v-012802e4]{font-size:1.5rem;color:#2c3e50;margin:0 0 .75rem 0}.card-content p[data-v-012802e4]{color:#7f8c8d;margin:0;font-size:1rem}@media (max-width:1024px){.main-content[data-v-012802e4]{margin-left:0;width:100%;padding:1rem}.dashboard-grid[data-v-012802e4]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-grid[data-v-012802e4]{grid-template-columns:1fr}.content-header h1[data-v-012802e4]{font-size:1.5rem}.dashboard-card[data-v-012802e4]{padding:1.5rem}}.loading-container[data-v-cacf6ca0]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loading-spinner[data-v-cacf6ca0]{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-left-color:#ffbb27;border-radius:50%;animation:spin-cacf6ca0 1s linear infinite}.form-input[type=date][data-v-cacf6ca0]{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}label[data-v-cacf6ca0]{margin-right:8px;font-size:14px}.modal[data-v-cacf6ca0]{background:#fff;padding:30px;border-radius:10px;width:600px;height:auto;max-height:80%;overflow-y:auto;box-shadow:0 6px 15px rgba(0,0,0,.3);text-align:center}@keyframes spin-cacf6ca0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-pending[data-v-cacf6ca0]{background-color:#ffbb27;padding:5px 10px}.wrapper[data-v-07281982]{min-height:100vh;background-color:#f5f6fa}.layout-container[data-v-07281982]{display:flex}.sidebar[data-v-07281982]{flex-shrink:0}.main-content[data-v-07281982]{flex:1;padding:1.5rem;transition:width .3s ease}.content-container[data-v-07281982]{max-width:1200px;margin:0 auto}.card[data-v-07281982]{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1.5rem}.card-title[data-v-07281982]{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:1.5rem}.loading-container[data-v-07281982]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0}.loading-spinner[data-v-07281982]{display:inline-block;width:3rem;height:3rem;border:4px solid #e2e8f0;border-top-color:#f8c51e;border-radius:50%;animation:spin-07281982 1s linear infinite}@keyframes spin-07281982{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner[data-v-07281982]{width:3rem;height:3rem;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin-07281982 1s linear infinite}.table-controls[data-v-07281982]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.btn[data-v-07281982]{padding:.5rem 1rem;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.5rem}.btn-primary[data-v-07281982]{background-color:#2563eb;color:#fff;border:none}.btn-primary[data-v-07281982]:hover{background-color:#1d4ed8}.btn-submit[data-v-07281982]{background-color:#16a34a;color:#fff;border:none}.btn-submit[data-v-07281982]:hover{background-color:#15803d}.btn-icon[data-v-07281982]{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.form-note[data-v-07281982]{flex:1;min-width:100%}.form-note label[data-v-07281982]{display:block;font-weight:500;margin-bottom:.5rem;color:#2c3e50}.form-textarea[data-v-07281982]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;resize:vertical;min-height:120px}.form-textarea[data-v-07281982]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.form-table[data-v-07281982]{overflow-x:auto}.table-wrapper[data-v-07281982]{width:100%;overflow-x:auto;position:relative;overflow-y:visible}.data-table[data-v-07281982]{width:100%;border-collapse:collapse;min-width:800px;position:relative}.data-table th[data-v-07281982]{background-color:#1f2937;color:#fff;padding:.75rem 1rem;text-align:left}.data-table td[data-v-07281982]{padding:1rem;border-bottom:1px solid #e5e7eb;position:relative}.data-table th[data-v-07281982]:first-child{border-top-left-radius:4px}.data-table th[data-v-07281982]:last-child{border-top-right-radius:4px}.data-table tr[data-v-07281982]:hover{background-color:#f9fafb}.choices-container[data-v-07281982]{position:relative;overflow:visible!important}.quantity-input[data-v-07281982]{display:flex;align-items:center;gap:.5rem}.form-input[data-v-07281982]{width:5rem;padding:.5rem;border:1px solid #d1d5db;border-radius:4px}.form-input[data-v-07281982]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.btn-delete[data-v-07281982]{background:none;border:none;color:#dc2626;cursor:pointer;padding:0}.btn-delete[data-v-07281982]:hover{color:#b91c1c}.delete-icon[data-v-07281982]{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.form-actions[data-v-07281982]{display:flex;justify-content:flex-end;margin-top:1.5rem}.text-center[data-v-07281982]{text-align:center}.stock-display[data-v-07281982]{display:inline-flex;align-items:center;gap:.5rem}.form-header[data-v-07281982]{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.form-group[data-v-07281982]{flex:1;min-width:200px}.form-group label[data-v-07281982]{display:block;font-weight:500;margin-bottom:.5rem;color:#2c3e50}.form-input[data-v-07281982],.form-select[data-v-07281982]{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;background-color:#fff}.form-input[data-v-07281982]:focus,.form-select[data-v-07281982]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.choices[data-v-07281982]{width:100%;margin:0;position:relative;z-index:1}.choices__inner--custom[data-v-07281982],.choices__inner[data-v-07281982]{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;min-height:38px;font-size:1rem;color:#2c3e50;transition:border-color .2s ease,box-shadow .2s ease}.choices__inner--custom[data-v-07281982]:hover,.choices__inner[data-v-07281982]:hover{border-color:#9ca3af}.is-focused .choices__inner--custom[data-v-07281982],.is-focused .choices__inner[data-v-07281982],.is-open .choices__inner--custom[data-v-07281982],.is-open .choices__inner[data-v-07281982]{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2);outline:none}.choices__list--single[data-v-07281982]{padding:0}.choices__list--dropdown--custom[data-v-07281982],.choices__list--dropdown[data-v-07281982]{position:fixed!important;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;margin-top:4px;z-index:9999!important;box-shadow:0 8px 25px rgba(0,0,0,.2)!important;max-height:200px;overflow-y:auto;min-width:200px}.choices__list--dropdown .choices__item[data-v-07281982],.choices__list--dropdown--custom .choices__item[data-v-07281982]{padding:.75rem 1rem;color:#2c3e50;font-size:.95rem;transition:background-color .2s ease;cursor:pointer}.choices__list--dropdown .choices__item--selectable[data-v-07281982]:hover,.choices__list--dropdown--custom .choices__item--selectable[data-v-07281982]:hover{background-color:#e5e7eb}.choices__list--dropdown .choices__item--selectable.is-highlighted[data-v-07281982],.choices__list--dropdown--custom .choices__item--selectable.is-highlighted[data-v-07281982]{background-color:#3b82f6!important;color:#fff!important}.choices__input[data-v-07281982]{display:block!important;background-color:#fff;color:#2c3e50;padding:.5rem 1rem;font-size:.95rem;border:none;width:100%!important;margin:0}.choices__input[data-v-07281982]:focus{outline:none;box-shadow:none}.choices__placeholder[data-v-07281982]{color:#9ca3af;opacity:1}.choices__list--dropdown .choices__item--disabled[data-v-07281982],.choices__list--dropdown--custom .choices__item--disabled[data-v-07281982]{color:#9ca3af;opacity:.6;cursor:not-allowed}.content-wrapper[data-v-07281982],.content[data-v-07281982],.form-table[data-v-07281982],.table-wrapper[data-v-07281982]{overflow:visible!important}@media (max-width:768px){.choices__inner--custom[data-v-07281982],.choices__inner[data-v-07281982]{min-height:34px;font-size:.875rem}.choices__list--dropdown .choices__item[data-v-07281982],.choices__list--dropdown--custom .choices__item[data-v-07281982]{padding:.5rem .75rem;font-size:.875rem}.choices__input[data-v-07281982]{padding:.4rem .75rem;font-size:.875rem}}@media (max-width:480px){.choices__inner--custom[data-v-07281982],.choices__inner[data-v-07281982]{min-height:32px;font-size:.75rem}.choices__list--dropdown .choices__item[data-v-07281982],.choices__list--dropdown--custom .choices__item[data-v-07281982]{padding:.4rem .6rem;font-size:.75rem}.choices__input[data-v-07281982]{padding:.3rem .6rem;font-size:.75rem}}.loading-container[data-v-50661991]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loading-spinner[data-v-50661991]{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-left-color:#ffbb27;border-radius:50%;animation:spin-50661991 1s linear infinite}.form-input[type=date][data-v-50661991]{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}label[data-v-50661991]{margin-right:8px;font-size:14px}.modal[data-v-50661991]{background:#fff;padding:30px;border-radius:10px;width:600px;height:auto;max-height:80%;overflow-y:auto;box-shadow:0 6px 15px rgba(0,0,0,.3);text-align:center}@keyframes spin-50661991{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wrapper[data-v-cd789350]{min-height:100vh;background-color:#f5f6fa}.layout-container[data-v-cd789350]{display:flex}.sidebar[data-v-cd789350]{flex-shrink:0}.main-content[data-v-cd789350]{flex:1;padding:1.5rem;transition:width .3s ease}.content-container[data-v-cd789350]{max-width:1200px;margin:0 auto}.card[data-v-cd789350]{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1.5rem}.card-title[data-v-cd789350]{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:1.5rem}.loading-container[data-v-cd789350]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0}.loading-spinner[data-v-cd789350]{display:inline-block;border:4px solid #e2e8f0;border-top-color:#f8c51e;border-radius:50%}.loading-spinner[data-v-cd789350],.spinner[data-v-cd789350]{width:3rem;height:3rem;animation:spin-cd789350 1s linear infinite}.spinner[data-v-cd789350]{border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%}.table-controls[data-v-cd789350]{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1.5rem;gap:2rem}.btn[data-v-cd789350]{padding:.5rem 1rem;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.5rem}.btn-primary[data-v-cd789350]{background-color:#2563eb;color:#fff;border:none}.btn-primary[data-v-cd789350]:hover{background-color:#1d4ed8}.btn-submit[data-v-cd789350]{background-color:#16a34a;color:#fff;border:none}.btn-submit[data-v-cd789350]:hover{background-color:#15803d}.btn-icon[data-v-cd789350]{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.form-note[data-v-cd789350]{flex:1;min-width:100%}.form-note label[data-v-cd789350]{display:block;font-weight:500;margin-bottom:.5rem;color:#2c3e50}.form-textarea[data-v-cd789350]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;resize:vertical;min-height:120px}.form-textarea[data-v-cd789350]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}@media (max-width:768px){.form-header[data-v-cd789350]{flex-direction:column}}.form-table[data-v-cd789350]{overflow-x:auto}.table-wrapper[data-v-cd789350]{width:100%;overflow-x:auto}.data-table[data-v-cd789350]{width:100%;border-collapse:collapse}.data-table th[data-v-cd789350]{background-color:#1f2937;color:#fff;padding:.75rem 1rem;text-align:left}.data-table th[data-v-cd789350]:first-child{border-top-left-radius:4px}.data-table th[data-v-cd789350]:last-child{border-top-right-radius:4px}.data-table td[data-v-cd789350]{padding:1rem;border-bottom:1px solid #e5e7eb}.data-table tr[data-v-cd789350]:hover{background-color:#f9fafb}.form-select[data-v-cd789350]{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;background-color:#fff}.form-select[data-v-cd789350]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.quantity-input[data-v-cd789350]{display:flex;align-items:center;gap:.5rem}.form-input[data-v-cd789350]{width:5rem;padding:.5rem;border:1px solid #d1d5db;border-radius:4px}.form-input[data-v-cd789350]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.btn-delete[data-v-cd789350]{background:none;border:none;color:#dc2626;cursor:pointer;padding:0}.btn-delete[data-v-cd789350]:hover{color:#b91c1c}.delete-icon[data-v-cd789350]{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.form-actions[data-v-cd789350]{display:flex;justify-content:flex-end;margin-top:1.5rem}.text-center[data-v-cd789350]{text-align:center}.stock-display[data-v-cd789350]{display:inline-flex;align-items:center;gap:.5rem}@keyframes spin-cd789350{to{transform:rotate(1turn)}}@media (max-width:768px){.main-content[data-v-cd789350]{padding:1rem}.data-table td[data-v-cd789350],.data-table th[data-v-cd789350]{padding:.5rem;font-size:.875rem}.form-input[data-v-cd789350]{width:4rem}.btn[data-v-cd789350]{padding:.4rem .8rem;font-size:.875rem}}@media (max-width:480px){.card[data-v-cd789350]{padding:1rem}.card-title[data-v-cd789350]{font-size:1.25rem}}.form-header[data-v-cd789350]{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.form-group[data-v-cd789350]{flex:1;min-width:200px}.form-group2[data-v-cd789350]{min-width:150px;margin-bottom:.8rem}.form-group label[data-v-cd789350]{display:block;font-weight:500;margin-bottom:.5rem;color:#2c3e50}.form-input[data-v-cd789350],.form-select[data-v-cd789350]{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;background-color:#fff}.form-input[data-v-cd789350]:focus,.form-select[data-v-cd789350]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.choices-container[data-v-cd789350]{position:relative;overflow:visible!important}.choices[data-v-cd789350]{width:100%;margin:0;position:relative;z-index:1}.choices__inner--custom[data-v-cd789350],.choices__inner[data-v-cd789350]{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;min-height:38px;font-size:1rem;color:#2c3e50;transition:border-color .2s ease,box-shadow .2s ease}.choices__inner--custom[data-v-cd789350]:hover,.choices__inner[data-v-cd789350]:hover{border-color:#9ca3af}.is-focused .choices__inner--custom[data-v-cd789350],.is-focused .choices__inner[data-v-cd789350],.is-open .choices__inner--custom[data-v-cd789350],.is-open .choices__inner[data-v-cd789350]{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2);outline:none}.choices__list--single[data-v-cd789350]{padding:0}.choices__list--dropdown--custom[data-v-cd789350],.choices__list--dropdown[data-v-cd789350]{position:fixed!important;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;margin-top:4px;z-index:9999!important;box-shadow:0 8px 25px rgba(0,0,0,.2)!important;max-height:200px;overflow-y:auto;min-width:200px}.choices__list--dropdown .choices__item[data-v-cd789350],.choices__list--dropdown--custom .choices__item[data-v-cd789350]{padding:.75rem 1rem;color:#2c3e50;font-size:.95rem;transition:background-color .2s ease;cursor:pointer}.choices__list--dropdown .choices__item--selectable[data-v-cd789350]:hover,.choices__list--dropdown--custom .choices__item--selectable[data-v-cd789350]:hover{background-color:#e5e7eb}.choices__list--dropdown .choices__item--selectable.is-highlighted[data-v-cd789350],.choices__list--dropdown--custom .choices__item--selectable.is-highlighted[data-v-cd789350]{background-color:#3b82f6!important;color:#fff!important}.choices__input[data-v-cd789350]{display:block!important;background-color:#fff;color:#2c3e50;padding:.5rem 1rem;font-size:.95rem;border:none;width:100%!important;margin:0}.choices__input[data-v-cd789350]:focus{outline:none;box-shadow:none}.choices__placeholder[data-v-cd789350]{color:#9ca3af;opacity:1}.choices__list--dropdown .choices__item--disabled[data-v-cd789350],.choices__list--dropdown--custom .choices__item--disabled[data-v-cd789350]{color:#9ca3af;opacity:.6;cursor:not-allowed}.data-table tbody tr[data-v-cd789350]{position:relative}.data-table tbody td[data-v-cd789350]{overflow:visible!important}.btn-disabled[data-v-cd789350]{opacity:.5;cursor:not-allowed}.btn-disabled[data-v-cd789350]:hover{opacity:.5}.content-wrapper[data-v-cd789350],.content[data-v-cd789350],.form-table[data-v-cd789350],.table-wrapper[data-v-cd789350]{overflow:visible!important}@media (max-width:768px){.choices__inner--custom[data-v-cd789350],.choices__inner[data-v-cd789350]{min-height:34px;font-size:.875rem}.choices__list--dropdown .choices__item[data-v-cd789350],.choices__list--dropdown--custom .choices__item[data-v-cd789350]{padding:.5rem .75rem;font-size:.875rem}.choices__input[data-v-cd789350]{padding:.4rem .75rem;font-size:.875rem}}@media (max-width:480px){.choices__inner--custom[data-v-cd789350],.choices__inner[data-v-cd789350]{min-height:32px;font-size:.75rem}.choices__list--dropdown .choices__item[data-v-cd789350],.choices__list--dropdown--custom .choices__item[data-v-cd789350]{padding:.4rem .6rem;font-size:.75rem}.choices__input[data-v-cd789350]{padding:.3rem .6rem;font-size:.75rem}}.info-section[data-v-75647370]{margin-top:40px;display:flex;flex-direction:column;gap:10px}.po-header[data-v-75647370]{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:20px}.po-header-left[data-v-75647370]{display:flex;align-items:center;flex:1}.po-logo img[data-v-75647370]{width:150px;height:100px;-o-object-fit:contain;object-fit:contain;margin-right:20px}.po-info[data-v-75647370]{display:flex;flex-direction:column}.user-icon[data-v-75647370]{width:25px;margin-right:5px}.status-container[data-v-75647370]{display:flex;align-items:center;gap:5px;margin-right:30px}.status-badge[data-v-75647370]{padding:5px 10px;border-radius:10px;background-color:var(--gray);color:var(--black)}.status-badge.completed[data-v-75647370]{background-color:var(--green);color:var(--white)}.table-responsive[data-v-75647370]{width:100%;border-collapse:collapse;margin-top:20px}.table-responsive td[data-v-75647370],.table-responsive th[data-v-75647370]{padding:18px 15px;vertical-align:middle;min-height:60px}.table-responsive th[data-v-75647370]{font-size:14px;font-weight:600}.table-responsive td[data-v-75647370]{font-size:13px}.arrow-button[data-v-75647370]{color:#fff;background-color:maroon;padding:10px;border-radius:calc(infinity * 1px)}.clickable-row[data-v-75647370]{cursor:pointer;transition:background-color .2s}.clickable-row[data-v-75647370]:hover{background-color:#f0f0f0!important}.expanded-row[data-v-75647370]{background-color:#fafafa}.expanded-content[data-v-75647370]{padding:25px;border-top:1px solid #e0e0e0}.expanded-content h4[data-v-75647370]{margin:0 0 20px;color:#333;font-size:16px;font-weight:600}.logs-table-wrapper[data-v-75647370]{overflow-x:auto;margin-top:10px}.logs-table[data-v-75647370]{border-collapse:separate;border-spacing:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:5px}.logs-table td[data-v-75647370],.logs-table th[data-v-75647370]{padding:16px 15px;border-bottom:1px solid #e0e0e0;min-height:55px}.logs-table input[data-v-75647370]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:13px}.full-width-datepicker[data-v-75647370]{width:100%}[data-v-75647370] .dp__overlay{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%}[data-v-75647370] .dp__menu{position:absolute;z-index:1001}.new-log-row td[data-v-75647370]{background-color:#f9f9f9}.action-buttons[data-v-75647370]{margin-top:20px;display:flex;gap:10px}.add-btn[data-v-75647370],.submit-btn[data-v-75647370]{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .2s}.add-btn[data-v-75647370]{background-color:#4caf50;color:#fff}.add-btn[data-v-75647370]:hover{background-color:#45a049}.submit-btn[data-v-75647370]{background-color:#2196f3;color:#fff}.submit-btn[data-v-75647370]:hover:not(:disabled){background-color:#1e87db}.submit-btn[data-v-75647370]:disabled{background-color:#ccc;cursor:not-allowed}.no-logs[data-v-75647370]{margin:10px 0;color:#888;font-style:italic;font-size:13px}.input-unit-container[data-v-75647370]{display:flex;align-items:center}.input-unit-container input[data-v-75647370]{margin-right:5px}.unit[data-v-75647370]{font-size:14px}.logs-table[data-v-75647370]{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}.logs-table td[data-v-75647370],.logs-table th[data-v-75647370]{border:1px solid #ccc;padding:8px;text-align:left}.logs-table th[data-v-75647370]{background-color:#f5f5f5;color:#000}.input-readonly[data-v-75647370]{background-color:#f0f0f0}.input-number[data-v-75647370],.input-readonly[data-v-75647370],.select-warehouse[data-v-75647370]{width:100%;padding:6px;font-size:13px;border:1px solid #ccc}.btn-remove[data-v-75647370]{background:none;border:none;color:red;font-size:12px;text-decoration:underline;cursor:pointer}.tooltip-wrapper[data-v-75647370]{position:relative;display:inline-block;stroke-width:0}.tooltip-text[data-v-75647370]{fill:transparent;visibility:hidden;opacity:0;background-color:rgba(60,60,60,.9);color:#fff;text-align:center;padding:6px 10px;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translateX(-50%);transition:opacity .3s;white-space:nowrap;font-size:12px;stroke-width:0}.tooltip-wrapper:hover .tooltip-text[data-v-75647370]{visibility:visible;opacity:1}.total-qty-convert[data-v-75647370]{margin-top:10px;font-size:14px;color:#333}.total-qty-convert.invalid[data-v-75647370]{color:#b71c1c}.error-message[data-v-75647370]{color:#b71c1c;font-style:italic;margin-left:10px}.container[data-v-035b8df0]{padding:20px}.content-wrapper[data-v-035b8df0]{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.content-title[data-v-035b8df0]{margin-bottom:20px}.content-title h2[data-v-035b8df0]{font-size:24px;color:#333}.stock-card[data-v-035b8df0]:hover{transform:translateY(-4px);box-shadow:0 6px 12px rgba(0,0,0,.15);background-color:#f5f5f5}.loading-container[data-v-65993d5d]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loading-spinner[data-v-65993d5d]{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-left-color:#ffbb27;border-radius:50%;animation:spin-65993d5d 1s linear infinite}@keyframes spin-65993d5d{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.table-responsive[data-v-65993d5d]{width:100%;border-collapse:collapse;margin-bottom:20px}.table-responsive td[data-v-65993d5d],.table-responsive th[data-v-65993d5d]{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table-responsive th[data-v-65993d5d]{background-color:#000;color:#fff}.table-responsive tr[data-v-65993d5d]:nth-child(2n){background-color:#f2f2f2}.option-gudang[data-v-65993d5d]{padding-left:5px}.bg-dark tr th[data-v-65993d5d]{font-size:smaller;text-align:center}.qty-input[data-v-65993d5d]{width:80px;padding:6px;border:1px solid #ddd;border-radius:4px;text-align:center}.qty-input[data-v-65993d5d]:disabled{background-color:#f5f5f5;color:#999}.transfer-actions[data-v-65993d5d]{display:flex;justify-content:flex-end;margin:20px 0;padding:15px;background-color:#f9f9f9;border-radius:6px;border:1px solid #eee}.transfer-btn[data-v-65993d5d]{padding:8px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s}.transfer-btn[data-v-65993d5d]:hover{background-color:#45a049}.transfer-btn[data-v-65993d5d]:disabled{background-color:#ccc;cursor:not-allowed}.warehouse-input[data-v-65993d5d]{padding:6px 10px;border:1px solid #ddd;border-radius:4px;background-color:#fff;width:100%;max-width:150px}.loading-container[data-v-79efeca9]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loading-spinner[data-v-79efeca9]{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-left-color:#ffbb27;border-radius:50%;animation:spin-79efeca9 1s linear infinite}.modal[data-v-79efeca9]{background:#fff;padding:30px;border-radius:10px;width:600px;height:auto;max-height:80%;overflow-y:auto;box-shadow:0 6px 15px rgba(0,0,0,.3);text-align:center}@keyframes spin-79efeca9{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.table-responsive[data-v-79efeca9]{width:100%;border-collapse:collapse;margin-bottom:20px}.table-responsive td[data-v-79efeca9],.table-responsive th[data-v-79efeca9]{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table-responsive th[data-v-79efeca9]{background-color:#000;color:#fff}.table-responsive tr[data-v-79efeca9]:nth-child(2n){background-color:#f2f2f2}.option-gudang[data-v-79efeca9]{padding-left:5px}.bg-dark tr th[data-v-79efeca9]{font-size:smaller;text-align:center}.table-navigation[data-v-79efeca9]{justify-content:space-between;margin-bottom:25px;padding:15px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.filter-group[data-v-79efeca9],.search-export-group[data-v-79efeca9],.table-navigation[data-v-79efeca9]{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.select-wrapper[data-v-79efeca9]{position:relative;width:170px}.custom-select[data-v-79efeca9]{width:100%;padding:10px 30px 10px 12px;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;font-size:14px;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .3s,box-shadow .3s}.custom-select[data-v-79efeca9]:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.3)}.select-icon[data-v-79efeca9]{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.date-picker-wrapper[data-v-79efeca9]{position:relative;width:250px;background-color:transparent}.custom-date-picker[data-v-79efeca9]{width:100%;padding:10px 30px 10px 12px;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;font-size:14px;color:#333}.custom-date-picker[data-v-79efeca9]:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.3)}.date-icon[data-v-79efeca9]{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.search-wrapper[data-v-79efeca9]{position:relative;width:200px}.custom-input[data-v-79efeca9]{width:100%;padding:10px 30px 10px 12px;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;font-size:14px;color:#333;transition:border-color .3s,box-shadow .3s}.custom-input[data-v-79efeca9]:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.3)}.search-icon[data-v-79efeca9]{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.export-buttons[data-v-79efeca9]{display:flex;gap:10px}.xlsx-btn[data-v-79efeca9]{background-color:#a72828}.xlsx-btn[data-v-79efeca9]:hover{background-color:#218838;transform:translateY(-2px)}.pdf-btn[data-v-79efeca9]{background-color:#dc3545}.pdf-btn[data-v-79efeca9]:hover{background-color:#c82333;transform:translateY(-2px)}.page-next[disabled][data-v-79efeca9],.page-prev[disabled][data-v-79efeca9]{opacity:.5;cursor:not-allowed;pointer-events:none}@media (max-width:768px){.table-navigation[data-v-79efeca9]{flex-direction:column;align-items:flex-start}.filter-group[data-v-79efeca9],.search-export-group[data-v-79efeca9]{width:100%;flex-direction:column;align-items:flex-start}.date-picker-wrapper[data-v-79efeca9],.search-wrapper[data-v-79efeca9],.select-wrapper[data-v-79efeca9]{width:100%}.export-buttons[data-v-79efeca9]{width:100%;justify-content:flex-start}}.page-wrapper[data-v-79efeca9]{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.page[data-v-79efeca9]{padding:5px 10px;margin:0 5px;cursor:pointer}.page-active[data-v-79efeca9]{background-color:#007bff;color:#fff;border-radius:4px}.page-unactive[data-v-79efeca9]{background-color:#f8f9fa;color:#000}.loading-container[data-v-158e9a2d]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loading-spinner[data-v-158e9a2d]{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-left-color:#ffbb27;border-radius:50%;animation:spin-158e9a2d 1s linear infinite}@keyframes spin-158e9a2d{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.table-responsive[data-v-158e9a2d]{width:100%;border-collapse:collapse;margin-bottom:20px}.table-responsive td[data-v-158e9a2d],.table-responsive th[data-v-158e9a2d]{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table-responsive th[data-v-158e9a2d]{background-color:#000;color:#fff}.table-responsive tr[data-v-158e9a2d]:nth-child(2n){background-color:#f2f2f2}.filter-container[data-v-158e9a2d]{display:flex;gap:10px;align-items:center}.warehouse-input[data-v-158e9a2d]{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer}.warehouse-input[data-v-158e9a2d]:focus{outline:none;border-color:#ffbb27}.form-input[data-v-158e9a2d]{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-input[data-v-158e9a2d]:focus{outline:none;border-color:#ffbb27}.date-picker[data-v-158e9a2d]{width:150px;font-size:14px}.date-picker[data-v-158e9a2d] .dp__input{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;color:#333}.date-picker[data-v-158e9a2d] .dp__input:focus{border-color:#ffbb27;outline:none}.date-picker[data-v-158e9a2d] .dp__calendar{border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15)}.bg-dark tr th[data-v-158e9a2d]{font-size:smaller;text-align:center}.loading-container[data-v-063c869a]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loading-spinner[data-v-063c869a]{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-left-color:#ffbb27;border-radius:50%;animation:spin-063c869a 1s linear infinite}@keyframes spin-063c869a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.table-responsive[data-v-063c869a]{width:100%;border-collapse:collapse;margin-bottom:20px}.table-responsive td[data-v-063c869a],.table-responsive th[data-v-063c869a]{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table-responsive th[data-v-063c869a]{background-color:#000;color:#fff}.table-responsive tr[data-v-063c869a]:nth-child(2n){background-color:#f2f2f2}.option-gudang[data-v-063c869a]{padding-left:5px}.bg-dark tr th[data-v-063c869a]{font-size:smaller;text-align:center}.qty-input[data-v-063c869a]{width:80px;padding:6px;border:1px solid #ddd;border-radius:4px;text-align:center}.qty-input[data-v-063c869a]:disabled{background-color:#f5f5f5;color:#999}.transfer-actions[data-v-063c869a]{display:flex;justify-content:flex-end;margin:20px 0;padding:15px;background-color:#f9f9f9;border-radius:6px;border:1px solid #eee}.transfer-btn[data-v-063c869a]{padding:8px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s}.transfer-btn[data-v-063c869a]:hover{background-color:#45a049}.transfer-btn[data-v-063c869a]:disabled{background-color:#ccc;cursor:not-allowed}.warehouse-input[data-v-063c869a]{padding:6px 10px;border:1px solid #ddd;border-radius:4px;background-color:#fff;width:100%;max-width:150px}.loading-container[data-v-bd758be4]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loading-spinner[data-v-bd758be4]{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-left-color:#ffbb27;border-radius:50%;animation:spin-bd758be4 1s linear infinite}.modal-overlay[data-v-bd758be4]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal[data-v-bd758be4]{background:#fff;padding:40px;border-radius:10px;width:600px;height:auto;max-height:80vh;overflow-y:auto;box-shadow:0 6px 15px rgba(0,0,0,.3);text-align:center}.modal-buttons[data-v-bd758be4]{margin-top:20px;display:flex;justify-content:center;gap:10px}.btn-theme[data-v-bd758be4]{background-color:#ffa927;color:#fff}.btn-cancel[data-v-bd758be4],.btn-theme[data-v-bd758be4]{padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.btn-cancel[data-v-bd758be4]{background-color:#ccc;color:#000}.pdf-container[data-v-bd758be4]{margin:20px;border:1px solid #ddd;border-radius:5px;overflow:hidden}.button-container[data-v-bd758be4]{margin:20px;display:flex;justify-content:flex-end}.progress-container[data-v-bd758be4]{margin:20px;text-align:center}.progress-item[data-v-bd758be4]{margin-bottom:15px}.progress-label[data-v-bd758be4]{font-size:14px;font-weight:700;margin-bottom:5px;text-align:left}.progress-bar[data-v-bd758be4]{width:100%;height:20px;background-color:#f0f0f0;border-radius:10px;overflow:hidden;margin:10px 0}.progress-fill[data-v-bd758be4]{height:100%;background-color:#ffbb27;transition:width .3s ease-in-out}.done-message[data-v-bd758be4]{margin-top:20px;color:#28a745}@keyframes spin-bd758be4{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.table-responsive[data-v-bd758be4]{width:100%;border-collapse:collapse;margin-bottom:20px}.table-responsive td[data-v-bd758be4],.table-responsive th[data-v-bd758be4]{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table-responsive th[data-v-bd758be4]{background-color:#000;color:#fff}.table-responsive tr[data-v-bd758be4]:nth-child(2n){background-color:#f2f2f2}.option-gudang[data-v-bd758be4]{padding-left:5px}.btn-theme[data-v-bd758be4]:disabled{background-color:#ccc;cursor:not-allowed}.bg-dark th[data-v-bd758be4]{font-size:smaller;text-align:center}.tbody-data td[data-v-bd758be4]{font-size:14px;text-align:center;vertical-align:middle}.container[data-v-68bb54e1]{padding:20px}.content-wrapper[data-v-68bb54e1]{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.content-title[data-v-68bb54e1]{margin-bottom:0}.content-title h2[data-v-68bb54e1]{font-size:24px;color:#333}.back-btn[data-v-68bb54e1]{font-size:22px;cursor:pointer}.section-block[data-v-68bb54e1]{margin:18px 0}.section-title[data-v-68bb54e1]{font-size:18px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:8px;margin-bottom:8px}.pill[data-v-68bb54e1]{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:#111;color:#fff}.table-container[data-v-68bb54e1]{max-height:420px;overflow:auto;position:relative;border:1px solid #e5e7eb;border-radius:8px}.table-responsive[data-v-68bb54e1]{width:100%;border-collapse:collapse}.table-responsive thead[data-v-68bb54e1]{position:sticky;top:0;z-index:1}.table-responsive td[data-v-68bb54e1],.table-responsive th[data-v-68bb54e1]{padding:12px;text-align:left;border-bottom:1px solid #eee}.table-responsive th[data-v-68bb54e1]{background:#000;color:#fff}.table-responsive tr[data-v-68bb54e1]:nth-child(2n){background:#f7f7f7}.total-row[data-v-68bb54e1]{font-weight:700;background-color:#303030;color:#fff}.muted[data-v-68bb54e1]{color:#6b7280;font-style:italic}.badge[data-v-68bb54e1]{display:inline-block;padding:4px 8px;font-size:12px;font-weight:700;color:#fff;border-radius:4px;min-width:24px;text-align:center}.badge-green[data-v-68bb54e1]{background-color:#4caf50}.badge-red[data-v-68bb54e1]{background-color:#f44336}.badge-gray[data-v-68bb54e1]{background-color:#6b7280}.clickable[data-v-68bb54e1]{cursor:pointer}.clickable[data-v-68bb54e1]:hover{background:#eef6ff!important}.loading-container[data-v-6d947e86]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loading-spinner[data-v-6d947e86]{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-left-color:#ffbb27;border-radius:50%;animation:spin-6d947e86 1s linear infinite}@keyframes spin-6d947e86{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.table-responsive[data-v-6d947e86]{width:100%;border-collapse:collapse;margin-bottom:20px}.table-responsive td[data-v-6d947e86],.table-responsive th[data-v-6d947e86]{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table-responsive th[data-v-6d947e86]{background-color:#000;color:#fff}.table-responsive tr[data-v-6d947e86]:nth-child(2n){background-color:#f2f2f2}.option-gudang[data-v-6d947e86]{padding-left:5px}.bg-dark th[data-v-6d947e86]{font-size:smaller;text-align:center}.tbody-data td[data-v-6d947e86],tbody.tbody-data tr td[data-v-6d947e86]{font-size:14px;text-align:center}.tbody-data td[data-v-6d947e86]{vertical-align:middle}.bg-canvas[data-v-6d947e86]{background-color:#f9f9f9}.export-wrapper[data-v-6d947e86]{display:flex;align-items:center;gap:10px}.btn-theme[data-v-6d947e86]{background-color:#8c7343;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s}.btn-theme[data-v-6d947e86]:hover{background-color:#b69455}.modal-overlay[data-v-6d947e86]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal[data-v-6d947e86]{background:#fff;padding:30px;border-radius:10px;width:600px;max-width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 6px 15px rgba(0,0,0,.3)}.modal-header[data-v-6d947e86]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-footer[data-v-6d947e86]{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.container[data-v-4a609254]{padding:20px}.content-wrapper[data-v-4a609254]{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.content-title[data-v-4a609254]{margin-bottom:0}.content-title h2[data-v-4a609254]{font-size:24px;color:#333}.loading-container[data-v-4a609254]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loading-spinner[data-v-4a609254]{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-left-color:#ffbb27;border-radius:50%;animation:spin-4a609254 1s linear infinite}@keyframes spin-4a609254{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.table-responsive[data-v-4a609254]{width:100%;border-collapse:collapse;margin-bottom:20px}.table-container[data-v-4a609254]{max-height:500px;overflow-y:auto;position:relative}.table-responsive td[data-v-4a609254],.table-responsive th[data-v-4a609254]{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table-responsive thead[data-v-4a609254]{position:sticky;top:0;z-index:1}.table-responsive th[data-v-4a609254]{background-color:#000;color:#fff}.table-responsive tr[data-v-4a609254]:nth-child(2n){background-color:#f2f2f2}.badge[data-v-4a609254]{display:inline-block;padding:4px 8px;font-size:12px;font-weight:700;color:#fff;border-radius:4px;min-width:24px;text-align:center}.badge-green[data-v-4a609254]{background-color:#4caf50}.badge-red[data-v-4a609254]{background-color:#f44336}.badge-gray[data-v-4a609254]{background-color:#bdbdbd}.bold-text[data-v-4a609254]{font-weight:700}.clickable-row[data-v-4a609254]{cursor:pointer}.clickable-row[data-v-4a609254]:hover{background:#eef6ff!important}.back-btn[data-v-4a609254]{cursor:pointer}.container[data-v-1440db3d]{padding:20px}.content-wrapper[data-v-1440db3d]{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.content-title[data-v-1440db3d]{margin-bottom:0}.content-title h2[data-v-1440db3d]{font-size:24px;color:#333}.back-btn[data-v-1440db3d]{font-size:22px;cursor:pointer}.section-block[data-v-1440db3d]{margin:18px 0}.section-title[data-v-1440db3d]{font-size:18px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:8px;margin-bottom:8px}.pill[data-v-1440db3d]{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:#111;color:#fff}.table-container[data-v-1440db3d]{max-height:420px;overflow:auto;position:relative;border:1px solid #e5e7eb;border-radius:8px}.table-responsive[data-v-1440db3d]{width:100%;border-collapse:collapse}.table-responsive thead[data-v-1440db3d]{position:sticky;top:0;z-index:1}.table-responsive td[data-v-1440db3d],.table-responsive th[data-v-1440db3d]{padding:12px;text-align:left;border-bottom:1px solid #eee}.table-responsive th[data-v-1440db3d]{background:#000;color:#fff}.table-responsive tr[data-v-1440db3d]:nth-child(2n){background:#f7f7f7}.total-row[data-v-1440db3d]{font-weight:700;background-color:#f7f7f7;color:#fff}.muted[data-v-1440db3d]{color:#6b7280;font-style:italic}.badge[data-v-1440db3d]{display:inline-block;padding:4px 8px;font-size:12px;font-weight:700;color:#fff;border-radius:4px;min-width:24px;text-align:center}.badge-green[data-v-1440db3d]{background-color:#4caf50}.badge-red[data-v-1440db3d]{background-color:#f44336}.badge-gray[data-v-1440db3d]{background-color:#6b7280}*{margin:0;padding:0}body{background-color:#f7f7f7;font-family:Public Sans,sans-serif;--sb-track-color:#c3c3c3;--sb-thumb-color:var(--themehover);--sb-size:9px;scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}body::-webkit-scrollbar{width:var(--sb-size)}body::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:10px}body::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:10px}:root{--green:#588157;--gray:#c3c3c3;--greenhover:#3a5a40;--themecolor:#8c7343;--themehover:#63512f;--basecolor:#a19076;--basehover:#8c8678;--themedark:#a4740d;--orangelight:#ffe9d4;--orange:#dda15e;--orangehover:#bc6c25;--orangedark:#974d08;--dark:#313131;--light:#909090;--canvas:#f8f8fa;--lightgray:#e9e9e9;--paper:#fff;--white:#fff;--form:#f9f9f6;--red:#c44536;--redreject:#b64af5;--redhover:#772e25;--yellow:#f3ca52;--yellowhover:#c0a14a;--blue:#00afb9;--partial:#30422e;--bluehover:#0081a7}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}select,textarea{border:2px solid var(--canvas)}select{background:linear-gradient(#fff,#e3e3e3);border:1px solid #cacaca}select option{height:30px;padding:5px}.select-jenis{width:80%;height:50px;background:transparent;border:none;font-size:12pt;font-weight:700;color:#fff}.select-jenis option{color:#404040}.select-jenis option:checked{color:#03f}.text-end{position:relative;text-align:end}.text-start{position:relative;text-align:start}.text-center{position:relative;text-align:center}.line{width:100%;border-bottom:2px solid var(--canvas)}.table-line{border-bottom:1px solid gray}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000008e}.event-title{font-size:17pt;color:var(--dark);font-weight:lighter;font-weight:700;color:#636363;font-family:Lexend,sans-serif}.font-light{font-weight:lighter}.font-bold{font-weight:700}.font-bolder{font-weight:bolder}.color-light{color:#a7a7a7}.color-danger{color:var(--red)}.color-white{color:var(--white)}.color-dark{color:var(--dark)}.color-orange{color:var(--orangehover)}.color-theme{color:var(--themecolor)}.slide-transition{transition:all .5s ease}.bg-canvas{background:var(--canvas)}.bg-orange{background:var(--orangelight);border:none}.bg-gradient-orange{background:var(--orange);background:linear-gradient(to bottom,var(--orange),var(--orangehover));color:var(--white)}.bg-dark{background:var(--dark)}.bg-theme{background:var(--themehover);background:linear-gradient(to bottom,var(--themehover),var(--themecolor))}.bg-success{background:var(--green);background:linear-gradient(to bottom,var(--greenhover),var(--green))}.bg-gradient-gray{background:radial-gradient(circle at 18.7% 37.8%,#fafafa 0,#e1eaee 90%)}.container{width:100%;display:flex;flex-direction:row;gap:20px}.content-spacer{transition:all .5s ease;min-height:50px;background:transparent}.content-body{top:100px;gap:20px}.content-body,.content-wrapper{position:relative;display:flex;flex-direction:column;transition:all .5s ease}.content-wrapper{min-height:50px;background:#fff;border-radius:5px;box-shadow:5px 5px 9px -3px rgba(0,0,0,.1);margin-bottom:50px}.content-wrapper .content-title{margin-top:10px;margin-left:20px;color:var(--light);font-family:Lexend,sans-serif;display:flex;flex-direction:column;justify-content:center;gap:10px}.pl-30{padding-left:30px}.content-wrapper .content-title i{position:absolute;top:7px;left:10px;font-size:23pt;color:var(--red);margin-top:3px;transition:all .5s ease;cursor:pointer}.content-wrapper .content-title i:hover{transform:scale(1.2);color:var(--redhover)}.content-wrapper .content{position:relative;width:97%;margin:0 auto;margin-top:20px;margin-bottom:20px;animation:fade-in-down .8s ease}.content-wrapper .content .load-wrapper{background-color:#e3e3e3;margin-top:30px}.content-wrapper .content .download-excel,.content-wrapper .content .load-wrapper{border-radius:10px;padding:10px;border:2px dashed var(--canvas);background:var(--form)}.content-wrapper .content .download-excel{width:98%;margin:0 auto;display:flex;flex-direction:column}.content-wrapper .content .load-excel{position:relative;width:100%;height:250px;margin:0 auto;margin-top:20px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px dashed var(--light);color:var(--dark)}.load-divisi-container{position:absolute;top:10px;right:10px;display:flex;flex-direction:row;gap:10px;width:50%;justify-content:end}.load-divisi-container .select-excel-type{position:relative;width:150px;height:40px;border-radius:5px;padding-left:10px;border:2px solid var(--canvas)}.content-wrapper .content .load-excel .filename{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);margin-top:20px}.content-wrapper .content .load-excel .drop-title{font-family:Costpretty,sans-serif;font-size:30pt;margin-bottom:10px}.content-wrapper .content .load-excel .cloud-icon{width:50px;opacity:.5}.content-wrapper .content .input-excel{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.content-wrapper .content .load-excel h3{position:absolute;top:10px;left:15px}.content-wrapper .content .download-excel .select-excel{display:flex;flex-direction:row;gap:10px;margin-top:10px}.select-sort{width:150px;height:40px;display:flex;flex-direction:row;border-radius:5px;gap:10px}.select-excel .select-box{width:60%;height:40px;border-radius:5px}.content-summary{position:relative;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.content-summary .summary-box{width:48%;height:100px;background:var(--white);border-radius:5px;box-shadow:5px 5px 9px -3px rgba(0,0,0,.1);display:flex;flex-direction:row;align-items:center}.btn-block-theme,.btn-danger,.btn-edit,.btn-info,.btn-primary,.btn-success,.btn-theme,.btn-warning{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;white-space:nowrap}.btn-primary{height:40px;padding:0 15px;border-radius:3px;background:var(--orange);background:linear-gradient(to bottom,var(--orange),var(--orangehover));border:none;cursor:pointer;color:var(--white)}.btn-primary:hover{background:var(--orangedark)}.btn-block{width:100%;display:flex;align-items:center;text-align:center;justify-content:center}.btn-danger{height:40px;padding:0 15px;border-radius:3px;background:var(--red);background:linear-gradient(180deg,#e74c3c,#db240f);border:none;cursor:pointer;color:var(--white)}.btn-danger:hover{background:var(--redhover)}.btn-info{height:40px;padding:0 15px;border-radius:3px;background:var(--green);background:linear-gradient(to bottom,var(--blue),var(--bluehover));border:none;cursor:pointer;color:var(--white)}.btn-info:hover{background:var(--blue)}.btn-success{height:40px;padding:0 15px;border-radius:3px;background:var(--green);background:linear-gradient(to bottom,var(--green),var(--greenhover));border:none;cursor:pointer;color:var(--white)}.btn-success:hover{background:var(--green)}.btn-warning{height:40px;padding:0 15px;border-radius:3px;background:var(--yellow);background:linear-gradient(to bottom,var(--yellow),var(--yellowhover));border:none;cursor:pointer;color:var(--white)}.btn-warning:hover{background:var(--yellowhover)}.btn-block-theme{width:100%;display:flex;align-items:center;text-align:center;justify-content:center;height:40px;padding:0 15px;border-radius:3px;background:var(--themecolor);background:linear-gradient(to bottom,var(--themehover),var(--themecolor));border:none;cursor:pointer;color:var(--white)}.btn-block-theme:hover{background:var(--themehover)}.btn-theme{height:40px;padding:0 15px;border-radius:3px;background:var(--themecolor);border:none;cursor:pointer;color:var(--white)}.btn-theme:hover{background:var(--themehover)}.btn-edit{height:40px;padding:0 15px;border-radius:3px;background:var(--themecolor);background:linear-gradient(to bottom,var(--themehover),var(--themecolor));border:none;cursor:pointer;color:var(--white)}.btn-edit:hover{background:var(--themehover)}.navbar-wrapper{position:fixed;top:0;left:0;width:100vw;height:70px;background:#fff;z-index:99;display:flex;flex-direction:row;box-shadow:1.3px .5px 3.1px rgba(0,0,0,.024),4.2px 1.6px 10.5px rgba(0,0,0,.032),19px 7px 47px rgba(0,0,0,.05)}.navbar-right{justify-content:end}.navbar-content,.navbar-right{position:relative;height:100%;display:flex}.navbar-content{flex-direction:row;align-items:center;gap:20px}.navbar-content .navbar-link{font-size:18pt;color:var(--light);cursor:pointer}.navbar-content .navbar-link:hover{color:var(--orange)}.navbar-content .navbar-link .notif{position:absolute;top:0;right:0;width:15px;height:15px;border-radius:500%;background:#ff582a;font-size:8pt;display:flex;justify-content:center;align-items:center;color:#fff}.navbar-content .user-detail{display:flex;flex-direction:row;color:var(--dark)}.navbar-content .user-detail .user-image{width:50px;height:100%}.navbar-content .user-detail .user-image .profile-image{width:40px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:500%;background:var(--light);border:3px solid var(--green)}.navbar-content .user-detail .username{max-width:200px;height:100%;display:flex;flex-direction:column;align-items:start;cursor:pointer}.navbar-content .user-detail .username:hover{background:var(--canvas)}.navbar-content .user-detail .username h4{margin-top:2px}.navbar-content .user-detail .username h5{font-weight:200;color:var(--light)}thead{background:var(--canvas)}.dropdown-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh}.dropdown-wrapper .dropdown-overlay{position:absolute;width:100%;height:100%;background:transparent}.user-dropdown{right:3%;width:140px}.notification-dropdown,.user-dropdown{position:fixed;top:75px;background:var(--white);display:flex;flex-direction:column;border:1px solid var(--canvas);box-shadow:.5px .3px .3px rgba(0,0,0,.024),1.6px 1.1px .9px rgba(0,0,0,.032),7px 5px 4px rgba(0,0,0,.05)}.notification-dropdown{right:14%;width:180px;gap:5px;border-radius:10px;padding:5px}.user-dropdown .dropdown-link{width:100%;height:35px;display:flex;flex-direction:row;align-items:center;cursor:pointer;text-decoration:none}.notification-dropdown .dropdown-link{width:98%;margin:0 auto;height:50px;display:flex;flex-direction:row;align-items:center;cursor:pointer;background:#ffcd9e;border-radius:8px}.notification-dropdown .dropdown-link:hover,.user-dropdown .dropdown-link:hover{background:var(--themehover)}.notification-dropdown .dropdown-link i,.user-dropdown .dropdown-link i{font-size:13pt;margin-left:10px;color:var(--light)}.notification-dropdown .dropdown-link span,.user-dropdown .dropdown-link span{margin-left:7px;font-size:10pt;color:var(--dark)}.user-dropdown .logout-link{width:100%;height:35px;display:flex;flex-direction:row;align-items:center;cursor:pointer}.user-dropdown .logout-link:hover{background:var(--themehover)}.user-dropdown .logout-link i{font-size:13pt;margin-left:10px;color:var(--red);font-weight:bolder}.user-dropdown .logout-link span{margin-left:7px;font-size:10pt;color:var(--dark)}.navbar-search{position:absolute;width:600px;height:100%;top:0;left:20px;display:flex;flex-direction:row;align-items:center;justify-content:start;z-index:100}.navbar-search .search-box{position:relative;width:70%;height:45px;border-radius:5px;display:flex;flex-direction:row}.navbar-search .search-box .search{width:85%;border:none;background:var(--canvas);padding-left:10px;font-size:12pt;border-top-left-radius:10px;border-bottom-left-radius:10px}.navbar-search .search-box .search-btn{width:15%;height:100%;background:var(--red);border:none;border-top-right-radius:10px;border-bottom-right-radius:10px;color:#fff;font-size:15pt;cursor:pointer}.navbar-search .search-box .search-btn:hover{background:var(--orangehover)}.sidebar-wrapper{position:fixed;top:0;left:0;height:100%;min-height:100svh;z-index:100;transition:all .5s ease;overflow-y:auto;--sb-track-color:#e9e9e9;--sb-thumb-color:#8c7343;--sb-size:10px;scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}.sidebar-wrapper::-webkit-scrollbar{width:var(--sb-size)}.sidebar-wrapper::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:20px}.sidebar-wrapper::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:50%;border:3px solid #232e33}@supports not selector(::-webkit-scrollbar){.sidebar-wrapper{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}.sidebar-logo{position:absolute;width:85%;top:5px;left:50%;transform:translateX(-50%);display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:25pt;color:#404040;z-index:101}.sidebar-logo .logo{width:80%;max-width:180px;transition:all 1s ease;margin-right:10px}.sidebar-expand{margin-top:15px;margin-left:20px;cursor:pointer;transition:all .5s ease}.sidebar-menu{position:absolute;width:90%;top:0;left:0;display:flex;flex-direction:column;gap:10px;z-index:100}.sidebar-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}.sidebar-menu::-webkit-scrollbar{width:5px;background-color:#f5f5f5}.sidebar-menu::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--orange)}.sidebar-menu .menu-link{width:100%;z-index:10}.sidebar-menu .menu-link .nav-link{position:relative;left:4%;width:88%;height:50px;display:flex;flex-direction:row;align-items:center;justify-content:start;text-decoration:none;margin:0 auto;padding:0 10px;cursor:pointer;border-radius:10px;transition:justify-content padding .5s ease}.sidebar-menu .menu-link .nav-link:hover{background:var(--red);color:#fff}.link-unactive{background:hsla(0,0%,100%,.12);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(8.2px);color:#404040;-webkit-backdrop-filter:blur(8.2px)}.sidebar-menu .menu-link .nav-link i{font-size:16pt}.sidebar-menu .menu-link .nav-link h3{margin-left:10px;font-weight:400;font-size:11pt}.link-active{background:var(--red);color:#fff}.context{width:100%;position:absolute;top:50vh}.context h1{text-align:center;color:#fff;font-size:50px}.area{position:fixed;background:#fff;background:-webkit-linear-gradient(left,#fff,#e9e9e9);height:105%;transition:all .5s ease}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:var(--basecolor);animation:animate 25s linear infinite;bottom:-150px}.circles li:first-child{left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(2turn);opacity:0;border-radius:50%}}.login-container{position:relative;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.form-login-group{position:relative;display:flex;flex-direction:column;gap:5px}.logins{position:absolute;top:0;left:0;width:100svw;height:100svh;z-index:1000}.login-body,.logins{display:flex;justify-content:center;align-items:center}.login-body{width:90%;max-width:650px;height:80%;max-height:450px;background:#fff;margin-left:40%;box-shadow:13px 13px 8px 0 rgba(0,0,0,.1);flex-direction:column;padding:40px 0;border-left:5px solid var(--orange)}@media (max-width:768px){.login-body{margin-left:0}}.login-form{width:96%;height:50px;border:1px solid var(--light);font-size:12pt;padding:0 10px}.login-form::-moz-placeholder{color:var(--canvas);font-size:12pt}.login-form::placeholder{color:var(--canvas);font-size:12pt}.error-input{position:absolute;color:red;bottom:0;font-size:11pt}.line-wrapper{position:relative;margin-top:15px;display:flex;justify-content:center;align-items:center}.line-break{position:absolute;width:100%;height:2px;background:var(--canvas);z-index:1}.line-wrapper span{position:absolute;right:0;font-size:22pt;background:transparent;z-index:10;text-align:center;font-family:Arumdalu,sans-serif}.reset-link{font-size:12pt;font-family:Arial,Helvetica,sans-serif;color:blue;text-decoration:underline}.login-button{width:100%;height:60px;background:var(--dark);color:#fff;cursor:pointer;border:none;margin-top:30px;font-family:Noto Sans Lao,sans-serif;font-size:16pt}.login-button:hover{background:#000}.login-container .login-logo{position:absolute;width:210px;z-index:4;top:15px;right:20px}.login-container .login-bg{width:100svw;height:100svh;-o-object-fit:cover;object-fit:cover;filter:contrast(80%)}.login-container .login-wrapper{position:absolute;top:0;left:0;width:100%;max-width:600px;height:100%;background:hsla(0,0%,63%,.43);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(10.7px);-webkit-backdrop-filter:blur(10.7px);z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.login-title{font-family:Arumdalu,sans-serif;font-size:50pt;color:var(--white);margin-top:-5%;margin-bottom:5%}.login-btn{width:70%;height:60px;border-radius:100px;background:var(--themehover);border:none;cursor:pointer;margin-top:40px;color:var(--white);font-family:Ubahn,sans-serif;font-size:18pt}.remember-me{width:18px;height:18px}.show-password{position:absolute;top:43px;right:3%;font-size:18pt;cursor:pointer;color:var(--light)}.login-form-label{font-weight:600;margin-bottom:-5px;font-family:Noto Sans Lao,sans-serif;font-size:12pt}.login-btn:hover{background:var(--themecolor)}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{outline:2px solid var(--orange);border:none}input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=text]::-moz-placeholder,textarea::-moz-placeholder{color:#a9a9a9;font-weight:300}input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:#a9a9a9;font-weight:300}input[type=email]:-moz-read-only,input[type=number]:-moz-read-only,input[type=password]:-moz-read-only,input[type=text]:-moz-read-only,textarea:-moz-read-only{background:#d6d6d6;color:#404040;font-weight:300}input[type=email]:read-only,input[type=number]:read-only,input[type=password]:read-only,input[type=text]:read-only,textarea:read-only{background:#d6d6d6;color:#404040;font-weight:300}.gelatine-r{animation:gelatine 1s ease}.gelatine{animation:gelatine 1.2s infinite}@keyframes gelatine{0%,to{transform:scale(1)}25%{transform:scale(.9,1.1)}50%{transform:scale(1.1,.9)}75%{transform:scale(.95,1.05)}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.elastic-spin{animation:elastic-spin 1s ease infinite}@keyframes elastic-spin{0%{transform:rotate(0deg)}to{transform:rotate(2turn)}}.pulse{animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(.8)}to{transform:scale(1.2)}}.flash{animation:flash .5s ease infinite alternate}@keyframes flash{0%{opacity:1}to{opacity:0}}.hithere{animation:hithere 1s ease infinite}@keyframes hithere{30%{transform:scale(1.2)}40%,60%{transform:rotate(-20deg) scale(1.2)}50%{transform:rotate(20deg) scale(1.2)}70%{transform:rotate(0deg) scale(1.2)}to{transform:scale(1)}}.grow{animation:grow 2s ease infinite}@keyframes grow{0%{transform:scale(0)}to{transform:scale(1)}}.fade-in{animation:fade-in .5s linear}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-out{animation:fade-out .5s linear}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.bounce{animation:bounce 1s ease}@keyframes bounce{70%{transform:translateY(0)}80%{transform:translateY(-15%)}90%{transform:translateY(0)}95%{transform:translateY(-7%)}97%{transform:translateY(0)}99%{transform:translateY(-3%)}to{transform:translateY(0)}}.bounce2{animation:bounce2 2s ease infinite}@keyframes bounce2{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.shake-r{animation:shake-r .6s ease}@keyframes shake-r{0%{transform:translateX(0)}10%{transform:translateX(10px)}25%{transform:translateX(-10px)}50%{transform:translateX(10px)}75%{transform:translateX(-10px)}to{transform:translateX(0)}}.shake{animation:shake 2s ease}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.flip{backface-visibility:visible!important;animation:flip 2s ease infinite}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(1turn) scale(.95);animation-timing-function:ease-in}to{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.swing{transform-origin:top center;animation:swing 2s ease infinite}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.wobble{animation:wobble 2s ease infinite}@keyframes wobble{0%{transform:translateX(0)}15%{transform:translateX(-15%) rotate(-5deg)}30%{transform:translateX(5%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(5%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}to{transform:translateX(0)}}.fade-in-down{animation:fade-in-down 1s ease}.fade-in-down-fast{animation:fade-in-down .3s ease}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-in-left{animation:fade-in-left .5s ease}@keyframes fade-in-left{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.fade-out-down{animation:fade-out-down .5s ease}@keyframes fade-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}.fade-out-right{animation:fade-out-right 2s ease infinite}@keyframes fade-out-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}.bounce-in{animation:bounce-in .5s ease}.bounce-in-r{animation:bounce-in .8s ease}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.bounce-in-right{animation:bounce-in-right 2s ease infinite}@keyframes bounce-in-right{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}to{transform:translateX(0)}}.bounce-out{animation:bounce-out 2s ease infinite}@keyframes bounce-out{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.3)}}.bounce-out-down{animation:bounce-out-down 2s ease infinite}@keyframes bounce-out-down{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(20px)}}.rotate-in-down-left{animation:rotate-in-down-left 2s ease infinite}@keyframes rotate-in-down-left{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotate-in-up-left{animation:rotate-in-up-left 2s ease infinite}@keyframes rotate-in-up-left{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}to{transform-origin:left bottom;transform:rotate(0);opacity:1}}.hinge{animation:hinge 2s ease infinite}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}to{transform:translateY(700px);opacity:0}}.roll-in{animation:roll-in 2s ease infinite}@keyframes roll-in{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}.roll-out{animation:roll-out 2s ease infinite}@keyframes roll-out{0%{opacity:1;transform:translateX(0) rotate(0deg)}to{opacity:0;transform:translateX(100%) rotate(120deg)}}.table-prev-container{width:100%;height:350px;overflow-y:auto;overflow-x:auto;margin:0 auto;margin-top:20px;margin-bottom:20px;white-space:nowrap;scrollbar-width:thin;scrollbar-color:#999 #f1f1f1}.table-preview{border:1px solid #ccc;border-collapse:collapse;margin:0;padding:0;min-width:1000px;table-layout:fixed}.table-preview caption{font-size:1.5em;margin:.5em 0 .75em}.table-preview tr{background-color:#f8f8f8;border:1px solid #ddd;padding:.35em}.table-preview td,.table-preview th{padding:.625em}.table-preview thead th{position:sticky;top:-1%;z-index:1;font-size:.85em;letter-spacing:.1em;text-transform:uppercase;background-color:#bdbdbd}@media screen and (max-width:600px){.table-preview{border:0}.table-preview caption{font-size:1.3em}.table-preview thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.table-preview tr{border-bottom:3px solid #ddd;display:block;margin-bottom:.625em}.table-preview td{border-bottom:1px solid #ddd;display:block;font-size:.8em;text-align:right}.table-preview td:before{content:attr(data-label);float:left;font-weight:700;text-transform:uppercase}.table-preview td:last-child{border-bottom:0}}.error-validation{position:relative;font-size:9pt;color:red;margin-top:-10px}#checkbox{display:none}.toggle{position:relative;width:35px;cursor:pointer;margin:auto;display:block;height:35px;right:10px}.bar{position:absolute;left:0;right:0;height:4px;border-radius:2px;background:var(--red);color:inherit;opacity:1;transition:none .3s cubic-bezier(.5,-.35,.35,1.5) 0s}.bar--top{bottom:calc(50% + 13px);transition-property:bottom,transform;transition-delay:.35s,0s}.bar--middle{top:calc(50% - 2px);transition-property:opacity;transition-delay:.35s}.bar--bottom{top:calc(50% + 13px);transition-property:top,transform;transition-delay:.35s,0s}#checkbox:checked+.toggle .bar--top{bottom:calc(50% - 2px);transform:rotate(135deg);transition-delay:0s,.35s}#checkbox:checked+.toggle .bar--middle{opacity:0;transition-duration:0s;transition-delay:.35s}#checkbox:checked+.toggle .bar--bottom{top:calc(50% - 2px);transform:rotate(225deg);transition-delay:0s,.35s}.capsule-success{background:var(--blue)}.capsule-pending,.capsule-success{padding:5px 15px;border-radius:50px;color:var(--white)}.capsule-pending{background:var(--themedark)}.capsule-theme{background:var(--green)}.capsule-danger,.capsule-theme{padding:5px 15px;border-radius:50px;color:var(--white)}.capsule-danger{background:var(--red)}.capsule-expired{background:var(--purple)}.capsule-expired,.capsule-warning{padding:5px 15px;border-radius:50px;color:var(--white)}.capsule-warning{background:var(--orange)}.capsule-partial{background:var(--partial)}.capsule-partial,.capsule-rejected{padding:5px 15px;border-radius:50px;color:var(--white)}.capsule-rejected{background:var(--redreject)}.paginate-active{color:var(--dark)}.paginate-unactive{color:var(--light)}.search-container{position:absolute;top:0;right:0;width:250px;height:100%;border:1px solid var(--light);border-radius:5px;padding:0;overflow:hidden}.revise-note,.revised-note{width:95%;margin:0 auto;padding:10px;text-align:start;float:left}.revised-note{border:1.5px solid var(--yellowhover);background-color:#ffeddc}.qty-update{background-color:#fff8c4;font-weight:700;color:#333;border-left:3px solid #f7d308;border-right:3px solid #f7d308;transition:background-color .3s ease,color .3s ease}.qty-update:hover{background-color:#ffef99;color:#000}.modal-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;justify-content:center;align-items:center}.modal-dialog{width:90%;max-width:800px;height:90%;max-height:850px;border-radius:5px;overflow-y:scroll}.modal-dialog,.modal-dialog-po{position:relative;background:var(--white);display:flex;flex-direction:column;justify-content:start;align-items:center;overflow-x:hidden}.modal-dialog-po{width:96%;height:96%;overflow-y:auto}.theme-scroll{--sb-track-color:#fff;--sb-thumb-color:var(--themecolor);--sb-size:9px;scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}.theme-scroll::-webkit-scrollbar{width:var(--sb-size)}.theme-scroll::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:10px}.theme-scroll::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:10px}.modal-title{font-size:20pt;margin-top:20px;font-weight:700;color:var(--dark)}.modal-content{width:90%}.form-input{width:94%;height:36px;border-radius:5px;border:1.5px solid #dfdfdf;background:#f9f9f6;padding:0 10px}.text-input{width:96%;height:10%;border-radius:5px;border:none;border:1.5px solid var(--canvas);background:#f9f9f6;padding:10px 2%}.select-input{width:100%;height:40px;border-radius:5px;border:1px solid var(--canvas);padding:0 5%}.image-input{position:relative;width:90%;height:320px;border-radius:5px;color:var(--light);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:80pt}.image-input .image-add{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:3;cursor:pointer}.image-input .image-select-title{font-size:18pt;font-family:Costpretty,sans-serif;font-weight:700}.image-input .image-name{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:90%;text-align:center;font-size:10pt;margin-top:100px}.image-input .preview{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.row{display:flex;flex-direction:row;flex-wrap:wrap}.btn-remove{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:1001}.receipe-box{width:100%;max-height:300px;margin-top:20px;border-radius:5px;margin-bottom:20px;overflow-x:hidden;overflow-y:scroll}.btn-close{position:absolute;top:5px;right:10px;font-size:26pt;cursor:pointer;transition:all .5s ease}.btn-close:hover{font-size:29pt}.form-group{width:50%;display:flex;flex-direction:column;gap:5px}.form-group .form-label{margin-top:10px;font-size:11pt}.form-group span{font-size:9.5pt;color:red}.confirm-wrapper{position:absolute;top:20px;right:25px;width:50%;border-radius:3px;display:flex;flex-direction:row;justify-content:end;gap:10px}.stamp-container{position:absolute;top:10px;right:50px;font-size:50pt;font-weight:600;color:var(--green);z-index:10;opacity:.5}.stamp-logo{-o-object-fit:contain;object-fit:contain;width:200px}.warning-contract{width:100%;height:70px;border:1px solid var(--red);cursor:pointer;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--dark);text-decoration:none;line-height:25px}.warning-contract:hover{background:var(--orangelight)}.warning-content{width:96%;height:80%;font-weight:400;font-family:Noto Sans Lao,sans-serif;display:flex;flex-direction:column}.table-navigation{position:relative;width:100%;gap:25px;margin-bottom:10px}.export-wrapper,.table-navigation{display:flex;flex-direction:row;flex-wrap:wrap}.export-btn{padding:0 10px;height:39px;color:#404040;font-weight:700;border:1px solid #cacaca;background:linear-gradient(#fff,#e3e3e3);font-size:10pt;display:flex;justify-content:center;align-items:center;cursor:pointer}.export-btn:hover{border:1px solid #cacaca;background:var(--red);color:#fff}.submit-btn{padding:0 10px;height:39px;font-size:10pt;font-weight:700;color:#fff;border:1px solid #50c878;background:linear-gradient(#50c878,#3c9e6f);display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:8px;transition:all .3s ease-in-out}.submit-btn:hover{border:1px solid #50c878;background:linear-gradient(#3c9e6f,#50c878);color:#fff}.submit-btn:active{transform:scale(.98);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.submit-btn:disabled{background:#b0b0b0;color:#fff;border:1px solid #999;cursor:not-allowed}.items-box{position:relative;width:97%;margin:0 auto;height:185px;display:flex;flex-direction:row;justify-content:space-between;padding:0}.items-box-right{position:relative;width:60%;margin-top:20px;overflow-y:scroll;border:1px solid var(--light);border-radius:5px;--sb-track-color:#c3c3c3;--sb-thumb-color:#0da487;--sb-size:9px;scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}.items-box-right::-webkit-scrollbar{width:var(--sb-size)}.items-box-right::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:10px}.items-box-right::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:10px}.table-items{position:relative;width:100%;height:100%;border-collapse:collapse;font-size:10pt}.table-items thead{height:30px}.table-items tbody tr,.table-items thead{background:transparent;border-bottom:1px solid var(--light)}.table-items tbody tr{height:25px}.table-responsive{position:relative;width:100%;border-collapse:collapse}.table-responsive thead{height:45px;text-align:center}.table-responsive th,.table-responsive thead,.table-responsive tr{border:none;color:var(--white)}.table-responsive tbody,.table-responsive tbody td,.table-responsive tbody tr{padding:5px 0;text-align:center;font-size:10pt;color:var(--dark)}.table-action{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.stock-out{width:70px;height:35px;border-radius:5px;border:1px solid #d1d1d1;background:var(--canvas)}.warehouse-input{width:90%;height:40px;border-radius:5px}.page-wrapper{position:relative;margin-top:10px;display:flex;flex-direction:row;justify-content:end}.page-wrapper .page{width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-size:10pt;cursor:pointer;color:var(--dark);border:1px solid #cacaca}.page-wrapper .page:hover{background:var(--themecolor)}.page-unactive{background:linear-gradient(#fff,#e3e3e3)}.page-active{background:var(--themecolor);background:linear-gradient(to bottom,var(--themehover),var(--themecolor));border:1px solid #cacaca}.page-prev{border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px solid #cacaca}.page-next,.page-prev{width:80px;height:31px;font-weight:700;text-shadow:1px 1px 0 #fff,-1px -1px 0 #a1a1a1;background:linear-gradient(#fff,#e3e3e3);font-size:10pt;display:flex;justify-content:center;align-items:center;cursor:pointer}.page-next{border-top-right-radius:5px;border-bottom-right-radius:5px;border:1px solid #cacaca}.select-box{width:15px;height:15px}.profile-split{width:100%;display:flex;flex-direction:row}.profile-left{width:80%;display:flex;flex-direction:column;gap:20px}.profile-input{position:relative;display:flex;flex-direction:row;align-items:center;height:40px;font-size:12pt;color:var(--light);font-family:Verdana,Geneva,Tahoma,sans-serif}.profile-right{width:20%;display:flex;flex-direction:column}.profile-img{width:90%;height:220px;margin:0 auto;background:var(--canvas);border-radius:5px}.filter-wrapper{position:absolute;top:0;right:0;height:100%}.filter-wrapper,.sort-item{display:flex;flex-direction:row}.sort-item{position:relative;width:100%;height:50px;margin:0 auto;align-items:center;cursor:pointer;background:var(--canvas);gap:5px}.sort-active,.sort-item:hover{background:var(--orangelight)}.filter-dialog{position:relative;width:150px;height:auto;box-shadow:.5px .3px .3px rgba(0,0,0,.024),1.6px 1.1px .9px rgba(0,0,0,.032),7px 5px 4px rgba(0,0,0,.05);display:flex;flex-direction:column;font-size:10pt}.filter-dialog .checkmark{font-size:13pt;font-weight:700;margin-left:5px;margin-top:-3px}.error-form{font-size:10pt;color:var(--red)}.back-logo{position:absolute;top:25svh;left:50%;transform:translateX(-50%);width:50%;z-index:0;filter:grayscale(100%);opacity:.08}.user-creator{width:25px;height:25px;-o-object-fit:cover;object-fit:cover;cursor:pointer;transition:.5s ease}.user-creator:hover{transform:scale(1.1)}.panel-track{width:100%;height:700px}.floating-track{position:absolute;top:0;right:20px;width:30%;max-width:600px;height:90%;background:#fff;border-radius:5px;border:1px solid var(--canvas);box-shadow:7px 7px 8px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;padding:25px 20px;gap:20px}.floating-group{display:flex;flex-direction:row;gap:25px;align-items:center}.dashed-track,.track-desc{display:flex;flex-direction:column}.dashed-track{position:relative;align-items:center}.circle-track{width:10px;height:10px;border-radius:50%}.circle-uncompleted{background:var(--light)}.circle-completed{background:var(--orange)}.blinking{animation:blinking 1s ease infinite}@keyframes blinking{0%{background:var(--light)}50%{background:var(--orange)}to{background:var(--light)}}.line-track{width:1px;height:30px;background:var(--lightgray)}.line-uncompleted{background:var(--light)}.line-completed{background:var(--orange)}.float-title{font-size:14pt;font-family:Lexend,sans-serif;font-weight:600}.tracking-status{font-size:11pt;color:var(--light);font-family:Ubahn,sans-serif}.tracking-user{font-size:14pt}.tracking-department,.tracking-user{color:var(--dark);font-family:Ubahn,sans-serif}.tracking-department{font-size:12pt}.tracking-time{width:30%;display:flex;flex-direction:column;gap:5px}.tracking-product-image{width:50px;height:50px;border:1px solid gray;border-radius:5px;overflow:hidden;display:flex;align-items:center}.bg-emerald-100{background-color:#ecfdf5}.capsule-ongoing{background-color:#1150fd}.capsule-ongoing,.capsule-primary{color:#fff;padding:5px 15px;border-radius:50px;font-size:.75rem;font-weight:600}.capsule-primary{background-color:#3182ce}.capsule-default{background-color:#6c757d;color:#fff;padding:5px 15px;border-radius:50px;font-size:.75rem;font-weight:600}