/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
  --color-red-100: oklch(93.6% 0.032 17.717);
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-red-500: oklch(63.7% 0.237 25.331);
  --color-red-600: oklch(57.7% 0.245 27.325);
  --color-red-800: oklch(44.4% 0.177 26.899);
  --color-green-50: oklch(98.2% 0.018 155.826);
  --color-green-100: oklch(96.2% 0.044 156.743);
  --color-green-600: oklch(62.7% 0.194 149.214);
  --color-green-700: oklch(52.7% 0.154 150.069);
  --color-green-800: oklch(44.8% 0.119 151.328);
  --color-slate-400: oklch(70.4% 0.04 256.788);
  --color-gray-50: oklch(98.5% 0.002 247.839);
  --color-gray-100: oklch(96.7% 0.003 264.542);
  --color-gray-200: oklch(92.8% 0.006 264.531);
  --color-gray-300: oklch(87.2% 0.01 258.338);
  --color-gray-400: oklch(70.7% 0.022 261.325);
  --color-gray-500: oklch(55.1% 0.027 264.364);
  --color-gray-600: oklch(44.6% 0.03 256.802);
  --color-gray-700: oklch(37.3% 0.034 259.733);
  --color-gray-900: oklch(21% 0.034 264.665);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-6xl: 3.75rem;
  --text-6xl--line-height: 1;
  --font-weight-light: 300;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --blur-md: 12px;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
  --color-restro-green-light: var(--restro-green-light);
  --color-restro-green: var(--restro-green);
  --color-restro-green-dark: var(--restro-green-dark);
  --color-restro-border-green: var(--restro-border-green);
  --color-restro-border-green-light: var(--restro-border-green-light);
  --color-restro-text: var(--restro-text);
  --color-restro-gray: var(--restro-gray);
  --color-restro-ring: var(--restro-ring);
  --color-restro-bg-gray: var(--restro-bg-gray);
  --color-restro-card-bg: var(--restro-card-bg);
  --color-restro-button-hover: var(--restro-button-hover);
  --color-restro-green-button-hover: var(--restro-green-button-hover);
  --color-restro-red: var(--restro-red);
  --color-restro-red-hover: var(--restro-red-hover);
  --color-restro-green-dark-mode: #255F38;
  --color-restro-bg-hover-dark-mode: #353535;
  --color-restro-placeholder-outline-dark-mode: #636161;
  --color-restro-text-light-mode: #BDBDBD;
  --color-background: var(--background);
  --color-foreground: var(--foreground);
}
*, ::after, ::before, ::backdrop, ::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
html, :host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
  font-feature-settings: var(--default-font-feature-settings, normal);
  font-variation-settings: var(--default-font-variation-settings, normal);
  -webkit-tap-highlight-color: transparent;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
