@erpsquad/common 1.7.1 → 1.7.2

package/CHANGELOG.md

@@ -5,6 +5,31 @@ All notable changes to the ERP UI Library will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.6.3] - 2024-11-17
+
+### Fixed - CRITICAL
+- **MUI Style Override Issue**: Fixed MUI's Emotion styles overriding component styles
+  - Removed `normalize.css` import that conflicted with MUI's CssBaseline
+  - Added `_mui-overrides.scss` layer with automatic specificity boost using `:where(html)` selector
+  - Component styles now properly override MUI without requiring file modifications
+  - No breaking changes - existing components work automatically
+
+### Added
+- **MUI Override Layer**: New `_mui-overrides.scss` provides automatic specificity boost for all MUI components
+- **App Wrapper Class**: `.erp-ui-app` class for additional specificity control when needed
+- **Documentation**: `QUICK_FIX_GUIDE.md` for quick reference and `FIX_MUI_OVERRIDE_ISSUE.md` for comprehensive guide
+
+### Changed
+- Updated CSS import order: Variables → MUI Overrides → Components (83 files) → Utilities
+- Removed `normalize.css` from `reset.css` (MUI's CssBaseline component handles browser normalization)
+- Updated README with MUI app wrapper guidance for optimal style override
+
+### Technical Details
+- Uses `:where(html)` selector for specificity boost without increasing cascade complexity
+- Automatically targets all MUI component classes with override patterns
+- No changes required in individual component SCSS files
+- Compatible with all existing MUI theme customization approaches
+
 ## [1.0.0] - 2024-01-15
 
 ### Added

package/README.md

@@ -260,6 +260,18 @@ Add this to your main application file:
 import '@erpsquad/common/style.css';
 ```
 
+**Important for MUI users:** Wrap your app with the `erp-ui-app` class for proper style override:
+
+```tsx
+function App() {
+  return (
+    <div className="erp-ui-app">
+      {/* Your components */}
+    </div>
+  );
+}
+```
+
 This gives you:
 - All component styles
 - Utility classes for rapid development

package/dist/style.css

@@ -12,7 +12,7 @@
 /*$vite$:1*/
 .action-bar{display:flex;padding:.75rem 0rem;justify-content:space-between;align-items:center}.action-bar--RightContent{display:flex;align-items:center;justify-content:flex-end}.action-bar--LeftContent{display:flex;gap:1.25rem;align-items:center}.action-bar--HeaderCard{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.filter-bar{display:flex;padding:.75rem 0rem;align-items:center;justify-content:space-between}.filter-bar .filter-bar--LeftContent{display:flex;align-items:center;gap:1.25rem}.filter-bar .filter-bar--LeftContent h6{color:#7b7c7f;font-size:1rem;font-weight:400;line-height:1.225rem}.filter-bar .filter-bar--LeftContent .hide-btn{color:#7b7c7f;font-size:1rem;font-weight:400;line-height:140%;letter-spacing:-.018rem;background-color:#fff;box-shadow:unset;padding:0rem .5rem}.filter-bar .filter-bar--LeftContent .hide-btn:hover{box-shadow:unset}.filter-bar .filter-bar--LeftContent .filter-chip{border:.063rem solid #f3f2f2;font-size:1rem;font-weight:400;line-height:140%}.filter-bar .filter-bar--LeftContent .subtask-switch{display:flex;align-items:center;gap:.313rem}.filter-bar .filter-bar--LeftContent .subtask-switch .switch{width:1.75rem;height:1.063rem;margin-top:.375rem}.filter-bar .filter-bar--LeftContent .subtask-switch .switch .slider:before{width:.875rem;height:.813rem}.filter-bar .filter-bar--RightContent .enable-filter-btn{display:flex;align-items:center;gap:.625rem;color:#4ac08c;font-size:1rem;font-weight:400;line-height:1.225rem;cursor:pointer}.view-modal--Head{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:space-between;align-items:center;border-bottom:1px solid #f5f6f5}.view-modal--Tab{border-right:1px solid #f5f6f5;width:12rem;flex-shrink:0;padding-bottom:auto}.view-modal--Tab .MuiButtonBase-root{min-height:3rem;text-transform:none;display:flex;gap:.25rem;justify-content:flex-start;margin:0 .75rem .375rem;border-radius:.5rem}.view-modal--Tab .MuiButtonBase-root:first-child{margin-top:.375rem}.view-modal--Tab .MuiButtonBase-root:last-child{margin-bottom:0}.view-modal--Tab .MuiButtonBase-root:hover{background-color:#eeeff1}.view-modal--Tab .Mui-selected{border-radius:.5rem;background-color:#d2f0e6;color:#2eb273}.view-modal--Tab .Mui-selected svg{color:#2eb273}.view-modal--Tab .Mui-selected:hover{background-color:#d2f0e6}.view-modal--Tab .MuiTabs-indicator{display:none}.view-modal--TabsContent{display:flex}.view-modal .MuiDialog-paper{min-width:40rem}.view-modal--TabData{height:25rem}.view-modal--TabData img{width:100%;height:auto;object-fit:cover}.view-modal--Desc{padding:0rem 1.5rem;display:flex;flex-direction:column;gap:.25rem;font-weight:400}.view-modal--Header{display:flex;align-items:center;color:#d3d3d4}.view-modal--Tabs{display:flex;gap:.25rem}.view-modal--Tabs svg{color:#7b7c7f}.view-modal--Tabs.Mui-disabled{color:#d3d3d4}.view-modal--Tabs.Mui-disabled svg{color:#d3d3d4}.view-modal--Select{border-radius:1.5rem;padding:0rem .5rem}.view-modal--Select .MuiSelect-select{padding:.25rem .5rem}.view-modal--BoardContainer{margin-top:.75rem;display:flex;align-items:center;gap:1rem}.view-modal--Actions{padding:.5rem 1rem}.header-card{display:flex;padding:.375rem .5rem;align-items:center;gap:.5rem;color:#7b7c7f;cursor:pointer}.header-card svg{width:1rem;height:1rem}.header-card--Active{color:#4ac08c}.switch{position:relative;display:inline-block;width:1.5625rem;height:.875rem}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:.4s}.switch .slider:before{position:absolute;content:"";height:.625rem;width:.625rem;left:.1875rem;bottom:.125rem;background-color:#fff;transition:.4s}.switch input:checked+.slider:before{transform:translate(.625rem)}.slider.round{border-radius:2.125rem}.slider.round:before{border-radius:50%}input:checked+.slider.round:before{border-radius:50%;border:none}.content{padding:1.5rem!important}.remove-filters{position:absolute;padding:0rem;right:1.5rem}.remove-filters_rtl{position:absolute;padding:0rem;left:1.5rem}.queryBuilder{position:relative}.queryBuilder .ruleGroup{border:none;padding:0rem;display:flex;flex-direction:column-reverse}.queryBuilder .ruleGroup .actions .MuiOutlinedInput-root{display:none}.queryBuilder .ruleGroup .rule{gap:.5rem;justify-content:space-between}.ruleGroup{background-color:#fff}.ruleGroup-body .ruleGroup{background-color:#fbfbfb;border:.063rem solid #f3f2f2;padding:.5rem}.ruleGroup-body .add-group{display:none}.add-filter,.add-group{box-shadow:0 0 .125rem #e0e0e0,0 .063rem .25rem -.125rem #18274b05,0 .25rem .25rem -.125rem #18274b0f}.queryBuilder>.ruleGroup{gap:1rem}.ruleGroup-body>.ruleGroup{margin:.25rem 0rem}.filter-header{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem;border-bottom:.063rem solid #d3d3d4}.combinator-value{text-transform:uppercase;border:.125rem dashed #bdbebf;border-radius:.5rem;width:fit-content;padding:.25rem 1rem}.filter-footer{display:flex;gap:.75rem;align-items:center;justify-content:flex-end;border-top:.063rem solid #d3d3d4;background-color:#f5f6f5;padding:.5rem 1rem .5rem 1.5rem}.filter-footer .cancel-filter-btn{color:#18274b;background-color:#fff}.filter-footer .cancel-filter-btn:hover{background-color:#f5f6f5;color:#18274b}.searchbar-box-list{padding:.5rem;margin-bottom:4px;border-bottom:.063rem solid #f3f2f2}.filter-title{font-size:.75rem;font-weight:400;line-height:1.063rem;letter-spacing:-.02em;text-align:left;color:#919294;padding:.625rem .625rem 0rem}.menu-list{justify-content:space-between}.menu-list .icon-list .icons-img{min-width:1.688rem}.select-drps{width:100%;color:#1f2125;text-transform:capitalize}.select-drps .MuiSelect-select{padding:.625rem .875rem}.select-drps input{width:100%;padding:.625rem .875rem}.new-searchbar .search-wrapper input{font-size:.781rem}.betweenRules .combinator-list{border:.125rem dashed #bdbebf;border-radius:.5rem;width:5rem}.betweenRules .combinator-list .MuiOutlinedInput-notchedOutline{border:none}.betweenRules .combinator-list .MuiSelect-select{padding:.375rem .625rem;text-transform:capitalize;font-size:.875rem;font-weight:400;line-height:1.25rem;letter-spacing:-.02em;text-align:left;color:#656669}.MultiSelect .MuiSelect-select{padding-top:4px!important;padding-bottom:4px;padding-left:8px}.upload-icon{display:inline-block;position:relative;border-radius:calc(var(--size) * 625rem)}.upload-icon.hoverable:hover{background-color:#d3d3d4}.FileUploadCard--FileIcon .Avatar{background-color:#ebf9f2;padding:.375rem;border-radius:.25rem}.FileUploadCard .MuiListItemText-root .MuiTypography-root{font-size:.75rem;color:#232529;line-height:1.05rem}.FileUploadCard .MuiListItemIcon-root{min-width:2.75rem}.upload .MuiDialog-paper{min-width:38.875rem;border-radius:1rem}.upload--head{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:space-between;align-items:center;background-color:#fbfbfb;border-top:1px solid #eeeff1}.upload--title{display:flex;align-items:center}.upload--content{padding:1.5rem 1.375rem 2.25rem}.upload--fileContent{display:flex;flex-direction:column;justify-content:center;align-items:center;height:16.25rem;border:.0625rem dashed #d3d3d4;border-radius:.5rem;padding:.5rem;cursor:pointer;transition:border .3s ease;text-align:center}.upload--fileContent.drag-active{border-color:#4ac08c}.upload--text{text-align:center;color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem;margin-bottom:.5rem}.upload--iconBox{display:flex;flex-direction:column}.upload--actions{padding:.5rem 1rem}.upload .upload--head .upload--title .dialog-box-title{color:#000;font-size:1rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.upload .upload--head button svg{width:1.25rem}.upload .upload--head button svg path{fill:#292d32}.upload .upload--content .input-label{color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem;margin-bottom:.5rem}.upload .autocomplete-input-upload{margin-left:0rem;margin-right:.3125rem;width:100%}.upload .autocomplete-input-upload .MuiFormControl-root .MuiOutlinedInput-root{padding:0rem .5rem}.upload .autocomplete-input-upload .MuiFormControl-root .MuiOutlinedInput-root .MuiAutocomplete-clearIndicator{display:none;visibility:hidden}.upload .autocomplete-input-upload .MuiOutlinedInput-notchedOutline{border-color:#ddd;border-width:.0625rem}.upload .upload-btn{min-width:6.25rem;color:#fff;font-size:1rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.upload .public-check-label{margin-left:0rem}.upload .public-check-label .MuiFormControlLabel-label{color:#656669;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.018rem}.upload .people-access-accordion{border:0rem;border-radius:0rem;box-shadow:none;margin-top:0rem}.upload .people-access-accordion:before{background-color:unset}.upload .people-access-accordion .MuiAccordionSummary-root{padding:0rem;margin:0rem;min-height:4rem}.upload .people-access-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .MuiTypography-root{color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem}.upload .people-access-accordion .user-accordion-details,.upload .people-access-accordion .user-accordion-details .accordion-list{padding:0rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root{padding:0rem;margin-bottom:.9375rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name{color:#1f2125;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.018rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name .secondary-email-text{color:#656669;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.015rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .owner-role-badge{display:flex;padding:.25rem .375rem;align-items:center;gap:.25rem;border-radius:.5rem;background:#f5f6f5;overflow:hidden;color:#656669;text-overflow:ellipsis;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiSelect-select{padding:.5rem 0rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem;color:#232529}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiOutlinedInput-notchedOutline{border:0rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box svg path{fill:#919294}.upload .upload--actions{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:flex-end;align-items:center;gap:1rem;align-self:stretch;background-color:#eeeff1}.upload .upload--actions .cancel-btn{display:flex;padding:.375rem .75rem;flex-direction:column;align-items:flex-start;color:#1f2125;gap:.5rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem;border-radius:.25rem;box-shadow:0 .25rem .625rem -.125rem #144e320d,0 .125rem .125rem -.0625rem #144e321a,0 -.0625rem .25rem #0000000d}.upload .upload--actions .success-btn{display:flex;padding:.375rem 1rem;flex-direction:column;align-items:flex-start;gap:.5rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem;border-radius:.25rem;color:#fff;background:var(--PrimaryGreen-700, #289b64);box-shadow:0 .25rem .625rem -.125rem #144e320d,0 .125rem .125rem -.0625rem #144e321a,0 -.0625rem .25rem #0000000d}.select-menu-items{font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem;color:#232529}.dzu-dropzone{border:unset!important;background:transparent!important;height:100%}.dzu-inputLabel{text-align:center;color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem;margin-bottom:.5rem}.preview-box{display:flex;align-items:center;width:calc(100% - 1.875rem);padding:.625rem 3%;background:#fff;border-bottom:.0625rem solid #ddd;font-size:.875rem}.preview-box img{max-height:5rem;max-width:5rem;border-radius:.25rem;margin-right:.625rem}.document-cover{display:flex;padding:.75rem 0rem .25rem;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:.0625rem solid #f5f6f5}.document-name{display:flex;width:28.125rem;align-items:flex-start;gap:.75rem}.delete-icon{cursor:pointer}.upload-list{width:100%}.drop-view{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.after-drop{display:flex;flex-direction:column;row-gap:.75rem;align-items:center}.after-drop img{width:3rem;height:3rem}.after-drop p{font-weight:500}.device-wrap{display:flex;gap:1.5rem}.device-wrap .select-button{margin-top:1rem}.device-wrap .select-button img{padding:.5rem;border-radius:.5rem;background-color:#eeeff1}.device-wrap .select-button p{color:#656669}.bottom-corner-box{display:inline-block;position:fixed;bottom:0;right:0;z-index:2;max-height:50%}.bottom-corner-box .box-list{overflow-y:auto;box-shadow:0 0 .125rem #e0e0e0,0 .0625rem .25rem -.125rem #18274b05,0 .25rem .25rem -.125rem #18274b0f}.bottom-corner-box .bottom-section{border-bottom:.063rem solid #eeeff1;padding:.5rem}.bottom-corner-box .bottom-section .close-icon,.bottom-corner-box .bottom-section .folder-icon{transform:translate(-50%,-79%);left:50%;right:unset}.avatar-container{position:relative;display:flex}.close-icon,.folder-icon{position:absolute;top:0;right:0;background-color:#ffffffb3;display:none}.avatar-container:hover .avatar{display:none}.avatar-container:hover .close-icon,.avatar-container:hover .folder-icon{display:block}.header-section{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:.0625rem solid var(--Border-Default, #d3d3d4);background:var(--Neutral-50, #fff)}.import-text{color:#000;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.canceled-text{color:#656669}.svgDiv{display:flex;width:2rem;height:2rem;padding:.125rem;justify-content:center;align-items:center;border-radius:.25rem;background:var(--Neutral-200, #f5f6f5)}.svg{width:1.75rem;height:1.75rem;flex-shrink:0}.body-section{display:flex;height:20rem;flex-direction:column;align-items:flex-start;gap:1rem;align-self:stretch;background:#fff}.document-section{display:flex;flex-direction:column;align-items:flex-start}.document-body{display:flex;width:35.375rem;flex-direction:column;align-items:flex-start;gap:.5rem}.document-cover{display:flex;padding:.75rem 0rem .25rem;justify-content:space-between;align-items:center;align-self:stretch}.document-name{display:flex;width:34.375rem;align-items:flex-start;gap:.75rem;align-items:center}.document-choices{display:flex;width:9.625rem;justify-content:flex-end;align-items:center;gap:.75rem}.document-icon-sm{display:flex;width:2rem;height:2rem;padding:.5rem;justify-content:center;align-items:center;gap:.5rem;flex-shrink:0;border-radius:.25rem;background:var(--Accent-Red-100, #ffebeb)}.document-icon-lg{display:flex;width:2.5rem;height:2.5rem;padding:.5rem;justify-content:center;align-items:center;gap:.5rem;flex-shrink:0;border-radius:.25rem;background:var(--Accent-Red-100, #ffebeb)}.document-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;flex:1 0 0}.svg-document{width:1.25rem;height:1.25rem;flex-shrink:0}.document-box{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;align-self:stretch}.document-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--Neutral-900, #232529);text-overflow:ellipsis;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.document-size{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--Text-Secondary, #656669);text-overflow:ellipsis;font-family:Inter;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.015rem}.document-size .success-file{color:#289b64;margin:0 .75rem}.document-size .fail-file{color:#f86060;margin:0 .75rem}.checkbox{display:flex;height:2.5625rem;align-items:center;gap:.25rem}.delete-icon{display:flex;width:1.5rem;height:1.5rem;justify-content:center;align-items:center;flex-shrink:0}.checkbox-svg{width:1.5rem;height:1.5rem}.checkbox-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--Text-Secondary, #656669);text-overflow:ellipsis;font-family:Inter;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.015rem}.svg-delete{width:1.5rem;height:1.5rem;flex-shrink:0}.button-section{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.25rem;background:var(--Button-Secondary_BG, #fff);box-shadow:0 0 .125rem #e0e0e0,0 .0625rem .25rem -.125rem #18274b05,0 .25rem .25rem -.125rem #18274b0f}.button-body{display:flex;padding:.375rem .75rem;flex-direction:column;align-items:flex-start;gap:.5rem}.button-content{display:flex;align-items:center;gap:.25rem}.button-add{display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center}.svg-add{width:1.25rem;height:1.25rem;flex-shrink:0}.button-add-text{color:var(--Button-On_Secondary, #1f2125);font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.submit-section{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:flex-end;align-items:center;gap:3.125rem;align-self:stretch;border-top:.0625rem solid var(--Border-Default, #d3d3d4);background:var(--Neutral-200, #f5f6f5)}.btn-box{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;flex:1 0 0}.button-group{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}.btn-cancel{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.25rem;background:#fff;color:#292d32;box-shadow:0 0 .125rem #e0e0e0,0 .0625rem .25rem -.125rem #18274b05,0 .25rem .25rem -.125rem #18274b0f}.btn-upload{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.25rem;background:var(--Neutral-500, #a7a8a9);color:#fff;box-shadow:0 .125rem .3125rem -.125rem #144e320d,0 .0625rem .0625rem -.125rem #144e321a,0 -.0625rem .125rem #0000000d}.top-section{display:flex;width:350rem;padding:.5rem .75rem;justify-content:space-between;align-items:center;border-radius:.75rem .75rem 0rem 0rem;background:var(--PrimaryGreen-100, #ebf9f2)}.top-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--Neutral-900, #232529);text-overflow:ellipsis;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.018rem}.top-options{display:flex;align-items:center;gap:.25rem}.btn{display:flex;width:1.5rem;height:1.5rem;padding:.25rem;justify-content:center;align-items:center}.arrow-btn{display:flex;width:1.5rem;height:1.5rem;justify-content:center;align-items:center;flex-shrink:0}.svg-arrow-btn,.svg-cancel-btn{width:1.5rem;height:1.5rem;flex-shrink:0}.bottom-section{display:flex;padding:.5rem;align-items:center;gap:.75rem;align-self:stretch;background:#fff}.svg-icon{display:flex;width:2rem;height:2rem;padding:.5rem;justify-content:center;align-items:center;gap:.5rem;border-radius:.25rem;background:var(--PrimaryGreen-100, #ebf9f2)}.doc-icon{display:flex;align-items:flex-start;gap:.5rem;border-radius:.25rem}.svg-doc{width:20rem;height:20rem}.file-detail{display:flex;align-items:center;gap:.5rem;flex:1 0 0}.file-name{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;flex:1 0 0}.file-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--Neutral-900, #232529);text-overflow:ellipsis;font-family:Inter;font-size:.75rem;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.015rem}.file-status{display:flex;width:2rem;height:2rem;padding:.375rem;justify-content:center;align-items:center;border-radius:.25rem}.svg-status{width:20rem;height:20rem;flex-shrink:0}.add-file{padding:.375rem .75rem!important;font-size:.875rem;font-weight:500;box-shadow:0 0 .125rem #e0e0e0,0 .0625rem .25rem -.125rem #18274b05,0 .25rem .25rem -.125rem #18274b0f;border:unset}.uploadActions,.uploadHeader{padding:.5rem;background-color:#fbfbfb;border-top:1px solid #eeeff1}.remove-button{position:absolute;z-index:10;background:#54cc96;height:30px;width:30px;color:#fff;top:-10px;right:-10px;border:3px solid white}.remove-button:hover{z-index:10;background:#4ac08c}.icon-BG{position:relative;background:#b6e9d6;border-radius:8px}.datePicker{border-radius:.25rem;width:100%}.datePicker input{padding:.5rem;font-size:.875rem}.datePicker :disabled{-webkit-text-fill-color:unset}.MuiDateCalendar-root .MuiPickersCalendarHeader-labelContainer{font-weight:600}.MuiDateCalendar-root .MuiPickersDay-root{border-radius:2px}.MuiDateCalendar-root .MuiPickersDay-today{background-color:#f5f6f5}.MuiDateCalendar-root .MuiPickersDay-root:hover{background-color:#f5f6f5;color:#1f7c5e}.MuiDateCalendar-root .MuiPickersDay-root.Mui-selected,.MuiDateCalendar-root .MuiPickersYear-yearButton.Mui-selected{background-color:#4ac08c}.requiredStar{color:#c64d4d}.fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;position:fixed;bottom:50%;width:-webkit-fill-available;transform:translateY(50%)}.fallback--Text{width:25%;text-align:center}.pagination{display:flex;align-items:center}.page-size-select{width:auto;margin:0rem .5rem}.page-size-select .MuiSelect-select{font-size:.75rem;color:#656669;padding:.25rem .5rem!important}.page-size-select .MuiSvgIcon-root{right:2px;font-size:1.2rem}.page-input{padding:.25rem .5rem;border-radius:.25rem;width:fit-content;max-width:2rem;border:1px solid #d3d3d4!important;font-size:.75rem}.goto-box{margin:0 8px}.goto-box .MuiInputBase-root .MuiInputBase-input{padding:.25rem .5rem!important;max-width:26px;font-size:12px}.shared-pages-modal .tab-title-wrap{border-right:.0625rem solid #f5f6f5}.shared-pages-modal .tab-title-wrap .MuiTabs-indicator{background-color:#bdbebf}.shared-pages-modal .tab-title-wrap .tab-search-wrap{padding:.5rem .75rem;border-bottom:.0625rem solid #f5f6f5}.shared-pages-modal .tab-title-wrap .MuiTabs-flexContainer{padding:.5rem}.shared-pages-modal .tab-title-wrap .MuiTabs-flexContainer .MuiButtonBase-root{margin-bottom:.5rem;color:#1f2125;padding:.375rem .75rem;min-height:auto;text-transform:capitalize;line-height:1.25rem;border-radius:.25rem;align-items:flex-start}.shared-pages-modal .tab-title-wrap .MuiTabs-flexContainer .MuiButtonBase-root.Mui-selected,.shared-pages-modal .tab-title-wrap .MuiTabs-flexContainer .MuiButtonBase-root:hover{background-color:#f5f6f5}.shared-pages-modal .MuiDialogContent-root{padding:0}.shared-pages-modal .MuiPaper-root{max-width:44.0625rem;height:30.375rem}.shared-pages-modal .shared-grid-wrap{padding:1rem}.shared-pages-modal .shared-grid-wrap .shared-tab .MuiBox-root{padding:0}.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main{background-color:#fbfbfb;padding:.625rem}.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap{position:relative}.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img{height:13.4375rem;max-width:100%}.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img-tab{position:absolute;bottom:.5rem;right:.375rem;left:auto}.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img-tab .MuiTabs-scroller{height:auto}.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img-tab .MuiTabs-scroller .MuiTabs-flexContainer{gap:.375rem}.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img-tab .MuiTabs-scroller .MuiTabs-flexContainer .MuiButtonBase-root.MuiTab-root{padding:0;border:.0625rem solid #f3f2f2;border-radius:50%;height:1.5rem;width:1.5rem;font-size:.75rem;max-width:100%;min-width:auto;min-height:1.5rem;color:#656669;background-color:#f5f6f5}.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img-tab .MuiTabs-scroller .MuiTabs-flexContainer .MuiButtonBase-root.MuiTab-root.Mui-selected{background-color:#32c27d;color:#fff;border-radius:3.75rem;width:auto;padding:.25rem .5rem;text-transform:capitalize}.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img-tab .MuiTabs-indicator{display:none}.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap{padding:1.5rem 0 .5rem}.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info{display:flex;justify-content:space-between;align-items:center}.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info h1{font-size:.875rem;font-weight:500;line-height:1.25rem;color:#1f2125;margin:0}.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info .tab-toggle{color:#232529;display:flex;align-items:center;gap:1rem}.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info .tab-toggle .MuiFormControlLabel-root .switch{margin-left:.75rem}.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info .tab-toggle .MuiFormControlLabel-root .MuiTypography-root{font-size:.75rem;font-weight:400;line-height:1.0625rem}.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info .tab-toggle .owner-name-wrap p{font-size:.75rem;font-style:normal;font-weight:400;line-height:1.0625rem}.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info .tab-toggle .owner-name-wrap p span{color:#656669}.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-content p{font-size:.75rem;font-style:normal;font-weight:400;line-height:1.0625rem;margin:0;color:#656669}.share .MuiDialog-paper{min-width:42.375rem;border-radius:1rem}.share--head{display:flex;padding:.5rem 1rem;justify-content:space-between;align-items:center}.share--title{display:flex;align-items:center}.share--content{padding:1rem 1.375rem 1.5rem}.share--blurClass .MuiAccordionSummary-root,.share--blurClass .accordion-list{opacity:.3}.share--actions{padding:.5rem 1rem}.share .share--head .share--title .dialog-box-title{color:#000;font-size:1rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.018rem}.share .share--head button svg{width:1.25rem}.share .share--head button svg path{fill:#292d32}.share .share--content .input-label{color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.015rem;margin-bottom:.5rem}.share .autocomplete-input-share{margin-left:0rem;margin-right:.313rem;width:100%}.share .autocomplete-input-share .MuiFormControl-root .MuiOutlinedInput-root{padding:0rem .5rem}.share .autocomplete-input-share .MuiFormControl-root .MuiOutlinedInput-root .MuiAutocomplete-clearIndicator{display:none;visibility:hidden}.share .autocomplete-input-share .MuiOutlinedInput-notchedOutline{border-color:#ddd;border-width:.063rem}.share .chip-selected-role .MuiChip-filled{border-radius:.25rem;background-color:#f5f6f5}.share .clear-role-icon{padding:0rem}.share .share-btn{min-width:6.25rem;color:#fff;font-size:1rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.018rem}.share .public-check-label{margin-left:0}.share .public-check-label .MuiFormControlLabel-label{color:#656669;font-size:.875rem;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.018rem}.share .people-access-accordion{border:0;border-radius:0;box-shadow:none;margin-top:0}.share .people-access-accordion:before{background-color:unset}.share .people-access-accordion .MuiAccordionSummary-root{padding:0;margin:0;min-height:4rem}.share .people-access-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .MuiTypography-root{color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.24px}.share .people-access-accordion .user-accordion-details{padding:0}.share .people-access-accordion .user-accordion-details .accordion-list{padding:0;width:100%;background-color:#fff}.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root{padding:0;margin-bottom:.938rem}.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name{color:#1f2125;font-size:.875rem;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.018rem}.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name .secondary-email-text{color:#656669;font-size:.875rem;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.24px;display:inline}.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .owner-role-badge{display:flex;padding:.25rem .375rem;align-items:center;gap:.25rem;border-radius:.5rem;background:#f5f6f5;overflow:hidden;color:#656669;text-overflow:ellipsis;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.24px}.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiSelect-select{padding:.5rem 0;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.24px;color:#232529}.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiOutlinedInput-notchedOutline{border:0}.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box svg path{fill:#919294}.share .share--actions{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:flex-end;align-items:center;gap:1rem;align-self:stretch;background-color:#eeeff1}.share .share--actions .cancel-btn{display:flex;padding:.375rem .75rem;flex-direction:column;align-items:flex-start;color:#1f2125;gap:.5rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.018rem;border-radius:.25rem;box-shadow:0 .25rem .625rem -.125rem #144e320d,0 .125rem .125rem -.0625rem #144e321a,0 -.0625rem .25rem #0000000d}.share .share--actions .success-btn{display:flex;padding:.375rem 1rem;flex-direction:column;align-items:flex-start;gap:.5rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.018rem;border-radius:.25rem;color:#fff;background:#4ac08c;box-shadow:0 .25rem .625rem -.125rem #144e320d,0 .125rem .125rem -.0625rem #144e321a,0 -.0625rem .25rem #0000000d}.select-menu-items{font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.24px;color:#232529}.user-select-chips{border-radius:.25rem}.page-navigator{width:100%}@media (min-width: 1200px) and (max-width: 1439px){.page-navigator{width:80%}}@media (min-width: 1440px){.page-navigator{width:100%}}@media (max-width: 1366px){.page-navigator-container{width:50%}}@media (max-width: 1199px){.footer--Container{flex-direction:column}.page-navigator-container{width:100%}.footer--Container .pagination{justify-content:flex-end}}.footer--Container{width:calc(100% - 350px)!important}.sheet-select{margin:0rem .5rem}.sheet-select .MuiOutlinedInput-notchedOutline{border:0}.sheet-select .MuiSelect-select{font-size:.75rem;color:#656669;padding:0rem .25rem!important}.footer--Container{display:flex;position:fixed;bottom:0;transition:all .4s ease-in-out;background-color:#fff;z-index:1201;width:calc(100% - 365px)}.footer--drawerContainer{display:flex;position:fixed;transition:all .4s ease-in-out;bottom:0;background-color:#fff;z-index:1201;width:calc(100% - 130px)}.add-role-drp ul{min-width:12.875rem;border-radius:.5rem;gap:.25rem;display:flex;flex-direction:column}.add-role-drp ul .searchbar-box-list{border:0;padding:.313rem .75rem .5rem}.add-role-drp ul .all-attribute-title{padding:0rem .938rem}.add-role-drp ul .all-attribute-title .MuiTypography-root{font-size:.875rem}.add-role-drp ul .role-drp-list .add-icon{min-width:1.5rem}.add-role-drp ul .role-drp-list .title span{font-size:.938rem;font-weight:400;line-height:1.125rem;letter-spacing:-.02em;color:#656669}.add-role-drp ul .role-drp-list .eye-icon{text-align:right;min-width:2rem}.add-role-drp ul .role-drp-list .eye-icon img{margin-left:auto}.add-role-drp ul .role-drp-list:last-child .title span{color:#1f2125}.add-role-drp ul .role-drp-list:last-child .eye-icon{position:relative;top:.188rem}.add-role-drp ul .role-drp-list:last-child .eye-icon svg{fill:#7b7c7f}.dropdown-inner--DestructiveActions{color:#c64d4d}.dropdown-inner--DestructiveActions:hover{background-color:#fedfdf}.action-items ul{display:flex;text-align:center}.no-data{display:flex;width:100%;flex-direction:column;align-items:center}.add-row-btn{color:#1f2125!important}.MuiTableSortLabel-iconDirectionAsc path:first-child{fill:#232529}.MuiTableSortLabel-iconDirectionAsc path:last-child{fill:#bdbebf}.MuiTableSortLabel-iconDirectionDesc path:first-child{fill:#232529}.MuiTableSortLabel-iconDirectionDesc path:last-child{fill:#bdbebf}.custom-table table th{background-color:#fbfbfb!important}.custom-table table th svg{height:16px!important;width:16px!important}.custom-table table th:nth-child(2) svg{height:20px!important;width:20px!important}.custom-table table th button[aria-label=Move]{display:none;transition:all .3s ease-in-out}.custom-table table th:hover button[aria-label=Move]{display:block}.custom-table .MuiTouchRipple-root{display:none}.custom-table table th span.MuiBadge-root{width:16px}.custom-table table td{font-size:13px!important}
 /*$vite$:1*/
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.react-tel-input .selected-flag .arrow{right:0rem}.expandable-grid-summary{position:relative}.expandable-grid-summary__toggle-button{top:50%;left:-24px;z-index:1301;background-color:var(--mui-palette-background-paper);border:1px solid var(--mui-palette-divider);border-radius:50%;width:40px;height:40px;transform:translateY(-50%);box-shadow:var(--mui-shadows-3);opacity:1;visibility:visible}.expandable-grid-summary__toggle-button:hover{background-color:var(--mui-palette-action-hover);box-shadow:var(--mui-shadows-4)}.expandable-grid-summary__toggle-button--collapsed-floating{position:fixed;top:50%;right:16px;z-index:1300;background-color:var(--mui-palette-primary-main);color:var(--mui-palette-primary-contrastText);border:2px solid var(--mui-palette-background-paper);width:48px;height:48px;box-shadow:var(--mui-shadows-4)}.expandable-grid-summary__toggle-button--collapsed-floating:hover{background-color:var(--mui-palette-primary-dark);box-shadow:var(--mui-shadows-6)}.expandable-grid-summary__toggle-button--mobile{position:fixed;top:50%;right:8px;z-index:1400;border-radius:8px 0 0 8px}.expandable-grid-summary__content{height:100%;width:100%;display:flex;flex-direction:column;background-color:var(--mui-palette-background-paper);border-left:1px solid var(--mui-palette-divider);border-radius:8px 0 0 8px}.expandable-grid-summary__content--expanded{overflow:auto;min-width:0}.expandable-grid-summary__content--collapsed{overflow:hidden}.expandable-grid-summary__collapsed-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:var(--mui-palette-text-secondary);cursor:pointer;transition:background-color .2s ease}.expandable-grid-summary__collapsed-indicator:hover{background-color:var(--mui-palette-action-hover)}.expandable-grid-summary__collapsed-indicator__text{writing-mode:vertical-lr;text-orientation:mixed;font-size:.875rem;font-weight:500;letter-spacing:.1em}.expandable-grid-container .MuiGrid-item{overflow:visible!important;transition:flex-basis .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1)}.MuiGrid-container{overflow:visible}.expandable-summary-drawer .MuiDrawer-paper{width:90vw;max-width:400px}@media (max-width: 600px){.expandable-summary-drawer .MuiDrawer-paper{width:95vw}}.MuiCollapse-horizontal .MuiCollapse-wrapperInner{height:100%}.expandable-grid-summary__content--expanded::-webkit-scrollbar{width:6px}.expandable-grid-summary__content--expanded::-webkit-scrollbar-track{background:var(--mui-palette-action-hover);border-radius:3px}.expandable-grid-summary__content--expanded::-webkit-scrollbar-thumb{background:var(--mui-palette-action-disabled);border-radius:3px}.expandable-grid-summary__content--expanded::-webkit-scrollbar-thumb:hover{background:var(--mui-palette-action-focus)}@media (prefers-contrast: high){.expandable-grid-summary__toggle-button{border:2px solid var(--mui-palette-text-primary)}.expandable-grid-summary__collapsed-indicator{border-left:2px solid var(--mui-palette-text-primary)}}@media (prefers-reduced-motion: reduce){.expandable-grid-summary,.MuiGrid-item,.MuiCollapse-root{transition:none!important}}.inventoryReportsTitleBar--RightContent ul{max-height:180px;padding-bottom:20px;z-index:9999}.circle{content:"";width:8px;height:8px;border-radius:4px}.bar{position:relative;z-index:9999}.donut-chart-container{display:flex;justify-content:space-evenly;gap:10px;padding-top:10px}.donut-chart-container .donut-chart-legend{width:25rem;display:flex;flex-wrap:wrap}.donut-chart-container .donut-chart-legend .legend{padding:0 .625rem;max-height:2.5rem;margin-bottom:.938rem;width:50%}.donut-chart-container .donut-chart-legend .legend .legend-title{color:var(--Text-Secondary, #656669);margin-bottom:.125rem;width:100%;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.donut-chart-container .donut-chart-legend .legend .legend-value{font-size:.75rem}.donut-chart-container{display:flex;justify-content:center;gap:1rem}.donut-chart-container.vertical{flex-direction:column;align-items:center}.donut-chart-container.vertical .donut-chart-legend{width:auto;margin-top:1.25rem}.donut-chart-container.horizontal{flex-direction:row;align-items:center}.donut-chart-container.horizontal .donut-chart-legend{width:auto;margin-top:1.25rem}.donut-legend{display:flex;justify-content:center}.donut-chart-legend{justify-content:center;width:150px;display:flex;flex-wrap:wrap;margin-top:46px;gap:12px}.donut-chart-legend .legend{padding:0 .75rem;max-height:2.5rem;padding-right:24px}.donut-chart-legend .legend .legend-title{color:var(--Text-Secondary, #656669);margin-bottom:.125rem;width:100%;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.donut-chart-legend .legend .legend-value{font-size:.75rem}.account-receivable-card{padding:16px;height:100%;display:flex;justify-content:center;align-content:center}.donut-chart-legend.horizontal{flex-direction:column;align-items:flex-start}.dashboard-heading{margin-bottom:1.5rem}.dashboard-container{padding:2rem 8.25rem}.dashboard-title{color:#1f2125}.dashboard-subtitle{color:#656669}.module-container{display:flex;align-items:center;align-content:center;gap:1.5rem;flex-wrap:wrap}.components-wrapper{width:100vw}@media screen and (max-width: 450px){.button-wrapper .button-wrapper-variants,.chip-wrapper-variants{display:flex;flex-direction:column}}@keyframes cardswipe{to{transform:translate(5vw,10vh) rotate(0)}}@keyframes cardreverseswipe{0%{transform:translate(5vw,10vh) rotate(0)}to{transform:translate(0) rotate(-45deg)}}@keyframes cardrotate{to{transform:rotateX(15deg) rotateY(10deg)}}@keyframes cardreverserotate{0%{transform:rotateX(15deg) rotateY(10deg)}to{transform:rotateX(35deg) rotateY(15deg)}}@keyframes tabletreversemoveup{0%{transform:rotate(-35deg) translate(8vw,7vh)}to{transform:rotate(-35deg) translate(8vw,12vh)}}@keyframes textfadein{0%{transform:translateY(10vh);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes navbarexpand{0%{width:0}to{width:45vw}}@keyframes navbarshrink{0%{width:45vw}to{width:0}}@media screen and (max-width: 1112px){@keyframes tabletmoveup{to{transform:rotate(-35deg) translate(15vw,7vh)}}@keyframes tabletreversemoveup{0%{transform:rotate(-35deg) translate(15vw,7vh)}to{transform:rotate(-35deg) translate(15vw,12vh)}}}@media screen and (max-width: 812px){@keyframes cardswipe{to{transform:translate(7vw,5vh)}}}@media screen and (max-width: 450px){@keyframes swipemovedown{to{transform:rotate(-35deg) translate(11vw,3vh)}}@keyframes tabletmoveup{to{transform:rotate(-35deg) translate(15vw)}}@keyframes swipereversemovedown{0%{transform:rotate(-35deg) translate(11vw,3vh)}to{transform:rotate(-35deg) translate(11vw,-2vh)}}@keyframes tabletreversemoveup{0%{transform:rotate(-35deg) translate(15vw)}to{transform:rotate(-35deg) translate(15vw,5vh)}}@keyframes navbarexpand{0%{width:0}to{width:70vw}}@keyframes navbarshrink{0%{width:70vw}to{width:0}}}@media screen and (max-width: 360px){@keyframes tabletmoveup{to{transform:rotate(-35deg) translate(15vw,2vh)}}}.Landing{display:flex;align-items:center;justify-content:center;flex-direction:column;height:auto;width:100%}.Landing--SubTitle{font-size:1.5625rem;font-weight:300;padding-bottom:.8125rem}.Landing--Para{padding:3.125rem 0;font-weight:300;font-size:1.4375rem;line-height:55px;font-family:Inter,sans-serif;width:85%}.Landing--Home{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:100%;height:100vh}.Landing--HomeAnimation{width:40%;z-index:2}.Landing--HomeAnimationVideo{width:100%;margin-left:5vw;transform:translateY(5vh)}.Landing--HomeContent{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;width:50%;padding-top:8vh}.Landing--HomeContentTop{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.Landing--HomeContentBottom{display:flex;align-items:center;justify-content:center;flex-direction:row;width:75%;position:relative}.Landing--HomeContentBottomArrow{position:absolute;top:0;left:-200px;z-index:1}.Landing--HomeContentVisa{display:flex;align-items:center;justify-content:center;flex-direction:row;margin-top:3.125rem;width:75%}.Landing--HomeContentVisaTitle{color:#a9a9a9;font-weight:300;font-size:1rem}.Landing--HomeContentVisaPic{height:3vh;padding-left:.625rem}.Landing--Animation{display:flex;align-items:center;justify-content:space-between;flex-direction:column;position:relative;width:100vw}.Landing--AnimationVideo{position:sticky;position:-webkit-sticky;top:0;left:0;bottom:0;right:0;width:100vw;height:100vh}.Landing--AnimationVideoOpacity{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1}.Landing--AnimationVideoContent{position:relative;width:100%;height:100%;overflow:hidden;object-fit:cover}.Landing--AnimationText{position:relative;margin-top:0;width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:column;background:#000;padding-top:6.25rem}.Landing--AnimationTextContent{display:flex;align-items:center;justify-content:space-between;flex-direction:column;margin-bottom:35vh;width:70%}.Landing--AnimationTextContent:nth-child(4){margin-bottom:20vh}.Landing--AnimationTextContentImg{height:12vh;margin-bottom:.9375rem}.Landing--AnimationTextContentButton{margin-top:5vh}.Landing--Features{width:100%;margin:15vh 0;text-align:center;position:relative}.Landing--FeaturesSticky{position:sticky;position:-webkit-sticky;top:14vh;width:100%;height:90vh}.Landing--FeaturesCards{display:flex;align-items:center;justify-content:space-around;flex-direction:column;width:100%;height:auto;margin-top:-70vh}.Landing--Security{display:flex;align-items:center;justify-content:space-between;flex-direction:row;position:relative;width:100%;height:auto;padding:15vh 10vw;border-radius:2.5rem;background:radial-gradient(#4d4d4d,#000)}.Landing--SecurityContent{display:flex;align-items:center;justify-content:space-between;flex-direction:column;width:100%}.Landing--SecurityContentFeatures{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row;margin-top:2.5rem;width:85%}.Landing--SecurityContentFeaturesColumn{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;margin-bottom:.625rem}.Landing--SecurityMobile{display:flex;align-items:center;justify-content:space-around;flex-direction:column;width:100%}.Landing--SecurityImg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.2;width:250px;height:250px}.Landing--Brands{display:flex;align-items:center;justify-content:space-around;flex-direction:column;height:auto;width:100%;padding:10vh 0}.Landing--BrandsTitle{font-size:1.875rem;font-weight:500;padding-bottom:15vh}.Landing--BrandsSubTitle{font-size:1.4375rem;font-weight:400;padding-top:1.25rem}.Landing--BrandsContainer{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:55%;flex-wrap:wrap}.Landing--BrandsContainerImg{height:12vh;max-width:10vw;margin-bottom:1.25rem;margin-right:1.875rem}.Landing--Carousel{display:flex;align-items:center;justify-content:space-between;flex-direction:column;height:100vh;width:100vw;border-radius:2.5rem;position:relative;overflow-x:hidden;background:none}.Landing--CarouselAnimationVideo{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 1920px){.Landing--SubTitle{font-size:1.5625rem}.Landing--Para{font-size:1.25rem;padding:2.375rem 0}.Landing--HomeContentBottom{width:85%}.Landing--HomeContentVisa{width:85%;margin-top:1.5625rem}.Landing--BrandsTitle{font-size:1.5rem}.Landing--BrandsSubTitle{font-size:1.3125rem}}@media screen and (max-width: 1600px){.Landing--SubTitle{font-size:1.25rem}.Landing--Para{font-size:1.0625rem;padding:2.1875rem 0;line-height:40px}.Landing--HomeContentVisaTitle{font-size:.875rem}.Landing--BrandsTitle{font-size:1.4375rem}.Landing--BrandsSubTitle{font-size:1.1875rem}}@media screen and (max-width: 1440px){.Landing--SubTitle{font-size:1rem}.Landing--Para{font-size:.875rem;padding:2.0625rem 0;line-height:35px}.Landing--HomeContent{width:42%}.Landing--HomeContentBottom,.Landing--HomeContentVisa{width:75%}.Landing--HomeContentVisaTitle{font-size:.75rem}.Landing--AnimationTextContentImg{height:11vh}.Landing--BrandsContainer{width:55%}.Landing--BrandsTitle{font-size:1.3125rem}.Landing--BrandsSubTitle{font-size:1.03125rem;padding-top:.625rem}.Landing--SecurityContent,.Landing--SecurityContentFeatures{width:100%}}@media screen and (max-width: 1112px){.Landing--SubTitle{font-size:1.75rem}.Landing--Para{font-size:1.125rem;padding:1.875rem 0}.Landing--Home{height:auto;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.Landing--HomeContent{width:65%;padding-bottom:5vh;align-items:center}.Landing--HomeContentTop{align-items:center}.Landing--HomeContentBottom{width:90%}.Landing--HomeAnimation{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}.Landing--HomeAnimationVideo{margin:10vh 0;width:55%}.Landing--Security{padding:15vh 3vw}.Landing--BrandsContainer{width:60%}.Landing--BrandsContainerImg{height:auto;max-width:14vw}}@media screen and (max-width: 812px){.Landing--SubTitle{font-size:1.5625rem}.Landing--HomeAnimationVideo{width:70%}.Landing--AnimationContentTitle{line-height:35px}.Landing--Security{justify-content:center}.Landing--SecurityContent{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;width:80%}.Landing--SecurityContentFeatures{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;margin-top:3.125rem}.Landing--SecurityImg{height:30vh;margin:1.875rem 0}.Landing--BrandsContainer{width:70%}}@media screen and (max-width: 450px){.Landing--SubTitle{font-size:1.25rem}.Landing--Para{font-size:.90625rem;width:90%;line-height:30px;padding:.625rem 0 1.875rem;text-align:center}.Landing--Home{height:auto;min-height:100vh;justify-content:space-around}.Landing--HomeAnimation{margin:11vh 0 5vh}.Landing--HomeAnimationVideo{width:95%;margin:0}.Landing--HomeContent{width:90%;align-items:center;padding-top:0}.Landing--HomeContentBottom{justify-content:center}.Landing--HomeContentVisaTitle{font-size:1rem}.Landing--AnimationTextContent{width:90%}.Landing--AnimationTextContentImg{height:10vh}.Landing--Features{margin:15vh 0 5vh}.Landing--FeaturesSticky{top:12vh}.Landing--Security{padding:10vh 3vw}.Landing--SecurityImg{height:30vh}.Landing--SecurityContentFeatures{align-items:center;margin-top:.625rem}.Landing--Brands{padding:7vh 0 0}.Landing--BrandsTitle{font-size:1.25rem;width:60%;text-align:center;line-height:30px;padding-bottom:5vh}.Landing--BrandsSubTitle{font-size:1.0625rem;padding:0 0 5vh}.Landing--BrandsContainer{flex-wrap:wrap;margin-bottom:0}.Landing--BrandsContainerImg{max-width:30vw;margin-bottom:3.75rem;margin-right:0}}@media screen and (max-width: 395px){.Landing--SubTitle{font-size:1.1875rem}.Landing--Para{font-size:.8125rem;line-height:25px}}@media screen and (max-width: 320px){.Landing--Home{min-height:120vh}}.edisabled{-moz-user-select:none;-webkit-user-select:none;user-select:none;pointer-events:none;filter:opacity(.5)}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.625rem}.pb-2{padding-bottom:1.25rem}.pt-1{padding-top:.625rem}.pl-1{padding-left:.625rem}.pr-1{padding-right:.625rem}.pr-2{padding-right:1.25rem}.pt-0{padding-top:0!important}.pl-2{padding-left:1.25rem!important}.p-0{padding:0!important}.pl-0{padding-left:0!important}.mb-0{margin-bottom:0!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.625rem!important}.mb-2{margin-bottom:1.25rem!important}.mb-1{margin-bottom:.625rem!important}.mt-2{margin-top:1.25rem!important}.mb-1-2{margin-bottom:.75rem!important}.mr-2{margin-right:1.25rem!important}.d-flex{display:flex!important}.justify-content-center{justify-content:center!important}.align-items-center{align-items:center!important}.flex-direction-column{flex-direction:column!important}.justify-content-end{justify-content:flex-end!important}.justify-content-between{justify-content:space-between}.justify-content-start{justify-content:flex-start!important}.justify-content-space-evenly{justify-content:space-evenly!important}.fd-column,.fd-col{flex-direction:column!important}.ai-center{align-items:center!important}.ai-start{align-items:flex-start!important}.jc-space-between{justify-content:space-between}.jc-start{justify-content:flex-start!important}.jc-end{justify-content:end!important}.fd-col{flex-direction:column!important}.text-center{text-align:center}.text-right{text-align:right!important}.text-left{text-align:left!important}.w-100{width:100%!important}.w-25{width:25%}.w-50{width:50%}.w-40,.w-60{width:60%}.h-100{height:100%!important}.vh-100{height:100vh!important}.row{width:100%;display:flex;margin:.625rem}.col-9{width:75%}.col-8{width:66.64%}.col-7{width:58.31%}.col-6{width:50%}.col-5{width:41.65%}.col-4{width:33.32%}.col-3{width:25%}.col{width:33.33%}.h1{font-size:1.75rem;line-height:140%;letter-spacing:-.035rem}.h2{font-size:1.5rem;line-height:140%;letter-spacing:-.03rem}.h3{font-size:1.25rem;letter-spacing:-.025rem}.h4{font-size:1.125rem;letter-spacing:-.0225rem}.h5{font-size:1rem;letter-spacing:-.02rem}.s1{font-size:1.125rem;letter-spacing:-.0225rem}.s2{font-size:1rem;letter-spacing:-.02rem}.s3{font-size:.875rem;letter-spacing:-.0175rem}.s4{font-size:.8125rem;letter-spacing:-.01625rem}.s5{font-size:.75rem;letter-spacing:-.015rem}.normal{font-weight:400}.medium{font-weight:500}.bold{font-weight:600}
+@supports (color: color(display-p3 1 1 1)){@layer mui-base,component-styles,utilities;}html .MuiDivider-root[class*=css-],html .MuiTypography-root[class*=css-]{opacity:1!important}.react-tel-input .selected-flag .arrow{right:0rem}.expandable-grid-summary{position:relative}.expandable-grid-summary__toggle-button{top:50%;left:-24px;z-index:1301;background-color:var(--mui-palette-background-paper);border:1px solid var(--mui-palette-divider);border-radius:50%;width:40px;height:40px;transform:translateY(-50%);box-shadow:var(--mui-shadows-3);opacity:1;visibility:visible}.expandable-grid-summary__toggle-button:hover{background-color:var(--mui-palette-action-hover);box-shadow:var(--mui-shadows-4)}.expandable-grid-summary__toggle-button--collapsed-floating{position:fixed;top:50%;right:16px;z-index:1300;background-color:var(--mui-palette-primary-main);color:var(--mui-palette-primary-contrastText);border:2px solid var(--mui-palette-background-paper);width:48px;height:48px;box-shadow:var(--mui-shadows-4)}.expandable-grid-summary__toggle-button--collapsed-floating:hover{background-color:var(--mui-palette-primary-dark);box-shadow:var(--mui-shadows-6)}.expandable-grid-summary__toggle-button--mobile{position:fixed;top:50%;right:8px;z-index:1400;border-radius:8px 0 0 8px}.expandable-grid-summary__content{height:100%;width:100%;display:flex;flex-direction:column;background-color:var(--mui-palette-background-paper);border-left:1px solid var(--mui-palette-divider);border-radius:8px 0 0 8px}.expandable-grid-summary__content--expanded{overflow:auto;min-width:0}.expandable-grid-summary__content--collapsed{overflow:hidden}.expandable-grid-summary__collapsed-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:var(--mui-palette-text-secondary);cursor:pointer;transition:background-color .2s ease}.expandable-grid-summary__collapsed-indicator:hover{background-color:var(--mui-palette-action-hover)}.expandable-grid-summary__collapsed-indicator__text{writing-mode:vertical-lr;text-orientation:mixed;font-size:.875rem;font-weight:500;letter-spacing:.1em}.expandable-grid-container .MuiGrid-item{overflow:visible!important;transition:flex-basis .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1)}.MuiGrid-container{overflow:visible}.expandable-summary-drawer .MuiDrawer-paper{width:90vw;max-width:400px}@media (max-width: 600px){.expandable-summary-drawer .MuiDrawer-paper{width:95vw}}.MuiCollapse-horizontal .MuiCollapse-wrapperInner{height:100%}.expandable-grid-summary__content--expanded::-webkit-scrollbar{width:6px}.expandable-grid-summary__content--expanded::-webkit-scrollbar-track{background:var(--mui-palette-action-hover);border-radius:3px}.expandable-grid-summary__content--expanded::-webkit-scrollbar-thumb{background:var(--mui-palette-action-disabled);border-radius:3px}.expandable-grid-summary__content--expanded::-webkit-scrollbar-thumb:hover{background:var(--mui-palette-action-focus)}@media (prefers-contrast: high){.expandable-grid-summary__toggle-button{border:2px solid var(--mui-palette-text-primary)}.expandable-grid-summary__collapsed-indicator{border-left:2px solid var(--mui-palette-text-primary)}}@media (prefers-reduced-motion: reduce){.expandable-grid-summary,.MuiGrid-item,.MuiCollapse-root{transition:none!important}}.inventoryReportsTitleBar--RightContent ul{max-height:180px;padding-bottom:20px;z-index:9999}.circle{content:"";width:8px;height:8px;border-radius:4px}.bar{position:relative;z-index:9999}.donut-chart-container{display:flex;justify-content:space-evenly;gap:10px;padding-top:10px}.donut-chart-container .donut-chart-legend{width:25rem;display:flex;flex-wrap:wrap}.donut-chart-container .donut-chart-legend .legend{padding:0 .625rem;max-height:2.5rem;margin-bottom:.938rem;width:50%}.donut-chart-container .donut-chart-legend .legend .legend-title{color:var(--Text-Secondary, #656669);margin-bottom:.125rem;width:100%;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.donut-chart-container .donut-chart-legend .legend .legend-value{font-size:.75rem}.donut-chart-container{display:flex;justify-content:center;gap:1rem}.donut-chart-container.vertical{flex-direction:column;align-items:center}.donut-chart-container.vertical .donut-chart-legend{width:auto;margin-top:1.25rem}.donut-chart-container.horizontal{flex-direction:row;align-items:center}.donut-chart-container.horizontal .donut-chart-legend{width:auto;margin-top:1.25rem}.donut-legend{display:flex;justify-content:center}.donut-chart-legend{justify-content:center;width:150px;display:flex;flex-wrap:wrap;margin-top:46px;gap:12px}.donut-chart-legend .legend{padding:0 .75rem;max-height:2.5rem;padding-right:24px}.donut-chart-legend .legend .legend-title{color:var(--Text-Secondary, #656669);margin-bottom:.125rem;width:100%;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.donut-chart-legend .legend .legend-value{font-size:.75rem}.account-receivable-card{padding:16px;height:100%;display:flex;justify-content:center;align-content:center}.donut-chart-legend.horizontal{flex-direction:column;align-items:flex-start}.dashboard-heading{margin-bottom:1.5rem}.dashboard-container{padding:2rem 8.25rem}.dashboard-title{color:#1f2125}.dashboard-subtitle{color:#656669}.module-container{display:flex;align-items:center;align-content:center;gap:1.5rem;flex-wrap:wrap}.components-wrapper{width:100vw}@media screen and (max-width: 450px){.button-wrapper .button-wrapper-variants,.chip-wrapper-variants{display:flex;flex-direction:column}}@keyframes cardswipe{to{transform:translate(5vw,10vh) rotate(0)}}@keyframes cardreverseswipe{0%{transform:translate(5vw,10vh) rotate(0)}to{transform:translate(0) rotate(-45deg)}}@keyframes cardrotate{to{transform:rotateX(15deg) rotateY(10deg)}}@keyframes cardreverserotate{0%{transform:rotateX(15deg) rotateY(10deg)}to{transform:rotateX(35deg) rotateY(15deg)}}@keyframes tabletreversemoveup{0%{transform:rotate(-35deg) translate(8vw,7vh)}to{transform:rotate(-35deg) translate(8vw,12vh)}}@keyframes textfadein{0%{transform:translateY(10vh);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes navbarexpand{0%{width:0}to{width:45vw}}@keyframes navbarshrink{0%{width:45vw}to{width:0}}@media screen and (max-width: 1112px){@keyframes tabletmoveup{to{transform:rotate(-35deg) translate(15vw,7vh)}}@keyframes tabletreversemoveup{0%{transform:rotate(-35deg) translate(15vw,7vh)}to{transform:rotate(-35deg) translate(15vw,12vh)}}}@media screen and (max-width: 812px){@keyframes cardswipe{to{transform:translate(7vw,5vh)}}}@media screen and (max-width: 450px){@keyframes swipemovedown{to{transform:rotate(-35deg) translate(11vw,3vh)}}@keyframes tabletmoveup{to{transform:rotate(-35deg) translate(15vw)}}@keyframes swipereversemovedown{0%{transform:rotate(-35deg) translate(11vw,3vh)}to{transform:rotate(-35deg) translate(11vw,-2vh)}}@keyframes tabletreversemoveup{0%{transform:rotate(-35deg) translate(15vw)}to{transform:rotate(-35deg) translate(15vw,5vh)}}@keyframes navbarexpand{0%{width:0}to{width:70vw}}@keyframes navbarshrink{0%{width:70vw}to{width:0}}}@media screen and (max-width: 360px){@keyframes tabletmoveup{to{transform:rotate(-35deg) translate(15vw,2vh)}}}.Landing{display:flex;align-items:center;justify-content:center;flex-direction:column;height:auto;width:100%}.Landing--SubTitle{font-size:1.5625rem;font-weight:300;padding-bottom:.8125rem}.Landing--Para{padding:3.125rem 0;font-weight:300;font-size:1.4375rem;line-height:55px;font-family:Inter,sans-serif;width:85%}.Landing--Home{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:100%;height:100vh}.Landing--HomeAnimation{width:40%;z-index:2}.Landing--HomeAnimationVideo{width:100%;margin-left:5vw;transform:translateY(5vh)}.Landing--HomeContent{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;width:50%;padding-top:8vh}.Landing--HomeContentTop{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.Landing--HomeContentBottom{display:flex;align-items:center;justify-content:center;flex-direction:row;width:75%;position:relative}.Landing--HomeContentBottomArrow{position:absolute;top:0;left:-200px;z-index:1}.Landing--HomeContentVisa{display:flex;align-items:center;justify-content:center;flex-direction:row;margin-top:3.125rem;width:75%}.Landing--HomeContentVisaTitle{color:#a9a9a9;font-weight:300;font-size:1rem}.Landing--HomeContentVisaPic{height:3vh;padding-left:.625rem}.Landing--Animation{display:flex;align-items:center;justify-content:space-between;flex-direction:column;position:relative;width:100vw}.Landing--AnimationVideo{position:sticky;position:-webkit-sticky;top:0;left:0;bottom:0;right:0;width:100vw;height:100vh}.Landing--AnimationVideoOpacity{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1}.Landing--AnimationVideoContent{position:relative;width:100%;height:100%;overflow:hidden;object-fit:cover}.Landing--AnimationText{position:relative;margin-top:0;width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:column;background:#000;padding-top:6.25rem}.Landing--AnimationTextContent{display:flex;align-items:center;justify-content:space-between;flex-direction:column;margin-bottom:35vh;width:70%}.Landing--AnimationTextContent:nth-child(4){margin-bottom:20vh}.Landing--AnimationTextContentImg{height:12vh;margin-bottom:.9375rem}.Landing--AnimationTextContentButton{margin-top:5vh}.Landing--Features{width:100%;margin:15vh 0;text-align:center;position:relative}.Landing--FeaturesSticky{position:sticky;position:-webkit-sticky;top:14vh;width:100%;height:90vh}.Landing--FeaturesCards{display:flex;align-items:center;justify-content:space-around;flex-direction:column;width:100%;height:auto;margin-top:-70vh}.Landing--Security{display:flex;align-items:center;justify-content:space-between;flex-direction:row;position:relative;width:100%;height:auto;padding:15vh 10vw;border-radius:2.5rem;background:radial-gradient(#4d4d4d,#000)}.Landing--SecurityContent{display:flex;align-items:center;justify-content:space-between;flex-direction:column;width:100%}.Landing--SecurityContentFeatures{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row;margin-top:2.5rem;width:85%}.Landing--SecurityContentFeaturesColumn{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;margin-bottom:.625rem}.Landing--SecurityMobile{display:flex;align-items:center;justify-content:space-around;flex-direction:column;width:100%}.Landing--SecurityImg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.2;width:250px;height:250px}.Landing--Brands{display:flex;align-items:center;justify-content:space-around;flex-direction:column;height:auto;width:100%;padding:10vh 0}.Landing--BrandsTitle{font-size:1.875rem;font-weight:500;padding-bottom:15vh}.Landing--BrandsSubTitle{font-size:1.4375rem;font-weight:400;padding-top:1.25rem}.Landing--BrandsContainer{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:55%;flex-wrap:wrap}.Landing--BrandsContainerImg{height:12vh;max-width:10vw;margin-bottom:1.25rem;margin-right:1.875rem}.Landing--Carousel{display:flex;align-items:center;justify-content:space-between;flex-direction:column;height:100vh;width:100vw;border-radius:2.5rem;position:relative;overflow-x:hidden;background:none}.Landing--CarouselAnimationVideo{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 1920px){.Landing--SubTitle{font-size:1.5625rem}.Landing--Para{font-size:1.25rem;padding:2.375rem 0}.Landing--HomeContentBottom{width:85%}.Landing--HomeContentVisa{width:85%;margin-top:1.5625rem}.Landing--BrandsTitle{font-size:1.5rem}.Landing--BrandsSubTitle{font-size:1.3125rem}}@media screen and (max-width: 1600px){.Landing--SubTitle{font-size:1.25rem}.Landing--Para{font-size:1.0625rem;padding:2.1875rem 0;line-height:40px}.Landing--HomeContentVisaTitle{font-size:.875rem}.Landing--BrandsTitle{font-size:1.4375rem}.Landing--BrandsSubTitle{font-size:1.1875rem}}@media screen and (max-width: 1440px){.Landing--SubTitle{font-size:1rem}.Landing--Para{font-size:.875rem;padding:2.0625rem 0;line-height:35px}.Landing--HomeContent{width:42%}.Landing--HomeContentBottom,.Landing--HomeContentVisa{width:75%}.Landing--HomeContentVisaTitle{font-size:.75rem}.Landing--AnimationTextContentImg{height:11vh}.Landing--BrandsContainer{width:55%}.Landing--BrandsTitle{font-size:1.3125rem}.Landing--BrandsSubTitle{font-size:1.03125rem;padding-top:.625rem}.Landing--SecurityContent,.Landing--SecurityContentFeatures{width:100%}}@media screen and (max-width: 1112px){.Landing--SubTitle{font-size:1.75rem}.Landing--Para{font-size:1.125rem;padding:1.875rem 0}.Landing--Home{height:auto;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.Landing--HomeContent{width:65%;padding-bottom:5vh;align-items:center}.Landing--HomeContentTop{align-items:center}.Landing--HomeContentBottom{width:90%}.Landing--HomeAnimation{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}.Landing--HomeAnimationVideo{margin:10vh 0;width:55%}.Landing--Security{padding:15vh 3vw}.Landing--BrandsContainer{width:60%}.Landing--BrandsContainerImg{height:auto;max-width:14vw}}@media screen and (max-width: 812px){.Landing--SubTitle{font-size:1.5625rem}.Landing--HomeAnimationVideo{width:70%}.Landing--AnimationContentTitle{line-height:35px}.Landing--Security{justify-content:center}.Landing--SecurityContent{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;width:80%}.Landing--SecurityContentFeatures{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;margin-top:3.125rem}.Landing--SecurityImg{height:30vh;margin:1.875rem 0}.Landing--BrandsContainer{width:70%}}@media screen and (max-width: 450px){.Landing--SubTitle{font-size:1.25rem}.Landing--Para{font-size:.90625rem;width:90%;line-height:30px;padding:.625rem 0 1.875rem;text-align:center}.Landing--Home{height:auto;min-height:100vh;justify-content:space-around}.Landing--HomeAnimation{margin:11vh 0 5vh}.Landing--HomeAnimationVideo{width:95%;margin:0}.Landing--HomeContent{width:90%;align-items:center;padding-top:0}.Landing--HomeContentBottom{justify-content:center}.Landing--HomeContentVisaTitle{font-size:1rem}.Landing--AnimationTextContent{width:90%}.Landing--AnimationTextContentImg{height:10vh}.Landing--Features{margin:15vh 0 5vh}.Landing--FeaturesSticky{top:12vh}.Landing--Security{padding:10vh 3vw}.Landing--SecurityImg{height:30vh}.Landing--SecurityContentFeatures{align-items:center;margin-top:.625rem}.Landing--Brands{padding:7vh 0 0}.Landing--BrandsTitle{font-size:1.25rem;width:60%;text-align:center;line-height:30px;padding-bottom:5vh}.Landing--BrandsSubTitle{font-size:1.0625rem;padding:0 0 5vh}.Landing--BrandsContainer{flex-wrap:wrap;margin-bottom:0}.Landing--BrandsContainerImg{max-width:30vw;margin-bottom:3.75rem;margin-right:0}}@media screen and (max-width: 395px){.Landing--SubTitle{font-size:1.1875rem}.Landing--Para{font-size:.8125rem;line-height:25px}}@media screen and (max-width: 320px){.Landing--Home{min-height:120vh}}.edisabled{-moz-user-select:none;-webkit-user-select:none;user-select:none;pointer-events:none;filter:opacity(.5)}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.625rem}.pb-2{padding-bottom:1.25rem}.pt-1{padding-top:.625rem}.pl-1{padding-left:.625rem}.pr-1{padding-right:.625rem}.pr-2{padding-right:1.25rem}.pt-0{padding-top:0!important}.pl-2{padding-left:1.25rem!important}.p-0{padding:0!important}.pl-0{padding-left:0!important}.mb-0{margin-bottom:0!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.625rem!important}.mb-2{margin-bottom:1.25rem!important}.mb-1{margin-bottom:.625rem!important}.mt-2{margin-top:1.25rem!important}.mb-1-2{margin-bottom:.75rem!important}.mr-2{margin-right:1.25rem!important}.d-flex{display:flex!important}.justify-content-center{justify-content:center!important}.align-items-center{align-items:center!important}.flex-direction-column{flex-direction:column!important}.justify-content-end{justify-content:flex-end!important}.justify-content-between{justify-content:space-between}.justify-content-start{justify-content:flex-start!important}.justify-content-space-evenly{justify-content:space-evenly!important}.fd-column,.fd-col{flex-direction:column!important}.ai-center{align-items:center!important}.ai-start{align-items:flex-start!important}.jc-space-between{justify-content:space-between}.jc-start{justify-content:flex-start!important}.jc-end{justify-content:end!important}.fd-col{flex-direction:column!important}.text-center{text-align:center}.text-right{text-align:right!important}.text-left{text-align:left!important}.w-100{width:100%!important}.w-25{width:25%}.w-50{width:50%}.w-40,.w-60{width:60%}.h-100{height:100%!important}.vh-100{height:100vh!important}.row{width:100%;display:flex;margin:.625rem}.col-9{width:75%}.col-8{width:66.64%}.col-7{width:58.31%}.col-6{width:50%}.col-5{width:41.65%}.col-4{width:33.32%}.col-3{width:25%}.col{width:33.33%}.h1{font-size:1.75rem;line-height:140%;letter-spacing:-.035rem}.h2{font-size:1.5rem;line-height:140%;letter-spacing:-.03rem}.h3{font-size:1.25rem;letter-spacing:-.025rem}.h4{font-size:1.125rem;letter-spacing:-.0225rem}.h5{font-size:1rem;letter-spacing:-.02rem}.s1{font-size:1.125rem;letter-spacing:-.0225rem}.s2{font-size:1rem;letter-spacing:-.02rem}.s3{font-size:.875rem;letter-spacing:-.0175rem}.s4{font-size:.8125rem;letter-spacing:-.01625rem}.s5{font-size:.75rem;letter-spacing:-.015rem}.normal{font-weight:400}.medium{font-weight:500}.bold{font-weight:600}
 /*$vite$:1*/
 .Timeline li .MuiTimelineDot-root{margin:.125rem .3125rem;border-width:.125rem;padding:.0625rem;background:#656669}.Timeline--ActivityBox{padding:2rem 1.5rem;font-size:.75rem;width:100%}.Timeline--Content{display:flex;flex-direction:column}.Timeline--Activity{max-height:calc(100vh - 260px)}.ActivityContainer{border-left:2px solid #f5f6f5;height:calc(100vh - 130px);position:absolute;width:100%;right:0}.Timeline{padding:0;margin:0;display:flex;justify-content:space-between}.Timeline li{min-height:2.5625rem}.Timeline li:before{content:unset}.Timeline li:last-child .MuiTimelineContent-root{padding:0 1.5rem}.Timeline li .MuiTimelineDot-root{margin:.25rem!important;border-width:.125rem;padding:.0625rem;background:#919294}.Timeline li .MuiTimelineContent-root{padding:0 .75rem 1rem;font-size:.75rem}.Timeline li .MuiTimelineConnector-root{background-color:#eeeff1;width:1px}.Timeline li .MuiFormControl-root{width:100%}.Timeline li .MuiTimelineSeparator-root .MuiSvgIcon-root{background-color:#eeeff1;height:1.0625rem;width:1.0625rem;border-radius:50%;padding:.1875rem}.Timeline--CommentWrap{padding:.4375rem .5rem;border-radius:.25rem;border:.0625rem solid #d3d3d4;margin:.5rem 0 1rem}.Timeline--Comment{margin:0}.Timeline--CommentBox{padding:1rem 1.5rem;font-size:.75rem;position:absolute;bottom:0;left:0;border-top:2px solid #eeeff1;width:100%}.Timeline--CommentText{margin:.5rem 0;display:flex;gap:1.25rem;align-items:center}.Timeline--Chat{overflow:auto;padding:1rem 1.5rem;max-height:calc(100vh - 260px)}.Timeline--Chat li:before{content:unset}.Timeline--Content{display:flex;flex-direction:column;gap:.25rem}.Timeline--Activity{max-height:calc(100vh - 260px);display:flex!important;flex-direction:column!important;gap:.75rem!important}.Timeline--ActivityLogItem{line-height:1.3}.MuiAccordionDetails-root{padding:1rem 1.5rem!important}.ActivityContainer{border-left:2px solid #f5f6f5;height:calc(100vh - 130px);position:absolute;width:21.8%;right:0}.Avatar .MuiAvatar-root{border-radius:.5rem}.Activity--Container{display:flex;flex-direction:column;gap:.75rem}.box-class{border:1px solid;border-color:#f3f2f2;border-radius:8px}.Timeline li .MuiTimelineDot-root{background:#d3d3d4!important;width:6px;height:6px;border-radius:50%}.Timeline li .MuiTimelineConnector-root{background:transparent!important}.quickApprovalModal--ModalContentContainer{padding:1.5rem!important}.quickApprovalModal--Title{background-color:#fbfbfb;border-bottom:1px solid #eeeff1}.quickApprovalModal--UserListingContainer{display:flex;justify-content:space-between;width:100%}.quickApprovalModal--UserContent{display:flex;gap:.5rem}.quickApprovalModal--DialogActions{background-color:#eeeff1;border-top:1px solid #d3d3d4}.quickApprovalModal--DialogActions--Cancel{background-color:#fff!important;color:#292d32}.quickApprovalModal--DisplayNameChip{padding:.25rem!important}.quickApprovalModal--DisplayNameChip .MuiChip-label{height:16px;width:100%}.react-kanban-board{font-family:Inter;font-size:.875rem;font-style:normal;line-height:140%;letter-spacing:-.0175rem}.react-kanban-board .react-kanban-column-adder-button{border-radius:.75rem;background-color:#eeeff1;width:17rem;height:3rem;padding:.75rem;content:"test"}.react-kanban-board .react-kanban-column{background-color:#fcf8f8;border-radius:.75rem;border:.063rem solid #faf0f0;position:relative;padding-bottom:2.5rem}.react-kanban-board .react-kanban-column:nth-child(1){background-color:#fcf8f8}.react-kanban-board .react-kanban-column:nth-child(2){background-color:#fdf7f9}.react-kanban-board .react-kanban-column:nth-child(3){background-color:#f7fcfd}.react-kanban-board .react-kanban-column .react-kanban-column-header,.react-kanban-board .react-kanban-column .react-kanban-card__title{font-weight:500}.react-kanban-board .react-kanban-column .react-kanban-card{border-radius:.5rem;border:.031rem solid #f3f2f2;background-color:#fff;box-shadow:0 .063rem .313rem #6464640d;padding:.75rem 1rem 1rem;height:8.0625rem}.react-kanban-board .react-kanban-column .react-kanban-card-adder-button{position:absolute;bottom:0;width:90%;background-color:transparent;border:none;font-weight:200}.react-kanban-board .react-kanban-column .react-kanban-card-adder-form{position:absolute;bottom:0rem}.react-kanban-board .react-kanban-column .react-kanban-card-adder-form+div:last-child{margin-bottom:4.375rem}.react-kanban-board .react-kanban-column form{display:block!important;text-align:center}.column-header{margin-bottom:1.25rem}.column-header .kanban-column{display:flex;align-items:baseline}.column-header .kanban-column .kanban-column-title{overflow:hidden;color:#883c3c;text-overflow:ellipsis;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.018rem;cursor:pointer}.column-header .kanban-column .count-length-text{color:#d5adad;text-overflow:ellipsis;font-size:.75rem;font-style:normal;font-weight:600;line-height:140%;letter-spacing:-.015rem;margin-left:.5rem}.column-header .kanban-column .more-menu-btn{margin-left:auto;line-height:140%}.column-header .kanban-column .create-status-box{display:flex;width:12.5rem;padding:.75rem;justify-content:space-between;align-items:center;border-radius:.75rem;background:#f5f6f5;margin:.313rem;cursor:pointer;flex-wrap:wrap}.column-header .kanban-column .create-status-box span{font-size:1.5rem;display:inline-block}.column-header .kanban-column .create-status-box .add-btns{width:100%;display:flex;justify-content:space-between;margin-top:.313rem}.column-header .kanban-column .create-status-box .add-btns button{background-color:#eee;border:none;padding:.313rem;width:45%;margin-top:.313rem;border-radius:.188rem}.column-header .kanban-column .create-status-box input{width:100%;font-size:.813rem;border:.063rem solid #ccc;border-radius:.3rem;min-height:1.813rem;padding:.313rem}.card-board-wrap .react-kanban-board .react-kanban-column .react-kanban-card-adder-button{width:1.875rem}.card-board-wrap .react-kanban-board .react-kanban-column-adder-button{justify-content:space-between!important}.create-status-box{display:flex;width:17rem;padding:.75rem;justify-content:space-between;align-items:center;border-radius:.75rem;background:#f5f6f5;margin:.313rem;cursor:pointer;flex-wrap:wrap}.create-status-box span{font-size:1.5rem;display:inline-block}.create-status-box .add-btns{width:100%;display:flex;justify-content:space-between;margin-top:.313rem}.create-status-box .add-btns button{background-color:#eee;border:none;padding:.313rem;width:45%;margin-top:.313rem;border-radius:.188rem}.create-status-box input{width:100%;font-size:.813rem;border:.063rem solid #ccc;border-radius:.3rem;min-height:1.813rem;padding:.313rem}button.react-kanban-card-adder-button:after{content:"New";color:#656669;text-overflow:ellipsis;font-family:Inter;font-size:.875rem;font-weight:400;line-height:140%;letter-spacing:-.018rem;margin-left:.375rem;position:relative;top:-.188rem}@media screen and (max-width: 450px){.react-kanban-board{overflow:scroll}}.calculationSummary--SummaryContainer{display:flex;flex-direction:column;gap:1.5rem}.calculationSummary--SummaryItem{display:flex;flex-direction:column;gap:.5rem}.calendar-wrapper{background-color:#fff;padding:"1.25rem"}.calendar-wrapper .fc{font-family:Inter;font-style:normal;line-height:140%}.calendar-wrapper .fc .fc-header-toolbar .fc-toolbar-title{font-size:.875rem;font-weight:500;letter-spacing:-.0175rem}.calendar-wrapper .fc .fc-header-toolbar .fc-button-group{display:flex}.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button,.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button:active{background-color:transparent;color:#656669;border:none;box-shadow:none;outline:none}.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button.fc-prev-button,.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button:active.fc-prev-button{order:1}.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button.fc-today-button,.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button:active.fc-today-button{order:2}.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button.fc-next-button,.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button:active.fc-next-button{order:3}.calendar-wrapper .fc .fc-daygrid-day{font-size:.75rem;font-weight:400;letter-spacing:-.015rem;background-color:#fff;border:1px solid #eeeff1}.calendar-wrapper .fc .fc-daygrid-day .fc-daygrid-day-number{margin:.325rem;color:#656669}.calendar-wrapper .fc .fc-daygrid-day.fc-day-today{background-color:transparent}.calendar-wrapper .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{color:#fff;background-color:#289b64;width:20px;display:flex;height:20px;justify-content:center;align-items:center;border-radius:50%}.calendar-wrapper .fc .fc-daygrid-day-events{margin-left:.625rem;margin-right:.625rem}.calendar-wrapper .fc .fc-day-other{background-color:#fbfbfb}.calendar-wrapper .fc .fc-col-header-cell-cushion{font-weight:300;font-size:.75rem}@media screen and (max-width: 450px){.calendar-wrapper{overflow:scroll}}.card-wrapper{border-radius:.5rem;padding:1rem;border:1px solid #eeeff1;box-shadow:0 0 2px #e0e0e0,0 1px 4px -2px #18274b05,0 4px 4px -2px #18274b0f}.dashboard-card-icon{border-radius:50%;border:1px solid;width:30px;height:30px;border-color:#f5f6f5;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-class{width:100%}.react-datepicker__today-button{padding:0;border-top:.0625rem solid #eeeff1;font-weight:400}.react-datepicker__day-name{color:#7b7c7f}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#4ac08c;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#b6e9d6;color:#232529}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#b6e9d6}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#2eb273}.calender-container{position:relative}.select-year{outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 .625rem}.react-datepicker__close-icon:after{color:#7b7c7f!important;background-color:unset;font-size:1.25rem!important}.open-selected-calender{border-radius:.25rem;border:.0625rem solid #bdbebf;width:100%;height:2.4rem;color:#7b7c7f;font-weight:400;font-size:.875rem;padding:0 .625rem;outline-offset:unset;outline:unset}.icon-box{position:absolute;top:1.4375rem;transform:translateY(-50%);right:.625rem;color:#7b7c7f}.icon-box_rtl{position:absolute;top:1.4375rem;transform:translateY(-50%);left:.625rem;color:#7b7c7f}.btn-transparent{border:none;background:none;cursor:pointer;padding:0;margin:0;font-size:inherit}.date-picker-container{display:flex;justify-content:space-around;align-items:center;margin:.9375rem 0}.date-picker-container .MuiSvgIcon-root{color:#a7a8a9}.month-view{margin:0 .3125rem .25rem}.d-flex{display:flex;align-items:center}.select-year{border:none;background:none;cursor:pointer;padding:0 .625rem;margin:0 0 .0625rem;font-size:inherit;color:#000}.react-datepicker{border-radius:.5rem}.DateRangePicker .react-datepicker-wrapper{width:100%;min-width:250px}.formHeader--Header{padding:.75rem 2rem;display:flex;justify-content:space-between;border-bottom:2px solid #f5f6f5}._3zRJQ{fill:#232529;font-weight:500}._3rUKi,._RuwuK{stroke:none}.fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;position:fixed;bottom:50%;width:-webkit-fill-available;transform:translateY(50%)}.fallback--Text{width:25%;text-align:center}.HrLine{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:100%;margin:.9375rem 0;opacity:.6;font-size:.75rem;font-weight:500}.HrLine--Length{width:40%}@media screen and (max-width: 1600px){.HrLine{font-size:.6875rem}}@media screen and (max-width: 1440px){.HrLine{font-size:.625rem}}@media screen and (max-width: 1112px){.HrLine{font-size:.5625rem}}@media screen and (max-width: 450px){.HrLine{font-size:.9375rem}.HrLine--Length{width:43%}}.infoCard{display:flex;align-items:center;gap:.5rem}.afterBorder{position:relative;margin-bottom:15px}.afterBorder:after{height:1px;display:block;width:100%;background:#eeeff1;border-right:1px white;content:"";position:absolute;bottom:0;left:0}.inventoryReportsTitleBar{display:flex;padding:.75rem 0rem;justify-content:space-between;align-items:center;margin:0 8px}.inventoryReportsTitleBar--RightContent{display:flex;gap:1rem;align-items:center;justify-content:flex-end}.inventoryReportsTitleBar--RightContent--WhiteBtn{background-color:#fff!important;color:#1f2125!important}.inventoryReportsTitleBar--LeftContent{display:flex;gap:1.25rem;align-items:center}.inventoryReportsTitleBar--HeaderCard{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.inventoryReportsTitleBar--FilterAction{display:flex;font-size:12px;align-items:center;text-wrap:nowrap;gap:8px}.inventoryReportsTitleBar--FilterAction .search-wrapper img{top:.6rem}.inventoryReportsTitleBar--FilterAction--lvWrapper{display:flex;align-items:center;gap:8px}.inventoryReportsTitleBar--FilterAction--Btn{border:1px solid #f3f2f2;border-radius:50px;color:#656669}.inventoryReportsTitleBar--FilterWrapper{display:flex;font-size:12px;align-items:center;gap:12px;text-wrap:nowrap;flex-wrap:wrap}.inventoryReportsTitleBar--FilterWrapper--Chip{display:flex;gap:4px;border:1px solid #ade7cb;border-radius:50px;background-color:#ebf9f2;color:#289b64;padding:2px 12px;align-items:center;cursor:pointer}.inventoryReportsTitleBar--FilterWrapper--Chip--Text{display:flex;gap:4px;align-items:baseline}.inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value{max-width:88px;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis}.inventoryReportsTitleBar--ExtraButtonUi{margin-left:auto;margin-right:30px}.inventoryReportsTitleBar--RightContent ul{max-height:400px;overflow-y:auto}.inventoryReportsTitleBar--report-filter{display:flex;flex-direction:column;align-items:flex-start}.account-payble-tabs-wrap{min-height:2.25rem;border-bottom:1px solid #F3F2F2}.account-payble-tabs-wrap .account-payble-tab-items{color:#7b7c7f;padding:.5rem 1rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.018rem;text-transform:capitalize;min-height:2.25rem}.account-payble-tabs-wrap .account-payble-tab-items.Mui-selected{color:#232529}.account-payble-tabs-wrap .account-payble-tab-items:hover{background-color:#f5f6f5;color:#7b7c7f}.account-payble-tabs-wrap .MuiTabs-scroller .MuiTabs-indicator{background-color:#4ac08c}.brandAddModal--Divider{border-color:#eeeff1}.brandAddModal--DialogTitle{border-bottom:1px solid #d3d3d4}.brandAddModal--SectionTitle{padding-left:1.5rem}.brandAddModal--DialogAction{justify-content:space-between;padding:.5rem 1.5rem!important;background-color:#eeeff1}.brandAddModal--DialogAction--WhiteBtn{background-color:#fff!important;color:#1f2125}.module-tile-container{display:flex;width:10.25rem;padding:1.5rem 1rem;flex-direction:column;align-items:center;gap:1rem;flex-shrink:0}.module-box{display:flex;width:6.25rem;height:6.25rem;border-radius:.75rem;justify-content:center;align-items:center}.module-box.transparent{border:1px solid rgba(31,33,37,.1)}.module-box img{object-fit:none}.module-label{color:#1f2125}.main-card-nodal .card-wrapper{padding:.5rem 0;min-width:17.125rem;border-radius:.5rem;background:#fff}.main-card-nodal .card-wrapper .payable-header{display:flex;justify-content:space-between;padding:.5rem .5rem .5rem .75rem}.main-card-nodal .card-wrapper .payable-header .payable-title{color:#919294;display:inline-block}.main-card-nodal .card-wrapper .search-wrapper{padding:.5rem .75rem;border-bottom:1px solid #f3f2f2}.main-card-nodal .card-wrapper .search-wrapper .MuiFormControl-root{padding:.5rem .75rem .5rem .5rem;border-radius:.5rem;border:1px solid #f5f6f5;background:#fbfbfb}.main-card-nodal .card-wrapper .search-wrapper img{top:1.2rem;left:1.3rem}.main-card-nodal .card-wrapper .list-items{padding:.5rem .75rem}.main-card-nodal .card-wrapper .list-items .title{color:#1f2125;font-size:.813rem;font-weight:400;line-height:140%;letter-spacing:-.016rem;margin-bottom:.125rem;text-transform:capitalize}.main-card-nodal .card-wrapper .list-items .description{color:#656669;font-size:.813rem;font-weight:400;line-height:140%;letter-spacing:-.015rem;text-transform:capitalize}.main-card-nodal .card-wrapper .bottom-footer{display:flex;padding:.5rem .75rem;align-items:center;border-top:1px solid #eeeff1;background:#fff;cursor:pointer}.main-card-nodal .card-wrapper .bottom-footer svg{padding-right:.5rem}.main-card-nodal .card-wrapper .bottom-footer p{color:#1f2125;font-size:.813rem;font-weight:400;line-height:140%;letter-spacing:-.016rem}.itemEntryModal--Divider{border-color:#eeeff1}.itemEntryModal--DialogTitle{border-bottom:1px solid #d3d3d4}.itemEntryModal--SectionTitle{padding-left:1.5rem}.itemEntryModal--DialogContents{padding-top:0!important}.itemEntryModal--DialogAction{justify-content:end!important;z-index:9999!important;padding:.5rem 1.5rem!important;background-color:#eeeff1!important}.itemEntryModal--DialogAction--WhiteBtn{background-color:#fff!important;color:#1f2125!important}.itemEntryModal--DialogAction--GreenBtn{background-color:#2eb273!important;color:#fff!important}.scroll-container{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.scroll-container::-webkit-scrollbar{display:none}.reportsTitleBar{display:flex;padding:.75rem 0rem;justify-content:space-between;align-items:center}.reportsTitleBar--FilterAction{display:flex;font-size:12px;align-items:flex-start;text-wrap:nowrap}.reportsTitleBar--FilterAction .search-wrapper img{top:.6rem}.reportsTitleBar--FilterAction--lvWrapper{display:flex;justify-content:space-between;gap:6px;color:#656669;align-items:center}.reportsTitleBar--RightContent{display:flex;gap:1rem;align-items:center;justify-content:flex-end}.reportsTitleBar--RightContent--WhiteBtn{background-color:#fff!important;color:#1f2125!important}.reportsTitleBar--LeftContent{display:flex;gap:1.25rem;align-items:center}.reportsTitleBar--HeaderCard{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.reportsTitleBar--FilterWrapper{display:flex;font-size:12px;align-items:center;gap:12px}.reportsTitleBar--FilterWrapper--Btn{border:1px solid #F3F2F2;border-radius:50px;color:#656669}.reportsTitleBar--FilterWrapper--Chip{display:flex;gap:4px;border:1px solid #ADE7CB;border-radius:50px;background-color:#ebf9f2;color:#289b64;padding:2px 12px;align-items:center;cursor:pointer}.reportsTitleBar--FilterWrapper--Chip--Text{display:flex;gap:4px;align-items:baseline}.reportsTitleBar--FilterWrapper--Chip--Text--Value{max-width:88px;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis}.report-display{display:flex;align-items:center;gap:8px}.filter-bar{display:flex;padding:.75rem 0rem;align-items:center;justify-content:space-between}.filter-bar .filter-bar--LeftContent{display:flex;align-items:center;gap:1.25rem}.filter-bar .filter-bar--LeftContent h6{color:#7b7c7f;font-size:1rem;font-weight:400;line-height:1.225rem}.filter-bar .filter-bar--LeftContent .hide-btn{color:#7b7c7f;font-size:1rem;font-weight:400;line-height:140%;letter-spacing:-.018rem;background-color:#fff;box-shadow:unset;padding:0rem .5rem}.filter-bar .filter-bar--LeftContent .hide-btn:hover{box-shadow:unset}.filter-bar .filter-bar--LeftContent .filter-chip{border:.063rem solid #f3f2f2;font-size:1rem;font-weight:400;line-height:140%}.filter-bar .filter-bar--LeftContent .subtask-switch{display:flex;align-items:center;gap:.313rem}.filter-bar .filter-bar--LeftContent .subtask-switch .switch{width:1.75rem;height:1.063rem;margin-top:.375rem}.filter-bar .filter-bar--LeftContent .subtask-switch .switch .slider:before{width:.875rem;height:.813rem}.filter-bar .filter-bar--RightContent .enable-filter-btn{display:flex;align-items:center;gap:.625rem;color:#4ac08c;font-size:1rem;font-weight:400;line-height:1.225rem;cursor:pointer}.search-filter{display:flex;gap:4px;width:220px;border:1px solid #ade7cb;border-radius:50px;background-color:#ebf9f2;color:#289b64;padding:4px 12px;align-items:center;cursor:pointer}.search-filter .css-1age63q{display:flex;justify-content:space-between;align-items:center;font-size:14px}.search-filter .css-1age63q p{font-size:14px}.search-filter .css-16hz2ux{height:100%}.search-filter .filter-select .MuiSelect-select{padding:0}.wrapper--WhiteBtn{background-color:#fff!important;color:#1f2125!important}.scheduleReport{padding:0rem 2rem;width:100%}.scheduleReport--StatusChip--inprogress{background-color:#cdebf4!important;color:#246e82}.scheduleReport--StatusChip--pendingapproval{background-color:#f7eac0!important;color:#82691a}.scheduleReport--StatusChip--rejected{background-color:#eed2d2!important;color:#883c3c}.scheduleReport--StatusChip--completed{background-color:#d2f0e6!important;color:#2eb273}.scheduleReport--StatusChip--cancelled{background-color:#f86060!important;color:#fbfbfb}.form-container--Grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem}.scheduleReport__addBtn{color:#1f2125!important}.scheduleReportModal--Divider{border-color:#eeeff1}.scheduleReportModal--Title{border-bottom:1px solid #d3d3d4}.scheduleReportModal--SectionTitle{padding-left:1.5rem}.scheduleReportModal--ActionContainer{padding:.5rem 1.5rem!important;background-color:#eeeff1}.scheduleReportModal--ActionContainer--WhiteBtn{background-color:#fff!important;color:#1f2125}.timePicker{border-radius:.25rem;width:100%}.timePicker input{padding:.5rem;font-size:.875rem}.timePicker :disabled{-webkit-text-fill-color:unset}.timePicker svg{font-size:medium}.MuiPickersLayout-root .MuiPickersLayout-contentWrapper .MuiMultiSectionDigitalClockSection-item.Mui-selected{background-color:#4ac08c;border-radius:.5rem}.MuiPickersLayout-root .MuiPickersLayout-contentWrapper .MuiMultiSectionDigitalClockSection-item:hover{border-radius:.5rem;background-color:#f5f6f5;color:#1f7c5e}.MuiPickersLayout-root .MuiButtonBase-root.MuiButton-root{border-radius:.5rem;color:#4ac08c}.MuiPickersLayout-root .MuiButtonBase-root.MuiButton-root:hover{border-radius:.5rem;background-color:#f5f6f5;color:#1f7c5e}.requiredStar{color:#c64d4d}.top-content{display:flex;padding:10px 20px;justify-content:space-between;align-items:center}.left-content,.right-content{display:flex;align-items:center;justify-content:flex-end;font-size:14px}.account-payble-tabsui-wrap{min-height:2.25rem}.account-payble-tabsui-wrap .account-payble-tab-items{color:#7b7c7f;padding:.5rem 1rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.018rem;text-transform:capitalize;min-height:2.25rem;border:1px solid #f3f2f2;border-radius:50px;margin:10px}.account-payble-tabsui-wrap .account-payble-tab-items.Mui-selected{color:#232529;border:1px solid #ebf9f2}.account-payble-tabsui-wrap .account-payble-tab-items:hover,.account-payble-tabsui-wrap .account-payble-tab-items.Mui-selected{background-color:#ebf9f2;color:#7b7c7f;border:1px solid #ade7cb}.account-payble-tabsui-wrap .account-payble-tab-items .text-display{display:flex}.account-payble-tabsui-wrap .account-payble-tab-items .text-display img{padding-right:5px}.account-payble-tabsui-wrap .MuiTabs-scroller .MuiTabs-indicator{background-color:#fff}.Tabs--Title{display:flex;gap:.5rem}.react-datepicker__header{border-bottom:none;background-color:#fff;padding:0}.react-datepicker{box-shadow:0 .5rem 2rem #00000014,0 .125rem 1rem #0000000a;border:none}.react-datepicker__today-button{padding:0;border-top:.0625rem solid #eee;font-weight:400}.react-datepicker__day-name{color:gray}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#289b64;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#289b64}.drop-down-style{outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 .625rem}.react-datepicker__close-icon{right:1.25rem}.react-datepicker__close-icon:after{color:#313131;background-color:unset;font-size:1rem}.react-datepicker-wrapper input{border-radius:.25rem;border:.0625rem solid #b9b9b9;width:100%;height:2.5rem;color:#525462;font-weight:400;font-size:.875rem;padding:0 .625rem;outline-offset:unset;outline:unset}.react-datepicker__header{padding:.625rem 0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{line-height:1.875rem}.box-icon{display:inline;position:relative;top:.25rem}.box-icon svg{font-size:1rem;color:#7b7c7f}.time-input .MuiInputBase-root .MuiInputBase-input{border-right:unset}.time-input .MuiInputAdornment-root{padding:0 .625rem}.time-input .MuiInputAdornment-root button{padding:unset}.time-input .MuiInputAdornment-root .MuiSvgIcon-root{width:1rem;height:1rem}.upload-icon{display:inline-block;position:relative;border-radius:calc(var(--size) * 625rem)}.upload-icon.hoverable:hover{background-color:#d3d3d4}.FileUploadCard--FileIcon .Avatar{background-color:#ebf9f2;padding:.375rem;border-radius:.25rem}.FileUploadCard .MuiListItemText-root .MuiTypography-root{font-size:.75rem;color:#232529;line-height:1.05rem}.FileUploadCard .MuiListItemIcon-root{min-width:2.75rem}.upload .MuiDialog-paper{min-width:38.875rem;border-radius:1rem;border:.25rem solid rgb(128,128,128)}.upload .MuiDialog-paper .MuiButtonBase-root{padding:.25rem}.upload--head{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:space-between;align-items:center}.upload--title{display:flex;align-items:center}.upload--content{padding:1.5rem 1.375rem 2.25rem}.upload--fileContent{display:flex;flex-direction:column;justify-content:center;align-items:center;height:16.25rem;border:.0625rem dashed #d3d3d4;border-radius:.5rem;padding:.5rem;cursor:pointer;transition:border .3s ease;text-align:center}.upload--fileContent.drag-active{border-color:#4ac08c}.upload--text{text-align:center;color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem;margin-bottom:.5rem}.upload--iconBox{display:flex;flex-direction:column}.upload--actions{padding:.5rem 1rem}.upload .upload--head .upload--title .dialog-box-title{color:#000;font-size:1rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.upload .upload--head button svg{width:1.25rem}.upload .upload--head button svg path{fill:#292d32}.upload .upload--content .input-label{color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem;margin-bottom:.5rem}.upload .autocomplete-input-upload{margin-left:0rem;margin-right:.3125rem;width:100%}.upload .autocomplete-input-upload .MuiFormControl-root .MuiOutlinedInput-root{padding:0rem .5rem}.upload .autocomplete-input-upload .MuiFormControl-root .MuiOutlinedInput-root .MuiAutocomplete-clearIndicator{display:none;visibility:hidden}.upload .autocomplete-input-upload .MuiOutlinedInput-notchedOutline{border-color:#ddd;border-width:.0625rem}.upload .upload-btn{min-width:6.25rem;color:#fff;font-size:1rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.upload .public-check-label{margin-left:0rem}.upload .public-check-label .MuiFormControlLabel-label{color:#656669;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.018rem}.upload .people-access-accordion{border:0rem;border-radius:0rem;box-shadow:none;margin-top:0rem}.upload .people-access-accordion:before{background-color:unset}.upload .people-access-accordion .MuiAccordionSummary-root{padding:0rem;margin:0rem;min-height:4rem}.upload .people-access-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .MuiTypography-root{color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem}.upload .people-access-accordion .user-accordion-details,.upload .people-access-accordion .user-accordion-details .accordion-list{padding:0rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root{padding:0rem;margin-bottom:.9375rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name{color:#1f2125;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.018rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name .secondary-email-text{color:#656669;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.015rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .owner-role-badge{display:flex;padding:.25rem .375rem;align-items:center;gap:.25rem;border-radius:.5rem;background:#f5f6f5;overflow:hidden;color:#656669;text-overflow:ellipsis;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiSelect-select{padding:.5rem 0rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem;color:#232529}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiOutlinedInput-notchedOutline{border:0rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box svg path{fill:#919294}.upload .upload--actions{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:flex-end;align-items:center;gap:1rem;align-self:stretch;background-color:#eeeff1}.upload .upload--actions .cancel-btn{display:flex;padding:.375rem .75rem;flex-direction:column;align-items:flex-start;color:#1f2125;gap:.5rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem;border-radius:.25rem;box-shadow:0 .25rem .625rem -.125rem #144e320d,0 .125rem .125rem -.0625rem #144e321a,0 -.0625rem .25rem #0000000d}.upload .upload--actions .success-btn{display:flex;padding:.375rem 1rem;flex-direction:column;align-items:flex-start;gap:.5rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem;border-radius:.25rem;color:#fff;background:var(--PrimaryGreen-700, #289b64);box-shadow:0 .25rem .625rem -.125rem #144e320d,0 .125rem .125rem -.0625rem #144e321a,0 -.0625rem .25rem #0000000d}.select-menu-items{font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem;color:#232529}.user-select-chips{border-radius:.25rem}.dzu-dropzone{border:unset!important;background:transparent!important;height:100%}.dzu-inputLabel{text-align:center;color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem;margin-bottom:.5rem}.preview-box{display:flex;align-items:center;width:calc(100% - 1.875rem);padding:.625rem 3%;background:#fff;border-bottom:.0625rem solid #ddd;font-size:.875rem}.preview-box img{max-height:5rem;max-width:5rem;border-radius:.25rem;margin-right:.625rem}.document-cover{display:flex;padding:.75rem 0rem .25rem;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:.0625rem solid #f5f6f5}.document-name{display:flex;width:28.125rem;align-items:flex-start;gap:.75rem}.delete-icon{cursor:pointer}.upload-list{width:100%}.drop-view{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.after-drop{display:flex;flex-direction:column;row-gap:.75rem;align-items:center}.after-drop img{width:3rem;height:3rem}.after-drop p{font-weight:500}.device-wrap{display:flex;gap:1.5rem}.device-wrap .select-button{margin-top:1rem}.device-wrap .select-button img{padding:.5rem;border-radius:.5rem;background-color:#eeeff1}.device-wrap .select-button p{color:#656669}.bottom-corner-box{display:inline-block;position:fixed;bottom:0;right:0;z-index:2;max-height:50%}.bottom-corner-box .box-list{overflow-y:auto;box-shadow:0 0 .125rem #e0e0e0,0 .0625rem .25rem -.125rem #18274b05,0 .25rem .25rem -.125rem #18274b0f}.bottom-corner-box .bottom-section{border-bottom:.063rem solid #eeeff1;padding:.5rem}.bottom-corner-box .bottom-section .close-icon,.bottom-corner-box .bottom-section .folder-icon{transform:translate(-50%,-79%);left:50%;right:unset}.avatar-container{position:relative;display:flex}.close-icon,.folder-icon{position:absolute;top:0;right:0;background-color:#ffffffb3;display:none}.avatar-container:hover .avatar{display:none}.avatar-container:hover .close-icon,.avatar-container:hover .folder-icon{display:block}.header-section{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:.0625rem solid var(--Border-Default, #d3d3d4);background:var(--Neutral-50, #fff)}.import-text{color:#000;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.canceled-text{color:#656669}.svgDiv{display:flex;width:2rem;height:2rem;padding:.125rem;justify-content:center;align-items:center;border-radius:.25rem;background:var(--Neutral-200, #f5f6f5)}.svg{width:1.75rem;height:1.75rem;flex-shrink:0}.body-section{display:flex;height:20rem;flex-direction:column;align-items:flex-start;gap:1rem;align-self:stretch;background:#fff}.document-section{display:flex;flex-direction:column;align-items:flex-start}.document-body{display:flex;width:35.375rem;flex-direction:column;align-items:flex-start;gap:.5rem}.document-cover{display:flex;padding:.75rem 0rem .25rem;justify-content:space-between;align-items:center;align-self:stretch}.document-name{display:flex;width:34.375rem;align-items:flex-start;gap:.75rem;align-items:center}.document-choices{display:flex;width:9.625rem;justify-content:flex-end;align-items:center;gap:.75rem}.document-icon-sm{display:flex;width:2rem;height:2rem;padding:.5rem;justify-content:center;align-items:center;gap:.5rem;flex-shrink:0;border-radius:.25rem;background:var(--Accent-Red-100, #ffebeb)}.document-icon-lg{display:flex;width:2.5rem;height:2.5rem;padding:.5rem;justify-content:center;align-items:center;gap:.5rem;flex-shrink:0;border-radius:.25rem;background:var(--Accent-Red-100, #ffebeb)}.document-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;flex:1 0 0}.svg-document{width:1.25rem;height:1.25rem;flex-shrink:0}.document-box{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;align-self:stretch}.document-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--Neutral-900, #232529);text-overflow:ellipsis;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.document-size{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--Text-Secondary, #656669);text-overflow:ellipsis;font-family:Inter;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.015rem}.document-size .success-file{color:#289b64;margin:0 .75rem}.document-size .fail-file{color:#f86060;margin:0 .75rem}.checkbox{display:flex;height:2.5625rem;align-items:center;gap:.25rem}.delete-icon{display:flex;width:1.5rem;height:1.5rem;justify-content:center;align-items:center;flex-shrink:0}.checkbox-svg{width:1.5rem;height:1.5rem}.checkbox-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--Text-Secondary, #656669);text-overflow:ellipsis;font-family:Inter;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.015rem}.svg-delete{width:1.5rem;height:1.5rem;flex-shrink:0}.button-section{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.25rem;background:var(--Button-Secondary_BG, #fff);box-shadow:0 0 .125rem #e0e0e0,0 .0625rem .25rem -.125rem #18274b05,0 .25rem .25rem -.125rem #18274b0f}.button-body{display:flex;padding:.375rem .75rem;flex-direction:column;align-items:flex-start;gap:.5rem}.button-content{display:flex;align-items:center;gap:.25rem}.button-add{display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center}.svg-add{width:1.25rem;height:1.25rem;flex-shrink:0}.button-add-text{color:var(--Button-On_Secondary, #1f2125);font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.submit-section{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:flex-end;align-items:center;gap:3.125rem;align-self:stretch;border-top:.0625rem solid var(--Border-Default, #d3d3d4);background:var(--Neutral-200, #f5f6f5)}.btn-box{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;flex:1 0 0}.button-group{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}.btn-cancel{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.25rem;background:#fff;color:#292d32;box-shadow:0 0 .125rem #e0e0e0,0 .0625rem .25rem -.125rem #18274b05,0 .25rem .25rem -.125rem #18274b0f}.btn-upload{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.25rem;background:var(--Neutral-500, #a7a8a9);color:#fff;box-shadow:0 .125rem .3125rem -.125rem #144e320d,0 .0625rem .0625rem -.125rem #144e321a,0 -.0625rem .125rem #0000000d}.top-section{display:flex;width:350rem;padding:.5rem .75rem;justify-content:space-between;align-items:center;border-radius:.75rem .75rem 0rem 0rem;background:var(--PrimaryGreen-100, #ebf9f2)}.top-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--Neutral-900, #232529);text-overflow:ellipsis;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.018rem}.top-options{display:flex;align-items:center;gap:.25rem}.btn{display:flex;width:1.5rem;height:1.5rem;padding:.25rem;justify-content:center;align-items:center}.arrow-btn{display:flex;width:1.5rem;height:1.5rem;justify-content:center;align-items:center;flex-shrink:0}.svg-arrow-btn,.svg-cancel-btn{width:1.5rem;height:1.5rem;flex-shrink:0}.bottom-section{display:flex;padding:.5rem;align-items:center;gap:.75rem;align-self:stretch;background:#fff}.svg-icon{display:flex;width:2rem;height:2rem;padding:.5rem;justify-content:center;align-items:center;gap:.5rem;border-radius:.25rem;background:var(--PrimaryGreen-100, #ebf9f2)}.doc-icon{display:flex;align-items:flex-start;gap:.5rem;border-radius:.25rem}.svg-doc{width:20rem;height:20rem}.file-detail{display:flex;align-items:center;gap:.5rem;flex:1 0 0}.file-name{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;flex:1 0 0}.file-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--Neutral-900, #232529);text-overflow:ellipsis;font-family:Inter;font-size:.75rem;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.015rem}.file-status{display:flex;width:2rem;height:2rem;padding:.375rem;justify-content:center;align-items:center;border-radius:.25rem}.svg-status{width:20rem;height:20rem;flex-shrink:0}.add-file{padding:.375rem .75rem!important;font-size:.875rem;font-weight:500;box-shadow:0 0 .125rem #e0e0e0,0 .0625rem .25rem -.125rem #18274b05,0 .25rem .25rem -.125rem #18274b0f;border:unset}.SwitchList{padding:1rem .5rem .4375rem;flex:1;border-radius:.5rem;background:#fff;max-height:100%;overflow-y:auto}.SwitchList .MuiFormControlLabel-labelPlacementEnd{line-height:.9375rem;margin:unset;padding:0 .5rem;margin-bottom:.5rem}.SwitchList .MuiFormControlLabel-label{font-size:.875rem;line-height:1.225rem;color:#656669;margin:0 .5rem}.SwitchList .MuiList-root{max-width:100%;padding:unset}.SwitchList .MuiListItem-root{display:flex;padding:.5rem .75rem;align-items:center;gap:.5rem;align-self:stretch}.SwitchList .MuiListItemText-root{margin:unset}.SwitchList .list-secondary-content{width:1.25rem;height:1.25rem}.SwitchList .MuiList-root .MuiTypography-root{color:#1f2125;font-size:.875rem;font-weight:400;line-height:140%;letter-spacing:-.28px}.SwitchList .MuiList-root .MuiTypography-root span{color:#a7a8a9;position:relative;margin:0 .5rem}.SwitchList .MuiList-root .MuiTypography-root span:after{position:absolute;content:"";top:47%;left:-.5rem;border-radius:50%;border:.125rem solid #a7a8a9}.SwitchList .switch{width:1.5rem;height:1rem}.SwitchList .switch .slider:before{height:.875rem;width:.875rem;left:-.0625rem;bottom:.0625rem}.legends-circle{content:"";position:relative;top:4px;left:3px;width:8px;height:8px;border-radius:4px;margin-right:10px}.grid-wrapper{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media screen and (min-width: 450px){.grid-wrapper{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width: 812px){.grid-wrapper{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1112px){.grid-wrapper{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 1440px){.grid-wrapper{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width: 1600px){.grid-wrapper{grid-template-columns:repeat(5,1fr)}}@media screen and (min-width: 1920px){.grid-wrapper{grid-template-columns:repeat(6,1fr)}}.formParser--Grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.formParser--Accordion{margin:1rem 0rem}.formParser--Section:first-child .formParser--Section--SectionTitle:first-child{margin-top:0}.formParser--Section--SectionDivider{margin-top:2rem;border-color:#eeeff1}.avtarDisplay{width:54px;height:56px;gap:10px;border-radius:8px;margin:5px 10px;background-color:#eaf2bf;transition:.3s ease;display:flex;justify-content:center;align-items:center;color:#505f07;font-weight:700}.m0{margin:0!important}.MuiTableRow-root:after{display:none!important}.dynamic-report-header{border:1px solid;border-color:#f3f2f2;padding:8px;height:30px;background-color:#fafafa}.dynamic-report-row{border:1px solid;border-color:#f3f2f2;padding:8px;height:40px}.dynamic-report table tr{display:table-header-group}
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@erpsquad/common",
-	"version": "1.7.1",
+	"version": "1.7.2",
 	"description": "Shared UI component library for ERP modules",
 	"main": "./dist/index.js",
 	"module": "./dist/index.esm.js",

package/src/styles/css/reset.css

@@ -1 +1,7 @@
-@import "normalize.css";
+/* 
+ * CSS Reset removed - MUI's CssBaseline handles normalization
+ * Importing normalize.css was causing conflicts with MUI's Emotion styles
+ * 
+ * If you need browser reset, use MUI's CssBaseline component:
+ * import { CssBaseline } from '@mui/material';
+ */

package/src/styles/index.ts

@@ -30,19 +30,18 @@
  */
 
 // ============================================
-// 1. THIRD-PARTY STYLES (Lowest Priority)
+// 1. BASE STYLES (Variables, Mixins, Reset)
 // ============================================
-// These are loaded first so they can be overridden by custom styles
-import 'normalize.css';
-
-// ============================================
-// 2. BASE STYLES (Variables, Mixins, Reset)
-// ============================================
-import './css/reset.css';
 import './sass/_variables.scss';
 import './sass/_mixins.scss';
 import './sass/_animations.scss';
 
+// ============================================
+// 2. MUI OVERRIDE LAYER (Specificity Boost)
+// ============================================
+// This provides a specificity boost to ensure component styles override MUI's Emotion styles
+import './sass/_mui-overrides.scss';
+
 // ============================================
 // 3. COMPONENT STYLES (Custom Components)
 // ============================================

package/src/styles/sass/_mui-overrides.scss

@@ -0,0 +1,177 @@
+/**
+ * MUI Override Layer
+ * 
+ * This file provides a specificity boost to all custom component styles
+ * to ensure they override MUI's dynamically injected Emotion styles.
+ * 
+ * MUI uses Emotion which injects styles at runtime, causing them to appear
+ * after static CSS in the DOM, which makes them win due to source order.
+ * 
+ * Solution: Increase specificity of all custom styles globally.
+ */
+
+// ============================================
+// GLOBAL SPECIFICITY BOOST
+// ============================================
+
+// This selector increases specificity for all elements within the app
+// without requiring changes to individual component files
+:where(html) {
+  
+  // Typography overrides
+  .MuiTypography-root {
+    &.css-pba0ee-MuiTypography-root,
+    &.css-ghkqlm-MuiTypography-root,
+    &[class*="MuiTypography"] {
+      // Let component styles override
+    }
+  }
+  
+  // Box overrides
+  .MuiBox-root {
+    &[class*="css-"] {
+      // Component styles will have higher specificity
+    }
+  }
+  
+  // Button overrides  
+  .MuiButton-root,
+  .MuiIconButton-root {
+    &[class*="css-"] {
+      // Component styles will override
+    }
+  }
+  
+  // Collapse/Accordion overrides
+  .MuiCollapse-root,
+  .MuiCollapse-wrapper,
+  .MuiCollapse-wrapperInner,
+  .MuiCollapse-horizontal {
+    &[class*="css-"] {
+      // Component styles will override
+    }
+  }
+  
+  // Grid overrides
+  .MuiGrid-root,
+  .MuiGrid-container,
+  .MuiGrid-item {
+    &[class*="css-"] {
+      // Component styles will override
+    }
+  }
+  
+  // TextField/Input overrides
+  .MuiTextField-root,
+  .MuiInputBase-root,
+  .MuiOutlinedInput-root,
+  .MuiInput-root {
+    &[class*="css-"] {
+      // Component styles will override
+    }
+  }
+  
+  // Card overrides
+  .MuiCard-root,
+  .MuiCardContent-root,
+  .MuiCardActions-root {
+    &[class*="css-"] {
+      // Component styles will override
+    }
+  }
+  
+  // Tabs overrides
+  .MuiTabs-root,
+  .MuiTab-root,
+  .MuiTabPanel-root {
+    &[class*="css-"] {
+      // Component styles will override
+    }
+  }
+  
+  // Table/DataGrid overrides
+  .MuiTable-root,
+  .MuiTableCell-root,
+  .MuiTableRow-root,
+  .MuiDataGrid-root {
+    &[class*="css-"] {
+      // Component styles will override
+    }
+  }
+  
+  // Divider overrides
+  .MuiDivider-root {
+    &[class*="css-"] {
+      // Component styles will override
+    }
+  }
+  
+  // All other MUI components
+  [class*="Mui"][class*="root"],
+  [class*="Mui"][class*="-"] {
+    &[class*="css-"] {
+      // Component styles will override
+    }
+  }
+}
+
+// ============================================
+// ALTERNATIVE: Layer-based approach (for modern browsers)
+// ============================================
+
+// Use CSS Cascade Layers to control specificity
+// This ensures component styles always win over MUI
+@supports (color: color(display-p3 1 1 1)) {
+  @layer mui-base, component-styles, utilities;
+  
+  // MUI styles will be in mui-base layer (lowest priority)
+  // Component styles will be in component-styles layer
+  // Utility classes will be in utilities layer (highest priority)
+}
+
+// ============================================
+// IMPORTANT OVERRIDES
+// ============================================
+
+// Critical overrides that must always work
+// These use !important as a last resort
+
+// Ensure dividers are visible
+html .MuiDivider-root[class*="css-"] {
+  opacity: 1 !important;
+}
+
+// Ensure proper spacing
+html .MuiBox-root[class*="css-"][style*="margin"],
+html .MuiBox-root[class*="css-"][style*="padding"] {
+  // Let inline styles work but allow component overrides
+}
+
+// Ensure text is visible
+html .MuiTypography-root[class*="css-"] {
+  opacity: 1 !important;
+}
+
+// ============================================
+// EMOTION/MUI STYLE SPECIFICITY HELPERS
+// ============================================
+
+// These utility classes can be used in components to boost specificity
+.override-mui {
+  // Add this class to force override MUI styles
+  &.MuiButton-root,
+  &.MuiBox-root,
+  &.MuiTypography-root,
+  &[class*="Mui"] {
+    // Component styles will win
+  }
+}
+
+// Wrapper class for entire application
+.erp-ui-app {
+  // All styles within this wrapper have higher specificity
+  [class*="Mui"] {
+    // Component styles will override MUI defaults
+  }
+}
+

package/src/styles/sass/main.scss

@@ -2,10 +2,13 @@
 // All imports are now managed in ../index.ts for better control over CSS cascade order.
 // 
 // The order in index.ts is:
-// 1. normalize.css (third-party reset)
-// 2. Base styles (variables, mixins, animations)
-// 3. Component styles
-// 4. Utility classes (highest priority)
+// 1. Base styles (variables, mixins, animations, reset)
+// 2. Component styles (custom component SCSS)
+// 3. Utility classes (highest priority with !important)
+//
+// Note: normalize.css is NOT imported to avoid conflicts with MUI's CssBaseline.
+// MUI injects its styles dynamically via Emotion, which can override static CSS.
+// Our component styles use increased specificity to override MUI when needed.
 //
 // This empty file is kept for backwards compatibility.