/* ElementsERP tokens — generated from the design system tokens.json. Do not edit by hand. */
:root, [data-theme="light"] {
  --eu-white: #ffffff;
  --eu-ink: #101820;
  --eu-cobalt-900: #023046;
  --eu-cobalt-800: #1e475a;
  --eu-cobalt-700: #3a5e6f;
  --eu-cobalt-600: #567583;
  --eu-cobalt-500: #728c98;
  --eu-cobalt-400: #8ea3ac;
  --eu-cobalt-300: #aabac1;
  --eu-cobalt-200: #c6d1d5;
  --eu-cobalt-100: #e2e8ea;
  --eu-cobalt-50: #f0f3f4;
  --eu-neon-900: #153012;
  --eu-neon-800: #2a6024;
  --eu-neon-700: #3f9037;
  --eu-neon-600: #54c049;
  --eu-neon-500: #6af15c;
  --eu-neon-400: #87f37c;
  --eu-neon-100: #e1fcde;
  --eu-neon-50: #f0fdee;
  --eu-color-page: var(--eu-cobalt-50);
  --eu-color-bg: var(--eu-white);
  --eu-color-bg-subtle: var(--eu-cobalt-50);
  --eu-color-bg-muted: var(--eu-cobalt-100);
  --eu-color-border: var(--eu-cobalt-100);
  --eu-color-border-strong: var(--eu-cobalt-200);
  --eu-color-text: var(--eu-ink);
  --eu-color-text-secondary: var(--eu-cobalt-700);
  --eu-color-text-muted: var(--eu-cobalt-400);
  --eu-color-icon: var(--eu-cobalt-500);
  --eu-color-primary: var(--eu-cobalt-900);
  --eu-color-primary-hover: var(--eu-cobalt-800);
  --eu-color-primary-text: var(--eu-cobalt-900);
  --eu-color-primary-bg: var(--eu-cobalt-100);
  --eu-color-primary-border: var(--eu-cobalt-300);
  --eu-color-on-primary: var(--eu-white);
  --eu-color-focus: var(--eu-cobalt-900);
  --eu-color-accent: var(--eu-neon-500);
  --eu-color-success: var(--eu-neon-800);
  --eu-color-success-bg: var(--eu-neon-50);
  --eu-color-warning: #b45309;
  --eu-color-warning-bg: #fffbeb;
  --eu-color-danger: #c62828;
  --eu-color-danger-bg: #fef2f2;
  --eu-color-info: #9333ea;
  --eu-color-info-bg: #faf5ff;
  --eu-color-on-status: var(--eu-white);
  --eu-color-overlay: rgba(2, 48, 70, 0.4);
  --eu-nav-bg: var(--eu-cobalt-900);
  --eu-nav-bg-active: var(--eu-cobalt-800);
  --eu-nav-text: var(--eu-cobalt-200);
  --eu-nav-text-active: var(--eu-white);
  --eu-nav-accent: var(--eu-neon-500);
  --eu-shadow-xs: 0 1px 2px 0 rgba(2, 48, 70, 0.05);
  --eu-shadow-sm: 0 1px 3px 0 rgba(2, 48, 70, 0.08), 0 1px 2px -1px rgba(2, 48, 70, 0.08);
  --eu-shadow-md: 0 8px 24px -6px rgba(2, 48, 70, 0.16), 0 2px 4px 0 rgba(2, 48, 70, 0.06);
  --eu-shadow-lg: 0 24px 48px -12px rgba(2, 48, 70, 0.25);
}
/* :root[...] so a brand file (loaded later, :root) cannot undo the dark theme */
:root[data-theme="dark"] {
  --eu-color-page: #06141b;
  --eu-color-bg: #0b1d26;
  --eu-color-bg-subtle: #0f2530;
  --eu-color-bg-muted: #142c38;
  --eu-color-border: #1e3a48;
  --eu-color-border-strong: #2e4b59;
  --eu-color-text: var(--eu-cobalt-100);
  --eu-color-text-secondary: var(--eu-cobalt-300);
  --eu-color-text-muted: var(--eu-cobalt-500);
  --eu-color-icon: var(--eu-cobalt-400);
  --eu-color-primary: var(--eu-cobalt-100);
  --eu-color-primary-hover: var(--eu-white);
  --eu-color-primary-text: var(--eu-white);
  --eu-color-primary-bg: #16303d;
  --eu-color-primary-border: var(--eu-cobalt-700);
  --eu-color-on-primary: var(--eu-cobalt-900);
  --eu-color-focus: var(--eu-neon-500);
  --eu-color-success: var(--eu-neon-400);
  --eu-color-success-bg: var(--eu-neon-900);
  --eu-color-warning: #fbbf24;
  --eu-color-warning-bg: #2d2210;
  --eu-color-danger: #f87171;
  --eu-color-danger-bg: #2f1416;
  --eu-color-info: #c084fc;
  --eu-color-info-bg: #261a33;
  --eu-color-on-status: #06141b;
  --eu-color-overlay: rgba(0, 0, 0, 0.6);
  --eu-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  --eu-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  --eu-shadow-md: 0 8px 24px -6px rgba(0, 0, 0, 0.7);
  --eu-shadow-lg: 0 24px 48px -12px rgba(0, 0, 0, 0.8);
}
:root {
  --eu-space-1: 4px;
  --eu-space-2: 8px;
  --eu-space-3: 12px;
  --eu-space-4: 16px;
  --eu-space-5: 20px;
  --eu-space-6: 24px;
  --eu-space-8: 32px;
  --eu-space-12: 48px;
  --eu-radius-sm: 4px;
  --eu-radius: 6px;
  --eu-radius-md: 8px;
  --eu-radius-lg: 12px;
  --eu-radius-full: 9999px;
  --eu-control-h-sm: 28px;
  --eu-control-h: 32px;
  --eu-control-h-lg: 36px;
  --eu-row-h-compact: 32px;
  --eu-row-h: 40px;
  --eu-row-h-tall: 52px;
  --eu-thumb: 36px;
  --eu-topbar-h: 56px;
  --eu-sidebar-w: 240px;
  --eu-sidebar-w-collapsed: 60px;
  --eu-modal-sm: 420px;
  --eu-modal-md: 560px;
  --eu-modal-lg: 800px;
  --eu-drawer-md: 480px;
  --eu-drawer-lg: 720px;
  --eu-text-xs: 12px;
  --eu-text-sm: 13px;
  --eu-text-base: 14px;
  --eu-text-lg: 16px;
  --eu-text-xl: 18px;
  --eu-text-2xl: 22px;
  --eu-z-raised: 10;
  --eu-z-dropdown: 1000;
  --eu-z-drawer: 1045;
  --eu-z-modal: 1050;
  --eu-z-toast: 1090;
  --font-sans: "Urbanist", "Noto Sans Arabic", Arial, sans-serif;
  --font-num: "Geist", "Noto Sans Arabic", Arial, sans-serif;
  --font-mono: "Geist Mono", Menlo, Consolas, monospace;
}
@font-face { font-family: "Urbanist"; src: url("../fonts/Urbanist-VariableFont_wght.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }
/* Geist with tabular digits as the default glyphs (cmap remapped to tnum), so numbers line up even under font shorthands */
@font-face { font-family: "Geist"; src: url("../fonts/Geist-Variable-tnum.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("../fonts/GeistMono-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
.eu-page-title { font-family: var(--font-sans); font-size: 18px; line-height: 26px; font-weight: 700; }
.eu-section-title { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 700; }
.eu-body { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.eu-body-strong { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }
.eu-label { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 600; }
.eu-cell { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 500; }
.eu-th { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; }
.eu-caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; }
.eu-overline { font-family: var(--font-sans); font-size: 11px; line-height: 16px; font-weight: 700; letter-spacing: 0.08em; }
.eu-num { font-family: var(--font-num); font-size: 12px; line-height: 18px; font-weight: 400; font-variant-numeric: tabular-nums; }
.eu-num-strong { font-family: var(--font-num); font-size: 12px; line-height: 18px; font-weight: 700; font-variant-numeric: tabular-nums; }
.eu-kpi { font-family: var(--font-num); font-size: 22px; line-height: 28px; font-weight: 600; font-variant-numeric: tabular-nums; }