*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
  * {
    margin: 0;
    padding: 0;
  }

  /* Enable text selection across the site - allows users to copy SPO numbers, PO numbers, etc. */
  body, p, span, div, td, th, label, h1, h2, h3, h4, h5, h6 {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    user-select: text !important;
  }

  /* Keep selection disabled only for interactive elements where it makes sense */
  button, a, [role="button"], .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }

  html, body, #root {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    /* Prevent white/color flash during page transitions - matches portal gradient */
    background-color: #0B1220;
  }

  /* Page transition animation REMOVED to prevent flashing during React re-renders */
  /* The animation was causing repeated flashing when components mount/unmount */
  /* Keeping keyframes for potential future use but not applying them */
  @keyframes pageIn {
    from {
      opacity: 0.95;
    }
    to {
      opacity: 1;
    }
  }

  /* Prevent content flash during hydration */

  /* Reduce motion for users who prefer it */
  @media (prefers-reduced-motion: reduce) {
    #root > * {
      animation: none;
    }
  }
  
  :root {
    --background: 0 0% 100%;
    --foreground: 0 0% 0%;

    --card: 0 0% 100%;
    --card-foreground: 0 0% 0%;

    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 0%;

    /* White Primary */
    --primary: 0 0% 100%;
    --primary-foreground: 0 0% 0%;
    --primary-dark: 217 91% 50%;
    --primary-light: 217 91% 70%;

    /* Black Secondary */
    --secondary: 0 0% 0%;
    --secondary-foreground: 0 0% 100%;

    --muted: 210 40% 96%;
    --muted-foreground: 215 25% 35%;

    --accent: 0 0% 5%;
    --accent-foreground: 0 0% 100%;

    --destructive: 0 84% 60%;
    --destructive-foreground: 0 0% 100%;

    --border: 0 0% 20%;
    --input: 0 0% 100%;
    --ring: 0 0% 0%;

    /* Success Colors */
    --success: 142 76% 36%;
    --success-foreground: 0 0% 100%;

    /* Warning Colors */
    --warning: 38 92% 50%;
    --warning-foreground: 0 0% 100%;

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, hsl(0 0% 100%), hsl(0 0% 95%));
    --gradient-hero: linear-gradient(135deg, hsl(0 0% 100%) 0%, hsl(0 0% 95%) 50%, hsl(0 0% 90%) 100%);
    --gradient-subtle: linear-gradient(180deg, hsl(0 0% 100%) 0%, hsl(0 0% 98%) 100%);

    /* Shadows */
    --shadow-soft: 0 2px 8px hsl(0 0% 0% / 0.08);
    --shadow-medium: 0 4px 16px hsl(0 0% 0% / 0.12);
    --shadow-strong: 0 8px 32px hsl(0 0% 0% / 0.16);
    --shadow-primary: 0 4px 16px hsl(0 0% 0% / 0.24);

    --radius: 0.5rem;

    --sidebar-background: 0 0% 98%;

    --sidebar-foreground: 240 5.3% 26.1%;

    --sidebar-primary: 240 5.9% 10%;

    --sidebar-primary-foreground: 0 0% 98%;

    --sidebar-accent: 240 4.8% 95.9%;

    --sidebar-accent-foreground: 240 5.9% 10%;

    --sidebar-border: 220 13% 91%;

    --sidebar-ring: 217.2 91.2% 59.8%;
  }

  .dark {
    --background: 222.2 84% 4.9%;
    --foreground: 210 40% 98%;

    --card: 222.2 84% 4.9%;
    --card-foreground: 210 40% 98%;

    --popover: 222.2 84% 4.9%;
    --popover-foreground: 210 40% 98%;

    --primary: 210 40% 98%;
    --primary-foreground: 222.2 47.4% 11.2%;

    --secondary: 217.2 32.6% 17.5%;
    --secondary-foreground: 210 40% 98%;

    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;

    --accent: 217.2 32.6% 17.5%;
    --accent-foreground: 210 40% 98%;

    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;

    --border: 217.2 32.6% 17.5%;
    --input: 217.2 32.6% 17.5%;
    --ring: 212.7 26.8% 83.9%;
    --sidebar-background: 240 5.9% 10%;
    --sidebar-foreground: 240 4.8% 95.9%;
    --sidebar-primary: 224.3 76.3% 48%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 240 3.7% 15.9%;
    --sidebar-accent-foreground: 240 4.8% 95.9%;
    --sidebar-border: 240 3.7% 15.9%;
    --sidebar-ring: 217.2 91.2% 59.8%;
  }
  * {
  border-color: hsl(var(--border));
}

  body {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: hsl(var(--foreground));
    /* Background is set via background-color: #0B1220 above to prevent white flash */
}

  /* Custom animations */
  .animate-fade-up {
    animation: fade-up 0.6s ease-out;
  }

  .animate-scale-in {
    animation: scale-in 0.3s ease-out;
  }

  @keyframes fade-up {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes scale-in {
    from {
      opacity: 0;
      transform: scale(0.95);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  /* Fade-in class for contractor branding */
  .fade-in {
    opacity: 0;
    animation: fade 0.3s ease forwards;
  }

  @keyframes fade {
    to {
      opacity: 1;
    }
  }

  /* Video-like background animation keyframes */
  @keyframes videoFrame1 {
    0%, 30% { opacity: 0; }
    33%, 63% { opacity: 1; }
    66%, 100% { opacity: 0; }
  }

  @keyframes videoFrame2 {
    0%, 63% { opacity: 0; }
    66%, 96% { opacity: 1; }
    99%, 100% { opacity: 0; }
  }
.\!container {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}
@media (min-width: 1400px) {

  .\!container {
    max-width: 1400px !important;
  }

  .container {
    max-width: 1400px;
  }
}
/* Gradient backgrounds */
.bg-gradient-primary {
    background: var(--gradient-primary);
  }
.bg-gradient-hero {
    background: var(--gradient-hero);
  }
.bg-gradient-subtle {
    background: var(--theme-background-gradient, var(--theme-background, var(--gradient-subtle)));
  }
/* Custom shadows */
.shadow-soft {
    box-shadow: var(--shadow-soft);
  }
.shadow-medium {
    box-shadow: var(--shadow-medium);
  }
.shadow-strong {
    box-shadow: var(--shadow-strong);
  }
.shadow-primary {
    box-shadow: var(--shadow-primary);
  }
/* Hero text styles */
/* Mobile-first app-like improvements */
/* Touch-friendly tap targets - minimum 44x44px for mobile */
@media (max-width: 768px) {
    button, a[role="button"], [role="button"] {
      min-height: 44px;
      min-width: 44px;
    }

    /* Larger tap targets for interactive elements */
    input[type="checkbox"],
    input[type="radio"] {
      min-width: 24px;
      min-height: 24px;
    }
  }
/* App-like card styling with depth */
/* Smooth scroll behavior for mobile navigation */
@media (prefers-reduced-motion: no-preference) {
    html {
      scroll-behavior: smooth;
    }
  }
/* Mobile-optimized spacing utilities */
/* DOMINANT INPUT STYLING - Make all inputs very visible with thick borders and backgrounds */
inputinput[type="text"],
  textareainput[type="text"],
  selectinput[type="text"],input[type="text"] input,input[type="text"] textarea,input[type="text"] select,input
  input[type="email"],
  textarea
  input[type="email"],
  select
  input[type="email"],
  input[type="email"] input,
  input[type="email"] textarea,
  input[type="email"] select,input
  input[type="password"],
  textarea
  input[type="password"],
  select
  input[type="password"],
  input[type="password"] input,
  input[type="password"] textarea,
  input[type="password"] select,input
  input[type="number"],
  textarea
  input[type="number"],
  select
  input[type="number"],
  input[type="number"] input,
  input[type="number"] textarea,
  input[type="number"] select,input
  input[type="date"],
  textarea
  input[type="date"],
  select
  input[type="date"],
  input[type="date"] input,
  input[type="date"] textarea,
  input[type="date"] select,input
  input[type="time"],
  textarea
  input[type="time"],
  select
  input[type="time"],
  input[type="time"] input,
  input[type="time"] textarea,
  input[type="time"] select,input
  input[type="tel"],
  textarea
  input[type="tel"],
  select
  input[type="tel"],
  input[type="tel"] input,
  input[type="tel"] textarea,
  input[type="tel"] select,input
  input[type="url"],
  textarea
  input[type="url"],
  select
  input[type="url"],
  input[type="url"] input,
  input[type="url"] textarea,
  input[type="url"] select,input
  input[type="search"],
  textarea
  input[type="search"],
  select
  input[type="search"],
  input[type="search"] input,
  input[type="search"] textarea,
  input[type="search"] select,input
  textarea,
  textarea
  textarea,
  select
  textarea,
  textarea input,
  textarea textarea,
  textarea select,input
  select,
  textarea
  select,
  select
  select,
  select input,
  select textarea,
  select select,input
  .input-border,
  textarea
  .input-border,
  select
  .input-border,
  .input-border input,
  .input-border textarea,
  .input-border select {
    color: #1f2937;
  }
.document-sheet input[type="text"],.document-sheet 
  input[type="email"],.document-sheet 
  input[type="password"],.document-sheet 
  input[type="number"],.document-sheet 
  input[type="date"],.document-sheet 
  input[type="time"],.document-sheet 
  input[type="tel"],.document-sheet 
  input[type="url"],.document-sheet 
  input[type="search"],.document-sheet 
  textarea,.document-sheet 
  select,.document-sheet 
  .input-border {
    background-color: #ffffff;
  }

  [data-colored-sheets="true"] input[type="text"].themed-paper,
  [data-colored-sheets="true"] 
  input[type="email"].themed-paper,
  [data-colored-sheets="true"] 
  input[type="password"].themed-paper,
  [data-colored-sheets="true"] 
  input[type="number"].themed-paper,
  [data-colored-sheets="true"] 
  input[type="date"].themed-paper,
  [data-colored-sheets="true"] 
  input[type="time"].themed-paper,
  [data-colored-sheets="true"] 
  input[type="tel"].themed-paper,
  [data-colored-sheets="true"] 
  input[type="url"].themed-paper,
  [data-colored-sheets="true"] 
  input[type="search"].themed-paper,
  [data-colored-sheets="true"] 
  textarea.themed-paper,
  [data-colored-sheets="true"] 
  select.themed-paper,
  [data-colored-sheets="true"] 
  .input-border.themed-paper {
    background-color: var(--theme-sheet-bg, #ffffff);
    border-color: var(--theme-sheet-border, #e5e7eb);
    color: var(--theme-sheet-text, #1f2937);
  }
[data-colored-sheets="true"] input[type="text"],[data-colored-sheets="true"] 
  input[type="email"],[data-colored-sheets="true"] 
  input[type="password"],[data-colored-sheets="true"] 
  input[type="number"],[data-colored-sheets="true"] 
  input[type="date"],[data-colored-sheets="true"] 
  input[type="time"],[data-colored-sheets="true"] 
  input[type="tel"],[data-colored-sheets="true"] 
  input[type="url"],[data-colored-sheets="true"] 
  input[type="search"],[data-colored-sheets="true"] 
  textarea,[data-colored-sheets="true"] 
  select,[data-colored-sheets="true"] 
  .input-border {
    background-color: var(--theme-sheet-bg, #ffffff);
    color: var(--theme-sheet-text, #1f2937);
  }
[data-colored-sheets="true"] input[type="text"] h1,
  [data-colored-sheets="true"] input[type="text"] h2,
  [data-colored-sheets="true"] input[type="text"] h3,
  [data-colored-sheets="true"] input[type="text"] h4,
  [data-colored-sheets="true"] input[type="text"] p,
  [data-colored-sheets="true"] input[type="text"] span,
  [data-colored-sheets="true"] input[type="text"] div,
  [data-colored-sheets="true"] input[type="text"] label,[data-colored-sheets="true"] 
  input[type="email"] h1,
  [data-colored-sheets="true"] 
  input[type="email"] h2,
  [data-colored-sheets="true"] 
  input[type="email"] h3,
  [data-colored-sheets="true"] 
  input[type="email"] h4,
  [data-colored-sheets="true"] 
  input[type="email"] p,
  [data-colored-sheets="true"] 
  input[type="email"] span,
  [data-colored-sheets="true"] 
  input[type="email"] div,
  [data-colored-sheets="true"] 
  input[type="email"] label,[data-colored-sheets="true"] 
  input[type="password"] h1,
  [data-colored-sheets="true"] 
  input[type="password"] h2,
  [data-colored-sheets="true"] 
  input[type="password"] h3,
  [data-colored-sheets="true"] 
  input[type="password"] h4,
  [data-colored-sheets="true"] 
  input[type="password"] p,
  [data-colored-sheets="true"] 
  input[type="password"] span,
  [data-colored-sheets="true"] 
  input[type="password"] div,
  [data-colored-sheets="true"] 
  input[type="password"] label,[data-colored-sheets="true"] 
  input[type="number"] h1,
  [data-colored-sheets="true"] 
  input[type="number"] h2,
  [data-colored-sheets="true"] 
  input[type="number"] h3,
  [data-colored-sheets="true"] 
  input[type="number"] h4,
  [data-colored-sheets="true"] 
  input[type="number"] p,
  [data-colored-sheets="true"] 
  input[type="number"] span,
  [data-colored-sheets="true"] 
  input[type="number"] div,
  [data-colored-sheets="true"] 
  input[type="number"] label,[data-colored-sheets="true"] 
  input[type="date"] h1,
  [data-colored-sheets="true"] 
  input[type="date"] h2,
  [data-colored-sheets="true"] 
  input[type="date"] h3,
  [data-colored-sheets="true"] 
  input[type="date"] h4,
  [data-colored-sheets="true"] 
  input[type="date"] p,
  [data-colored-sheets="true"] 
  input[type="date"] span,
  [data-colored-sheets="true"] 
  input[type="date"] div,
  [data-colored-sheets="true"] 
  input[type="date"] label,[data-colored-sheets="true"] 
  input[type="time"] h1,
  [data-colored-sheets="true"] 
  input[type="time"] h2,
  [data-colored-sheets="true"] 
  input[type="time"] h3,
  [data-colored-sheets="true"] 
  input[type="time"] h4,
  [data-colored-sheets="true"] 
  input[type="time"] p,
  [data-colored-sheets="true"] 
  input[type="time"] span,
  [data-colored-sheets="true"] 
  input[type="time"] div,
  [data-colored-sheets="true"] 
  input[type="time"] label,[data-colored-sheets="true"] 
  input[type="tel"] h1,
  [data-colored-sheets="true"] 
  input[type="tel"] h2,
  [data-colored-sheets="true"] 
  input[type="tel"] h3,
  [data-colored-sheets="true"] 
  input[type="tel"] h4,
  [data-colored-sheets="true"] 
  input[type="tel"] p,
  [data-colored-sheets="true"] 
  input[type="tel"] span,
  [data-colored-sheets="true"] 
  input[type="tel"] div,
  [data-colored-sheets="true"] 
  input[type="tel"] label,[data-colored-sheets="true"] 
  input[type="url"] h1,
  [data-colored-sheets="true"] 
  input[type="url"] h2,
  [data-colored-sheets="true"] 
  input[type="url"] h3,
  [data-colored-sheets="true"] 
  input[type="url"] h4,
  [data-colored-sheets="true"] 
  input[type="url"] p,
  [data-colored-sheets="true"] 
  input[type="url"] span,
  [data-colored-sheets="true"] 
  input[type="url"] div,
  [data-colored-sheets="true"] 
  input[type="url"] label,[data-colored-sheets="true"] 
  input[type="search"] h1,
  [data-colored-sheets="true"] 
  input[type="search"] h2,
  [data-colored-sheets="true"] 
  input[type="search"] h3,
  [data-colored-sheets="true"] 
  input[type="search"] h4,
  [data-colored-sheets="true"] 
  input[type="search"] p,
  [data-colored-sheets="true"] 
  input[type="search"] span,
  [data-colored-sheets="true"] 
  input[type="search"] div,
  [data-colored-sheets="true"] 
  input[type="search"] label,[data-colored-sheets="true"] 
  textarea h1,
  [data-colored-sheets="true"] 
  textarea h2,
  [data-colored-sheets="true"] 
  textarea h3,
  [data-colored-sheets="true"] 
  textarea h4,
  [data-colored-sheets="true"] 
  textarea p,
  [data-colored-sheets="true"] 
  textarea span,
  [data-colored-sheets="true"] 
  textarea div,
  [data-colored-sheets="true"] 
  textarea label,[data-colored-sheets="true"] 
  select h1,
  [data-colored-sheets="true"] 
  select h2,
  [data-colored-sheets="true"] 
  select h3,
  [data-colored-sheets="true"] 
  select h4,
  [data-colored-sheets="true"] 
  select p,
  [data-colored-sheets="true"] 
  select span,
  [data-colored-sheets="true"] 
  select div,
  [data-colored-sheets="true"] 
  select label,[data-colored-sheets="true"] 
  .input-border h1,
  [data-colored-sheets="true"] 
  .input-border h2,
  [data-colored-sheets="true"] 
  .input-border h3,
  [data-colored-sheets="true"] 
  .input-border h4,
  [data-colored-sheets="true"] 
  .input-border p,
  [data-colored-sheets="true"] 
  .input-border span,
  [data-colored-sheets="true"] 
  .input-border div,
  [data-colored-sheets="true"] 
  .input-border label {
    color: inherit;
  }
[data-colored-sheets="true"] input[type="text"] input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] input[type="text"] select,
  [data-colored-sheets="true"] input[type="text"] textarea,[data-colored-sheets="true"] 
  input[type="email"] input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  input[type="email"] select,
  [data-colored-sheets="true"] 
  input[type="email"] textarea,[data-colored-sheets="true"] 
  input[type="password"] input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  input[type="password"] select,
  [data-colored-sheets="true"] 
  input[type="password"] textarea,[data-colored-sheets="true"] 
  input[type="number"] input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  input[type="number"] select,
  [data-colored-sheets="true"] 
  input[type="number"] textarea,[data-colored-sheets="true"] 
  input[type="date"] input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  input[type="date"] select,
  [data-colored-sheets="true"] 
  input[type="date"] textarea,[data-colored-sheets="true"] 
  input[type="time"] input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  input[type="time"] select,
  [data-colored-sheets="true"] 
  input[type="time"] textarea,[data-colored-sheets="true"] 
  input[type="tel"] input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  input[type="tel"] select,
  [data-colored-sheets="true"] 
  input[type="tel"] textarea,[data-colored-sheets="true"] 
  input[type="url"] input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  input[type="url"] select,
  [data-colored-sheets="true"] 
  input[type="url"] textarea,[data-colored-sheets="true"] 
  input[type="search"] input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  input[type="search"] select,
  [data-colored-sheets="true"] 
  input[type="search"] textarea,[data-colored-sheets="true"] 
  textarea input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  textarea select,
  [data-colored-sheets="true"] 
  textarea textarea,[data-colored-sheets="true"] 
  select input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  select select,
  [data-colored-sheets="true"] 
  select textarea,[data-colored-sheets="true"] 
  .input-border input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  .input-border select,
  [data-colored-sheets="true"] 
  .input-border textarea {
    background-color: var(--theme-sheet-input-bg, #ffffff);
    border-color: var(--theme-sheet-input-border, #d1d5db);
    color: var(--theme-sheet-input-text, #1f2937);
  }
[data-colored-sheets="true"] input[type="text"] table,[data-colored-sheets="true"] 
  input[type="email"] table,[data-colored-sheets="true"] 
  input[type="password"] table,[data-colored-sheets="true"] 
  input[type="number"] table,[data-colored-sheets="true"] 
  input[type="date"] table,[data-colored-sheets="true"] 
  input[type="time"] table,[data-colored-sheets="true"] 
  input[type="tel"] table,[data-colored-sheets="true"] 
  input[type="url"] table,[data-colored-sheets="true"] 
  input[type="search"] table,[data-colored-sheets="true"] 
  textarea table,[data-colored-sheets="true"] 
  select table,[data-colored-sheets="true"] 
  .input-border table {
    background-color: var(--theme-sheet-bg, #ffffff);
  }
[data-colored-sheets="true"] input[type="text"] th,
  [data-colored-sheets="true"] input[type="text"] td,[data-colored-sheets="true"] 
  input[type="email"] th,
  [data-colored-sheets="true"] 
  input[type="email"] td,[data-colored-sheets="true"] 
  input[type="password"] th,
  [data-colored-sheets="true"] 
  input[type="password"] td,[data-colored-sheets="true"] 
  input[type="number"] th,
  [data-colored-sheets="true"] 
  input[type="number"] td,[data-colored-sheets="true"] 
  input[type="date"] th,
  [data-colored-sheets="true"] 
  input[type="date"] td,[data-colored-sheets="true"] 
  input[type="time"] th,
  [data-colored-sheets="true"] 
  input[type="time"] td,[data-colored-sheets="true"] 
  input[type="tel"] th,
  [data-colored-sheets="true"] 
  input[type="tel"] td,[data-colored-sheets="true"] 
  input[type="url"] th,
  [data-colored-sheets="true"] 
  input[type="url"] td,[data-colored-sheets="true"] 
  input[type="search"] th,
  [data-colored-sheets="true"] 
  input[type="search"] td,[data-colored-sheets="true"] 
  textarea th,
  [data-colored-sheets="true"] 
  textarea td,[data-colored-sheets="true"] 
  select th,
  [data-colored-sheets="true"] 
  select td,[data-colored-sheets="true"] 
  .input-border th,
  [data-colored-sheets="true"] 
  .input-border td {
    color: var(--theme-sheet-text, #1f2937);
    border-color: var(--theme-sheet-border, #e5e7eb);
  }
input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="date"],
  input[type="time"],
  input[type="tel"],
  input[type="url"],
  input[type="search"],
  textarea,
  select,
  .input-border {
  border-width: 3px;
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
input[type="text"]:focusinput,input[type="text"]:focus
  textarea,input[type="text"]:focus
  select,input[type="text"]:focus input,input[type="text"]:focus textarea,input[type="text"]:focus select,
  input[type="email"]:focusinput,
  input[type="email"]:focus
  textarea,
  input[type="email"]:focus
  select,
  input[type="email"]:focus input,
  input[type="email"]:focus textarea,
  input[type="email"]:focus select,
  input[type="password"]:focusinput,
  input[type="password"]:focus
  textarea,
  input[type="password"]:focus
  select,
  input[type="password"]:focus input,
  input[type="password"]:focus textarea,
  input[type="password"]:focus select,
  input[type="number"]:focusinput,
  input[type="number"]:focus
  textarea,
  input[type="number"]:focus
  select,
  input[type="number"]:focus input,
  input[type="number"]:focus textarea,
  input[type="number"]:focus select,
  input[type="date"]:focusinput,
  input[type="date"]:focus
  textarea,
  input[type="date"]:focus
  select,
  input[type="date"]:focus input,
  input[type="date"]:focus textarea,
  input[type="date"]:focus select,
  input[type="time"]:focusinput,
  input[type="time"]:focus
  textarea,
  input[type="time"]:focus
  select,
  input[type="time"]:focus input,
  input[type="time"]:focus textarea,
  input[type="time"]:focus select,
  input[type="tel"]:focusinput,
  input[type="tel"]:focus
  textarea,
  input[type="tel"]:focus
  select,
  input[type="tel"]:focus input,
  input[type="tel"]:focus textarea,
  input[type="tel"]:focus select,
  input[type="url"]:focusinput,
  input[type="url"]:focus
  textarea,
  input[type="url"]:focus
  select,
  input[type="url"]:focus input,
  input[type="url"]:focus textarea,
  input[type="url"]:focus select,
  input[type="search"]:focusinput,
  input[type="search"]:focus
  textarea,
  input[type="search"]:focus
  select,
  input[type="search"]:focus input,
  input[type="search"]:focus textarea,
  input[type="search"]:focus select,
  textarea:focusinput,
  textarea:focus
  textarea,
  textarea:focus
  select,
  textarea:focus input,
  textarea:focus textarea,
  textarea:focus select,
  select:focusinput,
  select:focus
  textarea,
  select:focus
  select,
  select:focus input,
  select:focus textarea,
  select:focus select,
  .input-border:focusinput,
  .input-border:focus
  textarea,
  .input-border:focus
  select,
  .input-border:focus input,
  .input-border:focus textarea,
  .input-border:focus select {
    color: #1f2937;
  }
.document-sheet input[type="text"]:focus,.document-sheet 
  input[type="email"]:focus,.document-sheet 
  input[type="password"]:focus,.document-sheet 
  input[type="number"]:focus,.document-sheet 
  input[type="date"]:focus,.document-sheet 
  input[type="time"]:focus,.document-sheet 
  input[type="tel"]:focus,.document-sheet 
  input[type="url"]:focus,.document-sheet 
  input[type="search"]:focus,.document-sheet 
  textarea:focus,.document-sheet 
  select:focus,.document-sheet 
  .input-border:focus {
    background-color: #ffffff;
  }

  [data-colored-sheets="true"] input[type="text"]:focus.themed-paper,
  [data-colored-sheets="true"] 
  input[type="email"]:focus.themed-paper,
  [data-colored-sheets="true"] 
  input[type="password"]:focus.themed-paper,
  [data-colored-sheets="true"] 
  input[type="number"]:focus.themed-paper,
  [data-colored-sheets="true"] 
  input[type="date"]:focus.themed-paper,
  [data-colored-sheets="true"] 
  input[type="time"]:focus.themed-paper,
  [data-colored-sheets="true"] 
  input[type="tel"]:focus.themed-paper,
  [data-colored-sheets="true"] 
  input[type="url"]:focus.themed-paper,
  [data-colored-sheets="true"] 
  input[type="search"]:focus.themed-paper,
  [data-colored-sheets="true"] 
  textarea:focus.themed-paper,
  [data-colored-sheets="true"] 
  select:focus.themed-paper,
  [data-colored-sheets="true"] 
  .input-border:focus.themed-paper {
    background-color: var(--theme-sheet-bg, #ffffff);
    border-color: var(--theme-sheet-border, #e5e7eb);
    color: var(--theme-sheet-text, #1f2937);
  }
[data-colored-sheets="true"] input[type="text"]:focus,[data-colored-sheets="true"] 
  input[type="email"]:focus,[data-colored-sheets="true"] 
  input[type="password"]:focus,[data-colored-sheets="true"] 
  input[type="number"]:focus,[data-colored-sheets="true"] 
  input[type="date"]:focus,[data-colored-sheets="true"] 
  input[type="time"]:focus,[data-colored-sheets="true"] 
  input[type="tel"]:focus,[data-colored-sheets="true"] 
  input[type="url"]:focus,[data-colored-sheets="true"] 
  input[type="search"]:focus,[data-colored-sheets="true"] 
  textarea:focus,[data-colored-sheets="true"] 
  select:focus,[data-colored-sheets="true"] 
  .input-border:focus {
    background-color: var(--theme-sheet-bg, #ffffff);
    color: var(--theme-sheet-text, #1f2937);
  }
[data-colored-sheets="true"] input[type="text"]:focus h1,
  [data-colored-sheets="true"] input[type="text"]:focus h2,
  [data-colored-sheets="true"] input[type="text"]:focus h3,
  [data-colored-sheets="true"] input[type="text"]:focus h4,
  [data-colored-sheets="true"] input[type="text"]:focus p,
  [data-colored-sheets="true"] input[type="text"]:focus span,
  [data-colored-sheets="true"] input[type="text"]:focus div,
  [data-colored-sheets="true"] input[type="text"]:focus label,[data-colored-sheets="true"] 
  input[type="email"]:focus h1,
  [data-colored-sheets="true"] 
  input[type="email"]:focus h2,
  [data-colored-sheets="true"] 
  input[type="email"]:focus h3,
  [data-colored-sheets="true"] 
  input[type="email"]:focus h4,
  [data-colored-sheets="true"] 
  input[type="email"]:focus p,
  [data-colored-sheets="true"] 
  input[type="email"]:focus span,
  [data-colored-sheets="true"] 
  input[type="email"]:focus div,
  [data-colored-sheets="true"] 
  input[type="email"]:focus label,[data-colored-sheets="true"] 
  input[type="password"]:focus h1,
  [data-colored-sheets="true"] 
  input[type="password"]:focus h2,
  [data-colored-sheets="true"] 
  input[type="password"]:focus h3,
  [data-colored-sheets="true"] 
  input[type="password"]:focus h4,
  [data-colored-sheets="true"] 
  input[type="password"]:focus p,
  [data-colored-sheets="true"] 
  input[type="password"]:focus span,
  [data-colored-sheets="true"] 
  input[type="password"]:focus div,
  [data-colored-sheets="true"] 
  input[type="password"]:focus label,[data-colored-sheets="true"] 
  input[type="number"]:focus h1,
  [data-colored-sheets="true"] 
  input[type="number"]:focus h2,
  [data-colored-sheets="true"] 
  input[type="number"]:focus h3,
  [data-colored-sheets="true"] 
  input[type="number"]:focus h4,
  [data-colored-sheets="true"] 
  input[type="number"]:focus p,
  [data-colored-sheets="true"] 
  input[type="number"]:focus span,
  [data-colored-sheets="true"] 
  input[type="number"]:focus div,
  [data-colored-sheets="true"] 
  input[type="number"]:focus label,[data-colored-sheets="true"] 
  input[type="date"]:focus h1,
  [data-colored-sheets="true"] 
  input[type="date"]:focus h2,
  [data-colored-sheets="true"] 
  input[type="date"]:focus h3,
  [data-colored-sheets="true"] 
  input[type="date"]:focus h4,
  [data-colored-sheets="true"] 
  input[type="date"]:focus p,
  [data-colored-sheets="true"] 
  input[type="date"]:focus span,
  [data-colored-sheets="true"] 
  input[type="date"]:focus div,
  [data-colored-sheets="true"] 
  input[type="date"]:focus label,[data-colored-sheets="true"] 
  input[type="time"]:focus h1,
  [data-colored-sheets="true"] 
  input[type="time"]:focus h2,
  [data-colored-sheets="true"] 
  input[type="time"]:focus h3,
  [data-colored-sheets="true"] 
  input[type="time"]:focus h4,
  [data-colored-sheets="true"] 
  input[type="time"]:focus p,
  [data-colored-sheets="true"] 
  input[type="time"]:focus span,
  [data-colored-sheets="true"] 
  input[type="time"]:focus div,
  [data-colored-sheets="true"] 
  input[type="time"]:focus label,[data-colored-sheets="true"] 
  input[type="tel"]:focus h1,
  [data-colored-sheets="true"] 
  input[type="tel"]:focus h2,
  [data-colored-sheets="true"] 
  input[type="tel"]:focus h3,
  [data-colored-sheets="true"] 
  input[type="tel"]:focus h4,
  [data-colored-sheets="true"] 
  input[type="tel"]:focus p,
  [data-colored-sheets="true"] 
  input[type="tel"]:focus span,
  [data-colored-sheets="true"] 
  input[type="tel"]:focus div,
  [data-colored-sheets="true"] 
  input[type="tel"]:focus label,[data-colored-sheets="true"] 
  input[type="url"]:focus h1,
  [data-colored-sheets="true"] 
  input[type="url"]:focus h2,
  [data-colored-sheets="true"] 
  input[type="url"]:focus h3,
  [data-colored-sheets="true"] 
  input[type="url"]:focus h4,
  [data-colored-sheets="true"] 
  input[type="url"]:focus p,
  [data-colored-sheets="true"] 
  input[type="url"]:focus span,
  [data-colored-sheets="true"] 
  input[type="url"]:focus div,
  [data-colored-sheets="true"] 
  input[type="url"]:focus label,[data-colored-sheets="true"] 
  input[type="search"]:focus h1,
  [data-colored-sheets="true"] 
  input[type="search"]:focus h2,
  [data-colored-sheets="true"] 
  input[type="search"]:focus h3,
  [data-colored-sheets="true"] 
  input[type="search"]:focus h4,
  [data-colored-sheets="true"] 
  input[type="search"]:focus p,
  [data-colored-sheets="true"] 
  input[type="search"]:focus span,
  [data-colored-sheets="true"] 
  input[type="search"]:focus div,
  [data-colored-sheets="true"] 
  input[type="search"]:focus label,[data-colored-sheets="true"] 
  textarea:focus h1,
  [data-colored-sheets="true"] 
  textarea:focus h2,
  [data-colored-sheets="true"] 
  textarea:focus h3,
  [data-colored-sheets="true"] 
  textarea:focus h4,
  [data-colored-sheets="true"] 
  textarea:focus p,
  [data-colored-sheets="true"] 
  textarea:focus span,
  [data-colored-sheets="true"] 
  textarea:focus div,
  [data-colored-sheets="true"] 
  textarea:focus label,[data-colored-sheets="true"] 
  select:focus h1,
  [data-colored-sheets="true"] 
  select:focus h2,
  [data-colored-sheets="true"] 
  select:focus h3,
  [data-colored-sheets="true"] 
  select:focus h4,
  [data-colored-sheets="true"] 
  select:focus p,
  [data-colored-sheets="true"] 
  select:focus span,
  [data-colored-sheets="true"] 
  select:focus div,
  [data-colored-sheets="true"] 
  select:focus label,[data-colored-sheets="true"] 
  .input-border:focus h1,
  [data-colored-sheets="true"] 
  .input-border:focus h2,
  [data-colored-sheets="true"] 
  .input-border:focus h3,
  [data-colored-sheets="true"] 
  .input-border:focus h4,
  [data-colored-sheets="true"] 
  .input-border:focus p,
  [data-colored-sheets="true"] 
  .input-border:focus span,
  [data-colored-sheets="true"] 
  .input-border:focus div,
  [data-colored-sheets="true"] 
  .input-border:focus label {
    color: inherit;
  }
[data-colored-sheets="true"] input[type="text"]:focus input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] input[type="text"]:focus select,
  [data-colored-sheets="true"] input[type="text"]:focus textarea,[data-colored-sheets="true"] 
  input[type="email"]:focus input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  input[type="email"]:focus select,
  [data-colored-sheets="true"] 
  input[type="email"]:focus textarea,[data-colored-sheets="true"] 
  input[type="password"]:focus input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  input[type="password"]:focus select,
  [data-colored-sheets="true"] 
  input[type="password"]:focus textarea,[data-colored-sheets="true"] 
  input[type="number"]:focus input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  input[type="number"]:focus select,
  [data-colored-sheets="true"] 
  input[type="number"]:focus textarea,[data-colored-sheets="true"] 
  input[type="date"]:focus input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  input[type="date"]:focus select,
  [data-colored-sheets="true"] 
  input[type="date"]:focus textarea,[data-colored-sheets="true"] 
  input[type="time"]:focus input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  input[type="time"]:focus select,
  [data-colored-sheets="true"] 
  input[type="time"]:focus textarea,[data-colored-sheets="true"] 
  input[type="tel"]:focus input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  input[type="tel"]:focus select,
  [data-colored-sheets="true"] 
  input[type="tel"]:focus textarea,[data-colored-sheets="true"] 
  input[type="url"]:focus input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  input[type="url"]:focus select,
  [data-colored-sheets="true"] 
  input[type="url"]:focus textarea,[data-colored-sheets="true"] 
  input[type="search"]:focus input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  input[type="search"]:focus select,
  [data-colored-sheets="true"] 
  input[type="search"]:focus textarea,[data-colored-sheets="true"] 
  textarea:focus input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  textarea:focus select,
  [data-colored-sheets="true"] 
  textarea:focus textarea,[data-colored-sheets="true"] 
  select:focus input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  select:focus select,
  [data-colored-sheets="true"] 
  select:focus textarea,[data-colored-sheets="true"] 
  .input-border:focus input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] 
  .input-border:focus select,
  [data-colored-sheets="true"] 
  .input-border:focus textarea {
    background-color: var(--theme-sheet-input-bg, #ffffff);
    border-color: var(--theme-sheet-input-border, #d1d5db);
    color: var(--theme-sheet-input-text, #1f2937);
  }
[data-colored-sheets="true"] input[type="text"]:focus table,[data-colored-sheets="true"] 
  input[type="email"]:focus table,[data-colored-sheets="true"] 
  input[type="password"]:focus table,[data-colored-sheets="true"] 
  input[type="number"]:focus table,[data-colored-sheets="true"] 
  input[type="date"]:focus table,[data-colored-sheets="true"] 
  input[type="time"]:focus table,[data-colored-sheets="true"] 
  input[type="tel"]:focus table,[data-colored-sheets="true"] 
  input[type="url"]:focus table,[data-colored-sheets="true"] 
  input[type="search"]:focus table,[data-colored-sheets="true"] 
  textarea:focus table,[data-colored-sheets="true"] 
  select:focus table,[data-colored-sheets="true"] 
  .input-border:focus table {
    background-color: var(--theme-sheet-bg, #ffffff);
  }
[data-colored-sheets="true"] input[type="text"]:focus th,
  [data-colored-sheets="true"] input[type="text"]:focus td,[data-colored-sheets="true"] 
  input[type="email"]:focus th,
  [data-colored-sheets="true"] 
  input[type="email"]:focus td,[data-colored-sheets="true"] 
  input[type="password"]:focus th,
  [data-colored-sheets="true"] 
  input[type="password"]:focus td,[data-colored-sheets="true"] 
  input[type="number"]:focus th,
  [data-colored-sheets="true"] 
  input[type="number"]:focus td,[data-colored-sheets="true"] 
  input[type="date"]:focus th,
  [data-colored-sheets="true"] 
  input[type="date"]:focus td,[data-colored-sheets="true"] 
  input[type="time"]:focus th,
  [data-colored-sheets="true"] 
  input[type="time"]:focus td,[data-colored-sheets="true"] 
  input[type="tel"]:focus th,
  [data-colored-sheets="true"] 
  input[type="tel"]:focus td,[data-colored-sheets="true"] 
  input[type="url"]:focus th,
  [data-colored-sheets="true"] 
  input[type="url"]:focus td,[data-colored-sheets="true"] 
  input[type="search"]:focus th,
  [data-colored-sheets="true"] 
  input[type="search"]:focus td,[data-colored-sheets="true"] 
  textarea:focus th,
  [data-colored-sheets="true"] 
  textarea:focus td,[data-colored-sheets="true"] 
  select:focus th,
  [data-colored-sheets="true"] 
  select:focus td,[data-colored-sheets="true"] 
  .input-border:focus th,
  [data-colored-sheets="true"] 
  .input-border:focus td {
    color: var(--theme-sheet-text, #1f2937);
    border-color: var(--theme-sheet-border, #e5e7eb);
  }
input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="password"]:focus,
  input[type="number"]:focus,
  input[type="date"]:focus,
  input[type="time"]:focus,
  input[type="tel"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  textarea:focus,
  select:focus,
  .input-border:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
}
input[type="text"]:hover,
  input[type="email"]:hover,
  input[type="password"]:hover,
  input[type="number"]:hover,
  input[type="date"]:hover,
  input[type="time"]:hover,
  input[type="tel"]:hover,
  input[type="url"]:hover,
  input[type="search"]:hover,
  textarea:hover,
  select:hover,
  .input-border:hover {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="date"],
  input[type="time"],
  input[type="tel"],
  input[type="url"],
  input[type="search"],
  textarea,
  select,
  .input-border {
    color: #1f2937 !important; /* Force dark text on white inputs */
    transition: all 0.15s ease-in-out;
  }
/* Ensure white background inputs always have dark text */
input.bg-white,
  textarea.bg-white,
  select.bg-white,
  .bg-white input,
  .bg-white textarea,
  .bg-white select {
    color: #1f2937 !important;
  }
/* Input placeholder styling */
input::-moz-placeholder, textarea::-moz-placeholder {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
input::placeholder,
  textarea::placeholder {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
/* Enhanced checkbox styling - make checkboxes larger and more obvious across all portals */
input[type="checkbox"] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    accent-color: hsl(var(--primary-dark));
    transform: scale(1.3);
    margin: 4px;
  }
input[type="checkbox"]:focus {
    outline: 2px solid hsl(var(--primary-dark));
    outline-offset: 2px;
  }
/* Enhanced table and card borders */
.table-enhanced td,
  .table-enhanced th {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.card-enhanced {
    box-shadow: var(--shadow-strong);
    border-width: 4px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
/* Enhanced Form Styling - Darker, more defined borders */
@media (max-width: 640px) {
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */
    .form-enhanced {
      padding: 4px;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */
    .form-enhanced {
      border-radius: 2px;
    }

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
  }
.form-enhanced {
  border-radius: var(--radius);
  border-width: 2px;
  border-color: hsl(var(--border) / 0.8);
  background-color: hsl(var(--card) / 0.95);
  padding: 1rem;
}
@media (max-width: 640px) {
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */
    .form-enhanced .form-section {
      padding: 4px;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
  }
.form-enhanced .form-section {
  margin-bottom: 1rem;
  border-radius: calc(var(--radius) - 2px);
  border-width: 2px;
  border-color: hsl(var(--border) / 0.6);
  background-color: hsl(var(--muted) / 0.2);
  padding: 1rem;
}
.form-enhanced input, 
  .form-enhanced textarea,
  .form-enhanced select {
  border-radius: calc(var(--radius) - 2px);
  border-width: 2px;
  border-color: hsl(var(--border) / 0.8);
  background-color: hsl(var(--background) / 0.95);
}
.form-enhanced input:focus,
  .form-enhanced textarea:focus,
  .form-enhanced select:focus {
  border-color: hsl(var(--primary));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: hsl(var(--primary) / 0.2);
}
.form-enhanced .grid {
  gap: 1rem;
}
.form-enhanced label {
  font-weight: 600;
  color: hsl(var(--foreground) / 0.9);
}
/* V11.53: Default label color - dark grey (overridable by Tailwind utilities like text-white) */
form label,
  .space-y-4 label,
  .form-grid label,
  .form-group label,
  [class*="form"] label,
  label {
    color: #1a1a1a;
  }
/* V11.54: PO / Approval field green background - unified class */
.po-field-green,
  input.po-field-green,
  input[name="po"],
  input[id="po"],
  input[name="po_number"],
  input[id="po_number"] {
    background: #c8e6c9 !important;
    background-color: #c8e6c9 !important;
  }
/* Square Action Buttons */
.action-button-red {
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--radius) - 4px);
  border-width: 2px;
  border-color: hsl(var(--destructive-foreground) / 0.2);
  background-color: hsl(var(--destructive));
  padding: 0px;
}
.action-button-red:hover {
  background-color: hsl(var(--destructive) / 0.9);
}

  [data-colored-sheets="true"] .action-button-green {
    background-color: revert;
    color: revert;
  }
.action-button-green {
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--radius) - 4px);
  border-width: 2px;
  border-color: rgb(22 101 52 / 0.2);
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.action-button-green:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

  [data-colored-sheets="true"] .action-button-admin {
    background-color: revert;
    color: revert;
  }
.action-button-admin {
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--radius) - 4px);
  border-width: 2px;
  border-color: rgb(30 64 175 / 0.2);
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.action-button-admin:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
/* Document Sheet Styling - Blue-grey gradients matching portal icons */
/* Light gray gradient background for the page/container */
.document-page-bg {
    background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 50%, #e5e7eb 100%);
    min-height: 100%;
  }
/* Very light gray background for document sheets */
.document-sheet {
    background: linear-gradient(145deg, #f9fafb 0%, #f3f4f6 50%, #f9fafb 100%);
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #1f2937; /* Dark text for light background */
  }
/* Subtle overlay effect for light background */
.document-sheet::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    border-radius: inherit;
    pointer-events: none;
  }
/* Input fields on light gray sheet */
.document-sheet input,
  .document-sheet select,
  .document-sheet textarea {
    background-color: #ffffff !important;
    border: 1px solid #d1d5db !important;
  }
/* White sections within the sheet */
.document-sheet .bg-white,
  .document-sheet [class*="bg-white"] {
    background-color: #ffffff !important;
  }
/* Print styles - revert to white backgrounds */
@media print {
    .document-page-bg {
      background: white !important;
    }

    .document-sheet {
      background: white !important;
      box-shadow: none !important;
      border-radius: 0 !important;
    }

    .document-sheet input,
    .document-sheet select,
    .document-sheet textarea {
      background-color: white !important;
      border: 1px solid #000 !important;
    }
  }
/* ============================================== */
/* THEME-AWARE SHEET/PAPER STYLING               */
/* Uses CSS variables set by ThemeContext        */
/* ============================================== */
/* Theme-aware sheet background - uses coloredSheets CSS variables */
/* Utility classes for theme colors */
/* Theme-aware card styling */
.theme-card {
    background-color: var(--theme-card-bg, rgba(255, 255, 255, 0.1));
    border-color: var(--theme-card-border, rgba(255, 255, 255, 0.2));
    color: var(--theme-text-primary, #ffffff);
  }
/* Theme-aware text colors for public pages */
.text-theme-primary {
    color: var(--theme-text-primary, #ffffff);
  }
.text-theme-secondary {
    color: var(--theme-text-secondary, rgba(255, 255, 255, 0.7));
  }
.text-theme-muted {
    color: var(--theme-text-muted, rgba(255, 255, 255, 0.5));
  }
/* Override bg-white for themed contexts when [data-colored-sheets="true"] */
[data-colored-sheets="true"] .themed-paper,
  [data-colored-sheets="true"] .bg-white.themed-paper {
    background-color: var(--theme-sheet-bg, #ffffff) !important;
    border-color: var(--theme-sheet-border, #e5e7eb) !important;
    color: var(--theme-sheet-text, #1f2937) !important;
  }
/* ============================================== */
/* AUTO-APPLY THEME COLORS TO ALL PORTAL PAGES   */
/* When Color Sheets toggle is ON                */
/* ============================================== */
/* Apply theme colors to all Cards when coloredSheets is enabled */
[data-colored-sheets="true"] [data-slot="card"],
  [data-colored-sheets="true"] .bg-card {
    background-color: var(--theme-sheet-bg, #ffffff) !important;
    border-color: var(--theme-sheet-border, #e5e7eb) !important;
  }
/* Apply theme colors to all bg-white elements in portal area */
[data-colored-sheets="true"] .bg-white {
    background-color: var(--theme-sheet-bg, #ffffff) !important;
  }
/* Apply text color to portal cards/sheets when coloredSheets is on */
[data-colored-sheets="true"] .bg-white,
  [data-colored-sheets="true"] [data-slot="card"] {
    color: var(--theme-sheet-text, #1f2937) !important;
  }
/* Keep text visible for child elements */
[data-colored-sheets="true"] .bg-white h1,
  [data-colored-sheets="true"] .bg-white h2,
  [data-colored-sheets="true"] .bg-white h3,
  [data-colored-sheets="true"] .bg-white h4,
  [data-colored-sheets="true"] .bg-white p,
  [data-colored-sheets="true"] .bg-white span,
  [data-colored-sheets="true"] .bg-white div,
  [data-colored-sheets="true"] .bg-white label {
    color: inherit;
  }
/* Keep specific colored elements their original color */
[data-colored-sheets="true"] .text-blue-600,
  [data-colored-sheets="true"] .text-green-600,
  [data-colored-sheets="true"] .text-red-600,
  [data-colored-sheets="true"] .text-purple-600,
  [data-colored-sheets="true"] .text-orange-600 {
    color: inherit;
  }
/* Inputs on themed backgrounds */
[data-colored-sheets="true"] .bg-white input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] .bg-white select,
  [data-colored-sheets="true"] .bg-white textarea,
  [data-colored-sheets="true"] [data-slot="card"] input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] [data-slot="card"] select,
  [data-colored-sheets="true"] [data-slot="card"] textarea {
    background-color: var(--theme-sheet-input-bg, #ffffff) !important;
    border-color: var(--theme-sheet-input-border, #d1d5db) !important;
    color: var(--theme-sheet-input-text, #1f2937) !important;
  }
/* Table styling on themed backgrounds */
[data-colored-sheets="true"] .bg-white table,
  [data-colored-sheets="true"] [data-slot="card"] table {
    background-color: var(--theme-sheet-bg, #ffffff);
  }
[data-colored-sheets="true"] .bg-white th,
  [data-colored-sheets="true"] .bg-white td,
  [data-colored-sheets="true"] [data-slot="card"] th,
  [data-colored-sheets="true"] [data-slot="card"] td {
    color: var(--theme-sheet-text, #1f2937);
    border-color: var(--theme-sheet-border, #e5e7eb);
  }
/* Preserve status badge colors */
[data-colored-sheets="true"] .bg-green-500,
  [data-colored-sheets="true"] .bg-green-600,
  [data-colored-sheets="true"] .bg-blue-500,
  [data-colored-sheets="true"] .bg-blue-600,
  [data-colored-sheets="true"] .bg-red-500,
  [data-colored-sheets="true"] .bg-red-600,
  [data-colored-sheets="true"] .bg-yellow-500,
  [data-colored-sheets="true"] .bg-orange-500,
  [data-colored-sheets="true"] .bg-purple-500,
  [data-colored-sheets="true"] .bg-purple-600,
  [data-colored-sheets="true"] .bg-gray-900 {
    background-color: revert !important;
    color: revert !important;
  }
/* Hide scrollbar but allow scrolling - useful for horizontal tab navigation */
.scrollbar-hide {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
.scrollbar-hide::-webkit-scrollbar {
    display: none;  /* Chrome, Safari and Opera */
  }
/* ==================================================================== */
/* VISIBLE, GRABBABLE SCROLLBARS (V10.12.3375)                          */
/* Long pages (restaurant Recipe Costs, Reports lists, PM checklists…)  */
/* were only scrollable with the mouse wheel because the default        */
/* scrollbar is a near-invisible hairline. A wide high-contrast bar is  */
/* draggable AND lets you click the track to jump a page at a time.     */
/*                                                                      */
/* RULES IF YOU TOUCH THIS BLOCK:                                       */
/*  - Do NOT add !important. .scrollbar-hide (above) sets display:none  */
/*    on its own scrollbar and must keep winning, or the horizontal     */
/*    tab strips grow a scrollbar again.                                */
/*  - Firefox/standard properties are behind @supports so they never    */
/*    override the webkit pseudo-elements in Chromium.                  */
/*  - pointer:fine only — touch devices keep their overlay scrollbars.  */
/* ==================================================================== */
@media (pointer: fine) {
    /* The main page scrollbar — the one this is really about.
       #root IS THE PAGE SCROLLER, not html/body: html, body and #root all
       carry height:100% + overflow-x:hidden (which computes overflow-y to
       auto), so #root is the element that actually overflows and shows the
       bar. Verified in the built app — #root.scrollHeight 10020 vs
       clientHeight 686, while window.scrollY stays 0. Do NOT drop #root
       here or this whole block becomes a no-op. */
    #root::-webkit-scrollbar,
    html::-webkit-scrollbar,
    body::-webkit-scrollbar {
      width: 16px;
      height: 16px;
    }

    /* Inner scroll areas (dialogs, tables, panels) — slightly slimmer */
    .overflow-auto::-webkit-scrollbar,
    .overflow-y-auto::-webkit-scrollbar,
    .overflow-x-auto::-webkit-scrollbar,
    .overflow-scroll::-webkit-scrollbar {
      width: 12px;
      height: 12px;
    }

    #root::-webkit-scrollbar-track,
    html::-webkit-scrollbar-track,
    body::-webkit-scrollbar-track,
    .overflow-auto::-webkit-scrollbar-track,
    .overflow-y-auto::-webkit-scrollbar-track,
    .overflow-x-auto::-webkit-scrollbar-track,
    .overflow-scroll::-webkit-scrollbar-track {
      background-color: rgba(100, 116, 139, 0.18);
    }

    /* Mid-slate reads clearly on BOTH the white content cards and the
       dark portal gradient — do not swap it for a light or dark grey. */
    #root::-webkit-scrollbar-thumb,
    html::-webkit-scrollbar-thumb,
    body::-webkit-scrollbar-thumb,
    .overflow-auto::-webkit-scrollbar-thumb,
    .overflow-y-auto::-webkit-scrollbar-thumb,
    .overflow-x-auto::-webkit-scrollbar-thumb,
    .overflow-scroll::-webkit-scrollbar-thumb {
      background-color: #64748b;
      border: 3px solid transparent;
      background-clip: padding-box;
      border-radius: 999px;
    }

    #root::-webkit-scrollbar-thumb:hover,
    html::-webkit-scrollbar-thumb:hover,
    body::-webkit-scrollbar-thumb:hover,
    .overflow-auto::-webkit-scrollbar-thumb:hover,
    .overflow-y-auto::-webkit-scrollbar-thumb:hover,
    .overflow-x-auto::-webkit-scrollbar-thumb:hover,
    .overflow-scroll::-webkit-scrollbar-thumb:hover {
      background-color: #334155;
    }

    /* Firefox / standard properties. In Chromium, setting scrollbar-width
       switches the browser to the standard rendering path and CANCELS the
       ::-webkit-scrollbar sizing above, so only apply it where the webkit
       pseudo-element does not exist. scrollbar-width is not inherited, so
       .scrollbar-hide's `scrollbar-width: none` still wins on its own
       elements. */
    @supports not selector(::-webkit-scrollbar) {
      html,
      #root {
        scrollbar-width: auto;
      }
      html {
        scrollbar-color: #64748b rgba(100, 116, 139, 0.18);
      }
    }
  }
/* ============================================== */
/* MOBILE EDGE-TO-EDGE LAYOUT                    */
/* Remove all padding/margins on mobile screens  */
/* ============================================== */
@media (max-width: 640px) {
    /* Force edge-to-edge on all main containers */
    .min-h-screen {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    /* Remove container padding on mobile */
    .container, [class*="container"] {
      padding-left: 0 !important;
      padding-right: 0 !important;
      max-width: 100% !important;
    }

    /* Make main content areas minimal padding on mobile */
    .p-2, .p-3, .p-4, .p-6, .p-8 {
      padding: 4px !important;
    }

    .px-2, .px-3, .px-4, .px-6, .px-8 {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */
    .max-w-4xl, .max-w-5xl, .max-w-6xl, .max-w-7xl {
      max-width: 100% !important;
    }

    /* Edge-to-edge cards - remove rounded corners */
    .rounded-lg, .rounded-xl, .rounded-2xl {
      border-radius: 2px !important;
    }

    /* Remove horizontal margins on mobile */
    .mx-auto, .mx-2, .mx-4 {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    /* Ensure content items go edge-to-edge */
    .space-y-1 > *, .space-y-2 > *, .space-y-3 > *, .space-y-4 > * {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    /* Card specific overrides - target data attributes from shadcn */
    [data-slot="card"], .bg-white\/10 {
      border-radius: 0 !important;
      border-left-width: 0 !important;
      border-right-width: 0 !important;
    }
    /* Force edge-to-edge on all main containers */
     {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    /* Remove container padding on mobile */
    .\!container {
      padding-left: 0 !important;
      padding-right: 0 !important;
      max-width: 100% !important;
    }

    /* Make main content areas minimal padding on mobile */
     {
      padding: 4px !important;
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */
     {
      max-width: 100% !important;
    }

    /* Edge-to-edge cards - remove rounded corners */
     {
      border-radius: 2px !important;
    }

    /* Remove horizontal margins on mobile */
     {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    /* Ensure content items go edge-to-edge */
     {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    /* Card specific overrides - target data attributes from shadcn */
     {
      border-radius: 0 !important;
      border-left-width: 0 !important;
      border-right-width: 0 !important;
    }
    /* Force edge-to-edge on all main containers */
     {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    /* Remove container padding on mobile */
     {
      padding-left: 0 !important;
      padding-right: 0 !important;
      max-width: 100% !important;
    }

    /* Make main content areas minimal padding on mobile */
     {
      padding: 4px !important;
    }

     .\!px-3 {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */
     {
      max-width: 100% !important;
    }

    /* Edge-to-edge cards - remove rounded corners */
     {
      border-radius: 2px !important;
    }

    /* Remove horizontal margins on mobile */
     {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    /* Ensure content items go edge-to-edge */
     {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    /* Card specific overrides - target data attributes from shadcn */
     {
      border-radius: 0 !important;
      border-left-width: 0 !important;
      border-right-width: 0 !important;
    }
  }
/* Utility class for full-width mobile content */
.mobile-edge-to-edge {
  width: 100%;
}
@media (max-width: 640px) {
    .mobile-edge-to-edge {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      border-radius: 0 !important;
    }
  }
/* Industry tiles grid — responsive columns */
.industry-grid {
    grid-template-columns: repeat(4, 1fr);
  }
@media (max-width: 768px) {
    .industry-grid {
      grid-template-columns: repeat(2, 1fr) !important;
    }
  }
/* Switch & Save section — center on mobile */
@media (max-width: 768px) {
    .switch-save-section {
      text-align: center !important;
    }
    .switch-save-section .switch-save-badge {
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .switch-save-section .switch-save-button {
      margin-left: auto !important;
      margin-right: auto !important;
    }
  }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-bottom-1 {
  bottom: -0.25rem;
}
.-bottom-12 {
  bottom: -3rem;
}
.-bottom-24 {
  bottom: -6rem;
}
.-left-12 {
  left: -3rem;
}
.-left-24 {
  left: -6rem;
}
.-right-0\.5 {
  right: -0.125rem;
}
.-right-1 {
  right: -0.25rem;
}
.-right-1\.5 {
  right: -0.375rem;
}
.-right-12 {
  right: -3rem;
}
.-right-2 {
  right: -0.5rem;
}
.-right-24 {
  right: -6rem;
}
.-top-0\.5 {
  top: -0.125rem;
}
.-top-1 {
  top: -0.25rem;
}
.-top-1\.5 {
  top: -0.375rem;
}
.-top-12 {
  top: -3rem;
}
.-top-2 {
  top: -0.5rem;
}
.-top-2\.5 {
  top: -0.625rem;
}
.-top-24 {
  top: -6rem;
}
.-top-3 {
  top: -0.75rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-0\.5 {
  bottom: 0.125rem;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-1\/3 {
  bottom: 33.333333%;
}
.bottom-16 {
  bottom: 4rem;
}
.bottom-20 {
  bottom: 5rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-\[-30px\] {
  bottom: -30px;
}
.bottom-full {
  bottom: 100%;
}
.left-0 {
  left: 0px;
}
.left-0\.5 {
  left: 0.125rem;
}
.left-1 {
  left: 0.25rem;
}
.left-1\/2 {
  left: 50%;
}
.left-1\/4 {
  left: 25%;
}
.left-2 {
  left: 0.5rem;
}
.left-2\.5 {
  left: 0.625rem;
}
.left-2\/3 {
  left: 66.666667%;
}
.left-3 {
  left: 0.75rem;
}
.left-4 {
  left: 1rem;
}
.left-6 {
  left: 1.5rem;
}
.left-\[50\%\] {
  left: 50%;
}
.right-0 {
  right: 0px;
}
.right-0\.5 {
  right: 0.125rem;
}
.right-1 {
  right: 0.25rem;
}
.right-1\.5 {
  right: 0.375rem;
}
.right-1\/3 {
  right: 33.333333%;
}
.right-1\/4 {
  right: 25%;
}
.right-2 {
  right: 0.5rem;
}
.right-24 {
  right: 6rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-5 {
  right: 1.25rem;
}
.right-6 {
  right: 1.5rem;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: 0.25rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-1\/2 {
  top: 50%;
}
.top-1\/4 {
  top: 25%;
}
.top-16 {
  top: 4rem;
}
.top-2 {
  top: 0.5rem;
}
.top-2\.5 {
  top: 0.625rem;
}
.top-20 {
  top: 5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-3\.5 {
  top: 0.875rem;
}
.top-3\/4 {
  top: 75%;
}
.top-4 {
  top: 1rem;
}
.top-6 {
  top: 1.5rem;
}
.top-9 {
  top: 2.25rem;
}
.top-\[-8px\] {
  top: -8px;
}
.top-\[1px\] {
  top: 1px;
}
.top-\[42px\] {
  top: 42px;
}
.top-\[5\%\] {
  top: 5%;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[6\.5rem\] {
  top: 6.5rem;
}
.top-\[60\%\] {
  top: 60%;
}
.top-\[7rem\] {
  top: 7rem;
}
.top-full {
  top: 100%;
}
.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-\[1\] {
  z-index: 1;
}
.z-\[39\] {
  z-index: 39;
}
.z-\[40\] {
  z-index: 40;
}
.z-\[5\] {
  z-index: 5;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[70\] {
  z-index: 70;
}
.z-\[9999\] {
  z-index: 9999;
}
.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-full {
  grid-column: 1 / -1;
}
.col-start-1 {
  grid-column-start: 1;
}
.col-start-2 {
  grid-column-start: 2;
}
.col-start-3 {
  grid-column-start: 3;
}
.col-start-4 {
  grid-column-start: 4;
}
.col-start-5 {
  grid-column-start: 5;
}
.col-start-6 {
  grid-column-start: 6;
}
.col-start-7 {
  grid-column-start: 7;
}
.m-0 {
  margin: 0px;
}
.m-4 {
  margin: 1rem;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.mx-0\.5 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-3\.5 {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.-mb-px {
  margin-bottom: -1px;
}
.-ml-1 {
  margin-left: -0.25rem;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.-ml-4 {
  margin-left: -1rem;
}
.-mr-2 {
  margin-right: -0.5rem;
}
.-mt-0\.5 {
  margin-top: -0.125rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-3 {
  margin-top: -0.75rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-14 {
  margin-left: 3.5rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-7 {
  margin-left: 1.75rem;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-0\.5 {
  margin-right: 0.125rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-2\.5 {
  margin-right: 0.625rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mr-auto {
  margin-right: auto;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-24 {
  margin-top: 6rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-32 {
  margin-top: 8rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-auto {
  margin-top: auto;
}
.mt-px {
  margin-top: 1px;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.\!table {
  display: table !important;
}
.table {
  display: table;
}
.table-row {
  display: table-row;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
.h-0 {
  height: 0px;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-28 {
  height: 7rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-32 {
  height: 8rem;
}
.h-36 {
  height: 9rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-96 {
  height: 24rem;
}
.h-\[100dvh\] {
  height: 100dvh;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[256px\] {
  height: 256px;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[350px\] {
  height: 350px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[450px\] {
  height: 450px;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[50vh\] {
  height: 50vh;
}
.h-\[550px\] {
  height: 550px;
}
.h-\[55vh\] {
  height: 55vh;
}
.h-\[560px\] {
  height: 560px;
}
.h-\[60vh\] {
  height: 60vh;
}
.h-\[6px\] {
  height: 6px;
}
.h-\[75vh\] {
  height: 75vh;
}
.h-\[85vh\] {
  height: 85vh;
}
.h-\[88dvh\] {
  height: 88dvh;
}
.h-\[90vh\] {
  height: 90vh;
}
.h-\[95vh\] {
  height: 95vh;
}
.h-\[calc\(100vh-100px\)\] {
  height: calc(100vh - 100px);
}
.h-\[calc\(100vh-72px\)\] {
  height: calc(100vh - 72px);
}
.h-\[calc\(100vh-8rem\)\] {
  height: calc(100vh - 8rem);
}
.h-\[var\(--radix-navigation-menu-viewport-height\)\] {
  height: var(--radix-navigation-menu-viewport-height);
}
.h-\[var\(--radix-select-trigger-height\)\] {
  height: var(--radix-select-trigger-height);
}
.h-auto {
  height: auto;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.h-svh {
  height: 100svh;
}
.max-h-12 {
  max-height: 3rem;
}
.max-h-16 {
  max-height: 4rem;
}
.max-h-20 {
  max-height: 5rem;
}
.max-h-24 {
  max-height: 6rem;
}
.max-h-28 {
  max-height: 7rem;
}
.max-h-32 {
  max-height: 8rem;
}
.max-h-40 {
  max-height: 10rem;
}
.max-h-44 {
  max-height: 11rem;
}
.max-h-48 {
  max-height: 12rem;
}
.max-h-52 {
  max-height: 13rem;
}
.max-h-60 {
  max-height: 15rem;
}
.max-h-64 {
  max-height: 16rem;
}
.max-h-72 {
  max-height: 18rem;
}
.max-h-80 {
  max-height: 20rem;
}
.max-h-96 {
  max-height: 24rem;
}
.max-h-\[200px\] {
  max-height: 200px;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[350px\] {
  max-height: 350px;
}
.max-h-\[400px\] {
  max-height: 400px;
}
.max-h-\[40vh\] {
  max-height: 40vh;
}
.max-h-\[45vh\] {
  max-height: 45vh;
}
.max-h-\[46vh\] {
  max-height: 46vh;
}
.max-h-\[500px\] {
  max-height: 500px;
}
.max-h-\[50vh\] {
  max-height: 50vh;
}
.max-h-\[600px\] {
  max-height: 600px;
}
.max-h-\[60vh\] {
  max-height: 60vh;
}
.max-h-\[70vh\] {
  max-height: 70vh;
}
.max-h-\[78vh\] {
  max-height: 78vh;
}
.max-h-\[80vh\] {
  max-height: 80vh;
}
.max-h-\[85vh\] {
  max-height: 85vh;
}
.max-h-\[88vh\] {
  max-height: 88vh;
}
.max-h-\[90dvh\] {
  max-height: 90dvh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[92vh\] {
  max-height: 92vh;
}
.max-h-\[94vh\] {
  max-height: 94vh;
}
.max-h-\[95vh\] {
  max-height: 95vh;
}
.max-h-\[calc\(100dvh-13rem\)\] {
  max-height: calc(100dvh - 13rem);
}
.max-h-\[calc\(100vh-48px\)\] {
  max-height: calc(100vh - 48px);
}
.max-h-full {
  max-height: 100%;
}
.max-h-screen {
  max-height: 100vh;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-20 {
  min-height: 5rem;
}
.min-h-\[120px\] {
  min-height: 120px;
}
.min-h-\[140px\] {
  min-height: 140px;
}
.min-h-\[150px\] {
  min-height: 150px;
}
.min-h-\[16px\] {
  min-height: 16px;
}
.min-h-\[180px\] {
  min-height: 180px;
}
.min-h-\[190px\] {
  min-height: 190px;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[220px\] {
  min-height: 220px;
}
.min-h-\[26px\] {
  min-height: 26px;
}
.min-h-\[300px\] {
  min-height: 300px;
}
.min-h-\[380px\] {
  min-height: 380px;
}
.min-h-\[38px\] {
  min-height: 38px;
}
.min-h-\[400px\] {
  min-height: 400px;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-\[40vh\] {
  min-height: 40vh;
}
.min-h-\[44px\] {
  min-height: 44px;
}
.min-h-\[450px\] {
  min-height: 450px;
}
.min-h-\[46px\] {
  min-height: 46px;
}
.min-h-\[48px\] {
  min-height: 48px;
}
.min-h-\[50px\] {
  min-height: 50px;
}
.min-h-\[52px\] {
  min-height: 52px;
}
.min-h-\[56px\] {
  min-height: 56px;
}
.min-h-\[600px\] {
  min-height: 600px;
}
.min-h-\[60px\] {
  min-height: 60px;
}
.min-h-\[60vh\] {
  min-height: 60vh;
}
.min-h-\[64px\] {
  min-height: 64px;
}
.min-h-\[70px\] {
  min-height: 70px;
}
.min-h-\[76px\] {
  min-height: 76px;
}
.min-h-\[80px\] {
  min-height: 80px;
}
.min-h-\[86px\] {
  min-height: 86px;
}
.min-h-\[8rem\] {
  min-height: 8rem;
}
.min-h-\[90px\] {
  min-height: 90px;
}
.min-h-\[92px\] {
  min-height: 92px;
}
.min-h-screen {
  min-height: 100vh;
}
.min-h-svh {
  min-height: 100svh;
}
.w-0 {
  width: 0px;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3\/4 {
  width: 75%;
}
.w-32 {
  width: 8rem;
}
.w-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-52 {
  width: 13rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-60 {
  width: 15rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-96 {
  width: 24rem;
}
.w-\[--sidebar-width\] {
  width: var(--sidebar-width);
}
.w-\[10\%\] {
  width: 10%;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[11\%\] {
  width: 11%;
}
.w-\[110px\] {
  width: 110px;
}
.w-\[115px\] {
  width: 115px;
}
.w-\[118px\] {
  width: 118px;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[130px\] {
  width: 130px;
}
.w-\[132px\] {
  width: 132px;
}
.w-\[14\%\] {
  width: 14%;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[15\%\] {
  width: 15%;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[16\%\] {
  width: 16%;
}
.w-\[160px\] {
  width: 160px;
}
.w-\[170px\] {
  width: 170px;
}
.w-\[18\%\] {
  width: 18%;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[22\%\] {
  width: 22%;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[25\%\] {
  width: 25%;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[256px\] {
  width: 256px;
}
.w-\[280px\] {
  width: 280px;
}
.w-\[28px\] {
  width: 28px;
}
.w-\[3\%\] {
  width: 3%;
}
.w-\[320px\] {
  width: 320px;
}
.w-\[32px\] {
  width: 32px;
}
.w-\[360px\] {
  width: 360px;
}
.w-\[380px\] {
  width: 380px;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[44px\] {
  width: 44px;
}
.w-\[450px\] {
  width: 450px;
}
.w-\[45px\] {
  width: 45px;
}
.w-\[48px\] {
  width: 48px;
}
.w-\[5\%\] {
  width: 5%;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[52px\] {
  width: 52px;
}
.w-\[55px\] {
  width: 55px;
}
.w-\[560px\] {
  width: 560px;
}
.w-\[6\%\] {
  width: 6%;
}
.w-\[65px\] {
  width: 65px;
}
.w-\[7\%\] {
  width: 7%;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[75px\] {
  width: 75px;
}
.w-\[8\%\] {
  width: 8%;
}
.w-\[80px\] {
  width: 80px;
}
.w-\[84px\] {
  width: 84px;
}
.w-\[85px\] {
  width: 85px;
}
.w-\[90px\] {
  width: 90px;
}
.w-\[92px\] {
  width: 92px;
}
.w-\[95vw\] {
  width: 95vw;
}
.w-\[96vw\] {
  width: 96vw;
}
.w-\[98vw\] {
  width: 98vw;
}
.w-\[calc\(100vw-1\.5rem\)\] {
  width: calc(100vw - 1.5rem);
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-32 {
  min-width: 8rem;
}
.min-w-48 {
  min-width: 12rem;
}
.min-w-5 {
  min-width: 1.25rem;
}
.min-w-\[100px\] {
  min-width: 100px;
}
.min-w-\[10rem\] {
  min-width: 10rem;
}
.min-w-\[110-120px\] {
  min-width: 110-120px;
}
.min-w-\[110px\] {
  min-width: 110px;
}
.min-w-\[1200px\] {
  min-width: 1200px;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-w-\[12rem\] {
  min-width: 12rem;
}
.min-w-\[130px\] {
  min-width: 130px;
}
.min-w-\[132px\] {
  min-width: 132px;
}
.min-w-\[140px\] {
  min-width: 140px;
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-w-\[160px\] {
  min-width: 160px;
}
.min-w-\[170px\] {
  min-width: 170px;
}
.min-w-\[176px\] {
  min-width: 176px;
}
.min-w-\[180px\] {
  min-width: 180px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[220px\] {
  min-width: 220px;
}
.min-w-\[240px\] {
  min-width: 240px;
}
.min-w-\[24px\] {
  min-width: 24px;
}
.min-w-\[260px\] {
  min-width: 260px;
}
.min-w-\[320px\] {
  min-width: 320px;
}
.min-w-\[40px\] {
  min-width: 40px;
}
.min-w-\[48px\] {
  min-width: 48px;
}
.min-w-\[4rem\] {
  min-width: 4rem;
}
.min-w-\[52px\] {
  min-width: 52px;
}
.min-w-\[540px\] {
  min-width: 540px;
}
.min-w-\[560px\] {
  min-width: 560px;
}
.min-w-\[60px\] {
  min-width: 60px;
}
.min-w-\[64px\] {
  min-width: 64px;
}
.min-w-\[65px\] {
  min-width: 65px;
}
.min-w-\[70px\] {
  min-width: 70px;
}
.min-w-\[80px\] {
  min-width: 80px;
}
.min-w-\[8rem\] {
  min-width: 8rem;
}
.min-w-\[900px\] {
  min-width: 900px;
}
.min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width: var(--radix-select-trigger-width);
}
.min-w-full {
  min-width: 100%;
}
.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-32 {
  max-width: 8rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[--skeleton-width\] {
  max-width: var(--skeleton-width);
}
.max-w-\[100px\] {
  max-width: 100px;
}
.max-w-\[120px\] {
  max-width: 120px;
}
.max-w-\[1400px\] {
  max-width: 1400px;
}
.max-w-\[140px\] {
  max-width: 140px;
}
.max-w-\[1600px\] {
  max-width: 1600px;
}
.max-w-\[160px\] {
  max-width: 160px;
}
.max-w-\[1800px\] {
  max-width: 1800px;
}
.max-w-\[180px\] {
  max-width: 180px;
}
.max-w-\[192px\] {
  max-width: 192px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[220px\] {
  max-width: 220px;
}
.max-w-\[240px\] {
  max-width: 240px;
}
.max-w-\[260px\] {
  max-width: 260px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[50\%\] {
  max-width: 50%;
}
.max-w-\[60\%\] {
  max-width: 60%;
}
.max-w-\[70\%\] {
  max-width: 70%;
}
.max-w-\[78\%\] {
  max-width: 78%;
}
.max-w-\[80\%\] {
  max-width: 80%;
}
.max-w-\[80px\] {
  max-width: 80px;
}
.max-w-\[80vw\] {
  max-width: 80vw;
}
.max-w-\[85\%\] {
  max-width: 85%;
}
.max-w-\[90\%\] {
  max-width: 90%;
}
.max-w-\[92vw\] {
  max-width: 92vw;
}
.max-w-\[95vw\] {
  max-width: 95vw;
}
.max-w-\[calc\(100vw-24px\)\] {
  max-width: calc(100vw - 24px);
}
.max-w-\[calc\(100vw-2rem\)\] {
  max-width: calc(100vw - 2rem);
}
.max-w-\[calc\(100vw-48px\)\] {
  max-width: calc(100vw - 48px);
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-max {
  max-width: -moz-max-content;
  max-width: max-content;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-\[2\] {
  flex: 2;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.basis-full {
  flex-basis: 100%;
}
.table-fixed {
  table-layout: fixed;
}
.caption-bottom {
  caption-side: bottom;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-px {
  --tw-translate-x: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-4 {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-px {
  --tw-translate-x: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-150 {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-75 {
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes bounce {

  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}
.animate-bounce {
  animation: bounce 1s infinite;
}
@keyframes ping {

  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-col-resize {
  cursor: col-resize;
}
.cursor-crosshair {
  cursor: crosshair;
}
.cursor-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-wait {
  cursor: wait;
}
.touch-none {
  touch-action: none;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.resize-none {
  resize: none;
}
.resize-y {
  resize: vertical;
}
.resize {
  resize: both;
}
.scroll-mt-20 {
  scroll-margin-top: 5rem;
}
.scroll-mt-6 {
  scroll-margin-top: 1.5rem;
}
.list-inside {
  list-style-position: inside;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.break-inside-avoid {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr);
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, 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-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, 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-\[1fr\2c 90px\2c 80px\2c 90px\2c 32px\] {
  grid-template-columns: 1fr 90px 80px 90px 32px;
}
.grid-cols-\[1fr_1\.5fr_1\.5fr_1fr_1fr_auto_auto\] {
  grid-template-columns: 1fr 1.5fr 1.5fr 1fr 1fr auto auto;
}
.grid-cols-\[1fr_1fr_1fr_1\.5fr_auto\] {
  grid-template-columns: 1fr 1fr 1fr 1.5fr auto;
}
.grid-cols-\[1fr_2fr\] {
  grid-template-columns: 1fr 2fr;
}
.grid-cols-\[1fr_auto_auto\] {
  grid-template-columns: 1fr auto auto;
}
.grid-cols-\[32px\2c 1fr\2c 110px\2c 32px\] {
  grid-template-columns: 32px 1fr 110px 32px;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[2px\] {
  gap: 2px;
}
.gap-px {
  gap: 1px;
}
.gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.gap-x-1\.5 {
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-y-0 {
  row-gap: 0px;
}
.gap-y-0\.5 {
  row-gap: 0.125rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-1\.5 {
  row-gap: 0.375rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.space-y-px > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1px * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1));
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}
.divide-gray-600\/60 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(75 85 99 / 0.6);
}
.divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-divide-opacity, 1));
}
.self-start {
  align-self: flex-start;
}
.self-center {
  align-self: center;
}
.justify-self-start {
  justify-self: start;
}
.justify-self-end {
  justify-self: end;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-\[2\.5rem\] {
  border-radius: 2.5rem;
}
.rounded-\[2px\] {
  border-radius: 2px;
}
.rounded-\[2rem\] {
  border-radius: 2rem;
}
.rounded-\[inherit\] {
  border-radius: inherit;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: var(--radius);
}
.rounded-md {
  border-radius: calc(var(--radius) - 2px);
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: calc(var(--radius) - 4px);
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-b-lg {
  border-bottom-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}
.rounded-l-lg {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}
.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-r-lg {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-\[10px\] {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.rounded-t-lg {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.rounded-bl-md {
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.rounded-bl-none {
  border-bottom-left-radius: 0px;
}
.rounded-bl-sm {
  border-bottom-left-radius: calc(var(--radius) - 4px);
}
.rounded-br-md {
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.rounded-br-none {
  border-bottom-right-radius: 0px;
}
.rounded-br-sm {
  border-bottom-right-radius: calc(var(--radius) - 4px);
}
.rounded-tl-sm {
  border-top-left-radius: calc(var(--radius) - 4px);
}
.rounded-tr-sm {
  border-top-right-radius: calc(var(--radius) - 4px);
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-\[1\.5px\] {
  border-width: 1.5px;
}
.border-\[3px\] {
  border-width: 3px;
}
.border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-l-\[3px\] {
  border-left-width: 3px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-2 {
  border-right-width: 2px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-4 {
  border-top-width: 4px;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.\!border-gray-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)) !important;
}
.border-\[\#00552B\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 85 43 / var(--tw-border-opacity, 1));
}
.border-\[--color-border\] {
  border-color: var(--color-border);
}
.border-\[color\] {
  border-color: color;
}
.border-amber-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-border-opacity, 1));
}
.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}
.border-amber-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}
.border-amber-500 {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-amber-500\/20 {
  border-color: rgb(245 158 11 / 0.2);
}
.border-amber-600 {
  --tw-border-opacity: 1;
  border-color: rgb(217 119 6 / var(--tw-border-opacity, 1));
}
.border-amber-700 {
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
}
.border-amber-700\/50 {
  border-color: rgb(180 83 9 / 0.5);
}
.border-amber-800 {
  --tw-border-opacity: 1;
  border-color: rgb(146 64 14 / var(--tw-border-opacity, 1));
}
.border-amber-800\/20 {
  border-color: rgb(146 64 14 / 0.2);
}
.border-amber-800\/30 {
  border-color: rgb(146 64 14 / 0.3);
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
}
.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.border-blue-400\/20 {
  border-color: rgb(96 165 250 / 0.2);
}
.border-blue-400\/30 {
  border-color: rgb(96 165 250 / 0.3);
}
.border-blue-50 {
  --tw-border-opacity: 1;
  border-color: rgb(239 246 255 / var(--tw-border-opacity, 1));
}
.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-blue-500\/20 {
  border-color: rgb(59 130 246 / 0.2);
}
.border-blue-500\/30 {
  border-color: rgb(59 130 246 / 0.3);
}
.border-blue-500\/40 {
  border-color: rgb(59 130 246 / 0.4);
}
.border-blue-500\/50 {
  border-color: rgb(59 130 246 / 0.5);
}
.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-blue-600\/30 {
  border-color: rgb(37 99 235 / 0.3);
}
.border-blue-600\/50 {
  border-color: rgb(37 99 235 / 0.5);
}
.border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
}
.border-blue-700\/40 {
  border-color: rgb(29 78 216 / 0.4);
}
.border-blue-800\/40 {
  border-color: rgb(30 64 175 / 0.4);
}
.border-border {
  border-color: hsl(var(--border));
}
.border-border\/20 {
  border-color: hsl(var(--border) / 0.2);
}
.border-border\/30 {
  border-color: hsl(var(--border) / 0.3);
}
.border-border\/50 {
  border-color: hsl(var(--border) / 0.5);
}
.border-border\/80 {
  border-color: hsl(var(--border) / 0.8);
}
.border-current {
  border-color: currentColor;
}
.border-cyan-200 {
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252 / var(--tw-border-opacity, 1));
}
.border-cyan-300 {
  --tw-border-opacity: 1;
  border-color: rgb(103 232 249 / var(--tw-border-opacity, 1));
}
.border-destructive {
  border-color: hsl(var(--destructive));
}
.border-destructive\/20 {
  border-color: hsl(var(--destructive) / 0.2);
}
.border-destructive\/50 {
  border-color: hsl(var(--destructive) / 0.5);
}
.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.border-emerald-300 {
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
}
.border-emerald-400 {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.border-emerald-500 {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-emerald-500\/30 {
  border-color: rgb(16 185 129 / 0.3);
}
.border-emerald-600 {
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105 / var(--tw-border-opacity, 1));
}
.border-emerald-800\/30 {
  border-color: rgb(6 95 70 / 0.3);
}
.border-emerald-800\/40 {
  border-color: rgb(6 95 70 / 0.4);
}
.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.border-gray-50 {
  --tw-border-opacity: 1;
  border-color: rgb(249 250 251 / var(--tw-border-opacity, 1));
}
.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.border-gray-600\/60 {
  border-color: rgb(75 85 99 / 0.6);
}
.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.border-green-100 {
  --tw-border-opacity: 1;
  border-color: rgb(220 252 231 / var(--tw-border-opacity, 1));
}
.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
.border-green-300 {
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
}
.border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
}
.border-green-400\/20 {
  border-color: rgb(74 222 128 / 0.2);
}
.border-green-400\/50 {
  border-color: rgb(74 222 128 / 0.5);
}
.border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.border-green-500\/20 {
  border-color: rgb(34 197 94 / 0.2);
}
.border-green-500\/25 {
  border-color: rgb(34 197 94 / 0.25);
}
.border-green-500\/30 {
  border-color: rgb(34 197 94 / 0.3);
}
.border-green-500\/40 {
  border-color: rgb(34 197 94 / 0.4);
}
.border-green-500\/50 {
  border-color: rgb(34 197 94 / 0.5);
}
.border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
}
.border-green-600\/30 {
  border-color: rgb(22 163 74 / 0.3);
}
.border-green-700 {
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
}
.border-green-800 {
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
}
.border-indigo-100 {
  --tw-border-opacity: 1;
  border-color: rgb(224 231 255 / var(--tw-border-opacity, 1));
}
.border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}
.border-indigo-300 {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}
.border-indigo-400 {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}
.border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.border-indigo-600 {
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.border-indigo-700 {
  --tw-border-opacity: 1;
  border-color: rgb(67 56 202 / var(--tw-border-opacity, 1));
}
.border-input {
  border-color: hsl(var(--input));
}
.border-muted {
  border-color: hsl(var(--muted));
}
.border-muted-foreground\/20 {
  border-color: hsl(var(--muted-foreground) / 0.2);
}
.border-muted-foreground\/25 {
  border-color: hsl(var(--muted-foreground) / 0.25);
}
.border-orange-100 {
  --tw-border-opacity: 1;
  border-color: rgb(255 237 213 / var(--tw-border-opacity, 1));
}
.border-orange-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}
.border-orange-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 186 116 / var(--tw-border-opacity, 1));
}
.border-orange-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
}
.border-orange-400\/30 {
  border-color: rgb(251 146 60 / 0.3);
}
.border-orange-500 {
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.border-orange-500\/30 {
  border-color: rgb(249 115 22 / 0.3);
}
.border-orange-600 {
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity, 1));
}
.border-orange-600\/30 {
  border-color: rgb(234 88 12 / 0.3);
}
.border-orange-700 {
  --tw-border-opacity: 1;
  border-color: rgb(194 65 12 / var(--tw-border-opacity, 1));
}
.border-orange-800 {
  --tw-border-opacity: 1;
  border-color: rgb(154 52 18 / var(--tw-border-opacity, 1));
}
.border-pink-200 {
  --tw-border-opacity: 1;
  border-color: rgb(251 207 232 / var(--tw-border-opacity, 1));
}
.border-pink-300 {
  --tw-border-opacity: 1;
  border-color: rgb(249 168 212 / var(--tw-border-opacity, 1));
}
.border-pink-400\/30 {
  border-color: rgb(244 114 182 / 0.3);
}
.border-pink-500 {
  --tw-border-opacity: 1;
  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
}
.border-pink-600 {
  --tw-border-opacity: 1;
  border-color: rgb(219 39 119 / var(--tw-border-opacity, 1));
}
.border-pink-800 {
  --tw-border-opacity: 1;
  border-color: rgb(157 23 77 / var(--tw-border-opacity, 1));
}
.border-pink-800\/20 {
  border-color: rgb(157 23 77 / 0.2);
}
.border-pink-800\/30 {
  border-color: rgb(157 23 77 / 0.3);
}
.border-primary {
  border-color: hsl(var(--primary));
}
.border-primary\/20 {
  border-color: hsl(var(--primary) / 0.2);
}
.border-purple-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 232 255 / var(--tw-border-opacity, 1));
}
.border-purple-200 {
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
}
.border-purple-300 {
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / var(--tw-border-opacity, 1));
}
.border-purple-400 {
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}
.border-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.border-purple-600 {
  --tw-border-opacity: 1;
  border-color: rgb(147 51 234 / var(--tw-border-opacity, 1));
}
.border-purple-700 {
  --tw-border-opacity: 1;
  border-color: rgb(126 34 206 / var(--tw-border-opacity, 1));
}
.border-purple-800 {
  --tw-border-opacity: 1;
  border-color: rgb(107 33 168 / var(--tw-border-opacity, 1));
}
.border-red-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-border-opacity, 1));
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.border-red-400\/20 {
  border-color: rgb(248 113 113 / 0.2);
}
.border-red-400\/30 {
  border-color: rgb(248 113 113 / 0.3);
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-red-500\/30 {
  border-color: rgb(239 68 68 / 0.3);
}
.border-red-500\/40 {
  border-color: rgb(239 68 68 / 0.4);
}
.border-red-500\/50 {
  border-color: rgb(239 68 68 / 0.5);
}
.border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.border-red-600\/50 {
  border-color: rgb(220 38 38 / 0.5);
}
.border-red-700 {
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}
.border-red-800 {
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}
.border-red-800\/30 {
  border-color: rgb(153 27 27 / 0.3);
}
.border-rose-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
}
.border-rose-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 164 175 / var(--tw-border-opacity, 1));
}
.border-sidebar-border {
  border-color: hsl(var(--sidebar-border));
}
.border-sky-200 {
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity, 1));
}
.border-sky-300 {
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252 / var(--tw-border-opacity, 1));
}
.border-sky-700 {
  --tw-border-opacity: 1;
  border-color: rgb(3 105 161 / var(--tw-border-opacity, 1));
}
.border-slate-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.border-slate-600 {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}
.border-slate-600\/50 {
  border-color: rgb(71 85 105 / 0.5);
}
.border-slate-700 {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}
.border-slate-700\/50 {
  border-color: rgb(51 65 85 / 0.5);
}
.border-slate-800 {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}
.border-teal-100 {
  --tw-border-opacity: 1;
  border-color: rgb(204 251 241 / var(--tw-border-opacity, 1));
}
.border-teal-200 {
  --tw-border-opacity: 1;
  border-color: rgb(153 246 228 / var(--tw-border-opacity, 1));
}
.border-teal-300 {
  --tw-border-opacity: 1;
  border-color: rgb(94 234 212 / var(--tw-border-opacity, 1));
}
.border-teal-400 {
  --tw-border-opacity: 1;
  border-color: rgb(45 212 191 / var(--tw-border-opacity, 1));
}
.border-teal-600 {
  --tw-border-opacity: 1;
  border-color: rgb(13 148 136 / var(--tw-border-opacity, 1));
}
.border-teal-700 {
  --tw-border-opacity: 1;
  border-color: rgb(15 118 110 / var(--tw-border-opacity, 1));
}
.border-teal-800 {
  --tw-border-opacity: 1;
  border-color: rgb(17 94 89 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.border-violet-200 {
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity, 1));
}
.border-violet-300 {
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253 / var(--tw-border-opacity, 1));
}
.border-violet-400\/30 {
  border-color: rgb(167 139 250 / 0.3);
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/25 {
  border-color: rgb(255 255 255 / 0.25);
}
.border-white\/30 {
  border-color: rgb(255 255 255 / 0.3);
}
.border-white\/40 {
  border-color: rgb(255 255 255 / 0.4);
}
.border-white\/5 {
  border-color: rgb(255 255 255 / 0.05);
}
.border-white\/50 {
  border-color: rgb(255 255 255 / 0.5);
}
.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}
.border-yellow-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
}
.border-yellow-400 {
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
}
.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
}
.border-yellow-500\/30 {
  border-color: rgb(234 179 8 / 0.3);
}
.border-yellow-500\/40 {
  border-color: rgb(234 179 8 / 0.4);
}
.border-yellow-500\/50 {
  border-color: rgb(234 179 8 / 0.5);
}
.border-yellow-600 {
  --tw-border-opacity: 1;
  border-color: rgb(202 138 4 / var(--tw-border-opacity, 1));
}
.border-yellow-600\/30 {
  border-color: rgb(202 138 4 / 0.3);
}
.border-yellow-700 {
  --tw-border-opacity: 1;
  border-color: rgb(161 98 7 / var(--tw-border-opacity, 1));
}
.border-l-amber-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-l-blue-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-l-gray-300 {
  --tw-border-opacity: 1;
  border-left-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-l-green-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.border-l-purple-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.border-l-red-400 {
  --tw-border-opacity: 1;
  border-left-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.border-l-red-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-l-transparent {
  border-left-color: transparent;
}
.border-t-blue-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-t-green-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.border-t-teal-600 {
  --tw-border-opacity: 1;
  border-top-color: rgb(13 148 136 / var(--tw-border-opacity, 1));
}
.border-t-transparent {
  border-top-color: transparent;
}
.border-t-white {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.\!bg-gray-300 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#00552B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 85 43 / var(--tw-bg-opacity, 1));
}
.bg-\[\#00552B\]\/10 {
  background-color: rgb(0 85 43 / 0.1);
}
.bg-\[\#00552B\]\/20 {
  background-color: rgb(0 85 43 / 0.2);
}
.bg-\[\#1a1a2e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 46 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1a2332\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 35 50 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4285F4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(66 133 244 / var(--tw-bg-opacity, 1));
}
.bg-\[\#635BFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(99 91 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#9FE870\] {
  --tw-bg-opacity: 1;
  background-color: rgb(159 232 112 / var(--tw-bg-opacity, 1));
}
.bg-\[--color-bg\] {
  background-color: var(--color-bg);
}
.bg-\[color\] {
  background-color: color;
}
.bg-accent {
  background-color: hsl(var(--accent));
}
.bg-accent\/30 {
  background-color: hsl(var(--accent) / 0.3);
}
.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-100\/60 {
  background-color: rgb(254 243 199 / 0.6);
}
.bg-amber-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.bg-amber-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-amber-50\/50 {
  background-color: rgb(255 251 235 / 0.5);
}
.bg-amber-50\/60 {
  background-color: rgb(255 251 235 / 0.6);
}
.bg-amber-50\/70 {
  background-color: rgb(255 251 235 / 0.7);
}
.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-amber-500\/20 {
  background-color: rgb(245 158 11 / 0.2);
}
.bg-amber-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}
.bg-amber-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
}
.bg-amber-950\/40 {
  background-color: rgb(69 26 3 / 0.4);
}
.bg-background {
  background-color: hsl(var(--background));
}
.bg-background\/80 {
  background-color: hsl(var(--background) / 0.8);
}
.bg-background\/95 {
  background-color: hsl(var(--background) / 0.95);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/70 {
  background-color: rgb(0 0 0 / 0.7);
}
.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-100\/40 {
  background-color: rgb(219 234 254 / 0.4);
}
.bg-blue-100\/50 {
  background-color: rgb(219 234 254 / 0.5);
}
.bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}
.bg-blue-400\/10 {
  background-color: rgb(96 165 250 / 0.1);
}
.bg-blue-400\/20 {
  background-color: rgb(96 165 250 / 0.2);
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-50\/20 {
  background-color: rgb(239 246 255 / 0.2);
}
.bg-blue-50\/30 {
  background-color: rgb(239 246 255 / 0.3);
}
.bg-blue-50\/40 {
  background-color: rgb(239 246 255 / 0.4);
}
.bg-blue-50\/50 {
  background-color: rgb(239 246 255 / 0.5);
}
.bg-blue-50\/60 {
  background-color: rgb(239 246 255 / 0.6);
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-blue-500\/10 {
  background-color: rgb(59 130 246 / 0.1);
}
.bg-blue-500\/20 {
  background-color: rgb(59 130 246 / 0.2);
}
.bg-blue-500\/30 {
  background-color: rgb(59 130 246 / 0.3);
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-blue-600\/10 {
  background-color: rgb(37 99 235 / 0.1);
}
.bg-blue-600\/15 {
  background-color: rgb(37 99 235 / 0.15);
}
.bg-blue-600\/20 {
  background-color: rgb(37 99 235 / 0.2);
}
.bg-blue-600\/25 {
  background-color: rgb(37 99 235 / 0.25);
}
.bg-blue-600\/30 {
  background-color: rgb(37 99 235 / 0.3);
}
.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.bg-blue-700\/50 {
  background-color: rgb(29 78 216 / 0.5);
}
.bg-blue-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}
.bg-blue-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}
.bg-blue-900\/40 {
  background-color: rgb(30 58 138 / 0.4);
}
.bg-blue-900\/50 {
  background-color: rgb(30 58 138 / 0.5);
}
.bg-blue-950\/30 {
  background-color: rgb(23 37 84 / 0.3);
}
.bg-blue-950\/40 {
  background-color: rgb(23 37 84 / 0.4);
}
.bg-blue-950\/60 {
  background-color: rgb(23 37 84 / 0.6);
}
.bg-border {
  background-color: hsl(var(--border));
}
.bg-card {
  background-color: hsl(var(--card));
}
.bg-card\/50 {
  background-color: hsl(var(--card) / 0.5);
}
.bg-cyan-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1));
}
.bg-cyan-400\/10 {
  background-color: rgb(34 211 238 / 0.1);
}
.bg-cyan-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
}
.bg-cyan-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
}
.bg-cyan-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(14 116 144 / var(--tw-bg-opacity, 1));
}
.bg-destructive {
  background-color: hsl(var(--destructive));
}
.bg-destructive\/10 {
  background-color: hsl(var(--destructive) / 0.1);
}
.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-emerald-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50\/60 {
  background-color: rgb(236 253 245 / 0.6);
}
.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500\/10 {
  background-color: rgb(16 185 129 / 0.1);
}
.bg-emerald-500\/20 {
  background-color: rgb(16 185 129 / 0.2);
}
.bg-emerald-500\/5 {
  background-color: rgb(16 185 129 / 0.05);
}
.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.bg-emerald-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}
.bg-emerald-950\/30 {
  background-color: rgb(2 44 34 / 0.3);
}
.bg-foreground {
  background-color: hsl(var(--foreground));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-100\/80 {
  background-color: rgb(243 244 246 / 0.8);
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-50\/50 {
  background-color: rgb(249 250 251 / 0.5);
}
.bg-gray-50\/60 {
  background-color: rgb(249 250 251 / 0.6);
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.bg-gray-500\/20 {
  background-color: rgb(107 114 128 / 0.2);
}
.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.bg-gray-800\/50 {
  background-color: rgb(31 41 55 / 0.5);
}
.bg-gray-800\/60 {
  background-color: rgb(31 41 55 / 0.6);
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-gray-900\/30 {
  background-color: rgb(17 24 39 / 0.3);
}
.bg-gray-900\/40 {
  background-color: rgb(17 24 39 / 0.4);
}
.bg-gray-900\/50 {
  background-color: rgb(17 24 39 / 0.5);
}
.bg-gray-900\/60 {
  background-color: rgb(17 24 39 / 0.6);
}
.bg-gray-900\/80 {
  background-color: rgb(17 24 39 / 0.8);
}
.bg-gray-900\/85 {
  background-color: rgb(17 24 39 / 0.85);
}
.bg-gray-900\/90 {
  background-color: rgb(17 24 39 / 0.9);
}
.bg-gray-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}
.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-green-50\/30 {
  background-color: rgb(240 253 244 / 0.3);
}
.bg-green-50\/40 {
  background-color: rgb(240 253 244 / 0.4);
}
.bg-green-50\/50 {
  background-color: rgb(240 253 244 / 0.5);
}
.bg-green-50\/60 {
  background-color: rgb(240 253 244 / 0.6);
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-green-500\/10 {
  background-color: rgb(34 197 94 / 0.1);
}
.bg-green-500\/20 {
  background-color: rgb(34 197 94 / 0.2);
}
.bg-green-500\/30 {
  background-color: rgb(34 197 94 / 0.3);
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-green-600\/20 {
  background-color: rgb(22 163 74 / 0.2);
}
.bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.bg-green-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
}
.bg-green-800\/50 {
  background-color: rgb(22 101 52 / 0.5);
}
.bg-green-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
}
.bg-green-900\/20 {
  background-color: rgb(20 83 45 / 0.2);
}
.bg-green-900\/25 {
  background-color: rgb(20 83 45 / 0.25);
}
.bg-green-900\/30 {
  background-color: rgb(20 83 45 / 0.3);
}
.bg-green-900\/40 {
  background-color: rgb(20 83 45 / 0.4);
}
.bg-green-900\/50 {
  background-color: rgb(20 83 45 / 0.5);
}
.bg-green-900\/80 {
  background-color: rgb(20 83 45 / 0.8);
}
.bg-green-950\/30 {
  background-color: rgb(5 46 22 / 0.3);
}
.bg-green-950\/40 {
  background-color: rgb(5 46 22 / 0.4);
}
.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.bg-indigo-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(199 210 254 / var(--tw-bg-opacity, 1));
}
.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.bg-indigo-50\/40 {
  background-color: rgb(238 242 255 / 0.4);
}
.bg-indigo-50\/50 {
  background-color: rgb(238 242 255 / 0.5);
}
.bg-indigo-50\/60 {
  background-color: rgb(238 242 255 / 0.6);
}
.bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}
.bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.bg-indigo-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}
.bg-muted {
  background-color: hsl(var(--muted));
}
.bg-muted\/10 {
  background-color: hsl(var(--muted) / 0.1);
}
.bg-muted\/20 {
  background-color: hsl(var(--muted) / 0.2);
}
.bg-muted\/30 {
  background-color: hsl(var(--muted) / 0.3);
}
.bg-muted\/40 {
  background-color: hsl(var(--muted) / 0.4);
}
.bg-muted\/50 {
  background-color: hsl(var(--muted) / 0.5);
}
.bg-muted\/70 {
  background-color: hsl(var(--muted) / 0.7);
}
.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.bg-orange-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));
}
.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.bg-orange-50\/40 {
  background-color: rgb(255 247 237 / 0.4);
}
.bg-orange-50\/50 {
  background-color: rgb(255 247 237 / 0.5);
}
.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.bg-orange-500\/20 {
  background-color: rgb(249 115 22 / 0.2);
}
.bg-orange-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}
.bg-orange-600\/20 {
  background-color: rgb(234 88 12 / 0.2);
}
.bg-orange-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
}
.bg-orange-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(154 52 18 / var(--tw-bg-opacity, 1));
}
.bg-orange-900\/40 {
  background-color: rgb(124 45 18 / 0.4);
}
.bg-orange-950\/30 {
  background-color: rgb(67 20 7 / 0.3);
}
.bg-pink-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1));
}
.bg-pink-400\/10 {
  background-color: rgb(244 114 182 / 0.1);
}
.bg-pink-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1));
}
.bg-pink-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
}
.bg-pink-950\/20 {
  background-color: rgb(80 7 36 / 0.2);
}
.bg-pink-950\/30 {
  background-color: rgb(80 7 36 / 0.3);
}
.bg-popover {
  background-color: hsl(var(--popover));
}
.bg-primary {
  background-color: hsl(var(--primary));
}
.bg-primary-foreground\/20 {
  background-color: hsl(var(--primary-foreground) / 0.2);
}
.bg-primary\/10 {
  background-color: hsl(var(--primary) / 0.1);
}
.bg-primary\/5 {
  background-color: hsl(var(--primary) / 0.05);
}
.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
}
.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-50\/30 {
  background-color: rgb(250 245 255 / 0.3);
}
.bg-purple-50\/50 {
  background-color: rgb(250 245 255 / 0.5);
}
.bg-purple-50\/60 {
  background-color: rgb(250 245 255 / 0.6);
}
.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
}
.bg-purple-500\/20 {
  background-color: rgb(168 85 247 / 0.2);
}
.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
}
.bg-purple-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1));
}
.bg-purple-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 33 168 / var(--tw-bg-opacity, 1));
}
.bg-purple-900\/40 {
  background-color: rgb(88 28 135 / 0.4);
}
.bg-purple-900\/50 {
  background-color: rgb(88 28 135 / 0.5);
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.bg-red-400\/10 {
  background-color: rgb(248 113 113 / 0.1);
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-50\/30 {
  background-color: rgb(254 242 242 / 0.3);
}
.bg-red-50\/50 {
  background-color: rgb(254 242 242 / 0.5);
}
.bg-red-50\/60 {
  background-color: rgb(254 242 242 / 0.6);
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/10 {
  background-color: rgb(239 68 68 / 0.1);
}
.bg-red-500\/20 {
  background-color: rgb(239 68 68 / 0.2);
}
.bg-red-500\/30 {
  background-color: rgb(239 68 68 / 0.3);
}
.bg-red-500\/40 {
  background-color: rgb(239 68 68 / 0.4);
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-red-600\/30 {
  background-color: rgb(220 38 38 / 0.3);
}
.bg-red-600\/50 {
  background-color: rgb(220 38 38 / 0.5);
}
.bg-red-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.bg-red-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}
.bg-red-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
}
.bg-red-900\/20 {
  background-color: rgb(127 29 29 / 0.2);
}
.bg-red-900\/30 {
  background-color: rgb(127 29 29 / 0.3);
}
.bg-red-900\/40 {
  background-color: rgb(127 29 29 / 0.4);
}
.bg-red-900\/50 {
  background-color: rgb(127 29 29 / 0.5);
}
.bg-red-900\/60 {
  background-color: rgb(127 29 29 / 0.6);
}
.bg-red-950\/30 {
  background-color: rgb(69 10 10 / 0.3);
}
.bg-red-950\/40 {
  background-color: rgb(69 10 10 / 0.4);
}
.bg-rose-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}
.bg-rose-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.bg-rose-50\/50 {
  background-color: rgb(255 241 242 / 0.5);
}
.bg-rose-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}
.bg-rose-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
}
.bg-secondary {
  background-color: hsl(var(--secondary));
}
.bg-sidebar {
  background-color: hsl(var(--sidebar-background));
}
.bg-sidebar-border {
  background-color: hsl(var(--sidebar-border));
}
.bg-sky-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}
.bg-sky-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}
.bg-sky-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));
}
.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-slate-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-slate-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}
.bg-slate-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.bg-slate-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.bg-slate-700\/30 {
  background-color: rgb(51 65 85 / 0.3);
}
.bg-slate-700\/50 {
  background-color: rgb(51 65 85 / 0.5);
}
.bg-slate-700\/60 {
  background-color: rgb(51 65 85 / 0.6);
}
.bg-slate-700\/80 {
  background-color: rgb(51 65 85 / 0.8);
}
.bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.bg-slate-800\/50 {
  background-color: rgb(30 41 59 / 0.5);
}
.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-slate-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}
.bg-stone-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(68 64 60 / var(--tw-bg-opacity, 1));
}
.bg-teal-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
}
.bg-teal-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
}
.bg-teal-50\/60 {
  background-color: rgb(240 253 250 / 0.6);
}
.bg-teal-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
}
.bg-teal-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1));
}
.bg-teal-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 118 110 / var(--tw-bg-opacity, 1));
}
.bg-teal-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 94 89 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-violet-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}
.bg-violet-400\/10 {
  background-color: rgb(167 139 250 / 0.1);
}
.bg-violet-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}
.bg-violet-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}
.bg-violet-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/15 {
  background-color: rgb(255 255 255 / 0.15);
}
.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/25 {
  background-color: rgb(255 255 255 / 0.25);
}
.bg-white\/30 {
  background-color: rgb(255 255 255 / 0.3);
}
.bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/50 {
  background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/60 {
  background-color: rgb(255 255 255 / 0.6);
}
.bg-white\/70 {
  background-color: rgb(255 255 255 / 0.7);
}
.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}
.bg-white\/90 {
  background-color: rgb(255 255 255 / 0.9);
}
.bg-white\/95 {
  background-color: rgb(255 255 255 / 0.95);
}
.bg-white\/\[0\.02\] {
  background-color: rgb(255 255 255 / 0.02);
}
.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}
.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}
.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}
.bg-yellow-50\/60 {
  background-color: rgb(254 252 232 / 0.6);
}
.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}
.bg-yellow-500\/10 {
  background-color: rgb(234 179 8 / 0.1);
}
.bg-yellow-500\/20 {
  background-color: rgb(234 179 8 / 0.2);
}
.bg-yellow-500\/30 {
  background-color: rgb(234 179 8 / 0.3);
}
.bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}
.bg-yellow-600\/20 {
  background-color: rgb(202 138 4 / 0.2);
}
.bg-yellow-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(161 98 7 / var(--tw-bg-opacity, 1));
}
.bg-yellow-900\/50 {
  background-color: rgb(113 63 18 / 0.5);
}
.bg-zinc-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-\[\#0c2340\] {
  --tw-gradient-from: #0c2340 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(12 35 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-200 {
  --tw-gradient-from: #fde68a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 230 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-50 {
  --tw-gradient-from: #fffbeb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-500 {
  --tw-gradient-from: #f59e0b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-background {
  --tw-gradient-from: hsl(var(--background)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black {
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/60 {
  --tw-gradient-from: rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-200 {
  --tw-gradient-from: #bfdbfe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(191 219 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-50 {
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500 {
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600 {
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-700 {
  --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-900 {
  --tw-gradient-from: #1e3a8a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-200 {
  --tw-gradient-from: #a7f3d0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(167 243 208 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-500 {
  --tw-gradient-from: #10b981 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-200 {
  --tw-gradient-from: #e5e7eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-50 {
  --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-900 {
  --tw-gradient-from: #111827 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-200 {
  --tw-gradient-from: #bbf7d0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(187 247 208 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-400 {
  --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-50 {
  --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-500 {
  --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-600 {
  --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-200 {
  --tw-gradient-from: #c7d2fe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(199 210 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-50 {
  --tw-gradient-from: #eef2ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-900 {
  --tw-gradient-from: #312e81 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-50 {
  --tw-gradient-from: #fff7ed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500 {
  --tw-gradient-from: #f97316 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-50 {
  --tw-gradient-from: #fdf2f8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 242 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-100 {
  --tw-gradient-from: #f3e8ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 232 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-200 {
  --tw-gradient-from: #e9d5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(233 213 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-50 {
  --tw-gradient-from: #faf5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500 {
  --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600 {
  --tw-gradient-from: #9333ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-900 {
  --tw-gradient-from: #581c87 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-200 {
  --tw-gradient-from: #fecaca var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 202 202 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-50 {
  --tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-500 {
  --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-600 {
  --tw-gradient-from: #dc2626 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-500 {
  --tw-gradient-from: #f43f5e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-200 {
  --tw-gradient-from: #bae6fd var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(186 230 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-50 {
  --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-800 {
  --tw-gradient-from: #1e293b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-900 {
  --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-200 {
  --tw-gradient-from: #99f6e4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(153 246 228 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-50 {
  --tw-gradient-from: #f0fdfa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-200 {
  --tw-gradient-from: #ddd6fe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(221 214 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-200 {
  --tw-gradient-from: #fef08a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 240 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-50 {
  --tw-gradient-from: #fefce8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#123a5e\] {
  --tw-gradient-to: rgb(18 58 94 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #123a5e var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-amber-300 {
  --tw-gradient-to: rgb(252 211 77 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fcd34d var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-300 {
  --tw-gradient-to: rgb(147 197 253 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #93c5fd var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-800 {
  --tw-gradient-to: rgb(30 64 175 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1e40af var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-emerald-300 {
  --tw-gradient-to: rgb(110 231 183 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gray-300 {
  --tw-gradient-to: rgb(209 213 219 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d1d5db var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gray-800 {
  --tw-gradient-to: rgb(31 41 55 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1f2937 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-green-300 {
  --tw-gradient-to: rgb(134 239 172 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #86efac var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-300 {
  --tw-gradient-to: rgb(165 180 252 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-muted\/5 {
  --tw-gradient-to: hsl(var(--muted) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--muted) / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-300 {
  --tw-gradient-to: rgb(216 180 254 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d8b4fe var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-50\/30 {
  --tw-gradient-to: rgb(250 245 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(250 245 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-red-300 {
  --tw-gradient-to: rgb(252 165 165 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fca5a5 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-red-700 {
  --tw-gradient-to: rgb(185 28 28 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #b91c1c var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sky-300 {
  --tw-gradient-to: rgb(125 211 252 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #7dd3fc var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-800 {
  --tw-gradient-to: rgb(30 41 59 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-teal-300 {
  --tw-gradient-to: rgb(94 234 212 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #5eead4 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-transparent {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-violet-300 {
  --tw-gradient-to: rgb(196 181 253 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/5 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-yellow-300 {
  --tw-gradient-to: rgb(253 224 71 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fde047 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#0e5f6f\] {
  --tw-gradient-to: #0e5f6f var(--tw-gradient-to-position);
}
.to-amber-100 {
  --tw-gradient-to: #fef3c7 var(--tw-gradient-to-position);
}
.to-amber-200 {
  --tw-gradient-to: #fde68a var(--tw-gradient-to-position);
}
.to-amber-600 {
  --tw-gradient-to: #d97706 var(--tw-gradient-to-position);
}
.to-black {
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.to-black\/60 {
  --tw-gradient-to: rgb(0 0 0 / 0.6) var(--tw-gradient-to-position);
}
.to-blue-100 {
  --tw-gradient-to: #dbeafe var(--tw-gradient-to-position);
}
.to-blue-200 {
  --tw-gradient-to: #bfdbfe var(--tw-gradient-to-position);
}
.to-blue-50 {
  --tw-gradient-to: #eff6ff var(--tw-gradient-to-position);
}
.to-blue-500 {
  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
}
.to-blue-600 {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}
.to-blue-700 {
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}
.to-emerald-200 {
  --tw-gradient-to: #a7f3d0 var(--tw-gradient-to-position);
}
.to-emerald-50 {
  --tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position);
}
.to-emerald-500 {
  --tw-gradient-to: #10b981 var(--tw-gradient-to-position);
}
.to-emerald-600 {
  --tw-gradient-to: #059669 var(--tw-gradient-to-position);
}
.to-gray-100 {
  --tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position);
}
.to-gray-200 {
  --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position);
}
.to-gray-800 {
  --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
}
.to-gray-900 {
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}
.to-green-100 {
  --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position);
}
.to-green-200 {
  --tw-gradient-to: #bbf7d0 var(--tw-gradient-to-position);
}
.to-green-50 {
  --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position);
}
.to-green-500 {
  --tw-gradient-to: #22c55e var(--tw-gradient-to-position);
}
.to-green-600 {
  --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
}
.to-green-700 {
  --tw-gradient-to: #15803d var(--tw-gradient-to-position);
}
.to-indigo-100 {
  --tw-gradient-to: #e0e7ff var(--tw-gradient-to-position);
}
.to-indigo-200 {
  --tw-gradient-to: #c7d2fe var(--tw-gradient-to-position);
}
.to-indigo-50 {
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
}
.to-indigo-600 {
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}
.to-indigo-700 {
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}
.to-indigo-900 {
  --tw-gradient-to: #312e81 var(--tw-gradient-to-position);
}
.to-muted\/20 {
  --tw-gradient-to: hsl(var(--muted) / 0.2) var(--tw-gradient-to-position);
}
.to-orange-100 {
  --tw-gradient-to: #ffedd5 var(--tw-gradient-to-position);
}
.to-orange-50 {
  --tw-gradient-to: #fff7ed var(--tw-gradient-to-position);
}
.to-orange-600 {
  --tw-gradient-to: #ea580c var(--tw-gradient-to-position);
}
.to-primary\/5 {
  --tw-gradient-to: hsl(var(--primary) / 0.05) var(--tw-gradient-to-position);
}
.to-purple-100 {
  --tw-gradient-to: #f3e8ff var(--tw-gradient-to-position);
}
.to-purple-100\/20 {
  --tw-gradient-to: rgb(243 232 255 / 0.2) var(--tw-gradient-to-position);
}
.to-purple-200 {
  --tw-gradient-to: #e9d5ff var(--tw-gradient-to-position);
}
.to-purple-50 {
  --tw-gradient-to: #faf5ff var(--tw-gradient-to-position);
}
.to-purple-600 {
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}
.to-purple-700 {
  --tw-gradient-to: #7e22ce var(--tw-gradient-to-position);
}
.to-red-100 {
  --tw-gradient-to: #fee2e2 var(--tw-gradient-to-position);
}
.to-red-200 {
  --tw-gradient-to: #fecaca var(--tw-gradient-to-position);
}
.to-red-50 {
  --tw-gradient-to: #fef2f2 var(--tw-gradient-to-position);
}
.to-red-600 {
  --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}
.to-red-700 {
  --tw-gradient-to: #b91c1c var(--tw-gradient-to-position);
}
.to-red-800 {
  --tw-gradient-to: #991b1b var(--tw-gradient-to-position);
}
.to-rose-600 {
  --tw-gradient-to: #e11d48 var(--tw-gradient-to-position);
}
.to-sky-200 {
  --tw-gradient-to: #bae6fd var(--tw-gradient-to-position);
}
.to-slate-100 {
  --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position);
}
.to-slate-50 {
  --tw-gradient-to: #f8fafc var(--tw-gradient-to-position);
}
.to-slate-700 {
  --tw-gradient-to: #334155 var(--tw-gradient-to-position);
}
.to-slate-800 {
  --tw-gradient-to: #1e293b var(--tw-gradient-to-position);
}
.to-slate-900 {
  --tw-gradient-to: #0f172a var(--tw-gradient-to-position);
}
.to-teal-100 {
  --tw-gradient-to: #ccfbf1 var(--tw-gradient-to-position);
}
.to-teal-200 {
  --tw-gradient-to: #99f6e4 var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-violet-200 {
  --tw-gradient-to: #ddd6fe var(--tw-gradient-to-position);
}
.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.to-yellow-200 {
  --tw-gradient-to: #fef08a var(--tw-gradient-to-position);
}
.to-yellow-50 {
  --tw-gradient-to: #fefce8 var(--tw-gradient-to-position);
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-amber-400 {
  fill: #fbbf24;
}
.fill-amber-500 {
  fill: #f59e0b;
}
.fill-blue-100 {
  fill: #dbeafe;
}
.fill-current {
  fill: currentColor;
}
.fill-yellow-400 {
  fill: #facc15;
}
.stroke-green-500 {
  stroke: #22c55e;
}
.stroke-red-500 {
  stroke: #ef4444;
}
.stroke-red-600 {
  stroke: #dc2626;
}
.stroke-yellow-500 {
  stroke: #eab308;
}
.stroke-\[3\] {
  stroke-width: 3;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-top {
  -o-object-position: top;
     object-position: top;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-12 {
  padding: 3rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[1px\] {
  padding: 1px;
}
.\!px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-0\.5 {
  padding-bottom: 0.125rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-1\.5 {
  padding-bottom: 0.375rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-2\.5 {
  padding-bottom: 0.625rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-\[calc\(env\(safe-area-inset-bottom\)\+0\.75rem\)\] {
  padding-bottom: calc(env(safe-area-inset-bottom) + 0.75rem);
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-9 {
  padding-left: 2.25rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-16 {
  padding-right: 4rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-2\.5 {
  padding-right: 0.625rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-7 {
  padding-right: 1.75rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-9 {
  padding-right: 2.25rem;
}
.pr-\[120px\] {
  padding-right: 120px;
}
.pt-0 {
  padding-top: 0px;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-1\.5 {
  padding-top: 0.375rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-24 {
  padding-top: 6rem;
}
.pt-28 {
  padding-top: 7rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-32 {
  padding-top: 8rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-9 {
  padding-top: 2.25rem;
}
.\!text-left {
  text-align: left !important;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.align-bottom {
  vertical-align: bottom;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.text-\[0\.65em\] {
  font-size: 0.65em;
}
.text-\[0\.8rem\] {
  font-size: 0.8rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[7px\] {
  font-size: 7px;
}
.text-\[8px\] {
  font-size: 8px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.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);
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[0\.2em\] {
  letter-spacing: 0.2em;
}
.tracking-\[0\.3em\] {
  letter-spacing: 0.3em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#00552B\] {
  --tw-text-opacity: 1;
  color: rgb(0 85 43 / var(--tw-text-opacity, 1));
}
.text-\[\#1877F2\] {
  --tw-text-opacity: 1;
  color: rgb(24 119 242 / var(--tw-text-opacity, 1));
}
.text-\[\#3ee0cf\] {
  --tw-text-opacity: 1;
  color: rgb(62 224 207 / var(--tw-text-opacity, 1));
}
.text-accent-foreground {
  color: hsl(var(--accent-foreground));
}
.text-amber-200 {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-100 {
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity, 1));
}
.text-blue-200 {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.text-blue-50\/80 {
  color: rgb(239 246 255 / 0.8);
}
.text-blue-50\/90 {
  color: rgb(239 246 255 / 0.9);
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-blue-500\/60 {
  color: rgb(59 130 246 / 0.6);
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-600\/70 {
  color: rgb(37 99 235 / 0.7);
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.text-card-foreground {
  color: hsl(var(--card-foreground));
}
.text-current {
  color: currentColor;
}
.text-cyan-400 {
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
}
.text-cyan-500 {
  --tw-text-opacity: 1;
  color: rgb(6 182 212 / var(--tw-text-opacity, 1));
}
.text-cyan-600 {
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity, 1));
}
.text-cyan-700 {
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}
.text-cyan-800 {
  --tw-text-opacity: 1;
  color: rgb(21 94 117 / var(--tw-text-opacity, 1));
}
.text-destructive {
  color: hsl(var(--destructive));
}
.text-destructive-foreground {
  color: hsl(var(--destructive-foreground));
}
.text-emerald-200 {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}
.text-emerald-300 {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.text-emerald-400 {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-emerald-600\/70 {
  color: rgb(5 150 105 / 0.7);
}
.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}
.text-emerald-900 {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.text-foreground {
  color: hsl(var(--foreground));
}
.text-foreground\/50 {
  color: hsl(var(--foreground) / 0.5);
}
.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-800\/40 {
  color: rgb(31 41 55 / 0.4);
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-100 {
  --tw-text-opacity: 1;
  color: rgb(220 252 231 / var(--tw-text-opacity, 1));
}
.text-green-200 {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}
.text-green-300 {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}
.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.text-green-50 {
  --tw-text-opacity: 1;
  color: rgb(240 253 244 / var(--tw-text-opacity, 1));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.text-green-900 {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}
.text-indigo-300 {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.text-indigo-400 {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}
.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.text-indigo-800 {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}
.text-indigo-900 {
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity, 1));
}
.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.text-orange-200 {
  --tw-text-opacity: 1;
  color: rgb(254 215 170 / var(--tw-text-opacity, 1));
}
.text-orange-300 {
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / var(--tw-text-opacity, 1));
}
.text-orange-400 {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}
.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}
.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}
.text-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}
.text-orange-900 {
  --tw-text-opacity: 1;
  color: rgb(124 45 18 / var(--tw-text-opacity, 1));
}
.text-pink-300 {
  --tw-text-opacity: 1;
  color: rgb(249 168 212 / var(--tw-text-opacity, 1));
}
.text-pink-400 {
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}
.text-pink-500 {
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / var(--tw-text-opacity, 1));
}
.text-pink-800 {
  --tw-text-opacity: 1;
  color: rgb(157 23 77 / var(--tw-text-opacity, 1));
}
.text-popover-foreground {
  color: hsl(var(--popover-foreground));
}
.text-primary {
  color: hsl(var(--primary));
}
.text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.text-primary-foreground\/80 {
  color: hsl(var(--primary-foreground) / 0.8);
}
.text-purple-200 {
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / var(--tw-text-opacity, 1));
}
.text-purple-300 {
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}
.text-purple-400 {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}
.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.text-purple-600\/70 {
  color: rgb(147 51 234 / 0.7);
}
.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}
.text-purple-800 {
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity, 1));
}
.text-purple-900 {
  --tw-text-opacity: 1;
  color: rgb(88 28 135 / var(--tw-text-opacity, 1));
}
.text-red-100 {
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}
.text-red-200 {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}
.text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-700\/80 {
  color: rgb(185 28 28 / 0.8);
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.text-rose-400 {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}
.text-rose-600 {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}
.text-rose-700 {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.text-rose-800 {
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / var(--tw-text-opacity, 1));
}
.text-secondary-foreground {
  color: hsl(var(--secondary-foreground));
}
.text-sidebar-foreground {
  color: hsl(var(--sidebar-foreground));
}
.text-sidebar-foreground\/70 {
  color: hsl(var(--sidebar-foreground) / 0.7);
}
.text-sky-700 {
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}
.text-sky-800 {
  --tw-text-opacity: 1;
  color: rgb(7 89 133 / var(--tw-text-opacity, 1));
}
.text-slate-100 {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-teal-100 {
  --tw-text-opacity: 1;
  color: rgb(204 251 241 / var(--tw-text-opacity, 1));
}
.text-teal-50 {
  --tw-text-opacity: 1;
  color: rgb(240 253 250 / var(--tw-text-opacity, 1));
}
.text-teal-600 {
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}
.text-teal-700 {
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}
.text-teal-800 {
  --tw-text-opacity: 1;
  color: rgb(17 94 89 / var(--tw-text-opacity, 1));
}
.text-teal-900 {
  --tw-text-opacity: 1;
  color: rgb(19 78 74 / var(--tw-text-opacity, 1));
}
.text-violet-400 {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}
.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}
.text-violet-800 {
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity, 1));
}
.text-violet-900 {
  --tw-text-opacity: 1;
  color: rgb(76 29 149 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/30 {
  color: rgb(255 255 255 / 0.3);
}
.text-white\/40 {
  color: rgb(255 255 255 / 0.4);
}
.text-white\/50 {
  color: rgb(255 255 255 / 0.5);
}
.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}
.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}
.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}
.text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}
.text-yellow-200 {
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}
.text-yellow-300 {
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}
.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}
.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}
.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}
.text-yellow-900 {
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.decoration-dotted {
  text-decoration-style: dotted;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.placeholder-red-300::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(252 165 165 / var(--tw-placeholder-opacity, 1));
}
.placeholder-red-300::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(252 165 165 / var(--tw-placeholder-opacity, 1));
}
.placeholder-white\/40::-moz-placeholder {
  color: rgb(255 255 255 / 0.4);
}
.placeholder-white\/40::placeholder {
  color: rgb(255 255 255 / 0.4);
}
.accent-blue-500 {
  accent-color: #3b82f6;
}
.accent-blue-600 {
  accent-color: #2563eb;
}
.accent-emerald-600 {
  accent-color: #059669;
}
.accent-green-500 {
  accent-color: #22c55e;
}
.accent-green-600 {
  accent-color: #16a34a;
}
.accent-orange-600 {
  accent-color: #ea580c;
}
.accent-purple-600 {
  accent-color: #9333ea;
}
.accent-red-600 {
  accent-color: #dc2626;
}
.accent-teal-600 {
  accent-color: #0d9488;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_6px_2px_rgba\(239\2c 68\2c 68\2c 0\.6\)\] {
  --tw-shadow: 0 0 6px 2px rgba(239,68,68,0.6);
  --tw-shadow-colored: 0 0 6px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_6px_2px_rgba\(34\2c 197\2c 94\2c 0\.6\)\] {
  --tw-shadow: 0 0 6px 2px rgba(34,197,94,0.6);
  --tw-shadow-colored: 0 0 6px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: 0 2px 4px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-green-900\/50 {
  --tw-shadow-color: rgb(20 83 45 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary {
  --tw-shadow-color: hsl(var(--primary));
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
  --tw-ring-inset: inset;
}
.ring-amber-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity, 1));
}
.ring-blue-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
}
.ring-blue-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
}
.ring-blue-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}
.ring-blue-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.ring-blue-500\/30 {
  --tw-ring-color: rgb(59 130 246 / 0.3);
}
.ring-blue-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));
}
.ring-gray-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}
.ring-green-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(187 247 208 / var(--tw-ring-opacity, 1));
}
.ring-green-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity, 1));
}
.ring-green-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity, 1));
}
.ring-green-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
}
.ring-green-500\/30 {
  --tw-ring-color: rgb(34 197 94 / 0.3);
}
.ring-green-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity, 1));
}
.ring-indigo-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity, 1));
}
.ring-primary {
  --tw-ring-color: hsl(var(--primary));
}
.ring-primary\/20 {
  --tw-ring-color: hsl(var(--primary) / 0.2);
}
.ring-purple-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 213 255 / var(--tw-ring-opacity, 1));
}
.ring-purple-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(216 180 254 / var(--tw-ring-opacity, 1));
}
.ring-purple-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1));
}
.ring-purple-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1));
}
.ring-red-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1));
}
.ring-red-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}
.ring-ring {
  --tw-ring-color: hsl(var(--ring));
}
.ring-rose-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 164 175 / var(--tw-ring-opacity, 1));
}
.ring-sidebar-ring {
  --tw-ring-color: hsl(var(--sidebar-ring));
}
.ring-yellow-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 224 71 / var(--tw-ring-opacity, 1));
}
.ring-yellow-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity, 1));
}
.ring-yellow-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1));
}
.ring-offset-1 {
  --tw-ring-offset-width: 1px;
}
.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background));
}
.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);
}
.blur-3xl {
  --tw-blur: blur(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);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  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-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  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: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  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: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  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);
}
.grayscale {
  --tw-grayscale: grayscale(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);
}
.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) !important;
}
.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);
  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-md {
  --tw-backdrop-blur: blur(12px);
  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(4px);
  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 {
  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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[left\2c right\2c width\] {
  transition-property: left,right,width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[margin\2c opa\] {
  transition-property: margin,opa;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\2c height\2c padding\] {
  transition-property: width,height,padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-100 {
  transition-delay: 100ms;
}
.delay-200 {
  transition-delay: 200ms;
}
.duration-1000 {
  transition-duration: 1000ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  transition-timing-function: linear;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@keyframes enter {

  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {

  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.animate-in {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.fade-in {
  --tw-enter-opacity: 0;
}
.fade-in-0 {
  --tw-enter-opacity: 0;
}
.fade-in-80 {
  --tw-enter-opacity: 0.8;
}
.zoom-in-95 {
  --tw-enter-scale: .95;
}
.duration-1000 {
  animation-duration: 1000ms;
}
.duration-150 {
  animation-duration: 150ms;
}
.duration-200 {
  animation-duration: 200ms;
}
.duration-300 {
  animation-duration: 300ms;
}
.duration-500 {
  animation-duration: 500ms;
}
.delay-100 {
  animation-delay: 100ms;
}
.delay-200 {
  animation-delay: 200ms;
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  animation-timing-function: linear;
}
.ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\!running {
  animation-play-state: running !important;
}
.running {
  animation-play-state: running;
}
.paused {
  animation-play-state: paused;
}
.\[-\:\.TZ\] {
  -: .TZ;
}
.\[appearance\:textfield\] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.\[color-scheme\:dark\] {
  color-scheme: dark;
}

/* ── Capacitor / Mobile Safe Area ─────────────────────────────────────────
   Android WebView draws behind the status bar. These rules push content down.
   Only applies when .capacitor-native class is on <html> (set by main.tsx).
   ─────────────────────────────────────────────────────────────────────────── */
.capacitor-native body {
  padding-top: 34px !important;
  background-color: #0B1220 !important;
}
.capacitor-native header[class*="fixed"],
.capacitor-native .fixed.top-0 {
  top: 34px !important;
}
/* Push portal content below the offset header on native */
.capacitor-native .portal-content-area {
  padding-top: calc(2.75rem + 34px) !important; /* h-11 (44px) + status bar (34px) */
}
@media (min-width: 640px) {
  .capacitor-native .portal-content-area {
    padding-top: calc(3rem + 34px) !important; /* sm:h-12 (48px) + status bar (34px) */
  }
}

/* ── Dark-portal form fields ────────────────────────────────────────────────
   Wrap any dark-background form section with className="portal-dark-form"
   and ALL inputs, textareas, and Radix Select triggers inside will have
   readable white text on dark slate fields regardless of shadcn CSS variables.
   ─────────────────────────────────────────────────────────────────────────── */
.portal-dark-form input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
.portal-dark-form textarea {
  color: white !important;
  background-color: rgba(15, 23, 42, 0.85) !important;
  border-color: rgba(71, 85, 105, 0.7) !important;
  caret-color: white !important;
  cursor: text !important;
}
.portal-dark-form input::-moz-placeholder, .portal-dark-form textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}
.portal-dark-form input::placeholder,
.portal-dark-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Dark landing page forms (founding member, etc.) */
.dark-landing-form input,
.dark-landing-form textarea,
.dark-landing-form select {
  color: #ffffff !important;
  background-color: #1a1f2e !important;
  border: 1px solid #2a2f3e !important;
  box-shadow: none !important;
}
.dark-landing-form input::-moz-placeholder, .dark-landing-form textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}
.dark-landing-form input::placeholder,
.dark-landing-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}
/* Radix Select trigger renders as button[role="combobox"] */
.portal-dark-form button[role="combobox"] {
  color: white !important;
  background-color: rgba(15, 23, 42, 0.85) !important;
  border-color: rgba(71, 85, 105, 0.7) !important;
}
/* Force the SelectValue span inside the trigger to also be white */
.portal-dark-form button[role="combobox"] > span {
  color: white !important;
}
/* Field labels */
.portal-dark-form label {
  color: white !important;
}

/* Switch/Toggle visibility fix - dark track + white thumb */
[role="switch"][data-state="unchecked"] {
  background-color: #475569 !important; /* slate-600 */
}
[role="switch"][data-state="checked"] {
  background-color: #16a34a !important;
}
[role="switch"] > span {
  background-color: white !important;
}

/* Checkbox visibility fix - dark border unchecked, green when checked */
[role="checkbox"] {
  border: 2px solid #475569 !important;
  background-color: white !important;
}
[role="checkbox"][data-state="checked"] {
  border: none !important;
  background-color: #16a34a !important;
}
[role="checkbox"][data-state="checked"] svg {
  color: white !important;
}

/* Professional SaaS Design System - Contractor Platform */
/* ================================================================
   PRINT A BLANK (OR PART-FILLED) INSPECTION SHEET
   Opt-in only: nothing here applies unless an element carries
   data-print-sheet, so no other page/portal is affected.
   Used by the cleaning PM + Monthly Washroom inspections so a
   technician can print a paper checklist before anything is saved.
   ================================================================ */
@media print {
  /* Hide every element that is NOT the sheet, NOT inside it, and NOT one of its ancestors
     (:has keeps the wrapper chain visible). This must use display:none in NORMAL FLOW —
     an earlier version pulled the sheet out with position:absolute, and Chrome then clipped
     everything past page one, so a 31-location audit printed as half a sheet. */
  body *:not(:has([data-print-sheet])):not([data-print-sheet]):not([data-print-sheet] *) {
    display: none !important;
  }
  html, body { background: #ffffff !important; height: auto !important; overflow: visible !important; }
  [data-print-sheet] {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: #ffffff !important;
  }
  /* The buttons that triggered the printout are the only things dropped */
  [data-print-hide] { display: none !important; }

  /* Print the compact TABLE, never the stacked cards. The print viewport is narrower than
     Tailwind's lg breakpoint, so the responsive layout would otherwise hand the printer the
     phone view — two locations per page instead of the whole audit. */
  [data-print-table] { display: block !important; overflow: visible !important; }
  [data-print-cards] { display: none !important; }

  /* Fit all 12 columns across the page and repeat the header row on every sheet. */
  [data-print-sheet] table { width: 100% !important; font-size: 7pt !important; }
  [data-print-sheet] th,
  [data-print-sheet] td { padding: 1.5px 2px !important; }
  [data-print-sheet] thead { display: table-header-group !important; }

  /* WYSIWYG: keep the sheet's own colours, shading and header bars exactly as they appear
     on screen. Browsers strip backgrounds when printing unless told otherwise. */
  [data-print-sheet],
  [data-print-sheet] * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  /* Empty checkboxes must still print as visible boxes so they can be ticked by hand —
     Chrome prints an unchecked native checkbox as blank white otherwise. */
  [data-print-sheet] input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
         appearance: none !important;
    width: 14px !important;
    height: 14px !important;
    border: 1.5px solid #374151 !important;
    border-radius: 2px !important;
  }
  [data-print-sheet] tr { -moz-column-break-inside: avoid !important; break-inside: avoid !important; }

  /* ---- FIT THE WHOLE AUDIT ON ONE SHEET ----------------------------------
     A landscape legal page gives ~770 CSS px of height. On screen each row is
     ~55px (py-2.5 padding + a 20px box + two label lines), so 31 locations ran
     to four pages. Every rule below buys back vertical space; none of them
     change the screen. */
  /* 0.5px of vertical padding is the difference between the frequency word sitting under
     its box and appearing to touch the row beneath it. Spent from the one-page headroom. */
  [data-print-sheet] tbody td { padding: 0.5px 1px !important; vertical-align: middle !important; }
  /* Box over label, both centred on the SAME axis. Without an explicit centred
     column the frequency word drifts off the box and reads as if it belongs to
     the row underneath. */
  [data-print-sheet] tbody td > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    line-height: 1 !important;
  }
  /* Daily / Weekly / Bi-weekly / Monthly has to be READABLE on paper — that word is
     the whole reason the sheet gets carried. Dropping the header card (below) pays
     for it. */
  [data-print-sheet] tbody td span {
    font-size: 7.5pt !important;
    line-height: 1 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    color: #374151 !important;
  }
  /* Second label line is the last-done date / "(due)" — the one thing on the row
     that a blank carry-sheet does not need. Dropping it saves ~10px per row. */
  [data-print-sheet] tbody td span + span { display: none !important; }
  [data-print-sheet] input[type="checkbox"] {
    width: 9px !important;
    height: 9px !important;
    margin: 0 auto !important;
    display: block !important;
    flex: none !important;
  }
  /* Buys back the height the bigger labels cost, so it still lands on one page */
  [data-print-sheet] tbody td input[type="text"] {
    height: 10px !important;
    padding: 0 2px !important;
    font-size: 5pt !important;
  }
  [data-print-sheet] thead th { padding: 1px !important; font-size: 5pt !important; }
  /* The Work Order / Site / PO / Site Contact card does not go on paper at all — it cost
     ~120px and none of it is what a technician reads while walking the round. It is replaced
     by [data-print-title]: the name of whoever owns this list, which is the one thing that
     identifies the sheet. That trade is what buys the readable frequency word above. */
  [data-print-compact] { display: none !important; }
  [data-print-title] {
    display: block !important;
    font-size: 11pt !important;
    font-weight: 700 !important;
    color: #000000 !important;
    margin: 0 0 3px 0 !important;
    line-height: 1.1 !important;
  }
  [data-print-subtitle] {
    font-size: 8pt !important;
    font-weight: 400 !important;
    color: #374151 !important;
  }

  /* ---- MONTHLY WASHROOM SHEET ----
     A card list, not a table: on screen each washroom is a ~145px card, so 16 of them ran to
     four pages. Flattened to one compact line each — number, name, and the Pass/Fail buttons
     as small tickable boxes — so the whole round fits a single sheet like the PM rounds do. */
  [data-print-list] { display: block !important; }
  /* On screen each card stacks two rows (badge + name, then the buttons). Making the CARD
     itself the flex row puts both on ONE line — that is what takes a washroom from ~80px
     to ~17px and the round from four pages to part of one. */
  [data-print-list] > div {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 0 1.5px 0 !important;
    padding: 1px 4px !important;
    border: 1px solid #9ca3af !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    -moz-column-break-inside: avoid !important;
         break-inside: avoid !important;
  }
  [data-print-list] > div > div { padding: 0 !important; gap: 4px !important; }
  [data-print-list] > div > div:first-child { flex: 1 1 auto !important; }
  [data-print-list] > div > div:last-child { flex: none !important; }
  /* The big blue number badge, shrunk to a marker */
  [data-print-list] > div > div:first-child > div:first-child {
    width: 13px !important;
    height: 13px !important;
    border-radius: 2px !important;
    font-size: 6.5pt !important;
  }
  [data-print-list] * { font-size: 8pt !important; line-height: 1.2 !important; }
  /* Pass / Fail print as small tickable boxes */
  [data-print-list] button {
    padding: 0 6px !important;
    min-height: 0 !important;
    height: 13px !important;
    border: 1px solid #4b5563 !important;
    border-radius: 2px !important;
    background: #ffffff !important;
    color: #000000 !important;
  }
  /* Photo and Add Note are the 3rd and 4th buttons — a camera and a note toggle do
     nothing on paper, and dropping them keeps the line short. */
  [data-print-list] button:nth-of-type(n+3) { display: none !important; }
  [data-print-list] button svg { display: none !important; }

  /* Sign-off: the 500x160 canvas is for signing with a mouse. On paper it becomes a rule
     to sign across with a pen — that canvas alone was ~600px of the sheet. */
  [data-print-signoff] { padding: 3px 4px !important; margin-top: 4px !important; }
  [data-print-signoff] * { font-size: 8pt !important; line-height: 1.2 !important; }
  /* The canvas, its "Sign here with mouse or finger" overlay and the Clear button all go */
  [data-print-signoff] canvas,
  [data-print-signoff] svg,
  [data-print-signoff] span,
  [data-print-signoff] button { display: none !important; }
  [data-print-signoff] > div:last-child {
    height: 22px !important;
    border: 0 !important;
    border-bottom: 1px solid #000000 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  @page { size: landscape; margin: 6mm; }
}
.data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
    opacity: 0;
    animation: fade 0.3s ease forwards;
  }
.data-\[state\=visible\]\:fade-in[data-state="visible"] {
    opacity: 0;
    animation: fade 0.3s ease forwards;
  }
@media (max-width: 640px) {
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    .file\:px-4::file-selector-button {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
  }
.hover\:shadow-medium:hover {
    box-shadow: var(--shadow-medium);
  }
.hover\:shadow-strong:hover {
    box-shadow: var(--shadow-strong);
  }
.hover\:bg-white:hoverinput,.hover\:bg-white:hover
  textarea,.hover\:bg-white:hover
  select,.hover\:bg-white:hover input,.hover\:bg-white:hover textarea,.hover\:bg-white:hover select {
    color: #1f2937 !important;
  }
.document-sheet .hover\:bg-white:hover {
    background-color: #ffffff !important;
  }

  [data-colored-sheets="true"] .hover\:bg-white:hover.themed-paper {
    background-color: var(--theme-sheet-bg, #ffffff) !important;
    border-color: var(--theme-sheet-border, #e5e7eb) !important;
    color: var(--theme-sheet-text, #1f2937) !important;
  }
[data-colored-sheets="true"] .hover\:bg-white:hover {
    background-color: var(--theme-sheet-bg, #ffffff) !important;
    color: var(--theme-sheet-text, #1f2937) !important;
  }
[data-colored-sheets="true"] .hover\:bg-white:hover h1,
  [data-colored-sheets="true"] .hover\:bg-white:hover h2,
  [data-colored-sheets="true"] .hover\:bg-white:hover h3,
  [data-colored-sheets="true"] .hover\:bg-white:hover h4,
  [data-colored-sheets="true"] .hover\:bg-white:hover p,
  [data-colored-sheets="true"] .hover\:bg-white:hover span,
  [data-colored-sheets="true"] .hover\:bg-white:hover div,
  [data-colored-sheets="true"] .hover\:bg-white:hover label {
    color: inherit;
  }
[data-colored-sheets="true"] .hover\:text-blue-600:hover {
    color: inherit;
  }

  [data-colored-sheets="true"] .hover\:text-green-600:hover {
    color: inherit;
  }

  [data-colored-sheets="true"] .hover\:text-red-600:hover {
    color: inherit;
  }

  [data-colored-sheets="true"] .hover\:text-purple-600:hover {
    color: inherit;
  }
[data-colored-sheets="true"] .hover\:bg-white:hover input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] .hover\:bg-white:hover select,
  [data-colored-sheets="true"] .hover\:bg-white:hover textarea {
    background-color: var(--theme-sheet-input-bg, #ffffff) !important;
    border-color: var(--theme-sheet-input-border, #d1d5db) !important;
    color: var(--theme-sheet-input-text, #1f2937) !important;
  }
[data-colored-sheets="true"] .hover\:bg-white:hover table {
    background-color: var(--theme-sheet-bg, #ffffff);
  }
[data-colored-sheets="true"] .hover\:bg-white:hover th,
  [data-colored-sheets="true"] .hover\:bg-white:hover td {
    color: var(--theme-sheet-text, #1f2937);
    border-color: var(--theme-sheet-border, #e5e7eb);
  }
[data-colored-sheets="true"] .hover\:bg-green-500:hover {
    background-color: revert !important;
    color: revert !important;
  }

  [data-colored-sheets="true"] .hover\:bg-green-600:hover {
    background-color: revert !important;
    color: revert !important;
  }

  [data-colored-sheets="true"] .hover\:bg-blue-500:hover {
    background-color: revert !important;
    color: revert !important;
  }

  [data-colored-sheets="true"] .hover\:bg-blue-600:hover {
    background-color: revert !important;
    color: revert !important;
  }

  [data-colored-sheets="true"] .hover\:bg-red-500:hover {
    background-color: revert !important;
    color: revert !important;
  }

  [data-colored-sheets="true"] .hover\:bg-red-600:hover {
    background-color: revert !important;
    color: revert !important;
  }

  [data-colored-sheets="true"] .hover\:bg-orange-500:hover {
    background-color: revert !important;
    color: revert !important;
  }

  [data-colored-sheets="true"] .hover\:bg-purple-600:hover {
    background-color: revert !important;
    color: revert !important;
  }

  [data-colored-sheets="true"] .hover\:bg-gray-900:hover {
    background-color: revert !important;
    color: revert !important;
  }
@media (max-width: 640px) {
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    .hover\:bg-white\/10:hover {
      border-radius: 0 !important;
      border-left-width: 0 !important;
      border-right-width: 0 !important;
    }
  }
[data-colored-sheets="true"] .group:hover .group-hover\:text-blue-600 {
    color: inherit;
  }

  [data-colored-sheets="true"] .group:hover .group-hover\:bg-blue-600 {
    background-color: revert !important;
    color: revert !important;
  }
.data-\[state\=active\]\:bg-white[data-state="active"]input,.data-\[state\=active\]\:bg-white[data-state="active"]
  textarea,.data-\[state\=active\]\:bg-white[data-state="active"]
  select,.data-\[state\=active\]\:bg-white[data-state="active"] input,.data-\[state\=active\]\:bg-white[data-state="active"] textarea,.data-\[state\=active\]\:bg-white[data-state="active"] select {
    color: #1f2937 !important;
  }
.data-\[state\=checked\]\:bg-white[data-state="checked"]input,.data-\[state\=checked\]\:bg-white[data-state="checked"]
  textarea,.data-\[state\=checked\]\:bg-white[data-state="checked"]
  select,.data-\[state\=checked\]\:bg-white[data-state="checked"] input,.data-\[state\=checked\]\:bg-white[data-state="checked"] textarea,.data-\[state\=checked\]\:bg-white[data-state="checked"] select {
    color: #1f2937 !important;
  }
.data-\[state\=active\]\:bg-white[data-state="active"]input,.data-\[state\=active\]\:bg-white[data-state="active"]
  textarea,.data-\[state\=active\]\:bg-white[data-state="active"]
  select,.data-\[state\=active\]\:bg-white[data-state="active"] input,.data-\[state\=active\]\:bg-white[data-state="active"] textarea,.data-\[state\=active\]\:bg-white[data-state="active"] select {
    color: #1f2937 !important;
  }
.data-\[state\=checked\]\:bg-white[data-state="checked"]input,.data-\[state\=checked\]\:bg-white[data-state="checked"]
  textarea,.data-\[state\=checked\]\:bg-white[data-state="checked"]
  select,.data-\[state\=checked\]\:bg-white[data-state="checked"] input,.data-\[state\=checked\]\:bg-white[data-state="checked"] textarea,.data-\[state\=checked\]\:bg-white[data-state="checked"] select {
    color: #1f2937 !important;
  }
.data-\[state\=active\]\:bg-white[data-state="active"]input,.data-\[state\=active\]\:bg-white[data-state="active"]
  textarea,.data-\[state\=active\]\:bg-white[data-state="active"]
  select,.data-\[state\=active\]\:bg-white[data-state="active"] input,.data-\[state\=active\]\:bg-white[data-state="active"] textarea,.data-\[state\=active\]\:bg-white[data-state="active"] select {
    color: #1f2937 !important;
  }
.data-\[state\=checked\]\:bg-white[data-state="checked"]input,.data-\[state\=checked\]\:bg-white[data-state="checked"]
  textarea,.data-\[state\=checked\]\:bg-white[data-state="checked"]
  select,.data-\[state\=checked\]\:bg-white[data-state="checked"] input,.data-\[state\=checked\]\:bg-white[data-state="checked"] textarea,.data-\[state\=checked\]\:bg-white[data-state="checked"] select {
    color: #1f2937 !important;
  }
.data-\[state\=active\]\:bg-white[data-state="active"]input,.data-\[state\=active\]\:bg-white[data-state="active"]
  textarea,.data-\[state\=active\]\:bg-white[data-state="active"]
  select,.data-\[state\=active\]\:bg-white[data-state="active"] input,.data-\[state\=active\]\:bg-white[data-state="active"] textarea,.data-\[state\=active\]\:bg-white[data-state="active"] select {
    color: #1f2937 !important;
  }
.data-\[state\=checked\]\:bg-white[data-state="checked"]input,.data-\[state\=checked\]\:bg-white[data-state="checked"]
  textarea,.data-\[state\=checked\]\:bg-white[data-state="checked"]
  select,.data-\[state\=checked\]\:bg-white[data-state="checked"] input,.data-\[state\=checked\]\:bg-white[data-state="checked"] textarea,.data-\[state\=checked\]\:bg-white[data-state="checked"] select {
    color: #1f2937 !important;
  }
.data-\[state\=active\]\:bg-white[data-state="active"]input,.data-\[state\=active\]\:bg-white[data-state="active"]
  textarea,.data-\[state\=active\]\:bg-white[data-state="active"]
  select,.data-\[state\=active\]\:bg-white[data-state="active"] input,.data-\[state\=active\]\:bg-white[data-state="active"] textarea,.data-\[state\=active\]\:bg-white[data-state="active"] select {
    color: #1f2937 !important;
  }
.data-\[state\=checked\]\:bg-white[data-state="checked"]input,.data-\[state\=checked\]\:bg-white[data-state="checked"]
  textarea,.data-\[state\=checked\]\:bg-white[data-state="checked"]
  select,.data-\[state\=checked\]\:bg-white[data-state="checked"] input,.data-\[state\=checked\]\:bg-white[data-state="checked"] textarea,.data-\[state\=checked\]\:bg-white[data-state="checked"] select {
    color: #1f2937 !important;
  }
.data-\[state\=active\]\:bg-white[data-state="active"]input,.data-\[state\=active\]\:bg-white[data-state="active"]
  textarea,.data-\[state\=active\]\:bg-white[data-state="active"]
  select,.data-\[state\=active\]\:bg-white[data-state="active"] input,.data-\[state\=active\]\:bg-white[data-state="active"] textarea,.data-\[state\=active\]\:bg-white[data-state="active"] select {
    color: #1f2937 !important;
  }
.data-\[state\=checked\]\:bg-white[data-state="checked"]input,.data-\[state\=checked\]\:bg-white[data-state="checked"]
  textarea,.data-\[state\=checked\]\:bg-white[data-state="checked"]
  select,.data-\[state\=checked\]\:bg-white[data-state="checked"] input,.data-\[state\=checked\]\:bg-white[data-state="checked"] textarea,.data-\[state\=checked\]\:bg-white[data-state="checked"] select {
    color: #1f2937 !important;
  }
.document-sheet .data-\[state\=active\]\:bg-white[data-state="active"] {
    background-color: #ffffff !important;
  }
.document-sheet .data-\[state\=checked\]\:bg-white[data-state="checked"] {
    background-color: #ffffff !important;
  }

  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"].themed-paper {
    background-color: var(--theme-sheet-bg, #ffffff) !important;
    border-color: var(--theme-sheet-border, #e5e7eb) !important;
    color: var(--theme-sheet-text, #1f2937) !important;
  }

  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"].themed-paper {
    background-color: var(--theme-sheet-bg, #ffffff) !important;
    border-color: var(--theme-sheet-border, #e5e7eb) !important;
    color: var(--theme-sheet-text, #1f2937) !important;
  }
[data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] {
    background-color: var(--theme-sheet-bg, #ffffff) !important;
  }
[data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] {
    background-color: var(--theme-sheet-bg, #ffffff) !important;
  }
[data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] {
    color: var(--theme-sheet-text, #1f2937) !important;
  }
[data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] {
    color: var(--theme-sheet-text, #1f2937) !important;
  }
[data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h1,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h2,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h3,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h4,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] p,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] span,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] div,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] label {
    color: inherit;
  }
[data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h1,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h2,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h3,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h4,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] p,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] span,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] div,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] label {
    color: inherit;
  }
[data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h1,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h2,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h3,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h4,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] p,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] span,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] div,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] label {
    color: inherit;
  }
[data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h1,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h2,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h3,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h4,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] p,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] span,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] div,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] label {
    color: inherit;
  }
[data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h1,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h2,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h3,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h4,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] p,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] span,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] div,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] label {
    color: inherit;
  }
[data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h1,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h2,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h3,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h4,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] p,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] span,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] div,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] label {
    color: inherit;
  }
[data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h1,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h2,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h3,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h4,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] p,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] span,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] div,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] label {
    color: inherit;
  }
[data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h1,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h2,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h3,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h4,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] p,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] span,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] div,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] label {
    color: inherit;
  }
[data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h1,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h2,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h3,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h4,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] p,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] span,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] div,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] label {
    color: inherit;
  }
[data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h1,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h2,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h3,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h4,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] p,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] span,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] div,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] label {
    color: inherit;
  }
[data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h1,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h2,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h3,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h4,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] p,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] span,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] div,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] label {
    color: inherit;
  }
[data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h1,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h2,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h3,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h4,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] p,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] span,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] div,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] label {
    color: inherit;
  }
[data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h1,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h2,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h3,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h4,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] p,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] span,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] div,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] label {
    color: inherit;
  }
[data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h1,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h2,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h3,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h4,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] p,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] span,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] div,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] label {
    color: inherit;
  }
[data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h1,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h2,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h3,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] h4,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] p,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] span,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] div,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] label {
    color: inherit;
  }
[data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h1,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h2,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h3,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] h4,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] p,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] span,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] div,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] label {
    color: inherit;
  }
[data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] select,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] textarea {
    background-color: var(--theme-sheet-input-bg, #ffffff) !important;
    border-color: var(--theme-sheet-input-border, #d1d5db) !important;
    color: var(--theme-sheet-input-text, #1f2937) !important;
  }
[data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] select,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] textarea {
    background-color: var(--theme-sheet-input-bg, #ffffff) !important;
    border-color: var(--theme-sheet-input-border, #d1d5db) !important;
    color: var(--theme-sheet-input-text, #1f2937) !important;
  }
[data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] select,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] textarea {
    background-color: var(--theme-sheet-input-bg, #ffffff) !important;
    border-color: var(--theme-sheet-input-border, #d1d5db) !important;
    color: var(--theme-sheet-input-text, #1f2937) !important;
  }
[data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] select,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] textarea {
    background-color: var(--theme-sheet-input-bg, #ffffff) !important;
    border-color: var(--theme-sheet-input-border, #d1d5db) !important;
    color: var(--theme-sheet-input-text, #1f2937) !important;
  }
[data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] select,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] textarea {
    background-color: var(--theme-sheet-input-bg, #ffffff) !important;
    border-color: var(--theme-sheet-input-border, #d1d5db) !important;
    color: var(--theme-sheet-input-text, #1f2937) !important;
  }
[data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] input:not([type="checkbox"]):not([type="radio"]),
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] select,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] textarea {
    background-color: var(--theme-sheet-input-bg, #ffffff) !important;
    border-color: var(--theme-sheet-input-border, #d1d5db) !important;
    color: var(--theme-sheet-input-text, #1f2937) !important;
  }
[data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] table {
    background-color: var(--theme-sheet-bg, #ffffff);
  }
[data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] table {
    background-color: var(--theme-sheet-bg, #ffffff);
  }
[data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] th,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] td {
    color: var(--theme-sheet-text, #1f2937);
    border-color: var(--theme-sheet-border, #e5e7eb);
  }
[data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] th,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] td {
    color: var(--theme-sheet-text, #1f2937);
    border-color: var(--theme-sheet-border, #e5e7eb);
  }
[data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] th,
  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-white[data-state="active"] td {
    color: var(--theme-sheet-text, #1f2937);
    border-color: var(--theme-sheet-border, #e5e7eb);
  }
[data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] th,
  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-white[data-state="checked"] td {
    color: var(--theme-sheet-text, #1f2937);
    border-color: var(--theme-sheet-border, #e5e7eb);
  }
[data-colored-sheets="true"] .data-\[state\=checked\]\:bg-green-500[data-state="checked"] {
    background-color: revert !important;
    color: revert !important;
  }

  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-green-600[data-state="active"] {
    background-color: revert !important;
    color: revert !important;
  }

  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-green-600[data-state="checked"] {
    background-color: revert !important;
    color: revert !important;
  }

  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-blue-500[data-state="checked"] {
    background-color: revert !important;
    color: revert !important;
  }

  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-blue-600[data-state="active"] {
    background-color: revert !important;
    color: revert !important;
  }

  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-blue-600[data-state="checked"] {
    background-color: revert !important;
    color: revert !important;
  }

  [data-colored-sheets="true"] .data-\[state\=active\]\:bg-red-500[data-state="active"] {
    background-color: revert !important;
    color: revert !important;
  }

  [data-colored-sheets="true"] .data-\[state\=unchecked\]\:bg-red-500[data-state="unchecked"] {
    background-color: revert !important;
    color: revert !important;
  }

  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-red-600[data-state="checked"] {
    background-color: revert !important;
    color: revert !important;
  }

  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-yellow-500[data-state="checked"] {
    background-color: revert !important;
    color: revert !important;
  }

  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-orange-500[data-state="checked"] {
    background-color: revert !important;
    color: revert !important;
  }

  [data-colored-sheets="true"] .data-\[state\=checked\]\:bg-purple-500[data-state="checked"] {
    background-color: revert !important;
    color: revert !important;
  }
@media (max-width: 640px) {
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */
    .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2 {
      padding: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */
    .group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg {
      border-radius: 2px !important;
    }

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
  }

  [data-colored-sheets="true"] .dark\:bg-gray-900:is(.dark *) {
    background-color: revert !important;
    color: revert !important;
  }
@media (min-width: 640px) {
  @media (max-width: 640px) {
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */
    .sm\:p-2 {
      padding: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */
    .sm\:p-3 {
      padding: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */
    .sm\:p-4 {
      padding: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */
    .sm\:p-6 {
      padding: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */
    .sm\:p-8 {
      padding: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    .sm\:px-2 {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    .sm\:px-3 {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    .sm\:px-4 {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    .sm\:px-6 {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    .sm\:px-8 {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */
    .sm\:rounded-lg {
      border-radius: 2px !important;
    }

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */
    .sm\:rounded-xl {
      border-radius: 2px !important;
    }

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */
    .sm\:rounded-2xl {
      border-radius: 2px !important;
    }

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */
    .sm\:mx-4 {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
  }
}
@media (min-width: 768px) {

  .md\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
  }

  @media (min-width: 1400px) {

    .md\:container {
      max-width: 1400px;
    }
  }

  .form-enhanced .md\:grid {
    gap: 1rem;
  }
  .md\:space-y-4 label {
    color: #1a1a1a;
  }
  @media (max-width: 640px) {
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */
    .md\:container {
      padding-left: 0 !important;
      padding-right: 0 !important;
      max-width: 100% !important;
    }

    /* Make main content areas minimal padding on mobile */

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */
    .md\:p-3 {
      padding: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */
    .md\:p-4 {
      padding: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */
    .md\:p-6 {
      padding: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */
    .md\:p-8 {
      padding: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    .md\:px-4 {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    .md\:\!px-6 {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    .md\:px-6 {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    /* Remove max-width constraints on mobile */
    .md\:max-w-7xl {
      max-width: 100% !important;
    }

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */
    .md\:mx-auto {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */
    .md\:space-y-4 > * {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */
    .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
      border-radius: 2px !important;
    }

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
  }
}
@media (min-width: 1024px) {

  .form-enhanced .lg\:grid {
    gap: 1rem;
  }
  @media (pointer: fine) {
    /* The main page scrollbar — the one this is really about.
       #root IS THE PAGE SCROLLER, not html/body: html, body and #root all
       carry height:100% + overflow-x:hidden (which computes overflow-y to
       auto), so #root is the element that actually overflows and shows the
       bar. Verified in the built app — #root.scrollHeight 10020 vs
       clientHeight 686, while window.scrollY stays 0. Do NOT drop #root
       here or this whole block becomes a no-op. */

    /* Inner scroll areas (dialogs, tables, panels) — slightly slimmer */
    .lg\:overflow-y-auto::-webkit-scrollbar {
      width: 12px;
      height: 12px;
    }

    .lg\:overflow-y-auto::-webkit-scrollbar-track {
      background-color: rgba(100, 116, 139, 0.18);
    }

    /* Mid-slate reads clearly on BOTH the white content cards and the
       dark portal gradient — do not swap it for a light or dark grey. */
    .lg\:overflow-y-auto::-webkit-scrollbar-thumb {
      background-color: #64748b;
      border: 3px solid transparent;
      background-clip: padding-box;
      border-radius: 999px;
    }

    .lg\:overflow-y-auto::-webkit-scrollbar-thumb:hover {
      background-color: #334155;
    }

    /* Firefox / standard properties. In Chromium, setting scrollbar-width
       switches the browser to the standard rendering path and CANCELS the
       ::-webkit-scrollbar sizing above, so only apply it where the webkit
       pseudo-element does not exist. scrollbar-width is not inherited, so
       .scrollbar-hide's `scrollbar-width: none` still wins on its own
       elements. */
    @supports not selector(::-webkit-scrollbar) {
    }
    /* The main page scrollbar — the one this is really about.
       #root IS THE PAGE SCROLLER, not html/body: html, body and #root all
       carry height:100% + overflow-x:hidden (which computes overflow-y to
       auto), so #root is the element that actually overflows and shows the
       bar. Verified in the built app — #root.scrollHeight 10020 vs
       clientHeight 686, while window.scrollY stays 0. Do NOT drop #root
       here or this whole block becomes a no-op. */

    /* Inner scroll areas (dialogs, tables, panels) — slightly slimmer */
    .lg\:overflow-y-auto::-webkit-scrollbar {
      width: 12px;
      height: 12px;
    }

    .lg\:overflow-y-auto::-webkit-scrollbar-track {
      background-color: rgba(100, 116, 139, 0.18);
    }

    /* Mid-slate reads clearly on BOTH the white content cards and the
       dark portal gradient — do not swap it for a light or dark grey. */
    .lg\:overflow-y-auto::-webkit-scrollbar-thumb {
      background-color: #64748b;
      border: 3px solid transparent;
      background-clip: padding-box;
      border-radius: 999px;
    }

    .lg\:overflow-y-auto::-webkit-scrollbar-thumb:hover {
      background-color: #334155;
    }

    /* Firefox / standard properties. In Chromium, setting scrollbar-width
       switches the browser to the standard rendering path and CANCELS the
       ::-webkit-scrollbar sizing above, so only apply it where the webkit
       pseudo-element does not exist. scrollbar-width is not inherited, so
       .scrollbar-hide's `scrollbar-width: none` still wins on its own
       elements. */
    @supports not selector(::-webkit-scrollbar) {
    }
    /* The main page scrollbar — the one this is really about.
       #root IS THE PAGE SCROLLER, not html/body: html, body and #root all
       carry height:100% + overflow-x:hidden (which computes overflow-y to
       auto), so #root is the element that actually overflows and shows the
       bar. Verified in the built app — #root.scrollHeight 10020 vs
       clientHeight 686, while window.scrollY stays 0. Do NOT drop #root
       here or this whole block becomes a no-op. */

    /* Inner scroll areas (dialogs, tables, panels) — slightly slimmer */
    .lg\:overflow-y-auto::-webkit-scrollbar {
      width: 12px;
      height: 12px;
    }

    .lg\:overflow-y-auto::-webkit-scrollbar-track {
      background-color: rgba(100, 116, 139, 0.18);
    }

    /* Mid-slate reads clearly on BOTH the white content cards and the
       dark portal gradient — do not swap it for a light or dark grey. */
    .lg\:overflow-y-auto::-webkit-scrollbar-thumb {
      background-color: #64748b;
      border: 3px solid transparent;
      background-clip: padding-box;
      border-radius: 999px;
    }

    .lg\:overflow-y-auto::-webkit-scrollbar-thumb:hover {
      background-color: #334155;
    }

    /* Firefox / standard properties. In Chromium, setting scrollbar-width
       switches the browser to the standard rendering path and CANCELS the
       ::-webkit-scrollbar sizing above, so only apply it where the webkit
       pseudo-element does not exist. scrollbar-width is not inherited, so
       .scrollbar-hide's `scrollbar-width: none` still wins on its own
       elements. */
    @supports not selector(::-webkit-scrollbar) {
    }
    /* The main page scrollbar — the one this is really about.
       #root IS THE PAGE SCROLLER, not html/body: html, body and #root all
       carry height:100% + overflow-x:hidden (which computes overflow-y to
       auto), so #root is the element that actually overflows and shows the
       bar. Verified in the built app — #root.scrollHeight 10020 vs
       clientHeight 686, while window.scrollY stays 0. Do NOT drop #root
       here or this whole block becomes a no-op. */

    /* Inner scroll areas (dialogs, tables, panels) — slightly slimmer */
    .lg\:overflow-y-auto::-webkit-scrollbar {
      width: 12px;
      height: 12px;
    }

    .lg\:overflow-y-auto::-webkit-scrollbar-track {
      background-color: rgba(100, 116, 139, 0.18);
    }

    /* Mid-slate reads clearly on BOTH the white content cards and the
       dark portal gradient — do not swap it for a light or dark grey. */
    .lg\:overflow-y-auto::-webkit-scrollbar-thumb {
      background-color: #64748b;
      border: 3px solid transparent;
      background-clip: padding-box;
      border-radius: 999px;
    }

    .lg\:overflow-y-auto::-webkit-scrollbar-thumb:hover {
      background-color: #334155;
    }

    /* Firefox / standard properties. In Chromium, setting scrollbar-width
       switches the browser to the standard rendering path and CANCELS the
       ::-webkit-scrollbar sizing above, so only apply it where the webkit
       pseudo-element does not exist. scrollbar-width is not inherited, so
       .scrollbar-hide's `scrollbar-width: none` still wins on its own
       elements. */
    @supports not selector(::-webkit-scrollbar) {
    }
  }
  @media (max-width: 640px) {
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */
    .lg\:p-8 {
      padding: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    .lg\:px-2 {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    .lg\:px-4 {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    .lg\:px-8 {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
  }
}
@media (min-width: 1280px) {
  @media (max-width: 640px) {
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    .xl\:px-3 {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
  }
}
@media (max-width: 640px) {
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    .\[\&\>td\]\:px-2>td {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    .\[\&\>th\]\:px-2>th {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
    /* Force edge-to-edge on all main containers */

    /* Remove container padding on mobile */

    /* Make main content areas minimal padding on mobile */

    .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    /* Remove max-width constraints on mobile */

    /* Edge-to-edge cards - remove rounded corners */

    /* Remove horizontal margins on mobile */

    /* Ensure content items go edge-to-edge */

    /* Card specific overrides - target data attributes from shadcn */
  }
.file\:mr-4::file-selector-button {
  margin-right: 1rem;
}
.file\:rounded::file-selector-button {
  border-radius: 0.25rem;
}
.file\:rounded-full::file-selector-button {
  border-radius: 9999px;
}
.file\:border-0::file-selector-button {
  border-width: 0px;
}
.file\:bg-primary::file-selector-button {
  background-color: hsl(var(--primary));
}
.file\:bg-transparent::file-selector-button {
  background-color: transparent;
}
.file\:px-4::file-selector-button {
  padding-left: 1rem;
  padding-right: 1rem;
}
.file\:py-2::file-selector-button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:font-medium::file-selector-button {
  font-weight: 500;
}
.file\:font-semibold::file-selector-button {
  font-weight: 600;
}
.file\:text-foreground::file-selector-button {
  color: hsl(var(--foreground));
}
.file\:text-primary-foreground::file-selector-button {
  color: hsl(var(--primary-foreground));
}
.placeholder\:font-medium::-moz-placeholder {
  font-weight: 500;
}
.placeholder\:font-medium::placeholder {
  font-weight: 500;
}
.placeholder\:text-gray-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.placeholder\:text-gray-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.placeholder\:text-gray-500::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.placeholder\:text-gray-500::placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.placeholder\:text-muted-foreground::-moz-placeholder {
  color: hsl(var(--muted-foreground));
}
.placeholder\:text-muted-foreground::placeholder {
  color: hsl(var(--muted-foreground));
}
.placeholder\:text-red-300::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.placeholder\:text-red-300::placeholder {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.placeholder\:text-slate-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.placeholder\:text-slate-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.placeholder\:text-white\/40::-moz-placeholder {
  color: rgb(255 255 255 / 0.4);
}
.placeholder\:text-white\/40::placeholder {
  color: rgb(255 255 255 / 0.4);
}
.backdrop\:bg-black\/50::backdrop {
  background-color: rgb(0 0 0 / 0.5);
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:-inset-2::after {
  content: var(--tw-content);
  inset: -0.5rem;
}
.after\:inset-y-0::after {
  content: var(--tw-content);
  top: 0px;
  bottom: 0px;
}
.after\:left-1\/2::after {
  content: var(--tw-content);
  left: 50%;
}
.after\:ml-1::after {
  content: var(--tw-content);
  margin-left: 0.25rem;
}
.after\:w-1::after {
  content: var(--tw-content);
  width: 0.25rem;
}
.after\:w-\[2px\]::after {
  content: var(--tw-content);
  width: 2px;
}
.after\:-translate-x-1\/2::after {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.after\:text-red-500::after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.after\:content-\[\"\*\"\]::after {
  --tw-content: "*";
  content: var(--tw-content);
}
.first\:rounded-l-md:first-child {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.first\:border-l:first-child {
  border-left-width: 1px;
}
.first\:border-l-0:first-child {
  border-left-width: 0px;
}
.first\:border-t-0:first-child {
  border-top-width: 0px;
}
.last\:rounded-r-md:last-child {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.last\:border-0:last-child {
  border-width: 0px;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.focus-within\:relative:focus-within {
  position: relative;
}
.focus-within\:z-20:focus-within {
  z-index: 20;
}
.focus-within\:border-blue-500:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.focus-within\:ring-4:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-blue-200:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
}
.hover\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-125:hover {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.005\]:hover {
  --tw-scale-x: 1.005;
  --tw-scale-y: 1.005;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.01\]:hover {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-amber-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}
.hover\:border-amber-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.hover\:border-emerald-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.hover\:border-green-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
}
.hover\:border-green-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
}
.hover\:border-green-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.hover\:border-indigo-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}
.hover\:border-muted-foreground\/50:hover {
  border-color: hsl(var(--muted-foreground) / 0.5);
}
.hover\:border-primary:hover {
  border-color: hsl(var(--primary));
}
.hover\:border-primary\/50:hover {
  border-color: hsl(var(--primary) / 0.5);
}
.hover\:border-purple-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / var(--tw-border-opacity, 1));
}
.hover\:border-purple-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}
.hover\:border-purple-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.hover\:border-red-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.hover\:border-red-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.hover\:border-red-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.hover\:border-violet-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
}
.hover\:border-white\/40:hover {
  border-color: rgb(255 255 255 / 0.4);
}
.hover\:border-yellow-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
}
.hover\:bg-\[\#00552B\]\/10:hover {
  background-color: rgb(0 85 43 / 0.1);
}
.hover\:bg-\[\#00552B\]\/30:hover {
  background-color: rgb(0 85 43 / 0.3);
}
.hover\:bg-\[\#00552B\]\/90:hover {
  background-color: rgb(0 85 43 / 0.9);
}
.hover\:bg-\[\#007a3d\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 122 61 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#3b78dc\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(59 120 220 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#5851DB\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(88 81 219 / var(--tw-bg-opacity, 1));
}
.hover\:bg-accent:hover {
  background-color: hsl(var(--accent));
}
.hover\:bg-accent\/50:hover {
  background-color: hsl(var(--accent) / 0.5);
}
.hover\:bg-amber-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-100\/40:hover {
  background-color: rgb(254 243 199 / 0.4);
}
.hover\:bg-amber-100\/70:hover {
  background-color: rgb(254 243 199 / 0.7);
}
.hover\:bg-amber-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(146 64 14 / var(--tw-bg-opacity, 1));
}
.hover\:bg-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.hover\:bg-black\/5:hover {
  background-color: rgb(0 0 0 / 0.05);
}
.hover\:bg-blue-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-50\/30:hover {
  background-color: rgb(239 246 255 / 0.3);
}
.hover\:bg-blue-50\/40:hover {
  background-color: rgb(239 246 255 / 0.4);
}
.hover\:bg-blue-50\/50:hover {
  background-color: rgb(239 246 255 / 0.5);
}
.hover\:bg-blue-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-600\/10:hover {
  background-color: rgb(37 99 235 / 0.1);
}
.hover\:bg-blue-600\/50:hover {
  background-color: rgb(37 99 235 / 0.5);
}
.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-900\/30:hover {
  background-color: rgb(30 58 138 / 0.3);
}
.hover\:bg-destructive\/80:hover {
  background-color: hsl(var(--destructive) / 0.8);
}
.hover\:bg-destructive\/90:hover {
  background-color: hsl(var(--destructive) / 0.9);
}
.hover\:bg-emerald-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50\/60:hover {
  background-color: rgb(249 250 251 / 0.6);
}
.hover\:bg-gray-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-600\/50:hover {
  background-color: rgb(75 85 99 / 0.5);
}
.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-800\/40:hover {
  background-color: rgb(31 41 55 / 0.4);
}
.hover\:bg-gray-800\/50:hover {
  background-color: rgb(31 41 55 / 0.5);
}
.hover\:bg-gray-800\/60:hover {
  background-color: rgb(31 41 55 / 0.6);
}
.hover\:bg-gray-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-50\/50:hover {
  background-color: rgb(240 253 244 / 0.5);
}
.hover\:bg-green-50\/60:hover {
  background-color: rgb(240 253 244 / 0.6);
}
.hover\:bg-green-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-500\/10:hover {
  background-color: rgb(34 197 94 / 0.1);
}
.hover\:bg-green-500\/30:hover {
  background-color: rgb(34 197 94 / 0.3);
}
.hover\:bg-green-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-800\/30:hover {
  background-color: rgb(22 101 52 / 0.3);
}
.hover\:bg-green-900\/30:hover {
  background-color: rgb(20 83 45 / 0.3);
}
.hover\:bg-indigo-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-100\/50:hover {
  background-color: rgb(224 231 255 / 0.5);
}
.hover\:bg-indigo-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-50\/40:hover {
  background-color: rgb(238 242 255 / 0.4);
}
.hover\:bg-indigo-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}
.hover\:bg-muted:hover {
  background-color: hsl(var(--muted));
}
.hover\:bg-muted\/30:hover {
  background-color: hsl(var(--muted) / 0.3);
}
.hover\:bg-muted\/40:hover {
  background-color: hsl(var(--muted) / 0.4);
}
.hover\:bg-muted\/50:hover {
  background-color: hsl(var(--muted) / 0.5);
}
.hover\:bg-muted\/80:hover {
  background-color: hsl(var(--muted) / 0.8);
}
.hover\:bg-orange-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-900\/30:hover {
  background-color: rgb(124 45 18 / 0.3);
}
.hover\:bg-primary:hover {
  background-color: hsl(var(--primary));
}
.hover\:bg-primary\/80:hover {
  background-color: hsl(var(--primary) / 0.8);
}
.hover\:bg-primary\/90:hover {
  background-color: hsl(var(--primary) / 0.9);
}
.hover\:bg-purple-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-50\/50:hover {
  background-color: rgb(250 245 255 / 0.5);
}
.hover\:bg-purple-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-900\/30:hover {
  background-color: rgb(88 28 135 / 0.3);
}
.hover\:bg-red-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 165 165 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-50\/30:hover {
  background-color: rgb(254 242 242 / 0.3);
}
.hover\:bg-red-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-500\/20:hover {
  background-color: rgb(239 68 68 / 0.2);
}
.hover\:bg-red-500\/30:hover {
  background-color: rgb(239 68 68 / 0.3);
}
.hover\:bg-red-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-600\/40:hover {
  background-color: rgb(220 38 38 / 0.4);
}
.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-800\/70:hover {
  background-color: rgb(153 27 27 / 0.7);
}
.hover\:bg-red-900\/30:hover {
  background-color: rgb(127 29 29 / 0.3);
}
.hover\:bg-rose-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(190 18 60 / var(--tw-bg-opacity, 1));
}
.hover\:bg-secondary:hover {
  background-color: hsl(var(--secondary));
}
.hover\:bg-secondary\/80:hover {
  background-color: hsl(var(--secondary) / 0.8);
}
.hover\:bg-sidebar-accent:hover {
  background-color: hsl(var(--sidebar-accent));
}
.hover\:bg-sky-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-600\/50:hover {
  background-color: rgb(71 85 105 / 0.5);
}
.hover\:bg-slate-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-700\/50:hover {
  background-color: rgb(51 65 85 / 0.5);
}
.hover\:bg-slate-800\/60:hover {
  background-color: rgb(30 41 59 / 0.6);
}
.hover\:bg-teal-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
}
.hover\:bg-teal-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
}
.hover\:bg-teal-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(15 118 110 / var(--tw-bg-opacity, 1));
}
.hover\:bg-transparent:hover {
  background-color: transparent;
}
.hover\:bg-violet-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-violet-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(109 40 217 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1);
}
.hover\:bg-white\/20:hover {
  background-color: rgb(255 255 255 / 0.2);
}
.hover\:bg-white\/25:hover {
  background-color: rgb(255 255 255 / 0.25);
}
.hover\:bg-white\/30:hover {
  background-color: rgb(255 255 255 / 0.3);
}
.hover\:bg-white\/5:hover {
  background-color: rgb(255 255 255 / 0.05);
}
.hover\:bg-white\/50:hover {
  background-color: rgb(255 255 255 / 0.5);
}
.hover\:bg-white\/90:hover {
  background-color: rgb(255 255 255 / 0.9);
}
.hover\:bg-yellow-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}
.hover\:bg-yellow-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}
.hover\:bg-yellow-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}
.hover\:from-green-700:hover {
  --tw-gradient-from: #15803d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-purple-300:hover {
  --tw-gradient-from: #d8b4fe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(216 180 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-purple-700:hover {
  --tw-gradient-from: #7e22ce var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:via-purple-400:hover {
  --tw-gradient-to: rgb(192 132 252 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #c084fc var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.hover\:to-blue-700:hover {
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}
.hover\:to-green-800:hover {
  --tw-gradient-to: #166534 var(--tw-gradient-to-position);
}
.hover\:to-purple-300:hover {
  --tw-gradient-to: #d8b4fe var(--tw-gradient-to-position);
}
.hover\:text-\[\#00552B\]:hover {
  --tw-text-opacity: 1;
  color: rgb(0 85 43 / var(--tw-text-opacity, 1));
}
.hover\:text-\[\#00552B\]\/80:hover {
  color: rgb(0 85 43 / 0.8);
}
.hover\:text-\[\#0d5fc4\]:hover {
  --tw-text-opacity: 1;
  color: rgb(13 95 196 / var(--tw-text-opacity, 1));
}
.hover\:text-accent-foreground:hover {
  color: hsl(var(--accent-foreground));
}
.hover\:text-amber-400:hover {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.hover\:text-amber-600:hover {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.hover\:text-amber-700:hover {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.hover\:text-amber-900:hover {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-200:hover {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-300:hover {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-400:hover {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-700:hover {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-900:hover {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.hover\:text-destructive:hover {
  color: hsl(var(--destructive));
}
.hover\:text-foreground:hover {
  color: hsl(var(--foreground));
}
.hover\:text-gray-500:hover {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-800:hover {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.hover\:text-green-200:hover {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}
.hover\:text-green-300:hover {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}
.hover\:text-green-500:hover {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.hover\:text-green-600:hover {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.hover\:text-green-700:hover {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.hover\:text-green-800:hover {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.hover\:text-green-900:hover {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}
.hover\:text-indigo-700:hover {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.hover\:text-indigo-800:hover {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}
.hover\:text-indigo-900:hover {
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity, 1));
}
.hover\:text-muted-foreground:hover {
  color: hsl(var(--muted-foreground));
}
.hover\:text-orange-700:hover {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}
.hover\:text-primary:hover {
  color: hsl(var(--primary));
}
.hover\:text-primary-foreground:hover {
  color: hsl(var(--primary-foreground));
}
.hover\:text-purple-300:hover {
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}
.hover\:text-purple-600:hover {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.hover\:text-purple-700:hover {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}
.hover\:text-purple-800:hover {
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity, 1));
}
.hover\:text-purple-900:hover {
  --tw-text-opacity: 1;
  color: rgb(88 28 135 / var(--tw-text-opacity, 1));
}
.hover\:text-red-100:hover {
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}
.hover\:text-red-300:hover {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.hover\:text-red-400:hover {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.hover\:text-red-500:hover {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.hover\:text-red-600:hover {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.hover\:text-red-900:hover {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.hover\:text-sidebar-accent-foreground:hover {
  color: hsl(var(--sidebar-accent-foreground));
}
.hover\:text-slate-200:hover {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-600:hover {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-700:hover {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-900:hover {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.hover\:text-teal-800:hover {
  --tw-text-opacity: 1;
  color: rgb(17 94 89 / var(--tw-text-opacity, 1));
}
.hover\:text-teal-900:hover {
  --tw-text-opacity: 1;
  color: rgb(19 78 74 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:text-white\/60:hover {
  color: rgb(255 255 255 / 0.6);
}
.hover\:text-white\/80:hover {
  color: rgb(255 255 255 / 0.8);
}
.hover\:text-white\/90:hover {
  color: rgb(255 255 255 / 0.9);
}
.hover\:text-yellow-700:hover {
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.hover\:text-yellow-900:hover {
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-75:hover {
  opacity: 0.75;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-sm:hover {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:ring-1:hover {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.hover\:ring-2:hover {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.hover\:ring-blue-300:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
}
.hover\:ring-blue-400:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}
.hover\:file\:bg-primary\/90::file-selector-button:hover {
  background-color: hsl(var(--primary) / 0.9);
}
.hover\:after\:bg-sidebar-border:hover::after {
  content: var(--tw-content);
  background-color: hsl(var(--sidebar-border));
}
.focus\:border-\[\#00552B\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 85 43 / var(--tw-border-opacity, 1));
}
.focus\:border-blue-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.focus\:border-destructive:focus {
  border-color: hsl(var(--destructive));
}
.focus\:border-green-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.focus\:border-purple-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.focus\:border-red-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.focus\:border-white\/50:focus {
  border-color: rgb(255 255 255 / 0.5);
}
.focus\:bg-accent:focus {
  background-color: hsl(var(--accent));
}
.focus\:bg-primary:focus {
  background-color: hsl(var(--primary));
}
.focus\:text-accent-foreground:focus {
  color: hsl(var(--accent-foreground));
}
.focus\:text-primary-foreground:focus {
  color: hsl(var(--primary-foreground));
}
.focus\:opacity-100:focus {
  opacity: 1;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-4:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-\[\#00552B\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 85 43 / var(--tw-ring-opacity, 1));
}
.focus\:ring-amber-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));
}
.focus\:ring-amber-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-500\/50:focus {
  --tw-ring-color: rgb(59 130 246 / 0.5);
}
.focus\:ring-gray-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1));
}
.focus\:ring-green-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity, 1));
}
.focus\:ring-green-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity, 1));
}
.focus\:ring-green-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
}
.focus\:ring-green-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(21 128 61 / var(--tw-ring-opacity, 1));
}
.focus\:ring-indigo-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity, 1));
}
.focus\:ring-orange-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1));
}
.focus\:ring-orange-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1));
}
.focus\:ring-purple-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1));
}
.focus\:ring-red-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1));
}
.focus\:ring-red-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}
.focus\:ring-ring:focus {
  --tw-ring-color: hsl(var(--ring));
}
.focus\:ring-teal-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(94 234 212 / var(--tw-ring-opacity, 1));
}
.focus\:ring-teal-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(45 212 191 / var(--tw-ring-opacity, 1));
}
.focus\:ring-teal-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(20 184 166 / var(--tw-ring-opacity, 1));
}
.focus\:ring-white\/40:focus {
  --tw-ring-color: rgb(255 255 255 / 0.4);
}
.focus\:ring-yellow-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1));
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:border-blue-500:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-0:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-1:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-4:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-blue-200:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-gray-600:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: hsl(var(--ring));
}
.focus-visible\:ring-sidebar-ring:focus-visible {
  --tw-ring-color: hsl(var(--sidebar-ring));
}
.focus-visible\:ring-yellow-400:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-background:focus-visible {
  --tw-ring-offset-color: hsl(var(--background));
}
.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.99\]:active {
  --tw-scale-x: 0.99;
  --tw-scale-y: 0.99;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:cursor-grabbing:active {
  cursor: grabbing;
}
.active\:bg-accent:active {
  background-color: hsl(var(--accent));
}
.active\:bg-blue-800:active {
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}
.active\:bg-gray-100:active {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.active\:bg-gray-50:active {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.active\:bg-red-800:active {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}
.active\:bg-sidebar-accent:active {
  background-color: hsl(var(--sidebar-accent));
}
.active\:bg-white\/20:active {
  background-color: rgb(255 255 255 / 0.2);
}
.active\:text-sidebar-accent-foreground:active {
  color: hsl(var(--sidebar-accent-foreground));
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:cursor-wait:disabled {
  cursor: wait;
}
.disabled\:bg-gray-100:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-gray-200:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-gray-300:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-gray-400:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.disabled\:text-gray-400:disabled {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.disabled\:opacity-30:disabled {
  opacity: 0.3;
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:opacity-60:disabled {
  opacity: 0.6;
}
.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:bg-amber-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group.destructive .group-\[\.destructive\]\:border-muted\/40 {
  border-color: hsl(var(--muted) / 0.4);
}
.group.toaster .group-\[\.toaster\]\:border-border {
  border-color: hsl(var(--border));
}
.group.toast .group-\[\.toast\]\:bg-muted {
  background-color: hsl(var(--muted));
}
.group.toast .group-\[\.toast\]\:bg-primary {
  background-color: hsl(var(--primary));
}
.group.toaster .group-\[\.toaster\]\:bg-background {
  background-color: hsl(var(--background));
}
.group.destructive .group-\[\.destructive\]\:text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.group.toast .group-\[\.toast\]\:text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.group.toast .group-\[\.toast\]\:text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.group.toaster .group-\[\.toaster\]\:text-foreground {
  color: hsl(var(--foreground));
}
.group.toaster .group-\[\.toaster\]\:shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover {
  border-color: hsl(var(--destructive) / 0.3);
}
.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover {
  background-color: hsl(var(--destructive));
}
.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover {
  color: hsl(var(--destructive-foreground));
}
.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover {
  --tw-text-opacity: 1;
  color: rgb(254 242 242 / var(--tw-text-opacity, 1));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus {
  --tw-ring-color: hsl(var(--destructive));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus {
  --tw-ring-offset-color: #dc2626;
}
.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground {
  color: hsl(var(--sidebar-accent-foreground));
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: 0.7;
}
.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]) {
  background-color: hsl(var(--sidebar-background));
}
.has-\[\:disabled\]\:opacity-50:has(:disabled) {
  opacity: 0.5;
}
.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 {
  padding-right: 2rem;
}
.aria-disabled\:pointer-events-none[aria-disabled="true"] {
  pointer-events: none;
}
.aria-disabled\:opacity-50[aria-disabled="true"] {
  opacity: 0.5;
}
.aria-selected\:bg-accent[aria-selected="true"] {
  background-color: hsl(var(--accent));
}
.aria-selected\:bg-accent\/50[aria-selected="true"] {
  background-color: hsl(var(--accent) / 0.5);
}
.aria-selected\:text-accent-foreground[aria-selected="true"] {
  color: hsl(var(--accent-foreground));
}
.aria-selected\:text-muted-foreground[aria-selected="true"] {
  color: hsl(var(--muted-foreground));
}
.aria-selected\:opacity-100[aria-selected="true"] {
  opacity: 1;
}
.aria-selected\:opacity-30[aria-selected="true"] {
  opacity: 0.3;
}
.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
  pointer-events: none;
}
.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] {
  height: 1px;
}
.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] {
  width: 100%;
}
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=right\]\:translate-x-1[data-side="right"] {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:translate-x-5[data-state="checked"] {
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] {
  --tw-translate-x: var(--radix-toast-swipe-end-x);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] {
  --tw-translate-x: var(--radix-toast-swipe-move-x);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes accordion-up {

  from {
    height: var(--radix-accordion-content-height);
  }

  to {
    height: 0;
  }
}
.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
  animation: accordion-up 0.2s ease-out;
}
@keyframes accordion-down {

  from {
    height: 0;
  }

  to {
    height: var(--radix-accordion-content-height);
  }
}
.data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
  animation: accordion-down 0.2s ease-out;
}
.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] {
  flex-direction: column;
}
.data-\[state\=checked\]\:border-blue-600[data-state="checked"] {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.data-\[state\=checked\]\:border-green-600[data-state="checked"] {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
}
.data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
  background-color: hsl(var(--sidebar-accent));
}
.data-\[active\]\:bg-accent\/50[data-active] {
  background-color: hsl(var(--accent) / 0.5);
}
.data-\[selected\=\'true\'\]\:bg-accent[data-selected='true'] {
  background-color: hsl(var(--accent));
}
.data-\[state\=active\]\:bg-amber-500[data-state="active"] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.data-\[state\=active\]\:bg-background[data-state="active"] {
  background-color: hsl(var(--background));
}
.data-\[state\=active\]\:bg-blue-600[data-state="active"] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.data-\[state\=active\]\:bg-green-600[data-state="active"] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.data-\[state\=active\]\:bg-red-500[data-state="active"] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.data-\[state\=active\]\:bg-white[data-state="active"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.data-\[state\=active\]\:bg-white\/20[data-state="active"] {
  background-color: rgb(255 255 255 / 0.2);
}
.data-\[state\=checked\]\:bg-black[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.data-\[state\=checked\]\:bg-blue-500[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.data-\[state\=checked\]\:bg-blue-600[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.data-\[state\=checked\]\:bg-green-500[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.data-\[state\=checked\]\:bg-green-600[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.data-\[state\=checked\]\:bg-indigo-600[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.data-\[state\=checked\]\:bg-orange-500[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.data-\[state\=checked\]\:bg-purple-500[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
}
.data-\[state\=checked\]\:bg-red-600[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.data-\[state\=checked\]\:bg-white[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.data-\[state\=checked\]\:bg-yellow-500[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}
.data-\[state\=on\]\:bg-accent[data-state="on"] {
  background-color: hsl(var(--accent));
}
.data-\[state\=open\]\:bg-accent[data-state="open"] {
  background-color: hsl(var(--accent));
}
.data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
  background-color: hsl(var(--accent) / 0.5);
}
.data-\[state\=open\]\:bg-secondary[data-state="open"] {
  background-color: hsl(var(--secondary));
}
.data-\[state\=selected\]\:bg-muted[data-state="selected"] {
  background-color: hsl(var(--muted));
}
.data-\[state\=unchecked\]\:bg-gray-300[data-state="unchecked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.data-\[state\=unchecked\]\:bg-gray-400[data-state="unchecked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.data-\[state\=unchecked\]\:bg-red-400[data-state="unchecked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}
.data-\[state\=unchecked\]\:bg-red-500[data-state="unchecked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.data-\[active\=true\]\:font-medium[data-active="true"] {
  font-weight: 500;
}
.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
  color: hsl(var(--sidebar-accent-foreground));
}
.data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
  color: hsl(var(--accent-foreground));
}
.data-\[state\=active\]\:text-black[data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.data-\[state\=active\]\:text-foreground[data-state="active"] {
  color: hsl(var(--foreground));
}
.data-\[state\=active\]\:text-gray-800[data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.data-\[state\=checked\]\:text-amber-700[data-state="checked"] {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.data-\[state\=checked\]\:text-black[data-state="checked"] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.data-\[state\=checked\]\:text-white[data-state="checked"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
  color: hsl(var(--accent-foreground));
}
.data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
  color: hsl(var(--accent-foreground));
}
.data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
  color: hsl(var(--muted-foreground));
}
.data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
  opacity: 0.5;
}
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[state\=open\]\:opacity-100[data-state="open"] {
  opacity: 1;
}
.data-\[state\=active\]\:shadow-sm[data-state="active"] {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[swipe\=move\]\:transition-none[data-swipe="move"] {
  transition-property: none;
}
.data-\[state\=closed\]\:duration-300[data-state="closed"] {
  transition-duration: 300ms;
}
.data-\[state\=open\]\:duration-500[data-state="open"] {
  transition-duration: 500ms;
}
.data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[state\=open\]\:animate-in[data-state="open"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[state\=visible\]\:animate-in[data-state="visible"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:animate-out[data-state="closed"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[swipe\=end\]\:animate-out[data-swipe="end"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
  --tw-enter-opacity: 0;
}
.data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=closed\]\:fade-out-80[data-state="closed"] {
  --tw-exit-opacity: 0.8;
}
.data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}
.data-\[state\=visible\]\:fade-in[data-state="visible"] {
  --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: .95;
}
.data-\[state\=open\]\:zoom-in-90[data-state="open"] {
  --tw-enter-scale: .9;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: .95;
}
.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
  --tw-enter-translate-x: 13rem;
}
.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
  --tw-enter-translate-x: -13rem;
}
.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
  --tw-exit-translate-x: 13rem;
}
.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
  --tw-exit-translate-x: -13rem;
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: -0.5rem;
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: 0.5rem;
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: -0.5rem;
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: 0.5rem;
}
.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
  --tw-exit-translate-y: 100%;
}
.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
  --tw-exit-translate-x: -100%;
}
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
  --tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
  --tw-exit-translate-x: 100%;
}
.data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"] {
  --tw-exit-translate-x: 100%;
}
.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
  --tw-exit-translate-y: -100%;
}
.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
  --tw-exit-translate-y: -48%;
}
.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
  --tw-enter-translate-y: 100%;
}
.data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
  --tw-enter-translate-x: -100%;
}
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
  --tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
  --tw-enter-translate-x: 100%;
}
.data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
  --tw-enter-translate-y: -100%;
}
.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
  --tw-enter-translate-y: -48%;
}
.data-\[state\=open\]\:slide-in-from-top-full[data-state="open"] {
  --tw-enter-translate-y: -100%;
}
.data-\[state\=closed\]\:duration-300[data-state="closed"] {
  animation-duration: 300ms;
}
.data-\[state\=open\]\:duration-500[data-state="open"] {
  animation-duration: 500ms;
}
.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  left: 0px;
}
.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  height: 0.25rem;
}
.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  width: 100%;
}
.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"] {
  background-color: hsl(var(--sidebar-accent));
}
.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"] {
  color: hsl(var(--sidebar-accent-foreground));
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  left: calc(var(--sidebar-width) * -1);
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  right: calc(var(--sidebar-width) * -1);
}
.group[data-side="left"] .group-data-\[side\=left\]\:-right-4 {
  right: -1rem;
}
.group[data-side="right"] .group-data-\[side\=right\]\:left-0 {
  left: 0px;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8 {
  margin-top: -2rem;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden {
  display: none;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8 {
  width: 2rem !important;
  height: 2rem !important;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
  width: var(--sidebar-width-icon);
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] {
  width: calc(var(--sidebar-width-icon) + 1rem);
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] {
  width: calc(var(--sidebar-width-icon) + 1rem + 2px);
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:w-0 {
  width: 0px;
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-side="right"] .group-data-\[side\=right\]\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-state="open"] .group-data-\[state\=open\]\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden {
  overflow: hidden;
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg {
  border-radius: var(--radius);
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border {
  border-width: 1px;
}
.group[data-side="left"] .group-data-\[side\=left\]\:border-r {
  border-right-width: 1px;
}
.group[data-side="right"] .group-data-\[side\=right\]\:border-l {
  border-left-width: 1px;
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-sidebar-border {
  border-color: hsl(var(--sidebar-border));
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0 {
  padding: 0px !important;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2 {
  padding: 0.5rem !important;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0 {
  opacity: 0;
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after {
  content: var(--tw-content);
  left: 100%;
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover {
  background-color: hsl(var(--sidebar-background));
}
.peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
  top: 0.375rem;
}
.peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
  top: 0.625rem;
}
.peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
  top: 0.25rem;
}
.peer[data-variant="inset"] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] {
  min-height: calc(100svh - 1rem);
}
.peer[data-state="checked"] ~ .peer-data-\[state\=checked\]\:border-emerald-600 {
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105 / var(--tw-border-opacity, 1));
}
.peer[data-state="checked"] ~ .peer-data-\[state\=checked\]\:bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
  color: hsl(var(--sidebar-accent-foreground));
}
.dark\:border-amber-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(146 64 14 / var(--tw-border-opacity, 1));
}
.dark\:border-blue-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}
.dark\:border-blue-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 58 138 / var(--tw-border-opacity, 1));
}
.dark\:border-destructive:is(.dark *) {
  border-color: hsl(var(--destructive));
}
.dark\:border-gray-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.dark\:border-green-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
}
.dark\:border-purple-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(107 33 168 / var(--tw-border-opacity, 1));
}
.dark\:bg-amber-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(146 64 14 / var(--tw-bg-opacity, 1));
}
.dark\:bg-amber-900\/20:is(.dark *) {
  background-color: rgb(120 53 15 / 0.2);
}
.dark\:bg-amber-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 26 3 / var(--tw-bg-opacity, 1));
}
.dark\:bg-amber-950\/20:is(.dark *) {
  background-color: rgb(69 26 3 / 0.2);
}
.dark\:bg-blue-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-900\/10:is(.dark *) {
  background-color: rgb(30 58 138 / 0.1);
}
.dark\:bg-blue-900\/20:is(.dark *) {
  background-color: rgb(30 58 138 / 0.2);
}
.dark\:bg-blue-900\/40:is(.dark *) {
  background-color: rgb(30 58 138 / 0.4);
}
.dark\:bg-blue-950\/20:is(.dark *) {
  background-color: rgb(23 37 84 / 0.2);
}
.dark\:bg-blue-950\/30:is(.dark *) {
  background-color: rgb(23 37 84 / 0.3);
}
.dark\:bg-gray-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.dark\:bg-green-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
}
.dark\:bg-green-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(5 46 22 / var(--tw-bg-opacity, 1));
}
.dark\:bg-green-950\/20:is(.dark *) {
  background-color: rgb(5 46 22 / 0.2);
}
.dark\:bg-green-950\/30:is(.dark *) {
  background-color: rgb(5 46 22 / 0.3);
}
.dark\:bg-orange-950\/20:is(.dark *) {
  background-color: rgb(67 20 7 / 0.2);
}
.dark\:bg-purple-900\/40:is(.dark *) {
  background-color: rgb(88 28 135 / 0.4);
}
.dark\:bg-purple-950\/20:is(.dark *) {
  background-color: rgb(59 7 100 / 0.2);
}
.dark\:bg-purple-950\/30:is(.dark *) {
  background-color: rgb(59 7 100 / 0.3);
}
.dark\:bg-red-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-950\/20:is(.dark *) {
  background-color: rgb(69 10 10 / 0.2);
}
.dark\:bg-red-950\/30:is(.dark *) {
  background-color: rgb(69 10 10 / 0.3);
}
.dark\:text-amber-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.dark\:text-green-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}
.dark\:text-green-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}
.dark\:text-green-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.dark\:text-orange-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 232 255 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.dark\:text-red-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.dark\:hover\:border-blue-700:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
}
.dark\:hover\:bg-gray-700:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-800:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-white\/5:hover:is(.dark *) {
  background-color: rgb(255 255 255 / 0.05);
}
.dark\:hover\:text-gray-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-gray-400:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .sm\:inset-auto {
    inset: auto;
  }

  .sm\:bottom-0 {
    bottom: 0px;
  }

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

  .sm\:right-0 {
    right: 0px;
  }

  .sm\:top-10 {
    top: 2.5rem;
  }

  .sm\:top-\[-24px\] {
    top: -24px;
  }

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

  .sm\:top-auto {
    top: auto;
  }

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

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

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

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

  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .sm\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .sm\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .sm\:mb-12 {
    margin-bottom: 3rem;
  }

  .sm\:mb-16 {
    margin-bottom: 4rem;
  }

  .sm\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .sm\:mb-20 {
    margin-bottom: 5rem;
  }

  .sm\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .sm\:mb-4 {
    margin-bottom: 1rem;
  }

  .sm\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .sm\:mb-8 {
    margin-bottom: 2rem;
  }

  .sm\:ml-2 {
    margin-left: 0.5rem;
  }

  .sm\:ml-3 {
    margin-left: 0.75rem;
  }

  .sm\:mr-1 {
    margin-right: 0.25rem;
  }

  .sm\:mr-2 {
    margin-right: 0.5rem;
  }

  .sm\:mt-0 {
    margin-top: 0px;
  }

  .sm\:mt-16 {
    margin-top: 4rem;
  }

  .sm\:mt-3 {
    margin-top: 0.75rem;
  }

  .sm\:mt-6 {
    margin-top: 1.5rem;
  }

  .sm\:mt-8 {
    margin-top: 2rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

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

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

  .sm\:hidden {
    display: none;
  }

  .sm\:h-10 {
    height: 2.5rem;
  }

  .sm\:h-11 {
    height: 2.75rem;
  }

  .sm\:h-12 {
    height: 3rem;
  }

  .sm\:h-14 {
    height: 3.5rem;
  }

  .sm\:h-16 {
    height: 4rem;
  }

  .sm\:h-20 {
    height: 5rem;
  }

  .sm\:h-3 {
    height: 0.75rem;
  }

  .sm\:h-4 {
    height: 1rem;
  }

  .sm\:h-5 {
    height: 1.25rem;
  }

  .sm\:h-6 {
    height: 1.5rem;
  }

  .sm\:h-7 {
    height: 1.75rem;
  }

  .sm\:h-8 {
    height: 2rem;
  }

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

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

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

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

  .sm\:max-h-\[calc\(50vh-100px\)\] {
    max-height: calc(50vh - 100px);
  }

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

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

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

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

  .sm\:w-10 {
    width: 2.5rem;
  }

  .sm\:w-11 {
    width: 2.75rem;
  }

  .sm\:w-12 {
    width: 3rem;
  }

  .sm\:w-14 {
    width: 3.5rem;
  }

  .sm\:w-16 {
    width: 4rem;
  }

  .sm\:w-20 {
    width: 5rem;
  }

  .sm\:w-24 {
    width: 6rem;
  }

  .sm\:w-3 {
    width: 0.75rem;
  }

  .sm\:w-32 {
    width: 8rem;
  }

  .sm\:w-4 {
    width: 1rem;
  }

  .sm\:w-40 {
    width: 10rem;
  }

  .sm\:w-5 {
    width: 1.25rem;
  }

  .sm\:w-6 {
    width: 1.5rem;
  }

  .sm\:w-64 {
    width: 16rem;
  }

  .sm\:w-7 {
    width: 1.75rem;
  }

  .sm\:w-8 {
    width: 2rem;
  }

  .sm\:w-\[100px\] {
    width: 100px;
  }

  .sm\:w-\[140px\] {
    width: 140px;
  }

  .sm\:w-\[320px\] {
    width: 320px;
  }

  .sm\:w-\[420px\] {
    width: 420px;
  }

  .sm\:w-\[52px\] {
    width: 52px;
  }

  .sm\:w-\[55px\] {
    width: 55px;
  }

  .sm\:w-\[60px\] {
    width: 60px;
  }

  .sm\:w-\[80px\] {
    width: 80px;
  }

  .sm\:w-\[90px\] {
    width: 90px;
  }

  .sm\:w-\[90vw\] {
    width: 90vw;
  }

  .sm\:w-\[95vw\] {
    width: 95vw;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:min-w-\[110px\] {
    min-width: 110px;
  }

  .sm\:min-w-\[120px\] {
    min-width: 120px;
  }

  .sm\:min-w-\[64px\] {
    min-width: 64px;
  }

  .sm\:max-w-2xl {
    max-width: 42rem;
  }

  .sm\:max-w-3xl {
    max-width: 48rem;
  }

  .sm\:max-w-\[160px\] {
    max-width: 160px;
  }

  .sm\:max-w-\[320px\] {
    max-width: 320px;
  }

  .sm\:max-w-\[340px\] {
    max-width: 340px;
  }

  .sm\:max-w-\[400px\] {
    max-width: 400px;
  }

  .sm\:max-w-\[420px\] {
    max-width: 420px;
  }

  .sm\:max-w-\[500px\] {
    max-width: 500px;
  }

  .sm\:max-w-lg {
    max-width: 32rem;
  }

  .sm\:max-w-md {
    max-width: 28rem;
  }

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

  .sm\:max-w-sm {
    max-width: 24rem;
  }

  .sm\:flex-1 {
    flex: 1 1 0%;
  }

  .sm\:flex-none {
    flex: none;
  }

  .sm\:translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .sm\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .sm\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .sm\:grid-cols-\[1fr_1fr_120px_auto\] {
    grid-template-columns: 1fr 1fr 120px auto;
  }

  .sm\:grid-cols-\[1fr_1fr_140px_auto\] {
    grid-template-columns: 1fr 1fr 140px auto;
  }

  .sm\:grid-cols-\[1fr_1fr_150px_auto\] {
    grid-template-columns: 1fr 1fr 150px auto;
  }

  .sm\:grid-cols-\[1fr_1fr_1fr_auto\] {
    grid-template-columns: 1fr 1fr 1fr auto;
  }

  .sm\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-col {
    flex-direction: column;
  }

  .sm\:flex-wrap {
    flex-wrap: wrap;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-start {
    justify-content: flex-start;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:justify-center {
    justify-content: center;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:gap-0 {
    gap: 0px;
  }

  .sm\:gap-1 {
    gap: 0.25rem;
  }

  .sm\:gap-10 {
    gap: 2.5rem;
  }

  .sm\:gap-2 {
    gap: 0.5rem;
  }

  .sm\:gap-2\.5 {
    gap: 0.625rem;
  }

  .sm\:gap-3 {
    gap: 0.75rem;
  }

  .sm\:gap-4 {
    gap: 1rem;
  }

  .sm\:gap-5 {
    gap: 1.25rem;
  }

  .sm\:gap-6 {
    gap: 1.5rem;
  }

  .sm\:gap-8 {
    gap: 2rem;
  }

  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .sm\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }

  .sm\:self-auto {
    align-self: auto;
  }

  .sm\:overflow-x-visible {
    overflow-x: visible;
  }

  .sm\:rounded-2xl {
    border-radius: 1rem;
  }

  .sm\:rounded-lg {
    border-radius: var(--radius);
  }

  .sm\:rounded-xl {
    border-radius: 0.75rem;
  }

  .sm\:rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .sm\:border {
    border-width: 1px;
  }

  .sm\:border-x {
    border-left-width: 1px;
    border-right-width: 1px;
  }

  .sm\:border-l {
    border-left-width: 1px;
  }

  .sm\:border-r {
    border-right-width: 1px;
  }

  .sm\:border-t-0 {
    border-top-width: 0px;
  }

  .sm\:p-10 {
    padding: 2.5rem;
  }

  .sm\:p-12 {
    padding: 3rem;
  }

  .sm\:p-2 {
    padding: 0.5rem;
  }

  .sm\:p-3 {
    padding: 0.75rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .sm\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sm\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:pb-16 {
    padding-bottom: 4rem;
  }

  .sm\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .sm\:pb-4 {
    padding-bottom: 1rem;
  }

  .sm\:pt-0 {
    padding-top: 0px;
  }

  .sm\:pt-10 {
    padding-top: 2.5rem;
  }

  .sm\:pt-24 {
    padding-top: 6rem;
  }

  .sm\:pt-28 {
    padding-top: 7rem;
  }

  .sm\:pt-6 {
    padding-top: 1.5rem;
  }

  .sm\:text-left {
    text-align: left;
  }

  .sm\:text-right {
    text-align: right;
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .sm\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .sm\:text-\[10px\] {
    font-size: 10px;
  }

  .sm\:text-\[11px\] {
    font-size: 11px;
  }

  .sm\:text-\[9px\] {
    font-size: 9px;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .sm\:shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"] {
    --tw-enter-translate-y: 100%;
  }
}
@media (min-width: 768px) {

  .md\:absolute {
    position: absolute;
  }

  .md\:relative {
    position: relative;
  }

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

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

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

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:mb-12 {
    margin-bottom: 3rem;
  }

  .md\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .md\:mb-8 {
    margin-bottom: 2rem;
  }

  .md\:block {
    display: block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:flex {
    display: flex;
  }

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

  .md\:grid {
    display: grid;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-16 {
    height: 4rem;
  }

  .md\:h-4 {
    height: 1rem;
  }

  .md\:h-6 {
    height: 1.5rem;
  }

  .md\:min-h-0 {
    min-height: 0px;
  }

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

  .md\:w-16 {
    width: 4rem;
  }

  .md\:w-24 {
    width: 6rem;
  }

  .md\:w-32 {
    width: 8rem;
  }

  .md\:w-4 {
    width: 1rem;
  }

  .md\:w-6 {
    width: 1.5rem;
  }

  .md\:w-64 {
    width: 16rem;
  }

  .md\:w-80 {
    width: 20rem;
  }

  .md\:w-\[150px\] {
    width: 150px;
  }

  .md\:w-\[160px\] {
    width: 160px;
  }

  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
    width: var(--radix-navigation-menu-viewport-width);
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:max-w-7xl {
    max-width: 80rem;
  }

  .md\:max-w-\[420px\] {
    max-width: 420px;
  }

  .md\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:gap-0 {
    gap: 0px;
  }

  .md\:gap-2 {
    gap: 0.5rem;
  }

  .md\:gap-3 {
    gap: 0.75rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }

  .md\:justify-self-center {
    justify-self: center;
  }

  .md\:border-r {
    border-right-width: 1px;
  }

  .md\:border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }

  .md\:border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
  }

  .md\:bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }

  .md\:bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
  }

  .md\:bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
  }

  .md\:bg-muted\/20 {
    background-color: hsl(var(--muted) / 0.2);
  }

  .md\:p-3 {
    padding: 0.75rem;
  }

  .md\:p-4 {
    padding: 1rem;
  }

  .md\:p-5 {
    padding: 1.25rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:\!px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .md\:pb-3 {
    padding-bottom: 0.75rem;
  }

  .md\:pb-4 {
    padding-bottom: 1rem;
  }

  .md\:pt-0 {
    padding-top: 0px;
  }

  .md\:pt-4 {
    padding-top: 1rem;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }

  .md\:text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  }

  .md\:opacity-0 {
    opacity: 0;
  }

  .after\:md\:hidden::after {
    content: var(--tw-content);
    display: none;
  }

  .group:hover .md\:group-hover\:opacity-100 {
    opacity: 1;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2 {
    margin: 0.5rem;
  }

  .peer[data-state="collapsed"][data-variant="inset"] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
    margin-left: 0.5rem;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 {
    margin-left: 0px;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
    border-radius: 0.75rem;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
@media (min-width: 1024px) {

  .lg\:sticky {
    position: sticky;
  }

  .lg\:top-4 {
    top: 1rem;
  }

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

  .lg\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

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

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

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-4 {
    height: 1rem;
  }

  .lg\:h-8 {
    height: 2rem;
  }

  .lg\:h-\[calc\(100vh-57px\)\] {
    height: calc(100vh - 57px);
  }

  .lg\:max-h-\[calc\(100vh-10rem\)\] {
    max-height: calc(100vh - 10rem);
  }

  .lg\:max-h-none {
    max-height: none;
  }

  .lg\:min-h-0 {
    min-height: 0px;
  }

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

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

  .lg\:w-4 {
    width: 1rem;
  }

  .lg\:w-64 {
    width: 16rem;
  }

  .lg\:w-8 {
    width: 2rem;
  }

  .lg\:w-80 {
    width: 20rem;
  }

  .lg\:w-\[420px\] {
    width: 420px;
  }

  .lg\:w-\[48px\] {
    width: 48px;
  }

  .lg\:flex-1 {
    flex: 1 1 0%;
  }

  .lg\:flex-shrink-0 {
    flex-shrink: 0;
  }

  .lg\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .lg\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[minmax\(0\2c 360px\)_1fr\] {
    grid-template-columns: minmax(0,360px) 1fr;
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:justify-start {
    justify-content: flex-start;
  }

  .lg\:gap-0\.5 {
    gap: 0.125rem;
  }

  .lg\:gap-1 {
    gap: 0.25rem;
  }

  .lg\:gap-12 {
    gap: 3rem;
  }

  .lg\:gap-2 {
    gap: 0.5rem;
  }

  .lg\:gap-4 {
    gap: 1rem;
  }

  .lg\:gap-6 {
    gap: 1.5rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:overflow-y-auto {
    overflow-y: auto;
  }

  .lg\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .lg\:border-r {
    border-right-width: 1px;
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:p-12 {
    padding: 3rem;
  }

  .lg\:p-8 {
    padding: 2rem;
  }

  .lg\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .lg\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:pb-4 {
    padding-bottom: 1rem;
  }

  .lg\:pl-64 {
    padding-left: 16rem;
  }

  .lg\:pt-28 {
    padding-top: 7rem;
  }

  .lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .lg\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .lg\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
@media (min-width: 1280px) {

  .xl\:block {
    display: block;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:w-\[460px\] {
    width: 460px;
  }

  .xl\:flex-shrink-0 {
    flex-shrink: 0;
  }

  .xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:flex-row {
    flex-direction: row;
  }

  .xl\:gap-1\.5 {
    gap: 0.375rem;
  }

  .xl\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .xl\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media print {

  .print\:static {
    position: static;
  }

  .print\:mb-4 {
    margin-bottom: 1rem;
  }

  .print\:mt-2 {
    margin-top: 0.5rem;
  }

  .print\:hidden {
    display: none;
  }

  .print\:h-12 {
    height: 3rem;
  }

  .print\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .print\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) {
  background-color: hsl(var(--accent));
}
.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) {
  background-color: hsl(var(--accent) / 0.5);
}
.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
  padding-right: 0px;
}
.\[\&\>button\]\:hidden>button {
  display: none;
}
.\[\&\>div\]\:overflow-x-hidden>div {
  overflow-x: hidden;
}
.\[\&\>span\:last-child\]\:truncate>span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.\[\&\>span\]\:line-clamp-1>span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div {
  --tw-translate-y: -3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\>svg\]\:absolute>svg {
  position: absolute;
}
.\[\&\>svg\]\:left-4>svg {
  left: 1rem;
}
.\[\&\>svg\]\:top-4>svg {
  top: 1rem;
}
.\[\&\>svg\]\:size-3\.5>svg {
  width: 0.875rem;
  height: 0.875rem;
}
.\[\&\>svg\]\:size-4>svg {
  width: 1rem;
  height: 1rem;
}
.\[\&\>svg\]\:h-2\.5>svg {
  height: 0.625rem;
}
.\[\&\>svg\]\:h-3>svg {
  height: 0.75rem;
}
.\[\&\>svg\]\:w-2\.5>svg {
  width: 0.625rem;
}
.\[\&\>svg\]\:w-3>svg {
  width: 0.75rem;
}
.\[\&\>svg\]\:shrink-0>svg {
  flex-shrink: 0;
}
.\[\&\>svg\]\:text-destructive>svg {
  color: hsl(var(--destructive));
}
.\[\&\>svg\]\:text-foreground>svg {
  color: hsl(var(--foreground));
}
.\[\&\>svg\]\:text-muted-foreground>svg {
  color: hsl(var(--muted-foreground));
}
.\[\&\>svg\]\:text-sidebar-accent-foreground>svg {
  color: hsl(var(--sidebar-accent-foreground));
}
.\[\&\>svg\~\*\]\:pl-7>svg~* {
  padding-left: 1.75rem;
}
.\[\&\>td\]\:whitespace-nowrap>td {
  white-space: nowrap;
}
.\[\&\>td\]\:px-2>td {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&\>td\]\:py-1\.5>td {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.\[\&\>td\]\:text-center>td {
  text-align: center;
}
.\[\&\>th\]\:whitespace-nowrap>th {
  white-space: nowrap;
}
.\[\&\>th\]\:px-2>th {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&\>th\]\:py-2>th {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.\[\&\>th\]\:text-center>th {
  text-align: center;
}
.\[\&\>th\]\:font-semibold>th {
  font-weight: 600;
}
.\[\&\>th\]\:text-gray-700>th {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.\[\&\>tr\]\:last\:border-b-0:last-child>tr {
  border-bottom-width: 0px;
}
.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
  fill: hsl(var(--muted-foreground));
}
.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke='#ccc'] {
  stroke: hsl(var(--border) / 0.5);
}
.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
  stroke: hsl(var(--border));
}
.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff'] {
  stroke: transparent;
}
.\[\&_\.recharts-layer\]\:outline-none .recharts-layer {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke='#ccc'] {
  stroke: hsl(var(--border));
}
.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector {
  fill: hsl(var(--muted));
}
.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
  fill: hsl(var(--muted));
}
.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke='#ccc'] {
  stroke: hsl(var(--border));
}
.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff'] {
  stroke: transparent;
}
.\[\&_\.recharts-sector\]\:outline-none .recharts-sector {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
  font-weight: 500;
}
.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
  color: hsl(var(--muted-foreground));
}
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {
  padding-top: 0px;
}
.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
  height: 1.25rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
  width: 1.25rem;
}
.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
  height: 3rem;
}
.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
  height: 1.25rem;
}
.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
  width: 1.25rem;
}
.\[\&_p\]\:leading-relaxed p {
  line-height: 1.625;
}
.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}
.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}
.\[\&_tr\:last-child\]\:border-0 tr:last-child {
  border-width: 0px;
}
.\[\&_tr\]\:border-b tr {
  border-bottom-width: 1px;
}
[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
  right: -0.5rem;
}
[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
  cursor: e-resize;
}
[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}
[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
  left: -0.5rem;
}
[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}
[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
  cursor: e-resize;
}