npm - mada-design-system - Versions diffs - 0.8.1 → 0.8.4 - Mend

mada-design-system 0.8.1 → 0.8.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (923) hide show

package/index.es8.js CHANGED Viewed

@@ -1,20 +1,20 @@
-import { jsx as c, jsxs as r, Fragment as $ } from "react/jsx-runtime";
-import { useReactTable as h, flexRender as I } from "./index.es105.js";
-import { Checkbox as j } from "./index.es26.js";
-import { Skeleton as A } from "./index.es70.js";
-import { Table as ll, TableHeader as el, TableRow as P, TableHead as ol, TableBody as al, TableCell as B } from "./index.es73.js";
-import F, { useState as L, useEffect as _ } from "react";
-import { useMediaQuery as cl } from "./index.es106.js";
+import { jsx as c, jsxs as r, Fragment as h } from "react/jsx-runtime";
+import { useReactTable as ll, flexRender as I } from "./index.es115.js";
+import { Checkbox as A } from "./index.es26.js";
+import { Skeleton as B } from "./index.es70.js";
+import { Table as el, TableHeader as ol, TableRow as P, TableHead as al, TableBody as cl, TableCell as F } from "./index.es73.js";
+import L, { useState as _, useEffect as $ } from "react";
+import { useMediaQuery as nl } from "./index.es116.js";
 import { cn as g } from "./index.es89.js";
 import "./index.es2.js";
-import { PaginationDescription as nl, LinesPerPage as tl, Pagination as sl } from "./index.es13.js";
-import { Button as il } from "./index.es23.js";
+import { PaginationDescription as tl, LinesPerPage as sl, Pagination as il } from "./index.es13.js";
+import { Button as gl } from "./index.es23.js";
 import { ShouldRender as R } from "./index.es15.js";