b, strong {
  font-weight: bolder;
}
code, kbd, samp, pre {
  font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
:-moz-focusring {
  outline: auto;
}
progress {
  vertical-align: baseline;
}
summary {
  display: list-item;
}
ol, ul, menu {
  list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  vertical-align: middle;
}
img, video {
  max-width: 100%;
  height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}
::file-selector-button {
  margin-inline-end: 4px;
}
::placeholder {
  opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
  ::placeholder {
    color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
textarea {
  resize: vertical;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
::-webkit-datetime-edit {
  display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
:-moz-ui-invalid {
  box-shadow: none;
}
button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
  appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}
[hidden]:where(:not([hidden='until-found'])) {
  display: none !important;
}
.visible {
  visibility: visible;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.inset-x-0 {
  inset-inline: calc(var(--spacing) * 0);
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.-right-36 {
  right: calc(var(--spacing) * -36);
}
.right-0 {
  right: calc(var(--spacing) * 0);
}
.bottom-0 {
  bottom: calc(var(--spacing) * 0);
}
.bottom-4 {
  bottom: calc(var(--spacing) * 4);
}
.left-0 {
  left: calc(var(--spacing) * 0);
}
.left-\[17\.5rem\] {
  left: 17.5rem;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[9999\] {
  z-index: 9999;
}
.container {
  width: 100%;
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
}
.mx-3 {
  margin-inline: calc(var(--spacing) * 3);
}
.mx-4 {
  margin-inline: calc(var(--spacing) * 4);
}
.mx-8 {
  margin-inline: calc(var(--spacing) * 8);
}
.mx-auto {
  margin-inline: auto;
}
.my-4 {
  margin-block: calc(var(--spacing) * 4);
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-6 {
  margin-top: calc(var(--spacing) * 6);
}
.mr-1 {
  margin-right: calc(var(--spacing) * 1);
}
.mr-2 {
  margin-right: calc(var(--spacing) * 2);
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.ml-3 {
  margin-left: calc(var(--spacing) * 3);
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline-block {
  display: inline-block;
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-6 {
  height: calc(var(--spacing) * 6);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-9 {
  height: calc(var(--spacing) * 9);
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.h-12 {
  height: calc(var(--spacing) * 12);
}
.h-16 {
  height: calc(var(--spacing) * 16);
}
.h-24 {
  height: calc(var(--spacing) * 24);
}
.h-96 {
  height: calc(var(--spacing) * 96);
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-96 {
  max-height: calc(var(--spacing) * 96);
}
.max-h-\[60vh\] {
  max-height: 60vh;
}
.min-h-screen {
  min-height: 100vh;
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.w-6 {
  width: calc(var(--spacing) * 6);
}
.w-8 {
  width: calc(var(--spacing) * 8);
}
.w-9 {
  width: calc(var(--spacing) * 9);
}
.w-10 {
  width: calc(var(--spacing) * 10);
}
.w-12 {
  width: calc(var(--spacing) * 12);
}
.w-24 {
  width: calc(var(--spacing) * 24);
}
.w-48 {
  width: calc(var(--spacing) * 48);
}
.w-56 {
  width: calc(var(--spacing) * 56);
}
.w-96 {
  width: calc(var(--spacing) * 96);
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.max-w-\[4rem\] {
  max-width: 4rem;
}
.flex-1 {
  flex: 1;
}
.origin-top-right {
  transform-origin: top right;
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-0 {
  --tw-translate-y: calc(var(--spacing) * 0);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-full {
  --tw-translate-y: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-95 {
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  --tw-scale-z: 95%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-100 {
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.gap-0 {
  gap: calc(var(--spacing) * 0);
}
.gap-0\.5 {
  gap: calc(var(--spacing) * 0.5);
}
.gap-1 {
  gap: calc(var(--spacing) * 1);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.gap-10 {
  gap: calc(var(--spacing) * 10);
}
.divide-y {
  :where(& > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
}
.divide-gray-100 {
  :where(& > :not(:last-child)) {
    border-color: var(--color-gray-100);
  }
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.rounded-t-3xl {
  border-top-left-radius: var(--radius-3xl);
  border-top-right-radius: var(--radius-3xl);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-gray-200 {
  border-color: var(--color-gray-200);
}
.border-gray-600 {
  border-color: var(--color-gray-600);
}
.border-gray-700 {
  border-color: var(--color-gray-700);
}
.border-restro-border-green {
  border-color: var(--color-restro-border-green);
}
.border-restro-gray {
  border-color: var(--color-restro-gray);
}
.border-restro-green-light {
  border-color: var(--color-restro-green-light);
}
.bg-background {
  background-color: var(--color-background);
}
.bg-black\/30 {
  background-color: color-mix(in srgb, #000 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
  }
}
.bg-gray-50 {
  background-color: var(--color-gray-50);
}
.bg-gray-100 {
  background-color: var(--color-gray-100);
}
.bg-green-50 {
  background-color: var(--color-green-50);
}
.bg-green-100 {
  background-color: var(--color-green-100);
}
.bg-red-100 {
  background-color: var(--color-red-100);
}
.bg-restro-bg-gray {
  background-color: var(--color-restro-bg-gray);
}
.bg-restro-bg-hover-dark-mode {
  background-color: var(--color-restro-bg-hover-dark-mode);
}
.bg-restro-border-green-light {
  background-color: var(--color-restro-border-green-light);
}
.bg-restro-card-bg {
  background-color: var(--color-restro-card-bg);
}
.bg-restro-gray {
  background-color: var(--color-restro-gray);
}
.bg-restro-green {
  background-color: var(--color-restro-green);
}
.bg-restro-green-light {
  background-color: var(--color-restro-green-light);
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  background-color: var(--color-white);
}
.p-1 {
  padding: calc(var(--spacing) * 1);
}
.p-2 {
  padding: calc(var(--spacing) * 2);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.px-1 {
  padding-inline: calc(var(--spacing) * 1);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.px-8 {
  padding-inline: calc(var(--spacing) * 8);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-5 {
  padding-block: calc(var(--spacing) * 5);
}
.py-6 {
  padding-block: calc(var(--spacing) * 6);
}
.py-8 {
  padding-block: calc(var(--spacing) * 8);
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.pb-3 {
  padding-bottom: calc(var(--spacing) * 3);
}
.pb-6 {
  padding-bottom: calc(var(--spacing) * 6);
}
.pb-20 {
  padding-bottom: calc(var(--spacing) * 20);
}
.pb-24 {
  padding-bottom: calc(var(--spacing) * 24);
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-start {
  text-align: start;
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[10px\] {
  font-size: 10px;
}
.font-black {
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-light {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.tracking-\[0\.18em\] {
  --tw-tracking: 0.18em;
  letter-spacing: 0.18em;
}
.text-black {
  color: var(--color-black);
}
.text-current {
  color: currentcolor;
}
.text-gray-200 {
  color: var(--color-gray-200);
}
.text-gray-300 {
  color: var(--color-gray-300);
}
.text-gray-400 {
  color: var(--color-gray-400);
}
.text-gray-500 {
  color: var(--color-gray-500);
}
.text-gray-700 {
  color: var(--color-gray-700);
}
.text-gray-900 {
  color: var(--color-gray-900);
}
.text-green-700 {
  color: var(--color-green-700);
}
.text-red-400 {
  color: var(--color-red-400);
}
.text-red-500 {
  color: var(--color-red-500);
}
.text-red-600 {
  color: var(--color-red-600);
}
.text-restro-green {
  color: var(--color-restro-green);
}
.text-restro-green-dark {
  color: var(--color-restro-green-dark);
}
.text-restro-green-light {
  color: var(--color-restro-green-light);
}
.text-restro-red {
  color: var(--color-restro-red);
}
.text-restro-text {
  color: var(--color-restro-text);
}
.text-restro-text-light-mode {
  color: var(--color-restro-text-light-mode);
}
.text-slate-400 {
  color: var(--color-slate-400);
}
.text-white {
  color: var(--color-white);
}
.uppercase {
  text-transform: uppercase;
}
.opacity-0 {
  opacity: 0%;
}
.opacity-100 {
  opacity: 100%;
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_24px_60px_rgba\(15\,23\,42\,0\.25\)\] {
  --tw-shadow: 0 24px 60px var(--tw-shadow-color, rgba(15,23,42,0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-black\/5 {
  --tw-ring-color: color-mix(in srgb, #000 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
  }
}
.outline-restro-border-green-light {
  outline-color: var(--color-restro-border-green-light);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(var(--blur-md));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-75 {
  --tw-duration: 75ms;
  transition-duration: 75ms;
}
.duration-100 {
  --tw-duration: 100ms;
  transition-duration: 100ms;
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.ease-in {
  --tw-ease: var(--ease-in);
  transition-timing-function: var(--ease-in);
}
.ease-out {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.group-hover\:text-black {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-black);
    }
  }
}
.group-hover\:text-white {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.hover\:scale-105 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.hover\:bg-gray-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-50);
    }
  }
}
.hover\:bg-gray-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-100);
    }
  }
}
.hover\:bg-red-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-red-100);
    }
  }
}
.hover\:bg-restro-bg-hover-dark-mode {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-restro-bg-hover-dark-mode);
    }
  }
}
.hover\:bg-restro-border-green {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-restro-border-green);
    }
  }
}
.hover\:bg-restro-border-green-light {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-restro-border-green-light);
    }
  }
}
.hover\:bg-restro-button-hover {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-restro-button-hover);
    }
  }
}
.hover\:bg-restro-green-button-hover {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-restro-green-button-hover);
    }
  }
}
.hover\:bg-restro-red-hover {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-restro-red-hover);
    }
  }
}
.hover\:text-black {
  &:hover {
    @media (hover: hover) {
      color: var(--color-black);
    }
  }
}
.hover\:text-white {
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.hover\:shadow-lg {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.hover\:shadow-md {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.hover\:shadow-xl {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.hover\:shadow-green-800\/20 {
  &:hover {
    @media (hover: hover) {
      --tw-shadow-color: color-mix(in srgb, oklch(44.8% 0.119 151.328) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-800) 20%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
}
.focus\:ring-0 {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus\:outline-restro-border-green {
  &:focus {
    outline-color: var(--color-restro-border-green);
  }
}
.focus\:outline-restro-placeholder-outline-dark-mode {
  &:focus {
    outline-color: var(--color-restro-placeholder-outline-dark-mode);
  }
}
.focus\:outline-none {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.focus-visible\:ring-1 {
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus-visible\:ring-restro-ring {
  &:focus-visible {
    --tw-ring-color: var(--color-restro-ring);
  }
}
.active\:scale-90 {
  &:active {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.active\:scale-95 {
  &:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.sm\:mx-0 {
  @media (width >= 40rem) {
    margin-inline: calc(var(--spacing) * 0);
  }
}
.sm\:w-96 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 96);
  }
}
.sm\:grid-cols-2 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:mb-6 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 6);
  }
}
.md\:block {
  @media (width >= 48rem) {
    display: block;
  }
}
.md\:flex {
  @media (width >= 48rem) {
    display: flex;
  }
}
.md\:hidden {
  @media (width >= 48rem) {
    display: none;
  }
}
.md\:h-12 {
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 12);
  }
}
.md\:h-14 {
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 14);
  }
}
.md\:w-12 {
  @media (width >= 48rem) {
    width: calc(var(--spacing) * 12);
  }
}
.md\:w-72 {
  @media (width >= 48rem) {
    width: calc(var(--spacing) * 72);
  }
}
.md\:w-auto {
  @media (width >= 48rem) {
    width: auto;
  }
}
.md\:w-full {
  @media (width >= 48rem) {
    width: 100%;
  }
}
.md\:grid-cols-2 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:flex-row {
  @media (width >= 48rem) {
    flex-direction: row;
  }
}
.md\:justify-between {
  @media (width >= 48rem) {
    justify-content: space-between;
  }
}
.md\:justify-normal {
  @media (width >= 48rem) {
    justify-content: normal;
  }
}
.md\:gap-1 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 1);
  }
}
.md\:gap-2 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 2);
  }
}
.md\:gap-3 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 3);
  }
}
.md\:overflow-hidden {
  @media (width >= 48rem) {
    overflow: hidden;
  }
}
.md\:px-0 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
}
.md\:px-4 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 4);
  }
}
.md\:py-0 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 0);
  }
}
.md\:py-3 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 3);
  }
}
.md\:pb-0 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 0);
  }
}
.md\:pl-72 {
  @media (width >= 48rem) {
    padding-left: calc(var(--spacing) * 72);
  }
}
.md\:pl-\[5\.5rem\] {
  @media (width >= 48rem) {
    padding-left: 5.5rem;
  }
}
.lg\:-right-52 {
  @media (width >= 64rem) {
    right: calc(var(--spacing) * -52);
  }
}
.lg\:-bottom-96 {
  @media (width >= 64rem) {
    bottom: calc(var(--spacing) * -96);
  }
}
.lg\:mx-12 {
  @media (width >= 64rem) {
    margin-inline: calc(var(--spacing) * 12);
  }
}
.lg\:block {
  @media (width >= 64rem) {
    display: block;
  }
}
.lg\:h-\[1024px\] {
  @media (width >= 64rem) {
    height: 1024px;
  }
}
.lg\:w-\[1024px\] {
  @media (width >= 64rem) {
    width: 1024px;
  }
}
.lg\:grid-cols-3 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.lg\:px-12 {
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 12);
  }
}
.lg\:text-6xl {
  @media (width >= 64rem) {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
}
.xl\:grid-cols-4 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.\32 xl\:grid-cols-4 {
  @media (width >= 96rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.dark\:divide-gray-600 {
  &:where(.dark, .dark *) {
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-600);
    }
  }
}
.dark\:rounded-2xl {
  &:where(.dark, .dark *) {
    border-radius: var(--radius-2xl);
  }
}
.dark\:rounded-full {
  &:where(.dark, .dark *) {
    border-radius: calc(infinity * 1px);
  }
}
.dark\:border {
  &:where(.dark, .dark *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
}
.dark\:border-b-0 {
  &:where(.dark, .dark *) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
}
.dark\:border-restro-border-green {
  &:where(.dark, .dark *) {
    border-color: var(--color-restro-border-green);
  }
}
.dark\:bg-\[\#1A1A1A\] {
  &:where(.dark, .dark *) {
    background-color: #1A1A1A;
  }
}
.dark\:bg-background {
  &:where(.dark, .dark *) {
    background-color: var(--color-background);
  }
}
.dark\:bg-black {
  &:where(.dark, .dark *) {
    background-color: var(--color-black);
  }
}
.dark\:bg-restro-border-green {
  &:where(.dark, .dark *) {
    background-color: var(--color-restro-border-green);
  }
}
.dark\:bg-restro-card-bg {
  &:where(.dark, .dark *) {
    background-color: var(--color-restro-card-bg);
  }
}
.dark\:bg-restro-gray {
  &:where(.dark, .dark *) {
    background-color: var(--color-restro-gray);
  }
}
.dark\:text-foreground {
  &:where(.dark, .dark *) {
    color: var(--color-foreground);
  }
}
.dark\:text-gray-300 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-300);
  }
}
.dark\:text-gray-400 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-400);
  }
}
.dark\:text-gray-500 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-500);
  }
}
.dark\:text-green-100 {
  &:where(.dark, .dark *) {
    color: var(--color-green-100);
  }
}
.dark\:text-green-600 {
  &:where(.dark, .dark *) {
    color: var(--color-green-600);
  }
}
.dark\:text-restro-green {
  &:where(.dark, .dark *) {
    color: var(--color-restro-green);
  }
}
.dark\:text-restro-green-dark-mode {
  &:where(.dark, .dark *) {
    color: var(--color-restro-green-dark-mode);
  }
}
.dark\:text-white {
  &:where(.dark, .dark *) {
    color: var(--color-white);
  }
}
.dark\:shadow-none {
  &:where(.dark, .dark *) {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.dark\:hover\:bg-\[\#2A2A2A\] {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: #2A2A2A;
      }
    }
  }
}
.dark\:hover\:bg-red-800\/20 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-800) 20%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-restro-button-hover {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-restro-button-hover);
      }
    }
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

