/* [project]/frontend/src/styles/globals.css [client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}

@layer theme;

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, var(--font-sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"));
    font-feature-settings: var(--default-font-feature-settings, initial);
    font-variation-settings: var(--default-font-variation-settings, initial);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace));
    font-feature-settings: var(--default-mono-font-feature-settings, initial);
    font-variation-settings: var(--default-mono-font-variation-settings, initial);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  :root {
    --card-radius: .65rem;
    --background: #fff;
    --foreground: #0a0a0a;
    --card: #fff;
    --card-foreground: #0a0a0a;
    --popover: #fff;
    --popover-foreground: #0a0a0a;
    --primary: #171717;
    --primary-foreground: #fafafa;
    --secondary: #f5f5f5;
    --secondary-foreground: #171717;
    --muted: #f5f5f5;
    --muted-foreground: #737373;
    --accent: #f5f5f5;
    --accent-foreground: #171717;
    --destructive: #e40014;
    --border: #e5e5e5;
    --input: #e5e5e5;
    --ring: #a1a1a1;
    --chart-1: #f05100;
    --chart-2: #009588;
    --chart-3: #104e64;
    --chart-4: #fcbb00;
    --chart-5: #f99c00;
    --category-blue: #1a3b4d;
    --category-cyan: #1a3f42;
    --category-green: #1a3d32;
    --category-lime: #1b3d1a;
    --category-sage: #1a3d1c;
    --category-blue-light: #2d4f63;
    --category-cyan-light: #2d5358;
    --category-green-light: #2d5148;
    --category-lime-light: #2e5130;
    --category-sage-light: #2d5132;
    --category-blue-10: #1a3b4d1a;
    --category-cyan-10: #1a3f421a;
    --category-green-10: #1a3d321a;
    --category-lime-10: #1b3d1a1a;
    --category-sage-10: #1a3d1c1a;
    --category-blue-20: #1a3b4d33;
    --category-cyan-20: #1a3f4233;
    --category-green-20: #1a3d3233;
    --category-lime-20: #1b3d1a33;
    --category-sage-20: #1a3d1c33;
    --odd-row: #ffffff80;
    --even-row: #fff;
    --sidebar: #fcfcfc;
    --mini-sidebar: #eee;
    --sidebar-foreground: #222;
    --sidebar-primary: #171717;
    --sidebar-primary-foreground: #fafafa;
    --sidebar-accent: #eee;
    --sidebar-accent-foreground: #0b0b0b;
    --sidebar-border: #e5e5e526;
    --sidebar-ring: #a1a1a1;
    --sidebar-muted: gray;
    --hover-bg: #e4e4e4;
    --skeleton: #e5e7eb;
    --skeleton-foreground: #d1d5db;
    --skeleton-muted: #cbd5e1;
    --status-active-bg: #01a301;
    --status-active-text: #5af169;
    --status-active-border: #31aa40;
    --status-pending-bg: #ffcc79;
    --status-pending-text: #452600;
    --status-pending-border: #cd8800;
    --status-inactive-bg: #d6e7f8;
    --status-inactive-text: #333c45;
    --status-inactive-border: #798898;
    --status-suspended-bg: #ffb9b2;
    --status-suspended-text: #560005;
    --status-suspended-border: #f94144;
  }

  @supports (color: lab(0% 0 0)) {
    :root {
      --background: lab(100% 0 0);
      --foreground: lab(2.75381% 0 0);
      --card: lab(100% 0 0);
      --card-foreground: lab(2.75381% 0 0);
      --popover: lab(100% 0 0);
      --popover-foreground: lab(2.75381% 0 0);
      --primary: lab(7.78201% -.0000149012 0);
      --primary-foreground: lab(98.26% 0 0);
      --secondary: lab(96.52% -.0000298023 .0000119209);
      --secondary-foreground: lab(7.78201% -.0000149012 0);
      --muted: lab(96.52% -.0000298023 .0000119209);
      --muted-foreground: lab(48.496% 0 0);
      --accent: lab(96.52% -.0000298023 .0000119209);
      --accent-foreground: lab(7.78201% -.0000149012 0);
      --destructive: lab(48.4493% 77.4328 61.5452);
      --border: lab(90.952% 0 -.0000119209);
      --input: lab(90.952% 0 -.0000119209);
      --ring: lab(66.128% -.0000298023 .0000119209);
      --chart-1: lab(57.1026% 64.2584 89.8886);
      --chart-2: lab(55.0223% -41.0774 -3.90277);
      --chart-3: lab(30.372% -13.1853 -18.7887);
      --chart-4: lab(80.1641% 16.6016 99.2089);
      --chart-5: lab(72.7183% 31.8672 97.9407);
      --odd-row: lab(100% 0 0 / .5);
      --even-row: lab(100% 0 0);
      --sidebar: lab(98.84% .0000298023 -.0000119209);
      --mini-sidebar: lab(94.2% 0 0);
      --sidebar-foreground: lab(13% 0 0);
      --sidebar-primary: lab(7.78201% -.0000149012 0);
      --sidebar-primary-foreground: lab(98.26% 0 0);
      --sidebar-accent: lab(94.2% 0 0);
      --sidebar-accent-foreground: lab(3.04863% 0 0);
      --sidebar-border: lab(90.952% 0 -.0000119209 / .15);
      --sidebar-ring: lab(66.128% -.0000298023 .0000119209);
      --sidebar-muted: lab(53.6% 0 0);
      --hover-bg: lab(90.72% .0000298023 -.0000119209);
      --status-active-bg: lab(58.2894% -56.6578 57.7826);
      --status-active-text: lab(85.2294% -61.827 52.1689);
      --status-active-border: lab(61.5358% -50.6384 43.17);
      --status-pending-bg: lab(85.6153% 35.9378 187.104);
      --status-pending-text: lab(17.4412% 45.4612 48.8791);
      --status-pending-border: lab(62.4415% 30.7515 149.474);
      --status-inactive-bg: lab(90.6847% -3.08084 -10.611);
      --status-inactive-text: lab(24.5688% -1.90632 -7.00992);
      --status-inactive-border: lab(55.8773% -2.93925 -10.5476);
      --status-suspended-bg: lab(81.2648% 78.7997 46.9356);
      --status-suspended-text: lab(13.7327% 77.7297 35.2102);
      --status-suspended-border: lab(57.1752% 69.5963 43.0458);
    }
  }

  .dark {
    --card-radius: .5rem;
    --background: #0a0a0a;
    --foreground: #fafafa;
    --card: #171717;
    --card-foreground: #fafafa;
    --popover: #171717;
    --popover-foreground: #fafafa;
    --primary: #e5e5e5;
    --primary-foreground: #171717;
    --secondary: #262626;
    --secondary-foreground: #fafafa;
    --muted: #262626;
    --muted-foreground: #a1a1a1;
    --accent: #262626;
    --accent-foreground: #fafafa;
    --destructive: #ff6568;
    --border: #ffffff1a;
    --input: #ffffff26;
    --ring: #737373;
    --chart-1: #1447e6;
    --chart-2: #00bb7f;
    --chart-3: #f99c00;
    --chart-4: #ac4bff;
    --chart-5: #ff2357;
    --category-blue: #4a7a9a;
    --category-cyan: #4a7e82;
    --category-green: #4a7d72;
    --category-lime: #4a7d4a;
    --category-sage: #4a7d4c;
    --category-blue-light: #5a8aaa;
    --category-cyan-light: #5a8e92;
    --category-green-light: #5a8d82;
    --category-lime-light: #5a8d5a;
    --category-sage-light: #5a8d5c;
    --sidebar: #121212;
    --mini-sidebar: #1b1b1b;
    --sidebar-foreground: #dedede;
    --sidebar-primary: #1447e6;
    --sidebar-primary-foreground: #fafafa;
    --sidebar-accent: #222;
    --sidebar-accent-foreground: #eee;
    --sidebar-border: #ffffff05;
    --sidebar-ring: #737373;
    --sidebar-muted: #9e9e9e;
    --hover-bg: #2e2e2e;
    --skeleton: #171719;
    --skeleton-foreground: #1f2227;
    --skeleton-muted: #323c49;
    --odd-row: #f5f5f533;
    --even-row: #f5f5f580;
    --status-active-bg: #00520fe6;
    --status-active-text: #6fe276;
    --status-active-border: #097f23;
    --status-pending-bg: #643f00e6;
    --status-pending-text: #ffbe4d;
    --status-pending-border: #9e6300;
    --status-inactive-bg: #25292ee6;
    --status-inactive-text: #a5afba;
    --status-inactive-border: #4d5660;
    --status-suspended-bg: #780004e6;
    --status-suspended-text: #ffa8a0;
    --status-suspended-border: #bb061e;
  }

  @supports (color: lab(0% 0 0)) {
    .dark {
      --background: lab(2.75381% 0 0);
      --foreground: lab(98.26% 0 0);
      --card: lab(7.78201% -.0000149012 0);
      --card-foreground: lab(98.26% 0 0);
      --popover: lab(7.78201% -.0000149012 0);
      --popover-foreground: lab(98.26% 0 0);
      --primary: lab(90.952% 0 -.0000119209);
      --primary-foreground: lab(7.78201% -.0000149012 0);
      --secondary: lab(15.204% 0 -.00000596046);
      --secondary-foreground: lab(98.26% 0 0);
      --muted: lab(15.204% 0 -.00000596046);
      --muted-foreground: lab(66.128% -.0000298023 .0000119209);
      --accent: lab(15.204% 0 -.00000596046);
      --accent-foreground: lab(98.26% 0 0);
      --destructive: lab(63.7053% 60.745 31.3109);
      --border: lab(100% 0 0 / .1);
      --input: lab(100% 0 0 / .15);
      --ring: lab(48.496% 0 0);
      --chart-1: lab(36.9089% 35.0961 -85.6872);
      --chart-2: lab(66.9756% -58.27 19.5419);
      --chart-3: lab(72.7183% 31.8672 97.9407);
      --chart-4: lab(52.0183% 66.11 -78.2316);
      --chart-5: lab(56.101% 79.4328 31.4532);
      --sidebar: lab(5.26802% 0 0);
      --mini-sidebar: lab(9.52% -.00000745058 0);
      --sidebar-foreground: lab(88.4% 0 .0000119209);
      --sidebar-primary: lab(36.9089% 35.0961 -85.6872);
      --sidebar-primary-foreground: lab(98.26% 0 0);
      --sidebar-accent: lab(13% 0 0);
      --sidebar-accent-foreground: lab(94.2% 0 0);
      --sidebar-border: lab(100% 0 0 / .02);
      --sidebar-ring: lab(48.496% 0 0);
      --sidebar-muted: lab(65.2% 0 0);
      --hover-bg: lab(18.8% 0 0);
      --odd-row: lab(96.52% -.0000298023 .0000119209 / .2);
      --even-row: lab(96.52% -.0000298023 .0000119209 / .5);
      --status-active-bg: lab(29.6827% -39.6577 36.348 / .9);
      --status-active-text: lab(81.3058% -50.4879 41.7764);
      --status-active-border: lab(46.1955% -45.1023 39.2232);
      --status-pending-bg: lab(29.9336% 25.1355 74.8488 / .9);
      --status-pending-text: lab(82.3052% 28.4655 103.997);
      --status-pending-border: lab(47.3359% 28.7421 121.074);
      --status-inactive-bg: lab(16.4678% -1.01776 -3.53267 / .9);
      --status-inactive-text: lab(70.9783% -2.08899 -7.09087);
      --status-inactive-border: lab(36.1728% -1.98329 -7.04196);
      --status-suspended-bg: lab(22.6945% 57.5555 39.3055 / .9);
      --status-suspended-text: lab(76.938% 69.2167 40.6318);
      --status-suspended-border: lab(39.9438% 63.5347 42.0903);
    }
  }

  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    --tw-leading: var(--leading-relaxed, 1.625);
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
    line-height: var(--leading-relaxed, 1.625);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background-color: var(--background);
    color: var(--foreground);
  }
}

@layer components {
  .text-heading {
    font-size: var(--text-2xl, 1.5rem);
    line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    --tw-leading: var(--leading-tight, 1.25);
    line-height: var(--leading-tight, 1.25);
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }

  .text-subheading {
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-leading: var(--leading-snug, 1.375);
    line-height: var(--leading-snug, 1.375);
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
  }

  .text-body {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
    --tw-leading: var(--leading-relaxed, 1.625);
    line-height: var(--leading-relaxed, 1.625);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
  }

  .text-muted {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: var(--muted-foreground);
  }

  .text-display {
    font-size: var(--text-4xl, 2.25rem);
    line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
    --tw-leading: var(--leading-tight, 1.25);
    line-height: var(--leading-tight, 1.25);
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    --tw-tracking: var(--tracking-tight, -.025em);
    letter-spacing: var(--tracking-tight, -.025em);
  }

  .text-title {
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
    --tw-leading: var(--leading-tight, 1.25);
    line-height: var(--leading-tight, 1.25);
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }

  .text-subtitle {
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
    --tw-leading: var(--leading-normal, 1.5);
    line-height: var(--leading-normal, 1.5);
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
  }

  .text-caption {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-leading: var(--leading-normal, 1.5);
    line-height: var(--leading-normal, 1.5);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .text-overline {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-leading: var(--leading-normal, 1.5);
    line-height: var(--leading-normal, 1.5);
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    --tw-tracking: var(--tracking-wide, .025em);
    letter-spacing: var(--tracking-wide, .025em);
    text-transform: uppercase;
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light, 300);
    font-weight: var(--font-weight-light, 300);
  }

  .font-regular {
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }

  .text-primary {
    color: var(--primary);
  }

  .text-secondary {
    color: var(--secondary-foreground);
  }

  .text-muted {
    color: var(--muted-foreground);
  }

  .text-accent {
    color: var(--accent-foreground);
  }

  .text-destructive {
    color: var(--destructive);
  }

  .prose {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
    --tw-leading: var(--leading-relaxed, 1.625);
    line-height: var(--leading-relaxed, 1.625);
    color: var(--foreground);
  }

  .prose-sm {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-leading: var(--leading-relaxed, 1.625);
    line-height: var(--leading-relaxed, 1.625);
  }

  .prose h1 {
    margin-top: calc(var(--spacing, .25rem) * 4);
    margin-bottom: calc(var(--spacing, .25rem) * 3);
    font-size: var(--text-2xl, 1.5rem);
    line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    --tw-leading: var(--leading-tight, 1.25);
    line-height: var(--leading-tight, 1.25);
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    --tw-tracking: var(--tracking-tight, -.025em);
    letter-spacing: var(--tracking-tight, -.025em);
  }

  .prose h2 {
    margin-top: calc(var(--spacing, .25rem) * 3);
    margin-bottom: calc(var(--spacing, .25rem) * 2);
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
    --tw-leading: var(--leading-tight, 1.25);
    line-height: var(--leading-tight, 1.25);
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }

  .prose h3 {
    margin-top: calc(var(--spacing, .25rem) * 3);
    margin-bottom: calc(var(--spacing, .25rem) * 2);
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-leading: var(--leading-tight, 1.25);
    line-height: var(--leading-tight, 1.25);
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }

  .prose h4, .prose h5, .prose h6 {
    margin-top: calc(var(--spacing, .25rem) * 2);
    margin-bottom: calc(var(--spacing, .25rem) * 2);
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
    --tw-leading: var(--leading-snug, 1.375);
    line-height: var(--leading-snug, 1.375);
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
  }

  .prose p {
    margin-bottom: calc(var(--spacing, .25rem) * 3);
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
    --tw-leading: var(--leading-relaxed, 1.625);
    line-height: var(--leading-relaxed, 1.625);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
  }

  .prose-sm p {
    margin-bottom: calc(var(--spacing, .25rem) * 2);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }

  .prose small {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-leading: var(--leading-normal, 1.5);
    line-height: var(--leading-normal, 1.5);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--muted-foreground);
  }

  .prose ul {
    margin-bottom: calc(var(--spacing, .25rem) * 3);
    list-style-type: disc;
  }

  :where(.prose ul > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  .prose ul {
    padding-left: calc(var(--spacing, .25rem) * 6);
  }

  .prose ol {
    margin-bottom: calc(var(--spacing, .25rem) * 3);
    list-style-type: decimal;
  }

  :where(.prose ol > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  .prose ol {
    padding-left: calc(var(--spacing, .25rem) * 6);
  }

  .prose li {
    --tw-leading: var(--leading-relaxed, 1.625);
    line-height: var(--leading-relaxed, 1.625);
  }

  .prose li > ul, .prose li > ol {
    margin-top: calc(var(--spacing, .25rem) * 1);
    margin-bottom: calc(var(--spacing, .25rem) * 0);
  }

  .prose a {
    color: var(--primary);
    text-underline-offset: 2px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    text-decoration-line: underline;
  }

  @media (hover: hover) {
    .prose a:hover {
      color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .prose a:hover {
        color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }
  }

  .prose code {
    background-color: var(--muted);
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
    padding-block: calc(var(--spacing, .25rem) * .5);
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--foreground);
    border-radius: .25rem;
  }

  .prose pre {
    margin-bottom: calc(var(--spacing, .25rem) * 3);
    border-radius: var(--radius-lg, .5rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--muted);
    padding: calc(var(--spacing, .25rem) * 4);
    overflow-x: auto;
  }

  .prose pre code {
    padding: calc(var(--spacing, .25rem) * 0);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    background-color: #0000;
  }

  .prose blockquote {
    margin-bottom: calc(var(--spacing, .25rem) * 3);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: var(--primary);
    padding-left: calc(var(--spacing, .25rem) * 4);
    color: var(--muted-foreground);
    font-style: italic;
  }

  .prose blockquote p {
    margin-bottom: calc(var(--spacing, .25rem) * 0);
  }

  .prose table {
    margin-bottom: calc(var(--spacing, .25rem) * 3);
    border-collapse: collapse;
    width: 100%;
  }

  .prose th {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--muted);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    text-align: left;
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
  }

  .prose td {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
  }

  .prose hr {
    margin-block: calc(var(--spacing, .25rem) * 4);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
  }

  .prose strong {
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
  }

  .prose em {
    font-style: italic;
  }

  .prose input[type="checkbox"] {
    margin-right: calc(var(--spacing, .25rem) * 2);
    vertical-align: middle;
    accent-color: var(--primary);
  }

  .prose img {
    margin-bottom: calc(var(--spacing, .25rem) * 3);
    border-radius: var(--radius-lg, .5rem);
    max-width: 100%;
    height: auto;
  }

  .max-w-none {
    max-width: none;
  }

  .focus-ring {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-ring:focus-visible {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-ring:focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-ring:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .invalid-state[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  .invalid-state[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .invalid-state[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  @media (prefers-color-scheme: dark) {
    .invalid-state[aria-invalid="true"] {
      --tw-ring-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .invalid-state[aria-invalid="true"] {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
      }
    }
  }

  .focus-outline-none {
    --tw-outline-style: none;
    -webkit-focus-ring-color: transparent;
    outline-style: none;
  }

  .form-input-base {
    height: calc(var(--spacing, .25rem) * 9);
    width: 100%;
    min-width: calc(var(--spacing, .25rem) * 0);
    border-radius: var(--radius-md, .375rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-outline-style: none;
    background-color: #0000;
    outline-style: none;
    display: flex;
  }

  @media (min-width: 48rem) {
    .form-input-base {
      font-size: var(--text-sm, .875rem);
      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark-input-background {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark-input-background {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark-input-border {
      border-color: var(--input);
    }
  }

  .input-placeholder::placeholder {
    color: var(--muted-foreground);
  }

  .input-selection ::selection, .input-selection::selection {
    background-color: var(--primary);
    color: var(--primary-foreground);
  }

  .input-disabled:disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
  }

  .file-input-styling::file-selector-button {
    display: inline-flex;
  }

  .file-input-styling::file-selector-button {
    height: calc(var(--spacing, .25rem) * 7);
  }

  .file-input-styling::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file-input-styling::file-selector-button {
    background-color: #0000;
  }

  .file-input-styling::file-selector-button {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }

  .file-input-styling::file-selector-button {
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .file-input-styling::file-selector-button {
    color: var(--foreground);
  }

  .button-flex-base {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--radius-md, .375rem);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    white-space: nowrap;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    flex-shrink: 0;
    display: inline-flex;
  }

  .button-disabled:disabled {
    pointer-events: none;
    opacity: .5;
  }

  .button-svg-icons svg {
    pointer-events: none;
    flex-shrink: 0;
  }

  .button-svg-icons svg:not([class*="size-"]) {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  .loading-spinner {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    animation: var(--animate-spin, spin 1s linear infinite);
    border-bottom-style: var(--tw-border-style);
    border-color: currentColor;
    border-bottom-width: 2px;
    border-radius: 3.40282e38px;
  }

  .badge-base {
    border-radius: var(--radius-md, .375rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ring);
    width: fit-content;
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * .5);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    white-space: nowrap;
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    overflow: hidden;
  }

  .badge-svg-icons {
    gap: calc(var(--spacing, .25rem) * 1);
  }

  .badge-svg-icons > svg {
    pointer-events: none;
    width: calc(var(--spacing, .25rem) * 3);
    height: calc(var(--spacing, .25rem) * 3);
  }

  .removable-badge-base {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    border-radius: var(--radius-md, .375rem);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    display: inline-flex;
  }

  .removable-badge-close {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  }

  @media (hover: hover) {
    .removable-badge-close:hover {
      color: var(--color-red-600, #e40014);
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .removable-badge-close:hover {
        color: var(--color-red-400, #ff6568);
      }
    }
  }

  .card-base {
    gap: calc(var(--spacing, .25rem) * 6);
    border-radius: var(--radius-xl, .75rem);
    border-style: var(--tw-border-style);
    background-color: var(--card);
    padding-block: calc(var(--spacing, .25rem) * 6);
    color: var(--card-foreground);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-width: 1px;
    flex-direction: column;
    display: flex;
  }

  .card-header-grid {
    align-items: flex-start;
    gap: calc(var(--spacing, .25rem) * 1.5);
    padding-inline: calc(var(--spacing, .25rem) * 6);
    grid-template-rows: auto auto;
    grid-auto-rows: min-content;
    display: grid;
    container: card-header / inline-size;
  }

  .card-header-grid:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }

  .card-header-grid.border-b {
    padding-bottom: calc(var(--spacing, .25rem) * 6);
  }

  .card-action-position {
    grid-row: 1 / span 2;
    grid-column-start: 2;
    place-self: flex-start flex-end;
  }

  .card-content-padding {
    padding-inline: calc(var(--spacing, .25rem) * 6);
  }

  .card-footer-layout {
    padding-inline: calc(var(--spacing, .25rem) * 6);
    align-items: center;
    display: flex;
  }

  .card-footer-layout.border-t {
    padding-top: calc(var(--spacing, .25rem) * 6);
  }

  .modal-container {
    border-radius: var(--radius-lg, .5rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-stone-200, #e7e5e4);
    background-color: var(--color-white, #fff);
  }

  @supports (color: lab(0% 0 0)) {
    .modal-container {
      border-color: var(--color-stone-200, lab(91.055% .663072 .865579));
    }
  }

  @media (prefers-color-scheme: dark) {
    .modal-container {
      border-color: var(--color-stone-700, #44403b);
    }

    .modal-container {
      background-color: var(--color-stone-900, #1c1917);
    }
  }

  .skeleton-base {
    animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
    border-radius: var(--radius-md, .375rem);
    background-color: var(--accent);
  }

  .skeleton-secondary {
    background-color: var(--secondary);
    border-radius: .25rem;
  }

  @media (prefers-color-scheme: dark) {
    .skeleton-secondary {
      background-color: var(--secondary);
    }
  }

  .skeleton-bar {
    background-color: var(--color-stone-200, #e7e5e4);
  }

  @supports (color: lab(0% 0 0)) {
    .skeleton-bar {
      background-color: var(--color-stone-200, lab(91.055% .663072 .865579));
    }
  }

  @media (prefers-color-scheme: dark) {
    .skeleton-bar {
      background-color: var(--color-stone-700, #44403b);
    }
  }

  .avatar-container {
    width: calc(var(--spacing, .25rem) * 8);
    height: calc(var(--spacing, .25rem) * 8);
    border-radius: 3.40282e38px;
    flex-shrink: 0;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .avatar-fallback {
    background-color: var(--muted);
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .avatar-image {
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
  }

  .alert-base {
    align-items: flex-start;
    row-gap: calc(var(--spacing, .25rem) * .5);
    border-radius: var(--radius-lg, .5rem);
    border-style: var(--tw-border-style);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-block: calc(var(--spacing, .25rem) * 3);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    border-width: 1px;
    grid-template-columns: 0 1fr;
    display: grid;
    position: relative;
  }

  .alert-base:has( > svg) {
    grid-template-columns: calc(var(--spacing) * 4) 1fr;
  }

  .alert-base:has( > svg) {
    column-gap: calc(var(--spacing, .25rem) * 3);
  }

  .alert-icon > svg {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
    --tw-translate-y: calc(var(--spacing, .25rem) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: currentColor;
  }

  .alert-title {
    -webkit-line-clamp: 1;
    min-height: calc(var(--spacing, .25rem) * 4);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    --tw-tracking: var(--tracking-tight, -.025em);
    letter-spacing: var(--tracking-tight, -.025em);
    -webkit-box-orient: vertical;
    grid-column-start: 2;
    display: -webkit-box;
    overflow: hidden;
  }

  .alert-description {
    justify-items: start;
    gap: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--muted-foreground);
    grid-column-start: 2;
    display: grid;
  }

  .alert-description p {
    --tw-leading: var(--leading-relaxed, 1.625);
    line-height: var(--leading-relaxed, 1.625);
  }

  .table-base {
    caption-side: bottom;
    width: 100%;
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }

  .table-row-hover {
    border-bottom-style: var(--tw-border-style);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    border-bottom-width: 1px;
  }

  @media (hover: hover) {
    .table-row-hover:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .table-row-hover:hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }

  .table-row-hover[data-state="selected"] {
    background-color: var(--muted);
  }

  .table-header-row tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .table-body-last tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .table-footer {
    border-top-style: var(--tw-border-style);
    background-color: var(--muted);
    border-top-width: 1px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .table-footer {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .table-footer {
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .table-footer > tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .table-head {
    height: calc(var(--spacing, .25rem) * 10);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    text-align: left;
    vertical-align: middle;
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    white-space: nowrap;
    color: var(--foreground);
  }

  .table-head:has([role="checkbox"]) {
    padding-right: calc(var(--spacing, .25rem) * 0);
  }

  .table-head > [role="checkbox"] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .table-cell {
    padding: calc(var(--spacing, .25rem) * 2);
    vertical-align: middle;
    white-space: nowrap;
  }

  .table-cell:has([role="checkbox"]) {
    padding-right: calc(var(--spacing, .25rem) * 0);
  }

  .table-cell > [role="checkbox"] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .table-caption {
    margin-top: calc(var(--spacing, .25rem) * 4);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--muted-foreground);
  }

  .heading-lg {
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-semibold, 600);
    line-height: 1;
    font-weight: var(--font-weight-semibold, 600);
  }

  .text-muted-sm {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--muted-foreground);
  }

  .text-relaxed {
    --tw-leading: var(--leading-relaxed, 1.625);
    line-height: var(--leading-relaxed, 1.625);
  }

  .form-label {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium, 500);
    line-height: 1;
    font-weight: var(--font-weight-medium, 500);
  }

  .icon-button-base {
    border-radius: var(--radius-lg, .5rem);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .icon-button-base:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    outline-style: none;
  }

  .icon-button-primary {
    background-color: var(--primary);
    color: var(--primary-foreground);
  }

  @media (hover: hover) {
    .icon-button-primary:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .icon-button-primary:hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }
  }

  .icon-button-primary:focus {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .icon-button-primary:focus {
      --tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }

  .icon-button-outline {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    color: var(--foreground);
  }

  @media (hover: hover) {
    .icon-button-outline:hover {
      background-color: var(--secondary);
    }
  }

  .icon-button-outline:focus {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .icon-button-outline:focus {
      --tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }

  @media (hover: hover) {
    .icon-button-ghost:hover {
      background-color: var(--accent);
    }
  }

  @media (hover: hover) {
    .icon-button-ghost:hover {
      color: var(--accent-foreground);
    }
  }

  .flex-center-gap {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    display: flex;
  }

  .form-grid {
    gap: calc(var(--spacing, .25rem) * 2);
    display: grid;
  }

  .dialog-footer-layout {
    gap: calc(var(--spacing, .25rem) * 2);
    flex-direction: column;
    display: flex;
  }

  @media (min-width: 40rem) {
    .dialog-footer-layout {
      flex-direction: row;
    }

    .dialog-footer-layout {
      justify-content: flex-end;
    }
  }

  .responsive-flex-layout {
    gap: calc(var(--spacing, .25rem) * 2);
    flex-direction: column;
    display: flex;
  }

  @media (min-width: 40rem) {
    .responsive-flex-layout {
      flex-direction: row;
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark-hover-background:hover {
        background-color: var(--input);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark-hover-background:hover {
          background-color: color-mix(in oklab, var(--input) 50%, transparent);
        }
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark-destructive-variant {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark-destructive-variant {
        background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
      }
    }
  }

  .separator-base {
    background-color: var(--border);
    flex-shrink: 0;
  }

  .separator-base[data-orientation="horizontal"] {
    width: 100%;
    height: 1px;
  }

  .separator-base[data-orientation="vertical"] {
    width: 1px;
    height: 100%;
  }

  .empty-state-container {
    padding-block: calc(var(--spacing, .25rem) * 12);
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .empty-state-icon {
    margin-bottom: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 12);
    width: calc(var(--spacing, .25rem) * 12);
    color: var(--muted-foreground);
  }

  .empty-state-description {
    margin-bottom: calc(var(--spacing, .25rem) * 4);
    max-width: var(--container-md, 28rem);
    color: var(--muted-foreground);
  }

  body.chat-open .flex-1.overflow-y-scroll {
    transition: margin-right .3s ease-in-out;
    margin-right: 400px !important;
  }

  .flex-1.overflow-y-scroll {
    transition: margin-right .3s ease-in-out;
  }

  .interactive-card {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: var(--radius-lg, .5rem);
    padding: calc(var(--spacing, .25rem) * 4);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    display: flex;
  }

  @media (hover: hover) {
    .interactive-card:hover {
      background-color: var(--muted);
    }
  }

  .interactive-card-compact {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--radius-lg, .5rem);
    padding: calc(var(--spacing, .25rem) * 2);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    display: flex;
  }

  @media (hover: hover) {
    .interactive-card-compact:hover {
      background-color: var(--muted);
    }
  }

  .flex-between {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .flex-center {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .flex-start {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .grid-2-col {
    gap: calc(var(--spacing, .25rem) * 4);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
  }

  @media (min-width: 40rem) {
    .grid-2-col {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  .grid-3-col {
    gap: calc(var(--spacing, .25rem) * 4);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
  }

  @media (min-width: 48rem) {
    .grid-3-col {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .grid-3-col {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  .grid-4-col {
    gap: calc(var(--spacing, .25rem) * 4);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
  }

  @media (min-width: 40rem) {
    .grid-4-col {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .grid-4-col {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  .icon-container-xs {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    background-color: var(--primary);
    color: var(--primary-foreground);
    border-radius: .25rem;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .icon-container-sm {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    border-radius: var(--radius-lg, .5rem);
    background-color: var(--primary);
    color: var(--primary-foreground);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .icon-container-md {
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
    border-radius: var(--radius-lg, .5rem);
    background-color: var(--primary);
    color: var(--primary-foreground);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .icon-container-lg {
    height: calc(var(--spacing, .25rem) * 12);
    width: calc(var(--spacing, .25rem) * 12);
    border-radius: var(--radius-xl, .75rem);
    background-color: var(--primary);
    color: var(--primary-foreground);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .avatar-container {
    height: calc(var(--spacing, .25rem) * 10);
    width: calc(var(--spacing, .25rem) * 10);
    background-color: var(--primary);
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--primary-foreground);
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .avatar-container-sm {
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
    background-color: var(--primary);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--primary-foreground);
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .avatar-container-lg {
    height: calc(var(--spacing, .25rem) * 12);
    width: calc(var(--spacing, .25rem) * 12);
    background-color: var(--primary);
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--primary-foreground);
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .content-card {
    border-radius: var(--radius-lg, .5rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--card);
    padding: calc(var(--spacing, .25rem) * 4);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .content-card-hover {
    cursor: pointer;
    border-radius: var(--radius-lg, .5rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--card);
    padding: calc(var(--spacing, .25rem) * 4);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  }

  @media (hover: hover) {
    .content-card-hover:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .content-card-compact {
    border-radius: var(--radius-lg, .5rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--card);
    padding: calc(var(--spacing, .25rem) * 3);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .stats-card {
    border-radius: var(--radius-lg, .5rem);
    --tw-border-style: none;
    background-color: var(--card);
    padding: calc(var(--spacing, .25rem) * 4);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-style: none;
  }

  .feature-card {
    cursor: pointer;
    border-radius: var(--radius-xl, .75rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .feature-card {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .feature-card {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .feature-card {
      background-color: color-mix(in oklab, var(--card) 50%, transparent);
    }
  }

  .feature-card {
    padding: calc(var(--spacing, .25rem) * 4);
    --tw-backdrop-blur: blur(var(--blur-sm, 8px));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  @media (hover: hover) {
    .feature-card:hover {
      border-color: var(--border);
    }
  }

  @media (hover: hover) {
    .feature-card:hover {
      background-color: var(--card);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .feature-card:hover {
        background-color: color-mix(in oklab, var(--card) 80%, transparent);
      }
    }
  }

  .action-button {
    height: calc(var(--spacing, .25rem) * 9);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--radius-lg, .5rem);
    background-color: var(--primary);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--primary-foreground);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    display: flex;
  }

  @media (hover: hover) {
    .action-button:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .action-button:hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }
  }

  .action-button-sm {
    height: calc(var(--spacing, .25rem) * 8);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    border-radius: var(--radius-lg, .5rem);
    background-color: var(--primary);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--primary-foreground);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    display: flex;
  }

  @media (hover: hover) {
    .action-button-sm:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .action-button-sm:hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }
  }

  .ghost-button {
    height: calc(var(--spacing, .25rem) * 9);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--radius-lg, .5rem);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--muted-foreground);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    display: flex;
  }

  @media (hover: hover) {
    .ghost-button:hover {
      background-color: var(--accent);
    }
  }

  @media (hover: hover) {
    .ghost-button:hover {
      color: var(--foreground);
    }
  }

  .ghost-button-sm {
    height: calc(var(--spacing, .25rem) * 8);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    border-radius: var(--radius-lg, .5rem);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--muted-foreground);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    display: flex;
  }

  @media (hover: hover) {
    .ghost-button-sm:hover {
      background-color: var(--accent);
    }
  }

  @media (hover: hover) {
    .ghost-button-sm:hover {
      color: var(--foreground);
    }
  }

  .outline-button {
    height: calc(var(--spacing, .25rem) * 9);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--radius-lg, .5rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--background);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    display: flex;
  }

  @media (hover: hover) {
    .outline-button:hover {
      background-color: var(--accent);
    }
  }

  .outline-button-sm {
    height: calc(var(--spacing, .25rem) * 8);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    border-radius: var(--radius-lg, .5rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--background);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    display: flex;
  }

  @media (hover: hover) {
    .outline-button-sm:hover {
      background-color: var(--accent);
    }
  }

  .menu-item {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--radius-lg, .5rem);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    color: var(--foreground);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    display: flex;
  }

  @media (hover: hover) {
    .menu-item:hover {
      background-color: var(--accent);
    }
  }

  .menu-item-compact {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--radius-lg, .5rem);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1.5);
    color: var(--foreground);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    display: flex;
  }

  @media (hover: hover) {
    .menu-item-compact:hover {
      background-color: var(--accent);
    }
  }

  .nav-item {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: var(--radius-lg, .5rem);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    color: var(--muted-foreground);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    display: flex;
  }

  @media (hover: hover) {
    .nav-item:hover {
      background-color: var(--accent);
    }
  }

  @media (hover: hover) {
    .nav-item:hover {
      color: var(--foreground);
    }
  }

  .nav-item-active {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: var(--radius-lg, .5rem);
    background-color: var(--accent);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    color: var(--foreground);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    display: flex;
  }

  :where(.list-container > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  .list-item {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: var(--radius-lg, .5rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--card);
    padding: calc(var(--spacing, .25rem) * 3);
    display: flex;
  }

  .list-item-interactive {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: var(--radius-lg, .5rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--card);
    padding: calc(var(--spacing, .25rem) * 3);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    display: flex;
  }

  @media (hover: hover) {
    .list-item-interactive:hover {
      background-color: var(--accent);
    }
  }

  .list-item-compact {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--radius-lg, .5rem);
    padding: calc(var(--spacing, .25rem) * 2);
    display: flex;
  }

  .modal-overlay {
    inset: calc(var(--spacing, .25rem) * 0);
    z-index: 50;
    background-color: #0006;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .modal-overlay {
      background-color: color-mix(in oklab, var(--color-black, #000) 40%, transparent);
    }
  }

  .modal-overlay {
    --tw-backdrop-blur: blur(var(--blur-sm, 8px));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .modal-content {
    margin-inline: calc(var(--spacing, .25rem) * 4);
    width: 100%;
    max-width: var(--container-md, 28rem);
    border-radius: var(--radius-lg, .5rem);
    background-color: var(--card);
    padding: calc(var(--spacing, .25rem) * 6);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    position: relative;
  }

  .modal-content-lg {
    margin-inline: calc(var(--spacing, .25rem) * 4);
    width: 100%;
    max-width: var(--container-2xl, 42rem);
    border-radius: var(--radius-lg, .5rem);
    background-color: var(--card);
    padding: calc(var(--spacing, .25rem) * 6);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    position: relative;
  }

  .modal-header {
    margin-bottom: calc(var(--spacing, .25rem) * 4);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .modal-title {
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--foreground);
  }

  .modal-close {
    color: var(--muted-foreground);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  }

  @media (hover: hover) {
    .modal-close:hover {
      color: var(--foreground);
    }
  }

  .section-header {
    margin-bottom: calc(var(--spacing, .25rem) * 4);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .section-header-compact {
    margin-bottom: calc(var(--spacing, .25rem) * 2);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .section-title {
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--foreground);
  }

  .section-subtitle {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--muted-foreground);
  }

  .page-header {
    margin-bottom: calc(var(--spacing, .25rem) * 6);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .page-title {
    font-size: var(--text-2xl, 1.5rem);
    line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--foreground);
  }

  :where(.form-field-group > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.form-field-group-compact > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  .form-stack {
    gap: calc(var(--spacing, .25rem) * 2);
    flex-direction: column;
    display: flex;
  }

  .form-row {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 4);
    display: flex;
  }

  .form-grid-2 {
    gap: calc(var(--spacing, .25rem) * 4);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
  }

  @media (min-width: 40rem) {
    .form-grid-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  .form-grid-3 {
    gap: calc(var(--spacing, .25rem) * 4);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
  }

  @media (min-width: 48rem) {
    .form-grid-3 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .form-grid-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  :where(.form-section > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  .form-section {
    border-radius: var(--radius-lg, .5rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--card);
    padding: calc(var(--spacing, .25rem) * 4);
  }

  :where(.field-container > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  .field-label {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--foreground);
    display: flex;
  }

  .field-error {
    margin-top: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--color-red-600, #e40014);
  }

  @supports (color: lab(0% 0 0)) {
    .field-error {
      color: var(--color-red-600, lab(48.4493% 77.4328 61.5452));
    }
  }

  @media (prefers-color-scheme: dark) {
    .field-error {
      color: var(--color-red-400, #ff6568);
    }
  }

  .field-hint {
    margin-top: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted-foreground);
  }

  .form-input-primary {
    border-radius: var(--radius-md, .375rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300, #d1d5dc);
    background-color: var(--color-white, #fff);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    color: var(--color-gray-900, #101828);
  }

  @supports (color: lab(0% 0 0)) {
    .form-input-primary {
      border-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
      color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
    }
  }

  .form-input-primary::placeholder {
    color: var(--color-gray-400, #99a1af);
  }

  @supports (color: lab(0% 0 0)) {
    .form-input-primary::placeholder {
      color: var(--color-gray-400, lab(65.9269% -.832707 -8.17473));
    }
  }

  .form-input-primary {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .form-input-primary:focus {
    border-color: var(--color-indigo-500, #625fff);
  }

  @supports (color: lab(0% 0 0)) {
    .form-input-primary:focus {
      border-color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
    }
  }

  .form-input-primary:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-indigo-500, #625fff);
  }

  @supports (color: lab(0% 0 0)) {
    .form-input-primary:focus {
      --tw-ring-color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
    }
  }

  .form-input-primary:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (prefers-color-scheme: dark) {
    .form-input-primary {
      border-color: var(--color-gray-600, #4a5565);
    }

    .form-input-primary {
      background-color: var(--color-gray-700, #364153);
    }

    .form-input-primary {
      color: var(--color-white, #fff);
    }

    .form-input-primary::placeholder {
      color: var(--color-gray-500, #6a7282);
    }

    @supports (color: lab(0% 0 0)) {
      .form-input-primary::placeholder {
        border-color: var(--color-gray-600, lab(35.6337% -1.58697 -10.8425));
        background-color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
        color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
      }
    }
  }

  .form-input-compact {
    border-radius: var(--radius-md, .375rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300, #d1d5dc);
    background-color: var(--color-white, #fff);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    color: var(--color-gray-900, #101828);
  }

  @supports (color: lab(0% 0 0)) {
    .form-input-compact {
      border-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
      color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
    }
  }

  .form-input-compact:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-indigo-500, #625fff);
    border-color: #0000;
  }

  @supports (color: lab(0% 0 0)) {
    .form-input-compact:focus {
      --tw-ring-color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
    }
  }

  .form-input-compact:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (prefers-color-scheme: dark) {
    .form-input-compact {
      border-color: var(--color-gray-600, #4a5565);
    }

    .form-input-compact {
      background-color: var(--color-gray-700, #364153);
    }

    .form-input-compact {
      color: var(--color-white, #fff);
    }
  }

  .form-textarea-primary {
    border-radius: var(--radius-md, .375rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300, #d1d5dc);
    background-color: var(--color-white, #fff);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    color: var(--color-gray-900, #101828);
  }

  @supports (color: lab(0% 0 0)) {
    .form-textarea-primary {
      border-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
      color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
    }
  }

  .form-textarea-primary::placeholder {
    color: var(--color-gray-400, #99a1af);
  }

  @supports (color: lab(0% 0 0)) {
    .form-textarea-primary::placeholder {
      color: var(--color-gray-400, lab(65.9269% -.832707 -8.17473));
    }
  }

  .form-textarea-primary {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .form-textarea-primary:focus {
    border-color: var(--color-indigo-500, #625fff);
  }

  @supports (color: lab(0% 0 0)) {
    .form-textarea-primary:focus {
      border-color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
    }
  }

  .form-textarea-primary:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-indigo-500, #625fff);
  }

  @supports (color: lab(0% 0 0)) {
    .form-textarea-primary:focus {
      --tw-ring-color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
    }
  }

  .form-textarea-primary:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (prefers-color-scheme: dark) {
    .form-textarea-primary {
      border-color: var(--color-gray-600, #4a5565);
    }

    .form-textarea-primary {
      background-color: var(--color-gray-700, #364153);
    }

    .form-textarea-primary {
      color: var(--color-white, #fff);
    }

    .form-textarea-primary::placeholder {
      color: var(--color-gray-500, #6a7282);
    }

    @supports (color: lab(0% 0 0)) {
      .form-textarea-primary::placeholder {
        border-color: var(--color-gray-600, lab(35.6337% -1.58697 -10.8425));
        background-color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
        color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
      }
    }
  }

  .form-select-primary {
    border-radius: var(--radius-md, .375rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300, #d1d5dc);
    background-color: var(--color-white, #fff);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    color: var(--color-gray-900, #101828);
  }

  @supports (color: lab(0% 0 0)) {
    .form-select-primary {
      border-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
      color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
    }
  }

  .form-select-primary:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-indigo-500, #625fff);
  }

  @supports (color: lab(0% 0 0)) {
    .form-select-primary:focus {
      --tw-ring-color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
    }
  }

  .form-select-primary:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (prefers-color-scheme: dark) {
    .form-select-primary {
      border-color: var(--color-gray-600, #4a5565);
    }

    .form-select-primary {
      background-color: var(--color-gray-700, #364153);
    }

    .form-select-primary {
      color: var(--color-white, #fff);
    }
  }

  .form-label-primary {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-gray-700, #364153);
    display: block;
  }

  @supports (color: lab(0% 0 0)) {
    .form-label-primary {
      color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
    }
  }

  @media (prefers-color-scheme: dark) {
    .form-label-primary {
      color: var(--color-gray-300, #d1d5dc);
    }
  }

  .form-error-text {
    margin-top: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--color-red-600, #e40014);
  }

  @supports (color: lab(0% 0 0)) {
    .form-error-text {
      color: var(--color-red-600, lab(48.4493% 77.4328 61.5452));
    }
  }

  @media (prefers-color-scheme: dark) {
    .form-error-text {
      color: var(--color-red-400, #ff6568);
    }
  }

  .form-input-error {
    border-radius: var(--radius-md, .375rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-red-300, #ffa3a3);
    background-color: var(--color-white, #fff);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    color: var(--color-gray-900, #101828);
  }

  @supports (color: lab(0% 0 0)) {
    .form-input-error {
      border-color: var(--color-red-300, lab(76.5514% 36.422 15.5335));
      color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
    }
  }

  .form-input-error::placeholder {
    color: var(--color-gray-400, #99a1af);
  }

  @supports (color: lab(0% 0 0)) {
    .form-input-error::placeholder {
      color: var(--color-gray-400, lab(65.9269% -.832707 -8.17473));
    }
  }

  .form-input-error {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .form-input-error:focus {
    border-color: var(--color-red-500, #fb2c36);
  }

  @supports (color: lab(0% 0 0)) {
    .form-input-error:focus {
      border-color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
    }
  }

  .form-input-error:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-red-500, #fb2c36);
  }

  @supports (color: lab(0% 0 0)) {
    .form-input-error:focus {
      --tw-ring-color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
    }
  }

  .form-input-error:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (prefers-color-scheme: dark) {
    .form-input-error {
      border-color: var(--color-red-600, #e40014);
    }

    .form-input-error {
      background-color: var(--color-gray-700, #364153);
    }

    .form-input-error {
      color: var(--color-white, #fff);
    }

    .form-input-error::placeholder {
      color: var(--color-gray-500, #6a7282);
    }

    @supports (color: lab(0% 0 0)) {
      .form-input-error::placeholder {
        border-color: var(--color-red-600, lab(48.4493% 77.4328 61.5452));
        background-color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
        color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
      }
    }
  }

  .form-input-disabled {
    cursor: not-allowed;
    border-radius: var(--radius-md, .375rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300, #d1d5dc);
    background-color: var(--color-gray-50, #f9fafb);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    color: var(--color-gray-500, #6a7282);
  }

  @supports (color: lab(0% 0 0)) {
    .form-input-disabled {
      border-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
      background-color: var(--color-gray-50, lab(98.2596% -.247031 -.706708));
      color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
    }
  }

  .form-input-disabled::placeholder {
    color: var(--color-gray-400, #99a1af);
  }

  @supports (color: lab(0% 0 0)) {
    .form-input-disabled::placeholder {
      color: var(--color-gray-400, lab(65.9269% -.832707 -8.17473));
    }
  }

  .form-input-disabled {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (prefers-color-scheme: dark) {
    .form-input-disabled {
      border-color: var(--color-gray-600, #4a5565);
    }

    .form-input-disabled {
      background-color: var(--color-gray-800, #1e2939);
    }

    .form-input-disabled {
      color: var(--color-gray-400, #99a1af);
    }

    .form-input-disabled::placeholder {
      color: var(--color-gray-500, #6a7282);
    }

    @supports (color: lab(0% 0 0)) {
      .form-input-disabled::placeholder {
        border-color: var(--color-gray-600, lab(35.6337% -1.58697 -10.8425));
        background-color: var(--color-gray-800, lab(16.1051% -1.18239 -11.7533));
        color: var(--color-gray-400, lab(65.9269% -.832707 -8.17473));
        color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
      }
    }
  }

  .form-error-box {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: var(--color-red-500, #fb2c36);
    background-color: var(--color-red-50, #fef2f2);
    padding: calc(var(--spacing, .25rem) * 4);
  }

  @supports (color: lab(0% 0 0)) {
    .form-error-box {
      border-color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
      background-color: var(--color-red-50, lab(96.5005% 4.18508 1.52328));
    }
  }

  @media (prefers-color-scheme: dark) {
    .form-error-box {
      background-color: #82181a4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .form-error-box {
        background-color: color-mix(in oklab, var(--color-red-900, lab(28.5139% 44.5539 29.0463)) 30%, transparent);
      }
    }
  }

  .form-error-box-text {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--color-red-700, #bf000f);
  }

  @supports (color: lab(0% 0 0)) {
    .form-error-box-text {
      color: var(--color-red-700, lab(40.4273% 67.2623 53.7441));
    }
  }

  @media (prefers-color-scheme: dark) {
    .form-error-box-text {
      color: var(--color-red-400, #ff6568);
    }
  }

  .form-input-with-disabled {
    border-radius: var(--radius-md, .375rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300, #d1d5dc);
    background-color: var(--color-white, #fff);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    color: var(--color-gray-900, #101828);
  }

  @supports (color: lab(0% 0 0)) {
    .form-input-with-disabled {
      border-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
      color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
    }
  }

  .form-input-with-disabled:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-indigo-500, #625fff);
    border-color: #0000;
  }

  @supports (color: lab(0% 0 0)) {
    .form-input-with-disabled:focus {
      --tw-ring-color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
    }
  }

  .form-input-with-disabled:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .form-input-with-disabled:disabled {
    background-color: var(--color-gray-50, #f9fafb);
  }

  @supports (color: lab(0% 0 0)) {
    .form-input-with-disabled:disabled {
      background-color: var(--color-gray-50, lab(98.2596% -.247031 -.706708));
    }
  }

  .form-input-with-disabled:disabled {
    color: var(--color-gray-500, #6a7282);
  }

  @supports (color: lab(0% 0 0)) {
    .form-input-with-disabled:disabled {
      color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
    }
  }

  @media (prefers-color-scheme: dark) {
    .form-input-with-disabled {
      border-color: var(--color-gray-600, #4a5565);
    }

    .form-input-with-disabled {
      background-color: var(--color-gray-700, #364153);
    }

    .form-input-with-disabled {
      color: var(--color-white, #fff);
    }

    .form-input-with-disabled:disabled {
      background-color: var(--color-gray-800, #1e2939);
    }

    @supports (color: lab(0% 0 0)) {
      .form-input-with-disabled:disabled {
        border-color: var(--color-gray-600, lab(35.6337% -1.58697 -10.8425));
        background-color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
        background-color: var(--color-gray-800, lab(16.1051% -1.18239 -11.7533));
      }
    }
  }

  .form-textarea-with-disabled {
    border-radius: var(--radius-md, .375rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300, #d1d5dc);
    background-color: var(--color-white, #fff);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    color: var(--color-gray-900, #101828);
  }

  @supports (color: lab(0% 0 0)) {
    .form-textarea-with-disabled {
      border-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
      color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
    }
  }

  .form-textarea-with-disabled:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-indigo-500, #625fff);
    border-color: #0000;
  }

  @supports (color: lab(0% 0 0)) {
    .form-textarea-with-disabled:focus {
      --tw-ring-color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
    }
  }

  .form-textarea-with-disabled:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .form-textarea-with-disabled:disabled {
    background-color: var(--color-gray-50, #f9fafb);
  }

  @supports (color: lab(0% 0 0)) {
    .form-textarea-with-disabled:disabled {
      background-color: var(--color-gray-50, lab(98.2596% -.247031 -.706708));
    }
  }

  .form-textarea-with-disabled:disabled {
    color: var(--color-gray-500, #6a7282);
  }

  @supports (color: lab(0% 0 0)) {
    .form-textarea-with-disabled:disabled {
      color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
    }
  }

  @media (prefers-color-scheme: dark) {
    .form-textarea-with-disabled {
      border-color: var(--color-gray-600, #4a5565);
    }

    .form-textarea-with-disabled {
      background-color: var(--color-gray-700, #364153);
    }

    .form-textarea-with-disabled {
      color: var(--color-white, #fff);
    }

    .form-textarea-with-disabled:disabled {
      background-color: var(--color-gray-800, #1e2939);
    }

    @supports (color: lab(0% 0 0)) {
      .form-textarea-with-disabled:disabled {
        border-color: var(--color-gray-600, lab(35.6337% -1.58697 -10.8425));
        background-color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
        background-color: var(--color-gray-800, lab(16.1051% -1.18239 -11.7533));
      }
    }
  }

  .form-select-with-disabled {
    border-radius: var(--radius-md, .375rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300, #d1d5dc);
    background-color: var(--color-white, #fff);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    color: var(--color-gray-900, #101828);
  }

  @supports (color: lab(0% 0 0)) {
    .form-select-with-disabled {
      border-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
      color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
    }
  }

  .form-select-with-disabled:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-indigo-500, #625fff);
    border-color: #0000;
  }

  @supports (color: lab(0% 0 0)) {
    .form-select-with-disabled:focus {
      --tw-ring-color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
    }
  }

  .form-select-with-disabled:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .form-select-with-disabled:disabled {
    background-color: var(--color-gray-50, #f9fafb);
  }

  @supports (color: lab(0% 0 0)) {
    .form-select-with-disabled:disabled {
      background-color: var(--color-gray-50, lab(98.2596% -.247031 -.706708));
    }
  }

  .form-select-with-disabled:disabled {
    color: var(--color-gray-500, #6a7282);
  }

  @supports (color: lab(0% 0 0)) {
    .form-select-with-disabled:disabled {
      color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
    }
  }

  @media (prefers-color-scheme: dark) {
    .form-select-with-disabled {
      border-color: var(--color-gray-600, #4a5565);
    }

    .form-select-with-disabled {
      background-color: var(--color-gray-700, #364153);
    }

    .form-select-with-disabled {
      color: var(--color-white, #fff);
    }

    .form-select-with-disabled:disabled {
      background-color: var(--color-gray-800, #1e2939);
    }

    @supports (color: lab(0% 0 0)) {
      .form-select-with-disabled:disabled {
        border-color: var(--color-gray-600, lab(35.6337% -1.58697 -10.8425));
        background-color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
        background-color: var(--color-gray-800, lab(16.1051% -1.18239 -11.7533));
      }
    }
  }

  .status-badge {
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    border-radius: 3.40282e38px;
    align-items: center;
    display: inline-flex;
  }

  .priority-badge-high {
    background-color: var(--color-red-100, #ffe2e2);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-red-700, #bf000f);
    border-radius: 3.40282e38px;
    align-items: center;
    display: inline-flex;
  }

  @supports (color: lab(0% 0 0)) {
    .priority-badge-high {
      background-color: var(--color-red-100, lab(92.243% 10.2865 3.83865));
      color: var(--color-red-700, lab(40.4273% 67.2623 53.7441));
    }
  }

  @media (prefers-color-scheme: dark) {
    .priority-badge-high {
      background-color: #82181a33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .priority-badge-high {
        background-color: color-mix(in oklab, var(--color-red-900, lab(28.5139% 44.5539 29.0463)) 20%, transparent);
      }
    }

    .priority-badge-high {
      color: var(--color-red-400, #ff6568);
    }
  }

  .priority-badge-medium {
    background-color: var(--color-yellow-100, #fef9c2);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-yellow-700, #a36100);
    border-radius: 3.40282e38px;
    align-items: center;
    display: inline-flex;
  }

  @supports (color: lab(0% 0 0)) {
    .priority-badge-medium {
      background-color: var(--color-yellow-100, lab(97.3564% -4.51407 27.344));
      color: var(--color-yellow-700, lab(47.8202% 25.2426 66.5015));
    }
  }

  @media (prefers-color-scheme: dark) {
    .priority-badge-medium {
      background-color: #733e0a33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .priority-badge-medium {
        background-color: color-mix(in oklab, var(--color-yellow-900, lab(32.3865% 21.1273 38.5959)) 20%, transparent);
      }
    }

    .priority-badge-medium {
      color: var(--color-yellow-400, #fac800);
    }
  }

  .priority-badge-low {
    background-color: var(--color-green-100, #dcfce7);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-green-700, #008138);
    border-radius: 3.40282e38px;
    align-items: center;
    display: inline-flex;
  }

  @supports (color: lab(0% 0 0)) {
    .priority-badge-low {
      background-color: var(--color-green-100, lab(96.1861% -13.8464 6.52365));
      color: var(--color-green-700, lab(47.0329% -47.0239 31.4788));
    }
  }

  @media (prefers-color-scheme: dark) {
    .priority-badge-low {
      background-color: #0d542b33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .priority-badge-low {
        background-color: color-mix(in oklab, var(--color-green-900, lab(30.797% -29.6927 17.382)) 20%, transparent);
      }
    }

    .priority-badge-low {
      color: var(--color-green-400, #05df72);
    }
  }

  .status-badge-done {
    background-color: var(--color-green-100, #dcfce7);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-green-700, #008138);
    border-radius: 3.40282e38px;
    align-items: center;
    display: inline-flex;
  }

  @supports (color: lab(0% 0 0)) {
    .status-badge-done {
      background-color: var(--color-green-100, lab(96.1861% -13.8464 6.52365));
      color: var(--color-green-700, lab(47.0329% -47.0239 31.4788));
    }
  }

  @media (prefers-color-scheme: dark) {
    .status-badge-done {
      background-color: #0d542b33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .status-badge-done {
        background-color: color-mix(in oklab, var(--color-green-900, lab(30.797% -29.6927 17.382)) 20%, transparent);
      }
    }

    .status-badge-done {
      color: var(--color-green-400, #05df72);
    }
  }

  .status-badge-in-progress {
    background-color: var(--color-blue-100, #dbeafe);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-blue-700, #1447e6);
    border-radius: 3.40282e38px;
    align-items: center;
    display: inline-flex;
  }

  @supports (color: lab(0% 0 0)) {
    .status-badge-in-progress {
      background-color: var(--color-blue-100, lab(92.0301% -2.24757 -11.6453));
      color: var(--color-blue-700, lab(36.9089% 35.0961 -85.6872));
    }
  }

  @media (prefers-color-scheme: dark) {
    .status-badge-in-progress {
      background-color: #1c398e33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .status-badge-in-progress {
        background-color: color-mix(in oklab, var(--color-blue-900, lab(26.1542% 15.7545 -51.5504)) 20%, transparent);
      }
    }

    .status-badge-in-progress {
      color: var(--color-blue-400, #54a2ff);
    }
  }

  .status-badge-todo {
    background-color: var(--color-gray-100, #f3f4f6);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-gray-700, #364153);
    border-radius: 3.40282e38px;
    align-items: center;
    display: inline-flex;
  }

  @supports (color: lab(0% 0 0)) {
    .status-badge-todo {
      background-color: var(--color-gray-100, lab(96.1596% -.0823438 -1.13575));
      color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
    }
  }

  @media (prefers-color-scheme: dark) {
    .status-badge-todo {
      background-color: #10182833;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .status-badge-todo {
        background-color: color-mix(in oklab, var(--color-gray-900, lab(8.11897% .811279 -12.254)) 20%, transparent);
      }
    }

    .status-badge-todo {
      color: var(--color-gray-400, #99a1af);
    }
  }

  .status-badge-review {
    background-color: var(--color-purple-100, #f3e8ff);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-purple-700, #8200da);
    border-radius: 3.40282e38px;
    align-items: center;
    display: inline-flex;
  }

  @supports (color: lab(0% 0 0)) {
    .status-badge-review {
      background-color: var(--color-purple-100, lab(93.3333% 6.97437 -9.83434));
      color: var(--color-purple-700, lab(36.1758% 69.8525 -80.0381));
    }
  }

  @media (prefers-color-scheme: dark) {
    .status-badge-review {
      background-color: #59168b33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .status-badge-review {
        background-color: color-mix(in oklab, var(--color-purple-900, lab(24.9401% 45.2703 -51.2728)) 20%, transparent);
      }
    }

    .status-badge-review {
      color: var(--color-purple-400, #c07eff);
    }
  }

  .priority-dot {
    height: calc(var(--spacing, .25rem) * 2);
    width: calc(var(--spacing, .25rem) * 2);
    border-radius: 3.40282e38px;
    flex-shrink: 0;
  }

  .priority-dot-high {
    height: calc(var(--spacing, .25rem) * 2);
    width: calc(var(--spacing, .25rem) * 2);
    background-color: var(--color-red-500, #fb2c36);
    border-radius: 3.40282e38px;
    flex-shrink: 0;
  }

  @supports (color: lab(0% 0 0)) {
    .priority-dot-high {
      background-color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
    }
  }

  .priority-dot-medium {
    height: calc(var(--spacing, .25rem) * 2);
    width: calc(var(--spacing, .25rem) * 2);
    background-color: var(--color-yellow-500, #edb200);
    border-radius: 3.40282e38px;
    flex-shrink: 0;
  }

  @supports (color: lab(0% 0 0)) {
    .priority-dot-medium {
      background-color: var(--color-yellow-500, lab(76.3898% 14.5258 98.4589));
    }
  }

  .priority-dot-low {
    height: calc(var(--spacing, .25rem) * 2);
    width: calc(var(--spacing, .25rem) * 2);
    background-color: var(--color-green-500, #00c758);
    border-radius: 3.40282e38px;
    flex-shrink: 0;
  }

  @supports (color: lab(0% 0 0)) {
    .priority-dot-low {
      background-color: var(--color-green-500, lab(70.5521% -66.5147 45.8073));
    }
  }

  .priority-dot-default {
    height: calc(var(--spacing, .25rem) * 2);
    width: calc(var(--spacing, .25rem) * 2);
    background-color: var(--color-gray-300, #d1d5dc);
    border-radius: 3.40282e38px;
    flex-shrink: 0;
  }

  @supports (color: lab(0% 0 0)) {
    .priority-dot-default {
      background-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
    }
  }

  .notification-item {
    align-items: flex-start;
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: var(--radius-lg, .5rem);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: var(--primary);
    background-color: var(--card);
    padding: calc(var(--spacing, .25rem) * 3);
    display: flex;
  }

  .alert-info {
    align-items: flex-start;
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: var(--radius-lg, .5rem);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: var(--color-blue-500, #3080ff);
    background-color: var(--color-blue-50, #eff6ff);
    padding: calc(var(--spacing, .25rem) * 3);
    display: flex;
  }

  @supports (color: lab(0% 0 0)) {
    .alert-info {
      border-color: var(--color-blue-500, lab(54.1736% 13.3369 -74.6839));
      background-color: var(--color-blue-50, lab(96.492% -1.14644 -5.11479));
    }
  }

  @media (prefers-color-scheme: dark) {
    .alert-info {
      background-color: #16245633;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .alert-info {
        background-color: color-mix(in oklab, var(--color-blue-950, lab(15.6723% 8.86232 -32.2945)) 20%, transparent);
      }
    }
  }

  .alert-success {
    align-items: flex-start;
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: var(--radius-lg, .5rem);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: var(--color-green-500, #00c758);
    background-color: var(--color-green-50, #f0fdf4);
    padding: calc(var(--spacing, .25rem) * 3);
    display: flex;
  }

  @supports (color: lab(0% 0 0)) {
    .alert-success {
      border-color: var(--color-green-500, lab(70.5521% -66.5147 45.8073));
      background-color: var(--color-green-50, lab(98.1563% -5.60117 2.75915));
    }
  }

  @media (prefers-color-scheme: dark) {
    .alert-success {
      background-color: #032e1533;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .alert-success {
        background-color: color-mix(in oklab, var(--color-green-950, lab(15.6845% -20.4225 11.7249)) 20%, transparent);
      }
    }
  }

  .alert-warning {
    align-items: flex-start;
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: var(--radius-lg, .5rem);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: var(--color-yellow-500, #edb200);
    background-color: var(--color-yellow-50, #fefce8);
    padding: calc(var(--spacing, .25rem) * 3);
    display: flex;
  }

  @supports (color: lab(0% 0 0)) {
    .alert-warning {
      border-color: var(--color-yellow-500, lab(76.3898% 14.5258 98.4589));
      background-color: var(--color-yellow-50, lab(98.6846% -1.79055 9.7766));
    }
  }

  @media (prefers-color-scheme: dark) {
    .alert-warning {
      background-color: #43200433;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .alert-warning {
        background-color: color-mix(in oklab, var(--color-yellow-950, lab(16.8146% 15.7422 23.1133)) 20%, transparent);
      }
    }
  }

  .alert-danger {
    align-items: flex-start;
    gap: calc(var(--spacing, .25rem) * 3);
    border-radius: var(--radius-lg, .5rem);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: var(--color-red-500, #fb2c36);
    background-color: var(--color-red-50, #fef2f2);
    padding: calc(var(--spacing, .25rem) * 3);
    display: flex;
  }

  @supports (color: lab(0% 0 0)) {
    .alert-danger {
      border-color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
      background-color: var(--color-red-50, lab(96.5005% 4.18508 1.52328));
    }
  }

  @media (prefers-color-scheme: dark) {
    .alert-danger {
      background-color: #46080933;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .alert-danger {
        background-color: color-mix(in oklab, var(--color-red-950, lab(13.003% 29.04 16.7519)) 20%, transparent);
      }
    }
  }

  .skeleton-text {
    height: calc(var(--spacing, .25rem) * 4);
    animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
    background-color: var(--muted);
    border-radius: .25rem;
  }

  .skeleton-text-sm {
    height: calc(var(--spacing, .25rem) * 3);
    animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
    background-color: var(--muted);
    border-radius: .25rem;
  }

  .skeleton-text-lg {
    height: calc(var(--spacing, .25rem) * 5);
    animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
    background-color: var(--muted);
    border-radius: .25rem;
  }

  .skeleton-avatar {
    height: calc(var(--spacing, .25rem) * 10);
    width: calc(var(--spacing, .25rem) * 10);
    animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
    background-color: var(--muted);
    border-radius: 3.40282e38px;
  }

  .skeleton-avatar-sm {
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
    animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
    background-color: var(--muted);
    border-radius: 3.40282e38px;
  }

  .skeleton-card {
    height: calc(var(--spacing, .25rem) * 20);
    animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
    border-radius: var(--radius-lg, .5rem);
    background-color: var(--muted);
  }

  .skeleton-card-sm {
    height: calc(var(--spacing, .25rem) * 16);
    animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
    border-radius: var(--radius-lg, .5rem);
    background-color: var(--muted);
  }

  .empty-state {
    padding-block: calc(var(--spacing, .25rem) * 8);
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .empty-state-compact {
    padding-block: calc(var(--spacing, .25rem) * 6);
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .empty-state-icon {
    margin-bottom: calc(var(--spacing, .25rem) * 3);
    height: calc(var(--spacing, .25rem) * 12);
    width: calc(var(--spacing, .25rem) * 12);
    border-radius: var(--radius-xl, .75rem);
    background-color: var(--muted);
    color: var(--muted-foreground);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .empty-state-icon-sm {
    margin-bottom: calc(var(--spacing, .25rem) * 2);
    height: calc(var(--spacing, .25rem) * 10);
    width: calc(var(--spacing, .25rem) * 10);
    border-radius: var(--radius-xl, .75rem);
    background-color: var(--muted);
    color: var(--muted-foreground);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .empty-state-title {
    margin-bottom: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--foreground);
  }

  .empty-state-description {
    margin-bottom: calc(var(--spacing, .25rem) * 3);
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
    color: var(--muted-foreground);
  }

  .calendar-day-task {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }

  .calendar-day-task:hover {
    --tw-translate-y: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kanban-wrapper {
    background: linear-gradient(135deg, var(--background) 0%, var(--muted) 100%);
  }

  .custom-scrollbar::-webkit-scrollbar {
    width: calc(var(--spacing, .25rem) * 2);
  }

  .custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(var(--muted-foreground-rgb, 107, 114, 128), .1);
    margin-inline: calc(var(--spacing, .25rem) * 1);
    border-radius: .25rem;
  }

  .custom-scrollbar::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--muted-foreground) 0%, rgba(var(--muted-foreground-rgb, 107, 114, 128), .7) 100%);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #fff3;
    border-radius: .25rem;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .custom-scrollbar::-webkit-scrollbar-thumb {
      border-color: color-mix(in oklab, var(--color-white, #fff) 20%, transparent);
    }
  }

  .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--muted-foreground) transparent;
  }

  .kanban-card {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    transform-origin: center;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }

  .kanban-card:hover {
    --tw-translate-y: calc(var(--spacing, .25rem) * -.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    scale: 1.01;
    box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;
  }

  .kanban-card.dragging {
    z-index: 1000;
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    rotate: 3deg;
    box-shadow: 0 25px 50px -12px #00000040;
  }

  .kanban-column {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .kanban-column.drag-over {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--primary);
    background: linear-gradient(135deg, var(--primary) 0%, rgba(var(--primary-rgb, 139, 92, 246), .1) 100%);
    box-shadow: 0 0 0 4px rgba(var(--primary-rgb, 139, 92, 246), .1);
    scale: 1.01;
  }

  .priority-badge {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .priority-badge:hover {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    rotate: -2deg;
  }

  .kanban-card:before {
    content: "";
    pointer-events: none;
    inset: calc(var(--spacing, .25rem) * 0);
    border-radius: inherit;
    opacity: 0;
    background: linear-gradient(90deg, #0000, #ffffff1a, #0000) 0 0 / 200px 100%;
    animation: 3s infinite shimmer;
    position: absolute;
  }

  .kanban-card:hover:before {
    opacity: 1;
  }

  .slide-in-up {
    animation: .3s ease-out slideInUp;
  }

  .fade-in-scale {
    animation: .2s ease-out fadeInScale;
  }

  .gantt-wrapper {
    overflow: auto visible;
  }

  .gantt-task-row {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    align-items: center;
    transition-duration: .2s;
    display: flex;
  }

  .gantt-task-row:hover {
    background: linear-gradient(90deg, var(--accent) 0%, transparent 100%);
  }

  .gantt-task-info {
    flex-shrink: 0;
  }

  .gantt-timeline-container {
    min-width: calc(var(--spacing, .25rem) * 0);
    flex: 1;
  }

  .gantt-timeline-scroll {
    scrollbar-width: thin;
    scrollbar-color: var(--muted-foreground) var(--muted);
  }

  .gantt-timeline-scroll::-webkit-scrollbar {
    height: calc(var(--spacing, .25rem) * 3);
  }

  .gantt-timeline-scroll::-webkit-scrollbar-track {
    background: var(--muted);
    border-radius: var(--radius-md, .375rem);
  }

  .gantt-timeline-scroll::-webkit-scrollbar-thumb {
    background: var(--muted-foreground);
    border-radius: var(--radius-md, .375rem);
    border: 2px solid var(--muted);
  }

  .gantt-timeline-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--foreground);
  }

  .gantt-task-bar {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    position: relative;
    overflow: hidden;
  }

  .gantt-task-bar:before {
    content: "";
    inset: calc(var(--spacing, .25rem) * 0);
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    background: linear-gradient(45deg, #ffffff1a 0%, #0000 50%, #ffffff1a 100%);
    transition-duration: .3s;
    position: absolute;
  }

  .gantt-task-bar:hover:before {
    opacity: 1;
  }

  .gantt-grid-line {
    background: linear-gradient(to bottom, transparent 0%, var(--border) 50%, transparent 100%);
  }

  .gantt-today-line {
    background: linear-gradient(to bottom, var(--primary) 0%, rgba(var(--primary-rgb), .5) 100%);
    box-shadow: 0 0 10px rgba(var(--primary-rgb), .3);
  }

  .gantt-milestone {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    filter: drop-shadow(0 2px 4px #0003);
    transition-duration: .2s;
  }

  .gantt-milestone:hover {
    --tw-scale-x: 120%;
    --tw-scale-y: 120%;
    --tw-scale-z: 120%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .gantt-tooltip {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: rgba(var(--popover-rgb), .95);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    box-shadow: 0 10px 40px #0000001a;
  }

  .gantt-progress-indicator {
    border-radius: var(--radius-sm, .25rem);
    background: linear-gradient(90deg, #fffc 0%, #fff6 100%);
  }

  .gantt-task-bar-animate {
    transform-origin: 0;
    animation: .6s cubic-bezier(.4, 0, .2, 1) gantt-task-load;
  }

  .gantt-smooth-scroll {
    scroll-behavior: smooth;
  }

  .gantt-focusable:focus {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--ring);
  }
}

@layer utilities {
  .\@container\/card-header {
    container: card-header / inline-size;
  }

  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: calc(var(--spacing, .25rem) * 0);
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing, .25rem) * 0);
  }

  .inset-x-1 {
    inset-inline: calc(var(--spacing, .25rem) * 1);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing, .25rem) * 0);
  }

  .-top-1 {
    top: calc(var(--spacing, .25rem) * -1);
  }

  .-top-2 {
    top: calc(var(--spacing, .25rem) * -2);
  }

  .-top-8 {
    top: calc(var(--spacing, .25rem) * -8);
  }

  .-top-16 {
    top: calc(var(--spacing, .25rem) * -16);
  }

  .-top-\[25px\] {
    top: -25px;
  }

  .top-0 {
    top: calc(var(--spacing, .25rem) * 0);
  }

  .top-1 {
    top: calc(var(--spacing, .25rem) * 1);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-3 {
    top: calc(var(--spacing, .25rem) * 3);
  }

  .top-4 {
    top: calc(var(--spacing, .25rem) * 4);
  }

  .top-\[50\%\] {
    top: 50%;
  }

  .top-full {
    top: 100%;
  }

  .-right-0\.5 {
    right: calc(var(--spacing, .25rem) * -.5);
  }

  .-right-1 {
    right: calc(var(--spacing, .25rem) * -1);
  }

  .-right-2 {
    right: calc(var(--spacing, .25rem) * -2);
  }

  .right-0 {
    right: calc(var(--spacing, .25rem) * 0);
  }

  .right-1 {
    right: calc(var(--spacing, .25rem) * 1);
  }

  .right-2 {
    right: calc(var(--spacing, .25rem) * 2);
  }

  .right-3 {
    right: calc(var(--spacing, .25rem) * 3);
  }

  .right-4 {
    right: calc(var(--spacing, .25rem) * 4);
  }

  .right-8 {
    right: calc(var(--spacing, .25rem) * 8);
  }

  .right-10 {
    right: calc(var(--spacing, .25rem) * 10);
  }

  .right-11 {
    right: calc(var(--spacing, .25rem) * 11);
  }

  .-bottom-0\.5 {
    bottom: calc(var(--spacing, .25rem) * -.5);
  }

  .-bottom-1 {
    bottom: calc(var(--spacing, .25rem) * -1);
  }

  .bottom-0 {
    bottom: calc(var(--spacing, .25rem) * 0);
  }

  .bottom-1 {
    bottom: calc(var(--spacing, .25rem) * 1);
  }

  .bottom-4 {
    bottom: calc(var(--spacing, .25rem) * 4);
  }

  .bottom-8 {
    bottom: calc(var(--spacing, .25rem) * 8);
  }

  .left-0 {
    left: calc(var(--spacing, .25rem) * 0);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing, .25rem) * 2);
  }

  .left-3 {
    left: calc(var(--spacing, .25rem) * 3);
  }

  .left-\[50\%\] {
    left: 50%;
  }

  .left-\[65vw\] {
    left: 65vw;
  }

  .isolate {
    isolation: isolate;
  }

  .z-0 {
    z-index: 0;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[100\] {
    z-index: 100;
  }

  .z-\[1000\] {
    z-index: 1000;
  }

  .z-\[9999\] {
    z-index: 9999;
  }

  .z-\[999999\] {
    z-index: 999999;
  }

  .col-span-1 {
    grid-column: span 1 / span 1;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-span-3 {
    grid-column: span 3 / span 3;
  }

  .col-span-4 {
    grid-column: span 4 / span 4;
  }

  .col-span-5 {
    grid-column: span 5 / span 5;
  }

  .col-span-full {
    grid-column: 1 / -1;
  }

  .col-start-2 {
    grid-column-start: 2;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing, .25rem) * -1);
  }

  .-mx-4 {
    margin-inline: calc(var(--spacing, .25rem) * -4);
  }

  .mx-1 {
    margin-inline: calc(var(--spacing, .25rem) * 1);
  }

  .mx-3 {
    margin-inline: calc(var(--spacing, .25rem) * 3);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing, .25rem) * 4);
  }

  .mx-6 {
    margin-inline: calc(var(--spacing, .25rem) * 6);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-0\.5 {
    margin-block: calc(var(--spacing, .25rem) * .5);
  }

  .my-1 {
    margin-block: calc(var(--spacing, .25rem) * 1);
  }

  .my-2 {
    margin-block: calc(var(--spacing, .25rem) * 2);
  }

  .my-3 {
    margin-block: calc(var(--spacing, .25rem) * 3);
  }

  .-mt-2 {
    margin-top: calc(var(--spacing, .25rem) * -2);
  }

  .mt-0 {
    margin-top: calc(var(--spacing, .25rem) * 0);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing, .25rem) * .5);
  }

  .mt-1 {
    margin-top: calc(var(--spacing, .25rem) * 1);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing, .25rem) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing, .25rem) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing, .25rem) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing, .25rem) * 4);
  }

  .mt-6 {
    margin-top: calc(var(--spacing, .25rem) * 6);
  }

  .mt-\[2px\] {
    margin-top: 2px;
  }

  .mt-\[3px\] {
    margin-top: 3px;
  }

  .mt-auto {
    margin-top: auto;
  }

  .mr-1 {
    margin-right: calc(var(--spacing, .25rem) * 1);
  }

  .mr-2 {
    margin-right: calc(var(--spacing, .25rem) * 2);
  }

  .mr-5 {
    margin-right: calc(var(--spacing, .25rem) * 5);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing, .25rem) * 1);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing, .25rem) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing, .25rem) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing, .25rem) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing, .25rem) * 4);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing, .25rem) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing, .25rem) * 8);
  }

  .-ml-1 {
    margin-left: calc(var(--spacing, .25rem) * -1);
  }

  .-ml-3 {
    margin-left: calc(var(--spacing, .25rem) * -3);
  }

  .ml-1 {
    margin-left: calc(var(--spacing, .25rem) * 1);
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing, .25rem) * 1.5);
  }

  .ml-2 {
    margin-left: calc(var(--spacing, .25rem) * 2);
  }

  .ml-3 {
    margin-left: calc(var(--spacing, .25rem) * 3);
  }

  .ml-4 {
    margin-left: calc(var(--spacing, .25rem) * 4);
  }

  .ml-5 {
    margin-left: calc(var(--spacing, .25rem) * 5);
  }

  .ml-6 {
    margin-left: calc(var(--spacing, .25rem) * 6);
  }

  .ml-7 {
    margin-left: calc(var(--spacing, .25rem) * 7);
  }

  .ml-auto {
    margin-left: auto;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .table-caption {
    display: table-caption;
  }

  .table-cell {
    display: table-cell;
  }

  .table-row {
    display: table-row;
  }

  .field-sizing-content {
    field-sizing: content;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video, 16 / 9);
  }

  .size-2 {
    width: calc(var(--spacing, .25rem) * 2);
    height: calc(var(--spacing, .25rem) * 2);
  }

  .size-2\.5 {
    width: calc(var(--spacing, .25rem) * 2.5);
    height: calc(var(--spacing, .25rem) * 2.5);
  }

  .size-3 {
    width: calc(var(--spacing, .25rem) * 3);
    height: calc(var(--spacing, .25rem) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing, .25rem) * 3.5);
    height: calc(var(--spacing, .25rem) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  .size-5 {
    width: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 5);
  }

  .size-6 {
    width: calc(var(--spacing, .25rem) * 6);
    height: calc(var(--spacing, .25rem) * 6);
  }

  .size-7 {
    width: calc(var(--spacing, .25rem) * 7);
    height: calc(var(--spacing, .25rem) * 7);
  }

  .size-9 {
    width: calc(var(--spacing, .25rem) * 9);
    height: calc(var(--spacing, .25rem) * 9);
  }

  .size-10 {
    width: calc(var(--spacing, .25rem) * 10);
    height: calc(var(--spacing, .25rem) * 10);
  }

  .size-\[17px\] {
    width: 17px;
    height: 17px;
  }

  .size-\[24px\] {
    width: 24px;
    height: 24px;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .\!h-\[15px\] {
    height: 15px !important;
  }

  .h-0 {
    height: calc(var(--spacing, .25rem) * 0);
  }

  .h-0\.5 {
    height: calc(var(--spacing, .25rem) * .5);
  }

  .h-1 {
    height: calc(var(--spacing, .25rem) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing, .25rem) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing, .25rem) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing, .25rem) * 2.5);
  }

  .h-3 {
    height: calc(var(--spacing, .25rem) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing, .25rem) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing, .25rem) * 4);
  }

  .h-5 {
    height: calc(var(--spacing, .25rem) * 5);
  }

  .h-6 {
    height: calc(var(--spacing, .25rem) * 6);
  }

  .h-7 {
    height: calc(var(--spacing, .25rem) * 7);
  }

  .h-8 {
    height: calc(var(--spacing, .25rem) * 8);
  }

  .h-9 {
    height: calc(var(--spacing, .25rem) * 9);
  }

  .h-10 {
    height: calc(var(--spacing, .25rem) * 10);
  }

  .h-12 {
    height: calc(var(--spacing, .25rem) * 12);
  }

  .h-16 {
    height: calc(var(--spacing, .25rem) * 16);
  }

  .h-20 {
    height: calc(var(--spacing, .25rem) * 20);
  }

  .h-24 {
    height: calc(var(--spacing, .25rem) * 24);
  }

  .h-32 {
    height: calc(var(--spacing, .25rem) * 32);
  }

  .h-40 {
    height: calc(var(--spacing, .25rem) * 40);
  }

  .h-44 {
    height: calc(var(--spacing, .25rem) * 44);
  }

  .h-64 {
    height: calc(var(--spacing, .25rem) * 64);
  }

  .h-70 {
    height: calc(var(--spacing, .25rem) * 70);
  }

  .h-96 {
    height: calc(var(--spacing, .25rem) * 96);
  }

  .h-\[2px\] {
    height: 2px;
  }

  .h-\[45px\] {
    height: 45px;
  }

  .h-\[50px\] {
    height: 50px;
  }

  .h-\[91vh\] {
    height: 91vh;
  }

  .h-\[150px\] {
    height: 150px;
  }

  .h-\[200px\] {
    height: 200px;
  }

  .h-\[270px\] {
    height: 270px;
  }

  .h-\[calc\(100\%-1px\)\] {
    height: calc(100% - 1px);
  }

  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .max-h-\(--radix-dropdown-menu-content-available-height\) {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }

  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }

  .max-h-48 {
    max-height: calc(var(--spacing, .25rem) * 48);
  }

  .max-h-60 {
    max-height: calc(var(--spacing, .25rem) * 60);
  }

  .max-h-64 {
    max-height: calc(var(--spacing, .25rem) * 64);
  }

  .max-h-72 {
    max-height: calc(var(--spacing, .25rem) * 72);
  }

  .max-h-80 {
    max-height: calc(var(--spacing, .25rem) * 80);
  }

  .max-h-96 {
    max-height: calc(var(--spacing, .25rem) * 96);
  }

  .max-h-\[50vh\] {
    max-height: 50vh;
  }

  .max-h-\[80vh\] {
    max-height: 80vh;
  }

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

  .max-h-\[300px\] {
    max-height: 300px;
  }

  .max-h-\[500px\] {
    max-height: 500px;
  }

  .max-h-full {
    max-height: 100%;
  }

  .min-h-0 {
    min-height: calc(var(--spacing, .25rem) * 0);
  }

  .min-h-8 {
    min-height: calc(var(--spacing, .25rem) * 8);
  }

  .min-h-16 {
    min-height: calc(var(--spacing, .25rem) * 16);
  }

  .min-h-\[2rem\] {
    min-height: 2rem;
  }

  .min-h-\[16px\] {
    min-height: 16px;
  }

  .min-h-\[28px\] {
    min-height: 28px;
  }

  .min-h-\[29\.33px\] {
    min-height: 29.33px;
  }

  .min-h-\[48px\] {
    min-height: 48px;
  }

  .min-h-\[50vh\] {
    min-height: 50vh;
  }

  .min-h-\[60px\] {
    min-height: 60px;
  }

  .min-h-\[64\.98px\] {
    min-height: 64.98px;
  }

  .min-h-\[76px\] {
    min-height: 76px;
  }

  .min-h-\[80px\] {
    min-height: 80px;
  }

  .min-h-\[100px\] {
    min-height: 100px;
  }

  .min-h-\[120px\] {
    min-height: 120px;
  }

  .min-h-\[200px\] {
    min-height: 200px;
  }

  .min-h-\[400px\] {
    min-height: 400px;
  }

  .min-h-\[500px\] {
    min-height: 500px;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .\!w-\[15px\] {
    width: 15px !important;
  }

  .\!w-\[80vw\] {
    width: 80vw !important;
  }

  .w-0 {
    width: calc(var(--spacing, .25rem) * 0);
  }

  .w-0\.5 {
    width: calc(var(--spacing, .25rem) * .5);
  }

  .w-1 {
    width: calc(var(--spacing, .25rem) * 1);
  }

  .w-1\.5 {
    width: calc(var(--spacing, .25rem) * 1.5);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-1\/3 {
    width: 33.3333%;
  }

  .w-1\/4 {
    width: 25%;
  }

  .w-2 {
    width: calc(var(--spacing, .25rem) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing, .25rem) * 2.5);
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-3 {
    width: calc(var(--spacing, .25rem) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing, .25rem) * 3.5);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-3\/5 {
    width: 60%;
  }

  .w-4 {
    width: calc(var(--spacing, .25rem) * 4);
  }

  .w-4\/5 {
    width: 80%;
  }

  .w-4\/6 {
    width: 66.6667%;
  }

  .w-5 {
    width: calc(var(--spacing, .25rem) * 5);
  }

  .w-5\/6 {
    width: 83.3333%;
  }

  .w-6 {
    width: calc(var(--spacing, .25rem) * 6);
  }

  .w-7 {
    width: calc(var(--spacing, .25rem) * 7);
  }

  .w-8 {
    width: calc(var(--spacing, .25rem) * 8);
  }

  .w-9 {
    width: calc(var(--spacing, .25rem) * 9);
  }

  .w-10 {
    width: calc(var(--spacing, .25rem) * 10);
  }

  .w-10\/12 {
    width: 83.3333%;
  }

  .w-11 {
    width: calc(var(--spacing, .25rem) * 11);
  }

  .w-11\/12 {
    width: 91.6667%;
  }

  .w-12 {
    width: calc(var(--spacing, .25rem) * 12);
  }

  .w-14 {
    width: calc(var(--spacing, .25rem) * 14);
  }

  .w-16 {
    width: calc(var(--spacing, .25rem) * 16);
  }

  .w-20 {
    width: calc(var(--spacing, .25rem) * 20);
  }

  .w-24 {
    width: calc(var(--spacing, .25rem) * 24);
  }

  .w-26 {
    width: calc(var(--spacing, .25rem) * 26);
  }

  .w-28 {
    width: calc(var(--spacing, .25rem) * 28);
  }

  .w-32 {
    width: calc(var(--spacing, .25rem) * 32);
  }

  .w-40 {
    width: calc(var(--spacing, .25rem) * 40);
  }

  .w-44 {
    width: calc(var(--spacing, .25rem) * 44);
  }

  .w-48 {
    width: calc(var(--spacing, .25rem) * 48);
  }

  .w-56 {
    width: calc(var(--spacing, .25rem) * 56);
  }

  .w-64 {
    width: calc(var(--spacing, .25rem) * 64);
  }

  .w-72 {
    width: calc(var(--spacing, .25rem) * 72);
  }

  .w-80 {
    width: calc(var(--spacing, .25rem) * 80);
  }

  .w-96 {
    width: calc(var(--spacing, .25rem) * 96);
  }

  .w-\[8\%\] {
    width: 8%;
  }

  .w-\[90vw\] {
    width: 90vw;
  }

  .w-\[98\.3px\] {
    width: 98.3px;
  }

  .w-\[150px\] {
    width: 150px;
  }

  .w-\[180px\] {
    width: 180px;
  }

  .w-\[215px\] {
    width: 215px;
  }

  .w-\[300px\] {
    width: 300px;
  }

  .w-\[var\(--radix-dropdown-menu-trigger-width\)\] {
    width: var(--radix-dropdown-menu-trigger-width);
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .\!max-w-\[80vw\] {
    max-width: 80vw !important;
  }

  .max-w-2xl {
    max-width: var(--container-2xl, 42rem);
  }

  .max-w-3xl {
    max-width: var(--container-3xl, 48rem);
  }

  .max-w-4xl {
    max-width: var(--container-4xl, 56rem);
  }

  .max-w-6xl {
    max-width: var(--container-6xl, 72rem);
  }

  .max-w-7xl {
    max-width: var(--container-7xl, 80rem);
  }

  .max-w-\[18vw\] {
    max-width: 18vw;
  }

  .max-w-\[80\%\] {
    max-width: 80%;
  }

  .max-w-\[85\%\] {
    max-width: 85%;
  }

  .max-w-\[90\%\] {
    max-width: 90%;
  }

  .max-w-\[90vw\] {
    max-width: 90vw;
  }

  .max-w-\[96px\] {
    max-width: 96px;
  }

  .max-w-\[120px\] {
    max-width: 120px;
  }

  .max-w-\[180px\] {
    max-width: 180px;
  }

  .max-w-\[400px\] {
    max-width: 400px;
  }

  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-md {
    max-width: var(--container-md, 28rem);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-sm {
    max-width: var(--container-sm, 24rem);
  }

  .max-w-xs {
    max-width: var(--container-xs, 20rem);
  }

  .min-w-8 {
    min-width: calc(var(--spacing, .25rem) * 8);
  }

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[36px\] {
    min-width: 36px;
  }

  .min-w-\[40px\] {
    min-width: 40px;
  }

  .min-w-\[40vw\] {
    min-width: 40vw;
  }

  .min-w-\[64px\] {
    min-width: 64px;
  }

  .min-w-\[80px\] {
    min-width: 80px;
  }

  .min-w-\[100px\] {
    min-width: 100px;
  }

  .min-w-\[120px\] {
    min-width: 120px;
  }

  .min-w-\[140px\] {
    min-width: 140px;
  }

  .min-w-\[193\.56px\] {
    min-width: 193.56px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[var\(--radix-dropdown-menu-trigger-width\)\] {
    min-width: var(--radix-dropdown-menu-trigger-width);
  }

  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }

  .min-w-fit {
    min-width: fit-content;
  }

  .min-w-max {
    min-width: max-content;
  }

  .flex-shrink-0, .shrink-0 {
    flex-shrink: 0;
  }

  .flex-grow {
    flex-grow: 1;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  }

  .origin-\(--radix-popover-content-transform-origin\) {
    transform-origin: var(--radix-popover-content-transform-origin);
  }

  .origin-\(--radix-select-content-transform-origin\) {
    transform-origin: var(--radix-select-content-transform-origin);
  }

  .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }

  .-translate-x-0 {
    --tw-translate-x: calc(var(--spacing, .25rem) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing, .25rem) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0\.5 {
    --tw-translate-x: calc(var(--spacing, .25rem) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-4 {
    --tw-translate-x: calc(var(--spacing, .25rem) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-5 {
    --tw-translate-x: calc(var(--spacing, .25rem) * 5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-7 {
    --tw-translate-x: calc(var(--spacing, .25rem) * 7);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[calc\(-50\%_-_2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-105 {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-110 {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .rotate-1 {
    rotate: 1deg;
  }

  .rotate-2 {
    rotate: 2deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-pulse {
    animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  }

  .animate-spin {
    animation: var(--animate-spin, spin 1s linear infinite);
  }

  .cursor-col-resize {
    cursor: col-resize;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grabbing {
    cursor: grabbing;
  }

  .cursor-move {
    cursor: move;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-text {
    cursor: text;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .scroll-my-1 {
    scroll-margin-block: calc(var(--spacing, .25rem) * 1);
  }

  .scroll-py-1 {
    scroll-padding-block: calc(var(--spacing, .25rem) * 1);
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-row-reverse {
    flex-direction: row-reverse;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-0 {
    gap: calc(var(--spacing, .25rem) * 0);
  }

  .gap-0\.5 {
    gap: calc(var(--spacing, .25rem) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing, .25rem) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing, .25rem) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing, .25rem) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing, .25rem) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing, .25rem) * 4);
  }

  .gap-6 {
    gap: calc(var(--spacing, .25rem) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing, .25rem) * 8);
  }

  .gap-16 {
    gap: calc(var(--spacing, .25rem) * 16);
  }

  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing, .25rem) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing, .25rem) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing, .25rem) * 1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing, .25rem) * 1) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-6 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing, .25rem) * 6) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing, .25rem) * 6) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-8 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing, .25rem) * 8) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing, .25rem) * 8) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-\[var\(--border\)\] > :not(:last-child)) {
    border-color: var(--border);
  }

  .self-start {
    align-self: flex-start;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-scroll {
    overflow-y: scroll;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl, 1rem);
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[inherit\] {
    border-radius: inherit;
  }

  .rounded-\[var\(--card-radius\)\] {
    border-radius: var(--card-radius);
  }

  .rounded-\[var\(--radius\)\] {
    border-radius: var(--radius);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg, .5rem);
  }

  .rounded-md {
    border-radius: var(--radius-md, .375rem);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: var(--radius-sm, .25rem);
  }

  .rounded-xl {
    border-radius: var(--radius-xl, .75rem);
  }

  .rounded-xs {
    border-radius: var(--radius-xs, .125rem);
  }

  .rounded-t-md {
    border-top-left-radius: var(--radius-md, .375rem);
    border-top-right-radius: var(--radius-md, .375rem);
  }

  .rounded-tl-sm {
    border-top-left-radius: var(--radius-sm, .25rem);
  }

  .rounded-tr-sm {
    border-top-right-radius: var(--radius-sm, .25rem);
  }

  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg, .5rem);
    border-bottom-left-radius: var(--radius-lg, .5rem);
  }

  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl, .75rem);
    border-bottom-left-radius: var(--radius-xl, .75rem);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .border-t-4 {
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-r-4 {
    border-right-style: var(--tw-border-style);
    border-right-width: 4px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\(--color-border\) {
    border-color: var(--color-border);
  }

  .border-\[var\(--border\)\] {
    border-color: var(--border);
  }

  .border-\[var\(--border\)\]\/10 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[var\(--border\)\]\/10 {
      border-color: color-mix(in oklab, var(--border) 10%, transparent);
    }
  }

  .border-\[var\(--border\)\]\/30 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[var\(--border\)\]\/30 {
      border-color: color-mix(in oklab, var(--border) 30%, transparent);
    }
  }

  .border-\[var\(--border\)\]\/50 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[var\(--border\)\]\/50 {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .border-\[var\(--card\)\] {
    border-color: var(--card);
  }

  .border-\[var\(--destructive\)\] {
    border-color: var(--destructive);
  }

  .border-\[var\(--destructive\)\]\/20 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[var\(--destructive\)\]\/20 {
      border-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .border-\[var\(--destructive\)\]\/30 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[var\(--destructive\)\]\/30 {
      border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
    }
  }

  .border-\[var\(--destructive-foreground\)\] {
    border-color: var(--destructive-foreground);
  }

  .border-\[var\(--primary\)\] {
    border-color: var(--primary);
  }

  .border-\[var\(--primary\)\]\/20 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[var\(--primary\)\]\/20 {
      border-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .border-\[var\(--primary-foreground\)\] {
    border-color: var(--primary-foreground);
  }

  .border-\[var\(--ring\)\] {
    border-color: var(--ring);
  }

  .border-amber-200 {
    border-color: var(--color-amber-200, #fee685);
  }

  @supports (color: lab(0% 0 0)) {
    .border-amber-200 {
      border-color: var(--color-amber-200, lab(91.7203% -.505269 49.9084));
    }
  }

  .border-amber-500\/20 {
    border-color: #f99c0033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/20 {
      border-color: color-mix(in oklab, var(--color-amber-500, lab(72.7183% 31.8672 97.9407)) 20%, transparent);
    }
  }

  .border-blue-200 {
    border-color: var(--color-blue-200, #bedbff);
  }

  @supports (color: lab(0% 0 0)) {
    .border-blue-200 {
      border-color: var(--color-blue-200, lab(86.15% -4.04379 -21.0797));
    }
  }

  .border-blue-300 {
    border-color: var(--color-blue-300, #90c5ff);
  }

  @supports (color: lab(0% 0 0)) {
    .border-blue-300 {
      border-color: var(--color-blue-300, lab(77.5052% -6.4629 -36.42));
    }
  }

  .border-blue-400 {
    border-color: var(--color-blue-400, #54a2ff);
  }

  @supports (color: lab(0% 0 0)) {
    .border-blue-400 {
      border-color: var(--color-blue-400, lab(65.0361% -1.42065 -56.9802));
    }
  }

  .border-blue-500 {
    border-color: var(--color-blue-500, #3080ff);
  }

  @supports (color: lab(0% 0 0)) {
    .border-blue-500 {
      border-color: var(--color-blue-500, lab(54.1736% 13.3369 -74.6839));
    }
  }

  .border-blue-500\/20 {
    border-color: #3080ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-500\/20 {
      border-color: color-mix(in oklab, var(--color-blue-500, lab(54.1736% 13.3369 -74.6839)) 20%, transparent);
    }
  }

  .border-blue-600 {
    border-color: var(--color-blue-600, #155dfc);
  }

  @supports (color: lab(0% 0 0)) {
    .border-blue-600 {
      border-color: var(--color-blue-600, lab(44.0605% 29.0279 -86.0352));
    }
  }

  .border-current {
    border-color: currentColor;
  }

  .border-current\/20 {
    border-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-current\/20 {
      border-color: color-mix(in oklab, currentcolor 20%, transparent);
    }
  }

  .border-cyan-300 {
    border-color: var(--color-cyan-300, #53eafd);
  }

  @supports (color: lab(0% 0 0)) {
    .border-cyan-300 {
      border-color: var(--color-cyan-300, lab(85.3886% -36.7636 -21.5716));
    }
  }

  .border-gray-100 {
    border-color: var(--color-gray-100, #f3f4f6);
  }

  @supports (color: lab(0% 0 0)) {
    .border-gray-100 {
      border-color: var(--color-gray-100, lab(96.1596% -.0823438 -1.13575));
    }
  }

  .border-gray-200 {
    border-color: var(--color-gray-200, #e5e7eb);
  }

  @supports (color: lab(0% 0 0)) {
    .border-gray-200 {
      border-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
    }
  }

  .border-gray-300 {
    border-color: var(--color-gray-300, #d1d5dc);
  }

  @supports (color: lab(0% 0 0)) {
    .border-gray-300 {
      border-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
    }
  }

  .border-gray-400 {
    border-color: var(--color-gray-400, #99a1af);
  }

  @supports (color: lab(0% 0 0)) {
    .border-gray-400 {
      border-color: var(--color-gray-400, lab(65.9269% -.832707 -8.17473));
    }
  }

  .border-gray-500 {
    border-color: var(--color-gray-500, #6a7282);
  }

  @supports (color: lab(0% 0 0)) {
    .border-gray-500 {
      border-color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
    }
  }

  .border-gray-600 {
    border-color: var(--color-gray-600, #4a5565);
  }

  @supports (color: lab(0% 0 0)) {
    .border-gray-600 {
      border-color: var(--color-gray-600, lab(35.6337% -1.58697 -10.8425));
    }
  }

  .border-gray-800 {
    border-color: var(--color-gray-800, #1e2939);
  }

  @supports (color: lab(0% 0 0)) {
    .border-gray-800 {
      border-color: var(--color-gray-800, lab(16.1051% -1.18239 -11.7533));
    }
  }

  .border-gray-900 {
    border-color: var(--color-gray-900, #101828);
  }

  @supports (color: lab(0% 0 0)) {
    .border-gray-900 {
      border-color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
    }
  }

  .border-green-200 {
    border-color: var(--color-green-200, #b9f8cf);
  }

  @supports (color: lab(0% 0 0)) {
    .border-green-200 {
      border-color: var(--color-green-200, lab(92.4222% -26.4702 12.9427));
    }
  }

  .border-green-300 {
    border-color: var(--color-green-300, #7bf1a8);
  }

  @supports (color: lab(0% 0 0)) {
    .border-green-300 {
      border-color: var(--color-green-300, lab(86.9953% -47.2691 25.0054));
    }
  }

  .border-green-400 {
    border-color: var(--color-green-400, #05df72);
  }

  @supports (color: lab(0% 0 0)) {
    .border-green-400 {
      border-color: var(--color-green-400, lab(78.503% -64.9265 39.7492));
    }
  }

  .border-green-500 {
    border-color: var(--color-green-500, #00c758);
  }

  @supports (color: lab(0% 0 0)) {
    .border-green-500 {
      border-color: var(--color-green-500, lab(70.5521% -66.5147 45.8073));
    }
  }

  .border-green-500\/20 {
    border-color: #00c75833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-green-500\/20 {
      border-color: color-mix(in oklab, var(--color-green-500, lab(70.5521% -66.5147 45.8073)) 20%, transparent);
    }
  }

  .border-indigo-500 {
    border-color: var(--color-indigo-500, #625fff);
  }

  @supports (color: lab(0% 0 0)) {
    .border-indigo-500 {
      border-color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
    }
  }

  .border-indigo-500\/20 {
    border-color: #625fff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-indigo-500\/20 {
      border-color: color-mix(in oklab, var(--color-indigo-500, lab(48.295% 38.3129 -81.9673)) 20%, transparent);
    }
  }

  .border-orange-200 {
    border-color: var(--color-orange-200, #ffd7a8);
  }

  @supports (color: lab(0% 0 0)) {
    .border-orange-200 {
      border-color: var(--color-orange-200, lab(88.4871% 9.94918 28.8378));
    }
  }

  .border-orange-300 {
    border-color: var(--color-orange-300, #ffb96d);
  }

  @supports (color: lab(0% 0 0)) {
    .border-orange-300 {
      border-color: var(--color-orange-300, lab(80.8059% 21.7313 50.4455));
    }
  }

  .border-orange-400 {
    border-color: var(--color-orange-400, #ff8b1a);
  }

  @supports (color: lab(0% 0 0)) {
    .border-orange-400 {
      border-color: var(--color-orange-400, lab(70.0429% 42.5156 75.8207));
    }
  }

  .border-purple-300 {
    border-color: var(--color-purple-300, #d9b3ff);
  }

  @supports (color: lab(0% 0 0)) {
    .border-purple-300 {
      border-color: var(--color-purple-300, lab(78.3298% 26.2195 -34.9499));
    }
  }

  .border-purple-500\/20 {
    border-color: #ac4bff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-purple-500\/20 {
      border-color: color-mix(in oklab, var(--color-purple-500, lab(52.0183% 66.11 -78.2316)) 20%, transparent);
    }
  }

  .border-red-200 {
    border-color: var(--color-red-200, #ffcaca);
  }

  @supports (color: lab(0% 0 0)) {
    .border-red-200 {
      border-color: var(--color-red-200, lab(86.017% 19.8815 7.75869));
    }
  }

  .border-red-400 {
    border-color: var(--color-red-400, #ff6568);
  }

  @supports (color: lab(0% 0 0)) {
    .border-red-400 {
      border-color: var(--color-red-400, lab(63.7053% 60.745 31.3109));
    }
  }

  .border-red-500 {
    border-color: var(--color-red-500, #fb2c36);
  }

  @supports (color: lab(0% 0 0)) {
    .border-red-500 {
      border-color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
    }
  }

  .border-red-800\/50 {
    border-color: #9f071280;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-800\/50 {
      border-color: color-mix(in oklab, var(--color-red-800, lab(33.7174% 55.8993 41.0293)) 50%, transparent);
    }
  }

  .border-red-900\/30 {
    border-color: #82181a4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-900\/30 {
      border-color: color-mix(in oklab, var(--color-red-900, lab(28.5139% 44.5539 29.0463)) 30%, transparent);
    }
  }

  .border-stone-100 {
    border-color: var(--color-stone-100, #f5f5f4);
  }

  @supports (color: lab(0% 0 0)) {
    .border-stone-100 {
      border-color: var(--color-stone-100, lab(96.5286% -.0991821 .364268));
    }
  }

  .border-stone-200 {
    border-color: var(--color-stone-200, #e7e5e4);
  }

  @supports (color: lab(0% 0 0)) {
    .border-stone-200 {
      border-color: var(--color-stone-200, lab(91.055% .663072 .865579));
    }
  }

  .border-stone-300 {
    border-color: var(--color-stone-300, #d6d3d1);
  }

  @supports (color: lab(0% 0 0)) {
    .border-stone-300 {
      border-color: var(--color-stone-300, lab(84.7909% .928015 1.59738));
    }
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-white {
    border-color: var(--color-white, #fff);
  }

  .border-white\/20 {
    border-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--color-white, #fff) 20%, transparent);
    }
  }

  .border-yellow-200 {
    border-color: var(--color-yellow-200, #fff085);
  }

  @supports (color: lab(0% 0 0)) {
    .border-yellow-200 {
      border-color: var(--color-yellow-200, lab(94.3433% -5.00429 52.9663));
    }
  }

  .border-yellow-400 {
    border-color: var(--color-yellow-400, #fac800);
  }

  @supports (color: lab(0% 0 0)) {
    .border-yellow-400 {
      border-color: var(--color-yellow-400, lab(83.2664% 8.65132 106.895));
    }
  }

  .border-t-\[var\(--popover\)\] {
    border-top-color: var(--popover);
  }

  .border-t-\[var\(--primary\)\] {
    border-top-color: var(--primary);
  }

  .border-t-amber-600 {
    border-top-color: var(--color-amber-600, #dd7400);
  }

  @supports (color: lab(0% 0 0)) {
    .border-t-amber-600 {
      border-top-color: var(--color-amber-600, lab(60.3514% 40.5624 87.1228));
    }
  }

  .border-t-transparent {
    border-top-color: #0000;
  }

  .border-t-white {
    border-top-color: var(--color-white, #fff);
  }

  .border-b-\[var\(--primary\)\] {
    border-bottom-color: var(--primary);
  }

  .border-b-transparent {
    border-bottom-color: #0000;
  }

  .border-l-transparent {
    border-left-color: #0000;
  }

  .bg-\(--color-bg\) {
    background-color: var(--color-bg);
  }

  .bg-\[\#1E2939\] {
    background-color: #1e2939;
  }

  .bg-\[var\(--accent\)\] {
    background-color: var(--accent);
  }

  .bg-\[var\(--accent-foreground\)\] {
    background-color: var(--accent-foreground);
  }

  .bg-\[var\(--background\)\] {
    background-color: var(--background);
  }

  .bg-\[var\(--background\)\]\/80 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--background\)\]\/80 {
      background-color: color-mix(in oklab, var(--background) 80%, transparent);
    }
  }

  .bg-\[var\(--background\)\]\/95 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--background\)\]\/95 {
      background-color: color-mix(in oklab, var(--background) 95%, transparent);
    }
  }

  .bg-\[var\(--border\)\] {
    background-color: var(--border);
  }

  .bg-\[var\(--card\)\] {
    background-color: var(--card);
  }

  .bg-\[var\(--card\)\]\/20 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--card\)\]\/20 {
      background-color: color-mix(in oklab, var(--card) 20%, transparent);
    }
  }

  .bg-\[var\(--card\)\]\/95 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--card\)\]\/95 {
      background-color: color-mix(in oklab, var(--card) 95%, transparent);
    }
  }

  .bg-\[var\(--category-blue-10\)\] {
    background-color: var(--category-blue-10);
  }

  .bg-\[var\(--category-lime-10\)\] {
    background-color: var(--category-lime-10);
  }

  .bg-\[var\(--destructive\)\] {
    background-color: var(--destructive);
  }

  .bg-\[var\(--destructive\)\]\/5 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--destructive\)\]\/5 {
      background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
    }
  }

  .bg-\[var\(--destructive\)\]\/10 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--destructive\)\]\/10 {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .bg-\[var\(--destructive\)\]\/20 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--destructive\)\]\/20 {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .bg-\[var\(--dropdown-bg\)\] {
    background-color: var(--dropdown-bg);
  }

  .bg-\[var\(--dynamic-primary\)\] {
    background-color: var(--dynamic-primary);
  }

  .bg-\[var\(--foreground\)\] {
    background-color: var(--foreground);
  }

  .bg-\[var\(--mini-sidebar\)\] {
    background-color: var(--mini-sidebar);
  }

  .bg-\[var\(--mini-sidebar\)\]\/50 {
    background-color: var(--mini-sidebar);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--mini-sidebar\)\]\/50 {
      background-color: color-mix(in oklab, var(--mini-sidebar) 50%, transparent);
    }
  }

  .bg-\[var\(--muted\)\] {
    background-color: var(--muted);
  }

  .bg-\[var\(--muted\)\]\/5 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--muted\)\]\/5 {
      background-color: color-mix(in oklab, var(--muted) 5%, transparent);
    }
  }

  .bg-\[var\(--muted\)\]\/10 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--muted\)\]\/10 {
      background-color: color-mix(in oklab, var(--muted) 10%, transparent);
    }
  }

  .bg-\[var\(--muted\)\]\/20 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--muted\)\]\/20 {
      background-color: color-mix(in oklab, var(--muted) 20%, transparent);
    }
  }

  .bg-\[var\(--muted\)\]\/30 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--muted\)\]\/30 {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }

  .bg-\[var\(--muted\)\]\/50 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--muted\)\]\/50 {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .bg-\[var\(--muted-foreground\)\] {
    background-color: var(--muted-foreground);
  }

  .bg-\[var\(--muted-foreground\)\]\/10 {
    background-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--muted-foreground\)\]\/10 {
      background-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent);
    }
  }

  .bg-\[var\(--muted-foreground\)\]\/20 {
    background-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--muted-foreground\)\]\/20 {
      background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
    }
  }

  .bg-\[var\(--muted-foreground\)\]\/30 {
    background-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--muted-foreground\)\]\/30 {
      background-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
    }
  }

  .bg-\[var\(--muted-foreground\)\]\/50 {
    background-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--muted-foreground\)\]\/50 {
      background-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }

  .bg-\[var\(--odd-row\)\] {
    background-color: var(--odd-row);
  }

  .bg-\[var\(--popover\)\] {
    background-color: var(--popover);
  }

  .bg-\[var\(--primary\)\] {
    background-color: var(--primary);
  }

  .bg-\[var\(--primary\)\]\/2 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--primary\)\]\/2 {
      background-color: color-mix(in oklab, var(--primary) 2%, transparent);
    }
  }

  .bg-\[var\(--primary\)\]\/5 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--primary\)\]\/5 {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .bg-\[var\(--primary\)\]\/10 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--primary\)\]\/10 {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .bg-\[var\(--primary\)\]\/70 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--primary\)\]\/70 {
      background-color: color-mix(in oklab, var(--primary) 70%, transparent);
    }
  }

  .bg-\[var\(--sidebar\)\] {
    background-color: var(--sidebar);
  }

  .bg-\[var\(--skeleton\)\] {
    background-color: var(--skeleton);
  }

  .bg-\[var\(--status-inactive-bg\)\] {
    background-color: var(--status-inactive-bg);
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50, #fffbeb);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-amber-50 {
      background-color: var(--color-amber-50, lab(98.6252% -.635922 8.42309));
    }
  }

  .bg-amber-100 {
    background-color: var(--color-amber-100, #fef3c6);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-amber-100 {
      background-color: var(--color-amber-100, lab(95.916% -1.21653 23.111));
    }
  }

  .bg-amber-500 {
    background-color: var(--color-amber-500, #f99c00);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-amber-500 {
      background-color: var(--color-amber-500, lab(72.7183% 31.8672 97.9407));
    }
  }

  .bg-amber-500\/10 {
    background-color: #f99c001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/10 {
      background-color: color-mix(in oklab, var(--color-amber-500, lab(72.7183% 31.8672 97.9407)) 10%, transparent);
    }
  }

  .bg-amber-600 {
    background-color: var(--color-amber-600, #dd7400);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-amber-600 {
      background-color: var(--color-amber-600, lab(60.3514% 40.5624 87.1228));
    }
  }

  .bg-black {
    background-color: var(--color-black, #000);
  }

  .bg-black\/30 {
    background-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--color-black, #000) 30%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black, #000) 50%, transparent);
    }
  }

  .bg-black\/60 {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black, #000) 60%, transparent);
    }
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50, #eff6ff);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-blue-50 {
      background-color: var(--color-blue-50, lab(96.492% -1.14644 -5.11479));
    }
  }

  .bg-blue-50\/50 {
    background-color: #eff6ff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-50\/50 {
      background-color: color-mix(in oklab, var(--color-blue-50, lab(96.492% -1.14644 -5.11479)) 50%, transparent);
    }
  }

  .bg-blue-100 {
    background-color: var(--color-blue-100, #dbeafe);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-blue-100 {
      background-color: var(--color-blue-100, lab(92.0301% -2.24757 -11.6453));
    }
  }

  .bg-blue-500 {
    background-color: var(--color-blue-500, #3080ff);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-blue-500 {
      background-color: var(--color-blue-500, lab(54.1736% 13.3369 -74.6839));
    }
  }

  .bg-blue-500\/10 {
    background-color: #3080ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/10 {
      background-color: color-mix(in oklab, var(--color-blue-500, lab(54.1736% 13.3369 -74.6839)) 10%, transparent);
    }
  }

  .bg-blue-500\/50 {
    background-color: #3080ff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/50 {
      background-color: color-mix(in oklab, var(--color-blue-500, lab(54.1736% 13.3369 -74.6839)) 50%, transparent);
    }
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600, #155dfc);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-blue-600 {
      background-color: var(--color-blue-600, lab(44.0605% 29.0279 -86.0352));
    }
  }

  .bg-cyan-100 {
    background-color: var(--color-cyan-100, #cefafe);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-cyan-100 {
      background-color: var(--color-cyan-100, lab(95.3146% -13.8285 -6.84732));
    }
  }

  .bg-gray-50 {
    background-color: var(--color-gray-50, #f9fafb);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-gray-50 {
      background-color: var(--color-gray-50, lab(98.2596% -.247031 -.706708));
    }
  }

  .bg-gray-50\/85 {
    background-color: #f9fafbd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-50\/85 {
      background-color: color-mix(in oklab, var(--color-gray-50, lab(98.2596% -.247031 -.706708)) 85%, transparent);
    }
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100, #f3f4f6);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-gray-100 {
      background-color: var(--color-gray-100, lab(96.1596% -.0823438 -1.13575));
    }
  }

  .bg-gray-200 {
    background-color: var(--color-gray-200, #e5e7eb);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-gray-200 {
      background-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
    }
  }

  .bg-gray-300 {
    background-color: var(--color-gray-300, #d1d5dc);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-gray-300 {
      background-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
    }
  }

  .bg-gray-500 {
    background-color: var(--color-gray-500, #6a7282);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-gray-500 {
      background-color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
    }
  }

  .bg-gray-500\/10 {
    background-color: #6a72821a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-500\/10 {
      background-color: color-mix(in oklab, var(--color-gray-500, lab(47.7841% -.393182 -10.0268)) 10%, transparent);
    }
  }

  .bg-gray-800 {
    background-color: var(--color-gray-800, #1e2939);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-gray-800 {
      background-color: var(--color-gray-800, lab(16.1051% -1.18239 -11.7533));
    }
  }

  .bg-gray-900 {
    background-color: var(--color-gray-900, #101828);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-gray-900 {
      background-color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
    }
  }

  .bg-green-50 {
    background-color: var(--color-green-50, #f0fdf4);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-green-50 {
      background-color: var(--color-green-50, lab(98.1563% -5.60117 2.75915));
    }
  }

  .bg-green-100 {
    background-color: var(--color-green-100, #dcfce7);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-green-100 {
      background-color: var(--color-green-100, lab(96.1861% -13.8464 6.52365));
    }
  }

  .bg-green-400 {
    background-color: var(--color-green-400, #05df72);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-green-400 {
      background-color: var(--color-green-400, lab(78.503% -64.9265 39.7492));
    }
  }

  .bg-green-500 {
    background-color: var(--color-green-500, #00c758);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-green-500 {
      background-color: var(--color-green-500, lab(70.5521% -66.5147 45.8073));
    }
  }

  .bg-green-500\/10 {
    background-color: #00c7581a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/10 {
      background-color: color-mix(in oklab, var(--color-green-500, lab(70.5521% -66.5147 45.8073)) 10%, transparent);
    }
  }

  .bg-green-500\/50 {
    background-color: #00c75880;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/50 {
      background-color: color-mix(in oklab, var(--color-green-500, lab(70.5521% -66.5147 45.8073)) 50%, transparent);
    }
  }

  .bg-indigo-100 {
    background-color: var(--color-indigo-100, #e0e7ff);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-indigo-100 {
      background-color: var(--color-indigo-100, lab(91.6577% 1.04591 -12.7199));
    }
  }

  .bg-indigo-500\/10 {
    background-color: #625fff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-indigo-500\/10 {
      background-color: color-mix(in oklab, var(--color-indigo-500, lab(48.295% 38.3129 -81.9673)) 10%, transparent);
    }
  }

  .bg-orange-50 {
    background-color: var(--color-orange-50, #fff7ed);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-orange-50 {
      background-color: var(--color-orange-50, lab(97.7008% 1.53735 5.90649));
    }
  }

  .bg-orange-100 {
    background-color: var(--color-orange-100, #ffedd5);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-orange-100 {
      background-color: var(--color-orange-100, lab(94.7127% 3.58394 14.3151));
    }
  }

  .bg-orange-500 {
    background-color: var(--color-orange-500, #fe6e00);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-orange-500 {
      background-color: var(--color-orange-500, lab(64.272% 57.1788 90.3583));
    }
  }

  .bg-orange-500\/10 {
    background-color: #fe6e001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-500\/10 {
      background-color: color-mix(in oklab, var(--color-orange-500, lab(64.272% 57.1788 90.3583)) 10%, transparent);
    }
  }

  .bg-purple-100 {
    background-color: var(--color-purple-100, #f3e8ff);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-purple-100 {
      background-color: var(--color-purple-100, lab(93.3333% 6.97437 -9.83434));
    }
  }

  .bg-purple-500\/10 {
    background-color: #ac4bff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-purple-500\/10 {
      background-color: color-mix(in oklab, var(--color-purple-500, lab(52.0183% 66.11 -78.2316)) 10%, transparent);
    }
  }

  .bg-purple-500\/50 {
    background-color: #ac4bff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-purple-500\/50 {
      background-color: color-mix(in oklab, var(--color-purple-500, lab(52.0183% 66.11 -78.2316)) 50%, transparent);
    }
  }

  .bg-red-50 {
    background-color: var(--color-red-50, #fef2f2);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-red-50 {
      background-color: var(--color-red-50, lab(96.5005% 4.18508 1.52328));
    }
  }

  .bg-red-50\/30 {
    background-color: #fef2f24d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-50\/30 {
      background-color: color-mix(in oklab, var(--color-red-50, lab(96.5005% 4.18508 1.52328)) 30%, transparent);
    }
  }

  .bg-red-50\/50 {
    background-color: #fef2f280;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-50\/50 {
      background-color: color-mix(in oklab, var(--color-red-50, lab(96.5005% 4.18508 1.52328)) 50%, transparent);
    }
  }

  .bg-red-100 {
    background-color: var(--color-red-100, #ffe2e2);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-red-100 {
      background-color: var(--color-red-100, lab(92.243% 10.2865 3.83865));
    }
  }

  .bg-red-300\/10 {
    background-color: #ffa3a31a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-300\/10 {
      background-color: color-mix(in oklab, var(--color-red-300, lab(76.5514% 36.422 15.5335)) 10%, transparent);
    }
  }

  .bg-red-400 {
    background-color: var(--color-red-400, #ff6568);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-red-400 {
      background-color: var(--color-red-400, lab(63.7053% 60.745 31.3109));
    }
  }

  .bg-red-500 {
    background-color: var(--color-red-500, #fb2c36);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-red-500 {
      background-color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
    }
  }

  .bg-red-500\/20 {
    background-color: #fb2c3633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/20 {
      background-color: color-mix(in oklab, var(--color-red-500, lab(55.4814% 75.0732 48.8528)) 20%, transparent);
    }
  }

  .bg-red-600 {
    background-color: var(--color-red-600, #e40014);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-red-600 {
      background-color: var(--color-red-600, lab(48.4493% 77.4328 61.5452));
    }
  }

  .bg-red-700 {
    background-color: var(--color-red-700, #bf000f);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-red-700 {
      background-color: var(--color-red-700, lab(40.4273% 67.2623 53.7441));
    }
  }

  .bg-red-900 {
    background-color: var(--color-red-900, #82181a);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-red-900 {
      background-color: var(--color-red-900, lab(28.5139% 44.5539 29.0463));
    }
  }

  .bg-red-950\/10 {
    background-color: #4608091a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-950\/10 {
      background-color: color-mix(in oklab, var(--color-red-950, lab(13.003% 29.04 16.7519)) 10%, transparent);
    }
  }

  .bg-stone-50 {
    background-color: var(--color-stone-50, #fafaf9);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-stone-50 {
      background-color: var(--color-stone-50, lab(98.2686% -.0991821 .364304));
    }
  }

  .bg-stone-200 {
    background-color: var(--color-stone-200, #e7e5e4);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-stone-200 {
      background-color: var(--color-stone-200, lab(91.055% .663072 .865579));
    }
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white, #fff);
  }

  .bg-white\/20 {
    background-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/20 {
      background-color: color-mix(in oklab, var(--color-white, #fff) 20%, transparent);
    }
  }

  .bg-yellow-50 {
    background-color: var(--color-yellow-50, #fefce8);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-yellow-50 {
      background-color: var(--color-yellow-50, lab(98.6846% -1.79055 9.7766));
    }
  }

  .bg-yellow-100 {
    background-color: var(--color-yellow-100, #fef9c2);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-yellow-100 {
      background-color: var(--color-yellow-100, lab(97.3564% -4.51407 27.344));
    }
  }

  .bg-yellow-500 {
    background-color: var(--color-yellow-500, #edb200);
  }

  @supports (color: lab(0% 0 0)) {
    .bg-yellow-500 {
      background-color: var(--color-yellow-500, lab(76.3898% 14.5258 98.4589));
    }
  }

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-\[var\(--accent\)\] {
    --tw-gradient-from: var(--accent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[var\(--card\)\] {
    --tw-gradient-from: var(--card);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[var\(--primary\)\] {
    --tw-gradient-from: var(--primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-amber-400 {
    --tw-gradient-from: var(--color-amber-400, #fcbb00);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: lab(0% 0 0)) {
    .from-amber-400 {
      --tw-gradient-from: var(--color-amber-400, lab(80.1641% 16.6016 99.2089));
    }
  }

  .from-amber-500 {
    --tw-gradient-from: var(--color-amber-500, #f99c00);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: lab(0% 0 0)) {
    .from-amber-500 {
      --tw-gradient-from: var(--color-amber-500, lab(72.7183% 31.8672 97.9407));
    }
  }

  .from-blue-500 {
    --tw-gradient-from: var(--color-blue-500, #3080ff);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: lab(0% 0 0)) {
    .from-blue-500 {
      --tw-gradient-from: var(--color-blue-500, lab(54.1736% 13.3369 -74.6839));
    }
  }

  .from-green-400 {
    --tw-gradient-from: var(--color-green-400, #05df72);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: lab(0% 0 0)) {
    .from-green-400 {
      --tw-gradient-from: var(--color-green-400, lab(78.503% -64.9265 39.7492));
    }
  }

  .from-green-500 {
    --tw-gradient-from: var(--color-green-500, #00c758);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: lab(0% 0 0)) {
    .from-green-500 {
      --tw-gradient-from: var(--color-green-500, lab(70.5521% -66.5147 45.8073));
    }
  }

  .from-green-500\/10 {
    --tw-gradient-from: #00c7581a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-green-500\/10 {
      --tw-gradient-from: color-mix(in oklab, var(--color-green-500, lab(70.5521% -66.5147 45.8073)) 10%, transparent);
    }
  }

  .from-green-500\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-orange-500 {
    --tw-gradient-from: var(--color-orange-500, #fe6e00);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: lab(0% 0 0)) {
    .from-orange-500 {
      --tw-gradient-from: var(--color-orange-500, lab(64.272% 57.1788 90.3583));
    }
  }

  .from-red-500 {
    --tw-gradient-from: var(--color-red-500, #fb2c36);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: lab(0% 0 0)) {
    .from-red-500 {
      --tw-gradient-from: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
    }
  }

  .from-red-500\/5 {
    --tw-gradient-from: #fb2c360d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-red-500\/5 {
      --tw-gradient-from: color-mix(in oklab, var(--color-red-500, lab(55.4814% 75.0732 48.8528)) 5%, transparent);
    }
  }

  .from-red-500\/5 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-stone-500 {
    --tw-gradient-from: var(--color-stone-500, #79716b);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: lab(0% 0 0)) {
    .from-stone-500 {
      --tw-gradient-from: var(--color-stone-500, lab(48.1164% 2.35701 4.26852));
    }
  }

  .from-yellow-500 {
    --tw-gradient-from: var(--color-yellow-500, #edb200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: lab(0% 0 0)) {
    .from-yellow-500 {
      --tw-gradient-from: var(--color-yellow-500, lab(76.3898% 14.5258 98.4589));
    }
  }

  .via-red-500\/10 {
    --tw-gradient-via: #fb2c361a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-red-500\/10 {
      --tw-gradient-via: color-mix(in oklab, var(--color-red-500, lab(55.4814% 75.0732 48.8528)) 10%, transparent);
    }
  }

  .via-red-500\/10 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-\[var\(--accent\)\]\/20 {
    --tw-gradient-to: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-\[var\(--accent\)\]\/20 {
      --tw-gradient-to: color-mix(in oklab, var(--accent) 20%, transparent);
    }
  }

  .to-\[var\(--accent\)\]\/20 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[var\(--muted\)\] {
    --tw-gradient-to: var(--muted);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[var\(--primary\)\]\/80 {
    --tw-gradient-to: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-\[var\(--primary\)\]\/80 {
      --tw-gradient-to: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }

  .to-\[var\(--primary\)\]\/80 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-blue-600 {
    --tw-gradient-to: var(--color-blue-600, #155dfc);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: lab(0% 0 0)) {
    .to-blue-600 {
      --tw-gradient-to: var(--color-blue-600, lab(44.0605% 29.0279 -86.0352));
    }
  }

  .to-emerald-500\/10 {
    --tw-gradient-to: #00bb7f1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-emerald-500\/10 {
      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500, lab(66.9756% -58.27 19.5419)) 10%, transparent);
    }
  }

  .to-emerald-500\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-green-600 {
    --tw-gradient-to: var(--color-green-600, #00a544);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: lab(0% 0 0)) {
    .to-green-600 {
      --tw-gradient-to: var(--color-green-600, lab(59.0978% -58.6621 41.2579));
    }
  }

  .to-orange-600 {
    --tw-gradient-to: var(--color-orange-600, #f05100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: lab(0% 0 0)) {
    .to-orange-600 {
      --tw-gradient-to: var(--color-orange-600, lab(57.1026% 64.2584 89.8886));
    }
  }

  .to-purple-400 {
    --tw-gradient-to: var(--color-purple-400, #c07eff);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: lab(0% 0 0)) {
    .to-purple-400 {
      --tw-gradient-to: var(--color-purple-400, lab(63.6946% 47.6127 -59.2066));
    }
  }

  .to-purple-500 {
    --tw-gradient-to: var(--color-purple-500, #ac4bff);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: lab(0% 0 0)) {
    .to-purple-500 {
      --tw-gradient-to: var(--color-purple-500, lab(52.0183% 66.11 -78.2316));
    }
  }

  .to-red-600 {
    --tw-gradient-to: var(--color-red-600, #e40014);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: lab(0% 0 0)) {
    .to-red-600 {
      --tw-gradient-to: var(--color-red-600, lab(48.4493% 77.4328 61.5452));
    }
  }

  .to-red-600\/10 {
    --tw-gradient-to: #e400141a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-red-600\/10 {
      --tw-gradient-to: color-mix(in oklab, var(--color-red-600, lab(48.4493% 77.4328 61.5452)) 10%, transparent);
    }
  }

  .to-red-600\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-stone-600 {
    --tw-gradient-to: var(--color-stone-600, #57534d);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: lab(0% 0 0)) {
    .to-stone-600 {
      --tw-gradient-to: var(--color-stone-600, lab(35.5168% 1.08604 4.07829));
    }
  }

  .to-yellow-500 {
    --tw-gradient-to: var(--color-yellow-500, #edb200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: lab(0% 0 0)) {
    .to-yellow-500 {
      --tw-gradient-to: var(--color-yellow-500, lab(76.3898% 14.5258 98.4589));
    }
  }

  .to-yellow-600 {
    --tw-gradient-to: var(--color-yellow-600, #cd8900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  @supports (color: lab(0% 0 0)) {
    .to-yellow-600 {
      --tw-gradient-to: var(--color-yellow-600, lab(62.7799% 22.4197 86.1544));
    }
  }

  .fill-current {
    fill: currentColor;
  }

  .fill-white {
    fill: var(--color-white, #fff);
  }

  .stroke-\[var\(--primary\)\] {
    stroke: var(--primary);
  }

  .stroke-\[0\.5px\] {
    stroke-width: .5px;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-0 {
    padding: calc(var(--spacing, .25rem) * 0);
  }

  .p-0\.5 {
    padding: calc(var(--spacing, .25rem) * .5);
  }

  .p-1 {
    padding: calc(var(--spacing, .25rem) * 1);
  }

  .p-1\.5 {
    padding: calc(var(--spacing, .25rem) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing, .25rem) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing, .25rem) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing, .25rem) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing, .25rem) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing, .25rem) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing, .25rem) * 6);
  }

  .p-7 {
    padding: calc(var(--spacing, .25rem) * 7);
  }

  .p-8 {
    padding: calc(var(--spacing, .25rem) * 8);
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .p-px {
    padding: 1px;
  }

  .px-0 {
    padding-inline: calc(var(--spacing, .25rem) * 0);
  }

  .px-1 {
    padding-inline: calc(var(--spacing, .25rem) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing, .25rem) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing, .25rem) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing, .25rem) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing, .25rem) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing, .25rem) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing, .25rem) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing, .25rem) * 6);
  }

  .px-\[1rem\] {
    padding-inline: 1rem;
  }

  .px-\[10\%\] {
    padding-inline: 10%;
  }

  .py-0 {
    padding-block: calc(var(--spacing, .25rem) * 0);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing, .25rem) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing, .25rem) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing, .25rem) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing, .25rem) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing, .25rem) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing, .25rem) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing, .25rem) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing, .25rem) * 4);
  }

  .py-6 {
    padding-block: calc(var(--spacing, .25rem) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing, .25rem) * 8);
  }

  .py-12 {
    padding-block: calc(var(--spacing, .25rem) * 12);
  }

  .pt-0 {
    padding-top: calc(var(--spacing, .25rem) * 0);
  }

  .pt-2 {
    padding-top: calc(var(--spacing, .25rem) * 2);
  }

  .pt-3 {
    padding-top: calc(var(--spacing, .25rem) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing, .25rem) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing, .25rem) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing, .25rem) * 6);
  }

  .pt-8 {
    padding-top: calc(var(--spacing, .25rem) * 8);
  }

  .pt-\[15\%\] {
    padding-top: 15%;
  }

  .pt-\[20\%\] {
    padding-top: 20%;
  }

  .pr-1 {
    padding-right: calc(var(--spacing, .25rem) * 1);
  }

  .pr-2 {
    padding-right: calc(var(--spacing, .25rem) * 2);
  }

  .pr-3 {
    padding-right: calc(var(--spacing, .25rem) * 3);
  }

  .pr-7 {
    padding-right: calc(var(--spacing, .25rem) * 7);
  }

  .pr-8 {
    padding-right: calc(var(--spacing, .25rem) * 8);
  }

  .pr-9 {
    padding-right: calc(var(--spacing, .25rem) * 9);
  }

  .pr-10 {
    padding-right: calc(var(--spacing, .25rem) * 10);
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing, .25rem) * 0);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing, .25rem) * 2);
  }

  .pb-2\.5 {
    padding-bottom: calc(var(--spacing, .25rem) * 2.5);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing, .25rem) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing, .25rem) * 4);
  }

  .pb-16 {
    padding-bottom: calc(var(--spacing, .25rem) * 16);
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing, .25rem) * 20);
  }

  .pl-2 {
    padding-left: calc(var(--spacing, .25rem) * 2);
  }

  .pl-3 {
    padding-left: calc(var(--spacing, .25rem) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing, .25rem) * 4);
  }

  .pl-6 {
    padding-left: calc(var(--spacing, .25rem) * 6);
  }

  .pl-7 {
    padding-left: calc(var(--spacing, .25rem) * 7);
  }

  .pl-8 {
    padding-left: calc(var(--spacing, .25rem) * 8);
  }

  .pl-9 {
    padding-left: calc(var(--spacing, .25rem) * 9);
  }

  .pl-10 {
    padding-left: calc(var(--spacing, .25rem) * 10);
  }

  .pl-12 {
    padding-left: calc(var(--spacing, .25rem) * 12);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-middle {
    vertical-align: middle;
  }

  .font-mono {
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  }

  .font-sans {
    font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  }

  .text-2xl {
    font-size: var(--text-2xl, 1.5rem);
    line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  }

  .text-3xl {
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  }

  .text-4xl {
    font-size: var(--text-4xl, 2.25rem);
    line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
  }

  .text-5xl {
    font-size: var(--text-5xl, 3rem);
    line-height: var(--tw-leading, var(--text-5xl--line-height, 1));
  }

  .text-base {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }

  .text-lg {
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  }

  .text-sm {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }

  .text-xl {
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  }

  .text-xs {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  }

  .text-\[8rem\] {
    font-size: 8rem;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing, .25rem) * 6);
    line-height: calc(var(--spacing, .25rem) * 6);
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed, 1.625);
    line-height: var(--leading-relaxed, 1.625);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight, 1.25);
    line-height: var(--leading-tight, 1.25);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold, 800);
    font-weight: var(--font-weight-extrabold, 800);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide, .025em);
    letter-spacing: var(--tracking-wide, .025em);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider, .05em);
    letter-spacing: var(--tracking-wider, .05em);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest, .1em);
    letter-spacing: var(--tracking-widest, .1em);
  }

  .text-balance {
    text-wrap: balance;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[\#1E2939\] {
    color: #1e2939;
  }

  .text-\[var\(--accent\)\] {
    color: var(--accent);
  }

  .text-\[var\(--accent-foreground\)\] {
    color: var(--accent-foreground);
  }

  .text-\[var\(--background\)\] {
    color: var(--background);
  }

  .text-\[var\(--card-foreground\)\] {
    color: var(--card-foreground);
  }

  .text-\[var\(--category-blue\)\] {
    color: var(--category-blue);
  }

  .text-\[var\(--category-blue-light\)\] {
    color: var(--category-blue-light);
  }

  .text-\[var\(--category-lime\)\] {
    color: var(--category-lime);
  }

  .text-\[var\(--category-lime-light\)\] {
    color: var(--category-lime-light);
  }

  .text-\[var\(--destructive\)\] {
    color: var(--destructive);
  }

  .text-\[var\(--destructive\)\]\/80 {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--destructive\)\]\/80 {
      color: color-mix(in oklab, var(--destructive) 80%, transparent);
    }
  }

  .text-\[var\(--foreground\)\] {
    color: var(--foreground);
  }

  .text-\[var\(--muted\)\] {
    color: var(--muted);
  }

  .text-\[var\(--muted-foreground\)\] {
    color: var(--muted-foreground);
  }

  .text-\[var\(--muted-foreground\)\]\/40 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--muted-foreground\)\]\/40 {
      color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
    }
  }

  .text-\[var\(--muted-foreground\)\]\/50 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--muted-foreground\)\]\/50 {
      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }

  .text-\[var\(--muted-foreground\)\]\/60 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--muted-foreground\)\]\/60 {
      color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
    }
  }

  .text-\[var\(--muted-foreground\)\]\/70 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--muted-foreground\)\]\/70 {
      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
    }
  }

  .text-\[var\(--popover-foreground\)\] {
    color: var(--popover-foreground);
  }

  .text-\[var\(--primary\)\] {
    color: var(--primary);
  }

  .text-\[var\(--primary-foreground\)\] {
    color: var(--primary-foreground);
  }

  .text-\[var\(--sidebar-muted\)\] {
    color: var(--sidebar-muted);
  }

  .text-\[var\(--status-active-bg\)\] {
    color: var(--status-active-bg);
  }

  .text-\[varml\(--muted-foreground\)\] {
    color: varml(--muted-foreground);
  }

  .text-amber-500 {
    color: var(--color-amber-500, #f99c00);
  }

  @supports (color: lab(0% 0 0)) {
    .text-amber-500 {
      color: var(--color-amber-500, lab(72.7183% 31.8672 97.9407));
    }
  }

  .text-amber-600 {
    color: var(--color-amber-600, #dd7400);
  }

  @supports (color: lab(0% 0 0)) {
    .text-amber-600 {
      color: var(--color-amber-600, lab(60.3514% 40.5624 87.1228));
    }
  }

  .text-amber-700 {
    color: var(--color-amber-700, #b75000);
  }

  @supports (color: lab(0% 0 0)) {
    .text-amber-700 {
      color: var(--color-amber-700, lab(47.2709% 42.9082 69.2966));
    }
  }

  .text-amber-800 {
    color: var(--color-amber-800, #953d00);
  }

  @supports (color: lab(0% 0 0)) {
    .text-amber-800 {
      color: var(--color-amber-800, lab(37.8822% 37.1699 52.2718));
    }
  }

  .text-blue-300 {
    color: var(--color-blue-300, #90c5ff);
  }

  @supports (color: lab(0% 0 0)) {
    .text-blue-300 {
      color: var(--color-blue-300, lab(77.5052% -6.4629 -36.42));
    }
  }

  .text-blue-500 {
    color: var(--color-blue-500, #3080ff);
  }

  @supports (color: lab(0% 0 0)) {
    .text-blue-500 {
      color: var(--color-blue-500, lab(54.1736% 13.3369 -74.6839));
    }
  }

  .text-blue-600 {
    color: var(--color-blue-600, #155dfc);
  }

  @supports (color: lab(0% 0 0)) {
    .text-blue-600 {
      color: var(--color-blue-600, lab(44.0605% 29.0279 -86.0352));
    }
  }

  .text-blue-700 {
    color: var(--color-blue-700, #1447e6);
  }

  @supports (color: lab(0% 0 0)) {
    .text-blue-700 {
      color: var(--color-blue-700, lab(36.9089% 35.0961 -85.6872));
    }
  }

  .text-blue-800 {
    color: var(--color-blue-800, #193cb8);
  }

  @supports (color: lab(0% 0 0)) {
    .text-blue-800 {
      color: var(--color-blue-800, lab(30.2514% 27.7853 -70.2699));
    }
  }

  .text-current {
    color: currentColor;
  }

  .text-cyan-800 {
    color: var(--color-cyan-800, #005f78);
  }

  @supports (color: lab(0% 0 0)) {
    .text-cyan-800 {
      color: var(--color-cyan-800, lab(36.5114% -17.1989 -21.6292));
    }
  }

  .text-gray-300 {
    color: var(--color-gray-300, #d1d5dc);
  }

  @supports (color: lab(0% 0 0)) {
    .text-gray-300 {
      color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
    }
  }

  .text-gray-400 {
    color: var(--color-gray-400, #99a1af);
  }

  @supports (color: lab(0% 0 0)) {
    .text-gray-400 {
      color: var(--color-gray-400, lab(65.9269% -.832707 -8.17473));
    }
  }

  .text-gray-500 {
    color: var(--color-gray-500, #6a7282);
  }

  @supports (color: lab(0% 0 0)) {
    .text-gray-500 {
      color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
    }
  }

  .text-gray-600 {
    color: var(--color-gray-600, #4a5565);
  }

  @supports (color: lab(0% 0 0)) {
    .text-gray-600 {
      color: var(--color-gray-600, lab(35.6337% -1.58697 -10.8425));
    }
  }

  .text-gray-700 {
    color: var(--color-gray-700, #364153);
  }

  @supports (color: lab(0% 0 0)) {
    .text-gray-700 {
      color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
    }
  }

  .text-gray-800 {
    color: var(--color-gray-800, #1e2939);
  }

  @supports (color: lab(0% 0 0)) {
    .text-gray-800 {
      color: var(--color-gray-800, lab(16.1051% -1.18239 -11.7533));
    }
  }

  .text-gray-900 {
    color: var(--color-gray-900, #101828);
  }

  @supports (color: lab(0% 0 0)) {
    .text-gray-900 {
      color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
    }
  }

  .text-green-500 {
    color: var(--color-green-500, #00c758);
  }

  @supports (color: lab(0% 0 0)) {
    .text-green-500 {
      color: var(--color-green-500, lab(70.5521% -66.5147 45.8073));
    }
  }

  .text-green-600 {
    color: var(--color-green-600, #00a544);
  }

  @supports (color: lab(0% 0 0)) {
    .text-green-600 {
      color: var(--color-green-600, lab(59.0978% -58.6621 41.2579));
    }
  }

  .text-green-700 {
    color: var(--color-green-700, #008138);
  }

  @supports (color: lab(0% 0 0)) {
    .text-green-700 {
      color: var(--color-green-700, lab(47.0329% -47.0239 31.4788));
    }
  }

  .text-green-800 {
    color: var(--color-green-800, #016630);
  }

  @supports (color: lab(0% 0 0)) {
    .text-green-800 {
      color: var(--color-green-800, lab(37.4616% -36.7971 22.9692));
    }
  }

  .text-green-900 {
    color: var(--color-green-900, #0d542b);
  }

  @supports (color: lab(0% 0 0)) {
    .text-green-900 {
      color: var(--color-green-900, lab(30.797% -29.6927 17.382));
    }
  }

  .text-indigo-500 {
    color: var(--color-indigo-500, #625fff);
  }

  @supports (color: lab(0% 0 0)) {
    .text-indigo-500 {
      color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
    }
  }

  .text-indigo-600 {
    color: var(--color-indigo-600, #4f39f6);
  }

  @supports (color: lab(0% 0 0)) {
    .text-indigo-600 {
      color: var(--color-indigo-600, lab(38.4009% 52.6132 -92.3857));
    }
  }

  .text-orange-500 {
    color: var(--color-orange-500, #fe6e00);
  }

  @supports (color: lab(0% 0 0)) {
    .text-orange-500 {
      color: var(--color-orange-500, lab(64.272% 57.1788 90.3583));
    }
  }

  .text-orange-600 {
    color: var(--color-orange-600, #f05100);
  }

  @supports (color: lab(0% 0 0)) {
    .text-orange-600 {
      color: var(--color-orange-600, lab(57.1026% 64.2584 89.8886));
    }
  }

  .text-orange-700 {
    color: var(--color-orange-700, #c53c00);
  }

  @supports (color: lab(0% 0 0)) {
    .text-orange-700 {
      color: var(--color-orange-700, lab(46.4615% 57.7275 70.8507));
    }
  }

  .text-orange-800 {
    color: var(--color-orange-800, #9f2d00);
  }

  @supports (color: lab(0% 0 0)) {
    .text-orange-800 {
      color: var(--color-orange-800, lab(37.1566% 46.6433 50.5562));
    }
  }

  .text-purple-500 {
    color: var(--color-purple-500, #ac4bff);
  }

  @supports (color: lab(0% 0 0)) {
    .text-purple-500 {
      color: var(--color-purple-500, lab(52.0183% 66.11 -78.2316));
    }
  }

  .text-purple-600 {
    color: var(--color-purple-600, #9810fa);
  }

  @supports (color: lab(0% 0 0)) {
    .text-purple-600 {
      color: var(--color-purple-600, lab(43.0295% 75.21 -86.5669));
    }
  }

  .text-purple-700 {
    color: var(--color-purple-700, #8200da);
  }

  @supports (color: lab(0% 0 0)) {
    .text-purple-700 {
      color: var(--color-purple-700, lab(36.1758% 69.8525 -80.0381));
    }
  }

  .text-purple-800 {
    color: var(--color-purple-800, #6e11b0);
  }

  @supports (color: lab(0% 0 0)) {
    .text-purple-800 {
      color: var(--color-purple-800, lab(30.6017% 56.7637 -64.4751));
    }
  }

  .text-red-300 {
    color: var(--color-red-300, #ffa3a3);
  }

  @supports (color: lab(0% 0 0)) {
    .text-red-300 {
      color: var(--color-red-300, lab(76.5514% 36.422 15.5335));
    }
  }

  .text-red-400 {
    color: var(--color-red-400, #ff6568);
  }

  @supports (color: lab(0% 0 0)) {
    .text-red-400 {
      color: var(--color-red-400, lab(63.7053% 60.745 31.3109));
    }
  }

  .text-red-500 {
    color: var(--color-red-500, #fb2c36);
  }

  @supports (color: lab(0% 0 0)) {
    .text-red-500 {
      color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
    }
  }

  .text-red-600 {
    color: var(--color-red-600, #e40014);
  }

  @supports (color: lab(0% 0 0)) {
    .text-red-600 {
      color: var(--color-red-600, lab(48.4493% 77.4328 61.5452));
    }
  }

  .text-red-600\/80 {
    color: #e40014cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-red-600\/80 {
      color: color-mix(in oklab, var(--color-red-600, lab(48.4493% 77.4328 61.5452)) 80%, transparent);
    }
  }

  .text-red-700 {
    color: var(--color-red-700, #bf000f);
  }

  @supports (color: lab(0% 0 0)) {
    .text-red-700 {
      color: var(--color-red-700, lab(40.4273% 67.2623 53.7441));
    }
  }

  .text-red-700\/80 {
    color: #bf000fcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-red-700\/80 {
      color: color-mix(in oklab, var(--color-red-700, lab(40.4273% 67.2623 53.7441)) 80%, transparent);
    }
  }

  .text-red-800 {
    color: var(--color-red-800, #9f0712);
  }

  @supports (color: lab(0% 0 0)) {
    .text-red-800 {
      color: var(--color-red-800, lab(33.7174% 55.8993 41.0293));
    }
  }

  .text-slate-600 {
    color: var(--color-slate-600, #45556c);
  }

  @supports (color: lab(0% 0 0)) {
    .text-slate-600 {
      color: var(--color-slate-600, lab(35.5623% -1.74978 -15.4316));
    }
  }

  .text-stone-400 {
    color: var(--color-stone-400, #a6a09b);
  }

  @supports (color: lab(0% 0 0)) {
    .text-stone-400 {
      color: var(--color-stone-400, lab(66.2166% 1.88044 3.20326));
    }
  }

  .text-stone-500 {
    color: var(--color-stone-500, #79716b);
  }

  @supports (color: lab(0% 0 0)) {
    .text-stone-500 {
      color: var(--color-stone-500, lab(48.1164% 2.35701 4.26852));
    }
  }

  .text-stone-900 {
    color: var(--color-stone-900, #1c1917);
  }

  @supports (color: lab(0% 0 0)) {
    .text-stone-900 {
      color: var(--color-stone-900, lab(9.03835% 1.15298 1.92955));
    }
  }

  .text-white {
    color: var(--color-white, #fff);
  }

  .text-yellow-500 {
    color: var(--color-yellow-500, #edb200);
  }

  @supports (color: lab(0% 0 0)) {
    .text-yellow-500 {
      color: var(--color-yellow-500, lab(76.3898% 14.5258 98.4589));
    }
  }

  .text-yellow-600 {
    color: var(--color-yellow-600, #cd8900);
  }

  @supports (color: lab(0% 0 0)) {
    .text-yellow-600 {
      color: var(--color-yellow-600, lab(62.7799% 22.4197 86.1544));
    }
  }

  .text-yellow-800 {
    color: var(--color-yellow-800, #874b00);
  }

  @supports (color: lab(0% 0 0)) {
    .text-yellow-800 {
      color: var(--color-yellow-800, lab(38.7484% 23.5833 51.4916));
    }
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .placeholder-\[var\(--muted-foreground\)\]::placeholder {
    color: var(--muted-foreground);
  }

  .accent-\[var\(--primary\)\] {
    accent-color: var(--primary);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-25 {
    opacity: .25;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-blue-500\/25 {
    --tw-shadow-color: #3080ff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-blue-500\/25 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500, lab(54.1736% 13.3369 -74.6839)) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-green-200 {
    --tw-shadow-color: #b9f8cf;
  }

  @supports (color: lab(0% 0 0)) {
    .shadow-green-200 {
      --tw-shadow-color: lab(92.4222% -26.4702 12.9427);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-green-200 {
      --tw-shadow-color: color-mix(in oklab, var(--color-green-200, lab(92.4222% -26.4702 12.9427)) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-orange-200 {
    --tw-shadow-color: #ffd7a8;
  }

  @supports (color: lab(0% 0 0)) {
    .shadow-orange-200 {
      --tw-shadow-color: lab(88.4871% 9.94918 28.8378);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-orange-200 {
      --tw-shadow-color: color-mix(in oklab, var(--color-orange-200, lab(88.4871% 9.94918 28.8378)) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-red-200 {
    --tw-shadow-color: #ffcaca;
  }

  @supports (color: lab(0% 0 0)) {
    .shadow-red-200 {
      --tw-shadow-color: lab(86.017% 19.8815 7.75869);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-red-200 {
      --tw-shadow-color: color-mix(in oklab, var(--color-red-200, lab(86.017% 19.8815 7.75869)) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-yellow-200 {
    --tw-shadow-color: #fff085;
  }

  @supports (color: lab(0% 0 0)) {
    .shadow-yellow-200 {
      --tw-shadow-color: lab(94.3433% -5.00429 52.9663);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-yellow-200 {
      --tw-shadow-color: color-mix(in oklab, var(--color-yellow-200, lab(94.3433% -5.00429 52.9663)) var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-\[var\(--primary\)\] {
    --tw-ring-color: var(--primary);
  }

  .ring-\[var\(--ring\)\] {
    --tw-ring-color: var(--ring);
  }

  .ring-blue-500\/20 {
    --tw-ring-color: #3080ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-blue-500\/20 {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500, lab(54.1736% 13.3369 -74.6839)) 20%, transparent);
    }
  }

  .ring-red-300 {
    --tw-ring-color: var(--color-red-300, #ffa3a3);
  }

  @supports (color: lab(0% 0 0)) {
    .ring-red-300 {
      --tw-ring-color: var(--color-red-300, lab(76.5514% 36.422 15.5335));
    }
  }

  .ring-red-500 {
    --tw-ring-color: var(--color-red-500, #fb2c36);
  }

  @supports (color: lab(0% 0 0)) {
    .ring-red-500 {
      --tw-ring-color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
    }
  }

  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .brightness-200 {
    --tw-brightness: brightness(200%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-md {
    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md, 0 3px 3px #0000001f));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-sm {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm, 0 1px 2px #00000026));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm, 8px));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl, 24px));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  }

  .transition-\[color\,box-shadow\] {
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  }

  .transition-none {
    transition-property: none;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .ease-out {
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, .2, 1));
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .group-hover\:translate-y-0\.5:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing, .25rem) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-\[var\(--primary\)\]:is(:where(.group):hover *) {
      color: var(--primary);
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }

  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .peer-checked\:bg-\[var\(--primary\)\]:is(:where(.peer):checked ~ *) {
    background-color: var(--primary);
  }

  .peer-focus\:outline-none:is(:where(.peer):focus ~ *) {
    --tw-outline-style: none;
    outline-style: none;
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: .5;
  }

  .placeholder\:text-\[var\(--muted-foreground\)\]::placeholder {
    color: var(--muted-foreground);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:top-\[2px\]:after {
    content: var(--tw-content);
    top: 2px;
  }

  .after\:left-\[2px\]:after {
    content: var(--tw-content);
    left: 2px;
  }

  .after\:h-5:after {
    content: var(--tw-content);
    height: calc(var(--spacing, .25rem) * 5);
  }

  .after\:w-5:after {
    content: var(--tw-content);
    width: calc(var(--spacing, .25rem) * 5);
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .after\:bg-\[var\(--background\)\]:after {
    content: var(--tw-content);
    background-color: var(--background);
  }

  .after\:transition-all:after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  }

  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .peer-checked\:after\:translate-x-5:is(:where(.peer):checked ~ *):after {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing, .25rem) * 5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-checked\:after\:border-white:is(:where(.peer):checked ~ *):after {
    content: var(--tw-content);
    border-color: var(--color-white, #fff);
  }

  .last\:border-r-0:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .odd\:bg-\[var\(--odd-row\)\]:nth-child(odd) {
    background-color: var(--odd-row);
  }

  .focus-within\:bg-\[var\(--accent\)\]:focus-within {
    background-color: var(--accent);
  }

  @media (hover: hover) {
    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .hover\:scale-\[1\.01\]:hover {
      scale: 1.01;
    }
  }

  @media (hover: hover) {
    .hover\:scale-\[1\.02\]:hover {
      scale: 1.02;
    }
  }

  @media (hover: hover) {
    .hover\:cursor-pointer:hover {
      cursor: pointer;
    }
  }

  @media (hover: hover) {
    .hover\:border-\[var\(--border\)\]:hover {
      border-color: var(--border);
    }
  }

  @media (hover: hover) {
    .hover\:border-\[var\(--primary\)\]\/30:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[var\(--primary\)\]\/30:hover {
        border-color: color-mix(in oklab, var(--primary) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-\[var\(--primary\)\]\/50:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[var\(--primary\)\]\/50:hover {
        border-color: color-mix(in oklab, var(--primary) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-amber-500:hover {
      border-color: var(--color-amber-500, #f99c00);
    }
  }

  @media (hover: hover) {
    .hover\:border-blue-600:hover {
      border-color: var(--color-blue-600, #155dfc);
    }
  }

  @media (hover: hover) {
    .hover\:border-gray-300:hover {
      border-color: var(--color-gray-300, #d1d5dc);
    }
  }

  @media (hover: hover) {
    .hover\:border-gray-600:hover {
      border-color: var(--color-gray-600, #4a5565);
    }
  }

  @media (hover: hover) {
    .hover\:border-red-300:hover {
      border-color: var(--color-red-300, #ffa3a3);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--accent\)\]:hover {
      background-color: var(--accent);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--accent\)\]\/20:hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--accent\)\]\/20:hover {
        background-color: color-mix(in oklab, var(--accent) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--accent\)\]\/30:hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--accent\)\]\/30:hover {
        background-color: color-mix(in oklab, var(--accent) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--accent\)\]\/50:hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--accent\)\]\/50:hover {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--accent\)\]\/80:hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--accent\)\]\/80:hover {
        background-color: color-mix(in oklab, var(--accent) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--destructive\)\]\/10:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--destructive\)\]\/10:hover {
        background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--destructive\)\]\/20:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--destructive\)\]\/20:hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--destructive\)\]\/90:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--destructive\)\]\/90:hover {
        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--hover-bg\)\]:hover {
      background-color: var(--hover-bg);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--muted\)\]:hover {
      background-color: var(--muted);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--muted\)\]\/30:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--muted\)\]\/30:hover {
        background-color: color-mix(in oklab, var(--muted) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--muted\)\]\/50:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--muted\)\]\/50:hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--primary\)\]:hover {
      background-color: var(--primary);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--primary\)\]\/10:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--primary\)\]\/10:hover {
        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--primary\)\]\/20:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--primary\)\]\/20:hover {
        background-color: color-mix(in oklab, var(--primary) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--primary\)\]\/90:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--primary\)\]\/90:hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-amber-700:hover {
      background-color: var(--color-amber-700, #b75000);
    }
  }

  @media (hover: hover) {
    .hover\:bg-blue-50:hover {
      background-color: var(--color-blue-50, #eff6ff);
    }
  }

  @media (hover: hover) {
    .hover\:bg-blue-200:hover {
      background-color: var(--color-blue-200, #bedbff);
    }
  }

  @media (hover: hover) {
    .hover\:bg-blue-700:hover {
      background-color: var(--color-blue-700, #1447e6);
    }
  }

  @media (hover: hover) {
    .hover\:bg-current\/20:hover {
      background-color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-current\/20:hover {
        background-color: color-mix(in oklab, currentcolor 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100, #f3f4f6);
    }
  }

  @media (hover: hover) {
    .hover\:bg-gray-300\/40:hover {
      background-color: #d1d5dc66;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-gray-300\/40:hover {
        background-color: color-mix(in oklab, var(--color-gray-300, lab(85.1236% -.612259 -3.7138)) 40%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-gray-400:hover {
      background-color: var(--color-gray-400, #99a1af);
    }
  }

  @media (hover: hover) {
    .hover\:bg-green-100:hover {
      background-color: var(--color-green-100, #dcfce7);
    }
  }

  @media (hover: hover) {
    .hover\:bg-red-50:hover {
      background-color: var(--color-red-50, #fef2f2);
    }
  }

  @media (hover: hover) {
    .hover\:bg-red-100:hover {
      background-color: var(--color-red-100, #ffe2e2);
    }
  }

  @media (hover: hover) {
    .hover\:bg-red-400\/20:hover {
      background-color: #ff656833;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-400\/20:hover {
        background-color: color-mix(in oklab, var(--color-red-400, lab(63.7053% 60.745 31.3109)) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-red-600:hover {
      background-color: var(--color-red-600, #e40014);
    }
  }

  @media (hover: hover) {
    .hover\:bg-red-700:hover {
      background-color: var(--color-red-700, #bf000f);
    }
  }

  @media (hover: hover) {
    .hover\:bg-stone-50:hover {
      background-color: var(--color-stone-50, #fafaf9);
    }
  }

  @media (hover: hover) {
    .hover\:bg-transparent:hover {
      background-color: #0000;
    }
  }

  @media (hover: hover) {
    .hover\:from-red-600:hover {
      --tw-gradient-from: var(--color-red-600, #e40014);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }

  @media (hover: hover) {
    .hover\:to-red-700:hover {
      --tw-gradient-to: var(--color-red-700, #bf000f);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }

  @media (hover: hover) {
    .hover\:text-\[hsl\(var\(--primary\)\)\]:hover {
      color: hsl(var(--primary));
    }
  }

  @media (hover: hover) {
    .hover\:text-\[var\(--destructive\)\]:hover {
      color: var(--destructive);
    }
  }

  @media (hover: hover) {
    .hover\:text-\[var\(--foreground\)\]:hover {
      color: var(--foreground);
    }
  }

  @media (hover: hover) {
    .hover\:text-\[var\(--primary\)\]:hover {
      color: var(--primary);
    }
  }

  @media (hover: hover) {
    .hover\:text-\[var\(--primary\)\]\/80:hover {
      color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-\[var\(--primary\)\]\/80:hover {
        color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:text-\[var\(--primary\)\]\/90:hover {
      color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-\[var\(--primary\)\]\/90:hover {
        color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:text-amber-600:hover {
      color: var(--color-amber-600, #dd7400);
    }
  }

  @media (hover: hover) {
    .hover\:text-blue-600:hover {
      color: var(--color-blue-600, #155dfc);
    }
  }

  @media (hover: hover) {
    .hover\:text-blue-700:hover {
      color: var(--color-blue-700, #1447e6);
    }
  }

  @media (hover: hover) {
    .hover\:text-gray-600:hover {
      color: var(--color-gray-600, #4a5565);
    }
  }

  @media (hover: hover) {
    .hover\:text-gray-700:hover {
      color: var(--color-gray-700, #364153);
    }
  }

  @media (hover: hover) {
    .hover\:text-indigo-800:hover {
      color: var(--color-indigo-800, #372aac);
    }
  }

  @media (hover: hover) {
    .hover\:text-red-800:hover {
      color: var(--color-red-800, #9f0712);
    }
  }

  @media (hover: hover) {
    .hover\:text-stone-700:hover {
      color: var(--color-stone-700, #44403b);
    }
  }

  @media (hover: hover) {
    .hover\:text-white:hover {
      color: var(--color-white, #fff);
    }
  }

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-sm:hover {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus\:border-amber-500:focus {
    border-color: var(--color-amber-500, #f99c00);
  }

  @supports (color: lab(0% 0 0)) {
    .focus\:border-amber-500:focus {
      border-color: var(--color-amber-500, lab(72.7183% 31.8672 97.9407));
    }
  }

  .focus\:border-transparent:focus {
    border-color: #0000;
  }

  .focus\:bg-\[var\(--accent\)\]:focus {
    background-color: var(--accent);
  }

  .focus\:bg-\[var\(--destructive\)\]\/10:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:bg-\[var\(--destructive\)\]\/10:focus {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .focus\:ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-\[var\(--border\)\]:focus {
    --tw-ring-color: var(--border);
  }

  .focus\:ring-\[var\(--primary\)\]:focus {
    --tw-ring-color: var(--primary);
  }

  .focus\:ring-\[var\(--primary\)\]\/20:focus {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-\[var\(--primary\)\]\/20:focus {
      --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .focus\:ring-\[var\(--ring\)\]:focus {
    --tw-ring-color: var(--ring);
  }

  .focus\:ring-amber-500\/20:focus {
    --tw-ring-color: #f99c0033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-amber-500\/20:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-500, lab(72.7183% 31.8672 97.9407)) 20%, transparent);
    }
  }

  .focus\:ring-indigo-500:focus {
    --tw-ring-color: var(--color-indigo-500, #625fff);
  }

  @supports (color: lab(0% 0 0)) {
    .focus\:ring-indigo-500:focus {
      --tw-ring-color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
    }
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\[var\(--primary\)\]:focus-visible {
    --tw-ring-color: var(--primary);
  }

  .focus-visible\:ring-green-400:focus-visible {
    --tw-ring-color: var(--color-green-400, #05df72);
  }

  @supports (color: lab(0% 0 0)) {
    .focus-visible\:ring-green-400:focus-visible {
      --tw-ring-color: var(--color-green-400, lab(78.503% -64.9265 39.7492));
    }
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .active\:scale-\[0\.99\]:active {
    scale: .99;
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:bg-gray-300:disabled {
    background-color: var(--color-gray-300, #d1d5dc);
  }

  @supports (color: lab(0% 0 0)) {
    .disabled\:bg-gray-300:disabled {
      background-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
    }
  }

  .disabled\:bg-stone-300:disabled {
    background-color: var(--color-stone-300, #d6d3d1);
  }

  @supports (color: lab(0% 0 0)) {
    .disabled\:bg-stone-300:disabled {
      background-color: var(--color-stone-300, lab(84.7909% .928015 1.59738));
    }
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:shadow-none:disabled {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .disabled\:hover\:bg-\[var\(--primary\)\]:disabled:hover {
      background-color: var(--primary);
    }
  }

  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }

  .has-\[\>svg\]\:px-2\.5:has( > svg) {
    padding-inline: calc(var(--spacing, .25rem) * 2.5);
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
    pointer-events: none;
  }

  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
    opacity: .5;
  }

  .data-\[inset\]\:pl-8[data-inset] {
    padding-left: calc(var(--spacing, .25rem) * 8);
  }

  .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
    height: 1px;
  }

  .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
    width: 100%;
  }

  .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
    height: 100%;
  }

  .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
    width: 1px;
  }

  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: calc(var(--spacing, .25rem) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: calc(var(--spacing, .25rem) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: calc(var(--spacing, .25rem) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: calc(var(--spacing, .25rem) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[size\=default\]\:h-9[data-size="default"] {
    height: calc(var(--spacing, .25rem) * 9);
  }

  .data-\[size\=sm\]\:h-8[data-size="sm"] {
    height: calc(var(--spacing, .25rem) * 8);
  }

  :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot="command-input-wrapper"] {
    height: calc(var(--spacing, .25rem) * 12);
  }

  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }

  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items: center;
  }

  :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing, .25rem) * 2);
  }

  .data-\[state\=active\]\:bg-\[var\(--background\)\][data-state="active"] {
    background-color: var(--background);
  }

  .data-\[state\=active\]\:bg-transparent[data-state="active"] {
    background-color: #0000;
  }

  .data-\[state\=active\]\:text-\[var\(--primary\)\][data-state="active"] {
    color: var(--primary);
  }

  .data-\[state\=active\]\:shadow-sm[data-state="active"] {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
    --tw-translate-x: calc(var(--spacing, .25rem) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=checked\]\:bg-green-500[data-state="checked"] {
    background-color: var(--color-green-500, #00c758);
  }

  @supports (color: lab(0% 0 0)) {
    .data-\[state\=checked\]\:bg-green-500[data-state="checked"] {
      background-color: var(--color-green-500, lab(70.5521% -66.5147 45.8073));
    }
  }

  .data-\[state\=closed\]\:duration-300[data-state="closed"] {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .data-\[state\=open\]\:duration-500[data-state="open"] {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
    --tw-translate-x: calc(var(--spacing, .25rem) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=unchecked\]\:bg-gray-300[data-state="unchecked"] {
    background-color: var(--color-gray-300, #d1d5dc);
  }

  @supports (color: lab(0% 0 0)) {
    .data-\[state\=unchecked\]\:bg-gray-300[data-state="unchecked"] {
      background-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
    }
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .supports-\[backdrop-filter\]\:bg-\[var\(--background\)\]\/80 {
      background-color: var(--background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .supports-\[backdrop-filter\]\:bg-\[var\(--background\)\]\/80 {
        background-color: color-mix(in oklab, var(--background) 80%, transparent);
      }
    }
  }

  @media not (min-width: 530px) {
    .max-\[530px\]\:block {
      display: block;
    }
  }

  @media not (min-width: 530px) {
    .max-\[530px\]\:hidden {
      display: none;
    }
  }

  @media not (min-width: 530px) {
    .max-\[530px\]\:inline-block {
      display: inline-block;
    }
  }

  @media not (min-width: 530px) {
    .max-\[530px\]\:gap-2 {
      gap: calc(var(--spacing, .25rem) * 2);
    }
  }

  @media not (min-width: 530px) {
    .max-\[530px\]\:\!px-3 {
      padding-inline: calc(var(--spacing, .25rem) * 3) !important;
    }
  }

  @media not (min-width: 530px) {
    .max-\[530px\]\:text-sm {
      font-size: var(--text-sm, .875rem);
      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    }
  }

  @media not (min-width: 530px) {
    .max-\[530px\]\:font-medium {
      --tw-font-weight: var(--font-weight-medium, 500);
      font-weight: var(--font-weight-medium, 500);
    }
  }

  @media (min-width: 531px) {
    .min-\[531px\]\:contents {
      display: contents;
    }
  }

  @media (min-width: 40rem) {
    .sm\:block {
      display: block;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex {
      display: flex;
    }
  }

  @media (min-width: 40rem) {
    .sm\:hidden {
      display: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inline {
      display: inline;
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-4 {
      height: calc(var(--spacing, .25rem) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-5 {
      height: calc(var(--spacing, .25rem) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-10 {
      height: calc(var(--spacing, .25rem) * 10);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-4 {
      width: calc(var(--spacing, .25rem) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-5 {
      width: calc(var(--spacing, .25rem) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-8 {
      width: calc(var(--spacing, .25rem) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-56 {
      width: calc(var(--spacing, .25rem) * 56);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-64 {
      width: calc(var(--spacing, .25rem) * 64);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-auto {
      width: auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[600px\] {
      max-width: 600px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-lg {
      max-width: var(--container-lg, 32rem);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-md {
      max-width: var(--container-md, 28rem);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-sm {
      max-width: var(--container-sm, 24rem);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-xs {
      max-width: var(--container-xs, 20rem);
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 40rem) {
    .sm\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-end {
      justify-content: flex-end;
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-2\.5 {
      gap: calc(var(--spacing, .25rem) * 2.5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-3 {
      gap: calc(var(--spacing, .25rem) * 3);
    }
  }

  @media (min-width: 40rem) {
    :where(.sm\:space-x-2 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-6 {
      padding: calc(var(--spacing, .25rem) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-3 {
      padding-inline: calc(var(--spacing, .25rem) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-4 {
      padding-inline: calc(var(--spacing, .25rem) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-6 {
      padding-inline: calc(var(--spacing, .25rem) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-2 {
      padding-block: calc(var(--spacing, .25rem) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pr-2\.5 {
      padding-right: calc(var(--spacing, .25rem) * 2.5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pl-2\.5 {
      padding-left: calc(var(--spacing, .25rem) * 2.5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-left {
      text-align: left;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-base {
      font-size: var(--text-base, 1rem);
      line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-sm {
      font-size: var(--text-sm, .875rem);
      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[10rem\] {
      font-size: 10rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[12px\] {
      font-size: 12px;
    }
  }

  @media (min-width: 48rem) {
    .md\:left-\[55\%\] {
      left: 55%;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }

  @media (min-width: 48rem) {
    .md\:block {
      display: block;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex {
      display: flex;
    }
  }

  @media (min-width: 48rem) {
    .md\:hidden {
      display: none;
    }
  }

  @media (min-width: 48rem) {
    .md\:inline {
      display: inline;
    }
  }

  @media (min-width: 48rem) {
    .md\:h-6 {
      height: calc(var(--spacing, .25rem) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-6 {
      width: calc(var(--spacing, .25rem) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-64 {
      width: calc(var(--spacing, .25rem) * 64);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-96 {
      width: calc(var(--spacing, .25rem) * 96);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[80\%\] {
      width: 80%;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-4 {
      gap: calc(var(--spacing, .25rem) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-8 {
      padding: calc(var(--spacing, .25rem) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-10 {
      padding: calc(var(--spacing, .25rem) * 10);
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }
  }

  @media (min-width: 64rem) {
    .lg\:mt-0 {
      margin-top: calc(var(--spacing, .25rem) * 0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:block {
      display: block;
    }
  }

  @media (min-width: 64rem) {
    .lg\:hidden {
      display: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:size-10 {
      width: calc(var(--spacing, .25rem) * 10);
      height: calc(var(--spacing, .25rem) * 10);
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-1\/2 {
      width: 50%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-\[60\%\] {
      width: 60%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-auto {
      width: auto;
    }
  }

  @media (min-width: 64rem) {
    .lg\:max-w-\[18vw\] {
      max-width: 18vw;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 64rem) {
    .lg\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 64rem) {
    .lg\:gap-3 {
      gap: calc(var(--spacing, .25rem) * 3);
    }
  }

  @media (min-width: 64rem) {
    :where(.lg\:divide-y-0 > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(0px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }

  @media (min-width: 64rem) {
    .lg\:p-8 {
      padding: calc(var(--spacing, .25rem) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:p-12 {
      padding: calc(var(--spacing, .25rem) * 12);
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-8 {
      padding-inline: calc(var(--spacing, .25rem) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-3xl {
      font-size: var(--text-3xl, 1.875rem);
      line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-4xl {
      font-size: var(--text-4xl, 2.25rem);
      line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-4xl {
      font-size: var(--text-4xl, 2.25rem);
      line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-amber-800 {
      border-color: var(--color-amber-800, #953d00);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-blue-400 {
      border-color: var(--color-blue-400, #54a2ff);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-blue-600 {
      border-color: var(--color-blue-600, #155dfc);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-blue-700 {
      border-color: var(--color-blue-700, #1447e6);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-gray-600 {
      border-color: var(--color-gray-600, #4a5565);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-gray-700 {
      border-color: var(--color-gray-700, #364153);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-gray-800 {
      border-color: var(--color-gray-800, #1e2939);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-gray-800\/30 {
      border-color: #1e29394d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-gray-800\/30 {
        border-color: color-mix(in oklab, var(--color-gray-800, lab(16.1051% -1.18239 -11.7533)) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-gray-900 {
      border-color: var(--color-gray-900, #101828);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-green-700 {
      border-color: var(--color-green-700, #008138);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-green-800 {
      border-color: var(--color-green-800, #016630);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-green-800\/30 {
      border-color: #0166304d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-green-800\/30 {
        border-color: color-mix(in oklab, var(--color-green-800, lab(37.4616% -36.7971 22.9692)) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-orange-700 {
      border-color: var(--color-orange-700, #c53c00);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-red-700 {
      border-color: var(--color-red-700, #bf000f);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-red-800 {
      border-color: var(--color-red-800, #9f0712);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-red-800\/30 {
      border-color: #9f07124d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-red-800\/30 {
        border-color: color-mix(in oklab, var(--color-red-800, lab(33.7174% 55.8993 41.0293)) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-stone-600 {
      border-color: var(--color-stone-600, #57534d);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-stone-700 {
      border-color: var(--color-stone-700, #44403b);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-white {
      border-color: var(--color-white, #fff);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-yellow-700 {
      border-color: var(--color-yellow-700, #a36100);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-yellow-800 {
      border-color: var(--color-yellow-800, #874b00);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-yellow-800\/30 {
      border-color: #874b004d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-yellow-800\/30 {
        border-color: color-mix(in oklab, var(--color-yellow-800, lab(38.7484% 23.5833 51.4916)) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-amber-900\/20 {
      background-color: #7b330633;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-amber-900\/20 {
        background-color: color-mix(in oklab, var(--color-amber-900, lab(31.2288% 30.2627 40.0378)) 20%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-amber-900\/50 {
      background-color: #7b330680;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-amber-900\/50 {
        background-color: color-mix(in oklab, var(--color-amber-900, lab(31.2288% 30.2627 40.0378)) 50%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-amber-950\/30 {
      background-color: #4619014d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-amber-950\/30 {
        background-color: color-mix(in oklab, var(--color-amber-950, lab(15.8111% 20.9107 23.3752)) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-blue-400 {
      background-color: var(--color-blue-400, #54a2ff);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-blue-900 {
      background-color: var(--color-blue-900, #1c398e);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-blue-900\/10 {
      background-color: #1c398e1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-blue-900\/10 {
        background-color: color-mix(in oklab, var(--color-blue-900, lab(26.1542% 15.7545 -51.5504)) 10%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-blue-900\/20 {
      background-color: #1c398e33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-blue-900\/20 {
        background-color: color-mix(in oklab, var(--color-blue-900, lab(26.1542% 15.7545 -51.5504)) 20%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-blue-900\/30 {
      background-color: #1c398e4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-blue-900\/30 {
        background-color: color-mix(in oklab, var(--color-blue-900, lab(26.1542% 15.7545 -51.5504)) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-gray-600 {
      background-color: var(--color-gray-600, #4a5565);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-gray-700 {
      background-color: var(--color-gray-700, #364153);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-gray-800 {
      background-color: var(--color-gray-800, #1e2939);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-gray-900 {
      background-color: var(--color-gray-900, #101828);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-gray-900\/20 {
      background-color: #10182833;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-gray-900\/20 {
        background-color: color-mix(in oklab, var(--color-gray-900, lab(8.11897% .811279 -12.254)) 20%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-gray-900\/50 {
      background-color: #10182880;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-gray-900\/50 {
        background-color: color-mix(in oklab, var(--color-gray-900, lab(8.11897% .811279 -12.254)) 50%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-gray-950 {
      background-color: var(--color-gray-950, #030712);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-gray-950\/20 {
      background-color: #03071233;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-gray-950\/20 {
        background-color: color-mix(in oklab, var(--color-gray-950, lab(1.90334% .278696 -5.48866)) 20%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-green-900 {
      background-color: var(--color-green-900, #0d542b);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-green-900\/20 {
      background-color: #0d542b33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-green-900\/20 {
        background-color: color-mix(in oklab, var(--color-green-900, lab(30.797% -29.6927 17.382)) 20%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-green-900\/30 {
      background-color: #0d542b4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-green-900\/30 {
        background-color: color-mix(in oklab, var(--color-green-900, lab(30.797% -29.6927 17.382)) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-indigo-900 {
      background-color: var(--color-indigo-900, #312c85);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-orange-900\/20 {
      background-color: #7e2a0c33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-orange-900\/20 {
        background-color: color-mix(in oklab, var(--color-orange-900, lab(30.2951% 36.0434 37.671)) 20%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-orange-900\/30 {
      background-color: #7e2a0c4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-orange-900\/30 {
        background-color: color-mix(in oklab, var(--color-orange-900, lab(30.2951% 36.0434 37.671)) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-red-700 {
      background-color: var(--color-red-700, #bf000f);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-red-900 {
      background-color: var(--color-red-900, #82181a);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-red-900\/5 {
      background-color: #82181a0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-red-900\/5 {
        background-color: color-mix(in oklab, var(--color-red-900, lab(28.5139% 44.5539 29.0463)) 5%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-red-900\/10 {
      background-color: #82181a1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-red-900\/10 {
        background-color: color-mix(in oklab, var(--color-red-900, lab(28.5139% 44.5539 29.0463)) 10%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-red-900\/20 {
      background-color: #82181a33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-red-900\/20 {
        background-color: color-mix(in oklab, var(--color-red-900, lab(28.5139% 44.5539 29.0463)) 20%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-red-900\/30 {
      background-color: #82181a4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-red-900\/30 {
        background-color: color-mix(in oklab, var(--color-red-900, lab(28.5139% 44.5539 29.0463)) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-red-950\/20 {
      background-color: #46080933;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-red-950\/20 {
        background-color: color-mix(in oklab, var(--color-red-950, lab(13.003% 29.04 16.7519)) 20%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-stone-700 {
      background-color: var(--color-stone-700, #44403b);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-stone-800 {
      background-color: var(--color-stone-800, #292524);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-stone-900 {
      background-color: var(--color-stone-900, #1c1917);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-yellow-900 {
      background-color: var(--color-yellow-900, #733e0a);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-yellow-900\/20 {
      background-color: #733e0a33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-yellow-900\/20 {
        background-color: color-mix(in oklab, var(--color-yellow-900, lab(32.3865% 21.1273 38.5959)) 20%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-yellow-900\/30 {
      background-color: #733e0a4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-yellow-900\/30 {
        background-color: color-mix(in oklab, var(--color-yellow-900, lab(32.3865% 21.1273 38.5959)) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-yellow-950\/20 {
      background-color: #43200433;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-yellow-950\/20 {
        background-color: color-mix(in oklab, var(--color-yellow-950, lab(16.8146% 15.7422 23.1133)) 20%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-\[var\(--primary\)\] {
      color: var(--primary);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-amber-200 {
      color: var(--color-amber-200, #fee685);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-amber-400 {
      color: var(--color-amber-400, #fcbb00);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-blue-100 {
      color: var(--color-blue-100, #dbeafe);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-blue-300 {
      color: var(--color-blue-300, #90c5ff);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-blue-400 {
      color: var(--color-blue-400, #54a2ff);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-gray-100 {
      color: var(--color-gray-100, #f3f4f6);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-gray-300 {
      color: var(--color-gray-300, #d1d5dc);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-gray-400 {
      color: var(--color-gray-400, #99a1af);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-gray-500 {
      color: var(--color-gray-500, #6a7282);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-green-100 {
      color: var(--color-green-100, #dcfce7);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-green-200 {
      color: var(--color-green-200, #b9f8cf);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-green-300 {
      color: var(--color-green-300, #7bf1a8);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-green-400 {
      color: var(--color-green-400, #05df72);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-indigo-400 {
      color: var(--color-indigo-400, #7d87ff);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-orange-300 {
      color: var(--color-orange-300, #ffb96d);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-orange-400 {
      color: var(--color-orange-400, #ff8b1a);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-red-300 {
      color: var(--color-red-300, #ffa3a3);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-red-400 {
      color: var(--color-red-400, #ff6568);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-red-500 {
      color: var(--color-red-500, #fb2c36);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-slate-400 {
      color: var(--color-slate-400, #90a1b9);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-stone-100 {
      color: var(--color-stone-100, #f5f5f4);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-stone-400 {
      color: var(--color-stone-400, #a6a09b);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-stone-500 {
      color: var(--color-stone-500, #79716b);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-white {
      color: var(--color-white, #fff);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-yellow-100 {
      color: var(--color-yellow-100, #fef9c2);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-yellow-300 {
      color: var(--color-yellow-300, #ffe02a);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-yellow-400 {
      color: var(--color-yellow-400, #fac800);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:shadow-green-900\/50 {
      --tw-shadow-color: #0d542b80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:shadow-green-900\/50 {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-900, lab(30.797% -29.6927 17.382)) 50%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:shadow-orange-900\/50 {
      --tw-shadow-color: #7e2a0c80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:shadow-orange-900\/50 {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-900, lab(30.2951% 36.0434 37.671)) 50%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:shadow-red-900\/50 {
      --tw-shadow-color: #82181a80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:shadow-red-900\/50 {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-900, lab(28.5139% 44.5539 29.0463)) 50%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:shadow-yellow-900\/50 {
      --tw-shadow-color: #733e0a80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:shadow-yellow-900\/50 {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-900, lab(32.3865% 21.1273 38.5959)) 50%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:border-red-700:hover {
        border-color: var(--color-red-700, #bf000f);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-blue-900\/20:hover {
        background-color: #1c398e33;
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-blue-900\/20:hover {
          background-color: color-mix(in oklab, var(--color-blue-900, lab(26.1542% 15.7545 -51.5504)) 20%, transparent);
        }
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-blue-900\/50:hover {
        background-color: #1c398e80;
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-blue-900\/50:hover {
          background-color: color-mix(in oklab, var(--color-blue-900, lab(26.1542% 15.7545 -51.5504)) 50%, transparent);
        }
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-gray-900:hover {
        background-color: var(--color-gray-900, #101828);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-red-900\/10:hover {
        background-color: #82181a1a;
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-red-900\/10:hover {
          background-color: color-mix(in oklab, var(--color-red-900, lab(28.5139% 44.5539 29.0463)) 10%, transparent);
        }
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-red-900\/20:hover {
        background-color: #82181a33;
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-red-900\/20:hover {
          background-color: color-mix(in oklab, var(--color-red-900, lab(28.5139% 44.5539 29.0463)) 20%, transparent);
        }
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-stone-700:hover {
        background-color: var(--color-stone-700, #44403b);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-stone-800:hover {
        background-color: var(--color-stone-800, #292524);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:text-\[var\(--primary\)\]:hover {
        color: var(--primary);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:text-amber-400:hover {
        color: var(--color-amber-400, #fcbb00);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:text-blue-300:hover {
        color: var(--color-blue-300, #90c5ff);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:text-blue-400:hover {
        color: var(--color-blue-400, #54a2ff);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:text-gray-300:hover {
        color: var(--color-gray-300, #d1d5dc);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:text-indigo-300:hover {
        color: var(--color-indigo-300, #a4b3ff);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:text-red-300:hover {
        color: var(--color-red-300, #ffa3a3);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:text-stone-300:hover {
        color: var(--color-stone-300, #d6d3d1);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:disabled\:bg-gray-600:disabled {
      background-color: var(--color-gray-600, #4a5565);
    }

    @supports (color: lab(0% 0 0)) {
      .dark\:disabled\:bg-gray-600:disabled {
        background-color: var(--color-gray-600, lab(35.6337% -1.58697 -10.8425));
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:disabled\:bg-stone-600:disabled {
      background-color: var(--color-stone-600, #57534d);
    }

    @supports (color: lab(0% 0 0)) {
      .dark\:disabled\:bg-stone-600:disabled {
        background-color: var(--color-stone-600, lab(35.5168% 1.08604 4.07829));
      }
    }
  }

  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
    stroke: #0000;
  }

  .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
    stroke: #0000;
  }

  .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
    padding-inline: calc(var(--spacing, .25rem) * 2);
  }

  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
    padding-block: calc(var(--spacing, .25rem) * 1.5);
  }

  .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  }

  .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
    padding-inline: calc(var(--spacing, .25rem) * 2);
  }

  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
    padding-top: calc(var(--spacing, .25rem) * 0);
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
    height: calc(var(--spacing, .25rem) * 5);
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
    width: calc(var(--spacing, .25rem) * 5);
  }

  .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
    height: calc(var(--spacing, .25rem) * 12);
  }

  .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
    padding-inline: calc(var(--spacing, .25rem) * 2);
  }

  .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
    padding-block: calc(var(--spacing, .25rem) * 3);
  }

  .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
    height: calc(var(--spacing, .25rem) * 5);
  }

  .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
    width: calc(var(--spacing, .25rem) * 5);
  }

  .\[\&_blockquote\]\:not-italic blockquote {
    font-style: normal;
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:absolute::-webkit-calendar-picker-indicator {
    position: absolute;
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:inset-0::-webkit-calendar-picker-indicator {
    inset: calc(var(--spacing, .25rem) * 0);
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:mt-1::-webkit-calendar-picker-indicator {
    margin-top: calc(var(--spacing, .25rem) * 1);
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:h-full::-webkit-calendar-picker-indicator {
    height: 100%;
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:w-full::-webkit-calendar-picker-indicator {
    width: 100%;
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:cursor-pointer::-webkit-calendar-picker-indicator {
    cursor: pointer;
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:opacity-0::-webkit-calendar-picker-indicator {
    opacity: 0;
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:opacity-100::-webkit-calendar-picker-indicator {
    opacity: 1;
  }

  .\[\.border-b\]\:pb-6.border-b {
    padding-bottom: calc(var(--spacing, .25rem) * 6);
  }

  .\[\.border-t\]\:pt-6.border-t {
    padding-top: calc(var(--spacing, .25rem) * 6);
  }

  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }

  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }

  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing, .25rem) * 2);
  }

  .\[\&\>svg\]\:size-3\.5 > svg {
    width: calc(var(--spacing, .25rem) * 3.5);
    height: calc(var(--spacing, .25rem) * 3.5);
  }

  .\[\&\>svg\]\:h-2\.5 > svg {
    height: calc(var(--spacing, .25rem) * 2.5);
  }

  .\[\&\>svg\]\:h-3 > svg {
    height: calc(var(--spacing, .25rem) * 3);
  }

  .\[\&\>svg\]\:w-2\.5 > svg {
    width: calc(var(--spacing, .25rem) * 2.5);
  }

  .\[\&\>svg\]\:w-3 > svg {
    width: calc(var(--spacing, .25rem) * 3);
  }

  .\[\&\>svg\]\:text-current > svg {
    color: currentColor;
  }

  :where(.content-spacing > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.content-spacing-compact > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.section-spacing > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  .text-primary {
    color: var(--primary);
  }

  .text-muted {
    color: var(--muted-foreground);
  }

  .text-success {
    color: var(--color-green-600, #00a544);
  }

  @supports (color: lab(0% 0 0)) {
    .text-success {
      color: var(--color-green-600, lab(59.0978% -58.6621 41.2579));
    }
  }

  @media (prefers-color-scheme: dark) {
    .text-success {
      color: var(--color-green-400, #05df72);
    }
  }

  .text-warning {
    color: var(--color-yellow-600, #cd8900);
  }

  @supports (color: lab(0% 0 0)) {
    .text-warning {
      color: var(--color-yellow-600, lab(62.7799% 22.4197 86.1544));
    }
  }

  @media (prefers-color-scheme: dark) {
    .text-warning {
      color: var(--color-yellow-400, #fac800);
    }
  }

  .text-danger {
    color: var(--color-red-600, #e40014);
  }

  @supports (color: lab(0% 0 0)) {
    .text-danger {
      color: var(--color-red-600, lab(48.4493% 77.4328 61.5452));
    }
  }

  @media (prefers-color-scheme: dark) {
    .text-danger {
      color: var(--color-red-400, #ff6568);
    }
  }

  .bg-subtle {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-subtle {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }

  .bg-surface {
    background-color: var(--card);
  }

  .bg-overlay {
    background-color: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-overlay {
      background-color: color-mix(in oklab, var(--color-black, #000) 40%, transparent);
    }
  }

  .bg-overlay {
    --tw-backdrop-blur: blur(var(--blur-sm, 8px));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .min-w-0 {
    min-width: 0;
  }

  .flex-shrink-0 {
    flex-shrink: 0;
  }

  .flex-1 {
    flex: 1;
  }
}

.DraftEditor-editorContainer, .DraftEditor-root, .public-DraftEditor-content {
  height: inherit;
  text-align: initial;
}

.public-DraftEditor-content[contenteditable="true"] {
  -webkit-user-modify: read-write-plaintext-only;
}

.DraftEditor-root {
  position: relative;
}

.DraftEditor-editorContainer {
  z-index: 1;
  background-color: #fff0;
  border-left: .1px solid #0000;
  position: relative;
}

.public-DraftEditor-block {
  position: relative;
}

.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left;
}

.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  text-align: left;
  left: 0;
}

.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center;
}

.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right;
}

.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  text-align: right;
  right: 0;
}

.public-DraftEditorPlaceholder-root {
  color: #9197a3;
  z-index: 1;
  width: 100%;
  position: absolute;
}

.public-DraftEditorPlaceholder-hasFocus {
  color: #bdc1c9;
}

.DraftEditorPlaceholder-hidden {
  display: none;
}

.public-DraftStyleDefault-block {
  white-space: pre-wrap;
  position: relative;
}

.public-DraftStyleDefault-ltr {
  text-align: left;
  direction: ltr;
}

.public-DraftStyleDefault-rtl {
  text-align: right;
  direction: rtl;
}

.public-DraftStyleDefault-listLTR {
  direction: ltr;
}

.public-DraftStyleDefault-listRTL {
  direction: rtl;
}

.public-DraftStyleDefault-ol, .public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em;
}

.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle;
}

.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  text-align: right;
  width: 30px;
  position: absolute;
  left: -36px;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  text-align: left;
  width: 30px;
  position: absolute;
  right: -36px;
}

.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1, lower-alpha) ". ";
  counter-increment: ol1;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2, lower-roman) ". ";
  counter-increment: ol2;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4, lower-alpha) ". ";
  counter-increment: ol4;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4;
}

.taskcard-header {
  padding-bottom: calc(var(--spacing, .25rem) * 0);
}

.taskcard-header-content {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.taskcard-main-content {
  flex: 1;
}

.taskcard-title {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  -webkit-line-clamp: 2;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-stone-900, #1c1917);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

@supports (color: lab(0% 0 0)) {
  .taskcard-title {
    color: var(--color-stone-900, lab(9.03835% 1.15298 1.92955));
  }
}

@media (hover: hover) {
  .taskcard-title:is(:where(.group):hover *) {
    color: var(--color-amber-700, #b75000);
  }
}

@media (prefers-color-scheme: dark) {
  .taskcard-title {
    color: var(--color-stone-100, #f5f5f4);
  }

  @supports (color: lab(0% 0 0)) {
    .taskcard-title:is(:where(.group):hover *) {
      color: var(--color-stone-100, lab(96.5286% -.0991821 .364268));
    }
  }

  @media (hover: hover) {
    .taskcard-title:is(:where(.group):hover *) {
      color: var(--color-amber-300, #ffd236);
    }
  }
}

.taskcard-due-date {
  margin-top: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--color-stone-600, #57534d);
  align-items: center;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .taskcard-due-date {
    color: var(--color-stone-600, lab(35.5168% 1.08604 4.07829));
  }
}

@media (prefers-color-scheme: dark) {
  .taskcard-due-date {
    color: var(--color-stone-400, #a6a09b);
  }
}

.taskcard-due-icon {
  margin-right: calc(var(--spacing, .25rem) * 1);
}

.quickactioncard-container {
  cursor: pointer;
  border-radius: var(--radius-lg, .5rem);
  border-color: var(--border);
  background-color: var(--card);
  padding: calc(var(--spacing, .25rem) * 4);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .quickactioncard-container:hover {
    scale: 1.02;
  }
}

@media (hover: hover) {
  .quickactioncard-container:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.quickactioncard-content {
  padding: calc(var(--spacing, .25rem) * 4);
  text-align: center;
}

.quickactioncard-icon {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 10);
  width: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-lg, .5rem);
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--primary);
  --tw-gradient-to: color-mix(in oklab, var(--primary) 80%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-shadow-alpha: 20%;
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  justify-content: center;
  align-items: center;
  transition-duration: .2s;
  display: flex;
}

@media (hover: hover) {
  .quickactioncard-icon:is(:where(.group):hover *) {
    --tw-shadow-alpha: 30%;
    --tw-shadow: var(--primary);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.quickactioncard-title {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-tight, 1.25);
  line-height: var(--leading-tight, 1.25);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .quickactioncard-title:is(:where(.group):hover *) {
    color: var(--primary);
  }
}

.quickactioncard-description {
  margin-top: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.statcard-container {
  border-radius: var(--radius-lg, .5rem);
  --tw-border-style: none;
  background-color: var(--card);
  padding: calc(var(--spacing, .25rem) * 4);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-style: none;
}

.statcard-header {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.statcard-title {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--muted-foreground);
}

.statcard-icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  color: var(--muted-foreground);
}

.statcard-value {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--foreground);
}

.statcard-change {
  margin-top: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.entitycard-container {
  cursor: pointer;
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--card);
  padding: calc(var(--spacing, .25rem) * 4);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@media (hover: hover) {
  .entitycard-container:hover {
    background-color: var(--accent);
  }
}

.entitycard-header {
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.entitycard-avatar {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  background-color: var(--primary);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--primary-foreground);
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.entitycard-info {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.entitycard-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
  overflow: hidden;
}

.entitycard-subtitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  overflow: hidden;
}

.entitycard-meta {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.prioritybadge-base {
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * .5);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-white, #fff);
  border-radius: 3.40282e38px;
  align-items: center;
  display: inline-flex;
}

.prioritybadge-low {
  background-color: var(--color-green-500, #00c758);
  color: var(--color-white, #fff);
}

@supports (color: lab(0% 0 0)) {
  .prioritybadge-low {
    background-color: var(--color-green-500, lab(70.5521% -66.5147 45.8073));
  }
}

@media (prefers-color-scheme: dark) {
  .prioritybadge-low {
    background-color: var(--color-green-400, #05df72);
  }

  .prioritybadge-low {
    color: var(--color-gray-900, #101828);
  }
}

.prioritybadge-medium {
  background-color: var(--color-yellow-500, #edb200);
  color: var(--color-white, #fff);
}

@supports (color: lab(0% 0 0)) {
  .prioritybadge-medium {
    background-color: var(--color-yellow-500, lab(76.3898% 14.5258 98.4589));
  }
}

@media (prefers-color-scheme: dark) {
  .prioritybadge-medium {
    background-color: var(--color-yellow-400, #fac800);
  }

  .prioritybadge-medium {
    color: var(--color-gray-900, #101828);
  }
}

.prioritybadge-high {
  background-color: var(--color-orange-500, #fe6e00);
  color: var(--color-white, #fff);
}

@supports (color: lab(0% 0 0)) {
  .prioritybadge-high {
    background-color: var(--color-orange-500, lab(64.272% 57.1788 90.3583));
  }
}

@media (prefers-color-scheme: dark) {
  .prioritybadge-high {
    background-color: var(--color-orange-400, #ff8b1a);
  }

  .prioritybadge-high {
    color: var(--color-gray-900, #101828);
  }
}

.prioritybadge-highest {
  background-color: var(--color-red-600, #e40014);
  color: var(--color-white, #fff);
}

@supports (color: lab(0% 0 0)) {
  .prioritybadge-highest {
    background-color: var(--color-red-600, lab(48.4493% 77.4328 61.5452));
  }
}

@media (prefers-color-scheme: dark) {
  .prioritybadge-highest {
    background-color: var(--color-red-500, #fb2c36);
  }

  .prioritybadge-highest {
    color: var(--color-gray-900, #101828);
  }
}

.statusbadge-base {
  width: calc(var(--spacing, .25rem) * 24);
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 1);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-size: 13px;
  font-weight: var(--font-weight-medium, 500);
  border-width: 1px;
  border-color: #0000;
  border-radius: 3.40282e38px;
  align-items: center;
  display: inline-flex;
}

.statusbadge-todo {
  background-color: var(--color-gray-700, #364153);
  color: var(--color-white, #fff);
}

@supports (color: lab(0% 0 0)) {
  .statusbadge-todo {
    background-color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
  }
}

@media (prefers-color-scheme: dark) {
  .statusbadge-todo {
    background-color: var(--color-gray-700, #364153);
  }

  .statusbadge-todo {
    color: var(--color-gray-900, #101828);
  }
}

.statusbadge-inprogress {
  background-color: var(--color-blue-600, #155dfc);
  color: var(--color-white, #fff);
}

@supports (color: lab(0% 0 0)) {
  .statusbadge-inprogress {
    background-color: var(--color-blue-600, lab(44.0605% 29.0279 -86.0352));
  }
}

@media (prefers-color-scheme: dark) {
  .statusbadge-inprogress {
    background-color: var(--color-blue-400, #54a2ff);
  }

  .statusbadge-inprogress {
    color: var(--color-gray-900, #101828);
  }
}

.statusbadge-inreview {
  background-color: var(--color-purple-600, #9810fa);
  color: var(--color-white, #fff);
}

@supports (color: lab(0% 0 0)) {
  .statusbadge-inreview {
    background-color: var(--color-purple-600, lab(43.0295% 75.21 -86.5669));
  }
}

@media (prefers-color-scheme: dark) {
  .statusbadge-inreview {
    background-color: var(--color-purple-400, #c07eff);
  }

  .statusbadge-inreview {
    color: var(--color-gray-900, #101828);
  }
}

.statusbadge-done {
  background-color: var(--color-green-600, #00a544);
  color: var(--color-white, #fff);
}

@supports (color: lab(0% 0 0)) {
  .statusbadge-done {
    background-color: var(--color-green-600, lab(59.0978% -58.6621 41.2579));
  }
}

@media (prefers-color-scheme: dark) {
  .statusbadge-done {
    background-color: var(--color-green-400, #05df72);
  }

  .statusbadge-done {
    color: var(--color-gray-900, #101828);
  }
}

.statusbadge-cancelled {
  background-color: var(--color-red-600, #e40014);
  color: var(--color-white, #fff);
}

@supports (color: lab(0% 0 0)) {
  .statusbadge-cancelled {
    background-color: var(--color-red-600, lab(48.4493% 77.4328 61.5452));
  }
}

@media (prefers-color-scheme: dark) {
  .statusbadge-cancelled {
    background-color: var(--color-red-500, #fb2c36);
  }

  .statusbadge-cancelled {
    color: var(--color-gray-900, #101828);
  }
}

.tagbadge-base {
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * .5);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  border-radius: 3.40282e38px;
  align-items: center;
  display: inline-flex;
}

.tagbadge-colored {
  color: var(--color-white, #fff);
}

.tagbadge-default {
  background-color: var(--secondary);
  color: var(--secondary-foreground);
}

.tagbadge-removable {
  gap: calc(var(--spacing, .25rem) * 1);
  background-color: var(--accent);
  color: var(--accent-foreground);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@media (hover: hover) {
  .tagbadge-removable:hover {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .tagbadge-removable:hover {
      background-color: color-mix(in oklab, var(--accent) 80%, transparent);
    }
  }
}

.tagbadge-remove-btn {
  cursor: pointer;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@media (hover: hover) {
  .tagbadge-remove-btn:hover {
    color: var(--color-red-600, #e40014);
  }
}

@media (prefers-color-scheme: dark) {
  @media (hover: hover) {
    .tagbadge-remove-btn:hover {
      color: var(--color-red-400, #ff6568);
    }
  }
}

.tagbadge-text {
  max-width: calc(var(--spacing, .25rem) * 24);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.dynamicbadge-base {
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  width: fit-content;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * .5);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  white-space: nowrap;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  border-width: 1px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}

.dynamicbadge-primary {
  background-color: var(--primary);
  color: var(--primary-foreground);
  border-color: #0000;
}

@media (hover: hover) {
  .dynamicbadge-primary:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dynamicbadge-primary:hover {
      background-color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }
}

.dynamicbadge-secondary {
  background-color: var(--secondary);
  color: var(--secondary-foreground);
  border-color: #0000;
}

@media (hover: hover) {
  .dynamicbadge-secondary:hover {
    background-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dynamicbadge-secondary:hover {
      background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
    }
  }
}

.dynamicbadge-destructive {
  background-color: var(--destructive);
  color: var(--destructive-foreground);
  border-color: #0000;
}

@media (hover: hover) {
  .dynamicbadge-destructive:hover {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dynamicbadge-destructive:hover {
      background-color: color-mix(in oklab, var(--destructive) 80%, transparent);
    }
  }
}

.dynamicbadge-outline {
  color: var(--foreground);
}

@media (hover: hover) {
  .dynamicbadge-outline:hover {
    background-color: var(--accent);
  }
}

@media (hover: hover) {
  .dynamicbadge-outline:hover {
    color: var(--accent-foreground);
  }
}

.dynamicbadge-icon {
  height: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 3);
}

.actionbutton-base {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.actionbutton-secondary {
  height: calc(var(--spacing, .25rem) * 9);
  --tw-border-style: none;
  background-color: var(--primary);
  border-style: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .actionbutton-secondary {
    background-color: color-mix(in oklab, var(--primary) 5%, transparent);
  }
}

.actionbutton-secondary {
  white-space: nowrap;
  color: var(--foreground);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .actionbutton-secondary:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .actionbutton-secondary:hover {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
}

.actionbutton-primary {
  height: calc(var(--spacing, .25rem) * 9);
  background-color: var(--primary);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary-foreground);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
  position: relative;
}

@media (hover: hover) {
  .actionbutton-primary:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .actionbutton-primary:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

@media (hover: hover) {
  .actionbutton-primary:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.actionbutton-outline {
  height: calc(var(--spacing, .25rem) * 9);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--background);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@media (hover: hover) {
  .actionbutton-outline:hover {
    background-color: var(--accent);
  }
}

@media (hover: hover) {
  .actionbutton-outline:hover {
    color: var(--accent-foreground);
  }
}

.actionbutton-ghost {
  height: calc(var(--spacing, .25rem) * 9);
  padding-inline: calc(var(--spacing, .25rem) * 1);
  color: var(--muted-foreground);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@media (hover: hover) {
  .actionbutton-ghost:hover {
    background-color: var(--accent);
  }
}

@media (hover: hover) {
  .actionbutton-ghost:hover {
    color: var(--foreground);
  }
}

.actionbutton-default {
  padding-inline: calc(var(--spacing, .25rem) * 3);
}

.iconbutton-base {
  border-radius: var(--radius-lg, .5rem);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.iconbutton-base:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-outline-style: none;
  outline-style: none;
}

.iconbutton-base:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.iconbutton-primary {
  background-color: var(--primary);
  color: var(--primary-foreground);
}

@media (hover: hover) {
  .iconbutton-primary:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .iconbutton-primary:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

.iconbutton-primary:focus {
  --tw-ring-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .iconbutton-primary:focus {
    --tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent);
  }
}

.iconbutton-secondary {
  background-color: var(--secondary);
  color: var(--secondary-foreground);
}

@media (hover: hover) {
  .iconbutton-secondary:hover {
    background-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .iconbutton-secondary:hover {
      background-color: color-mix(in oklab, var(--secondary) 90%, transparent);
    }
  }
}

.iconbutton-secondary:focus {
  --tw-ring-color: var(--secondary);
}

@supports (color: color-mix(in lab, red, red)) {
  .iconbutton-secondary:focus {
    --tw-ring-color: color-mix(in oklab, var(--secondary) 50%, transparent);
  }
}

.iconbutton-outline {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  color: var(--foreground);
}

@media (hover: hover) {
  .iconbutton-outline:hover {
    background-color: var(--secondary);
  }
}

.iconbutton-outline:focus {
  --tw-ring-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .iconbutton-outline:focus {
    --tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent);
  }
}

@media (hover: hover) {
  .iconbutton-ghost:hover {
    background-color: var(--accent);
  }
}

@media (hover: hover) {
  .iconbutton-ghost:hover {
    color: var(--accent-foreground);
  }
}

.iconbutton-ghost:focus {
  --tw-ring-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .iconbutton-ghost:focus {
    --tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent);
  }
}

.iconbutton-xs {
  padding: calc(var(--spacing, .25rem) * 1);
}

.iconbutton-sm {
  padding: calc(var(--spacing, .25rem) * 1.5);
}

.iconbutton-md {
  padding: calc(var(--spacing, .25rem) * 2);
}

.iconbutton-lg {
  padding: calc(var(--spacing, .25rem) * 3);
}

.dropdownaction-trigger {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--background);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  display: inline-flex;
}

@media (hover: hover) {
  .dropdownaction-trigger:hover {
    background-color: var(--accent);
  }
}

.dropdownaction-content {
  min-width: calc(var(--spacing, .25rem) * 48);
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--card);
  padding: calc(var(--spacing, .25rem) * 1);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.dropdownaction-item {
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-sm, .25rem);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  display: flex;
}

@media (hover: hover) {
  .dropdownaction-item:hover {
    background-color: var(--accent);
  }
}

.dropdownaction-item-destructive {
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-sm, .25rem);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-red-600, #e40014);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .dropdownaction-item-destructive {
    color: var(--color-red-600, lab(48.4493% 77.4328 61.5452));
  }
}

@media (hover: hover) {
  .dropdownaction-item-destructive:hover {
    background-color: var(--color-red-50, #fef2f2);
  }
}

@media (prefers-color-scheme: dark) {
  .dropdownaction-item-destructive {
    color: var(--color-red-400, #ff6568);
  }

  @supports (color: lab(0% 0 0)) {
    .dropdownaction-item-destructive:hover {
      color: var(--color-red-400, lab(63.7053% 60.745 31.3109));
    }
  }

  @media (hover: hover) {
    .dropdownaction-item-destructive:hover {
      background-color: #82181a33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dropdownaction-item-destructive:hover {
        background-color: color-mix(in oklab, var(--color-red-900, lab(28.5139% 44.5539 29.0463)) 20%, transparent);
      }
    }
  }
}

.dropdownaction-separator {
  margin-block: calc(var(--spacing, .25rem) * 1);
  background-color: var(--border);
  height: 1px;
}

.dropdownaction-icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
}

.header-container {
  top: calc(var(--spacing, .25rem) * 0);
  z-index: 40;
  background-color: var(--background);
  position: sticky;
}

@supports (color: color-mix(in lab, red, red)) {
  .header-container {
    background-color: color-mix(in oklab, var(--background) 95%, transparent);
  }
}

.header-container {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

@supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
  .header-container {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .header-container {
      background-color: color-mix(in oklab, var(--background) 80%, transparent);
    }
  }
}

.header-container {
  margin-right: 0;
  transition: margin-right .3s ease-in-out;
}

@media (min-width: 1280px) {
  body.chat-open .header-container {
    transition: margin-right .3s ease-in-out;
    margin-right: 400px !important;
  }
}

.header-content {
  height: calc(var(--spacing, .25rem) * 16);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

@media (min-width: 40rem) {
  .header-content {
    padding-inline: calc(var(--spacing, .25rem) * 6);
  }
}

.header-left {
  align-items: center;
  display: flex;
}

.header-right {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.header-center {
  margin-inline: calc(var(--spacing, .25rem) * 4);
  max-width: var(--container-xs, 20rem);
  flex: 1;
  justify-content: center;
  display: flex;
}

.header-divider {
  margin-inline: calc(var(--spacing, .25rem) * 1);
  height: calc(var(--spacing, .25rem) * 6);
  background-color: var(--border);
  width: 1px;
}

.header-create-button {
  height: calc(var(--spacing, .25rem) * 9);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-md, .375rem);
  background-color: var(--primary);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary-foreground);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
  display: none;
}

@media (hover: hover) {
  .header-create-button:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .header-create-button:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

@media (hover: hover) {
  .header-create-button:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

@media (min-width: 48rem) {
  .header-create-button {
    display: flex;
  }
}

.header-dropdown-content {
  width: calc(var(--spacing, .25rem) * 80);
  border-radius: var(--radius-lg, .5rem);
  border-color: var(--border);
  background-color: var(--background);
  padding: calc(var(--spacing, .25rem) * 0);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.header-dropdown-header {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: color-mix(in oklab, var(--border) 30%, transparent);
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: color-mix(in oklab, var(--primary) 5%, transparent);
  --tw-gradient-to: color-mix(in oklab, var(--primary) 10%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 3);
}

.header-dropdown-title {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.header-dropdown-item {
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  border-radius: var(--radius-md, .375rem);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  display: flex;
}

@media (hover: hover) {
  .header-dropdown-item:hover {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .header-dropdown-item:hover {
      background-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }
}

.header-dropdown-icon {
  width: calc(var(--spacing, .25rem) * 6);
  height: calc(var(--spacing, .25rem) * 6);
  border-radius: var(--radius-md, .375rem);
  background-color: var(--primary);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .header-dropdown-icon {
    background-color: color-mix(in oklab, var(--primary) 10%, transparent);
  }
}

.header-dropdown-icon-inner {
  width: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 4);
  color: var(--primary);
}

.header-dropdown-item-content {
  text-align: left;
  flex: 1;
}

.header-dropdown-item-title {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
}

.header-dropdown-item-description {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.breadcrumb-item {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@media (hover: hover) {
  .breadcrumb-item:hover {
    color: var(--foreground);
  }
}

.breadcrumb-separator {
  color: var(--muted-foreground);
}

.breadcrumb-current {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
}

.pageheader-container {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.pageheader-content {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.pageheader-title {
  margin-bottom: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--foreground);
}

.pageheader-subtitle {
  color: var(--muted-foreground);
}

.pageheader-actions {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.sectionheader-container {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sectionheader-content {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.sectionheader-title {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.sectionheader-subtitle {
  margin-top: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.sectionheader-actions {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.layout-activity-item {
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 3);
  border-radius: var(--radius-lg, .5rem);
  padding: calc(var(--spacing, .25rem) * 2);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
  display: flex;
}

@media (hover: hover) {
  .layout-activity-item:hover {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .layout-activity-item:hover {
      background-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }
}

.layout-breadcrumb-container {
  background-color: var(--background);
  width: 100%;
}

.layout-breadcrumb-nav {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  display: flex;
}

.layout-breadcrumb-link {
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 1);
  color: var(--muted-foreground);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  border-radius: .25rem;
}

@media (hover: hover) {
  .layout-breadcrumb-link:hover {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .layout-breadcrumb-link:hover {
      background-color: color-mix(in oklab, var(--accent) 10%, transparent);
    }
  }
}

@media (hover: hover) {
  .layout-breadcrumb-link:hover {
    color: var(--foreground);
  }
}

.layout-breadcrumb-current {
  background-color: var(--accent);
  border-radius: .25rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .layout-breadcrumb-current {
    background-color: color-mix(in oklab, var(--accent) 10%, transparent);
  }
}

.layout-breadcrumb-current {
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 1);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
}

.layout-breadcrumb-separator {
  margin-inline: calc(var(--spacing, .25rem) * 1);
  color: var(--muted-foreground);
  opacity: .5;
  -webkit-user-select: none;
  user-select: none;
}

.layout-section-header-container {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.layout-section-header-content {
  flex-direction: column;
  display: flex;
}

.layout-section-header-title {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-stone-900, #1c1917);
}

@supports (color: lab(0% 0 0)) {
  .layout-section-header-title {
    color: var(--color-stone-900, lab(9.03835% 1.15298 1.92955));
  }
}

@media (prefers-color-scheme: dark) {
  .layout-section-header-title {
    color: var(--color-stone-100, #f5f5f4);
  }
}

.layout-section-header-subtitle {
  margin-top: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--color-stone-600, #57534d);
}

@supports (color: lab(0% 0 0)) {
  .layout-section-header-subtitle {
    color: var(--color-stone-600, lab(35.5168% 1.08604 4.07829));
  }
}

@media (prefers-color-scheme: dark) {
  .layout-section-header-subtitle {
    color: var(--color-stone-400, #a6a09b);
  }
}

.layout-section-header-action {
  flex-shrink: 0;
}

.breadcrumb-container {
  top: calc(var(--spacing, .25rem) * 0);
  z-index: 30;
  background-color: var(--background);
  width: 100%;
  padding-inline: .5rem;
  padding-top: calc(var(--spacing, .25rem) * 3);
  padding-bottom: calc(var(--spacing, .25rem) * 0);
  position: sticky;
}

.breadcrumb-nav {
  padding: calc(var(--spacing, .25rem) * 0);
  text-transform: uppercase;
  align-items: center;
  display: inline-flex;
}

.breadcrumb-item {
  align-items: center;
  display: flex;
}

.breadcrumb-link {
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  border-radius: .25rem;
}

@media (hover: hover) {
  .breadcrumb-link:hover {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .breadcrumb-link:hover {
      background-color: color-mix(in oklab, var(--accent) 10%, transparent);
    }
  }
}

@media (hover: hover) {
  .breadcrumb-link:hover {
    color: var(--foreground);
  }
}

@media (hover: hover) {
  .breadcrumb-link:hover {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.breadcrumb-current {
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-extrabold, 800);
  font-weight: var(--font-weight-extrabold, 800);
  color: var(--primary);
  border-radius: .25rem;
}

.breadcrumb-separator {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  opacity: .4;
}

@media (max-width: 640px) {
  .breadcrumb-item {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px;
    overflow: hidden;
  }
}

.layout-resizable-sidebar-container {
  transition: width .2s cubic-bezier(.4, 0, .2, 1);
  position: relative;
}

.layout-resizable-sidebar-container.is-resizing {
  transition: none;
}

.layout-resizable-sidebar-handle {
  top: calc(var(--spacing, .25rem) * 0);
  right: calc(var(--spacing, .25rem) * 0);
  z-index: 10;
  height: 100%;
  width: calc(var(--spacing, .25rem) * 1);
  cursor: ew-resize;
  position: absolute;
}

@media (hover: hover) {
  .layout-resizable-sidebar-handle:hover {
    background-color: var(--color-indigo-500, #625fff);
  }
}

.layout-resizable-sidebar-handle {
  transition: background-color .15s ease-in-out;
}

.layout-resizable-sidebar-handle-extend {
  top: calc(var(--spacing, .25rem) * 0);
  right: calc(var(--spacing, .25rem) * 0);
  margin-right: calc(var(--spacing, .25rem) * -2);
  height: 100%;
  width: calc(var(--spacing, .25rem) * 4);
  cursor: ew-resize;
  opacity: 0;
  position: absolute;
}

.layout-resizable-sidebar-handle-indicator {
  inset: calc(var(--spacing, .25rem) * 0);
  background-color: var(--color-indigo-500, #625fff);
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  position: absolute;
}

@supports (color: lab(0% 0 0)) {
  .layout-resizable-sidebar-handle-indicator {
    background-color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
  }
}

@media (hover: hover) {
  .layout-resizable-sidebar-handle-indicator:is(:where(.group):hover *) {
    opacity: 1;
  }
}

.layout-project-selector-trigger {
  height: calc(var(--spacing, .25rem) * 9);
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  border-radius: var(--radius-lg, .5rem);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 0);
  display: flex;
}

@media (hover: hover) {
  .layout-project-selector-trigger:hover {
    background-color: var(--sidebar-accent);
  }
}

.layout-project-selector-icon {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  border-radius: var(--radius-lg, .5rem);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-white, #fff);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.layout-project-selector-content {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.layout-project-selector-loading {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 24);
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  background-color: var(--sidebar-muted);
  border-radius: .25rem;
}

.layout-project-selector-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--sidebar-foreground);
  overflow: hidden;
}

.layout-project-selector-chevron {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  color: var(--sidebar-muted-foreground);
}

.layout-project-selector-dropdown {
  width: calc(var(--spacing, .25rem) * 64);
  border-color: var(--border);
  background-color: var(--popover);
  padding: calc(var(--spacing, .25rem) * 2);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.layout-project-selector-item {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  border-radius: .25rem;
  display: flex;
}

@media (hover: hover) {
  .layout-project-selector-item:hover {
    background-color: var(--accent);
  }
}

.layout-project-selector-item-selected {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .layout-project-selector-item-selected {
    border-color: color-mix(in oklab, var(--primary) 20%, transparent);
  }
}

.layout-project-selector-item-selected {
  background-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .layout-project-selector-item-selected {
    background-color: color-mix(in oklab, var(--primary) 10%, transparent);
  }
}

.layout-project-selector-item-avatar {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
}

.layout-project-selector-item-avatar-fallback {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-white, #fff);
}

.layout-project-selector-item-content {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.layout-project-selector-item-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  overflow: hidden;
}

.layout-project-selector-item-description {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  overflow: hidden;
}

.layout-project-selector-item-check {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  color: var(--primary);
}

.layout-workspace-selector-trigger {
  height: calc(var(--spacing, .25rem) * 9);
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  border-radius: var(--radius-lg, .5rem);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 0);
  padding-block: calc(var(--spacing, .25rem) * 0);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .15s;
  background-color: #0000;
  transition-duration: .15s;
  display: flex;
}

@media (hover: hover) {
  .layout-workspace-selector-trigger:hover {
    background-color: var(--sidebar-accent);
  }
}

.layout-workspace-selector-icon {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--sidebar-primary);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--sidebar-primary-foreground);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.layout-workspace-selector-content {
  margin-left: calc(var(--spacing, .25rem) * 0);
  min-width: calc(var(--spacing, .25rem) * 0);
  text-align: left;
  flex: 1;
}

.layout-workspace-selector-loading {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 24);
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  background-color: var(--sidebar-muted);
  border-radius: .25rem;
}

.layout-workspace-selector-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: 1;
  --tw-font-weight: var(--font-weight-medium, 500);
  line-height: 1;
  font-weight: var(--font-weight-medium, 500);
  color: var(--sidebar-foreground);
  overflow: hidden;
}

.layout-workspace-selector-chevron {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  color: var(--sidebar-muted-foreground);
  flex-shrink: 0;
}

.layout-workspace-selector-dropdown {
  width: calc(var(--spacing, .25rem) * 64);
  border-color: var(--border);
  background-color: var(--popover);
  padding: calc(var(--spacing, .25rem) * 2);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.layout-workspace-selector-item {
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  border-radius: .25rem;
  display: flex;
}

@media (hover: hover) {
  .layout-workspace-selector-item:hover {
    background-color: var(--accent);
  }
}

.layout-workspace-selector-item-selected {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .layout-workspace-selector-item-selected {
    border-color: color-mix(in oklab, var(--primary) 20%, transparent);
  }
}

.layout-workspace-selector-item-selected {
  background-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .layout-workspace-selector-item-selected {
    background-color: color-mix(in oklab, var(--primary) 10%, transparent);
  }
}

.layout-workspace-selector-item-avatar {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  flex-shrink: 0;
}

.layout-workspace-selector-item-avatar-fallback {
  background-color: var(--primary);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--primary-foreground);
}

.layout-workspace-selector-item-content {
  min-width: calc(var(--spacing, .25rem) * 0);
  text-align: left;
  flex: 1;
}

.layout-workspace-selector-item-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
  overflow: hidden;
}

.layout-workspace-selector-item-description {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  overflow: hidden;
}

.layout-workspace-selector-item-check {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  color: var(--primary);
  flex-shrink: 0;
}

.layout-sidebar-container {
  z-index: 50;
  height: 100vh;
  display: flex;
}

.layout-sidebar-link-active {
  background-color: var(--sidebar-ring);
}

.layout-sidebar-overlay {
  inset: calc(var(--spacing, .25rem) * 0);
  z-index: 30;
  background-color: var(--color-black, #000);
  opacity: .5;
  position: fixed;
}

@media (min-width: 48rem) {
  .layout-sidebar-overlay {
    display: none;
  }
}

.layout-sidebar-overlay.entering {
  opacity: 0;
}

.layout-sidebar-overlay.entered {
  opacity: .5;
}

.layout-sidebar-overlay.exiting {
  opacity: 0;
}

.layout-sidebar-toggle-button {
  top: calc(var(--spacing, .25rem) * 3);
  left: calc(var(--spacing, .25rem) * 4);
  z-index: 50;
  height: calc(var(--spacing, .25rem) * 10);
  width: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--sidebar-border);
  background-color: var(--sidebar);
  color: var(--sidebar-foreground);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
}

@media (hover: hover) {
  .layout-sidebar-toggle-button:hover {
    background-color: var(--hover-bg);
  }
}

@media (min-width: 48rem) {
  .layout-sidebar-toggle-button {
    display: none;
  }
}

.layout-sidebar-toggle-button.entering {
  opacity: 0;
  transform: translateX(-10px);
}

.layout-sidebar-toggle-button.entered {
  opacity: 1;
  transform: translateX(0);
}

.layout-sidebar-wrapper {
  z-index: 40;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.layout-sidebar-wrapper.entering, .layout-sidebar-wrapper.entered {
  transform: translateX(0);
}

.layout-sidebar-wrapper.exiting {
  transform: translateX(-100%);
}

@media (min-width: 768px) {
  .layout-sidebar-wrapper {
    position: static;
  }
}

.layout-sidebar-wrapper-collapsed {
  display: flex;
}

@media (max-width: 767px) {
  .layout-sidebar-wrapper-collapsed {
    transform: translateX(-100%);
  }
}

.layout-sidebar-wrapper-expanded {
  display: flex;
  transform: translateX(0);
}

.layout-sidebar-mini {
  height: 100vh;
  width: calc(var(--spacing, .25rem) * 12);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  background-color: var(--mini-sidebar);
  padding-top: calc(var(--spacing, .25rem) * 2);
  flex-direction: column;
  display: none;
  overflow-y: auto;
}

@media (min-width: 768px) {
  .layout-sidebar-mini {
    display: flex;
  }
}

.layout-sidebar-mini-expand-button {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  cursor: pointer;
  border-radius: var(--radius-lg, .5rem);
  color: var(--sidebar-foreground);
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  display: flex;
}

@media (hover: hover) {
  .layout-sidebar-mini-expand-button:hover {
    background-color: var(--hover-bg);
  }
}

.layout-sidebar-mini-expand-button:hover {
  transform: scale(1.05);
}

.layout-sidebar-mini-nav {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.layout-sidebar-mini-nav-link {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  border-radius: var(--radius-lg, .5rem);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.layout-sidebar-mini-nav-link:hover {
  transform: scale(1.05);
}

.layout-sidebar-mini-nav-link-active {
  background-color: var(--sidebar-ring);
  color: var(--sidebar-accent-foreground);
}

.layout-sidebar-mini-nav-link-inactive {
  color: var(--sidebar-muted);
}

@media (hover: hover) {
  .layout-sidebar-mini-nav-link-inactive:hover {
    background-color: var(--hover-bg);
  }
}

@media (hover: hover) {
  .layout-sidebar-mini-nav-link-inactive:hover {
    color: var(--sidebar-foreground);
  }
}

.layout-sidebar-main {
  max-width: 280px;
  transition: max-width .25s cubic-bezier(.4, 0, .2, 1), opacity .25s;
  overflow: hidden;
}

.layout-sidebar-wrapper-collapsed .layout-sidebar-main {
  opacity: 0;
  max-width: 0;
}

.layout-sidebar-wrapper-expanded .layout-sidebar-main {
  opacity: 1;
  max-width: 280px;
}

@media (max-width: 767px) {
  .layout-sidebar-wrapper-collapsed .layout-sidebar-main {
    opacity: 1;
    width: auto;
    transform: translateX(0);
  }
}

.layout-sidebar-resizable, .layout-sidebar-resizable-fallback {
  width: calc(var(--spacing, .25rem) * 64);
}

.layout-sidebar-full {
  z-index: 999999;
  background-color: var(--sidebar);
  width: 100%;
  height: 100vh;
  padding: calc(var(--spacing, .25rem) * 4);
  flex-direction: column;
  display: flex;
  overflow-y: auto;
}

.layout-sidebar-header {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 10);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--sidebar-border);
  padding-bottom: calc(var(--spacing, .25rem) * 4);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.layout-sidebar-header-dashboard {
  width: 100%;
}

.layout-sidebar-header-dashboard-content {
  height: calc(var(--spacing, .25rem) * 9);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  border-radius: var(--radius-lg, .5rem);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 0);
  padding-block: calc(var(--spacing, .25rem) * 0);
  background-color: #0000;
  display: flex;
}

.layout-sidebar-header-dashboard-icon {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--primary);
  color: var(--primary-foreground);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.layout-sidebar-header-dashboard-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: 1;
  --tw-font-weight: var(--font-weight-medium, 500);
  line-height: 1;
  font-weight: var(--font-weight-medium, 500);
  color: var(--sidebar-foreground);
  overflow: hidden;
}

.layout-sidebar-nav {
  flex-grow: 1;
}

.layout-sidebar-nav-list {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
}

:where(.layout-sidebar-nav-list > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 1) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 1) * calc(1 - var(--tw-space-y-reverse)));
}

.layout-sidebar-nav-link {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  border-radius: var(--radius-lg, .5rem);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  display: flex;
  position: relative;
}

.layout-sidebar-nav-link-active {
  background-color: var(--sidebar-accent);
  color: var(--sidebar-accent-foreground);
}

.layout-sidebar-nav-link-active:before {
  content: "";
  background-color: var(--sidebar-accent-foreground);
  opacity: .8;
  border-radius: 2px;
  width: 3px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.layout-sidebar-nav-link-inactive {
  color: var(--sidebar-foreground);
}

@media (hover: hover) {
  .layout-sidebar-nav-link-inactive:hover {
    background-color: var(--hover-bg);
  }
}

@media (hover: hover) {
  .layout-sidebar-nav-link-inactive:hover {
    color: var(--sidebar-accent-foreground);
  }
}

.layout-sidebar-nav-link-icon {
  flex-shrink: 0;
}

.layout-sidebar-nav-link:hover .layout-sidebar-nav-link-icon {
  transform: scale(1.05);
}

.layout-sidebar-nav-link-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.layout-sidebar-skeleton {
  background-color: var(--background);
  height: 100vh;
  display: none;
}

@media (min-width: 48rem) {
  .layout-sidebar-skeleton {
    display: flex;
  }
}

.layout-sidebar-skeleton-mini {
  top: calc(var(--spacing, .25rem) * 0);
  left: calc(var(--spacing, .25rem) * 0);
  z-index: 40;
  height: 100vh;
  width: calc(var(--spacing, .25rem) * 12);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--sidebar-border);
  background-color: var(--secondary);
  padding-top: calc(var(--spacing, .25rem) * 3);
  flex-direction: column;
  align-items: center;
  display: none;
  position: fixed;
  overflow-y: auto;
}

@media (min-width: 48rem) {
  .layout-sidebar-skeleton-mini {
    display: flex;
  }
}

.layout-sidebar-skeleton-mini-icon {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  margin-left: calc(var(--spacing, .25rem) * 0);
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--muted);
  justify-content: center;
  align-items: center;
  display: flex;
}

.layout-sidebar-skeleton-mini-nav {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 4);
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.layout-sidebar-skeleton-content {
  width: 100%;
}

@media (min-width: 48rem) {
  .layout-sidebar-skeleton-content {
    margin-left: calc(var(--spacing, .25rem) * 12);
  }
}

.layout-sidebar-skeleton-full {
  background-color: var(--skeleton);
  flex-direction: column;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow-y: auto;
}

@media (min-width: 48rem) {
  .layout-sidebar-skeleton-full {
    width: calc(var(--spacing, .25rem) * 64);
  }
}

.layout-sidebar-skeleton-full-alt {
  width: 100%;
  height: 100vh;
  padding: calc(var(--spacing, .25rem) * 4);
  flex-direction: column;
  display: flex;
  overflow-y: auto;
}

@media (min-width: 48rem) {
  .layout-sidebar-skeleton-full-alt {
    width: calc(var(--spacing, .25rem) * 64);
  }
}

.layout-sidebar-skeleton-header {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.layout-sidebar-skeleton-header-icon {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--skeleton-foreground);
}

.layout-sidebar-skeleton-header-title {
  margin-left: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 32);
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  background-color: var(--skeleton-foreground);
  border-radius: .25rem;
}

.layout-sidebar-skeleton-header-subtitle {
  margin-left: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 32);
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  background-color: var(--skeleton-muted);
  border-radius: .25rem;
}

.layout-sidebar-skeleton-nav {
  flex-grow: 1;
}

.layout-sidebar-skeleton-nav-list {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
}

:where(.layout-sidebar-skeleton-nav-list > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 1) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 1) * calc(1 - var(--tw-space-y-reverse)));
}

.layout-sidebar-skeleton-nav-item {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  border-radius: var(--radius-lg, .5rem);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.layout-sidebar-skeleton-nav-item-icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  background-color: var(--skeleton-foreground);
  border-radius: .25rem;
}

.layout-sidebar-skeleton-nav-item-text {
  height: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 16);
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  background-color: var(--skeleton-foreground);
  border-radius: .25rem;
}

.layout-sidebar-skeleton-nav-item-text-alt {
  height: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 16);
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  background-color: var(--skeleton-muted);
  border-radius: .25rem;
}

.layout-sidebar-main {
  display: flex;
}

.layout-sidebar-resizable {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--sidebar-border);
  background-color: var(--sidebar);
  width: 280px;
}

@media (min-width: 48rem) {
  .layout-sidebar-resizable {
    width: auto;
  }
}

.layout-sidebar-resizable-fallback {
  width: calc(var(--spacing, .25rem) * 64);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--sidebar-border);
  background-color: var(--sidebar);
}

Tables Components Styles .tasktable-container {
  --tw-border-style: none;
  background-color: var(--card);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-style: none;
}

.tasktable-wrapper {
  --tw-border-style: none;
  border-style: none;
  overflow-x: auto;
}

.tasktable-table {
  --tw-border-style: none;
  border-style: none;
  width: 100%;
}

.tasktable-header {
  --tw-border-style: none;
  border-style: none;
}

.tasktable-header-row {
  --tw-border-style: none;
  background-color: var(--muted);
  border-style: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .tasktable-header-row {
    background-color: color-mix(in oklab, var(--muted) 30%, transparent);
  }
}

.tasktable-header-cell {
  --tw-border-style: none;
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--muted-foreground);
  border-style: none;
}

.tasktable-header-cell-checkbox {
  --tw-border-style: none;
  border-style: none;
}

.tasktable-header-cell-task {
  --tw-border-style: none;
  --tw-font-weight: var(--font-weight-medium, 500);
  width: 28%;
  min-width: 200px;
  max-width: 400px;
  font-weight: var(--font-weight-medium, 500);
  color: var(--muted-foreground);
  border-style: none;
}

.tasktable-header-cell-project {
  --tw-border-style: none;
  --tw-font-weight: var(--font-weight-medium, 500);
  width: 12%;
  min-width: 120px;
  max-width: 180px;
  font-weight: var(--font-weight-medium, 500);
  color: var(--muted-foreground);
  border-style: none;
  display: none;
}

@media (min-width: 40rem) {
  .tasktable-header-cell-project {
    display: table-cell;
  }
}

.tasktable-header-cell-priority {
  --tw-border-style: none;
  --tw-font-weight: var(--font-weight-medium, 500);
  width: 8%;
  min-width: 80px;
  max-width: 120px;
  font-weight: var(--font-weight-medium, 500);
  color: var(--muted-foreground);
  border-style: none;
}

.tasktable-header-cell-status {
  --tw-border-style: none;
  --tw-font-weight: var(--font-weight-medium, 500);
  width: 10%;
  min-width: 80px;
  max-width: 140px;
  font-weight: var(--font-weight-medium, 500);
  color: var(--muted-foreground);
  border-style: none;
}

.tasktable-header-cell-assignee {
  --tw-border-style: none;
  --tw-font-weight: var(--font-weight-medium, 500);
  width: 14%;
  min-width: 120px;
  max-width: 180px;
  font-weight: var(--font-weight-medium, 500);
  color: var(--muted-foreground);
  border-style: none;
  display: none;
}

@media (min-width: 48rem) {
  .tasktable-header-cell-assignee {
    display: table-cell;
  }
}

.tasktable-header-cell-date {
  --tw-border-style: none;
  width: 10%;
  min-width: 100px;
  max-width: 140px;
  padding-right: calc(var(--spacing, .25rem) * 6);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--muted-foreground);
  border-style: none;
  display: none;
}

@media (min-width: 64rem) {
  .tasktable-header-cell-date {
    display: table-cell;
  }
}

.tasktable-body {
  --tw-border-style: none;
  background-color: var(--card);
  border-style: none;
}

.tasktable-row {
  cursor: pointer;
  --tw-border-style: none;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  border-style: none;
}

.tasktable-row:nth-child(odd) {
  background-color: var(--accent);
}

.tasktable-row:nth-child(2n) {
  background-color: var(--accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .tasktable-row:nth-child(2n) {
    background-color: color-mix(in oklab, var(--accent) 50%, transparent);
  }
}

@media (hover: hover) {
  .tasktable-row:hover {
    background-color: var(--muted);
  }
}

.tasktable-cell {
  --tw-border-style: none;
  background-color: #0000;
  border-style: none;
}

.tasktable-cell-checkbox, .tasktable-cell-task {
  --tw-border-style: none;
  padding-left: calc(var(--spacing, .25rem) * 6);
  background-color: #0000;
  border-style: none;
}

.tasktable-cell-project {
  --tw-border-style: none;
  background-color: #0000;
  border-style: none;
  display: none;
}

@media (min-width: 40rem) {
  .tasktable-cell-project {
    display: table-cell;
  }
}

.tasktable-cell-assignee {
  --tw-border-style: none;
  background-color: #0000;
  border-style: none;
  display: none;
}

@media (min-width: 48rem) {
  .tasktable-cell-assignee {
    display: table-cell;
  }
}

.tasktable-cell-date {
  --tw-border-style: none;
  padding-right: calc(var(--spacing, .25rem) * 6);
  background-color: #0000;
  border-style: none;
  display: none;
}

@media (min-width: 64rem) {
  .tasktable-cell-date {
    display: table-cell;
  }
}

.tasktable-task-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
  overflow: hidden;
}

.tasktable-task-description {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  overflow: hidden;
}

@media (min-width: 48rem) {
  .tasktable-task-description {
    max-width: var(--container-md, 28rem);
  }
}

.tasktable-project-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
  color: var(--foreground);
  display: block;
  overflow: hidden;
}

.tasktable-assignee-container {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.tasktable-assignee-avatar {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  --tw-border-style: none;
  border-style: none;
  border-radius: 3.40282e38px;
}

.tasktable-assignee-fallback {
  background-color: var(--muted);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  border-radius: 3.40282e38px;
}

.tasktable-assignee-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--foreground);
  overflow: hidden;
}

.tasktable-assignee-unassigned {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.tasktable-date-container {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--foreground);
  display: flex;
}

.tasktable-date-icon {
  color: var(--muted-foreground);
}

.tasktable-date-text {
  white-space: nowrap;
}

.tasktable-date-empty {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.tasktable-empty-state {
  padding-block: calc(var(--spacing, .25rem) * 12);
  text-align: center;
  color: var(--muted-foreground);
}

.tasktable-empty-title {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
}

.tasktable-empty-description {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
}

.tasktable-footer {
  --tw-border-style: none;
  background-color: var(--muted);
  border-style: none;
}

.tasktable-footer-row {
  --tw-border-style: none;
  border-style: none;
}

.tasktable-footer-cell {
  border-radius: var(--radius-md, .375rem);
  --tw-border-style: none;
  background-color: var(--muted);
  padding: calc(var(--spacing, .25rem) * 0);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-style: none;
}

.tasktable-pagination-container {
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 4);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 3);
  flex-direction: column;
  display: flex;
}

@media (min-width: 40rem) {
  .tasktable-pagination-container {
    flex-direction: row;
  }
}

.tasktable-pagination-info {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.tasktable-badge {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1);
  --tw-border-style: none;
  width: fit-content;
  padding-block: calc(var(--spacing, .25rem) * .5);
  text-align: center;
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-size: 10px;
  font-weight: var(--font-weight-semibold, 600);
  --tw-tracking: var(--tracking-wide, .025em);
  letter-spacing: var(--tracking-wide, .025em);
  text-transform: capitalize;
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-style: none;
  border-radius: 3.40282e38px;
  display: flex;
}

.tasktable-badge-icon {
  height: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 3);
}

@keyframes slide-in-from-bottom {
  from {
    opacity: 0;
    transform: translateY(100%)translateX(-50%);
  }

  to {
    opacity: 1;
    transform: translateY(0)translateX(-50%);
  }
}

.animate-in {
  animation-fill-mode: both;
}

.slide-in-from-bottom-5 {
  animation-name: slide-in-from-bottom;
}

.duration-300 {
  animation-duration: .3s;
}

.modal-overlay {
  inset: calc(var(--spacing, .25rem) * 0);
  z-index: 50;
  position: fixed;
  overflow-y: auto;
}

.modal-backdrop {
  min-height: 100vh;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-top: calc(var(--spacing, .25rem) * 4);
  padding-bottom: calc(var(--spacing, .25rem) * 20);
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (min-width: 40rem) {
  .modal-backdrop {
    display: block;
  }

  .modal-backdrop {
    padding: calc(var(--spacing, .25rem) * 0);
  }
}

.modal-backdrop-blur {
  inset: calc(var(--spacing, .25rem) * 0);
  background-color: #79716bbf;
  position: fixed;
}

@supports (color: color-mix(in lab, red, red)) {
  .modal-backdrop-blur {
    background-color: color-mix(in oklab, var(--color-stone-500, lab(48.1164% 2.35701 4.26852)) 75%, transparent);
  }
}

.modal-backdrop-blur {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@media (prefers-color-scheme: dark) {
  .modal-backdrop-blur {
    background-color: #1c1917bf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .modal-backdrop-blur {
      background-color: color-mix(in oklab, var(--color-stone-900, lab(9.03835% 1.15298 1.92955)) 75%, transparent);
    }
  }
}

.modal-spacer {
  display: none;
}

@media (min-width: 40rem) {
  .modal-spacer {
    display: inline-block;
  }

  .modal-spacer {
    height: 100vh;
  }

  .modal-spacer {
    vertical-align: middle;
  }
}

.modal-container {
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-stone-200, #e7e5e4);
  background-color: var(--color-white, #fff);
  text-align: left;
  vertical-align: bottom;
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  display: inline-block;
  overflow: hidden;
}

@supports (color: lab(0% 0 0)) {
  .modal-container {
    border-color: var(--color-stone-200, lab(91.055% .663072 .865579));
  }
}

@media (min-width: 40rem) {
  .modal-container {
    margin-block: calc(var(--spacing, .25rem) * 8);
  }

  .modal-container {
    width: 100%;
  }

  .modal-container {
    max-width: var(--container-lg, 32rem);
  }

  .modal-container {
    vertical-align: middle;
  }
}

@media (prefers-color-scheme: dark) {
  .modal-container {
    border-color: var(--color-stone-700, #44403b);
  }

  .modal-container {
    background-color: var(--color-stone-900, #1c1917);
  }
}

.modal-content {
  background-color: var(--color-white, #fff);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-top: calc(var(--spacing, .25rem) * 5);
  padding-bottom: calc(var(--spacing, .25rem) * 4);
}

@media (min-width: 40rem) {
  .modal-content {
    padding: calc(var(--spacing, .25rem) * 6);
  }

  .modal-content {
    padding-bottom: calc(var(--spacing, .25rem) * 4);
  }
}

@media (prefers-color-scheme: dark) {
  .modal-content {
    background-color: var(--color-stone-900, #1c1917);
  }
}

.modal-header {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.modal-title {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-stone-900, #1c1917);
}

@supports (color: lab(0% 0 0)) {
  .modal-title {
    color: var(--color-stone-900, lab(9.03835% 1.15298 1.92955));
  }
}

@media (prefers-color-scheme: dark) {
  .modal-title {
    color: var(--color-stone-100, #f5f5f4);
  }
}

.modal-close-button {
  color: var(--color-stone-500, #79716b);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@supports (color: lab(0% 0 0)) {
  .modal-close-button {
    color: var(--color-stone-500, lab(48.1164% 2.35701 4.26852));
  }
}

@media (hover: hover) {
  .modal-close-button:hover {
    color: var(--color-stone-700, #44403b);
  }
}

@media (prefers-color-scheme: dark) {
  .modal-close-button {
    color: var(--color-stone-400, #a6a09b);
  }

  @supports (color: lab(0% 0 0)) {
    .modal-close-button:hover {
      color: var(--color-stone-400, lab(66.2166% 1.88044 3.20326));
    }
  }

  @media (hover: hover) {
    .modal-close-button:hover {
      color: var(--color-stone-200, #e7e5e4);
    }
  }
}

.confirmationmodal-overlay {
  inset: calc(var(--spacing, .25rem) * 0);
  z-index: 50;
  position: fixed;
  overflow-y: auto;
}

.confirmationmodal-backdrop {
  min-height: 100%;
  padding: calc(var(--spacing, .25rem) * 4);
  text-align: center;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

@media (min-width: 40rem) {
  .confirmationmodal-backdrop {
    align-items: center;
  }

  .confirmationmodal-backdrop {
    padding: calc(var(--spacing, .25rem) * 0);
  }
}

.confirmationmodal-blur {
  inset: calc(var(--spacing, .25rem) * 0);
  background-color: #0003;
  position: fixed;
}

@supports (color: color-mix(in lab, red, red)) {
  .confirmationmodal-blur {
    background-color: color-mix(in oklab, var(--color-black, #000) 20%, transparent);
  }
}

.confirmationmodal-blur {
  --tw-backdrop-blur: blur(var(--blur-sm, 8px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  transition-duration: .3s;
}

.confirmationmodal-panel {
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  border-radius: var(--radius-xl, .75rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #fff3;
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .confirmationmodal-panel {
    border-color: color-mix(in oklab, var(--color-white, #fff) 20%, transparent);
  }
}

.confirmationmodal-panel {
  background-color: #fffc;
}

@supports (color: color-mix(in lab, red, red)) {
  .confirmationmodal-panel {
    background-color: color-mix(in oklab, var(--color-white, #fff) 80%, transparent);
  }
}

.confirmationmodal-panel {
  text-align: left;
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(var(--blur-lg, 16px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@media (min-width: 40rem) {
  .confirmationmodal-panel {
    margin-block: calc(var(--spacing, .25rem) * 8);
  }

  .confirmationmodal-panel {
    width: 100%;
  }

  .confirmationmodal-panel {
    max-width: var(--container-lg, 32rem);
  }
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-panel {
    border-color: #44403b4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .confirmationmodal-panel {
      border-color: color-mix(in oklab, var(--color-stone-700, lab(27.3812% 1.32917 3.57789)) 30%, transparent);
    }
  }

  .confirmationmodal-panel {
    background-color: #1c1917cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .confirmationmodal-panel {
      background-color: color-mix(in oklab, var(--color-stone-900, lab(9.03835% 1.15298 1.92955)) 80%, transparent);
    }
  }
}

.confirmationmodal-content {
  padding-inline: calc(var(--spacing, .25rem) * 6);
  padding-top: calc(var(--spacing, .25rem) * 6);
  padding-bottom: calc(var(--spacing, .25rem) * 4);
}

.confirmationmodal-body {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.confirmationmodal-icon-wrapper {
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  --tw-backdrop-blur: blur(var(--blur-sm, 8px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  display: flex;
}

.confirmationmodal-icon-danger {
  background-color: #ffe2e2cc;
}

@supports (color: color-mix(in lab, red, red)) {
  .confirmationmodal-icon-danger {
    background-color: color-mix(in oklab, var(--color-red-100, lab(92.243% 10.2865 3.83865)) 80%, transparent);
  }
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-icon-danger {
    background-color: #82181a4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .confirmationmodal-icon-danger {
      background-color: color-mix(in oklab, var(--color-red-900, lab(28.5139% 44.5539 29.0463)) 30%, transparent);
    }
  }
}

.confirmationmodal-icon-warning {
  background-color: #fef3c6cc;
}

@supports (color: color-mix(in lab, red, red)) {
  .confirmationmodal-icon-warning {
    background-color: color-mix(in oklab, var(--color-amber-100, lab(95.916% -1.21653 23.111)) 80%, transparent);
  }
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-icon-warning {
    background-color: #7b33064d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .confirmationmodal-icon-warning {
      background-color: color-mix(in oklab, var(--color-amber-900, lab(31.2288% 30.2627 40.0378)) 30%, transparent);
    }
  }
}

.confirmationmodal-icon-info {
  background-color: #fef3c6cc;
}

@supports (color: color-mix(in lab, red, red)) {
  .confirmationmodal-icon-info {
    background-color: color-mix(in oklab, var(--color-amber-100, lab(95.916% -1.21653 23.111)) 80%, transparent);
  }
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-icon-info {
    background-color: #7b33064d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .confirmationmodal-icon-info {
      background-color: color-mix(in oklab, var(--color-amber-900, lab(31.2288% 30.2627 40.0378)) 30%, transparent);
    }
  }
}

.confirmationmodal-icon-danger-color {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  color: var(--color-red-600, #e40014);
}

@supports (color: lab(0% 0 0)) {
  .confirmationmodal-icon-danger-color {
    color: var(--color-red-600, lab(48.4493% 77.4328 61.5452));
  }
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-icon-danger-color {
    color: var(--color-red-400, #ff6568);
  }
}

.confirmationmodal-icon-warning-color {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  color: var(--color-amber-600, #dd7400);
}

@supports (color: lab(0% 0 0)) {
  .confirmationmodal-icon-warning-color {
    color: var(--color-amber-600, lab(60.3514% 40.5624 87.1228));
  }
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-icon-warning-color {
    color: var(--color-amber-400, #fcbb00);
  }
}

.confirmationmodal-icon-info-color {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  color: var(--color-amber-600, #dd7400);
}

@supports (color: lab(0% 0 0)) {
  .confirmationmodal-icon-info-color {
    color: var(--color-amber-600, lab(60.3514% 40.5624 87.1228));
  }
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-icon-info-color {
    color: var(--color-amber-400, #fcbb00);
  }
}

.confirmationmodal-text-container {
  margin-top: calc(var(--spacing, .25rem) * 2);
  text-align: center;
}

.confirmationmodal-title {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: calc(var(--spacing, .25rem) * 6);
  line-height: calc(var(--spacing, .25rem) * 6);
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-stone-900, #1c1917);
}

@supports (color: lab(0% 0 0)) {
  .confirmationmodal-title {
    color: var(--color-stone-900, lab(9.03835% 1.15298 1.92955));
  }
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-title {
    color: var(--color-stone-100, #f5f5f4);
  }
}

.confirmationmodal-message-container {
  margin-top: calc(var(--spacing, .25rem) * 2);
}

.confirmationmodal-message {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--color-stone-600, #57534d);
}

@supports (color: lab(0% 0 0)) {
  .confirmationmodal-message {
    color: var(--color-stone-600, lab(35.5168% 1.08604 4.07829));
  }
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-message {
    color: var(--color-stone-400, #a6a09b);
  }
}

.confirmationmodal-footer {
  border-top-style: var(--tw-border-style);
  border-color: #e7e5e44d;
  border-top-width: 1px;
}

@supports (color: color-mix(in lab, red, red)) {
  .confirmationmodal-footer {
    border-color: color-mix(in oklab, var(--color-stone-200, lab(91.055% .663072 .865579)) 30%, transparent);
  }
}

.confirmationmodal-footer {
  background-color: #fafaf980;
}

@supports (color: color-mix(in lab, red, red)) {
  .confirmationmodal-footer {
    background-color: color-mix(in oklab, var(--color-stone-50, lab(98.2686% -.0991821 .364304)) 50%, transparent);
  }
}

.confirmationmodal-footer {
  padding-inline: calc(var(--spacing, .25rem) * 6);
  padding-block: calc(var(--spacing, .25rem) * 4);
  --tw-backdrop-blur: blur(var(--blur-sm, 8px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

@media (min-width: 40rem) {
  .confirmationmodal-footer {
    display: flex;
  }

  .confirmationmodal-footer {
    flex-direction: row-reverse;
  }
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-footer {
    border-color: #44403b4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .confirmationmodal-footer {
      border-color: color-mix(in oklab, var(--color-stone-700, lab(27.3812% 1.32917 3.57789)) 30%, transparent);
    }
  }

  .confirmationmodal-footer {
    background-color: #29252480;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .confirmationmodal-footer {
      background-color: color-mix(in oklab, var(--color-stone-800, lab(15.0353% 1.96067 1.53427)) 50%, transparent);
    }
  }
}

.confirmationmodal-confirm-danger {
  cursor: pointer;
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #fb2c3633;
  justify-content: center;
  width: 100%;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .confirmationmodal-confirm-danger {
    border-color: color-mix(in oklab, var(--color-red-500, lab(55.4814% 75.0732 48.8528)) 20%, transparent);
  }
}

.confirmationmodal-confirm-danger {
  background-color: #e40014e6;
}

@supports (color: color-mix(in lab, red, red)) {
  .confirmationmodal-confirm-danger {
    background-color: color-mix(in oklab, var(--color-red-600, lab(48.4493% 77.4328 61.5452)) 90%, transparent);
  }
}

.confirmationmodal-confirm-danger {
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-white, #fff);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(var(--blur-sm, 8px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@media (hover: hover) {
  .confirmationmodal-confirm-danger:hover {
    background-color: #bf000fe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .confirmationmodal-confirm-danger:hover {
      background-color: color-mix(in oklab, var(--color-red-700, lab(40.4273% 67.2623 53.7441)) 90%, transparent);
    }
  }
}

@media (min-width: 40rem) {
  .confirmationmodal-confirm-danger {
    margin-left: calc(var(--spacing, .25rem) * 3);
  }

  .confirmationmodal-confirm-danger {
    width: auto;
  }
}

.confirmationmodal-confirm-warning {
  cursor: pointer;
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #f99c0033;
  justify-content: center;
  width: 100%;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .confirmationmodal-confirm-warning {
    border-color: color-mix(in oklab, var(--color-amber-500, lab(72.7183% 31.8672 97.9407)) 20%, transparent);
  }
}

.confirmationmodal-confirm-warning {
  background-color: #dd7400e6;
}

@supports (color: color-mix(in lab, red, red)) {
  .confirmationmodal-confirm-warning {
    background-color: color-mix(in oklab, var(--color-amber-600, lab(60.3514% 40.5624 87.1228)) 90%, transparent);
  }
}

.confirmationmodal-confirm-warning {
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-white, #fff);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(var(--blur-sm, 8px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@media (hover: hover) {
  .confirmationmodal-confirm-warning:hover {
    background-color: #b75000e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .confirmationmodal-confirm-warning:hover {
      background-color: color-mix(in oklab, var(--color-amber-700, lab(47.2709% 42.9082 69.2966)) 90%, transparent);
    }
  }
}

@media (min-width: 40rem) {
  .confirmationmodal-confirm-warning {
    margin-left: calc(var(--spacing, .25rem) * 3);
  }

  .confirmationmodal-confirm-warning {
    width: auto;
  }
}

.confirmationmodal-confirm-info {
  cursor: pointer;
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #f99c0033;
  justify-content: center;
  width: 100%;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .confirmationmodal-confirm-info {
    border-color: color-mix(in oklab, var(--color-amber-500, lab(72.7183% 31.8672 97.9407)) 20%, transparent);
  }
}

.confirmationmodal-confirm-info {
  background-color: #dd7400e6;
}

@supports (color: color-mix(in lab, red, red)) {
  .confirmationmodal-confirm-info {
    background-color: color-mix(in oklab, var(--color-amber-600, lab(60.3514% 40.5624 87.1228)) 90%, transparent);
  }
}

.confirmationmodal-confirm-info {
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-white, #fff);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(var(--blur-sm, 8px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@media (hover: hover) {
  .confirmationmodal-confirm-info:hover {
    background-color: #b75000e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .confirmationmodal-confirm-info:hover {
      background-color: color-mix(in oklab, var(--color-amber-700, lab(47.2709% 42.9082 69.2966)) 90%, transparent);
    }
  }
}

@media (min-width: 40rem) {
  .confirmationmodal-confirm-info {
    margin-left: calc(var(--spacing, .25rem) * 3);
  }

  .confirmationmodal-confirm-info {
    width: auto;
  }
}

.confirmationmodal-cancel {
  margin-top: calc(var(--spacing, .25rem) * 3);
  cursor: pointer;
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #d6d3d14d;
  justify-content: center;
  width: 100%;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .confirmationmodal-cancel {
    border-color: color-mix(in oklab, var(--color-stone-300, lab(84.7909% .928015 1.59738)) 30%, transparent);
  }
}

.confirmationmodal-cancel {
  background-color: #f5f5f4cc;
}

@supports (color: color-mix(in lab, red, red)) {
  .confirmationmodal-cancel {
    background-color: color-mix(in oklab, var(--color-stone-100, lab(96.5286% -.0991821 .364268)) 80%, transparent);
  }
}

.confirmationmodal-cancel {
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-stone-700, #44403b);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(var(--blur-sm, 8px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@supports (color: lab(0% 0 0)) {
  .confirmationmodal-cancel:hover {
    color: var(--color-stone-700, lab(27.3812% 1.32917 3.57789));
  }
}

@media (hover: hover) {
  .confirmationmodal-cancel:hover {
    background-color: #e7e5e4cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .confirmationmodal-cancel:hover {
      background-color: color-mix(in oklab, var(--color-stone-200, lab(91.055% .663072 .865579)) 80%, transparent);
    }
  }
}

@media (min-width: 40rem) {
  .confirmationmodal-cancel {
    margin-top: calc(var(--spacing, .25rem) * 0);
  }

  .confirmationmodal-cancel {
    width: auto;
  }
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-cancel {
    border-color: #57534d4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .confirmationmodal-cancel {
      border-color: color-mix(in oklab, var(--color-stone-600, lab(35.5168% 1.08604 4.07829)) 30%, transparent);
    }
  }

  .confirmationmodal-cancel {
    background-color: #292524cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .confirmationmodal-cancel {
      background-color: color-mix(in oklab, var(--color-stone-800, lab(15.0353% 1.96067 1.53427)) 80%, transparent);
    }
  }

  .confirmationmodal-cancel {
    color: var(--color-stone-300, #d6d3d1);
  }

  @supports (color: lab(0% 0 0)) {
    .confirmationmodal-cancel:hover {
      color: var(--color-stone-300, lab(84.7909% .928015 1.59738));
    }
  }

  @media (hover: hover) {
    .confirmationmodal-cancel:hover {
      background-color: #44403bcc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .confirmationmodal-cancel:hover {
        background-color: color-mix(in oklab, var(--color-stone-700, lab(27.3812% 1.32917 3.57789)) 80%, transparent);
      }
    }
  }
}

.confirmationmodal-header {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.confirmationmodal-icon-wrapper {
  margin-top: calc(var(--spacing, .25rem) * 4);
}

.confirmationmodal-icon-warning {
  background-color: var(--color-yellow-100, #fef9c2);
}

@supports (color: lab(0% 0 0)) {
  .confirmationmodal-icon-warning {
    background-color: var(--color-yellow-100, lab(97.3564% -4.51407 27.344));
  }
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-icon-warning {
    background-color: #733e0a33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .confirmationmodal-icon-warning {
      background-color: color-mix(in oklab, var(--color-yellow-900, lab(32.3865% 21.1273 38.5959)) 20%, transparent);
    }
  }
}

.confirmationmodal-icon-danger {
  background-color: var(--color-red-100, #ffe2e2);
}

@supports (color: lab(0% 0 0)) {
  .confirmationmodal-icon-danger {
    background-color: var(--color-red-100, lab(92.243% 10.2865 3.83865));
  }
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-icon-danger {
    background-color: #82181a33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .confirmationmodal-icon-danger {
      background-color: color-mix(in oklab, var(--color-red-900, lab(28.5139% 44.5539 29.0463)) 20%, transparent);
    }
  }
}

.confirmationmodal-icon-info {
  background-color: var(--color-blue-100, #dbeafe);
}

@supports (color: lab(0% 0 0)) {
  .confirmationmodal-icon-info {
    background-color: var(--color-blue-100, lab(92.0301% -2.24757 -11.6453));
  }
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-icon-info {
    background-color: #1c398e33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .confirmationmodal-icon-info {
      background-color: color-mix(in oklab, var(--color-blue-900, lab(26.1542% 15.7545 -51.5504)) 20%, transparent);
    }
  }
}

.confirmationmodal-icon {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
}

.confirmationmodal-icon-warning-color {
  color: var(--color-yellow-600, #cd8900);
}

@supports (color: lab(0% 0 0)) {
  .confirmationmodal-icon-warning-color {
    color: var(--color-yellow-600, lab(62.7799% 22.4197 86.1544));
  }
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-icon-warning-color {
    color: var(--color-yellow-400, #fac800);
  }
}

.confirmationmodal-icon-danger-color {
  color: var(--color-red-600, #e40014);
}

@supports (color: lab(0% 0 0)) {
  .confirmationmodal-icon-danger-color {
    color: var(--color-red-600, lab(48.4493% 77.4328 61.5452));
  }
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-icon-danger-color {
    color: var(--color-red-400, #ff6568);
  }
}

.confirmationmodal-icon-info-color {
  color: var(--color-blue-600, #155dfc);
}

@supports (color: lab(0% 0 0)) {
  .confirmationmodal-icon-info-color {
    color: var(--color-blue-600, lab(44.0605% 29.0279 -86.0352));
  }
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-icon-info-color {
    color: var(--color-blue-400, #54a2ff);
  }
}

.confirmationmodal-content {
  flex: 1;
}

.confirmationmodal-title {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-stone-900, #1c1917);
}

@supports (color: lab(0% 0 0)) {
  .confirmationmodal-title {
    color: var(--color-stone-900, lab(9.03835% 1.15298 1.92955));
  }
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-title {
    color: var(--color-stone-100, #f5f5f4);
  }
}

.confirmationmodal-message {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-stone-600, #57534d);
}

@supports (color: lab(0% 0 0)) {
  .confirmationmodal-message {
    color: var(--color-stone-600, lab(35.5168% 1.08604 4.07829));
  }
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-message {
    color: var(--color-stone-400, #a6a09b);
  }
}

.confirmationmodal-actions {
  justify-content: flex-end;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.confirmationmodal-cancel-btn {
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-stone-300, #d6d3d1);
  background-color: var(--color-white, #fff);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-stone-700, #44403b);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@supports (color: lab(0% 0 0)) {
  .confirmationmodal-cancel-btn {
    border-color: var(--color-stone-300, lab(84.7909% .928015 1.59738));
    color: var(--color-stone-700, lab(27.3812% 1.32917 3.57789));
  }
}

@media (hover: hover) {
  .confirmationmodal-cancel-btn:hover {
    background-color: var(--color-stone-50, #fafaf9);
  }
}

.confirmationmodal-cancel-btn:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--color-stone-500, #79716b);
}

@supports (color: lab(0% 0 0)) {
  .confirmationmodal-cancel-btn:focus {
    --tw-ring-color: var(--color-stone-500, lab(48.1164% 2.35701 4.26852));
  }
}

.confirmationmodal-cancel-btn:focus {
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-outline-style: none;
  outline-style: none;
}

@media (prefers-color-scheme: dark) {
  .confirmationmodal-cancel-btn {
    border-color: var(--color-stone-600, #57534d);
  }

  .confirmationmodal-cancel-btn {
    background-color: var(--color-stone-800, #292524);
  }

  .confirmationmodal-cancel-btn {
    color: var(--color-stone-300, #d6d3d1);
  }

  @supports (color: lab(0% 0 0)) {
    .confirmationmodal-cancel-btn:hover {
      border-color: var(--color-stone-600, lab(35.5168% 1.08604 4.07829));
      background-color: var(--color-stone-800, lab(15.0353% 1.96067 1.53427));
      color: var(--color-stone-300, lab(84.7909% .928015 1.59738));
    }
  }

  @media (hover: hover) {
    .confirmationmodal-cancel-btn:hover {
      background-color: var(--color-stone-700, #44403b);
    }
  }
}

.confirmationmodal-confirm-btn {
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  background-color: var(--color-red-600, #e40014);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-white, #fff);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  border-width: 1px;
  border-color: #0000;
}

@supports (color: lab(0% 0 0)) {
  .confirmationmodal-confirm-btn {
    background-color: var(--color-red-600, lab(48.4493% 77.4328 61.5452));
  }
}

@media (hover: hover) {
  .confirmationmodal-confirm-btn:hover {
    background-color: var(--color-red-700, #bf000f);
  }
}

.confirmationmodal-confirm-btn:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--color-red-500, #fb2c36);
}

@supports (color: lab(0% 0 0)) {
  .confirmationmodal-confirm-btn:focus {
    --tw-ring-color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
  }
}

.confirmationmodal-confirm-btn:focus {
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-outline-style: none;
  outline-style: none;
}

.confirmationmodal-primary-btn {
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  background-color: var(--primary);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-white, #fff);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  border-width: 1px;
  border-color: #0000;
}

@media (hover: hover) {
  .confirmationmodal-primary-btn:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .confirmationmodal-primary-btn:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

.confirmationmodal-primary-btn:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--primary);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-outline-style: none;
  outline-style: none;
}

.login-container {
  background-color: var(--background);
  min-height: 100vh;
  display: flex;
}

.login-content-panel {
  position: relative;
}

@media (min-width: 64rem) {
  .login-content-panel {
    width: 50%;
  }
}

.login-form-panel {
  width: 100%;
  min-height: 100vh;
  padding: calc(var(--spacing, .25rem) * 4);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow-y: auto;
}

@media (min-width: 64rem) {
  .login-form-panel {
    width: 50%;
  }

  .login-form-panel {
    padding: calc(var(--spacing, .25rem) * 8);
  }
}

@media (min-width: 80rem) {
  .login-form-panel {
    padding: calc(var(--spacing, .25rem) * 10);
  }
}

.login-form-wrapper {
  width: 100%;
  max-width: var(--container-md, 28rem);
  margin-block: auto;
}

.login-hero-container {
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--primary);
  --tw-gradient-via: var(--primary);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-to: color-mix(in oklab, var(--primary) 95%, transparent);
  height: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 8);
  padding-block: calc(var(--spacing, .25rem) * 8);
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (min-width: 64rem) {
  .login-hero-container {
    padding-inline: calc(var(--spacing, .25rem) * 12);
  }
}

@media (min-width: 80rem) {
  .login-hero-container {
    padding-inline: calc(var(--spacing, .25rem) * 16);
  }
}

.login-hero-background {
  inset: calc(var(--spacing, .25rem) * 0);
  position: absolute;
}

.login-hero-gradient-overlay {
  inset: calc(var(--spacing, .25rem) * 0);
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: transparent;
  --tw-gradient-via: color-mix(in oklab, var(--primary) 10%, transparent);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-to: color-mix(in oklab, var(--primary) 20%, transparent);
  position: absolute;
}

.login-hero-content {
  z-index: 10;
  max-width: var(--container-2xl, 42rem);
  margin-inline: auto;
  position: relative;
}

@media (min-width: 64rem) {
  .login-hero-content {
    margin-inline: calc(var(--spacing, .25rem) * 0);
  }
}

.login-brand-header {
  margin-bottom: calc(var(--spacing, .25rem) * 8);
}

.login-brand-logo-row {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  align-items: center;
  display: flex;
}

:where(.login-brand-logo-row > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-x-reverse)));
}

.login-brand-logo-icon {
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-2xl, 1rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--primary-foreground);
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .login-brand-logo-icon {
    border-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent);
  }
}

.login-brand-logo-icon {
  background-color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .login-brand-logo-icon {
    background-color: color-mix(in oklab, var(--primary-foreground) 15%, transparent);
  }
}

.login-brand-logo-icon {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(var(--blur-lg, 16px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

@media (min-width: 64rem) {
  .login-brand-logo-icon {
    height: calc(var(--spacing, .25rem) * 14);
  }

  .login-brand-logo-icon {
    width: calc(var(--spacing, .25rem) * 14);
  }
}

.login-brand-logo-sparkles {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  color: var(--primary-foreground);
}

@media (min-width: 64rem) {
  .login-brand-logo-sparkles {
    height: calc(var(--spacing, .25rem) * 7);
  }

  .login-brand-logo-sparkles {
    width: calc(var(--spacing, .25rem) * 7);
  }
}

.login-brand-title {
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  --tw-tracking: var(--tracking-tight, -.025em);
  letter-spacing: var(--tracking-tight, -.025em);
  color: var(--primary-foreground);
}

@media (min-width: 64rem) {
  .login-brand-title {
    font-size: var(--text-4xl, 2.25rem);
    line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
  }
}

.login-brand-subtitle-row {
  margin-top: calc(var(--spacing, .25rem) * 1);
  align-items: center;
  display: flex;
}

:where(.login-brand-subtitle-row > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.login-brand-award-icon {
  height: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 3);
  color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .login-brand-award-icon {
    color: color-mix(in oklab, var(--primary-foreground) 70%, transparent);
  }
}

.login-brand-subtitle {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .login-brand-subtitle {
    color: color-mix(in oklab, var(--primary-foreground) 70%, transparent);
  }
}

@media (min-width: 64rem) {
  .login-brand-subtitle {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }
}

.login-hero-heading {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-leading: var(--leading-tight, 1.25);
  line-height: var(--leading-tight, 1.25);
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--primary-foreground);
}

@media (min-width: 64rem) {
  .login-hero-heading {
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  }
}

@media (min-width: 80rem) {
  .login-hero-heading {
    font-size: var(--text-4xl, 2.25rem);
    line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
  }
}

.login-hero-heading-gradient {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--primary-foreground);
  --tw-gradient-to: color-mix(in oklab, var(--primary-foreground) 80%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.login-hero-description {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  max-width: var(--container-xl, 36rem);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .login-hero-description {
    color: color-mix(in oklab, var(--primary-foreground) 85%, transparent);
  }
}

@media (min-width: 64rem) {
  .login-hero-description {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }
}

:where(.login-features-grid > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.login-feature-card {
  cursor: pointer;
  border-radius: var(--radius-xl, .75rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #ffffff26;
  width: 100%;
}

@supports (color: color-mix(in lab, red, red)) {
  .login-feature-card {
    border-color: color-mix(in oklab, var(--color-white, #fff) 15%, transparent);
  }
}

.login-feature-card {
  background-color: #ffffff0d;
}

@supports (color: color-mix(in lab, red, red)) {
  .login-feature-card {
    background-color: color-mix(in oklab, var(--color-white, #fff) 5%, transparent);
  }
}

.login-feature-card {
  padding: calc(var(--spacing, .25rem) * 4);
  --tw-backdrop-blur: blur(var(--blur-sm, 8px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  transition-duration: .3s;
}

@media (hover: hover) {
  .login-feature-card:hover {
    scale: 1.01;
  }
}

@media (hover: hover) {
  .login-feature-card:hover {
    border-color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .login-feature-card:hover {
      border-color: color-mix(in oklab, var(--color-white, #fff) 25%, transparent);
    }
  }
}

@media (hover: hover) {
  .login-feature-card:hover {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .login-feature-card:hover {
      background-color: color-mix(in oklab, var(--color-white, #fff) 10%, transparent);
    }
  }
}

@media (hover: hover) {
  .login-feature-card:hover {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.login-feature-content {
  align-items: flex-start;
  display: flex;
}

:where(.login-feature-content > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-x-reverse)));
}

.login-feature-icon-wrapper {
  height: calc(var(--spacing, .25rem) * 10);
  width: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-xl, .75rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #fff3;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .login-feature-icon-wrapper {
    border-color: color-mix(in oklab, var(--color-white, #fff) 20%, transparent);
  }
}

.login-feature-icon-wrapper {
  background-color: #ffffff26;
}

@supports (color: color-mix(in lab, red, red)) {
  .login-feature-icon-wrapper {
    background-color: color-mix(in oklab, var(--color-white, #fff) 15%, transparent);
  }
}

.login-feature-icon-wrapper {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(var(--blur-md, 12px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  transition-duration: .3s;
}

@media (min-width: 64rem) {
  .login-feature-icon-wrapper {
    height: calc(var(--spacing, .25rem) * 12);
  }

  .login-feature-icon-wrapper {
    width: calc(var(--spacing, .25rem) * 12);
  }
}

.login-feature-card:hover .login-feature-icon-wrapper {
  --tw-scale-x: 105%;
  --tw-scale-y: 105%;
  --tw-scale-z: 105%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  background-color: #ffffff40;
}

@supports (color: color-mix(in lab, red, red)) {
  .login-feature-card:hover .login-feature-icon-wrapper {
    background-color: color-mix(in oklab, var(--color-white, #fff) 25%, transparent);
  }
}

.login-feature-icon {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  color: var(--color-white, #fff);
}

@media (min-width: 64rem) {
  .login-feature-icon {
    height: calc(var(--spacing, .25rem) * 6);
  }

  .login-feature-icon {
    width: calc(var(--spacing, .25rem) * 6);
  }
}

.login-feature-text-content {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.login-feature-header {
  margin-bottom: calc(var(--spacing, .25rem) * 1);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.login-feature-title {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--primary-foreground);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@media (min-width: 64rem) {
  .login-feature-title {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }
}

.login-feature-metric {
  background-color: var(--primary-foreground);
  border-radius: 3.40282e38px;
}

@supports (color: color-mix(in lab, red, red)) {
  .login-feature-metric {
    background-color: color-mix(in oklab, var(--primary-foreground) 10%, transparent);
  }
}

.login-feature-metric {
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .login-feature-metric {
    color: color-mix(in oklab, var(--primary-foreground) 90%, transparent);
  }
}

.login-feature-description {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .login-feature-description {
    color: color-mix(in oklab, var(--primary-foreground) 75%, transparent);
  }
}

@media (min-width: 64rem) {
  .login-feature-description {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }
}

.login-feature-arrow {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  color: #fff9;
  flex-shrink: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .login-feature-arrow {
    color: color-mix(in oklab, var(--color-white, #fff) 60%, transparent);
  }
}

.login-feature-arrow {
  opacity: 0;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  transition-duration: .3s;
}

.login-feature-card:hover .login-feature-arrow {
  --tw-translate-x: calc(var(--spacing, .25rem) * 1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  opacity: 1;
}

.login-form-container {
  width: 100%;
}

:where(.login-form-container > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 5) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.login-form-header > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-y-reverse)));
}

.login-form-header {
  text-align: center;
}

.login-form-mode-toggle {
  top: calc(var(--spacing, .25rem) * 2);
  right: calc(var(--spacing, .25rem) * 2);
  z-index: 50;
  position: fixed;
}

:where(.login-form-header-content > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 1.5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
}

.login-form-title {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  --tw-tracking: var(--tracking-tight, -.025em);
  letter-spacing: var(--tracking-tight, -.025em);
  color: var(--foreground);
}

@media (min-width: 40rem) {
  .login-form-title {
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  }
}

@media (min-width: 64rem) {
  .login-form-title {
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  }
}

.login-form-subtitle {
  max-width: var(--container-sm, 24rem);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--muted-foreground);
  margin-inline: auto;
}

@media (min-width: 40rem) {
  .login-form-subtitle {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }
}

.login-error-alert {
  border-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .login-error-alert {
    border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
  }
}

.login-error-alert {
  background-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .login-error-alert {
    background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
  }
}

.login-error-alert {
  --tw-backdrop-blur: blur(var(--blur-sm, 8px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

.login-error-title {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  display: block;
}

.login-error-message {
  margin-top: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  opacity: .9;
}

:where(.login-form > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.login-field-container > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.login-field-label {
  align-items: center;
  display: flex;
}

:where(.login-field-label > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.login-field-label {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.login-field-icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
}

.login-input {
  height: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-lg, .5rem);
  border-color: var(--border);
  background-color: var(--card);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .login-input:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.login-input:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--ring);
  border-color: #0000;
}

.login-password-container {
  position: relative;
}

.login-password-input {
  height: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-lg, .5rem);
  border-color: var(--border);
  background-color: var(--card);
  padding-right: calc(var(--spacing, .25rem) * 10);
  padding-left: calc(var(--spacing, .25rem) * 4);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .login-password-input:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.login-password-input:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--ring);
  border-color: #0000;
}

.login-password-toggle {
  top: 50%;
  right: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-radius: var(--radius-lg, .5rem);
  padding: calc(var(--spacing, .25rem) * 0);
  position: absolute;
}

@media (hover: hover) {
  .login-password-toggle:hover {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .login-password-toggle:hover {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }
}

.login-options-row {
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  flex-wrap: wrap;
  display: flex;
}

.login-remember-me-container {
  align-items: center;
  display: flex;
}

:where(.login-remember-me-container > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.login-remember-me-checkbox {
  border-radius: var(--radius-md, .375rem);
}

.login-remember-me-label {
  cursor: pointer;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@media (hover: hover) {
  .login-remember-me-label:hover {
    color: var(--foreground);
  }
}

.login-forgot-password-link {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .login-forgot-password-link:hover {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .login-forgot-password-link:hover {
      color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }
}

@media (hover: hover) {
  .login-forgot-password-link:hover {
    text-decoration-line: underline;
  }
}

.login-submit-button {
  height: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--primary);
  --tw-font-weight: var(--font-weight-semibold, 600);
  width: 100%;
  font-weight: var(--font-weight-semibold, 600);
  color: var(--primary-foreground);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .login-submit-button:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .login-submit-button:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

@media (hover: hover) {
  .login-submit-button:hover {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.login-loading-spinner {
  margin-right: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  animation: var(--animate-spin, spin 1s linear infinite);
}

.login-button-arrow {
  margin-left: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

.login-submit-button:hover .login-button-arrow, .login-signup-button:hover .login-button-arrow {
  --tw-translate-x: calc(var(--spacing, .25rem) * 1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.login-divider-container {
  margin-block: calc(var(--spacing, .25rem) * 5);
  position: relative;
}

.login-divider-line {
  inset: calc(var(--spacing, .25rem) * 0);
  align-items: center;
  display: flex;
  position: absolute;
}

.login-divider-border {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--border);
  width: 100%;
}

.login-divider-text-container {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  justify-content: center;
  display: flex;
  position: relative;
}

.login-divider-text {
  background-color: var(--background);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--muted-foreground);
}

.login-signup-button {
  height: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-lg, .5rem);
  border-color: var(--border);
  --tw-font-weight: var(--font-weight-semibold, 600);
  width: 100%;
  font-weight: var(--font-weight-semibold, 600);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .login-signup-button:hover {
    border-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .login-signup-button:hover {
      border-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }
}

@media (hover: hover) {
  .login-signup-button:hover {
    background-color: var(--accent);
  }
}

.login-footer {
  margin-top: calc(var(--spacing, .25rem) * 5);
  text-align: center;
}

.login-footer-text {
  max-width: var(--container-xs, 20rem);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--muted-foreground);
  margin-inline: auto;
}

.login-footer-link {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary);
}

@media (hover: hover) {
  .login-footer-link:hover {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .login-footer-link:hover {
      color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }
}

@media (hover: hover) {
  .login-footer-link:hover {
    text-decoration-line: underline;
  }
}

.login-form-scroll-container {
  scrollbar-width: thin;
  scrollbar-color: var(--muted) transparent;
  max-height: 100vh;
  overflow-y: auto;
}

.login-form-scroll-container::-webkit-scrollbar {
  width: 6px;
}

.login-form-scroll-container::-webkit-scrollbar-track {
  background: none;
}

.login-form-scroll-container::-webkit-scrollbar-thumb {
  background: var(--muted);
  border-radius: 3px;
}

@media (min-width: 1920px) {
  .login-form-panel {
    padding: calc(var(--spacing, .25rem) * 12);
  }

  .login-form-wrapper {
    max-width: var(--container-lg, 32rem);
  }
}

@media (max-height: 800px) {
  :where(.login-form-header > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  .login-form-title {
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  }

  @media (min-width: 40rem) {
    .login-form-title {
      font-size: var(--text-2xl, 1.5rem);
      line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    }
  }

  @media (min-width: 64rem) {
    .login-form-title {
      font-size: var(--text-2xl, 1.5rem);
      line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    }
  }

  .login-form-subtitle {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  }

  @media (min-width: 40rem) {
    .login-form-subtitle {
      font-size: var(--text-sm, .875rem);
      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    }
  }

  :where(.login-form-container > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.login-form > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  .login-divider-container {
    margin-block: calc(var(--spacing, .25rem) * 4);
  }

  .login-footer {
    margin-top: calc(var(--spacing, .25rem) * 4);
  }
}

@media (max-width: 768px) {
  .login-form-title {
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  }

  .login-form-subtitle {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }

  .login-input, .login-password-input {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }
}

.signup-container {
  background-color: var(--background);
  min-height: 100vh;
  display: flex;
}

.signup-content-panel {
  display: none;
  position: relative;
}

@media (min-width: 64rem) {
  .signup-content-panel {
    display: block;
  }

  .signup-content-panel {
    width: 50%;
  }
}

.signup-form-panel {
  width: 100%;
  min-height: 100vh;
  padding: calc(var(--spacing, .25rem) * 4);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow-y: auto;
}

@media (min-width: 64rem) {
  .signup-form-panel {
    width: 50%;
  }

  .signup-form-panel {
    padding: calc(var(--spacing, .25rem) * 8);
  }
}

@media (min-width: 80rem) {
  .signup-form-panel {
    padding: calc(var(--spacing, .25rem) * 10);
  }
}

.signup-form-wrapper {
  width: 100%;
  max-width: var(--container-md, 28rem);
  margin-block: auto;
}

.signup-hero-container {
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--primary);
  --tw-gradient-via: var(--primary);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-to: color-mix(in oklab, var(--primary) 95%, transparent);
  height: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 8);
  padding-block: calc(var(--spacing, .25rem) * 8);
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (min-width: 64rem) {
  .signup-hero-container {
    padding-inline: calc(var(--spacing, .25rem) * 12);
  }
}

@media (min-width: 80rem) {
  .signup-hero-container {
    padding-inline: calc(var(--spacing, .25rem) * 16);
  }
}

.signup-hero-background {
  inset: calc(var(--spacing, .25rem) * 0);
  position: absolute;
}

.signup-hero-gradient-overlay {
  inset: calc(var(--spacing, .25rem) * 0);
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: transparent;
  --tw-gradient-via: color-mix(in oklab, var(--primary) 10%, transparent);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-to: color-mix(in oklab, var(--primary) 20%, transparent);
  position: absolute;
}

.signup-hero-blur-element-1 {
  top: calc(var(--spacing, .25rem) * 10);
  left: calc(var(--spacing, .25rem) * 10);
  height: calc(var(--spacing, .25rem) * 80);
  width: calc(var(--spacing, .25rem) * 80);
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  background-color: var(--primary);
  border-radius: 3.40282e38px;
  position: absolute;
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-hero-blur-element-1 {
    background-color: color-mix(in oklab, var(--primary) 15%, transparent);
  }
}

.signup-hero-blur-element-1 {
  --tw-blur: blur(var(--blur-3xl, 64px));
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

.signup-hero-blur-element-2 {
  right: calc(var(--spacing, .25rem) * 10);
  bottom: calc(var(--spacing, .25rem) * 10);
  height: calc(var(--spacing, .25rem) * 96);
  width: calc(var(--spacing, .25rem) * 96);
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  background-color: var(--primary);
  border-radius: 3.40282e38px;
  position: absolute;
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-hero-blur-element-2 {
    background-color: color-mix(in oklab, var(--primary) 10%, transparent);
  }
}

.signup-hero-blur-element-2 {
  --tw-blur: blur(var(--blur-3xl, 64px));
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  animation-delay: .7s;
}

.signup-hero-blur-element-3 {
  height: calc(var(--spacing, .25rem) * 60);
  width: calc(var(--spacing, .25rem) * 60);
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  background-color: var(--primary);
  border-radius: 3.40282e38px;
  position: absolute;
  top: 50%;
  left: 33.3333%;
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-hero-blur-element-3 {
    background-color: color-mix(in oklab, var(--primary) 8%, transparent);
  }
}

.signup-hero-blur-element-3 {
  --tw-blur: blur(var(--blur-2xl, 40px));
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  animation-delay: .3s;
}

.signup-hero-dot-pattern {
  inset: calc(var(--spacing, .25rem) * 0);
  opacity: .2;
  position: absolute;
}

.signup-hero-content {
  z-index: 10;
  max-width: var(--container-2xl, 42rem);
  margin-inline: auto;
  position: relative;
}

@media (min-width: 64rem) {
  .signup-hero-content {
    margin-inline: calc(var(--spacing, .25rem) * 0);
  }
}

.signup-brand-header {
  margin-bottom: calc(var(--spacing, .25rem) * 8);
}

.signup-brand-logo-row {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  align-items: center;
  display: flex;
}

:where(.signup-brand-logo-row > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-x-reverse)));
}

.signup-brand-logo-icon {
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-2xl, 1rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--primary-foreground);
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-brand-logo-icon {
    border-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent);
  }
}

.signup-brand-logo-icon {
  background-color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-brand-logo-icon {
    background-color: color-mix(in oklab, var(--primary-foreground) 15%, transparent);
  }
}

.signup-brand-logo-icon {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(var(--blur-lg, 16px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

@media (min-width: 64rem) {
  .signup-brand-logo-icon {
    height: calc(var(--spacing, .25rem) * 14);
  }

  .signup-brand-logo-icon {
    width: calc(var(--spacing, .25rem) * 14);
  }
}

.signup-brand-logo-sparkles {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  color: var(--primary-foreground);
}

@media (min-width: 64rem) {
  .signup-brand-logo-sparkles {
    height: calc(var(--spacing, .25rem) * 7);
  }

  .signup-brand-logo-sparkles {
    width: calc(var(--spacing, .25rem) * 7);
  }
}

.signup-brand-title {
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  --tw-tracking: var(--tracking-tight, -.025em);
  letter-spacing: var(--tracking-tight, -.025em);
  color: var(--primary-foreground);
}

@media (min-width: 64rem) {
  .signup-brand-title {
    font-size: var(--text-2xl, 1.5rem);
    line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  }
}

.signup-brand-subtitle-row {
  margin-top: calc(var(--spacing, .25rem) * 1);
  align-items: center;
  display: flex;
}

:where(.signup-brand-subtitle-row > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.signup-brand-award-icon {
  height: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 3);
  color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-brand-award-icon {
    color: color-mix(in oklab, var(--primary-foreground) 70%, transparent);
  }
}

.signup-brand-subtitle {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-brand-subtitle {
    color: color-mix(in oklab, var(--primary-foreground) 70%, transparent);
  }
}

@media (min-width: 64rem) {
  .signup-brand-subtitle {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }
}

.signup-hero-heading {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-leading: var(--leading-tight, 1.25);
  line-height: var(--leading-tight, 1.25);
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--primary-foreground);
}

@media (min-width: 64rem) {
  .signup-hero-heading {
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  }
}

@media (min-width: 80rem) {
  .signup-hero-heading {
    font-size: var(--text-4xl, 2.25rem);
    line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
  }
}

.signup-hero-heading-gradient {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--primary-foreground);
  --tw-gradient-to: color-mix(in oklab, var(--primary-foreground) 80%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.signup-hero-description {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  max-width: var(--container-xl, 36rem);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-hero-description {
    color: color-mix(in oklab, var(--primary-foreground) 85%, transparent);
  }
}

@media (min-width: 64rem) {
  .signup-hero-description {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }
}

:where(.signup-features-grid > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.signup-feature-card {
  cursor: pointer;
  border-radius: var(--radius-xl, .75rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--primary-foreground);
  width: 100%;
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-feature-card {
    border-color: color-mix(in oklab, var(--primary-foreground) 15%, transparent);
  }
}

.signup-feature-card {
  background-color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-feature-card {
    background-color: color-mix(in oklab, var(--primary-foreground) 5%, transparent);
  }
}

.signup-feature-card {
  padding: calc(var(--spacing, .25rem) * 4);
  --tw-backdrop-blur: blur(var(--blur-sm, 8px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  transition-duration: .3s;
}

@media (hover: hover) {
  .signup-feature-card:hover {
    scale: 1.01;
  }
}

@media (hover: hover) {
  .signup-feature-card:hover {
    border-color: var(--primary-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .signup-feature-card:hover {
      border-color: color-mix(in oklab, var(--primary-foreground) 25%, transparent);
    }
  }
}

@media (hover: hover) {
  .signup-feature-card:hover {
    background-color: var(--primary-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .signup-feature-card:hover {
      background-color: color-mix(in oklab, var(--primary-foreground) 10%, transparent);
    }
  }
}

@media (hover: hover) {
  .signup-feature-card:hover {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.signup-feature-content {
  align-items: flex-start;
  display: flex;
}

:where(.signup-feature-content > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-x-reverse)));
}

.signup-feature-icon-wrapper {
  height: calc(var(--spacing, .25rem) * 10);
  width: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-xl, .75rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--primary-foreground);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-feature-icon-wrapper {
    border-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent);
  }
}

.signup-feature-icon-wrapper {
  background-color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-feature-icon-wrapper {
    background-color: color-mix(in oklab, var(--primary-foreground) 15%, transparent);
  }
}

.signup-feature-icon-wrapper {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(var(--blur-md, 12px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  transition-duration: .3s;
}

@media (min-width: 64rem) {
  .signup-feature-icon-wrapper {
    height: calc(var(--spacing, .25rem) * 12);
  }

  .signup-feature-icon-wrapper {
    width: calc(var(--spacing, .25rem) * 12);
  }
}

.signup-feature-card:hover .signup-feature-icon-wrapper {
  --tw-scale-x: 105%;
  --tw-scale-y: 105%;
  --tw-scale-z: 105%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  background-color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-feature-card:hover .signup-feature-icon-wrapper {
    background-color: color-mix(in oklab, var(--primary-foreground) 25%, transparent);
  }
}

.signup-feature-icon {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  color: var(--primary-foreground);
}

@media (min-width: 64rem) {
  .signup-feature-icon {
    height: calc(var(--spacing, .25rem) * 6);
  }

  .signup-feature-icon {
    width: calc(var(--spacing, .25rem) * 6);
  }
}

.signup-feature-text-content {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.signup-feature-header {
  margin-bottom: calc(var(--spacing, .25rem) * 1);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.signup-feature-title {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--primary-foreground);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@media (min-width: 64rem) {
  .signup-feature-title {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }
}

.signup-feature-metric {
  background-color: var(--primary-foreground);
  border-radius: 3.40282e38px;
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-feature-metric {
    background-color: color-mix(in oklab, var(--primary-foreground) 10%, transparent);
  }
}

.signup-feature-metric {
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-feature-metric {
    color: color-mix(in oklab, var(--primary-foreground) 90%, transparent);
  }
}

.signup-feature-description {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-feature-description {
    color: color-mix(in oklab, var(--primary-foreground) 75%, transparent);
  }
}

@media (min-width: 64rem) {
  .signup-feature-description {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }
}

.signup-feature-arrow {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  color: var(--primary-foreground);
  flex-shrink: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-feature-arrow {
    color: color-mix(in oklab, var(--primary-foreground) 60%, transparent);
  }
}

.signup-feature-arrow {
  opacity: 0;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  transition-duration: .3s;
}

.signup-feature-card:hover .signup-feature-arrow {
  --tw-translate-x: calc(var(--spacing, .25rem) * 1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  opacity: 1;
}

.signup-form-container {
  width: 100%;
}

.signup-form-header {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  text-align: center;
}

.signup-mobile-logo {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  justify-content: center;
  display: flex;
}

@media (min-width: 64rem) {
  .signup-mobile-logo {
    display: none;
  }
}

.signup-mobile-logo-icon {
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-xl, .75rem);
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--accent);
  --tw-gradient-to: var(--primary);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-shadow-alpha: 20%;
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  justify-content: center;
  align-items: center;
  display: flex;
}

.signup-mobile-logo-plus {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  color: var(--primary-foreground);
}

.signup-form-title {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  --tw-tracking: var(--tracking-tight, -.025em);
  letter-spacing: var(--tracking-tight, -.025em);
  color: var(--foreground);
}

@media (min-width: 64rem) {
  .signup-form-title {
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  }
}

.signup-form-subtitle {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--muted-foreground);
}

@media (min-width: 64rem) {
  .signup-form-subtitle {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }
}

.signup-error-alert {
  border-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-error-alert {
    border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
  }
}

.signup-error-alert {
  background-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-error-alert {
    background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
  }
}

.signup-error-alert {
  --tw-backdrop-blur: blur(var(--blur-sm, 8px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

.signup-error-icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
}

.signup-error-title {
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  display: block;
}

.signup-error-message {
  margin-top: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  opacity: .9;
}

:where(.signup-form > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.signup-name-fields {
  gap: calc(var(--spacing, .25rem) * 3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

:where(.signup-field-container > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.signup-field-label {
  align-items: center;
  display: flex;
}

:where(.signup-field-label > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.signup-field-label {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.signup-field-label-simple {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.signup-field-icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
}

.signup-input {
  height: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-lg, .5rem);
  border-color: var(--border);
  background-color: var(--card);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .signup-input:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.signup-input:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--ring);
  border-color: #0000;
}

.signup-password-container {
  position: relative;
}

.signup-password-input {
  height: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-lg, .5rem);
  border-color: var(--border);
  background-color: var(--card);
  padding-right: calc(var(--spacing, .25rem) * 10);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .signup-password-input:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.signup-password-input:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--ring);
  border-color: #0000;
}

.signup-password-toggle {
  top: 50%;
  right: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-radius: var(--radius-lg, .5rem);
  padding: calc(var(--spacing, .25rem) * 0);
  position: absolute;
}

@media (hover: hover) {
  .signup-password-toggle:hover {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .signup-password-toggle:hover {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }
}

.signup-password-requirements {
  margin-top: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-password-requirements {
    border-color: color-mix(in oklab, var(--border) 50%, transparent);
  }
}

.signup-password-requirements {
  background-color: var(--muted);
}

@supports (color: color-mix(in lab, red, red)) {
  .signup-password-requirements {
    background-color: color-mix(in oklab, var(--muted) 30%, transparent);
  }
}

.signup-password-requirements {
  padding: calc(var(--spacing, .25rem) * 3);
}

.signup-requirements-header {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  align-items: center;
  display: flex;
}

:where(.signup-requirements-header > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.signup-requirements-header {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
}

.signup-requirements-grid {
  gap: calc(var(--spacing, .25rem) * 1.5);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.signup-requirement-item {
  align-items: center;
  display: flex;
}

:where(.signup-requirement-item > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.signup-requirement-valid {
  color: var(--chart-4);
}

.signup-requirement-invalid {
  color: var(--muted-foreground);
}

.signup-requirement-icon-valid {
  height: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 3);
  color: var(--chart-4);
}

.signup-requirement-icon-invalid {
  height: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 3);
  color: var(--muted-foreground);
}

.signup-password-match {
  margin-top: calc(var(--spacing, .25rem) * 2);
  align-items: center;
  display: flex;
}

:where(.signup-password-match > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.signup-password-match {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
}

.signup-password-match-valid {
  color: var(--chart-4);
}

.signup-password-match-invalid {
  color: var(--destructive);
}

.signup-password-match-icon-valid {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  color: var(--chart-4);
}

.signup-password-match-icon-invalid {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  color: var(--destructive);
}

.signup-terms-container {
  align-items: flex-start;
  display: flex;
}

:where(.signup-terms-container > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-x-reverse)));
}

.signup-terms-container {
  padding-top: calc(var(--spacing, .25rem) * 1);
}

.signup-terms-checkbox {
  margin-top: calc(var(--spacing, .25rem) * 1);
  border-radius: var(--radius-md, .375rem);
}

.signup-terms-label {
  cursor: pointer;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--muted-foreground);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@media (hover: hover) {
  .signup-terms-label:hover {
    color: var(--foreground);
  }
}

.signup-terms-link {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary);
}

@media (hover: hover) {
  .signup-terms-link:hover {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .signup-terms-link:hover {
      color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }
}

@media (hover: hover) {
  .signup-terms-link:hover {
    text-decoration-line: underline;
  }
}

.signup-submit-button {
  height: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--primary);
  --tw-font-weight: var(--font-weight-semibold, 600);
  width: 100%;
  font-weight: var(--font-weight-semibold, 600);
  color: var(--primary-foreground);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .signup-submit-button:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .signup-submit-button:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

@media (hover: hover) {
  .signup-submit-button:hover {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.signup-submit-button:disabled {
  background-color: var(--muted);
  color: var(--muted-foreground);
}

.signup-loading-spinner {
  margin-right: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  animation: var(--animate-spin, spin 1s linear infinite);
}

.signup-button-arrow {
  margin-left: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

.signup-submit-button:hover .signup-button-arrow {
  --tw-translate-x: calc(var(--spacing, .25rem) * 1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.signup-divider-container {
  margin-block: calc(var(--spacing, .25rem) * 5);
}

.signup-divider-inner {
  position: relative;
}

.signup-divider-line {
  inset: calc(var(--spacing, .25rem) * 0);
  align-items: center;
  display: flex;
  position: absolute;
}

.signup-divider-border {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--border);
  width: 100%;
}

.signup-divider-text-container {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  justify-content: center;
  display: flex;
  position: relative;
}

.signup-divider-text {
  background-color: var(--background);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--muted-foreground);
}

.signup-signin-button {
  height: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-lg, .5rem);
  border-color: var(--border);
  --tw-font-weight: var(--font-weight-semibold, 600);
  width: 100%;
  font-weight: var(--font-weight-semibold, 600);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .signup-signin-button:hover {
    border-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .signup-signin-button:hover {
      border-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }
}

@media (hover: hover) {
  .signup-signin-button:hover {
    background-color: var(--accent);
  }
}

.signup-signin-button:hover .signup-button-arrow {
  --tw-translate-x: calc(var(--spacing, .25rem) * 1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.signup-footer {
  margin-top: calc(var(--spacing, .25rem) * 5);
  text-align: center;
}

.signup-footer-text {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--muted-foreground);
}

.signup-footer-link {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary);
}

@media (hover: hover) {
  .signup-footer-link:hover {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .signup-footer-link:hover {
      color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }
}

@media (hover: hover) {
  .signup-footer-link:hover {
    text-decoration-line: underline;
  }
}

.signup-form-scroll-container {
  scrollbar-width: thin;
  scrollbar-color: var(--muted) transparent;
  max-height: 100vh;
  overflow-y: auto;
}

.signup-form-scroll-container::-webkit-scrollbar {
  width: 6px;
}

.signup-form-scroll-container::-webkit-scrollbar-track {
  background: none;
}

.signup-form-scroll-container::-webkit-scrollbar-thumb {
  background: var(--muted);
  border-radius: 3px;
}

@media (min-width: 1920px) {
  .signup-form-panel {
    padding: calc(var(--spacing, .25rem) * 12);
  }

  .signup-form-wrapper {
    max-width: var(--container-lg, 32rem);
  }
}

@media (max-height: 800px) {
  .signup-form-header {
    margin-bottom: calc(var(--spacing, .25rem) * 4);
  }

  .signup-form-title {
    margin-bottom: calc(var(--spacing, .25rem) * 1);
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  }

  @media (min-width: 64rem) {
    .signup-form-title {
      font-size: var(--text-2xl, 1.5rem);
      line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    }
  }

  .signup-form-subtitle {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  }

  @media (min-width: 64rem) {
    .signup-form-subtitle {
      font-size: var(--text-sm, .875rem);
      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    }
  }

  :where(.signup-form > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  .signup-divider-container {
    margin-block: calc(var(--spacing, .25rem) * 4);
  }

  .signup-footer {
    margin-top: calc(var(--spacing, .25rem) * 4);
  }

  .signup-mobile-logo {
    margin-bottom: calc(var(--spacing, .25rem) * 3);
  }
}

.dashboard-container {
  background-color: var(--background);
  padding: 1rem;
}

.dashboard-content {
  margin-inline: auto;
}

:where(.dashboard-content > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 6) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 6) * calc(1 - var(--tw-space-y-reverse)));
}

.dashboard-content {
  padding: calc(var(--spacing, .25rem) * 4);
}

.dashboard-modal-overlay {
  inset: calc(var(--spacing, .25rem) * 0);
  z-index: 50;
  background-color: #0006;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
}

@supports (color: color-mix(in lab, red, red)) {
  .dashboard-modal-overlay {
    background-color: color-mix(in oklab, var(--color-black, #000) 40%, transparent);
  }
}

.dashboard-modal-content {
  width: 100%;
  max-width: var(--container-md, 28rem);
  border-radius: var(--radius-md, .375rem);
  background-color: var(--card);
  padding: calc(var(--spacing, .25rem) * 6);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  position: relative;
}

.dashboard-modal-close {
  top: calc(var(--spacing, .25rem) * 2);
  right: calc(var(--spacing, .25rem) * 2);
  color: var(--muted-foreground);
  position: absolute;
}

@media (hover: hover) {
  .dashboard-modal-close:hover {
    color: var(--foreground);
  }
}

.dashboard-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dashboard-user-section {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.dashboard-user-avatar {
  height: calc(var(--spacing, .25rem) * 10);
  width: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-md, .375rem);
  background-color: var(--primary);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-white, #fff);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (hover: hover) {
  .dashboard-user-avatar:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dashboard-user-avatar:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

.dashboard-greeting {
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.dashboard-date-info {
  margin-top: calc(var(--spacing, .25rem) * .5);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.dashboard-header-actions {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.dashboard-agenda-button {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--card);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  display: flex;
}

@media (hover: hover) {
  .dashboard-agenda-button:hover {
    background-color: var(--accent);
  }
}

.dashboard-new-task-button {
  height: calc(var(--spacing, .25rem) * 9);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-md, .375rem);
  background-color: var(--primary);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary-foreground);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
  display: flex;
  position: relative;
}

@media (hover: hover) {
  .dashboard-new-task-button:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dashboard-new-task-button:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

@media (hover: hover) {
  .dashboard-new-task-button:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.dashboard-stats-row {
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

@media (min-width: 64rem) {
  .dashboard-stats-row {
    gap: calc(var(--spacing, .25rem) * 6);
  }
}

.dashboard-stat-card {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.dashboard-stat-card-inner {
  height: calc(var(--spacing, .25rem) * 20);
  border-radius: var(--radius-md, .375rem);
  --tw-border-style: none;
  background-color: var(--card);
  padding-block: calc(var(--spacing, .25rem) * 3);
  border-style: none;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.dashboard-stat-content {
  height: 100%;
  padding: calc(var(--spacing, .25rem) * 0);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.dashboard-stat-header {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1);
  display: flex;
}

.dashboard-stat-indicator {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 1);
  background-color: var(--primary);
  border-radius: 3.40282e38px;
}

.dashboard-stat-title {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  --tw-tracking: var(--tracking-wide, .025em);
  letter-spacing: var(--tracking-wide, .025em);
  color: var(--primary);
  text-transform: uppercase;
}

.dashboard-stat-values {
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  flex: 1;
  display: flex;
}

.dashboard-stat-value-item {
  flex-direction: column;
  flex: 1;
  align-items: center;
  display: flex;
}

.dashboard-stat-number {
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--accent-foreground);
}

@media (prefers-color-scheme: dark) {
  .dashboard-stat-number {
    color: var(--accent-foreground);
  }
}

.dashboard-loading-placeholder {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 8);
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  background-color: var(--muted);
  border-radius: .25rem;
  display: block;
}

.dashboard-stat-label {
  --tw-tracking: var(--tracking-wide, .025em);
  letter-spacing: var(--tracking-wide, .025em);
  color: var(--muted-foreground);
  text-transform: uppercase;
  font-size: 10px;
}

.dashboard-single-stat-values {
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  flex: 1;
  display: flex;
}

.dashboard-stat-icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  color: var(--muted-foreground);
}

.dashboard-stat-label-inline {
  margin-left: calc(var(--spacing, .25rem) * 2);
  --tw-tracking: var(--tracking-wide, .025em);
  letter-spacing: var(--tracking-wide, .025em);
  color: var(--muted-foreground);
  text-transform: uppercase;
  font-size: 10px;
}

.dashboard-main-grid {
  gap: calc(var(--spacing, .25rem) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 64rem) {
  .dashboard-main-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.dashboard-tasks-section {
  border-radius: var(--radius-md, .375rem);
}

@media (min-width: 64rem) {
  .dashboard-tasks-section {
    grid-column: span 3 / span 3;
  }
}

:where(.dashboard-sidebar > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

@media (min-width: 64rem) {
  .dashboard-sidebar {
    grid-column: span 2 / span 2;
  }
}

.dashboard-card {
  border-radius: var(--radius-md, .375rem);
  background-color: var(--card);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.dashboard-card-header {
  padding: calc(var(--spacing, .25rem) * 4);
  padding-bottom: calc(var(--spacing, .25rem) * 2);
}

.dashboard-card-title-row {
  margin-bottom: calc(var(--spacing, .25rem) * 1);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dashboard-card-title-section {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.dashboard-card-title {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  --tw-tracking: var(--tracking-wide, .025em);
  letter-spacing: var(--tracking-wide, .025em);
  color: var(--primary);
  text-transform: uppercase;
}

.dashboard-card-subtitle {
  margin-left: calc(var(--spacing, .25rem) * 3);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.dashboard-view-all-link {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary);
  display: flex;
}

@media (hover: hover) {
  .dashboard-view-all-link:hover {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dashboard-view-all-link:hover {
      color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

.dashboard-card-content {
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-bottom: calc(var(--spacing, .25rem) * 4);
}

.dashboard-tasks-loading {
  padding-block: calc(var(--spacing, .25rem) * 12);
  text-align: center;
}

.dashboard-loading-spinner {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  animation: var(--animate-spin, spin 1s linear infinite);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-purple-200, #e9d5ff);
  border-top-color: var(--color-purple-600, #9810fa);
  border-radius: 3.40282e38px;
}

@supports (color: lab(0% 0 0)) {
  .dashboard-loading-spinner {
    border-color: var(--color-purple-200, lab(87.8405% 13.4282 -18.7159));
    border-top-color: var(--color-purple-600, lab(43.0295% 75.21 -86.5669));
  }
}

.dashboard-loading-text {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

:where(.dashboard-tasks-list > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.dashboard-task-item {
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 3);
  border-radius: var(--radius-md, .375rem);
  padding: calc(var(--spacing, .25rem) * 2);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  display: flex;
}

@media (hover: hover) {
  .dashboard-task-item:hover {
    background-color: var(--muted);
  }
}

.dashboard-task-left {
  min-width: calc(var(--spacing, .25rem) * 0);
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 2);
  flex: 1;
  display: flex;
}

.dashboard-priority-dot {
  margin-top: calc(var(--spacing, .25rem) * 1);
  height: calc(var(--spacing, .25rem) * 2);
  width: calc(var(--spacing, .25rem) * 2);
  cursor: pointer;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  border-radius: 3.40282e38px;
  flex-shrink: 0;
  transition-duration: .2s;
}

@media (hover: hover) {
  .dashboard-priority-dot:hover {
    --tw-scale-x: 125%;
    --tw-scale-y: 125%;
    --tw-scale-z: 125%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}

@media (hover: hover) {
  .dashboard-priority-dot:hover {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

@media (hover: hover) {
  .dashboard-priority-dot:hover {
    --tw-ring-color: var(--primary);
  }
}

@media (hover: hover) {
  .dashboard-priority-dot:hover {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
}

.dashboard-priority-tooltip {
  pointer-events: none;
  z-index: 10;
  margin-top: calc(var(--spacing, .25rem) * -8);
  margin-left: calc(var(--spacing, .25rem) * 2);
  background-color: var(--color-gray-900, #101828);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  white-space: nowrap;
  color: var(--color-white, #fff);
  text-transform: lowercase;
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-radius: .25rem;
  display: none;
  position: absolute;
}

@supports (color: lab(0% 0 0)) {
  .dashboard-priority-tooltip {
    background-color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
  }
}

@media (hover: hover) {
  .dashboard-priority-tooltip:is(:where(.group):hover *) {
    display: inline-block;
  }
}

.dashboard-task-title {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--accent-foreground);
}

.dashboard-task-description {
  margin-top: calc(var(--spacing, .25rem) * .5);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.dashboard-task-right {
  align-items: flex-end;
  gap: calc(var(--spacing, .25rem) * 1);
  flex-direction: column;
  display: flex;
}

.dashboard-task-status {
  min-width: 80px;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * .5);
  text-align: center;
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-size: 12px;
  font-weight: var(--font-weight-semibold, 600);
  border-radius: .25rem;
  display: inline-block;
}

.dashboard-task-due-date {
  border-radius: var(--radius-md, .375rem);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  white-space: nowrap;
  color: var(--muted-foreground);
}

@media (hover: hover) {
  .dashboard-task-due-date:is(:where(.group):hover *) {
    color: var(--primary);
  }
}

.dashboard-empty-state {
  padding-block: calc(var(--spacing, .25rem) * 8);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dashboard-empty-state-small {
  padding-block: calc(var(--spacing, .25rem) * 6);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dashboard-empty-icon {
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-xl, .75rem);
  background-color: var(--muted);
  justify-content: center;
  align-items: center;
  display: flex;
}

.dashboard-empty-icon-small {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 10);
  width: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-xl, .75rem);
  background-color: var(--muted);
  justify-content: center;
  align-items: center;
  display: flex;
}

.dashboard-empty-title {
  margin-bottom: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--accent-foreground);
}

.dashboard-empty-description {
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.dashboard-empty-action {
  justify-content: center;
  width: 100%;
  display: flex;
}

.dashboard-empty-button {
  height: calc(var(--spacing, .25rem) * 9);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1);
  border-radius: var(--radius-md, .375rem);
  background-color: var(--primary);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary-foreground);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  margin-inline: auto;
  transition-duration: .2s;
  display: flex;
  position: relative;
}

@media (hover: hover) {
  .dashboard-empty-button:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dashboard-empty-button:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

@media (hover: hover) {
  .dashboard-empty-button:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

:where(.dashboard-workspace-list > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.dashboard-workspace-item {
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  border-radius: var(--radius-md, .375rem);
  padding: calc(var(--spacing, .25rem) * 2);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  display: flex;
}

@media (hover: hover) {
  .dashboard-workspace-item:hover {
    background-color: var(--muted);
  }
}

.dashboard-workspace-avatar-container {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  border-radius: var(--radius-md, .375rem);
  background-color: var(--muted);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dashboard-workspace-avatar {
  height: calc(var(--spacing, .25rem) * 8);
  min-height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  min-width: calc(var(--spacing, .25rem) * 8);
  cursor: pointer;
  border-radius: var(--radius-md, .375rem);
  background-color: var(--primary);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--primary-foreground);
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (hover: hover) {
  .dashboard-workspace-avatar:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dashboard-workspace-avatar:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

.dashboard-workspace-info {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.dashboard-workspace-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--accent-foreground);
  overflow: hidden;
}

.dashboard-workspace-description {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  overflow: hidden;
}

:where(.dashboard-activities-list > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.dashboard-activity-item {
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 3);
  border-radius: var(--radius-md, .375rem);
  padding: calc(var(--spacing, .25rem) * 2);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  display: flex;
}

.dashboard-activity-icon-container {
  margin-top: calc(var(--spacing, .25rem) * .5);
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  background-color: var(--muted);
  border-radius: 3.40282e38px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dashboard-activity-icon {
  height: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 3);
  background-color: var(--primary);
  padding: calc(var(--spacing, .25rem) * .5);
  color: var(--primary-foreground);
  border-radius: 3.40282e38px;
}

@media (hover: hover) {
  .dashboard-activity-icon:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dashboard-activity-icon:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

.dashboard-activity-content {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.dashboard-activity-description {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--accent-foreground);
}

.dashboard-activity-meta {
  margin-top: calc(var(--spacing, .25rem) * .5);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.priority-high {
  background-color: var(--color-red-500, #fb2c36);
}

@supports (color: lab(0% 0 0)) {
  .priority-high {
    background-color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
  }
}

.priority-medium {
  background-color: var(--color-yellow-500, #edb200);
}

@supports (color: lab(0% 0 0)) {
  .priority-medium {
    background-color: var(--color-yellow-500, lab(76.3898% 14.5258 98.4589));
  }
}

.priority-low {
  background-color: var(--color-green-500, #00c758);
}

@supports (color: lab(0% 0 0)) {
  .priority-low {
    background-color: var(--color-green-500, lab(70.5521% -66.5147 45.8073));
  }
}

.priority-default {
  background-color: var(--color-gray-300, #d1d5dc);
}

@supports (color: lab(0% 0 0)) {
  .priority-default {
    background-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
  }
}

.status-done {
  background-color: var(--color-green-100, #dcfce7);
  color: var(--color-green-700, #008138);
}

@supports (color: lab(0% 0 0)) {
  .status-done {
    background-color: var(--color-green-100, lab(96.1861% -13.8464 6.52365));
    color: var(--color-green-700, lab(47.0329% -47.0239 31.4788));
  }
}

.status-in-progress {
  background-color: var(--color-yellow-100, #fef9c2);
  color: var(--color-yellow-800, #874b00);
}

@supports (color: lab(0% 0 0)) {
  .status-in-progress {
    background-color: var(--color-yellow-100, lab(97.3564% -4.51407 27.344));
    color: var(--color-yellow-800, lab(38.7484% 23.5833 51.4916));
  }
}

.status-todo {
  background-color: var(--color-blue-100, #dbeafe);
  color: var(--color-blue-700, #1447e6);
}

@supports (color: lab(0% 0 0)) {
  .status-todo {
    background-color: var(--color-blue-100, lab(92.0301% -2.24757 -11.6453));
    color: var(--color-blue-700, lab(36.9089% 35.0961 -85.6872));
  }
}

.status-default {
  background-color: var(--color-gray-100, #f3f4f6);
  color: var(--color-gray-700, #364153);
}

@supports (color: lab(0% 0 0)) {
  .status-default {
    background-color: var(--color-gray-100, lab(96.1596% -.0823438 -1.13575));
    color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
  }
}

.dashboard-loading-screen {
  background-color: var(--background);
  min-height: 100vh;
}

.dashboard-icon-sm {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
}

.dashboard-icon-xs {
  height: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 3);
}

.dashboard-icon-md {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
}

.dashboard-icon-lg {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
}

.task-page-container {
  background-color: var(--background);
  min-height: 100vh;
  padding: 1.5rem;
}

.task-page-content {
  max-width: 80rem;
  margin: 0 auto;
}

.task-page-header {
  margin-bottom: 1.5rem;
}

.task-page-breadcrumb {
  color: var(--secondary-500);
  align-items: center;
  gap: .5rem;
  margin-bottom: .5rem;
  font-size: .75rem;
  display: flex;
}

.task-page-breadcrumb a {
  color: var(--secondary-500);
  text-decoration: none;
  transition: color .2s;
}

.task-page-breadcrumb a:hover {
  color: var(--primary-600);
}

.task-page-breadcrumb span {
  color: var(--secondary-400);
}

.task-page-title-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.task-page-title {
  color: var(--secondary-900);
  font-size: 1.125rem;
  font-weight: 600;
}

.task-page-grid {
  grid-template-columns: 1fr;
  gap: 1.5rem;
  display: grid;
}

@media (min-width: 1024px) {
  .task-page-grid {
    grid-template-columns: 2fr 1fr;
  }
}

.task-page-main {
  order: 2;
}

.task-page-sidebar {
  order: 1;
}

@media (min-width: 1024px) {
  .task-page-main {
    order: 1;
  }

  .task-page-sidebar {
    order: 2;
  }
}

.task-page-form, .task-page-sidebar-content {
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
}

.task-form-section {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.assignment-dropdown {
  position: relative;
}

.assignment-button {
  border: 1px solid var(--border);
  background: var(--card);
  cursor: pointer;
  border-radius: .5rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: .5rem;
  transition: all .2s;
  display: flex;
}

.assignment-button:hover {
  border-color: var(--primary-500);
}

.assignment-button:disabled {
  background: var(--secondary-100);
  color: var(--secondary-400);
  cursor: not-allowed;
}

.assignment-user-info {
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.assignment-user-details {
  text-align: left;
  min-width: 0;
}

.assignment-user-name {
  color: var(--secondary-900);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 500;
  overflow: hidden;
}

.assignment-user-email {
  color: var(--secondary-500);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  overflow: hidden;
}

.assignment-placeholder {
  color: var(--secondary-500);
  font-size: .75rem;
}

.assignment-dropdown-menu {
  z-index: 50;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: .5rem;
  max-height: 12rem;
  margin-top: .25rem;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow-y: auto;
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
}

.assignment-dropdown-item {
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: .5rem;
  width: 100%;
  padding: .75rem;
  font-size: .75rem;
  transition: background-color .2s;
  display: flex;
}

.assignment-dropdown-item:hover {
  background: var(--secondary-50);
}

.assignment-dropdown-item.selected {
  background: var(--primary-50);
}

.assignment-dropdown-item.remove {
  color: var(--error-600);
}

.assignment-dropdown-item.remove:hover {
  background: var(--error-50);
}

.assignment-user-role {
  color: var(--secondary-400);
  font-size: .75rem;
}

.labels-section {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.labels-list {
  flex-wrap: wrap;
  gap: .5rem;
  display: flex;
}

.available-labels {
  margin-bottom: .75rem;
}

.available-labels-title {
  color: var(--secondary-500);
  margin-bottom: .5rem;
  font-size: .75rem;
}

.available-labels-list {
  flex-wrap: wrap;
  gap: .25rem;
  display: flex;
}

.available-label-button {
  border: 1px solid var(--border);
  color: var(--secondary-600);
  cursor: pointer;
  background: none;
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: .75rem;
  transition: all .2s;
}

.add-label-form {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.add-label-controls {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.add-label-color-select {
  flex: 1;
}

.required-field-warning {
  color: var(--error-600);
  background-color: var(--error-50);
  border: 1px solid var(--error-200);
  border-radius: .375rem;
  padding: .5rem;
  font-size: .75rem;
}

.disabled {
  opacity: .6;
  cursor: not-allowed;
}

.available-label-button {
  color: var(--secondary-700);
  cursor: pointer;
  transition: all .2s;
}

.available-label-button:hover {
  background: var(--secondary-50);
}

.label-form {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.label-form-row {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.label-form-row input {
  flex: 1;
}

.add-label-button {
  color: var(--primary-600);
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: .25rem;
  font-size: .75rem;
  transition: color .2s;
  display: flex;
}

.add-label-button:hover {
  color: var(--primary-800);
}

.add-label-button:disabled {
  color: var(--secondary-400);
  cursor: not-allowed;
}

.attachments-section {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.attachments-list {
  flex-direction: column;
  gap: .5rem;
  margin-bottom: .75rem;
  display: flex;
}

.attachment-details {
  min-width: 0;
}

.attachment-name {
  color: var(--secondary-900);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 500;
  overflow: hidden;
}

.file-upload-area {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.file-upload-input {
  display: none;
}

.file-upload-label {
  border: 2px dashed var(--border);
  cursor: pointer;
  text-align: center;
  border-radius: .5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1rem;
  font-size: .75rem;
  transition: all .2s;
  display: flex;
}

.file-upload-label:hover {
  border-color: var(--primary-500);
  color: var(--primary-600);
}

.file-upload-label.uploading {
  color: var(--secondary-400);
  cursor: not-allowed;
  border-color: var(--secondary-200);
}

.file-upload-content {
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.file-upload-text {
  font-weight: 500;
}

.file-upload-subtext {
  color: var(--secondary-400);
  font-size: .75rem;
}

.form-actions {
  justify-content: flex-end;
  align-items: center;
  gap: .75rem;
  padding-top: 1rem;
  display: flex;
}

.assignment-warning {
  color: var(--error-600);
  background: var(--error-50);
  border: 1px solid var(--error-200);
  border-radius: .25rem;
  padding: .5rem;
  font-size: .75rem;
}

.task-page-skeleton {
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

.skeleton-header {
  background: var(--secondary-200);
  border-radius: .25rem;
  width: 33.3333%;
  height: 1.5rem;
  margin-bottom: 2rem;
}

.skeleton-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: .5rem;
  padding: 1.5rem;
}

.skeleton-title {
  background: var(--secondary-200);
  border-radius: .25rem;
  width: 25%;
  height: 1.5rem;
  margin-bottom: 1rem;
}

.skeleton-line {
  background: var(--secondary-200);
  border-radius: .25rem;
  height: 2.5rem;
  margin-bottom: .75rem;
}

.skeleton-line:last-child {
  margin-bottom: 0;
}

.skeleton-textarea {
  background: var(--secondary-200);
  border-radius: .25rem;
  height: 6rem;
}

.error-card {
  border-color: var(--error-200);
  background: var(--error-50);
}

.error-content {
  align-items: flex-start;
  gap: .75rem;
  display: flex;
}

.error-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--error-500);
  margin-top: .125rem;
}

.error-title {
  color: var(--error-700);
  margin-bottom: .5rem;
  font-size: .875rem;
  font-weight: 600;
}

.error-message {
  color: var(--error-600);
  margin-bottom: 1rem;
  font-size: .875rem;
}

.error-link {
  color: var(--primary-600);
  font-size: .875rem;
  text-decoration: underline;
}

.error-link:hover {
  text-decoration: none;
}

.dark .task-page-title, .dark .assignment-user-name {
  color: var(--secondary-100);
}

.dark .assignment-user-email, .dark .assignment-placeholder {
  color: var(--secondary-400);
}

.dark .assignment-button:disabled {
  background: var(--secondary-800);
  color: var(--secondary-500);
}

.dark .assignment-dropdown-item:hover {
  background: var(--secondary-800);
}

.dark .assignment-dropdown-item.selected {
  background: var(--primary-900);
}

.dark .assignment-dropdown-item.remove:hover {
  background: var(--error-900);
}

.dark .available-label-button {
  color: var(--secondary-300);
}

.dark .available-label-button:hover, .dark .attachment-item {
  background: var(--secondary-800);
}

.dark .attachment-name {
  color: var(--secondary-100);
}

.dark .attachment-size {
  color: var(--secondary-400);
}

.dark .assignment-warning {
  color: var(--error-400);
  background: var(--error-900);
  border-color: var(--error-800);
}

.dark .error-card {
  border-color: var(--error-800);
  background: var(--error-900);
}

.dark .error-title {
  color: var(--error-300);
}

.dark .error-message {
  color: var(--error-400);
}

.dark .error-link {
  color: var(--primary-400);
}

.dark .skeleton-header, .dark .skeleton-title, .dark .skeleton-line, .dark .skeleton-textarea {
  background: var(--secondary-700);
}

.task-table-body {
  background: var(--card);
  border-color: var(--border);
}

.task-table-row {
  transition: background-color .2s;
}

.task-table-row:hover {
  background: var(--secondary-50);
}

.task-table-cell {
  white-space: nowrap;
  padding: 1rem 1.5rem;
}

.task-link {
  color: var(--primary-600);
  font-size: .875rem;
  font-weight: 500;
  transition: color .2s;
}

.task-link:hover {
  color: var(--primary-900);
}

.project-link {
  color: var(--secondary-700);
  font-size: .875rem;
  transition: color .2s;
}

.project-link:hover {
  color: var(--primary-600);
}

.task-text {
  color: var(--secondary-900);
  font-size: .875rem;
}

.task-text-secondary {
  color: var(--secondary-500);
  font-size: .875rem;
}

.task-error-message {
  color: var(--error-600);
  background-color: var(--error-50);
  border: 1px solid var(--error-200);
  border-radius: .375rem;
  padding: .5rem;
  font-size: .75rem;
}

.attachment-upload-area {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.attachment-item {
  border: 1px solid var(--border);
  background: var(--secondary-50);
  border-radius: .5rem;
  justify-content: space-between;
  align-items: center;
  padding: .75rem;
  display: flex;
}

.attachment-info {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.attachment-details {
  flex-direction: column;
  display: flex;
}

.attachment-name {
  color: var(--secondary-900);
  font-size: .75rem;
  font-weight: 500;
}

.attachment-size {
  color: var(--secondary-500);
  font-size: .75rem;
}

.attachment-upload-button {
  border: 2px dashed var(--border);
  cursor: pointer;
  width: 100%;
  color: var(--secondary-500);
  background: none;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  font-size: .75rem;
  transition: all .2s;
  display: inline-flex;
}

.attachment-upload-button:hover {
  border-color: var(--primary-500);
  color: var(--primary-600);
}

.attachment-upload-button:disabled {
  color: var(--secondary-400);
  cursor: not-allowed;
  border-color: var(--secondary-200);
}

.attachment-upload-content {
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.attachment-upload-text {
  font-weight: 500;
}

.attachment-upload-help {
  color: var(--secondary-400);
  font-size: .75rem;
}

.task-form-actions {
  justify-content: flex-end;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.loading-spinner {
  width: 1rem;
  height: 1rem;
  animation: 1s linear infinite spin;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.task-empty-state {
  text-align: center;
  color: var(--secondary-500);
  padding: 2.5rem 1.5rem;
  font-size: .875rem;
}

.task-empty-state-content {
  padding: 2rem 0;
}

.task-empty-state-icon {
  width: 3rem;
  height: 3rem;
  color: var(--secondary-400);
  margin: 0 auto;
}

.task-empty-state-title {
  color: var(--secondary-900);
  margin-top: .5rem;
  font-size: .875rem;
  font-weight: 500;
}

.task-empty-state-description {
  color: var(--secondary-500);
  margin-top: .25rem;
  font-size: .875rem;
}

.task-empty-state-action {
  margin-top: 1.5rem;
}

.assignee-container {
  align-items: center;
  display: flex;
}

.assignee-avatar {
  background-color: var(--primary-500);
  color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: .5rem;
  font-size: .75rem;
  display: flex;
}

.assignee-placeholder {
  background-color: var(--secondary-200);
  width: 1.5rem;
  height: 1.5rem;
  color: var(--secondary-500);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-right: .5rem;
  font-size: .75rem;
  display: flex;
}

.assignee-name {
  color: var(--secondary-900);
  font-size: .875rem;
}

.task-detail-loading {
  background-color: var(--background);
  min-height: 100vh;
}

.task-detail-loading-container {
  max-width: 80rem;
  margin: 0 auto;
  padding: 1.5rem;
}

.task-detail-loading-content {
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

.task-detail-loading-breadcrumb {
  background-color: var(--secondary-200);
  border-radius: .375rem;
  width: 33.3333%;
  height: 1.5rem;
  margin-bottom: 2rem;
}

.task-detail-loading-grid {
  grid-template-columns: 1fr;
  gap: 1.5rem;
  display: grid;
}

.task-detail-loading-main, .task-detail-loading-sidebar {
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
}

.task-detail-loading-card-header {
  background-color: var(--secondary-200);
  border-radius: .375rem;
  height: 1.5rem;
  margin-bottom: 1rem;
}

.task-detail-loading-main .task-detail-loading-card-header {
  width: 25%;
}

.task-detail-loading-sidebar .task-detail-loading-card-header {
  width: 50%;
}

.task-detail-loading-lines {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.task-detail-loading-line {
  background-color: var(--secondary-200);
  border-radius: .375rem;
  height: 1rem;
}

.task-detail-loading-line-full {
  width: 100%;
}

.task-detail-loading-line-3-4 {
  width: 75%;
}

.task-detail-loading-line-1-2 {
  width: 50%;
}

.task-detail-loading-input {
  background-color: var(--secondary-200);
  border-radius: .375rem;
  height: 2.5rem;
}

[data-theme="dark"] .task-detail-loading-breadcrumb, [data-theme="dark"] .task-detail-loading-card-header, [data-theme="dark"] .task-detail-loading-line, [data-theme="dark"] .task-detail-loading-input {
  background-color: var(--secondary-700);
}

@media (min-width: 1024px) {
  .task-detail-loading-grid {
    grid-template-columns: 2fr 1fr;
  }
}

.task-detail-error {
  background-color: var(--background);
  min-height: 100vh;
}

.task-detail-error-container {
  max-width: 80rem;
  margin: 0 auto;
  padding: 1.5rem;
}

.task-detail-error-content {
  border-color: var(--red-200);
  background-color: var(--red-50);
  padding: 1.5rem;
}

.task-detail-error-header {
  align-items: flex-start;
  gap: .75rem;
  display: flex;
}

.task-detail-error-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--red-500);
  margin-top: .125rem;
}

.task-detail-error-text {
  flex: 1;
}

.task-detail-error-title {
  color: var(--red-700);
  margin-bottom: .5rem;
  font-size: .875rem;
  font-weight: 600;
}

.task-detail-error-message {
  color: var(--red-600);
  margin-bottom: 1rem;
  font-size: .875rem;
}

.task-detail-error-actions {
  gap: .75rem;
  display: flex;
}

[data-theme="dark"] .task-detail-error-content {
  border-color: var(--red-800);
  background-color: #dc262633;
}

[data-theme="dark"] .task-detail-error-title {
  color: var(--red-300);
}

[data-theme="dark"] .task-detail-error-message {
  color: var(--red-400);
}

.wmde-markdown {
  background: var(--background) !important;
}

.hide-arrows::-webkit-resizer {
  display: none !important;
}

.hide-arrows::-webkit-scrollbar-corner {
  display: none !important;
}

.hide-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  display: none !important;
}

.hide-arrows::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  display: none !important;
}

.hide-arrows {
  scrollbar-width: thin;
}

.task-md-editor, .task-md-editor .w-md-editor-toolbar {
  background: var(--background) !important;
}

.task-md-editor .w-md-editor-toolbar ul li button, .task-md-editor .w-md-editor-toolbar ul li svg {
  color: var(--foreground) !important;
  fill: var(--foreground) !important;
}

.task-md-editor .w-md-editor-preview .wmde-markdown, .task-md-editor .w-md-editor-preview .wmde-markdown-color, .task-md-editor .w-md-editor-preview .wmde-markdown p, .task-md-editor .w-md-editor-preview .wmde-markdown h1, .task-md-editor .w-md-editor-preview .wmde-markdown h2, .task-md-editor .w-md-editor-preview .wmde-markdown h3, .task-md-editor .w-md-editor-preview .wmde-markdown h4, .task-md-editor .w-md-editor-preview .wmde-markdown h5, .task-md-editor .w-md-editor-preview .wmde-markdown h6, .task-md-editor .w-md-editor-preview .wmde-markdown span {
  color: var(--foreground) !important;
  fill: var(--foreground) !important;
  font-size: 14px !important;
}

.task-md-editor .w-md-editor-text-textarea, .task-md-editor .w-md-editor-text-input, .task-md-editor .w-md-editor-text {
  height: 100% !important;
  min-height: 420px !important;
}

.w-md-editor-toolbar button[data-name="edit"] svg {
  display: none;
}

.w-md-editor-toolbar button[data-name="edit"]:after {
  content: "Edit";
  color: var(--foreground);
  font-size: 13px;
  font-weight: 500;
}

.w-md-editor-toolbar button[data-name="preview"] svg {
  display: none;
}

.w-md-editor-toolbar button[data-name="preview"]:after {
  content: "Preview";
  color: var(--foreground);
  font-size: 13px;
  font-weight: 500;
}

.w-md-editor-toolbar button[data-name="fullscreen"] {
  display: none !important;
}

.w-md-editor-toolbar button[data-name="edit"]:after, .w-md-editor-toolbar button[data-name="preview"]:after {
  padding: 0 5px;
}

.w-md-editor-toolbar button[data-name="edit"], .w-md-editor-toolbar button[data-name="preview"] {
  justify-content: center;
  min-width: 60px;
}

.w-md-editor-toolbar button[data-name="edit"].active:after, .w-md-editor-toolbar button[data-name="preview"].active:after {
  color: var(--primary);
  font-weight: 600;
}

.task-description-view .wmde-markdown, .task-description-view .markdown-content {
  color: var(--foreground) !important;
  background-color: #0000 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.task-description-view .wmde-markdown p, .task-description-view .markdown-content p {
  color: var(--foreground) !important;
  margin: .75em 0 !important;
  font-size: 14px !important;
}

.task-description-view .wmde-markdown h1, .task-description-view .markdown-content h1 {
  border-bottom: 1px solid var(--border);
  padding-bottom: .3em;
  color: var(--foreground) !important;
  margin: 1.5em 0 .5em !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}

.task-description-view .wmde-markdown h2, .task-description-view .markdown-content h2 {
  color: var(--foreground) !important;
  margin: 1.25em 0 .5em !important;
  font-size: 20px !important;
  font-weight: 600 !important;
}

.task-description-view .wmde-markdown h3, .task-description-view .markdown-content h3 {
  color: var(--foreground) !important;
  margin: 1em 0 .5em !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

.task-description-view .wmde-markdown h4, .task-description-view .markdown-content h4, .task-description-view .wmde-markdown h5, .task-description-view .markdown-content h5, .task-description-view .wmde-markdown h6, .task-description-view .markdown-content h6 {
  color: var(--foreground) !important;
  margin: 1em 0 .5em !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.task-description-view .wmde-markdown strong, .task-description-view .markdown-content strong {
  color: var(--foreground) !important;
  font-weight: 600 !important;
}

.task-description-view .wmde-markdown code, .task-description-view .markdown-content code {
  background-color: var(--muted) !important;
  color: var(--foreground) !important;
  border-radius: 3px !important;
  padding: .2em .4em !important;
  font-family: Monaco, Courier New, monospace !important;
  font-size: 13px !important;
}

.task-description-view .wmde-markdown pre, .task-description-view .markdown-content pre {
  border: 1px solid var(--border);
  background-color: var(--muted) !important;
  border-radius: 6px !important;
  margin: 1em 0 !important;
  padding: 1em !important;
  overflow-x: auto !important;
}

.task-description-view .wmde-markdown pre code, .task-description-view .markdown-content pre code {
  background-color: #0000 !important;
  padding: 0 !important;
  font-size: 13px !important;
}

.task-description-view .wmde-markdown ul, .task-description-view .markdown-content ul, .task-description-view .wmde-markdown ol, .task-description-view .markdown-content ol {
  margin: .75em 0 !important;
  padding-left: 2em !important;
}

.task-description-view .wmde-markdown li, .task-description-view .markdown-content li {
  color: var(--foreground) !important;
  margin: .25em 0 !important;
  font-size: 14px !important;
}

.task-description-view .wmde-markdown blockquote, .task-description-view .markdown-content blockquote {
  border-left: 4px solid var(--primary) !important;
  color: var(--muted-foreground) !important;
  margin: 1em 0 !important;
  padding-left: 1em !important;
}

.task-description-view .wmde-markdown a, .task-description-view .markdown-content a {
  color: var(--primary) !important;
  text-decoration: underline !important;
}

.task-description-view .wmde-markdown a:hover, .task-description-view .markdown-content a:hover {
  opacity: .8;
  color: var(--primary) !important;
}

.task-description-view .wmde-markdown hr, .task-description-view .markdown-content hr {
  border: none !important;
  border-top: 1px solid var(--border) !important;
  margin: 1.5em 0 !important;
}

.task-description-view .wmde-markdown table, .task-description-view .markdown-content table {
  border-collapse: collapse !important;
  width: 100% !important;
  margin: 1em 0 !important;
}

.task-description-view .wmde-markdown th, .task-description-view .markdown-content th, .task-description-view .wmde-markdown td, .task-description-view .markdown-content td {
  border: 1px solid var(--border) !important;
  color: var(--foreground) !important;
  padding: .5em !important;
  font-size: 14px !important;
}

.task-description-view .wmde-markdown th, .task-description-view .markdown-content th {
  background-color: var(--muted) !important;
  font-weight: 600 !important;
}

.task-description-view .markdown-content input[type="checkbox"] {
  cursor: pointer !important;
  width: 16px !important;
  height: 16px !important;
  accent-color: var(--primary) !important;
  margin-right: .5em !important;
}

.task-description-view .markdown-content .checkbox-line {
  color: var(--foreground) !important;
  align-items: flex-start !important;
  margin: .25em 0 !important;
  font-size: 14px !important;
  display: flex !important;
}

.markdown-content h1 {
  border-bottom: 1px solid var(--border);
  padding-bottom: .3em;
  color: var(--foreground) !important;
  margin: 1.5em 0 .5em !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}

.markdown-content h2 {
  color: var(--foreground) !important;
  margin: 1.25em 0 .5em !important;
  font-size: 20px !important;
  font-weight: 600 !important;
}

.markdown-content h3 {
  color: var(--foreground) !important;
  margin: 1em 0 .5em !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

.markdown-content h4, .markdown-content h5, .markdown-content h6 {
  color: var(--foreground) !important;
  margin: 1em 0 .5em !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.markdown-content code {
  background-color: var(--muted) !important;
  color: var(--foreground) !important;
  border-radius: 3px !important;
  padding: .2em .4em !important;
  font-family: Monaco, Courier New, monospace !important;
  font-size: 13px !important;
}

.markdown-content pre {
  border: 1px solid var(--border);
  background-color: var(--muted) !important;
  border-radius: 6px !important;
  margin: 1em 0 !important;
  padding: 1em !important;
  overflow-x: auto !important;
}

.markdown-content pre code {
  background-color: #0000 !important;
  padding: 0 !important;
  font-size: 13px !important;
}

.task-description-view > div:first-child:last-child {
  color: var(--muted-foreground) !important;
  font-size: 14px !important;
}

.activity-timeline-container {
  position: relative;
}

.activity-timeline-item {
  gap: .75rem;
  padding: .5rem 0;
  display: flex;
  position: relative;
}

.activity-timeline-item:first-child {
  padding-top: 0;
}

.activity-timeline {
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  width: 20px;
  margin-top: 5px;
  display: flex;
  position: relative;
}

.timeline-line-top, .timeline-line-bottom {
  background: var(--border);
  width: 2px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.timeline-line-top {
  top: 0;
  bottom: 50%;
}

.timeline-line-bottom {
  top: 50%;
  bottom: -.5rem;
}

.timeline-bullet {
  z-index: 1;
  background: var(--card);
  border: 2px solid var(--border);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  position: relative;
}

.timeline-bullet-inner {
  background: var(--muted-foreground);
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.activity-content {
  flex: 1;
  min-width: 0;
}

.dark .timeline-line-top, .dark .timeline-line-bottom {
  background: var(--border);
  opacity: .5;
}

.dark .timeline-bullet {
  background: var(--card);
  border-color: var(--border);
}

.dark .timeline-bullet-inner {
  background: var(--muted-foreground);
}

@media (max-width: 640px) {
  .activity-timeline {
    width: 16px;
  }

  .timeline-bullet {
    width: 14px;
    height: 14px;
  }

  .timeline-bullet-inner {
    width: 6px;
    height: 6px;
  }
}

.project-detail-container {
  background-color: var(--background);
  min-height: 100vh;
  padding: 0;
}

.project-detail-content {
  max-width: 80rem;
  min-height: 100vh;
  margin: 0 auto;
  padding: 2rem 1.5rem;
}

.project-detail-breadcrumb {
  color: var(--secondary-500);
  align-items: center;
  gap: .5rem;
  margin-bottom: 2rem;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
}

.project-detail-breadcrumb a {
  color: var(--secondary-500);
  text-decoration: none;
  transition: color .2s;
}

.project-detail-breadcrumb a:hover {
  color: var(--primary-600);
}

.project-detail-breadcrumb span {
  color: var(--secondary-400);
}

.project-detail-header {
  border-bottom: 1px solid var(--border);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.project-detail-title-section {
  flex: 1;
  align-items: flex-start;
  gap: 1rem;
  display: flex;
}

.project-detail-title {
  color: var(--secondary-900);
  margin-bottom: .5rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.project-detail-description {
  color: var(--secondary-600);
  max-width: 48rem;
  font-size: 1rem;
  line-height: 1.5;
}

.project-detail-actions {
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.5rem;
  display: flex;
}

.project-detail-stats {
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-bottom: 2rem;
  display: grid;
}

.project-detail-members {
  margin-bottom: 2rem;
}

.project-detail-tasks-header {
  border-bottom: 1px solid var(--border);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  display: flex;
}

.project-detail-tasks-title {
  color: var(--secondary-900);
  align-items: center;
  gap: .75rem;
  font-size: 1.25rem;
  font-weight: 700;
  display: flex;
}

.project-detail-tasks-link {
  color: var(--primary-600);
  align-items: center;
  gap: .375rem;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.project-detail-tasks-link:hover {
  color: var(--primary-800);
}

.project-detail-kanban {
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
  display: grid;
}

@media (min-width: 768px) {
  .project-detail-content {
    padding: 2.5rem 2rem;
  }

  .project-detail-header {
    flex-direction: row;
    align-items: flex-start;
  }

  .project-detail-title-section {
    align-items: center;
  }

  .project-detail-actions {
    align-self: flex-start;
    margin-top: 0;
  }

  .project-detail-stats {
    grid-template-columns: repeat(4, 1fr);
  }

  .project-detail-kanban {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .project-detail-content {
    padding: 3rem 2rem;
  }

  .project-detail-kanban {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 767px) {
  .project-detail-content {
    padding: 1.5rem 1rem;
  }

  .project-detail-title {
    font-size: 1.25rem;
  }

  .project-detail-description {
    font-size: .875rem;
  }
}

.dark .project-detail-container {
  background-color: var(--background-dark);
}

.dark .project-detail-breadcrumb, .dark .project-detail-breadcrumb a {
  color: var(--secondary-400);
}

.dark .project-detail-breadcrumb a:hover {
  color: var(--primary-400);
}

.dark .project-detail-breadcrumb span {
  color: var(--secondary-500);
}

.dark .project-detail-header {
  border-bottom-color: var(--border-dark);
}

.dark .project-detail-title {
  color: var(--secondary-100);
}

.dark .project-detail-description {
  color: var(--secondary-300);
}

.dark .project-detail-tasks-header {
  border-bottom-color: var(--border-dark);
}

.dark .project-detail-tasks-title {
  color: var(--secondary-100);
}

.dark .project-detail-tasks-link {
  color: var(--primary-400);
}

.dark .project-detail-tasks-link:hover {
  color: var(--primary-300);
}

:where(.activity-loading-container > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.activity-loading-item {
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 2);
  padding: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.activity-loading-avatar {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  background-color: var(--muted);
  border-radius: 3.40282e38px;
  flex-shrink: 0;
}

.activity-loading-content {
  flex: 1;
}

:where(.activity-loading-content > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 1) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 1) * calc(1 - var(--tw-space-y-reverse)));
}

.activity-loading-title {
  height: calc(var(--spacing, .25rem) * 3);
  background-color: var(--muted);
  border-radius: .25rem;
  width: 75%;
}

.activity-loading-subtitle {
  height: calc(var(--spacing, .25rem) * 2);
  background-color: var(--muted);
  border-radius: .25rem;
  width: 50%;
}

.activity-error-container {
  padding-block: calc(var(--spacing, .25rem) * 8);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.activity-error-icon-container {
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-xl, .75rem);
  background-color: hsl(var(--destructive) / .1);
  justify-content: center;
  align-items: center;
  display: flex;
}

.activity-error-icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  color: var(--destructive);
}

.activity-error-title {
  margin-bottom: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--accent-foreground);
}

.activity-error-description {
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.activity-error-button {
  height: calc(var(--spacing, .25rem) * 7);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
}

.activity-empty-container {
  padding-block: calc(var(--spacing, .25rem) * 8);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.activity-empty-icon-container {
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-xl, .75rem);
  background-color: var(--muted);
  justify-content: center;
  align-items: center;
  display: flex;
}

.activity-empty-icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  color: var(--muted-foreground);
}

.activity-empty-title {
  margin-bottom: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--accent-foreground);
}

.activity-empty-description {
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.activity-empty-button {
  height: calc(var(--spacing, .25rem) * 7);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
}

:where(.activity-feed-container > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 1) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 1) * calc(1 - var(--tw-space-y-reverse)));
}

.activity-feed-item {
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-md, .375rem);
  padding: calc(var(--spacing, .25rem) * 2);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  display: flex;
}

.activity-feed-item:hover {
  background-color: var(--accent);
}

.activity-feed-avatar {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  flex-shrink: 0;
}

.activity-feed-avatar-fallback {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  background-color: var(--primary);
  color: var(--primary-foreground);
}

.activity-content-container {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.activity-content-main {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
}

.activity-content-user-name {
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--foreground);
}

.activity-content-action {
  margin-inline: calc(var(--spacing, .25rem) * 1);
  color: var(--muted-foreground);
}

.activity-content-link {
  margin-left: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
}

@media (hover: hover) {
  .activity-content-link:hover {
    text-decoration-line: underline;
  }
}

.activity-content-link {
  color: var(--primary);
}

.activity-meta-row {
  margin-top: calc(var(--spacing, .25rem) * 1);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.activity-meta-timestamp {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  display: flex;
}

.activity-meta-timestamp-icon {
  height: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 3);
}

.activity-meta-timestamp-text {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}

.activity-meta-badge {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  text-transform: capitalize;
  background-color: hsl(var(--accent) / .3);
  color: var(--accent-foreground);
}

.activity-meta-badge:hover {
  background-color: hsl(var(--accent) / .5);
}

.activity-comment-container {
  margin-top: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-lg, .5rem);
  padding: calc(var(--spacing, .25rem) * 3);
  background-color: hsl(var(--accent) / .2);
}

.activity-comment-content {
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.activity-comment-icon {
  margin-top: calc(var(--spacing, .25rem) * .5);
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  color: var(--primary);
  flex-shrink: 0;
}

.activity-comment-text {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--foreground);
}

.activity-page-root {
  background-color: var(--background);
  min-height: 100vh;
}

.activity-page-layout {
  height: 100vh;
  display: flex;
}

.activity-page-main {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.activity-page-scroll {
  flex: 1;
  overflow-y: auto;
}

.activity-page-padding {
  padding: 1rem;
}

.activity-page-container {
  background: var(--background);
  border: none;
  border-radius: .5rem;
  min-height: 100vh;
  transition: color .2s ease-in-out;
}

.activity-page-content {
  border: none;
  border-radius: .5rem;
  margin: 0 auto;
  padding: 1rem;
}

.page-header-icon {
  width: 1rem;
  height: 1rem;
}

.activity-page-actions {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.active-filter-badge-container {
  align-items: center;
  gap: .5rem;
  animation: .2s ease-in-out slideInFromRight;
  display: flex;
}

.active-filter-badge {
  border: 1px solid;
  border-radius: .375rem;
  align-items: center;
  gap: .5rem;
  padding: .375rem .75rem;
  transition: all .2s ease-in-out;
  display: flex;
}

.filter-all {
  color: #374151;
  background-color: #6b72801a;
}

.filter-task {
  color: #15803d;
  background-color: #22c55e1a;
}

.filter-project {
  color: #1d4ed8;
  background-color: #3b82f61a;
}

.filter-workspace {
  color: #7e22ce;
  background-color: #9333ea1a;
}

.filter-user {
  color: #c2410c;
  background-color: #f973161a;
}

.filter-badge-icon {
  width: .75rem;
  height: .75rem;
}

.filter-badge-text {
  font-size: .75rem;
  font-weight: 500;
}

.clear-filter-button {
  cursor: pointer;
  border-radius: 50%;
  margin-left: .25rem;
  padding: .125rem;
  transition: background-color .2s ease-in-out;
}

.clear-filter-button:hover {
  opacity: .5;
}

.clear-filter-icon {
  width: .75rem;
  height: .75rem;
}

.filter-trigger-button {
  border: 1px solid var(--border);
  cursor: pointer;
  background: none;
  border-radius: .375rem;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  transition: all .2s ease-in-out;
  position: relative;
}

.filter-trigger-button:hover {
  background-color: var(--accent);
  border-color: var(--primary);
  opacity: .5;
}

.filter-trigger-icon {
  width: 1rem;
  height: 1rem;
}

.filter-active-indicator {
  background-color: var(--primary);
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
  animation: 2s infinite pulse;
  position: absolute;
  top: -.25rem;
  right: -.25rem;
}

.filter-dropdown-content {
  border: 1px solid var(--border);
  background-color: var(--background);
  border-radius: .375rem;
  width: 14rem;
}

.filter-dropdown-label {
  color: var(--muted-foreground);
  text-transform: uppercase;
  letter-spacing: .025em;
  padding: .5rem .75rem;
  font-size: .75rem;
  font-weight: 600;
}

.filter-dropdown-separator {
  background-color: var(--border);
  height: 1px;
  margin: 0;
}

.filter-dropdown-item {
  cursor: pointer;
  align-items: center;
  gap: .75rem;
  padding: .625rem .75rem;
  transition: all .2s ease-in-out;
  display: flex;
}

.filter-dropdown-item:hover {
  background-color: var(--accent);
  opacity: .5;
}

.filter-dropdown-item-active {
  background-color: var(--accent);
  color: var(--accent-foreground);
  font-weight: 500;
}

.filter-dropdown-icon {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  transition: background-color .2s ease-in-out;
  display: flex;
}

.filter-dropdown-icon-inactive {
  background-color: var(--muted);
  opacity: .3;
}

.dropdown-icon {
  width: .75rem;
  height: .75rem;
}

.filter-dropdown-label-text {
  flex: 1;
}

.filter-dropdown-check {
  width: 1rem;
  height: 1rem;
  color: var(--primary);
  animation: .2s ease-in-out zoomIn;
}

.clear-all-filter-item {
  cursor: pointer;
  color: var(--muted-foreground);
  align-items: center;
  gap: .75rem;
  padding: .625rem .75rem;
  transition: all .2s ease-in-out;
  display: flex;
}

.clear-all-filter-item:hover {
  background-color: var(--accent);
  opacity: .5;
  color: var(--foreground);
}

.clear-all-filter-icon {
  width: 1rem;
  height: 1rem;
}

@keyframes slideInFromRight {
  from {
    opacity: 0;
    transform: translateX(.5rem);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(.5);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 1024px) {
  .activity-page-actions {
    flex-direction: row;
    align-items: center;
    gap: .75rem;
  }
}

:where(.analytics-dashboard-container > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 6) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 6) * calc(1 - var(--tw-space-y-reverse)));
}

.analytics-dashboard-loading {
  height: calc(var(--spacing, .25rem) * 96);
  justify-content: center;
  align-items: center;
  display: flex;
}

.analytics-dashboard-loading-spinner {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  animation: var(--animate-spin, spin 1s linear infinite);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  border-color: var(--primary);
  border-radius: 3.40282e38px;
}

.analytics-dashboard-no-data {
  padding-block: calc(var(--spacing, .25rem) * 12);
  text-align: center;
}

.analytics-dashboard-no-data-title {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
}

.analytics-dashboard-no-data-description {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.analytics-header-container {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.analytics-header-title {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.analytics-header-subtitle {
  color: var(--muted-foreground);
}

.analytics-header-actions {
  align-items: center;
  display: flex;
}

:where(.analytics-header-actions > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-x-reverse)));
}

.analytics-date-select {
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  background-color: var(--card);
  border-width: 1px;
  border-color: var(--border);
  color: var(--foreground);
}

.analytics-metrics-grid {
  gap: calc(var(--spacing, .25rem) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 48rem) {
  .analytics-metrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .analytics-metrics-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.analytics-chart-controls {
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  padding: calc(var(--spacing, .25rem) * 4);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background-color: var(--card);
  border-width: 1px;
  border-color: var(--border);
}

.analytics-chart-controls-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.analytics-chart-controls-title {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.analytics-chart-controls-filters {
  align-items: center;
  display: flex;
}

:where(.analytics-chart-controls-filters > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.analytics-chart-controls-label {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.analytics-chart-toggle-button {
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  border-radius: 3.40282e38px;
}

.analytics-chart-toggle-button-active {
  background-color: hsl(var(--primary) / .1);
  color: var(--primary);
}

.analytics-chart-toggle-button-inactive {
  background-color: var(--muted);
  color: var(--muted-foreground);
}

.analytics-chart-toggle-button-inactive:hover {
  background-color: hsl(var(--muted) / .8);
}

.analytics-charts-grid {
  gap: calc(var(--spacing, .25rem) * 6);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 64rem) {
  .analytics-charts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.analytics-insights-container {
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  padding: calc(var(--spacing, .25rem) * 6);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background-color: var(--card);
  border-width: 1px;
  border-color: var(--border);
}

.analytics-insights-title {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.analytics-insights-grid {
  gap: calc(var(--spacing, .25rem) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 48rem) {
  .analytics-insights-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.analytics-insight-card {
  border-radius: var(--radius-lg, .5rem);
  padding: calc(var(--spacing, .25rem) * 4);
}

.analytics-insight-card-blue {
  background-color: hsl(var(--primary) / .1);
}

.analytics-insight-card-green {
  background-color: var(--color-green-50, #f0fdf4);
}

@supports (color: lab(0% 0 0)) {
  .analytics-insight-card-green {
    background-color: var(--color-green-50, lab(98.1563% -5.60117 2.75915));
  }
}

@media (prefers-color-scheme: dark) {
  .analytics-insight-card-green {
    background-color: #0d542b33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .analytics-insight-card-green {
      background-color: color-mix(in oklab, var(--color-green-900, lab(30.797% -29.6927 17.382)) 20%, transparent);
    }
  }
}

.analytics-insight-card-purple {
  background-color: var(--color-purple-50, #faf5ff);
}

@supports (color: lab(0% 0 0)) {
  .analytics-insight-card-purple {
    background-color: var(--color-purple-50, lab(97.1627% 2.99937 -4.13398));
  }
}

@media (prefers-color-scheme: dark) {
  .analytics-insight-card-purple {
    background-color: #59168b33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .analytics-insight-card-purple {
      background-color: color-mix(in oklab, var(--color-purple-900, lab(24.9401% 45.2703 -51.2728)) 20%, transparent);
    }
  }
}

.analytics-insight-card-orange {
  background-color: var(--color-orange-50, #fff7ed);
}

@supports (color: lab(0% 0 0)) {
  .analytics-insight-card-orange {
    background-color: var(--color-orange-50, lab(97.7008% 1.53735 5.90649));
  }
}

@media (prefers-color-scheme: dark) {
  .analytics-insight-card-orange {
    background-color: #7e2a0c33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .analytics-insight-card-orange {
      background-color: color-mix(in oklab, var(--color-orange-900, lab(30.2951% 36.0434 37.671)) 20%, transparent);
    }
  }
}

.analytics-insight-card-title {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}

.analytics-insight-card-title-blue {
  color: var(--color-blue-900, #1c398e);
}

@supports (color: lab(0% 0 0)) {
  .analytics-insight-card-title-blue {
    color: var(--color-blue-900, lab(26.1542% 15.7545 -51.5504));
  }
}

@media (prefers-color-scheme: dark) {
  .analytics-insight-card-title-blue {
    color: var(--color-blue-100, #dbeafe);
  }
}

.analytics-insight-card-title-green {
  color: var(--color-green-900, #0d542b);
}

@supports (color: lab(0% 0 0)) {
  .analytics-insight-card-title-green {
    color: var(--color-green-900, lab(30.797% -29.6927 17.382));
  }
}

@media (prefers-color-scheme: dark) {
  .analytics-insight-card-title-green {
    color: var(--color-green-100, #dcfce7);
  }
}

.analytics-insight-card-title-purple {
  color: var(--color-purple-900, #59168b);
}

@supports (color: lab(0% 0 0)) {
  .analytics-insight-card-title-purple {
    color: var(--color-purple-900, lab(24.9401% 45.2703 -51.2728));
  }
}

@media (prefers-color-scheme: dark) {
  .analytics-insight-card-title-purple {
    color: var(--color-purple-100, #f3e8ff);
  }
}

.analytics-insight-card-title-orange {
  color: var(--color-orange-900, #7e2a0c);
}

@supports (color: lab(0% 0 0)) {
  .analytics-insight-card-title-orange {
    color: var(--color-orange-900, lab(30.2951% 36.0434 37.671));
  }
}

@media (prefers-color-scheme: dark) {
  .analytics-insight-card-title-orange {
    color: var(--color-orange-100, #ffedd5);
  }
}

.analytics-insight-card-content {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
}

.analytics-insight-card-content-blue {
  color: var(--color-blue-800, #193cb8);
}

@supports (color: lab(0% 0 0)) {
  .analytics-insight-card-content-blue {
    color: var(--color-blue-800, lab(30.2514% 27.7853 -70.2699));
  }
}

@media (prefers-color-scheme: dark) {
  .analytics-insight-card-content-blue {
    color: var(--color-blue-200, #bedbff);
  }
}

.analytics-insight-card-content-green {
  color: var(--color-green-800, #016630);
}

@supports (color: lab(0% 0 0)) {
  .analytics-insight-card-content-green {
    color: var(--color-green-800, lab(37.4616% -36.7971 22.9692));
  }
}

@media (prefers-color-scheme: dark) {
  .analytics-insight-card-content-green {
    color: var(--color-green-200, #b9f8cf);
  }
}

.analytics-insight-card-content-purple {
  color: var(--color-purple-800, #6e11b0);
}

@supports (color: lab(0% 0 0)) {
  .analytics-insight-card-content-purple {
    color: var(--color-purple-800, lab(30.6017% 56.7637 -64.4751));
  }
}

@media (prefers-color-scheme: dark) {
  .analytics-insight-card-content-purple {
    color: var(--color-purple-200, #e9d5ff);
  }
}

.analytics-insight-card-content-orange {
  color: var(--color-orange-800, #9f2d00);
}

@supports (color: lab(0% 0 0)) {
  .analytics-insight-card-content-orange {
    color: var(--color-orange-800, lab(37.1566% 46.6433 50.5562));
  }
}

@media (prefers-color-scheme: dark) {
  .analytics-insight-card-content-orange {
    color: var(--color-orange-200, #ffd7a8);
  }
}

.analytics-stats-container {
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  padding: calc(var(--spacing, .25rem) * 6);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background-color: var(--card);
  border-width: 1px;
  border-color: var(--border);
}

.analytics-stats-title {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.analytics-stats-grid {
  gap: calc(var(--spacing, .25rem) * 6);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 48rem) {
  .analytics-stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.analytics-stats-section-title {
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
}

:where(.analytics-stats-list > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.analytics-stats-item {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.analytics-stats-item-label {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.analytics-stats-item-value {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
}

.analytics-metric-card {
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  padding: calc(var(--spacing, .25rem) * 6);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  border-width: 1px;
}

@media (hover: hover) {
  .analytics-metric-card:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.analytics-metric-card {
  border-color: var(--border);
}

.analytics-metric-card-clickable {
  cursor: pointer;
}

.analytics-metric-card-content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.analytics-metric-card-title {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--muted-foreground);
}

.analytics-metric-card-value {
  margin-top: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}

.analytics-metric-card-change {
  margin-top: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
}

.analytics-metric-card-icon {
  padding: calc(var(--spacing, .25rem) * 3);
  border-radius: 3.40282e38px;
}

.analytics-metric-card-icon-emoji {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
}

:where(.analytics-chart-container > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.analytics-chart-container {
  border-radius: var(--radius-lg, .5rem);
  --tw-border-style: none;
  padding-top: calc(var(--spacing, .25rem) * 4);
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background-color: var(--card);
  border-style: none;
}

.analytics-chart-header {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.analytics-chart-title {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.analytics-chart-legend {
  align-items: center;
  display: flex;
}

:where(.analytics-chart-legend > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-x-reverse)));
}

.analytics-chart-legend-item {
  align-items: center;
  display: flex;
}

:where(.analytics-chart-legend-item > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 1) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 1) * calc(1 - var(--tw-space-x-reverse)));
}

.analytics-chart-legend-dot {
  height: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 3);
  border-radius: .25rem;
}

.analytics-chart-legend-line {
  height: calc(var(--spacing, .25rem) * .5);
  width: calc(var(--spacing, .25rem) * 3);
}

.analytics-chart-legend-label {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.analytics-burndown-progress-container {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
}

.analytics-burndown-progress-header {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.analytics-burndown-progress-label {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.analytics-burndown-progress-value {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
}

.analytics-burndown-progress-bar {
  height: calc(var(--spacing, .25rem) * 2);
  background-color: var(--muted);
  border-radius: 3.40282e38px;
  width: 100%;
}

.analytics-burndown-progress-fill {
  height: calc(var(--spacing, .25rem) * 2);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  border-radius: 3.40282e38px;
  transition-duration: .3s;
}

.analytics-burndown-progress-labels {
  margin-top: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  justify-content: space-between;
  display: flex;
}

.analytics-burndown-chart-svg {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  border-radius: .25rem;
}

.analytics-burndown-status-container {
  margin-top: calc(var(--spacing, .25rem) * 4);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.analytics-burndown-status-badge {
  align-items: center;
  display: flex;
}

:where(.analytics-burndown-status-badge > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.analytics-burndown-status-badge {
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 1);
  border-radius: 3.40282e38px;
}

.analytics-burndown-status-badge-on-track {
  background-color: var(--color-green-100, #dcfce7);
  color: var(--color-green-800, #016630);
}

@supports (color: lab(0% 0 0)) {
  .analytics-burndown-status-badge-on-track {
    background-color: var(--color-green-100, lab(96.1861% -13.8464 6.52365));
    color: var(--color-green-800, lab(37.4616% -36.7971 22.9692));
  }
}

@media (prefers-color-scheme: dark) {
  .analytics-burndown-status-badge-on-track {
    background-color: var(--color-green-900, #0d542b);
  }

  .analytics-burndown-status-badge-on-track {
    color: var(--color-green-200, #b9f8cf);
  }
}

.analytics-burndown-status-badge-behind {
  background-color: var(--color-red-100, #ffe2e2);
  color: var(--color-red-800, #9f0712);
}

@supports (color: lab(0% 0 0)) {
  .analytics-burndown-status-badge-behind {
    background-color: var(--color-red-100, lab(92.243% 10.2865 3.83865));
    color: var(--color-red-800, lab(33.7174% 55.8993 41.0293));
  }
}

@media (prefers-color-scheme: dark) {
  .analytics-burndown-status-badge-behind {
    background-color: var(--color-red-900, #82181a);
  }

  .analytics-burndown-status-badge-behind {
    color: var(--color-red-200, #ffcaca);
  }
}

.analytics-burndown-status-indicator {
  height: calc(var(--spacing, .25rem) * 2);
  width: calc(var(--spacing, .25rem) * 2);
  border-radius: 3.40282e38px;
}

.analytics-burndown-status-text {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}

.analytics-burndown-remaining {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.analytics-burndown-stats-container {
  margin-top: calc(var(--spacing, .25rem) * 4);
  border-top-style: var(--tw-border-style);
  padding-top: calc(var(--spacing, .25rem) * 4);
  border-top-width: 1px;
  border-color: var(--border);
}

.analytics-burndown-stats-grid {
  gap: calc(var(--spacing, .25rem) * 4);
  text-align: center;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.analytics-burndown-stat-value {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}

.analytics-burndown-stat-label {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

:where(.analytics-distribution-chart-container > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.analytics-distribution-chart-svg-container {
  justify-content: center;
  display: flex;
}

.analytics-distribution-chart-svg-wrapper {
  height: calc(var(--spacing, .25rem) * 40);
  width: calc(var(--spacing, .25rem) * 40);
  position: relative;
}

.analytics-distribution-chart-svg {
  width: 100%;
  height: 100%;
  rotate: -90deg;
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}

.analytics-distribution-chart-center {
  inset: calc(var(--spacing, .25rem) * 0);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.analytics-distribution-chart-total {
  text-align: center;
}

.analytics-distribution-chart-total-value {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--foreground);
}

.analytics-distribution-chart-total-label {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.analytics-distribution-legend-grid {
  gap: calc(var(--spacing, .25rem) * 2);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.analytics-distribution-legend-item {
  align-items: center;
  display: flex;
}

:where(.analytics-distribution-legend-item > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.analytics-distribution-legend-color {
  height: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 3);
  border-radius: 3.40282e38px;
}

.analytics-distribution-legend-label {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.analytics-distribution-legend-value {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
}

:where(.analytics-distribution-percentages > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.analytics-distribution-percentages {
  border-top-style: var(--tw-border-style);
  padding-top: calc(var(--spacing, .25rem) * 4);
  border-top-width: 1px;
  border-color: var(--border);
}

.analytics-distribution-percentage-item {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.analytics-distribution-percentage-info {
  align-items: center;
  display: flex;
}

:where(.analytics-distribution-percentage-info > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.analytics-distribution-percentage-dot {
  height: calc(var(--spacing, .25rem) * 2);
  width: calc(var(--spacing, .25rem) * 2);
  border-radius: 3.40282e38px;
}

.analytics-distribution-percentage-label {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.analytics-distribution-percentage-value {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
}

.analytics-distribution-tabs {
  align-items: center;
  display: flex;
}

:where(.analytics-distribution-tabs > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 1) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 1) * calc(1 - var(--tw-space-x-reverse)));
}

.analytics-distribution-tab {
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  border-radius: .25rem;
}

.analytics-distribution-tab-active {
  color: var(--primary);
  background-color: hsl(var(--primary) / .1);
}

.analytics-distribution-tab-inactive {
  color: var(--muted-foreground);
}

.analytics-distribution-tab-inactive:hover {
  color: var(--foreground);
}

.analytics-velocity-summary-grid {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  gap: calc(var(--spacing, .25rem) * 4);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.analytics-velocity-summary-item {
  text-align: center;
}

.analytics-velocity-summary-value {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--foreground);
}

.analytics-velocity-summary-value-positive {
  color: var(--color-green-600, #00a544);
}

@supports (color: lab(0% 0 0)) {
  .analytics-velocity-summary-value-positive {
    color: var(--color-green-600, lab(59.0978% -58.6621 41.2579));
  }
}

@media (prefers-color-scheme: dark) {
  .analytics-velocity-summary-value-positive {
    color: var(--color-green-400, #05df72);
  }
}

.analytics-velocity-summary-value-negative {
  color: var(--color-red-600, #e40014);
}

@supports (color: lab(0% 0 0)) {
  .analytics-velocity-summary-value-negative {
    color: var(--color-red-600, lab(48.4493% 77.4328 61.5452));
  }
}

@media (prefers-color-scheme: dark) {
  .analytics-velocity-summary-value-negative {
    color: var(--color-red-400, #ff6568);
  }
}

.analytics-velocity-summary-label {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.analytics-velocity-chart-container {
  position: relative;
  overflow-x: auto;
}

.analytics-velocity-chart-svg {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  border-radius: .25rem;
}

.analytics-velocity-stats-container {
  margin-top: calc(var(--spacing, .25rem) * 4);
  border-top-style: var(--tw-border-style);
  padding-top: calc(var(--spacing, .25rem) * 4);
  border-top-width: 1px;
  border-color: var(--border);
}

.analytics-velocity-stats-grid {
  gap: calc(var(--spacing, .25rem) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 48rem) {
  .analytics-velocity-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.analytics-velocity-stats-section-title {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
}

:where(.analytics-velocity-stats-list > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 1) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 1) * calc(1 - var(--tw-space-y-reverse)));
}

.analytics-velocity-stats-item {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.analytics-velocity-stats-item-label {
  color: var(--muted-foreground);
}

.analytics-velocity-stats-item-value {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}

.analytics-velocity-stats-item-value-green {
  color: var(--color-green-600, #00a544);
}

@supports (color: lab(0% 0 0)) {
  .analytics-velocity-stats-item-value-green {
    color: var(--color-green-600, lab(59.0978% -58.6621 41.2579));
  }
}

@media (prefers-color-scheme: dark) {
  .analytics-velocity-stats-item-value-green {
    color: var(--color-green-400, #05df72);
  }
}

.analytics-velocity-stats-item-value-blue {
  color: var(--color-blue-600, #155dfc);
}

@supports (color: lab(0% 0 0)) {
  .analytics-velocity-stats-item-value-blue {
    color: var(--color-blue-600, lab(44.0605% 29.0279 -86.0352));
  }
}

@media (prefers-color-scheme: dark) {
  .analytics-velocity-stats-item-value-blue {
    color: var(--color-blue-400, #54a2ff);
  }
}

.analytics-velocity-stats-item-value-orange {
  color: var(--color-orange-600, #f05100);
}

@supports (color: lab(0% 0 0)) {
  .analytics-velocity-stats-item-value-orange {
    color: var(--color-orange-600, lab(57.1026% 64.2584 89.8886));
  }
}

@media (prefers-color-scheme: dark) {
  .analytics-velocity-stats-item-value-orange {
    color: var(--color-orange-400, #ff8b1a);
  }
}

.analytics-velocity-stats-item-value-white {
  color: var(--foreground);
}

.analytics-workload-overview-grid {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  gap: calc(var(--spacing, .25rem) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 48rem) {
  .analytics-workload-overview-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.analytics-workload-overview-item {
  text-align: center;
}

.analytics-workload-overview-value {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--foreground);
}

.analytics-workload-overview-label {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

:where(.analytics-workload-members-list > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.analytics-workload-member-container > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.analytics-workload-member-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.analytics-workload-member-info {
  align-items: center;
  display: flex;
}

:where(.analytics-workload-member-info > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-x-reverse)));
}

.analytics-workload-member-name {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
}

.analytics-workload-member-stats {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.analytics-workload-member-status {
  text-align: right;
}

.analytics-workload-member-status-text {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}

.analytics-workload-member-utilization {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

:where(.analytics-workload-bars-container > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.analytics-workload-capacity-bar-container {
  position: relative;
}

.analytics-workload-capacity-bar-bg {
  height: calc(var(--spacing, .25rem) * 4);
  background-color: var(--muted);
  border-radius: 3.40282e38px;
  width: 100%;
}

.analytics-workload-capacity-bar-fill {
  height: calc(var(--spacing, .25rem) * 4);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  border-radius: 3.40282e38px;
  transition-duration: .3s;
}

.analytics-workload-capacity-bar-text {
  inset: calc(var(--spacing, .25rem) * 0);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.analytics-workload-capacity-bar-label {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-white, #fff);
}

.analytics-workload-completion-bar-container {
  position: relative;
}

.analytics-workload-completion-bar-bg {
  height: calc(var(--spacing, .25rem) * 2);
  background-color: var(--muted);
  border-radius: 3.40282e38px;
  width: 100%;
}

.analytics-workload-completion-bar-fill {
  height: calc(var(--spacing, .25rem) * 2);
  background-color: var(--color-green-500, #00c758);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  border-radius: 3.40282e38px;
  transition-duration: .3s;
}

@supports (color: lab(0% 0 0)) {
  .analytics-workload-completion-bar-fill {
    background-color: var(--color-green-500, lab(70.5521% -66.5147 45.8073));
  }
}

.analytics-workload-completion-labels {
  margin-top: calc(var(--spacing, .25rem) * 1);
  justify-content: space-between;
  display: flex;
}

.analytics-workload-completion-label {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.analytics-workload-distribution-container {
  margin-top: calc(var(--spacing, .25rem) * 6);
  border-top-style: var(--tw-border-style);
  padding-top: calc(var(--spacing, .25rem) * 4);
  border-top-width: 1px;
  border-color: var(--border);
}

.analytics-workload-distribution-title {
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
}

.analytics-workload-distribution-grid {
  gap: calc(var(--spacing, .25rem) * 4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 48rem) {
  .analytics-workload-distribution-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.analytics-workload-distribution-item {
  text-align: center;
}

.analytics-workload-distribution-circle {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.analytics-workload-distribution-count {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-white, #fff);
}

.analytics-workload-distribution-label {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.analytics-workload-recommendations-container {
  margin-top: calc(var(--spacing, .25rem) * 6);
  border-top-style: var(--tw-border-style);
  padding-top: calc(var(--spacing, .25rem) * 4);
  border-top-width: 1px;
  border-color: var(--border);
}

.analytics-workload-recommendations-title {
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
}

:where(.analytics-workload-recommendations-list > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.analytics-workload-recommendation-item {
  align-items: flex-start;
  display: flex;
}

:where(.analytics-workload-recommendation-item > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.analytics-workload-recommendation-item {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
}

.analytics-workload-recommendation-dot {
  margin-top: calc(var(--spacing, .25rem) * 1.5);
  height: calc(var(--spacing, .25rem) * 2);
  width: calc(var(--spacing, .25rem) * 2);
  border-radius: 3.40282e38px;
  flex-shrink: 0;
}

.analytics-workload-recommendation-text {
  color: var(--muted-foreground);
}

.analytics-workload-recommendation-emphasis {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}

.header-button-base {
  height: calc(var(--spacing, .25rem) * 7);
  width: calc(var(--spacing, .25rem) * 7);
  cursor: pointer;
  border-radius: var(--radius-md, .375rem);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  position: relative;
}

.header-button-base:hover {
  background-color: var(--accent);
}

.header-button-icon {
  width: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 4);
  color: var(--muted-foreground);
}

.header-mode-toggle {
  height: calc(var(--spacing, .25rem) * 7);
  width: calc(var(--spacing, .25rem) * 7);
  cursor: pointer;
  border-radius: var(--radius-md, .375rem);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  position: relative;
}

.header-mode-toggle:hover {
  background-color: var(--accent);
}

.header-mode-toggle-icon {
  width: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 4);
  color: var(--muted-foreground);
}

.header-dropdown-menu-content {
  width: calc(var(--spacing, .25rem) * 80);
  border-radius: var(--radius-lg, .5rem);
  padding: calc(var(--spacing, .25rem) * 0);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background-color: var(--card);
  border: 1px solid var(--border);
}

.header-dropdown-menu-header {
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 3);
  border-bottom: 1px solid hsl(var(--border) / .3);
}

.header-dropdown-menu-title {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.header-dropdown-menu-title-text {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.header-dropdown-menu-badge {
  height: calc(var(--spacing, .25rem) * 5);
  --tw-border-style: none;
  background-color: var(--primary);
  border-style: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .header-dropdown-menu-badge {
    background-color: color-mix(in oklab, var(--primary) 10%, transparent);
  }
}

.header-dropdown-menu-badge {
  padding-inline: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--primary);
}

.header-dropdown-menu-body {
  max-height: calc(var(--spacing, .25rem) * 80);
  overflow-y: auto;
}

.header-notification-badge {
  top: calc(var(--spacing, .25rem) * -1);
  right: calc(var(--spacing, .25rem) * -1);
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  border-style: var(--tw-border-style);
  min-width: 16px;
  padding: calc(var(--spacing, .25rem) * 0);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-size: 10px;
  font-weight: var(--font-weight-medium, 500);
  border-width: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.header-notification-badge-green {
  background-color: var(--color-green-600, #00a544);
  color: var(--color-white, #fff);
}

@supports (color: lab(0% 0 0)) {
  .header-notification-badge-green {
    background-color: var(--color-green-600, lab(59.0978% -58.6621 41.2579));
  }
}

.header-notification-badge-red {
  background-color: var(--color-red-500, #fb2c36);
  color: var(--color-white, #fff);
}

@supports (color: lab(0% 0 0)) {
  .header-notification-badge-red {
    background-color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
  }
}

.header-loading-container {
  padding: calc(var(--spacing, .25rem) * 4);
}

:where(.header-loading-list > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-y-reverse)));
}

.header-loading-item {
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
}

.header-loading-item-layout {
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 3);
  padding: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.header-loading-avatar {
  width: calc(var(--spacing, .25rem) * 8);
  height: calc(var(--spacing, .25rem) * 8);
  background-color: var(--muted);
  border-radius: 3.40282e38px;
  flex-shrink: 0;
}

.header-loading-content {
  flex: 1;
}

:where(.header-loading-content > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.header-loading-text-primary {
  height: calc(var(--spacing, .25rem) * 4);
  background-color: var(--muted);
  border-radius: .25rem;
  width: 75%;
}

.header-loading-text-secondary {
  height: calc(var(--spacing, .25rem) * 3);
  background-color: var(--muted);
  border-radius: .25rem;
  width: 50%;
}

.header-loading-text-tertiary {
  height: calc(var(--spacing, .25rem) * 3);
  background-color: var(--muted);
  border-radius: .25rem;
  width: 25%;
}

.header-loading-buttons {
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.header-loading-button {
  height: calc(var(--spacing, .25rem) * 6);
  background-color: var(--muted);
  border-radius: .25rem;
  flex: 1;
}

.header-empty-state {
  padding: calc(var(--spacing, .25rem) * 8);
  text-align: center;
}

.header-empty-icon {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  width: calc(var(--spacing, .25rem) * 8);
  height: calc(var(--spacing, .25rem) * 8);
  color: var(--muted-foreground);
}

.header-empty-text {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.header-invitations-item-container {
  padding: calc(var(--spacing, .25rem) * 2);
}

.header-invitations-item {
  border-radius: var(--radius-md, .375rem);
  padding: calc(var(--spacing, .25rem) * 3);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

.header-invitations-item:hover {
  background-color: hsl(var(--accent) / .5);
}

.header-invitations-item-layout {
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.header-invitations-item-avatar {
  width: calc(var(--spacing, .25rem) * 8);
  height: calc(var(--spacing, .25rem) * 8);
  border-radius: var(--radius-md, .375rem);
  background-color: hsl(var(--primary) / .1);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-invitations-item-avatar-text {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--primary);
}

.header-invitations-item-content {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.header-invitations-item-title {
  margin-bottom: calc(var(--spacing, .25rem) * 1);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
  overflow: hidden;
}

.header-invitations-item-meta {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.header-invitations-item-meta-emphasis {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}

.header-invitations-item-actions {
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.header-invitations-action-button-decline {
  height: calc(var(--spacing, .25rem) * 7);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  flex: 1;
}

.header-invitations-action-button-accept {
  height: calc(var(--spacing, .25rem) * 7);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  background-color: var(--primary);
  flex: 1;
}

.header-invitations-action-button-accept:hover {
  background-color: hsl(var(--primary) / .9);
}

.header-invitation-modal-title {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

:where(.header-invitation-modal-content > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.header-invitation-modal-center {
  text-align: center;
}

.header-invitation-modal-avatar {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 12);
  height: calc(var(--spacing, .25rem) * 12);
  background-color: hsl(var(--primary) / .1);
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-invitation-modal-avatar-text {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--primary);
}

.header-invitation-modal-entity-name {
  margin-bottom: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.header-invitation-modal-entity-meta {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.header-invitation-modal-details {
  border-radius: var(--radius-lg, .5rem);
  padding: calc(var(--spacing, .25rem) * 4);
  background-color: hsl(var(--muted) / .3);
}

:where(.header-invitation-modal-details-list > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.header-invitation-modal-details-list {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
}

.header-invitation-modal-details-item {
  justify-content: space-between;
  display: flex;
}

.header-invitation-modal-details-label {
  color: var(--muted-foreground);
}

.header-invitation-modal-details-value {
  margin-left: calc(var(--spacing, .25rem) * 2);
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
  overflow: hidden;
}

.header-invitation-modal-actions {
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.header-invitation-modal-button-decline {
  flex: 1;
}

.header-invitation-modal-button-accept {
  background-color: var(--primary);
  flex: 1;
}

.header-invitation-modal-button-accept:hover {
  background-color: hsl(var(--primary) / .9);
}

.header-notifications-item-container {
  padding: calc(var(--spacing, .25rem) * 2);
}

.header-notifications-item {
  cursor: pointer;
  border-radius: var(--radius-md, .375rem);
  padding: calc(var(--spacing, .25rem) * 3);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

.header-notifications-item:hover {
  background-color: var(--muted);
}

.header-notifications-item-disabled {
  opacity: .5;
}

.header-notifications-item-layout {
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.header-notifications-item-avatar {
  width: calc(var(--spacing, .25rem) * 8);
  height: calc(var(--spacing, .25rem) * 8);
  background-color: hsl(var(--primary) / .1);
  border-radius: 3.40282e38px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-notifications-item-avatar-text {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--primary);
}

.header-notifications-item-content {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.header-notifications-item-header {
  margin-bottom: calc(var(--spacing, .25rem) * 1);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.header-notifications-item-title {
  -webkit-line-clamp: 1;
  padding-right: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.header-notifications-item-priority {
  width: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 2);
  border-radius: 3.40282e38px;
  flex-shrink: 0;
}

.header-notifications-item-message {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  -webkit-line-clamp: 2;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.header-notifications-item-time {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.header-notifications-footer {
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 3);
  border-top: 1px solid hsl(var(--border) / .3);
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-notifications-view-all {
  cursor: pointer;
  padding-inline: calc(var(--spacing, .25rem) * 3);
  text-align: center;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  color: var(--primary);
  display: block;
}

.header-notifications-view-all:hover {
  color: hsl(var(--primary) / .8);
}

.header-org-selector-loading {
  height: calc(var(--spacing, .25rem) * 9);
  min-width: 180px;
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  border-radius: var(--radius-lg, .5rem);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  background-color: var(--background);
  display: flex;
}

.header-org-selector-loading-avatar {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  border-radius: var(--radius-md, .375rem);
  background-color: var(--muted);
}

.header-org-selector-loading-content {
  flex: 1;
}

:where(.header-org-selector-loading-content > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 1) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 1) * calc(1 - var(--tw-space-y-reverse)));
}

.header-org-selector-loading-text-primary {
  height: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 20);
  background-color: var(--muted);
  border-radius: .25rem;
}

.header-org-selector-loading-text-secondary {
  height: calc(var(--spacing, .25rem) * 2);
  width: calc(var(--spacing, .25rem) * 12);
  background-color: var(--muted);
  border-radius: .25rem;
}

.header-org-selector-trigger {
  height: calc(var(--spacing, .25rem) * 9);
  min-width: calc(var(--spacing, .25rem) * 0);
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-md, .375rem);
  --tw-border-style: none;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  border-style: none;
  display: flex;
}

.header-org-selector-trigger:hover {
  background-color: hsl(var(--accent) / .5);
}

.header-org-selector-avatar {
  width: calc(var(--spacing, .25rem) * 7);
  height: calc(var(--spacing, .25rem) * 7);
  flex-shrink: 0;
}

@media not (min-width: 530px) {
  .header-org-selector-avatar {
    width: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
  }
}

.header-org-selector-avatar-fallback {
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-size: 13px;
  font-weight: var(--font-weight-semibold, 600);
  background-color: var(--primary);
  color: var(--primary-foreground);
}

.header-org-selector-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90px;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  display: none;
  overflow: hidden;
}

@media (min-width: 48rem) {
  .header-org-selector-name {
    display: block;
  }
}

.header-org-selector-name {
  color: var(--foreground);
}

.header-org-selector-chevron {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  color: var(--muted-foreground);
}

.header-org-selector-dropdown {
  width: calc(var(--spacing, .25rem) * 60);
  --tw-border-style: none;
  padding: calc(var(--spacing, .25rem) * 0);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(var(--blur-sm, 8px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  background-color: var(--background);
  border-style: none;
}

.header-org-profile-header {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 4);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  background: linear-gradient(to right, hsl(var(--primary) / .05), hsl(var(--primary) / .1));
  display: flex;
}

.header-org-profile-avatar {
  width: calc(var(--spacing, .25rem) * 7);
  height: calc(var(--spacing, .25rem) * 7);
  flex-shrink: 0;
}

.header-org-profile-avatar-fallback {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  background: linear-gradient(to bottom right, var(--primary), hsl(var(--primary) / .8));
  color: var(--primary-foreground);
}

.header-org-profile-info {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.header-org-profile-name {
  margin-bottom: calc(var(--spacing, .25rem) * 0);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--foreground);
  overflow: hidden;
}

.header-org-profile-meta {
  margin-bottom: calc(var(--spacing, .25rem) * 0);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  justify-content: space-between;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.header-org-profile-badge {
  margin-top: calc(var(--spacing, .25rem) * 1);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  background-color: hsl(var(--primary) / .1);
  color: var(--primary);
  border: 1px solid hsl(var(--primary) / .2);
  font-size: 11px;
}

.header-org-list-container {
  padding: calc(var(--spacing, .25rem) * 2);
}

.header-org-empty-state {
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 8);
  text-align: center;
}

.header-org-empty-icon-container {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--muted);
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-org-empty-icon {
  color: var(--muted-foreground);
}

.header-org-empty-title {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
}

.header-org-empty-description {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.header-org-item {
  margin-block: calc(var(--spacing, .25rem) * 1);
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  border-radius: .25rem;
  display: flex;
}

.header-org-item:hover {
  background-color: var(--muted);
}

.header-org-item-active {
  border: 1px solid hsl(var(--primary) / .2);
  background-color: var(--muted);
}

.header-org-item-inactive:hover {
  background-color: var(--muted);
}

.header-org-item-avatar {
  height: calc(var(--spacing, .25rem) * 7);
  width: calc(var(--spacing, .25rem) * 7);
  border: 1px solid hsl(var(--primary) / .2);
  flex-shrink: 0;
}

.header-org-item-avatar-fallback {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  background: linear-gradient(to bottom right, var(--primary), hsl(var(--primary) / .8));
  color: var(--primary-foreground);
}

.header-org-item-info {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.header-org-item-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
  overflow: hidden;
}

.header-org-item-members {
  color: var(--muted-foreground);
  font-size: 10px;
}

.header-org-item-check {
  color: var(--primary);
  flex-shrink: 0;
}

.header-org-footer {
  bottom: calc(var(--spacing, .25rem) * 0);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-top: calc(var(--spacing, .25rem) * 2);
  padding-bottom: calc(var(--spacing, .25rem) * 1);
  padding-left: calc(var(--spacing, .25rem) * 0);
  border-top: 1px solid var(--border);
  background-color: hsl(var(--background) / .8);
  position: sticky;
}

.header-org-manage-item {
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 2);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  border-radius: .25rem;
  transition-duration: .2s;
  display: flex;
}

.header-org-manage-item:hover {
  background-color: hsl(var(--accent) / .5);
}

.header-org-manage-icon-container {
  width: calc(var(--spacing, .25rem) * 7);
  height: calc(var(--spacing, .25rem) * 7);
  background-color: hsl(var(--primary) / .1);
  border-radius: .25rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-org-manage-icon {
  width: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 4);
  color: var(--primary);
}

.header-org-manage-text {
  min-width: calc(var(--spacing, .25rem) * 0);
  text-align: left;
  flex: 1;
}

.header-org-footer:hover {
  background-color: var(--muted);
}

.header-org-manage-title {
  margin-bottom: calc(var(--spacing, .25rem) * 0);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.header-user-loading {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.header-user-loading-avatar {
  width: calc(var(--spacing, .25rem) * 7);
  height: calc(var(--spacing, .25rem) * 7);
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  border-radius: var(--radius-md, .375rem);
  background-color: var(--muted);
}

.header-user-loading-text {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 16);
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  border-radius: .25rem;
  display: none;
}

@media (min-width: 48rem) {
  .header-user-loading-text {
    display: block;
  }
}

.header-user-loading-text {
  background-color: var(--muted);
}

.header-user-trigger {
  height: calc(var(--spacing, .25rem) * 9);
  min-width: calc(var(--spacing, .25rem) * 0);
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-md, .375rem);
  --tw-border-style: none;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  border-style: none;
  display: flex;
}

.header-user-trigger:hover {
  background-color: hsl(var(--accent) / .5);
}

.header-user-avatar {
  width: calc(var(--spacing, .25rem) * 7);
  height: calc(var(--spacing, .25rem) * 7);
  flex-shrink: 0;
}

.header-user-avatar-fallback {
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-size: 13px;
  font-weight: var(--font-weight-semibold, 600);
  background-color: var(--primary);
  color: var(--primary-foreground);
}

.header-user-info {
  min-width: calc(var(--spacing, .25rem) * 0);
  text-align: left;
  flex: 1;
  display: none;
}

@media (min-width: 48rem) {
  .header-user-info {
    display: flex;
  }
}

.header-user-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: 1;
  --tw-font-weight: var(--font-weight-medium, 500);
  line-height: 1;
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
  overflow: hidden;
}

.header-user-chevron {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  color: var(--muted-foreground);
  flex-shrink: 0;
}

.header-user-dropdown {
  width: auto;
  max-width: var(--container-sm, 24rem);
  min-width: calc(var(--spacing, .25rem) * 60);
  --tw-border-style: none;
  padding: calc(var(--spacing, .25rem) * 0);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(var(--blur-sm, 8px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  background-color: var(--background);
  border-style: none;
}

.header-user-info-header {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 4);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  background: linear-gradient(to right, hsl(var(--primary) / .05), hsl(var(--primary) / .1));
  display: flex;
}

.header-user-info-avatar {
  width: calc(var(--spacing, .25rem) * 7);
  height: calc(var(--spacing, .25rem) * 7);
  flex-shrink: 0;
}

.header-user-info-avatar-fallback {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  background: linear-gradient(to bottom right, var(--primary), hsl(var(--primary) / .8));
  color: var(--primary-foreground);
}

.header-user-info-details {
  max-width: var(--container-xs, 20rem);
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.header-user-info-name {
  margin-bottom: calc(var(--spacing, .25rem) * 0);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--foreground);
  word-break: break-word;
}

.header-user-info-meta {
  margin-bottom: calc(var(--spacing, .25rem) * 0);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  word-break: break-word;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.header-user-info-badge {
  padding-inline: calc(var(--spacing, .25rem) * 0);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-size: 12px;
  font-weight: var(--font-weight-medium, 500);
  background-color: hsl(var(--primary) / .1);
  color: var(--primary);
  border: 1px solid hsl(var(--primary) / .2);
}

.header-user-menu-container {
  padding: calc(var(--spacing, .25rem) * 2);
}

.header-user-menu-item {
  cursor: pointer;
  width: 100%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  border-radius: .25rem;
  align-items: center;
  transition-duration: .2s;
  display: flex;
}

.header-user-menu-item:hover, .header-user-menu-item-logout:hover {
  background-color: #f3f4f6;
  transition: background-color .2s;
}

.dark .header-user-menu-item:hover, .dark .header-user-menu-item-logout:hover {
  background-color: #1a1a1a;
}

.header-user-menu-item-logout {
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 2);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  color: var(--destructive);
  border-radius: .25rem;
  transition-duration: .2s;
  display: flex;
}

.header-user-menu-icon-container {
  border-radius: .25rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-user-menu-icon-container-settings {
  background-color: hsl(var(--primary) / .1);
}

.header-user-menu-icon-container-logout {
  background-color: hsl(var(--destructive) / .1);
}

.header-user-menu-icon-settings {
  width: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 4);
  color: var(--primary);
}

.header-user-menu-icon-logout {
  width: 15px;
  height: 15px;
  color: var(--destructive);
}

.header-user-menu-text {
  margin-bottom: calc(var(--spacing, .25rem) * 0);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.header-invitation-modal-content-wrapper {
  max-width: var(--container-md, 28rem);
}

.kanban-column-container {
  height: 100vh;
  width: calc(var(--spacing, .25rem) * 80);
  flex-shrink: 0;
}

.kanban-column-wrapper {
  border-radius: var(--radius-md, .375rem);
  background-color: var(--muted);
  flex-direction: column;
  height: 100%;
  display: flex;
}

.kanban-column-header {
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.kanban-column-header-content {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.kanban-column-title {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.kanban-column-counter {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
}

.kanban-column-tasks-container {
  flex: 1;
}

:where(.kanban-column-tasks-container > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.kanban-column-tasks-container {
  padding: calc(var(--spacing, .25rem) * 3);
  padding-top: calc(var(--spacing, .25rem) * 1);
  overflow-y: auto;
}

.kanban-column-tasks-container-dragging {
  opacity: .75;
}

.kanban-column-add-task-button {
  height: calc(var(--spacing, .25rem) * 9);
  justify-content: center;
  gap: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  color: var(--muted-foreground);
}

.group:hover .kanban-column-add-task-button {
  opacity: 1;
}

.kanban-create-task-container {
  border-radius: var(--radius-2xl, 1rem);
  background-color: var(--card);
}

:where(.kanban-create-task-content > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-y-reverse)));
}

.kanban-create-task-content {
  padding: calc(var(--spacing, .25rem) * 4);
}

.kanban-create-task-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.kanban-create-task-title {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--muted-foreground);
}

.kanban-create-task-close-button {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  padding: calc(var(--spacing, .25rem) * 0);
}

.kanban-create-task-title-input {
  height: calc(var(--spacing, .25rem) * 9);
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing, .25rem) * 0);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  background-color: #0000;
  border-width: 0;
}

.kanban-create-task-title-input:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.kanban-create-task-form-grid {
  gap: calc(var(--spacing, .25rem) * 2);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

:where(.kanban-create-task-field > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 1) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 1) * calc(1 - var(--tw-space-y-reverse)));
}

.kanban-create-task-label {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--muted-foreground);
}

.kanban-create-task-date-input {
  height: calc(var(--spacing, .25rem) * 8);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
}

.kanban-create-task-priority-dropdown {
  height: calc(var(--spacing, .25rem) * 8);
  width: 100%;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  background-color: var(--card);
  border-color: var(--border);
  justify-content: space-between;
}

.kanban-create-task-priority-content {
  background-color: var(--card);
  width: 100%;
}

.kanban-create-task-priority-item {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
}

:where(.kanban-create-task-assignee-field > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 1) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 1) * calc(1 - var(--tw-space-y-reverse)));
}

.kanban-create-task-loading {
  text-align: center;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.kanban-create-task-actions {
  justify-content: flex-end;
  gap: calc(var(--spacing, .25rem) * 2);
  padding-top: calc(var(--spacing, .25rem) * 1);
  display: flex;
}

.kanban-create-task-cancel {
  height: calc(var(--spacing, .25rem) * 8);
  padding-inline: calc(var(--spacing, .25rem) * 3);
}

.kanban-create-task-submit {
  height: calc(var(--spacing, .25rem) * 8);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
}

.kanban-create-task-submit:disabled {
  opacity: .5;
}

.kanban-task-card {
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  cursor: move;
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  background-color: var(--color-red-400, #ff6568);
  padding-block: calc(var(--spacing, .25rem) * 3);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .15s;
  border-width: 1px;
  transition-duration: .15s;
}

@supports (color: lab(0% 0 0)) {
  .kanban-task-card {
    background-color: var(--color-red-400, lab(63.7053% 60.745 31.3109));
  }
}

@media (hover: hover) {
  .kanban-task-card:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.kanban-task-card {
  border-color: var(--border);
}

.kanban-task-card-dragging {
  opacity: .6;
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  rotate: 1deg;
}

:where(.kanban-task-card-content > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 1) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 1) * calc(1 - var(--tw-space-y-reverse)));
}

.kanban-task-card-header {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.kanban-task-card-number {
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  color: var(--muted-foreground);
  font-size: 10px;
}

.kanban-task-card-title {
  -webkit-line-clamp: 2;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.kanban-task-card-footer {
  padding-top: calc(var(--spacing, .25rem) * 1);
  color: var(--muted-foreground);
  justify-content: space-between;
  align-items: center;
  font-size: 10px;
  display: flex;
}

.kanban-task-card-due-date {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1);
  display: flex;
}

.kanban-task-card-due-date-overdue {
  color: var(--color-red-500, #fb2c36);
}

@supports (color: lab(0% 0 0)) {
  .kanban-task-card-due-date-overdue {
    color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
  }
}

.kanban-task-card-meta {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.kanban-task-card-comment-count, .kanban-task-card-subtask-count {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * .5);
  display: flex;
}

.kanban-user-selector-trigger {
  height: calc(var(--spacing, .25rem) * 8);
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  background-color: var(--card);
  border-color: var(--border);
  justify-content: flex-start;
  overflow: hidden;
}

.kanban-user-selector-content {
  width: 100%;
  padding: calc(var(--spacing, .25rem) * 0);
  background-color: var(--card);
  border-color: var(--border);
}

.kanban-user-selector-search-container {
  padding: calc(var(--spacing, .25rem) * 2);
  border-bottom: 1px solid var(--border);
}

.kanban-user-selector-search-input {
  height: calc(var(--spacing, .25rem) * 8);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
}

.kanban-user-selector-list {
  max-height: calc(var(--spacing, .25rem) * 40);
  overflow-y: auto;
}

.kanban-user-selector-item {
  gap: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
}

.kanban-user-selector-item-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.kanban-user-selector-item-email {
  color: var(--muted-foreground);
  font-size: 10px;
}

.kanban-user-selector-empty {
  padding-block: calc(var(--spacing, .25rem) * 3);
  text-align: center;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.kanban-status-modal-content {
  max-width: var(--container-xl, 36rem);
  border-style: var(--tw-border-style);
  background-color: var(--background);
  border-width: 0;
}

.kanban-status-modal-title {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
}

.kanban-status-modal-description {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.kanban-status-modal-list {
  max-height: 55vh;
}

:where(.kanban-status-modal-list > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.kanban-status-modal-list {
  padding-block: calc(var(--spacing, .25rem) * 4);
  overflow-y: auto;
}

.kanban-status-modal-loading {
  padding-block: calc(var(--spacing, .25rem) * 12);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
  justify-content: center;
  align-items: center;
  display: flex;
}

.kanban-status-row-edit {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  border-radius: var(--radius-lg, .5rem);
  padding: calc(var(--spacing, .25rem) * 3);
  background-color: var(--card);
  display: flex;
}

.kanban-status-row-edit-grip {
  color: var(--muted-foreground);
}

.kanban-status-row-edit-color {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  cursor: pointer;
  border: 1px solid var(--border);
  background-color: #0000;
  border-radius: .25rem;
}

.kanban-status-row-edit-input {
  height: calc(var(--spacing, .25rem) * 8);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  flex: 1;
}

.kanban-status-row-view {
  cursor: move;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  padding: calc(var(--spacing, .25rem) * 3);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  background-color: var(--card);
  border-width: 1px;
  border-color: var(--border);
  display: flex;
}

.kanban-status-row-view-dragging {
  opacity: .6;
  scale: 1.02;
}

.kanban-status-row-view-drag-over {
  background-color: hsl(var(--primary) / .1);
}

.kanban-status-row-grip {
  color: var(--muted-foreground);
}

.kanban-status-row-color {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  border-radius: 3.40282e38px;
}

.kanban-status-row-name {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--foreground);
  flex: 1;
}

.kanban-status-row-menu-trigger {
  opacity: 0;
}

.group:hover .kanban-status-row-menu-trigger {
  opacity: 1;
}

.kanban-status-row-menu-content {
  width: calc(var(--spacing, .25rem) * 44);
  border-style: var(--tw-border-style);
  background-color: var(--card);
  border-width: 1px;
  border-color: var(--border);
}

.kanban-status-row-menu-delete {
  cursor: pointer;
  color: var(--color-red-600, #e40014);
}

@supports (color: lab(0% 0 0)) {
  .kanban-status-row-menu-delete {
    color: var(--color-red-600, lab(48.4493% 77.4328 61.5452));
  }
}

@media (hover: hover) {
  .kanban-status-row-menu-delete:hover {
    background-color: var(--muted);
  }
}

.kanban-add-status-row {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  border-radius: var(--radius-lg, .5rem);
  padding: calc(var(--spacing, .25rem) * 3);
  background-color: hsl(var(--muted) / .3);
  display: flex;
}

.kanban-add-status-grip {
  color: var(--muted-foreground);
}

.kanban-add-status-color {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  background-color: hsl(var(--muted-foreground) / .5);
  border-radius: 3.40282e38px;
}

.kanban-add-status-input {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-outline-style: none;
  background-color: #0000;
  outline-style: none;
  flex: 1;
}

.kanban-add-status-button {
  gap: calc(var(--spacing, .25rem) * 2);
  width: 100%;
  padding-block: calc(var(--spacing, .25rem) * 3);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.kanban-status-modal-footer {
  padding-top: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.notifications-dropdown-content {
  max-height: 80vh;
  width: calc(var(--spacing, .25rem) * 96);
  border-color: var(--border);
  background-color: var(--background);
  padding: calc(var(--spacing, .25rem) * 0);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(var(--blur-sm, 8px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

.notifications-header {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: color-mix(in oklab, var(--border) 30%, transparent);
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: color-mix(in oklab, var(--primary) 5%, transparent);
  --tw-gradient-to: color-mix(in oklab, var(--primary) 10%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  padding-inline: calc(var(--spacing, .25rem) * 5);
  padding-block: calc(var(--spacing, .25rem) * 4);
}

.notifications-header-content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.notifications-header-title-group {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.notifications-header-title {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--foreground);
}

.notifications-unread-badge {
  height: calc(var(--spacing, .25rem) * 5);
  background-color: var(--destructive);
  min-width: 20px;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--destructive-foreground);
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.notifications-mark-all-button {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--primary);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@media (hover: hover) {
  .notifications-mark-all-button:hover {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .notifications-mark-all-button:hover {
      color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }
}

.notifications-list-container {
  max-height: calc(var(--spacing, .25rem) * 96);
  flex: 1;
  overflow-y: auto;
}

.notifications-loading {
  height: calc(var(--spacing, .25rem) * 32);
  justify-content: center;
  align-items: center;
  display: flex;
}

.notifications-loading-spinner {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  animation: var(--animate-spin, spin 1s linear infinite);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--primary);
  border-radius: 3.40282e38px;
}

@supports (color: color-mix(in lab, red, red)) {
  .notifications-loading-spinner {
    border-color: color-mix(in oklab, var(--primary) 20%, transparent);
  }
}

.notifications-loading-spinner {
  border-top-color: var(--primary);
}

.notifications-empty-state {
  padding-inline: calc(var(--spacing, .25rem) * 6);
  padding-block: calc(var(--spacing, .25rem) * 12);
  text-align: center;
}

.notifications-empty-icon {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--muted);
  justify-content: center;
  align-items: center;
  display: flex;
}

.notifications-empty-title {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.notifications-empty-message {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.notifications-list {
  padding: calc(var(--spacing, .25rem) * 2);
}

.notifications-item {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  cursor: pointer;
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .notifications-item {
    border-color: color-mix(in oklab, var(--primary) 20%, transparent);
  }
}

.notifications-item {
  background-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .notifications-item {
    background-color: color-mix(in oklab, var(--primary) 5%, transparent);
  }
}

.notifications-item {
  padding: calc(var(--spacing, .25rem) * 4);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .notifications-item:hover {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .notifications-item:hover {
      background-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }
}

.notifications-item-content {
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 4);
  display: flex;
}

.notifications-item-avatar-container {
  flex-shrink: 0;
}

.notifications-item-avatar-user {
  height: calc(var(--spacing, .25rem) * 10);
  width: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-lg, .5rem);
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--primary);
  --tw-gradient-to: color-mix(in oklab, var(--primary) 80%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--primary-foreground);
  justify-content: center;
  align-items: center;
  display: flex;
}

.notifications-item-avatar-system {
  height: calc(var(--spacing, .25rem) * 10);
  width: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--muted);
  justify-content: center;
  align-items: center;
  display: flex;
}

.notifications-item-details {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.notifications-item-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.notifications-item-text-content {
  flex: 1;
}

.notifications-item-title {
  margin-bottom: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: var(--leading-tight, 1.25);
  line-height: var(--leading-tight, 1.25);
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.notifications-item-message {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--muted-foreground);
}

.notifications-item-indicators {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  flex-shrink: 0;
  display: flex;
}

.notifications-unread-indicator {
  height: calc(var(--spacing, .25rem) * 2);
  width: calc(var(--spacing, .25rem) * 2);
  background-color: var(--primary);
  border-radius: 3.40282e38px;
}

.notifications-footer {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--border);
}

@supports (color: color-mix(in lab, red, red)) {
  .notifications-footer {
    border-color: color-mix(in oklab, var(--border) 30%, transparent);
  }
}

.notifications-footer {
  padding-inline: calc(var(--spacing, .25rem) * 5);
  padding-block: calc(var(--spacing, .25rem) * 4);
}

.notifications-footer-content {
  justify-content: center;
  display: flex;
}

.notifications-view-all-button {
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--primary);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 1.5);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary-foreground);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@media (hover: hover) {
  .notifications-view-all-button:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .notifications-view-all-button:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

.notifications-user-avatar {
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-amber-400, #fcbb00);
  --tw-gradient-to: var(--color-amber-600, #dd7400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-white, #fff);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .notifications-user-avatar {
    --tw-gradient-from: var(--color-amber-400, lab(80.1641% 16.6016 99.2089));
    --tw-gradient-to: var(--color-amber-600, lab(60.3514% 40.5624 87.1228));
  }
}

.notifications-user-avatar-xs {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
}

.notifications-user-avatar-sm {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
}

.notifications-user-avatar-md {
  height: calc(var(--spacing, .25rem) * 10);
  width: calc(var(--spacing, .25rem) * 10);
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
}

.notifications-button {
  border-radius: var(--radius-lg, .5rem);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

.notifications-button-primary {
  background-color: var(--color-amber-600, #dd7400);
  color: var(--color-white, #fff);
}

@supports (color: lab(0% 0 0)) {
  .notifications-button-primary {
    background-color: var(--color-amber-600, lab(60.3514% 40.5624 87.1228));
  }
}

@media (hover: hover) {
  .notifications-button-primary:hover {
    background-color: var(--color-amber-700, #b75000);
  }
}

.notifications-button-secondary {
  background-color: var(--color-stone-100, #f5f5f4);
  color: var(--color-stone-700, #44403b);
}

@supports (color: lab(0% 0 0)) {
  .notifications-button-secondary {
    background-color: var(--color-stone-100, lab(96.5286% -.0991821 .364268));
    color: var(--color-stone-700, lab(27.3812% 1.32917 3.57789));
  }
}

@media (hover: hover) {
  .notifications-button-secondary:hover {
    background-color: var(--color-stone-200, #e7e5e4);
  }
}

@media (prefers-color-scheme: dark) {
  .notifications-button-secondary {
    background-color: var(--color-stone-800, #292524);
  }

  .notifications-button-secondary {
    color: var(--color-stone-300, #d6d3d1);
  }

  @supports (color: lab(0% 0 0)) {
    .notifications-button-secondary:hover {
      background-color: var(--color-stone-800, lab(15.0353% 1.96067 1.53427));
      color: var(--color-stone-300, lab(84.7909% .928015 1.59738));
    }
  }

  @media (hover: hover) {
    .notifications-button-secondary:hover {
      background-color: var(--color-stone-700, #44403b);
    }
  }
}

.notifications-button-outline {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-stone-300, #d6d3d1);
  color: var(--color-stone-700, #44403b);
}

@supports (color: lab(0% 0 0)) {
  .notifications-button-outline {
    border-color: var(--color-stone-300, lab(84.7909% .928015 1.59738));
    color: var(--color-stone-700, lab(27.3812% 1.32917 3.57789));
  }
}

@media (hover: hover) {
  .notifications-button-outline:hover {
    background-color: var(--color-stone-50, #fafaf9);
  }
}

@media (prefers-color-scheme: dark) {
  .notifications-button-outline {
    border-color: var(--color-stone-600, #57534d);
  }

  .notifications-button-outline {
    color: var(--color-stone-300, #d6d3d1);
  }

  @supports (color: lab(0% 0 0)) {
    .notifications-button-outline:hover {
      border-color: var(--color-stone-600, lab(35.5168% 1.08604 4.07829));
      color: var(--color-stone-300, lab(84.7909% .928015 1.59738));
    }
  }

  @media (hover: hover) {
    .notifications-button-outline:hover {
      background-color: var(--color-stone-800, #292524);
    }
  }
}

.notifications-button-xs {
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
}

.notifications-button-sm {
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 1.5);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
}

.notifications-button-md {
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
}

.notifications-icon-task-assigned {
  color: var(--color-blue-500, #3080ff);
}

@supports (color: lab(0% 0 0)) {
  .notifications-icon-task-assigned {
    color: var(--color-blue-500, lab(54.1736% 13.3369 -74.6839));
  }
}

.notifications-icon-task-completed {
  color: var(--color-green-500, #00c758);
}

@supports (color: lab(0% 0 0)) {
  .notifications-icon-task-completed {
    color: var(--color-green-500, lab(70.5521% -66.5147 45.8073));
  }
}

.notifications-icon-task-commented {
  color: var(--color-purple-500, #ac4bff);
}

@supports (color: lab(0% 0 0)) {
  .notifications-icon-task-commented {
    color: var(--color-purple-500, lab(52.0183% 66.11 -78.2316));
  }
}

.notifications-icon-mention {
  color: var(--color-amber-500, #f99c00);
}

@supports (color: lab(0% 0 0)) {
  .notifications-icon-mention {
    color: var(--color-amber-500, lab(72.7183% 31.8672 97.9407));
  }
}

.notifications-icon-sprint-started {
  color: var(--color-indigo-500, #625fff);
}

@supports (color: lab(0% 0 0)) {
  .notifications-icon-sprint-started {
    color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
  }
}

.notifications-icon-due-date {
  color: var(--color-red-500, #fb2c36);
}

@supports (color: lab(0% 0 0)) {
  .notifications-icon-due-date {
    color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
  }
}

.notifications-icon-system {
  color: var(--color-stone-500, #79716b);
}

@supports (color: lab(0% 0 0)) {
  .notifications-icon-system {
    color: var(--color-stone-500, lab(48.1164% 2.35701 4.26852));
  }
}

.notifications-icon-default {
  color: var(--color-stone-400, #a6a09b);
}

@supports (color: lab(0% 0 0)) {
  .notifications-icon-default {
    color: var(--color-stone-400, lab(66.2166% 1.88044 3.20326));
  }
}

.organizations-card {
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, #e5e7eb);
  background-color: var(--color-white, #fff);
  padding: calc(var(--spacing, .25rem) * 6);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@supports (color: lab(0% 0 0)) {
  .organizations-card {
    border-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (hover: hover) {
  .organizations-card:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

@media (prefers-color-scheme: dark) {
  .organizations-card {
    border-color: var(--color-gray-700, #364153);
  }

  .organizations-card {
    background-color: var(--color-gray-800, #1e2939);
  }
}

.organizations-card-header {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.organizations-card-info {
  align-items: center;
  display: flex;
}

:where(.organizations-card-info > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-x-reverse)));
}

.organizations-card-avatar {
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-lg, .5rem);
  object-fit: cover;
}

.organizations-card-avatar-placeholder {
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--color-indigo-100, #e0e7ff);
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .organizations-card-avatar-placeholder {
    background-color: var(--color-indigo-100, lab(91.6577% 1.04591 -12.7199));
  }
}

@media (prefers-color-scheme: dark) {
  .organizations-card-avatar-placeholder {
    background-color: var(--color-indigo-900, #312c85);
  }
}

.organizations-card-avatar-initial {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-indigo-600, #4f39f6);
}

@supports (color: lab(0% 0 0)) {
  .organizations-card-avatar-initial {
    color: var(--color-indigo-600, lab(38.4009% 52.6132 -92.3857));
  }
}

@media (prefers-color-scheme: dark) {
  .organizations-card-avatar-initial {
    color: var(--color-indigo-400, #7d87ff);
  }
}

.organizations-card-name {
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-gray-900, #101828);
}

@supports (color: lab(0% 0 0)) {
  .organizations-card-name {
    color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
  }
}

@media (prefers-color-scheme: dark) {
  .organizations-card-name {
    color: var(--color-white, #fff);
  }
}

.organizations-card-slug {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-500, #6a7282);
}

@supports (color: lab(0% 0 0)) {
  .organizations-card-slug {
    color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
  }
}

@media (prefers-color-scheme: dark) {
  .organizations-card-slug {
    color: var(--color-gray-400, #99a1af);
  }
}

.organizations-card-actions {
  align-items: center;
  display: flex;
}

:where(.organizations-card-actions > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.organizations-card-manage-link {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-indigo-600, #4f39f6);
}

@supports (color: lab(0% 0 0)) {
  .organizations-card-manage-link {
    color: var(--color-indigo-600, lab(38.4009% 52.6132 -92.3857));
  }
}

@media (hover: hover) {
  .organizations-card-manage-link:hover {
    color: var(--color-indigo-500, #625fff);
  }
}

@media (prefers-color-scheme: dark) {
  .organizations-card-manage-link {
    color: var(--color-indigo-400, #7d87ff);
  }

  @supports (color: lab(0% 0 0)) {
    .organizations-card-manage-link:hover {
      color: var(--color-indigo-400, lab(59.866% 22.4834 -64.4485));
    }
  }

  @media (hover: hover) {
    .organizations-card-manage-link:hover {
      color: var(--color-indigo-300, #a4b3ff);
    }
  }
}

.organizations-card-description {
  margin-top: calc(var(--spacing, .25rem) * 3);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-600, #4a5565);
}

@supports (color: lab(0% 0 0)) {
  .organizations-card-description {
    color: var(--color-gray-600, lab(35.6337% -1.58697 -10.8425));
  }
}

@media (prefers-color-scheme: dark) {
  .organizations-card-description {
    color: var(--color-gray-300, #d1d5dc);
  }
}

.organizations-card-stats {
  margin-top: calc(var(--spacing, .25rem) * 4);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.organizations-card-stats-group {
  align-items: center;
  display: flex;
}

:where(.organizations-card-stats-group > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-x-reverse)));
}

.organizations-card-stat {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-500, #6a7282);
}

@supports (color: lab(0% 0 0)) {
  .organizations-card-stat {
    color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
  }
}

@media (prefers-color-scheme: dark) {
  .organizations-card-stat {
    color: var(--color-gray-400, #99a1af);
  }
}

.organizations-card-stat-value {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-900, #101828);
}

@supports (color: lab(0% 0 0)) {
  .organizations-card-stat-value {
    color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
  }
}

@media (prefers-color-scheme: dark) {
  .organizations-card-stat-value {
    color: var(--color-white, #fff);
  }
}

.organizations-card-website-link {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-500, #6a7282);
}

@supports (color: lab(0% 0 0)) {
  .organizations-card-website-link {
    color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
  }
}

@media (hover: hover) {
  .organizations-card-website-link:hover {
    color: var(--color-gray-700, #364153);
  }
}

@media (prefers-color-scheme: dark) {
  .organizations-card-website-link {
    color: var(--color-gray-400, #99a1af);
  }

  @supports (color: lab(0% 0 0)) {
    .organizations-card-website-link:hover {
      color: var(--color-gray-400, lab(65.9269% -.832707 -8.17473));
    }
  }

  @media (hover: hover) {
    .organizations-card-website-link:hover {
      color: var(--color-gray-300, #d1d5dc);
    }
  }
}

.organizations-card-website-icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
}

.organizations-selection-card {
  cursor: pointer;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .organizations-selection-card:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.organizations-selection-card-selected {
  border-color: var(--primary);
  background-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .organizations-selection-card-selected {
    background-color: color-mix(in oklab, var(--primary) 5%, transparent);
  }
}

.organizations-selection-card-selected {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.organizations-selection-card-unselected {
  border-color: var(--border);
}

@media (hover: hover) {
  .organizations-selection-card-unselected:hover {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .organizations-selection-card-unselected:hover {
      border-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }
}

.organizations-selection-card-content {
  padding: calc(var(--spacing, .25rem) * 6);
}

.organizations-selection-card-header {
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 4);
  display: flex;
}

.organizations-selection-card-avatar {
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  flex-shrink: 0;
}

.organizations-selection-card-avatar-fallback {
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--primary);
  --tw-gradient-to: color-mix(in oklab, var(--primary) 80%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--primary-foreground);
}

.organizations-selection-card-info {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.organizations-selection-card-title-row {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.organizations-selection-card-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
  overflow: hidden;
}

.organizations-selection-card-check {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  background-color: var(--primary);
  border-radius: 3.40282e38px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.organizations-selection-card-description {
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  -webkit-line-clamp: 2;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.organizations-selection-card-stats {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  display: flex;
}

.organizations-selection-card-stat {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1);
  display: flex;
}

.organizations-selection-card-features {
  margin-top: calc(var(--spacing, .25rem) * 3);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.organizations-selection-card-feature-badge {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
}

:where(.organizations-form > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 6) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 6) * calc(1 - var(--tw-space-y-reverse)));
}

.organizations-form-slug-hint {
  margin-top: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-500, #6a7282);
}

@supports (color: lab(0% 0 0)) {
  .organizations-form-slug-hint {
    color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
  }
}

@media (prefers-color-scheme: dark) {
  .organizations-form-slug-hint {
    color: var(--color-gray-400, #99a1af);
  }
}

.organizations-form-actions {
  justify-content: flex-end;
  display: flex;
}

:where(.organizations-form-actions > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-x-reverse)));
}

:where(.organizations-members-container > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.organizations-members-header {
  padding-bottom: calc(var(--spacing, .25rem) * 3);
}

.organizations-members-header-content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.organizations-members-title {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
  display: flex;
}

.organizations-members-title-icon {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  color: var(--primary);
}

.organizations-members-subtitle {
  margin-top: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.organizations-members-invite-button {
  height: calc(var(--spacing, .25rem) * 8);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  background-color: var(--primary);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary-foreground);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
  display: flex;
}

@media (hover: hover) {
  .organizations-members-invite-button:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .organizations-members-invite-button:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

@media (hover: hover) {
  .organizations-members-invite-button:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.organizations-members-table {
  --tw-border-style: none;
  background-color: var(--card);
  border-style: none;
}

.organizations-members-table-header {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--border);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 3);
  min-width: 640px;
}

.organizations-members-table-header-grid {
  gap: calc(var(--spacing, .25rem) * 3);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  --tw-tracking: var(--tracking-wider, .05em);
  letter-spacing: var(--tracking-wider, .05em);
  color: var(--muted-foreground);
  text-transform: uppercase;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  min-width: 640px;
  display: grid;
}

:where(.organizations-members-table-body > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(1px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-color: var(--border);
}

.organizations-members-table-body {
  min-width: 640px;
}

.organizations-members-row {
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 3);
}

.organizations-members-row-grid {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  grid-template-columns: repeat(12, minmax(0, 1fr));
  min-width: 640px;
  display: grid;
}

.organizations-member-info {
  grid-column: span 4 / span 4;
}

.organizations-member-info-content {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.organizations-member-details {
  min-width: calc(var(--spacing, .25rem) * 0);
}

.organizations-member-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
  overflow: hidden;
}

.organizations-member-email {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  overflow: hidden;
}

.organizations-member-role {
  grid-column: span 2 / span 2;
}

.organizations-member-role-select {
  height: calc(var(--spacing, .25rem) * 7);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--background);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--foreground);
}

.organizations-member-role-select-content {
  --tw-border-style: none;
  background-color: var(--card);
  border-style: none;
}

.organizations-member-role-badge {
  border-radius: var(--radius-md, .375rem);
  --tw-border-style: none;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  border-style: none;
}

.organizations-member-status {
  grid-column: span 2 / span 2;
}

.organizations-member-status-badge {
  border-radius: var(--radius-md, .375rem);
  --tw-border-style: none;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  border-style: none;
}

.organizations-member-joined {
  grid-column: span 2 / span 2;
}

.organizations-member-joined-date {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.organizations-member-actions {
  grid-column: span 2 / span 2;
}

.organizations-member-remove-button {
  height: calc(var(--spacing, .25rem) * 7);
  --tw-border-style: none;
  background-color: var(--destructive);
  border-style: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .organizations-member-remove-button {
    background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
  }
}

.organizations-member-remove-button {
  color: var(--destructive);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .organizations-member-remove-button:hover {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .organizations-member-remove-button:hover {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
}

.organizations-members-empty {
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 8);
  text-align: center;
}

.organizations-members-empty-icon {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-xl, .75rem);
  background-color: var(--muted);
  justify-content: center;
  align-items: center;
  display: flex;
}

.organizations-members-empty-title {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.organizations-members-empty-message {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.organizations-members-empty-button {
  height: calc(var(--spacing, .25rem) * 8);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  background-color: var(--primary);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary-foreground);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
  display: flex;
}

@media (hover: hover) {
  .organizations-members-empty-button:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .organizations-members-empty-button:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

@media (hover: hover) {
  .organizations-members-empty-button:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.organizations-role-badge-super-admin {
  border-color: var(--color-red-200, #ffcaca);
  background-color: var(--color-red-100, #ffe2e2);
  color: var(--color-red-800, #9f0712);
}

@supports (color: lab(0% 0 0)) {
  .organizations-role-badge-super-admin {
    border-color: var(--color-red-200, lab(86.017% 19.8815 7.75869));
    background-color: var(--color-red-100, lab(92.243% 10.2865 3.83865));
    color: var(--color-red-800, lab(33.7174% 55.8993 41.0293));
  }
}

@media (prefers-color-scheme: dark) {
  .organizations-role-badge-super-admin {
    border-color: var(--color-red-800, #9f0712);
  }

  .organizations-role-badge-super-admin {
    background-color: #82181a33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .organizations-role-badge-super-admin {
      background-color: color-mix(in oklab, var(--color-red-900, lab(28.5139% 44.5539 29.0463)) 20%, transparent);
    }
  }

  .organizations-role-badge-super-admin {
    color: var(--color-red-400, #ff6568);
  }
}

.organizations-role-badge-manager {
  border-color: var(--color-orange-200, #ffd7a8);
  background-color: var(--color-orange-100, #ffedd5);
  color: var(--color-orange-800, #9f2d00);
}

@supports (color: lab(0% 0 0)) {
  .organizations-role-badge-manager {
    border-color: var(--color-orange-200, lab(88.4871% 9.94918 28.8378));
    background-color: var(--color-orange-100, lab(94.7127% 3.58394 14.3151));
    color: var(--color-orange-800, lab(37.1566% 46.6433 50.5562));
  }
}

@media (prefers-color-scheme: dark) {
  .organizations-role-badge-manager {
    border-color: var(--color-orange-800, #9f2d00);
  }

  .organizations-role-badge-manager {
    background-color: #7e2a0c33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .organizations-role-badge-manager {
      background-color: color-mix(in oklab, var(--color-orange-900, lab(30.2951% 36.0434 37.671)) 20%, transparent);
    }
  }

  .organizations-role-badge-manager {
    color: var(--color-orange-400, #ff8b1a);
  }
}

.organizations-role-badge-member {
  border-color: var(--color-blue-200, #bedbff);
  background-color: var(--color-blue-100, #dbeafe);
  color: var(--color-blue-800, #193cb8);
}

@supports (color: lab(0% 0 0)) {
  .organizations-role-badge-member {
    border-color: var(--color-blue-200, lab(86.15% -4.04379 -21.0797));
    background-color: var(--color-blue-100, lab(92.0301% -2.24757 -11.6453));
    color: var(--color-blue-800, lab(30.2514% 27.7853 -70.2699));
  }
}

@media (prefers-color-scheme: dark) {
  .organizations-role-badge-member {
    border-color: var(--color-blue-800, #193cb8);
  }

  .organizations-role-badge-member {
    background-color: #1c398e33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .organizations-role-badge-member {
      background-color: color-mix(in oklab, var(--color-blue-900, lab(26.1542% 15.7545 -51.5504)) 20%, transparent);
    }
  }

  .organizations-role-badge-member {
    color: var(--color-blue-400, #54a2ff);
  }
}

.organizations-role-badge-viewer {
  border-color: var(--border);
  background-color: var(--muted);
  color: var(--muted-foreground);
}

.organizations-status-badge {
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  transition-duration: .3s;
  transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  border-width: 1px;
}

.organizations-status-badge-active {
  border-color: var(--status-active-border);
  background-color: var(--status-active-bg);
  color: var(--color-white, #fff);
}

.organizations-status-badge-pending {
  border-color: var(--status-pending-border);
  background-color: var(--status-pending-bg);
  color: var(--color-white, #fff);
}

.organizations-status-badge-inactive {
  border-color: var(--status-inactive-border);
  background-color: var(--status-inactive-bg);
  color: var(--accent);
}

.organizations-status-badge-suspended {
  border-color: var(--status-suspended-border);
  background-color: var(--status-suspended-bg);
  color: var(--color-white, #fff);
}

.organizations-invite-modal {
  max-width: var(--container-md, 28rem);
  border-radius: var(--card-radius);
  --tw-border-style: none;
  background-color: var(--card);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-style: none;
}

.organizations-invite-modal-title {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  color: var(--foreground);
  display: flex;
}

.organizations-invite-modal-title-icon {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  color: var(--primary);
}

:where(.organizations-invite-form > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.organizations-invite-field-label {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
}

.organizations-invite-field-input {
  margin-top: calc(var(--spacing, .25rem) * 1);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--background);
  color: var(--foreground);
}

.organizations-invite-field-error {
  margin-top: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--destructive);
}

.organizations-invite-field-hint, .organizations-invite-field-counter {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.organizations-invite-role-select {
  margin-top: calc(var(--spacing, .25rem) * 1);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--background);
  color: var(--foreground);
}

.organizations-invite-role-select-content {
  --tw-border-style: none;
  background-color: var(--card);
  border-style: none;
}

.organizations-invite-role-option {
  flex-direction: column;
  display: flex;
}

.organizations-invite-role-name {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}

.organizations-invite-role-description {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.organizations-invite-actions {
  justify-content: flex-end;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.organizations-invite-cancel-button {
  height: calc(var(--spacing, .25rem) * 8);
  --tw-border-style: none;
  background-color: var(--primary);
  border-style: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .organizations-invite-cancel-button {
    background-color: color-mix(in oklab, var(--primary) 5%, transparent);
  }
}

.organizations-invite-cancel-button {
  color: var(--foreground);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .organizations-invite-cancel-button:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .organizations-invite-cancel-button:hover {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
}

.organizations-invite-submit-button {
  height: calc(var(--spacing, .25rem) * 8);
  background-color: var(--primary);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary-foreground);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .organizations-invite-submit-button:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .organizations-invite-submit-button:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

@media (hover: hover) {
  .organizations-invite-submit-button:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.organizations-invite-submit-button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.organizations-invite-loading-spinner {
  margin-right: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  animation: var(--animate-spin, spin 1s linear infinite);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--primary-foreground);
  border-top-color: #0000;
  border-radius: 3.40282e38px;
}

@media (min-width: 40rem) {
  .projects-modal-container {
    max-width: var(--container-lg, 32rem);
  }
}

:where(.projects-modal-header > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.projects-modal-header {
  padding-bottom: calc(var(--spacing, .25rem) * 2);
}

.projects-modal-header-content {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.projects-modal-icon {
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-xl, .75rem);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  justify-content: center;
  align-items: center;
  transition-duration: .3s;
  display: flex;
}

.projects-modal-icon-content {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  color: var(--card);
}

.projects-modal-title {
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.projects-modal-description {
  margin-top: calc(var(--spacing, .25rem) * .5);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

:where(.projects-modal-form > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 6) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 6) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.projects-form-field > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.projects-form-label {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  display: flex;
}

.projects-form-label-icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  transition-duration: .3s;
}

.projects-form-label-required {
  color: var(--color-red-500, #fb2c36);
}

@supports (color: lab(0% 0 0)) {
  .projects-form-label-required {
    color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
  }
}

.projects-form-input {
  border-style: var(--tw-border-style);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  border-width: 2px;
  transition-duration: .3s;
}

.projects-form-textarea {
  border-style: var(--tw-border-style);
  min-height: 80px;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  border-width: 2px;
  transition-duration: .3s;
}

.projects-url-preview {
  margin-top: calc(var(--spacing, .25rem) * 2);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  padding: calc(var(--spacing, .25rem) * 3);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  border-width: 1px;
  transition-duration: .3s;
  display: flex;
}

.projects-url-preview-icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  transition-duration: .3s;
}

.projects-url-preview-label {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.projects-url-preview-code {
  border-style: var(--tw-border-style);
  background-color: #ffffff80;
  border-width: 1px;
  border-radius: .25rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .projects-url-preview-code {
    background-color: color-mix(in oklab, var(--color-white, #fff) 50%, transparent);
  }
}

.projects-url-preview-code {
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 1);
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  word-break: break-all;
  white-space: normal;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  transition-duration: .3s;
}

.projects-workspace-button {
  height: calc(var(--spacing, .25rem) * 10);
  border-style: var(--tw-border-style);
  background-color: var(--primary);
  border-width: 2px;
  justify-content: space-between;
  width: 100%;
}

@supports (color: color-mix(in lab, red, red)) {
  .projects-workspace-button {
    background-color: color-mix(in oklab, var(--primary) 5%, transparent);
  }
}

.projects-workspace-button {
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  transition-duration: .3s;
}

.projects-workspace-loading {
  color: var(--muted-foreground);
}

.projects-workspace-selected {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--foreground);
  overflow: hidden;
}

.projects-workspace-placeholder {
  color: var(--muted-foreground);
}

.projects-workspace-dropdown-icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  opacity: .5;
}

.projects-workspace-popover {
  width: var(--radix-popover-trigger-width);
  border-color: var(--border);
  background-color: var(--popover);
  padding: calc(var(--spacing, .25rem) * 0);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.projects-workspace-command {
  background-color: var(--popover);
}

.projects-workspace-command-input {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--border);
}

.projects-workspace-command-empty {
  padding-block: calc(var(--spacing, .25rem) * 4);
  text-align: center;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.projects-workspace-command-group {
  max-height: calc(var(--spacing, .25rem) * 48);
  padding: calc(var(--spacing, .25rem) * 1);
  overflow: auto;
}

.projects-workspace-command-item {
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-sm, .25rem);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 2);
  color: var(--foreground);
  display: flex;
}

@media (hover: hover) {
  .projects-workspace-command-item:hover {
    background-color: var(--accent);
  }
}

.projects-workspace-command-item-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  flex: 1;
  overflow: hidden;
}

.projects-workspace-command-item-check {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  color: var(--primary);
}

.projects-color-container {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  padding: calc(var(--spacing, .25rem) * 3);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  border-width: 1px;
  transition-duration: .3s;
  display: flex;
}

.projects-color-picker-wrapper {
  position: relative;
}

.projects-color-picker {
  height: calc(var(--spacing, .25rem) * 10);
  width: calc(var(--spacing, .25rem) * 12);
  cursor: pointer;
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  background-color: #0000;
  border-width: 2px;
  transition-duration: .3s;
}

.projects-color-picker-overlay {
  pointer-events: none;
  inset: calc(var(--spacing, .25rem) * 1);
  border-radius: var(--radius-md, .375rem);
  --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  position: absolute;
}

.projects-color-input {
  border-style: var(--tw-border-style);
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  border-width: 2px;
  flex: 1;
  transition-duration: .3s;
}

.projects-form-hint {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  display: flex;
}

.projects-form-hint-icon {
  height: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 3);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  transition-duration: .3s;
}

.projects-form-actions {
  gap: calc(var(--spacing, .25rem) * 3);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--border);
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .projects-form-actions {
    border-color: color-mix(in oklab, var(--border) 50%, transparent);
  }
}

.projects-form-actions {
  padding-top: calc(var(--spacing, .25rem) * 6);
}

.projects-form-cancel-button {
  height: calc(var(--spacing, .25rem) * 11);
  border-style: var(--tw-border-style);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  border-width: 2px;
  flex: 1;
  transition-duration: .3s;
}

.projects-form-submit-button {
  height: calc(var(--spacing, .25rem) * 11);
  color: var(--color-white, #fff);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  flex: 1;
  transition-duration: .3s;
}

@media (hover: hover) {
  .projects-form-submit-button:hover {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.projects-form-submit-loading {
  margin-right: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  animation: var(--animate-spin, spin 1s linear infinite);
  border-bottom-style: var(--tw-border-style);
  border-color: currentColor;
  border-bottom-width: 2px;
  border-radius: 3.40282e38px;
}

.projects-form-submit-icon {
  margin-right: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
}

.projects-kanban-grid {
  gap: calc(var(--spacing, .25rem) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 64rem) {
  .projects-kanban-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.projects-kanban-column {
  border-radius: var(--card-radius);
  --tw-border-style: none;
  background-color: var(--card);
  padding: calc(var(--spacing, .25rem) * 4);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-style: none;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.projects-kanban-column-header {
  padding-bottom: calc(var(--spacing, .25rem) * 0);
}

.projects-kanban-column-header-content {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.projects-kanban-column-title {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.projects-kanban-column-count {
  background-color: var(--gray-100);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--gray-500);
  border-radius: 3.40282e38px;
}

:where(.projects-kanban-tasks > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-y-reverse)));
}

.projects-kanban-empty {
  padding-block: calc(var(--spacing, .25rem) * 8);
  text-align: center;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--gray-400);
}

.projects-kanban-add-task {
  border-radius: var(--card-radius);
  border-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-style: dashed;
  border-width: 2px;
  border-color: var(--border);
  width: 100%;
  padding-block: calc(var(--spacing, .25rem) * 3);
  text-align: center;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  display: block;
}

@media (hover: hover) {
  .projects-kanban-add-task:hover {
    border-color: var(--primary);
  }
}

@media (hover: hover) {
  .projects-kanban-add-task:hover {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .projects-kanban-add-task:hover {
      color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }
}

.projects-kanban-add-task-icon {
  margin-right: calc(var(--spacing, .25rem) * 1);
  display: inline;
}

.projects-task-card-link {
  display: block;
}

.projects-task-card {
  cursor: pointer;
  border-radius: var(--card-radius);
  --tw-border-style: none;
  background-color: var(--card);
  padding: calc(var(--spacing, .25rem) * 4);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  border-style: none;
}

@media (hover: hover) {
  .projects-task-card:hover {
    border-color: var(--primary);
  }
}

@media (hover: hover) {
  .projects-task-card:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.projects-task-card-header {
  padding-bottom: calc(var(--spacing, .25rem) * 0);
}

.projects-task-card-title {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  -webkit-line-clamp: 2;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.projects-task-card-content {
  padding-top: calc(var(--spacing, .25rem) * 0);
}

.projects-task-card-meta {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.projects-task-card-due-date {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--gray-500);
  display: flex;
}

.projects-error-container {
  background-color: var(--background);
  min-height: 100vh;
}

.projects-error-wrapper {
  max-width: var(--container-7xl, 80rem);
  padding: calc(var(--spacing, .25rem) * 6);
  margin-inline: auto;
}

.projects-error-card {
  border-color: var(--color-red-200, #ffcaca);
  background-color: var(--color-red-50, #fef2f2);
}

@supports (color: lab(0% 0 0)) {
  .projects-error-card {
    border-color: var(--color-red-200, lab(86.017% 19.8815 7.75869));
    background-color: var(--color-red-50, lab(96.5005% 4.18508 1.52328));
  }
}

@media (prefers-color-scheme: dark) {
  .projects-error-card-dark {
    border-color: var(--color-red-800, #9f0712);
  }

  .projects-error-card-dark {
    background-color: #82181a33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .projects-error-card-dark {
      background-color: color-mix(in oklab, var(--color-red-900, lab(28.5139% 44.5539 29.0463)) 20%, transparent);
    }
  }
}

.projects-error-header {
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 3);
  padding-bottom: calc(var(--spacing, .25rem) * 0);
  display: flex;
}

.projects-error-icon {
  margin-top: calc(var(--spacing, .25rem) * .5);
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  color: var(--color-red-500, #fb2c36);
}

@supports (color: lab(0% 0 0)) {
  .projects-error-icon {
    color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
  }
}

.projects-error-title {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-red-700, #bf000f);
}

@supports (color: lab(0% 0 0)) {
  .projects-error-title {
    color: var(--color-red-700, lab(40.4273% 67.2623 53.7441));
  }
}

@media (prefers-color-scheme: dark) {
  .projects-error-title-dark {
    color: var(--color-red-300, #ffa3a3);
  }
}

.projects-error-description {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-red-600, #e40014);
}

@supports (color: lab(0% 0 0)) {
  .projects-error-description {
    color: var(--color-red-600, lab(48.4493% 77.4328 61.5452));
  }
}

@media (prefers-color-scheme: dark) {
  .projects-error-description-dark {
    color: var(--color-red-400, #ff6568);
  }
}

.projects-error-link {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--primary);
}

@media (hover: hover) {
  .projects-error-link:hover {
    text-decoration-line: underline;
  }
}

@media (prefers-color-scheme: dark) {
  .projects-error-link-dark {
    color: var(--primary);
  }
}

.settings-layout-container {
  background-color: var(--color-gray-50, #f9fafb);
  min-height: 100vh;
}

@supports (color: lab(0% 0 0)) {
  .settings-layout-container {
    background-color: var(--color-gray-50, lab(98.2596% -.247031 -.706708));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-layout-container-dark {
    background-color: var(--color-gray-900, #101828);
  }
}

.settings-layout-wrapper {
  max-width: var(--container-7xl, 80rem);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 8);
  margin-inline: auto;
}

@media (min-width: 40rem) {
  .settings-layout-wrapper {
    padding-inline: calc(var(--spacing, .25rem) * 6);
  }
}

@media (min-width: 64rem) {
  .settings-layout-wrapper {
    padding-inline: calc(var(--spacing, .25rem) * 8);
  }
}

.settings-layout-header {
  margin-bottom: calc(var(--spacing, .25rem) * 8);
}

.settings-layout-title {
  font-size: var(--text-3xl, 1.875rem);
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-gray-900, #101828);
}

@supports (color: lab(0% 0 0)) {
  .settings-layout-title {
    color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-layout-title-dark {
    color: var(--color-white, #fff);
  }
}

.settings-layout-subtitle {
  margin-top: calc(var(--spacing, .25rem) * 2);
  color: var(--color-gray-600, #4a5565);
}

@supports (color: lab(0% 0 0)) {
  .settings-layout-subtitle {
    color: var(--color-gray-600, lab(35.6337% -1.58697 -10.8425));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-layout-subtitle-dark {
    color: var(--color-gray-400, #99a1af);
  }
}

.settings-layout-grid {
  gap: calc(var(--spacing, .25rem) * 8);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 64rem) {
  .settings-layout-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .settings-nav {
    grid-column: span 1 / span 1;
  }
}

:where(.settings-nav-list > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.settings-nav-item {
  align-items: flex-start;
  width: 100%;
  display: flex;
}

:where(.settings-nav-item > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-x-reverse)));
}

.settings-nav-item {
  border-radius: var(--radius-lg, .5rem);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 3);
  text-align: left;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

.settings-nav-item-active {
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  border-color: var(--color-indigo-500, #625fff);
  background-color: var(--color-indigo-50, #eef2ff);
  color: var(--color-indigo-700, #432dd7);
}

@supports (color: lab(0% 0 0)) {
  .settings-nav-item-active {
    border-color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
    background-color: var(--color-indigo-50, lab(95.4818% .411302 -6.78529));
    color: var(--color-indigo-700, lab(32.4486% 49.2217 -84.6695));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-nav-item-active-dark {
    background-color: #312c8533;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .settings-nav-item-active-dark {
      background-color: color-mix(in oklab, var(--color-indigo-900, lab(23.3911% 24.6978 -50.4718)) 20%, transparent);
    }
  }

  .settings-nav-item-active-dark {
    color: var(--color-indigo-300, #a4b3ff);
  }
}

.settings-nav-item-inactive {
  color: var(--color-gray-700, #364153);
}

@supports (color: lab(0% 0 0)) {
  .settings-nav-item-inactive {
    color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
  }
}

@media (hover: hover) {
  .settings-nav-item-inactive:hover {
    background-color: var(--color-gray-100, #f3f4f6);
  }
}

@media (prefers-color-scheme: dark) {
  .settings-nav-item-inactive-dark {
    color: var(--color-gray-300, #d1d5dc);
  }

  @supports (color: lab(0% 0 0)) {
    .settings-nav-item-inactive-dark:hover {
      color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
    }
  }

  @media (hover: hover) {
    .settings-nav-item-inactive-dark:hover {
      background-color: var(--color-gray-800, #1e2939);
    }
  }
}

.settings-nav-item-icon {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  flex-shrink: 0;
}

.settings-nav-item-title {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}

.settings-nav-item-description {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-500, #6a7282);
}

@supports (color: lab(0% 0 0)) {
  .settings-nav-item-description {
    color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-nav-item-description-dark {
    color: var(--color-gray-400, #99a1af);
  }
}

.settings-org-context {
  margin-top: calc(var(--spacing, .25rem) * 8);
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, #e5e7eb);
  background-color: var(--color-white, #fff);
  padding: calc(var(--spacing, .25rem) * 4);
}

@supports (color: lab(0% 0 0)) {
  .settings-org-context {
    border-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-org-context-dark {
    border-color: var(--color-gray-700, #364153);
  }

  .settings-org-context-dark {
    background-color: var(--color-gray-800, #1e2939);
  }
}

.settings-org-context-title {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-900, #101828);
}

@supports (color: lab(0% 0 0)) {
  .settings-org-context-title {
    color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-org-context-title-dark {
    color: var(--color-white, #fff);
  }
}

.settings-org-context-content {
  align-items: center;
  display: flex;
}

:where(.settings-org-context-content > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.settings-org-context-avatar {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--color-indigo-100, #e0e7ff);
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .settings-org-context-avatar {
    background-color: var(--color-indigo-100, lab(91.6577% 1.04591 -12.7199));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-org-context-avatar-dark {
    background-color: var(--color-indigo-900, #312c85);
  }
}

.settings-org-context-avatar-text {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-indigo-600, #4f39f6);
}

@supports (color: lab(0% 0 0)) {
  .settings-org-context-avatar-text {
    color: var(--color-indigo-600, lab(38.4009% 52.6132 -92.3857));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-org-context-avatar-text-dark {
    color: var(--color-indigo-400, #7d87ff);
  }
}

.settings-org-context-name {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-900, #101828);
}

@supports (color: lab(0% 0 0)) {
  .settings-org-context-name {
    color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-org-context-name-dark {
    color: var(--color-white, #fff);
  }
}

.settings-org-context-plan {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--color-gray-500, #6a7282);
}

@supports (color: lab(0% 0 0)) {
  .settings-org-context-plan {
    color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-org-context-plan-dark {
    color: var(--color-gray-400, #99a1af);
  }
}

@media (min-width: 64rem) {
  .settings-content {
    grid-column: span 3 / span 3;
  }
}

.settings-content-card {
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, #e5e7eb);
  background-color: var(--color-white, #fff);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@supports (color: lab(0% 0 0)) {
  .settings-content-card {
    border-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-content-card-dark {
    border-color: var(--color-gray-700, #364153);
  }

  .settings-content-card-dark {
    background-color: var(--color-gray-800, #1e2939);
  }
}

.settings-profile-container {
  padding: calc(var(--spacing, .25rem) * 6);
}

.settings-profile-header {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.settings-profile-title {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-gray-900, #101828);
}

@supports (color: lab(0% 0 0)) {
  .settings-profile-title {
    color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-profile-title-dark {
    color: var(--color-white, #fff);
  }
}

.settings-profile-subtitle {
  color: var(--color-gray-600, #4a5565);
}

@supports (color: lab(0% 0 0)) {
  .settings-profile-subtitle {
    color: var(--color-gray-600, lab(35.6337% -1.58697 -10.8425));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-profile-subtitle-dark {
    color: var(--color-gray-400, #99a1af);
  }
}

.settings-profile-actions {
  display: flex;
}

:where(.settings-profile-actions > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-x-reverse)));
}

:where(.settings-profile-sections > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 8) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 8) * calc(1 - var(--tw-space-y-reverse)));
}

.settings-profile-section-title {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-900, #101828);
}

@supports (color: lab(0% 0 0)) {
  .settings-profile-section-title {
    color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-profile-section-title-dark {
    color: var(--color-white, #fff);
  }
}

.settings-profile-form-grid {
  gap: calc(var(--spacing, .25rem) * 6);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 48rem) {
  .settings-profile-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 48rem) {
  .settings-profile-form-grid-full {
    grid-column: span 2 / span 2;
  }
}

.settings-profile-avatar-container {
  align-items: center;
  display: flex;
}

:where(.settings-profile-avatar-container > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-x-reverse)));
}

.settings-profile-avatar-input {
  display: none;
}

.settings-profile-avatar-label {
  cursor: pointer;
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300, #d1d5dc);
  background-color: var(--color-white, #fff);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-700, #364153);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@supports (color: lab(0% 0 0)) {
  .settings-profile-avatar-label {
    border-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
    color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
  }
}

@media (hover: hover) {
  .settings-profile-avatar-label:hover {
    background-color: var(--color-gray-50, #f9fafb);
  }
}

@media (prefers-color-scheme: dark) {
  .settings-profile-avatar-label-dark {
    border-color: var(--color-gray-600, #4a5565);
  }

  .settings-profile-avatar-label-dark {
    background-color: var(--color-gray-700, #364153);
  }

  .settings-profile-avatar-label-dark {
    color: var(--color-gray-300, #d1d5dc);
  }

  @supports (color: lab(0% 0 0)) {
    .settings-profile-avatar-label-dark:hover {
      border-color: var(--color-gray-600, lab(35.6337% -1.58697 -10.8425));
      background-color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
      color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
    }
  }

  @media (hover: hover) {
    .settings-profile-avatar-label-dark:hover {
      background-color: var(--color-gray-600, #4a5565);
    }
  }
}

:where(.settings-profile-skills-container > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-y-reverse)));
}

.settings-profile-skills-list {
  gap: calc(var(--spacing, .25rem) * 2);
  flex-wrap: wrap;
  display: flex;
}

.settings-profile-skill-badge {
  background-color: var(--color-indigo-100, #e0e7ff);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-indigo-800, #372aac);
  border-radius: 3.40282e38px;
  align-items: center;
  display: inline-flex;
}

@supports (color: lab(0% 0 0)) {
  .settings-profile-skill-badge {
    background-color: var(--color-indigo-100, lab(91.6577% 1.04591 -12.7199));
    color: var(--color-indigo-800, lab(26.6645% 37.9804 -68.6402));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-profile-skill-badge-dark {
    background-color: var(--color-indigo-900, #312c85);
  }

  .settings-profile-skill-badge-dark {
    color: var(--color-indigo-200, #c7d2ff);
  }
}

.settings-profile-skill-remove {
  margin-left: calc(var(--spacing, .25rem) * 2);
  color: var(--color-indigo-600, #4f39f6);
}

@supports (color: lab(0% 0 0)) {
  .settings-profile-skill-remove {
    color: var(--color-indigo-600, lab(38.4009% 52.6132 -92.3857));
  }
}

@media (hover: hover) {
  .settings-profile-skill-remove:hover {
    color: var(--color-indigo-800, #372aac);
  }
}

@media (prefers-color-scheme: dark) {
  .settings-profile-skill-remove-dark {
    color: var(--color-indigo-400, #7d87ff);
  }

  @supports (color: lab(0% 0 0)) {
    .settings-profile-skill-remove-dark:hover {
      color: var(--color-indigo-400, lab(59.866% 22.4834 -64.4485));
    }
  }

  @media (hover: hover) {
    .settings-profile-skill-remove-dark:hover {
      color: var(--color-indigo-300, #a4b3ff);
    }
  }
}

.settings-profile-skill-add {
  display: flex;
}

:where(.settings-profile-skill-add > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.settings-profile-social-grid {
  gap: calc(var(--spacing, .25rem) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 48rem) {
  .settings-profile-social-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.settings-notifications-container {
  padding: calc(var(--spacing, .25rem) * 6);
}

.settings-notifications-header {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.settings-notifications-title {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-gray-900, #101828);
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-title {
    color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-notifications-title-dark {
    color: var(--color-white, #fff);
  }
}

.settings-notifications-subtitle {
  color: var(--color-gray-600, #4a5565);
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-subtitle {
    color: var(--color-gray-600, lab(35.6337% -1.58697 -10.8425));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-notifications-subtitle-dark {
    color: var(--color-gray-400, #99a1af);
  }
}

.settings-notifications-actions {
  display: flex;
}

:where(.settings-notifications-actions > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-x-reverse)));
}

:where(.settings-notifications-sections > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 8) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 8) * calc(1 - var(--tw-space-y-reverse)));
}

.settings-notifications-email-section {
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--color-gray-50, #f9fafb);
  padding: calc(var(--spacing, .25rem) * 6);
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-email-section {
    background-color: var(--color-gray-50, lab(98.2596% -.247031 -.706708));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-notifications-email-section-dark {
    background-color: var(--color-gray-800, #1e2939);
  }
}

.settings-notifications-email-title {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-900, #101828);
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-email-title {
    color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-notifications-email-title-dark {
    color: var(--color-white, #fff);
  }
}

.settings-notifications-email-grid {
  gap: calc(var(--spacing, .25rem) * 6);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 48rem) {
  .settings-notifications-email-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.settings-notifications-email-label {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-700, #364153);
  display: block;
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-email-label {
    color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-notifications-email-label-dark {
    color: var(--color-gray-300, #d1d5dc);
  }
}

.settings-notifications-email-select {
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300, #d1d5dc);
  background-color: var(--color-white, #fff);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  color: var(--color-gray-900, #101828);
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-email-select {
    border-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
    color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
  }
}

.settings-notifications-email-select:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--color-indigo-500, #625fff);
  border-color: #0000;
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-email-select:focus {
    --tw-ring-color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
  }
}

.settings-notifications-email-select:focus {
  --tw-outline-style: none;
  outline-style: none;
}

@media (prefers-color-scheme: dark) {
  .settings-notifications-email-select-dark {
    border-color: var(--color-gray-600, #4a5565);
  }

  .settings-notifications-email-select-dark {
    background-color: var(--color-gray-700, #364153);
  }

  .settings-notifications-email-select-dark {
    color: var(--color-white, #fff);
  }
}

:where(.settings-notifications-email-checkbox-group > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.settings-notifications-email-checkbox {
  align-items: center;
  display: flex;
}

.settings-notifications-email-checkbox-input {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  border-color: var(--color-gray-300, #d1d5dc);
  color: var(--color-indigo-600, #4f39f6);
  border-radius: .25rem;
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-email-checkbox-input {
    border-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
    color: var(--color-indigo-600, lab(38.4009% 52.6132 -92.3857));
  }
}

.settings-notifications-email-checkbox-input:focus {
  --tw-ring-color: var(--color-indigo-500, #625fff);
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-email-checkbox-input:focus {
    --tw-ring-color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
  }
}

.settings-notifications-email-checkbox-label {
  margin-left: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-700, #364153);
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-email-checkbox-label {
    color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-notifications-email-checkbox-label-dark {
    color: var(--color-gray-300, #d1d5dc);
  }
}

.settings-notifications-email-time-group {
  display: flex;
}

:where(.settings-notifications-email-time-group > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.settings-notifications-email-time-input {
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300, #d1d5dc);
  background-color: var(--color-white, #fff);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  color: var(--color-gray-900, #101828);
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-email-time-input {
    border-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
    color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
  }
}

.settings-notifications-email-time-input:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--color-indigo-500, #625fff);
  border-color: #0000;
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-email-time-input:focus {
    --tw-ring-color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
  }
}

.settings-notifications-email-time-input:focus {
  --tw-outline-style: none;
  outline-style: none;
}

@media (prefers-color-scheme: dark) {
  .settings-notifications-email-time-input-dark {
    border-color: var(--color-gray-600, #4a5565);
  }

  .settings-notifications-email-time-input-dark {
    background-color: var(--color-gray-700, #364153);
  }

  .settings-notifications-email-time-input-dark {
    color: var(--color-white, #fff);
  }
}

.settings-notifications-email-time-separator {
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-500, #6a7282);
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-email-time-separator {
    color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-notifications-email-time-separator-dark {
    color: var(--color-gray-400, #99a1af);
  }
}

.settings-notifications-category-header {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
}

.settings-notifications-category-title {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-900, #101828);
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-category-title {
    color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-notifications-category-title-dark {
    color: var(--color-white, #fff);
  }
}

.settings-notifications-category-description {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-600, #4a5565);
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-category-description {
    color: var(--color-gray-600, lab(35.6337% -1.58697 -10.8425));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-notifications-category-description-dark {
    color: var(--color-gray-400, #99a1af);
  }
}

.settings-notifications-category-table {
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, #e5e7eb);
  background-color: var(--color-white, #fff);
  overflow: hidden;
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-category-table {
    border-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-notifications-category-table-dark {
    border-color: var(--color-gray-700, #364153);
  }

  .settings-notifications-category-table-dark {
    background-color: var(--color-gray-800, #1e2939);
  }
}

:where(.settings-notifications-category-table-body > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(1px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-color: var(--color-gray-200, #e5e7eb);
}

@supports (color: lab(0% 0 0)) {
  :where(.settings-notifications-category-table-body > :not(:last-child)) {
    border-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  :where(.settings-notifications-category-table-body-dark > :not(:last-child)) {
    border-color: var(--color-gray-700, #364153);
  }

  @supports (color: lab(0% 0 0)) {
    :where(.settings-notifications-category-table-body-dark > :not(:last-child)) {
      border-color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
    }
  }
}

.settings-notifications-table-header {
  background-color: var(--color-gray-50, #f9fafb);
  padding-inline: calc(var(--spacing, .25rem) * 6);
  padding-block: calc(var(--spacing, .25rem) * 3);
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-table-header {
    background-color: var(--color-gray-50, lab(98.2596% -.247031 -.706708));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-notifications-table-header-dark {
    background-color: var(--color-gray-800, #1e2939);
  }
}

.settings-notifications-table-header-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.settings-notifications-table-header-title {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-900, #101828);
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-table-header-title {
    color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-notifications-table-header-title-dark {
    color: var(--color-white, #fff);
  }
}

.settings-notifications-table-header-controls {
  align-items: center;
  display: flex;
}

:where(.settings-notifications-table-header-controls > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 8) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 8) * calc(1 - var(--tw-space-x-reverse)));
}

.settings-notifications-table-header-control {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-900, #101828);
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-table-header-control {
    color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-notifications-table-header-control-dark {
    color: var(--color-white, #fff);
  }
}

.settings-notifications-table-row {
  padding-inline: calc(var(--spacing, .25rem) * 6);
  padding-block: calc(var(--spacing, .25rem) * 4);
}

.settings-notifications-table-row-content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.settings-notifications-table-row-info {
  flex: 1;
}

.settings-notifications-table-row-title {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-900, #101828);
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-table-row-title {
    color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-notifications-table-row-title-dark {
    color: var(--color-white, #fff);
  }
}

.settings-notifications-table-row-description {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-500, #6a7282);
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-table-row-description {
    color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-notifications-table-row-description-dark {
    color: var(--color-gray-400, #99a1af);
  }
}

.settings-notifications-table-row-controls {
  align-items: center;
  display: flex;
}

:where(.settings-notifications-table-row-controls > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 8) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 8) * calc(1 - var(--tw-space-x-reverse)));
}

.settings-notifications-table-row-checkbox {
  align-items: center;
  display: flex;
}

.settings-notifications-table-row-checkbox-input {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  border-color: var(--color-gray-300, #d1d5dc);
  color: var(--color-indigo-600, #4f39f6);
  border-radius: .25rem;
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-table-row-checkbox-input {
    border-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
    color: var(--color-indigo-600, lab(38.4009% 52.6132 -92.3857));
  }
}

.settings-notifications-table-row-checkbox-input:focus {
  --tw-ring-color: var(--color-indigo-500, #625fff);
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-table-row-checkbox-input:focus {
    --tw-ring-color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
  }
}

.settings-notifications-quick-actions {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-gray-200, #e5e7eb);
  padding-top: calc(var(--spacing, .25rem) * 4);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .settings-notifications-quick-actions {
    border-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  .settings-notifications-quick-actions-dark {
    border-color: var(--color-gray-700, #364153);
  }
}

.settings-notifications-quick-actions-right {
  display: flex;
}

:where(.settings-notifications-quick-actions-right > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.setup-checker-loading-container {
  background-color: var(--color-gray-50, #f9fafb);
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .setup-checker-loading-container {
    background-color: var(--color-gray-50, lab(98.2596% -.247031 -.706708));
  }
}

.setup-checker-loading-content {
  text-align: center;
}

.setup-checker-loading-spinner {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  animation: var(--animate-spin, spin 1s linear infinite);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  border-color: var(--color-blue-600, #155dfc);
  border-radius: 3.40282e38px;
}

@supports (color: lab(0% 0 0)) {
  .setup-checker-loading-spinner {
    border-color: var(--color-blue-600, lab(44.0605% 29.0279 -86.0352));
  }
}

.setup-checker-loading-text {
  color: var(--color-gray-600, #4a5565);
}

@supports (color: lab(0% 0 0)) {
  .setup-checker-loading-text {
    color: var(--color-gray-600, lab(35.6337% -1.58697 -10.8425));
  }
}

.setup-container {
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--primary);
  --tw-gradient-via: var(--primary);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-to: color-mix(in oklab, var(--primary) 95%, transparent);
  height: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 8);
  padding-block: calc(var(--spacing, .25rem) * 8);
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (min-width: 64rem) {
  .setup-container {
    padding-inline: calc(var(--spacing, .25rem) * 12);
  }
}

@media (min-width: 80rem) {
  .setup-container {
    padding-inline: calc(var(--spacing, .25rem) * 16);
  }
}

.setup-content-panel {
  position: relative;
}

@media (min-width: 64rem) {
  .setup-content-panel {
    width: 50%;
  }
}

.setup-form-panel {
  width: 100%;
  min-height: 100vh;
  padding: calc(var(--spacing, .25rem) * 4);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow-y: auto;
}

@media (min-width: 64rem) {
  .setup-form-panel {
    width: 50%;
  }

  .setup-form-panel {
    padding: calc(var(--spacing, .25rem) * 8);
  }
}

@media (min-width: 80rem) {
  .setup-form-panel {
    padding: calc(var(--spacing, .25rem) * 10);
  }
}

.setup-form-wrapper {
  width: 100%;
  max-width: var(--container-md, 28rem);
  margin-block: auto;
}

.setup-hero-container {
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--primary);
  --tw-gradient-via: var(--primary);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-to: color-mix(in oklab, var(--primary) 95%, transparent);
  height: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 8);
  padding-block: calc(var(--spacing, .25rem) * 8);
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (min-width: 64rem) {
  .setup-hero-container {
    padding-inline: calc(var(--spacing, .25rem) * 12);
  }
}

@media (min-width: 80rem) {
  .setup-hero-container {
    padding-inline: calc(var(--spacing, .25rem) * 16);
  }
}

.setup-hero-background {
  inset: calc(var(--spacing, .25rem) * 0);
  position: absolute;
}

.setup-hero-gradient-overlay {
  inset: calc(var(--spacing, .25rem) * 0);
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: transparent;
  --tw-gradient-via: color-mix(in oklab, var(--primary) 10%, transparent);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-to: color-mix(in oklab, var(--primary) 20%, transparent);
  position: absolute;
}

.setup-hero-content {
  z-index: 10;
  max-width: var(--container-2xl, 42rem);
  margin-inline: auto;
  position: relative;
}

@media (min-width: 64rem) {
  .setup-hero-content {
    margin-inline: calc(var(--spacing, .25rem) * 0);
  }
}

.setup-brand-header {
  margin-bottom: calc(var(--spacing, .25rem) * 8);
}

.setup-brand-logo-row {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  align-items: center;
  display: flex;
}

:where(.setup-brand-logo-row > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-x-reverse)));
}

.setup-brand-logo-icon {
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-2xl, 1rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--primary-foreground);
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .setup-brand-logo-icon {
    border-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent);
  }
}

.setup-brand-logo-icon {
  background-color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .setup-brand-logo-icon {
    background-color: color-mix(in oklab, var(--primary-foreground) 15%, transparent);
  }
}

.setup-brand-logo-icon {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(var(--blur-lg, 16px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

@media (min-width: 64rem) {
  .setup-brand-logo-icon {
    height: calc(var(--spacing, .25rem) * 14);
  }

  .setup-brand-logo-icon {
    width: calc(var(--spacing, .25rem) * 14);
  }
}

.setup-brand-title {
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  --tw-tracking: var(--tracking-tight, -.025em);
  letter-spacing: var(--tracking-tight, -.025em);
  color: var(--primary-foreground);
}

@media (min-width: 64rem) {
  .setup-brand-title {
    font-size: var(--text-4xl, 2.25rem);
    line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
  }
}

.setup-brand-subtitle-row {
  margin-top: calc(var(--spacing, .25rem) * 1);
  align-items: center;
  display: flex;
}

:where(.setup-brand-subtitle-row > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.setup-brand-shield-icon {
  height: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 3);
  color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .setup-brand-shield-icon {
    color: color-mix(in oklab, var(--primary-foreground) 70%, transparent);
  }
}

.setup-brand-subtitle {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .setup-brand-subtitle {
    color: color-mix(in oklab, var(--primary-foreground) 70%, transparent);
  }
}

@media (min-width: 64rem) {
  .setup-brand-subtitle {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }
}

.setup-hero-heading {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-leading: var(--leading-tight, 1.25);
  line-height: var(--leading-tight, 1.25);
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--primary-foreground);
}

@media (min-width: 64rem) {
  .setup-hero-heading {
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  }
}

@media (min-width: 80rem) {
  .setup-hero-heading {
    font-size: var(--text-4xl, 2.25rem);
    line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
  }
}

.setup-hero-heading-gradient {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--primary-foreground);
  --tw-gradient-to: color-mix(in oklab, var(--primary-foreground) 80%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.setup-hero-description {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  max-width: var(--container-xl, 36rem);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .setup-hero-description {
    color: color-mix(in oklab, var(--primary-foreground) 85%, transparent);
  }
}

@media (min-width: 64rem) {
  .setup-hero-description {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }
}

.setup-form-container {
  width: 100%;
}

:where(.setup-form-container > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 5) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.setup-form-header > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-y-reverse)));
}

.setup-form-header {
  text-align: center;
}

.setup-form-mode-toggle {
  top: calc(var(--spacing, .25rem) * 2);
  right: calc(var(--spacing, .25rem) * 2);
  z-index: 50;
  position: fixed;
}

.setup-mobile-logo {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
}

@media (min-width: 48rem) {
  .setup-mobile-logo {
    display: none;
  }
}

.setup-mobile-logo-icon {
  width: fit-content;
  margin-inline: auto;
}

.setup-shield-icon-container {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 16);
  width: calc(var(--spacing, .25rem) * 16);
  background-color: var(--color-blue-100, #dbeafe);
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .setup-shield-icon-container {
    background-color: var(--color-blue-100, lab(92.0301% -2.24757 -11.6453));
  }
}

@media (prefers-color-scheme: dark) {
  .setup-shield-icon-container {
    background-color: #1c398e33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .setup-shield-icon-container {
      background-color: color-mix(in oklab, var(--color-blue-900, lab(26.1542% 15.7545 -51.5504)) 20%, transparent);
    }
  }
}

.setup-shield-icon {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  color: var(--color-blue-600, #155dfc);
}

@supports (color: lab(0% 0 0)) {
  .setup-shield-icon {
    color: var(--color-blue-600, lab(44.0605% 29.0279 -86.0352));
  }
}

@media (prefers-color-scheme: dark) {
  .setup-shield-icon {
    color: var(--color-blue-400, #54a2ff);
  }
}

:where(.setup-form-header-content > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 1.5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
}

.setup-form-title {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  --tw-tracking: var(--tracking-tight, -.025em);
  letter-spacing: var(--tracking-tight, -.025em);
  color: var(--foreground);
}

@media (min-width: 40rem) {
  .setup-form-title {
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  }
}

@media (min-width: 64rem) {
  .setup-form-title {
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  }
}

.setup-form-subtitle {
  max-width: var(--container-sm, 24rem);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--muted-foreground);
  margin-inline: auto;
}

@media (min-width: 40rem) {
  .setup-form-subtitle {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }
}

.setup-error-alert {
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  border-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .setup-error-alert {
    border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
  }
}

.setup-error-alert {
  background-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .setup-error-alert {
    background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
  }
}

.setup-error-alert {
  --tw-backdrop-blur: blur(var(--blur-sm, 8px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

.setup-error-title {
  margin-bottom: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  display: block;
}

.setup-error-message {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  opacity: .9;
  display: block;
}

:where(.setup-form > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.setup-field-container > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.setup-name-fields-row {
  gap: calc(var(--spacing, .25rem) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 40rem) {
  .setup-name-fields-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.setup-field-label {
  align-items: center;
  display: flex;
}

:where(.setup-field-label > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.setup-field-label {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.setup-field-icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
}

.setup-input {
  height: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-lg, .5rem);
  border-color: var(--border);
  background-color: var(--card);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .setup-input:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.setup-input:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--ring);
  border-color: #0000;
}

.setup-password-container {
  position: relative;
}

.setup-password-input {
  height: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-lg, .5rem);
  border-color: var(--border);
  background-color: var(--card);
  width: 100%;
  padding-right: calc(var(--spacing, .25rem) * 10);
  padding-left: calc(var(--spacing, .25rem) * 4);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .setup-password-input:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.setup-password-input:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--ring);
  border-color: #0000;
}

.setup-password-toggle {
  top: 50%;
  right: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-radius: var(--radius-lg, .5rem);
  padding: calc(var(--spacing, .25rem) * 0);
  position: absolute;
}

@media (hover: hover) {
  .setup-password-toggle:hover {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .setup-password-toggle:hover {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }
}

.setup-password-hint {
  margin-top: calc(var(--spacing, .25rem) * 1.5);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.setup-submit-button {
  height: calc(var(--spacing, .25rem) * 10);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--primary);
  --tw-font-weight: var(--font-weight-semibold, 600);
  width: 100%;
  font-weight: var(--font-weight-semibold, 600);
  color: var(--primary-foreground);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
  display: flex;
}

@media (hover: hover) {
  .setup-submit-button:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .setup-submit-button:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

@media (hover: hover) {
  .setup-submit-button:hover {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.setup-loading-spinner {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  animation: var(--animate-spin, spin 1s linear infinite);
}

.setup-button-arrow {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

.setup-submit-button:hover .setup-button-arrow {
  --tw-translate-x: calc(var(--spacing, .25rem) * 1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.setup-footer {
  margin-top: calc(var(--spacing, .25rem) * 5);
  padding-top: calc(var(--spacing, .25rem) * 4);
  text-align: center;
}

.setup-footer-text {
  max-width: var(--container-xs, 20rem);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--muted-foreground);
  margin-inline: auto;
}

.setup-success-container {
  min-height: 500px;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  justify-content: center;
  align-items: center;
  display: flex;
}

:where(.setup-success-content > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 6) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 6) * calc(1 - var(--tw-space-y-reverse)));
}

.setup-success-content {
  text-align: center;
}

.setup-success-icon {
  height: calc(var(--spacing, .25rem) * 20);
  width: calc(var(--spacing, .25rem) * 20);
  color: var(--color-green-500, #00c758);
  margin-inline: auto;
}

@supports (color: lab(0% 0 0)) {
  .setup-success-icon {
    color: var(--color-green-500, lab(70.5521% -66.5147 45.8073));
  }
}

@media (prefers-color-scheme: dark) {
  .setup-success-icon {
    color: var(--color-green-400, #05df72);
  }
}

.setup-success-title {
  font-size: var(--text-3xl, 1.875rem);
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--foreground);
}

.setup-success-message {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  color: var(--muted-foreground);
}

.setup-success-redirect {
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
  display: flex;
}

.setup-redirect-spinner {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  animation: var(--animate-spin, spin 1s linear infinite);
}

.setup-form-scroll-container {
  scrollbar-width: thin;
  scrollbar-color: var(--muted) transparent;
  max-height: 100vh;
  overflow-y: auto;
}

.setup-form-scroll-container::-webkit-scrollbar {
  width: 6px;
}

.setup-form-scroll-container::-webkit-scrollbar-track {
  background: none;
}

.setup-form-scroll-container::-webkit-scrollbar-thumb {
  background: var(--muted);
  border-radius: 3px;
}

@media (min-width: 1920px) {
  .setup-form-panel {
    padding: calc(var(--spacing, .25rem) * 12);
  }

  .setup-form-wrapper {
    max-width: var(--container-lg, 32rem);
  }
}

@media (max-height: 800px) {
  :where(.setup-form-header > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  .setup-form-title {
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  }

  @media (min-width: 40rem) {
    .setup-form-title {
      font-size: var(--text-2xl, 1.5rem);
      line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    }
  }

  @media (min-width: 64rem) {
    .setup-form-title {
      font-size: var(--text-2xl, 1.5rem);
      line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    }
  }

  .setup-form-subtitle {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  }

  @media (min-width: 40rem) {
    .setup-form-subtitle {
      font-size: var(--text-sm, .875rem);
      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    }
  }

  :where(.setup-form-container > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.setup-form > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  .setup-footer {
    margin-top: calc(var(--spacing, .25rem) * 4);
  }

  .setup-shield-icon-container {
    margin-bottom: calc(var(--spacing, .25rem) * 3);
    height: calc(var(--spacing, .25rem) * 12);
    width: calc(var(--spacing, .25rem) * 12);
  }

  .setup-shield-icon {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
  }
}

@media (max-width: 768px) {
  .setup-form-title {
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  }

  .setup-form-subtitle {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  }

  .setup-input, .setup-password-input {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }

  .setup-name-fields-row {
    gap: calc(var(--spacing, .25rem) * 3);
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .setup-success-icon {
    height: calc(var(--spacing, .25rem) * 16);
    width: calc(var(--spacing, .25rem) * 16);
  }

  .setup-success-title {
    font-size: var(--text-2xl, 1.5rem);
    line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  }

  .setup-success-message {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }
}

.setup-input:focus, .setup-password-input:focus, .setup-submit-button:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--ring);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-offset-color: var(--background);
  --tw-outline-style: none;
  outline-style: none;
}

.setup-input:disabled, .setup-password-input:disabled {
  cursor: not-allowed;
  background-color: var(--muted);
}

@supports (color: color-mix(in lab, red, red)) {
  .setup-input:disabled, .setup-password-input:disabled {
    background-color: color-mix(in oklab, var(--muted) 20%, transparent);
  }
}

.setup-input:disabled, .setup-password-input:disabled {
  opacity: .5;
}

.setup-submit-button:disabled {
  cursor: not-allowed;
  opacity: .6;
}

@media (prefers-reduced-motion: reduce) {
  .setup-submit-button, .setup-button-arrow {
    transition-property: none;
  }

  .setup-loading-spinner, .setup-redirect-spinner {
    animation: none;
  }
}

@media print {
  .setup-form-mode-toggle, .setup-password-toggle, .setup-hero-container {
    display: none;
  }

  .setup-form-panel {
    width: 100%;
  }
}

.members-manager-loading-card {
  border-radius: var(--card-radius);
  --tw-border-style: none;
  border-style: none;
}

.members-manager-loading-container {
  padding: calc(var(--spacing, .25rem) * 6);
}

.members-manager-loading-title {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  height: calc(var(--spacing, .25rem) * 6);
  width: 33.3333%;
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  background-color: var(--color-gray-200, #e5e7eb);
  border-radius: .25rem;
}

@supports (color: lab(0% 0 0)) {
  .members-manager-loading-title {
    background-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  .members-manager-loading-title-dark {
    background-color: var(--color-gray-700, #364153);
  }
}

:where(.members-manager-loading-list > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.members-manager-loading-item {
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  align-items: center;
  display: flex;
}

:where(.members-manager-loading-item > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-x-reverse)));
}

.members-manager-loading-avatar {
  height: calc(var(--spacing, .25rem) * 10);
  width: calc(var(--spacing, .25rem) * 10);
  background-color: var(--color-gray-200, #e5e7eb);
  border-radius: 3.40282e38px;
}

@supports (color: lab(0% 0 0)) {
  .members-manager-loading-avatar {
    background-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  .members-manager-loading-avatar-dark {
    background-color: var(--color-gray-700, #364153);
  }
}

.members-manager-loading-content {
  flex: 1;
}

:where(.members-manager-loading-content > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.members-manager-loading-name {
  height: calc(var(--spacing, .25rem) * 4);
  background-color: var(--color-gray-200, #e5e7eb);
  border-radius: .25rem;
  width: 50%;
}

@supports (color: lab(0% 0 0)) {
  .members-manager-loading-name {
    background-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  .members-manager-loading-name-dark {
    background-color: var(--color-gray-700, #364153);
  }
}

.members-manager-loading-email {
  height: calc(var(--spacing, .25rem) * 3);
  background-color: var(--color-gray-200, #e5e7eb);
  border-radius: .25rem;
  width: 66.6667%;
}

@supports (color: lab(0% 0 0)) {
  .members-manager-loading-email {
    background-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  .members-manager-loading-email-dark {
    background-color: var(--color-gray-700, #364153);
  }
}

.members-manager-loading-role {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 16);
  background-color: var(--color-gray-200, #e5e7eb);
  border-radius: .25rem;
}

@supports (color: lab(0% 0 0)) {
  .members-manager-loading-role {
    background-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  .members-manager-loading-role-dark {
    background-color: var(--color-gray-700, #364153);
  }
}

.members-manager-card {
  border-radius: var(--card-radius);
  --tw-border-style: none;
  background-color: var(--card);
  border-style: none;
}

.members-manager-header {
  padding-bottom: calc(var(--spacing, .25rem) * 2);
}

.members-manager-header-content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.members-manager-title {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
  display: flex;
}

.members-manager-title-icon {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  color: var(--gray-500);
}

.members-manager-actions {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.members-manager-invite-button {
  height: calc(var(--spacing, .25rem) * 9);
  width: calc(var(--spacing, .25rem) * 20);
  cursor: pointer;
  --tw-border-style: none;
  background-color: var(--primary);
  border-style: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .members-manager-invite-button {
    background-color: color-mix(in oklab, var(--primary) 5%, transparent);
  }
}

.members-manager-invite-button {
  white-space: nowrap;
  color: var(--foreground);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .members-manager-invite-button:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .members-manager-invite-button:hover {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
}

.members-manager-add-button {
  height: calc(var(--spacing, .25rem) * 9);
  width: calc(var(--spacing, .25rem) * 32);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-lg, .5rem);
  --tw-border-style: none;
  background-color: var(--primary);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary-foreground);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  border-style: none;
  transition-duration: .2s;
  display: flex;
}

@media (hover: hover) {
  .members-manager-add-button:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .members-manager-add-button:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

@media (hover: hover) {
  .members-manager-add-button:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.members-manager-add-button-icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
}

.members-manager-modal {
  border-radius: var(--card-radius);
  --tw-border-style: none;
  background-color: var(--card);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-style: none;
}

.members-manager-modal-large {
  max-width: var(--container-lg, 32rem);
}

.members-manager-modal-title {
  color: var(--foreground);
}

:where(.members-manager-modal-content > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.members-manager-modal-content {
  padding-block: calc(var(--spacing, .25rem) * 4);
}

:where(.members-manager-modal-field > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.members-manager-modal-label {
  color: var(--foreground);
}

.members-manager-modal-input {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--background);
  color: var(--foreground);
}

.members-manager-modal-select {
  height: calc(var(--spacing, .25rem) * 9);
  --tw-border-style: none;
  background-color: var(--primary);
  border-style: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .members-manager-modal-select {
    background-color: color-mix(in oklab, var(--primary) 5%, transparent);
  }
}

.members-manager-modal-select {
  color: var(--foreground);
}

.members-manager-modal-select-content {
  --tw-border-style: none;
  background-color: var(--card);
  border-style: none;
}

.members-manager-invite-message {
  border-radius: var(--radius-lg, .5rem);
  padding: calc(var(--spacing, .25rem) * 3);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
}

.members-manager-invite-message-success {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-green-200, #b9f8cf);
  background-color: var(--color-green-50, #f0fdf4);
  color: var(--color-green-700, #008138);
}

@supports (color: lab(0% 0 0)) {
  .members-manager-invite-message-success {
    border-color: var(--color-green-200, lab(92.4222% -26.4702 12.9427));
    background-color: var(--color-green-50, lab(98.1563% -5.60117 2.75915));
    color: var(--color-green-700, lab(47.0329% -47.0239 31.4788));
  }
}

.members-manager-invite-message-error {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-red-200, #ffcaca);
  background-color: var(--color-red-50, #fef2f2);
  color: var(--color-red-700, #bf000f);
}

@supports (color: lab(0% 0 0)) {
  .members-manager-invite-message-error {
    border-color: var(--color-red-200, lab(86.017% 19.8815 7.75869));
    background-color: var(--color-red-50, lab(96.5005% 4.18508 1.52328));
    color: var(--color-red-700, lab(40.4273% 67.2623 53.7441));
  }
}

.members-manager-modal-actions {
  justify-content: flex-end;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.members-manager-modal-cancel {
  height: calc(var(--spacing, .25rem) * 9);
  width: calc(var(--spacing, .25rem) * 20);
  --tw-border-style: none;
  background-color: var(--primary);
  border-style: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .members-manager-modal-cancel {
    background-color: color-mix(in oklab, var(--primary) 5%, transparent);
  }
}

.members-manager-modal-cancel {
  color: var(--foreground);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .members-manager-modal-cancel:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .members-manager-modal-cancel:hover {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
}

.members-manager-modal-submit {
  height: calc(var(--spacing, .25rem) * 9);
  width: calc(var(--spacing, .25rem) * 28);
  border-radius: var(--radius-lg, .5rem);
  --tw-border-style: none;
  background-color: var(--primary);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary-foreground);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  border-style: none;
  transition-duration: .2s;
}

@media (hover: hover) {
  .members-manager-modal-submit:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .members-manager-modal-submit:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

@media (hover: hover) {
  .members-manager-modal-submit:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

:where(.members-manager-modal-loading-list > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-y-reverse)));
}

.members-manager-modal-loading-item {
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
  align-items: center;
  display: flex;
}

:where(.members-manager-modal-loading-item > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-x-reverse)));
}

.members-manager-modal-loading-item {
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--gray-200);
  padding: calc(var(--spacing, .25rem) * 3);
}

@media (prefers-color-scheme: dark) {
  .members-manager-modal-loading-item-dark {
    border-color: var(--gray-700);
  }
}

.members-manager-modal-loading-item-avatar {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  background-color: var(--color-gray-200, #e5e7eb);
  border-radius: 3.40282e38px;
}

@supports (color: lab(0% 0 0)) {
  .members-manager-modal-loading-item-avatar {
    background-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  .members-manager-modal-loading-item-avatar-dark {
    background-color: var(--color-gray-700, #364153);
  }
}

.members-manager-modal-loading-item-content {
  flex: 1;
}

:where(.members-manager-modal-loading-item-content > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.members-manager-modal-loading-item-name {
  height: calc(var(--spacing, .25rem) * 3);
  background-color: var(--color-gray-200, #e5e7eb);
  border-radius: .25rem;
  width: 75%;
}

@supports (color: lab(0% 0 0)) {
  .members-manager-modal-loading-item-name {
    background-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  .members-manager-modal-loading-item-name-dark {
    background-color: var(--color-gray-700, #364153);
  }
}

.members-manager-modal-loading-item-email {
  height: calc(var(--spacing, .25rem) * 3);
  background-color: var(--color-gray-200, #e5e7eb);
  border-radius: .25rem;
  width: 50%;
}

@supports (color: lab(0% 0 0)) {
  .members-manager-modal-loading-item-email {
    background-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  .members-manager-modal-loading-item-email-dark {
    background-color: var(--color-gray-700, #364153);
  }
}

.members-manager-modal-loading-item-button {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 12);
  background-color: var(--color-gray-200, #e5e7eb);
  border-radius: .25rem;
}

@supports (color: lab(0% 0 0)) {
  .members-manager-modal-loading-item-button {
    background-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  .members-manager-modal-loading-item-button-dark {
    background-color: var(--color-gray-700, #364153);
  }
}

.members-manager-available-list {
  max-height: calc(var(--spacing, .25rem) * 64);
}

:where(.members-manager-available-list > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

.members-manager-available-list {
  overflow-y: auto;
}

.members-manager-available-item {
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--gray-200);
  background-color: var(--gray-50);
  padding: calc(var(--spacing, .25rem) * 3);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  justify-content: space-between;
  align-items: center;
  display: flex;
}

@media (hover: hover) {
  .members-manager-available-item:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .members-manager-available-item:hover {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }
}

@media (prefers-color-scheme: dark) {
  .members-manager-available-item-dark {
    border-color: var(--gray-700);
  }

  .members-manager-available-item-dark {
    background-color: var(--gray-900);
  }
}

.members-manager-available-item-info {
  align-items: center;
  display: flex;
}

:where(.members-manager-available-item-info > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-x-reverse)));
}

.members-manager-available-item-name {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--accent-foreground);
}

.members-manager-available-item-email {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--gray-500);
}

.members-manager-available-item-button {
  height: calc(var(--spacing, .25rem) * 9);
  width: calc(var(--spacing, .25rem) * 16);
  --tw-border-style: none;
  background-color: var(--primary);
  border-style: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .members-manager-available-item-button {
    background-color: color-mix(in oklab, var(--primary) 5%, transparent);
  }
}

.members-manager-available-item-button {
  white-space: nowrap;
  color: var(--foreground);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .members-manager-available-item-button:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .members-manager-available-item-button:hover {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
}

.members-manager-empty-available {
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 8);
  text-align: center;
}

.members-manager-empty-available-title {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--gray-500);
}

.members-manager-empty-available-subtitle {
  margin-top: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--gray-500);
}

.members-manager-error {
  margin-inline: calc(var(--spacing, .25rem) * 6);
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .members-manager-error {
    border-color: color-mix(in oklab, var(--destructive) 20%, transparent);
  }
}

.members-manager-error {
  background-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .members-manager-error {
    background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
  }
}

.members-manager-error {
  padding: calc(var(--spacing, .25rem) * 3);
}

.members-manager-error-text {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--destructive);
}

.members-manager-content {
  padding-top: calc(var(--spacing, .25rem) * 0);
}

:where(.members-manager-list > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-y-reverse)));
}

.members-manager-empty {
  padding-block: calc(var(--spacing, .25rem) * 8);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.members-manager-empty-icon {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  color: var(--gray-400);
}

.members-manager-empty-title {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--accent-foreground);
}

.members-manager-empty-subtitle {
  margin-top: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--gray-500);
}

.members-manager-member-item {
  border-radius: var(--radius-lg, .5rem);
  padding-block: calc(var(--spacing, .25rem) * 2);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.members-manager-member-info {
  align-items: center;
  display: flex;
}

:where(.members-manager-member-info > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-x-reverse)));
}

.members-manager-member-name {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--accent-foreground);
}

.members-manager-member-email {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--gray-500);
}

.members-manager-member-actions {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.members-manager-role-button {
  height: calc(var(--spacing, .25rem) * 9);
  width: calc(var(--spacing, .25rem) * 24);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  --tw-border-style: none;
  background-color: var(--primary);
  border-style: none;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .members-manager-role-button {
    background-color: color-mix(in oklab, var(--primary) 5%, transparent);
  }
}

.members-manager-role-button {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  white-space: nowrap;
  color: var(--foreground);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .members-manager-role-button:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .members-manager-role-button:hover {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
}

.members-manager-role-dropdown {
  z-index: 50;
  border-radius: var(--card-radius);
  --tw-border-style: none;
  background-color: var(--card);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-style: none;
}

.members-manager-role-dropdown-item {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--foreground);
}

@media (hover: hover) {
  .members-manager-role-dropdown-item:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .members-manager-role-dropdown-item:hover {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
}

.members-manager-role-dropdown-item-content {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.members-manager-role-dropdown-check {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  color: var(--primary);
}

.members-manager-role-dropdown-remove {
  background-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .members-manager-role-dropdown-remove {
    background-color: color-mix(in oklab, var(--primary) 5%, transparent);
  }
}

.members-manager-role-dropdown-remove {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--destructive);
}

@media (hover: hover) {
  .members-manager-role-dropdown-remove:hover {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .members-manager-role-dropdown-remove:hover {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }
}

.members-manager-role-dropdown-remove-icon {
  width: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 3);
}

:where(.sprints-loading-container > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 6) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 6) * calc(1 - var(--tw-space-y-reverse)));
}

.sprints-loading-skeleton {
  animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);
}

.sprints-loading-title {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 8);
  background-color: var(--muted);
  border-radius: .25rem;
  width: 33.3333%;
}

.sprints-loading-subtitle {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  height: calc(var(--spacing, .25rem) * 6);
  background-color: var(--muted);
  border-radius: .25rem;
  width: 50%;
}

.sprints-loading-columns {
  gap: calc(var(--spacing, .25rem) * 6);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 64rem) {
  .sprints-loading-columns {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.sprints-loading-column {
  border-radius: var(--card-radius);
  --tw-border-style: none;
  background-color: var(--card);
  padding: calc(var(--spacing, .25rem) * 4);
  border-style: none;
}

.sprints-loading-column-title {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 6);
  background-color: var(--muted);
  border-radius: .25rem;
}

:where(.sprints-loading-tasks > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-y-reverse)));
}

.sprints-loading-task {
  height: calc(var(--spacing, .25rem) * 20);
  background-color: var(--muted);
  border-radius: .25rem;
}

.sprints-status-planned {
  --tw-border-style: none;
  background-color: var(--color-blue-100, #dbeafe);
  color: var(--color-blue-800, #193cb8);
  border-style: none;
}

@supports (color: lab(0% 0 0)) {
  .sprints-status-planned {
    background-color: var(--color-blue-100, lab(92.0301% -2.24757 -11.6453));
    color: var(--color-blue-800, lab(30.2514% 27.7853 -70.2699));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-status-planned-dark {
    background-color: #1c398e33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-status-planned-dark {
      background-color: color-mix(in oklab, var(--color-blue-900, lab(26.1542% 15.7545 -51.5504)) 20%, transparent);
    }
  }

  .sprints-status-planned-dark {
    color: var(--color-blue-400, #54a2ff);
  }
}

.sprints-status-active {
  --tw-border-style: none;
  background-color: var(--color-green-100, #dcfce7);
  color: var(--color-green-800, #016630);
  border-style: none;
}

@supports (color: lab(0% 0 0)) {
  .sprints-status-active {
    background-color: var(--color-green-100, lab(96.1861% -13.8464 6.52365));
    color: var(--color-green-800, lab(37.4616% -36.7971 22.9692));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-status-active-dark {
    background-color: #0d542b33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-status-active-dark {
      background-color: color-mix(in oklab, var(--color-green-900, lab(30.797% -29.6927 17.382)) 20%, transparent);
    }
  }

  .sprints-status-active-dark {
    color: var(--color-green-400, #05df72);
  }
}

.sprints-status-completed {
  --tw-border-style: none;
  background-color: var(--color-gray-100, #f3f4f6);
  color: var(--color-gray-800, #1e2939);
  border-style: none;
}

@supports (color: lab(0% 0 0)) {
  .sprints-status-completed {
    background-color: var(--color-gray-100, lab(96.1596% -.0823438 -1.13575));
    color: var(--color-gray-800, lab(16.1051% -1.18239 -11.7533));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-status-completed-dark {
    background-color: #10182833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-status-completed-dark {
      background-color: color-mix(in oklab, var(--color-gray-900, lab(8.11897% .811279 -12.254)) 20%, transparent);
    }
  }

  .sprints-status-completed-dark {
    color: var(--color-gray-400, #99a1af);
  }
}

.sprints-status-default {
  --tw-border-style: none;
  background-color: var(--muted);
  color: var(--muted-foreground);
  border-style: none;
}

.sprints-empty-state {
  padding-block: calc(var(--spacing, .25rem) * 12);
  text-align: center;
}

.sprints-empty-icon-container {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 16);
  width: calc(var(--spacing, .25rem) * 16);
  border-radius: var(--radius-xl, .75rem);
  background-color: var(--muted);
  justify-content: center;
  align-items: center;
  display: flex;
}

.sprints-empty-icon {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  color: var(--muted-foreground);
}

.sprints-empty-title {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.sprints-empty-description {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.sprints-header-card {
  border-radius: var(--card-radius);
  --tw-border-style: none;
  background-color: var(--card);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-style: none;
}

.sprints-header-content {
  padding: calc(var(--spacing, .25rem) * 6);
}

.sprints-header-layout {
  gap: calc(var(--spacing, .25rem) * 4);
  flex-direction: column;
  display: flex;
}

@media (min-width: 64rem) {
  .sprints-header-layout {
    flex-direction: row;
  }

  .sprints-header-layout {
    align-items: center;
  }

  .sprints-header-layout {
    justify-content: space-between;
  }
}

.sprints-header-info {
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 4);
  display: flex;
}

.sprints-header-icon {
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-xl, .75rem);
  background-color: var(--primary);
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--primary-foreground);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sprints-header-icon-lightning {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
}

.sprints-header-details {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.sprints-header-title-row {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.sprints-header-title {
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--foreground);
}

.sprints-header-goal {
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.sprints-header-meta {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
  flex-wrap: wrap;
  display: flex;
}

.sprints-header-meta-item {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1);
  display: flex;
}

.sprints-header-meta-icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
}

.sprints-header-actions {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.sprints-start-button {
  height: calc(var(--spacing, .25rem) * 9);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--primary);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary-foreground);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
  display: flex;
}

@media (hover: hover) {
  .sprints-start-button:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-start-button:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

@media (hover: hover) {
  .sprints-start-button:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.sprints-complete-button {
  height: calc(var(--spacing, .25rem) * 9);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  --tw-border-style: none;
  background-color: var(--primary);
  border-style: none;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .sprints-complete-button {
    background-color: color-mix(in oklab, var(--primary) 5%, transparent);
  }
}

.sprints-complete-button {
  padding-inline: calc(var(--spacing, .25rem) * 4);
  color: var(--foreground);
}

@media (hover: hover) {
  .sprints-complete-button:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-complete-button:hover {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
}

.sprints-button-icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
}

.sprints-board-grid {
  gap: calc(var(--spacing, .25rem) * 6);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  min-height: 600px;
  display: grid;
}

@media (min-width: 64rem) {
  .sprints-board-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.sprints-stats-grid {
  gap: calc(var(--spacing, .25rem) * 6);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 48rem) {
  .sprints-stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.sprints-stats-card {
  border-radius: var(--card-radius);
  --tw-border-style: none;
  background-color: var(--card);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-style: none;
}

.sprints-stats-content {
  padding: calc(var(--spacing, .25rem) * 4);
}

.sprints-stats-item {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.sprints-stats-icon-container-blue {
  height: calc(var(--spacing, .25rem) * 10);
  width: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--color-blue-100, #dbeafe);
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .sprints-stats-icon-container-blue {
    background-color: var(--color-blue-100, lab(92.0301% -2.24757 -11.6453));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-stats-icon-container-blue-dark {
    background-color: #1c398e33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-stats-icon-container-blue-dark {
      background-color: color-mix(in oklab, var(--color-blue-900, lab(26.1542% 15.7545 -51.5504)) 20%, transparent);
    }
  }
}

.sprints-stats-icon-blue {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  color: var(--color-blue-600, #155dfc);
}

@supports (color: lab(0% 0 0)) {
  .sprints-stats-icon-blue {
    color: var(--color-blue-600, lab(44.0605% 29.0279 -86.0352));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-stats-icon-blue-dark {
    color: var(--color-blue-400, #54a2ff);
  }
}

.sprints-stats-icon-container-green {
  height: calc(var(--spacing, .25rem) * 10);
  width: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--color-green-100, #dcfce7);
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .sprints-stats-icon-container-green {
    background-color: var(--color-green-100, lab(96.1861% -13.8464 6.52365));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-stats-icon-container-green-dark {
    background-color: #0d542b33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-stats-icon-container-green-dark {
      background-color: color-mix(in oklab, var(--color-green-900, lab(30.797% -29.6927 17.382)) 20%, transparent);
    }
  }
}

.sprints-stats-icon-green {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  color: var(--color-green-600, #00a544);
}

@supports (color: lab(0% 0 0)) {
  .sprints-stats-icon-green {
    color: var(--color-green-600, lab(59.0978% -58.6621 41.2579));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-stats-icon-green-dark {
    color: var(--color-green-400, #05df72);
  }
}

.sprints-stats-icon-container-purple {
  height: calc(var(--spacing, .25rem) * 10);
  width: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--color-purple-100, #f3e8ff);
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .sprints-stats-icon-container-purple {
    background-color: var(--color-purple-100, lab(93.3333% 6.97437 -9.83434));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-stats-icon-container-purple-dark {
    background-color: #59168b33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-stats-icon-container-purple-dark {
      background-color: color-mix(in oklab, var(--color-purple-900, lab(24.9401% 45.2703 -51.2728)) 20%, transparent);
    }
  }
}

.sprints-stats-icon-purple {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  color: var(--color-purple-600, #9810fa);
}

@supports (color: lab(0% 0 0)) {
  .sprints-stats-icon-purple {
    color: var(--color-purple-600, lab(43.0295% 75.21 -86.5669));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-stats-icon-purple-dark {
    color: var(--color-purple-400, #c07eff);
  }
}

.sprints-stats-value {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.sprints-stats-label {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.sprints-selector-container {
  width: 100%;
  max-width: var(--container-xs, 20rem);
}

.sprints-selector-trigger {
  height: calc(var(--spacing, .25rem) * 9);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--gray-100);
  width: 100%;
  min-width: 220px;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  text-align: left;
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  display: flex;
}

@media (hover: hover) {
  .sprints-selector-trigger:hover {
    background-color: var(--accent);
  }
}

.sprints-selector-trigger:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--primary);
  --tw-outline-style: none;
  outline-style: none;
}

.sprints-selector-icon-container {
  width: calc(var(--spacing, .25rem) * 6);
  height: calc(var(--spacing, .25rem) * 6);
  border-radius: var(--radius-lg, .5rem);
  justify-content: center;
  align-items: center;
  display: flex;
}

.sprints-selector-icon-active {
  background-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .sprints-selector-icon-active {
    background-color: color-mix(in oklab, var(--primary) 10%, transparent);
  }
}

.sprints-selector-icon-inactive {
  background-color: var(--muted);
}

.sprints-selector-icon {
  width: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 3);
}

.sprints-selector-content {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.sprints-selector-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
  overflow: hidden;
}

.sprints-selector-chevron {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  color: var(--muted-foreground);
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  flex-shrink: 0;
  transition-duration: .2s;
}

.sprints-selector-chevron:is(:where(.group)[data-state="open"] *) {
  rotate: 180deg;
}

.sprints-selector-dropdown {
  max-height: calc(var(--spacing, .25rem) * 64);
  width: var(--radix-dropdown-menu-trigger-width);
  border-radius: var(--radius-lg, .5rem);
  --tw-border-style: none;
  background-color: var(--card);
  min-width: 220px;
  padding: calc(var(--spacing, .25rem) * 0);
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-style: none;
  overflow-y: auto;
}

.sprints-selector-empty {
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 6);
  text-align: center;
}

.sprints-selector-empty-icon-container {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--muted);
  justify-content: center;
  align-items: center;
  display: flex;
}

.sprints-selector-empty-icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  color: var(--muted-foreground);
}

.sprints-selector-empty-title {
  margin-bottom: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
}

.sprints-selector-empty-subtitle {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

:where(.sprints-selector-list > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 1) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 1) * calc(1 - var(--tw-space-y-reverse)));
}

.sprints-selector-list {
  padding: calc(var(--spacing, .25rem) * 2);
}

.sprints-selector-item {
  cursor: pointer;
  padding: calc(var(--spacing, .25rem) * 0);
}

.sprints-selector-item:focus {
  background-color: #0000;
}

.sprints-selector-item-content {
  border-radius: var(--radius-lg, .5rem);
  width: 100%;
  padding: calc(var(--spacing, .25rem) * 3);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

.sprints-selector-item-selected {
  border-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .sprints-selector-item-selected {
    border-color: color-mix(in oklab, var(--primary) 20%, transparent);
  }
}

.sprints-selector-item-selected {
  background-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .sprints-selector-item-selected {
    background-color: color-mix(in oklab, var(--primary) 10%, transparent);
  }
}

.sprints-selector-item-selected {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.sprints-selector-item-unselected {
  background-color: var(--card);
}

@media (hover: hover) {
  .sprints-selector-item-unselected:hover {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-selector-item-unselected:hover {
      border-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }
}

@media (hover: hover) {
  .sprints-selector-item-unselected:hover {
    background-color: var(--accent);
  }
}

.sprints-selector-item-header {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.sprints-selector-item-icon-container {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  border-radius: .25rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sprints-selector-item-icon-selected {
  background-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .sprints-selector-item-icon-selected {
    background-color: color-mix(in oklab, var(--primary) 20%, transparent);
  }
}

.sprints-selector-item-icon-unselected {
  background-color: var(--muted);
}

.sprints-selector-item-details {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.sprints-selector-item-title-row {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.sprints-selector-item-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
  overflow: hidden;
}

.sprints-selector-check-container {
  height: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 3);
  background-color: var(--primary);
  border-radius: 3.40282e38px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sprints-selector-check-icon {
  height: calc(var(--spacing, .25rem) * 2);
  width: calc(var(--spacing, .25rem) * 2);
  color: var(--primary-foreground);
}

.sprints-selector-item-meta {
  margin-top: calc(var(--spacing, .25rem) * 1);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.sprints-selector-item-badge {
  padding-inline: calc(var(--spacing, .25rem) * 1.5);
  padding-block: calc(var(--spacing, .25rem) * .5);
  font-size: 10px;
}

.sprints-selector-item-dates {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1);
  color: var(--muted-foreground);
  font-size: 10px;
  display: flex;
}

.sprints-selector-item-dates-icon {
  height: calc(var(--spacing, .25rem) * 2.5);
  width: calc(var(--spacing, .25rem) * 2.5);
}

.sprints-selector-item-goal {
  margin-top: calc(var(--spacing, .25rem) * 2);
  -webkit-line-clamp: 1;
  color: var(--muted-foreground);
  -webkit-box-orient: vertical;
  font-size: 10px;
  display: -webkit-box;
  overflow: hidden;
}

.sprints-progress-container {
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, #e5e7eb);
  background-color: var(--color-white, #fff);
  padding: calc(var(--spacing, .25rem) * 6);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-container {
    border-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-container-dark {
    border-color: var(--color-gray-700, #364153);
  }

  .sprints-progress-container-dark {
    background-color: var(--color-gray-900, #101828);
  }
}

.sprints-progress-title {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-gray-900, #101828);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-title {
    color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-title-dark {
    color: var(--color-white, #fff);
  }
}

.sprints-progress-loading {
  height: calc(var(--spacing, .25rem) * 96);
  justify-content: center;
  align-items: center;
  display: flex;
}

.sprints-progress-loading-spinner {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  animation: var(--animate-spin, spin 1s linear infinite);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  border-color: var(--color-indigo-600, #4f39f6);
  border-radius: 3.40282e38px;
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-loading-spinner {
    border-color: var(--color-indigo-600, lab(38.4009% 52.6132 -92.3857));
  }
}

.sprints-progress-empty {
  height: calc(var(--spacing, .25rem) * 96);
  justify-content: center;
  align-items: center;
  display: flex;
}

.sprints-progress-empty-content {
  text-align: center;
}

.sprints-progress-empty-title {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-900, #101828);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-empty-title {
    color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-empty-title-dark {
    color: var(--color-white, #fff);
  }
}

.sprints-progress-empty-subtitle {
  color: var(--color-gray-600, #4a5565);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-empty-subtitle {
    color: var(--color-gray-600, lab(35.6337% -1.58697 -10.8425));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-empty-subtitle-dark {
    color: var(--color-gray-400, #99a1af);
  }
}

.sprints-progress-timeline {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
}

.sprints-progress-timeline-header {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sprints-progress-timeline-label {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-700, #364153);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-timeline-label {
    color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-timeline-label-dark {
    color: var(--color-gray-300, #d1d5dc);
  }
}

.sprints-progress-timeline-remaining {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-500, #6a7282);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-timeline-remaining {
    color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-timeline-remaining-dark {
    color: var(--color-gray-400, #99a1af);
  }
}

.sprints-progress-bar-container {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 2);
  background-color: var(--color-gray-200, #e5e7eb);
  border-radius: 3.40282e38px;
  width: 100%;
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-bar-container {
    background-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-bar-container-dark {
    background-color: var(--color-gray-700, #364153);
  }
}

.sprints-progress-bar {
  height: calc(var(--spacing, .25rem) * 2);
  background-color: var(--color-indigo-600, #4f39f6);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  border-radius: 3.40282e38px;
  transition-duration: .3s;
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-bar {
    background-color: var(--color-indigo-600, lab(38.4009% 52.6132 -92.3857));
  }
}

.sprints-progress-timeline-dates {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--color-gray-500, #6a7282);
  justify-content: space-between;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-timeline-dates {
    color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-timeline-dates-dark {
    color: var(--color-gray-400, #99a1af);
  }
}

.sprints-progress-stats {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  gap: calc(var(--spacing, .25rem) * 6);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 48rem) {
  .sprints-progress-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.sprints-progress-stat {
  text-align: center;
}

.sprints-progress-stat-value-indigo {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-indigo-600, #4f39f6);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-stat-value-indigo {
    color: var(--color-indigo-600, lab(38.4009% 52.6132 -92.3857));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-stat-value-indigo-dark {
    color: var(--color-indigo-400, #7d87ff);
  }
}

.sprints-progress-stat-value-green {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-green-600, #00a544);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-stat-value-green {
    color: var(--color-green-600, lab(59.0978% -58.6621 41.2579));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-stat-value-green-dark {
    color: var(--color-green-400, #05df72);
  }
}

.sprints-progress-stat-value-purple {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-purple-600, #9810fa);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-stat-value-purple {
    color: var(--color-purple-600, lab(43.0295% 75.21 -86.5669));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-stat-value-purple-dark {
    color: var(--color-purple-400, #c07eff);
  }
}

.sprints-progress-stat-value-orange {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-orange-600, #f05100);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-stat-value-orange {
    color: var(--color-orange-600, lab(57.1026% 64.2584 89.8886));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-stat-value-orange-dark {
    color: var(--color-orange-400, #ff8b1a);
  }
}

.sprints-progress-stat-label {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-500, #6a7282);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-stat-label {
    color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-stat-label-dark {
    color: var(--color-gray-400, #99a1af);
  }
}

.sprints-progress-stat-bar-indigo {
  height: calc(var(--spacing, .25rem) * 2);
  background-color: var(--color-indigo-600, #4f39f6);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  border-radius: 3.40282e38px;
  transition-duration: .3s;
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-stat-bar-indigo {
    background-color: var(--color-indigo-600, lab(38.4009% 52.6132 -92.3857));
  }
}

.sprints-progress-stat-bar-green {
  height: calc(var(--spacing, .25rem) * 2);
  background-color: var(--color-green-500, #00c758);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  border-radius: 3.40282e38px;
  transition-duration: .3s;
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-stat-bar-green {
    background-color: var(--color-green-500, lab(70.5521% -66.5147 45.8073));
  }
}

.sprints-progress-stat-bar-red {
  height: calc(var(--spacing, .25rem) * 2);
  background-color: var(--color-red-500, #fb2c36);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  border-radius: 3.40282e38px;
  transition-duration: .3s;
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-stat-bar-red {
    background-color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
  }
}

.sprints-progress-stat-bar-purple {
  height: calc(var(--spacing, .25rem) * 2);
  background-color: var(--color-purple-600, #9810fa);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  border-radius: 3.40282e38px;
  transition-duration: .3s;
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-stat-bar-purple {
    background-color: var(--color-purple-600, lab(43.0295% 75.21 -86.5669));
  }
}

.sprints-progress-stat-meta {
  margin-top: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--color-gray-500, #6a7282);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-stat-meta {
    color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-stat-meta-dark {
    color: var(--color-gray-400, #99a1af);
  }
}

.sprints-progress-burndown {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-gray-200, #e5e7eb);
  padding-top: calc(var(--spacing, .25rem) * 6);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-burndown {
    border-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-burndown-dark {
    border-color: var(--color-gray-700, #364153);
  }
}

.sprints-progress-burndown-title {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-700, #364153);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-burndown-title {
    color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-burndown-title-dark {
    color: var(--color-gray-300, #d1d5dc);
  }
}

.sprints-progress-burndown-placeholder {
  height: calc(var(--spacing, .25rem) * 32);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--color-gray-50, #f9fafb);
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-burndown-placeholder {
    background-color: var(--color-gray-50, lab(98.2596% -.247031 -.706708));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-burndown-placeholder-dark {
    background-color: var(--color-gray-800, #1e2939);
  }
}

.sprints-progress-burndown-content {
  text-align: center;
}

.sprints-progress-burndown-icon {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  color: var(--color-gray-400, #99a1af);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-burndown-icon {
    color: var(--color-gray-400, lab(65.9269% -.832707 -8.17473));
  }
}

.sprints-progress-burndown-text {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-500, #6a7282);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-burndown-text {
    color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-burndown-text-dark {
    color: var(--color-gray-400, #99a1af);
  }
}

.sprints-progress-actions {
  margin-top: calc(var(--spacing, .25rem) * 6);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-gray-200, #e5e7eb);
  padding-top: calc(var(--spacing, .25rem) * 6);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-actions {
    border-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-actions-dark {
    border-color: var(--color-gray-700, #364153);
  }
}

.sprints-progress-actions-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sprints-progress-actions-title {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-gray-700, #364153);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-actions-title {
    color: var(--color-gray-700, lab(27.1134% -.956401 -12.3224));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-actions-title-dark {
    color: var(--color-gray-300, #d1d5dc);
  }
}

.sprints-progress-actions-buttons {
  display: flex;
}

:where(.sprints-progress-actions-buttons > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing, .25rem) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing, .25rem) * 2) * calc(1 - var(--tw-space-x-reverse)));
}

.sprints-progress-action-button {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-indigo-600, #4f39f6);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-action-button {
    color: var(--color-indigo-600, lab(38.4009% 52.6132 -92.3857));
  }
}

@media (hover: hover) {
  .sprints-progress-action-button:hover {
    color: var(--color-indigo-800, #372aac);
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-action-button-dark {
    color: var(--color-indigo-400, #7d87ff);
  }

  @supports (color: lab(0% 0 0)) {
    .sprints-progress-action-button-dark:hover {
      color: var(--color-indigo-400, lab(59.866% 22.4834 -64.4485));
    }
  }

  @media (hover: hover) {
    .sprints-progress-action-button-dark:hover {
      color: var(--color-indigo-300, #a4b3ff);
    }
  }
}

.sprints-progress-actions-divider {
  color: var(--color-gray-300, #d1d5dc);
}

@supports (color: lab(0% 0 0)) {
  .sprints-progress-actions-divider {
    color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-progress-actions-divider-dark {
    color: var(--color-gray-600, #4a5565);
  }
}

:where(.sprints-planning-container > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 6) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 6) * calc(1 - var(--tw-space-y-reverse)));
}

.sprints-planning-header {
  gap: calc(var(--spacing, .25rem) * 4);
  flex-direction: column;
  display: flex;
}

@media (min-width: 40rem) {
  .sprints-planning-header {
    flex-direction: row;
  }

  .sprints-planning-header {
    align-items: center;
  }

  .sprints-planning-header {
    justify-content: space-between;
  }
}

.sprints-planning-title {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--foreground);
  display: flex;
}

.sprints-planning-title-icon {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  color: var(--primary);
}

.sprints-planning-subtitle {
  margin-top: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.sprints-planning-actions {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.sprints-planning-save-button {
  height: calc(var(--spacing, .25rem) * 9);
  --tw-border-style: none;
  background-color: var(--primary);
  border-style: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .sprints-planning-save-button {
    background-color: color-mix(in oklab, var(--primary) 5%, transparent);
  }
}

.sprints-planning-save-button {
  padding-inline: calc(var(--spacing, .25rem) * 4);
  color: var(--foreground);
}

@media (hover: hover) {
  .sprints-planning-save-button:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-planning-save-button:hover {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
}

.sprints-planning-start-button {
  height: calc(var(--spacing, .25rem) * 9);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--primary);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary-foreground);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@media (hover: hover) {
  .sprints-planning-start-button:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-planning-start-button:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

@media (hover: hover) {
  .sprints-planning-start-button:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.sprints-planning-info-card {
  border-radius: var(--card-radius);
  --tw-border-style: none;
  background-color: var(--card);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-style: none;
}

.sprints-planning-info-content {
  padding: calc(var(--spacing, .25rem) * 6);
}

.sprints-planning-info-grid {
  gap: calc(var(--spacing, .25rem) * 6);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 48rem) {
  .sprints-planning-info-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.sprints-planning-info-section-title {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
  display: flex;
}

.sprints-planning-info-section-icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  color: var(--primary);
}

.sprints-planning-info-section-text {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.sprints-planning-board {
  gap: calc(var(--spacing, .25rem) * 6);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 64rem) {
  .sprints-planning-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.sprints-planning-column-card {
  border-radius: var(--card-radius);
  --tw-border-style: none;
  background-color: var(--card);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-style: none;
}

.sprints-planning-column-header {
  padding-bottom: calc(var(--spacing, .25rem) * 4);
}

.sprints-planning-column-title-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sprints-planning-column-title {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
  display: flex;
}

.sprints-planning-column-icon {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  color: var(--muted-foreground);
}

.sprints-planning-column-icon-primary {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  color: var(--primary);
}

.sprints-planning-column-meta {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
  display: flex;
}

.sprints-planning-backlog-dropzone {
  min-height: 500px;
}

:where(.sprints-planning-backlog-dropzone > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-y-reverse)));
}

.sprints-planning-backlog-dropzone {
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-style: dashed;
  border-width: 2px;
  border-color: var(--border);
  background-color: var(--muted);
}

@supports (color: color-mix(in lab, red, red)) {
  .sprints-planning-backlog-dropzone {
    background-color: color-mix(in oklab, var(--muted) 30%, transparent);
  }
}

.sprints-planning-backlog-dropzone {
  padding: calc(var(--spacing, .25rem) * 4);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

.sprints-planning-sprint-dropzone {
  min-height: 500px;
}

:where(.sprints-planning-sprint-dropzone > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 3) * calc(1 - var(--tw-space-y-reverse)));
}

.sprints-planning-sprint-dropzone {
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-style: dashed;
  border-width: 2px;
  border-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .sprints-planning-sprint-dropzone {
    border-color: color-mix(in oklab, var(--primary) 20%, transparent);
  }
}

.sprints-planning-sprint-dropzone {
  background-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .sprints-planning-sprint-dropzone {
    background-color: color-mix(in oklab, var(--primary) 5%, transparent);
  }
}

.sprints-planning-sprint-dropzone {
  padding: calc(var(--spacing, .25rem) * 4);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

.sprints-planning-task-card {
  cursor: pointer;
  --tw-border-style: none;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  border-style: none;
  transition-duration: .2s;
}

@media (hover: hover) {
  .sprints-planning-task-card:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.sprints-planning-task-card-dragging {
  opacity: .5;
}

.sprints-planning-task-card-backlog {
  background-color: var(--card);
}

@media (hover: hover) {
  .sprints-planning-task-card-backlog:hover {
    background-color: var(--accent);
  }
}

.sprints-planning-task-card-sprint {
  background-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .sprints-planning-task-card-sprint {
    background-color: color-mix(in oklab, var(--primary) 5%, transparent);
  }
}

@media (hover: hover) {
  .sprints-planning-task-card-sprint:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-planning-task-card-sprint:hover {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
}

.sprints-planning-task-content {
  padding: calc(var(--spacing, .25rem) * 4);
}

.sprints-planning-task-header {
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.sprints-planning-task-type-row {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.sprints-planning-task-type-icon {
  color: var(--primary);
}

.sprints-planning-task-key {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--muted-foreground);
}

.sprints-planning-task-badges {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.sprints-planning-task-priority-badge {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
}

.sprints-planning-task-points-badge {
  --tw-border-style: none;
  background-color: var(--muted);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  border-style: none;
}

.sprints-planning-task-title {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  -webkit-line-clamp: 2;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--foreground);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.sprints-planning-task-description {
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  -webkit-line-clamp: 2;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.sprints-planning-task-footer {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sprints-planning-task-labels {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1);
  flex-wrap: wrap;
  display: flex;
}

.sprints-planning-task-label {
  --tw-border-style: none;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  border-style: none;
}

.sprints-planning-task-info {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.sprints-planning-task-time {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
  display: flex;
}

.sprints-planning-task-time-icon {
  height: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 3);
}

.sprints-planning-empty {
  padding-block: calc(var(--spacing, .25rem) * 12);
  text-align: center;
}

.sprints-planning-empty-icon-container {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-xl, .75rem);
  background-color: var(--muted);
  justify-content: center;
  align-items: center;
  display: flex;
}

.sprints-planning-empty-icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  color: var(--muted-foreground);
}

.sprints-planning-empty-text {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.sprints-planning-sprint-empty-icon-container {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-xl, .75rem);
  background-color: var(--primary);
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .sprints-planning-sprint-empty-icon-container {
    background-color: color-mix(in oklab, var(--primary) 10%, transparent);
  }
}

.sprints-planning-sprint-empty-icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  color: var(--primary);
}

.sprints-planning-sprint-empty-title {
  margin-bottom: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary);
}

.sprints-planning-sprint-empty-subtitle {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--muted-foreground);
}

.sprints-planning-summary-card {
  border-radius: var(--card-radius);
  --tw-border-style: none;
  background-color: var(--card);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-style: none;
}

.sprints-planning-summary-header {
  padding-bottom: calc(var(--spacing, .25rem) * 4);
}

.sprints-planning-summary-title {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
  display: flex;
}

.sprints-planning-summary-title-icon {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  color: var(--primary);
}

.sprints-planning-summary-grid {
  gap: calc(var(--spacing, .25rem) * 6);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 48rem) {
  .sprints-planning-summary-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.sprints-planning-summary-stat {
  text-align: center;
}

.sprints-planning-summary-stat-icon-container-blue {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-xl, .75rem);
  background-color: var(--color-blue-100, #dbeafe);
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .sprints-planning-summary-stat-icon-container-blue {
    background-color: var(--color-blue-100, lab(92.0301% -2.24757 -11.6453));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-planning-summary-stat-icon-container-blue-dark {
    background-color: #1c398e33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-planning-summary-stat-icon-container-blue-dark {
      background-color: color-mix(in oklab, var(--color-blue-900, lab(26.1542% 15.7545 -51.5504)) 20%, transparent);
    }
  }
}

.sprints-planning-summary-stat-icon-blue {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  color: var(--color-blue-600, #155dfc);
}

@supports (color: lab(0% 0 0)) {
  .sprints-planning-summary-stat-icon-blue {
    color: var(--color-blue-600, lab(44.0605% 29.0279 -86.0352));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-planning-summary-stat-icon-blue-dark {
    color: var(--color-blue-400, #54a2ff);
  }
}

.sprints-planning-summary-stat-icon-container-green {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-xl, .75rem);
  background-color: var(--color-green-100, #dcfce7);
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .sprints-planning-summary-stat-icon-container-green {
    background-color: var(--color-green-100, lab(96.1861% -13.8464 6.52365));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-planning-summary-stat-icon-container-green-dark {
    background-color: #0d542b33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-planning-summary-stat-icon-container-green-dark {
      background-color: color-mix(in oklab, var(--color-green-900, lab(30.797% -29.6927 17.382)) 20%, transparent);
    }
  }
}

.sprints-planning-summary-stat-icon-green {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  color: var(--color-green-600, #00a544);
}

@supports (color: lab(0% 0 0)) {
  .sprints-planning-summary-stat-icon-green {
    color: var(--color-green-600, lab(59.0978% -58.6621 41.2579));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-planning-summary-stat-icon-green-dark {
    color: var(--color-green-400, #05df72);
  }
}

.sprints-planning-summary-stat-icon-container-purple {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-xl, .75rem);
  background-color: var(--color-purple-100, #f3e8ff);
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .sprints-planning-summary-stat-icon-container-purple {
    background-color: var(--color-purple-100, lab(93.3333% 6.97437 -9.83434));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-planning-summary-stat-icon-container-purple-dark {
    background-color: #59168b33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-planning-summary-stat-icon-container-purple-dark {
      background-color: color-mix(in oklab, var(--color-purple-900, lab(24.9401% 45.2703 -51.2728)) 20%, transparent);
    }
  }
}

.sprints-planning-summary-stat-icon-purple {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  color: var(--color-purple-600, #9810fa);
}

@supports (color: lab(0% 0 0)) {
  .sprints-planning-summary-stat-icon-purple {
    color: var(--color-purple-600, lab(43.0295% 75.21 -86.5669));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-planning-summary-stat-icon-purple-dark {
    color: var(--color-purple-400, #c07eff);
  }
}

.sprints-planning-summary-stat-icon-container-orange {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  border-radius: var(--radius-xl, .75rem);
  background-color: var(--color-orange-100, #ffedd5);
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .sprints-planning-summary-stat-icon-container-orange {
    background-color: var(--color-orange-100, lab(94.7127% 3.58394 14.3151));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-planning-summary-stat-icon-container-orange-dark {
    background-color: #7e2a0c33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-planning-summary-stat-icon-container-orange-dark {
      background-color: color-mix(in oklab, var(--color-orange-900, lab(30.2951% 36.0434 37.671)) 20%, transparent);
    }
  }
}

.sprints-planning-summary-stat-icon-orange {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  color: var(--color-orange-600, #f05100);
}

@supports (color: lab(0% 0 0)) {
  .sprints-planning-summary-stat-icon-orange {
    color: var(--color-orange-600, lab(57.1026% 64.2584 89.8886));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-planning-summary-stat-icon-orange-dark {
    color: var(--color-orange-400, #ff8b1a);
  }
}

.sprints-planning-summary-stat-value {
  margin-bottom: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--foreground);
}

.sprints-planning-summary-stat-label {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.sprints-priority-highest {
  --tw-border-style: none;
  background-color: var(--color-red-100, #ffe2e2);
  color: var(--color-red-800, #9f0712);
  border-style: none;
}

@supports (color: lab(0% 0 0)) {
  .sprints-priority-highest {
    background-color: var(--color-red-100, lab(92.243% 10.2865 3.83865));
    color: var(--color-red-800, lab(33.7174% 55.8993 41.0293));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-priority-highest-dark {
    background-color: #82181a33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-priority-highest-dark {
      background-color: color-mix(in oklab, var(--color-red-900, lab(28.5139% 44.5539 29.0463)) 20%, transparent);
    }
  }

  .sprints-priority-highest-dark {
    color: var(--color-red-400, #ff6568);
  }
}

.sprints-priority-high {
  --tw-border-style: none;
  background-color: var(--color-orange-100, #ffedd5);
  color: var(--color-orange-800, #9f2d00);
  border-style: none;
}

@supports (color: lab(0% 0 0)) {
  .sprints-priority-high {
    background-color: var(--color-orange-100, lab(94.7127% 3.58394 14.3151));
    color: var(--color-orange-800, lab(37.1566% 46.6433 50.5562));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-priority-high-dark {
    background-color: #7e2a0c33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-priority-high-dark {
      background-color: color-mix(in oklab, var(--color-orange-900, lab(30.2951% 36.0434 37.671)) 20%, transparent);
    }
  }

  .sprints-priority-high-dark {
    color: var(--color-orange-400, #ff8b1a);
  }
}

.sprints-priority-medium {
  --tw-border-style: none;
  background-color: var(--color-yellow-100, #fef9c2);
  color: var(--color-yellow-800, #874b00);
  border-style: none;
}

@supports (color: lab(0% 0 0)) {
  .sprints-priority-medium {
    background-color: var(--color-yellow-100, lab(97.3564% -4.51407 27.344));
    color: var(--color-yellow-800, lab(38.7484% 23.5833 51.4916));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-priority-medium-dark {
    background-color: #733e0a33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-priority-medium-dark {
      background-color: color-mix(in oklab, var(--color-yellow-900, lab(32.3865% 21.1273 38.5959)) 20%, transparent);
    }
  }

  .sprints-priority-medium-dark {
    color: var(--color-yellow-400, #fac800);
  }
}

.sprints-priority-low {
  --tw-border-style: none;
  background-color: var(--color-green-100, #dcfce7);
  color: var(--color-green-800, #016630);
  border-style: none;
}

@supports (color: lab(0% 0 0)) {
  .sprints-priority-low {
    background-color: var(--color-green-100, lab(96.1861% -13.8464 6.52365));
    color: var(--color-green-800, lab(37.4616% -36.7971 22.9692));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-priority-low-dark {
    background-color: #0d542b33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-priority-low-dark {
      background-color: color-mix(in oklab, var(--color-green-900, lab(30.797% -29.6927 17.382)) 20%, transparent);
    }
  }

  .sprints-priority-low-dark {
    color: var(--color-green-400, #05df72);
  }
}

.sprints-priority-lowest {
  --tw-border-style: none;
  background-color: var(--color-gray-100, #f3f4f6);
  color: var(--color-gray-800, #1e2939);
  border-style: none;
}

@supports (color: lab(0% 0 0)) {
  .sprints-priority-lowest {
    background-color: var(--color-gray-100, lab(96.1596% -.0823438 -1.13575));
    color: var(--color-gray-800, lab(16.1051% -1.18239 -11.7533));
  }
}

@media (prefers-color-scheme: dark) {
  .sprints-priority-lowest-dark {
    background-color: #10182833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sprints-priority-lowest-dark {
      background-color: color-mix(in oklab, var(--color-gray-900, lab(8.11897% .811279 -12.254)) 20%, transparent);
    }
  }

  .sprints-priority-lowest-dark {
    color: var(--color-gray-400, #99a1af);
  }
}

.sprints-priority-default {
  --tw-border-style: none;
  background-color: var(--muted);
  color: var(--muted-foreground);
  border-style: none;
}

.sprints-tasks-overlay {
  inset: calc(var(--spacing, .25rem) * 0);
  z-index: 40;
  background-color: #0000;
  position: fixed;
}

.sprints-tasks-panel {
  top: calc(var(--spacing, .25rem) * 0);
  right: calc(var(--spacing, .25rem) * -10);
  z-index: 50;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: var(--border);
  background-color: var(--background);
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
  width: 60vw;
  height: 100%;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  position: absolute;
}

.sprints-tasks-panel-open {
  --tw-translate-x: calc(var(--spacing, .25rem) * 0);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.sprints-tasks-panel-closed {
  --tw-translate-x: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.sprints-tasks-modal-container {
  z-index: 1001;
  width: 90%;
  max-width: 1200px;
  max-height: 90vh;
  padding-top: 300px;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sprints-tasks-modal-content {
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--background);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  width: 100%;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  flex-direction: column;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
}

.sprints-tasks-header {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--border);
  padding: calc(var(--spacing, .25rem) * 6);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sprints-tasks-header-info {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.sprints-tasks-header-icon {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  border-radius: var(--radius-lg, .5rem);
  background-color: var(--primary);
  justify-content: center;
  align-items: center;
  display: flex;
}

.sprints-tasks-header-icon-inner {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  color: var(--primary-foreground);
}

.sprints-tasks-header-title {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--foreground);
}

.sprints-tasks-header-subtitle {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--muted-foreground);
}

.sprints-tasks-close-button {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  border-radius: 3.40282e38px;
}

@media (hover: hover) {
  .sprints-tasks-close-button:hover {
    background-color: var(--accent);
  }
}

.sprints-tasks-close-icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
}

.sprints-tasks-content {
  padding: calc(var(--spacing, .25rem) * 6);
  flex: 1;
  overflow-y: auto;
}

.sprints-tasks-loading {
  padding-block: calc(var(--spacing, .25rem) * 8);
  text-align: center;
  color: var(--muted-foreground);
}

.sprints-tasks-error {
  padding-block: calc(var(--spacing, .25rem) * 8);
  text-align: center;
  color: var(--color-red-500, #fb2c36);
}

@supports (color: lab(0% 0 0)) {
  .sprints-tasks-error {
    color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
  }
}

.resizable-sidebar {
  transition: width .1s ease-out;
  position: relative;
}

.resize-handle {
  top: calc(var(--spacing, .25rem) * 0);
  right: calc(var(--spacing, .25rem) * 0);
  height: 100%;
  width: calc(var(--spacing, .25rem) * 1);
  cursor: ew-resize;
  z-index: 10;
  position: absolute;
}

@media (hover: hover) {
  .resize-handle:hover {
    background-color: var(--color-indigo-500, #625fff);
  }
}

.resize-handle:before {
  content: "";
  top: calc(var(--spacing, .25rem) * 0);
  right: calc(var(--spacing, .25rem) * 0);
  margin-right: calc(var(--spacing, .25rem) * -2);
  height: 100%;
  width: calc(var(--spacing, .25rem) * 4);
  cursor: ew-resize;
  opacity: 0;
  position: absolute;
}

.resize-handle:after {
  content: "";
  inset: calc(var(--spacing, .25rem) * 0);
  background-color: var(--color-indigo-500, #625fff);
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
  position: absolute;
}

@supports (color: lab(0% 0 0)) {
  .resize-handle:after {
    background-color: var(--color-indigo-500, lab(48.295% 38.3129 -81.9673));
  }
}

.resize-handle:hover:after {
  opacity: 1;
}

.is-resizing {
  cursor: ew-resize;
  -webkit-user-select: none;
  user-select: none;
}

.is-resizing * {
  -webkit-user-select: none;
  user-select: none;
}

.resize-handle-double-click-area {
  top: 50%;
  right: calc(var(--spacing, .25rem) * 0);
  margin-right: calc(var(--spacing, .25rem) * -4);
  height: calc(var(--spacing, .25rem) * 32);
  width: calc(var(--spacing, .25rem) * 8);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  position: absolute;
}

.resizable-sidebar:not(.is-dragging) {
  transition: width .1s ease-out;
}

.resizable-sidebar.is-dragging {
  transition: none;
}

.sidebar-container {
  height: 100vh;
  display: flex;
}

.mini-sidebar {
  top: calc(var(--spacing, .25rem) * 0);
  left: calc(var(--spacing, .25rem) * 0);
  z-index: 40;
  height: 100vh;
  width: calc(var(--spacing, .25rem) * 16);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-gray-800, #1e2939);
  background-color: var(--color-gray-900, #101828);
  padding-top: calc(var(--spacing, .25rem) * 3);
  flex-direction: column;
  align-items: center;
  display: none;
  position: fixed;
  overflow-y: auto;
}

@supports (color: lab(0% 0 0)) {
  .mini-sidebar {
    border-color: var(--color-gray-800, lab(16.1051% -1.18239 -11.7533));
    background-color: var(--color-gray-900, lab(8.11897% .811279 -12.254));
  }
}

@media (min-width: 48rem) {
  .mini-sidebar {
    display: flex;
  }
}

@media (prefers-color-scheme: dark) {
  .mini-sidebar {
    background-color: var(--color-gray-950, #030712);
  }
}

.mini-sidebar-button {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  margin-left: calc(var(--spacing, .25rem) * 0);
  height: calc(var(--spacing, .25rem) * 10);
  width: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-md, .375rem);
  color: var(--color-gray-400, #99a1af);
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .mini-sidebar-button {
    color: var(--color-gray-400, lab(65.9269% -.832707 -8.17473));
  }
}

@media (hover: hover) {
  .mini-sidebar-button:hover {
    background-color: var(--color-gray-800, #1e2939);
  }
}

@media (hover: hover) {
  .mini-sidebar-button:hover {
    color: var(--color-gray-200, #e5e7eb);
  }
}

.mini-sidebar-nav {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 6);
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.mini-sidebar-link {
  height: calc(var(--spacing, .25rem) * 10);
  width: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-md, .375rem);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.mini-sidebar-link-active {
  background-color: var(--color-indigo-700, #432dd7);
  color: var(--color-white, #fff);
}

@supports (color: lab(0% 0 0)) {
  .mini-sidebar-link-active {
    background-color: var(--color-indigo-700, lab(32.4486% 49.2217 -84.6695));
  }
}

.mini-sidebar-link-inactive {
  color: var(--color-gray-400, #99a1af);
}

@supports (color: lab(0% 0 0)) {
  .mini-sidebar-link-inactive {
    color: var(--color-gray-400, lab(65.9269% -.832707 -8.17473));
  }
}

@media (hover: hover) {
  .mini-sidebar-link-inactive:hover {
    background-color: var(--color-gray-800, #1e2939);
  }
}

@media (hover: hover) {
  .mini-sidebar-link-inactive:hover {
    color: var(--color-gray-200, #e5e7eb);
  }
}

.sidebar {
  width: 100%;
  height: 100vh;
  padding: calc(var(--spacing, .25rem) * 4);
  flex-direction: column;
  display: flex;
  overflow-y: auto;
}

@media (min-width: 48rem) {
  .sidebar {
    width: calc(var(--spacing, .25rem) * 64);
  }
}

.sidebar-global {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-gray-200, #e5e7eb);
  background-color: var(--color-gray-100, #f3f4f6);
}

@supports (color: lab(0% 0 0)) {
  .sidebar-global {
    border-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
    background-color: var(--color-gray-100, lab(96.1596% -.0823438 -1.13575));
  }
}

@media (prefers-color-scheme: dark) {
  .sidebar-global {
    border-color: var(--color-gray-800, #1e2939);
  }

  .sidebar-global {
    background-color: var(--color-gray-900, #101828);
  }
}

.sidebar-workspace {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-blue-200, #bedbff);
  background-color: var(--color-blue-100, #dbeafe);
}

@supports (color: lab(0% 0 0)) {
  .sidebar-workspace {
    border-color: var(--color-blue-200, lab(86.15% -4.04379 -21.0797));
    background-color: var(--color-blue-100, lab(92.0301% -2.24757 -11.6453));
  }
}

@media (prefers-color-scheme: dark) {
  .sidebar-workspace {
    border-color: var(--color-blue-900, #1c398e);
  }

  .sidebar-workspace {
    background-color: var(--color-blue-950, #162456);
  }
}

.sidebar-project {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-indigo-200, #c7d2ff);
  background-color: var(--color-indigo-100, #e0e7ff);
}

@supports (color: lab(0% 0 0)) {
  .sidebar-project {
    border-color: var(--color-indigo-200, lab(84.4329% 3.18977 -23.9688));
    background-color: var(--color-indigo-100, lab(91.6577% 1.04591 -12.7199));
  }
}

@media (prefers-color-scheme: dark) {
  .sidebar-project {
    border-color: var(--color-indigo-900, #312c85);
  }

  .sidebar-project {
    background-color: var(--color-indigo-950, #1e1a4d);
  }
}

.sidebar-header {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  height: calc(var(--spacing, .25rem) * 16);
  padding-bottom: calc(var(--spacing, .25rem) * 4);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.sidebar-header-global {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-gray-300, #d1d5dc);
}

@supports (color: lab(0% 0 0)) {
  .sidebar-header-global {
    border-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
  }
}

@media (prefers-color-scheme: dark) {
  .sidebar-header-global {
    border-color: var(--color-gray-800, #1e2939);
  }
}

.sidebar-header-workspace {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-blue-300, #90c5ff);
}

@supports (color: lab(0% 0 0)) {
  .sidebar-header-workspace {
    border-color: var(--color-blue-300, lab(77.5052% -6.4629 -36.42));
  }
}

@media (prefers-color-scheme: dark) {
  .sidebar-header-workspace {
    border-color: var(--color-blue-900, #1c398e);
  }
}

.sidebar-icon-container {
  height: calc(var(--spacing, .25rem) * 10);
  width: calc(var(--spacing, .25rem) * 10);
  border-radius: var(--radius-md, .375rem);
  color: var(--color-white, #fff);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sidebar-global-icon {
  background-color: var(--color-indigo-700, #432dd7);
  border-radius: 3.40282e38px;
}

@supports (color: lab(0% 0 0)) {
  .sidebar-global-icon {
    background-color: var(--color-indigo-700, lab(32.4486% 49.2217 -84.6695));
  }
}

.sidebar-workspace-icon {
  background-color: var(--color-blue-700, #1447e6);
}

@supports (color: lab(0% 0 0)) {
  .sidebar-workspace-icon {
    background-color: var(--color-blue-700, lab(36.9089% 35.0961 -85.6872));
  }
}

.sidebar-title {
  margin-left: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  align-items: center;
  display: flex;
}

.sidebar-nav {
  flex-grow: 1;
}

.sidebar-nav-list {
  margin-bottom: calc(var(--spacing, .25rem) * 6);
}

:where(.sidebar-nav-list > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing, .25rem) * 1) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing, .25rem) * 1) * calc(1 - var(--tw-space-y-reverse)));
}

.sidebar-nav-item {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-md, .375rem);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  display: flex;
}

.sidebar-nav-item-global-active {
  background-color: var(--color-gray-200, #e5e7eb);
  color: var(--color-gray-800, #1e2939);
}

@supports (color: lab(0% 0 0)) {
  .sidebar-nav-item-global-active {
    background-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
    color: var(--color-gray-800, lab(16.1051% -1.18239 -11.7533));
  }
}

@media (prefers-color-scheme: dark) {
  .sidebar-nav-item-global-active {
    background-color: var(--color-gray-800, #1e2939);
  }

  .sidebar-nav-item-global-active {
    color: var(--color-gray-200, #e5e7eb);
  }
}

.sidebar-nav-item-workspace-active {
  background-color: var(--color-blue-200, #bedbff);
  color: var(--color-blue-800, #193cb8);
}

@supports (color: lab(0% 0 0)) {
  .sidebar-nav-item-workspace-active {
    background-color: var(--color-blue-200, lab(86.15% -4.04379 -21.0797));
    color: var(--color-blue-800, lab(30.2514% 27.7853 -70.2699));
  }
}

@media (prefers-color-scheme: dark) {
  .sidebar-nav-item-workspace-active {
    background-color: #1c398eb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sidebar-nav-item-workspace-active {
      background-color: color-mix(in oklab, var(--color-blue-900, lab(26.1542% 15.7545 -51.5504)) 70%, transparent);
    }
  }

  .sidebar-nav-item-workspace-active {
    color: var(--color-blue-200, #bedbff);
  }
}

.sidebar-nav-item-global-inactive {
  color: var(--color-gray-800, #1e2939);
}

@supports (color: lab(0% 0 0)) {
  .sidebar-nav-item-global-inactive {
    color: var(--color-gray-800, lab(16.1051% -1.18239 -11.7533));
  }
}

@media (hover: hover) {
  .sidebar-nav-item-global-inactive:hover {
    background-color: var(--color-gray-200, #e5e7eb);
  }
}

@media (prefers-color-scheme: dark) {
  .sidebar-nav-item-global-inactive {
    color: var(--color-gray-300, #d1d5dc);
  }

  @supports (color: lab(0% 0 0)) {
    .sidebar-nav-item-global-inactive:hover {
      color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
    }
  }

  @media (hover: hover) {
    .sidebar-nav-item-global-inactive:hover {
      background-color: #1e293999;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sidebar-nav-item-global-inactive:hover {
        background-color: color-mix(in oklab, var(--color-gray-800, lab(16.1051% -1.18239 -11.7533)) 60%, transparent);
      }
    }
  }
}

.sidebar-nav-item-workspace-inactive {
  color: var(--color-gray-800, #1e2939);
}

@supports (color: lab(0% 0 0)) {
  .sidebar-nav-item-workspace-inactive {
    color: var(--color-gray-800, lab(16.1051% -1.18239 -11.7533));
  }
}

@media (hover: hover) {
  .sidebar-nav-item-workspace-inactive:hover {
    background-color: var(--color-blue-200, #bedbff);
  }
}

@media (prefers-color-scheme: dark) {
  .sidebar-nav-item-workspace-inactive {
    color: var(--color-gray-300, #d1d5dc);
  }

  @supports (color: lab(0% 0 0)) {
    .sidebar-nav-item-workspace-inactive:hover {
      color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
    }
  }

  @media (hover: hover) {
    .sidebar-nav-item-workspace-inactive:hover {
      background-color: #1c398e80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sidebar-nav-item-workspace-inactive:hover {
        background-color: color-mix(in oklab, var(--color-blue-900, lab(26.1542% 15.7545 -51.5504)) 50%, transparent);
      }
    }
  }
}

.sidebar-footer {
  padding-top: calc(var(--spacing, .25rem) * 4);
  margin-top: auto;
}

.sidebar-footer-global {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-gray-300, #d1d5dc);
}

@supports (color: lab(0% 0 0)) {
  .sidebar-footer-global {
    border-color: var(--color-gray-300, lab(85.1236% -.612259 -3.7138));
  }
}

@media (prefers-color-scheme: dark) {
  .sidebar-footer-global {
    border-color: var(--color-gray-800, #1e2939);
  }
}

.sidebar-footer-workspace {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-blue-300, #90c5ff);
}

@supports (color: lab(0% 0 0)) {
  .sidebar-footer-workspace {
    border-color: var(--color-blue-300, lab(77.5052% -6.4629 -36.42));
  }
}

@media (prefers-color-scheme: dark) {
  .sidebar-footer-workspace {
    border-color: var(--color-blue-900, #1c398e);
  }
}

.sidebar-footer-link {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-md, .375rem);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-800, #1e2939);
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .sidebar-footer-link {
    color: var(--color-gray-800, lab(16.1051% -1.18239 -11.7533));
  }
}

@media (prefers-color-scheme: dark) {
  .sidebar-footer-link {
    color: var(--color-gray-300, #d1d5dc);
  }
}

@media (hover: hover) {
  .sidebar-footer-link-global:hover {
    background-color: var(--color-gray-200, #e5e7eb);
  }
}

@media (prefers-color-scheme: dark) {
  @media (hover: hover) {
    .sidebar-footer-link-global:hover {
      background-color: #1e293999;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sidebar-footer-link-global:hover {
        background-color: color-mix(in oklab, var(--color-gray-800, lab(16.1051% -1.18239 -11.7533)) 60%, transparent);
      }
    }
  }
}

@media (hover: hover) {
  .sidebar-footer-link-workspace:hover {
    background-color: var(--color-blue-200, #bedbff);
  }
}

@media (prefers-color-scheme: dark) {
  @media (hover: hover) {
    .sidebar-footer-link-workspace:hover {
      background-color: #1c398e80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sidebar-footer-link-workspace:hover {
        background-color: color-mix(in oklab, var(--color-blue-900, lab(26.1542% 15.7545 -51.5504)) 50%, transparent);
      }
    }
  }
}

.workspace-switcher {
  top: calc(var(--spacing, .25rem) * 24);
  left: calc(var(--spacing, .25rem) * 4);
  z-index: 50;
  width: calc(var(--spacing, .25rem) * 72);
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, #e5e7eb);
  background-color: var(--color-white, #fff);
  padding: calc(var(--spacing, .25rem) * 3);
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  position: fixed;
}

@supports (color: lab(0% 0 0)) {
  .workspace-switcher {
    border-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  .workspace-switcher {
    border-color: var(--color-gray-700, #364153);
  }

  .workspace-switcher {
    background-color: var(--color-gray-800, #1e2939);
  }
}

.workspace-switcher-header {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.workspace-switcher-title {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}

.workspace-switcher-close {
  color: var(--color-gray-500, #6a7282);
}

@supports (color: lab(0% 0 0)) {
  .workspace-switcher-close {
    color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
  }
}

@media (hover: hover) {
  .workspace-switcher-close:hover {
    color: var(--color-gray-700, #364153);
  }
}

@media (prefers-color-scheme: dark) {
  .workspace-switcher-close {
    color: var(--color-gray-400, #99a1af);
  }

  @supports (color: lab(0% 0 0)) {
    .workspace-switcher-close:hover {
      color: var(--color-gray-400, lab(65.9269% -.832707 -8.17473));
    }
  }

  @media (hover: hover) {
    .workspace-switcher-close:hover {
      color: var(--color-gray-200, #e5e7eb);
    }
  }
}

.workspace-switcher-list {
  max-height: calc(var(--spacing, .25rem) * 64);
  overflow-y: auto;
}

.workspace-switcher-item {
  cursor: pointer;
  border-radius: var(--radius-md, .375rem);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 2);
}

.workspace-switcher-item-active {
  background-color: var(--color-indigo-50, #eef2ff);
  color: var(--color-indigo-600, #4f39f6);
}

@supports (color: lab(0% 0 0)) {
  .workspace-switcher-item-active {
    background-color: var(--color-indigo-50, lab(95.4818% .411302 -6.78529));
    color: var(--color-indigo-600, lab(38.4009% 52.6132 -92.3857));
  }
}

@media (prefers-color-scheme: dark) {
  .workspace-switcher-item-active {
    background-color: #312c854d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .workspace-switcher-item-active {
      background-color: color-mix(in oklab, var(--color-indigo-900, lab(23.3911% 24.6978 -50.4718)) 30%, transparent);
    }
  }

  .workspace-switcher-item-active {
    color: var(--color-indigo-400, #7d87ff);
  }
}

@media (hover: hover) {
  .workspace-switcher-item-inactive:hover {
    background-color: var(--color-gray-100, #f3f4f6);
  }
}

@media (prefers-color-scheme: dark) {
  @media (hover: hover) {
    .workspace-switcher-item-inactive:hover {
      background-color: var(--color-gray-700, #364153);
    }
  }
}

.workspace-switcher-icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  border-radius: var(--radius-md, .375rem);
  background-color: var(--color-indigo-600, #4f39f6);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--color-white, #fff);
  justify-content: center;
  align-items: center;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .workspace-switcher-icon {
    background-color: var(--color-indigo-600, lab(38.4009% 52.6132 -92.3857));
  }
}

@media (prefers-color-scheme: dark) {
  .workspace-switcher-icon {
    background-color: var(--color-indigo-800, #372aac);
  }
}

.workspace-switcher-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  overflow: hidden;
}

.workspace-switcher-footer {
  margin-top: calc(var(--spacing, .25rem) * 2);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-gray-200, #e5e7eb);
  padding-top: calc(var(--spacing, .25rem) * 2);
}

@supports (color: lab(0% 0 0)) {
  .workspace-switcher-footer {
    border-color: var(--color-gray-200, lab(91.6229% -.159115 -2.26791));
  }
}

@media (prefers-color-scheme: dark) {
  .workspace-switcher-footer {
    border-color: var(--color-gray-700, #364153);
  }
}

.workspace-switcher-create {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-md, .375rem);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-indigo-600, #4f39f6);
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .workspace-switcher-create {
    color: var(--color-indigo-600, lab(38.4009% 52.6132 -92.3857));
  }
}

@media (hover: hover) {
  .workspace-switcher-create:hover {
    background-color: var(--color-gray-100, #f3f4f6);
  }
}

@media (prefers-color-scheme: dark) {
  .workspace-switcher-create {
    color: var(--color-indigo-400, #7d87ff);
  }

  @supports (color: lab(0% 0 0)) {
    .workspace-switcher-create:hover {
      color: var(--color-indigo-400, lab(59.866% 22.4834 -64.4485));
    }
  }

  @media (hover: hover) {
    .workspace-switcher-create:hover {
      background-color: var(--color-gray-700, #364153);
    }
  }
}

.sidebar-toggle-button {
  top: calc(var(--spacing, .25rem) * 5);
  left: calc(var(--spacing, .25rem) * 6);
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  --tw-scale-z: 95%;
  scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);
  cursor: pointer;
  border-radius: var(--radius-md, .375rem);
  background-color: var(--color-gray-100, #f3f4f6);
  color: var(--color-gray-500, #6a7282);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
}

@supports (color: lab(0% 0 0)) {
  .sidebar-toggle-button {
    background-color: var(--color-gray-100, lab(96.1596% -.0823438 -1.13575));
    color: var(--color-gray-500, lab(47.7841% -.393182 -10.0268));
  }
}

@media (hover: hover) {
  .sidebar-toggle-button:hover {
    background-color: var(--color-gray-200, #e5e7eb);
  }
}

@media (prefers-color-scheme: dark) {
  .sidebar-toggle-button {
    background-color: var(--color-gray-800, #1e2939);
  }

  .sidebar-toggle-button {
    color: var(--color-gray-100, #f3f4f6);
  }

  @supports (color: lab(0% 0 0)) {
    .sidebar-toggle-button:hover {
      background-color: var(--color-gray-800, lab(16.1051% -1.18239 -11.7533));
      color: var(--color-gray-100, lab(96.1596% -.0823438 -1.13575));
    }
  }

  @media (hover: hover) {
    .sidebar-toggle-button:hover {
      background-color: var(--color-gray-700, #364153);
    }
  }
}

@keyframes shimmer {
  0% {
    background-position: -200px 0;
  }

  100% {
    background-position: calc(200px + 100%) 0;
  }
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(.95);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes pulse-status {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .8;
    transform: scale(1.1);
  }
}

.status-indicator {
  animation: 2s infinite pulse-status;
}

@keyframes gantt-task-load {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }

  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}

.status-done {
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
}

.status-in-progress {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.status-review {
  background: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);
}

.status-todo {
  background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
}

@media (max-width: 768px) {
  .gantt-wrapper {
    padding: calc(var(--spacing, .25rem) * 4);
  }

  .gantt-task-info {
    min-width: calc(var(--spacing, .25rem) * 40);
  }

  .gantt-timeline-header {
    font-size: var(--text-xs, .75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  }
}

.scrollbar-none::-webkit-scrollbar {
  display: none;
}

.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.comment-content h1 {
  margin-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
}

.comment-content h2 {
  margin-block: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}

.comment-content blockquote {
  margin-block: calc(var(--spacing, .25rem) * 2);
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  border-color: var(--color-gray-400, #99a1af);
  padding-left: calc(var(--spacing, .25rem) * 3);
  color: var(--color-gray-600, #4a5565);
  font-style: italic;
}

@supports (color: lab(0% 0 0)) {
  .comment-content blockquote {
    border-color: var(--color-gray-400, lab(65.9269% -.832707 -8.17473));
    color: var(--color-gray-600, lab(35.6337% -1.58697 -10.8425));
  }
}

.comment-content del {
  text-decoration-line: line-through;
}

.comment-content ul {
  margin-block: calc(var(--spacing, .25rem) * 1);
  margin-left: calc(var(--spacing, .25rem) * 6);
  list-style-type: disc;
}

.comment-content ol {
  margin-block: calc(var(--spacing, .25rem) * 1);
  margin-left: calc(var(--spacing, .25rem) * 6);
  list-style-type: decimal;
}

.comment-content code {
  background-color: var(--color-gray-100, #f3f4f6);
  padding-inline: calc(var(--spacing, .25rem) * 1);
  padding-block: calc(var(--spacing, .25rem) * .5);
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  border-radius: .25rem;
}

@supports (color: lab(0% 0 0)) {
  .comment-content code {
    background-color: var(--color-gray-100, lab(96.1596% -.0823438 -1.13575));
  }
}

.comment-content pre {
  background-color: var(--color-gray-100, #f3f4f6);
  padding: calc(var(--spacing, .25rem) * 2);
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  border-radius: .25rem;
  overflow-x: auto;
}

@supports (color: lab(0% 0 0)) {
  .comment-content pre {
    background-color: var(--color-gray-100, lab(96.1596% -.0823438 -1.13575));
  }
}

.DraftEditor-root {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
}

.public-DraftEditorPlaceholder-root {
  color: var(--muted-foreground);
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

/*# sourceMappingURL=frontend_src_styles_globals_e243d1d5.css.map*/