-import gl from "./index.es107.js";
-import dl from "./index.es108.js";
-import rl from "./index.es109.js";
-import { getCoreRowModel as ul, getPaginationRowModel as ml } from "./index.es110.js";
-function zl({
+import dl from "./index.es117.js";
+import rl from "./index.es118.js";
+import ul from "./index.es119.js";
+import { getCoreRowModel as ml, getPaginationRowModel as fl } from "./index.es120.js";
+function kl({
   columns: N,
   data: b,
   loading: d,
@@ -35,22 +35,22 @@ function zl({
   ...l
 }) {
   var T, v, z, k, H;
-  const K = F.useMemo(() => d ? Array(C || 10).fill({}) : b, [d, C, b]), [f, O] = L(C || 10), [D, W] = L([]), X = F.useMemo(() => {
-    let e = d ? N.map((t) => ({
-      ...t,
-      cell: () => /* @__PURE__ */ c(A, { className: "h-8 w-full" })
+  const K = L.useMemo(() => d ? Array(C || 10).fill({}) : b, [d, C, b]), [f, O] = _(C || 10), [D, W] = _([]), X = L.useMemo(() => {
+    let e = d ? N.map((s) => ({
+      ...s,
+      cell: () => /* @__PURE__ */ c(B, { className: "h-8 w-full" })
     })) : N;
     return m && !d && (e = [{
       id: "select",
       header: x ? ({ table: a }) => {
-        var s;
+        var t;
         return /* @__PURE__ */ c(
-          j,
+          A,
           {
             checked: a.getIsAllPageRowsSelected(),
             onCheckedChange: (i) => a.toggleAllPageRowsSelected(!!i),
             "aria-label": "Select all",
-            className: g((s = o == null ? void 0 : o.headerSelect) == null ? void 0 : s.className),
+            className: g((t = o == null ? void 0 : o.headerSelect) == null ? void 0 : t.className),
             size: "sm",
             colors: "primary"
           }
@@ -60,14 +60,14 @@ function zl({
         () => /* @__PURE__ */ c("div", { role: "checkbox", className: "w-[48px]", "aria-hidden": "true" })
       ),
       cell: ({ row: a }) => {
-        var s;
+        var t;
         return /* @__PURE__ */ c(
-          j,
+          A,
           {
             checked: a.getIsSelected(),
             onCheckedChange: (i) => a.toggleSelected(!!i),
             "aria-label": "Select row",
-            className: g((s = o == null ? void 0 : o.bodySelect) == null ? void 0 : s.className),
+            className: g((t = o == null ? void 0 : o.bodySelect) == null ? void 0 : t.className),
             size: "sm",
             colors: "primary"
           }
@@ -76,15 +76,15 @@ function zl({
       enableSorting: !1,
       enableHiding: !1
     }, ...e]), e;
-  }, [d, N, m, x]), n = h({
+  }, [d, N, m, x]), n = ll({
     data: K,
     columns: X,
-    getCoreRowModel: ul(),
-    getPaginationRowModel: ml(),
+    getCoreRowModel: ml(),
+    getPaginationRowModel: fl(),
     onRowSelectionChange: V,
     onSortingChange: (e) => {
-      const t = typeof e == "function" ? e(D) : e;
-      W(t), w == null || w(t);
+      const s = typeof e == "function" ? e(D) : e;
+      W(s), w == null || w(s);
     },
     state: {
       rowSelection: U || {},
@@ -94,39 +94,39 @@ function zl({
     enableMultiRowSelection: x,
     getRowId: (e) => e.id
     // Provide a way to identify rows
-  }), Y = cl("(min-width: 801px)"), M = n.getState().pagination.pageIndex + 1, Z = (e) => {
+  }), Y = nl("(min-width: 801px)"), M = n.getState().pagination.pageIndex + 1, Z = (e) => {
     u && (m ? x ? e.toggleSelected(!e.getIsSelected()) : (n.resetRowSelection(), e.toggleSelected(!0)) : (n.resetRowSelection(), e.toggleSelected(!e.getIsSelected())), u(e));
   };
-  return _(() => {
+  return $(() => {
     const e = n.getRowModel().rows;
     if (!y || !e.length || !b.length)
       return;
-    const t = e[0];
-    n.resetRowSelection(), t.toggleSelected(!0), u && u(t);
-  }, [y, n, b]), _(() => {
+    const s = e[0];
+    n.resetRowSelection(), s.toggleSelected(!0), u && u(s);
+  }, [y, n, b]), $(() => {
     n.setPageSize(f);
-  }, [n, f]), Y ? /* @__PURE__ */ r($, { children: [
+  }, [n, f]), Y ? /* @__PURE__ */ r(h, { children: [
     /* @__PURE__ */ c("div", { className: "overflow-hidden ", children: /* @__PURE__ */ r(
-      ll,
+      el,
       {
         className: g("w-full table-fixed", (T = o == null ? void 0 : o.table) == null ? void 0 : T.className),
         variant: q,
         alternating: G,
         contained: J,
         children: [
-          /* @__PURE__ */ c(el, { className: g((v = o == null ? void 0 : o.tableHeader) == null ? void 0 : v.className), children: n.getHeaderGroups().map((e) => {
-            var t;
-            return /* @__PURE__ */ c(P, { className: g("hover:bg-transparent", (t = o == null ? void 0 : o.tableRow) == null ? void 0 : t.className), children: e.headers.map((a) => {
-              var s, i, p, S;
+          /* @__PURE__ */ c(ol, { className: g((v = o == null ? void 0 : o.tableHeader) == null ? void 0 : v.className), children: n.getHeaderGroups().map((e) => {
+            var s;
+            return /* @__PURE__ */ c(P, { className: g("hover:bg-transparent", (s = o == null ? void 0 : o.tableRow) == null ? void 0 : s.className), children: e.headers.map((a) => {
+              var t, i, p, S;
               return /* @__PURE__ */ c(
-                ol,
+                al,
                 {
-                  colSpan: ((s = a.column.columnDef.meta) == null ? void 0 : s.headerColSpan) ?? 1,
+                  colSpan: ((t = a.column.columnDef.meta) == null ? void 0 : t.headerColSpan) ?? 1,
                   className: g((i = o == null ? void 0 : o.tableHead) == null ? void 0 : i.className),
                   children: a.isPlaceholder ? null : (S = (p = a == null ? void 0 : a.column) == null ? void 0 : p.columnDef) != null && S.enableSorting ? /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-center gap-space-02", children: [
                     I(a.column.columnDef.header, a.getContext()),
                     /* @__PURE__ */ r(
-                      il,
+                      gl,
                       {
                         variant: a.column.getIsSorted() ? "default" : "ghost",
                         colors: "neutral",
@@ -139,17 +139,17 @@ function zl({
                             R,
                             {
                               shouldRender: !!a.column.getIsSorted() && a.column.getIsSorted() === "desc",
-                              children: /* @__PURE__ */ c(gl, {})
+                              children: /* @__PURE__ */ c(dl, {})
                             }
                           ),
                           /* @__PURE__ */ c(
                             R,
                             {
                               shouldRender: !!a.column.getIsSorted() && a.column.getIsSorted() === "asc",
-                              children: /* @__PURE__ */ c(dl, {})
+                              children: /* @__PURE__ */ c(rl, {})
                             }
                           ),
-                          /* @__PURE__ */ c(R, { shouldRender: !a.column.getIsSorted(), children: /* @__PURE__ */ c(rl, {}) })
+                          /* @__PURE__ */ c(R, { shouldRender: !a.column.getIsSorted(), children: /* @__PURE__ */ c(ul, {}) })
                         ]
                       }
                     )
@@ -159,38 +159,38 @@ function zl({
               );
             }) }, e.id);
           }) }),
-          /* @__PURE__ */ c(al, { className: g((z = o == null ? void 0 : o.tableBody) == null ? void 0 : z.className), children: (k = n.getRowModel().rows) != null && k.length ? n.getRowModel().rows.map((e) => {
-            var t;
+          /* @__PURE__ */ c(cl, { className: g((z = o == null ? void 0 : o.tableBody) == null ? void 0 : z.className), children: (k = n.getRowModel().rows) != null && k.length ? n.getRowModel().rows.map((e, s) => {
+            var a;
             return /* @__PURE__ */ c(
               P,
               {
                 "data-state": e.getIsSelected() && "selected",
                 onClick: () => Z(e),
-                className: g(u && "cursor-pointer", (t = o == null ? void 0 : o.tableRow) == null ? void 0 : t.className),
-                children: e.getVisibleCells().map((a) => {
-                  var i, p, S;
-                  const s = I(a.column.columnDef.cell, a.getContext());
+                className: g(u && "cursor-pointer", (a = o == null ? void 0 : o.tableRow) == null ? void 0 : a.className),
+                children: e.getVisibleCells().map((t) => {
+                  var p, S, j;
+                  const i = I(t.column.columnDef.cell, t.getContext());
                   return /* @__PURE__ */ c(
-                    B,
+                    F,
                     {
-                      colSpan: ((i = a.column.columnDef.meta) == null ? void 0 : i.cellColSpan) ?? 1,
-                      className: (p = o == null ? void 0 : o.tableCell) == null ? void 0 : p.className,
-                      "data-title": (S = a.column.columnDef.header) == null ? void 0 : S.toString(),
-                      children: s
+                      colSpan: ((p = t.column.columnDef.meta) == null ? void 0 : p.cellColSpan) ?? 1,
+                      className: (S = o == null ? void 0 : o.tableCell) == null ? void 0 : S.className,
+                      "data-title": (j = t.column.columnDef.header) == null ? void 0 : j.toString(),
+                      children: i
                     },
-                    a.id
+                    t.id
                   );
                 })
               },
-              e.id
+              `${e.id}-${s}`
             );
-          }) : /* @__PURE__ */ c(P, { className: (H = o == null ? void 0 : o.tableRow) == null ? void 0 : H.className, children: /* @__PURE__ */ c(B, { colSpan: N.length + (m ? 1 : 0), className: "h-24 text-center", children: E }) }) })
+          }) : /* @__PURE__ */ c(P, { className: (H = o == null ? void 0 : o.tableRow) == null ? void 0 : H.className, children: /* @__PURE__ */ c(F, { colSpan: N.length + (m ? 1 : 0), className: "h-24 text-center", children: E }) }) })
         ]
       }
     ) }),
     !!n.getFilteredRowModel().rows.length && Q && /* @__PURE__ */ r("div", { className: "flex items-center justify-end  p-space-03", children: [
-      d ? /* @__PURE__ */ c(A, { className: "me-auto h-[20px] w-space-12" }) : /* @__PURE__ */ c(
-        nl,
+      d ? /* @__PURE__ */ c(B, { className: "me-auto h-[20px] w-space-12" }) : /* @__PURE__ */ c(
+        tl,
         {
           currentPage: (l == null ? void 0 : l.pageNumber) ?? M,
           limit: f,
@@ -199,7 +199,7 @@ function zl({
       ),
       /* @__PURE__ */ r("div", { className: "flex items-center gap-x-space-03", children: [
         /* @__PURE__ */ c(
-          tl,
+          sl,
           {
             value: f,
             onChange: (e) => {
@@ -208,7 +208,7 @@ function zl({
           }
         ),
         /* @__PURE__ */ c(
-          sl,
+          il,
           {
             withoutText: !0,
             className: "justify-center",
@@ -227,6 +227,6 @@ function zl({
   ] }) : null;
 }
 export {
-  zl as DataTable,
-  zl as default
+  kl as DataTable,
+  kl as default
 };

package/index.es82.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsxs as R, jsx as t } from "react/jsx-runtime";
-import { useVirtualizer as w } from "./index.es118.js";
+import { useVirtualizer as w } from "./index.es128.js";
 import S, { useRef as N } from "react";
 import "./index.es2.js";
 import { Skeleton as z } from "./index.es70.js";

package/index.es85.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { produce as u } from "./index.es185.js";
+import { produce as u } from "./index.es104.js";
 const d = (a) => (e, t) => {
   a.setQueryData(e, (r) => typeof t != "function" ? t : u(r, (o) => {
     t(o);

package/index.es86.js CHANGED Viewed

@@ -1,7 +1,7 @@
 var h = Object.defineProperty;
 var d = (n, e, t) => e in n ? h(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var i = (n, e, t) => (d(n, typeof e != "symbol" ? e + "" : e, t), t);
-import { UserManager as g, Log as r } from "./index.es186.js";
+import { UserManager as g, Log as r } from "./index.es105.js";
 import { createIdentityConfig as l, createMetadataConfig as c } from "./index.es99.js";
 import "./index.es2.js";
 import u from "./index.es91.js";

package/index.es89.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import { clsx as s } from "./index.es133.js";
-import a from "./index.es125.js";
-import u from "./index.es187.js";
+import { clsx as s } from "./index.es106.js";
+import a from "./index.es107.js";
+import u from "./index.es108.js";
 import { strings as c } from "./index.es101.js";
-import { DateFormat as i } from "./index.es164.js";
+import { DateFormat as i } from "./index.es109.js";
 import l from "./index.es93.js";
-import { extendTailwindMerge as m } from "./index.es188.js";
+import { extendTailwindMerge as m } from "./index.es110.js";
 import { useToast as d } from "./index.es81.js";
 const g = m({
   classGroups: {

package/index.es9.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as s, jsxs as o } from "react/jsx-runtime";
-import { cva as x } from "./index.es111.js";
+import { cva as x } from "./index.es121.js";
 import { forwardRef as n } from "react";
 import { cn as i } from "./index.es89.js";
 const b = x("grid border-b border-border-secondary", {

package/index.es90.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { create as s } from "./index.es177.js";
+import { create as s } from "./index.es111.js";
 import f from "./index.es92.js";
 const m = ({ state: e }) => {
   var o, i, n, t, l, r;

package/index.es91.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { create as r } from "./index.es177.js";
+import { create as r } from "./index.es111.js";
 import m from "./index.es92.js";
 const i = r()(
   m(

package/index.es92.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { devtools as t } from "./index.es189.js";
-import { immer as s } from "./index.es190.js";
+import { devtools as t } from "./index.es112.js";
+import { immer as s } from "./index.es113.js";
 const l = {
   name: "Store",
   enabled: !0,

package/index.es93.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { create as n } from "./index.es177.js";
+import { create as n } from "./index.es111.js";
 import t from "./index.es92.js";
 const l = n()(
   t(

package/index.es96.js CHANGED Viewed

@@ -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.es186.js";
+import { UserManager as M } from "./index.es105.js";
 import { AuthContext as L } from "./index.es95.js";
 import { initialAuthState as x } from "./index.es97.js";
 import { reducer as D } from "./index.es94.js";

package/package.json CHANGED Viewed

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

package/style.css CHANGED Viewed

	@@ -1 +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-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);--table-background-row-alt: #F9FAFB;--table-background-row-hovered: #F3F4F6;--table-background-row-select: var(--primary-50);--table-background-row-selected-hovered: var(--primary-50);--table-border-row-selected-hovered: #F3F4F6;--table-background-row: #F9FAFB;--table-background-header: #F3F4F6;--table-background-hover-selected: #F9FAFB;--table-background-disabled: var(--background-disabled);--table-text-body: var(--text-default);--table-text-head: #384250;--table-cell-border-inverse: var(--border-black);--table-cell-border: #D2D6DB}.dark{--background: #111927;--background-foreground: #fff;--background-secondary: #111927;--background-brand: #111927;--foreground: #D2D6DB;--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: #FFFFFF4C;--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;--table-background-row-alt: #fff;--table-background-row-hovered: #F3F4F6;--table-background-row-select: var(--primary-50);--table-background-row-selected-hovered: var(--primary-50);--table-border-row-selected-hovered: #F3F4F6;--table-background-row: #111927;--table-background-header: #111927;--table-background-hover-selected: #111927;--table-background-disabled: var(--background-disabled);--table-text-body: #fff;--table-text-head: #D2D6DB;--table-cell-border-inverse: #fff;--table-cell-border: #4D5761}{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)}
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-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);--table-background-row-alt: #F9FAFB;--table-background-row-hovered: #F3F4F6;--table-background-row-select: var(--primary-50);--table-background-row-selected-hovered: var(--primary-50);--table-border-row-selected-hovered: #F3F4F6;--table-background-row: #F9FAFB;--table-background-header: #F3F4F6;--table-background-hover-selected: #F9FAFB;--table-background-disabled: var(--background-disabled);--table-text-body: var(--text-default);--table-text-head: #384250;--table-cell-border-inverse: var(--border-black);--table-cell-border: #D2D6DB}.dark{--background: #111927;--background-foreground: #fff;--background-secondary: #111927;--background-brand: #111927;--foreground: #D2D6DB;--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: #FFFFFF4C;--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;--table-background-row-alt: #fff;--table-background-row-hovered: #F3F4F6;--table-background-row-select: var(--primary-50);--table-background-row-selected-hovered: var(--primary-50);--table-border-row-selected-hovered: #F3F4F6;--table-background-row: #111927;--table-background-header: #111927;--table-background-hover-selected: #111927;--table-background-disabled: var(--background-disabled);--table-text-body: #fff;--table-text-head: #D2D6DB;--table-cell-border-inverse: #fff;--table-cell-border: #4D5761}{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:2.2rem;line-height:3.2rem}@media (min-width: 1280px){.title-01{font-size:2.4rem}}.title-02{font-size:2.4rem;line-height:3.2rem}@media (min-width: 1280px){.title-02{font-size:3rem;line-height:3.8rem}}.title-03{font-size:2.8rem;line-height:3.8rem}@media (min-width: 768px){.title-03{font-size:3rem}}@media (min-width: 1280px){.title-03{font-size:3.6rem;line-height:4.4rem}}.display-01{font-size:3.2rem;line-height:4rem}@media (min-width: 1280px){.display-01{font-size:4.8rem;line-height:6rem}}.display-02{font-size:3rem;line-height:6rem}@media (min-width: 768px){.display-02{font-size:3.6rem;line-height:4.4rem}}@media (min-width: 1280px){.display-02{font-size:4.8rem;line-height:6rem}}@media (min-width: 1536px){.display-02{font-size:6rem;line-height:7.2rem}}.display-03{font-size:3.6rem;line-height:4.4rem}@media (min-width: 768px){.display-03{font-size:4.8rem;line-height:6rem}}@media (min-width: 1280px){.display-03{font-size:6rem;line-height:9rem}}@media (min-width: 1536px){.display-03{font-size:7.2rem}}.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)}