/* @import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700;1,900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

:root {
    --background: #fff;
    --foreground: #000;
    --restro-green-light: #ECF1EB;
    --restro-green: #70B56A;
    --restro-green-10: #70b56a18;
    --restro-border-green: #DCE7DB;
    --restro-text: #6b7280;
    --restro-gray: #f3f4f6;
    --restro-ring: #000;
    --restro-bg-gray: #f3f4f6;
    --restro-card-bg: #f3f4f6;
    --restro-button-hover: #e5e6e8;
    --restro-green-button-hover: #629c5d;
    --restro-red: #f87171;
    --restro-red-hover: #fee2e2;
    --restro-yellow: #f4d6a1;
    --restro-bg-yellow: #a23ca6;
    --restro-yellow-hover: #e1920a;
    --restro-checkbox: #e5e6e8;

    --restro-green-dark: #243922;
    --restro-border-green-light: #dce7db;
    --restro-superadmin-widget-bg: #bedc74;
    --restro-superadmin-text-green: #387f39;
    --restro-superadmin-text-black: #444444;

    --scroll-wrapper-start: rgba(255, 255, 255, 1);
    --scroll-wrapper-end: rgba(255, 255, 255, 0);
}

.dark {
    --background: #000;
    --foreground: #fff;
    --restro-green-light: #121212;
    --restro-green: #2e7746;
    --restro-green-10: #2e774625;
    --restro-border-green: #333333;
    --restro-text: #F0F0F0;
    --restro-gray: #232323;
    --restro-ring: #888;
    --restro-bg-gray: #242526;
    --restro-card-bg: #121212;
    --restro-button-hover: #353535;
    --restro-green-button-hover: #205331;
    --restro-red: #dc2626;
    --restro-red-hover: #fecaca;
    --restro-yellow: #f0a523;
    --restro-bg-yellow: #fef9c3;
    --restro-yellow-hover: #dbb743;
    --restro-checkbox: #242526;

    --restro-green-dark: #333333;
    --restro-border-green-light: #222222;
    --restro-superadmin-widget-bg: #bedc74;
    --restro-superadmin-text-green: #387f39;
    --restro-superadmin-text-black: #444444;

    --scroll-wrapper-start: rgba(0, 0, 0, 1);
    --scroll-wrapper-end: rgba(0, 0, 0, 0);
}

/* Light Mode (default styles) */
::-webkit-scrollbar {
    width: 1px;
    height: 1px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #88888888;
    border-radius: 100px;
}

::-webkit-scrollbar-thumb:hover {
    background: #989898;
}

/* Left Gradient Overlay */
.custom-scroll-wrapper {
    position: relative;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* Smooth scrolling on iOS */
}

/* Right Gradient Overlay */
.custom-scroll-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    /* Width of the gradient overlay */
    height: 100%;
    background: linear-gradient(to left, var(--scroll-wrapper-start), var(--scroll-wrapper-end));
    /* Adjust color as needed */
    z-index: 2;
    /* Keep it above content */
    pointer-events: none;
    /* Ensure it doesn’t block interactions */
}


@layer base {
    html {
        font-family: 'Nunito', sans-serif;
        font-optical-sizing: auto;
    }
}

