.input-icon{position:relative;height:fit-content}.input-icon .input-icon__logo{position:absolute;transform:translate(-50%,-50%);top:50%;left:5%;color:var(--dark2);font-size:1.25rem}.shadow-input{box-shadow:#11111a1a 0 1px}.gray-input{background-color:var(--gray4)!important}.btn--primary{border:1px solid var(--main);background:var(--main);color:var(--white)}.btn--primary:hover,.btn--primary:active{background-color:var(--main-hover)}.btn--neutral{border:1px solid var(--white);background:transparent;color:var(--white)}.btn--neutral:hover,.btn--neutral:active{border-color:transparent;color:var(--main);background-color:var(--white)}.btn--secondary{border:1px solid var(--main);background:var(--white);color:var(--main);box-shadow:#1b1f230a 0 1px,#ffffff40 0 1px inset}.btn--secondary:hover,.btn--secondary:active{background-color:var(--main);color:var(--white)}.btn--border{border:1px solid var(--black);color:var(--black);box-shadow:#1b1f230a 0 1px,#ffffff40 0 1px inset}.btn--border:hover{background-color:var(--black);color:var(--white)}.btn--border-red{border:1px solid var(--main-hover);color:var(--main);box-shadow:#1b1f230a 0 1px,#ffffff40 0 1px inset}.btn--border-red:hover{background-color:var(--main);color:var(--white)}.btn--border.half{width:85%;margin:auto}.btn--green{background-color:var(--success-main);border:1px solid var(--success-main);color:var(--white)}.btn--green:hover,.btn--green:active{background-color:#288a44;border:1px solid #288a44}.btn--loader{display:none;width:1em;height:1em;border-radius:50%;position:relative;animation:btn-rotate 1s linear infinite;transition:all .3s ease}.btn--loader:before{content:"";box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #fff;animation:prixClipFix 2s linear infinite}@keyframes btn-rotate{to{transform:rotate(360deg)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;transition:all .3s ease-in}.hidden{visibility:hidden;opacity:0}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:60rem;box-shadow:0 4rem 6rem #0000004d;z-index:103;transition:all .2s;background-color:var(--white);border-radius:.75rem}.modal .add-inventory-modal{width:100%}.modal .item-qty-modal,.modal .waste-qty-modal{width:30rem;padding:2rem 2rem 1.25rem}.modal .item-qty-modal #form-quantity-input,.modal .waste-qty-modal #form-quantity-input{border:1px solid #dfdfdf}.modal .item-qty-modal #form-quantity-input:focus,.modal .waste-qty-modal #form-quantity-input:focus{border-color:var(--main)}.modal .item-qty-modal .actions-container,.modal .waste-qty-modal .actions-container{display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.modal .item-qty-modal .actions-container button,.modal .waste-qty-modal .actions-container button{width:auto;padding:.75rem 1rem;font-size:.9rem;line-height:120%}.modal .item-qty-modal input[type=number],.modal .waste-qty-modal input[type=number]{margin:.5rem 0 .75rem;padding:.75rem}.modal .item-qty-modal .item-header-modal .icon,.modal .waste-qty-modal .waste-header-modal .icon{width:2.5rem;height:2.5rem;background:#f3f4f6;display:flex;justify-content:center;align-items:center;font-size:1.25rem;color:var(--dark1);border-radius:100%}.modal .item-qty-modal .item-header-modal h3,.modal .waste-qty-modal .waste-header-modal h3{gap:.5rem;font-size:1rem;font-weight:700;color:var(--dark1);line-height:1rem}.modal .item-qty-modal .item-header-modal span,.modal .waste-qty-modal .waste-header-modal span{color:var(--dark2);font-size:.9rem}.modal__loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;z-index:10}.modal__loader.active{display:block}.modal-no-header{padding:3rem;text-align:center;position:relative}.otp.modal-no-header,.email.modal-no-header{padding:2.5rem}.otp.modal-no-header .form,.email.modal-no-header .form{padding:0}.email.modal-no-header{min-width:30rem}.modal-no-header.confirmation{padding:1.75rem 2rem;max-width:33rem}.modal__warning-msg{color:var(--error-main);background-color:#faede4;padding:.75rem 1.5rem;position:relative;margin-top:.25rem;border-radius:4px}.modal__warning-msg:after{content:"";position:absolute;top:0;left:0;height:100%;width:6px;background-color:var(--notice-main)}.modal__warning-msg p{text-align:left}.modal__confirmation-container .msg{text-align:left;font-weight:500;font-size:.95rem;margin-top:1rem;margin-bottom:.5rem}.modal__warning-msg>div{color:#f10b0b;display:flex;align-items:center;gap:.25rem}.modal__warning-msg .warning-desc{color:#662500;font-size:.9rem}.modal__warning-msg>div>p{color:#f10b0b;font-weight:500;font-size:1rem}.modal__warning-msg>div>i{font-size:.95rem}.modal__confirmation-container .actions-container{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:1rem}.modal__confirmation-container .actions-container>button{width:auto;padding:.75rem 2rem;font-size:.9rem;line-height:120%}.modal-no-header div.close-modal{position:absolute;right:2%;top:2%;font-size:1.35rem;cursor:pointer;color:var(--black);transition:all .3s ease}.modal-no-header div.close-modal:hover{color:var(--main);transform:rotate(90deg)}.modal-no-header.result{padding:2.5rem 1.5rem;min-width:21rem;max-width:24rem}.modal__header{padding:1.25rem;display:flex;align-items:center;gap:.25rem;font-size:1.125rem;font-weight:600;line-height:1.25rem;letter-spacing:.0136rem;color:var(--black);border-bottom:1px solid var(--gray2);position:relative}.modal__header i{font-size:1rem}.modal__header .close-modal{position:absolute;right:2%;top:50%;transform:translate(-50%,-50%) rotate(0);cursor:pointer;color:var(--black);transition:all .1s ease}.modal__header .close-modal i{pointer-events:none;font-size:1.45rem}.modal__header .close-modal:hover{color:var(--main);transform:translate(-50%,-50%) rotate(90deg)}.modal__content{transition:all .2s}.modal__content h3{font-size:1.25rem;line-height:100%;color:var(--black)}.modal__content h3.result__message{margin-bottom:.5rem}.modal__content p{color:var(--dark1);font-size:1rem;line-height:1.5rem}.modal__content p span{font-weight:600}.modal__content .inputs-container{margin:1.25rem 0}.modal__content .otp .inputs-container{margin:1rem 0}.modal__content .email .inputs-container,.modal__content .otp .inputs-container{margin:0;margin-top:1rem;margin-bottom:.5rem}.modal__content .otp-input{border:1px solid var(--gray2);text-align:center;max-width:3.25rem;font-size:1.25rem;width:100%}.modal__content .actions-container p{color:var(--dark1);font-size:.95rem;margin-top:.5rem}.modal__content .actions-container p span{color:var(--main);font-weight:600;cursor:pointer}.modal__content .actions-container p span:hover{text-decoration:underline}.success{color:var(--success-main)}.modal__content img{width:9rem}.modal__message{margin:1rem 0 1.75rem}.modal__message p{font-size:1rem;line-height:1.25rem}.modal .photo-viewer .modal__body{max-width:40vw;min-width:20vw;height:75vh;background:var(--gray3)}.modal .photo-viewer img{width:100%;height:100%;object-fit:contain}.modal__body{padding:1rem}.form{padding:1.5rem}.form.change-pass-form{padding:0;max-width:22rem}.form.change-pass-form .icon{border:1px solid var(--gray2);width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:14px;margin:auto}.form.change-pass-form h3{font-weight:500;margin:.65rem 0 1rem}.form.change-pass-form p{font-size:.9rem;color:var(--gray1)}.form.change-pass-form #change-pass-btn{font-size:1rem;line-height:1rem;border-radius:5px}.form__label{margin-bottom:.25rem;display:inline-block;font-size:.9rem;line-height:120%;font-weight:400;color:var(--black);position:relative}.form__label.required:after{content:"*";font-size:1rem;color:var(--main);position:absolute}.form input,.form select{padding:.75rem .5rem;font-size:.95rem}.form-input-spacing{margin-bottom:.65rem}.add-inventory-modal .form-actions,.recommendation-modal .form-actions{padding:1rem 0;margin:0}.form-actions{margin-top:1.5rem;display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.form-actions button{width:auto;padding:.75rem 1.5rem;font-size:1rem;line-height:1rem;border-radius:8px}.form .info{display:flex;align-items:center;gap:.25rem;margin-bottom:1.25rem;font-size:.8rem;line-height:1;color:var(--notice-main)}.form .info i{font-size:.9rem;color:var(--notice-main)}.flex{display:flex;align-items:center}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{flex-direction:column}.gap{gap:.5rem}.gap-1{gap:1rem}.gap-2{gap:1.25rem}.card{border-radius:12px;background:#fff;box-shadow:#0000001a 0 1px 2px}.card.padding{padding:2rem 1.5rem}.card__header{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:1.5rem}.card__header h4,.card__header-border h4{font-size:1.125rem;font-weight:700;line-height:.9098rem;letter-spacing:.0136rem;color:var(--black)}.card__header p.sub{font-size:.85rem;font-style:italic;margin-top:.25rem;letter-spacing:-.08px;color:var(--gray1)}.card__header p.action{color:#007aff;font-size:.8rem;cursor:pointer;line-height:100%;font-weight:500;letter-spacing:.85px;transition:all .3s ease}.card__header p.action:hover{text-decoration:underline}.card__header-border{padding:1.5rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--gray4)}.card__header-border .action-container{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.card__header-border .action-container button{border-radius:.2234rem;padding:.65rem;font-size:.8rem;line-height:100%;font-weight:600;gap:.5rem;width:auto}.card__header-border .action-container button i{font-size:.85rem;line-height:120%}.main-wrapper{display:flex}.content-wrapper{flex:1;padding-bottom:1rem}.main-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:1rem 2rem;gap:.5rem}.main-grid2{display:grid;grid-template-columns:repeat(7,1fr);padding:1rem 2rem;gap:1rem}.main-content-span{grid-column:span 2}.sub-content-span{grid-column:span 1}.main-content-span2{grid-column:span 5}.sub-content-span2{grid-column:span 2}.main-content-span .main-content-span.padding-right{padding-right:1rem}.main-padding{padding:1rem 3rem}span.label{display:block;font-size:.8rem;line-height:1.57;font-weight:400;color:var(--dark2)}p.output{font-size:.95rem;line-height:1.5;font-weight:400;color:var(--black);word-wrap:break-word;word-break:break-all}.status{display:flex;align-items:center;gap:.5rem}.status.center{justify-content:center}.status span{display:block;height:.8em;width:.8em;border-radius:100%}.gray span{background-color:var(--dark3)}.yellow span{background-color:#fc0}.green span{background-color:var(--success-main)}.orange span{background-color:var(--notice-main)}.blue span{background-color:var(--blue-main)}.blue2 span{background-color:var(--bluegreen-main)}.red span{background-color:#f10b0b}.w5{width:5%}.w10{width:10%}.w15{width:15%}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w35{width:35%}.w40{width:40%}.w45{width:45%}.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}@keyframes barStripe{0%{background-position:1em 0}to{background-position:0 0}}.table-loader{width:100%;height:4.8px;display:none;position:relative;background:rgba(187,181,181,.15);overflow:hidden}.table-loader:after{content:"";width:180px;height:4.8px;background:var(--accent);position:absolute;border-radius:6px;top:0;left:0;box-sizing:border-box;animation:animloader 2s linear infinite}@keyframes animloader{0%{left:0;transform:translate(-100%)}to{left:100%;transform:translate(0)}}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--white);z-index:104;transition:all .2s ease-in;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem}.page-loader .icons{display:flex;align-items:center;gap:.5rem}.page-loader .icon{animation:bounce .6s infinite;animation-timing-function:ease;animation-direction:alternate}.page-loader .icon:nth-of-type(1){animation-delay:.1s}.page-loader .icon:nth-of-type(2){animation-delay:.15s}.page-loader .icon:nth-of-type(3){animation-delay:.19s}.page-loader .icons svg{width:1.5rem;height:1.5rem}@keyframes bounce{0%{transform:translateY(15px)}to{transform:translateY(-15px)}}.page-loader-animation{width:6.5rem;height:3px;position:relative;background:#f3f3f3;overflow:hidden;border-radius:5px}.page-loader-animation:after{content:"";box-sizing:border-box;width:0;height:3px;background:var(--main);position:absolute;top:0;left:0;animation:animFw 2s linear infinite}@keyframes animFw{0%{width:0}to{width:100%}}.page-loader .txt{color:var(--white);text-align:center;text-transform:uppercase;letter-spacing:.3rem;font-weight:700;line-height:1.5}.spinner{width:5rem;height:5rem;background-image:url(https://franchise.mastersiomai.ph/build/assets/small-logo-dc0129fa.png);background-size:contain;border-radius:100%}@-webkit-keyframes scaleOut{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1);opacity:0}}@keyframes scaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.content__loader{width:2.75rem;height:2.75rem;border:4px dotted var(--main);border-radius:50%;animation:rotation 2s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.receipt{max-width:26rem;position:relative;background-color:var(--white);min-height:10rem;padding:4rem 2rem;--mask: conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top/30px 51% repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom/30px 51% repeat-x;-webkit-mask:var(--mask);mask:var(--mask);border-left:1px solid #e1e5e7;border-right:1px solid #e1e5e7;box-shadow:#0000001a 0 1px 2px;margin:auto;transition:all .3s ease-in-out}.receipt__header{text-align:center;padding-bottom:1rem;border-bottom:1px solid var(--gray2)}.receipt__reference.no-padding{padding:.25rem}.receipt__reference .qr-container{margin-top:1rem;margin-bottom:1rem;display:none}.receipt__reference .qr-container #qr{justify-content:center;display:flex;align-items:center}.receipt__header .icon{background-color:var(--black);width:5.5rem;height:5.5rem;padding:.25rem;border-radius:100%;display:flex;align-items:center;justify-content:center;margin:auto}.receipt__header .icon-2{font-size:7rem;color:#fc0}.receipt__header .icon img{width:100%;height:100%;object-fit:contain}.receipt__header h3{font-size:1.5rem;line-height:150%;color:var(--black)}.receipt__header h2{font-size:1rem;color:var(--dark1)}.receipt__header h5{font-size:.95rem;line-height:1.125rem;color:var(--black);font-weight:400;margin-top:.5rem}.receipt__header h5 span{font-weight:600}.receipt__header p{font-size:.9rem;color:var(--dark1)}.receipt__reference{padding-top:1.25rem;padding-bottom:.25rem;text-align:center}.reference__qr{width:8rem;height:8rem;margin:auto}.reference__qr img{width:100%;height:100%;border-radius:6px}.reference__number h3{font-size:1rem;margin-bottom:.125rem}.reference__number{margin-top:.5rem;padding:1rem .5rem;border:2px solid var(--main);border-radius:6px;text-transform:uppercase;font-size:1.45rem;line-height:1.65rem;font-weight:600;color:var(--main)}.receipt__amount-to-pay{margin-top:.5rem}.receipt__amount-to-pay h3{font-size:1rem;font-weight:500;color:var(--black)}.receipt__amount-to-pay>div{font-size:1.75rem;line-height:2rem;font-weight:700;color:var(--black)}.receipt__details li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--gray2);padding:.65rem 0}.receipt__details .items-label{border-bottom:none;padding:0;padding-top:.65rem}.receipt__details .items-list{padding:0;border-bottom:none;display:block}.receipt__details .items-list li{padding:.45rem 0;width:100%}.receipt__details .items-list li:last-of-type{border-bottom:none}.receipt__details li .output{display:block;font-size:.8rem;line-height:1.57;font-weight:600;color:var(--dark1)}.receipt__details .total{border-top:2px solid var(--gray2);border-bottom:1px solid var(--gray2);padding:.75rem 0}.receipt__details .total .label,.receipt__details .total .output{font-size:1rem;font-weight:600}.receipt__footer{padding:1rem 0;display:flex;flex-direction:column;align-items:center;gap:3rem}.receipt__footer>div{width:100%}.receipt__footer h3{text-align:center;font-size:.95rem;color:var(--black);font-weight:400}.receipt__footer h3 span{font-weight:600}.receipt__footer p{text-align:center;font-size:.8rem;font-weight:600;color:var(--dark2)}.receipt__footer p span{color:var(--main)}.receipt__footer button:last-of-type{margin-top:.5rem;margin-bottom:3rem}.receipt__footer .footer__img{text-align:center}.receipt__footer .footer__img img{width:1rem;margin:auto;display:block}.receipt__footer .footer__img span{font-size:.7rem;margin-top:.5rem}.stepper-label{display:flex;justify-content:space-around;margin-bottom:.75rem;position:relative;z-index:1}.stepper-label .step{display:flex;align-items:center;gap:.25rem;color:#bfbfbf;position:relative;background-color:var(--white)}.stepper-label .step:not(:first-of-type):before{content:"";position:absolute;width:50%;right:102%;height:.2px;background-color:#bfbfbf;z-index:-1}.stepper-label .step p{border:1px solid var(--gray2);height:1.5rem;width:1.5rem;border-radius:100%;text-align:center;background-color:var(--gray2);line-height:1.5rem;font-size:.85rem;font-weight:500;transition:all .1s;color:var(--dark2)}.stepper-label .step span{line-height:1.8rem;font-size:.85rem;transition:all .1s}.stepper-label .step.current p{background-color:var(--white);color:var(--black);border-color:var(--main)}.stepper-label .step.current span{color:var(--black)}.stepper-label .step.done p{background-color:var(--main);color:var(--white)}.stepper-label .step.done span{color:var(--black)}.stepper-content{position:relative;overflow:hidden}.stepper-content .step-content{position:absolute;top:0;width:100%;visibility:hidden;opacity:0;pointer-events:none;transition:all .1s}.stepper-content .step-content.current{pointer-events:unset;position:relative;visibility:visible;opacity:1}.stepper-content .heading,.summary .heading{margin:1rem 0;font-weight:600;font-size:1.125rem;line-height:1.5;color:var(--black)}.stepper-content .sub-heading{margin:.5rem 0;font-weight:400;font-size:1rem;line-height:1.5;color:var(--black)}.stepper-content .sub-heading span{font-weight:600;color:var(--main)}.stepper-content__nav{display:flex;align-items:center;justify-content:space-between;margin-top:1.25rem}.stepper-content__nav button{border-radius:.2234rem;padding:.8rem 1.25rem;font-size:.8rem;line-height:100%;font-weight:600;min-width:64px;width:auto;text-transform:capitalize}.methods .method{border-radius:12px;border:1px solid var(--gray2);background:#fff;padding:1rem;cursor:pointer}.method__header{display:flex;align-items:center;gap:.5rem;color:var(--dark4);transition:all .2s ease}.methods .method.disabled,.method__channel .channel.disabled{position:relative;pointer-events:none;-webkit-user-select:none;user-select:none}.methods .method.disabled:hover,.method__channel .channel.disabled:hover{cursor:not-allowed;-webkit-user-select:none;user-select:none}.methods .method.disabled:after,.method__channel .channel.disabled:after{content:"NOT AVAILABLE";position:absolute;z-index:2;pointer-events:none;cursor:not-allowed;top:0;left:0;border-radius:12px;background-color:#00000080;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600}.methods .method:not(.disabled):hover{border:1px solid var(--table-hover);background-color:#ff000009}.methods .method:not(.disabled):hover .method__icon{color:var(--main)}.methods .method:not(.disabled):hover .method__details h4{color:#000}.methods .method:not(.disabled):hover .method__details p{color:var(--dark1)}.methods .method:not(:last-of-type){margin-bottom:.75rem}.method__icon{width:3rem;height:3rem;color:var(--dark2);font-size:2.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.method__details h4{font-size:1.125rem;font-weight:600;line-height:102.5%}.method__details p{font-size:.9rem;font-weight:400;line-height:1.5rem}.method__channel{padding:1rem 0;display:none;transition:all .5s}.method__channel .channel{display:flex;align-items:center;gap:.5rem;color:var(--dark2);transition:all .2s ease;border:1px solid var(--gray2);padding:.75rem 1rem;border-radius:12px;background-color:var(--white)}.method__channel .channel:first-of-type{margin-top:1rem}.method__channel .channel:not(:last-of-type){margin-bottom:.75rem}.method__channel .channel:hover{box-shadow:#2123261a 0 10px 10px -10px;color:#000}.method__channel .channel__icon{width:7rem;height:5rem;padding:4px;border:1px solid var(--gray2);border-radius:12px;flex-shrink:0}.method__channel .channel__details p{font-size:.9rem;font-weight:400;line-height:1.25rem}.method__channel .channel__details h4{font-size:1.125rem;font-weight:600;line-height:1.5rem}.method__channel .channel__icon img{width:100%;height:100%;object-fit:contain}.payment-channel .channel__icon{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.payment-channel .channel__icon>div{width:6rem;height:3rem;border-radius:4px;border:1px solid var(--gray3);padding:.25rem}.payment-channel .channel__icon>div img{width:100%;height:100%;object-fit:contain}.channel__inputs{margin-top:1rem}.channel__inputs .container-2{display:flex;align-items:center;gap:1rem}.channel__inputs .container-1>div:not(:first-of-type){margin-top:.5rem}.channel__inputs .container-2>div{width:100%;margin:.5rem 0}.channel__inputs .input-logo{position:relative}.channel__inputs .input-logo input{padding:.65rem;font-size:1rem}.input-logo__icon{position:absolute;transform:translate(-50%,-50%);top:50%;right:2%}.input-logo__icon svg{width:1rem;height:1rem}.channel__posting{display:flex;align-items:center;gap:1rem;background-color:#f6f6f6;padding:1rem;border-radius:6px;border:1px solid var(--gray3)}.channel__posting .icon{width:22%;height:6rem;border-radius:4px;overflow:hidden;border:1px solid var(--gray3)}.channel__posting .icon-2{width:25%;height:5rem;border-radius:4px;overflow:hidden;border:1px solid var(--gray3);display:flex;align-items:center;background-color:var(--white)}.channel__posting .icon-2 img{width:50%;object-fit:contain}.channel__posting .icon-2 img:first-of-type{border-right:1px solid var(--gray3)}.channel__posting .icon img{width:100%;height:100%}.channel__posting .posting__details{flex:1}.channel__posting .posting__details li{display:flex;align-items:center;gap:3rem;font-size:.9rem}.channel__posting .posting__details li:not(:last-of-type){margin-bottom:.5rem}.channel__posting .posting__details li>div{width:30%}.channel__posting .posting__details li i{color:var(--dark4);width:10%;text-align:center}.channel__posting .posting__details li{font-weight:600;color:var(--dark2)}.channel__posting .posting__details li span{color:var(--dark1)}.partners__header{margin-top:1rem;padding:.85rem;border-radius:8px;text-align:center;border:2px solid var(--gray3);font-size:.95rem;font-weight:600;color:var(--dark1)}.partner__images{margin-top:1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.partner__images img{width:100%;object-fit:contain;border:1px solid var(--gray2);border-radius:4px}.cod-payment .delivery-summary{margin-top:1.5rem}.cod-payment .delivery-summary__items ul li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed var(--gray2);padding:.25rem 0;font-size:.9rem}.cod-payment .delivery-summary__items p,.cod-payment .delivery-summary__option p,.cod-payment .delivery-summary__address p,.cod-payment .delivery-summary__notes{font-size:.9rem}.cod-payment .delivery-summary__items p span{margin-left:.25rem;font-style:italic}.cod-payment .delivery-summary__option,.cod-payment .delivery-summary__address{display:flex;align-items:center;gap:.25rem}.cod-payment .delivery-summary__items h3,.cod-payment .delivery-summary__option h3,.cod-payment .delivery-summary__address h3,.cod-payment .delivery-summary__notes h3{font-size:.9rem;margin:0}.cod-payment .delivery-summary>div{margin-bottom:.7rem}.cod-payment .delivery-summary{color:var(--dark1)}.hwt-modal{padding-bottom:.5rem}.hwt__body{padding:1rem;max-height:70dvh;max-width:40rem;overflow-y:scroll;-webkit-tap-highlight-color:transparent}.hwt__body::-webkit-scrollbar{width:4px;height:4px}.hwt__body::-webkit-scrollbar-thumb{background:var(--black);border-radius:16px}.hwt__body::-webkit-scrollbar-track{background:var(--gray2);border-radius:20px}.hwt__body::-webkit-scrollbar-button{display:none}.instruction-header{margin-top:2rem;font-size:1rem;font-weight:600;padding:.6rem 1rem;border:2px solid var(--main);border-radius:20px;width:fit-content;color:var(--dark1)}.instruction-container{margin-top:1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.instruction .heading{font-size:1rem;text-align:center;color:var(--dark1);display:flex;align-items:center;justify-content:center;gap:.25rem;margin:.5rem 0}.instruction .heading span{font-weight:600;width:1.5rem;height:1.5em;background-color:var(--dark1);border-radius:100%;color:var(--white)}.instruction>div{border:1px dashed var(--gray2);border-radius:4px;padding:1rem;height:20rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.instruction .instruction__img{max-width:8rem;height:10rem}.instruction .instruction__img img{width:100%;height:100%;object-fit:contain}.instruction>div p,.cod-payment p{font-size:.9rem;line-height:120%;text-align:center;font-weight:500;color:var(--dark2)}.cod-description{margin-top:1rem}.cod-description .sub-heading{font-weight:600}.cod-description p{color:var(--dark1);line-height:150%}.cod-payment p{color:var(--dark1);line-height:150%;text-align:left}.instruction>div p span{font-weight:600;color:var(--dark1)}.fc-event-past{background-color:#f1f1f1!important}.table-filter{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.5rem;gap:2rem}.table-filter__search{position:relative;width:30%}.table-filter__search i{pointer-events:none;position:absolute;transform:translate(-50%,-50%);top:50%;left:1.25rem;color:var(--dark2);font-size:.95rem}.table-filter__search input{padding:.6rem 1rem .6rem 2.125rem;border:1px solid var(--gray2);font-size:.9rem}.table-filter__sort{display:flex;align-items:center;gap:1rem;position:relative}.filter-container button{border-radius:.2234rem;padding:.8rem;font-size:.8rem;line-height:100%;font-weight:600;letter-spacing:.85px;width:fit-content}.filter-container{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;position:relative}.filter-container span.label{color:var(--dark1);font-size:.825rem;font-weight:600;display:block;white-space:nowrap}.filter-container i{position:absolute;transform:translate(-50%,-50%);right:1%;top:50%;font-size:.7rem;pointer-events:none;z-index:3}.filter-container input{border:1px solid var(--gray2);color:var(--dark1);border-radius:.2234rem;padding:.5rem .8rem .5rem .5rem;font-size:.9rem;line-height:100%;text-align:center;cursor:pointer}.filter-container.sort__category input{max-width:8rem}.sort__page input{max-width:4.5rem}.header__branch-control.filter-container input{max-width:16rem;background-color:transparent;padding-right:1.25rem}.filter-container.sort__date input{max-width:12rem}.filter-container.sort__status input{max-width:9rem}.filter-container.sort__date input.custom{max-width:unset;padding-right:1.5rem}.filter-container.sort__date .options,.filter-container.custom-sort__date .options{display:flex}.header__branch-control.filter-container .option{white-space:wrap}.filter-container .options{position:absolute;top:-999px;right:0;border:1px solid var(--gray3);text-align:center;background-color:#fff;color:#262626;border-radius:4px;box-shadow:#00000026 0 5px 15px;padding:.5rem 0;pointer-events:none;transition:transform .4s,opacity .4s;z-index:100}.filter-container.active .options{top:50%;-webkit-transform:translateY(18px);-moz-transform:translateY(18px);-o-transform:translateY(18px);transform:translateY(18px);-moz-transition:-moz-transform .4s,opacity .4s;-ms-transition:-ms-transform .4s,opacity .4s;-o-transition:-o-transform .4s,opacity .4s;transition:transform .4s,opacity .4s;pointer-events:unset}.filter-container.active i{transform:translate(-50%,-50%) rotate(180deg)}.filter-container .option{padding:.25rem 2rem;cursor:pointer;font-size:.875rem;line-height:1.57;font-family:Public Sans,sans-serif;font-weight:400;text-transform:capitalize;white-space:nowrap}.filter-container .option:hover,.filter-container .option.selected{background:var(--gray2)}#calendarContainer,#custom-calendarContainer{position:relative;padding:0 .25rem;display:none}#calendarContainer.active,#custom-calendarContainer.active{display:block}#calendarContainer .calendar-inputs,#custom-calendarContainer .calendar-inputs{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}#calendarContainer .calendar-inputs input,#custom-calendarContainer .calendar-inputs input{width:45%;max-width:unset;border:1px solid var(--gray2)}#calendarContainer .calendar-inputs input:focus,#custom-calendarContainer .calendar-inputs input:focus{border:1px solid var(--main)}#calendarContainer .calendar-inputs i,#custom-calendarContainer .calendar-inputs i{position:static;transform:unset;font-size:.85rem}#rangeCalendar,#custom-rangeCalendar{position:relative}.table-container{overflow:auto}.table-container::-webkit-scrollbar{width:4px;height:4px}.table-container::-webkit-scrollbar-thumb{background:var(--black);border-radius:16px}.table-container::-webkit-scrollbar-track{background:var(--gray2);border-radius:20px}.table-container::-webkit-scrollbar-button{display:none}.table{width:100%;border-collapse:collapse;border-radius:6px;border:1px solid var(--gray3)}.table thead tr{border-top:1px solid var(--gray2);border-bottom:1px solid var(--gray2);background:var(--gray3)}.table th{text-align:center;padding:1rem .85rem;color:var(--black);font-size:.95rem;font-weight:500;line-height:125%;letter-spacing:.0096rem;text-transform:capitalize}.table tbody tr{border-top:1px solid var(--gray2);border-bottom:1px solid var(--gray2);transition:all .3s ease;cursor:pointer}.table tbody tr:first-of-type{border-top:0}.table tbody tr:last-of-type{border-bottom:0}.table tbody tr:hover td{border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);background-color:#8f555509}.table td{text-align:center;padding:.75rem;color:var(--black);font-size:.9rem;line-height:125%;letter-spacing:.0096rem;text-transform:capitalize}.table td p{font-size:.9rem;line-height:125%;letter-spacing:.0096rem;text-transform:capitalize}.table-footer{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;padding:1.25rem;border-top:1px solid var(--gray2)}.table-footer li{border:1px solid var(--gray2);padding:.25rem .5rem;border-radius:4px;font-size:.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--gray3);color:var(--dark3);box-shadow:#1b1f230a 0 1px,#ffffff40 0 1px inset;height:1.75rem;transition:all .2s ease-in}.table-footer li:hover,.table-footer li.active{border-color:var(--gray2);background-color:var(--white);color:#000}.table .action-table{display:flex;align-items:center;gap:1rem;justify-content:center}.table .action-table>div{cursor:pointer;transition:all .2s ease}.table .action-table .delete-item{color:var(--main-hover)}.table .action-table i{pointer-events:none;font-size:1.125rem}.table .action-table .delete-item:hover{color:var(--main);transform:translateY(-1px)}.table .action-table .show-logs{color:var(--success-main)}.table .action-table .show-logs:hover{color:var(--success-light);transform:translateY(-1px)}.table .action-table .add-waste{color:var(--main)}.table .action-table .add-waste:hover{color:var(--main-hover);transform:translateY(-1px)}.custom-error-message{font-size:.9rem;line-height:1.25rem;color:#ff4364!important}.custom-field-error{border:1px solid #ff4364!important}.custom-field-success{border:1px solid var(--success-main)!important}#add-initial-product-form .form{width:40rem;max-height:55dvh;overflow-y:auto;scroll-behavior:smooth}#add-initial-product-form .form .notice div{display:flex;align-items:flex-start;justify-content:flex-start;gap:.5rem;padding:.5rem;border-radius:6px;background-color:#ddebfe;border:1px solid #9ac5f4;color:#2b2d33}#add-initial-product-form .form .notice{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem}#add-initial-product-form .form .notice div svg{width:1.125rem;color:#4aa0fd}#add-initial-product-form .form .notice div span{font-size:.85rem;display:block;flex:1}#add-initial-product-form .form::-webkit-scrollbar{width:6px;height:6px}#add-initial-product-form .form::-webkit-scrollbar-thumb{background:var(--black);border-radius:16px}#add-initial-product-form .form::-webkit-scrollbar-track{background:var(--gray2);border-radius:20px}#add-initial-product-form .form::-webkit-scrollbar-button{display:none}#add-initial-product-form .product-input{border:none;color:var(--black);padding:.25rem;padding-left:0;font-size:.95rem}#add-initial-product-form .qty-input{border:none;border-bottom:1px solid var(--gray2);border-radius:0;padding:.25rem;color:var(--black);font-size:.95rem;text-align:center;max-width:8rem;margin:auto}#add-initial-product-form .qty-input:focus{border-color:var(--main);box-shadow:#2123261a 0 10px 10px -10px}#add-initial-product-form .input-wrapper>div,#add-initial-product-form .input-heading-wrapper{margin:.75rem 0;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}#add-initial-product-form .input-wrapper>div:hover .product-input-container input{color:var(--main)}#add-initial-product-form .input-wrapper .col2,#add-initial-product-form .input-heading-wrapper .col2{grid-column:span 2}#add-initial-product-form .label-container{position:relative;display:flex;align-items:center;gap:.25rem}#add-initial-product-form .label-container.amount p,#add-initial-product-form .adjustment-wrapper p{font-size:.95rem}#add-initial-product-form .input-container .product-input-container{width:50%}#add-initial-product-form .form__label{margin:0;width:100%;text-align:center;font-weight:500}#add-initial-product-form .label-container span{text-transform:capitalize;font-size:.9rem;color:var(--dark2)}#add-initial-product-form::-webkit-scrollbar{display:none}.add-inventory-modal .form-actions,.recommendation-modal .form-actions{border-top:1px solid var(--gray2);padding:1rem}.form.change-pass-form .inputs-container{margin-bottom:.5rem;gap:.5rem}#price-form{min-width:500px}#price-form .item-column{margin-bottom:.5rem;display:flex;gap:1rem}#price-form .item-column>div{width:100%}#price-form .item-column span{display:block}.advisory-modal,.billing-modal{width:50rem}.billing-modal .content{padding:1.5rem 1rem;font-size:.95rem;line-height:1.5rem}.billing-modal .content span{line-height:1rem;color:var(--gray1)}.billing-modal .content p span{color:var(--dark1);font-size:1rem;line-height:1.5rem}.billing-modal .content .col3{display:grid;grid-template-columns:repeat(3,1fr)}.billing-modal .content .col3:nth-child(2){margin:16px 0}.billing-modal .content .col3:nth-child(2){row-gap:16px}.advisory-modal .content{padding:1.5rem 1rem;font-size:.95rem;line-height:1.5rem;max-height:55dvh;overflow-y:auto;scroll-behavior:smooth}.advisory-modal .content h1{margin-bottom:1rem}.advisory-modal .content::-webkit-scrollbar{width:4px;height:4px}.advisory-modal .content::-webkit-scrollbar-thumb{background:var(--black);border-radius:16px}.advisory-modal .content::-webkit-scrollbar-track{background:var(--gray2);border-radius:20px}.advisory-modal .content::-webkit-scrollbar-button{display:none}.advisory-modal .form-actions,.billing-modal .form-actions{display:flex;align-items:center;justify-content:center;padding:1rem;margin-top:0;border-top:1px solid var(--gray2)}@media only screen and (max-width: 1600px){.main-grid,.main-grid2{padding:1rem .5rem;gap:.5rem;grid-template-columns:repeat(12,1fr)}.main-content-span,.main-content-span2{grid-column:span 8}.sub-content-span,.sub-content-span2{grid-column:span 4}.card.padding,.card__header-border{padding:1.5rem 1.25rem}.table-filter{padding:.5rem 1.25rem}.table th,.table td{text-wrap:nowrap}.form.change-pass-form{max-width:20rem}}@media only screen and (max-width: 1024px){.main-grid,.main-grid2{grid-template-columns:repeat(1,1fr);gap:0;padding:2rem}.header__acc-control .filter-container{gap:.25rem;color:var(--white)}.header__acc-control .filter-container span.label,.header__acc-control .filter-container i{display:none}.header__acc-control .filter-container .options{min-width:50vw}.card.padding,.card__header-border{padding:2rem}.table-filter{padding:1rem}.modal .photo-viewer .modal__body{max-width:unset;min-width:unset}#add-initial-product-form .form{max-height:60dvh;max-width:80vw}.advisory-modal,.billing-modal{max-width:80vw}.advisory-modal .content{max-height:60dvh}}@media only screen and (max-width: 768px){.custom-error-message{font-size:.85rem;line-height:1rem}.main-grid,.main-grid2{padding:1rem}.main-wrapper{display:block;padding:0}.content-wrapper{padding:0}.table-filter{flex-direction:column;gap:.5rem}.table-filter__search{width:100%}.table-filter__search input{padding-left:2.25rem}.table-filter__sort{flex-direction:column;gap:.5rem;width:100%}.filter-container.sort__category input{width:100%}.table-filter__sort .filter-container{flex-direction:column;gap:.125rem;width:100%}.table-filter__sort .filter-container span.label{text-align:left;display:block;width:100%}.table-filter__sort .filter-container>div{width:100%}.table-filter__sort .filter-container.sort__category input,.filter-container.sort__date input,.filter-container.sort__status input{width:100%;max-width:100%}.filter-container.active .options{top:55%}.filter-container .options{width:100%}.filter-container .option{padding:.35rem 0}.sort__date .options{flex-direction:column-reverse;gap:.5rem}.sales .table-filter__sort .sort__date.filter-container.active .options,.income-statement .table-filter__sort .sort__date.filter-container.active .options,.logs .table-filter__sort .sort__date.filter-container.active .options,.discounts .table-filter__sort .sort__date.filter-container.active .options,.incident-report .table-filter__sort .sort__date.filter-container.active .options{top:55%;left:0;width:100%}.table-filter__sort .sort__date.filter-container.active .options{top:55%}.modal .item-qty-modal,.modal-no-header.confirmation{padding:2rem}.modal .item-qty-modal{max-width:unset;width:100%;min-width:75vw;padding-bottom:1.5rem}#price-form{min-width:75vw}.stepper-label .step{width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--white)}.stepper-label .step:not(:first-of-type):before{right:75%;z-index:0}.modal{max-width:unset}.modal-no-header.result{max-width:unset;min-width:unset}.modal-no-header.confirmation{max-width:unset}.modal__confirmation-container .actions-container{justify-content:space-between}.modal__confirmation-container .actions-container button{width:50%}#modal__content{max-width:95vw;min-width:60vw}#add-initial-product-form .form,.hwt__body{max-width:unset;width:95vw;padding:1.5rem}.advisory-modal,.billing-modal{max-width:unset;width:95vw}.modal-no-header.result{padding:2.5rem 1.75rem!important}.form.change-pass-form{max-width:unset;width:100%}.card.padding,.card__header-border{padding:1.75rem 1.5rem 1.5rem}.filter-container .option{white-space:unset}.instruction-container{grid-template-columns:repeat(1,1fr);gap:.75rem;margin:0}}@media only screen and (max-width: 600px){.billing-modal .content .col3{display:flex;flex-direction:column}.billing-modal .content .col3:nth-child(2){margin:0}.main-grid,.main-grid2{padding:.75rem .5rem}.card.padding,.card__header-border{padding:1.75rem 1.125rem 1.125rem}.form{padding:1rem}.btn--primary span,.btn--border-red span{display:none}.store-btn-container span,.checkout #submit-btn span,.payment #submit-btn span{display:block}.receipt{max-width:95vw;padding:4rem 1rem}.hwt__body{width:95vw}.methods .method{padding:.9rem}.method__details h4,.method__channel .channel__details h4{font-size:1rem;margin-bottom:.125rem}.method__channel .channel{flex-direction:column}.method__channel .channel:not(:last-of-type){margin:.5rem 0}.method__channel .channel{padding:.75rem}.method__channel .channel__icon{width:100%;height:4rem}.method__channel .channel__details{width:100%}.channel__posting{flex-direction:column}.channel__posting .icon{width:50%;height:50%}.channel__posting{padding:.85rem}.channel__posting .icon img{object-fit:fill}.channel__posting .posting__details li{justify-content:space-between;font-size:.85rem}.card__header p.sub{font-size:.8rem}.modal__header{padding:1.2rem 1rem}#add-initial-product-form .form{max-height:50dvh}#modal__content,#add-initial-product-form .form{min-width:90vw;max-width:95vw}#add-initial-product-form .form{padding:1rem .75rem}.modal-no-header,.email.modal-no-header{min-width:unset;max-width:unset;padding:2.5rem 1.5rem 2rem!important}.modal-no-header.result{padding:2.5rem 1rem!important}.stepper-label{gap:1rem}.stepper-label .step span{display:none}.stepper-label .step:not(:first-of-type):before{right:85%}.stepper-content .heading,.summary .heading{margin-top:.5rem;font-size:1rem}.stepper-content .sub-heading{font-size:.95rem;margin-top:.75rem}.stepper-content__nav{flex-direction:column;gap:.5rem}.stepper-content__nav button,.channel__posting .posting__details{width:100%}}@media only screen and (max-width: 375px){#modal__content,#add-initial-product-form .form{width:95vw}.modal-no-header{padding:2rem 1.25rem!important}.input-icon .input-icon__logo{left:7%}}