.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1203;overflow-y:auto;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transform:translateY(0)}.modal-content{background:#fff;box-shadow:0 2px 10px #000;font-family:montserrat;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;padding:20px;border-radius:10px;position:relative;display:flex;flex-direction:column;z-index:1203}.modal-overlay.slide-up{transform:translateY(0)}.modal-overlay.slide-down{transform:translateY(100%)}.modal-h{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;font-family:montserrat;font-size:40px;font-weight:600;color:#000}.modal-subtitle{display:flex;flex-direction:column;align-content:flex-start;justify-content:center;padding:0;font-family:montserrat;font-size:20px;font-weight:500;text-align:right;color:#000!important}.modal-label{display:flex;flex-direction:column;align-content:flex-end;margin:10px;font-family:montserrat;font-size:17px;font-weight:400;text-align:left;color:#000}.horizontal-line{width:100%;height:1px;background-color:#c20a0a;border:none}.horizontal-dotted-line,.pointed-line{width:100%;border:none;border-top:1px dotted #c20a0a}.horizontal-gradient-line{width:100%;height:1.5px;border:none;background:linear-gradient(to right,transparent,#c20a0a,transparent)}.modal-title{display:flex;justify-content:flex-end;align-items:center;gap:8px}.modal-title svg,.modal-h svg{stroke:#c20a0a!important;color:#c20a0a!important;fill:none!important}.modal-title svg *,.modal-h svg *{fill:none!important;stroke:#c20a0a!important;stroke-width:2!important}.modal-title svg path,.modal-h svg path,.modal-title svg rect,.modal-h svg rect,.modal-title svg circle,.modal-h svg circle,.modal-title svg g,.modal-h svg g{fill:none!important;stroke:#c20a0a!important;stroke-width:2!important}.modal-filter{display:flex;flex-direction:row;padding:10px;gap:40px;justify-content:space-between}.modal-options{display:flex;padding:5px 10px;gap:15px;flex-direction:row}.time-range-container{display:flex;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden}.progress-bar{width:100%;height:10px;background-color:#ddd;border-radius:5px;overflow:hidden}.progress{height:100%;background-color:#4caf50;transition:width .3s ease-in-out}.time-range-button{flex:1;padding:10px 15px;font-family:montserrat;font-size:12px;color:#000;background-color:#fff;border:none;cursor:pointer;transition:background .3s ease-in-out}.time-range-button:hover{background-color:#f8f8f8}.time-range-button.selected{background-color:#f0f0f0;font-weight:700;color:#0a7bc2}.toggle-switch{position:relative;display:inline-block;width:40px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:50px}.slider:before{content:"";position:absolute;height:15px;width:15px;left:3px;bottom:2.5px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:#2196f3}.toggle-switch input:checked+.slider:before{transform:translate(20px)}.close-button{background:none;border:none;font-size:1.5rem;position:absolute;top:10px;left:10px;cursor:pointer}.modal-form{display:flex;flex-direction:column;gap:10px}.form-group{display:flex;gap:10px}.form-group input,.form-group select{flex:1;padding:6px;border:1px solid #ccc;border-radius:4px}.form-actions{display:flex;justify-content:flex-end;gap:10px}.tooltip{display:flex}.tooltip-text{visibility:hidden;background-color:#000;color:#fff;font-size:11px;font-style:italic;border-radius:10px;position:absolute;z-index:1;opacity:0;transition:opacity .3s}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}@media (max-width: 768px){.modal-overlay{font-size:12px;padding:20px}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f5f5f5 inset!important;-webkit-text-fill-color:#000000!important}body.dark-mode input:-webkit-autofill,body.dark-mode input:-webkit-autofill:hover,body.dark-mode input:-webkit-autofill:focus,body.dark-mode input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #2a2a2a inset!important;-webkit-text-fill-color:#ffffff!important}body.dark-mode .modal-subtitle{color:#e5e5e5!important}.dashboard,.dashboard-logo{display:flex}.dashboard-sidebar{width:15%;flex-direction:row;background-color:#fff;padding:5px;box-shadow:2px 0 2px #61616180}.dashboard-sidebar .logo{margin-top:10px;padding:5px}.menu,.support-menu{gap:10px;margin-top:10px}.dashboard-clock{position:relative;font-family:montserrat;text-align:right}.dashboard-content{width:100%;padding:0 6px}.dashboard .header{background-color:#fff;width:flex;padding:10px 20px;border-radius:15px;box-shadow:0 1px 3px #1a19198f}.hr-line{width:100%;height:2px;border:none;background:linear-gradient(to right,transparent,#c2bf0a,transparent);border-color:#c2bf0a;width:80%}.support-label{color:#888;margin-left:20px;padding:10px;font-family:montserrat;font-size:16px;font-weight:700}.header-icons{flex:1;display:flex;gap:10px}.dashboard-cards{flex:.5;display:grid;height:100px;grid-template-columns:repeat(auto-fit,1fr);gap:15px}.card{padding:15px;background-color:#fff;border-radius:15px;box-shadow:0 1px 3px #1a19198f;align-content:left;width:220px}body.dark-mode .card{background-color:#222c32!important;color:#fafafa!important;box-shadow:0 1px 3px #000000b3}.rightframe{padding:20px;width:20%;border-radius:15px;box-shadow:0 1px 4px #1a19198f;align-content:right;background-color:#fff}body.dark-mode .rightframe{background-color:#181818!important;color:#fafafa!important;box-shadow:0 1px 4px #000000b3}.card-container{display:grid;grid-template-columns:repeat(auto-fit,1fr);align-items:center}.card-data{display:grid;grid-template-rows:repeat(auto-fit,1fr);gap:15px;align-items:left}.card-order{padding:10px;background-color:#fff;border-color:#885d40;border-width:.5px;border-style:solid;cursor:pointer;border-radius:15px;font-family:montserrat;color:#885d40;width:flex}.card-data .text{font-family:montserrat;font-size:22px;text-align:left;align-items:center}.card-data .icon{align-items:center}.card .icon{font-size:1.5rem;align-content:center;color:#fff}.special-card{background-color:#ffeddf;color:#d85c3f;font-weight:700}.dashboard-table{width:100%;background-color:#fff;border-radius:15px;margin-top:10px;padding:10px;box-shadow:0 1px 4px #1a19198f}.dashboard-table .filter{padding:20px}.dashboard-container{width:100%;display:flex;gap:6px;padding-top:4px}.dashboard-container-2{display:grid;grid-template-columns:400px repeat(auto-fit,minmax(269px,1fr));gap:2px;padding-top:8px}.dashboard-vertical-container{display:grid;grid-template-rows:repeat(auto-fit);gap:10px}.dashboard-charts{display:flex;width:60%;align-content:center;align-items:center;padding:4px;background-color:#fff}.dashboard-charts .chart-rows{flex:1;display:grid}body.dark-mode .card-order{background-color:#222c32!important;color:#fafafa!important;border-color:#444!important;grid-template-rows:repeat(auto-fit,minmax(440px,1fr));gap:15px;align-content:center}.bar-chart,.doughnut-chart{flex:1;align-items:center;align-content:center;background-color:#fff;padding:4px;border-radius:15px;box-shadow:0 1px 3px #1a19198f}@media (max-width: 1024px){.dashboard{flex-direction:column}.dashboard-sidebar{width:100%;box-shadow:none}.dashboard-content{width:100%}.dashboard-header{padding:10px}.dashboard-cards{display:flex;width:20%;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.dashboard-cards .rightframe{display:flex}.dashboard-container,.dashboard-charts{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard{flex-direction:column;padding:10px}.dashboard-sidebar{width:100%;box-shadow:none;padding:15px}.menu-button{width:100%;font-size:1rem;padding:12px}.dashboard-content{width:100%;padding:20px}.dashboard-header{padding:10px;font-size:1rem}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.dashboard-container,.dashboard-charts{grid-template-columns:1fr}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f7f4f4;padding:20px}.login-page-container{display:flex;width:100%;max-width:1000px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a}.login-page-left{flex:1;display:flex;justify-content:center;align-items:center;background:#fff;padding:20px}.logo-container{flex:1;max-width:75%}.login-page-right{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;background:#fff}.login-form{background:#4e4d4c80;padding:40px 30px;border-radius:25px;font-family:montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;width:100%;max-width:380px;box-shadow:0 6px 6px #2525251a;display:flex;flex-direction:column;align-items:center}.error-message{position:relative;color:#db2424;font-size:14px;font-family:montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-bottom:10px;text-align:start}.form-logo{display:flex;justify-content:flex-start;align-items:center;margin-bottom:16px;min-height:70px;width:100%}.form-logo svg{height:70px;width:auto;display:block}.form-logo img{height:60px;width:auto;display:block}.welcome-text{margin:12px 0 20px;font-size:24px;text-align:center;color:#333;font-weight:600}.input-group{margin:20px 0;align-content:center}.input-group label{font-size:14px;color:#555}.input-group input{width:72%;padding:10px;border-radius:12px;border:1px solid #f8f2f2;margin-top:6px;margin-left:35px}.password-group,.password-input-wrapper{position:relative}.password-visibility-icon{position:absolute;right:5px;top:60%;transform:translateY(-50%);cursor:pointer}.forgot-password{margin-top:10px;margin-bottom:16px;font-size:12px;color:#666;text-align:center}.forgot-password a{text-decoration:underline;text-align:center;padding:45px}.login-button{background-color:gray;color:#fff;border:none;padding:10px 20px;border-radius:10px;margin:20px 40px;cursor:pointer;width:75%;font-size:16px}.signup-text{font-size:14px;color:#666;text-align:center;padding-top:20px;margin-bottom:5px}.signup-text a{color:#080808;text-decoration:underline}@media (max-width: 1024px){.login-page-container{flex-direction:column}.login-page-left,.login-page-right{flex:1;width:100%}.login-page-right{padding:20px}.login-form{width:100%;align-content:center;padding:20px}}@media (max-width: 768px){.login-page-container{flex-direction:column}.login-page-left,.login-page-right{flex:none;width:100%}.login-page-left{display:none}.login-page-right{padding:20px}.login-form{width:100%;padding:20px}}@media (max-width: 480px){.welcome-text{font-size:20px}.input-group input{padding:8px}.login-button{font-size:14px;padding:10px}.signup-text{font-size:12px}}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 10s linear;margin-left:125px;width:15%;height:15%}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#bb6a64}@keyframes App-logo-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}body{margin:0;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body.dark-mode{background-color:#0a0a0a!important;color:#e5e5e5!important}body.dark-mode #root,body.dark-mode .App{background-color:#0a0a0a!important}body.dark-mode .modal-overlay{background:#0a0a0ad9!important}body.dark-mode .modal-content{background:#181818!important;color:#e5e5e5!important}body.dark-mode .modal-content .tooltip>div,body.dark-mode .MuiDialog-paper .tooltip>div,body.dark-mode .MuiModal-root .MuiPaper-root .tooltip>div,body.dark-mode .modal-content .tooltip>div span,body.dark-mode .MuiDialog-paper .tooltip>div span,body.dark-mode .MuiModal-root .MuiPaper-root .tooltip>div span{background-color:transparent!important;color:inherit!important}body.dark-mode .tooltip,body.dark-mode .tooltip-inner{background-color:transparent!important;color:#fafafa!important;border-color:#525252!important;box-shadow:none!important}body.dark-mode .modal-content,body.dark-mode .MuiDialog-paper,body.dark-mode .MuiModal-root .MuiPaper-root{box-shadow:0 6px 18px #3c40443d,0 2px 6px #3c40441f!important;border:1px solid rgba(255,255,255,.03)!important}body.dark-mode .modal-content select,body.dark-mode .modal-content .form-group select,body.dark-mode select#language-select,body.dark-mode select#theme-select{background-color:#1a1a1a!important;color:#e5e5e5!important;border:1px solid #3a3a3a!important}body.dark-mode .modal-content select option,body.dark-mode .modal-content .form-group select option,body.dark-mode select#language-select option,body.dark-mode select#theme-select option{background-color:#23272b!important;color:#e5e5e5!important}body.dark-mode .modal-content select::-ms-expand,body.dark-mode select#language-select::-ms-expand,body.dark-mode select#theme-select::-ms-expand{background:transparent!important}body.dark-mode input:not(.MuiInputBase-input),body.dark-mode textarea:not(.MuiInputBase-input),body.dark-mode select:not(.MuiInputBase-input),body.dark-mode .form-control{color:#fff!important;border-color:#3a3a3a!important;background-color:#2a2a2a!important}body.dark-mode .MuiInputBase-root,body.dark-mode .MuiInputBase-input,body.dark-mode .MuiOutlinedInput-root,body.dark-mode .MuiOutlinedInput-input,body.dark-mode .MuiTextField-root .MuiInputBase-input,body.dark-mode .MuiSelect-root,body.dark-mode .MuiSelect-select{color:#fff!important}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#737373!important}body.dark-mode .MuiOutlinedInput-input::placeholder{color:#bdbdbd!important;opacity:1!important}body.dark-mode .flextexboxContainer .MuiInputLabel-root{color:#b8b9c9!important}body.dark-mode .flextexboxContainer .MuiInputBase-input,body.dark-mode .flextexboxContainer input{color:#fff!important}body.dark-mode .flextexboxContainer label[for=search-filter]{color:#e5e5e5!important;opacity:1!important}body.dark-mode .flextexboxContainer label[for=search-filter][data-shrink=false]{color:#bdbdbd!important;opacity:1!important}body.dark-mode .flextexboxContainer label[for=search-filter][data-shrink=true]{color:#e5e5e5!important;opacity:1!important}body.dark-mode .flextexboxContainer .MuiInputBase-input::placeholder,body.dark-mode .flextexboxContainer input::placeholder{color:#bdbdbd!important;opacity:1!important}body.dark-mode input:focus,body.dark-mode textarea:focus,body.dark-mode select:focus{background-color:#2a2a2a!important;border-color:#22d3ee!important;box-shadow:0 0 0 3px #22d3ee26!important}body.dark-mode input:disabled,body.dark-mode textarea:disabled,body.dark-mode select:disabled{background-color:#1a1a1a!important;color:#525252!important;opacity:.6!important}body.dark-mode input[type=number]::-webkit-outer-spin-button,body.dark-mode input[type=number]::-webkit-inner-spin-button{-webkit-appearance:auto;background-color:#2a2a2a;opacity:1}body.dark-mode label:not(.MuiInputLabel-root){color:#d4d4d4!important}body.dark-mode button:not(.MuiButton-root):not(.MuiIconButton-root),body.dark-mode .btn{color:#fafafa!important;border-color:#3a3a3a!important}body.dark-mode button:hover:not(:disabled):not(.MuiButton-root):not(.MuiIconButton-root),body.dark-mode .btn:hover:not(:disabled){background-color:#3a3a3a!important;border-color:#525252!important}body.dark-mode button:disabled,body.dark-mode .btn:disabled{background-color:#1a1a1a!important;color:#525252!important;opacity:.5!important}body.dark-mode .btn-primary,body.dark-mode button.primary{background-color:#22d3ee!important;border-color:#22d3ee!important;color:#0a0a0a!important}body.dark-mode .btn-primary:hover,body.dark-mode button.primary:hover{background-color:#06b6d4!important;border-color:#06b6d4!important}body.dark-mode .btn-danger,body.dark-mode button.danger{background-color:#ef4444!important;border-color:#ef4444!important;color:#fff!important}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:#fafafa!important}body.dark-mode p,body.dark-mode span{color:#e5e5e5!important}body.dark-mode a{color:#22d3ee!important}body.dark-mode a:hover{color:#67e8f9!important}body.dark-mode nav,body.dark-mode .navbar,body.dark-mode .header,body.dark-mode .app-bar,body.dark-mode header,body.dark-mode .MuiAppBar-root,body.dark-mode .MuiToolbar-root{background-color:#444!important;color:#fafafa!important}body.dark-mode .nav-link,body.dark-mode .menu-item{color:#a3a3a3!important}body.dark-mode .nav-link:hover,body.dark-mode .menu-item:hover{color:#fafafa!important;background-color:#22d3ee1a!important}body.dark-mode header svg,body.dark-mode .MuiAppBar-root svg,body.dark-mode nav svg,body.dark-mode .navbar svg{color:#fafafa!important}body.dark-mode header .MuiIconButton-root,body.dark-mode .MuiAppBar-root .MuiIconButton-root{color:#fafafa!important}body.dark-mode header .MuiIconButton-root:hover,body.dark-mode .MuiAppBar-root .MuiIconButton-root:hover{background-color:#ffffff1a!important}body.dark-mode .sidebar,body.dark-mode aside,body.dark-mode .drawer,body.dark-mode .MuiDrawer-root,body.dark-mode .MuiDrawer-paper{background-color:#1a1a1a!important;color:#fafafa!important}body.dark-mode .sidebar-item,body.dark-mode .menu-list-item,body.dark-mode .MuiListItem-root,body.dark-mode .MuiListItemButton-root{color:#a3a3a3!important}body.dark-mode .sidebar-item:hover,body.dark-mode .menu-list-item:hover,body.dark-mode .MuiListItem-root:hover,body.dark-mode .MuiListItemButton-root:hover{background-color:#ffffff0d!important;color:#fafafa!important}body.dark-mode .sidebar-item.active,body.dark-mode .MuiListItemButton-root.Mui-selected{background-color:#22d3ee26!important;color:#22d3ee!important}body.dark-mode .MuiListItemIcon-root svg,body.dark-mode .sidebar svg,body.dark-mode .MuiDrawer-root svg{color:#fff!important;stroke:#fff!important}body.dark-mode .MuiListItemButton-root svg{stroke:#fafafa!important}body.dark-mode .MuiListItemButton-root svg path{stroke:#fafafa!important}body.dark-mode .sidebar svg,body.dark-mode .MuiDrawer-root svg,body.dark-mode .MuiListItem-root svg{stroke:#fafafa!important}body.dark-mode .sidebar svg path,body.dark-mode .MuiDrawer-root svg path,body.dark-mode .MuiListItem-root svg path{stroke:#fafafa!important}body.dark-mode .sidebar svg circle,body.dark-mode .MuiDrawer-root svg circle,body.dark-mode .MuiListItem-root svg circle{stroke:#fafafa!important}body.dark-mode .sidebar svg rect,body.dark-mode .MuiDrawer-root svg rect,body.dark-mode .MuiListItem-root svg rect{stroke:#fafafa!important}body.dark-mode [name=purchases] svg,body.dark-mode .sidebar [name=purchases] svg{stroke:#22d3ee!important}body.dark-mode [name=purchases] svg path,body.dark-mode .sidebar [name=purchases] svg path{stroke:#22d3ee!important}body.dark-mode .MuiListItemButton-root.Mui-selected .MuiListItemIcon-root,body.dark-mode .MuiListItemButton-root.Mui-selected svg{color:#22d3ee!important}body.dark-mode .MuiListItemText-root,body.dark-mode .MuiListItemText-primary{color:inherit!important}body.dark-mode main,body.dark-mode .main-content,body.dark-mode .dashboard-content,body.dark-mode .content,body.dark-mode section{background-color:#0a0a0a!important;color:#e5e5e5!important}body.dark-mode .card,body.dark-mode .card-container,body.dark-mode .card-body,body.dark-mode .MuiCard-root{background-color:#1a1a1a!important;color:#e5e5e5!important;border-color:#2a2a2a!important}body.dark-mode .MuiPaper-root{background-color:#121212!important;color:#e5e5e5!important;border-color:#2a2a2a!important}body.dark-mode .card-header,body.dark-mode .MuiCardHeader-root{background-color:#1a1a1a!important;color:#fafafa!important}body.dark-mode .card-footer,body.dark-mode .MuiCardActions-root{background-color:#1a1a1a!important}body.dark-mode .MuiCardContent-root{background-color:#1a1a1a!important;color:#e5e5e5!important}body.dark-mode .card svg,body.dark-mode .MuiCard-root svg,body.dark-mode .MuiPaper-root svg{color:#fafafa!important}body.dark-mode .card .MuiAvatar-root{background-color:#22d3ee26!important;color:#22d3ee!important}body.dark-mode .MuiCardHeader-title,body.dark-mode .MuiCardHeader-subheader{color:#fafafa!important}body.dark-mode .MuiPaper-root[style*=flex]{background-color:#1a1a1a!important;color:#e5e5e5!important}body.dark-mode table,body.dark-mode .table{background-color:#121212!important;color:#e5e5e5!important}body.dark-mode thead,body.dark-mode th{background-color:#2a2a2a!important;color:#fff!important;border-color:#3a3a3a!important}body.dark-mode tbody,body.dark-mode td{background-color:transparent!important;color:#e5e5e5!important;border-color:#3a3a3a!important}body.dark-mode tr:hover{background-color:#252525!important}body.dark-mode tr:nth-child(2n){background-color:transparent!important}body.dark-mode tr:nth-child(2n):hover{background-color:#252525!important}body.dark-mode .tableContainer{background-color:#121212!important}body.dark-mode .customTable{background-color:transparent!important}body.dark-mode .customTable thead th{background-color:#2a2a2a!important;color:#fff!important;border-color:#3a3a3a!important}body.dark-mode .customTable tbody tr{background-color:transparent!important}body.dark-mode .customTable tbody tr:hover,body.dark-mode .customTable tbody tr.rowSelected{background-color:#252525!important}body.dark-mode .customTable th,body.dark-mode .customTable td{border-color:#3a3a3a!important;color:#e5e5e5!important}body.dark-mode .table-actions{background:none!important;border:none!important;box-shadow:none!important}body.dark-mode .table-actions svg{color:#fff!important}body.dark-mode .micro-button{color:#fff!important}body.dark-mode .statusPill{background-color:#121212!important;color:#00c853!important;border:none!important}body.dark-mode .statusPill.pending,body.dark-mode .statusPill.disabled{color:#b0b0b0!important}body.dark-mode .statusPill.approved,body.dark-mode .statusPill.active{color:#5eff7a!important}body.dark-mode .statusPill.cancelled{color:#ff6b6b!important}body.dark-mode .statusPill.pendingapproval{color:#f0ed5e!important}body.dark-mode .statusPill.onhold{color:#5ec9d4!important}body.dark-mode .statusPill.draft{color:#5edede!important}body.dark-mode .pagination,body.dark-mode .MuiPagination-root{background-color:transparent!important}body.dark-mode .pagination button,body.dark-mode .MuiPaginationItem-root{background-color:#2a2a2a!important;color:#e5e5e5!important;border-color:#3a3a3a!important}body.dark-mode .pagination button:hover,body.dark-mode .MuiPaginationItem-root:hover{background-color:#333!important}body.dark-mode .page-link{background-color:#2a2a2a!important;border-color:#3a3a3a!important;color:#e5e5e5!important}body.dark-mode .page-link:hover{background-color:#3a3a3a!important;color:#fafafa!important}body.dark-mode .page-item.active .page-link{background-color:#22d3ee!important;border-color:#22d3ee!important;color:#0a0a0a!important}body.dark-mode .dashboard-table{background-color:#121212!important;border:none!important;box-shadow:0 2px 8px #0006!important}body.dark-mode .dashboard-table .header-icons,body.dark-mode .dashboard-table .header-icons>*,body.dark-mode .dashboard-table .rightframe,body.dark-mode .dashboard-table .card{background:transparent!important;box-shadow:none!important;border:none!important}body.dark-mode .dashboard-table .MuiPaper-root:has(.micro-button){background:transparent!important;box-shadow:none!important;border:none!important}body.dark-mode .dashboard-table .MuiPaper-root:has(.micro-button)>div{background:transparent!important}body.dark-mode .dropdown-menu{background-color:#2a2a2a!important;border-color:#3a3a3a!important;box-shadow:0 10px 20px #0006!important}body.dark-mode .dropdown-item,body.dark-mode option{color:#fff!important;background-color:transparent!important}body.dark-mode .dropdown-item:hover{background-color:#22d3ee1f!important;color:#fafafa!important}body.dark-mode .dropdown-item.active{background-color:#22d3ee33!important;color:#fafafa!important}body.dark-mode hr,body.dark-mode .divider{border-color:#2a2a2a!important;background-color:#2a2a2a!important}body.dark-mode .tooltip,body.dark-mode .tooltip-inner{color:#fafafa!important;border-color:#525252!important}body.dark-mode .badge,body.dark-mode,body.dark-mode .MuiChip-root{background-color:#1a1a1a!important;color:#e5e5e5!important;border-color:#2a2a2a!important}body.dark-mode .MuiChip-icon{color:#22d3ee!important}body.dark-mode .MuiChip-deleteIcon{color:#a3a3a3!important}body.dark-mode .MuiChip-deleteIcon:hover{color:#ef4444!important}body.dark-mode .icon.primary,body.dark-mode .MuiSvgIcon-colorPrimary{color:#22d3ee!important}body.dark-mode .icon.success{color:#22c55e!important}body.dark-mode .icon.error,body.dark-mode .MuiSvgIcon-colorError{color:#ef4444!important}body.dark-mode .icon.warning{color:#f59e0b!important}body.dark-mode .alert{background-color:#2a2a2a!important;color:#e5e5e5!important;border-color:#3a3a3a!important}body.dark-mode .alert-success{background-color:#22c55e26!important;border-color:#16a34a!important;color:#4ade80!important}body.dark-mode .alert-danger{background-color:#ef444426!important;border-color:#dc2626!important;color:#f87171!important}body.dark-mode .alert-warning{background-color:#f59e0b26!important;border-color:#d97706!important;color:#fbbf24!important}body.dark-mode .nav-tabs{border-color:#2a2a2a!important}body.dark-mode .nav-tabs .nav-link{color:#a3a3a3!important;border:none!important;border-bottom-color:transparent!important}body.dark-mode .nav-tabs .nav-link:hover{color:#fafafa!important;border-bottom-color:#3a3a3a!important}body.dark-mode .nav-tabs .nav-link.active{color:#2e7d32!important;border-bottom-color:#2e7d32!important}body.dark-mode ::-webkit-scrollbar{width:12px;height:12px}body.dark-mode ::-webkit-scrollbar-track{background:#1a1a1a}body.dark-mode ::-webkit-scrollbar-thumb{background:#3a3a3a;border:2px solid #1a1a1a}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#525252}body.dark-mode .chart-container,body.dark-mode canvas{background-color:#1a1a1a!important}body.dark-mode .recharts-text{fill:#a3a3a3!important}body.dark-mode .recharts-cartesian-axis-tick-value{fill:#737373!important}body.dark-mode .recharts-legend-item-text{color:#e5e5e5!important}body.dark-mode .status-active{color:#22c55e!important}body.dark-mode .status-inactive{color:#ef4444!important}body.dark-mode .status-pending{color:#f59e0b!important}body.dark-mode .list-group,body.dark-mode .list-group-item{background-color:#1a1a1a!important;border-color:#2a2a2a!important;color:#e5e5e5!important}body.dark-mode .list-group-item:hover{background-color:#22d3ee14!important}body.dark-mode .statusPill{background:transparent!important;color:#0a7bc2!important}body.dark-mode .statusPill.pending,body.dark-mode .statusPill.disabled{color:#727374!important}body.dark-mode .statusPill.pendingverification{color:#be1fab!important}body.dark-mode .statusPill.approved,body.dark-mode .statusPill.active{color:#0ac232!important}body.dark-mode .statusPill.cancelled{color:#fe0000!important}body.dark-mode .statusPill.pendingapproval{color:#c2bf0a!important}body.dark-mode .statusPill.onhold{color:#0c575f!important}body.dark-mode .statusPill.draft{color:#009797!important}body.dark-mode .customTable tbody tr:hover{background-color:transparent!important}body.dark-mode .statusPill:hover{background:transparent!important;box-shadow:none!important}body.dark-mode .search-bar,body.dark-mode input[type=search]{background-color:#222!important;color:#e5e5e5!important;border-color:#3a3a3a!important}body.dark-mode .search-bar::placeholder,body.dark-mode input[type=search]::placeholder{color:#fff!important}body.dark-mode .search-bar:focus{border-color:#cfcfcf!important}body.dark-mode input[type=checkbox],body.dark-mode input[type=radio]{accent-color:#22d3ee!important}body.dark-mode code,body.dark-mode pre{background-color:#2a2a2a!important;color:#e5e5e5!important;border-color:#3a3a3a!important}body.dark-mode .login-page{background-color:#0a0a0a!important}body.dark-mode .login-form,body.dark-mode .login-page-right{background-color:#1a1a1a!important;border-color:#2a2a2a!important}body.dark-mode .container,body.dark-mode .container-fluid{background-color:transparent!important}body.dark-mode .flex-card{background-color:#1a1a1a!important}body.dark-mode .flex-card .separator{border-left-color:#333!important}body.dark-mode .flex-card .text{color:#e5e5e5!important}body.dark-mode .flex-card .text:nth-child(2){color:#b5b5b5!important}body.dark-mode .flex-main-button{background-color:#1a1a1a!important;color:#e5e5e5!important;border-color:#2f2f2f!important}body.dark-mode .flex-main-button:hover{background-color:#222!important;color:#fff!important}body.dark-mode .flex-main-button .label{color:#e5e5e5!important}body.dark-mode .flex-main-button hr{border-color:#333!important}body.dark-mode .MuiAvatar-root,body.dark-mode .avatar,body.dark-mode .sidebar-avatar{background-color:#23272b!important;color:#fafafa!important}body.dark-mode .MuiAvatar-root svg,body.dark-mode .avatar svg,body.dark-mode .sidebar-avatar svg{color:#fafafa!important;fill:#fafafa!important;stroke:#fafafa!important}body.dark-mode .MuiMenu-paper{background-color:#1a1a1a!important;border-color:#2a2a2a!important}body.dark-mode .MuiMenuItem-root{color:#e5e5e5!important}body.dark-mode .MuiMenuItem-root:hover{background-color:#ffffff0d!important;color:#fafafa!important}body.dark-mode .MuiMenuItem-root svg{color:#a3a3a3!important}body.dark-mode .MuiMenuItem-root:hover svg{color:#22d3ee!important}body.dark-mode .status-legend,body.dark-mode .dashboard-card,body.dark-mode .dashboard-stat-card{background-color:#1a1a1a!important;border-color:#2a2a2a!important}body.dark-mode .dashboard-stat-card:hover{background-color:#202020!important}body.dark-mode .stat-icon-container{background-color:#22d3ee1a!important}body.dark-mode .stat-icon-container svg{color:#22d3ee!important}body.dark-mode .stat-value{color:#fafafa!important}body.dark-mode .stat-label{color:#a3a3a3!important}body.dark-mode .shadow{box-shadow:0 4px 6px #0006!important}body.dark-mode .shadow-lg{box-shadow:0 10px 15px #00000080!important}body.dark-mode [style*="background-color: white"],body.dark-mode [style*="background-color: #fff"],body.dark-mode [style*="background-color: #ffffff"],body.dark-mode [style*="background:white"],body.dark-mode [style*="background:#fff"],body.dark-mode [style*="background:#ffffff"]{background-color:#1a1a1a!important}body.dark-mode [style*="color: black"],body.dark-mode [style*="color: #000"],body.dark-mode [style*="color: #000000"],body.dark-mode [style*="color:black"]{color:#fafafa!important}body.dark-mode .css-1h2ruwl,body.dark-mode .modal-label,body.dark-mode .modal-h,body.dark-mode .css-1lyz8qv,body.dark-mode .css-y4yqt-MuiButtonBase-root-MuiButton-root{color:#e5e5e5!important}body.dark-mode .MuiStepIcon-root.Mui-active{color:#4caf50!important}body.dark-mode .css-jkh313,body.dark-mode .css-jkh313 button{background-color:transparent!important}