.outline-text {
    text-shadow:
        1px 1px 0 #000,
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}
.react-hot-toast {
  z-index: 99999 !important;
}
/* Compatibilidade mínima das primitivas DaisyUI usadas pelo core React */
.modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.35);padding:1rem}.modal[open]{display:flex}.modal-box{width:min(92vw,36rem);max-height:88vh;overflow:auto;background:var(--background);color:var(--foreground);padding:1.5rem;border-radius:1rem;box-shadow:0 25px 50px rgba(0,0,0,.2)}.modal-action{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;border:0}.btn-circle{border-radius:9999px}.btn-sm{min-height:2rem;padding:.35rem .65rem}.btn-xs{min-height:1.5rem;padding:.2rem .45rem;font-size:.75rem}.input,.select{background:var(--background);color:var(--foreground)}.input-bordered{border:1px solid var(--restro-border-green)}.kbd{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--restro-border-green);background:var(--background);padding:.1rem .35rem;font-size:.75rem}.kbd-sm{font-size:.7rem}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.65rem}.table-zebra tbody tr:nth-child(even){background:var(--restro-gray)}

/* FOOD Brasil — FASE 3.5 Dashboard LIVE */
.food35-page{padding:18px 18px 40px;background:var(--fallback-b1,oklch(var(--b1)/1));min-height:calc(100vh - 64px);color:#172015}.food35-loading{min-height:60vh;display:grid;place-items:center;color:#62705f;font-weight:700}.food35-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.food35-title>div:first-child{display:flex;align-items:center;gap:12px}.food35-title-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf5ea;color:#62aa5c;font-size:20px}.food35-title h1{font-size:24px;line-height:1;font-weight:850;margin:0}.food35-title p{font-size:12px;color:#7d887a;margin:5px 0 0}.food35-title-actions{display:flex;gap:8px;align-items:center}.food35-title-actions a,.food35-title-actions button{height:38px;border:1px solid #dce7d8;border-radius:11px;padding:0 14px;background:#fff;color:#243222;font-size:13px;font-weight:750;display:flex;align-items:center;gap:6px;cursor:pointer;text-decoration:none}.food35-title-actions .primary{background:#70b56a;color:#fff;border-color:#70b56a}.food35-message{position:fixed;right:24px;top:78px;z-index:10050;background:#253725;color:white;padding:9px 14px;border-radius:10px;opacity:0;transform:translateY(-8px);transition:.2s;pointer-events:none;font-size:12px}.food35-message.show{opacity:1;transform:none}.food35-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-items:start}.food35-widget{background:#fff;border:1px solid #dce7d8;border-radius:13px;overflow:hidden;min-height:128px;box-shadow:0 1px 2px rgba(33,50,31,.02)}.food35-widget.span-3{grid-column:span 3}.food35-widget.span-4{grid-column:span 4}.food35-widget.span-6{grid-column:span 6}.food35-widget.span-8{grid-column:span 8}.food35-widget.span-12{grid-column:span 12}.food35-widget>header{height:38px;border-bottom:1px solid #e7eee4;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:12px}.food35-widget>header>div{display:flex;align-items:center;gap:7px}.food35-widget>header button{border:0;background:transparent;cursor:pointer;color:#7c8879;font-size:15px;padding:3px 4px;border-radius:6px}.food35-widget>header button:hover{background:#f1f5ef}.food35-mini-icon{width:8px;height:8px;border:1.5px solid #72b76c;border-radius:3px;display:inline-block}.food35-widget>section{padding:12px;min-height:88px}.food35-welcome{display:flex;flex-direction:column;gap:4px}.food35-welcome span{font-size:10px;letter-spacing:.05em;color:#687566}.food35-welcome strong{font-size:20px}.food35-welcome p{font-size:12px;color:#7d887a}.food35-kpi{display:flex;flex-direction:column;gap:5px}.food35-kpi span{font-size:12px;color:#586555}.food35-kpi strong{font-size:25px;line-height:1.1}.food35-kpi small{font-size:10px;color:#98a194}.food35-gauge{display:grid;place-items:center;gap:5px}.food35-gauge-ring{width:124px;height:92px;border-radius:100px 100px 18px 18px;display:grid;place-items:center;clip-path:inset(0 0 25% 0)}.food35-gauge-ring>div{background:#fff;width:88px;height:68px;border-radius:100px 100px 16px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.food35-gauge-ring b{font-size:22px;color:#64b45e}.food35-gauge-ring span{font-size:9px;color:#8b9588}.food35-gauge small{margin-top:-14px;font-size:10px;font-weight:700}.food35-chartbox{height:190px}.food35-chart-title{display:flex;align-items:center;justify-content:space-between;font-size:11px}.food35-chart-title span{color:#8b9588}.food35-spark{width:100%;height:130px;margin-top:8px;background:repeating-linear-gradient(to bottom,transparent 0 31px,#edf2eb 32px)}.food35-spark polyline{fill:none;stroke:#69b563;stroke-width:1.7;vector-effect:non-scaling-stroke}.food35-axis{display:flex;justify-content:space-between;font-size:8px;color:#9aa496}.food35-list{display:flex;flex-direction:column;gap:7px}.food35-list>div{display:grid;grid-template-columns:24px 1fr auto;gap:7px;align-items:center;font-size:11px}.food35-list em{font-style:normal;background:#edf5ea;color:#67aa61;border-radius:5px;text-align:center;padding:3px}.food35-list b{font-size:10px}.food35-list.simple>div{grid-template-columns:1fr auto}.food35-list.simple b{color:#f4a51c;letter-spacing:1px}.food35-empty{min-height:78px;display:grid;place-items:center;text-align:center;color:#a0aaa0;font-size:11px}.food35-donutwrap{display:flex;align-items:center;justify-content:center;gap:24px;min-height:155px}.food35-donut{width:130px;height:130px;border-radius:50%;display:grid;place-items:center}.food35-donut>div{width:78px;height:78px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.food35-donut strong{font-size:18px}.food35-donut span{font-size:9px;color:#97a094}.food35-legend{display:flex;flex-direction:column;gap:7px;min-width:130px}.food35-legend>div{display:grid;grid-template-columns:8px 1fr auto;gap:7px;font-size:10px}.food35-legend i{width:7px;height:7px;background:#70b56a;border-radius:50%;margin-top:3px}.food35-alerts{display:flex;flex-direction:column;gap:7px}.food35-alerts>div{display:flex;justify-content:space-between;border:1px solid #f0d6d2;background:#fff6f5;color:#71302c;border-radius:8px;padding:7px 8px;font-size:10px}.food35-stat{display:grid;place-items:center;min-height:70px}.food35-stat strong{font-size:24px}.food35-stat span{font-size:10px;color:#858f82}.food35-bars{display:flex;flex-direction:column;gap:7px}.food35-bars>div{display:grid;grid-template-columns:38px 1fr 24px;gap:6px;align-items:center;font-size:9px}.food35-bars i{height:7px;background:#70b56a;border-radius:10px}.food35-statusgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.food35-statusgrid>div{border:1px solid #e1eadf;border-radius:9px;padding:12px 6px;text-align:center}.food35-statusgrid strong{display:block;font-size:20px}.food35-statusgrid span{font-size:9px;color:#808b7e}.food35-timeline{display:flex;flex-direction:column;gap:8px}.food35-timeline>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;font-size:10px}.food35-timeline i{width:7px;height:7px;background:#70b56a;border-radius:50%}.food35-timeline time{color:#96a092}.food35-splitstats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.food35-splitstats>div{border:1px solid #e1eadf;border-radius:10px;padding:16px;text-align:center}.food35-splitstats strong{font-size:20px;display:block}.food35-splitstats span{font-size:10px;color:#899486}.food35-actions{display:grid;grid-template-columns:1fr;gap:8px}.food35-actions a{border:1px solid #dbe6d8;background:#f7faf6;border-radius:9px;padding:9px 10px;color:#334331;text-decoration:none;font-size:11px;font-weight:750}.food35-note{width:100%;height:92px;resize:vertical;border:1px solid #dce7d8;border-radius:9px;padding:10px;outline:none;font-size:12px}.food35-clock{min-height:88px;display:grid;place-items:center}.food35-clock strong{font-size:30px}.food35-clock span{font-size:11px;color:#7d887a;text-transform:capitalize}.food35-overlay{position:fixed;inset:0;background:rgba(20,29,19,.42);z-index:10020}.food35-drawer{position:absolute;right:0;top:0;height:100%;width:min(420px,92vw);background:#fff;box-shadow:-12px 0 35px rgba(0,0,0,.14);display:flex;flex-direction:column}.food35-drawer>header,.food35-template-modal>header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px;border-bottom:1px solid #e4ebe1}.food35-drawer h2,.food35-template-modal h2{font-size:18px;font-weight:850}.food35-drawer header p{font-size:11px;color:#7f8a7d;margin-top:4px}.food35-drawer header button,.food35-template-modal header button{font-size:24px;border:0;background:transparent;cursor:pointer}.food35-search{margin:14px 16px 8px;border:1px solid #dbe6d8;border-radius:10px;padding:9px 10px;display:flex;gap:7px}.food35-search input{border:0;outline:0;width:100%;font-size:12px}.food35-cats{display:flex;gap:5px;flex-wrap:wrap;padding:4px 16px 12px;border-bottom:1px solid #e4ebe1}.food35-cats button{border:0;background:transparent;border-radius:999px;padding:5px 9px;font-size:10px;color:#687565;cursor:pointer}.food35-cats button.active{background:#70b56a;color:#fff}.food35-catalog{padding:14px 16px;display:grid;grid-template-columns:1fr 1fr;gap:9px;overflow:auto}.food35-catalog button{position:relative;text-align:left;border:1px solid #dce7d8;background:white;border-radius:11px;padding:12px;min-height:105px;cursor:pointer}.food35-catalog button:hover{border-color:#70b56a}.food35-catalog button:disabled{opacity:.5;cursor:default}.food35-catalog .ico{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#eff7ed;color:#64a95f;margin-bottom:8px}.food35-catalog b{font-size:12px;display:block}.food35-catalog p{font-size:10px;color:#869183;margin-top:4px}.food35-catalog em{font-size:9px;font-style:normal;color:#68aa62;position:absolute;right:9px;bottom:8px}.food35-drawer footer{margin-top:auto;border-top:1px solid #e4ebe1;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.food35-drawer footer button{border:0;background:transparent;color:#5d6c5b;font-size:10px;cursor:pointer}.food35-drawer footer span{font-size:9px;color:#9aa397}.food35-overlay.center{display:grid;place-items:center}.food35-template-modal{width:min(700px,92vw);background:#fff;border-radius:15px;box-shadow:0 24px 65px rgba(0,0,0,.22);overflow:hidden}.food35-warning{margin:16px 18px 10px;background:#fff8dc;color:#9d6c23;border-radius:7px;padding:7px 9px;font-size:10px}.food35-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 18px 20px}.food35-template-grid button{text-align:left;border:1px solid #d4e2d1;background:#fff;border-radius:11px;padding:14px;min-height:102px;cursor:pointer}.food35-template-grid button:hover{border-color:#70b56a}.food35-template-grid i{display:block;width:38px;height:4px;background:#70b56a;border-radius:10px;margin-bottom:10px}.food35-template-grid b{font-size:13px}.food35-template-grid p{font-size:10px;color:#7e897b;margin-top:5px}.food35-settings{padding:22px}.food35-settings-head h1{font-size:25px;font-weight:850}.food35-settings-head p{font-size:12px;color:#7f8b7c;margin-top:4px}.food35-settings-tabs{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.food35-settings-tabs a{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;border:1px solid #dce7d8;border-radius:12px;padding:14px;background:#fff;text-decoration:none;color:#233022}.food35-settings-tabs a:hover{border-color:#70b56a;background:#fbfdfb}.food35-settings-tabs a.disabled{opacity:.55;pointer-events:none}.food35-settings-tabs .ico{width:9px;height:9px;border-radius:3px;background:#70b56a}.food35-settings-tabs b{display:block;font-size:12px}.food35-settings-tabs span{font-size:10px;color:#879285}.food35-settings-tabs em{font-style:normal}.food35-settings-note{margin-top:14px;border:1px solid #e1eadf;background:#f7faf6;border-radius:12px;padding:14px}.food35-settings-note b{font-size:12px}.food35-settings-note p{font-size:10px;color:#7c8879;margin-top:4px}
@media(max-width:1050px){.food35-widget.span-3,.food35-widget.span-4{grid-column:span 6}.food35-widget.span-8{grid-column:span 12}.food35-template-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.food35-page{padding:12px}.food35-title{align-items:flex-start;flex-direction:column}.food35-title-actions{flex-wrap:wrap}.food35-widget.span-3,.food35-widget.span-4,.food35-widget.span-6,.food35-widget.span-8,.food35-widget.span-12{grid-column:span 12}.food35-catalog,.food35-template-grid,.food35-settings-tabs{grid-template-columns:1fr}.food35-donutwrap{flex-direction:column}.food35-statusgrid{grid-template-columns:1fr 1fr}}
html[data-theme="dark"] .food35-page,html.dark .food35-page{color:#f5f7f4}.dark .food35-widget,.dark .food35-title-actions a,.dark .food35-title-actions button,.dark .food35-drawer,.dark .food35-template-modal,.dark .food35-settings-tabs a{background:#151915;color:#f1f3f0;border-color:#323a31}.dark .food35-gauge-ring>div,.dark .food35-donut>div{background:#151915}.dark .food35-widget>header{border-color:#323a31}.dark .food35-note{background:#0f120f;color:#fff;border-color:#323a31}


/* =========================================================
   FOOD Brasil 3.5.1 — paridade visual Dashboard LIVE
   ========================================================= */
.food35-page{padding:18px 16px 42px}
.food35-title{margin-bottom:14px}
.food35-title-icon{width:30px;height:30px;border-radius:8px;background:#eff7ed;color:#62aa5c;font-size:0}
.food35-title-icon svg{display:block}
.food35-title h1{font-size:22px}
.food35-title p{font-size:11px;margin-top:4px}
.food35-title-actions{gap:7px}
.food35-title-actions a,.food35-title-actions button{height:34px;border-radius:10px;padding:0 12px;font-size:11px;font-weight:750;gap:6px}
.food35-title-actions svg{display:block}
.food35-title-actions .after{display:flex;align-items:center}
.food35-grid{gap:10px}
.food35-widget{border-radius:10px;min-height:118px;box-shadow:none}
.food35-widget>header{height:34px;padding:0 10px;font-size:11px}
.food35-widget>header>div{gap:6px}
.food35-widget-icon{width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;color:#6d7a6c}
.food35-widget-icon svg{display:block}
.food35-widget-tools{gap:2px!important}
.food35-widget>header button.tool{width:25px;height:25px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#758073;border-radius:6px}
.food35-widget>header button.tool:hover{background:#f0f4ee;color:#263324}
.food35-widget>header button.tool.danger:hover{background:#fff0ef;color:#d9534f}
.food35-widget>header button.expand{opacity:.95}
.food35-widget.is-editing{outline:1px dashed rgba(112,181,106,.22);outline-offset:-3px}
.food35-widget.is-editing>header{cursor:move}
.food35-widget>section{padding:11px}
.food35-kpi-icon{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.food35-kpi-icon>div{display:flex;flex-direction:column;gap:5px}
.food35-kpi-badge{width:39px;height:39px;border-radius:9px;display:grid;place-items:center;font-style:normal}
.food35-kpi-badge.green{background:#eff7ed;color:#63aa5d}
.food35-kpi-badge.cyan{background:#eafafb;color:#35b9bd}
.food35-drawer{width:min(385px,94vw);box-shadow:-8px 0 24px rgba(0,0,0,.12)}
.food35-drawer>header{padding:17px 16px 13px}
.food35-drawer h2{font-size:17px}
.food35-drawer header p{font-size:10px;max-width:315px}
.food35-drawer header button{width:28px;height:28px;display:grid;place-items:center;font-size:0;color:#687565}
.food35-search{margin:12px 14px 8px;padding:8px 10px;border-radius:9px;align-items:center}
.food35-search>span{display:flex;color:#839080}
.food35-cats{padding:4px 14px 11px;gap:3px}
.food35-cats button{padding:5px 8px;font-size:10px}
.food35-catalog{padding:12px 14px;gap:9px}
.food35-catalog button{border-radius:10px;padding:10px;min-height:105px}
.food35-catalog .ico{width:30px;height:30px;border-radius:8px;margin-bottom:8px;background:#eff7ed;color:#64a95f}
.food35-catalog .ico.widget-new_customers,.food35-catalog .ico.widget-order_status,.food35-catalog .ico.widget-live_activity,.food35-catalog .ico.widget-new_returning{background:#eafafb;color:#24b8bf}
.food35-catalog .ico.widget-tax_service{background:#fff0f5;color:#e05c91}
.food35-catalog .ico.widget-quick_actions,.food35-catalog .ico.widget-sticky_note,.food35-catalog .ico.widget-clock{background:#f3efff;color:#8c69df}
.food35-drawer footer button{display:flex;align-items:center;gap:5px}
.food35-expanded-card{width:min(900px,92vw);max-height:82vh;overflow:auto;background:#fff;border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.22);border:1px solid #dce7db}
.food35-expanded-card>header{height:42px;border-bottom:1px solid #e7eee4;display:flex;align-items:center;justify-content:space-between;padding:0 12px}
.food35-expanded-card>header>div{display:flex;align-items:center;gap:7px;font-size:12px}
.food35-expanded-card>header button{border:0;background:transparent;width:30px;height:30px;border-radius:7px;display:grid;place-items:center;cursor:pointer;color:#6f7c6d}
.food35-expanded-card>section{padding:16px;min-height:220px}
.food35-expand-overlay{z-index:10045}

/* Busca global Ctrl+K centralizada como no LIVE */
dialog#search-modal{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;width:min(440px,calc(100vw - 32px))!important;max-width:none!important;max-height:calc(100vh - 40px)!important;overflow:visible!important;z-index:2147483000!important}
dialog#search-modal[open]{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
dialog#search-modal::backdrop{background:rgba(28,34,28,.48)!important;backdrop-filter:blur(1.5px)}
dialog#search-modal .modal-box{position:relative!important;margin:0!important;width:100%!important;max-width:none!important;max-height:min(440px,70vh)!important;overflow:auto!important;border-radius:14px!important;padding:18px!important;background:#fff!important;color:#1f2c1e!important;box-shadow:0 24px 70px rgba(0,0,0,.24)!important;transform:none!important}
dialog#search-modal .modal-box>div:first-child{background:#fff;z-index:2}
dialog#search-modal input[type="search"]{height:42px;border-radius:10px!important;font-size:12px}
dialog#search-modal .btn-circle{width:40px;height:40px;min-height:40px;border-radius:50%!important;border:0;background:#f3f5f2}
dialog#search-modal form button{border-radius:10px!important;font-size:12px}
dialog#search-modal .modal-box>p:last-child{padding:8px 0 2px!important;font-size:10px!important;color:#9aa3ae!important}

/* AppBar / perfil nas proporções do LIVE */
body .sticky.top-0.z-\[9999\]{min-height:52px;padding-top:8px!important;padding-bottom:8px!important}
body .sticky.top-0.z-\[9999\]>button:first-child{min-height:34px;padding:6px 10px!important}
body .sticky.top-0.z-\[9999\] .kbd{min-height:22px;height:22px;padding:0 6px}
body .sticky.top-0.z-\[9999\] .relative.inline-block img{width:34px!important;height:34px!important}
body .sticky.top-0.z-\[9999\] .relative.inline-block p{font-size:12px}

@media(max-width:700px){
 dialog#search-modal{width:calc(100vw - 22px)!important}
 dialog#search-modal .modal-box{padding:14px!important}
 .food35-expanded-card{width:94vw}
}


/* =========================================================
   FOOD Brasil 3.5.2 — DARK MODE LIVE / shell global
   O RestroPRO LIVE usa preto neutro; verde apenas como destaque.
   ========================================================= */

/* Canvas e shell completos */
html.dark,
html.dark body,
html[data-theme="black"],
html[data-theme="black"] body{
  background:#000!important;
  color:#f5f5f5!important;
}
html.dark body,
html[data-theme="black"] body{
  min-height:100vh;
}
html.dark body #root,
html[data-theme="black"] body #root,
html.dark .flex.min-h-screen,
html[data-theme="black"] .flex.min-h-screen{
  background:#000!important;
  color:#f5f5f5!important;
}

/* Área central do DashboardLayout */
html.dark .flex.min-h-screen>div:nth-child(2),
html[data-theme="black"] .flex.min-h-screen>div:nth-child(2){
  background:#000!important;
  color:#f5f5f5!important;
}

/* AppBar */
html.dark body .sticky.top-0.z-\[9999\],
html[data-theme="black"] body .sticky.top-0.z-\[9999\]{
  background:rgba(0,0,0,.96)!important;
  color:#f5f5f5!important;
  border-color:#2d2d2d!important;
  backdrop-filter:blur(10px)!important;
}
html.dark body .sticky.top-0.z-\[9999\]>button:first-child,
html[data-theme="black"] body .sticky.top-0.z-\[9999\]>button:first-child{
  background:#121212!important;
  color:#f5f5f5!important;
  border:1px solid #2c2c2c!important;
}
html.dark body .sticky.top-0.z-\[9999\] .kbd,
html[data-theme="black"] body .sticky.top-0.z-\[9999\] .kbd{
  background:#1e1e1e!important;
  border-color:#3a3a3a!important;
  color:#ededed!important;
}

/* Sidebar, textos de seção e perfil */
html.dark .bg-restro-green-light,
html[data-theme="black"] .bg-restro-green-light{
  background:#121212!important;
}
html.dark .bg-restro-green-light,
html.dark .bg-restro-green-light p,
html.dark .bg-restro-green-light a,
html.dark .bg-restro-green-light button,
html[data-theme="black"] .bg-restro-green-light,
html[data-theme="black"] .bg-restro-green-light p,
html[data-theme="black"] .bg-restro-green-light a,
html[data-theme="black"] .bg-restro-green-light button{
  color:#f1f1f1;
}
html.dark .bg-restro-green-light .text-gray-500,
html[data-theme="black"] .bg-restro-green-light .text-gray-500{
  color:#858585!important;
}
html.dark .bg-restro-green-light>p.font-bold,
html[data-theme="black"] .bg-restro-green-light>p.font-bold{
  color:#858585!important;
  letter-spacing:.035em;
}
html.dark .bg-restro-bg-hover-dark-mode,
html[data-theme="black"] .bg-restro-bg-hover-dark-mode{
  background:#353535!important;
}

/* Dashboard principal */
html.dark .food35-page,
html[data-theme="black"] .food35-page{
  background:#000!important;
  color:#f5f5f5!important;
}
html.dark .food35-title h1,
html[data-theme="black"] .food35-title h1{
  color:#f7f7f7!important;
}
html.dark .food35-title p,
html[data-theme="black"] .food35-title p{
  color:#a1a1a1!important;
}
html.dark .food35-title-icon,
html[data-theme="black"] .food35-title-icon{
  background:#0b2112!important;
  color:#55b86c!important;
}
html.dark .food35-title-actions a,
html.dark .food35-title-actions button,
html[data-theme="black"] .food35-title-actions a,
html[data-theme="black"] .food35-title-actions button{
  background:#080a08!important;
  border-color:#333!important;
  color:#fff!important;
}
html.dark .food35-title-actions button.primary,
html[data-theme="black"] .food35-title-actions button.primary{
  background:#2f7948!important;
  border-color:#2f7948!important;
  color:#fff!important;
}
html.dark .food35-title-actions a:hover,
html.dark .food35-title-actions button:hover,
html[data-theme="black"] .food35-title-actions a:hover,
html[data-theme="black"] .food35-title-actions button:hover{
  background:#1b1b1b!important;
}

/* Widgets: preto neutro e bordas cinza como LIVE */
html.dark .food35-widget,
html[data-theme="black"] .food35-widget{
  background:#000!important;
  border-color:#343434!important;
  color:#f5f5f5!important;
}
html.dark .food35-widget>header,
html[data-theme="black"] .food35-widget>header{
  background:#000!important;
  color:#f5f5f5!important;
  border-color:#343434!important;
}
html.dark .food35-widget>section,
html[data-theme="black"] .food35-widget>section{
  background:#000!important;
  color:#f5f5f5!important;
}
html.dark .food35-widget-icon,
html[data-theme="black"] .food35-widget-icon{
  color:#c7c7c7!important;
}
html.dark .food35-widget>header button.tool,
html[data-theme="black"] .food35-widget>header button.tool{
  color:#c3c3c3!important;
}
html.dark .food35-widget>header button.tool:hover,
html[data-theme="black"] .food35-widget>header button.tool:hover{
  background:#222!important;
  color:#fff!important;
}
html.dark .food35-widget small,
html.dark .food35-widget .muted,
html.dark .food35-widget p,
html[data-theme="black"] .food35-widget small,
html[data-theme="black"] .food35-widget .muted,
html[data-theme="black"] .food35-widget p{
  color:#a1a1a1;
}
html.dark .food35-widget strong,
html.dark .food35-widget b,
html[data-theme="black"] .food35-widget strong,
html[data-theme="black"] .food35-widget b{
  color:#fff;
}

/* KPIs */
html.dark .food35-kpi-badge.green,
html[data-theme="black"] .food35-kpi-badge.green{
  background:#07170d!important;
  color:#58c477!important;
}
html.dark .food35-kpi-badge.cyan,
html[data-theme="black"] .food35-kpi-badge.cyan{
  background:#061719!important;
  color:#42cbd0!important;
}

/* Gráficos / donuts / gauges */
html.dark .food35-chart,
html[data-theme="black"] .food35-chart{
  background:#000!important;
}
html.dark .food35-chart-grid,
html[data-theme="black"] .food35-chart-grid{
  border-color:#242424!important;
}
html.dark .food35-gauge-ring,
html[data-theme="black"] .food35-gauge-ring{
  background:conic-gradient(#2fbd64 var(--pct,0%),#1c211e 0)!important;
}
html.dark .food35-gauge-ring>div,
html.dark .food35-donut>div,
html[data-theme="black"] .food35-gauge-ring>div,
html[data-theme="black"] .food35-donut>div{
  background:#000!important;
  color:#fff!important;
}
html.dark .food35-donut,
html[data-theme="black"] .food35-donut{
  box-shadow:none!important;
}
html.dark .food35-bar,
html[data-theme="black"] .food35-bar{
  background:#202020!important;
}

/* Alertas/estados vazios */
html.dark .food35-empty,
html[data-theme="black"] .food35-empty{
  color:#989898!important;
}
html.dark .food35-alert,
html[data-theme="black"] .food35-alert{
  background:#190c0c!important;
  border-color:#4a1717!important;
  color:#ff7474!important;
}

/* Drawer Personalizar */
html.dark .food35-overlay,
html[data-theme="black"] .food35-overlay{
  background:rgba(0,0,0,.68)!important;
}
html.dark .food35-drawer,
html.dark .food35-template-modal,
html.dark .food35-expanded-card,
html[data-theme="black"] .food35-drawer,
html[data-theme="black"] .food35-template-modal,
html[data-theme="black"] .food35-expanded-card{
  background:#0e0e0e!important;
  color:#f5f5f5!important;
  border-color:#333!important;
}
html.dark .food35-drawer>header,
html.dark .food35-template-modal>header,
html.dark .food35-expanded-card>header,
html[data-theme="black"] .food35-drawer>header,
html[data-theme="black"] .food35-template-modal>header,
html[data-theme="black"] .food35-expanded-card>header{
  background:#0e0e0e!important;
  border-color:#303030!important;
}
html.dark .food35-search,
html[data-theme="black"] .food35-search{
  background:#161616!important;
  border-color:#333!important;
}
html.dark .food35-search input,
html[data-theme="black"] .food35-search input{
  color:#fff!important;
}
html.dark .food35-cats,
html[data-theme="black"] .food35-cats{
  border-color:#303030!important;
}
html.dark .food35-catalog button,
html.dark .food35-template-grid button,
html[data-theme="black"] .food35-catalog button,
html[data-theme="black"] .food35-template-grid button{
  background:#111!important;
  color:#f5f5f5!important;
  border-color:#303030!important;
}
html.dark .food35-catalog button:hover,
html.dark .food35-template-grid button:hover,
html[data-theme="black"] .food35-catalog button:hover,
html[data-theme="black"] .food35-template-grid button:hover{
  border-color:#55a965!important;
  background:#151515!important;
}
html.dark .food35-catalog p,
html.dark .food35-template-grid p,
html[data-theme="black"] .food35-catalog p,
html[data-theme="black"] .food35-template-grid p{
  color:#999!important;
}
html.dark .food35-drawer footer,
html[data-theme="black"] .food35-drawer footer{
  border-color:#303030!important;
}

/* Configurações */
html.dark .food35-settings,
html[data-theme="black"] .food35-settings{
  background:#000!important;
  color:#fff!important;
}
html.dark .food35-settings-tabs a,
html[data-theme="black"] .food35-settings-tabs a{
  background:#0c0c0c!important;
  color:#fff!important;
  border-color:#303030!important;
}
html.dark .food35-settings-tabs span,
html.dark .food35-settings-head p,
html[data-theme="black"] .food35-settings-tabs span,
html[data-theme="black"] .food35-settings-head p{
  color:#9b9b9b!important;
}
html.dark .food35-settings-note,
html[data-theme="black"] .food35-settings-note{
  background:#101010!important;
  border-color:#303030!important;
}

/* Ctrl+K: mesmo modal, agora respeitando DARK */
html.dark dialog#search-modal::backdrop,
html[data-theme="black"] dialog#search-modal::backdrop{
  background:rgba(0,0,0,.72)!important;
  backdrop-filter:blur(2px);
}
html.dark dialog#search-modal .modal-box,
html[data-theme="black"] dialog#search-modal .modal-box{
  background:#121212!important;
  color:#f5f5f5!important;
  border:1px solid #333!important;
  box-shadow:0 24px 80px rgba(0,0,0,.7)!important;
}
html.dark dialog#search-modal .modal-box>div:first-child,
html[data-theme="black"] dialog#search-modal .modal-box>div:first-child{
  background:#121212!important;
}
html.dark dialog#search-modal input[type="search"],
html[data-theme="black"] dialog#search-modal input[type="search"]{
  background:#1a1a1a!important;
  border-color:#353535!important;
  color:#fff!important;
}
html.dark dialog#search-modal .btn-circle,
html[data-theme="black"] dialog#search-modal .btn-circle{
  background:#232323!important;
  color:#fff!important;
}
html.dark dialog#search-modal form button:hover,
html[data-theme="black"] dialog#search-modal form button:hover{
  background:#252525!important;
}

/* Dropdowns do AppBar */
html.dark [role="menu"],
html.dark .dropdown-content,
html[data-theme="black"] [role="menu"],
html[data-theme="black"] .dropdown-content{
  background:#121212!important;
  color:#f4f4f4!important;
  border-color:#333!important;
}

/* Form controls genéricos dentro do shell */
html.dark input,
html.dark select,
html.dark textarea,
html[data-theme="black"] input,
html[data-theme="black"] select,
html[data-theme="black"] textarea{
  color-scheme:dark;
}

/* Scrollbar no dark */
html.dark ::-webkit-scrollbar-thumb,
html[data-theme="black"] ::-webkit-scrollbar-thumb{
  background:#444!important;
}

/* FOOD Brasil 3.6 — Audit Logs LIVE */
.food36-audit{padding:22px 22px 34px;color:#1f2d20}
.dark .food36-audit{color:#f5f7f5}
.food36-audit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.food36-audit-head h1{font-size:30px;line-height:1.15;font-weight:400;margin:0}
.food36-audit-head p{margin:8px 0 0;color:#6b766d;font-size:14px}
.dark .food36-audit-head p{color:#a6aea7}
.food36-audit-filters{display:grid;grid-template-columns:minmax(280px,1.7fr) minmax(190px,.8fr) minmax(210px,.9fr) auto;gap:12px;align-items:end;padding:16px;border:1px solid #d8e5d6;border-radius:16px;background:#fff;margin-bottom:16px}
.dark .food36-audit-filters{background:#151515;border-color:#343a35}
.food36-audit-filters label{display:flex;flex-direction:column;gap:6px}
.food36-audit-filters label>span{font-size:12px;font-weight:600;color:#647067}
.dark .food36-audit-filters label>span{color:#a7afa9}
.food36-audit-filters input,.food36-audit-filters select,.food36-audit-pagination select{height:42px;border:1px solid #cbd9c9;border-radius:10px;background:#f9fbf8;color:#203122;padding:0 12px;outline:none;font-size:13px}
.food36-audit-filters input:focus,.food36-audit-filters select:focus,.food36-audit-pagination select:focus{border-color:#6f9d72;box-shadow:0 0 0 3px rgba(76,130,82,.12)}
.dark .food36-audit-filters input,.dark .food36-audit-filters select,.dark .food36-audit-pagination select{background:#0f0f0f;border-color:#3b433d;color:#f3f6f3}
.food36-audit-clear{height:42px;padding:0 16px;border-radius:10px;border:1px solid #cbd9c9;background:#fff;color:#35523a;font-size:13px;font-weight:600;cursor:pointer}
.food36-audit-clear:hover{background:#f2f7f1}
.dark .food36-audit-clear{background:#171717;border-color:#3b433d;color:#dfe9df}
.dark .food36-audit-clear:hover{background:#222}
.food36-audit-error{margin-bottom:14px;padding:12px 14px;border-radius:12px;background:#fff0f0;border:1px solid #f0bcbc;color:#9f1d1d;font-size:13px}
.dark .food36-audit-error{background:#311515;border-color:#653030;color:#ffb3b3}
.food36-audit-card{border:1px solid #d8e5d6;border-radius:16px;background:#fff;overflow:hidden}
.dark .food36-audit-card{background:#121212;border-color:#343a35}
.food36-audit-table-wrap{overflow:auto}
.food36-audit-table{width:100%;min-width:1180px;border-collapse:collapse;font-size:13px}
.food36-audit-table thead th{padding:13px 14px;text-align:left;background:#f5f8f4;border-bottom:1px solid #d8e5d6;color:#566259;font-size:11px;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}
.dark .food36-audit-table thead th{background:#1a1a1a;border-color:#343a35;color:#aab2ac}
.food36-audit-table tbody td{padding:14px;border-bottom:1px solid #edf2ec;vertical-align:top;color:#35423a}
.dark .food36-audit-table tbody td{border-color:#292d2a;color:#e7ebe7}
.food36-audit-table tbody tr:last-child td{border-bottom:none}
.food36-audit-table tbody tr:hover{background:#fbfdfb}
.dark .food36-audit-table tbody tr:hover{background:#181b18}
.food36-audit-action,.food36-audit-user{display:flex;flex-direction:column;gap:4px}
.food36-audit-action code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#7a857d;background:#f2f5f1;border-radius:6px;padding:2px 5px;width:max-content;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.dark .food36-audit-action code{background:#242724;color:#b7c0b9}
.food36-audit-user small{font-size:11px;color:#7c867f}
.dark .food36-audit-user small{color:#9da59f}
.food36-status{display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.food36-status.old{background:#f1f3f1;color:#5f6a61;border:1px solid #dfe4df}
.food36-status.new{background:#e9f6e8;color:#2d6a35;border:1px solid #c8e5c7}
.dark .food36-status.old{background:#242624;color:#c1c7c2;border-color:#3a3e3b}
.dark .food36-status.new{background:#17361c;color:#aee2b4;border-color:#2f5b35}
.food36-audit-empty{text-align:center!important;padding:38px 16px!important;color:#7a847c!important}
.food36-audit-pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;border-top:1px solid #d8e5d6;background:#fbfdfb;font-size:12px;color:#68736a}
.dark .food36-audit-pagination{background:#171717;border-color:#343a35;color:#aab2ac}
.food36-audit-pagination>div{display:flex;align-items:center;gap:8px}
.food36-audit-pagination select{height:34px}
.food36-audit-pagination button{height:34px;padding:0 12px;border-radius:9px;border:1px solid #cad7c8;background:#fff;color:#344c38;font-size:12px;font-weight:600;cursor:pointer}
.food36-audit-pagination button:disabled{opacity:.45;cursor:not-allowed}
.dark .food36-audit-pagination button{background:#202020;border-color:#3b433d;color:#dfe6df}
@media(max-width:1100px){.food36-audit-filters{grid-template-columns:1fr 1fr}.food36-audit-search{grid-column:1/-1}.food36-audit-clear{width:100%}}
@media(max-width:640px){.food36-audit{padding:14px 12px 96px}.food36-audit-head h1{font-size:25px}.food36-audit-filters{grid-template-columns:1fr}.food36-audit-search{grid-column:auto}.food36-audit-pagination{align-items:flex-start;flex-direction:column}.food36-audit-pagination>div{width:100%;flex-wrap:wrap}}