:root{--clr-orange: rgb(255, 60, 0);--clr-light-orange-100: rgb(251, 128, 24);--clr-red: rgb(255, 0, 0);--clr-red-230: rgb(179, 0, 0);--clr-red-550: rgb(133, 0, 0);--clr-light-red: rgb(255, 41, 41);--clr-light-red-200: rgb(255, 99, 99);--clr-yellow: rgb(255, 213, 0);--clr-light-yellow: rgb(255, 199, 49);--clr-blue: rgb(0, 0, 255);--clr-light-blue-100: rgb(41, 41, 255);--clr-cyan: rgb(0, 187, 255);--clr-light-green: rgb(0, 202, 0);--clr-light-green-300: rgb(81, 255, 81);--clr-white: rgb(255, 255, 255);--clr-gray: rgb(176, 176, 176);--clr-black: rgb(0, 0, 0);--clr-black-100: rgb(40, 40, 40);--clr-green: rgb(0, 128, 0);--clr-green-200: rgb(0, 74, 0);--ff-primary: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--ff-body: var(--ff-primary);--ff-heading: var(--ff-primary);--fw-400: 400;--fw-500: 500;--fw-bold: bold;--font-size: 1rem;--primary-background-color: var(--clr-white);--secondary-background-color: var(--clr-black-100);--primary-text-color: var(--clr-black);--secondary-text-color: var(--clr-white);--box-shadow-primary: 0px 0px 10px 3px rgba(0, 0, 0, .86);--box-shadow-secondary: 0px 0px 10px 3px rgba(255, 255, 255, .86);--button-color: var(--clr-white)}html:focus-within{scroll-behavior:smooth}html,body{height:100%}*{margin:0;padding:0;box-sizing:border-box;color:var(--primary-text-color);font-family:var(--ff-body)}input{width:70%;height:80%;background-color:var(--primary-background-color);color:var(--clr-black)}input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input,button,select,textArea{font-family:inherit}textArea{width:100%;height:80px;background-color:var(--primary-background-color);color:var(--primary-text-color);border:none;font-family:var(--ff-body);font-weight:var(--fw-400);resize:none;padding:.3rem;border:1px solid var(--clr-black)}#root{width:100vw;height:100vh;width:100svw;height:100svh}.main{width:100%;height:100%;display:flex;background-color:var(--primary-background-color);overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.main::-webkit-scrollbar{display:none}@media(max-width:1130px){.main{display:block}}.errorContainer{width:100%;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;height:100vh;text-align:center;background-color:var(--primary-background-color)}.errorTitle{font-size:36px;font-weight:700;color:var(--clr-red)}.errorMessage{font-size:18px;color:var(--clr-gray);margin-top:10px}.reloadButton{background:linear-gradient(90deg,#fd3c00,#fb8018 51%,#f8c731)}.reloadButton:hover{background:linear-gradient(180deg,#fd3c00,#fb8018 51%,#f8c731)}.loaderContainer{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0rem}.spinner{width:50px;height:50px;border:4px solid var(--clr-blue);border-top:4px solid var(--clr-gray);border-radius:50%;animation:spin 1s linear infinite;will-change:transform}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loadingText{margin-top:10px;font-size:18px;font-weight:700;color:var(--clr-black-100)}.contentContainer{position:relative;width:100%;height:100%}@media(max-width:500px){.contentContainer{height:90%}}.searchBox{width:200px;height:auto;padding:.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;border-radius:5%;background-color:#dadada}.searchBox>input{width:85%;height:auto;border:none;outline:none;font-size:1rem;background-color:#dadada}.searchBox>svg{width:15%;color:#00f}.searchBox>svg:hover{color:var(--clr-red)}@media(max-width:580px){.searchBox{width:99%}.searchBox>input{width:100%}}.searchInvoiceButton{width:auto;display:inline-block;padding:.2rem .4rem;font-size:1rem;border-radius:.25rem;color:var(--button-color);font-weight:700;text-align:center;line-height:1;border:none;cursor:pointer;background:linear-gradient(90deg,var(--clr-blue) 0%,var(--clr-light-blue-100) 51%,var(--clr-cyan) 100%);transition:background-color .3s ease,transform .2s ease}.searchInvoiceButton:hover{background:linear-gradient(180deg,var(--clr-blue) 0%,var(--clr-light-blue-100) 51%,var(--clr-cyan) 100%)}.searchInvoiceButton:active{background:linear-gradient(200deg,var(--clr-blue) 0%,var(--clr-light-blue-100) 51%,var(--clr-cyan) 100%);transition:background 1s ease;transform:scale(.95)}.searchInvoiceButton:disabled{background:var(--clr-gray);cursor:not-allowed}@media(max-width:500px){.searchInvoiceButton{font-size:.8rem}}.searchActionContainer{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:.5rem}.searchActionContainer>div{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem}@media(max-width:580px){.searchActionContainer{width:100%}.searchActionContainer>div{width:100%;flex-direction:column;align-items:flex-start}}.searchByDropdownContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;padding:.3rem}.searchByDropdownBox{width:auto;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}.searchByDropdownBox>label{font-size:.9rem;white-space:nowrap}@media(max-width:600px){.searchByDropdownBox{width:100%;justify-content:flex-start;gap:.5rem}}.searchByDropdown{width:auto;height:100%;padding:.2rem;background-color:var(--primary-background-color);border-radius:5px;font-size:.8rem}.searchByDropdown>option{background-color:var(--primary-background-color);padding:.2rem;text-transform:capitalize}.paginationContainer{width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0rem}.invoiceQuickEntityContainer{width:100%;height:100%;max-width:800px;background-color:var(--primary-background-color);padding:1rem;border-radius:5px;box-shadow:var(--box-shadow-primary)}@media(max-width:600px){.invoiceQuickEntityContainer{padding:.5rem}}.companyDetailsFormContainer{width:100%;height:100%;padding:1rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;position:absolute;top:0;background:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px}.companyDetailTitleContainer{width:100%;height:auto;padding:.4rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;border-radius:5px;background:var(--secondary-background-color)}.companyDetailTitleContainer>h3{color:var(--clr-white)}.companyDetailTitleContainer{margin-bottom:.5rem}.saveButton{width:auto;display:inline-block;padding:.6rem .8rem;font-size:1rem;border-radius:.25rem;color:var(--button-color);font-weight:700;text-align:center;line-height:1;border:none;cursor:pointer;background:linear-gradient(90deg,#fd3c00,#fb8018 51%,#f8c731);transition:background-color .3s ease,transform .2s ease}.saveButton:hover{background:linear-gradient(180deg,#fd3c00,#fb8018 51%,#f8c731)}.saveButton:active{background:linear-gradient(200deg,#fd3c00,#fb8018 51%,#f8c731);transition:background 1s ease;transform:scale(.95)}.saveButton:disabled{background:var(--clr-gray);cursor:not-allowed}@media(max-width:500px){.saveButton{font-size:.8rem}}.closeButton{width:auto;display:inline-block;padding:.5rem;font-size:1rem;border-radius:.25rem;color:var(--button-color);font-weight:700;text-align:center;line-height:1;border:none;cursor:pointer;background:linear-gradient(90deg,var(--clr-red) 0%,var(--clr-light-red) 51%,var(--clr-light-red-200) 100%);transition:background-color .3s ease,transform .2s ease}.closeButton:hover{background:linear-gradient(180deg,var(--clr-red) 0%,var(--clr-light-red) 51%,var(--clr-light-red-200) 100%)}.closeButton:active{background:linear-gradient(200deg,var(--clr-red) 0%,var(--clr-light-red) 51%,var(--clr-light-red-200) 100%);transition:background 1s ease;transform:scale(.95)}.closeButton:disabled{background:var(--clr-gray);cursor:not-allowed}@media(max-width:500px){.closeButton{font-size:.8rem}}.refetchInvoiceButton{width:auto;display:inline-block;padding:.3rem .6rem;font-size:1rem;border-radius:.25rem;color:var(--button-color);font-weight:700;text-align:center;line-height:1;border:none;cursor:pointer;background:linear-gradient(90deg,var(--clr-red) 0%,var(--clr-light-red) 51%,var(--clr-light-red-200) 100%);transition:background-color .3s ease,transform .2s ease}.refetchInvoiceButton:hover{background:linear-gradient(180deg,var(--clr-red) 0%,var(--clr-light-red) 51%,var(--clr-light-red-200) 100%)}.refetchInvoiceButton:active{background:linear-gradient(200deg,var(--clr-red) 0%,var(--clr-light-red) 51%,var(--clr-light-red-200) 100%);transition:background 1s ease;transform:scale(.95)}.refetchInvoiceButton:disabled{background:var(--clr-gray);cursor:not-allowed}@media(max-width:500px){.refetchInvoiceButton{font-size:.8rem}}.refetchInvoiceButton{margin-top:.2rem}.loadMoreButton{width:auto;display:inline-block;padding:.6rem .8rem;font-size:1rem;border-radius:.25rem;color:var(--button-color);font-weight:700;text-align:center;line-height:1;border:none;cursor:pointer;background:linear-gradient(90deg,#fd3c00,#fb8018 51%,#f8c731);transition:background-color .3s ease,transform .2s ease}.loadMoreButton:hover{background:linear-gradient(180deg,#fd3c00,#fb8018 51%,#f8c731)}.loadMoreButton:active{background:linear-gradient(200deg,#fd3c00,#fb8018 51%,#f8c731);transition:background 1s ease;transform:scale(.95)}.loadMoreButton:disabled{background:var(--clr-gray);cursor:not-allowed}@media(max-width:500px){.loadMoreButton{font-size:.8rem}}.previousPageButton{width:auto;display:inline-block;padding:.6rem .8rem;font-size:1rem;border-radius:.25rem;color:var(--button-color);font-weight:700;text-align:center;line-height:1;border:none;cursor:pointer;background:linear-gradient(90deg,var(--clr-red) 0%,var(--clr-light-red) 51%,var(--clr-light-red-200) 100%);transition:background-color .3s ease,transform .2s ease}.previousPageButton:hover{background:linear-gradient(180deg,var(--clr-red) 0%,var(--clr-light-red) 51%,var(--clr-light-red-200) 100%)}.previousPageButton:active{background:linear-gradient(200deg,var(--clr-red) 0%,var(--clr-light-red) 51%,var(--clr-light-red-200) 100%);transition:background 1s ease;transform:scale(.95)}.previousPageButton:disabled{background:var(--clr-gray);cursor:not-allowed}@media(max-width:500px){.previousPageButton{font-size:.8rem}}.reloadButton{width:auto;display:inline-block;padding:.6rem .8rem;font-size:1rem;border-radius:.25rem;color:var(--button-color);font-weight:700;text-align:center;line-height:1;border:none;cursor:pointer;background:linear-gradient(90deg,var(--clr-blue) 0%,var(--clr-light-blue-100) 51%,var(--clr-cyan) 100%);transition:background-color .3s ease,transform .2s ease}.reloadButton:hover{background:linear-gradient(180deg,var(--clr-blue) 0%,var(--clr-light-blue-100) 51%,var(--clr-cyan) 100%)}.reloadButton:active{background:linear-gradient(200deg,var(--clr-blue) 0%,var(--clr-light-blue-100) 51%,var(--clr-cyan) 100%);transition:background 1s ease;transform:scale(.95)}.reloadButton:disabled{background:var(--clr-gray);cursor:not-allowed}@media(max-width:500px){.reloadButton{font-size:.8rem}}.emptyInvoiceBox{width:100%;height:100%;padding:.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem}.emptyInvoiceBox>h2{color:var(--clr-gray)}.bigScreenHeader,.smallScreenHeader{width:260px;height:100%;padding:0 .3rem;background-color:var(--secondary-background-color);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0rem;flex-shrink:0}.bigScreenHeader .productLogoBox,.smallScreenHeader .productLogoBox{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;padding:.8rem .4rem}.bigScreenHeader .productLogoBox>.productLogoAndTagBox,.smallScreenHeader .productLogoBox>.productLogoAndTagBox{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}.bigScreenHeader .productLogoBox>.productLogoAndTagBox h3,.smallScreenHeader .productLogoBox>.productLogoAndTagBox h3{color:var(--secondary-text-color)}.bigScreenHeader .productLogoBox>.productLogoAndTagBox p,.smallScreenHeader .productLogoBox>.productLogoAndTagBox p{font-size:.7rem;color:var(--clr-gray)}@media(max-width:1130px){.bigScreenHeader,.smallScreenHeader{height:9%;width:100%;flex-direction:row;align-items:center}.bigScreenHeader .productLogoBox,.smallScreenHeader .productLogoBox{height:100%}}.smallScreenHeader{width:65px}.smallScreenHeader .productLogoBox{flex-direction:column}@media(max-width:1130px){.smallScreenHeader{width:100%}}.OpenMenuBarContainer,.closeMenuBarContainer{width:100%;height:100%;padding:.5rem .2rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;transform:translate(0)}@media(max-width:1130px){.OpenMenuBarContainer,.closeMenuBarContainer{position:absolute;left:0;bottom:0;top:0;z-index:4;width:250px;height:100vh;padding:.5rem .3rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;transform:translate(0);transition:transform .3s ease-in-out;background-color:var(--secondary-background-color)}}.closeMenuBarContainer{transform:translate(-100%)}@media(max-width:1130px){.closeMenuBarContainer{transform:translate(-100%)}}@media(min-width:1130px){.closeMenuBarContainer{transform:translate(0)}}.menuBarBox{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem}@media(max-width:1130px){.menuBarBox{flex-direction:column;align-items:flex-start}}.menuNavigateButtonBox{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem}.menuBarHeading{display:none}@media(max-width:1130px){.menuBarHeading{width:100%;height:auto;padding:0 .5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0rem}.menuBarHeading>div{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}.menuBarHeading>div>h4{color:var(--secondary-text-color);font-weight:700;padding:.5rem 0}}.menuButtonContainer{display:none;padding:.5rem}@media(max-width:1130px){.menuButtonContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem}}.panelControlBox{padding-top:.5rem}@media(max-width:1130px){.panelControlBox{display:none}}.menuNavLinks{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;width:100%;padding:.4rem .8rem;text-align:left;background:transparent;font-size:.9rem;font-weight:700;border-radius:.25rem;text-decoration-line:none;color:#fff}.menuNavLinks.active{background:linear-gradient(90deg,#fd3c00,#fb8018 51%,#f8c731)}.menuNavLinks:not(.active):hover{background:none;text-decoration:underline}@media(max-width:800px){.menuNavLinks{font-size:1rem}}.linkToGmail{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;width:100%;text-align:left;padding:.4rem .8rem;background:transparent;font-size:.9rem;font-weight:700;border-radius:.25rem;text-decoration-line:none;color:#fff}.linkToGmail:hover{background:none;text-decoration:underline}@media(max-width:800px){.linkToGmail{font-size:1rem}}.uploadImagePopUpContainer{width:100%;height:100%;padding:1rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;position:absolute;top:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;z-index:3;overflow-y:auto;overscroll-behavior:contain}@media(max-width:500px){.uploadImagePopUpContainer{padding:.6rem}}.uploadImagePopUpContainer{left:0}.uploadImageContainer{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:.5rem;background-color:var(--primary-background-color);padding:.5rem;border:1px solid var(--clr-black)}.uploadImageDetailContainer{width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0rem}.uploadImageDetailBox{width:100%;height:auto;padding:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0rem}.uploadImageDetailBox>label{background:linear-gradient(90deg,#fd3c00,#fb8018 51%,#f8c731);border-radius:10px;color:var(--secondary-text-color);font-weight:700;padding:.8rem}.uploadImageDetailBox>label:hover{background:linear-gradient(180deg,#fd3c00,#fb8018 51%,#f8c731)}.uploadImageDetailBox>label:active{background:linear-gradient(200deg,#fd3c00,#fb8018 51%,#f8c731);transform:scale(.95)}.uploadImageDetailBox>input{display:none}.uploadedImageBox{width:100%;height:300px;padding:.2rem}.uploadedImageBox::-webkit-scrollbar{display:none}.uploadedImageBox{-ms-overflow-style:none;scrollbar-width:none;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;border:1px solid var(--clr-black);overflow:auto;flex-wrap:wrap}.cropperContainer{width:100%;height:100%;padding:.2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.cropperBox{width:400px;height:400px;position:relative}.cropperOptions{width:100%;height:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}.imageBoxContainer{width:100%;height:100%}.imageEmptyBox{width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem}.imageListContainer{width:100%;height:auto;display:flex;flex-direction:row;justify-content:flex-start;align-items:start;gap:.3rem;flex-wrap:wrap}.imageBox{width:155px;height:105px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;position:relative;border:1px solid black}.imageBox>p{width:100%;padding:.2rem;position:absolute;bottom:0;background:var(--clr-black-100);color:var(--secondary-text-color);font-size:.8rem}@media(max-width:410px){.imageBox{width:145px}}.saveImageButton{width:auto;display:inline-block;padding:.6rem .8rem;font-size:1rem;border-radius:.25rem;color:var(--button-color);font-weight:700;text-align:center;line-height:1;border:none;cursor:pointer;background:linear-gradient(90deg,#fd3c00,#fb8018 51%,#f8c731);transition:background-color .3s ease,transform .2s ease}.saveImageButton:hover{background:linear-gradient(180deg,#fd3c00,#fb8018 51%,#f8c731)}.saveImageButton:active{background:linear-gradient(200deg,#fd3c00,#fb8018 51%,#f8c731);transition:background 1s ease;transform:scale(.95)}.saveImageButton:disabled{background:var(--clr-gray);cursor:not-allowed}@media(max-width:500px){.saveImageButton{font-size:.8rem}}.cancelImageButton{width:auto;display:inline-block;padding:.6rem .8rem;font-size:1rem;border-radius:.25rem;color:var(--button-color);font-weight:700;text-align:center;line-height:1;border:none;cursor:pointer;background:linear-gradient(90deg,var(--clr-red) 0%,var(--clr-light-red) 51%,var(--clr-light-red-200) 100%);transition:background-color .3s ease,transform .2s ease}.cancelImageButton:hover{background:linear-gradient(180deg,var(--clr-red) 0%,var(--clr-light-red) 51%,var(--clr-light-red-200) 100%)}.cancelImageButton:active{background:linear-gradient(200deg,var(--clr-red) 0%,var(--clr-light-red) 51%,var(--clr-light-red-200) 100%);transition:background 1s ease;transform:scale(.95)}.cancelImageButton:disabled{background:var(--clr-gray);cursor:not-allowed}@media(max-width:500px){.cancelImageButton{font-size:.8rem}}.invoiceInfoListContainer{width:100%;height:80%;padding:.5rem}.invoiceInfoListContainer::-webkit-scrollbar{display:none}.invoiceInfoListContainer{-ms-overflow-style:none;scrollbar-width:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:.3rem;border-radius:10px;box-shadow:var(--box-shadow-primary)}@media(max-width:660px){.invoiceInfoListContainer{height:75%}}.invoiceInfoListContainer{gap:.1rem}.homeContainer{width:100%;height:100%}.homeContainer::-webkit-scrollbar{display:none}.homeContainer{-ms-overflow-style:none;scrollbar-width:none;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem;position:relative;overflow:auto}.homeBox{width:800px;height:100%;padding:.7rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.4rem}@media(max-width:480px){.homeBox{width:99%;justify-content:flex-start}}.homeOptionsBox{width:100%;height:auto;padding:.5rem 0;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:.5rem}@media(max-width:580px){.homeOptionsBox{flex-direction:column}}.homeQuickActionContainer{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-start;gap:.5rem}.homeQuickActionContainer>div{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem}@media(max-width:580px){.homeQuickActionContainer{width:100%}.homeQuickActionContainer>div{width:100%;flex-direction:column;align-items:flex-start}}.invoiceListTitleBox{width:100%;height:auto;padding:.3rem;display:grid;align-items:center;justify-content:center;gap:.5rem;grid-template-columns:2.2fr .6fr .3fr;background:var(--secondary-background-color);border-radius:5px}.invoiceListTitleBox>p,.invoiceListTitleBox span{width:100%;color:var(--secondary-text-color)}.invoiceListTitleBox>.status{width:100%;text-align:center}.invoiceListTitleBox>.status>p{width:100%;color:var(--secondary-text-color)}@media(max-width:580px){.invoiceListTitleBox{display:none}}.invoiceDataContainer{width:100%;height:100%;padding:.3rem;overflow:auto}.invoiceDataContainer::-webkit-scrollbar{display:none}.invoiceDataContainer{-ms-overflow-style:none;scrollbar-width:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.2rem}.invoiceDataContainer>hr{width:100%}.invoiceDataBox{width:100%;height:auto;padding:.3rem;display:grid;align-items:center;justify-content:center;gap:.2rem;grid-template-columns:2.3fr 1fr;text-align:right;cursor:pointer}.invoiceDataBox>.dateAndStatusDataBox{display:grid;align-items:center;justify-content:center;gap:.5rem;grid-template-columns:1fr .4fr;text-align:center}.invoiceDataBox>.dateAndStatusDataBox>.status{width:100%;text-align:center}@media(max-width:580px){.invoiceDataBox{width:100%;grid-template-columns:1fr}.invoiceDataBox>.dateAndStatusDataBox{text-align:start}.invoiceDataBox>.dateAndStatusDataBox>.status{text-align:end}}.invoicePrefixNumberBox{width:100%;height:auto;max-width:400px;background:var(--primary-background-color);padding:.5rem;box-shadow:var(--box-shadow-primary)}.invoicePrefixNumberBox>div{margin-block:.5rem}.invoicePrefixNumberBox>div>input{width:100%;padding:.5rem}.invoicePrefixNumberBox>div>p{color:var(--clr-red)}.invoicePrefixNumberBox>p{margin-bottom:.5rem;font-family:.9rem;color:#453939;width:100%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.invoicePrefixNumberContainer{width:100%;height:100%;padding:1rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;position:absolute;top:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;z-index:3;overflow-y:auto;overscroll-behavior:contain}@media(max-width:500px){.invoicePrefixNumberContainer{padding:.6rem}}.invoiceDetailsTitle{width:70%;text-align:center;font-size:1rem;font-weight:700}@media(max-width:500px){.invoiceDetailsTitle{width:60%}}.invoiceDetailsData{width:100%;text-align:left;font-size:1rem;font-weight:400}.invoiceDateTitle{width:20%;text-align:center;font-size:1rem;font-weight:700}@media(max-width:500px){.invoiceDateTitle{width:30%}}.confirmButton{width:100%;display:inline-block;padding:.6rem .8rem;font-size:1rem;border-radius:.25rem;color:var(--button-color);font-weight:700;text-align:center;line-height:1;border:none;cursor:pointer;background:linear-gradient(90deg,#fd3c00,#fb8018 51%,#f8c731);transition:background-color .3s ease,transform .2s ease}.confirmButton:hover{background:linear-gradient(180deg,#fd3c00,#fb8018 51%,#f8c731)}.confirmButton:active{background:linear-gradient(200deg,#fd3c00,#fb8018 51%,#f8c731);transition:background 1s ease;transform:scale(.95)}.confirmButton:disabled{background:var(--clr-gray);cursor:not-allowed}@media(max-width:500px){.confirmButton{font-size:.8rem}}.createInvoiceButton{width:auto;display:inline-block;padding:.6rem .8rem;font-size:1rem;border-radius:.25rem;color:var(--button-color);font-weight:700;text-align:center;line-height:1;border:none;cursor:pointer;background:linear-gradient(90deg,#fd3c00,#fb8018 51%,#f8c731);transition:background-color .3s ease,transform .2s ease}.createInvoiceButton:hover{background:linear-gradient(180deg,#fd3c00,#fb8018 51%,#f8c731)}.createInvoiceButton:active{background:linear-gradient(200deg,#fd3c00,#fb8018 51%,#f8c731);transition:background 1s ease;transform:scale(.95)}.createInvoiceButton:disabled{background:var(--clr-gray);cursor:not-allowed}@media(max-width:500px){.createInvoiceButton{font-size:.8rem}}.reportContainer{width:100%;height:95%;padding:.5rem 0rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0rem;min-width:0}.reportFilterContainer{width:90%;padding:.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}@media(max-width:450px){.reportFilterContainer{width:100%}}.reportFilterBox{width:90%;padding:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem}@media(max-width:600px){.reportFilterBox{width:100%}}.reportFilterOptionBox,.reportFilterPeriodOptionBox{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}@media(max-width:420px){.reportFilterPeriodOptionBox{flex-direction:column;align-items:flex-start}}.excelExportButton{width:auto;display:inline-block;padding:.6rem .8rem;font-size:1rem;border-radius:.25rem;color:var(--button-color);font-weight:700;text-align:center;line-height:1;border:none;cursor:pointer;background:linear-gradient(90deg,var(--clr-green) 0%,var(--clr-light-green) 51%,var(--clr-light-green-300) 100%);transition:background-color .3s ease,transform .2s ease}.excelExportButton:hover{background:linear-gradient(180deg,var(--clr-green) 0%,var(--clr-light-green) 51%,var(--clr-light-green-300) 100%)}.excelExportButton:active{background:linear-gradient(200deg,var(--clr-green) 0%,var(--clr-light-green) 51%,var(--clr-light-green-300) 100%);transition:background 1s ease;transform:scale(.95)}.excelExportButton:disabled{background:var(--clr-gray);cursor:not-allowed}@media(max-width:500px){.excelExportButton{font-size:.8rem}}.reportTableContainer{width:85%;height:auto;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.3rem;max-width:1200px;overflow:auto;min-width:0}@media(max-width:1420px){.reportTableContainer{max-width:1000px}}@media(max-width:1240px){.reportTableContainer{max-width:900px}}@media(max-width:853px){.reportTableContainer{width:95%;height:75%;flex-direction:column;justify-content:flex-start;align-items:center}}@media(max-width:500px){.reportTableContainer{height:100%}}.reportTable{width:100%;border-spacing:0px}.reportTable>caption{display:none}.reportTable>tbody>tr{font-size:.75rem}.reportTable>tbody>tr .serialNumber{width:35px;text-align:center}.reportTable>tbody>tr .description{max-width:140px;text-align:left;padding:.2rem;white-space:pre-wrap;-webkit-hyphens:auto;hyphens:auto}.reportTable>tbody>tr .rate,.reportTable>tbody>tr .amount,.reportTable>tbody>tr .value{width:90px}.reportTable>tbody>tr .gst,.reportTable>tbody>tr .dis,.reportTable>tbody>tr .exp{width:50px}.reportTable>tbody>tr .hsn,.reportTable>tbody>tr .qty,.reportTable>tbody>tr .mfr,.reportTable>tbody>tr .pack{width:70px}.reportTable>tbody>tr .batch{width:90px}.reportTable>tbody>tr .class{text-align:left}.reportTable>tbody>tr td{text-align:right;padding:.2rem;border:1px solid var(--clr-gray)}.reportTable>tbody>tr th{background:var(--clr-gray);color:var(--clr-white);border-bottom:1px solid var(--clr-black);border-right:1px solid var(--clr-black)}.reportTable>tbody>tr:nth-of-type(2n){background:#e6e6e6}@media(max-width:855px){.reportTable>caption{display:table-caption;caption-side:top;font-weight:700;text-align:center;border:1px solid var(--clr-black);color:var(--secondary-text-color);background-color:var(--clr-gray)}.reportTable>tbody{display:table-row-group}.reportTable>tbody>tr{background:#e6e6e6}.reportTable>tbody>tr th{display:none;color:var(--clr-red)}.reportTable>tbody>tr .serialNumber{width:auto}.reportTable>tbody>tr .description{max-width:100%;text-align:left;padding:0rem .5rem;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;grid-template-columns:1fr!important;grid-template-rows:auto auto;row-gap:.3rem}.reportTable>tbody>tr .rate,.reportTable>tbody>tr .amount,.reportTable>tbody>tr .value{width:auto}.reportTable>tbody>tr .gst,.reportTable>tbody>tr .dis,.reportTable>tbody>tr .exp{width:auto}.reportTable>tbody>tr .batch{width:auto}.reportTable>tbody>tr .hsn,.reportTable>tbody>tr .qty,.reportTable>tbody>tr .mfr,.reportTable>tbody>tr .pack{width:auto}.reportTable>tbody>tr .gst,.reportTable>tbody>tr .dis,.reportTable>tbody>tr .amount,.reportTable>tbody>tr .sgst,.reportTable>tbody>tr .cgst,.reportTable>tbody>tr .total{font-weight:700}.reportTable>tbody>tr td{display:grid;grid-template-columns:auto 1fr;text-align:left;padding:0rem .5rem;font-size:1rem;font-weight:500}.reportTable>tbody>tr td:first-child{padding-top:.5rem}.reportTable>tbody>tr td:last-child{padding-bottom:.5rem;border-bottom:1px solid var(--clr-black)}.reportTable>tbody>tr td:nth-of-type(2n){background-color:var(--primary-background-color)}.reportTable>tbody>tr td[data-cell]:before{content:attr(data-cell) ":";font-weight:700;text-align:left;padding-right:.5rem}.reportTable>tbody>tr td:not([data-cell]):before{display:none}}.reportTable{min-width:1500px;width:max-content;overflow:auto}.reportTable>tbody>tr>td{text-align:start}.reportTable>tbody>tr .text-align-right{text-align:right}.reportTable>tbody>tr .text-align-center{text-align:center}@media(max-width:853px){.reportTable{min-width:95%}.reportTable>tbody>tr td{text-align:start}.reportTable>tbody>tr .text-align-right{text-align:start}.reportTable>tbody>tr .text-align-center{text-align:start}}.partyNameDropdownContainer{width:300px;height:auto;padding:.2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;position:relative;border:1px solid var(--clr-black)}.partyNameDropdownContainer>input{width:100%;padding:.2rem}.openPartNameDropdownContent{width:100%;height:120px;padding:.2rem}.openPartNameDropdownContent::-webkit-scrollbar{display:none}.openPartNameDropdownContent{-ms-overflow-style:none;scrollbar-width:none;display:none;overflow:auto;flex-direction:column;position:absolute;top:100%;white-space:normal;background:var(--clr-white);border:1px solid var(--clr-black)}.openPartNameDropdownContent>p{border:1px solid var(--clr-black)}.closePartNameDropdownContent{width:100%;height:120px;padding:.2rem}.closePartNameDropdownContent::-webkit-scrollbar{display:none}.closePartNameDropdownContent{-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow:auto;flex-direction:column;position:absolute;top:100%;white-space:normal;background:var(--clr-white);border:1px solid var(--clr-black)}.closePartNameDropdownContent>p{border:1px solid var(--clr-black)}.fetchPeriodButton{width:auto;display:inline-block;padding:.4rem .8rem;font-size:.9rem;border-radius:.25rem;color:var(--button-color);font-weight:700;text-align:center;line-height:1;border:none;cursor:pointer;background:linear-gradient(90deg,#fd3c00,#fb8018 51%,#f8c731);transition:background-color .3s ease,transform .2s ease}.fetchPeriodButton:hover{background:linear-gradient(180deg,#fd3c00,#fb8018 51%,#f8c731)}.fetchPeriodButton:active{background:linear-gradient(200deg,#fd3c00,#fb8018 51%,#f8c731);transition:background 1s ease;transform:scale(.95)}.fetchPeriodButton:disabled{background:var(--clr-gray);cursor:not-allowed}@media(max-width:500px){.fetchPeriodButton{font-size:.8rem}}