mada-design-system 0.5.1 → 0.5.2

package/index.es92.js

@@ -1,6 +1,6 @@
 import { jsx as O } from "react/jsx-runtime";
 import { useState as y, useReducer as C, useMemo as I, useRef as b, useEffect as v, useCallback as A } from "react";
-import { UserManager as M } from "./index.es177.js";
+import { UserManager as M } from "./index.es175.js";
 import { AuthContext as L } from "./index.es91.js";
 import { initialAuthState as x } from "./index.es93.js";
 import { reducer as D } from "./index.es90.js";

package/index.es96.js

@@ -1,5 +1,5 @@
-import { create as s } from "./index.es101.js";
-import { THEME as e } from "./index.es104.js";
+import { create as s } from "./index.es166.js";
+import { THEME as e } from "./index.es152.js";
 import o from "./index.es88.js";
 const a = () => {
   window.matchMedia("(prefers-color-scheme: dark)").matches ? document.body.classList.add("dark") : document.body.classList.remove("dark");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mada-design-system",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "sideEffects": false,
   "private": false,
   "main": "index.es.js",

package/style.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--sidebar-width: 88px;--sidebar-width-mobile: 320px;--sidebar-width-icon: 3rem;--container-size: 1280px;--background: #F9FAFB;--background-foreground: #161616;--background-secondary: #F3F4F6;--background-brand: #F7FDF9;--foreground: #161616;--overlay: #16161699;--foreground-secondary: #384250;--foreground-tertiary: #6C737F;--card: #fff;--card-foreground: #161616;--card-hover: #E5E7EB;--card-active: #D2D6DB;--popover: #fff;--popover-foreground: #161616;--primary: #1B8354;--primary-foreground: #fff;--primary-light: #88D8AD;--primary-dark: #166A45;--primary-oncontainer: #104631;--primary-container: #DFF6E7;--secondary: #DBA102;--secondary-foreground: #fff;--secondary-light: #FAE996;--secondary-dark: #B87B02;--secondary-oncontainer: #6E3C00;--secondary-container: #FFFCE6;--tertiary: #6D428F;--tertiary-foreground: #fff;--tertiary-light: #CCADD9;--tertiary-dark: #532D75;--tertiary-oncontainer: #281047;--tertiary-container: #F2E9F5;--error: #D92D20;--error-foreground: #fff;--error-light: #FDA29B;--error-dark: #B42318;--error-oncontainer: #7A271A;--error-container: #FEE4E2;--sucess: #079455;--sucess-foreground: #fff;--sucess-light: #75E0A7;--sucess-dark: #067647;--sucess-oncontainer: #074D31;--sucess-container: #DCFAE6;--warning: #DC6803;--warning-foreground: #fff;--warning-light: #FEC84B;--warning-dark: #B54708;--warning-oncontainer: #7A2E0E;--warning-container: #FEF0C7;--info: #1570EF;--info-foreground: #fff;--info-light: #84CAFF;--info-dark: #175CD3;--info-oncontainer: #194185;--info-container: #D1E9FF;--muted: #fff;--muted-foreground: #161616;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: #F04438;--destructive-foreground: #fff;--inverted: #161616;--inverted-secondary: #353B3A99;--inverted-foreground: #fff;--border: #E5E7EB;--disabled: #9DA4AE;--disabled-foreground: #F9FAFB;--disabled-control-disabled: #9DA4AE;--disabled-border-disabled: #9DA4AE;--input: #9DA4AE;--ring: #0F0F0F;--divider: #353B3A3B;--skeleton: #9DA4AE;--radius: 12px;--primary-10: #FFFFFF;--primary-25: #F7FDF9;--primary-50: #F3FCF6;--primary-100: #DFF6E7;--primary-200: #B8EACB;--primary-300: #88D8AD;--primary-400: #54C08A;--primary-500: #25935F;--primary-600: #1B8354;--primary-700: #166A45;--primary-800: #14573A;--primary-900: #104631;--primary-950: #092A1E;--secondary-10: #FFFFFF;--secondary-25: #FFFEF7;--secondary-50: #FFFEF2;--secondary-100: #FFFCE6;--secondary-200: #FCF3BD;--secondary-300: #FAE996;--secondary-400: #F7D54D;--secondary-500: #F5BD02;--secondary-600: #DBA102;--secondary-700: #B87B02;--secondary-800: #945C01;--secondary-900: #6E3C00;--secondary-950: #472400;--tertiary-10: #FFFFFF;--tertiary-25: #FEFCFF;--tertiary-50: #F9F5FA;--tertiary-100: #F2E9F5;--tertiary-200: #E1CCE8;--tertiary-300: #CCADD9;--tertiary-400: #A57BBA;--tertiary-500: #80519F;--tertiary-600: #6D428F;--tertiary-700: #532D75;--tertiary-800: #3D1D5E;--tertiary-900: #281047;--tertiary-950: #16072E;--text-default: #161616;--text-primary: var(--primary-600);--text-secondary: var(--secondary-600);--text-tertiary: var(--tertiary-600);--text-primary-sa-flag: var(--primary-800);--text-display: #1F2A37;--text-paragraph-primary: #384250;--text-paragraph-secondary: #6C737F;--text-oncolor-primary: #fff;--text-oncolor-secondary: #FFFFFFCC;--text-oncolor-tertiary: #FFFFFFB2;--text-success: #067647;--text-info: #175CD3;--text-warning: #B54708;--text-error: #B42318;--text-primary-light: var(--primary-300);--text-secondary-light: var(--secondary-300);--text-tertiary-light: var(--tertiary-300);--text-default-disabled: #9DA4AE;--text-default-oncolor-disabled: #FFFFFF66;--text-form-title: var(--text-default);--text-form-paragraph: var(--text-paragraph-secondary);--field-text-label: var(--text-default);--field-text-placeholder: var(--text-paragraph-secondary);--field-text-hovered: var(--text-default);--field-text-focused: var(--text-paragraph-primary);--field-text-pressed: var(--text-paragraph-primary);--field-text-filled: var(--text-default);--field-text-readonly: var(--text-default);--field-text-helper: var(--text-paragraph-secondary);--field-background-default: var(--background-card);--field-background-lighter: #FCFCFD;--field-background-darker: #F3F4F6;--field-background-pressed: #F3F4F6;--field-border-default: #9DA4AE;--field-border-hovered: #384250;--field-border-pressed: #0D121C;--field-border-error: var(--border-error);--border-primary: #E5E7EB;--border-secondary: #D2D6DB;--border-white: #fff;--border-white-40: #FFFFFF66;--border-black: #161616;--border-primary-default: var(--primary-600);--border-primary-light: var(--primary-200);--border-secondary-default: var(--secondary-600);--border-secondary-light: var(--secondary-200);--border-tertiary: var(--tertiary-500);--border-tertiary-light: var(--tertiary-200);--border-neutral-primary: #D2D6DB;--border-neutral-secondary: #E5E7EB;--border-neutral-tertiary: #F3F4F6;--border-background-white: #F3F4F6;--border-background-neutral: #D2D6DB;--border-transparent-10: #FFFFFF19;--border-oncolor-transparent-30: #FFFFFF4C;--border-success: #067647;--border-success-light: #ABEFC6;--border-info: #175CD3;--border-info-light: #B2DDFF;--border-warning: #B54708;--border-warning-light: #FEDF89;--border-error: #B42318;--border-error-light: #FECDCA;--border-disabled: #D2D6DB;--control-primary: #fff;--control-primary-checked: var(--primary-600);--control-primary-hovered: var(--primary-800);--control-primary-pressed: var(--primary-900);--control-primary-focused: var(--primary-600);--control-neutral-checked: #0D121C;--control-neutral-hovered: #4D5761;--control-neutral-pressed: #6C737F;--control-neutral-focused: #0D121C;--control-primary--readonly: #fff;--control-pressed: #D2D6DB;--control-ripple-effect: #F3F4F6;--control-border: #6C737F;--control-icon-hovered: #fff;--control-icon-pressed: #fff;--control-icon-disabled: #fff;--control-border-disabled: #9DA4AE;--control-disabled: #D2D6DB;--tag-background-neutral: #4D5761;--tag-background-neutral-light: #F9FAFB;--tag-background-on-color: #FFFFFF33;--tag-text-neutral: #1F2A37;--tag-text-success: #085D3A;--tag-text-info: #1849A9;--tag-text-warning: #93370D;--tag-text-error: #912018;--tag-text-primary: var(--primary-800);--tag-text-secondary: var(--secondary-800);--tag-icon-primary: var(--primary-800);--tag-icon-secondary: var(--secondary-800);--tag-icon-tertiary: var(--tertiary-800);--tag-text-tertiary: var(--tertiary-800);--tag-icon-neutral: #1F2A37;--tag-icon-success: #085D3A;--tag-icon-info: #1849A9;--tag-icon-warning: #93370D;--tag-icon-error: #912018;--tag-background-success: #067647;--tag-background-success-light: #ECFDF3;--tag-background-info: #1570EF;--tag-background-info-light: #EFF8FF;--tag-background-warning: #B54708;--tag-background-warning-light: #FFFAEB;--tag-background-error: #D92D20;--tag-background-error-light: #FEF3F2;--tag-background-primary: var(--primary-600);--tag-background-primary-light: var(--primary-50);--tag-background-secondary: var(--secondary-600);--tag-background-secondary-light: var(--secondary-50);--tag-background-tertiary: var(--tertiary-600);--tag-background-tertiary-light: var(--tertiary-50);--tag-border-neutral: #4D5761;--tag-border-neutral-light: #F9FAFB;--tag-border-on-color: #FFFFFF99;--tag-border-success: #067647;--tag-border-success-light: #ABEFC6;--tag-border-info: #175CD3;--tag-border-info-light: #B2DDFF;--tag-border-warning: #B54708;--tag-border-warning-light: #FEDF89;--tag-border-error: #B42318;--tag-border-error-light: #FECDCA;--tag-border-primary: var(--primary-700);--tag-border-primary-light: var(--primary-200);--tag-border-secondary: var(--secondary-700);--tag-border-secondary-light: var(--secondary-200);--tag-border-tertiary: var(--tertiary-700);--tag-border-tertiary-light: var(--tertiary-200);--tag-dot: #FFFFFF99;--icon-oncolor: #fff;--icon-default: #161616;--icon-default-500: #6C737F;--icon-default-400: #9DA4AE;--icon-primary: var(--primary-600);--icon-primary-light: var(--primary-50);--icon-primary-400: var(--primary-400);--icon-neutral: #384250;--icon-neutral-light: #F9FAFB;--icon-secondary: var(--secondary-600);--icon-secondary-light: var(--secondary-50);--icon-tertiary: var(--tertiary-500);--icon-tertiary-light: var(--tertiary-50);--icon-success: #067647;--icon-success-light: #ECFDF3;--icon-info: #175CD3;--icon-info-light: #EFF8FF;--icon-warning: #B54708;--icon-warning-light: #FFFAEB;--icon-error: #B42318;--icon-error-light: #FEF3F2;--background-warning-light: var(--background-warning-50);--background-error-light: var(--background-error-50);--background-primary-light: var(--background-primary-50);--background-info-light: var(--background-info-50);--background-success-light: var(--background-success-50);--unselected-tab-icon: #384250;--icon-default-disabled: #9DA4AE;--icon-default-oncolor-disabled: #FFFFFF66;--background-white: #fff;--background-body: #F9FAFB;--background-menu: #fff;--background-muted: #FCFCFD;--background-card: #fff;--surface-oncolor: #161616;--background-black: #161616;--background-neutral-800: #1F2A37;--background-neutral-400: #9DA4AE;--background-neutral-300: #D2D6DB;--background-neutral-200: #E5E7EB;--background-neutral-100: #F3F4F6;--background-neutral-50: #F9FAFB;--background-neutral-25: #FCFCFD;--background-primary: var(--primary-600);--background-primary-400: var(--primary-400);--background-primary-200: var(--primary-200);--background-primary-50: var(--primary-50);--background-primary-25: var(--primary-25);--background-secondary-default: var(--secondary-600);--background-secondary-50: var(--secondary-50);--background-secondary-25: var(--secondary-25);--background-tertiary: var(--tertiary-600);--background-tertiary-50: var(--tertiary-50);--background-tertiary-25: var(--tertiary-25);--background-success: #079455;--background-success-50: #ECFDF3;--background-success-25: #F6FEF9;--background-info: #1570EF;--background-info-50: #EFF8FF;--background-info-25: #F5FAFF;--background-warning: #DC6803;--background-warning-50: #FFFAEB;--background-warning-25: #FFFCF5;--background-error: #D92D20;--background-error-50: #FEF3F2;--background-error-25: #FFFBFA;--background-SA-Flag: #074D31;--background-SA-Flag-50: #ECFDF3;--background-SA-Flag-25: #F6FEF9;--background-notification-white: #fff;--background-nav-header: var(--primary-800);--background-disabled: #E5E7EB;--background-disabled-primary: var(--primary-200);--background-inverse-disabled: #F3F4F6;--background-black-default: #0D121C;--background-black-hovered: #1F2A37;--background-black-pressed: #4D5761;--background-black-selected: #384250;--background-black-focused: #0D121C;--background-primary-default: var(--primary-600);--background-primary-hovered: var(--primary-700);--background-primary-pressed: var(--primary-900);--background-primary-selected: var(--primary-800);--background-primary-focused: var(--primary-600);--background-neutral-default: #F3F4F6;--background-neutral-hovered: #F3F4F6;--background-neutral-pressed: #E5E7EB;--background-neutral-selected: #E5E7EB;--background-neutral-focused: #F3F4F6;--background-error-default: #D92D20;--background-error-hovered: #B42318;--background-error-pressed: #7A271A;--background-error-selected: #912018;--background-error-focused: #D92D20;--label-error-primary-oncolor-1: #FECDCA;--label-error-primary-oncolor-2: #FDA29B;--label-error-primary-oncolor-3: #F97066;--background-error-secondary-default: #FEF3F2;--background-error-secondary-hovered: #FEE4E2;--background-error-secondary-pressed: #FECDCA;--background-error-secondary-selected: #FEF3F2;--background-error-secondary-focused: #FEF3F2;--background-primary-light-default: var(--primary-50);--background-primary-light-hovered: var(--primary-100);--background-primary-light-pressed: var(--primary-200);--background-primary-light-selected: var(--primary-50);--background-primary-light-focused: var(--primary-50);--background-oncolor-default: #fff;--background-oncolor-hovered: #FFFFFFCC;--background-oncolor-pressed: #FFFFFF99;--background-oncolor-selected: #FFFFFFB2;--background-oncolor-focused: #FFFFFF;--background-transparent-default: #FFFFFF00;--background-transparent-hovered: #FFFFFF33;--background-transparent-pressed: #FFFFFF66;--background-transparent-selected: #FFFFFF4C;--background-transparent-focused: #FFFFFF00;--background-disabled-oncolor: #FFFFFF33;--label-transparent-hover-oncolor: var(--primary-400);--label-transparent-pressed-oncolor: var(--primary-300);--label-transparent-selected-oncolor: var(--primary-400);--icon-transparent-hover-oncolor: var(--primary-400);--icon-transparent-pressed-oncolor: var(--primary-300);--icon-transparent-selected-oncolor: var(--primary-400);--link-primary: var(--primary-600);--link-primary-hovered: var(--primary-400);--link-primary-pressed: var(--primary-300);--link-primary-focused: var(--primary-600);--link-primary-visited: var(--primary-800);--link-icon-primary-hovered: var(--primary-400);--link-icon-primary-pressed: var(--primary-300);--link-icon-primary-focused: var(--primary-600);--link-icon-primary-visited: var(--primary-800);--link-neutral: #384250;--link-neutral-hovered: #6C737F;--link-neutral-pressed: #9DA4AE;--link-neutral-focused: #384250;--link-neutral-visited: #4D5761;--link-icon-neutral-hovered: #6C737F;--link-icon-neutral-pressed: #9DA4AE;--link-icon-neutral-focused: #384250;--link-icon-neutral-visited: #4D5761;--link-oncolor: #fff;--link-oncolor-hovered: #FFFFFFCC;--link-icon-oncolor-hovered: #FFFFFFCC;--link-oncolor-pressed: #FFFFFF99;--link-icon-oncolor-pressed: #FFFFFF99;--link-oncolor-focused: #fff;--link-oncolor-visited: #FFFFFFE5;--link-icon-oncolor-visited: #FFFFFFE5;--link-oncolor-disabled: #FFFFFF4C;--link-icon-oncolor-disabled: #FFFFFF4C;--link-error: #D92D20;--link-error-hovered: #B42318;--link-icon-error-hovered: #B42318;--link-error-pressed: #7A271A;--link-icon-error-pressed: #7A271A;--link-error-focused: #912018;--link-icon-error-focused: #912018;--link-error-visited: #D92D20;--link-icon-error-visited: #D92D20;--link-secondary: var(--secondary-600);--link-secondary-hovered: var(--secondary-400);--link-secondary-pressed: var(--secondary-300);--link-secondary-focused: var(--secondary-600);--link-secondary-visited: var(--secondary-900);--link-tertiary: var(--tertiary-500);--link-tertiary-hovered: var(--tertiary-400);--link-tertiary-pressed: var(--tertiary-300);--link-tertiary-focused: var(--tertiary-500);--link-tertiary-visited: var(--tertiary-800)}.dark{--background: #384250;--background-foreground: #fff;--background-secondary: #384250;--background-brand: #111927;--foreground: #fff;--overlay: #161616B2;--foreground-secondary: #F3F4F6;--foreground-tertiary: #E5E7EB;--card: #1F2A37;--card-foreground: #fff;--card-hover: #384250;--card-active: #111927;--popover: #161616;--popover-foreground: #fff;--primary: #25935F;--primary-foreground: #fff;--primary-light: #54C08A;--primary-dark: #1B8354;--primary-oncontainer: #F3FCF6;--primary-container: #104631;--secondary: #80519F;--secondary-foreground: #fff;--secondary-light: #A57BBA;--secondary-dark: #6D428F;--secondary-oncontainer: #F9F5FA;--secondary-container: #281047;--tertiary: #2E90FA;--tertiary-foreground: #fff;--tertiary-light: #53B1FD;--tertiary-dark: #1570EF;--tertiary-oncontainer: #EFF8FF;--tertiary-container: #194185;--error: #F04438;--error-foreground: #fff;--error-light: #F97066;--error-dark: #D92D20;--error-oncontainer: #FEF3F2;--error-container: #7A271A;--sucess: #17B26A;--sucess-foreground: #fff;--sucess-light: #47CD89;--sucess-dark: #079455;--sucess-oncontainer: #ECFDF3;--sucess-container: #074D31;--warning: #F79009;--warning-foreground: #fff;--warning-light: #FDB022;--warning-dark: #DC6803;--warning-oncontainer: #FFFAEB;--warning-container: #7A2E0E;--info: #2E90FA;--info-foreground: #fff;--info-light: #53B1FD;--info-dark: #1570EF;--info-oncontainer: #EFF8FF;--info-container: #194185;--muted: #161616;--muted-foreground: #fff;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: #F04438;--destructive-foreground: #fff;--inverted: #fff;--inverted-secondary: #CECECE;--inverted-foreground: #242629;--border: #6C737F;--disabled: #9DA4AE;--disabled-foreground: #F9FAFB;--disabled-control-disabled: #FFFFFF4C;--disabled-border-disabled: #9DA4AE;--input: #6C737F;--ring: #0F0F0F;--divider: #6C737F;--skeleton: #9DA4AE;--radius: 12px;--text-default: #fff;--text-primary: var(--primary-400);--text-secondary: var(--secondary-400);--text-tertiary: var(--tertiary-400);--text-primary-sa-flag: var(--primary-100);--text-display: #F9FAFB;--text-paragraph-primary: #F3F4F6;--text-paragraph-secondary: #E5E7EB;--text-oncolor-primary: #fff;--text-oncolor-secondary: #161616CC;--text-oncolor-tertiary: #161616B2;--text-success: #47CD89;--text-info: #53B1FD;--text-warning: #FDB022;--text-error: #F97066;--text-primary-light: var(--primary-300);--text-secondary-light: var(--secondary-400);--text-tertiary-light: var(--tertiary-400);--text-default-disabled: #9DA4AE;--text-default-oncolor-disabled: #16161666;--text-form-title: var(--text-default);--text-form-paragraph: var(--text-paragraph-secondary);--field-text-label: var(--text-default);--field-text-placeholder: var(--text-paragraph-secondary);--field-text-hovered: var(--text-default);--field-text-focused: var(--text-paragraph-primary);--field-text-pressed: var(--text-paragraph-primary);--field-text-filled: var(--text-default);--field-text-readonly: var(--text-default);--field-text-helper: var(--text-paragraph-secondary);--field-background-default: #1F2A37;--field-background-lighter: #4D5761;--field-background-darker: #1F2A37;--field-background-pressed: #4D5761;--field-border-default: #6C737F;--field-border-hovered: #E5E7EB;--field-border-pressed: #FCFCFD;--border-primary: #6C737F;--border-secondary: #4D5761;--border-white: #161616;--border-white-40: #16161666;--border-black: #fff;--border-primary-default: var(--primary-600);--border-primary-light: var(--primary-200);--border-secondary-default: var(--secondary-600);--border-secondary-light: var(--secondary-200);--border-tertiary: var(--tertiary-500);--border-tertiary-light: var(--tertiary-200);--border-neutral-primary: #6C737F;--border-neutral-secondary: #384250;--border-neutral-tertiary: #1F2A37;--border-background-white: #4D5761;--border-background-neutral: #4D5761;--border-transparent-10: #16161619;--border-oncolor-transparent-30: #FFFFFF4C;--border-success: #17B26A;--border-success-light: #ABEFC6;--border-info: #175CD3;--border-info-light: #B2DDFF;--border-warning: #B54708;--border-warning-light: #FEDF89;--border-error: #B42318;--border-error-light: #FECDCA;--border-disabled: #6C737F;--control-primary: #16161600;--control-primary-checked: var(--primary-600);--control-primary-hovered: var(--primary-300);--control-primary-pressed: var(--primary-400);--control-primary-focused: var(--primary-600);--control-neutral-checked: #4D5761;--control-neutral-hovered: #9DA4AE;--control-neutral-pressed: #9DA4AE;--control-neutral-focused: #4D5761;--control-primary--readonly: #16161600;--control-pressed: #4D5761;--control-ripple-effect: #111927;--control-border: #9DA4AE;--control-icon-hovered: var(--primary-800);--control-icon-pressed: var(--primary-800);--control-icon-disabled: #9DA4AE;--control-border-disabled: #1616164C;--control-disabled: #D2D6DB;--tag-background-neutral: var(--primary-600);--tag-background-neutral-light: #1F2A37;--tag-background-on-color: #FFFFFF33;--tag-text-neutral: #F3F4F6;--tag-text-success: #085D3A;--tag-text-info: #1849A9;--tag-text-warning: #93370D;--tag-text-error: #912018;--tag-text-primary: var(--primary-800);--tag-text-secondary: var(--secondary-800);--tag-icon-primary: var(--primary-800);--tag-icon-secondary: var(--secondary-800);--tag-icon-tertiary: var(--tertiary-800);--tag-text-tertiary: var(--tertiary-800);--tag-icon-neutral: #F3F4F6;--tag-icon-success: #085D3A;--tag-icon-info: #1849A9;--tag-icon-warning: #93370D;--tag-icon-error: #912018;--tag-background-success: #067647;--tag-background-success-light: #ECFDF3;--tag-background-info: #1570EF;--tag-background-info-light: #EFF8FF;--tag-background-warning: #B54708;--tag-background-warning-light: #FFFAEB;--tag-background-error: #D92D20;--tag-background-error-light: #FEF3F2;--tag-background-primary: var(--primary-600);--tag-background-primary-light: var(--primary-50);--tag-background-secondary: var(--secondary-600);--tag-background-secondary-light: var(--secondary-50);--tag-background-tertiary: var(--tertiary-600);--tag-background-tertiary-light: var(--tertiary-50);--tag-border-neutral: #D2D6DB;--tag-border-neutral-light: #1F2A37;--tag-border-on-color: #FFFFFF99;--tag-border-success: #067647;--tag-border-success-light: #ABEFC6;--tag-border-info: #175CD3;--tag-border-info-light: #B2DDFF;--tag-border-warning: #B54708;--tag-border-warning-light: #FEDF89;--tag-border-error: #B42318;--tag-border-error-light: #FECDCA;--tag-border-primary: var(--primary-700);--tag-border-primary-light: var(--primary-200);--tag-border-secondary: var(--secondary-700);--tag-border-secondary-light: var(--secondary-200);--tag-border-tertiary: var(--tertiary-700);--tag-border-tertiary-light: var(--tertiary-200);--tag-dot: #FFFFFF99;--icon-oncolor: #fff;--icon-default: #fff;--icon-default-500: #E5E7EB;--icon-default-400: #6C737F;--icon-primary: var(--primary-400);--icon-primary-light: var(--primary-50);--icon-primary-400: var(--primary-200);--icon-neutral: #9DA4AE;--icon-neutral-light: #0D121C;--icon-secondary: var(--secondary-400);--icon-secondary-light: var(--secondary-50);--icon-tertiary: var(--tertiary-400);--icon-tertiary-light: var(--tertiary-50);--icon-success: #47CD89;--icon-success-light: #ECFDF3;--icon-info: #53B1FD;--icon-info-light: #EFF8FF;--icon-warning: #FDB022;--icon-warning-light: #FFFAEB;--icon-error: #F97066;--icon-error-light: #FEF3F2;--background-warning-light: var(--background-warning-10);--background-error-light: var(--background-error-10);--background-primary-light: var(--background-primary-10);--background-info-light: var(--background-info-10);--background-success-light: var(--background-success-10);--unselected-tab-icon: #F3F4F6;--icon-default-disabled: #fff;--icon-default-oncolor-disabled: #fff;--background-white: #0D121C;--background-body: #111927;--background-menu: #1F2A37;--background-muted: #384250;--background-card: #1F2A37;--surface-oncolor: #fff;--background-black: #fff;--background-neutral-800: #4D5761;--background-neutral-400: #9DA4AE;--background-neutral-300: #6C737F;--background-neutral-200: #4D5761;--background-neutral-100: #1F2A37;--background-neutral-50: #111927;--background-neutral-25: #0D121C;--background-primary: var(--primary-600);--background-primary-400: var(--primary-400);--background-primary-200: #384250;--background-primary-50: #1B83541A;--background-primary-25: var(--primary-950);--background-secondary-default: var(--secondary-600);--background-secondary-50: #1F2A37;--background-secondary-25: #111927;--background-tertiary: var(--tertiary-600);--background-tertiary-50: #1F2A37;--background-tertiary-25: #111927;--background-success: #079455;--background-success-50: #07945533;--background-success-25: #1B83541A;--background-info: #1570EF;--background-info-50: #EFF8FF;--background-info-25: #F5FAFF;--background-warning: #DC6803;--background-warning-50: #DC680333;--background-warning-25: #DC68031A;--background-error: #D92D20;--background-error-50: #D92D2033;--background-error-25: #D92D201A;--background-SA-Flag: #079455;--background-SA-Flag-50: #1F2A37;--background-SA-Flag-25: #111927;--background-notification-white: #111927;--background-nav-header: var(--primary-800);--background-disabled: #384250;--background-disabled-primary: var(--primary-200);--background-inverse-disabled: #384250;--background-neutral-default: #1F2A37;--background-neutral-hovered: #384250;--background-neutral-pressed: #4D5761;--background-neutral-selected: #384250;--background-neutral-focused: #1F2A37;--background-oncolor-default: #161616;--background-oncolor-hovered: #161616CC;--background-oncolor-pressed: #16161699;--background-oncolor-selected: #161616B2;--background-oncolor-focused: #161616;--background-transparent-default: #16161600;--background-transparent-hovered: #16161633;--background-transparent-pressed: #16161666;--background-transparent-selected: #1616164C;--background-transparent-focused: #16161600;--background-disabled-oncolor: #16161633;--link-neutral: #E5E7EB;--link-neutral-hovered: #9DA4AE;--link-neutral-visited: #D2D6DB;--link-neutral-focused: #E5E7EB;--link-neutral-pressed: #6C737F;--link-icon-neutral-hovered: #9DA4AE;--link-icon-neutral-pressed: #6C737F;--link-icon-neutral-focused: #E5E7EB;--link-icon-neutral-visited: #D2D6DB;--link-icon-oncolor-hovered: #161616CC;--link-icon-oncolor-pressed: #16161699;--link-icon-oncolor-visited: #161616E5;--link-icon-oncolor-disabled: #1616164C}*{border-color:var(--border-primary)}html{scroll-behavior:smooth;font-size:55%}@media (min-width: 640px){html{font-size:62.5%}}body{background-color:var(--background-white);font-family:IBM Plex Sans Arabic,ui-sans-serif,system-ui;font-size:1.6rem;color:var(--foreground)}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-transition:background-color 0s 600000s,color 0s 600000s!important;transition:background-color 0s 600000s,color 0s 600000s!important}.title-01{font-size:2rem;line-height:2.8rem}@media (min-width: 1024px){.title-01{font-size:2.4rem;line-height:3.2rem}}.title-02{font-size:2.4rem;font-weight:700;line-height:3.2rem}@media (min-width: 1024px){.title-02{font-size:3.2rem;line-height:4rem}}.title-03{font-size:2.8rem;line-height:3.6rem}@media (min-width: 768px){.title-03{font-size:4rem;line-height:5.2rem}}@media (min-width: 1024px){.title-03{font-size:4.8rem;line-height:6rem}}.display-01{font-size:4rem;font-weight:700;line-height:5.2rem}@media (min-width: 1024px){.display-01{font-size:4.8rem;line-height:6.2rem}}@media (min-width: 1280px){.display-01{font-size:6.4rem;line-height:8.8rem}}.display-02{font-size:4.2rem;font-weight:700;line-height:5.4rem}@media (min-width: 768px){.display-02{font-size:5.4rem;line-height:7rem}}@media (min-width: 1024px){.display-02{font-size:8.4rem;line-height:9.8rem}}.dsgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media (min-width: 768px){.dsgrid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width: 1024px){.dsgrid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}}.MuiButtonBase-root.MuiPickersDay-root{font-family:IBM Plex Sans Arabic,ui-sans-serif,system-ui;font-size:1.6rem;line-height:2.4rem;color:var(--text-default)}.MuiButtonBase-root.MuiPickersDay-root:hover{background-color:var(--primary-container)}.MuiButtonBase-root.MuiPickersDay-root:disabled{color:var(--disabled)!important}@media (min-width: 640px){.MuiButtonBase-root.MuiPickersDay-root{width:48px;height:48px}}.MuiPickersCalendarHeader-label,.MuiDayCalendar-header .MuiTypography-caption.MuiDayCalendar-weekDayLabel{font-family:IBM Plex Sans Arabic,ui-sans-serif,system-ui}@media (min-width: 640px){.MuiDayCalendar-header .MuiTypography-caption.MuiDayCalendar-weekDayLabel{width:48px}}.MuiButtonBase-root.MuiPickersDay-root.Mui-selected,.MuiButtonBase-root.MuiPickersDay-root:focus.Mui-selected{background-color:var(--primary);font-weight:400}.MuiDayCalendar-header .MuiTypography-caption{font-size:1.6rem;line-height:2.4rem;color:var(--text-paragraph-secondary)}.MuiPickersCalendarHeader-root{justify-content:space-between}.MuiPickersCalendarHeader-root>div{margin:0;font-size:1.6rem;line-height:2.4rem}.MuiButtonBase-root.MuiIconButton-root{font-size:1.6rem;line-height:2.4rem}.MuiButtonBase-root.MuiIconButton-root:is(.dark *){color:var(--foreground)}.MuiButtonBase-root.MuiIconButton-root:where([dir=ltr],[dir=ltr] *){--tw-rotate: 0deg !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.MuiButtonBase-root.MuiIconButton-root:where([dir=rtl],[dir=rtl] *){--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 640px){.MuiButtonBase-root.MuiIconButton-root svg{width:24px;height:24px}}.MuiPickersYear-root .MuiPickersYear-yearButton{font-size:1.6rem;line-height:2.4rem}.MuiPickersYear-root .MuiPickersYear-yearButton:hover{background-color:var(--primary-container)}.MuiPickersYear-root .MuiPickersYear-yearButton.Mui-selected{background-color:var(--primary)!important}.Mui-disabled.MuiPickersDay-today{border-color:transparent!important}.MuiButtonBase-root.MuiPickersDay-root.Mui-selected:hover{background-color:var(--primary-dark)!important}@media (min-width: 640px){.MuiDateCalendar-root{height:420px!important;max-height:400px!important;width:392px!important}}html[dir=ltr] .MuiDateCalendar-root{direction:ltr}html[dir=rtl] .MuiDateCalendar-root{direction:rtl}.MuiDayCalendar-weekContainer{margin:4px 0}.MuiDayCalendar-weekContainer .MuiPickersDay-root{border-radius:9999px}@media (min-width: 640px){.MuiDayCalendar-weekContainer .MuiPickersDay-root{width:48px;height:48px}}.MuiDayCalendar-weekContainer .MuiPickersDay-root:hover{background-color:var(--background-neutral-200)}.MuiDayCalendar-weekContainer .MuiPickersDay-root:active{background-color:var(--background-neutral-300)}@media (min-width: 640px){.MuiPickersSlideTransition-root.MuiDayCalendar-slideTransition{min-height:300px}}.MuiButtonBase-root.MuiPickersDay-today{border-radius:9999px;border-width:2px;border-color:var(--border-primary-default)!important;color:var(--text-primary)}.MuiButtonBase-root.MuiPickersDay-today:hover{background-color:var(--primary-container)}.MuiPickersFadeTransitionGroup-root .MuiYearCalendar-root{width:100%}@counter-style arabic-letters{system:alphabetic;symbols:أ ب ج د ه و ز ح ط ي ك ل م ن س ع ف ص ق ر ش ت ث خ ذ ض ظ غ;suffix:".  "}.MuiDigitalClock-root .MuiDigitalClock-list .MuiMenuItem-root{font-size:1.4rem;line-height:2rem}.MuiDigitalClock-root .MuiDigitalClock-list .MuiMenuItem-root:hover{background-color:var(--primary-container)}.MuiDigitalClock-root .MuiDigitalClock-list .MuiMenuItem-root.Mui-selected{background-color:var(--primary)}
+@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--sidebar-width: 88px;--sidebar-width-mobile: 320px;--sidebar-width-icon: 3rem;--container-size: 1280px;--background: #F9FAFB;--background-foreground: #161616;--background-secondary: #F3F4F6;--background-brand: #F7FDF9;--foreground: #161616;--overlay: #16161699;--foreground-secondary: #384250;--foreground-tertiary: #6C737F;--card: #fff;--card-foreground: #161616;--card-hover: #E5E7EB;--card-active: #D2D6DB;--popover: #fff;--popover-foreground: #161616;--primary: #1B8354;--primary-foreground: #fff;--primary-light: #88D8AD;--primary-dark: #166A45;--primary-oncontainer: #104631;--primary-container: #DFF6E7;--secondary: #DBA102;--secondary-foreground: #fff;--secondary-light: #FAE996;--secondary-dark: #B87B02;--secondary-oncontainer: #6E3C00;--secondary-container: #FFFCE6;--tertiary: #6D428F;--tertiary-foreground: #fff;--tertiary-light: #CCADD9;--tertiary-dark: #532D75;--tertiary-oncontainer: #281047;--tertiary-container: #F2E9F5;--error: #D92D20;--error-foreground: #fff;--error-light: #FDA29B;--error-dark: #B42318;--error-oncontainer: #7A271A;--error-container: #FEE4E2;--sucess: #079455;--sucess-foreground: #fff;--sucess-light: #75E0A7;--sucess-dark: #067647;--sucess-oncontainer: #074D31;--sucess-container: #DCFAE6;--warning: #DC6803;--warning-foreground: #fff;--warning-light: #FEC84B;--warning-dark: #B54708;--warning-oncontainer: #7A2E0E;--warning-container: #FEF0C7;--info: #1570EF;--info-foreground: #fff;--info-light: #84CAFF;--info-dark: #175CD3;--info-oncontainer: #194185;--info-container: #D1E9FF;--muted: #fff;--muted-foreground: #161616;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: #F04438;--destructive-foreground: #fff;--inverted: #161616;--inverted-secondary: #353B3A99;--inverted-foreground: #fff;--border: #E5E7EB;--disabled: #9DA4AE;--disabled-foreground: #F9FAFB;--disabled-control-disabled: #9DA4AE;--disabled-border-disabled: #9DA4AE;--input: #9DA4AE;--ring: #0F0F0F;--divider: #353B3A3B;--skeleton: #9DA4AE;--radius: 12px;--primary-10: #FFFFFF;--primary-25: #F7FDF9;--primary-50: #F3FCF6;--primary-100: #DFF6E7;--primary-200: #B8EACB;--primary-300: #88D8AD;--primary-400: #54C08A;--primary-500: #25935F;--primary-600: #1B8354;--primary-700: #166A45;--primary-800: #14573A;--primary-900: #104631;--primary-950: #092A1E;--secondary-10: #FFFFFF;--secondary-25: #FFFEF7;--secondary-50: #FFFEF2;--secondary-100: #FFFCE6;--secondary-200: #FCF3BD;--secondary-300: #FAE996;--secondary-400: #F7D54D;--secondary-500: #F5BD02;--secondary-600: #DBA102;--secondary-700: #B87B02;--secondary-800: #945C01;--secondary-900: #6E3C00;--secondary-950: #472400;--tertiary-10: #FFFFFF;--tertiary-25: #FEFCFF;--tertiary-50: #F9F5FA;--tertiary-100: #F2E9F5;--tertiary-200: #E1CCE8;--tertiary-300: #CCADD9;--tertiary-400: #A57BBA;--tertiary-500: #80519F;--tertiary-600: #6D428F;--tertiary-700: #532D75;--tertiary-800: #3D1D5E;--tertiary-900: #281047;--tertiary-950: #16072E;--text-default: #161616;--text-primary: var(--primary-600);--text-secondary: var(--secondary-600);--text-tertiary: var(--tertiary-600);--text-primary-sa-flag: var(--primary-800);--text-display: #1F2A37;--text-paragraph-primary: #384250;--text-paragraph-secondary: #6C737F;--text-oncolor-primary: #fff;--text-oncolor-secondary: #FFFFFFCC;--text-oncolor-tertiary: #FFFFFFB2;--text-success: #067647;--text-info: #175CD3;--text-warning: #B54708;--text-error: #B42318;--text-primary-light: var(--primary-300);--text-secondary-light: var(--secondary-300);--text-tertiary-light: var(--tertiary-300);--text-default-disabled: #9DA4AE;--text-default-oncolor-disabled: #FFFFFF66;--text-always-black: #161616;--text-always-white: #fff;--text-form-title: var(--text-default);--text-form-paragraph: var(--text-paragraph-secondary);--field-text-label: var(--text-default);--field-text-placeholder: var(--text-paragraph-secondary);--field-text-hovered: var(--text-default);--field-text-focused: var(--text-paragraph-primary);--field-text-pressed: var(--text-paragraph-primary);--field-text-filled: var(--text-default);--field-text-readonly: var(--text-default);--field-text-helper: var(--text-paragraph-secondary);--field-background-default: var(--background-card);--field-background-lighter: #FCFCFD;--field-background-darker: #F3F4F6;--field-background-pressed: #F3F4F6;--field-border-default: #9DA4AE;--field-border-hovered: #384250;--field-border-pressed: #0D121C;--field-border-error: var(--border-error);--border-primary: #E5E7EB;--border-secondary: #D2D6DB;--border-white: #fff;--border-white-40: #FFFFFF66;--border-black: #161616;--border-primary-default: var(--primary-600);--border-primary-light: var(--primary-200);--border-secondary-default: var(--secondary-600);--border-secondary-light: var(--secondary-200);--border-tertiary: var(--tertiary-500);--border-tertiary-light: var(--tertiary-200);--border-neutral-primary: #D2D6DB;--border-neutral-secondary: #E5E7EB;--border-neutral-tertiary: #F3F4F6;--border-background-white: #F3F4F6;--border-background-neutral: #D2D6DB;--border-transparent-10: #FFFFFF19;--border-oncolor-transparent-30: #FFFFFF4C;--border-success: #067647;--border-success-light: #ABEFC6;--border-info: #175CD3;--border-info-light: #B2DDFF;--border-warning: #B54708;--border-warning-light: #FEDF89;--border-error: #B42318;--border-error-light: #FECDCA;--border-disabled: #D2D6DB;--control-primary: #fff;--control-primary-checked: var(--primary-600);--control-primary-hovered: var(--primary-800);--control-primary-pressed: var(--primary-900);--control-primary-focused: var(--primary-600);--control-neutral-checked: #0D121C;--control-neutral-hovered: #4D5761;--control-neutral-pressed: #6C737F;--control-neutral-focused: #0D121C;--control-primary--readonly: #fff;--control-pressed: #D2D6DB;--control-ripple-effect: #F3F4F6;--control-border: #6C737F;--control-icon-hovered: #fff;--control-icon-pressed: #fff;--control-icon-disabled: #fff;--control-border-disabled: #9DA4AE;--control-disabled: #D2D6DB;--tag-background-neutral: #4D5761;--tag-background-neutral-light: #F9FAFB;--tag-background-on-color: #FFFFFF33;--tag-text-neutral: #1F2A37;--tag-text-success: #085D3A;--tag-text-info: #1849A9;--tag-text-warning: #93370D;--tag-text-error: #912018;--tag-text-primary: var(--primary-800);--tag-text-secondary: var(--secondary-800);--tag-icon-primary: var(--primary-800);--tag-icon-secondary: var(--secondary-800);--tag-icon-tertiary: var(--tertiary-800);--tag-text-tertiary: var(--tertiary-800);--tag-icon-neutral: #1F2A37;--tag-icon-success: #085D3A;--tag-icon-info: #1849A9;--tag-icon-warning: #93370D;--tag-icon-error: #912018;--tag-background-success: #067647;--tag-background-success-light: #ECFDF3;--tag-background-info: #1570EF;--tag-background-info-light: #EFF8FF;--tag-background-warning: #B54708;--tag-background-warning-light: #FFFAEB;--tag-background-error: #D92D20;--tag-background-error-light: #FEF3F2;--tag-background-primary: var(--primary-600);--tag-background-primary-light: var(--primary-50);--tag-background-secondary: var(--secondary-600);--tag-background-secondary-light: var(--secondary-50);--tag-background-tertiary: var(--tertiary-600);--tag-background-tertiary-light: var(--tertiary-50);--tag-border-neutral: #4D5761;--tag-border-neutral-light: #F9FAFB;--tag-border-on-color: #FFFFFF99;--tag-border-success: #067647;--tag-border-success-light: #ABEFC6;--tag-border-info: #175CD3;--tag-border-info-light: #B2DDFF;--tag-border-warning: #B54708;--tag-border-warning-light: #FEDF89;--tag-border-error: #B42318;--tag-border-error-light: #FECDCA;--tag-border-primary: var(--primary-700);--tag-border-primary-light: var(--primary-200);--tag-border-secondary: var(--secondary-700);--tag-border-secondary-light: var(--secondary-200);--tag-border-tertiary: var(--tertiary-700);--tag-border-tertiary-light: var(--tertiary-200);--tag-dot: #FFFFFF99;--icon-oncolor: #fff;--icon-default: #161616;--icon-default-500: #6C737F;--icon-default-400: #9DA4AE;--icon-primary: var(--primary-600);--icon-primary-light: var(--primary-50);--icon-primary-400: var(--primary-400);--icon-neutral: #384250;--icon-neutral-light: #F9FAFB;--icon-secondary: var(--secondary-600);--icon-secondary-light: var(--secondary-50);--icon-tertiary: var(--tertiary-500);--icon-tertiary-light: var(--tertiary-50);--icon-success: #067647;--icon-success-light: #ECFDF3;--icon-info: #175CD3;--icon-info-light: #EFF8FF;--icon-warning: #B54708;--icon-warning-light: #FFFAEB;--icon-error: #B42318;--icon-error-light: #FEF3F2;--background-warning-light: var(--background-warning-50);--background-error-light: var(--background-error-50);--background-primary-light: var(--background-primary-50);--background-info-light: var(--background-info-50);--background-success-light: var(--background-success-50);--unselected-tab-icon: #384250;--icon-default-disabled: #9DA4AE;--icon-default-oncolor-disabled: #FFFFFF66;--background-white: #fff;--background-body: #F9FAFB;--background-menu: #fff;--background-muted: #FCFCFD;--background-card: #fff;--surface-oncolor: #161616;--background-black: #161616;--background-neutral-800: #1F2A37;--background-neutral-400: #9DA4AE;--background-neutral-300: #D2D6DB;--background-neutral-200: #E5E7EB;--background-neutral-100: #F3F4F6;--background-neutral-50: #F9FAFB;--background-neutral-25: #FCFCFD;--background-primary: var(--primary-600);--background-primary-400: var(--primary-400);--background-primary-200: var(--primary-200);--background-primary-50: var(--primary-50);--background-primary-25: var(--primary-25);--background-secondary-default: var(--secondary-600);--background-secondary-50: var(--secondary-50);--background-secondary-25: var(--secondary-25);--background-tertiary: var(--tertiary-600);--background-tertiary-50: var(--tertiary-50);--background-tertiary-25: var(--tertiary-25);--background-success: #079455;--background-success-50: #ECFDF3;--background-success-25: #F6FEF9;--background-info: #1570EF;--background-info-50: #EFF8FF;--background-info-25: #F5FAFF;--background-warning: #DC6803;--background-warning-50: #FFFAEB;--background-warning-25: #FFFCF5;--background-error: #D92D20;--background-error-50: #FEF3F2;--background-error-25: #FFFBFA;--background-SA-Flag: #074D31;--background-SA-Flag-50: #ECFDF3;--background-SA-Flag-25: #F6FEF9;--background-notification-white: #fff;--background-nav-header: var(--primary-800);--background-disabled: #E5E7EB;--background-disabled-primary: var(--primary-200);--background-inverse-disabled: #F3F4F6;--background-black-default: #0D121C;--background-black-hovered: #1F2A37;--background-black-pressed: #4D5761;--background-black-selected: #384250;--background-black-focused: #0D121C;--background-primary-default: var(--primary-600);--background-primary-hovered: var(--primary-700);--background-primary-pressed: var(--primary-900);--background-primary-selected: var(--primary-800);--background-primary-focused: var(--primary-600);--background-neutral-default: #F3F4F6;--background-neutral-hovered: #F3F4F6;--background-neutral-pressed: #E5E7EB;--background-neutral-selected: #E5E7EB;--background-neutral-focused: #F3F4F6;--background-error-default: #D92D20;--background-error-hovered: #B42318;--background-error-pressed: #7A271A;--background-error-selected: #912018;--background-error-focused: #D92D20;--label-error-primary-oncolor-1: #FECDCA;--label-error-primary-oncolor-2: #FDA29B;--label-error-primary-oncolor-3: #F97066;--background-error-secondary-default: #FEF3F2;--background-error-secondary-hovered: #FEE4E2;--background-error-secondary-pressed: #FECDCA;--background-error-secondary-selected: #FEF3F2;--background-error-secondary-focused: #FEF3F2;--background-primary-light-default: var(--primary-50);--background-primary-light-hovered: var(--primary-100);--background-primary-light-pressed: var(--primary-200);--background-primary-light-selected: var(--primary-50);--background-primary-light-focused: var(--primary-50);--background-oncolor-default: #fff;--background-oncolor-hovered: #FFFFFFCC;--background-oncolor-pressed: #FFFFFF99;--background-oncolor-selected: #FFFFFFB2;--background-oncolor-focused: #FFFFFF;--background-transparent-default: #FFFFFF00;--background-transparent-hovered: #FFFFFF33;--background-transparent-pressed: #FFFFFF66;--background-transparent-selected: #FFFFFF4C;--background-transparent-focused: #FFFFFF00;--background-disabled-oncolor: #FFFFFF33;--label-transparent-hover-oncolor: var(--primary-400);--label-transparent-pressed-oncolor: var(--primary-300);--label-transparent-selected-oncolor: var(--primary-400);--icon-transparent-hover-oncolor: var(--primary-400);--icon-transparent-pressed-oncolor: var(--primary-300);--icon-transparent-selected-oncolor: var(--primary-400);--link-primary: var(--primary-600);--link-primary-hovered: var(--primary-400);--link-primary-pressed: var(--primary-300);--link-primary-focused: var(--primary-600);--link-primary-visited: var(--primary-800);--link-icon-primary-hovered: var(--primary-400);--link-icon-primary-pressed: var(--primary-300);--link-icon-primary-focused: var(--primary-600);--link-icon-primary-visited: var(--primary-800);--link-neutral: #384250;--link-neutral-hovered: #6C737F;--link-neutral-pressed: #9DA4AE;--link-neutral-focused: #384250;--link-neutral-visited: #4D5761;--link-icon-neutral-hovered: #6C737F;--link-icon-neutral-pressed: #9DA4AE;--link-icon-neutral-focused: #384250;--link-icon-neutral-visited: #4D5761;--link-oncolor: #fff;--link-oncolor-hovered: #FFFFFFCC;--link-icon-oncolor-hovered: #FFFFFFCC;--link-oncolor-pressed: #FFFFFF99;--link-icon-oncolor-pressed: #FFFFFF99;--link-oncolor-focused: #fff;--link-oncolor-visited: #FFFFFFE5;--link-icon-oncolor-visited: #FFFFFFE5;--link-oncolor-disabled: #FFFFFF4C;--link-icon-oncolor-disabled: #FFFFFF4C;--link-error: #D92D20;--link-error-hovered: #B42318;--link-icon-error-hovered: #B42318;--link-error-pressed: #7A271A;--link-icon-error-pressed: #7A271A;--link-error-focused: #912018;--link-icon-error-focused: #912018;--link-error-visited: #D92D20;--link-icon-error-visited: #D92D20;--link-secondary: var(--secondary-600);--link-secondary-hovered: var(--secondary-400);--link-secondary-pressed: var(--secondary-300);--link-secondary-focused: var(--secondary-600);--link-secondary-visited: var(--secondary-900);--link-tertiary: var(--tertiary-500);--link-tertiary-hovered: var(--tertiary-400);--link-tertiary-pressed: var(--tertiary-300);--link-tertiary-focused: var(--tertiary-500);--link-tertiary-visited: var(--tertiary-800)}.dark{--background: #384250;--background-foreground: #fff;--background-secondary: #384250;--background-brand: #111927;--foreground: #fff;--overlay: #161616B2;--foreground-secondary: #F3F4F6;--foreground-tertiary: #E5E7EB;--card: #1F2A37;--card-foreground: #fff;--card-hover: #384250;--card-active: #111927;--popover: #161616;--popover-foreground: #fff;--primary: #25935F;--primary-foreground: #fff;--primary-light: #54C08A;--primary-dark: #1B8354;--primary-oncontainer: #F3FCF6;--primary-container: #104631;--secondary: #80519F;--secondary-foreground: #fff;--secondary-light: #A57BBA;--secondary-dark: #6D428F;--secondary-oncontainer: #F9F5FA;--secondary-container: #281047;--tertiary: #2E90FA;--tertiary-foreground: #fff;--tertiary-light: #53B1FD;--tertiary-dark: #1570EF;--tertiary-oncontainer: #EFF8FF;--tertiary-container: #194185;--error: #F04438;--error-foreground: #fff;--error-light: #F97066;--error-dark: #D92D20;--error-oncontainer: #FEF3F2;--error-container: #7A271A;--sucess: #17B26A;--sucess-foreground: #fff;--sucess-light: #47CD89;--sucess-dark: #079455;--sucess-oncontainer: #ECFDF3;--sucess-container: #074D31;--warning: #F79009;--warning-foreground: #fff;--warning-light: #FDB022;--warning-dark: #DC6803;--warning-oncontainer: #FFFAEB;--warning-container: #7A2E0E;--info: #2E90FA;--info-foreground: #fff;--info-light: #53B1FD;--info-dark: #1570EF;--info-oncontainer: #EFF8FF;--info-container: #194185;--muted: #161616;--muted-foreground: #fff;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: #F04438;--destructive-foreground: #fff;--inverted: #fff;--inverted-secondary: #CECECE;--inverted-foreground: #242629;--border: #6C737F;--disabled: #9DA4AE;--disabled-foreground: #F9FAFB;--disabled-control-disabled: #FFFFFF4C;--disabled-border-disabled: #9DA4AE;--input: #6C737F;--ring: #0F0F0F;--divider: #6C737F;--skeleton: #9DA4AE;--radius: 12px;--text-default: #fff;--text-primary: var(--primary-400);--text-secondary: var(--secondary-400);--text-tertiary: var(--tertiary-400);--text-primary-sa-flag: var(--primary-100);--text-display: #F9FAFB;--text-paragraph-primary: #F3F4F6;--text-paragraph-secondary: #E5E7EB;--text-oncolor-primary: #fff;--text-oncolor-secondary: #161616CC;--text-oncolor-tertiary: #161616B2;--text-success: #47CD89;--text-info: #53B1FD;--text-warning: #FDB022;--text-error: #F97066;--text-primary-light: var(--primary-300);--text-secondary-light: var(--secondary-400);--text-tertiary-light: var(--tertiary-400);--text-default-disabled: #9DA4AE;--text-default-oncolor-disabled: #16161666;--text-always-black: #161616;--text-always-white: #fff;--text-form-title: var(--text-default);--text-form-paragraph: var(--text-paragraph-secondary);--field-text-label: var(--text-default);--field-text-placeholder: var(--text-paragraph-secondary);--field-text-hovered: var(--text-default);--field-text-focused: var(--text-paragraph-primary);--field-text-pressed: var(--text-paragraph-primary);--field-text-filled: var(--text-default);--field-text-readonly: var(--text-default);--field-text-helper: var(--text-paragraph-secondary);--field-background-default: #1F2A37;--field-background-lighter: #4D5761;--field-background-darker: #1F2A37;--field-background-pressed: #4D5761;--field-border-default: #6C737F;--field-border-hovered: #E5E7EB;--field-border-pressed: #FCFCFD;--border-primary: #6C737F;--border-secondary: #4D5761;--border-white: #161616;--border-white-40: #16161666;--border-black: #fff;--border-primary-default: var(--primary-600);--border-primary-light: var(--primary-200);--border-secondary-default: var(--secondary-600);--border-secondary-light: var(--secondary-200);--border-tertiary: var(--tertiary-500);--border-tertiary-light: var(--tertiary-200);--border-neutral-primary: #6C737F;--border-neutral-secondary: #384250;--border-neutral-tertiary: #1F2A37;--border-background-white: #4D5761;--border-background-neutral: #4D5761;--border-transparent-10: #16161619;--border-oncolor-transparent-30: #FFFFFF4C;--border-success: #17B26A;--border-success-light: #ABEFC6;--border-info: #175CD3;--border-info-light: #B2DDFF;--border-warning: #B54708;--border-warning-light: #FEDF89;--border-error: #B42318;--border-error-light: #FECDCA;--border-disabled: #6C737F;--control-primary: #16161600;--control-primary-checked: var(--primary-600);--control-primary-hovered: var(--primary-300);--control-primary-pressed: var(--primary-400);--control-primary-focused: var(--primary-600);--control-neutral-checked: #4D5761;--control-neutral-hovered: #9DA4AE;--control-neutral-pressed: #9DA4AE;--control-neutral-focused: #4D5761;--control-primary--readonly: #16161600;--control-pressed: #4D5761;--control-ripple-effect: #111927;--control-border: #9DA4AE;--control-icon-hovered: var(--primary-800);--control-icon-pressed: var(--primary-800);--control-icon-disabled: #9DA4AE;--control-border-disabled: #1616164C;--control-disabled: #D2D6DB;--tag-background-neutral: var(--primary-600);--tag-background-neutral-light: #1F2A37;--tag-background-on-color: #FFFFFF33;--tag-text-neutral: #F3F4F6;--tag-text-success: #085D3A;--tag-text-info: #1849A9;--tag-text-warning: #93370D;--tag-text-error: #912018;--tag-text-primary: var(--primary-800);--tag-text-secondary: var(--secondary-800);--tag-icon-primary: var(--primary-800);--tag-icon-secondary: var(--secondary-800);--tag-icon-tertiary: var(--tertiary-800);--tag-text-tertiary: var(--tertiary-800);--tag-icon-neutral: #F3F4F6;--tag-icon-success: #085D3A;--tag-icon-info: #1849A9;--tag-icon-warning: #93370D;--tag-icon-error: #912018;--tag-background-success: #067647;--tag-background-success-light: #ECFDF3;--tag-background-info: #1570EF;--tag-background-info-light: #EFF8FF;--tag-background-warning: #B54708;--tag-background-warning-light: #FFFAEB;--tag-background-error: #D92D20;--tag-background-error-light: #FEF3F2;--tag-background-primary: var(--primary-600);--tag-background-primary-light: var(--primary-50);--tag-background-secondary: var(--secondary-600);--tag-background-secondary-light: var(--secondary-50);--tag-background-tertiary: var(--tertiary-600);--tag-background-tertiary-light: var(--tertiary-50);--tag-border-neutral: #D2D6DB;--tag-border-neutral-light: #1F2A37;--tag-border-on-color: #FFFFFF99;--tag-border-success: #067647;--tag-border-success-light: #ABEFC6;--tag-border-info: #175CD3;--tag-border-info-light: #B2DDFF;--tag-border-warning: #B54708;--tag-border-warning-light: #FEDF89;--tag-border-error: #B42318;--tag-border-error-light: #FECDCA;--tag-border-primary: var(--primary-700);--tag-border-primary-light: var(--primary-200);--tag-border-secondary: var(--secondary-700);--tag-border-secondary-light: var(--secondary-200);--tag-border-tertiary: var(--tertiary-700);--tag-border-tertiary-light: var(--tertiary-200);--tag-dot: #FFFFFF99;--icon-oncolor: #fff;--icon-default: #fff;--icon-default-500: #E5E7EB;--icon-default-400: #6C737F;--icon-primary: var(--primary-400);--icon-primary-light: var(--primary-50);--icon-primary-400: var(--primary-200);--icon-neutral: #9DA4AE;--icon-neutral-light: #0D121C;--icon-secondary: var(--secondary-400);--icon-secondary-light: var(--secondary-50);--icon-tertiary: var(--tertiary-400);--icon-tertiary-light: var(--tertiary-50);--icon-success: #47CD89;--icon-success-light: #ECFDF3;--icon-info: #53B1FD;--icon-info-light: #EFF8FF;--icon-warning: #FDB022;--icon-warning-light: #FFFAEB;--icon-error: #F97066;--icon-error-light: #FEF3F2;--background-warning-light: var(--background-warning-10);--background-error-light: var(--background-error-10);--background-primary-light: var(--background-primary-10);--background-info-light: var(--background-info-10);--background-success-light: var(--background-success-10);--unselected-tab-icon: #F3F4F6;--icon-default-disabled: #fff;--icon-default-oncolor-disabled: #fff;--background-white: #0D121C;--background-body: #111927;--background-menu: #1F2A37;--background-muted: #384250;--background-card: #1F2A37;--surface-oncolor: #fff;--background-black: #fff;--background-neutral-800: #4D5761;--background-neutral-400: #9DA4AE;--background-neutral-300: #6C737F;--background-neutral-200: #4D5761;--background-neutral-100: #1F2A37;--background-neutral-50: #111927;--background-neutral-25: #0D121C;--background-primary: var(--primary-600);--background-primary-400: var(--primary-400);--background-primary-200: #384250;--background-primary-50: #1B83541A;--background-primary-25: var(--primary-950);--background-secondary-default: var(--secondary-600);--background-secondary-50: #1F2A37;--background-secondary-25: #111927;--background-tertiary: var(--tertiary-600);--background-tertiary-50: #1F2A37;--background-tertiary-25: #111927;--background-success: #079455;--background-success-50: #07945533;--background-success-25: #1B83541A;--background-info: #1570EF;--background-info-50: #EFF8FF;--background-info-25: #F5FAFF;--background-warning: #DC6803;--background-warning-50: #DC680333;--background-warning-25: #DC68031A;--background-error: #D92D20;--background-error-50: #D92D2033;--background-error-25: #D92D201A;--background-SA-Flag: #079455;--background-SA-Flag-50: #1F2A37;--background-SA-Flag-25: #111927;--background-notification-white: #111927;--background-nav-header: var(--primary-800);--background-disabled: #384250;--background-disabled-primary: var(--primary-200);--background-inverse-disabled: #384250;--background-neutral-default: #1F2A37;--background-neutral-hovered: #384250;--background-neutral-pressed: #4D5761;--background-neutral-selected: #384250;--background-neutral-focused: #1F2A37;--background-oncolor-default: #161616;--background-oncolor-hovered: #161616CC;--background-oncolor-pressed: #16161699;--background-oncolor-selected: #161616B2;--background-oncolor-focused: #161616;--background-transparent-default: #16161600;--background-transparent-hovered: #16161633;--background-transparent-pressed: #16161666;--background-transparent-selected: #1616164C;--background-transparent-focused: #16161600;--background-disabled-oncolor: #16161633;--link-neutral: #E5E7EB;--link-neutral-hovered: #9DA4AE;--link-neutral-visited: #D2D6DB;--link-neutral-focused: #E5E7EB;--link-neutral-pressed: #6C737F;--link-icon-neutral-hovered: #9DA4AE;--link-icon-neutral-pressed: #6C737F;--link-icon-neutral-focused: #E5E7EB;--link-icon-neutral-visited: #D2D6DB;--link-icon-oncolor-hovered: #161616CC;--link-icon-oncolor-pressed: #16161699;--link-icon-oncolor-visited: #161616E5;--link-icon-oncolor-disabled: #1616164C}*{border-color:var(--border-primary)}html{scroll-behavior:smooth;font-size:55%}@media (min-width: 640px){html{font-size:62.5%}}body{background-color:var(--background-white);font-family:IBM Plex Sans Arabic,ui-sans-serif,system-ui;font-size:1.6rem;color:var(--foreground)}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-transition:background-color 0s 600000s,color 0s 600000s!important;transition:background-color 0s 600000s,color 0s 600000s!important}.title-01{font-size:2rem;line-height:2.8rem}@media (min-width: 1024px){.title-01{font-size:2.4rem;line-height:3.2rem}}.title-02{font-size:2.4rem;font-weight:700;line-height:3.2rem}@media (min-width: 1024px){.title-02{font-size:3.2rem;line-height:4rem}}.title-03{font-size:2.8rem;line-height:3.6rem}@media (min-width: 768px){.title-03{font-size:4rem;line-height:5.2rem}}@media (min-width: 1024px){.title-03{font-size:4.8rem;line-height:6rem}}.display-01{font-size:4rem;font-weight:700;line-height:5.2rem}@media (min-width: 1024px){.display-01{font-size:4.8rem;line-height:6.2rem}}@media (min-width: 1280px){.display-01{font-size:6.4rem;line-height:8.8rem}}.display-02{font-size:4.2rem;font-weight:700;line-height:5.4rem}@media (min-width: 768px){.display-02{font-size:5.4rem;line-height:7rem}}@media (min-width: 1024px){.display-02{font-size:8.4rem;line-height:9.8rem}}.dsgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media (min-width: 768px){.dsgrid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width: 1024px){.dsgrid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}}.MuiButtonBase-root.MuiPickersDay-root{font-family:IBM Plex Sans Arabic,ui-sans-serif,system-ui;font-size:1.6rem;line-height:2.4rem;color:var(--text-default)}.MuiButtonBase-root.MuiPickersDay-root:hover{background-color:var(--primary-container)}.MuiButtonBase-root.MuiPickersDay-root:disabled{color:var(--disabled)!important}@media (min-width: 640px){.MuiButtonBase-root.MuiPickersDay-root{width:48px;height:48px}}.MuiPickersCalendarHeader-label,.MuiDayCalendar-header .MuiTypography-caption.MuiDayCalendar-weekDayLabel{font-family:IBM Plex Sans Arabic,ui-sans-serif,system-ui}@media (min-width: 640px){.MuiDayCalendar-header .MuiTypography-caption.MuiDayCalendar-weekDayLabel{width:48px}}.MuiButtonBase-root.MuiPickersDay-root.Mui-selected,.MuiButtonBase-root.MuiPickersDay-root:focus.Mui-selected{background-color:var(--primary);font-weight:400}.MuiDayCalendar-header .MuiTypography-caption{font-size:1.6rem;line-height:2.4rem;color:var(--text-paragraph-secondary)}.MuiPickersCalendarHeader-root{justify-content:space-between}.MuiPickersCalendarHeader-root>div{margin:0;font-size:1.6rem;line-height:2.4rem}.MuiButtonBase-root.MuiIconButton-root{font-size:1.6rem;line-height:2.4rem}.MuiButtonBase-root.MuiIconButton-root:is(.dark *){color:var(--foreground)}.MuiButtonBase-root.MuiIconButton-root:where([dir=ltr],[dir=ltr] *){--tw-rotate: 0deg !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.MuiButtonBase-root.MuiIconButton-root:where([dir=rtl],[dir=rtl] *){--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 640px){.MuiButtonBase-root.MuiIconButton-root svg{width:24px;height:24px}}.MuiPickersYear-root .MuiPickersYear-yearButton{font-size:1.6rem;line-height:2.4rem}.MuiPickersYear-root .MuiPickersYear-yearButton:hover{background-color:var(--primary-container)}.MuiPickersYear-root .MuiPickersYear-yearButton.Mui-selected{background-color:var(--primary)!important}.Mui-disabled.MuiPickersDay-today{border-color:transparent!important}.MuiButtonBase-root.MuiPickersDay-root.Mui-selected:hover{background-color:var(--primary-dark)!important}@media (min-width: 640px){.MuiDateCalendar-root{height:420px!important;max-height:400px!important;width:392px!important}}html[dir=ltr] .MuiDateCalendar-root{direction:ltr}html[dir=rtl] .MuiDateCalendar-root{direction:rtl}.MuiDayCalendar-weekContainer{margin:4px 0}.MuiDayCalendar-weekContainer .MuiPickersDay-root{border-radius:9999px}@media (min-width: 640px){.MuiDayCalendar-weekContainer .MuiPickersDay-root{width:48px;height:48px}}.MuiDayCalendar-weekContainer .MuiPickersDay-root:hover{background-color:var(--background-neutral-200)}.MuiDayCalendar-weekContainer .MuiPickersDay-root:active{background-color:var(--background-neutral-300)}@media (min-width: 640px){.MuiPickersSlideTransition-root.MuiDayCalendar-slideTransition{min-height:300px}}.MuiButtonBase-root.MuiPickersDay-today{border-radius:9999px;border-width:2px;border-color:var(--border-primary-default)!important;color:var(--text-primary)}.MuiButtonBase-root.MuiPickersDay-today:hover{background-color:var(--primary-container)}.MuiPickersFadeTransitionGroup-root .MuiYearCalendar-root{width:100%}@counter-style arabic-letters{system:alphabetic;symbols:أ ب ج د ه و ز ح ط ي ك ل م ن س ع ف ص ق ر ش ت ث خ ذ ض ظ غ;suffix:".  "}.MuiDigitalClock-root .MuiDigitalClock-list .MuiMenuItem-root{font-size:1.4rem;line-height:2rem}.MuiDigitalClock-root .MuiDigitalClock-list .MuiMenuItem-root:hover{background-color:var(--primary-container)}.MuiDigitalClock-root .MuiDigitalClock-list .MuiMenuItem-root.Mui-selected{background-color:var(--primary)}