@font-face {
  font-family: "Shabnam";
  src: url("../fonts/shabnam/Shabnam-Thin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: "Shabnam";
  src: url("../fonts/shabnam/Shabnam-Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Shabnam";
  src: url("../fonts/shabnam/Shabnam-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Shabnam";
  src: url("../fonts/shabnam/Shabnam-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Shabnam";
  src: url("../fonts/shabnam/Shabnam-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --erp-color-primary: #6d4aff; --erp-color-primary-hover: #5b3de8; --erp-color-primary-active: #4a32c3; --erp-color-primary-subtle: #f1eeff;
  --erp-color-secondary: #475467; --erp-color-accent: #7f56d9;
  --erp-color-success: #067647; --erp-color-success-subtle: #ecfdf3; --erp-color-warning: #b54708; --erp-color-warning-subtle: #fffaeb;
  --erp-color-danger: #b42318; --erp-color-danger-subtle: #fef3f2; --erp-color-info: #175cd3; --erp-color-info-subtle: #eff8ff;
  --erp-app-background: #f7f8fc; --erp-surface-primary: #ffffff; --erp-surface-secondary: #fafbfd; --erp-surface-elevated: #ffffff;
  --erp-surface-raised: #f9fafb; --erp-surface-active: #eaecf0; --erp-surface-hover: #f9fafb; --erp-surface-selected: #ece8ff; --erp-surface-disabled: #f2f4f7; --erp-overlay: rgb(16 24 40 / 48%);
  --erp-background-canvas: #f7f8fc; --erp-background-shell: #f9fafb; --erp-background-overlay: rgb(16 24 40 / 48%); --erp-background-backdrop: rgb(16 24 40 / 40%); --erp-background-elevated: #ffffff;
  --erp-glass-shell: rgb(255 255 255 / 96%); --erp-glass-sidebar: rgb(255 255 255 / 98%); --erp-glass-header: rgb(255 255 255 / 96%);
  --erp-glass-panel: rgb(255 255 255 / 94%); --erp-glass-card: rgb(255 255 255 / 96%); --erp-glass-dialog: rgb(255 255 255 / 98%);
  --erp-glass-popover: rgb(255 255 255 / 98%); --erp-glass-toolbar: rgb(250 251 253 / 96%);
  --erp-solid-primary: #ffffff; --erp-solid-secondary: #fafbfd; --erp-solid-tertiary: #f2f4f7;
  --erp-solid-hover: #f9fafb; --erp-solid-active: #eaecf0; --erp-solid-selected: #ece8ff; --erp-solid-disabled: #f2f4f7;
  --erp-text-primary: #101828; --erp-text-secondary: #475467; --erp-text-tertiary: #667085; --erp-text-disabled: #98a2b3;
  --erp-text-inverse: #ffffff; --erp-text-link: #5b3de8; --erp-text-danger: #b42318;
  --erp-border-default: #e4e7ec; --erp-border-subtle: #eaecf0; --erp-border-strong: #d0d5dd; --erp-border-focus: #8b78ff; --erp-border-danger: #b42318;
  --erp-border-glass: rgb(228 231 236 / 94%); --erp-border-primary: rgb(109 74 255 / 42%);
  --erp-space-0: 0; --erp-space-1: 2px; --erp-space-2: 4px; --erp-space-3: 6px; --erp-space-4: 8px; --erp-space-5: 12px;
  --erp-space-6: 16px; --erp-space-7: 20px; --erp-space-8: 24px; --erp-space-9: 32px; --erp-space-10: 40px; --erp-space-11: 48px; --erp-space-12: 64px;
  --erp-radius-xs: 8px; --erp-radius-sm: 8px; --erp-radius-md: 10px; --erp-radius-lg: 12px; --erp-radius-xl: 16px; --erp-radius-pill: 999px; --erp-radius-circle: 50%;
  --erp-radius-control-small: 8px; --erp-radius-control: 10px; --erp-radius-control-large: 12px;
  --erp-radius-card-small: 12px; --erp-radius-card: 16px; --erp-radius-panel: 18px; --erp-radius-sidebar: 20px; --erp-radius-dialog: 20px; --erp-radius-shell: 22px;
  --erp-shadow-none: none; --erp-shadow-xs: 0 1px 3px rgb(16 24 40 / 5%); --erp-shadow-sm: 0 3px 10px rgb(16 24 40 / 7%); --erp-shadow-md: 0 10px 28px rgb(16 24 40 / 9%);
  --erp-shadow-lg: 0 20px 50px rgb(16 24 40 / 12%); --erp-shadow-glass: 0 14px 40px rgb(16 24 40 / 8%); --erp-shadow-dialog: 0 28px 68px rgb(16 24 40 / 18%);
  --erp-shadow-focus: 0 0 0 3px rgb(139 120 255 / 26%); --erp-shadow-overlay: var(--erp-shadow-dialog);
  --erp-blur-subtle: 8px; --erp-blur-default: 16px; --erp-blur-strong: 22px; --erp-blur-overlay: 24px;
  --erp-ambient-primary: rgb(109 74 255 / 3%); --erp-ambient-secondary: rgb(71 84 103 / 2%); --erp-ambient-success: rgb(6 118 71 / 6%); --erp-ambient-warning: rgb(181 71 8 / 6%);
  --erp-opacity-muted: .68; --erp-opacity-disabled: .52; --erp-opacity-subtle: .12; --erp-opacity-medium: .48; --erp-opacity-strong: .82;
  --erp-font-family: "Shabnam", Tahoma, "Segoe UI", sans-serif; --erp-font-mono: "Cascadia Mono", Consolas, monospace;
  --erp-font-display: 700 2rem/1.4 var(--erp-font-family); --erp-font-page-title: 700 1.35rem/1.5 var(--erp-font-family);
  --erp-font-section-title: 650 1.05rem/1.5 var(--erp-font-family); --erp-font-card-title: 650 .95rem/1.5 var(--erp-font-family);
  --erp-font-body: 400 .875rem/1.8 var(--erp-font-family); --erp-font-body-sm: 400 .8125rem/1.7 var(--erp-font-family);
  --erp-font-label: 600 .75rem/1.5 var(--erp-font-family); --erp-font-caption: 400 .72rem/1.5 var(--erp-font-family);
  --erp-font-button: 600 .8125rem/1 var(--erp-font-family); --erp-font-table-header: 650 .75rem/1.5 var(--erp-font-family); --erp-font-numeric: 650 1.3rem/1.3 var(--erp-font-family);
  --erp-control-compact: 30px; --erp-control-default: 34px; --erp-control-comfortable: 40px;
  --erp-icon-xs: 14px; --erp-icon-sm: 16px; --erp-icon-md: 20px; --erp-icon-lg: 24px; --erp-icon-xl: 32px;
  --erp-z-base: 0; --erp-z-sticky: 10; --erp-z-sidebar: 30; --erp-z-header: 40; --erp-z-dropdown: 50; --erp-z-drawer: 60; --erp-z-modal: 70; --erp-z-toast: 80; --erp-z-tooltip: 90;
  --erp-sidebar-expanded: 240px; --erp-sidebar-collapsed: 64px; --erp-header-height: 56px; --erp-motion-fast: 140ms; --erp-motion-default: 200ms; --erp-motion-slow: 320ms;
  --erp-ease-standard: cubic-bezier(.2, 0, 0, 1); --erp-ease-emphasized: cubic-bezier(.2, .8, .2, 1);
  --erp-grid-background: var(--erp-surface-primary); --erp-grid-header-background: #f2f4f7; --erp-grid-header-text: #344054;
  --erp-grid-header-border: #e4e7ec; --erp-grid-row-background: #ffffff; --erp-grid-row-alternate: #fcfcfd;
  --erp-grid-row-hover: var(--erp-surface-hover); --erp-grid-row-selected: var(--erp-surface-selected); --erp-grid-row-disabled: var(--erp-surface-disabled);
  --erp-grid-cell-border: #eaecf0; --erp-grid-pinned-shadow: 0 0 10px rgb(16 24 40 / 8%); --erp-grid-resize-handle: var(--erp-border-strong);
  --erp-grid-focus-ring: var(--erp-border-focus); --erp-grid-footer-background: #f9fafb; --erp-grid-loading-overlay: rgb(255 255 255 / 88%);
  --erp-grid-row-compact: 32px; --erp-grid-row-default: 40px; --erp-grid-row-comfortable: 48px; --erp-grid-header-height: 40px;
  --erp-grid-cell-padding-compact: 4px 8px; --erp-grid-cell-padding-default: 8px 12px; --erp-grid-cell-padding-comfortable: 12px 16px; --erp-grid-sticky-z: 12;
}

:root[data-theme="dark"] {
  --erp-color-primary: #7b61ff; --erp-color-primary-hover: #6d55e8; --erp-color-primary-active: #5d48d4; --erp-color-primary-subtle: #332d5c;
  --erp-color-secondary: #aaaAAF; --erp-color-accent: #9889fc;
  --erp-color-success: #2f9e62; --erp-color-success-subtle: #173c2b; --erp-color-warning: #d79b35; --erp-color-warning-subtle: #45351d;
  --erp-color-danger: #d94d5c; --erp-color-danger-subtle: #4b252c; --erp-color-info: #9889fc; --erp-color-info-subtle: #332d5c;
  --erp-app-background: #16151d; --erp-surface-primary: #222129; --erp-surface-secondary: #2c2b34; --erp-surface-elevated: #3c3b43;
  --erp-surface-raised: #2f2e35; --erp-surface-active: #48474f; --erp-surface-hover: #3c3b43; --erp-surface-selected: #3a335f; --erp-surface-disabled: #35343c; --erp-overlay: rgb(10 9 14 / 76%);
  --erp-background-canvas: #16151d; --erp-background-shell: #222129; --erp-background-overlay: rgb(10 9 14 / 76%); --erp-background-backdrop: rgb(10 9 14 / 68%); --erp-background-elevated: #3c3b43;
  --erp-glass-shell: rgb(34 33 41 / 82%); --erp-glass-sidebar: rgb(34 33 41 / 86%); --erp-glass-header: rgb(34 33 41 / 74%);
  --erp-glass-panel: rgb(44 43 52 / 78%); --erp-glass-card: rgb(60 59 67 / 68%); --erp-glass-dialog: rgb(47 46 53 / 91%);
  --erp-glass-popover: rgb(60 59 67 / 92%); --erp-glass-toolbar: rgb(44 43 52 / 76%);
  --erp-solid-primary: #222129; --erp-solid-secondary: #2c2b34; --erp-solid-tertiary: #2f2e35;
  --erp-solid-hover: #3c3b43; --erp-solid-active: #48474f; --erp-solid-selected: #3a335f; --erp-solid-disabled: #35343c;
  --erp-text-primary: #f1f0f6; --erp-text-secondary: #cfcfe3; --erp-text-tertiary: #aaaaaf; --erp-text-disabled: #777580;
  --erp-text-inverse: #ffffff; --erp-text-link: #d8d5ff; --erp-text-danger: #f07884;
  --erp-border-default: #4a4952; --erp-border-subtle: rgb(255 255 255 / 10%); --erp-border-strong: #777580; --erp-border-focus: #7b61ff; --erp-border-danger: #d94d5c;
  --erp-border-glass: rgb(255 255 255 / 13%); --erp-border-primary: rgb(123 97 255 / 56%);
  --erp-shadow-xs: 0 1px 2px rgb(0 0 0 / 18%); --erp-shadow-sm: 0 3px 10px rgb(0 0 0 / 20%); --erp-shadow-md: 0 10px 28px rgb(0 0 0 / 24%);
  --erp-shadow-lg: 0 20px 54px rgb(0 0 0 / 30%); --erp-shadow-glass: 0 16px 42px rgb(0 0 0 / 24%); --erp-shadow-dialog: 0 28px 72px rgb(0 0 0 / 42%);
  --erp-shadow-focus: 0 0 0 3px rgb(123 97 255 / 28%); --erp-shadow-overlay: var(--erp-shadow-dialog);
  --erp-ambient-primary: rgb(123 97 255 / 20%); --erp-ambient-secondary: rgb(207 207 227 / 7%); --erp-ambient-success: rgb(47 158 98 / 10%); --erp-ambient-warning: rgb(215 155 53 / 10%);
  --erp-grid-background: #222129; --erp-grid-header-background: #3c3b43; --erp-grid-header-text: #cfcfe3;
  --erp-grid-header-border: rgb(255 255 255 / 10%); --erp-grid-row-background: #2c2b34; --erp-grid-row-alternate: #2f2e35;
  --erp-grid-row-hover: #3c3b43; --erp-grid-row-selected: #3a335f; --erp-grid-row-disabled: #292830;
  --erp-grid-cell-border: rgb(255 255 255 / 8%); --erp-grid-footer-background: #2f2e35;
  --erp-grid-pinned-shadow: 0 0 8px rgb(0 0 0 / 28%); --erp-grid-loading-overlay: rgb(34 33 41 / 82%);
}