:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;width:100%;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh;font-family:Roboto,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:var(--bg)}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}html,body{margin:0;padding:0 0 10px;box-sizing:border-box;min-height:fit-content;background-color:var(--bg);height:100vh}.app-wrapper-div{height:100%;overflow-x:hidden;width:100vw}.routes-container-div{margin:0;flex-direction:row;justify-content:center;width:100%;min-width:0;max-width:100%}.app-wrapper-div .content-div.side-bar{display:grid;grid-template-columns:auto minmax(0,1fr);z-index:1000;gap:0px;transition:all .4s ease-in;gap:10px}.app-wrapper-div .content-div.no-bar{z-index:1000;gap:0px}html{box-sizing:border-box}.app-wrapper-div .content-div .main-content-div{padding:25px 5px 0;width:100%;align-items:center}.sidebar-menu-div{min-width:fit-content;margin-right:30px}.content-div .main-content-div.login{display:flex;width:100%;justify-content:center;padding:0;margin:0}.app-wrapper-div .linear-container .linear-menu-div,.app-wrapper-div .linear-container .mob-info-bar-div{background-color:#b3d2d3cc}@media print{.side-bar-root-wrapper{display:none}}.nav-wrapper-div{width:100%}@media print{.nav-wrapper-div{display:none}}.mobile-nav-wrapper{background-color:var(--main-button-bg);color:#fff;font-weight:600;font-size:15px;border-radius:0;position:relative;padding:0}.inner-wrapper-mn{display:grid;grid-template-columns:130px 1fr 50px;column-gap:5px;background-color:var(--main-button-bg);color:#fff;font-weight:600;font-size:15px;position:relative;padding:10px 0}.inner-wrapper-mn .middle-section{display:flex;justify-content:left}.app-name-wrapper-mn{text-align:center;padding:10px}.name-div-mn{text-align:left;display:flex;flex-direction:column;justify-content:center;color:#fff;font-weight:500}.inner-wrapper-mn .right-section{display:flex;flex-direction:column;justify-content:center;width:50px}.inner-wrapper-mn .right-section .user-initial-div{text-align:center;background-color:#fff;color:#000;border-radius:20px;width:30px;height:30px;display:flex;flex-direction:column;justify-content:center;border:none}.inner-wrapper-mn .left-section{height:50px;width:100px;text-align:center;display:flex;flex-direction:column;justify-content:center;color:#000}.mobile-menu-div{position:absolute;background-color:#fff;width:100vw;max-height:100vh;min-height:fit-content;overflow-y:auto;z-index:10000}.left-section-icons-container-mn{display:flex;width:fit-content}.inner-wrapper-mn{text-align:center}.nav-icon-mn{outline:none;border:none}.left-section-icons-container-mn .icon-button-mn{border:none;outline:none}.mobile-menu-wrapper.show{height:100vh;padding:0;background-color:inherit;width:100%;transform:translate(0);transition:all .3s ease-in;margin-bottom:50px}; .mobile-menu-wrapper{transform:translate(100%)}.mobile-menu-containers-wrapper .common-action-buttons-div-db{background-color:inherit;max-height:fit-content;background-color:var(--bg-2);padding:0 10px;border-radius:0;border:none;display:flex;flex-wrap:wrap;gap:10px;width:100%}.main-menu-container.with-button{display:grid;grid-template-columns:1fr 20px}.common-action-buttons-div-db .button-div{width:20px;height:20px;border-radius:0;background-color:#035ed6}.common-action-buttons-div-db .main-menu-container.with-button{background-color:inherit;height:100%;border-radius:0;padding:0;border-left:none;border:none;flex:1 1 100px;margin:0;cursor:pointer;color:var(--main-text);font-weight:200;transition:all ease-in .15s}.common-action-buttons-div-db .main-menu-container.with-button:hover{background-color:var(--card)}.main-menu-container.summary .summary-items-wrapper{padding-top:0;border:none;margin-top:10px;height:100%;max-height:100%;overflow-y:auto}.main-menu-container.summary .summary-items-wrapper .summary-item-div{background-color:#e6e6f5;padding:12px;margin:20px 10px;border-radius:8px;color:inherit;display:grid;grid-template-columns:1fr 20px}.main-menu-container.summary .summary-items-wrapper .summary-item-div .button-div{width:20px;height:20px;border-radius:8px;background-color:#424242;box-shadow:0 0 3px #ffffca}.main-menu-container.with-button{margin-bottom:8px;color:#000}.main-item-div .icon-button-mm{color:inherit;font-size:16px}.main-item-div .icon-button-mm .real-icon-mm{margin-right:6px}.dashboard-header-wrapper-adb{display:flex;justify-content:space-between;padding:5px 10px;border-bottom:none;color:var(--main-text);background-color:var(--card);margin:20px 0;border-radius:5px}.period-selector-container-adb{background-color:var(--main-button-bg);color:#fff;padding:3px 15px;cursor:pointer;display:flex;justify-content:space-between;gap:5px;position:relative;min-width:150px;border-radius:5px}.period-option-item-wrapper-adb{padding:0;cursor:pointer;transition:all ease-in .15s;margin:0;color:var(--main-text)}.period-option-item-wrapper-adb:hover{background-color:var(--main-button-bg);color:#fff;padding:3px;border-radius:5px}.arror-div-adb,.option-label-div-adb{display:flex;flex-direction:column;justify-content:center}.period-options-wrapper-adb{background-color:var(--card);border:.5px gray solid;padding:3px;border-radius:0 0 5px 5px/0px 0px 5px 5px;position:absolute;top:37px;right:0;z-index:100;width:100%}.period-options-wrapper-adb-hide{display:none}.dashboard-details-wrapper-adb{padding:0}.single-values-container-adb{display:flex;gap:10px;flex-wrap:wrap}.single-values-container-adb .summary-container-adb{background-color:var(--card);color:var(--main-text);border-radius:5px;flex:1 1 300px;padding:20px;display:flex;gap:5px;border:solid .5px rgb(196,194,194)}.value-adb{font-size:20px}.change-div-adb .change-trend-div-adb .increment-icon-adb{color:var(--main-button-bg)}.decrement-icon-adb{color:var(--error-text)}.change-div-adb{display:flex}.title-name-adb{display:flex;flex-direction:column;justify-content:center;font-size:18px}.summary-icon-wrapper-adb .summary-icon-adb{font-size:60px;color:var(--main-button-bg)}.widgets-container-adb{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.widgets-container-adb .widget-div-adb{flex:1 1 400px;border:solid .5px rgb(196,194,194)}.component-container-adb{padding:0}.admin-dash-wrapper-se{background-color:var(--bg-2);height:100%;width:100%;position:relative}.short-expiries-container-se{padding:0;background-color:var(--bg-2);margin:0;overflow-x:auto;max-width:100vw}.short-expiries-table-container-se{width:100%;overflow-x:auto}.short-expiries-table-se{border-collapse:collapse;min-width:fit-content;width:100%}.short-expiries-table-se th{background-color:var(--card);color:var(--subtitle-text)}.short-expiries-table-se .table-body-se tr{color:var(--main-text);background-color:var(--on-card);transition:background-color .15s ease-in}.short-expiries-table-se .table-body-se tr:hover{background-color:var(--card);cursor:pointer}.short-expiries-table-se .table-body-se tr td{color:inherit;background-color:inherit}.short-expiries-table-se th,.short-expiries-table-se td{border:solid .1px;border-color:var(--bg-2);padding:10px}.short-expiries-table-se .table-body-se td:first-child{font-weight:500}.short-expiries-table-se .table-body-se td:nth-child(3){text-align:right}.short-expiries-table-se .table-body-se td:nth-child(5){white-space:nowrap}.no-records-div-se{color:var(--main-text);padding:15px}.short-expiries-container-se .navigation{margin-top:5px}.table-header-se tr th{text-align:left}.short-expiries-header-se{display:flex;gap:5px}.short-expiries-header-se{color:var(--main-text);background-color:var(--card);padding:5px}.widget-icon-div-se .summary-icon-se{color:var(--main-button-bg)}.table-inner-container-se{height:250px;overflow-y:auto}.page-navigation-wrapper-nn{display:flex;justify-content:center;background-color:var(--card);padding:5px 0;font-size:12px;margin:10px 0;border-radius:3px}.previous-div .previous-button,.next-div .next-button,.first-page-div .first-page-button,.Last-page-div .last-page-button{background-color:var(--main-button-bg);padding:5px;font-weight:10;width:100%;color:#fff;outline:none;border:none}.no-data-text-div-nn{text-align:center;color:var(--main-text);font-size:15px}.reload-button-div-nn{display:flex;justify-content:center}.admin-dash-wrapper-ls{background-color:var(--bg-2);height:100%;width:100%;position:relative}.low-stock-container-ls{padding:0;background-color:var(--bg-2);margin:0;overflow-x:auto;max-width:100vw;height:100%}.low-stock-table-container-ls{width:100%;overflow-x:auto}.low-stock-table-ls{border-collapse:collapse;min-width:fit-content;width:100%}.low-stock-table-ls th{background-color:var(--card);color:var(--subtitle-text)}.low-stock-table-ls .table-body-ls tr{color:var(--main-text);background-color:var(--on-card);transition:background-color .15s ease-in}.low-stock-table-ls .table-body-ls tr:hover{background-color:var(--card);cursor:pointer}.low-stock-table-ls .table-body-ls tr td{color:inherit;background-color:inherit}.low-stock-table-ls th,.low-stock-table-ls td{border:solid .1px;border-color:var(--bg-2);padding:10px}.low-stock-table-ls .table-body-ls td:first-child{font-weight:500}.low-stock-table-ls .table-body-ls td:nth-child(3),.low-stock-table-ls .table-body-ls td:nth-child(4),.low-stock-table-ls .table-body-ls td:nth-child(5){text-align:right}.low-stock-table-ls .table-body-ls td:nth-child(2){white-space:nowrap}.no-records-div-ls{color:var(--main-text);padding:15px}.low-stock-container-ls .navigation{margin-top:5px}.table-header-ls tr th{text-align:left}.low-stock-header-ls{display:flex;gap:5px;background-color:var(--card);color:var(--main-text);padding:5px}.widget-icon-div-ls .summary-icon-ls{color:var(--main-button-bg)}.table-inner-container-ls{height:250px;overflow-y:auto}.admin-dash-wrapper-bsp{background-color:var(--bg-2);height:100%;width:100%;position:relative}.best-selling-container-bsp{padding:0;background-color:var(--bg-2);margin:0;overflow-x:auto;max-width:100vw;height:100%}.best-selling-table-container-bsp{width:100%;overflow-x:auto;background-color:var(--card)}.best-selling-table-bsp{border-collapse:collapse;min-width:fit-content;width:100%}.best-selling-table-bsp th{background-color:var(--card);color:var(--subtitle-text)}.best-selling-table-bsp .table-body-bsp tr{color:var(--main-text);background-color:var(--on-card);transition:background-color .15s ease-in}.best-selling-table-bsp .table-body-bsp tr:hover{background-color:var(--card);cursor:pointer}.best-selling-table-bsp .table-body-bsp tr td{color:inherit;background-color:inherit}.best-selling-table-bsp th,.best-selling-table-bsp td{border:solid .1px;border-color:var(--bg-2);padding:10px}.best-selling-table-bsp .table-body-bsp td:first-child{font-weight:500}.best-selling-table-bsp .table-body-bsp td:nth-child(2),.best-selling-table-bsp .table-body-bsp td:nth-child(3),.best-selling-table-bsp .table-body-bsp td:nth-child(4),.best-selling-table-bsp .table-body-bsp td:nth-child(5){text-align:right}.table-header-bsp tr th{text-align:left}.table-header-bsp tr th:nth-child(2),.table-header-bsp tr th:nth-child(3),.table-header-bsp tr th:nth-child(4),.table-header-bsp tr th:nth-child(5){text-align:right}.no-records-div-bsp{color:var(--main-text);padding:15px}.best-selling-container-bsp .navigation{margin-top:5px}.best-selling-header-bsp{display:flex;gap:5px;background-color:var(--card);color:var(--main-text);padding:5px}.widget-icon-div-bsp .summary-icon-bsp{color:var(--main-button-bg)}.table-inner-container-bsp{height:250px;overflow-y:auto;background-color:var(--card)}.home{font-family:Segoe UI,sans-serif;color:#37474f;margin:0;padding:0;overflow-x:hidden;background:#f5f7fa}.full-height{min-height:100vh;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:60px 20px;background:var(--primary-background);color:#fff}.home-title{font-size:3.2rem;font-weight:700}.home-title span{color:var(--secondary-color)}.home-tagline{font-size:1.5rem;margin:15px 0 5px}.home-subtag{font-size:1.1rem;margin-bottom:30px;color:var(--subtitle-text)}.home-cta-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.home-final-cta .home-btn,.home-cta-buttons .home-btn{padding:6px 12px;border-radius:20px;font-weight:600;font-size:1rem;text-decoration:none;border:2px solid white;background:#fff;color:#363636;min-width:160px;transition:all .3s ease;box-shadow:0 4px 8px #00000014}.home-btn:hover{opacity:.8}.home-btn.primary{background:var(--main-button-bg);border-color:var(--main-button-bg);color:#fff;transition:all ease-in .15s}.home-btn.primary:hover{opacity:.85}.home-about-welcome{text-align:center;padding:70px 20px;background:var(--bg-2);color:var(--main-text)}.home-about-welcome h2{font-size:2.2rem;margin-bottom:15px;color:var(--subtitle-text)}.home-about-welcome p{max-width:700px;margin:0 auto 40px;font-size:1.1rem;line-height:1.6;color:var(--main-text)}.home-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.stat{max-width:280px;background:var(--card);padding:20px;border-radius:12px;box-shadow:0 2px 6px #0000000d}.home-features{text-align:center;background:var(--card);padding:70px 20px}.home-features h2{color:var(--subtitle-text)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;margin-top:30px}.feature-card{background:var(--card);padding:24px;border-radius:12px;border:1px solid #ddd;transition:transform .3s ease,box-shadow .3s ease;text-align:left;color:var(--main-text)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0000001a}.feature-card h3{color:var(--subtitle-text);margin-bottom:10px}.home-remote-access{background:var(--bg-2);padding:70px 20px;display:flex;justify-content:center}.remote-content{display:flex;flex-wrap:wrap;max-width:1200px;gap:40px;align-items:center;width:100%}.remote-text{flex:1;min-width:300px;background:var(--card);color:var(--main-text);padding:20px;border-radius:20px}.remote-text h2{font-size:2rem;color:var(--subtitle-text);margin-bottom:15px}.remote-text p{font-size:1.1rem;margin-bottom:15px;line-height:1.6;color:inherit}.remote-image img{max-width:100%;border-radius:12px;box-shadow:0 6px 16px #00000026}.home-final-cta{text-align:center;padding:70px 20px;background:var(--card);color:var(--main-text)}.home-final-cta h2{font-size:2.2rem;margin-bottom:15px}.home-final-cta p{font-size:1.1rem;margin-bottom:30px}.home-final-cta .home-btn.primary{background:var(--main-button-bg);border-color:var(--main-button-bg);color:#fff}.home-welcome .home-hero-welcome{background-color:var(--card);padding:20px;color:var(--subtitle-text)}.home-welcome .home-hero-welcome h1,.home-welcome .home-hero-welcome p{text-align:center}.home-title .app-name-div{color:var(--main-button-bg)}.brand-wrapper{display:grid;grid-template-columns:32px 1fr;padding:0;margin:0}.brand-wrapper .logo{width:var(--logo-dimension);height:var(--logo-dimension);margin-right:6px}.brand-wrapper .logo .logo-icon{width:var(--logo-dimension);height:var(--logo-dimension)}.brand-wrapper .name{color:var(--text-color);font-weight:700;display:flex;flex-direction:column;justify-content:center}.wrapper-div .step .upper{background:var(--primary-background);display:block;width:100vw;color:var(--secondary-color);font-weight:500;font-size:20px;padding:20px;text-align:center}.wrapper-div .step .lower{background:var(--third-background);display:block;width:100vw;height:4px}.wrapper-div .body{min-height:100vh;display:flex;justify-content:center}.wrapper-div .footer{padding:12px;background-color:#1d1d1d;color:#fff;text-align:center}.signup-container{padding-bottom:0;background-color:inherit;color:#333;font-family:Inter,system-ui,sans-serif;display:flex;flex-direction:column;gap:2rem;max-height:100vh;overflow-y:auto;box-sizing:border-box}.signup-container .signup-form{box-shadow:0 4px 12px #0000;border-radius:5px;max-height:fit-content;background-color:var(--card);padding:20px;margin:20px;color:var(--main-text)}.signup-form .tittle-div{text-align:center;margin-bottom:1.5rem;color:var(--subtitle-text);font-weight:700}.signup-form .tittle-div h2{font-size:1.75rem;font-weight:700;color:#1f1f1f;letter-spacing:.5px}.signup-form .content-div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 25px}.signup-form .content-div>*{display:flex;flex-direction:column;gap:.4rem}.signup-form label{font-size:.875rem;font-weight:500;color:#555}.signup-form input,.signup-form select{padding:12px 14px;font-size:.9rem;border-radius:.6rem;border:1px solid #d3d3d3;background-color:#fafafa;color:#333;outline:none;transition:border .25s ease,background .25s ease,box-shadow .25s ease}.signup-form input:focus,.signup-form select:focus{border-color:#888;background-color:#fff;box-shadow:0 0 6px #88888840}.signup-form .error{font-size:.75rem;color:#d9534f;margin-top:2px}.submit-button-div{display:flex;justify-content:flex-end;margin-top:0;padding:0}.submit-button-div button{padding:12px 20px;font-size:.95rem;font-weight:500;border-radius:.6rem;border:none;background-color:#1f1f1f;color:#fff;cursor:pointer;transition:background .25s ease,transform .15s ease;background-color:red}.submit-button-div button:hover{background-color:#333;transform:translateY(-1px)}@media (max-width: 900px){.signup-form .content-div{grid-template-columns:repeat(2,1fr);gap:18px 20px}}@media (max-width: 600px){.signup-form .content-div{grid-template-columns:1fr;gap:15px 0}}.signup-form select,.signup-form .supercombo-input{padding:12px 14px;border-radius:.6rem;border:1px solid #d3d3d3;background-color:#fafafa;font-size:.9rem;transition:all .25s ease}.signup-form .supercombo-input:focus{border-color:#888;background-color:#fff;box-shadow:0 0 6px #88888840}.buttob-wrapper-cd{display:flex;flex-wrap:wrap;gap:10px}.buttob-wrapper-cd .button-div-cd{flex:1 1}.textfield-container{display:block;padding:0;margin:20px;font-family:Roboto,Arial,Helvetica,sans-serif;position:relative;box-sizing:border-box}.textfield-container .textfield-label{font-size:17px;font-weight:400;color:var(--main-text);margin-bottom:5px;width:100%;text-align:left}.textfield-container .textfield-input-tf{padding:10px;font-size:16px;border:solid .5px gray;border-radius:5px;outline:none;transition:border-color .3s ease;margin:0;width:100%;font-family:Roboto,Arial,Helvetica,sans-serif;box-sizing:border-box;background-color:var(--on-card);color:var(--main-text)}.textfield-container .textfield-input-tf:focus{border-color:var(--main-button-bg);background-color:var(--on-card);color:var(--main-text)}.textfield-container .textfield-input-error{border-color:#e74c3c}.textfield-container .textfield-error-message{font-size:12px;color:#e74c3c;margin-top:5px;min-height:0}.textfield-container .textfield-input-tf::placeholder{color:#aaa}@media (max-width: 600px){.textfield-container{width:auto;margin:20px}}.submit-button-div{padding:20px 0;width:100%;border-radius:6px}.submit-button-div{width:100%}.submit-button-div .my-submit-button{background-color:#8b0808;border:black;color:#9fdbfde6;width:100%;font-weight:700;border:solid 1px inherit}.submit-button-div .my-submit-button:hover{background-color:#fff;color:var(--text-color);width:100%}.submit-button:disabled{background-color:#d6d6d6;cursor:not-allowed}.submit-button.loading{background-color:#ccc}.loader{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-title-div{background-color:red;font-family:Arial,Helvetica,sans-serif;color:inherit;text-align:center;font-weight:500}.combo-wrapper{display:block;padding:0;margin:20px;font-family:Roboto,Arial,Helvetica,sans-serif;position:relative;box-sizing:border-box}.combo-wrapper .label-div{font-size:17px;font-weight:400;color:var(--main-text);margin-bottom:5px;width:100%;text-align:left}.combo-wrapper .input-div{display:block;position:relative;width:100%;box-sizing:border-box}.combo-wrapper .input-element{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;outline:none;transition:border-color .3s ease;margin:0;width:100%;font-family:Roboto,Arial,Helvetica,sans-serif;box-sizing:border-box;background-color:var(--on-card);color:var(--main-text);border:solid .5px gray}.combo-wrapper .input-element:focus{border-color:#4a90e2}.combo-wrapper .items-list-div{display:block;position:absolute;top:100%;left:0;right:0;max-height:150px;overflow-y:auto;background-color:var(--on-card);box-shadow:0 1px 2px #4a90e2;z-index:999;margin:0;padding:0;border:none;border-radius:0}.combo-wrapper .items-list-drop-down{list-style:none;padding:0;margin:0;width:100%;display:block}.combo-wrapper .optionHolder{padding:10px;transition:all .15s ease;display:block;width:100%;box-sizing:border-box;color:var(--main-text);font-size:16px;cursor:pointer}.combo-wrapper .optionHolder:hover{opacity:.7}.combo-wrapper .error-div{font-size:12px;color:#e74c3c;margin-top:5px;min-height:0}.combo-wrapper .input-element::placeholder{color:#aaa}.combo-wrapper .items-list-div::-webkit-scrollbar{width:8px}.combo-wrapper .items-list-div::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:999px}.empty-list-div-sc{color:var(--main-text)}@media (max-width: 600px){.combo-wrapper{width:auto;margin:20px}.combo-wrapper .items-list-div{max-height:150px}}.combobox-container{display:block;padding:0;margin:20px;font-family:Roboto,Arial,Helvetica,sans-serif;position:relative;box-sizing:border-box}.combobox-container .textfield-label{display:block;font-size:17px;font-weight:400;color:var(--main-text);width:100%;text-align:left;box-sizing:border-box;margin-bottom:0}.combobox-container .input-div{display:block!important;position:relative;width:100%;box-sizing:border-box;cursor:text}.combobox-container .textfield-input{display:block;padding:10px 35px 10px 10px;font-size:16px;border:solid .5px gray;border-radius:5px;outline:none;transition:border-color .3s ease;margin:0;width:100%;height:auto;min-height:42px;font-family:Roboto,Arial,Helvetica,sans-serif;box-sizing:border-box;background-color:var(--on-card);color:var(--main-text)}.combobox-container .textfield-input:focus{border-color:var(--main-button-bg);background-color:var(--on-card);color:var(--main-text)}.combobox-container .textfield-input-error{border-color:#e74c3c}.combobox-container .textfield-input::placeholder{color:#aaa}.combobox-container .arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--main-text);pointer-events:none}.combobox-container .drop-list{display:block;position:absolute;top:calc(100% + 2px);left:0;right:0;width:100%;max-height:150px;overflow-y:auto;background-color:var(--on-card);border:solid .5px gray;border-radius:5px;box-sizing:border-box;z-index:999}.combobox-container .drop-list::-webkit-scrollbar{width:6px}.combobox-container .drop-list::-webkit-scrollbar-track{background:transparent}.combobox-container .drop-list::-webkit-scrollbar-thumb{background:#aaa;border-radius:10px}.combobox-container .drop-list ul{padding:0;margin:0;list-style:none;width:100%}.combobox-container .drop-list .drop-li{margin:0;display:flex;width:100%;min-height:42px;box-sizing:border-box;color:var(--main-text);background-color:var(--on-card);cursor:pointer;font-size:16px;font-family:Roboto,Arial,Helvetica,sans-serif;transition:background-color .15s ease;padding:5px 0}.combobox-container .drop-list .drop-li div{text-align:left;display:flex;justify-content:flex-start;margin:0}.combobox-container .drop-list .drop-li:hover{background-color:var(--main-button-bg);color:#fff}.combobox-container .drop-list .drop-li>div:last-child{text-align:right;margin-left:10px}.combobox-container .drop-list p{margin:0;padding:10px;font-size:16px;color:var(--main-text);text-align:left}.combobox-container .textfield-error-message{font-size:12px;color:#e74c3c;margin-top:5px;min-height:0}@media (max-width: 600px){.combobox-container{width:auto;margin:20px}.combobox-container .textfield-input{font-size:16px;min-height:42px}.combobox-container .drop-list .drop-li{min-height:42px;padding:10px}}.my-submit-button-wrapper{padding:20px}.my-submit-button-wrapper .my-submit-button{width:100%;background-color:var(--main-button-bg);color:#fff;border:solid 1px;border-color:var(--main-button-bg);transition:all .15s ease-in}.my-submit-button-wrapper .my-submit-button:hover{border:solid 1px;border-color:var(--main-button-bg);opacity:.8}.my-submit-button-wrapper .my-submit-button:active{opacity:.7}.form-title-wrapper-mft .my-form-title-container-mft{text-align:center;background-color:inherit;padding:10px;border-radius:0;font-size:20px;color:var(--subtitle-text);border-bottom:none;font-weight:800}.form-title-wrapper-mft{padding:0 20px;margin:0}.cancel-button-wrapper-cb{padding:0 20px;display:flex;flex-direction:column;justify-content:center;height:100%}.cancel-button-wrapper-cb .cancel-button-cb{width:100%;background-color:#d42216;border-color:#d42216;color:#fff;font-weight:600;transition:all .15s ease-in}.cancel-button-wrapper-cb .cancel-button-cb:hover{width:100%;background-color:#96322b;color:#fff;font-weight:600;opacity:.85}.company-container{margin:0;padding:12px}.company-header{background:inherit;padding:0;margin-bottom:20px}.company-identity-cd{margin-bottom:15px;min-width:0;background-color:var(--card);padding:15px;border-radius:5px}.company-logo-section{flex:0 0 auto}.company-info-section{min-width:0;flex:1;margin-bottom:30px}.location-wrapper-cd{display:flex;gap:5px}.company-name-div{margin:0;color:var(--subtitle-text);word-break:break-word}.company-country-info-div{display:flex;flex-wrap:wrap;gap:8px;color:var(--main-text);font-size:small}.company-country-info-div div{display:flex;align-items:center}.location-icon-div .contact-icon-cd{color:var(--main-text);font-size:small}.logo-and-name-wrapper-cd{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px}.company-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.company-actions .btn{background:var(--main-button-bg);color:var(--btn-text);border:none;outline:none;cursor:pointer;transition:.2s;padding:8px 16px;height:40px;font-size:14px;font-weight:500}.company-actions .btn:hover{opacity:.9}.company-actions .btn:active{opacity:.7}.success-flash-wrapper{margin-bottom:12px}.staff-list-container{padding-bottom:100px}.staff-members-sub-title-div-cd{color:var(--subtitle-text);margin-bottom:12px;margin-left:10px;margin-right:10px}.staff-list-wrapper{background-color:var(--card);color:var(--main-text);padding:10px;border-radius:5px;max-width:100%;overflow-x:auto;overflow-y:hidden}.staff-list-table{width:100%;min-width:900px;border-collapse:collapse}.staff-header-row{border-bottom:solid 1px gray;background-color:#00000014}.staff-header-cell,.staff-body-cell{padding:10px;text-align:left}.staff-body-row{border-bottom:solid 1px rgba(128,128,128,.25)}.staff-body-row:last-child{border-bottom:none}.staff-body-cell{color:var(--main-text)}.staff-status-active{font-weight:500}.staff-status-inactive{font-weight:500;opacity:.6}.staff-actions{display:flex;gap:5px;flex-wrap:nowrap}.staff-actions .action-button-div{flex:1 1}.staff-actions .action-button-div .action-button-cd{width:100%}.staff-actions .MuiButton-root{min-width:75px;height:36px;text-transform:none}.staff-edit-button{background-color:var(--main-button-bg)!important;color:var(--btn-text)!important}.staff-edit-button:hover{background-color:var(--main-button-bg)!important;opacity:.9}.no-staff-found{padding:15px 10px;color:var(--main-text)}@media (max-width: 991px){.company-container{padding:12px}.company-header{padding:0}.company-actions{flex-direction:column;align-items:stretch}.company-actions .btn{width:100%}.staff-list-wrapper{overflow-x:auto}.staff-list-table{min-width:900px}}@media (max-width: 600px){.company-header{padding:0}.company-identity-cd{align-items:flex-start;gap:12px}.company-name-div{font-size:20px}.company-country-info-div{gap:5px;font-size:13px}}@media (max-width: 420px){.company-identity-cd{gap:10px}.company-name-div{font-size:18px}.company-country-info-div{font-size:12px}}.my-checkbox-wrapper-cb{display:flex;gap:3px;color:var(--main-text);font-weight:300}.checkbox-container .checkbox{cursor:pointer}.logo-image-wrapper{width:100%;display:flex;flex-direction:column;align-items:flex-start}.logo-image-container{position:relative;display:flex;align-items:center;justify-content:center}.logo-image{border-radius:12px;aspect-ratio:1 / 1;object-fit:contain;display:block}.logo-image-upload-controls{display:flex;align-items:center;margin-bottom:4px}.logo-image-upload-label{background-color:var(--main-button-bg);padding:3px 6px;color:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:3px;margin-right:3px;transition:all ease-in .15s}.logo-image-upload-label:hover{opacity:.85}.logo-image-upload-label span{display:flex;flex-direction:column;justify-content:center}.logo-image-upload-controls button{margin-right:3px}.success-flash-wrapper{background-color:none;display:flex;border-radius:0;padding:5px 10px;justify-content:center}.success-flash-wrapper .button-div{display:flex;justify-content:center;background-color:inherit}.success-flash-wrapper .button-div .icon-button,.icon-button .check-icon{color:green;padding:0;margin:0}.designations-wrapper{display:flex;flex-direction:column;gap:1.5rem;max-width:500px;margin:30px auto;font-family:system-ui,sans-serif;color:#333}.form-div{background:#fff;padding:1rem;border-radius:.75rem;border:1px solid #dcdcdc}.form-div h3{margin-bottom:.5rem;font-size:1rem;font-weight:600;color:#444}.description-text{font-size:.875rem;color:#666;margin-bottom:1rem;line-height:1.4}.designation-form{display:flex;gap:.5rem;align-items:flex-start}.list-div{background:#fff;padding:1rem;border-radius:.75rem;border:1px solid #dcdcdc}.list-container{max-height:250px;overflow-y:auto;padding-right:4px}.list-container ul{list-style:none;padding:0;margin:0}.list-container li{display:flex;justify-content:space-between;align-items:center;background:#f7f7f7;padding:.5rem .75rem;border-radius:.5rem;border:1px solid #e0e0e0;margin-bottom:.5rem;transition:background .2s ease}.list-container li:hover{background:#ececec}.list-container::-webkit-scrollbar{width:6px}.list-container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.list-container::-webkit-scrollbar-thumb{background:#b0b0b0;border-radius:3px}.list-container::-webkit-scrollbar-thumb:hover{background:#909090}.next-button-div{display:flex;justify-content:space-between;margin-top:1rem}.company-industry-wrapper{border:.5px solid #ccc;border-radius:6px;padding:16px;width:100%;max-width:600px;margin:20px auto;background-color:#fff;box-shadow:0 2px 4px #0000000d}.company-industry-title-div{text-align:center;margin:20px 0 10px;font-weight:600;font-size:1.1rem;color:#333}.text-box-div{margin-bottom:16px}.input-container{width:100%}.text-box-div .input-container input[type=text]{width:100%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.options-container{max-height:350px;overflow-y:auto;padding:0 4px;border-top:1px solid #ddd}.option-item-wrapper{display:flex;align-items:center;padding:10px 8px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s ease}.option-item-wrapper:hover{background-color:#f9f9f9}.custom-check-box{margin-right:12px;height:20px;width:20px;border:1px solid #666;border-radius:3px;position:relative;display:flex;align-items:center;justify-content:center}.checkbox-input{opacity:0;position:absolute;width:100%;height:100%;margin:0;cursor:pointer}.checkbox-label{display:block;width:100%;height:100%;cursor:pointer}.option-item{flex-grow:1;font-size:14px;color:#333}@media (min-width: 700px){.company-industry-wrapper{min-width:600px}}.my-form-wrapper-uf .my-form-uf{background-color:var(--card)}.fields-wrapper-uf{display:flex;flex-wrap:wrap;gap:5px}.fields-wrapper-uf .field-div-uf{flex:1 1 300px;max-width:350px;padding:5px;max-width:100%;border-radius:35px}.my-form-wrapper-uf{display:flex;justify-content:center}.buttons-wrapper-uf{display:flex;flex-wrap:wrap;gap:5px}.buttons-wrapper-uf .button-div-uf{flex:1 1 300px}.phone-verification-wrapper{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f6f8fa;padding:20px}.phone-verification-form{width:100%;max-width:420px;background-color:#fff;padding:24px 28px;border-radius:8px;box-shadow:0 4px 12px #00000014;box-sizing:border-box}.phone-clue-div{font-size:14px;color:#333;margin-bottom:16px;text-align:center}.token-input-div{margin-bottom:20px}.submit-buttons-div{display:flex;gap:12px}.submit-button-container,.resend-button-container{flex:1}.cancel-button-div{width:100%}.phone-verification-form button{width:100%;padding:12px;font-size:14px;font-weight:600;border-radius:4px;border:none;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.submit-button-container button{background-color:#2563eb;color:#fff}.submit-button-container button:hover{background-color:#1d4ed8}.resend-button-container button{background-color:#e5e7eb;color:#111827}.resend-button-container button:hover{background-color:#d1d5db}.phone-verification-form button:active{transform:scale(.98)}@media (max-width: 480px){.submit-buttons-div{flex-direction:column}}.password-setting-wrapper{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f6f8fa;padding:20px}.password-setting-form{width:100%;max-width:420px;background-color:#fff;padding:24px 28px;border-radius:8px;box-shadow:0 4px 12px #00000014;box-sizing:border-box}.form-title-div{font-size:16px;font-weight:600;text-align:center;color:#111827;margin-bottom:20px;background-color:inherit}.password-input-div,.comfirmed-password-input-div{margin-bottom:16px}.buttons-wrapper{display:flex;flex-direction:column;gap:16px}.submit-button-container,.cancel-button-div{width:100%}.password-setting-form button{width:100%;padding:12px;font-size:14px;font-weight:600;border-radius:4px;border:none;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.submit-button-container button{background-color:var(--main-button-bg);color:#fff;margin:none;outline:none;transition:all ease-in .15s}.submit-button-container button:hover{background-color:var(--main-button-bg);opacity:.85}.submit-button-container button:active{outline:none;border:none}.cancel-button-div button{background-color:#dc2626;color:#fff}.cancel-button-div button:hover{background-color:#b91c1c}.password-setting-form button:active{transform:scale(.98)}@media (max-width: 480px){.buttons-wrapper{flex-direction:column;gap:12px}}.login-form-wrapper{width:100%;min-height:100vh;min-height:100dvh;display:flex;justify-content:flex-end;align-items:stretch;position:relative;background-image:url(/app_bg.png);background-size:cover;background-position:center center;background-repeat:no-repeat;overflow:hidden}.login-form{box-sizing:border-box;background-color:var(--card);width:350px;min-width:350px;min-height:100vh;min-height:100dvh;padding:20px 10px;border:none;border-radius:0;margin:0;color:var(--main-text);position:relative;overflow-y:auto;display:flex;flex-direction:column;background-color:color-mix(in srgb,var(--card) 80%,transparent)}.country-change-wrapper{display:flex;flex-direction:row;justify-content:center}.country-change-container{position:relative;text-align:center;font-size:small;padding-right:15px;cursor:pointer;z-index:10}.arrow-div{position:absolute;right:0;top:50%;transform:translateY(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--main-text);pointer-events:none;margin-top:0}.name-section{font-weight:600}.flag-and-name-div{display:flex;flex-direction:row;justify-content:center}.flag-and-country-name-wrapper{display:grid;grid-template-columns:20px 1fr;column-gap:5px}.login-button-container{padding-left:20px;padding-right:20px;display:grid;grid-template-columns:1fr 1fr;column-gap:10px;margin-bottom:10px}.login-button-container .login-button{background-color:var(--main-button-bg);color:#fff;border:1px solid var(--main-button-bg);border-radius:20px}.login-button-container .cancel-button{background-color:#fc1717;color:#fff;border:1px solid rgb(252,23,23);border-radius:20px}.login-button-container button{transition:all .2s ease-in}.login-button-container button:active{opacity:.6}.login-button-container button:hover{opacity:.8}.other-actions-div{padding-left:20px;padding-right:20px}.other-actions-div div{margin-bottom:10px;cursor:pointer;transition:all .2s ease-in}.other-actions-div div:hover{text-decoration:underline}.logo-div{display:flex;flex-direction:row;justify-content:center;margin-bottom:10px}.password-container .textfield-container .textfield-input,.phone-combo-container .textfield-container .textfield-input{outline:none;border:1px solid gray;border-radius:20px}@media (max-width: 900px){.login-form{width:330px;min-width:330px}}@media (max-width: 600px){.login-form-wrapper{justify-content:center;background-position:center center}.login-form{width:100%;min-width:0;min-height:100vh;min-height:100dvh;background-color:color-mix(in srgb,var(--card) 94%,transparent);padding:20px 15px;overflow-y:auto}.login-button-container,.other-actions-div{padding-left:10px;padding-right:10px}}@media (max-width: 380px){.login-form{padding-left:10px;padding-right:10px}.login-button-container{grid-template-columns:1fr 1fr;column-gap:7px;padding-left:5px;padding-right:5px}}.flag-and-country-div{border:none;padding:10px;border-radius:6px;background-color:var(--bg-2);width:fit-content;margin:10px 20px}.flag-and-country-div .country-combo-container .country-list-div-wrapper{top:27px;max-height:400px;margin-top:20px;display:flex;flex-direction:column;max-height:250px;overflow-y:auto}.flag-and-country-div .country-combo-container{border:none;padding:10px;border-radius:8px}.country-list-item{display:grid;grid-template-columns:40px 1fr;column-gap:10px;background-color:var(--card);padding:12px;border-radius:0;cursor:pointer;transition:all .2s ease-in;margin:2px 10px}.country-list-item:hover{background-color:#00000029}.country-list-item .list-country-div{font-weight:300px;display:flex;flex-direction:column;justify-content:center;color:var(--main-text)}.list-flag-div{display:flex;flex-direction:column;justify-content:center}.flag-image{width:100%}.input-wrapper{padding:0 15px;margin-top:15px;display:flex;justify-content:center}.input-wrapper input{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;outline:none;transition:border-color .3s ease;margin:0;font-family:Roboto,Arial,Helvetica,sans-serif;border-color:#4a90e2;text-align:center}.input-wrapper input:focus{border-color:#4a90e2}.input-wrapper input::placeholder{color:#aaa}.country-div{color:var(--subtitle-text)}.transaction-list-wrapper-div{padding:0;width:100%}.transaction-list-wrapper-div .list-wrapper .list-item-wrapper-tl .header-div{display:grid;grid-template-columns:1fr 100px}.header-button-div{display:flex;gap:5px;justify-content:right}.transaction-list-wrapper-div .list-wrapper .list-item-wrapper-tl{flex:1 1 250px;margin:10px 0;padding:10px 20px;border-radius:8px;background-color:var(--card);color:var(--main-text);border:none;box-shadow:0 0 10px #0000001f}.header-label-div.income{color:var(--success-text);font-weight:600;font-size:20px;display:flex;flex-direction:column;justify-content:center}.header-label-div.expense{color:var(--error-text);font-weight:600;font-size:20px}.details-wrapper .detail-div{margin-bottom:7px}.details-wrapper .detail-div strong{color:var(--main-text);font-weight:600}.details-wrapper{padding:0}.detail-div.notes-wrapper{font-size:13px;color:#000000e6;display:flex}.list-wrapper{display:flex;flex-wrap:wrap;gap:20px}.list-wrapper.empty-list{display:flex;flex-direction:row;justify-content:center}.list-wrapper .empty-list-div{width:100%;text-align:center}.page-navigation-wrapper{display:flex;justify-content:center;background-color:#0000001a;padding:10px;font-size:12px;margin-top:20px;margin-bottom:10px}.page-navigation-container{display:grid;grid-template-columns:3fr 1fr 4fr 1fr 3fr;column-gap:5px}.page-navigation-container .first-page-div,.page-navigation-container .position-div,.page-navigation-container .Last-page-div{flex:1 1 200px}.previous-button,.next-button,.first-page-button,.last-page-button{background-color:#0771fc;padding:5px;font-weight:600;width:100%;color:#fff}.page-number-div{display:flex;flex-direction:column;justify-content:center}.page-number-container{text-align:center;background-color:#fff;padding:5px 2px;border-radius:4px;font-weight:600}.edit-button-div .edit-button,.delete-button-div .delete-button{background-color:#0000001f;font-size:12px;padding:5px}.edit-button-div .edit-button .edit-icon,.delete-button-div .delete-button .delete-icon{font-size:14px;color:#000c}.comment-icon-div .comments-button{padding:0;margin:0 5px 0 0}.comments-button .comments-icon{font-size:15px;color:var(--main-text)}.comment-div{background-color:#00000014;padding:10px;border-radius:8px;font-style:italic;color:var(--main-text)}.transactions-list-container-tl{padding:0;background-color:var(--bg-2);margin:10px 0 0;overflow-x:auto;max-width:100%}.transaction-list-table-tl{border-collapse:collapse;width:100%;min-width:800px}.transaction-list-table-tl th{background-color:var(--card);color:var(--subtitle-text)}.transaction-list-table-tl .table-body-tl .body-row-tl{color:var(--main-text);background-color:var(--card);transition:background-color .15s ease-in}.transaction-list-table-tl .table-body-tl .body-row-tl:hover{background-color:var(--on-card);cursor:pointer}.transaction-list-table-tl .table-body-tl .body-row-tl td{color:inherit;background-color:inherit}.transaction-list-table-tl .table-header-tl .header-row-tl th,.transaction-list-table-tl .table-body-tl .body-row-tl td{border:solid .1px;border-color:var(--bg-2);padding:10px}.body-row-tl .transactions-table-action-buttons-tl button{width:70px}.transactions-list-div-tl{display:flex;flex-wrap:nowrap;gap:6px;justify-content:center}.no-records-div-tl{color:var(--main-text)}.table-body-tl .body-row-tl td.amount-cell-tl{text-align:right}td.comments-cell-tl{font-size:12px;font-style:italic}.transactions-list-div-tl .details-button-tl{background-color:var(--main-button-bg);border:none;outline:none}.transactions-list-div-tl .reverse-button-tl{border:none;outline:none}.transaction-buttons-div .income-button-div-tl .income-button-tl{background-color:var(--main-button-bg);border:none;outline:none}.expense-button-div-tl .expense-button-tl{border:none;outline:none}.table-body-tl .body-row-tl .transaction-number-cell-tl,.table-body-tl .body-row-tl .reversed{text-decoration:line-through}.transactions-form-wrapper{width:100%;display:flex;justify-content:center}.transactions-form-wrapper .tranactions-form{margin:10px;padding:0;border-radius:5px;position:relative;min-width:500px;background-color:var(--card);max-width:800px}.form-title{text-align:center;font-weight:600;font-size:18px;margin:0;border-bottom:solid 2px rgba(0,0,0,.1);padding-bottom:0}.submit-button-div .submit-button{background-color:#0253ebe6;padding:10px;color:#fff;font-weight:600;font-size:18px;margin:0 20px}.submit-button-div .submit-button:hover{background-color:#fff;color:#0253eb;border:solid 1px rgb(2,83,235)}.cancel-button-div{position:absolute;color:#fff;background-color:#e63a34;width:40px;height:25px;border-radius:15px;text-align:center;display:flex;flex-direction:column;justify-content:center;top:7px;right:10px}.submit-button-div{display:block;margin:0}.comments-label-wrapper{display:flex;color:var(--main-text);margin:0}.comments-label-wrapper .my-comment-div{display:flex;flex-direction:column;justify-content:center;color:inherit;font-size:16px;font-weight:400}.comments-label-wrapper .comments-icon-button .comments-icon{font-size:18px;font-weight:200px;color:var(--main-text)}.comments-label-wrapper .comments-icon-button{padding:0 4px 0 0}.form-body-wrapper-tf{display:flex;flex-wrap:wrap;gap:10px}.form-body-wrapper-tf .input-div-tf{flex:1 1 300px}.form-buttons-wrapper-tf{display:flex;flex-wrap:wrap;gap:20px}.form-buttons-wrapper-tf .form-button-div-tf{flex:1 1 300px}.textarea-container{display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding:20px;margin:0}.textarea-label{font-size:14px;font-weight:500;color:var(--main-text);margin-bottom:5px;font-weight:900;margin-left:0;text-align:left}.textarea-input{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;outline:none;transition:border-color .3s ease;background-color:var(--on-card);margin:0;color:var(--main-text)}.textarea-input:focus{border-color:var(--main-button-bg);background-color:var(--on-card)}.textarea-input-error{border-color:#e74c3c}.textarea-error-message{font-size:12px;color:#e74c3c}.textarea-input::placeholder{color:#aaa}.edit-delete-button-container{display:flex}.delete-button-reusable .delete-icon-reusable,.edit-button-reusable .edit-icon-reusable{font-size:15px;color:var(--main-text)}.edit-delete-button-container .delete-button-div-reusable .delete-button-reusable,.edit-delete-button-container .edit-button-div-reusable .edit-button-reusable{padding:0 8px;outline:none;border:none}.wrapper-div-lch{background-color:var(--card);border-radius:0;display:flex;gap:4px;flex-wrap:wrap;padding:10px}.wrapper-div-lch,.add-button-wrapper-div-lch .add-button-lch{color:var(--main-text)}.add-button-wrapper-div-lch .add-button-lch{outline:none;border:none;font-size:18px}.search-input-lch{border:0px solid gray;outline:none;padding:0 10px;border-top-left-radius:10px;border-bottom-left-radius:10px;height:100%;background-color:var(--card);color:var(--main-text)}.add-button-lch{text-decoration:underline;padding:0}.iput-and-search-icon-wrapper-lch{display:flex;border:solid gray 1px;width:fit-content;border-radius:20px;height:fit-content;padding:1px}.input-div-lch{background-color:var(--on-card);border-top-left-radius:20px;border-bottom-left-radius:20px;display:flex;flex-direction:column;justify-content:center;color:var(--main-text)}.search-icon-div-lch{display:flex;flex-direction:column;justify-content:center;padding-left:4px;padding-right:4px;cursor:pointer;font-size:10px}.title-wrapper-div-lch,.add-button-wrapper-div-lch,.iput-and-search-icon-outer-wrapper-lch{display:flex;flex-direction:column;justify-content:center}.add-button-wrapper-div-lch .add-button-lch{padding:0;color:var(--main-text)}.add-button-lch .add-icon-lch{color:inherit;margin:0;padding:0}.home-wrapper{width:100%;height:100vh;margin-top:0;background-color:inherit}.home-wrapper.show-form{display:flex;flex-direction:column;justify-content:center;margin-top:0}.home-container{max-height:100%}.transaction-buttons-div{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;margin:20px 0;min-width:300px}.transaction-buttons-div .income-button-div button{background-color:#009973;border:solid .5px rgb(0,153,115)}.transaction-buttons-div .expense-button-div button{background-color:#b61d02;border:solid .5px rgb(182,29,2)}.transaction-buttons-div .expense-button-div button,.transaction-buttons-div .income-button-div button{color:#eeecec;margin:0;font-weight:600;border-radius:6px;padding:12px;width:100%;box-shadow:5px 5px 5px #0000001a}.transaction-buttons-wrapper{background-color:inherit;margin:0;border:none;height:fit-content}.transaction-buttons-wrapper,.search-bar-div,.transactions-wrapper{display:flex;flex-direction:row;justify-content:center;max-height:800px;overflow-y:auto}.list-item-wrapper-tl{background-color:var(--card)}.statement-component-wrapper{margin-top:20px}.statement-title-wrapper{display:flex;flex-direction:row;justify-content:center}.statement-title-wrapper .statement-title-container{font-size:18px;font-weight:600;color:#113;padding:10px}.income-and-expense-container{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;margin-top:20px}.income-wrapper,.expense-wrapper,.profit-and-loss-container{display:flex;justify-content:center}.profit-and-loss-div{display:flex}.profit-and-loss-label-div{margin-right:5px}.income-wrapper{background-color:#009973}.expense-wrapper{background-color:#b61d02}.income-wrapper,.expense-wrapper{color:#eeecec;padding:7px;border-radius:4px;font-weight:600;font-size:18px}.expense-inner-wrapper .view-expense-details-button-div,.income-inner-wrapper .view-income-details-button-div{font-size:15px;color:#f1f1f1;text-decoration:underline;font-weight:400}.statement-section-wrapper .statement-section-container{max-width:800px}.statement-section-wrapper{display:flex;justify-content:center}.profit-and-loss-div{color:#0063d4;font-weight:700;font-size:18px;margin-top:20px}.transaction-list-wrapper-outer{display:flex;justify-content:center}@media (min-width: 360px){.statement-section-wrapper .statement-section-container{min-width:300px}}@media (min-width: 400px){.statement-section-wrapper .statement-section-container{min-width:350px}}@media (min-width: 600px){.statement-section-wrapper .statement-section-container{min-width:500px}}.title-div{text-align:center;font-size:18px;color:#000c;font-weight:600;padding:20px}.list-item-container{display:grid;grid-template-columns:1fr 100px;column-gap:10px}.company-name-div,.navigation-button-div{display:flex;flex-direction:column;justify-content:center}.navigation-button{padding:15px;width:100%;font-weight:550;border:none}.inner-company-div{padding:10px;background-color:#f5f5f5;border-radius:4px;color:#07f;font-weight:600;height:100%}.company-list-wrapper{display:flex;justify-content:center}.list-item{padding:0;margin-bottom:30px}.transaction-categories-wrapper{background-color:var(--bg-2);padding:10px;width:600px;max-width:100%}.transaction-categories-container{max-height:100%;overflow-y:auto}.main-action-buttons-wrapper{display:flex;justify-content:center;background-color:var(--card);border-radius:8px;margin:10px 10px 30px}.main-action-buttons-container{padding:20px}.category-add-button,.reset-categories-button{background-color:var(--main-button-bg);border:none;padding:9px 10px;width:100%;margin:10px;color:#fff}.title-div-wrapper{display:flex;justify-content:center;background-color:var(--card);padding:10px;margin-bottom:20px}.title-div-container{text-align:center;font-size:20px;font-weight:700px;color:var(--subtitle-text);margin:10px}.search-bar-wrapper{display:flex;flex-direction:row;justify-content:center;min-width:300px;margin-top:40px;margin-bottom:10px;padding:0 50px}.search-bar-wrapper .search-input{padding:10px;font-size:16px;border:1px solid #4A90E2;border-radius:5px;outline:none;transition:border-color .3s ease;margin:0;font-family:Roboto,Arial,Helvetica,sans-serif;width:100%;max-width:600px;text-align:center;background-color:#d3d3d3}.title-div-wrapper{margin:10px}.transaction-categories-list-container .list-item-wrapper-tc{background-color:red}@media (max-width: 700px){.search-bar-wrapper .search-input{max-width:250px}}.transaction-categories-list-container .list-item-wrapper-tc{display:grid;grid-template-columns:1fr 100px 100px;padding:10px;margin-bottom:20px;background-color:var(--card);color:var(--main-text)}.transaction-categories-list-container .list-item-wrapper-tc .buttons-div{display:grid;grid-template-columns:1fr 1fr}.category-edit-button-div .edit-button,.category-delete-button-div .delete-button{padding:4px;margin:4px;height:40px;width:40px;border-radius:20px;color:var(--main-text)}.buttons-div{display:flex;flex-direction:row;justify-content:right;margin-left:20px}.category-edit-button-div,.category-delete-button-div{text-align:center;display:flex;flex-direction:column;justify-content:center}.category-div,.type-div{padding:10px;display:flex;flex-direction:column;justify-content:center;position:relative}.type-div{border-left:solid gray;border-right:solid gray;text-align:center}.transaction-categories-list-container .list-item-wrapper-tc{border-radius:0}.edit-button .edit-icon,.delete-button .delete-icon{font-size:20px}.category-div .category-label-div,.type-div .type-label-div{position:absolute;top:-10px;left:5px;font-size:12px;font-style:italic;color:var(--main-text);opacity:.7}.categories-form .submit-button-div{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;padding-left:20px;padding-right:20px}.submit-button-div .categories-submit-button{background-color:#035bdf}.submit-button-div .categories-cancel-button{background-color:#cc0303}.categories-form{background-color:var(--card);border-radius:8px;margin:10px;padding:14px 10px}.financial-summary-wrapper .income-expense-wrapper .income-wrapper-div,.financial-summary-wrapper .income-expense-wrapper .expense-wrapper-div,.profit-loss-wrapper-div{display:grid;grid-template-columns:100px 1fr;margin-bottom:10px;padding:5px 10px}.income-money-div,.expense-money-div,.profit-loss-money-div{text-align:right;font-weight:700}.financial-summary-wrapper{width:fit-content;background-color:#fff;padding:20px;border-radius:8px;border:4px solid rgb(87,148,240)}.financial-summary-container{display:flex;justify-content:center}.profit-loss-wrapper-div{border:1px solid green;border-radius:10px;padding:5px 10px}.report-title-div{color:#006deb;font-weight:600;font-size:16px;text-align:center;margin:20px}.report-navigation-wrapper{display:flex;justify-content:center}.report-navigation-container{display:flex;font-size:13px;color:#000000e6;background-color:#fff}.report-navigation-container div{border-right:solid .8px gray;padding:0 5px;border-collapse:collapse;cursor:pointer}.report-navigation-container .today{border-left:solid .8px gray;background-color:#000000e6;color:#eeeded}.search-bar-wrapper{display:flex;flex-direction:row;justify-content:center;min-width:300px;margin-top:20px;margin-bottom:10px;padding:0 50px}.search-bar-wrapper .search-input{padding:10px;font-size:16px;border:1px solid #4A90E2;border-radius:5px;outline:none;transition:border-color .3s ease;margin:0;font-family:Roboto,Arial,Helvetica,sans-serif;width:100%;max-width:600px;text-align:center}.search-bar-wrapper .search-input:focus{border-color:#4a90e2}.product-list-item-delete-button-div .product-list-item-delete-button,.product-list-item-edit-button-div .product-list-item-edit-button{padding:0}.product-list-item-delete-button .product-list-item-delete-icon{font-size:15px;color:#c50000}.product-list-item-edit-button .product-list-item-edit-icon{font-size:15px;color:#0054b4;padding:0}.product-list-inner-wrapper .product-list-item-wrapper{padding:10px;border-radius:20px;flex:1 1 160px;margin:0}.product-list-inner-wrapper{display:flex;gap:15px;flex-wrap:wrap;width:100%;margin-top:0;border-radius:10px;padding:10px}.product-list-product-name-div{color:var(--main-text);font-size:14px;font-weight:600;display:flex;flex-direction:column;justify-content:flex-start;cursor:pointer}.protect-list-item-actions-buttons-wrapper{display:grid;grid-template-columns:1fr 1fr;background-color:#fff;border-radius:8px}.product-list-item-edit-button-div,.product-list-item-delete-button-div{display:flex;justify-content:center}.product-list-item-details-div{max-height:180px;overflow-y:auto;margin-top:0;font-size:15px;margin-left:20px}.product-detail-div.sectors{font-size:13px}.product-list-product-add-button-div{display:flex;justify-content:center}.product-list-product-add-button-div .product-list-product-add-button{background-color:#cacaca;color:#01388a;border-radius:4px;margin:20px;font-size:16px}.add-stock-button-div-pl .add-stock-button-pl{font-size:15px;background-color:var(--main-button-bg);color:#fff;border-radius:20px;font-weight:350;margin-right:6px}.add-stock-button-div-pl .add-stock-button-pl:hover{background-color:var(--main-button-bg);opacity:.85}.add-stock-button-pl .add-icon-pl{font-size:20px;color:#fff}.add-stock-button-div-pl button{width:100%;max-width:180px}.add-stock-button-div-pl .add-to-order-button-pl{font-size:15px;background-color:var(--main-button-bg);border-radius:20px;font-weight:350;color:#fff;transition:.15s}.add-stock-button-div-pl .add-to-order-button-pl:hover{font-size:15px;background-color:var(--main-button-bg);border-radius:20px;font-weight:350;color:#fff;opacity:.85}.add-to-order-button-pl .cart-icon-pl{font-size:20px;color:#fff}.product-list-item-details-div{margin-left:0}.image-and-heading-wrapper-pl{gap:6px}.product-image-div-pl{cursor:pointer}.price-div-product-list{font-size:12px;font-weight:600;color:var(--main-text)}.in-stock-div-product-list{font-size:12px;color:var(--main-text)}.list-wrapper-products{background-color:var(--bg-2)}.product-list-wrapper{background-color:inherit;width:100%}.product-list-container{background-color:inherit}.arrow-forward-icon-button .arrow-forward-icon{color:var(--main-text)}.arrow-forward-wrapper .arrow-forward-icon-button{padding:0 8px}.image-list-wrapper-pi{max-width:330px;overflow-x:auto;overflow-y:hidden}.image-list-container-pi{display:flex;gap:8px;flex-wrap:nowrap}.small-image-wrapper-pi{flex:0 0 auto;padding-left:0}.catalogue-image-pi{border-radius:20px;aspect-ratio:1/1;object-fit:cover}.small-image-pi{width:60px;height:60px;object-fit:cover}.primary-image-wrapper-pi{position:relative}.image-action-buttons-wrapper-pi{position:absolute;right:4px;top:4px}.primary-icon-div-pi .delete-button-pi,.delete-icon-div-pi .delete-button-pi{background-color:#0009;color:#fff;padding:7px;margin:2px;font-size:3px;transition:.15s}.primary-icon-div-pi .delete-button-pi:hover,.delete-icon-div-pi .delete-button-pi:hover{background-color:#0009;color:#fff;padding:7px;margin:2px;font-size:3px;opacity:.85}.primary-icon-div-pi .delete-button-pi .delete-icon-pi,.delete-icon-div-pi .delete-button-pi .delete-icon-pi{font-size:18px}.image-upload-label-pi{background-color:var(--main-button-bg);padding:3px 6px;color:#fff;border-radius:6px;cursor:pointer;display:inline-block;margin-right:3px;transition:all ease-in .15s;display:flex;gap:3px}.image-upload-label-pi div{display:flex;flex-direction:column;justify-content:center}.image-upload-label-pi:hover{opacity:.85}.logo-image-container{margin-bottom:10px}.error-message-wrapper-pl{display:flex;justify-content:center}.error-message-div-ed{text-align:center;padding:20px}.reload-button-div-ed{display:flex;justify-content:center;margin:20px}.default-products-form{background-color:var(--card);padding:10px 10px 30px;border-radius:5px;margin:10px;max-width:800px;height:fit-content}.default-products-form-title{color:#0441e9;text-align:center;font-weight:18px;font-weight:600}.submit-button-default-products-form{background-color:#035add;color:#fff}.submit-button-default-products-form-wrapper{padding-left:20px;padding-right:20px}.product-form-wrapper-pf{width:100%;display:flex;justify-content:center}.buttons-wrapper-pf{display:flex;flex-wrap:wrap}.buttons-wrapper-pf .button-wrapper-pf{flex:1 1 200px;display:flex;flex-direction:column;justify-content:center}@media (min-width: 900px){.default-products-form{width:600px}}.reusable-search-bar-wrapper{display:flex;flex-direction:row;justify-content:center;min-width:250px;margin-top:10px;margin-bottom:10px;padding:0 10px}.reusable-search-bar-container .reusable-search-bar{padding:10px;font-size:16px;border:1px solid #4A90E2;border-radius:20px;outline:none;transition:border-color .3s ease;margin:0;font-family:Roboto,Arial,Helvetica,sans-serif;width:100%;max-width:600px;text-align:center}.reusable-search-bar-container .reusable-search-bar:focus{border-color:#4a90e2}.selector-options-list-wrapper{display:grid;grid-template-columns:30px 1fr;padding-left:10px}.selector-options-list-wrapper .check-box-div{background-color:var(--card);border:solid 1px;border-color:var(--main-text);width:20px;height:20px;border-radius:4px}.selector-options-list-wrapper .check-box-div.selected{background-color:#076af5;border-color:var(--main-text)}.multi-selector-wrapper-div{padding:20px}.multi-selector-list-items-wrapper{border:solid 1px gray;padding:10px;border-radius:8px}.muti-selector-list-container{max-height:200px;overflow-y:auto}.multi-selector-title-div{text-align:center;color:var(--main-text)}.option-label-div{color:var(--main-text)}.label-wrapper-fc{margin-left:18px;margin-right:20px;padding:10px;border-radius:8px;display:flex;gap:8px;align-items:center;margin-bottom:10px;border:.5px solid gray;background-color:var(--on-card);color:var(--main-text)}.input-fieldset-sfm{position:relative;border:1px solid gray;border-radius:10px;padding:4px 10px 8px;transition:border-color .15s}.input-legend-sfm{padding:0 6px;font-size:12px;color:gray}.combo-input-wrapper-sfm{display:flex;align-items:center}.input-sfm{flex:1;border:none;outline:none;background:transparent;font-size:16px;color:var(--main-text);padding:4px 0}.combo-arrow-button-sfm{border:none;background:none;cursor:pointer;font-size:12px;color:gray;padding-left:8px}.combo-dropdown-sfm{position:absolute;top:calc(100% + 2px);left:0;right:0;background:var(--on-card);border:1px solid #cccccc;border-radius:8px;overflow-y:auto;max-height:250px;box-shadow:0 3px 8px #0000001f;z-index:1000}.combo-option-sfm{display:flex;align-items:center;justify-content:space-between;padding:10px;cursor:pointer}.combo-option-sfm:hover{background:#0000000d}.combo-option-main-sfm{flex:1}.combo-option-secondary-sfm{color:gray;margin-left:10px;text-align:right}.combo-empty-sfm{padding:12px;text-align:center;color:gray}.input-sfm:disabled{cursor:not-allowed;opacity:.7}.component-wrapper-psf{width:100%;display:flex;justify-content:center}.specs-form-psf{width:100%;max-width:600px;background-color:var(--card);border-radius:20px;margin:10px;padding:10px 10px 30px;height:fit-content}.fields-input-wrapper-div-psf{width:100%}.specs-list-item-wrapper-psf{list-style:none;width:100%;padding:0 20px;margin:0 0 15px;box-sizing:border-box}.item-field-container-div-psf{width:100%;box-sizing:border-box}.item-field-container-div-psf:has(.spec-unit-field-div-psf){display:flex;align-items:flex-start;gap:10px}.spec-value-field-div-psf{flex:1 1 auto;min-width:0}.spec-unit-field-div-psf{flex:0 0 130px;min-width:110px}.specs-form-psf .form-buttons-wrapper-psf{display:flex;flex-wrap:wrap;width:100%;gap:10px;margin-top:20px}.button-wrapper-psf{flex:1 1 200px}@media (max-width: 500px){.specs-form-psf{margin:5px;padding:8px}.specs-list-item-wrapper-psf{padding:0 10px}.item-field-container-div-psf:has(.spec-unit-field-div-psf){gap:6px}.spec-unit-field-div-psf{flex:0 0 105px;min-width:105px}}.product-taxonomy-combo-wrapper{display:block;padding:0;margin:20px;font-family:Roboto,Arial,Helvetica,sans-serif;position:relative;box-sizing:border-box}.product-taxonomy-fieldset{display:block;position:relative;width:100%;box-sizing:border-box;margin:0;padding:0;border:none}.product-taxonomy-legend{font-size:17px;font-weight:400;color:var(--main-text);margin-bottom:5px;width:100%;text-align:left;padding:0}.product-taxonomy-input-wrapper{display:block;position:relative;width:100%;box-sizing:border-box}.product-taxonomy-input{padding:10px;font-size:16px;border:solid .5px gray;border-radius:5px;outline:none;transition:border-color .3s ease;margin:0;width:100%;font-family:Roboto,Arial,Helvetica,sans-serif;box-sizing:border-box;background-color:var(--on-card);color:var(--main-text)}.product-taxonomy-input:focus{border-color:#4a90e2}.product-taxonomy-input::placeholder{color:#aaa}.product-taxonomy-input:disabled{opacity:.6;cursor:not-allowed}.product-taxonomy-arrow-button{position:absolute;top:0;right:0;height:100%;width:40px;border:none;background:transparent;color:var(--main-text);cursor:pointer;font-size:13px}.product-taxonomy-arrow-button:hover{opacity:.7}.product-taxonomy-arrow-button:disabled{cursor:not-allowed;opacity:.5}.product-taxonomy-dropdown{display:block;position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;background-color:var(--on-card);box-shadow:0 1px 2px #4a90e2;z-index:999;margin:0;padding:0;border:none;border-radius:0}.product-taxonomy-search-results{list-style:none;padding:0;margin:0;width:100%;display:block}.product-taxonomy-result{padding:10px;transition:all .15s ease;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;color:var(--main-text);font-size:16px;cursor:pointer}.product-taxonomy-result:hover{opacity:.7}.product-taxonomy-result-name{color:var(--main-text);font-size:16px}.product-taxonomy-result-level{font-size:12px;color:var(--main-text);opacity:.55;margin-left:10px;text-transform:capitalize}.product-taxonomy-loading,.product-taxonomy-empty{padding:10px;color:var(--main-text);font-size:16px}.product-taxonomy-error{font-size:12px;color:#e74c3c;margin-top:5px;min-height:0}.product-taxonomy-dropdown::-webkit-scrollbar{width:8px}.product-taxonomy-dropdown::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:999px}@media (max-width: 600px){.product-taxonomy-combo-wrapper{width:auto;margin:20px}.product-taxonomy-dropdown{max-height:300px}}.taxonomy-children-list{display:block;width:100%;box-sizing:border-box}.taxonomy-children-header{display:flex;align-items:center;width:100%;box-sizing:border-box;padding:8px 10px;border-bottom:solid .5px #ddd}.taxonomy-children-back-button{border:none;background:transparent;color:var(--main-text);font-size:18px;cursor:pointer;padding:0;margin-right:10px}.taxonomy-children-back-button:hover{opacity:.7}.taxonomy-children-title{color:var(--main-text);font-size:15px;font-weight:500}.taxonomy-children-items{display:block;width:100%;box-sizing:border-box}.taxonomy-child-item{padding:10px;transition:all .15s ease;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;color:var(--main-text);font-size:16px;cursor:pointer}.taxonomy-child-item:hover{opacity:.7}.taxonomy-child-name{color:var(--main-text);font-size:16px}.taxonomy-child-level{font-size:12px;color:var(--main-text);opacity:.55;text-transform:capitalize}.taxonomy-children-loading{padding:10px;color:var(--main-text);font-size:16px}.taxonomy-children-error{padding:10px;color:#e74c3c;font-size:14px}.taxonomy-children-empty{padding:10px;color:var(--main-text);font-size:16px}.component-wrapper-tc{display:block;padding:0;margin:20px;font-family:Roboto,Arial,Helvetica,sans-serif;position:relative;box-sizing:border-box}.component-wrapper-tc .label-div-tc{font-size:17px;font-weight:400;color:var(--main-text);margin-bottom:5px;width:100%;text-align:left}.component-wrapper-tc .input-div-tc{display:block;width:100%;position:relative;box-sizing:border-box}.component-wrapper-tc .input-tc{padding:10px;font-size:16px;border:solid .5px gray;border-radius:5px;outline:none;transition:border-color .3s ease;margin:0;width:100%;font-family:Roboto,Arial,Helvetica,sans-serif;box-sizing:border-box;background-color:var(--on-card);color:var(--main-text)}.component-wrapper-tc .input-tc:focus{border-color:var(--main-button-bg);background-color:var(--on-card);color:var(--main-text)}.component-wrapper-tc .input-tc:disabled{cursor:not-allowed;opacity:.7}.component-wrapper-tc .list-container-div{display:block;width:100%;position:relative;box-sizing:border-box}.component-wrapper-tc .list-wrapper-tc{display:block;position:absolute;top:0;left:0;right:0;width:100%;max-height:250px;overflow-y:auto;background-color:var(--on-card);box-shadow:0 1px 3px 0 var(--main-button-bg);z-index:999;margin:0;padding:0;border:none;border-radius:0 0 5px 5px;box-sizing:border-box}.component-wrapper-tc .loading-div-tc{padding:10px;font-size:14px;color:var(--main-text);background-color:var(--on-card);box-sizing:border-box}.component-wrapper-tc .error-div-tc{font-size:12px;margin-top:5px;color:#e74c3c;background-color:inherit;box-sizing:border-box}.component-wrapper-tc .empty-list-div-tc{padding:10px;font-size:14px;color:var(--main-text);background-color:var(--on-card);box-sizing:border-box}.component-wrapper-tc .list-wrapper-tc::-webkit-scrollbar{width:8px}.component-wrapper-tc .list-wrapper-tc::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:999px}@media (max-width: 600px){.component-wrapper-tc{width:auto;margin:20px}.component-wrapper-tc .list-wrapper-tc{max-height:200px}}.component-wrapper-tl{display:block;width:100%;padding:0;margin:0;font-family:Roboto,Arial,Helvetica,sans-serif;box-sizing:border-box;background-color:var(--on-card)}.component-wrapper-tl .taxonomy-list-item-tl{display:block;list-style:none;width:100%;padding:10px;margin:0;box-sizing:border-box;color:var(--main-text);background-color:var(--on-card);font-size:16px;cursor:pointer;transition:opacity .15s ease,background-color .15s ease}.component-wrapper-tl .taxonomy-list-item-tl:hover{opacity:.7}.component-wrapper-tl .taxonomy-list-item-tl:active{opacity:.5}.component-wrapper-tl .list-name-div-tl{width:100%;box-sizing:border-box;color:var(--main-text);font-size:16px;line-height:1.4}.component-wrapper-tl .taxonomy-list-item-tl .list-name-div-tl:nth-child(2){margin-top:2px;font-size:12px;color:#888;text-transform:capitalize}.component-wrapper-tl .back-button-div-tl{display:block;width:100%;padding:5px 10px;margin:0;box-sizing:border-box;border-bottom:solid .5px #ddd;background-color:var(--on-card)}.component-wrapper-tl .back-button-tl{min-width:auto!important;padding:5px 10px!important;margin:0!important;font-size:14px!important;color:var(--main-text)!important;text-transform:none!important}.component-wrapper-tl .back-button-tl:hover{background-color:transparent!important;opacity:.7}.component-wrapper-tl .empty-list-div-tl{padding:10px;font-size:14px;color:var(--main-text);background-color:var(--on-card)}.component-wrapper-tl{scrollbar-width:thin}.component-wrapper-tl::-webkit-scrollbar{width:8px}.component-wrapper-tl::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:999px}@media (max-width: 600px){.component-wrapper-tl{width:100%}}.product-preview{width:100%;max-width:700px;margin:0 auto;padding:20px;box-sizing:border-box;background:var(--card, #ffffff);border-radius:16px}.product-preview-header{margin-bottom:24px}.product-preview-header h2{margin:0;font-size:22px}.product-preview-header p{margin:6px 0 0;color:#777;font-size:14px}.product-preview-section{margin-bottom:24px}.product-preview-section h3{margin:0 0 14px;font-size:16px}.product-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-preview-field{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid #e5e5e5;border-radius:10px}.product-preview-label{font-size:12px;color:#777}.product-preview-value{font-size:14px;font-weight:500;word-break:break-word}.product-specs-list{display:flex;flex-direction:column;border:1px solid #e5e5e5;border-radius:10px;overflow:hidden}.product-spec-row{display:grid;grid-template-columns:1fr 1fr;padding:13px 14px;border-bottom:1px solid #e5e5e5}.product-spec-row:last-child{border-bottom:none}.product-spec-name{font-size:14px;color:#666;text-transform:capitalize}.product-spec-value{font-size:14px;font-weight:500}.product-spec-unit{margin-left:5px;color:#777;font-weight:400}.product-preview-empty{color:#777;font-size:14px}.product-preview-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}.product-preview-actions button{min-height:42px;padding:0 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500}.product-preview-cancel{background:#eee;color:#333}.product-preview-submit{background:var(--main-button-bg, rgb(1, 140, 160));color:#fff}@media (max-width: 600px){.product-preview{padding:15px}.product-preview-grid{grid-template-columns:1fr}.product-spec-row{grid-template-columns:1fr;gap:5px}.product-preview-actions{flex-direction:column-reverse}.product-preview-actions button{width:100%}}.country-prices-form{background-color:var(--card);padding:20px 10px;border-radius:0}.flag-image-country-price-form{width:23px}.country-info-container-form .flag-and-name-container{display:flex;justify-content:center;gap:6px}.flag-and-name-container .flag-container{display:flex;flex-direction:column;justify-content:center}.flag-and-name-container .country-name-container{display:flex;flex-direction:column;justify-content:center;color:var(--main-text)}.country-selector-button-div-country-prices-form{display:flex;justify-content:center}.country-selector-button-country-prices-form{background-color:#0000001f;color:var(--main-text)}.country-prices-submit-button-div{display:flex;justify-content:center;padding:10px 20px}.country-prices-submit-button{background-color:#0468eb;color:#fff;width:100%}.country-prices-cancel-button-div{display:flex;justify-content:center;padding:10px 20px}.country-prices-cancel-button{background-color:#c72c33;color:#fff;width:100%}.country-required-alert-div{color:red;font-size:13px;text-align:center}.contry-prices-heading{background-color:inherit;margin-bottom:20px}.country-prices-label{display:flex;flex-direction:column;justify-content:center;color:#000;font-size:18px}.country-prices-add-button-div .country-prices-add-button .country-prices-add-icon{font-size:18px;color:#0538c5}.country-prices-add-button-div .country-prices-add-button{font-size:18px;color:#0538c5;background-color:#0538c51a;border-radius:0;padding:5px 15px}.country-price-list-item-wrapper{padding-left:5px}.country-price-list-item-wrapper{background-color:var(--card);padding:10px;border-radius:0;font-weight:340;color:var(--main-text)}.country-name-div-country-prices{color:var(--subtitle-text)}.product-detail-main-wrapper .product-detail-main-container{padding:10px;border-radius:5px;display:flex;flex-wrap:wrap;gap:10px}.product-detail-main-container .product-detail-wrapper,.product-detail-main-container .other-product-details-wrapper,.product-detail-main-container .product-units-wrapper{flex:1 1 200px}.product-detail-main-container .other-product-details-wrapper{background-color:var(--bg-2);padding:15px;border-radius:0}.product-name-wrapper{background-color:var(--component-header-bg);background-color:var(--main-button-bg);padding:10px;border-radius:5px;display:flex;justify-content:space-between;color:var(--detail-text);margin-bottom:10px}.action-buttons-div-product-details .delete-button-reusable .delete-icon-reusable,.action-buttons-div-product-details .edit-button-reusable .edit-icon-reusable{color:#fff}.action-buttons-div-product{display:flex;justify-content:end}.product-name-div-country-prices{display:flex;flex-direction:column;justify-content:center;color:inherit;font-weight:350;font-size:20px}.delete-icon-div-product .product-delete-button{font-size:16px;color:#970202}.product-delete-button .delete-icon-product{font-size:15px;color:#970202}.edit-icon-div-product .product-edit-button{font-size:16px;color:#000}.product-edit-button .edit-icon-product{font-size:15px;color:#000}.action-buttons-div-product-details{display:flex}.delete-icon-div-product,.edit-icon-div-product{display:flex;flex-direction:column;justify-content:center}.product-specs-list-item-wrapper{margin:2px;font-size:15px;padding-left:0;color:var(--main-text)}.product-details-container{margin:20px 0 0;padding:15px;background-color:var(--on-card);border-radius:5px;color:var(--main-text)}.product-detail-div{margin-bottom:6px}.country-name-div-country-prices{display:flex;justify-content:space-between}.product-detail-main-wrapper{background-color:var(--card);height:fit-content;margin:10px;border-radius:5px}.country-selector-container-product-details{display:flex;justify-content:center}.product-detail-main-container .product-units-wrapper{background-color:var(--card);border-radius:20px}.product-list-item-wrapper{border-radius:20px}.downloadButton-pd{color:var(--bg-secondary)}.title-add-search-wrapper-tas{background-color:var(--card)}.barcode-add-button-pu{background-color:red}.product_description_div{color:var(--main-text);padding:10px}.product-specs-container{background-color:var(--on-card);padding:10px;border-radius:5px}.units-form-pu{background-color:var(--on-card);margin-top:20px;padding:20px 20px 40px;border-radius:10px}.unit-container-pu{padding:0;background-color:var(--card)}.barcode-field-container-pu{display:flex;gap:6px;flex-wrap:wrap;margin-right:20px}.barcode-field-container-pu .barcode-input-div-pu,.barcode-field-container-pu .barcode-add-button-div-pu{flex:1}.barcode-input-div-pu{display:flex;flex-direction:column;justify-content:center}.barcode-add-button-pu{padding:10px 20px;width:fit-content;background-color:#038564;color:#f1f1f1;border:none;width:100%}.barcode-add-button-pu:hover{border:none}.input-element-pu{border:.5px solid;border-color:#038564;border-radius:4px;font-size:15px;min-height:100%;background-color:#eaf5ea;padding:10px 20px}.input-element-pu:focus{border:2px black solid;outline:none}.barcode-field-wrapper-pu,.units-form-div-pu .add-barcode-button-pu,.units-form-div-pu .barcode-wrapper-pu{padding-left:20px}.barcode-list-item{padding-left:0}.barcode-list-item-pu{display:flex;gap:6px;border-bottom:solid 1px gray;justify-content:space-between;padding-left:0;margin-right:20px;padding-bottom:4px;padding-top:4px;margin-top:0;margin-bottom:0}.barcode-list-item-pu .barcode-container-div-pu{color:var(--main-text)}.barcode-list-item-pu div{display:flex;flex-direction:column;justify-content:center}.barcode-image-pu{width:100px}.add-barcode-button-div-pu{text-align:center}.unit-list-item-wrapper-pu{background-color:var(--on-card);padding:10px;border-radius:10px;font-weight:300;color:var(--main-text)}.unit-div-pu{color:#025afc;display:flex;justify-content:space-between}; .unit-div-pu .name-div-pu,.unit-div-pu .edit-delete-buttons-div-pu{display:flex;flex-direction:column;justify-content:center}.name-div-pu{color:var(--subtitle-text)}.title-add-search-wrapper-tas{display:flex;justify-content:center;background-color:var(--on-card);border-radius:20px;margin:0}.title-add-search-container-tas{display:flex;justify-content:space-between;background-color:var(--on-card);padding:10px 20px;margin:10px;border:none;max-width:800px;gap:10px;border-radius:0;flex-wrap:wrap}.title-add-search-container-tas .title-div-tas,.title-add-search-container-tas .buttons-div-tas{flex:1 1 20px}.buttons-div-tas{display:flex;gap:6px}.add-icon-div-tas .add-icon-button-tas,.search-icon-div-tas .search-icon-button-tas{background-color:var(--main-button-bg);color:#fff;border-radius:4px;font-size:16px;padding:4px 10px;transition:all ease-in .15s}.add-icon-div-tas .add-icon-button-tas:hover,.search-icon-div-tas .search-icon-button-tas:hover{background-color:var(--main-button-bg);color:#fff;border-radius:4px;font-size:16px;padding:4px 10px;opacity:.85}.add-icon-div-tas,.search-icon-div-tas{display:flex;flex-direction:column;justify-content:center}.title-add-search-container-tas .title-div-tas{color:var(--subtitle-text);font-size:20px;display:flex;flex-direction:column;justify-content:center}.sectors-component-container .sectors-heading-div{color:var(--subtitle-text);font-size:20px;font-weight:600;margin:10px;display:flex;justify-content:center}.add-sectors-button-div{display:flex;justify-content:center}.sectors-form-div .sectors-form{background-color:var(--card);padding:10px;border-radius:8px;margin:20px 0}.sectors-component-container .sectors-heading-div{background-color:var(--card);padding:10px;margin:0}.sectors-component-container{border-radius:0;padding:20px;margin:20px;background-color:var(--bg-2)}.sector-list-item-wrapper{padding-left:0;border-bottom:solid 1px gray}.sectors-list-container{background:var(--card);padding:20px;border-radius:8px;margin-top:15px;max-height:100%;overflow-y:auto;color:var(--main-text)}.sector-list-item-container{display:flex;justify-content:space-between}.sectors-component-wrapper{width:100%;max-width:800px}.icon-button-div-sct{display:flex;flex-direction:row;justify-content:right}.add-button-wrapper-ab .icon-button-ab{color:var(--main-text);background-color:inherit;font-size:15px;border:none;outline:none}.add-button-wrapper-ab .icon-button-ab .add-icon-ab{color:var(--main-text);background-color:inherit}.sector-list-item-name-div{display:flex}.category-list-st{margin-left:10px}.name-and-actions-wrapper-st{display:flex;justify-content:space-between;width:100%}.list-item-wrapper-tt{display:flex;justify-content:space-between}.sector-list-item-name-div{cursor:pointer}.list-item-wrapper-tt{padding-left:15px}.child-name-wrapper-tt{display:flex;gap:4px;cursor:pointer}.categories-label-div-tt{text-decoration:underline;margin-left:14px;margin-top:5px}.child-and-action-buttons-div-tt{display:flex;width:100vw}.list-arrows-wrapper-la .arrow-icon{padding:0;background-color:var(--main-button-bg);color:#fff;margin-right:3px;border-radius:20px;font-size:15px;cursor:pointer}.list-arrows-wrapper-la{display:flex;flex-direction:column;justify-content:center}.add-button-wrapper-ab{display:flex;width:fit-content}.add-button-wrapper-ab .icon-button-ab .add-icon-ab{color:var(--main-button-bg)}.add-button-wrapper-ab .icon-button-ab{outline:none;border:none}.sectors-form-sfm{background:var(--on-card);padding:8px;border-radius:10px;margin:4px 10px;max-width:650px}.sector-form-section-div{display:flex;flex-wrap:wrap;gap:8px}.outer-input-wrapper-sfm{flex:1 1 280px}.input-fieldset-sfm{border:1px solid gray;border-radius:10px;padding:4px 10px 8px;transition:border-color .15s ease}.input-fieldset-sfm:focus-within{border-color:var(--main-button-bg)}.input-legend-sfm{padding:0 6px;font-size:12px;color:gray;-webkit-user-select:none;user-select:none}.input-fieldset-sfm:focus-within .input-legend-sfm{color:var(--main-button-bg)}.input-sfm{width:100%;border:none;outline:none;background:transparent;color:var(--main-text);font-size:16px;padding:4px 0}.erros-div-sfm{min-height:18px;margin-top:3px;padding-left:8px;color:red;font-size:12px}.sector-form-section-div-button{display:flex;justify-content:center;align-items:center}.submit-button-sfm,.cancel-button-sfm{border:none;outline:none;background:transparent;padding:0;cursor:pointer}.submit-button-sfm{color:var(--main-button-bg)}.cancel-button-sfm{color:var(--main-text)}.action-icon-sfm{transition:transform .15s ease,opacity .15s ease}.action-icon-sfm:hover{opacity:.85;transform:scale(1.08)}.product-list-wrapper-products .product-list-container-products{gap:10px;position:relative;display:block;padding:0;background-color:var(--bg-2);margin:0;border-radius:10px;min-width:100%;height:100vh}.product-list-wrapper{min-height:100%;display:flex;flex-direction:column;justify-content:space-between}.sectors-menu-bar-wrapper{position:absolute;z-index:1000;padding:10px;background-color:var(--card);border-radius:10px;border:none;top:60px;left:10px;border:solid .5px gray;color:var(--main-text)}.search-category-menu-div{background-color:var(--card);border-radius:0;width:100%;padding:10px}.search-category-menu-div .categories-icon-button-products,.search-category-menu-div .search-icon-button-products,.search-category-menu-div .add-icon-button-products{color:var(--main-text);font-size:15px;font-weight:300;padding:0;border:none;outline:none}.search-category-menu-div .categories-icon-button-products:active,.search-category-menu-div .search-icon-button-products:active,.search-category-menu-div .add-icon-button-products:active{border:none;outline:none}.search-category-menu-div .add-icon-button-products{margin-right:4px;margin-left:4px}.search-category-menu-div .categories-icon-button-products .categories-icon-products,.search-category-menu-div .add-icon-button-products .add-icon-products,.search-category-menu-div .search-icon-button-products .search-icon-products{color:var(--main-text);font-size:25px}.search-category-menu-div .search-input-products{border-radius:10px;border:solid .5px gray;outline:none;margin:0;padding:5px 10px;background-color:var(--on-card);color:var(--main-text)}.search-category-menu-div .search-input-products:focus{outline:none}.search-wrapper-products{display:flex;background-color:inherit;padding-left:10px;padding-right:10px}.search-wrapper-products div{display:flex;flex-direction:column;justify-content:center}.search-icon-div-products .search-icon-products{color:#d1e966;cursor:pointer;font-weight:300}.back-button-div-sm .back-icon-button-sm{font-size:15px;color:var(--main-text);padding:0;border:none;outline:none}.back-button-div-sm{display:flex;flex-direction:column;justify-content:center}.back-button-div-sm .back-icon-button-sm .back-icon-sm{font-size:18px;color:var(--main-text);font-weight:600}.back-button-div-sm .back-icon-button-sm:active{border:none;outline:none}.sector-menu-header-sm{display:flex;gap:10px;padding:6px 0;border-bottom:solid .5px gray;justify-content:space-between}.sector-menu-header-sm .sector-menu-header-label-sm{display:flex;flex-direction:column;justify-content:center;color:var(--main-text);font-weight:600}.sectors-menu-wrapper-sm{color:inherit;background-color:inherit}.menu-item-div-sm{padding:6px;border-radius:5px;cursor:pointer;transition:all .15s ease-in}.menu-item-div-sm:hover{background-color:var(--on-card)}.menu-item-inner-wrapper-sm{height:350px;overflow-y:auto;margin-top:10px;min-width:250px}.close-button-label-sm{cursor:pointer}.supplier-item-wrapper-sl .item-title-wrapper-sl{display:flex;justify-content:space-between;font-size:20px;color:var(--subtitle-text)}.supplier-item-wrapper-sl{background-color:var(--card);padding:20px;border-radius:3px;color:var(--main-text)}.item-details-wrapper-sl .item-details-div-sl{margin-bottom:5px}.supplier-item-wrapper-sl .item-details-wrapper-sl{margin-left:0}.supplier-list-container-sl{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.supplier-item-wrapper-sl{flex:1 1 300px;margin:0}.suppliers-wrapper-s{width:100%}.item-title-div-sl{font-weight:700;font-size:20px}.supplier-form-wrapper-sf{display:flex;justify-content:center;width:100%}.supplier-form-sf{border:none;padding:10px 10px 20px;border-radius:5px;margin:10px;background-color:var(--card);color:var(--main-text);width:100%;max-width:800px;height:fit-content}.fields-wrapper-supplier-form,.buttons-wrapper-supplier-form{display:flex;flex-wrap:wrap;gap:10px}.button-div-supplier-form,.element-div-supplier-form{flex:1 1 300px}.supplier-details-container-sd .supplier-name-wrapper-sd{display:flex;justify-content:space-between;padding:0;border-radius:0;margin:0 0 10px;background-color:var(--card)}.supplier-name-wrapper-sd .supplier-name-label-sd{display:flex;flex-direction:column;justify-content:center;font-size:20px;color:var(--subtitle-text);padding:10px}.supplier-details-container-div-sd{background-color:var(--card);border-radius:0;padding:12px;margin:0;color:var(--main-text)}.supplier-details-container-sd{border:none;padding:20px;border-radius:8px;margin:20px;background-color:var(--bg-2)}.supplier-countries-container-sd,.supplier-sectors-container-sd{background-color:var(--bg-2);border-radius:8px;padding:0;margin-top:10px}.country-list-item-sd .country-item-div-sd,.sector-list-item-sd .sector-item-div-sd{color:var(--main-text);display:flex;justify-content:space-between;background-color:var(--card);border-radius:20px;padding:8px;margin:0}.country-list-item-sd,.sector-list-item-sd{padding-left:0;margin:8px 0}.sector-form-container-div-sd{background-color:var(--card)}.country-form-container-div-sd .country-form-sd,.sector-form-container-div-sd .sector-form-sd{background-color:var(--card);border-radius:8px;padding:20px 0;margin:10px}.edit-delete-div-sd{display:flex;flex-direction:column;justify-content:center}.No sectors for this supplier{background-color:#00f}.no-suppiers-div-sd{background-color:var(--card);color:var(--main-text);padding:20px}.company-sectors-wrapper-cs .company-sectors-container-cs{background-color:#fff;padding:20px;margin:20px;border-radius:8px}.stock-locations-wrapper-sl{width:100vw;width:100%}.stock-locations-container-sl{background-color:inherit;margin:10px 0;border-radius:10px;color:var(--main-text)}.location-list-item-wrapper-sl{display:flex;justify-content:space-between;padding:10px;background-color:var(--card);color:var(--main-text);border-radius:3px;margin-bottom:4px;cursor:pointer;margin-top:5px}.stock-locations-form-sl{margin:20px 0;border-radius:10px;padding:20px;background-color:var(--card)}.no-locations-div-sl{text-align:center}.select-mode-title-sl{text-align:center;font-weight:600;color:var(--subtitle-text);padding-left:10px}.all-button-wrapper-sl{display:flex;gap:5px}.location-name-div-sl{display:flex;flex-direction:column;justify-content:center}.stock-locations-form-sl,.locations-list-container-sl{width:100%}.stock-locations-form-wrapper-sl,.locations-list-wrapper-sl{display:flex;justify-content:center}.view-detail-button-div-sl .stock-log-view-button-sl{outline:none;border:node;background-color:var(--main-button-bg)}.select-stock-location-wrapper-sl{display:flex;justify-content:left}.set-main-button-div-sl .set-main-button-sl{background-color:var(--on-card);color:var(--main-text);border:solid 1px gray;font-size:12px;border-radius:3px;padding:7px;outline:none}.set-main-button-div-sl .set-main-button-sl:active{outline:none}.set-main-button-div-sl .set-main-button-sl .setting-icon-sl{font-size:15px}.stock-in-wrapper-si{min-width:100%;min-height:100vh;margin-top:0;padding-top:0}.stock-in-container-si{display:flex;flex-wrap:wrap;gap:10px;min-height:100vh;position:relative}.stock-in-container-si .products-container-div-si,.stock-in-container-si .stock-log-history-div{flex:1 1 500px;background:var(--bg-2);gap:4px;height:100%}.stock-in-container-si .products-container-div-si{display:flex;justify-content:center;width:100%}.header-wrapper-si{height:35px;display:flex;flex-direction:column;justify-content:center;padding-left:10px;color:#fff;font-weight:400;background-color:var(--component-header-bg)}.details-wrapper-stock-log-si{height:100%}.stock-log-container-div-si{background-color:#fff;padding:10px;margin:10px;height:100%}.stock-form-div-si{z-index:10000;background-color:#006ae2;border-radius:10px;padding:10px;background-color:transparent;width:100%;display:flex;justify-content:center}.stock-form-si{background-color:inherit;height:100%;border-radius:10px;padding:10px;margin-top:20px;max-width:500px}.stock-in-form-close-button-si{border:none;background-color:var(--on-card);height:30px;width:30px;border-radius:15px;padding:0;color:var(--main-text)}.product-name-and-image-wrapper-si{display:flex;justify-content:space-between;font-weight:500;padding:20px 30px;border-top-left-radius:20px;border-top-right-radius:20px;background-color:var(--main-button-bg)}.product-name-and-image-wrapper-si div{display:flex;flex-direction:column;justify-content:center}.form-components-container-si{border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin-top:0;padding:10px;background-color:var(--card)}.top-wrapper-si{display:flex;flex-wrap:wrap;gap:0px}.top-wrapper-si .main-fields-div-si,.top-wrapper-si .secondary-fields-div-si{flex:1 1 100px;min-width:0}.product-name-div-si{color:#fff}.stock-location-name-div-si{color:#fff;font-weight:400}.stock-location-div-header-si{background-color:inherit;font-weight:300}.products-list-wrapper-div-si{position:relative}.products-list-wrapper-div-si .cancel-icon-button-si{position:absolute;right:5px;top:35px;z-index:100000;border:none;outline:none;color:#fff;border-radius:3PX;font-size:25px;padding:0;background-color:red}.products-list-wrapper-div-si .cancel-icon-button-si:hover{opacity:.85}.products-list-wrapper-div-si .cancel-icon-button-si .cancel-icon-si{font-size:inherit;background-color:red;color:#fff;border-radius:40px}.id-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333;pointer-events:none}.id-combobox-container{display:block;margin:20px 0;font-family:Roboto,Arial,Helvetica,sans-serif;position:relative}.id-textfield-label{font-size:14px;font-weight:900;margin-bottom:5px;color:#2e2e2e;display:block}.id-input-div{position:relative;cursor:text}.id-textfield-input{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:5px;font-size:16px;outline:none;transition:border-color .3s ease}.id-textfield-input:focus{border-color:#4a90e2}.id-textfield-input-error{border-color:#e74c3c}.id-textfield-input::placeholder{color:#aaa}.id-textfield-error-message{font-size:12px;color:#e74c3c;margin-top:4px}.id-drop-list{display:block;position:absolute;top:calc(100% + 2px);left:0;right:0;max-height:180px;overflow-y:auto;background:#fff;box-shadow:0 1px 2px #4a90e2;border-radius:4px;z-index:100;top:10}.id-drop-list.hidden{display:none}.id-drop-list ul{margin:0;padding:0;list-style:none}.id-drop-li{padding:10px;cursor:pointer;transition:background .15s ease;display:block}.id-drop-li:hover{background-color:#cfe4fc}.id-drop-list p{padding:10px;margin:0;color:#777}.stock-log-item-wrapper-stl{background-color:var(--card);padding:20px 10px;margin:3px 0;border-radius:3px;display:flex;flex-wrap:wrap;gap:10px;color:var(--main-text);justify-content:space-between}.stock-log-item-wrapper-stl div{flex:1 1 100px;display:flex;flex-direction:column;justify-content:center}.stock-log-wrapper-stl{margin:0}.stock-log-item-wrapper-stl div .details-button-sl{border:none;outline:none;max-width:fit-content;max-height:fit-content;background-color:var(--main-button-bg)}.stock-log-item-wrapper-stl div .reverse-button-sl{border:none;outline:none;max-width:fit-content;max-height:fit-content}.stock-log-item-wrapper-stl .action-button-div-sl{display:flex;justify-content:space-between;flex-direction:row;gap:5px}.order-details-container-od .top-section-od{display:flex;flex-wrap:wrap;gap:10px;min-width:100%;min-height:100vh}.top-section-od .order-details-and-products-wrapper,.top-section-od .order-details-wrapper-od{background-color:inherit;height:100vh;height:fit-content;width:100%}.order-summary-wrapper-od{display:flex;justify-content:center;background-color:#fff}.order-summary-wrapper-od div{display:flex;flex-direction:column;justify-content:center}.order-info-header-div-oi{background-color:var(--card);margin-bottom:10px;color:#fa4c4c;font-weight:300;display:flex;justify-content:center;padding:20px;min-height:35px;text-align:center;border-radius:5px}.invoice-details-table-oi{background-color:var(--on-card);border-radius:5px;border-collapse:collapse;width:100%;font-weight:300px}.invoice-table-body-row-oi .detail-attribute-value-td-oi,.invoice-table-body-row-oi .detail-attribute-value-td-oi.act,.ivoice-table-header-row-oi .ivoice-table-header-cell-oi{border:solid rgb(190,190,190) .1px;padding:10px}.ivoice-table-header-row-oi .ivoice-table-header-cell-oi{text-align:left}.ivoice-table-header-cell-oi.act,.detail-attribute-value-td-oi.act{text-align:center}.detail-attribute-value-td-oi.num{text-align:right}.invoice-table-body-row-oi:hover{cursor:pointer;opacity:.85}.ivoice-table-header-row-oi{background-color:inherit;color:var(--main-text)}.payments-list-wrapper-oi,.order-items-list-wrapper-oi{max-width:100vw;overflow-x:auto;padding:5px;background-color:var(--card);border-radius:5px;margin-bottom:10px}.other-order-details-info-wrapper{padding:10px;width:100%;background-color:var(--bg-2);border-radius:5px;margin:0;color:var(--main-text)}.order-detail-form-div-oi,.order-info-container-oi{width:100%}.empty-order-message-div-oi{color:red}.order-status-info-wrapper-oi{background-color:var(--card);display:flex;flex-wrap:wrap;padding:15px;border-radius:5px;gap:10px;color:var(--main-text);margin-bottom:10px}.status-info-value-oi{margin-left:4px}.order-status-info-wrapper-oi .status-info-div-oi{flex:1 1;display:flex;justify-content:center}.action-button-container-div-oi{display:flex;justify-content:center}.status-info-label-oi{display:block}.discount-and-vat-wrapper-oi{background-color:var(--card);padding:10px;border-radius:5px;margin:5px 0}.discount-container-oi{display:flex;background-color:var(--on-card);padding:4px 10px;border-radius:5px;margin:4px;justify-content:space-between}.total_bill-wrapper-div-oi{background-color:var(--card);border-radius:5px;padding:20px}.total-wrapper-div-oi{display:flex;justify-content:space-between}.total-label-div-oi,.total-value-div-oi{font-weight:600;font-size:20px;color:var(--subtitle-text)}.payment-method-wrapper-div-oi{display:flex;background-color:var(--on-card);padding:10px;justify-content:space-between;border-radius:5px}.order-action-buttons-wrapper-oi{display:flex;justify-content:center;margin-bottom:10px;background-color:var(--card);border-color:var(--header-underline-color);color:var(--main-text);border-radius:5px}.other-order-details-info-outer-wrapper-oi{display:flex;justify-content:center}.order-particulars-wraper-oi{gap:6px}.order-particulars-wraper-oi div{display:flex;flex-direction:column;justify-content:center}.order-particular-value-oi button{padding:2px 4px}.other-order-details-info-wrapper{display:flex;gap:10px;flex-wrap:wrap}.order-action-buttons-container-oi{padding:6px;border-radius:5px}.order-action-buttons-container-oi button{color:var(--main-text)}.order-action-buttons-container-oi .add-item-button-oi{background-color:var(--main-button-bg);border-radius:6px;padding:3px 6px;color:#fff;font-size:14px;border:none}.order-action-buttons-container-oi .add-item-button-oi:hover{opacity:.85}.order-action-buttons-container-oi .add-item-button-oi:active{outline:none}.order-info-header-container-oi{display:flex;flex-direction:column;justify-content:center;font-size:20px}.paid-wrapper-div-oi{display:flex;justify-content:space-between;color:var(--success-text);font-weight:600;font-size:16px}.balance-wrapper-div-oi{display:flex;justify-content:space-between;color:var(--error-text);font-weight:600;font-size:16px}.batches-table-oi{background-color:#00000014;font-size:13px;border-radius:5px;width:100%;min-width:fit-content}.batches-th-oi{text-align:left}.product-name-div-oi{font-weight:600}.invoice-table-body-row-oi{background-color:var(--card);color:var(--main-text);transition:all ease-in .15s}.order-info-wrapper-oi{position:relative}.order-fulfilment-wrapper-oi{position:absolute;height:100%;width:100%;background-color:#0006;padding:10px}.detail-attribute-value-td-oi.product-name-oi{min-width:180px}.component-wrapper-odf{display:flex;justify-content:center}.my-form-odf{background-color:var(--card);border-radius:0;width:100%}.list-item-wrapper-odf{display:flex;flex-wrap:wrap;background:#ebebf0;border-radius:0;gap:6px;padding:4px 8px;margin:0 0 3px;cursor:pointer;transition:all .15s ease-in}.list-item-wrapper-odf:hover{background-color:#00000021}.item-detail-wrapper-odf{flex:1 1}.list-item-wrapper-odf .item-value-div-odf.check-icon-div-odf{border-radius:4px;border:solid 1px gray;height:30px;width:30px;background-color:#fff}.check-icon-container-odf{display:flex;flex-direction:row;justify-content:flex-end}.stock-batches-list-wrapper-odf{padding:0 20px 20px;max-height:200px;overflow-y:auto}.product-name-wrapper-odf{padding:20px;background-color:var(--main-button-bg);display:flex;color:#fff;justify-content:space-between;font-weight:600;margin-bottom:10px;border-top-left-radius:0;border-top-right-radius:0}.available-batches-label-div-odf{font-weight:500;margin-left:20px}.inputs-wrapper-odf{display:flex;flex-wrap:wrap;gap:10px}.input-div-odf{flex:1 1}.item-detail-wrapper-odf.check-icon-wrapper .item-label-div-odf{text-align:right}.close-button-div-odf{cursor:pointer}.out-of-stock-div-odf{color:red}.order-info-form-oif{background-color:var(--card);border-radius:10px;width:100%;max-width:600px;margin:0 0 10px;height:fit-content;padding-bottom:20px}.customer-info-wrapper-oif{padding:0 20px}.order-info-form-wrapper-oif{display:flex;flex-wrap:wrap}.order-info-form-wrapper-oif .customer-list-wrapper,.order-info-form-wrapper-oif .order-info-form-container-oif{flex:1 1 300px}.order-info-form-container-oif{display:flex;justify-content:center}.customer-info-wrapper-oif{font-weight:350;font-size:14px}.data-fields-wrapper-oif{display:flex;gap:10px;flex-wrap:wrap}.data-fields-wrapper-oif .customer-info-wrapper-oif,.data-fields-wrapper-oif .other-order-fields-wrapper-oif{flex:1 1 180px;background-color:#00000014;border-radius:0;padding:10px;margin:10px}.data-fields-wrapper-oif{margin:0 10px}.customer-info-wrapper-oif{display:flex;flex-direction:column;justify-content:space-between}.customer-info-wrapper-oif .customer-info-container-oif{height:100%;display:flex;flex-direction:column;justify-content:space-between}.customer-selection-button-oif{width:100%}.customer-list-item-wrapper-cl{background-color:var(--card);padding:0;border-radius:3px;margin-top:0;color:var(--main-text)}.customer-name-and-actions-div-cl{display:flex;gap:5px;color:var(--sub-title-color);font-size:20px;justify-content:space-between;color:var(--subtitle-text)}.customer-name-and-actions-div-cl .name-div-cl,.customer-name-and-actions-div-cl .actions-div-cl{display:flex;flex-direction:column;justify-content:center}.customer-name-and-actions-div-cl .name-div-cl{font-weight:700;font-size:20px}.customer-list-display-div-cl{display:flex;gap:10px;flex-wrap:wrap;padding:10px}.customer-list-display-div-cl .customer-list-item-wrapper-cl{flex:1 1 300px;padding:20px;margin:0 0 5px}.customer-list-container-cl{padding:0}.customer-list-title-div-cl{font-size:18px}.detail-div-cl.comments-cl{background-color:red}.customer-form-cf{background-color:var(--card);padding:15px 15px 20px;border-radius:5px;margin:10px;width:100%;max-width:800px}.customer-form-wrapper-cf{display:flex;justify-content:center;background-color:inherit;padding:0;border-radius:10px}.customer-form-container-cf{width:fit-content}.fields-wrapper-customer-form,.buttons-wrapper-customer-form{display:flex;flex-wrap:wrap;gap:10px}.fields-wrapper-customer-form .field-div-cf,.buttons-wrapper-customer-form .button-div-customer-form{flex:1 1 300px}.customer-form-and-list-wrapper-div-cc{display:flex;gap:10px;flex-wrap:wrap}.customer-form-and-list-wrapper-div-cc .customer-form-wrapper-div-cc,.customer-form-and-list-wrapper-div-cc .customer-list-wrapper-div-cc{flex:1 1 300px}.customers-component-wrapper-cc{margin:0;width:100%}.customers-component-container-cc{margin:0;background-color:var(--bg)}.detail-div-cl.comments-cl{font-size:12px;background-color:#0000000d;font-weight:320;padding:4px;border-radius:0;font-style:italic}.customer-component-header-div-cc{background-color:inherit;color:#ff0;padding:0;border-radius:0;width:100%;height:fit-content}.customer-component-header-div-cc .add-button-cc{color:#ff0;text-decoration:underline;padding:0}.search-input-cc{border:none;outline:none;padding:3px 10px;border-radius:10px}.customer-list-display-div-cl{padding:10px 0}.orders-list-wrapper-ol{width:100%}.orders-list-container-ol{border-radius:10px;padding:0;margin:0}.orders-list-container-ol .list-wrapper-ol{background-color:inherit}.order-list-body-wrapper-ol{display:flex;flex-wrap:wrap;gap:10px;padding:0}.list-item-wrapper-ol{flex:1 1 300px;background-color:var(--card);padding:10px;border-radius:3px;color:#000;position:relative;margin:0;cursor:pointer;color:var(--main-text)}.payable-total-div-ol{background-color:inherit;color:var(--main-text);display:flex;border-radius:10px;width:fit-content;padding:4px}.paid-div-ol{width:fit-content;border-radius:10px;padding:2px 4px;font-size:10px;background-color:inherit;color:var(--main-text);top:5px;right:5px;position:absolute}.payment-progress-wrapper-div-ol{display:flex;color:var(--main-text);gap:5px;font-size:13px}.invoice-number-div-ol{color:var(--subtitle-text)}.total-bill-container-ol{margin-left:4px}.orders-list-heading-wrapper-ol{margin-bottom:10px}.stamp-wrapper-is{position:relative;background:#fff;padding:0}.stamp-container-is{position:absolute;top:-70px;right:0;transform:rotate(-20deg);padding:4px 10px;border:8px solid rgb(190,0,0);border-radius:10px;color:#f12727;background:var(--on-card);font-family:Arial,sans-serif;font-size:20px;font-weight:900;letter-spacing:6px;text-transform:uppercase;opacity:.28;pointer-events:none;-webkit-user-select:none;user-select:none}.form-opf{background-color:var(--card);border-radius:10px;padding:10px;margin:0 0 10px}.main-fields-div{display:flex}.payments-list-wrapper-pl{background-color:var(--card);color:var(--text);margin:none;padding:10px;border-radius:5px}.list-title-div-pl{font-weight:600;padding:10px}.list-wrapper-div-pl{max-width:100vw;overflow-x:auto}.header-cell-pl,.body-cell-pl{padding:10px}.header-row-pl{border-bottom:solid 1px gray;background-color:#00000014}.payments-list-table-pl{width:100%}.fulfillment-wrapper-of{display:flex;justify-content:center}.fulfillment-form-of{background-color:var(--card);color:var(--main-text);border-radius:5px;padding:10px;margin:50px 10px 10px;width:100%;max-width:700px;z-index:1000}.buttons-div-wrapper-of{display:flex;flex-wrap:wrap;width:100%}.buttons-div-wrapper-of .submit-button-div-of,.buttons-div-wrapper-of .cancel-button-div-of{display:flex;flex-direction:column;justify-content:center;flex:1 1}.list-item-wrapper-of{padding:0;display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap;background-color:var(--on-card);border-radius:5px;border:1px solid gray;margin:0 0 5px}.list-item-wrapper-of .list-item-of{flex:1 1 100px;padding:4px}.shipped-value-of .textfield-container{padding:0;margin-bottom:10px}.shipped-value-of .combo-wrapper{padding:0;margin-bottom:5px}.my-submit-button-wrapper{margin:0}.shipped-value-of,.product-name-div-of{min-width:150px}.form-title-wrapper-mft .my-form-title-container-mft{color:var(--main-button-bg)}.fulfillments-list-wrapper-fl{margin-top:10px}.fulfillments-title-fl{font-size:18px;font-weight:600;margin-bottom:10px}.fulfillment-card-fl{background:var(--card);border:1px solid rgb(190,190,190);border-radius:5px;margin-bottom:15px;padding:15px}.fulfillment-header-fl{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px}.fulfillment-header-info{display:flex;flex-wrap:wrap;gap:20px 35px;flex:1}.fulfillment-header-info>div{min-width:180px;color:var(--main-text)}.fulfillment-header-action{margin-left:auto;display:flex;justify-content:flex-end;align-items:flex-start;flex-shrink:0}.fulfillment-table-div-fl{overflow-x:auto}.fulfillment-table-fl{width:100%;min-width:700px;border-collapse:collapse;background:inherit}.fulfillment-table-fl th,.fulfillment-table-fl td{border:.5px solid rgb(190,190,190);padding:6px;text-align:left}.fulfillment-table-fl th{font-weight:600}.batches-table-fl{width:100%;border-collapse:collapse;font-size:12px}.batches-table-fl th,.batches-table-fl td{border:.5px solid rgb(190,190,190);padding:3px}.batches-table-fl th{font-weight:500}@media (max-width: 768px){.fulfillment-header-fl{flex-direction:column}.fulfillment-header-action{width:100%;justify-content:flex-end}.fulfillment-header-info{width:100%}}.reversed-order-number-div-fl{text-decoration:line-through}.payee-form-wrapper-pf{display:flex;justify-content:center}.payee-form-pf{background-color:var(--card);padding:10px;border-radius:5px;margin:10px;max-width:800px}.elements-wrapper-payee-form,.buttons-wrapper-payee-form{display:flex;flex-wrap:wrap;gap:10px}.elements-wrapper-payee-form .element-div-payee-form,.buttons-wrapper-payee-form .button-div-payee-form{flex:1 1 300px}.payee-list-wrapper-div-pl{display:flex;flex-wrap:wrap;gap:15px;padding:10px 0;background-color:inherit}.payee-item-wrapper-pl{flex:1 1 300px;background-color:var(--card);border-radius:3px;color:var(--main-text);padding:20px;margin:0;font-weight:350}.payee-item-wrapper-pl strong{font-weight:430}.payee-info-header-wrapper-pl{display:flex;justify-content:space-between;color:var(--subtitle-text);font-size:20px;font-weight:500}.payee-item-wrapper-pl .payee-details-wrapper-pl .comments-div-pl{font-size:13px}.header-wrapper-pl{width:100}.payee-list-container-pl{padding:0}.payee-name-div-pd{background-color:var(--card);padding:5px 0;color:var(--subtitle-text);margin-bottom:0;font-size:19px;display:flex;flex-wrap:wrap;gap:0px}.payee-details-inner-wrapper-pd{font-size:13px;margin:0;color:var(--main-text);background-color:var(--card);padding:0 10px;border-radius:0}.active-toggle-btn-pd{margin-left:5px}.payee-name-div-pd .payable-add-btn-pd,.payee-name-div-pd .active-toggle-btn-pd{color:var(--main-text);background-color:inherit;border:solid 1px;padding:2px 10px;margin:0 10px;border-radius:20px;border-color:var(--main-text)}.payee-name-p-pd{margin:0 10px;font-size:large;font-weight:700}.payable-form-parent-wrapper-pd{display:flex;justify-content:center}.payable-list-wrapper-pd{margin:0;width:100%}.payable-list-outer-wrapper-pd{display:flex;justify-content:center;margin-top:10px}.payee-details-wrapper-pd{width:100%;height:100vh}.payee-details-div-pd{display:flex;flex-wrap:nowrap;gap:5px;font-size:medium}.payee-details-div-pd .value-pd{font-weight:600}.payee-details-div-pd.comments-pd{font-size:12px}.payee-name-and-edit-buttons-wrapper{display:flex;justify-content:space-between;background-color:var(--card)}.edit-buttons-wrapper-payee-details{display:flex;flex-direction:column;justify-content:center}.payable-form-pf{background-color:var(--card);padding:10px 10px 20px;border-radius:5px;margin:10px;min-width:500px;max-width:800px}.buttons-wrapper-payable-form,.fields-wrapper-payable-form{display:flex;flex-wrap:wrap;gap:10px}.buttons-wrapper-payable-form .button-div-payable-form,.fields-wrapper-payable-form .field-div-payable-form{flex:1 1 300px}.payables-list-wrapper-pl{background-color:inherit;height:100%;position:relative;min-width:0;max-width:100%;width:100%}.payables-list-container-pl{width:100%;max-width:100%;min-width:0;overflow-x:auto}.payable-list-table-pl{border-collapse:collapse;width:max-content;min-width:100%}.payable-list-table-pl th{background-color:var(--card);color:var(--subtitle-text)}.payable-list-table-pl .table-body-pl .body-row-pl{color:var(--main-text);background-color:var(--card);transition:background-color .15s ease-in}.payable-list-table-pl .table-body-pl .body-row-pl:hover{background-color:var(--on-card);cursor:pointer}.payable-list-table-pl .table-body-pl .body-row-pl td{color:inherit;background-color:inherit}.payable-list-table-pl .table-header-pl .header-row-pl th,.payable-list-table-pl .table-body-pl .body-row-pl td{border:solid .1px;border-color:var(--bg-2);padding:10px}.body-row-pl .payables-table-action-buttons-pl button{width:70px}.payables-list-div-pl{display:grid;grid-template-columns:1fr 1fr;column-gap:4px}.no-records-div-pl{color:var(--main-text)}.payables-list-div-pl .details-button-pl{background-color:var(--main-button-bg)}.settlement-form-wrapper-pl{position:absolute;inset:0;background-color:#000c;z-index:10000}.table-body-pl .body-row-pl .payable-amount-cell-pl,.table-body-pl .body-row-pl .paid-amount-cell-pl{text-align:right}.table-body-pl .body-row-pl .payable-number-cell-pl.reversed,.table-body-pl .body-row-pl .payable-amount-cell-pl.reversed{text-decoration:line-through}.table-body-pl .body-row-pl .comments-cell-pl{font-size:12px;width:180px}.wrapper-psf{display:flex;justify-content:center;background-color:#c8c8c84d;height:100%;width:100%}.form-psf{background-color:var(--on-card);padding:20px 20px 40px;border-radius:5px;margin:10px}.form-stcf{background-color:var(--card);padding:20px 20px 30px;border-radius:5px;margin:10px;max-height:fit-content}.wrapper-stcf{display:flex;justify-content:center;max-width:fit-content}.side-bar-wrapper-sbm{width:100%;height:100vh;background-color:var(--card);color:var(--main-text);padding:15px 12px;margin:0;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.side-bar-container-sbm{width:100%}.menu-item-outer-wrapper-sbm{margin-bottom:8px}.menu-item-name-sbm{min-height:42px;width:100%;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:7px;font-size:15px;font-weight:500;color:var(--main-text);cursor:pointer;transition:background-color .15s ease,padding-left .15s ease,color .15s ease}.menu-item-name-sbm:hover{background-color:var(--on-card);padding-left:13px}.icon-div-sbm{width:24px;min-width:24px;display:flex;align-items:center;justify-content:center}.icon-div-sbm .menu-item-icon-sbm{font-size:21px;color:var(--main-text);transition:color .15s ease,transform .15s ease}.menu-item-name-sbm:hover .menu-item-icon-sbm{color:var(--main-button-bg)}.menu-name-div-sbm{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item-options-wrapper-sbm{margin:3px 0 8px 22px;padding:5px 0 3px 14px;border-left:2px solid var(--main-button-bg);font-size:14px;animation:sidebar-submenu-open-sbm .15s ease}.menu-item-options-wrapper-sbm .menu-item-sbm{padding:7px 8px;margin-bottom:2px;cursor:pointer;border-radius:5px;color:var(--subtitle-text);transition:background-color .15s ease,color .15s ease,padding-left .15s ease}.menu-item-options-wrapper-sbm .menu-item-sbm:hover{background-color:var(--on-card);color:var(--main-text);padding-left:12px}.menu-item-options-wrapper-sbm .menu-item-sbm:last-child{margin-bottom:0}.side-bar-wrapper-sbm::-webkit-scrollbar{width:5px}.side-bar-wrapper-sbm::-webkit-scrollbar-track{background:transparent}.side-bar-wrapper-sbm::-webkit-scrollbar-thumb{background-color:var(--subtitle-text);border-radius:10px}@keyframes sidebar-submenu-open-sbm{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.main-wrapper-tt{color:var(--main-text)}.sector-wrapper-tt .list-button-div-tt,.sector-wrapper-tt .sector-name-div-tt,.sector-name-div-tt .action-buttons-div-tt{display:flex;flex-direction:column;justify-content:center}.sector-name-wrapper-tt{display:flex}.ul-tt{padding-left:15px}.main-wrapper-tt{width:100%}.taxonomy-tree-wrapper-mtt{width:100%;height:100vh;background-color:inherit}.nav-wrapper-div-mtt{margin-bottom:10px}.node-wrapper-tn{margin:0;border-left:2px solid rgb(202,201,201);padding-left:15px;color:var(--main-text);background-color:var(--card)}.node-header-tn{display:flex;justify-content:space-between;align-items:center;min-height:34px;gap:10px;transition:all ease-in .15s}.node-header-tn:hover{background-color:var(--on-card);cursor:pointer}.node-name-div-tn{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.expand-icon-tn{width:18px;display:flex;justify-content:center}.node-label-tn{transition:.2s;font-weight:400}.node-name-div-tn:hover .node-label-tn{color:#0078d7}.node-actions-tn{display:flex;gap:6px}.node-actions-tn button:hover{background:#f5f5f5}.node-children-wrapper-tn{margin-top:6px}.node-children-div{margin-left:15px}.node-child-wrapper-tn{margin-top:5px}.child-collection-wrapper-tn{margin-bottom:10px}.child-add-button-tn{margin-top:8px;margin-left:20px}.wrapper-bv{text-align:center;font-size:larger}.orders-list-heading-wrapper-olw{margin-bottom:10px}.header-bar-wrapper-tlw{display:flex;gap:10px;flex-wrap:wrap;background-color:var(--card)}.header-bar-wrapper-tlw .header-wrapper-tlw,.header-bar-wrapper-tlw .buttons-wrapper-tlw{flex:1 1 300px}.transaction-buttons-wrapper-tlw{display:flex;gap:10px;justify-content:center}.income-button-div-tlw,.expense-button-div-tlw{display:flex;flex-direction:column;justify-content:center}.transaction-buttons-wrapper-tlw{height:100%}.income-button-tlw,.expense-button-tlw{border:none;outline:none}.income-button-tlw:focus,.expense-button-tlw:focus{border:none;outline:none}.company-selection-container-cs{background-color:var(--bg-2);border-radius:10px;padding:20px;margin:10px;min-width:300px;color:var(--main-text)}.company-list-item-wrapper-cs{background-color:var(--card);padding:10px;border-radius:20px;cursor:pointer}.title-div-cs{text-align:center;font-size:20px;color:var(--subtitle-text);margin-top:20px}.invoice-page{width:210mm;min-height:297mm;margin:0 auto 20px;padding:12mm;background:#fff;color:#222;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.4;box-sizing:border-box}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:12px;border-bottom:2px solid #188173}.company-section{flex:1;min-width:0}.company-brand{display:flex;align-items:center;gap:10px;margin-bottom:5px}.company-logo-wrapper{width:55px;height:55px;display:flex;align-items:center;justify-content:center;overflow:hidden}.company-logo{max-width:100%;max-height:100%;object-fit:contain;display:block}.company-brand-text{min-width:0}.company-name{font-size:20px;font-weight:700;line-height:1.2;color:#188173}.company-details{font-size:10.5px;line-height:1.5;color:#555}.invoice-title-section{width:190px;text-align:right;display:flex;flex-direction:column;align-items:flex-end}.invoice-title{font-size:28px;font-weight:700;line-height:1;color:#188173;margin-bottom:6px}.invoice-date{font-size:10.5px;color:#555;margin-top:5px}.invoice-barcode{display:flex;justify-content:flex-end;align-items:center;margin-top:3px;margin-bottom:3px}.invoice-barcode canvas{display:block;max-width:100%;height:auto}.customer-section{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:14px 0;border-bottom:1px solid #dddddd}.customer-column,.order-information-column{min-width:0}.section-title{font-size:10px;font-weight:700;color:#188173;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px}.customer-name{font-size:14px;font-weight:700;margin-bottom:4px}.customer-number{font-size:10.5px;margin-bottom:3px}.customer-location{font-size:10.5px;color:#555;margin-bottom:3px}.customer-detail{font-size:10.5px;color:#555;margin-bottom:2px}.customer-detail span{font-weight:600;color:#333}.info-row{display:flex;justify-content:space-between;gap:15px;padding:4px 0;border-bottom:1px solid #eeeeee;font-size:10.5px}.info-row span{color:#555}.info-row strong{text-align:right;font-weight:600}.table-wrapper-invoice-pdf{width:100%;margin-top:15px}.invoice-table{width:100%;border-collapse:collapse;table-layout:fixed}.invoice-table thead{display:table-header-group}.invoice-table th{background:#188173;color:#fff;font-size:10px;font-weight:700;padding:7px 6px;text-align:left;border:1px solid #188173}.invoice-table td{padding:7px 6px;border-bottom:1px solid #dddddd;vertical-align:top;font-size:10.5px}.item-number-header,.item-number-cell{width:7%;text-align:center!important}.product-header,.product-cell{width:43%}.quantity-header,.number-cell{width:10%;text-align:center!important}.price-header,.amount-header{width:20%;text-align:right!important}.money-cell{text-align:right}.product-name{font-weight:600;font-size:10.5px;margin-bottom:2px}.product-meta{font-size:9px;color:#666;line-height:1.3}.invoice-item-row{page-break-inside:avoid}.totals-section{display:flex;justify-content:flex-end;margin-top:15px}.totals-box{width:260px;max-width:100%}.total-row{display:flex;justify-content:space-between;gap:20px;padding:5px 0;font-size:10.5px;border-bottom:1px solid #eeeeee}.total-row span:last-child{text-align:right}.grand-total-row{display:flex;justify-content:space-between;gap:20px;padding:8px 0;margin-top:4px;border-top:2px solid #188173;border-bottom:2px solid #188173;font-size:13px;font-weight:700;color:#188173}.grand-total-row span:last-child{text-align:right}.payment-section{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:18px;padding-top:12px;border-top:1px solid #dddddd}.payment-information{flex:1;min-width:0}.payment-row{display:flex;justify-content:space-between;gap:20px;padding:4px 0;font-size:10.5px}.payment-row span{color:#555}.payment-row strong{text-align:right}.balance-row{border-top:1px solid #dddddd;margin-top:3px;padding-top:6px}.balance-row strong{color:#188173}.status-stamp{min-width:115px;padding:10px 14px;border:2px solid #188173;border-radius:4px;text-align:center;font-size:11px;font-weight:700;color:#188173}.notes-section{margin-top:18px;padding:10px 12px;border:1px solid #dddddd;border-radius:3px}.notes-text{font-size:10.5px;color:#444;white-space:pre-wrap;overflow-wrap:anywhere}.invoice-footer{margin-top:25px;padding-top:10px;border-top:1px solid #dddddd;text-align:center}.footer-information{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#666;margin-bottom:8px}.thank-you{font-size:11px;font-weight:600;margin-bottom:5px}.footer-brand{font-size:8.5px;color:#888}.invoice-barcode-a4{height:70px}.print-button-a4-div-invoice{text-align:center}.print-button-a4-div-invoice .print-button-a4-invoice{color:var(--main-text);border:none;outline:none}.print-button-a4-div-invoice .print-button-a4-invoice:active{outline:none}@media screen{.invoice-page{box-shadow:0 2px 12px #0000001f}}@media print{@page{size:A4 portrait;margin:10mm}html,body{margin:0;padding:0;width:100%;background:#fff}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-page{width:100%;min-height:auto;margin:0;padding:0;box-shadow:none;background:#fff}.invoice-header,.customer-section,.totals-section,.payment-section,.notes-section,.invoice-footer,.invoice-item-row{break-inside:avoid;page-break-inside:avoid}.invoice-table thead{display:table-header-group}.table-wrapper-invoice-pdf{overflow:visible}*{box-shadow:none!important}.print-button-a4-div-invoice{display:none}}@media screen and (max-width: 800px){.invoice-page{width:100%;min-height:auto;margin:0;padding:20px}.invoice-header{flex-direction:column}.invoice-title-section{width:100%;align-items:flex-start;text-align:left}.invoice-barcode{justify-content:flex-start}.customer-section{grid-template-columns:1fr}.payment-section{flex-direction:column;align-items:stretch}.status-stamp{align-self:flex-start}.footer-information{flex-direction:column;gap:4px}}:root,[data-theme=light]{--primary-color-left: #498bf7;--primary-color-right: #1e40af;--secondary-color: #009ce4;--text-color: #076af5;--sub-title-color: rgb(1, 77, 218);--third-background: #fae903;--primary-background: linear-gradient(to right, var(--text-color), var(--text-color));--border-radius: 6px;--logo-dimension: 32px;--secondary-text-color: yellow;--component-title-background: rgb(0, 85, 155);--secondary-background: rgb(210, 210, 215);--bg-2: rgb(216, 220, 226);--bg: rgba(235, 240, 240);--bg-2: rgb(230, 235, 235);--bg: rgba(225, 225, 230);--card: rgb(245, 247, 249);--btn-text: white;--btn-bg: #076af5;--nav-bg: rgb(2, 117, 146);--main-text: rgb(50, 65, 70);--success-text: rgb(27, 102, 80);--error-text: rgb(130, 24, 46);--component-header-bg: black;--component-header: yellow;--subtitle-text: rgb(50, 65, 70);--header-underline-color: red 1px;--detail-text: rgb(241, 241, 241);--on-card: white;--commerce-button-bg: rgb(255, 102, 0);--main-button-bg: rgb(1, 150, 130);--main-button-bg: rgb(0, 152, 163);--main-button-bg: rgb(255, 5, 89);--main-button-bg: rgb(1, 140, 160);--main-button-bg: rgb(24, 91, 129);--main-button-bg: rgb(24, 129, 115);--error-button-bg: rgb(165, 28, 28);--bg-secondary: rgb(179, 255, 0)}[data-theme=dark]{--bg: rgb(10, 10, 15);--bg-2: rgb(20, 20, 25);--card: rgb(30, 30, 35);--nav-bg: rgb(15, 15, 20);--main-text: rgb(235, 235, 240);--success-text: white;--error-text: rgb(196, 11, 11);--component-header-bg: rgb(50, 50, 55);--subtitle-text: white;--header-underline-color: white;--component-header: yellow;--btn-text: white;--btn-bg: #076af5;--detail-text: white;--on-card: rgb(50, 50, 55);--commerce-button-bg: rgb(255, 102, 0);--main-button-bg: rgb(15, 82, 73);--main-button-bg: rgb(0, 25, 134);--main-button-bg: rgb(0, 120, 201);--main-button-bg: rgb(3, 80, 153);--main-button-bg: rgb(4, 140, 158);--main-button-bg: rgb(18, 146, 1);--main-button-bg: rgb(14, 128, 0);--main-button-bg: rgb(24, 129, 115);--error-button-bg: rgb(165, 28, 28);--bg-secondary: rgb(179, 255, 0)}