@import"https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap";.timePickerWrapper{position:relative;display:flex;flex-direction:column;width:100%;gap:.5rem}.timePickerWrapper label{font-weight:500;font-size:1.4rem;line-height:2.4;margin:.5rem 0}.timePickerWrapper .timePickerTrigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;border:.1rem solid var(--border-color);border-radius:.4rem;background-color:var(--background-color);cursor:pointer;transition:all .2s ease;font-family:Inter Tight,sans-serif;height:2.5rem;font-weight:500;font-size:1.4rem}.timePickerWrapper .timePickerTrigger.open{border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}.timePickerWrapper .timePickerTrigger .placeholder{color:#999}.timePickerWrapper .timePickerTrigger .selected{color:var(--text-color)}.timePickerWrapper .timePickerTrigger svg{color:#666}.timePickerWrapper .timePickerDropdown{position:absolute;top:calc(100% + .5rem);left:0;width:24rem;background:var(--background-color);border:.1rem solid var(--border-color);border-radius:.8rem;box-shadow:0 10px 30px #0000001a;z-index:100;overflow:hidden;display:flex;flex-direction:column}.timePickerWrapper .timePickerDropdown .timePickerColumns{display:flex;height:200px;position:relative;background:var(--background-color)}.timePickerWrapper .timePickerDropdown .timePickerColumns .timeColumn{flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:85px 0;margin:0;list-style:none;scroll-behavior:smooth;position:relative;z-index:2}.timePickerWrapper .timePickerDropdown .timePickerColumns .timeColumn::-webkit-scrollbar{display:none}.timePickerWrapper .timePickerDropdown .timePickerColumns .timeColumn li{height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#888;font-size:1rem;transition:all .2s;-webkit-user-select:none;user-select:none}.timePickerWrapper .timePickerDropdown .timePickerColumns .timeColumn li:hover{color:var(--text-color)}.timePickerWrapper .timePickerDropdown .timePickerColumns .timeColumn li.active{color:var(--primary-color);font-weight:600;font-size:1.1rem}.timePickerWrapper .timePickerDropdown .timePickerColumns .highlightBand{position:absolute;top:50%;left:0;right:0;height:30px;transform:translateY(-50%);background:#0000000a;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);z-index:1;pointer-events:none}.timePickerWrapper .timePickerDropdown .timePickerFooter{display:flex;justify-content:flex-end;gap:.5rem;padding:.8rem 1rem;border-top:.1rem solid var(--border-color);background:var(--bg-color)}.timePickerWrapper .timePickerDropdown .timePickerFooter button{padding:.4rem 1rem;border-radius:.4rem;font-size:1.4rem;font-weight:500;cursor:pointer;transition:all .2s}.timePickerWrapper .timePickerDropdown .timePickerFooter button.cancelBtn{background:transparent;border:1px solid var(--border-color);color:var(--text-color)}.timePickerWrapper .timePickerDropdown .timePickerFooter button.cancelBtn:hover{background:#0000000d}.timePickerWrapper .timePickerDropdown .timePickerFooter button.applyBtn{background:var(--primary-color);border:1px solid var(--primary-color);color:#fff}.timePickerWrapper .timePickerDropdown .timePickerFooter button.applyBtn:hover{opacity:.9}.authLoginPage{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;--border-color: #C9CACF;--accent: #b451fb;--accent-shadow: rgba(180, 81, 251, .352);--black-100: #e7e7e7;--black-200: #d1d1d1;--black-300: #b0b0b0;--black-400: #888888;--black-500: #6d6d6d;--black-600: #5d5d5d;--background-color: #edf2f4;--red-500: #e63946;--red-400: #f3767f;--red-300: #f9a8ae;--red-200: #fcccd0;--red-100: #fef2f3;--red-shadow: rgba(230, 57, 71, .352)}.authLoginPage .formCard{display:flex;flex-direction:column;gap:1rem;border:.18rem var(--border-color) solid;padding:2rem;width:20%;height:max-content;border-radius:.4rem;background-color:var(--background-color)}.authLoginPage .formCard .cardTitle h2{font-size:2.4rem}.authLoginPage .formCard .cardTitle p{font-size:1.4rem;color:var(--black-400)}.authLoginPage .formCard .cardDesc .cardInput{width:95%}.authLoginPage .formCard .cardDesc .cardInput label{font-weight:500;font-size:1.4rem;line-height:2.4;margin:.5rem 0}.authLoginPage .formCard .cardDesc .cardInput input{border:.1rem var(--border-color) solid;background-color:#e9ecef;border-radius:.4rem;outline:0;font-family:Inter Tight,sans-serif;height:2.5rem;font-weight:500;font-size:1.4rem;width:100%;padding:.5rem 1rem;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}.authLoginPage .formCard .cardDesc .cardInput input:focus{border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}.authLoginPage .formCard .cardDesc .cardInput input.error{border:.1rem var(--red-500) solid;box-shadow:0 0 0 .1rem var(--red-shadow)}.authLoginPage .formCard .cardDesc .cardInput p{font-size:1.3rem;color:var(--red-500);margin:.5rem 0;padding:0 .5rem}.authLoginPage .formCard .cardFooter{display:flex;flex-direction:column;gap:1rem}.authLoginPage .formCard .cardFooter a{text-align:right;font-size:1.2rem;text-decoration:underline}.authLoginPage .formCard .cardFooter p{text-align:center;font-size:1.4rem;color:var(--red-500);margin:.5rem 0}:root{font-family:Inter Tight,sans-serif;font-size:62.5%;--background-color: #edf2f4;--border-color: #c9cacf;--offwhite: #adb5bd;--accent: #b451fb;--primary: #b451fb;--accent-shadow: rgba(180, 81, 251, .352);--inactive: #495057;--green-600: #118a5b;--green-400: #118a5b;--green-300: #78ddae;--green-200: #adedca;--green-100: #d4f7e3;--yellow-600: #dd6802;--yellow-300: #ffd166;--yellow-200: #ffdf88;--yellow-100: #fff0c6;--black-100: #e7e7e7;--black-200: #d1d1d1;--black-300: #b0b0b0;--black-400: #888888;--black-500: #6d6d6d;--black-600: #5d5d5d;--accent-100: #fbf5ff;--accent-200: #f5e7ff;--accent-300: #ecd4ff;--accent-400: #c981ff;--accent-500: #b451fb;--accent-600: #a12eef;--red-500: #e63946;--red-400: #f3767f;--red-300: #f9a8ae;--red-200: #fcccd0;--red-100: #fef2f3;--red-shadow: rgba(230, 57, 71, .352);--blue-600: #0266dd;--blue-300: #66b3ff;--blue-200: #88c5ff;--blue-100: #c6e5ff}* ::-webkit-scrollbar{width:.5rem}* ::-webkit-scrollbar-track{background:transparent;width:1rem}* ::-webkit-scrollbar-thumb{background-color:var(--accent-300);border-radius:.4rem}* ::-webkit-scrollbar-thumb:hover{background-color:var(--accent-400)}body{margin:0;background-color:var(--background-color)}h1{font-size:3.2rem;font-weight:700;line-height:1.4;margin:0}h2{font-size:2.8rem;font-weight:600;line-height:1.4;margin:0}h3{font-size:2.4rem;font-weight:600;line-height:1.4;margin:0}h4{font-size:1.6rem;font-weight:600;line-height:1.4}p{font-size:1.6rem;font-weight:500;line-height:1.4;margin:0}button{background-color:transparent;border:0;font-family:Inter Tight,sans-serif;font-weight:500;font-size:1.6rem;padding:.8rem 2rem;cursor:pointer;border-radius:.4rem;transition:.3s ease-in-out}button.icon{padding:0rem;height:3.5rem;width:3.5rem;display:flex;justify-content:center;align-items:center}button.enabled.contained{background-color:var(--accent);color:var(--black-100)}button.enabled.contained:hover{background-color:var(--accent-600);border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}button.enabled.contained:hover:active{transform:scale(.98)}button.enabled.outlined{color:var(--accent);border:.18rem var(--accent) solid}button.enabled.outlined:hover{background-color:var(--accent-200);border-width:.18rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow);color:var(--accent-600)}button.enabled.outlined:hover:active{transform:scale(.98);background-color:var(--accent-300)}button.disabled{cursor:default}button.disabled.contained{background-color:var(--black-200);color:var(--black-400)}button.disabled.outlined{color:var(--black-400);border:.18rem var(--border-color) solid}a{text-decoration:none;color:var(--accent);transition:.3s ease-in-out}a:hover{color:var(--accent-600)}.pill{font-size:1.4rem;display:flex;align-items:center;justify-content:center;gap:.25rem;border-radius:999999px;padding:.2rem .5rem;text-align:center;font-weight:500;text-transform:capitalize}.pill.pending{border:.2rem var(--yellow-300) solid;background-color:var(--yellow-100);color:var(--yellow-600)}.pill.delivered,.pill.completed,.pill.paid,.pill.active{border:.2rem var(--green-300) solid;background-color:var(--green-100);color:var(--green-600)}.pill.cancelled,.pill.failed,.pill.refunded,.pill.rejected{border:.2rem var(--red-300) solid;background-color:var(--red-100);color:var(--red-500)}.pill.processing,.pill.exchanged,.pill.confirmed{border:.2rem var(--blue-300) solid;background-color:var(--blue-100);color:var(--blue-600)}.pill.requested{border:.2rem var(--yellow-300) solid;background-color:var(--yellow-100);color:var(--yellow-600)}.pill.approved,.pill.received{border:.2rem var(--green-300) solid;background-color:var(--green-100);color:var(--green-600)}.productAddPage .pageHeader .headerDesc{display:flex;flex-direction:column}@media(min-width:800px){.productAddPage .pageHeader .headerDesc{flex-direction:row;align-items:center;gap:1rem}}hr{border:none;height:.1rem;padding:0;background-color:var(--border-color)}#root{display:flex;justify-content:space-between;position:relative}nav{width:25rem;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;border-right:.18rem var(--border-color) solid;transition:width .3s ease-in-out}nav.collapsed{width:10rem}nav.collapsed .navHeader .headerBtn button svg{rotate:180deg}nav.collapsed .navLinkCont .navLink{align-items:center}nav.collapsed .navLinkCont .navLink .navLinkItem a,nav.collapsed .navLinkCont .navLink .navParent .parentTitle{justify-content:center;padding:1rem}nav .navHeader{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem;border-bottom:.2rem var(--border-color) solid;height:5rem}nav .navHeader .headerLogo{display:flex;align-items:center;gap:.5rem}nav .navHeader .headerLogo .imgItem{height:2.4rem;aspect-ratio:2/1;background-size:cover;transition:.3s ease-in-out}nav .navHeader .headerLogo .imgItem img{object-fit:contain;height:100%;width:100%}nav .navHeader .headerLogo h1{font-weight:600;white-space:nowrap;overflow:hidden}nav .navHeader .headerBtn button{width:2.8rem;height:2.8rem;padding:0;border:.2rem var(--border-color) solid;border-radius:.4rem;display:flex;justify-content:center;align-items:center}nav .navHeader .headerBtn button svg{transition:rotate .3s ease-in-out}nav .navSearch{padding:1.5rem 1rem;border-bottom:.2rem var(--border-color) solid}nav .navSearch .inputItem,nav .navSearch .field{display:flex;justify-content:center;align-items:center;gap:.5rem;border:.1rem var(--border-color) solid;background-color:#e9ecef;border-radius:.4rem}nav .navSearch .inputItem input,nav .navSearch .field input{background-color:transparent;border:0;outline:0;font-family:Inter Tight,sans-serif;height:3.5rem;font-weight:500;width:80%;font-size:1.4rem}nav .navLinkCont{padding:1rem}nav .navLinkCont .navLinkHeading{font-size:1.4rem;color:var(--offwhite);font-weight:300}nav .navLinkCont .navLink{padding:1rem 0;width:100%;display:flex;flex-direction:column;gap:1rem;overflow-y:hidden;height:calc(100vh - 12rem);overflow-y:scroll;scrollbar-width:none}nav .navLinkCont .navLink ::-webkit-scrollbar{display:none}nav .navLinkCont .navLink .navLinkItem a{display:flex;align-items:center;font-size:1.6rem;color:#000;text-decoration:none;font-weight:500;padding:.5rem 1rem;transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;border-radius:.4rem;border:.1rem transparent solid}nav .navLinkCont .navLink .navLinkItem a .linkHead{display:flex;align-items:center;gap:1rem;flex:1}nav .navLinkCont .navLink .navLinkItem a.active{color:var(--accent);border:.1rem var(--border-color) solid;border-radius:.4rem;background-color:#e9ecef}nav .navLinkCont .navLink .navParent .parentTitle{display:flex;align-items:center;font-size:1.6rem;color:#000;text-decoration:none;font-weight:500;padding:.5rem 1rem;cursor:pointer}nav .navLinkCont .navLink .navParent .parentTitle .linkHead{display:flex;align-items:center;gap:1rem;flex:1}nav .navLinkCont .navLink .navParent .parentTitle .toggleIcon{transition:.1s ease-in-out rotate;rotate:0deg}nav .navLinkCont .navLink .navParent .parentTitle .toggleIcon.open{rotate:90deg}nav .navLinkCont .navLink .navParent .navChildren{display:flex;flex-direction:column;padding:1rem 0 0 4rem;transition:.3s ease-in-out}nav .navLinkCont .navLink .navParent .navChildren .navChild{position:relative;display:flex;align-items:center;gap:.8rem;font-size:1.4rem;color:#000;text-decoration:none;font-weight:500;padding:.5rem 1rem;transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;border-radius:.4rem;border:.1rem transparent solid}nav .navLinkCont .navLink .navParent .navChildren .navChild .childIcon{flex-shrink:0;color:var(--accent);opacity:.6}nav .navLinkCont .navLink .navParent .navChildren .navChild.active{border:.1rem var(--border-color) solid;color:var(--accent);background-color:#e9ecef}nav .navLinkCont .navLink .navParent .navChildren .navChild.active .childIcon{opacity:1}nav .navLinkCont .navLink .navParent .navChildren .navChild.active:before{opacity:1}nav .navLinkCont .navLink .navParent .navChildren .navChild:before{transition:.3s ease-in-out;content:"";position:absolute;background-image:url("data:image/svg+xml,%3csvg%20width='1441'%20height='2437'%20viewBox='0%200%201441%202437'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M89.5%2089.5L89.5%201814.5C89.5%201814.5%20147.889%202259.74%20422.5%202320C697.111%202380.26%201351.5%202320%201351.5%202320'%20stroke='%237C4DFF'%20stroke-width='179'%20stroke-linecap='round'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;width:24px;height:24px;top:-1rem;left:-1.65rem;opacity:.3}main{flex:1}main .header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem;border-bottom:.2rem var(--border-color) solid;height:5rem}main .header .headerIcons{display:flex;gap:1rem}main .header .headerIcons button{width:3.2rem;height:3.2rem;padding:0;border:.2rem var(--border-color) solid;border-radius:.4rem;display:flex;justify-content:center;align-items:center;position:relative}main .header .headerIcons button .badge{position:absolute;background-color:#ff6200;color:#fff;z-index:2;display:flex;justify-content:center;align-items:center;width:1rem;height:1rem;border-radius:50%;font-size:1.4rem;left:2rem;top:-.3rem}main .DropdownWrapper{position:fixed;height:100vh;width:100%;top:0;left:0;background-color:#0000000d;z-index:3;display:flex;justify-content:flex-end;overflow:hidden}main .DropdownWrapper .dropDown{position:absolute;background-color:#fff;width:15rem;height:12rem;top:5.5rem;right:2rem;border-radius:.4rem;box-shadow:0 2px 10px #0000001a}main .DropdownWrapper .dropDown .dropDownHeader{display:flex;align-items:center;justify-content:space-between;font-size:1.4rem;font-weight:600;padding:.8rem .5rem;border-bottom:.18rem var(--border-color) solid;display:none}main .DropdownWrapper .dropDown .dropDownContent{padding:0 .5rem;height:32rem}main .DropdownWrapper .dropDown .dropDownContent .accountDetails{padding:.5rem 0;border-bottom:.18rem var(--border-color) solid}main .DropdownWrapper .dropDown .dropDownContent .accountDetails span{line-height:1.5}main .DropdownWrapper .dropDown .dropDownContent .accountDetails .name{font-weight:500;font-size:1.4rem}main .DropdownWrapper .dropDown .dropDownContent .accountDetails .email{color:var(--black-400);font-size:1.2rem}main .DropdownWrapper .dropDown .dropDownContent ul{margin:.5rem 0 0;padding:0;list-style:none;font-size:1.4rem}main .DropdownWrapper .dropDown .dropDownContent ul li{padding:.5rem;border-radius:.4rem}main .DropdownWrapper .dropDown .dropDownContent ul li a{width:100%}main .DropdownWrapper .dropDown .dropDownContent ul li:hover{background-color:var(--accent-200)}main .notificationTabCont{position:fixed;height:100vh;width:100%;top:0;left:0;background-color:#0000001a;z-index:3;display:flex;justify-content:flex-end;overflow:hidden}main .notificationTabCont .notificationTab{position:absolute;background-color:#fff;width:35rem;height:40rem;top:5.5rem;right:5rem;border-radius:.4rem;box-shadow:0 2px 10px #0000001a}main .notificationTabCont .notificationTab .tabHeader{padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:.18rem var(--border-color) solid;height:4rem}main .notificationTabCont .notificationTab .tabHeader button{color:var(--offwhite);transition:.3s ease-in-out color;padding:0}main .notificationTabCont .notificationTab .tabHeader button:hover{color:#000}main .notificationTabCont .notificationTab .tabContent{padding:1rem;display:flex;flex-direction:column;gap:1rem;height:32rem;overflow-x:hidden;overflow-y:scroll}main .notificationTabCont .notificationTab .tabContent .tabCard{border:.18rem var(--border-color) solid;border-radius:.4rem;padding:.5rem;display:flex;gap:1rem}main .notificationTabCont .notificationTab .tabContent .tabCard .tabBadge{color:var(--green-600)}main .notificationTabCont .notificationTab .tabContent .tabCard .tabCardContent .tabTitle{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:1.5rem;font-weight:600;width:100%}main .notificationTabCont .notificationTab .tabContent .tabCard .tabCardContent .tabTitle .tabDate{color:var(--black-400);margin:0 .5rem 0 0;font-size:1.2rem;font-weight:500}main .notificationTabCont .notificationTab .tabContent .tabCard .tabCardContent .tabDesc{color:var(--black-400);margin:.5rem 0;font-size:1.4rem}main .productPage .stockReportFilter,main .orderPage .stockReportFilter{margin-bottom:1rem;padding:1.2rem 1.5rem}main .productPage .stockReportFilter .filterRow,main .orderPage .stockReportFilter .filterRow{display:flex;align-items:flex-end;gap:1.2rem;flex-wrap:wrap}main .productPage .stockReportFilter .filterRow .inputItem,main .productPage .stockReportFilter .filterRow .field,main .orderPage .stockReportFilter .filterRow .inputItem,main .orderPage .stockReportFilter .filterRow .field{flex:1;min-width:15rem}main .productPage .stockReportFilter .filterRow .inputItem label,main .productPage .stockReportFilter .filterRow .field label,main .orderPage .stockReportFilter .filterRow .inputItem label,main .orderPage .stockReportFilter .filterRow .field label{display:block;font-size:1.3rem;font-weight:500;margin-bottom:.4rem;color:var(--black-400)}main .productPage .stockReportFilter .filterRow .inputItem input,main .productPage .stockReportFilter .filterRow .field input,main .orderPage .stockReportFilter .filterRow .inputItem input,main .orderPage .stockReportFilter .filterRow .field input{width:95%;border:.1rem solid var(--border-color);background-color:#e9ecef;border-radius:.4rem;padding:.5rem .8rem;font-size:1.4rem;font-family:Inter Tight,sans-serif;font-weight:500;outline:none;height:3.6rem}main .productPage .stockReportFilter .filterRow .inputItem input:focus,main .productPage .stockReportFilter .filterRow .field input:focus,main .orderPage .stockReportFilter .filterRow .inputItem input:focus,main .orderPage .stockReportFilter .filterRow .field input:focus{border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}main .productPage .stockReportFilter .filterRow .filterActions,main .orderPage .stockReportFilter .filterRow .filterActions{display:flex;gap:.6rem}main .productPage .viewBarWrapper,main .orderPage .viewBarWrapper{position:fixed;height:100vh;width:100%;top:0;left:0;background-color:#00000076;z-index:2;display:flex;justify-content:flex-end;overflow:hidden}main .productPage .viewBarWrapper .viewBar,main .orderPage .viewBarWrapper .viewBar{z-index:9;background-color:#fff;margin:1rem;border-radius:.4rem;width:55rem;max-height:97vh;height:auto;overflow-y:auto;position:relative}main .productPage .viewBarWrapper .viewBar .viewHeader,main .orderPage .viewBarWrapper .viewBar .viewHeader{padding:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:.18rem var(--border-color) solid;height:4rem}main .productPage .viewBarWrapper .viewBar .viewHeader button,main .orderPage .viewBarWrapper .viewBar .viewHeader button{color:var(--offwhite);transition:.3s ease-in-out color}main .productPage .viewBarWrapper .viewBar .viewHeader button:hover,main .orderPage .viewBarWrapper .viewBar .viewHeader button:hover{color:#000}main .productPage .viewBarWrapper .viewBar .viewCont,main .orderPage .viewBarWrapper .viewBar .viewCont{padding:2rem}main .productPage .viewBarWrapper .viewBar .viewCont .viewItem,main .orderPage .viewBarWrapper .viewBar .viewCont .viewItem{display:flex;gap:1rem}main .productPage .viewBarWrapper .viewBar .viewCont .viewItem .viewImgItem,main .orderPage .viewBarWrapper .viewBar .viewCont .viewItem .viewImgItem{display:flex;gap:1rem;flex:1;width:100%;justify-content:center;align-items:center}main .productPage .viewBarWrapper .viewBar .viewCont .viewItem .viewImgItem .imgItem,main .orderPage .viewBarWrapper .viewBar .viewCont .viewItem .viewImgItem .imgItem{height:22rem;width:22rem;overflow:hidden;background-size:cover;border-radius:.4rem;background-color:var(--border-color)}main .productPage .viewBarWrapper .viewBar .viewCont .viewItem .viewImgItem .imgItem img,main .orderPage .viewBarWrapper .viewBar .viewCont .viewItem .viewImgItem .imgItem img{height:100%;width:100%;object-fit:cover}main .productPage .viewBarWrapper .viewBar .viewCont .viewItem .viewImgItem .imageColumn,main .orderPage .viewBarWrapper .viewBar .viewCont .viewItem .viewImgItem .imageColumn{display:flex;flex-direction:column;gap:1rem;height:22rem}main .productPage .viewBarWrapper .viewBar .viewCont .viewItem .viewImgItem .imageColumn .imgItem,main .orderPage .viewBarWrapper .viewBar .viewCont .viewItem .viewImgItem .imageColumn .imgItem{height:33%;width:100%}main .productPage .viewBarWrapper .viewBar .viewCont .viewItem .prodDesc,main .orderPage .viewBarWrapper .viewBar .viewCont .viewItem .prodDesc{flex:1}main .productPage .viewBarWrapper .viewBar .viewCont .viewItem .prodDesc .descItem,main .orderPage .viewBarWrapper .viewBar .viewCont .viewItem .prodDesc .descItem{font-size:1.6rem;font-weight:500;line-height:1.6;margin:0}main .productPage .viewBarWrapper .viewBar .viewCont .viewItem .prodDesc .descItem span,main .orderPage .viewBarWrapper .viewBar .viewCont .viewItem .prodDesc .descItem span{color:var(--offwhite);margin:0 .5rem 0 0}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc{flex:1;padding:2rem 1rem}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .descItem,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .descItem{font-size:1.5rem;margin:1rem 0}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .descItem h4,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .descItem h4{font-size:1.8rem;margin:0;font-weight:600}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .descItem p,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .descItem p{margin:.5rem 0;font-size:1.5rem;font-weight:450}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .descItem span,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .descItem span{color:var(--black-400);margin:0 .5rem 0 0}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .descHeader,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .descHeader{width:100%}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .descHeader h3,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .descHeader h3{font-size:2rem;flex:1}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodRating,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodRating{display:flex;color:var(--offwhite)}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodRating span,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodRating span{color:#000;font-weight:500}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodTags,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodTags{font-weight:500;gap:1rem;display:flex;align-items:center}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodTags .tags,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodTags .tags{display:flex;align-items:center;padding:.5rem 1rem;border-radius:.4rem;background-color:#e9ecef;gap:.5rem}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodTags .tags .up,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodTags .tags .up{display:flex;color:var(--green-400)}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodTags .tags .down,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodTags .tags .down{display:flex;color:var(--red-500)}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags{font-weight:500;gap:.5rem;display:flex;align-items:center}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags .pill,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags .pill{font-size:1.4rem;display:flex;align-items:center;justify-content:center;gap:.25rem;border-radius:999999px;padding:.2rem 0;width:8rem}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags .pill.pending,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags .pill.pending{border:.2rem var(--yellow-300) solid;background-color:var(--yellow-100);color:var(--yellow-600)}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags .pill.delivered,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags .pill.delivered{border:.2rem var(--green-300) solid;background-color:var(--green-100);color:var(--green-600)}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags .pill.cancelled,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags .pill.cancelled{background-color:#fee2e2;color:#991b1b}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags .pill.paid,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags .pill.paid{background-color:#dcfce7;color:#166534}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags .pill.unpaid,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags .pill.unpaid{background-color:#fef2f2;color:#b91c1c}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodSizes .tagGroup,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodSizes .tagGroup{display:flex;align-items:center;gap:1rem;margin:1rem 0}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodSizes .tags,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodSizes .tags{display:flex;align-items:center;padding:.5rem 1rem;border-radius:.4rem;background-color:#e9ecef;gap:.5rem;font-weight:500}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .priceTable table,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .priceTable table{width:100%;border-collapse:separate;table-layout:fixed;border-spacing:0;font-size:1.5rem;border:.15rem solid var(--border-color);border-radius:.4rem;margin:.5rem 0}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .priceTable table .headerCell,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .priceTable table .headerCell{border:.15rem solid var(--border-color);font-weight:600;padding:.75rem;text-align:left}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .priceTable table .cell,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .priceTable table .cell{padding:.75rem;border:.15rem solid var(--border-color);font-weight:500}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .priceTable table .cell span,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .priceTable table .cell span{color:var(--offwhite);text-decoration:line-through}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .priceTable table .cell .box,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .priceTable table .cell .box{width:2rem;height:2rem;display:inline-block;border:.1rem solid var(--border-color);background-size:cover}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table{width:100%;border-collapse:separate;table-layout:fixed;border-spacing:0;font-size:1.5rem;border:.15rem solid var(--border-color);border-radius:.4rem;margin:.5rem 0}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .headerCell,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .headerCell{border:.15rem solid var(--border-color);font-weight:600;padding:.75rem;text-align:left}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .headerCell:nth-child(2),main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .headerCell:nth-child(3),main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .headerCell:nth-child(2),main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .headerCell:nth-child(3){width:8rem}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .cell,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .cell{padding:.75rem;border:.15rem solid var(--border-color);font-weight:500}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .cell span,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .cell span{color:var(--offwhite);text-decoration:line-through}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .cell:nth-child(2),main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .cell:nth-child(3),main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .cell:nth-child(2),main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .cell:nth-child(3){width:5rem}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderSummary p,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderSummary p{display:flex;justify-content:space-between;align-items:center}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderSummary p span:nth-child(2),main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderSummary p span:nth-child(2){color:#000}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderSummary p.orderTotal span,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderSummary p.orderTotal span{color:#000}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .viewButton,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .viewButton{display:flex;justify-content:space-between;width:100%;gap:.5rem}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .viewButton a,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .viewButton a{height:100%;width:100%;flex:1;border:.2rem var(--border-color) solid;font-size:1.6rem;border-radius:.4rem}main .productPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .viewButton a button,main .orderPage .viewBarWrapper .viewBar .viewCont .viewProdDesc .viewButton a button{width:100%;padding:.8rem}main .productPage .pageTabs,main .orderPage .pageTabs{display:flex;padding:1rem;align-items:center;gap:1rem}main .productPage .pageTabs .tabItem,main .orderPage .pageTabs .tabItem{border:.18rem var(--border-color) solid;padding:.8rem;border-radius:.4rem;width:25%;display:flex;flex-direction:column;gap:.25rem}main .productPage .pageTabs .tabItem .tabItemHeader,main .orderPage .pageTabs .tabItem .tabItemHeader{font-size:1.4rem;color:var(--offwhite);font-weight:500;display:flex;align-items:center;gap:.25rem}main .productPage .pageTabs .tabItem .desc,main .orderPage .pageTabs .tabItem .desc{font-size:4.6rem;font-weight:600}main .productPage .pageTabs .tabItem .tabItemFooter,main .orderPage .pageTabs .tabItem .tabItemFooter{font-size:1.4rem;font-weight:500;display:flex;align-items:center;gap:.5rem;color:var(--offwhite)}main .productPage .pageTabs .tabItem .tabItemFooter .pill,main .orderPage .pageTabs .tabItem .tabItemFooter .pill{font-size:1.4rem;display:flex;align-items:center;justify-content:center;gap:.25rem;border-radius:999999px;padding:.2rem .5rem}main .productPage .pageTabs .tabItem .tabItemFooter .pill.increase,main .orderPage .pageTabs .tabItem .tabItemFooter .pill.increase{border:.2rem var(--green-300) solid;background-color:var(--green-100);color:var(--green-600)}main .productPage .pageTabs .tabItem .tabItemFooter .pill.decrease,main .orderPage .pageTabs .tabItem .tabItemFooter .pill.decrease{border:.2rem var(--red-300) solid;background-color:var(--red-100);color:var(--red-500)}main .productPage .chartWrapper,main .orderPage .chartWrapper{margin:.5rem 1rem;border:.18rem var(--border-color) solid;border-radius:.4rem;padding:1rem}main .productPage .chartWrapper .tooltipContainer,main .orderPage .chartWrapper .tooltipContainer{background-color:var(--black-100);padding:.5rem 1rem;border-radius:.4rem}main .productPage .chartWrapper .tooltipContainer .toolkipLabel,main .orderPage .chartWrapper .tooltipContainer .toolkipLabel{font-size:1.4rem;text-transform:capitalize}main .productPage .chartWrapper .tooltipContainer .tooltipItem,main .orderPage .chartWrapper .tooltipContainer .tooltipItem{font-size:1.4rem;text-transform:capitalize}main .productPage .chartWrapper .billing-toggle,main .orderPage .chartWrapper .billing-toggle{width:20rem;height:4rem;background-color:#e9ecef;border:.18rem solid var(--border-color);border-radius:.4rem;display:flex;align-items:center;justify-content:space-between;padding:.4rem;cursor:pointer;font-weight:600;font-size:1.4rem;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;box-sizing:border-box}main .productPage .chartWrapper .billing-toggle .option,main .orderPage .chartWrapper .billing-toggle .option{width:50%;text-align:center;z-index:2;color:var(--black-600);transition:color .3s ease}main .productPage .chartWrapper .billing-toggle .option.active,main .orderPage .chartWrapper .billing-toggle .option.active{color:var(--black-100)}main .productPage .chartWrapper .billing-toggle .toggle-indicator,main .orderPage .chartWrapper .billing-toggle .toggle-indicator{position:absolute;top:.2rem;left:.4rem;width:calc(50% - 8px);height:3.2rem;background-color:var(--accent-500);border-radius:.4rem;transition:left .3s ease,background-color .3s ease;z-index:1;color:var(--black-600)}main .productPage .chartWrapper .billing-toggle.yearly .toggle-indicator,main .orderPage .chartWrapper .billing-toggle.yearly .toggle-indicator{left:calc(50% + 4px)}main .productPage .chartWrapper .contHeader,main .orderPage .chartWrapper .contHeader{display:flex;justify-content:space-between;align-items:center}main .productPage .chartWrapper .contHeader .contHeaderBtn,main .orderPage .chartWrapper .contHeader .contHeaderBtn{display:flex;justify-content:space-between;align-items:center;gap:1rem}main .productPage .chartWrapper .contHeader .contHeaderBtn .refreshButton,main .orderPage .chartWrapper .contHeader .contHeaderBtn .refreshButton{border:.18rem var(--border-color) solid;height:4rem;border-radius:.4rem;width:4rem;padding:0}main .productPage .chartWrapper .chartCont,main .orderPage .chartWrapper .chartCont{margin:1rem 0 0;height:32rem}main .productAddPage{padding:1.5rem}main .productAddPage .pageHeader{margin:0 0 2rem;display:flex;justify-content:space-between;align-content:center}main .productAddPage .pageHeader p{color:var(--black-400)}main .productAddPage .pageHeader .buttonGroup{display:flex;align-content:center;gap:1rem;height:min-content}main .productAddPage form .topNav{margin:0 0 1.5rem;width:50rem}main .productAddPage form .topNav .toggle{width:100%;height:3.7rem;background-color:#e9ecef;border:.18rem solid var(--border-color);border-radius:.4rem;display:flex;align-items:center;justify-content:space-between;padding:.4rem;font-weight:600;font-size:1.4rem;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;box-sizing:border-box}main .productAddPage form .topNav .toggle .option{width:33.33%;text-align:center;z-index:2;color:var(--black-600);transition:color .3s ease;cursor:pointer}main .productAddPage form .topNav .toggle .option.active{color:var(--black-100)}main .productAddPage form .topNav .toggle .toggle-indicator{position:absolute;top:.2rem;left:.4rem;width:calc(33.33% - .8rem);height:3rem;background-color:var(--accent-500);border-radius:.4rem;transition:left .3s ease;z-index:1}main .productAddPage form .topNav .toggle.info .toggle-indicator{left:.4rem}main .productAddPage form .topNav .toggle.inventory .toggle-indicator{left:calc(33.33% + .4rem)}main .productAddPage form .topNav .toggle.variation .toggle-indicator{left:calc(66.66% + .4rem)}main .productAddPage form .topNav .toggle.noVariation .option{width:50%}main .productAddPage form .topNav .toggle.noVariation .toggle-indicator{width:calc(50% - .8rem)}main .productAddPage form .topNav .toggle.noVariation.info .toggle-indicator{left:.4rem}main .productAddPage form .topNav .toggle.noVariation.inventory .toggle-indicator{left:calc(50% + .4rem)}main .productAddPage form .errorText{font-size:1.4rem;line-height:3.2rem;color:var(--red-500)}main .productAddPage form .tabContainer{display:flex;gap:1.5rem}main .productAddPage form .tab{flex:1;display:flex;flex-direction:column;gap:1.5rem}main .productAddPage form .inputGroup{border:.2rem var(--border-color) solid;border-radius:.4rem;padding:1rem}main .productAddPage form .inputGroup .groupTitle{font-size:1.6rem;font-weight:600;display:flex;align-items:center;gap:1rem;margin:.5rem 0}main .productAddPage form .inputGroup .itemWrapper{display:flex;flex-direction:column;gap:1rem}main .productAddPage form .inputGroup .itemWrapper .item{display:flex;align-items:center;gap:1rem}main .productAddPage form .inputGroup .itemWrapper .item .itemImage{height:8rem;width:8rem;background-size:cover}main .productAddPage form .inputGroup .itemWrapper .item .itemImage img{height:100%;width:100%;border-radius:.4rem;object-fit:cover}main .productAddPage form .inputGroup .itemWrapper .item .itemDesc{width:55%}main .productAddPage form .inputGroup .itemWrapper .item .itemDesc p{font-size:1.4rem;margin:0;padding:0;color:var(--black-400)}main .productAddPage form .inputGroup .itemWrapper .item .itemDesc h3{font-size:1.6rem}main .productAddPage form .inputGroup .itemWrapper .item .listDesc p{font-size:1.4rem;margin:0;padding:0;line-height:2.4rem}main .productAddPage form .inputGroup .itemWrapper .item .listDesc p span{color:var(--black-400)}main .productAddPage form .inputGroup .itemWrapper .item .itemTags{display:flex;width:40%;gap:1rem}main .productAddPage form .inputGroup .itemWrapper .item .itemTags .tag{font-size:1.4rem;font-weight:500;border:.2rem var(--black-300) solid;padding:.5rem;border-radius:.4rem}main .productAddPage form .inputGroup .itemTable table{width:100%;border-collapse:separate;table-layout:fixed;border-spacing:0;font-size:1.4rem;border-radius:.4rem}main .productAddPage form .inputGroup .itemTable table tr{font-size:1.4rem;font-weight:500;line-height:2.4rem}main .productAddPage form .inputGroup .itemTable table tr:last-child{border:.2rem var(--black-300) solid;font-weight:600}main .productAddPage form .inputGroup .itemTable table td:nth-child(1){width:1fr}main .productAddPage form .inputGroup .itemTable table td:nth-child(2){width:15rem;text-align:left}main .productAddPage form .inputGroup .itemTable table td:nth-child(3){width:10rem}main .productAddPage form .inputGroup .checkBoxInput,main .productAddPage form .inputGroup .summaryPanel .checkRow,.summaryPanel main .productAddPage form .inputGroup .checkRow{display:flex;align-items:center;gap:1rem;-webkit-user-select:none;user-select:none;padding:.5rem 0;margin:.5rem 0}main .productAddPage form .inputGroup .checkBoxInput input,main .productAddPage form .inputGroup .summaryPanel .checkRow input,.summaryPanel main .productAddPage form .inputGroup .checkRow input{position:absolute;opacity:0}main .productAddPage form .inputGroup .checkBoxInput .custom-checkbox,main .productAddPage form .inputGroup .summaryPanel .checkRow .custom-checkbox,.summaryPanel main .productAddPage form .inputGroup .checkRow .custom-checkbox{display:flex;align-items:center;gap:1rem;position:relative;cursor:pointer}main .productAddPage form .inputGroup .checkBoxInput .custom-checkbox .checkmark,main .productAddPage form .inputGroup .summaryPanel .checkRow .custom-checkbox .checkmark,.summaryPanel main .productAddPage form .inputGroup .checkRow .custom-checkbox .checkmark{height:2rem;width:2rem;border:.2rem solid var(--border-color);border-radius:.4rem;box-sizing:border-box;transition:.3s ease-in-out border;flex-shrink:0;transition:.3s ease-in-out display}main .productAddPage form .inputGroup .checkBoxInput .custom-checkbox .checkmark:hover,main .productAddPage form .inputGroup .summaryPanel .checkRow .custom-checkbox .checkmark:hover,.summaryPanel main .productAddPage form .inputGroup .checkRow .custom-checkbox .checkmark:hover{border-color:var(--accent);box-shadow:0 0 0 .05rem var(--accent-shadow)}main .productAddPage form .inputGroup .checkBoxInput .custom-checkbox .checkmark:after,main .productAddPage form .inputGroup .summaryPanel .checkRow .custom-checkbox .checkmark:after,.summaryPanel main .productAddPage form .inputGroup .checkRow .custom-checkbox .checkmark:after{content:"";display:block;position:absolute;top:.32rem;left:.32rem;width:1.35rem;height:1.35rem;background-color:var(--accent-500);border-radius:.2rem;transition:.3s ease-in-out display;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .2s ease}main .productAddPage form .inputGroup .checkBoxInput .custom-checkbox input:checked+.checkmark:after,main .productAddPage form .inputGroup .summaryPanel .checkRow .custom-checkbox input:checked+.checkmark:after,.summaryPanel main .productAddPage form .inputGroup .checkRow .custom-checkbox input:checked+.checkmark:after{opacity:1;transform:scale(1)}main .productAddPage form .inputGroup .checkBoxInput .label-text,main .productAddPage form .inputGroup .summaryPanel .checkRow .label-text,.summaryPanel main .productAddPage form .inputGroup .checkRow .label-text{font-size:1.4rem;font-weight:500;color:var(--text-color)}main .productAddPage form .inputGroup .groupItem{display:flex;gap:1rem;justify-content:space-between;align-items:center}main .productAddPage form .inputGroup .groupItem .inputItem,main .productAddPage form .inputGroup .groupItem .field{width:85%}main .productAddPage form .inputGroup .groupItem .inputItem input,main .productAddPage form .inputGroup .groupItem .field input{width:90%}main .productAddPage form .inputGroup .inputItem,main .productAddPage form .inputGroup .field{width:95%}main .productAddPage form .inputGroup .inputItem.icon,main .productAddPage form .inputGroup .icon.field{width:95%}main .productAddPage form .inputGroup .inputItem.icon input,main .productAddPage form .inputGroup .icon.field input{border:0}main .productAddPage form .inputGroup .inputItem.icon .inputIcon,main .productAddPage form .inputGroup .icon.field .inputIcon{display:flex;justify-content:space-between;border:.1rem var(--border-color) solid;background-color:#e9ecef;border-radius:.4rem;font-weight:500;font-size:1.4rem;width:100%;height:3.5rem}main .productAddPage form .inputGroup .inputItem.icon .inputIcon span,main .productAddPage form .inputGroup .icon.field .inputIcon span{display:flex;justify-content:center;align-items:center;padding:0 1rem;width:2rem;font-size:1.4rem;height:100%;background-color:var(--black-200)}main .productAddPage form .inputGroup .inputItem.disabled label,main .productAddPage form .inputGroup .disabled.field label{color:var(--black-300)}main .productAddPage form .inputGroup .inputItem label,main .productAddPage form .inputGroup .field label{font-weight:500;font-size:1.4rem;line-height:2.4;margin:.5rem 0}main .productAddPage form .inputGroup .inputItem .error,main .productAddPage form .inputGroup .field .error{color:var(--red-500);font-size:1.4rem;padding:.5rem 0 0 .5rem;font-weight:500}main .productAddPage form .inputGroup .inputItem input,main .productAddPage form .inputGroup .field input{border:.1rem var(--border-color) solid;background-color:#e9ecef;border-radius:.4rem;outline:0;font-family:Inter Tight,sans-serif;height:2.5rem;font-weight:500;font-size:1.4rem;width:100%;padding:.5rem 1rem;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}main .productAddPage form .inputGroup .inputItem input:focus,main .productAddPage form .inputGroup .field input:focus{border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}main .productAddPage form .inputGroup .inputItem input.error,main .productAddPage form .inputGroup .field input.error{border:.1rem var(--red-500) solid;background-color:#e9ecef;border-radius:.4rem;outline:0;font-family:Inter Tight,sans-serif;height:2.5rem;font-weight:500;font-size:1.4rem;width:100%;padding:.5rem 1rem;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}main .productAddPage form .inputGroup .inputItem textarea,main .productAddPage form .inputGroup .field textarea{border:.1rem var(--border-color) solid;background-color:#e9ecef;border-radius:.4rem;outline:0;font-family:Inter Tight,sans-serif;height:2.5rem;font-weight:500;font-size:1.4rem;width:100%;padding:.5rem 1rem;resize:vertical;height:8rem;min-height:8rem;max-height:10rem;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}main .productAddPage form .inputGroup .inputItem textarea:focus,main .productAddPage form .inputGroup .field textarea:focus{border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}main .productAddPage form .inputGroup .inputItem textarea.error,main .productAddPage form .inputGroup .field textarea.error{border:.1rem var(--red-500) solid;background-color:#e9ecef;border-radius:.4rem;outline:0;font-family:Inter Tight,sans-serif;height:2.5rem;font-weight:500;font-size:1.4rem;width:100%;padding:.5rem 1rem;resize:vertical;height:8rem;min-height:8rem;max-height:10rem;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}main .productAddPage form .inputGroup .inputItem select,main .productAddPage form .inputGroup .field select{border:.1rem solid #ccc;background-color:#e9ecef;border-radius:.4rem;outline:0;font-family:Inter Tight,sans-serif;height:3.5rem;font-weight:500;font-size:1.4rem;width:100%;padding:.5rem 1rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}main .productAddPage form .inputGroup .inputItem select:focus,main .productAddPage form .inputGroup .field select:focus{border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}main .productAddPage form .inputGroup .inputItem select option,main .productAddPage form .inputGroup .field select option{font-size:1.4rem;padding:.5rem}main .productAddPage form .inputGroup .inputItem select option:hover,main .productAddPage form .inputGroup .field select option:hover,main .productAddPage form .inputGroup .inputItem select option:focus,main .productAddPage form .inputGroup .field select option:focus{background-color:#e9ecef}main .productAddPage form .inputGroup .inputItem input[type=file],main .productAddPage form .inputGroup .field input[type=file]{-webkit-appearance:none}main .productAddPage form .inputGroup .inputItem .boxCont,main .productAddPage form .inputGroup .field .boxCont{display:flex;align-items:center}main .productAddPage form .inputGroup .inputItem .boxCont .thumbnailCont,main .productAddPage form .inputGroup .field .boxCont .thumbnailCont{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:50%;gap:.5rem;margin:1rem auto;border:.2rem var(--border-color) solid;background-color:#e9ecef;border-radius:.4rem;cursor:pointer;transition:border-color .2s ease-in-out,background-color .2s,color .2s ease-in-out;color:var(--black-400);font-size:1.4rem;background-size:cover}main .productAddPage form .inputGroup .inputItem .boxCont .thumbnailCont img,main .productAddPage form .inputGroup .field .boxCont .thumbnailCont img{height:100%;width:100%;object-fit:cover}main .productAddPage form .inputGroup .inputItem .boxCont .uploadBox,main .productAddPage form .inputGroup .field .boxCont .uploadBox{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:50%;gap:.5rem;margin:1rem auto;border:.2rem var(--border-color) dashed;background-color:#e9ecef;border-radius:.4rem;cursor:pointer;transition:border-color .2s ease-in-out,background-color .2s,color .2s ease-in-out;color:var(--black-400);font-size:1.4rem}main .productAddPage form .inputGroup .inputItem .boxCont .uploadBox .boxDesc,main .productAddPage form .inputGroup .field .boxCont .uploadBox .boxDesc{display:flex;align-items:center;flex-direction:column;justify-content:center}main .productAddPage form .inputGroup .inputItem .boxCont .uploadBox:hover,main .productAddPage form .inputGroup .field .boxCont .uploadBox:hover{border-color:#888;background-color:var(--background-color);color:var(--black-500)}main .productAddPage form .inputGroup .inputItem .boxCont .uploadBox input[type=file],main .productAddPage form .inputGroup .field .boxCont .uploadBox input[type=file]{display:none}main .productAddPage form .inputGroup .imageActions{display:flex;gap:1rem;margin:1rem 0;justify-content:flex-end}main .productAddPage form .inputGroup .productImages{display:flex;flex-direction:column;gap:1rem;width:100%;margin:1rem 0 0;min-height:12rem;max-height:38.5rem;overflow-x:hidden;overflow-y:auto}main .productAddPage form .inputGroup .productImages .imageCont{width:95%;display:flex;gap:1rem;border-radius:.4rem;padding:.5rem;background-color:#e9ecef;border:.1rem var(--border-color) solid;position:relative;transition:.3s ease-in-out opacity,.3s ease-in-out box-shadow;cursor:pointer}main .productAddPage form .inputGroup .productImages .imageCont .imageItem{width:5rem;aspect-ratio:1/1;background-size:cover;background-color:var(--black-100);padding:.5rem;border-radius:.4rem}main .productAddPage form .inputGroup .productImages .imageCont .imageItem img{height:100%;width:100%;object-fit:cover}main .productAddPage form .inputGroup .productImages .imageCont .imageDesc{padding:.5rem;font-size:1.4rem;font-weight:500}main .productAddPage form .inputGroup .productImages .imageCont .imageDesc .alt{font-size:1.2rem;color:var(--black-400)}main .productAddPage form .inputGroup .productImages .imageCont .imageBtn{opacity:0;position:absolute;right:.5rem;top:.5rem;z-index:999}main .productAddPage form .inputGroup .productImages .imageCont .imageBtn button{background-color:var(--red-200);padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--red-500)}main .productAddPage form .inputGroup .productImages .imageCont:hover>.imageBtn{opacity:100}main .productAddPage form .inputGroup .productImages .imageCont:hover{border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}main .productAddPage form .inputGroup .inputButton{margin:1rem 0;display:flex;justify-content:flex-end}main .productAddPage form .base-variant-warning{display:flex;align-items:flex-start;gap:1rem;padding:1.2rem 1.5rem;background-color:var(--yellow-100);border:.15rem solid var(--yellow-300);border-radius:.5rem;margin-bottom:1.5rem}main .productAddPage form .base-variant-warning>svg{flex-shrink:0;color:var(--yellow-600);margin-top:.2rem}main .productAddPage form .base-variant-warning__content strong{font-size:1.4rem;font-weight:600;color:var(--yellow-600);display:block;margin-bottom:.3rem}main .productAddPage form .base-variant-warning__content p{margin:0;font-size:1.3rem;color:var(--black-600);line-height:1.5}main .productAddPage form .tableGroupInput .tableButton{display:flex;justify-content:flex-end;gap:.8rem}main .productAddPage form .tableGroupInput .tableButton button{font-size:1.4rem;padding:.5rem 1rem;margin:.5rem 0;background-color:var(--accent);color:var(--black-100)}main .productAddPage form .tableGroupInput .tableButton button:hover{background-color:var(--accent-600);border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}main .productAddPage form .tableGroupInput .tableButton button:hover:active{transform:scale(.98)}main .productAddPage form .tableGroupInput table{width:100%;border:.1rem var(--border-color) solid;border-radius:.4rem;padding:.5rem;border-collapse:collapse}main .productAddPage form .tableGroupInput table th{border:.1rem var(--border-color) solid;font-size:1.4rem;font-weight:500;text-align:left;height:2.5rem;padding:.35rem .75rem}main .productAddPage form .tableGroupInput table td{padding:.35rem .75rem;border:.1rem var(--border-color) solid;font-size:1.4rem;font-weight:500;background-color:#e9ecef}main .productAddPage form .tableGroupInput table td .tableInputItem input{background-color:#e9ecef;border:.1rem var(--border-color) solid;outline:0;font-family:Inter Tight,sans-serif;height:2.5rem;font-weight:500;font-size:1.4rem;width:95%;border:0}main .productAddPage form .tableGroupInput table td button{background-color:var(--red-200);padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--red-500)}main .productAddPage form .tableGroupInput table td .variationDeleteBtn{border:none;cursor:pointer;border-radius:.3rem}main .productAddPage form .tableGroupInput table td .variationDeleteBtn:hover{background-color:var(--red-300)}main .productAddPage form .tableGroupInput table td .deleteLocked{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.3rem;background-color:var(--black-200);color:var(--black-500);cursor:not-allowed}main .productAddPage form .tableGroupInput table td .deleteLocked .lockedIcon{opacity:.6}main .productAddPage form .tableGroupInput table tr.variation-row-hasOrders td{background-color:var(--yellow-100)}main .productAddPage form .rsw-toolbar{gap:1rem;height:3rem;padding:0 1rem}main .productAddPage form .toggle{width:100%;height:3.7rem;background-color:#e9ecef;border:.18rem solid var(--border-color);border-radius:.4rem;display:flex;align-items:center;justify-content:space-between;padding:.4rem;font-weight:600;font-size:1.4rem;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;box-sizing:border-box}main .productAddPage form .toggle .option{width:33.33%;text-align:center;z-index:2;color:var(--black-600);transition:color .3s ease;cursor:pointer}main .productAddPage form .toggle .option.active{color:var(--black-100)}main .productAddPage form .toggle .toggle-indicator{position:absolute;top:.2rem;left:.4rem;width:calc(33.33% - .8rem);height:3rem;background-color:var(--accent-500);border-radius:.4rem;transition:left .3s ease;z-index:1}main .productAddPage form .toggle.retail .toggle-indicator{left:.4rem}main .productAddPage form .toggle.both .toggle-indicator{left:calc(33.33% + .4rem)}main .productAddPage form .toggle.wholesale .toggle-indicator{left:calc(66.66% + .4rem)}main .productAddPage .skuModalCont{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#00000073;display:flex;align-items:center;justify-content:center;padding:1.5rem}main .productAddPage .skuModalCont .skuModal{width:min(90rem,100%);background-color:#fff;border-radius:.6rem;border:.2rem solid var(--border-color);max-height:calc(100vh - 4rem);display:flex;flex-direction:column}main .productAddPage .skuModalCont .skuModalHeader{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:.2rem solid var(--border-color)}main .productAddPage .skuModalCont .skuModalHeader h3{margin:0;font-size:1.8rem;font-weight:600}main .productAddPage .skuModalCont .skuModalHeader button{color:var(--black-500);display:flex;align-items:center;justify-content:center}main .productAddPage .skuModalCont .skuModalHeader button:hover{color:var(--black-800)}main .productAddPage .skuModalCont .skuModalBody{padding:1.2rem;overflow-y:auto}main .productAddPage .skuModalCont .skuStats{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1rem}main .productAddPage .skuModalCont .skuStats span{font-size:1.3rem;font-weight:600;padding:.35rem .8rem;background-color:#e9ecef;border:.1rem solid var(--border-color);border-radius:999rem}main .productAddPage .skuModalCont .skuAddCombinationRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem;align-items:end}main .productAddPage .skuModalCont .skuAddAction{display:flex;align-items:flex-end;min-height:7rem}main .productAddPage .skuModalCont .skuCardGrid{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(24rem,1fr));gap:1rem}main .productAddPage .skuModalCont .skuCard{border:.2rem solid var(--border-color);border-radius:.5rem;background-color:#e9ecef;padding:.8rem;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}main .productAddPage .skuModalCont .skuCard-existing{background-color:var(--blue-100);border-color:var(--blue-300)}main .productAddPage .skuModalCont .skuCard--base{border-color:var(--accent-400);background-color:var(--accent-100);box-shadow:0 0 0 .1rem var(--accent-shadow)}main .productAddPage .skuModalCont .skuCardHeader{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}main .productAddPage .skuModalCont .skuCardHeader .skuCardTitleRow{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:0}main .productAddPage .skuModalCont .skuCardHeader .skuCardTitleRow h4{margin:0;font-size:1.4rem;word-break:break-word}main .productAddPage .skuModalCont .skuCardHeader .skuBadges{display:flex;gap:.4rem;flex-wrap:wrap}main .productAddPage .skuModalCont .skuCardHeader .skuBadge{font-size:1.1rem;font-weight:600;padding:.2rem .6rem;border-radius:999rem;white-space:nowrap}main .productAddPage .skuModalCont .skuCardHeader .skuBadge-existing{background-color:var(--blue-100);color:var(--blue-600)}main .productAddPage .skuModalCont .skuCardHeader .skuBadge-new{background-color:var(--green-100);color:var(--green-600)}main .productAddPage .skuModalCont .skuCardHeader .skuBadge-locked{background-color:var(--red-100);color:var(--red-500)}main .productAddPage .skuModalCont .skuCardHeader .skuBadge-base{background-color:var(--accent-200);color:var(--accent-600)}main .productAddPage .skuModalCont .skuCardHeader .skuCardActions{display:flex;align-items:center;gap:.6rem}main .productAddPage .skuModalCont .skuCardHeader .skuDeleteBtn{background-color:var(--red-200);color:var(--red-500);border-radius:.3rem;padding:.4rem;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}main .productAddPage .skuModalCont .skuCardHeader .skuDeleteBtn:hover{background-color:var(--red-300)}main .productAddPage .skuModalCont .skuCardHeader .sku-base-variant-btn{display:flex;align-items:center;justify-content:center;padding:.4rem;border-radius:.3rem;color:var(--black-400);background:transparent;border:none;transition:color .2s ease,transform .15s ease;cursor:pointer}main .productAddPage .skuModalCont .skuCardHeader .sku-base-variant-btn:hover{color:var(--accent);transform:scale(1.1)}main .productAddPage .skuModalCont .skuCardHeader .sku-base-variant-btn--active{color:var(--accent)}main .productAddPage .skuModalCont .skuCardHeader .sku-base-variant-btn--active:hover{transform:scale(1.1)}main .productAddPage .skuModalCont .skuCardHeader button{border:none}main .productAddPage .skuModalCont .skuCardContent{margin-top:.8rem;border-top:.1rem solid var(--border-color);padding-top:.8rem;display:flex;flex-direction:column;gap:.35rem}main .productAddPage .skuModalCont .skuCardContent p{margin:0;font-size:1.3rem}main .productAddPage .skuModalCont .skuCardContent p span{font-weight:600}main .productAddPage .skuModalCont .skuCardContent p.skuAttr-hasOrders{color:var(--yellow-600)}main .productAddPage .skuModalCont .skuCardContent p.skuAttr-default{color:var(--black-500);font-style:italic}main .productAddPage .skuModalCont .skuEmptyState{margin:.75rem 0;font-size:1.4rem;color:var(--black-500)}main .productAddPage .skuModalCont .skuModalFooter{border-top:.2rem solid var(--border-color);padding:1rem 1.2rem;display:flex;justify-content:flex-end}main .page .pageHeader{margin:0 0 2rem;display:flex;justify-content:space-between;align-content:center}main .page .pageHeader p{color:var(--black-400)}main .page .pageHeader .buttonGroup{display:flex;align-content:center;gap:1rem}main .page .stockReportFilter{margin-bottom:1rem;padding:1.2rem 1.5rem}main .page .stockReportFilter .filterRow{display:flex;align-items:flex-end;gap:1.2rem;flex-wrap:wrap}main .page .stockReportFilter .filterRow .inputItem,main .page .stockReportFilter .filterRow .field{flex:1;min-width:15rem}main .page .stockReportFilter .filterRow .inputItem label,main .page .stockReportFilter .filterRow .field label{display:block;font-size:1.3rem;font-weight:500;margin-bottom:.4rem;color:var(--black-400)}main .page .stockReportFilter .filterRow .inputItem input,main .page .stockReportFilter .filterRow .field input{width:95%;border:.1rem solid var(--border-color);background-color:#e9ecef;border-radius:.4rem;padding:.5rem .8rem;font-size:1.4rem;font-family:Inter Tight,sans-serif;font-weight:500;outline:none;height:3.6rem}main .page .stockReportFilter .filterRow .inputItem input:focus,main .page .stockReportFilter .filterRow .field input:focus{border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}main .page .stockReportFilter .filterRow .filterActions{display:flex;gap:.6rem}main .page .modalOverlay{position:fixed;height:100vh;width:100%;top:0;left:0;background-color:#00000076;z-index:2;display:flex;justify-content:center;align-items:center;overflow:hidden}main .page .modalOverlay .inputItem,main .page .modalOverlay .field{width:95%}main .page .modalOverlay .inputItem label,main .page .modalOverlay .field label{font-weight:500;font-size:1.4rem;line-height:2.4;margin:.5rem 0}main .page .modalOverlay .inputItem input,main .page .modalOverlay .field input{border:.1rem var(--border-color) solid;background-color:#e9ecef;border-radius:.4rem;outline:0;font-family:Inter Tight,sans-serif;height:2.5rem;font-weight:500;font-size:1.4rem;width:100%;padding:.5rem 1rem;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}main .page .modalOverlay .inputItem input:focus,main .page .modalOverlay .field input:focus{border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}main .page .modalOverlay .inputItem select,main .page .modalOverlay .field select{border:.1rem solid #ccc;background-color:#e9ecef;border-radius:.4rem;outline:0;font-family:Inter Tight,sans-serif;height:3.5rem;font-weight:500;font-size:1.4rem;width:100%;padding:.5rem 1rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}main .page .modalOverlay .inputItem select:focus,main .page .modalOverlay .field select:focus{border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}main .page .modalOverlay .inputItem select option,main .page .modalOverlay .field select option{font-size:1.4rem;padding:.5rem}main .page .modalOverlay .inputItem select option:hover,main .page .modalOverlay .field select option:hover,main .page .modalOverlay .inputItem select option:focus,main .page .modalOverlay .field select option:focus{background-color:#e9ecef}main .page .modalOverlay .checkBoxInput,main .page .modalOverlay .summaryPanel .checkRow,.summaryPanel main .page .modalOverlay .checkRow{display:flex;align-items:center;gap:1rem;-webkit-user-select:none;user-select:none;padding:.5rem 0;margin:.5rem 0}main .page .modalOverlay .checkBoxInput input,main .page .modalOverlay .summaryPanel .checkRow input,.summaryPanel main .page .modalOverlay .checkRow input{position:absolute;opacity:0}main .page .modalOverlay .checkBoxInput .custom-checkbox,main .page .modalOverlay .summaryPanel .checkRow .custom-checkbox,.summaryPanel main .page .modalOverlay .checkRow .custom-checkbox{display:flex;align-items:center;gap:1rem;position:relative;cursor:pointer}main .page .modalOverlay .checkBoxInput .custom-checkbox .checkmark,main .page .modalOverlay .summaryPanel .checkRow .custom-checkbox .checkmark,.summaryPanel main .page .modalOverlay .checkRow .custom-checkbox .checkmark{height:2rem;width:2rem;border:.2rem solid var(--border-color);border-radius:.4rem;box-sizing:border-box;transition:.3s ease-in-out border;flex-shrink:0;transition:.3s ease-in-out display}main .page .modalOverlay .checkBoxInput .custom-checkbox .checkmark:hover,main .page .modalOverlay .summaryPanel .checkRow .custom-checkbox .checkmark:hover,.summaryPanel main .page .modalOverlay .checkRow .custom-checkbox .checkmark:hover{border-color:var(--accent);box-shadow:0 0 0 .05rem var(--accent-shadow)}main .page .modalOverlay .checkBoxInput .custom-checkbox .checkmark:after,main .page .modalOverlay .summaryPanel .checkRow .custom-checkbox .checkmark:after,.summaryPanel main .page .modalOverlay .checkRow .custom-checkbox .checkmark:after{content:"";display:block;position:absolute;top:.32rem;left:.32rem;width:1.35rem;height:1.35rem;background-color:var(--accent-500);border-radius:.2rem;transition:.3s ease-in-out display;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .2s ease}main .page .modalOverlay .checkBoxInput .custom-checkbox input:checked+.checkmark:after,main .page .modalOverlay .summaryPanel .checkRow .custom-checkbox input:checked+.checkmark:after,.summaryPanel main .page .modalOverlay .checkRow .custom-checkbox input:checked+.checkmark:after{opacity:1;transform:scale(1)}main .page .modalOverlay .checkBoxInput .label-text,main .page .modalOverlay .summaryPanel .checkRow .label-text,.summaryPanel main .page .modalOverlay .checkRow .label-text{font-size:1.4rem;font-weight:500;color:var(--text-color)}main .page .modelCont{position:fixed;height:100vh;width:100%;top:0;left:0;background-color:#00000076;z-index:2;display:flex;justify-content:flex-end;overflow:hidden}main .page .modalOverlay .model,main .page .modelCont .model{background-color:#fff;width:40%;height:min-content;max-height:60vh;overflow-x:scroll;margin:5rem auto;border-radius:.4rem;box-shadow:0 2px 10px #0000001a}main .page .modalOverlay .model .modelHeader,main .page .modelCont .model .modelHeader{padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:.18rem var(--border-color) solid;height:4rem}main .page .modalOverlay .model .modelHeader button,main .page .modelCont .model .modelHeader button{color:var(--offwhite);transition:.3s ease-in-out color}main .page .modalOverlay .model .modelHeader button:hover,main .page .modelCont .model .modelHeader button:hover{color:#000}main .page .modalOverlay .model .modelContent,main .page .modelCont .model .modelContent{padding:1rem}main .page .modalOverlay .model .modelContent .inputItem,main .page .modalOverlay .model .modelContent .field,main .page .modelCont .model .modelContent .inputItem,main .page .modelCont .model .modelContent .field{width:95%}main .page .modalOverlay .model .modelContent .inputItem label,main .page .modalOverlay .model .modelContent .field label,main .page .modelCont .model .modelContent .inputItem label,main .page .modelCont .model .modelContent .field label{font-weight:500;font-size:1.4rem;line-height:2.4;margin:.5rem 0}main .page .modalOverlay .model .modelContent .inputItem input,main .page .modalOverlay .model .modelContent .field input,main .page .modelCont .model .modelContent .inputItem input,main .page .modelCont .model .modelContent .field input{border:.1rem var(--border-color) solid;background-color:#e9ecef;border-radius:.4rem;outline:0;font-family:Inter Tight,sans-serif;height:2.5rem;font-weight:500;font-size:1.4rem;width:100%;padding:.5rem 1rem;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}main .page .modalOverlay .model .modelContent .inputItem input:focus,main .page .modalOverlay .model .modelContent .field input:focus,main .page .modelCont .model .modelContent .inputItem input:focus,main .page .modelCont .model .modelContent .field input:focus{border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}main .page .modalOverlay .model .modelContent .inputItem select,main .page .modalOverlay .model .modelContent .field select,main .page .modelCont .model .modelContent .inputItem select,main .page .modelCont .model .modelContent .field select{border:.1rem solid #ccc;background-color:#e9ecef;border-radius:.4rem;outline:0;font-family:Inter Tight,sans-serif;height:3.5rem;font-weight:500;font-size:1.4rem;width:100%;padding:.5rem 1rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}main .page .modalOverlay .model .modelContent .inputItem select:focus,main .page .modalOverlay .model .modelContent .field select:focus,main .page .modelCont .model .modelContent .inputItem select:focus,main .page .modelCont .model .modelContent .field select:focus{border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}main .page .modalOverlay .model .modelContent .inputItem select option,main .page .modalOverlay .model .modelContent .field select option,main .page .modelCont .model .modelContent .inputItem select option,main .page .modelCont .model .modelContent .field select option{font-size:1.4rem;padding:.5rem}main .page .modalOverlay .model .modelContent .inputItem select option:hover,main .page .modalOverlay .model .modelContent .field select option:hover,main .page .modalOverlay .model .modelContent .inputItem select option:focus,main .page .modalOverlay .model .modelContent .field select option:focus,main .page .modelCont .model .modelContent .inputItem select option:hover,main .page .modelCont .model .modelContent .field select option:hover,main .page .modelCont .model .modelContent .inputItem select option:focus,main .page .modelCont .model .modelContent .field select option:focus{background-color:#e9ecef}main .page .modalOverlay .model .modelContent .checkBoxInput,main .page .modalOverlay .model .modelContent .summaryPanel .checkRow,.summaryPanel main .page .modalOverlay .model .modelContent .checkRow,main .page .modelCont .model .modelContent .checkBoxInput,main .page .modelCont .model .modelContent .summaryPanel .checkRow,.summaryPanel main .page .modelCont .model .modelContent .checkRow{display:flex;align-items:center;gap:1rem;-webkit-user-select:none;user-select:none;padding:.5rem 0;margin:.5rem 0}main .page .modalOverlay .model .modelContent .checkBoxInput input,main .page .modalOverlay .model .modelContent .summaryPanel .checkRow input,.summaryPanel main .page .modalOverlay .model .modelContent .checkRow input,main .page .modelCont .model .modelContent .checkBoxInput input,main .page .modelCont .model .modelContent .summaryPanel .checkRow input,.summaryPanel main .page .modelCont .model .modelContent .checkRow input{position:absolute;opacity:0}main .page .modalOverlay .model .modelContent .checkBoxInput .custom-checkbox,main .page .modalOverlay .model .modelContent .summaryPanel .checkRow .custom-checkbox,.summaryPanel main .page .modalOverlay .model .modelContent .checkRow .custom-checkbox,main .page .modelCont .model .modelContent .checkBoxInput .custom-checkbox,main .page .modelCont .model .modelContent .summaryPanel .checkRow .custom-checkbox,.summaryPanel main .page .modelCont .model .modelContent .checkRow .custom-checkbox{display:flex;align-items:center;gap:1rem;position:relative;cursor:pointer}main .page .modalOverlay .model .modelContent .checkBoxInput .custom-checkbox .checkmark,main .page .modalOverlay .model .modelContent .summaryPanel .checkRow .custom-checkbox .checkmark,.summaryPanel main .page .modalOverlay .model .modelContent .checkRow .custom-checkbox .checkmark,main .page .modelCont .model .modelContent .checkBoxInput .custom-checkbox .checkmark,main .page .modelCont .model .modelContent .summaryPanel .checkRow .custom-checkbox .checkmark,.summaryPanel main .page .modelCont .model .modelContent .checkRow .custom-checkbox .checkmark{height:2rem;width:2rem;border:.2rem solid var(--border-color);border-radius:.4rem;box-sizing:border-box;flex-shrink:0;transition:.3s ease-in-out border;transition:.3s ease-in-out display}main .page .modalOverlay .model .modelContent .checkBoxInput .custom-checkbox .checkmark:hover,main .page .modalOverlay .model .modelContent .summaryPanel .checkRow .custom-checkbox .checkmark:hover,.summaryPanel main .page .modalOverlay .model .modelContent .checkRow .custom-checkbox .checkmark:hover,main .page .modelCont .model .modelContent .checkBoxInput .custom-checkbox .checkmark:hover,main .page .modelCont .model .modelContent .summaryPanel .checkRow .custom-checkbox .checkmark:hover,.summaryPanel main .page .modelCont .model .modelContent .checkRow .custom-checkbox .checkmark:hover{border-color:var(--accent);box-shadow:0 0 0 .05rem var(--accent-shadow)}main .page .modalOverlay .model .modelContent .checkBoxInput .custom-checkbox .checkmark:after,main .page .modalOverlay .model .modelContent .summaryPanel .checkRow .custom-checkbox .checkmark:after,.summaryPanel main .page .modalOverlay .model .modelContent .checkRow .custom-checkbox .checkmark:after,main .page .modelCont .model .modelContent .checkBoxInput .custom-checkbox .checkmark:after,main .page .modelCont .model .modelContent .summaryPanel .checkRow .custom-checkbox .checkmark:after,.summaryPanel main .page .modelCont .model .modelContent .checkRow .custom-checkbox .checkmark:after{content:"";display:block;position:absolute;top:.32rem;left:.32rem;width:1.35rem;height:1.35rem;background-color:var(--accent-500);border-radius:.2rem;transition:.3s ease-in-out display;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .2s ease}main .page .modalOverlay .model .modelContent .checkBoxInput .custom-checkbox input:checked+.checkmark:after,main .page .modalOverlay .model .modelContent .summaryPanel .checkRow .custom-checkbox input:checked+.checkmark:after,.summaryPanel main .page .modalOverlay .model .modelContent .checkRow .custom-checkbox input:checked+.checkmark:after,main .page .modelCont .model .modelContent .checkBoxInput .custom-checkbox input:checked+.checkmark:after,main .page .modelCont .model .modelContent .summaryPanel .checkRow .custom-checkbox input:checked+.checkmark:after,.summaryPanel main .page .modelCont .model .modelContent .checkRow .custom-checkbox input:checked+.checkmark:after{opacity:1;transform:scale(1)}main .page .modalOverlay .model .modelContent .checkBoxInput .label-text,main .page .modalOverlay .model .modelContent .summaryPanel .checkRow .label-text,.summaryPanel main .page .modalOverlay .model .modelContent .checkRow .label-text,main .page .modelCont .model .modelContent .checkBoxInput .label-text,main .page .modelCont .model .modelContent .summaryPanel .checkRow .label-text,.summaryPanel main .page .modelCont .model .modelContent .checkRow .label-text{font-size:1.4rem;font-weight:500;color:var(--text-color)}main .page .modalOverlay .model .modelFooter,main .page .modelCont .model .modelFooter{padding:1rem;display:flex;justify-content:flex-end;gap:1rem}main .page.offerPage{padding:1rem}main .page.offerPage .formContainer{display:flex;gap:1rem}main .page.offerPage .formGroup{margin:1rem 0 0}main .page.offerPage .inputGroup{border:.2rem var(--border-color) solid;border-radius:.4rem;padding:1rem}main .page.offerPage .inputGroup .groupTitle{font-size:1.6rem;font-weight:600;display:flex;align-items:center;gap:1rem;margin:.5rem 0}main .page.offerPage .inputGroup .checkBoxInput,main .page.offerPage .inputGroup .summaryPanel .checkRow,.summaryPanel main .page.offerPage .inputGroup .checkRow{display:flex;align-items:center;gap:1rem;-webkit-user-select:none;user-select:none;padding:.5rem 0;margin:.5rem 0}main .page.offerPage .inputGroup .checkBoxInput input,main .page.offerPage .inputGroup .summaryPanel .checkRow input,.summaryPanel main .page.offerPage .inputGroup .checkRow input{position:absolute;opacity:0}main .page.offerPage .inputGroup .checkBoxInput .custom-checkbox,main .page.offerPage .inputGroup .summaryPanel .checkRow .custom-checkbox,.summaryPanel main .page.offerPage .inputGroup .checkRow .custom-checkbox{display:flex;align-items:center;gap:1rem;position:relative;cursor:pointer}main .page.offerPage .inputGroup .checkBoxInput .custom-checkbox .checkmark,main .page.offerPage .inputGroup .summaryPanel .checkRow .custom-checkbox .checkmark,.summaryPanel main .page.offerPage .inputGroup .checkRow .custom-checkbox .checkmark{height:2rem;width:2rem;border:.2rem solid var(--border-color);border-radius:.4rem;box-sizing:border-box;transition:.3s ease-in-out border;flex-shrink:0;transition:.3s ease-in-out display}main .page.offerPage .inputGroup .checkBoxInput .custom-checkbox .checkmark:hover,main .page.offerPage .inputGroup .summaryPanel .checkRow .custom-checkbox .checkmark:hover,.summaryPanel main .page.offerPage .inputGroup .checkRow .custom-checkbox .checkmark:hover{border-color:var(--accent);box-shadow:0 0 0 .05rem var(--accent-shadow)}main .page.offerPage .inputGroup .checkBoxInput .custom-checkbox .checkmark:after,main .page.offerPage .inputGroup .summaryPanel .checkRow .custom-checkbox .checkmark:after,.summaryPanel main .page.offerPage .inputGroup .checkRow .custom-checkbox .checkmark:after{content:"";display:block;position:absolute;top:.32rem;left:.32rem;width:1.35rem;height:1.35rem;background-color:var(--accent-500);border-radius:.2rem;transition:.3s ease-in-out display;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .2s ease}main .page.offerPage .inputGroup .checkBoxInput .custom-checkbox input:checked+.checkmark:after,main .page.offerPage .inputGroup .summaryPanel .checkRow .custom-checkbox input:checked+.checkmark:after,.summaryPanel main .page.offerPage .inputGroup .checkRow .custom-checkbox input:checked+.checkmark:after{opacity:1;transform:scale(1)}main .page.offerPage .inputGroup .checkBoxInput .label-text,main .page.offerPage .inputGroup .summaryPanel .checkRow .label-text,.summaryPanel main .page.offerPage .inputGroup .checkRow .label-text{font-size:1.4rem;font-weight:500;color:var(--text-color)}main .page.offerPage .inputGroup .groupItem{display:flex;gap:1rem;justify-content:space-between;align-items:center}main .page.offerPage .inputGroup .groupItem .inputItem,main .page.offerPage .inputGroup .groupItem .field{width:85%}main .page.offerPage .inputGroup .groupItem .inputItem input,main .page.offerPage .inputGroup .groupItem .field input{width:90%}main .page.offerPage .inputGroup .inputItem,main .page.offerPage .inputGroup .field{width:95%}main .page.offerPage .inputGroup .inputItem label,main .page.offerPage .inputGroup .field label{font-weight:500;font-size:1.4rem;line-height:2.4;margin:.5rem 0}main .page.offerPage .inputGroup .inputItem input,main .page.offerPage .inputGroup .field input{border:.1rem var(--border-color) solid;background-color:#e9ecef;border-radius:.4rem;outline:0;font-family:Inter Tight,sans-serif;height:2.5rem;font-weight:500;font-size:1.4rem;width:100%;padding:.5rem 1rem;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}main .page.offerPage .inputGroup .inputItem input:focus,main .page.offerPage .inputGroup .field input:focus{border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}main .page.offerPage .inputGroup .inputItem textarea,main .page.offerPage .inputGroup .field textarea{border:.1rem var(--border-color) solid;background-color:#e9ecef;border-radius:.4rem;outline:0;font-family:Inter Tight,sans-serif;height:2.5rem;font-weight:500;font-size:1.4rem;width:100%;padding:.5rem 1rem;resize:vertical;height:8rem;min-height:8rem;max-height:10rem;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}main .page.offerPage .inputGroup .inputItem textarea:focus,main .page.offerPage .inputGroup .field textarea:focus{border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}main .page.offerPage .inputGroup .inputItem select,main .page.offerPage .inputGroup .field select{border:.1rem solid #ccc;background-color:#e9ecef;border-radius:.4rem;outline:0;font-family:Inter Tight,sans-serif;height:3.5rem;font-weight:500;font-size:1.4rem;width:100%;padding:.5rem 1rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}main .page.offerPage .inputGroup .inputItem select:focus,main .page.offerPage .inputGroup .field select:focus{border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}main .page.offerPage .inputGroup .inputItem select option,main .page.offerPage .inputGroup .field select option{font-size:1.4rem;padding:.5rem}main .page.offerPage .inputGroup .inputItem select option:hover,main .page.offerPage .inputGroup .field select option:hover,main .page.offerPage .inputGroup .inputItem select option:focus,main .page.offerPage .inputGroup .field select option:focus{background-color:#e9ecef}main .page.offerPage .inputGroup .inputItem input[type=file],main .page.offerPage .inputGroup .field input[type=file]{-webkit-appearance:none}main .page.offerPage .inputGroup .inputItem .boxCont,main .page.offerPage .inputGroup .field .boxCont{display:flex;align-items:center;justify-content:center}main .page.offerPage .inputGroup .inputItem .boxCont .thumbnailCont,main .page.offerPage .inputGroup .field .boxCont .thumbnailCont{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:50%;gap:.5rem;margin:1rem auto;border:.2rem var(--border-color) solid;background-color:#e9ecef;border-radius:.4rem;cursor:pointer;transition:border-color .2s ease-in-out,background-color .2s,color .2s ease-in-out;color:var(--black-400);font-size:1.4rem;background-size:cover}main .page.offerPage .inputGroup .inputItem .boxCont .thumbnailCont img,main .page.offerPage .inputGroup .field .boxCont .thumbnailCont img{height:100%;width:100%;object-fit:cover}main .page.offerPage .inputGroup .inputItem .boxCont .uploadBox,main .page.offerPage .inputGroup .field .boxCont .uploadBox{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1/.5;width:100%;gap:.5rem;margin:1rem auto;border:.2rem var(--border-color) dashed;background-color:#e9ecef;border-radius:.4rem;cursor:pointer;transition:border-color .2s ease-in-out,background-color .2s,color .2s ease-in-out;color:var(--black-400);font-size:1.4rem}main .page.offerPage .inputGroup .inputItem .boxCont .uploadBox .boxDesc,main .page.offerPage .inputGroup .field .boxCont .uploadBox .boxDesc{display:flex;align-items:center;flex-direction:column;justify-content:center}main .page.offerPage .inputGroup .inputItem .boxCont .uploadBox:hover,main .page.offerPage .inputGroup .field .boxCont .uploadBox:hover{border-color:#888;background-color:var(--background-color);color:var(--black-500)}main .page.offerPage .inputGroup .inputItem .boxCont .uploadBox input[type=file],main .page.offerPage .inputGroup .field .boxCont .uploadBox input[type=file]{display:none}main .page.offerPage .imageThumbnailWrapper{flex:2.5}main .page.offerPage .imageThumbnailWrapper .imageThumbnail{border:.2rem var(--border-color) solid;width:100%;aspect-ratio:1/.35;border-radius:.4rem;background-size:cover;transition:.3s ease-in-out opacity,.3s ease-in-out box-shadow;cursor:pointer}main .page.offerPage .imageThumbnailWrapper .imageThumbnail img{height:100%;width:100%;object-fit:cover;border-radius:.4rem}main .page.offerPage .imageListWrapper{flex:1}main .page.offerPage .imageListWrapper .imageAdd{height:15rem;width:100%;background-color:var(--accent-300);border-radius:.4rem;border:.18rem var(--accent-500) solid}main .page.offerPage .imageListWrapper .imageList{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;width:100%;height:33rem;overflow-x:hidden;overflow-y:auto}main .page.offerPage .imageListWrapper .imageList .imageItem{height:15rem;width:95%;padding:.5rem;border:.18rem var(--border-color) solid;border-radius:.4rem;background-size:cover;position:relative;transition:.3s ease-in-out opacity,.3s ease-in-out box-shadow;cursor:pointer}main .page.offerPage .imageListWrapper .imageList .imageItem img{height:100%;width:100%;object-fit:cover;border-radius:.4rem}main .page.offerPage .imageListWrapper .imageList .imageItem .imageBtn{opacity:0;position:absolute;right:.5rem;top:.5rem;z-index:999;transition:.3s ease-in-out opacity,.3s ease-in-out box-shadow}main .page.offerPage .imageListWrapper .imageList .imageItem .imageBtn button{background-color:var(--red-200);padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--red-500)}main .page.offerPage .imageListWrapper .imageList .imageItem:hover>.imageBtn{opacity:100}main .page.purchaseReportView .modelCont .model{width:60%}main .page.purchaseReportView .modelCont .model h4{margin:1rem 0}main .page.purchaseReportView .itemDetailsTable .itemName,main .page.purchaseReportView .receiptTable .itemName{font-weight:500;padding:.5rem 0}main .page.purchaseReportView .itemDetailsTable .itemName p span,main .page.purchaseReportView .receiptTable .itemName p span{font-weight:500;font-size:1.4rem;padding:0 .5rem}main .page.purchaseReportView .itemDetailsTable .itemName .tag,main .page.purchaseReportView .receiptTable .itemName .tag{display:flex;flex-wrap:wrap;gap:.3rem}main .page.purchaseReportView .itemDetailsTable .itemName .tag .variantTag,main .page.purchaseReportView .receiptTable .itemName .tag .variantTag{font-size:1.1rem;font-weight:400;background-color:var(--accent-100);color:var(--accent-600);padding:.1rem .5rem;border-radius:.3rem;white-space:nowrap}main .page.purchaseEntryPage .select2Footer,main .page.productAddPage .select2Footer{border-top:.1rem solid var(--border-color);padding:.5rem .8rem}main .page.purchaseEntryPage .select2Footer .select2AddNew,main .page.productAddPage .select2Footer .select2AddNew{font-size:1.4rem;font-weight:500;color:var(--accent);padding:.4rem .8rem;border-radius:.4rem;width:100%;text-align:left;transition:background-color .15s ease-in-out}main .page.purchaseEntryPage .select2Footer .select2AddNew:hover,main .page.productAddPage .select2Footer .select2AddNew:hover{background-color:var(--accent-100)}main .page.purchaseEntryPage .select2OptionWithTags,main .page.productAddPage .select2OptionWithTags{display:flex;flex-direction:column;gap:.3rem}main .page.purchaseEntryPage .select2OptionWithTags .select2OptionName,main .page.productAddPage .select2OptionWithTags .select2OptionName{font-weight:500}main .page.purchaseEntryPage .select2OptionWithTags .select2Tags,main .page.productAddPage .select2OptionWithTags .select2Tags{display:flex;flex-wrap:wrap;gap:.3rem}main .page.purchaseEntryPage .select2OptionWithTags .select2Tags .variantTag,main .page.productAddPage .select2OptionWithTags .select2Tags .variantTag{font-size:1.1rem;font-weight:400;background-color:var(--accent-100);color:var(--accent-600);padding:.1rem .5rem;border-radius:.3rem;white-space:nowrap}main .page .deliverySlipLoading{background:#fff;width:min(30rem,92%);text-align:center;padding:2rem;border-radius:.4rem;font-weight:500;box-shadow:0 10px 40px #0000004d}main .page .deliverySlipModal{position:fixed;top:5%;left:5%;right:5%;bottom:5%;background:#fff;border-radius:.4rem;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;z-index:1000;overflow:hidden}main .page .deliverySlipModal .deliverySlipToolbar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;background:#f5f5f5;border-bottom:2px solid #222;flex-shrink:0}main .page .deliverySlipModal .deliverySlipToolbar .deliverySlipCount{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:#333}main .page .deliverySlipModal .deliverySlipToolbar div{display:flex;gap:.5rem}main .page .deliverySlipModal .deliverySlipToolbar .deliverySlipPrintBtn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#222;color:#fff;border:none;border-radius:.3rem;font-weight:600;font-size:.85rem;cursor:pointer}main .page .deliverySlipModal .deliverySlipToolbar .deliverySlipPrintBtn:hover{background:#000}main .page .deliverySlipModal .deliverySlipToolbar .deliverySlipCloseBtn{background:none;border:1px solid #ccc;border-radius:.3rem;font-size:1.2rem;padding:.3rem .7rem;cursor:pointer;color:#555}main .page .deliverySlipModal .deliverySlipToolbar .deliverySlipCloseBtn:hover{background:#e0e0e0}main .page .deliverySlipModal .deliverySlipsContainer{flex:1;overflow-y:auto;padding:1.5rem;background:#f0f0f0;display:flex;flex-direction:column;gap:2rem}main .page .deliverySlipModal .deliverySlipPage{background:#fff;box-shadow:0 2px 8px #0000001a}main .page .deliverySlipModal .deliverySlip{padding:2rem;font-family:Courier New,Courier,monospace;color:#111;page-break-after:always}main .page .deliverySlipModal .deliverySlip .slipHeader{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}main .page .deliverySlipModal .deliverySlip .slipHeader h2{font-size:1.2rem;font-weight:900;letter-spacing:3px;color:#000;margin:0}main .page .deliverySlipModal .deliverySlip .slipHeader .slipOrderId{font-size:1rem;font-weight:700;color:#555}main .page .deliverySlipModal .deliverySlip .slipDocIds{font-size:.8rem;font-weight:700;color:#222;letter-spacing:.5px;margin:0 0 .5rem;overflow-wrap:anywhere}main .page .deliverySlipModal .deliverySlip .slipDivider{border-top:3px double #222;margin:1rem 0}main .page .deliverySlipModal .deliverySlip .slipSection{margin:1rem 0}main .page .deliverySlipModal .deliverySlip .slipSection .slipSectionTitle{font-size:.75rem;font-weight:800;letter-spacing:1.5px;color:#888;margin-bottom:.5rem}main .page .deliverySlipModal .deliverySlip .slipSection .slipAddress{font-size:.9rem;line-height:1.6;color:#333}main .page .deliverySlipModal .deliverySlip .slipSection .slipAddress .slipAddressName{font-weight:700;font-size:1rem}main .page .deliverySlipModal .deliverySlip .slipItemsTable{width:100%;border-collapse:collapse;font-size:.85rem}main .page .deliverySlipModal .deliverySlip .slipItemsTable th{text-align:left;padding:.6rem .4rem;border-bottom:2px solid #222;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#555}main .page .deliverySlipModal .deliverySlip .slipItemsTable td{padding:.6rem .4rem;border-bottom:1px solid #ddd;vertical-align:top}main .page .deliverySlipModal .deliverySlip .slipItemsTable .slipProductName{font-weight:600}main .page .deliverySlipModal .deliverySlip .slipItemsTable .slipProductAttrs{font-size:.75rem;color:#888;margin-top:.2rem}main .page .deliverySlipModal .deliverySlip .slipItemsTable .slipSku{font-family:Courier New,monospace;font-size:.75rem;color:#777}main .page .deliverySlipModal .deliverySlip .slipBottomInfo{margin-top:1.5rem;font-size:.9rem;color:#555}main .page .deliverySlipModal .deliverySlip .slipBottomRow{display:flex;justify-content:space-between;gap:2rem;margin-bottom:.4rem}main .page .deliverySlipModal .deliverySlip .slipNote{font-style:italic;color:#888}main .page .deliverySlipModal .deliverySlip .slipTotals{margin:1rem 0;margin-left:auto;width:250px}main .page .deliverySlipModal .deliverySlip .slipTotals .slipTotalRow{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.85rem}main .page .deliverySlipModal .deliverySlip .slipTotals .slipTotalRow span:first-child{color:#666}main .page .deliverySlipModal .deliverySlip .slipTotals .slipGrandTotal{border-top:2px solid #222;margin-top:.3rem;padding-top:.5rem;font-weight:800;font-size:1rem}main .page .deliverySlipModal .deliverySlip .slipTotals .slipGrandTotal span{color:#000!important}main .page .deliverySlipModal .deliverySlip .slipFooter{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #ccc;font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.5px}main .page .summaryPage .summarySlip .slipHeader h2{color:var(--accent)}main .page .summaryPage .summarySlip .slipItemsTable th:nth-child(1){width:80px}main .viewBarWrapper{position:fixed;height:100vh;width:100%;top:0;left:0;background-color:#00000076;z-index:2;display:flex;justify-content:flex-end;overflow:hidden}main .viewBarWrapper .viewBar{z-index:9;background-color:#fff;margin:1rem;border-radius:.4rem;width:55rem;max-height:97vh;height:auto;overflow-y:auto;position:relative}main .viewBarWrapper .viewBar .viewHeader{padding:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:.18rem var(--border-color) solid;height:4rem}main .viewBarWrapper .viewBar .viewHeader button{color:var(--offwhite);transition:.3s ease-in-out color}main .viewBarWrapper .viewBar .viewHeader button:hover{color:#000}main .viewBarWrapper .viewBar .viewCont{padding:2rem}main .viewBarWrapper .viewBar .viewCont .viewItem{display:flex;gap:1rem}main .viewBarWrapper .viewBar .viewCont .viewItem .viewImgItem{display:flex;gap:1rem;flex:1;width:100%;justify-content:center;align-items:center}main .viewBarWrapper .viewBar .viewCont .viewItem .viewImgItem .imgItem{height:22rem;width:22rem;overflow:hidden;background-size:cover;border-radius:.4rem;background-color:var(--border-color)}main .viewBarWrapper .viewBar .viewCont .viewItem .viewImgItem .imgItem img{height:100%;width:100%;object-fit:cover}main .viewBarWrapper .viewBar .viewCont .viewItem .viewImgItem .imageColumn{display:flex;flex-direction:column;gap:1rem;height:22rem}main .viewBarWrapper .viewBar .viewCont .viewItem .viewImgItem .imageColumn .imgItem{height:33%;width:100%}main .viewBarWrapper .viewBar .viewCont .viewItem .prodDesc{flex:1}main .viewBarWrapper .viewBar .viewCont .viewItem .prodDesc .descItem{font-size:1.6rem;font-weight:500;line-height:1.6;margin:0}main .viewBarWrapper .viewBar .viewCont .viewItem .prodDesc .descItem span{color:var(--offwhite);margin:0 .5rem 0 0}main .viewBarWrapper .viewBar .viewCont .viewProdDesc{flex:1}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .descItem{font-size:1.5rem;margin:1rem 0}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .descItem h4{font-size:1.8rem;margin:0;font-weight:600}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .descItem p{margin:.5rem 0;font-size:1.5rem;font-weight:450}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .descItem span{color:var(--black-400);margin:0 .5rem 0 0}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .descHeader{width:100%}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .descHeader h3{font-size:2rem;flex:1}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodRating{display:flex;color:var(--offwhite)}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodRating span{color:#000;font-weight:500}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodTags{font-weight:500;gap:1rem;display:flex;align-items:center}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodTags .tags{display:flex;align-items:center;padding:.5rem 1rem;border-radius:.4rem;background-color:#e9ecef;gap:.5rem}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodTags .tags .up{display:flex;color:var(--green-400)}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodTags .tags .down{display:flex;color:var(--red-500)}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags{font-weight:500;gap:.5rem;display:flex;align-items:center}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags .pill{font-size:1.4rem;display:flex;align-items:center;justify-content:center;gap:.25rem;border-radius:999999px;padding:.2rem 0;width:8rem}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags .pill.pending{border:.2rem var(--yellow-300) solid;background-color:var(--yellow-100);color:var(--yellow-600)}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags .pill.delivered{border:.2rem var(--green-300) solid;background-color:var(--green-100);color:var(--green-600)}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags .pill.cancelled{background-color:#fee2e2;color:#991b1b}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags .pill.paid{background-color:#dcfce7;color:#166534}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderTags .pill.unpaid{background-color:#fef2f2;color:#b91c1c}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodSizes .tagGroup{display:flex;align-items:center;gap:1rem;margin:1rem 0}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .prodSizes .tags{display:flex;align-items:center;padding:.5rem 1rem;border-radius:.4rem;background-color:#e9ecef;gap:.5rem;font-weight:500}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .priceTable table{width:100%;border-collapse:separate;table-layout:fixed;border-spacing:0;font-size:1.5rem;border:.15rem solid var(--border-color);border-radius:.4rem;margin:.5rem 0}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .priceTable table .headerCell{border:.15rem solid var(--border-color);font-weight:600;padding:.75rem;text-align:left}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .priceTable table .cell{padding:.75rem;border:.15rem solid var(--border-color);font-weight:500}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .priceTable table .cell span{color:var(--offwhite);text-decoration:line-through}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .priceTable table .cell .box{width:2rem;height:2rem;display:inline-block;border:.1rem solid var(--border-color);background-size:cover}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table{width:100%;border-collapse:separate;table-layout:fixed;border-spacing:0;font-size:1.5rem;border:.15rem solid var(--border-color);border-radius:.4rem;margin:.5rem 0}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .headerCell{border:.15rem solid var(--border-color);font-weight:600;padding:.75rem;text-align:left}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .headerCell:nth-child(2),main .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .headerCell:nth-child(3){width:8rem}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .cell{padding:.75rem;border:.15rem solid var(--border-color);font-weight:500}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .cell span{color:var(--offwhite);text-decoration:line-through}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .cell:nth-child(2),main .viewBarWrapper .viewBar .viewCont .viewProdDesc .priceTableCont .orderTable table .cell:nth-child(3){width:5rem}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderSummary p{display:flex;justify-content:space-between;align-items:center}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderSummary p span:nth-child(2){color:#000}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .orderSummary p.orderTotal span{color:#000}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .viewButton{display:flex;justify-content:space-between;width:100%;gap:.5rem}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .viewButton a{height:100%;width:100%;flex:1;border:.2rem var(--border-color) solid;font-size:1.6rem;border-radius:.4rem}main .viewBarWrapper .viewBar .viewCont .viewProdDesc .viewButton a button{width:100%;padding:.8rem}@media print{main body *{visibility:hidden}main .deliverySlipsContainer,main .deliverySlipsContainer *{visibility:visible}main .modalOverlay,main .deliverySlipModal{visibility:visible;position:static;background:transparent;box-shadow:none}main .deliverySlipToolbar{display:none}}.settings{padding:1rem}.settings .topNav{margin:1.5rem 0;width:50rem}.settings .topNav .toggle{width:100%;height:3.7rem;background-color:#e9ecef;border:.18rem solid var(--border-color);border-radius:.4rem;display:flex;align-items:center;justify-content:space-between;padding:.4rem;font-weight:600;font-size:1.4rem;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;box-sizing:border-box}.settings .topNav .toggle .option{width:33.33%;text-align:center;z-index:2;color:var(--black-600);transition:color .3s ease;cursor:pointer}.settings .topNav .toggle .option.active{color:var(--black-100)}.settings .topNav .toggle .toggle-indicator{position:absolute;top:.2rem;left:.4rem;width:calc(33.33% - .8rem);height:3rem;background-color:var(--accent-500);border-radius:.4rem;transition:left .3s ease;z-index:1}.settings .topNav .toggle.general .toggle-indicator{left:.4rem}.settings .topNav .toggle.payment .toggle-indicator{left:calc(33.33% + .4rem)}.settings .topNav .toggle.shipping .toggle-indicator{left:calc(66.66% + .4rem)}.settings .tabCont .tab{margin:1rem 0 0;display:none}.settings .tabCont .tab.active{display:block}.settings .tabCont .pageHeader{margin:0 0 2rem;display:flex;justify-content:space-between;align-content:center}.settings .tabCont .pageHeader p{color:var(--black-400)}.settings .tabCont .pageHeader .buttonGroup{display:flex;align-content:center;gap:1rem;height:min-content}.settings .tabCont .inputGroup{display:flex;border-radius:.4rem;padding:1rem;gap:1rem}.settings .tabCont .inputGroup .groupDesc{font-size:1.4rem;color:var(--black-400);margin:.5rem 0 1rem}.settings .tabCont .inputGroup .groupLabel{flex:1}.settings .tabCont .inputGroup .sideInput{flex:1;margin-right:2rem}.settings .tabCont .inputGroup .sideInput button{font-size:1.4rem}.settings .tabCont .inputGroup .groupTitle{font-size:1.6rem;font-weight:600;display:flex;align-items:center;gap:1rem;margin:.5rem 0}.settings .tabCont .inputGroup .itemWrapper{display:flex;flex-direction:column;gap:1rem}.settings .tabCont .inputGroup .itemWrapper .item{display:flex;align-items:center;gap:1rem}.settings .tabCont .inputGroup .itemWrapper .item .itemImage{height:8rem;width:8rem;background-size:cover}.settings .tabCont .inputGroup .itemWrapper .item .itemImage img{height:100%;width:100%;border-radius:.4rem;object-fit:cover}.settings .tabCont .inputGroup .itemWrapper .item .itemDesc{width:55%}.settings .tabCont .inputGroup .itemWrapper .item .itemDesc p{font-size:1.4rem;margin:0;padding:0;color:var(--black-400)}.settings .tabCont .inputGroup .itemWrapper .item .itemDesc h3{font-size:1.6rem}.settings .tabCont .inputGroup .itemWrapper .item .listDesc p{font-size:1.4rem;margin:0;padding:0;line-height:2.4rem}.settings .tabCont .inputGroup .itemWrapper .item .listDesc p span{color:var(--black-400)}.settings .tabCont .inputGroup .itemWrapper .item .itemTags{display:flex;width:25%;gap:1rem}.settings .tabCont .inputGroup .itemWrapper .item .itemTags .tag{font-size:1.4rem;font-weight:500;border:.2rem var(--black-300) solid;padding:.5rem;border-radius:.4rem}.settings .tabCont .inputGroup .itemTable table{width:100%;border-collapse:separate;table-layout:fixed;border-spacing:0;font-size:1.4rem;border-radius:.4rem}.settings .tabCont .inputGroup .itemTable table tr{font-size:1.4rem;font-weight:500;line-height:2.4rem}.settings .tabCont .inputGroup .itemTable table tr:last-child{border:.2rem var(--black-300) solid;font-weight:600}.settings .tabCont .inputGroup .itemTable table td:nth-child(1){width:1fr}.settings .tabCont .inputGroup .itemTable table td:nth-child(2){width:15rem;text-align:left}.settings .tabCont .inputGroup .itemTable table td:nth-child(3){width:10rem}.settings .tabCont .inputGroup .checkBoxInput,.settings .tabCont .inputGroup .summaryPanel .checkRow,.summaryPanel .settings .tabCont .inputGroup .checkRow{display:flex;align-items:center;gap:1rem;-webkit-user-select:none;user-select:none;padding:.5rem 0;margin:.5rem 0}.settings .tabCont .inputGroup .checkBoxInput input,.settings .tabCont .inputGroup .summaryPanel .checkRow input,.summaryPanel .settings .tabCont .inputGroup .checkRow input{position:absolute;opacity:0}.settings .tabCont .inputGroup .checkBoxInput .custom-checkbox,.settings .tabCont .inputGroup .summaryPanel .checkRow .custom-checkbox,.summaryPanel .settings .tabCont .inputGroup .checkRow .custom-checkbox{display:flex;align-items:center;gap:1rem;position:relative;cursor:pointer}.settings .tabCont .inputGroup .checkBoxInput .custom-checkbox .checkmark,.settings .tabCont .inputGroup .summaryPanel .checkRow .custom-checkbox .checkmark,.summaryPanel .settings .tabCont .inputGroup .checkRow .custom-checkbox .checkmark{height:2rem;width:2rem;border:.2rem solid var(--border-color);border-radius:.4rem;box-sizing:border-box;transition:.3s ease-in-out border;flex-shrink:0;transition:.3s ease-in-out display}.settings .tabCont .inputGroup .checkBoxInput .custom-checkbox .checkmark:hover,.settings .tabCont .inputGroup .summaryPanel .checkRow .custom-checkbox .checkmark:hover,.summaryPanel .settings .tabCont .inputGroup .checkRow .custom-checkbox .checkmark:hover{border-color:var(--accent);box-shadow:0 0 0 .05rem var(--accent-shadow)}.settings .tabCont .inputGroup .checkBoxInput .custom-checkbox .checkmark:after,.settings .tabCont .inputGroup .summaryPanel .checkRow .custom-checkbox .checkmark:after,.summaryPanel .settings .tabCont .inputGroup .checkRow .custom-checkbox .checkmark:after{content:"";display:block;position:absolute;top:.32rem;left:.32rem;width:1.35rem;height:1.35rem;background-color:var(--accent-500);border-radius:.2rem;transition:.3s ease-in-out display;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .2s ease}.settings .tabCont .inputGroup .checkBoxInput .custom-checkbox input:checked+.checkmark:after,.settings .tabCont .inputGroup .summaryPanel .checkRow .custom-checkbox input:checked+.checkmark:after,.summaryPanel .settings .tabCont .inputGroup .checkRow .custom-checkbox input:checked+.checkmark:after{opacity:1;transform:scale(1)}.settings .tabCont .inputGroup .checkBoxInput .label-text,.settings .tabCont .inputGroup .summaryPanel .checkRow .label-text,.summaryPanel .settings .tabCont .inputGroup .checkRow .label-text{font-size:1.4rem;font-weight:500;color:var(--text-color)}.settings .tabCont .inputGroup .groupItem{display:flex;gap:1rem;justify-content:space-between;align-items:center}.settings .tabCont .inputGroup .groupItem .inputItem,.settings .tabCont .inputGroup .groupItem .field{width:85%}.settings .tabCont .inputGroup .groupItem .inputItem input,.settings .tabCont .inputGroup .groupItem .field input{width:90%}.settings .tabCont .inputGroup .inputItem,.settings .tabCont .inputGroup .field{width:95%}.settings .tabCont .inputGroup .inputItem.disabled label,.settings .tabCont .inputGroup .disabled.field label{color:var(--black-300)}.settings .tabCont .inputGroup .inputItem label,.settings .tabCont .inputGroup .field label{font-weight:500;font-size:1.4rem;line-height:2.4;margin:.5rem 0}.settings .tabCont .inputGroup .inputItem input,.settings .tabCont .inputGroup .field input{border:.1rem var(--border-color) solid;background-color:#e9ecef;border-radius:.4rem;outline:0;font-family:Inter Tight,sans-serif;height:2.5rem;font-weight:500;font-size:1.4rem;width:100%;padding:.5rem 1rem;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}.settings .tabCont .inputGroup .inputItem input:focus,.settings .tabCont .inputGroup .field input:focus{border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}.settings .tabCont .inputGroup .inputItem textarea,.settings .tabCont .inputGroup .field textarea{border:.1rem var(--border-color) solid;background-color:#e9ecef;border-radius:.4rem;outline:0;font-family:Inter Tight,sans-serif;height:2.5rem;font-weight:500;font-size:1.4rem;width:100%;padding:.5rem 1rem;resize:vertical;height:8rem;min-height:8rem;max-height:10rem;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}.settings .tabCont .inputGroup .inputItem textarea:focus,.settings .tabCont .inputGroup .field textarea:focus{border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}.settings .tabCont .inputGroup .inputItem select,.settings .tabCont .inputGroup .field select{border:.1rem solid #ccc;background-color:#e9ecef;border-radius:.4rem;outline:0;font-family:Inter Tight,sans-serif;height:3.5rem;font-weight:500;font-size:1.4rem;width:100%;padding:.5rem 1rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}.settings .tabCont .inputGroup .inputItem select:focus,.settings .tabCont .inputGroup .field select:focus{border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}.settings .tabCont .inputGroup .inputItem select option,.settings .tabCont .inputGroup .field select option{font-size:1.4rem;padding:.5rem}.settings .tabCont .inputGroup .inputItem select option:hover,.settings .tabCont .inputGroup .field select option:hover,.settings .tabCont .inputGroup .inputItem select option:focus,.settings .tabCont .inputGroup .field select option:focus{background-color:#e9ecef}.settings .tabCont .inputGroup .inputItem input[type=file],.settings .tabCont .inputGroup .field input[type=file]{-webkit-appearance:none}.settings .tabCont .inputGroup .inputItem .boxCont,.settings .tabCont .inputGroup .field .boxCont{display:flex;align-items:center}.settings .tabCont .inputGroup .inputItem .boxCont .thumbnailCont,.settings .tabCont .inputGroup .field .boxCont .thumbnailCont{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:50%;gap:.5rem;margin:1rem auto;border:.2rem var(--border-color) solid;background-color:#e9ecef;border-radius:.4rem;cursor:pointer;transition:border-color .2s ease-in-out,background-color .2s,color .2s ease-in-out;color:var(--black-400);font-size:1.4rem;background-size:cover}.settings .tabCont .inputGroup .inputItem .boxCont .thumbnailCont img,.settings .tabCont .inputGroup .field .boxCont .thumbnailCont img{height:100%;width:100%;object-fit:cover}.settings .tabCont .inputGroup .inputItem .boxCont .uploadBox,.settings .tabCont .inputGroup .field .boxCont .uploadBox{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:50%;gap:.5rem;margin:1rem auto;border:.2rem var(--border-color) dashed;background-color:#e9ecef;border-radius:.4rem;cursor:pointer;transition:border-color .2s ease-in-out,background-color .2s,color .2s ease-in-out;color:var(--black-400);font-size:1.4rem}.settings .tabCont .inputGroup .inputItem .boxCont .uploadBox .boxDesc,.settings .tabCont .inputGroup .field .boxCont .uploadBox .boxDesc{display:flex;align-items:center;flex-direction:column;justify-content:center}.settings .tabCont .inputGroup .inputItem .boxCont .uploadBox:hover,.settings .tabCont .inputGroup .field .boxCont .uploadBox:hover{border-color:#888;background-color:var(--background-color);color:var(--black-500)}.settings .tabCont .inputGroup .inputItem .boxCont .uploadBox input[type=file],.settings .tabCont .inputGroup .field .boxCont .uploadBox input[type=file]{display:none}.settings .tabCont .inputGroup .productImages{display:flex;flex-direction:column;gap:1rem;width:100%;margin:1rem 0 0;min-height:12rem;max-height:38.5rem;overflow-x:hidden;overflow-y:auto}.settings .tabCont .inputGroup .productImages .imageCont{width:95%;display:flex;gap:1rem;border-radius:.4rem;padding:.5rem;background-color:#e9ecef;border:.1rem var(--border-color) solid;position:relative;transition:.3s ease-in-out opacity,.3s ease-in-out box-shadow;cursor:pointer}.settings .tabCont .inputGroup .productImages .imageCont .imageItem{width:5rem;aspect-ratio:1/1;background-size:cover;background-color:var(--black-100);padding:.5rem;border-radius:.4rem}.settings .tabCont .inputGroup .productImages .imageCont .imageItem img{height:100%;width:100%;object-fit:cover}.settings .tabCont .inputGroup .productImages .imageCont .imageDesc{padding:.5rem;font-size:1.4rem;font-weight:500}.settings .tabCont .inputGroup .productImages .imageCont .imageDesc .alt{font-size:1.2rem;color:var(--black-400)}.settings .tabCont .inputGroup .productImages .imageCont .imageBtn{opacity:0;position:absolute;right:.5rem;top:.5rem;z-index:999}.settings .tabCont .inputGroup .productImages .imageCont .imageBtn button{background-color:var(--red-200);padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--red-500)}.settings .tabCont .inputGroup .productImages .imageCont:hover>.imageBtn{opacity:100}.settings .tabCont .inputGroup .productImages .imageCont:hover{border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}.settings .tabCont .inputGroup .inputButton{margin:1rem 0;display:flex;justify-content:flex-end}.settings .itemDetailsTable{width:100%;border-collapse:collapse;font-size:1.4rem}.settings .itemDetailsTable thead{background-color:#f8f9fa}.settings .itemDetailsTable thead th{padding:1rem .8rem;text-align:left;font-weight:600;border-bottom:.2rem solid var(--border-color)}.settings .itemDetailsTable tbody tr{border-bottom:.1rem solid var(--border-color)}.settings .itemDetailsTable tbody tr:hover{background-color:#f8f9fa}.settings .itemDetailsTable tbody td{padding:1rem .8rem;font-size:1.4rem}.settings .formatBuilder{display:flex;flex-direction:column;gap:.8rem}.settings .formatBuilder .formatInputWrapper{display:flex;gap:.5rem;align-items:center}.settings .formatBuilder .formatInput{flex:1;padding:.8rem 1rem;border:.15rem solid var(--border-color);border-radius:.4rem;font-family:Inter Tight,sans-serif;font-size:1.4rem;font-weight:500;background-color:#fff;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.settings .formatBuilder .formatInput:focus{border-color:var(--accent);box-shadow:0 0 0 .2rem var(--accent-shadow)}.settings .formatBuilder .formatInput.error{border-color:var(--red-500);box-shadow:0 0 0 .2rem var(--red-shadow)}.settings .formatBuilder .formatInputPinned{border-radius:.4rem 0 0 .4rem;border-right:none}.settings .formatBuilder .formatLockedChip{display:flex;align-items:center;gap:.3rem;margin-left:-.5rem;padding:.8rem 1rem;border:.15rem solid var(--border-color);border-radius:0 .4rem .4rem 0;background-color:#f8f9fa;font-family:Inter Tight,sans-serif;font-size:1.4rem;font-weight:500;color:var(--black-500);white-space:pre;flex-shrink:0;box-sizing:border-box}.settings .formatBuilder .formatLockedChip.error{border-color:var(--red-500)}.settings .formatBuilder .formatTagLocked{color:var(--black-500);background-color:#fff;border:.1rem dashed var(--border-color)}.settings .formatBuilder .formatClearBtn{display:flex;align-items:center;justify-content:center;border:.15rem solid var(--border-color);border-radius:.4rem;background-color:#fff;cursor:pointer;transition:all .2s;flex-shrink:0}.settings .formatBuilder .formatClearBtn:hover{border-color:var(--accent);color:var(--accent);background-color:var(--accent-100)}.settings .formatBuilder .formatTagDisplay{display:flex;align-items:center;gap:0;flex-wrap:wrap;padding:.6rem .8rem;background-color:#f8f9fa;border:.1rem solid var(--border-color);border-radius:.4rem;min-height:3.2rem}.settings .formatBuilder .formatTag{display:inline-flex;align-items:center;padding:.25rem .6rem;font-size:1.2rem;font-weight:600;color:var(--accent-600);background-color:var(--accent-200);border:.1rem solid var(--accent-300);border-radius:.3rem;white-space:nowrap}.settings .formatBuilder .formatSeparator{font-size:1.4rem;color:var(--black-500);white-space:pre}.settings .formatBuilder .formatTokens{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.settings .formatBuilder .formatTokensLabel{font-size:1.3rem;color:var(--black-500);font-weight:500;margin-right:.25rem}.settings .formatBuilder .formatTokenBtn{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:1.2rem;font-family:Inter Tight,sans-serif;font-weight:500;color:var(--accent-600);background-color:var(--accent-100);border:.15rem solid var(--accent-300);border-radius:.4rem;cursor:pointer;transition:all .2s}.settings .formatBuilder .formatTokenBtn:hover{background-color:var(--accent-200);border-color:var(--accent-400)}.settings .formatBuilder .formatPreview{margin-top:.5rem;padding:.8rem 1rem;background-color:#f8f9fa;border:.1rem solid var(--border-color);border-radius:.4rem}.settings .formatBuilder .formatPreviewLabel{font-size:1.2rem;color:var(--black-500);font-weight:500;display:block;margin-bottom:.5rem}.settings .formatBuilder .formatPreviewList{display:flex;flex-direction:column;gap:.3rem}.settings .formatBuilder .formatPreviewItem{display:flex;align-items:center;gap:1rem;font-size:1.3rem}.settings .formatBuilder .formatPreviewType{color:var(--black-500);min-width:10rem}.settings .formatBuilder .formatPreviewSample{font-weight:600;color:var(--accent-600);font-family:monospace;font-size:1.3rem}.wrapper{padding:1rem;max-width:100%;overflow-x:auto}.wrapper .dataTableHeader{display:flex;justify-content:space-between;align-items:center}.wrapper .dataTableHeader .buttonGroup{display:flex;gap:1rem}.wrapper .dataTableHeader .buttonGroup button{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:1.5rem;border-radius:.4rem;border:.2rem var(--border-color) solid;padding:.75rem 1rem}.wrapper .inputItem,.wrapper .field{display:flex;align-items:center;gap:.5rem;border:.1rem var(--border-color) solid;background-color:#e9ecef;border-radius:.4rem;width:30rem;padding:0 1rem;margin:1rem 0;box-shadow:0 1px 4px #0000001a}.wrapper .inputItem input,.wrapper .field input{background-color:transparent;border:0;outline:0;font-family:Inter Tight,sans-serif;height:3.5rem;font-weight:500;width:100%;font-size:1.6rem}.wrapper .table{width:100%;border-collapse:separate;table-layout:fixed;border-spacing:0;font-size:1.4rem;border:.1rem solid var(--border-color);border-radius:.4rem}.wrapper .table .headerCell{border:.1rem solid var(--border-color);font-weight:600;padding:.75rem;cursor:pointer;text-align:left}.wrapper .table .headerCell:hover{background:#ececec}.wrapper .table .headerCell .sortIndicator{margin-left:4px;font-size:1.2rem}.wrapper .table .headerCell:nth-child(1){width:4rem}.wrapper .table .headerCell:last-child{width:20rem}.wrapper .table .headerCell.groupHeader{text-align:center;cursor:default}.wrapper .table .headerCell.groupHeader:hover{background:transparent}.wrapper .table .checkBoxInput,.wrapper .table .summaryPanel .checkRow,.summaryPanel .wrapper .table .checkRow{display:flex;align-items:center;gap:1rem;-webkit-user-select:none;user-select:none;padding:.5rem 0;background-color:transparent}.wrapper .table .checkBoxInput .custom-checkbox,.wrapper .table .summaryPanel .checkRow .custom-checkbox,.summaryPanel .wrapper .table .checkRow .custom-checkbox{display:flex;align-items:center;gap:1rem;position:relative;cursor:pointer}.wrapper .table .checkBoxInput .custom-checkbox input,.wrapper .table .summaryPanel .checkRow .custom-checkbox input,.summaryPanel .wrapper .table .checkRow .custom-checkbox input{position:absolute;opacity:0}.wrapper .table .checkBoxInput .custom-checkbox .checkmark,.wrapper .table .summaryPanel .checkRow .custom-checkbox .checkmark,.summaryPanel .wrapper .table .checkRow .custom-checkbox .checkmark{height:1.6rem;width:1.6rem;border:.2rem solid var(--border-color);border-radius:.4rem;box-sizing:border-box;transition:.3s ease-in-out border;flex-shrink:0}.wrapper .table .checkBoxInput .custom-checkbox .checkmark:hover,.wrapper .table .summaryPanel .checkRow .custom-checkbox .checkmark:hover,.summaryPanel .wrapper .table .checkRow .custom-checkbox .checkmark:hover{border-color:var(--accent);box-shadow:0 0 0 .05rem var(--accent-shadow)}.wrapper .table .checkBoxInput .custom-checkbox .checkmark:after,.wrapper .table .summaryPanel .checkRow .custom-checkbox .checkmark:after,.summaryPanel .wrapper .table .checkRow .custom-checkbox .checkmark:after{content:"";display:block;position:absolute;top:.32rem;left:.32rem;width:.95rem;height:.95rem;background-color:var(--accent-500);border-radius:.2rem;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .2s ease}.wrapper .table .checkBoxInput .custom-checkbox input:checked+.checkmark:after,.wrapper .table .summaryPanel .checkRow .custom-checkbox input:checked+.checkmark:after,.summaryPanel .wrapper .table .checkRow .custom-checkbox input:checked+.checkmark:after{opacity:1;transform:scale(1)}.wrapper .table .checkBoxInput .custom-checkbox .label-text,.wrapper .table .summaryPanel .checkRow .custom-checkbox .label-text,.summaryPanel .wrapper .table .checkRow .custom-checkbox .label-text{font-size:1.4rem;font-weight:500}.wrapper .table .cell{padding:.75rem;border:.1rem solid var(--border-color);font-weight:500}.wrapper .table .cell .cellBtnGroup{display:flex;gap:.5rem;width:6rem}.wrapper .table .cell .cellBtnGroup .cellBtn{border:.2rem var(--border-color) solid;font-size:1.4rem;border-radius:.4rem;padding:.5rem 1rem}.wrapper .table .cell .cellBtnGroup .cellBtn.gray{color:var(--black-600);cursor:not-allowed}.wrapper .table .cell .pill{font-size:1.4rem;display:flex;align-items:center;justify-content:center;gap:.25rem;border-radius:999999px;padding:.2rem .5rem;width:8rem}.wrapper .table .cell .pill.pending{border:.2rem var(--yellow-300) solid;background-color:var(--yellow-100);color:var(--yellow-600)}.wrapper .table .cell .pill.delivered{border:.2rem var(--green-300) solid;background-color:var(--green-100);color:var(--green-600)}.wrapper .table .cell .pill.cancelled{background-color:#fee2e2;color:#991b1b}.wrapper .table .cell .pill.paid{background-color:#dcfce7;color:#166534}.wrapper .table .cell .pill.unpaid{background-color:#fef2f2;color:#b91c1c}.wrapper .pagination{display:flex;justify-content:space-between;margin-top:1rem;font-size:1.2rem;font-weight:500}.wrapper .pagination button{border:.1rem solid var(--border-color);font-size:1.4rem;border-radius:.4rem;font-weight:400;cursor:pointer}.wrapper .pagination button:disabled{opacity:.5;cursor:not-allowed}.tiptap-editor{border:1px solid var(--border-color);border-radius:.8rem;overflow:hidden;background:#fff}.tiptap-editor .tiptap-toolbar{display:flex;gap:.5rem;padding:.8rem;background-color:var(--accent-100);border-bottom:1px solid var(--border-color)}.tiptap-editor .tiptap-toolbar button{display:flex;align-items:center;justify-content:center;padding:.6rem;border:none;background:transparent;border-radius:.4rem;cursor:pointer;transition:all .2s ease;color:var(--black-600)}.tiptap-editor .tiptap-toolbar button:hover{background-color:var(--accent-200);color:var(--accent-600)}.tiptap-editor .tiptap-toolbar button.is-active{background-color:var(--accent-500);color:#fff}.tiptap-editor .ProseMirror{padding:1.2rem;min-height:15rem;outline:none;font-size:1.4rem;font-weight:500;line-height:1.6}.tiptap-editor .ProseMirror:focus{outline:none}.tiptap-editor .ProseMirror p{margin:0 0 1rem}.tiptap-editor .ProseMirror ul,.tiptap-editor .ProseMirror ol{padding-left:2rem;margin:0 0 1rem}.tiptap-editor .ProseMirror li{margin-bottom:.5rem}.tiptap-editor .ProseMirror strong{font-weight:700}.tiptap-editor .ProseMirror em{font-style:italic}.tiptap-editor .ProseMirror s{text-decoration:line-through}.tabNavigation{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.tabNavigation button{padding:1.2rem 2rem;font-size:1.4rem;font-weight:600;border:none;background:transparent;color:var(--black-500);cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;margin-bottom:-2px}.tabNavigation button:hover{color:var(--accent-600);background-color:var(--accent-100)}.tabNavigation button.active{color:var(--accent-600);border-bottom-color:var(--accent-600)}.pageActions{display:flex;gap:1rem;margin-bottom:1.5rem}.pageActions button{padding:1rem 2rem;font-size:1.4rem;font-weight:600;border-radius:.8rem;cursor:pointer;transition:all .2s ease}.pageActions button.contained{background-color:var(--accent-500);color:#fff;border:2px solid var(--accent-500)}.pageActions button.contained:hover{background-color:var(--accent-600);border-color:var(--accent-600)}.pageActions button.outlined{background-color:transparent;color:var(--accent-600);border:2px solid var(--accent-500)}.pageActions button.outlined:hover{background-color:var(--accent-100)}.purchaseEntryPage .purchaseForm{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.purchaseEntryPage .purchaseForm .pageHeader{margin:0 0 2rem;display:flex;justify-content:space-between;align-content:center}.purchaseEntryPage .panel{border:.2rem solid var(--border-color);border-radius:.4rem;padding:1.5rem}.purchaseEntryPage .headerRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.purchaseEntryPage .entryRow{display:flex;align-items:flex-end;gap:1rem}.purchaseEntryPage .entryGrid{flex:1;display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr;gap:1rem}.purchaseEntryPage .inputItem,.purchaseEntryPage .field{display:flex;flex-direction:column}.purchaseEntryPage .inputItem label,.purchaseEntryPage .field label{font-weight:500;font-size:1.4rem;line-height:2.4;margin:.5rem 0}.purchaseEntryPage .inputItem input,.purchaseEntryPage .field input,.purchaseEntryPage .inputItem select,.purchaseEntryPage .field select,.purchaseEntryPage .inputItem textarea,.purchaseEntryPage .field textarea{border:.1rem var(--border-color) solid;background-color:#e9ecef;border-radius:.4rem;outline:0;font-family:Inter Tight,sans-serif;font-weight:500;font-size:1.4rem;width:90%;padding:.5rem 1rem;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}.purchaseEntryPage .inputItem input:focus,.purchaseEntryPage .field input:focus,.purchaseEntryPage .inputItem select:focus,.purchaseEntryPage .field select:focus,.purchaseEntryPage .inputItem textarea:focus,.purchaseEntryPage .field textarea:focus{border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}.purchaseEntryPage .inputItem input::placeholder,.purchaseEntryPage .field input::placeholder,.purchaseEntryPage .inputItem select::placeholder,.purchaseEntryPage .field select::placeholder,.purchaseEntryPage .inputItem textarea::placeholder,.purchaseEntryPage .field textarea::placeholder{color:var(--black-400)}.purchaseEntryPage .inputItem input,.purchaseEntryPage .field input{height:2.5rem}.purchaseEntryPage .inputItem select,.purchaseEntryPage .field select{height:3.5rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.purchaseEntryPage .inputItem textarea,.purchaseEntryPage .field textarea{resize:vertical;min-height:8rem;height:8rem;max-height:20rem;width:100%}.purchaseEntryPage .inputItem.readonly input,.purchaseEntryPage .readonly.field input{background-color:#f8fafc;color:var(--black-400);cursor:default}.purchaseEntryPage .addBtn{min-width:11rem;height:4.2rem;background-color:var(--accent);color:var(--black-100);border:none;border-radius:.4rem;font-weight:600;font-size:1.4rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;transition:.3s ease-in-out}.purchaseEntryPage .addBtn:hover{background-color:var(--accent-600);box-shadow:0 0 0 .1rem var(--accent-shadow)}.purchaseEntryPage .addBtn:hover:active{transform:scale(.98)}.purchaseEntryPage .btnIcon{border:.1rem solid var(--red-200);background:var(--red-100);color:var(--red-500);border-radius:.4rem;padding:.5rem;display:inline-flex;cursor:pointer;transition:.3s ease-in-out}.purchaseEntryPage .btnIcon:hover{background-color:var(--red-200);border-color:var(--red-400)}.purchaseEntryPage .productTable table{width:100%;border-collapse:collapse;font-size:1.4rem}.purchaseEntryPage .productTable table thead{background-color:#f8f9fa}.purchaseEntryPage .productTable table thead th{padding:1rem .8rem;text-align:left;font-weight:600;font-size:1.4rem;border-bottom:.2rem solid var(--border-color)}.purchaseEntryPage .productTable table tbody tr{border-bottom:.1rem solid var(--border-color)}.purchaseEntryPage .productTable table tbody tr:hover{background-color:#f8f9fa}.purchaseEntryPage .productTable table tbody td{padding:1rem .8rem;font-size:1.4rem;font-weight:500}.purchaseEntryPage .productTable table tbody .empty{text-align:center;color:var(--black-400);padding:2rem .8rem}.purchaseEntryPage .bodyGrid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.purchaseEntryPage .leftColumn .inputItem,.purchaseEntryPage .leftColumn .field{width:100%}.purchaseEntryPage .summaryPanel h3{margin:0 0 1.5rem;font-size:1.6rem;font-weight:600}.purchaseEntryPage .summaryPanel .summaryRow{display:flex;justify-content:space-between;align-items:center;margin:.8rem 0;font-size:1.4rem;font-weight:500}.purchaseEntryPage .summaryPanel .summaryRow strong{font-weight:600}.purchaseEntryPage .summaryPanel .summaryRow.muted{color:var(--black-400)}.purchaseEntryPage .summaryPanel .summaryRow.total{margin-top:1rem;padding-top:1rem;border-top:.2rem solid var(--border-color);font-size:1.5rem}.purchaseEntryPage .summaryPanel .summaryRow.total strong{color:var(--accent-500);font-weight:700}.purchaseEntryPage .summaryPanel .checkBoxInput,.purchaseEntryPage .summaryPanel .checkRow{display:flex;align-items:center;gap:1rem;-webkit-user-select:none;user-select:none;padding:.5rem 0;margin:.5rem 0}.purchaseEntryPage .submitBtn{background-color:var(--accent);color:var(--black-100);border:none;border-radius:.4rem;padding:1rem 2rem;font-weight:600;font-size:1.4rem;cursor:pointer;transition:.3s ease-in-out}.purchaseEntryPage .submitBtn:hover{background-color:var(--accent-600);box-shadow:0 0 0 .1rem var(--accent-shadow)}.purchaseEntryPage .submitBtn:disabled{opacity:.5;cursor:not-allowed}.purchaseEntryPage .error{margin:.2rem 0 0;font-size:1.2rem;color:var(--red-500);font-weight:500}.productAddPage .tabContainer .tab{display:flex;flex-direction:column;gap:2rem;padding:1.5rem}.productAddPage .tabContainer .inputGroup{border:.2rem solid var(--border-color);border-radius:.4rem;padding:1.5rem}.productAddPage .tabContainer .inputGroup .groupTitle{font-size:1.6rem;font-weight:600;margin:0 0 1.5rem;display:flex;justify-content:space-between;align-items:center}.productAddPage .tabContainer .inputGroup .itemTable table{width:100%;border-collapse:collapse}.productAddPage .tabContainer .inputGroup .itemTable table tbody tr{border-bottom:.1rem solid var(--border-color)}.productAddPage .tabContainer .inputGroup .itemTable table tbody tr td{padding:1rem;font-size:1.4rem;font-weight:500}.productAddPage .tabContainer .inputGroup .itemTable table tbody tr td.total{font-weight:700;border-top:.2rem solid var(--border-color)}.productAddPage .timelineContainer{display:flex;flex-direction:column;gap:1.5rem}.productAddPage .timelineContainer .timelineItem{display:flex;gap:1rem;padding:1rem;border-left:.3rem solid var(--border-color);border-radius:.2rem;background:#f8f9fa;opacity:.6}.productAddPage .timelineContainer .timelineItem.done{opacity:1;border-left-color:var(--green-300);background:var(--green-50)}.productAddPage .timelineContainer .timelineItem .timelineMarker{width:1.2rem;height:1.2rem;border-radius:50%;background:var(--border-color);flex-shrink:0;margin-top:.2rem}.productAddPage .timelineContainer .timelineItem.done .timelineMarker{background:var(--green-300)}.productAddPage .timelineContainer .timelineItem .timelineContent h4{margin:0 0 .5rem;font-size:1.4rem;font-weight:600}.productAddPage .timelineContainer .timelineItem .timelineContent p{margin:0;font-size:1.2rem;color:var(--black-400)}.productAddPage .itemDetailsTable{width:100%;border-collapse:collapse;font-size:1.4rem}.productAddPage .itemDetailsTable thead{background-color:#f8f9fa}.productAddPage .itemDetailsTable thead th{padding:1rem .8rem;text-align:left;font-weight:600;border-bottom:.2rem solid var(--border-color)}.productAddPage .itemDetailsTable tbody tr{border-bottom:.1rem solid var(--border-color)}.productAddPage .itemDetailsTable tbody tr:hover{background-color:#f8f9fa}.productAddPage .itemDetailsTable tbody td{padding:1rem .8rem;font-size:1.4rem}.receiptTable{border-collapse:collapse;font-size:1.4rem}.receiptTable thead{background-color:#f8f9fa}.receiptTable thead th{padding:1rem .8rem;text-align:left;font-weight:600;border-bottom:.2rem solid var(--border-color)}.receiptTable tbody tr{border-bottom:.1rem solid var(--border-color)}.receiptTable tbody tr td{padding:1rem .8rem}.receiptTable tbody tr td input{width:100%;border:.1rem solid var(--border-color);padding:.5rem;border-radius:.4rem;font-size:1.4rem}.receiptTable tbody tr td input:focus{outline:none;border-color:var(--accent)}.headerRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.entryRow{display:flex;align-items:flex-end;gap:1rem}.entryGrid{flex:1;display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr;gap:1rem}.inputItem,.field{display:flex;flex-direction:column}.inputItem label,.field label{font-weight:500;font-size:1.4rem;line-height:2.4;margin:.5rem 0}.inputItem input,.field input,.inputItem select,.field select,.inputItem textarea,.field textarea{border:.1rem var(--border-color) solid;background-color:#e9ecef;border-radius:.4rem;outline:0;font-family:Inter Tight,sans-serif;font-weight:500;font-size:1.4rem;width:90%;padding:.5rem 1rem;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}.inputItem input:focus,.field input:focus,.inputItem select:focus,.field select:focus,.inputItem textarea:focus,.field textarea:focus{border-width:.1rem;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}.inputItem input::placeholder,.field input::placeholder,.inputItem select::placeholder,.field select::placeholder,.inputItem textarea::placeholder,.field textarea::placeholder{color:var(--black-400)}.inputItem input,.field input{height:2.5rem}.inputItem select,.field select{height:3.5rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.inputItem textarea,.field textarea{resize:vertical;min-height:8rem;height:8rem;max-height:20rem}.inputItem.readonly input,.readonly.field input{background-color:#f8fafc;color:var(--black-400);cursor:default}.error{margin:.2rem 0 0;font-size:1.2rem;color:var(--red-500);font-weight:500}.tableEmptyMessage{text-align:center;height:2.4rem;font-weight:500;color:var(--black-400)}.addBtn{min-width:11rem;height:4.2rem;background-color:var(--accent);color:var(--black-100);border:none;border-radius:.4rem;font-weight:600;font-size:1.4rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;transition:.3s ease-in-out}.addBtn:hover{background-color:var(--accent-600);box-shadow:0 0 0 .1rem var(--accent-shadow)}.addBtn:hover:active{transform:scale(.98)}.productTable .tableHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.productTable .tableHeader h3{margin:0;font-size:1.6rem;font-weight:600}.productTable table{width:100%;border-collapse:collapse;font-size:1.4rem}.productTable table thead{background-color:#f8f9fa}.productTable table thead th{padding:1rem .8rem;text-align:left;font-weight:600;font-size:1.4rem;border-bottom:.2rem solid var(--border-color)}.productTable table tbody tr{border-bottom:.1rem solid var(--border-color)}.productTable table tbody td{padding:1rem .8rem;font-size:1.4rem;font-weight:500}.productTable table tbody .empty{text-align:center;color:var(--black-400);padding:2rem .8rem}.btnIcon{border:.1rem solid var(--red-200);background:var(--red-100);color:var(--red-500);border-radius:.4rem;padding:.5rem;display:inline-flex;cursor:pointer;transition:.3s ease-in-out}.btnIcon:hover{background-color:var(--red-200);border-color:var(--red-400)}.bodyGrid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.leftColumn .inputItem,.leftColumn .field{width:100%}.summaryPanel h3{margin:0 0 1.5rem;font-size:1.6rem;font-weight:600}.summaryPanel .summaryRow{display:flex;justify-content:space-between;align-items:center;margin:.8rem 0;font-size:1.4rem;font-weight:500}.summaryPanel .summaryRow strong{font-weight:600}.summaryPanel .summaryRow.muted{color:var(--black-400)}.summaryPanel .summaryRow.total{margin-top:1rem;padding-top:1rem;border-top:.2rem solid var(--border-color);font-size:1.5rem}.summaryPanel .summaryRow.total strong{color:var(--accent-500);font-weight:700}.summaryPanel .summaryRow.credit{margin-top:1rem;padding:1rem;border-radius:.4rem;background:var(--accent-100);border:.1rem solid var(--accent-200)}.summaryPanel .summaryRow.credit strong{color:var(--accent-600);font-weight:700}.summaryPanel .checkBoxInput,.summaryPanel .checkRow{display:flex;align-items:center;gap:1rem;-webkit-user-select:none;user-select:none;padding:.5rem 0;margin:.5rem 0}.summaryPanel .checkBoxInput .custom-checkbox,.summaryPanel .checkRow .custom-checkbox{display:flex;align-items:center;gap:1rem;position:relative;cursor:pointer}.summaryPanel .checkBoxInput .custom-checkbox input,.summaryPanel .checkRow .custom-checkbox input{position:absolute;opacity:0}.summaryPanel .checkBoxInput .custom-checkbox .checkmark,.summaryPanel .checkRow .custom-checkbox .checkmark{height:2rem;width:2rem;border:.2rem solid var(--border-color);border-radius:.4rem;box-sizing:border-box;transition:.3s ease-in-out border;flex-shrink:0}.summaryPanel .checkBoxInput .custom-checkbox .checkmark:hover,.summaryPanel .checkRow .custom-checkbox .checkmark:hover{border-color:var(--accent);box-shadow:0 0 0 .05rem var(--accent-shadow)}.summaryPanel .checkBoxInput .custom-checkbox .checkmark:after,.summaryPanel .checkRow .custom-checkbox .checkmark:after{content:"";display:block;position:absolute;top:.32rem;left:.32rem;width:1.35rem;height:1.35rem;background-color:var(--accent-500);border-radius:.2rem;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .2s ease}.summaryPanel .checkBoxInput .custom-checkbox input:checked+.checkmark:after,.summaryPanel .checkRow .custom-checkbox input:checked+.checkmark:after{opacity:1;transform:scale(1)}.summaryPanel .checkBoxInput .custom-checkbox .label-text,.summaryPanel .checkRow .custom-checkbox .label-text{font-size:1.4rem;font-weight:500}.summaryPanel .inline{margin-top:.8rem}.summaryPanel .bankField .bankInputs{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.summaryPanel .bankField .bankInputs select,.summaryPanel .bankField .bankInputs input{border:.1rem var(--border-color) solid;background-color:#e9ecef;border-radius:.4rem;outline:0;font-family:Inter Tight,sans-serif;font-weight:500;font-size:1.4rem;padding:.5rem 1rem;height:3.5rem}.summaryPanel .bankField .bankInputs select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.submitRow{display:flex;justify-content:flex-end;margin-top:1rem}.submitBtn{min-width:22rem;height:4.2rem;background-color:var(--accent);color:var(--black-100);border:none;border-radius:.4rem;font-weight:600;font-size:1.6rem;cursor:pointer;transition:.3s ease-in-out}.submitBtn:hover{background-color:var(--accent-600);box-shadow:0 0 0 .1rem var(--accent-shadow)}.submitBtn:hover:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.rolePermissionsPage .pageContent{padding:1rem 2rem}.rolePermissionsPage .pageHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.rolePermissionsPage .pageHeader .headerDesc h2{font-size:2rem}.rolePermissionsPage .pageHeader .headerDesc p{color:var(--offwhite);margin-top:.3rem}.rolePermissionsPage .pageHeader .headerDesc .validationError{color:var(--red-500);font-size:1.3rem;font-weight:500;margin-top:.4rem}.rolePermissionsPage .pageHeader .buttonGroup{display:flex;gap:1rem}.rolePermissionsPage .pageHeader .globalSelectAll{margin-right:auto;display:flex;align-items:center;margin-left:1.5rem}.rolePermissionsPage .pageHeader .globalSelectAll .custom-checkbox{font-size:1.3rem;font-weight:500;color:var(--primary)}.rolePermissionsPage .pageHeader .globalSelectAll .custom-checkbox .checkmark{height:1.8rem;width:1.8rem}.rolePermissionsPage .pageHeader .globalSelectAll .custom-checkbox .checkmark:after{top:.28rem;left:.28rem;width:1.2rem;height:1.2rem}.permissionsWrapper .permissionGroup{margin-bottom:1rem}.permissionGroupHeader{width:90%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:.6rem;cursor:pointer;font-size:1.5rem;font-weight:600;color:var(--primary);text-align:left;transition:all .2s ease}.permissionGroupHeader:hover{background:var(--accent-100)}.permissionGroupHeader:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.permissionGroupHeader .groupLabel{display:flex;align-items:center;gap:.8rem;cursor:pointer}.permissionGroupHeader .groupIndicator{display:inline-flex;width:10px;height:10px;border-radius:2px;background:var(--accent)}.permissionGroupHeader .groupCount{font-size:1.2rem;color:var(--offwhite);background:var(--accent-200);padding:.2rem .6rem;border-radius:1rem;font-weight:500}.permissionGroupHeader .chevron{transition:transform .2s ease;color:var(--offwhite)}.permissionGroupHeader .chevron.expanded{transform:rotate(180deg)}.permissionGroupContent{padding:1rem 1.2rem;border:1px solid var(--border-color);border-top:none;border-radius:0 0 .6rem .6rem;background:#fff;animation:fadeIn .2s ease;width:90%}.permissionGroupContent .permissionGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.8rem}.checkBoxInput,.summaryPanel .checkRow{display:flex;align-items:center;gap:1rem;-webkit-user-select:none;user-select:none;padding:.8rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:1.3rem}.checkBoxInput:hover,.summaryPanel .checkRow:hover{border-color:var(--accent);background:var(--accent-100)}.checkBoxInput .permissionName,.summaryPanel .checkRow .permissionName{flex:1;font-weight:500}.checkBoxInput .permissionDesc,.summaryPanel .checkRow .permissionDesc{font-size:1.1rem;color:var(--offwhite);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-checkbox{display:flex;align-items:center;gap:1rem;position:relative;cursor:pointer}.custom-checkbox input{position:absolute;opacity:0}.custom-checkbox .checkmark{height:2rem;width:2rem;border:.2rem solid var(--border-color);border-radius:.4rem;box-sizing:border-box;flex-shrink:0;transition:border .3s ease-in-out,opacity .2s ease,transform .2s ease}.custom-checkbox .checkmark:hover{border-color:var(--accent);box-shadow:0 0 0 .05rem var(--accent-shadow)}.custom-checkbox .checkmark:after{content:"";display:block;position:absolute;top:.32rem;left:.32rem;width:1.35rem;height:1.35rem;background-color:var(--accent-500);border-radius:.2rem;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .2s ease}.custom-checkbox input:checked+.checkmark:after{opacity:1;transform:scale(1)}.permissionCheckbox{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:1.3rem}.permissionCheckbox:hover{border-color:var(--accent);background:var(--accent-100)}.permissionCheckbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--border-color);border-radius:.3rem;background:#fff;cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0;accent-color:var(--accent)}.permissionCheckbox input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.permissionCheckbox input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.permissionCheckbox input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.permissionCheckbox .permissionName{flex:1;font-weight:500}.permissionCheckbox .permissionDesc{font-size:1.1rem;color:var(--offwhite);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groupHeaderCheckbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--border-color);border-radius:.3rem;background:#fff;cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0;accent-color:var(--accent)}.groupHeaderCheckbox:checked{background:var(--accent);border-color:var(--accent)}.groupHeaderCheckbox:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.groupHeaderCheckbox:indeterminate{background:var(--accent-400);border-color:var(--accent-400)}.groupHeaderCheckbox:indeterminate:after{content:"";position:absolute;left:3px;top:6px;width:8px;height:2px;background:#fff}.groupHeaderCheckbox:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.approvalTransactionPage .dataTableHeader{margin-bottom:1rem}.pill.returned{border:.2rem var(--accent-300) solid;background-color:var(--accent-100);color:var(--accent-600)}.pill.approved{border:.2rem var(--green-300) solid;background-color:var(--green-100);color:var(--green-600)}.pill.rejected{border:.2rem var(--red-300) solid;background-color:var(--red-100);color:var(--red-500)}.approvalViewHeader{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.approvalViewHeader h2{margin:0;font-size:1.8rem}.approvalActions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.approvalActions .approval-btn{padding:.6rem 1.4rem;font-size:1.4rem;border-radius:.6rem;cursor:pointer;font-weight:500;transition:all .2s ease}.approvalActions .approval-btn.approve{background-color:var(--green-600);color:#fff;border:none}.approvalActions .approval-btn.approve:hover{background-color:#0d6643}.approvalActions .approval-btn.approve:disabled{opacity:.6;cursor:not-allowed}.approvalActions .approval-btn.reject{color:var(--red-500);border:.15rem var(--red-300) solid;background-color:var(--red-100)}.approvalActions .approval-btn.reject:hover{background-color:var(--red-200)}.approvalActions .approval-btn.return{color:var(--accent-600);border:.15rem var(--accent-300) solid;background-color:var(--accent-100)}.approvalActions .approval-btn.return:hover{background-color:var(--accent-200)}.approvalRemarksForm{margin-bottom:1.5rem;padding:1.2rem;border:1px solid var(--border-color);border-radius:.8rem;background-color:#fafafa}.approvalRemarksForm h4{margin:0 0 .8rem;font-size:1.4rem;color:#333}.approvalRemarksForm textarea{width:100%;padding:.6rem .8rem;border:.15rem solid var(--border-color);border-radius:.5rem;font-size:1.3rem;font-family:inherit;resize:vertical;transition:border-color .2s ease}.approvalRemarksForm textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 .1rem var(--accent-shadow)}.approvalRemarksForm .error{color:var(--red-500);font-size:1.2rem;margin-top:.3rem;display:block}.approvalRemarksActions{display:flex;gap:.75rem;margin-top:.8rem}.approvalRemarksActions button{padding:.5rem 1.2rem;font-size:1.3rem;border-radius:.5rem;cursor:pointer}.approvalRemarksActions button:disabled{opacity:.6;cursor:not-allowed}.rejectionReason{background-color:var(--red-100);border:1px solid var(--red-300);border-radius:.6rem;padding:1rem!important;margin-bottom:1.5rem}.rejectionReason h4{color:var(--red-500);margin:0 0 .5rem}.rejectionReason p{margin:0;color:#333}.approvalTimeline{display:flex;flex-direction:column;padding-left:.2rem}.approvalTimelineItem{display:flex;gap:1.2rem;position:relative}.approvalTimelineMarker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:1.6rem}.approvalTimelineDot{width:1.2rem;height:1.2rem;border-radius:50%;background:linear-gradient(135deg,var(--accent-500),var(--accent-300));border:.2rem solid #fff;box-shadow:0 0 0 .15rem var(--accent-shadow);flex-shrink:0;z-index:1}.approvalTimelineLine{width:.25rem;flex:1;min-height:2rem;background:linear-gradient(180deg,var(--accent-400),var(--accent-200),transparent);border-radius:1rem}.approvalTimelineContent{flex:1;padding-bottom:1.5rem}.approvalTimelineContent h4{margin:0 0 .3rem;font-size:1.4rem;font-weight:600;color:#222;text-transform:uppercase;letter-spacing:.03em}.approvalTimelineContent p{margin:0;font-size:1.3rem;color:#666}.approvalTimelineContent .approvalTimelineDate{font-size:1.1rem;color:#999;margin-top:.2rem}.approvalTimelineContent .approvalTimelineRemarks{margin-top:.4rem;font-style:italic;color:#555;background-color:#f5f5f5;padding:.4rem .6rem;border-radius:.4rem;border-left:.3rem solid var(--accent-300)}.dispatchModal{max-width:85rem;background-color:var(--background-color);width:92%;max-height:90vh;overflow-y:auto;padding:1.8rem;border-radius:.4rem;box-shadow:0 1.2rem 3.2rem #b451fb40}.dispatchModal .dispatchModalHeader{display:flex;justify-content:space-between;align-items:center;border-bottom:.2rem solid var(--accent-300);padding-bottom:1rem;margin-bottom:1.2rem}.dispatchModal .dispatchModalHeader .dispatchModalTitle{font-size:2.2rem;font-weight:700;color:var(--accent-600);display:flex;align-items:center;gap:.5rem}.dispatchModal .dispatchModalHeader .dispatchModalSubtitle{font-size:1.2rem;color:#6c757d;margin-top:.2rem}.dispatchModal .dispatchModalHeader .closeBtn{background:none;border:none;cursor:pointer;color:#495057;padding:.3rem}.dispatchModal .errorMsg{background:#fef2f3;border:.1rem solid #f9a8ae;color:#e63946;padding:.75rem 1rem;border-radius:.6rem;margin-bottom:1rem;font-size:.9rem}.dispatchModal .logisticsGrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.2rem}.dispatchModal .logisticsGrid label{font-weight:600;font-size:.85rem}.dispatchModal .tableSection{margin-bottom:1.5rem}.dispatchModal .tableSection h3{font-size:1.6rem;font-weight:600;margin-bottom:.6rem;color:#212529}.dispatchModal .tableSection .tableContainer{overflow-x:auto}.dispatchModal .tableSection .tableContainer table{width:100%;border-collapse:collapse;font-size:1.2rem}.dispatchModal .tableSection .tableContainer table thead tr{background:var(--accent-100);border-bottom:.2rem solid var(--border-color)}.dispatchModal .tableSection .tableContainer table thead tr th{font-weight:600;padding:.6rem;font-size:1.4rem}.dispatchModal .tableSection .tableContainer table thead tr th.left{text-align:left}.dispatchModal .tableSection .tableContainer table thead tr th.center{text-align:center}.dispatchModal .tableSection .tableContainer table thead tr th.right{text-align:right}.dispatchModal .tableSection .tableContainer table tbody tr{border-bottom:.1rem solid #e9ecef}.dispatchModal .tableSection .tableContainer table tbody tr td{padding:.6rem}.dispatchModal .tableSection .tableContainer table tbody tr td.center{text-align:center}.dispatchModal .tableSection .tableContainer table tbody tr td.right{text-align:right;font-weight:600}.dispatchModal .tableSection .tableContainer table tbody tr td .productName{font-weight:600;font-size:1.4rem}.dispatchModal .tableSection .tableContainer table tbody tr td .productSub{font-size:1.2rem;color:#6c757d}.dispatchModal .tableSection .tableContainer table tbody tr td input{width:7rem;padding:.3rem .5rem;text-align:center;border-radius:.4rem;border:.1rem solid var(--border-color)}.dispatchModal .tableSection .fieldError{color:#e63946;font-size:.8rem;margin-top:.3rem;display:block}.dispatchModal .summaryBox{background:#f8f9fa;padding:1.2rem;border-radius:.8rem;border:.1rem solid var(--border-color);margin-bottom:1.5rem}.dispatchModal .summaryBox h3{font-size:1.6rem;font-weight:600;margin-bottom:.8rem}.dispatchModal .summaryBox .summaryGrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dispatchModal .summaryBox .summaryGrid .subtotalRow{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:1.4rem}.dispatchModal .summaryBox .summaryGrid .divider{border-left:.1rem solid #dee2e6;padding-left:1rem}.dispatchModal .summaryBox .summaryGrid .autoCredit{background:var(--offwhite);border:.1rem solid #ffd166;color:#dd6802;padding:.5rem .8rem;border-radius:.6rem;font-size:.82rem;margin-top:.5rem}.dispatchModal .paymentSection{margin-bottom:1.5rem}.dispatchModal .paymentSection .paymentHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.dispatchModal .paymentSection .paymentHeader h3{font-size:1.6rem;font-weight:600}.dispatchModal .paymentSection .paymentRow{display:grid;grid-template-columns:1fr 1fr 12rem 4rem;gap:.6rem;align-items:center;margin-bottom:.6rem}.dispatchModal .paymentSection .paymentRow select,.dispatchModal .paymentSection .paymentRow input{width:100%;padding:.45rem;border-radius:.4rem;border:.1rem solid var(--border-color)}.dispatchModal .paymentSection .paymentRow button{background:none;border:none;color:#e63946;cursor:pointer;padding:.3rem}.dispatchModal .paymentSection .paymentFooter{font-size:1.2rem;color:#6c757d;margin-top:.4rem}.dispatchModal .paymentSection .paymentFooter .remaining.hasBalance{color:#dd6802}.dispatchModal .paymentSection .paymentFooter .remaining.noBalance{color:var(--green-600)}.dispatchModal .notesSection{margin-bottom:1.5rem}.dispatchModal .notesSection label{font-weight:600;font-size:.85rem}.dispatchModal .actionFooter{display:flex;justify-content:flex-end;gap:.8rem;padding-top:.8rem;border-top:.1rem solid var(--border-color)}.dispatchModal .actionFooter button{display:flex;align-items:center;gap:.4rem}.dispatchModal .advance-locked{background-color:#e9ecef;opacity:.7;cursor:not-allowed}.dispatchModal .batchDisplay{font-size:1.2rem;color:#6c757d;display:flex;flex-wrap:wrap;gap:.4rem}.dispatchModal .batchDisplay .batchItem{background:#f0f0f0;padding:.2rem .6rem;border-radius:.3rem;white-space:nowrap}.shippedItemsPanel{margin:2rem 0;border:1px solid var(--border-color);border-radius:.8rem;overflow:hidden;background:var(--background-color)}.shippedItemsPanel .shippedHeader{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#b451fb0d;cursor:pointer;transition:background .2s ease}.shippedItemsPanel .shippedHeader:hover{background:#b451fb1a}.shippedItemsPanel .shippedHeader .shippedTitle{display:flex;align-items:center;gap:.8rem;color:var(--primary)}.shippedItemsPanel .shippedHeader .shippedTitle h3{font-size:1.6rem;margin:0;font-weight:600}.shippedItemsPanel .shippedHeader .toggleBtn{background:none;border:none;color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.4rem;border-radius:50%;transition:background .2s}.shippedItemsPanel .shippedHeader .toggleBtn:hover{background:#b451fb26}.shippedItemsPanel .shippedContent{padding:.5rem;border-top:1px solid var(--border-color)}.shippedItemsPanel .shippedContent .badge-shipped{display:inline-block;padding:.4rem .8rem;border-radius:1.2rem;font-size:1.2rem;font-weight:600;background-color:var(--green-100);color:var(--green-600);text-transform:uppercase;letter-spacing:.5px}.shippedItemsPanel .shippedContent .btn-shipped{padding:.4rem 1rem;font-size:1.2rem;border-radius:.4rem;cursor:pointer}.pageHeader.sticky{position:sticky;top:0;z-index:2;background:var(--background-color);border-bottom:1px solid var(--border-color);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:0}.pageHeader.sticky .pageHeaderTitle{font-size:1.6rem;font-weight:700;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40rem}.selectWithAdd{display:flex;align-items:center;gap:.6rem}.selectWithAdd>.react-select-container,.selectWithAdd>div:first-child{flex:1}.selectWithAdd .addUomBtn{display:flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;min-width:3.4rem;border-radius:.6rem;border:1px solid var(--accent);background:var(--accent-100);color:var(--accent);cursor:pointer;transition:all .2s ease;flex-shrink:0}.selectWithAdd .addUomBtn:hover{background:var(--accent);color:#fff}.uomAddModal{max-width:38rem;width:100%}.uomAddModal h3{font-size:1.6rem;font-weight:700;margin-bottom:1.6rem;color:#1a1a2e}.datatableContainer{background:#fff;border-radius:1rem;border:1px solid var(--border-color);overflow:hidden}.datatableContainer .datatableHeader{display:flex;justify-content:flex-end;padding:1.2rem 1.6rem;border-bottom:1px solid var(--border-color)}.datatableContainer .datatable{width:100%;border-collapse:collapse;font-size:1.3rem}.datatableContainer .datatable thead tr{background:#f8f9fa}.datatableContainer .datatable th{padding:1rem 1.4rem;text-align:left;font-weight:600;font-size:1.2rem;color:var(--black-500);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color)}.datatableContainer .datatable td{padding:1rem 1.4rem;border-bottom:1px solid var(--black-100);vertical-align:middle}.datatableContainer .datatable tbody tr:last-child td{border-bottom:none}.datatableContainer .datatable tbody tr:hover{background:var(--accent-100)}.datatableContainer .actionBtnGroup{display:flex;gap:.6rem;align-items:center}.datatableContainer .actionBtnGroup button{font-size:1.2rem;padding:.4rem 1rem}