mada-design-system 0.3.0 → 0.4.0

package/index.es98.js

@@ -1,13 +1,128 @@
-import e from "./index.es178.js";
-const a = e("ExpandMore", [
-  [
-    "path",
-    {
-      d: "M16.59 8.29492L12 12.8749L7.41 8.29492L6 9.70492L12 15.7049L18 9.70492L16.59 8.29492Z",
-      key: "1h4imv"
-    }
-  ]
-]);
+const e = {
+  messages: {
+    exceedlimitedField: "{0} field size is {1} characters",
+    required: "{0} is required"
+  },
+  Shared: {
+    trialVersion: "Beta version",
+    soon: "soon",
+    NationalId: "National ID",
+    ResidentID: "Resident ID",
+    Welcome: "Hi ",
+    Login: "Login",
+    Logout: "Log out",
+    InformationPanel: "Information Panel",
+    AccountSettings: "Account Settings",
+    Chat: "Chat Now",
+    TechnicalSupport: "Technical Support",
+    FullName: "Full Name",
+    PersonalInformation: "Personal Information",
+    TicketInformation: "Ticket Information",
+    TicketDetails: "Ticket Details",
+    Title: "Title",
+    Description: "Description",
+    Enter: "Enter",
+    AddSupportingFiles: "Attachments",
+    Send: "Submit",
+    Submit: "Submit Request",
+    Cancel: "Cancel",
+    Main: "Home",
+    Select: "Select",
+    NotRobot: "Please verify you are not a robot",
+    Search: "Search",
+    Number: "Number",
+    Date: "Date",
+    hijriCalendar: "Hijri Calendar",
+    male: "Male",
+    female: "Female",
+    submit: "Submit",
+    next: "Next",
+    previous: "Previous",
+    morePages: "More pages",
+    Total: "Total",
+    YearTitle: "Year",
+    MonthTitle: "Month",
+    PaginationDesc: "Page {0} of {1}",
+    LinesPerPage: "Lines per page",
+    Actions: "Actions",
+    ViewDetails: "View Details",
+    Language: "Language",
+    Specify: "Specify",
+    ServerError: "Sorry, something went wrong",
+    BackToHome: "Back to Main Page",
+    NoDataFound: "No data found",
+    showResults: "Show results",
+    reset: "Reset",
+    CopiedSuccessfully: "Copied successfully",
+    comma: ",",
+    accessibilityTools: " Accessibility Tools",
+    sortBy: "Sort by",
+    siteLanguageText: "العربية",
+    lightMode: "Light mode",
+    darkMode: "Dark mode",
+    showLess: "Show less",
+    showMore: "Show more",
+    noResultsFound: "No results found",
+    Clear: "Clear"
+  },
+  Footer: {
+    KSA: "Ministry of Education - Saudia Arabia",
+    TermsAndConditions: "Terms & conditions",
+    PolicyAndPrivacy: "	Privacy policy",
+    RegulationsPolicies: "Regulations & Policies",
+    Rights: "All rights reserved to the Ministry of Education © {0}",
+    Version: "Version ",
+    DevelopedByTetco: "Developed and operated by Tatweer Educational Technologies Company"
+  },
+  DragAndDrop: {
+    SaveCustomization: "Save",
+    Delete: "Remove",
+    Half: "Minimize",
+    Full: "Expand",
+    Width: "Width",
+    Show: "Show",
+    AddToDashboard: "Custom display"
+  },
+  Attachments: {
+    error: "Sorry! The format or the size of the attachment is not allowed.",
+    Attachments: "Attachments",
+    AddAttachment: "Attach files",
+    dragFiles: "Drag and drop files here to upload ",
+    browseFile: "Browse Files",
+    uploadFiles: "Upload Files",
+    allowedFormats: "supported file formats include {0}",
+    maxSize: "Maximum file size allowed is {0}MB",
+    ApplyFile: "Apply File",
+    maxAcceptedFilesCount: "the maximum number of files you can drop here {0} files",
+    attachedFile: "Attached File"
+  },
+  Accessibility: {
+    Accessibility: "Accessibility",
+    FontSize: "Font size",
+    IncreaseFontSize: "Increase font size",
+    DecreaseFontSize: "Decrease font size",
+    ColorContrast: "Color contrast",
+    SignLanguage: "Sign language",
+    VoiceCommands: "Voice commands"
+  },
+  DigitalSignatureContent: {
+    secureTitle: "Government websites use the {0} protocol for encryption and security.",
+    secureDesc: "Secure websites in the Kingdom of Saudi Arabia use the HTTPS protocol for encryption.",
+    registered: "Registered with the Digital Government Authority under number :",
+    howCheck: "How to verify?",
+    officialSite: "Official government website of the Government of the Kingdom of Saudi Arabia",
+    govSaTitle: "Official Saudi Government website URL ends with {0} ",
+    govSaDesc: "Website belongs to an official government organization in the Kingdom of Saudi Arabia always ends with .gov.sa .",
+    eduSaTitle: "Official Saudi Government website URL ends with {0} ",
+    eduSaDesc: "Website belongs to an official educational in the Kingdom of Saudi Arabia always ends with .edu.sa or sch.sa .",
+    orgSaTitle: "Official Saudi Government website URL ends with {0} ",
+    orgSaDesc: "Website belongs to an official non-profit organizations in the Kingdom of Saudi Arabia always ends with .org.sa .",
+    saTitle: "Official Saudi Government website URL ends with {0} ",
+    saDesc: "Website belongs to an official activities and initiatives in the Kingdom of Saudi Arabia always ends with .sa .",
+    schSaTitle: "Official Saudi Government website URL ends with {0} ",
+    schSaDesc: "Website belongs to an official educational in the Kingdom of Saudi Arabia always ends with .edu.sa or sch.sa ."
+  }
+};
 export {
-  a as default
+  e as en
 };

