/* Generated by npm run build. Edit erp-ui/styles/, then rebuild. */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../assets/fonts/Inter-300.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/Inter-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../assets/fonts/Inter-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../assets/fonts/Inter-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/Inter-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../assets/fonts/Inter-800.ttf) format('truetype');
}
@layer theme, base, components, utilities;
@layer components {
  :root {
    --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Inter", system-ui, "Helvetica Neue", sans-serif;
    --font-mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;
    --font-features: "cv11", "ss01", "tnum";
    --large-title: 700 32px/38px var(--font-sans);
    --large-title-track: -0.025em;
    --title-1: 700 26px/32px var(--font-sans);
    --title-1-track: -0.022em;
    --title-2: 700 21px/27px var(--font-sans);
    --title-2-track: -0.02em;
    --title-3: 700 18px/24px var(--font-sans);
    --title-3-track: -0.018em;
    --headline: 650 15px/20px var(--font-sans);
    --headline-track: -0.01em;
    --body: 400 14.5px/20px var(--font-sans);
    --body-track: -0.004em;
    --callout: 400 13.5px/19px var(--font-sans);
    --callout-track: 0;
    --footnote: 400 12.5px/17px var(--font-sans);
    --footnote-track: 0;
    --caption: 600 11px/15px var(--font-sans);
    --caption-track: 0.07em;
    --display-num: 700 40px/46px var(--font-sans);
    --display-num-track: -0.03em;
    --fw-brand: 800;
    --ls-brand: -0.3px;
    --n1-emerald: #0E8A57;
    --solid: #16191D;
    --solid-ink: #FFFFFF;
    --solid-rgb: 22, 25, 29;
    --hover: #EAF4EF;
    --calcbg: #F7FBF9;
    --grid-line: #EDF0F3;
    --head: #F7F9FA;
    --blue: #0E8A57;
    --green: #0D7D4F;
    --orange: #B45309;
    --red: #C4342B;
    --indigo: #2B3138;
    --teal: #5C6670;
    --pink: #7C868F;
    --yellow: #D08A1E;
    --purple: #16191D;
    --accent: #0D7D4F;
    --accent-rgb: 13, 125, 79;
    --accent-hover: #0A6B44;
    --accent-pressed: #085737;
    --accent-tint: rgba(14, 138, 87, 0.10);
    --accent-tint-strong: rgba(14, 138, 87, 0.17);
    --accent-text: #0A6B44;
    --on-accent: #fff;
    --green-tint: rgba(14, 138, 87, 0.10);
    --orange-tint: #FDF3E3;
    --red-tint: rgba(196, 52, 43, 0.09);
    --indigo-tint: rgba(22, 25, 29, 0.06);
    --teal-tint: rgba(22, 25, 29, 0.06);
    --pink-tint: rgba(22, 25, 29, 0.06);
    --gray-tint: rgba(22, 25, 29, 0.06);
    --green-text: #0A6B44;
    --orange-text: #9A4708;
    --red-text: #B02E26;
    --indigo-text: #2B3138;
    --teal-text: #2B3138;
    --pink-text: #2B3138;
    --bg: #EEF1F3;
    --bg-rgb: 238, 241, 243;
    --surface: #FFFFFF;
    --surface-2: #F7F9FA;
    --surface-grouped: #F4F6F7;
    --elevated: rgba(255, 255, 255, 0.82);
    --elevated-solid: #FFFFFF;
    --sidebar-bg: rgba(255, 255, 255, 0.72);
    --label-1: #16191D;
    --label-2: #5C6670;
    --label-3: #6E7883;
    --label-4: #C9CFD4;
    --separator: rgba(22, 25, 29, 0.09);
    --separator-strong: rgba(22, 25, 29, 0.16);
    --fill-1: rgba(22, 25, 29, 0.055);
    --fill-2: rgba(22, 25, 29, 0.04);
    --fill-3: rgba(22, 25, 29, 0.025);
    --fill-hover: rgba(22, 25, 29, 0.035);
    --fill-pressed: rgba(22, 25, 29, 0.07);
    --zebra: rgba(22, 25, 29, 0.018);
    --field: #FFFFFF;
    --field-line: #E4E8EB;
    --mat-thin: rgba(255, 255, 255, 0.6);
    --mat-regular: rgba(255, 255, 255, 0.72);
    --mat-thick: rgba(255, 255, 255, 0.9);
    --mat-border: rgba(22, 25, 29, 0.07);
    --shadow-sm: 0 1px 2px rgba(22, 25, 29, .06);
    --shadow-md: 0 10px 30px rgba(22, 25, 29, .07);
    --shadow-lg: 0 20px 50px rgba(22, 25, 29, .12);
    --shadow-card: 0 0 0 1px rgba(22, 25, 29, .07), 0 10px 30px -18px rgba(22, 25, 29, .16);
    --shadow-card-hover: 0 0 0 1px rgba(22, 25, 29, .09), 0 18px 40px -18px rgba(22, 25, 29, .24);
    --focus-ring: 0 0 0 3px rgba(14, 138, 87, .22);
    --r-cell: 5px;
    --r-chip: 8px;
    --r-control: 11px;
    --r-field: 12px;
    --r-card: 18px;
    --r-sheet: 22px;
    --r-pill: 999px;
    --s-1: 4px;
    --s-2: 8px;
    --s-3: 12px;
    --s-4: 16px;
    --s-5: 20px;
    --s-6: 24px;
    --s-7: 32px;
    --s-8: 40px;
    --s-9: 56px;
    --s-10: 72px;
    --ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --dur-1: 200ms;
    --dur-2: 260ms;
    --dur-3: 320ms;
    --sidebar-w: 236px;
    --sidebar-w-collapsed: 72px;
    --toolbar-h: 60px;
    --content-max: none;
    --gutter: 20px;
    --win-pad: 10px;
    --row-h: 34px;
    --control-h: 34px;
    --control-h-sm: 28px;
    --control-h-lg: 44px;
    color-scheme: light;
  }
  :root[data-theme="dark"] {
    --n1-emerald: #35C08A;
    --solid: #ECEFF1;
    --solid-ink: #16191D;
    --solid-rgb: 236, 239, 241;
    --hover: #22382F;
    --calcbg: #1F2723;
    --grid-line: #262C33;
    --head: #1F252B;
    --blue: #35C08A;
    --green: #35C08A;
    --orange: #E0A45C;
    --red: #E5726B;
    --indigo: #9AA4AD;
    --teal: #7E8891;
    --pink: #636C74;
    --yellow: #E0A45C;
    --purple: #ECEFF1;
    --accent: #35C08A;
    --accent-rgb: 53, 192, 138;
    --accent-hover: #4FCB98;
    --accent-pressed: #2AA877;
    --accent-tint: rgba(53, 192, 138, 0.14);
    --accent-tint-strong: rgba(53, 192, 138, 0.22);
    --accent-text: #A8E6C8;
    --on-accent: #0B1F17;
    --green-tint: rgba(53, 192, 138, 0.14);
    --orange-tint: rgba(224, 164, 92, 0.14);
    --red-tint: rgba(229, 114, 107, 0.15);
    --indigo-tint: rgba(255, 255, 255, 0.07);
    --teal-tint: rgba(255, 255, 255, 0.07);
    --pink-tint: rgba(255, 255, 255, 0.07);
    --gray-tint: rgba(255, 255, 255, 0.07);
    --green-text: #7FD8B0;
    --orange-text: #E8B574;
    --red-text: #F08D86;
    --indigo-text: #C3CAD1;
    --teal-text: #C3CAD1;
    --pink-text: #C3CAD1;
    --bg: #111418;
    --bg-rgb: 17, 20, 24;
    --surface: #1A1F25;
    --surface-2: #1F252B;
    --surface-grouped: #232A30;
    --elevated: rgba(26, 31, 37, 0.85);
    --elevated-solid: #1C2228;
    --sidebar-bg: rgba(20, 24, 29, 0.72);
    --label-1: #ECEFF1;
    --label-2: #9AA4AD;
    --label-3: #858F98;
    --label-4: #3A424A;
    --separator: rgba(255, 255, 255, 0.08);
    --separator-strong: rgba(255, 255, 255, 0.14);
    --fill-1: rgba(255, 255, 255, 0.07);
    --fill-2: rgba(255, 255, 255, 0.05);
    --fill-3: rgba(255, 255, 255, 0.03);
    --fill-hover: rgba(255, 255, 255, 0.045);
    --fill-pressed: rgba(255, 255, 255, 0.09);
    --zebra: rgba(255, 255, 255, 0.015);
    --field: #232A30;
    --field-line: #2C333A;
    --mat-thin: rgba(20, 24, 29, 0.55);
    --mat-regular: rgba(20, 24, 29, 0.72);
    --mat-thick: rgba(26, 31, 37, 0.92);
    --mat-border: rgba(255, 255, 255, 0.07);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
    --shadow-md: 0 12px 32px rgba(0, 0, 0, .35);
    --shadow-lg: 0 20px 55px rgba(0, 0, 0, .5);
    --shadow-card: 0 0 0 1px rgba(255, 255, 255, .06), 0 12px 32px -20px rgba(0, 0, 0, .6);
    --shadow-card-hover: 0 0 0 1px rgba(255, 255, 255, .09), 0 18px 40px -18px rgba(0, 0, 0, .7);
    --focus-ring: 0 0 0 3px rgba(53, 192, 138, .28);
    color-scheme: dark;
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      --n1-emerald: #35C08A;
      --solid: #ECEFF1;
      --solid-ink: #16191D;
      --solid-rgb: 236, 239, 241;
      --hover: #22382F;
      --calcbg: #1F2723;
      --grid-line: #262C33;
      --head: #1F252B;
      --blue: #35C08A;
      --green: #35C08A;
      --orange: #E0A45C;
      --red: #E5726B;
      --indigo: #9AA4AD;
      --teal: #7E8891;
      --pink: #636C74;
      --yellow: #E0A45C;
      --purple: #ECEFF1;
      --accent: #35C08A;
      --accent-rgb: 53, 192, 138;
      --accent-hover: #4FCB98;
      --accent-pressed: #2AA877;
      --accent-tint: rgba(53, 192, 138, 0.14);
      --accent-tint-strong: rgba(53, 192, 138, 0.22);
      --accent-text: #A8E6C8;
      --on-accent: #0B1F17;
      --green-tint: rgba(53, 192, 138, 0.14);
      --orange-tint: rgba(224, 164, 92, 0.14);
      --red-tint: rgba(229, 114, 107, 0.15);
      --indigo-tint: rgba(255, 255, 255, 0.07);
      --teal-tint: rgba(255, 255, 255, 0.07);
      --pink-tint: rgba(255, 255, 255, 0.07);
      --gray-tint: rgba(255, 255, 255, 0.07);
      --green-text: #7FD8B0;
      --orange-text: #E8B574;
      --red-text: #F08D86;
      --indigo-text: #C3CAD1;
      --teal-text: #C3CAD1;
      --pink-text: #C3CAD1;
      --bg: #111418;
      --bg-rgb: 17, 20, 24;
      --surface: #1A1F25;
      --surface-2: #1F252B;
      --surface-grouped: #232A30;
      --elevated: rgba(26, 31, 37, 0.85);
      --elevated-solid: #1C2228;
      --sidebar-bg: rgba(20, 24, 29, 0.72);
      --label-1: #ECEFF1;
      --label-2: #9AA4AD;
      --label-3: #858F98;
      --label-4: #3A424A;
      --separator: rgba(255, 255, 255, 0.08);
      --separator-strong: rgba(255, 255, 255, 0.14);
      --fill-1: rgba(255, 255, 255, 0.07);
      --fill-2: rgba(255, 255, 255, 0.05);
      --fill-3: rgba(255, 255, 255, 0.03);
      --fill-hover: rgba(255, 255, 255, 0.045);
      --fill-pressed: rgba(255, 255, 255, 0.09);
      --zebra: rgba(255, 255, 255, 0.015);
      --field: #232A30;
      --field-line: #2C333A;
      --mat-thin: rgba(20, 24, 29, 0.55);
      --mat-regular: rgba(20, 24, 29, 0.72);
      --mat-thick: rgba(26, 31, 37, 0.92);
      --mat-border: rgba(255, 255, 255, 0.07);
      --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
      --shadow-md: 0 12px 32px rgba(0, 0, 0, .35);
      --shadow-lg: 0 20px 55px rgba(0, 0, 0, .5);
      --shadow-card: 0 0 0 1px rgba(255, 255, 255, .06), 0 12px 32px -20px rgba(0, 0, 0, .6);
      --shadow-card-hover: 0 0 0 1px rgba(255, 255, 255, .09), 0 18px 40px -18px rgba(0, 0, 0, .7);
      --focus-ring: 0 0 0 3px rgba(53, 192, 138, .28);
      color-scheme: dark;
    }
  }
  :root[data-density="compact"] {
    --row-h: 30px;
    --control-h: 30px;
    --control-h-sm: 24px;
    --control-h-lg: 38px;
    --gutter: 14px;
  }
  @media (max-width: 1280px) {
    :root {
      --gutter: 16px;
    }
  }
  @media (max-width: 768px) {
    :root {
      --gutter: 16px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    :root {
      --dur-1: 0ms;
      --dur-2: 0ms;
      --dur-3: 0ms;
    }
  }
}