@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap";body,html{min-height:100vh;max-width:100vw}.first-sidebar-scroll{overflow-y:auto!important;overflow-x:hidden!important}.first-sidebar-scroll::-webkit-scrollbar{width:4px!important}.first-sidebar-scroll::-webkit-scrollbar-track{background:transparent!important}.first-sidebar-scroll::-webkit-scrollbar-thumb{background-color:var(--border-green)!important;border-radius:2px!important}.first-sidebar-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--primary-green)!important}.first-sidebar-scroll{scrollbar-width:thin!important;scrollbar-color:var(--border-green) transparent!important}.collapse-button{display:flex!important;visibility:visible!important;opacity:1!important}.main-content{transition:all .3s ease;min-height:100vh;width:100%;position:relative}@media (min-width: 900px){.main-content.with-first-sidebar{width:calc(100% - 80px);margin-left:80px}.main-content.with-both-sidebars{width:calc(100% - 340px);margin-left:340px}.main-content.with-collapsed-sidebar{width:calc(100% - 40px);margin-left:40px}.main-content.without-sidebar{width:100%;margin-left:0;margin-right:0}[dir=rtl] .main-content.with-first-sidebar{margin-left:0;margin-right:80px}[dir=rtl] .main-content.with-both-sidebars{margin-left:0;margin-right:340px}[dir=rtl] .main-content.with-collapsed-sidebar{margin-left:0;margin-right:40px}[dir=rtl] .main-content.without-sidebar{margin-left:0;margin-right:0}}@media (max-width: 899px){.main-content{width:100%!important;margin-left:0!important;margin-right:0!important}}.MuiDrawer-paper{position:fixed!important}.sidebar-container{position:relative;width:100%}.vertical-line{position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--border-green);z-index:1}.sidebar-section{margin-bottom:20px}.sidebar-container{position:relative;width:100%;margin-bottom:16px}.sidebar-step{position:relative;padding-left:32px;margin-bottom:4px;width:100%}.sidebar-step:before{position:absolute;left:16px;top:50%;width:24px;height:2px;background-color:var(--line-color);transform:translateY(-50%);z-index:1}.step-button,.action-button{border-radius:16px!important;padding:12px 16px!important;margin:4px 6px!important;border:none!important;background-color:transparent!important;position:relative;z-index:2;width:calc(100% - 12px)!important;min-height:40px!important;font-size:var(--font-size-base)!important;font-family:var(--font-primary)!important;display:flex!important;align-items:center!important;gap:4px!important;transition:all .3s ease!important}.step-button:hover,.action-button:hover{background-color:var(--hover-bg-light)!important;transform:translateY(-1px)}.step-button.selected,.action-button.selected{background-color:var(--selected-bg-dark)!important;box-shadow:var(--shadow-dark)}.sidebar-title{position:relative;width:calc(100% - 12px)!important;height:36px;border-radius:16px;padding:8px 16px;background:var(--title-bg);box-shadow:var(--shadow-green);display:flex;align-items:center;justify-content:flex-start;margin:16px 6px 12px;box-sizing:border-box}.sidebar-title-text{color:var(--text-dark-green);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);text-align:left;margin-left:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:var(--letter-spacing-wider);font-family:var(--font-primary)}.vertical-line{position:absolute;left:16px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--line-light),var(--line-color),var(--line-light));z-index:1}.step-button .MuiListItemIcon-root,.action-button .MuiListItemIcon-root{min-width:28px!important;margin-right:0!important;margin-left:0!important;display:flex;align-items:center;justify-content:center}.step-button .MuiSvgIcon-root,.action-button .MuiSvgIcon-root{font-size:20px!important;color:var(--text-white)!important;transition:all .3s ease}.step-button.selected .MuiSvgIcon-root,.action-button.selected .MuiSvgIcon-root{transform:scale(1.1)}.step-button:hover .MuiSvgIcon-root,.action-button:hover .MuiSvgIcon-root{color:var(--primary-green)!important;transform:scale(1.05)}.step-button .MuiListItemText-primary,.action-button .MuiListItemText-primary{font-size:var(--font-size-md)!important;font-weight:var(--font-weight-medium)!important;white-space:nowrap!important;overflow:hidden!important;text-align:justify;text-overflow:ellipsis!important;line-height:var(--line-height-normal)!important;color:var(--text-light)!important;flex:1!important;min-width:0!important;letter-spacing:var(--letter-spacing-wide);font-family:var(--font-secondary)}.step-button.selected .MuiListItemText-primary,.action-button.selected .MuiListItemText-primary{font-weight:var(--font-weight-semibold)!important;color:#fff!important}.MuiList-root{padding:8px 0!important;width:100%!important}.MuiListItem-root{padding:0!important;width:100%!important}.MuiListItemButton-root{padding:0!important;width:100%!important;border-radius:16px!important}.custom-scrollbar{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.custom-scrollbar::-webkit-scrollbar{display:none}.step-icon.completed{color:var(--primary-green)!important}.step-icon.active{color:var(--primary-green)!important;transform:scale(1.1)}.step-button:after,.action-button:after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,rgba(76,175,80,.1),transparent);opacity:0;transition:opacity .3s ease;z-index:-1}.step-button.selected:after,.action-button.selected:after{opacity:1}@media (max-width: 768px){.sidebar-title{height:34px}.sidebar-title-text{font-size:var(--font-size-sm)}.step-button,.action-button{font-size:var(--font-size-sm)!important;padding:10px 14px!important;min-height:38px!important;gap:4px!important}}@media (max-width: 480px){.sidebar-title{height:32px;margin:12px 6px 8px}.sidebar-title-text{font-size:var(--font-size-xs)}.sidebar-step{padding-left:28px}.step-button,.action-button{font-size:var(--font-size-xs)!important;padding:8px 12px!important;min-height:36px!important;gap:8px!important}.step-button .MuiSvgIcon-root,.action-button .MuiSvgIcon-root{font-size:18px!important}}.sidebar-content{width:100%!important;display:flex!important;flex-direction:column!important}.sidebar-section{width:100%!important;margin-bottom:20px!important}.MuiListItemText-root{flex:1 1 auto!important;min-width:0!important}body,html{margin:0!important;padding:0!important;font-family:Almarai,sans-serif!important}:root{--table-bg: #ffffff;--table-header-bg: #f5f7f6;--table-header-text: #1a472a;--table-border: rgba(209, 214, 212, .5);--table-text: #333333;--table-row-hover: rgba(76, 175, 80, .05);--table-selected: rgba(76, 175, 80, .1);--table-checkbox: #4CAF50;--hover-selected:#364b63;--header-table:rgba(209, 214, 212, .25);--primary-green: #4CAF50;--primary-dark-green: #0F2F25;--primary-light-green: #45a049;--gradient-green: rgba(48, 149, 117, .3);--sidebar-bg-dark: #0F2F25;--sidebar-bg-light: #ffffff;--title-bg: #F8F8F8D4;--selected-bg: rgba(76, 175, 80, .1);--hover-bg-light: rgba(209, 214, 212, .25);--hover-bg-dark: rgba(76, 175, 80, .2);--selected-bg-dark: rgba(209, 214, 212, .4);--text-white: #ffffff;--text-dark: #333333;--text-light: rgba(205, 210, 216, .9);--text-dark-green: #1a472a;--text-selected: rgba(33, 37, 41, 1);--logo-color:rgba(220, 249, 216, 1);--border-light: #e0e0e0;--border-green: rgba(76, 175, 80, .3);--line-color: rgba(209, 214, 212, .6);--line-light: rgba(209, 214, 212, .3);--shadow-green: 0px 2px 4px 0px #30957566;--shadow-dark: 0 2px 8px rgba(0, 0, 0, .15);--scrollbar-track: rgba(255, 255, 255, .1);--scrollbar-thumb: rgba(76, 175, 80, .3);--scrollbar-thumb-hover: rgba(76, 175, 80, .5);--bg-form: rgba(234, 239, 237, 1);--font-primary: "Almarai", sans-serif;--font-secondary: "Almarai", sans-serif;--font-mono: "Almarai", sans-serif;--font-hero-primary: "Almarai", sans-serif;--font-hero-secondary: "Almarai", sans-serif;--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-base: .85rem;--font-size-md: .9rem;--font-size-lg: 1rem;--font-size-xl: 1.1rem;--font-size-2xl: 1.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.3;--line-height-relaxed: 1.5;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--form-primary-dark: #0F2F25;--form-primary-medium: #1a472a;--form-primary-light: #4CAF50;--form-background-white: #ffffff;--form-error-color: #d32f2f;--form-error-bg: rgba(211, 47, 47, .1);--form-error-bg-hover: rgba(211, 47, 47, .2);--form-primary-gradient: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);--form-primary-gradient-hover: linear-gradient(135deg, #45a049 0%, #3d8b40 100%);--form-primary-gradient-active: linear-gradient(135deg, #3d8b40 0%, #357a38 100%);--form-title-size: 1.1rem;--form-subtitle-size: .95rem;--form-button-size: 1rem;--form-label-size: .9rem;--form-spacing-xs: 8px;--form-spacing-sm: 16px;--form-spacing-md: 24px;--form-spacing-lg: 32px;--form-border-radius-sm: 6px;--form-border-radius-md: 8px;--form-border-radius-lg: 16px;--hero-bg-overlay: rgba(0, 0, 0, .6);--hero-text-white: #ffffff;--hero-button-bg: #ffffff;--hero-button-color: #2E7D32;--hero-button-hover-bg: #f8f9fa;--hero-menu-bg: #ffffff;--hero-menu-color: #000000;--hero-logo-size: 1.75rem;--hero-nav-size: 1rem;--hero-title-mobile: 2.5rem;--hero-title-desktop: 3.5rem;--hero-subtitle-mobile: 1rem;--hero-subtitle-desktop: 1.2rem;--hero-button-size: 1.1rem;--hero-weight-extrabold: 700;--hero-weight-bold: 600;--hero-weight-medium: 500;--hero-weight-normal: 400;--hero-padding-mobile: 2rem 1rem;--hero-padding-desktop: 4rem 0;--hero-button-padding: 14px 36px;--hero-nav-gap: 2rem;--hero-menu-margin: 8px;--hero-text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);--hero-title-shadow: 2px 2px 4px rgba(0, 0, 0, .5);--hero-button-shadow: 0 8px 25px rgba(0, 0, 0, .3);--hero-button-hover-shadow: 0 12px 35px rgba(0, 0, 0, .4);--hero-border-radius: 50px;--hero-menu-radius: 8px;--hero-transition: all .3s ease;--hero-hover-transform: translateY(-2px);--hero-nav-hover-bg: rgba(255, 255, 255, .1);--sidebar-first-bg: #ffffff;--sidebar-second-bg: #0F2F25;--sidebar-first-text: #333333;--sidebar-second-text: #ffffff;--sidebar-toggle-bg: #4CAF50;--sidebar-toggle-hover-bg: #45a049;--sidebar-border-color: #e0e0e0;--sidebar-first-width: 80px;--sidebar-second-width: 300px;--sidebar-toggle-width: 24px;--sidebar-toggle-height: 24px;--sidebar-toggle-top: 16px;--sidebar-toggle-left: 16px;--sidebar-second-toggle-left: 375px;--sidebar-collapsed-toggle-left: 80px;--sidebar-scrollbar-width: 6px;--sidebar-scrollbar-track: rgba(31, 8, 8, .1);--sidebar-scrollbar-thumb: rgba(0, 0, 0, .3);--sidebar-scrollbar-thumb-hover: rgba(255, 255, 255, .5);--sidebar-scrollbar-radius: 10px;--sidebar-transition-duration: .3s;--sidebar-transition-easing: ease;--sidebar-first-width-collapsed: 40px;--sidebar-z-index: 1300;--root-background: #f8f9fa;--part-background: #ffffff;--root-color: #2c3e50;--part-color: #34495e;--sidenav-hover: #e9ecef;--header-background: #ffffff;--header-color: #2c3e50;--header-hover: #f8f9fa;--cell-background: #f8f9fa;--cell-color: #2c3e50;--cell-hover: #f8f9fa;--order-color: #6c757d;--modal-border: #dee2e6;--error-bg: #dc3545;--primary: #2c3e50;--accent: #3498db;--xx-large: 32px;--x-large: 24px;--large: 20px;--medium: 18px;--small: 16px;--x-small: 12px;--xx-small: 12px}*,.MuiTypography-root,.MuiInputBase-root,.MuiButton-root,.MuiInputLabel-root,.MuiTableCell-root,.MuiMenuItem-root,.MuiDataGrid-root{font-family:Almarai,sans-serif!important}.App{max-width:100vw;min-height:100vh;display:flex;color:var(--root-color);align-content:stretch;overflow:hidden;font-family:var(--font-primary)}h1,h2,h3,.dashboard-title{font-weight:700!important;font-family:Almarai,sans-serif!important}.dark-theme{--table-bg: rgba(14, 27, 23, 1);--table-header-bg: rgba(15, 47, 37, 1);--table-header-text: #ffffff;--table-border: rgba(27, 84, 67, .2);--table-text: #e0e0e0;--table-row-hover: rgba(27, 84, 67, .2);--table-selected: rgba(27, 84, 67, 1);--table-checkbox: rgba(27, 84, 67, 1);--part-background: rgba(14, 27, 23, 1);--part-color: #c7cad1;--sidebar-scrollbar-track: rgba(255, 255, 255, .1);--sidebar-scrollbar-thumb: rgba(255, 255, 255, .3);--primary-color: #23958b;--primary-light: #2fa59b;--primary-dark: #1a857b;--secondary-color: #295eac;--background-color: #0a111b;--paper-color: #101a28;--text-primary: #ffffff;--text-secondary: #c7cad1;--form-label: #ffffff;--border-color: #333333;--header-table:#1b2330;--box-forms:rgba(15, 47, 37, 1);--hover-selected:#28425c;--root-background: rgb(20, 26, 40);--part-background: rgba(19, 40, 35, 1);--root-color: rgb(255, 255, 255);--part-color: rgb(199, 202, 209);--sidenav-hover: rgb(41, 47, 61);--header-background: rgb(60, 66, 80);--header-color: rgb(188, 191, 198);--header-hover: rgb(71, 77, 91);--cell-background: rgba(14, 27, 23, 1);--cell-color: rgb(214, 217, 226);--cell-hover: rgb(11, 35, 22);--order-color: rgb(118, 121, 128);--modal-border: rgb(91, 97, 101);--error-bg: rgb(160, 17, 36);--primary: rgb(35, 149, 139);--accent: rgb(41, 94, 172);--text-dark: rgb(255, 255, 255);--form-primary-dark: rgb(255, 255, 255);--form-primary-medium: rgb(199, 202, 209);--form-primary-light: rgb(35, 149, 139);--form-background-white: rgba(19, 40, 35, 1);--form-error-color: rgb(244, 67, 54);--sidebar-first-bg: rgba(14, 27, 23, 1);--sidebar-first-text: rgb(255, 255, 255);--sidebar-second-text: rgb(255, 255, 255);--sidebar-toggle-bg: rgb(35, 149, 139);--sidebar-toggle-hover-bg: rgb(30, 139, 129);--sidebar-border-color: rgb(60, 66, 80);--hero-button-bg: rgb(35, 149, 139);--hero-button-color: rgb(255, 255, 255);--hero-button-hover-bg: rgb(30, 139, 129);--hero-menu-bg: rgb(30, 37, 50);--hero-menu-color: rgb(255, 255, 255)}.MuiFormLabel-root,.MuiInputLabel-root,.MuiTypography-caption,.MuiTextField-root .MuiInputLabel-root{color:var(--text-dark)!important}.MuiTextField-root .MuiOutlinedInput-root{background-color:var(--cell-background)!important;color:var(--cell-color)!important}.MuiTextField-root .MuiOutlinedInput-notchedOutline{border-color:var(--form-border-color)!important}*::selection{background-color:var(--primary);color:#fff}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}[dir=rtl] .sidebar-step{padding-left:0;padding-right:32px}[dir=rtl] .sidebar-step:before{left:auto;right:16px}[dir=rtl] .vertical-line{left:auto;right:16px}.App{max-width:100vw;min-height:100vh;display:flex;color:var(--root-color);align-content:stretch;overflow:hidden;--fc-page-bg-color: var(--cell-background);--fc-border-color: var(--modal-border);--fc-neutral-bg-color: var(--cell-hover);--fc-today-bg-color: var(--primary);--fc-event-border-color: var(--accent);--fc-event-bg-color: var(--accent);--xx-large: 32px;--x-large: 24px;--large: 20px;--medium: 18px;--small: 16px;--x-small: 14px;--xx-small: 12px}.remain{display:flex;flex-direction:column;background-color:var(--root-background);width:100%;max-height:100%;padding:8px}.header{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--root-color);text-align:left;border-radius:8px;height:46px;margin-bottom:8px;padding:0 12px;background-color:var(--part-background)}.window{position:relative;display:flex;padding:16px;color:var(--part-color);background-color:var(--part-background);border-radius:8px;width:100%;height:calc(100% - 56px);font-size:var(--small)}.configuration{width:100%;height:100%}.config-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}h3{padding:8px}.add-btn{height:32px;padding:4px 12px;display:flex;align-items:center;gap:8px;background-color:var(--primary);border:none;outline:none;border-radius:5px;cursor:pointer;transition:opacity .3s ease}.add-btn:hover{opacity:.8;outline:10px solid rgba(122,122,122,.05)}.add-btn:active{outline:10px solid rgba(122,122,122,.1)}.add-btn span{font-size:var(--x-small);font-weight:700;color:#000}.add-btn span:first-child{font-size:var(--large);font-weight:300}.link-container{width:100%;display:flex;align-items:center;justify-content:center;gap:4px;position:sticky;bottom:0;background-color:var(--cell-hover)}.link{display:block;width:50%;padding:8px;font-size:var(--medium);font-weight:500;text-align:center;text-decoration:none;color:var(--accent);transition:text-decoration .3s ease}.link:hover{text-decoration:underline}.status{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:17;font-weight:700}.dashboard-container{overflow:auto;scrollbar-width:thin;padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px}.dashboard{width:100%;display:grid;align-items:stretch;justify-content:stretch;gap:4px}.dashboard-title{width:100%;text-align:center;font-size:var(--medium);padding:8px 12px;margin-bottom:4px;font-weight:500;background-color:var(--root-background);color:var(--root-color);border-radius:4px}.auto-mode-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:12px}.auto-mode-link{color:var(--accent);font-size:var(--medium);font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.auto-mode-link:hover{text-decoration:underline;opacity:.9}@media (max-width: 800px){.App{--xx-large: 24px;--x-large: 20px;--large: 18px;--medium: 16px;--small: 14px;--x-small: 12px;--xx-small: 10px}}@media (max-width: 600px){.App{--xx-large: 20px;--x-large: 18px;--large: 16px;--medium: 14px;--small: 12px;--x-small: 10px;--xx-small: 8px}}.dark-theme .MuiSelect-select{background-color:var(--selected-bg)!important;color:var(--cell-color)!important;border:1px solid var(--form-border-color)!important}.dark-theme .MuiOutlinedInput-notchedOutline{border-color:var(--form-border-color)!important}.dark-theme .MuiSelect-icon{color:var(--form-primary-light)!important}.dark-theme .MuiMenu-paper{background-color:var(--cell-background)!important;color:var(--cell-color)!important;border:1px solid var(--form-border-color)!important}.dark-theme .MuiMenuItem-root{color:var(--cell-color)!important}.dark-theme .MuiMenuItem-root:hover{background-color:var(--sidenav-hover)!important}.dark-theme .MuiMenuItem-root.Mui-selected{background-color:var(--selected-bg)!important;color:var(--form-primary-light)!important}[dir=rtl] .MuiDataGrid-columnHeaderTitleContainer{flex-direction:row-reverse!important;justify-content:flex-start!important}[dir=rtl] .MuiDataGrid-columnHeaderTitleContainerContent{order:1!important}[dir=rtl] .MuiDataGrid-iconButtonContainer{order:2!important;margin-right:0!important;margin-left:8px!important}[dir=rtl] .MuiDataGrid-menuIcon{order:3!important;margin-right:auto!important;margin-left:0!important}[dir=rtl] .MuiDataGrid-columnSeparator{left:0!important;right:auto!important}[dir=rtl] .MuiDataGrid-columnHeadersInner{width:100%!important;display:flex!important;flex-direction:row-reverse!important}[dir=rtl] .MuiInputLabel-root{right:0!important;left:auto!important;transform-origin:top right!important;text-align:right!important;width:100%;padding-right:14px}[dir=rtl] .MuiInputLabel-shrink{transform:translate(-14px,-9px) scale(.75)!important;right:0!important;left:auto!important}[dir=rtl] .MuiInputBase-input{text-align:right!important}[dir=rtl] .MuiInputAdornment-root{margin-left:8px;margin-right:0}[dir=rtl] .MuiOutlinedInput-notchedOutline{text-align:right!important}[dir=rtl] .MuiOutlinedInput-notchedOutline legend{text-align:right!important;margin-right:10px;margin-left:auto}.loader{position:absolute;inset:0}.jimu-primary-loading:before,.jimu-primary-loading:after{position:absolute;top:0;content:""}.jimu-primary-loading:before{left:-19.992px}.jimu-primary-loading:after{left:19.992px;-webkit-animation-delay:.32s!important;animation-delay:.32s!important}.jimu-primary-loading:before,.jimu-primary-loading:after,.jimu-primary-loading{background:#076fe5;-webkit-animation:loading-keys-app-loading .8s infinite ease-in-out;animation:loading-keys-app-loading .8s infinite ease-in-out;width:13.6px;height:32px}.jimu-primary-loading{text-indent:-9999em;margin:auto;position:absolute;right:calc(50% - 6.8px);top:calc(50% - 16px);-webkit-animation-delay:.16s!important;animation-delay:.16s!important}@-webkit-keyframes loading-keys-app-loading{0%,80%,to{opacity:.75;box-shadow:0 0 #076fe5;height:32px}40%{opacity:1;box-shadow:0 -8px #076fe5;height:40px}}@keyframes loading-keys-app-loading{0%,80%,to{opacity:.75;box-shadow:0 0 #076fe5;height:32px}40%{opacity:1;box-shadow:0 -8px #076fe5;height:40px}}