package/index.es99.js

@@ -1,90 +1,13 @@
-import * as o from "react";
-import { createTable as u } from "./index.es102.js";
-import { ColumnFaceting as R, ColumnFiltering as S, ColumnGrouping as b, ColumnOrdering as w, ColumnPinning as y, ColumnSizing as F, ColumnVisibility as h, GlobalFaceting as x, GlobalFiltering as O, Headers as P, RowExpanding as v, RowPagination as E, RowPinning as G, RowSelection as $, RowSorting as A, _getVisibleLeafColumns as M, aggregationFns as V, buildHeaderGroups as j, createCell as k, createColumn as z, createRow as H, defaultColumnSizing as N, expandRows as T, filterFns as U, flattenBy as _, functionalUpdate as B, getCoreRowModel as L, getMemoOptions as q, getPaginationRowModel as D, isFunction as I, isNumberArray as J, isRowSelected as K, isSubRowSelected as Q, makeStateUpdater as W, memo as X, orderColumns as Y, passiveEventSupported as Z, reSplitAlphaNumeric as ee, selectRowsFn as te, shouldAutoRemoveFilter as ne, sortingFns as oe } from "./index.es102.js";
-function m(e, t) {
-  return e ? s(e) ? /* @__PURE__ */ o.createElement(e, t) : e : null;
-}
-function s(e) {
-  return c(e) || typeof e == "function" || g(e);
-}
-function c(e) {
-  return typeof e == "function" && (() => {
-    const t = Object.getPrototypeOf(e);
-    return t.prototype && t.prototype.isReactComponent;
-  })();
-}
-function g(e) {
-  return typeof e == "object" && typeof e.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(e.$$typeof.description);
-}
-function p(e) {
-  const t = {
-    state: {},
-    // Dummy state
-    onStateChange: () => {
-    },
-    // noop
-    renderFallbackValue: null,
-    ...e
-  }, [n] = o.useState(() => ({
-    current: u(t)
-  })), [i, a] = o.useState(() => n.current.initialState);
-  return n.current.setOptions((l) => ({
-    ...l,
-    ...e,
-    state: {
-      ...i,
-      ...e.state
-    },
-    // Similarly, we'll maintain both our internal state and any user-provided
-    // state.
-    onStateChange: (r) => {
-      a(r), e.onStateChange == null || e.onStateChange(r);
+import e from "./index.es182.js";
+const a = e("ExpandMore", [
+  [
+    "path",
+    {
+      d: "M16.59 8.29492L12 12.8749L7.41 8.29492L6 9.70492L12 15.7049L18 9.70492L16.59 8.29492Z",
+      key: "1h4imv"
     }
-  })), n.current;
-}
+  ]
+]);
 export {
-  R as ColumnFaceting,
-  S as ColumnFiltering,
-  b as ColumnGrouping,
-  w as ColumnOrdering,
-  y as ColumnPinning,
-  F as ColumnSizing,
-  h as ColumnVisibility,
-  x as GlobalFaceting,
-  O as GlobalFiltering,
-  P as Headers,
-  v as RowExpanding,
-  E as RowPagination,
-  G as RowPinning,
-  $ as RowSelection,
-  A as RowSorting,
-  M as _getVisibleLeafColumns,
-  V as aggregationFns,
-  j as buildHeaderGroups,
-  k as createCell,
-  z as createColumn,
-  H as createRow,
-  u as createTable,
-  N as defaultColumnSizing,
-  T as expandRows,
-  U as filterFns,
-  _ as flattenBy,
-  m as flexRender,
-  B as functionalUpdate,
-  L as getCoreRowModel,
-  q as getMemoOptions,
-  D as getPaginationRowModel,
-  I as isFunction,
-  J as isNumberArray,
-  K as isRowSelected,
-  Q as isSubRowSelected,
-  W as makeStateUpdater,
-  X as memo,
-  Y as orderColumns,
-  Z as passiveEventSupported,
-  ee as reSplitAlphaNumeric,
-  te as selectRowsFn,
-  ne as shouldAutoRemoveFilter,
-  oe as sortingFns,
-  p as useReactTable
+  a as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mada-design-system",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "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)}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{border-radius:8px;font-family:IBM Plex Sans Arabic,ui-sans-serif,system-ui;font-size:1.4rem;line-height:2rem}.MuiButtonBase-root.MuiPickersDay-root:hover{background-color:var(--primary-container)}.MuiButtonBase-root.MuiPickersDay-root:disabled{color:var(--disabled)!important}.MuiButtonBase-root.MuiPickersDay-root:is(.dark *){color:var(--foreground)}.MuiPickersCalendarHeader-label,.MuiDayCalendar-header .MuiTypography-caption.MuiDayCalendar-weekDayLabel{font-family:IBM Plex Sans Arabic,ui-sans-serif,system-ui}.MuiButtonBase-root.MuiPickersDay-root.Mui-selected,.MuiButtonBase-root.MuiPickersDay-root:focus.Mui-selected{background-color:var(--primary)}.MuiDayCalendar-header .MuiTypography-caption{font-size:1.2rem;line-height:1.6rem;color:var(--foreground-secondary)}.MuiPickersCalendarHeader-root{justify-content:space-between}.MuiPickersCalendarHeader-root>div{margin:0;font-size:1.4rem;line-height:2rem}.MuiButtonBase-root.MuiIconButton-root{font-size:1.4rem;line-height:2rem}.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))}.MuiPickersYear-root .MuiPickersYear-yearButton{font-size:1.4rem;line-height:2rem}.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}html[dir=ltr] .MuiDateCalendar-root{direction:ltr}html[dir=rtl] .MuiDateCalendar-root{direction:rtl}
+@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)}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:".  "}

package/tailwind.config.cjs

@@ -469,7 +469,7 @@ module.exports = {
                 'caption-02': ['1rem', '1.4rem'],
                 'body-01': ['1.4rem', '2rem'],
                 'body-02': ['1.6rem', '2.4rem'],
-                'subtitle-01': ['1.6rem', { lineHeight: '2.4rem', fontWeight: '600' }],
+                'subtitle-01': ['1.8rem', '2.8rem'],
                 'subtitle-02': ['2rem', '2.8rem'],
             },
             boxShadow: {
@@ -492,6 +492,9 @@ module.exports = {
             fontFamily: {
                 IBMPlexSans: ['IBM Plex Sans Arabic', 'ui-sans-serif', 'system-ui'],
             },
+            listStyleType: {
+                'arabic-letters': 'arabic-letters',
+            },
         },
     },
     plugins: [

package/tailwind.config.js

@@ -468,7 +468,7 @@ module.exports = {
                 'caption-02': ['1rem', '1.4rem'],
                 'body-01': ['1.4rem', '2rem'],
                 'body-02': ['1.6rem', '2.4rem'],
-                'subtitle-01': ['1.6rem', { lineHeight: '2.4rem', fontWeight: '600' }],
+                'subtitle-01': ['1.8rem', '2.8rem'],
                 'subtitle-02': ['2rem', '2.8rem'],
             },
             boxShadow: {
@@ -491,6 +491,9 @@ module.exports = {
             fontFamily: {
                 IBMPlexSans: ['IBM Plex Sans Arabic', 'ui-sans-serif', 'system-ui'],
             },
+            listStyleType: {
+                'arabic-letters': 'arabic-letters',
+            },
         },
     },
     plugins: [

package/tsconfig.json

@@ -1,10 +1,28 @@
 {
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
+    "compilerOptions": {
+        "target": "ESNext",
+        "useDefineForClassFields": true,
+        "lib": ["ES2023", "DOM", "DOM.Iterable"],
+        "module": "ESNext",
+        "skipLibCheck": true,
+        /* Bundler mode */
+        "moduleResolution": "Bundler",
+        "allowImportingTsExtensions": true,
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "noEmit": true,
+        "jsx": "react-jsx",
+        /* Linting */
+        "strict": true,
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "noFallthroughCasesInSwitch": true,
+        "allowSyntheticDefaultImports": true
+    },
+    "include": ["src"],
+    "references": [
+        {
+            "path": "./tsconfig.node.json"
+        }
+    ]
 }

package/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}