/* Romálat · styles.css — UI reconstruida al look & feel viejo, backend actual.
   Orden de cascada idéntico a la página vieja: daisyUI → CSS propio → Tailwind compilado. */
/* daisyUI 5.7.44 — subset extraído con el parser del navegador (solo componentes usados) */
@layer base {
  :root, :root:has(input.theme-controller[value="light"]:checked), [data-theme="light"] { color-scheme: light; --color-base-100: oklch(100% 0 0); --color-base-200: oklch(98% 0 0); --color-base-300: oklch(95% 0 0); --color-base-content: oklch(21% .006 285.885); --color-primary: oklch(45% .24 277.023); --color-primary-content: oklch(93% .034 272.788); --color-secondary: oklch(65% .241 354.308); --color-secondary-content: oklch(94% .028 342.258); --color-accent: oklch(77% .152 181.912); --color-accent-content: oklch(38% .063 188.416); --color-neutral: oklch(14% .005 285.823); --color-neutral-content: oklch(92% .004 286.32); --color-info: oklch(74% .16 232.661); --color-info-content: oklch(29% .066 243.157); --color-success: oklch(76% .177 163.223); --color-success-content: oklch(37% .077 168.94); --color-warning: oklch(82% .189 84.429); --color-warning-content: oklch(41% .112 45.904); --color-error: oklch(71% .194 13.428); --color-error-content: oklch(27% .105 12.094); --radius-selector: .5rem; --radius-field: .25rem; --radius-box: .5rem; --size-selector: .25rem; --size-field: .25rem; --border: 1px; --depth: 1; --noise: 0; }
  :root:has(input.theme-controller[value="dark"]:checked), [data-theme="dark"] { color-scheme: dark; --color-base-100: oklch(25.33% .016 252.42); --color-base-200: oklch(23.26% .014 253.1); --color-base-300: oklch(21.15% .012 254.09); --color-base-content: oklch(97.807% .029 256.847); --color-primary: oklch(58% .233 277.117); --color-primary-content: oklch(96% .018 272.314); --color-secondary: oklch(65% .241 354.308); --color-secondary-content: oklch(94% .028 342.258); --color-accent: oklch(77% .152 181.912); --color-accent-content: oklch(38% .063 188.416); --color-neutral: oklch(14% .005 285.823); --color-neutral-content: oklch(92% .004 286.32); --color-info: oklch(74% .16 232.661); --color-info-content: oklch(29% .066 243.157); --color-success: oklch(76% .177 163.223); --color-success-content: oklch(37% .077 168.94); --color-warning: oklch(82% .189 84.429); --color-warning-content: oklch(41% .112 45.904); --color-error: oklch(71% .194 13.428); --color-error-content: oklch(27% .105 12.094); --radius-selector: .5rem; --radius-field: .25rem; --radius-box: .5rem; --size-selector: .25rem; --size-field: .25rem; --border: 1px; --depth: 1; --noise: 0; }
  :root { scrollbar-color: color-mix(in oklch, currentcolor 35%, rgba(0, 0, 0, 0)) rgba(0, 0, 0, 0); }
  *, ::after, ::backdrop, ::before, ::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  :host, html { line-height: 1.5; 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"); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  body { line-height: inherit; }
  hr { height: 0px; color: inherit; border-top-width: 1px; }
  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
  a { color: inherit; text-decoration: inherit; }
  table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
  ::file-selector-button, button, input, optgroup, select, textarea { font: inherit; letter-spacing: inherit; color: inherit; background: 0px 0px; }
  input:where(:not([type="button"], [type="reset"], [type="submit"])), select, textarea { border-width: 1px; }
  ::file-selector-button, button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
  ::-webkit-search-decoration { appearance: none; }
  menu, ol, ul { list-style: none; }
  textarea { resize: vertical; }
  ::placeholder { opacity: 1; color: color-mix(in oklch, currentcolor, rgba(0, 0, 0, 0)); }
  audio, canvas, embed, iframe, img, object, svg, video { vertical-align: middle; display: block; }
  img, video { max-width: 100%; height: auto; }
  :root { --page-scroll-lock: initial; --page-overflow: var(--page-scroll-lock) hidden; }
  :root:not(span) { overflow: var(--page-overflow); }
  @property --radialprogress { syntax: "<percentage>"; inherits: true; initial-value: 0%; }
  @property --aura-angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
  :root { --page-has-backdrop: var(--page-scroll-lock) 1; --page-scroll-bg: var(--page-scroll-lock) color-mix(in srgb, var(--root-bg,#0000), oklch(0% 0 0) calc(var(--page-has-backdrop,0) * 40%)); background-image: var(--page-scroll-lock) linear-gradient(var(--root-bg,#0000), var(--root-bg,#0000)); transition: var(--page-scroll-lock) background-color .3s ease-out; animation-duration: ; animation-timing-function: ; animation-delay: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-range-start: ; animation-range-end: ; animation-timeline: var(--page-scroll-lock) scroll(); --page-has-scroll: initial; scrollbar-gutter: var(--page-has-scroll) var(--page-scroll-lock) stable; }
  @keyframes set-page-has-scroll { 
  0%, 100% { --page-has-scroll: ; }
}
  :root { --fx-noise: none; }
  :root, [data-theme] { background-color: var(--root-bg); color: var(--color-base-content); }
  :root { background-color: var(--page-scroll-bg,var(--root-bg)); }
  :where(:root, [data-theme]) { --root-bg: var(--color-base-100); }
}
@layer utilities{@layer daisyui.l1.l2.l3{.badge { border-radius: var(--radius-selector); vertical-align: middle; color: var(--badge-fg); border: var(--border) solid var(--badge-color,var(--color-base-200)); background-size: auto, calc(var(--noise) * 100%); background-image: none, var(--fx-noise); background-color: var(--badge-bg); --badge-bg: var(--badge-color,var(--color-base-100)); --badge-fg: var(--color-base-content); --size: calc(var(--size-selector,.25rem) * 6); width: fit-content; height: var(--size); padding-inline: calc(var(--size) / 2 - var(--border)); flex-shrink: 0; justify-content: center; align-items: center; gap: 0.5rem; font-size: 0.875rem; display: inline-flex; }.label:is(.input > *, .select > *) {
  white-space: nowrap; height: calc(100% - 0.5rem); font-size: inherit; align-items: center; padding-inline: 0.75rem; display: flex;
  &:first-child { border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000); margin-inline: -0.75rem 0.75rem; }
  &:last-child { border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000); margin-inline: 0.75rem -0.75rem; }
}.input { appearance: none; background-color: var(--color-base-100); vertical-align: middle; white-space: nowrap; --size: calc(var(--size-field,.25rem) * var(--in-size-mul,10)); --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000); cursor: text; width: clamp(3rem, 20rem, 100%); height: var(--size); font-size: max(var(--font-size,0rem), var(--font-size-min,.875rem)); touch-action: manipulation; border: var(--border) solid var(--input-color,#0000); box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset; border-start-start-radius: var(--join-ss,var(--radius-field)); border-start-end-radius: var(--join-se,var(--radius-field)); border-end-end-radius: var(--join-ee,var(--radius-field)); border-end-start-radius: var(--join-es,var(--radius-field)); flex-shrink: 1; align-items: center; gap: 0.5rem; padding-inline: 0.75rem; display: inline-flex; position: relative; }.input input {
  appearance: none; background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; width: 100%; height: 100%;
  &::placeholder { color: var(--color-base-content); opacity: 0.5; }
  &:focus, &:focus-within {
  --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}
  &::-webkit-calendar-picker-indicator { inset-inline-end: -0.15em; }
}.input::-webkit-inner-spin-button { margin-inline-end: -10px; }.input::-webkit-calendar-picker-indicator { inset-inline-end: 0.75em; }input.input, .input input {
  text-align: start; display: inline-flex; position: relative;
  &[type="url"], &[type="tel"], &[type="email"], &[type="number"] { direction: ltr; }
  &::-webkit-datetime-edit, &::-webkit-date-and-time-value { min-height: 100%; text-align: inherit; align-items: center; display: grid; }
  &::-webkit-inner-spin-button { margin-block: calc(.25rem * var(--spin-my,-3)); }
  &::-webkit-calendar-picker-indicator { cursor: pointer; width: 1em; height: 1em; position: absolute; }
  &::-webkit-color-swatch-wrapper { padding-block: 0.25rem; }
}.input:focus, .input:focus-within { --input-color: var(--color-base-content); box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000); outline: 2px solid var(--input-color); outline-offset: 2px; }@media (pointer: coarse) {@supports (-webkit-touch-callout:none) {.input:focus, .input:focus-within { --font-size: 1rem; }}}.file-input { border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-style: ; border-bottom-width: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; cursor: pointer; appearance: none; background-color: var(--color-base-100); vertical-align: middle; user-select: none; width: clamp(3rem, 20rem, 100%); height: var(--size); border-color: var(--input-color); box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset; --size: calc(var(--size-field,.25rem) * 10); --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000); border-start-start-radius: var(--join-ss,var(--radius-field)); border-start-end-radius: var(--join-se,var(--radius-field)); border-end-end-radius: var(--join-ee,var(--radius-field)); border-end-start-radius: var(--join-es,var(--radius-field)); align-items: center; padding-inline-end: 0.75rem; font-size: 0.875rem; line-height: 2; display: inline-flex; }.file-input::file-selector-button { cursor: pointer; user-select: none; height: calc(100% + var(--border) * 2); margin-inline-end: 1rem; margin-block: calc(var(--border) * -1); color: var(--btn-fg); border-width: var(--border); border-style: solid; border-color: var(--btn-border); background-color: var(--btn-bg); background-size: calc(var(--noise) * 100%); background-image: var(--fx-noise); text-shadow: 0 .5px oklch(1 0 0 / calc(var(--depth) * .15)); box-shadow: 0 .5px 0 .5px color-mix(in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000) inset, var(--btn-shadow); --size: calc(var(--size-field,.25rem) * 10); --btn-bg: var(--btn-color,var(--color-base-200)); --btn-fg: var(--color-base-content); --btn-border: color-mix(in oklab, var(--btn-bg), #000 5%); --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000); border-start-start-radius: calc(var(--join-ss,var(--radius-field) - var(--border))); border-end-start-radius: calc(var(--join-es,var(--radius-field) - var(--border))); margin-inline-start: calc(var(--border) * -1); padding-inline: 1rem; font-size: 0.875rem; font-weight: 600; }.file-input:focus { --input-color: var(--color-base-content); box-shadow: 0 1px color-mix(in oklab, var(--input-color) 10%, #0000); outline: 2px solid var(--input-color); outline-offset: 2px; isolation: isolate; }.tab:is(.tabs > .tab) {
  cursor: pointer; appearance: none; text-align: center; user-select: none; flex-wrap: wrap; justify-content: center; align-items: center; display: inline-flex; position: relative;
  &:hover {
  @media (hover: hover) {
  color: var(--color-base-content);
}
}
  --tab-p: .75rem; --tab-bg: var(--color-base-100); --tab-border-color: var(--color-base-300); --tab-radius-ss: 0; --tab-radius-se: 0; --tab-radius-es: 0; --tab-radius-ee: 0; --tab-order: 0; --tab-radius-min: calc(.75rem - var(--border)); --tab-radius-limit: min(var(--radius-field), var(--tab-radius-min)); --tab-radius-grad: #0000 calc(69% - var(--border)), var(--tab-border-color) calc(69% - var(--border) + .25px), var(--tab-border-color) 69%, var(--tab-bg) calc(69% + .25px); order: var(--tab-order); height: var(--tab-height); padding-inline: var(--tab-p); border-color: rgba(0, 0, 0, 0); font-size: 0.875rem;
  &:is(input[type="radio"]) {
  min-width: fit-content;
  &::after { --tw-content: attr(aria-label); content: var(--tw-content); }
}
  &:is(label) {
  position: relative;
  & input { cursor: pointer; appearance: none; opacity: 0; position: absolute; inset: 0px; }
}
  &:checked, &:is(label:has(:checked)), &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
  & + .tab-content { display: block; }
}
  &:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { color: color-mix(in oklab, var(--color-base-content) 50%, transparent); }
  &:not(input):empty { cursor: default; flex-grow: 1; }
  &:focus {
  --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}
  &:focus-visible, &:is(label:has(:checked:focus-visible)) { outline-offset: -5px; outline: solid 2px; }
  &[disabled] { pointer-events: none; opacity: 0.4; }
}.aura:has(> .btn, > .input, > .select) { --aura-radius: var(--radius-field); }.aura:has(> .checkbox, > .toggle, > .badge) { --aura-radius: var(--radius-selector); }.table { border-collapse: separate; --tw-border-spacing-x: 0px; --tw-border-spacing-y: 0px; width: 100%; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); border-radius: var(--radius-box); text-align: left; font-size: 0.875rem; position: relative; }.table:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { text-align: right; }@media (hover: hover) {:is(:is(.table tr.row-hover), .table tr.row-hover:nth-child(2n)):hover { background-color: var(--color-base-200); }}.table :where(th, td) { vertical-align: middle; padding-block: 0.75rem; padding-inline: 1rem; }.table :where(thead, tfoot) { white-space: nowrap; color: color-mix(in oklab, var(--color-base-content) 60%, transparent); font-size: 0.875rem; font-weight: 600; }.table :where(tfoot tr:first-child :is(td, th)) { border-top: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000); }.table :where(.table-pin-rows thead) { z-index: 1; position: sticky; top: 0px; }.table :where(.table-pin-rows tfoot) { z-index: 1; position: sticky; bottom: 0px; }.table :where(.table-pin-rows :is(thead, tfoot) tr) { background-color: var(--color-base-100); }.table :where(.table-pin-cols tr th) { background-color: var(--color-base-100); position: sticky; left: 0px; right: 0px; }.table :where(thead tr :is(td, th), tbody tr:not(:last-child) :is(td, th)) { border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000); }.modal { pointer-events: none; visibility: hidden; width: 100%; max-width: none; height: 100%; max-height: none; color: inherit; transition: overlay 0.3s allow-discrete, visibility 0.3s allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out; overscroll-behavior: contain; z-index: 999; scrollbar-gutter: auto; background-color: rgba(0, 0, 0, 0); place-items: center; margin: 0px; padding: 0px; display: grid; position: fixed; inset: 0px; overflow: clip; }.modal::backdrop { display: none; }.modal[popover] {
  color: inherit; background: 0px 0px; border: 0px; max-width: none; max-height: none; margin: 0px; padding: 0px; inset: 0px;
  &::backdrop { background-color: oklch(0 0 0 / 0.4); transition: background-color 0.3s ease-out; }
}.modal-backdrop { color: rgba(0, 0, 0, 0); z-index: -1; grid-row-start: 1; grid-column-start: 1; place-self: stretch; display: grid; }.modal-backdrop button { cursor: pointer; }.modal-box { background-color: var(--color-base-100); border-top-left-radius: var(--modal-tl,var(--radius-box)); border-top-right-radius: var(--modal-tr,var(--radius-box)); border-bottom-left-radius: var(--modal-bl,var(--radius-box)); border-bottom-right-radius: var(--modal-br,var(--radius-box)); opacity: 0; overscroll-behavior: contain; grid-row-start: 1; grid-column-start: 1; width: 91.6667%; max-width: 32rem; max-height: 100vh; padding: 1.5rem; transition: translate 0.3s ease-out, scale 0.3s ease-out, opacity 0.2s ease-out 50ms, box-shadow 0.3s ease-out; overflow-y: auto; scale: 0.95; box-shadow: oklch(0 0 0 / 0.25) 0px 25px 50px -12px; }.select { appearance: none; background-color: var(--color-base-100); vertical-align: middle; --size: calc(var(--size-field,.25rem) * var(--sl-size-mul,10)); --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000); width: clamp(3rem, 20rem, 100%); height: var(--size); font-size: max(var(--font-size,0rem), var(--font-size-min,.875rem)); touch-action: manipulation; white-space: nowrap; text-overflow: ellipsis; border: var(--border) solid var(--input-color,#0000); box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, currentcolor 50%), linear-gradient(135deg, currentcolor 50%, rgba(0, 0, 0, 0) 50%); background-position: calc(100% - 20px) calc(50% + 1px), calc(100% - 16.1px) calc(50% + 1px); background-repeat: no-repeat; background-size: 4px 4px, 4px 4px; border-start-start-radius: var(--join-ss,var(--radius-field)); border-start-end-radius: var(--join-se,var(--radius-field)); border-end-end-radius: var(--join-ee,var(--radius-field)); border-end-start-radius: var(--join-es,var(--radius-field)); flex-shrink: 1; align-items: center; gap: 0.375rem; padding-inline: 0.75rem 1.75rem; display: inline-flex; position: relative; overflow: hidden; }[dir="rtl"] .select { background-position: 12px calc(50% + 1px), 16px calc(50% + 1px); }.select[multiple] { background-image: none; height: auto; padding-block: 0.75rem; padding-inline-end: 0.75rem; overflow: auto; }.select select {
  appearance: none; width: calc(100% + 2.75rem); height: calc(100% - calc(var(--border) * 2)); background: inherit; border-radius: inherit; border-style: none; align-items: center; margin-inline: -0.75rem -1.75rem; padding-inline: 0.75rem 1.75rem;
  &::placeholder { color: var(--color-base-content); opacity: 0.5; }
  &:focus, &:focus-within {
  --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}
  &:not(:last-child) { background-image: none; margin-inline-end: -1.375rem; }
}.select:focus, .select:focus-within, .select:open { --input-color: var(--color-base-content); box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000); outline: 2px solid var(--input-color); outline-offset: 2px; }.select:open { background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, currentcolor 50%), linear-gradient(45deg, currentcolor 50%, rgba(0, 0, 0, 0) 50%); }@supports (appearance:base-select) {:is(.select, .select select), :is(.select, .select select)::picker(select) { appearance: base-select; }}:is(.select, .select select)::picker(select) { color: inherit; border: var(--border) solid var(--color-base-200); border-radius: var(--radius-box); background-color: inherit; max-height: min(24rem, 70dvh); box-shadow: 0 20px 25px -5px rgb(0 0 0/calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0/calc(var(--depth) * .1)); margin-block: 0.5rem; margin-inline: 0.5rem; padding: 0.5rem; translate: -0.5rem; }:is(.select, .select select)::picker-icon { display: none; }:is(.select, .select select) selectedcontent { text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; }:is(.select, .select select) optgroup {
  padding-top: 0.5em;
  & option {
  &:first-child { margin-top: 0.5em; }
}
}:is(.select, .select select) option {
  border-radius: var(--radius-field); padding-block: 0.375rem; padding-inline: calc(.25rem * var(--option-px,3)); white-space: normal; transition-property: color, background-color; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  &:not(:disabled) {
  &:hover, &:focus-visible {
  cursor: pointer; background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}
  &:active { background-color: var(--color-neutral); color: var(--color-neutral-content); box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral); }
}
}[dir="rtl"] .select::picker(select), [dir="rtl"] .select select::picker(select) { translate: 0.5rem; }:where(.btn) { width: unset; }.btn { --size: calc(var(--size-field,.25rem) * 10); --btn-p: 1rem; --btn-fg: var(--color-base-content); cursor: pointer; text-align: center; vertical-align: middle; outline-offset: 2px; user-select: none; border-width: var(--border); touch-action: manipulation; --btn-bg: var(--btn-color,var(--color-base-200)); --btn-border: color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%)); --btn-soft-bg: initial; --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000); --btn-inset: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)); height: var(--size); padding-inline: var(--btn-p); font-weight: 600; font-size: var(--fontsize,.875rem); background-color: var(--btn-bg); color: var(--btn-fg); border-color: var(--btn-border); border-style: var(--btn-border-style,solid); outline-color: var(--btn-color,var(--color-base-content)); --tw-prose-links: var(--btn-fg); background-image: none, var(--fx-noise); background-size: auto, calc(var(--noise,0) * 100%); text-shadow: 0 .5px oklch(100% 0 0 / calc(var(--depth) * .15)); box-shadow: var(--btn-inset) inset, var(--btn-shadow); border-start-start-radius: var(--join-ss,var(--radius-field)); border-start-end-radius: var(--join-se,var(--radius-field)); border-end-end-radius: var(--join-ee,var(--radius-field)); border-end-start-radius: var(--join-es,var(--radius-field)); flex-wrap: nowrap; flex-shrink: 0; justify-content: center; align-items: center; gap: 0.375rem; transition-property: color, background-color, border-color, box-shadow, transform; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); display: inline-flex; }.btn:is([type="checkbox"], [type="radio"]) {
  appearance: none;
  &[aria-label]::after { --tw-content: attr(aria-label); content: var(--tw-content); }
}.btn:where(:checked:not(.filter [type="radio"].btn)) { --btn-color: var(--color-primary); --btn-fg: var(--color-primary-content); }.btn-ghost { --btn-bg: #0000; color: var(--btn-rest-fg,var(--btn-color,var(--color-base-content,currentColor))); --btn-border: #0000; --btn-inset: 0 0 0 0 oklch(0% 0 0/0); --btn-shadow: 0 0 0 0 oklch(0% 0 0/0); background-image: none; }.dropdown { position-area: var(--anchor-v,block-end) var(--anchor-h,span-inline-end); display: inline-block; position: relative; }.dropdown > :not(:has(~ [class*="dropdown-content"])):focus {
  --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}.dropdown .dropdown-content { position: absolute; }.dropdown.dropdown-close .dropdown-content, .dropdown:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) .dropdown-content, .dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible) ~ .dropdown-content { transform-origin: center top; opacity: 0; display: none; scale: 0.95; }.dropdown[popover], .dropdown .dropdown-content {
  z-index: 999;
  @media (prefers-reduced-motion: no-preference) {
  transition-behavior: allow-discrete; transition-property: opacity, scale, display, overlay; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation: 0.2s ease 0s 1 normal none running dropdown;
}
}@starting-style {.dropdown[popover], .dropdown .dropdown-content { opacity: 0; scale: 0.95; }}:is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) > [tabindex]:first-child { pointer-events: none; }:is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) .dropdown-content, .dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content { opacity: 1; scale: 1; }.dropdown:is(details) {
  overflow: revert-layer;
  & summary {
  &::-webkit-details-marker { display: none; }
}
}.dropdown:where([popover]) { background: 0px 0px; }.dropdown[popover] {
  color: inherit; position: fixed;
  @supports not (position-area:bottom) {
  margin: auto;
  &.dropdown-close, &.dropdown-open:not(:popover-open) { transform-origin: center top; opacity: 0; display: none; scale: 0.95; }
  &::backdrop { background-color: oklab(0 none none / 0.3); }
}
  &.dropdown-close, &:not(.dropdown-open, :popover-open) { transform-origin: center top; opacity: 0; display: none; scale: 0.95; }
}.menu { --menu-active-fg: var(--color-neutral-content); --menu-active-bg: var(--color-neutral); flex-flow: column wrap; width: fit-content; padding: 0.5rem; font-size: 0.875rem; display: flex; }.menu :where(li ul, li menu) {
  white-space: nowrap; margin-inline-start: 1rem; padding-inline-start: 0.5rem; position: relative;
  &::before { inset-inline-start: 0px; background-color: var(--color-base-content); opacity: 0.1; width: var(--border); content: ""; position: absolute; top: 0.75rem; bottom: 0.75rem; }
}.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) { display: none; }.menu :where(li:not(.menu-title) > :not(ul, menu, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--radius-field); text-align: start; user-select: none; grid-auto-columns: minmax(auto, max-content) auto max-content; grid-auto-flow: column; align-content: flex-start; align-items: center; gap: 0.5rem; padding-block: 0.375rem; padding-inline: 0.75rem; transition-property: color, background-color, box-shadow; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); display: grid; }.menu :where(li > details > summary) {
  --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
  &::-webkit-details-marker { display: none; }
}:is(.menu :where(li > details > summary), .menu :where(li > .menu-dropdown-toggle))::after { content: ""; transform-origin: 50% center; pointer-events: none; justify-self: flex-end; width: 0.375rem; height: 0.375rem; transition-property: rotate, translate; transition-duration: 0.2s; display: block; translate: 0px -1px; rotate: -135deg; box-shadow: 2px 2px inset; }.menu details { interpolate-size: allow-keywords; overflow: hidden; }.menu details::details-content {
  block-size: 0px;
  @media (prefers-reduced-motion: no-preference) {
  transition-behavior: allow-discrete; transition-property: block-size, content-visibility; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
}.menu details[open]::details-content { block-size: auto; }.menu :where(li > details[open] > summary)::after, .menu :where(li > .menu-dropdown-toggle.menu-dropdown-show)::after { translate: 0px 1px; rotate: 45deg; }.menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])).menu-focus, .menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])):focus-visible {
  cursor: pointer; background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); color: var(--color-base-content); --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}.menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])):hover) {
  cursor: pointer; background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
  box-shadow: oklch(0 0 0 / 0.01) 0px 1px inset, oklch(1 0 0 / 0.01) 0px -1px inset;
}.menu :where(li:empty) { background-color: var(--color-base-content); opacity: 0.1; height: 1px; margin: 0.5rem 1rem; }.menu :where(li) {
  flex-flow: column wrap; flex-shrink: 0; align-items: stretch; display: flex; position: relative;
  & .badge { justify-self: flex-end; }
  & > :not(ul, menu, .menu-title, details, .btn):active, & > :not(ul, menu, .menu-title, details, .btn).menu-active, & > :not(ul, menu, .menu-title, details, .btn)[aria-current]:not([aria-current="false"], [aria-current=""]), & > details > summary:active {
  --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
  color: var(--menu-active-fg); background-color: var(--menu-active-bg); background-size: auto, calc(var(--noise) * 100%); background-image: none, var(--fx-noise);
  &:not(&:active) { box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg); }
}
  &.menu-disabled, & [disabled] { pointer-events: none; color: color-mix(in oklab, var(--color-base-content) 20%, transparent); }
}.menu .dropdown:focus-within .menu-dropdown-toggle::after { translate: 0px 1px; rotate: 45deg; }.menu .dropdown-content {
  margin-top: 0.5rem; padding: 0.5rem;
  &::before { display: none; }
}}@layer daisyui.l1.l2{.badge-sm { --size: calc(var(--size-selector,.25rem) * 5); font-size: 0.75rem; }.input:has(> input[disabled]), .input:is(:disabled, [disabled]), fieldset:disabled .input {
  cursor: not-allowed; border-color: var(--color-base-200); background-color: var(--color-base-200);
  &:is(input), & :is(input) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); }
  box-shadow: none;
  &::placeholder, & ::placeholder { color: var(--color-base-content); opacity: 0.2; }
}.input:has(> input[disabled]) > input[disabled] { cursor: not-allowed; }.file-input:has(> input[disabled]), .file-input:is(:disabled, [disabled]) {
  cursor: not-allowed; border-color: var(--color-base-200); background-color: var(--color-base-200);
  &::placeholder { color: color-mix(in oklab, var(--color-base-content) 20%, transparent); }
  box-shadow: none; color: color-mix(in oklch, var(--color-base-content) 20%, #0000);
  &::file-selector-button { cursor: not-allowed; border-color: var(--color-base-200); background-color: var(--color-base-200); --btn-border: #0000; --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000); background-image: none; }
}.tabs-border > .tab {
  --tab-border-color: #0000 #0000 var(--tab-border-color) #0000; border-radius: var(--radius-field); position: relative;
  &::before { content: ""; background-color: var(--tab-border-color); width: calc(100% - var(--tab-p) * 2); border-radius: var(--radius-field); height: 3px; bottom: 0px; left: var(--tab-p); transition: background-color 0.2s; position: absolute; }
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked)) {
  &::before { --tab-border-color: currentColor; border-top: 3px solid; }
}
}.tabs-lift > .tab {
  --tab-border: 0 0 var(--border) 0; --tab-radius-ss: var(--tab-radius-limit); --tab-radius-se: var(--tab-radius-limit); --tab-radius-es: 0; --tab-radius-ee: 0; --tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p); --tab-border-colors: #0000 #0000 var(--tab-border-color) #0000; --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2); --tab-corner-height: var(--tab-radius-limit); --tab-corner-position: top left, top right; border-width: var(--tab-border); padding: var(--tab-paddings); border-color: var(--tab-border-colors); border-start-start-radius: var(--tab-radius-ss); border-start-end-radius: var(--tab-radius-se); border-end-end-radius: var(--tab-radius-ee); border-end-start-radius: var(--tab-radius-es);
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked, label:has(:checked)) {
  --tab-border: var(--border) var(--border) 0 var(--border); --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); --tab-paddings: 0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border)); --tab-inset: auto auto 0 auto; --radius-start: radial-gradient(circle at top left, var(--tab-radius-grad)); --radius-end: radial-gradient(circle at top right, var(--tab-radius-grad)); background-color: var(--tab-bg);
  &::before { z-index: 1; content: ""; width: var(--tab-corner-width); height: var(--tab-corner-height); background-position: var(--tab-corner-position); background-image: var(--radius-start), var(--radius-end); background-size: var(--tab-radius-limit) var(--tab-radius-limit); inset: var(--tab-inset); background-repeat: no-repeat; display: block; position: absolute; }
  &:first-child::before { --radius-start: none; }
  [dir="rtl"] &:first-child::before { transform: rotateY(180deg); }
  &:last-child::before { --radius-end: none; }
  [dir="rtl"] &:last-child::before { transform: rotateY(180deg); }
}
}.tabs-lift:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); }:is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:first-child, :is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:nth-child(n+3) { --tabcontent-radius-ss: var(--radius-box); }.tabs-top > .tab {
  --tab-order: 0; --tab-border: 0 0 var(--border) 0; --tab-radius-ss: var(--tab-radius-limit); --tab-radius-se: var(--tab-radius-limit); --tab-radius-es: 0; --tab-radius-ee: 0; --tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p); --tab-border-colors: #0000 #0000 var(--tab-border-color) #0000; --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2); --tab-corner-height: var(--tab-radius-limit); --tab-corner-position: top left, top right;
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked)) { --tab-border: var(--border) var(--border) 0 var(--border); --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); --tab-paddings: 0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border)); --tab-inset: auto auto 0 auto; --radius-start: radial-gradient(circle at top left, var(--tab-radius-grad)); --radius-end: radial-gradient(circle at top right, var(--tab-radius-grad)); }
}.tabs-top:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); }:is(.tabs-top :checked, .tabs-top label:has(:checked), .tabs-top :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:first-child, :is(.tabs-top :checked, .tabs-top label:has(:checked), .tabs-top :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:nth-child(n+3) { --tabcontent-radius-ss: var(--radius-box); }.tabs-bottom > .tab {
  --tab-order: 1; --tab-border: var(--border) 0 0 0; --tab-radius-ss: 0; --tab-radius-se: 0; --tab-radius-es: var(--tab-radius-limit); --tab-radius-ee: var(--tab-radius-limit); --tab-border-colors: var(--tab-border-color) #0000 #0000 #0000; --tab-paddings: 0 var(--tab-p) var(--border) var(--tab-p); --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2); --tab-corner-height: var(--tab-radius-limit); --tab-corner-position: top left, top right;
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked)) { --tab-border: 0 var(--border) var(--border) var(--border); --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color); --tab-paddings: var(--border) calc(var(--tab-p) - var(--border)) 0 calc(var(--tab-p) - var(--border)); --tab-inset: 0 auto auto auto; --radius-start: radial-gradient(circle at bottom left, var(--tab-radius-grad)); --radius-end: radial-gradient(circle at bottom right, var(--tab-radius-grad)); }
}.tabs-bottom:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color); }:is(.tabs-bottom > :checked, .tabs-bottom > :is(label:has(:checked)), .tabs-bottom > :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:not(:nth-child(2)) { --tabcontent-radius-es: var(--radius-box); }.tabs-box > .tab {
  border-radius: var(--radius-field); border-style: none;
  &:focus-visible, &:is(label:has(:checked:focus-visible)) { outline-offset: 2px; }
  &:focus-visible { z-index: 1; }
}.tabs-box > :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), .tabs-box > :is(input:checked), .tabs-box > :is(label:has(:checked)) {
  background-color: var(--tab-bg,var(--color-base-100)); box-shadow: 0 1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px 1px -1px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 50%), #0000), 0 1px 6px -4px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 100%), #0000);
  @media (forced-colors: active) {
  border: 1px solid;
}
}.tabs-xs > .tab { --tab-p: .375rem; --tab-radius-min: calc(.5rem - var(--border)); font-size: 0.75rem; }.tabs-sm > .tab { --tab-p: .5rem; --tab-radius-min: calc(.5rem - var(--border)); font-size: 0.875rem; }.tabs-md > .tab { --tab-p: .75rem; --tab-radius-min: calc(.75rem - var(--border)); font-size: 0.875rem; }.tabs-lg > .tab { --tab-p: 1rem; --tab-radius-min: calc(1.5rem - var(--border)); font-size: 1.125rem; }.tabs-xl > .tab { --tab-p: 1.25rem; --tab-radius-min: calc(2rem - var(--border)); font-size: 1.125rem; }.modal.modal-open, .modal[open], .modal:popover-open, .modal:target, .modal-toggle:checked + .modal {
  pointer-events: auto; visibility: visible; opacity: 1; transition: visibility allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out; background-color: oklch(0 0 0 / 0.4);
  & > .modal-box { opacity: 1; translate: 0px; scale: 1; }
  :root:has(&) { --page-scroll-lock: ; }
}@starting-style {.modal.modal-open, .modal[open], .modal:popover-open, .modal:target, .modal-toggle:checked + .modal { opacity: 0; }}.modal-top > .modal-box { --modal-tl: 0; --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: var(--radius-box); width: 100%; max-width: none; height: auto; max-height: calc(-5em + 100vh); translate: 0px -100%; scale: 1; }.modal-middle > .modal-box { --modal-tl: var(--radius-box); --modal-tr: var(--radius-box); --modal-bl: var(--radius-box); --modal-br: var(--radius-box); width: 91.6667%; max-width: 32rem; height: auto; max-height: calc(-5em + 100vh); translate: 0px 2%; scale: 0.98; }.modal-bottom > .modal-box { --modal-tl: var(--radius-box); --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: 0; width: 100%; max-width: none; height: auto; max-height: calc(-5em + 100vh); translate: 0px 100%; scale: 1; }.modal-start > .modal-box {
  --modal-tl: 0; --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: var(--radius-box); width: auto; max-width: none; height: 100vh; max-height: none; translate: -100%; scale: 1;
  [dir="rtl"] & { --modal-tl: var(--radius-box); --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: 0; translate: 100%; }
}.modal-end > .modal-box {
  --modal-tl: var(--radius-box); --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: 0; width: auto; max-width: none; height: 100vh; max-height: none; translate: 100%; scale: 1;
  [dir="rtl"] & { --modal-tl: 0; --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: var(--radius-box); translate: -100%; }
}.select:has(> select[disabled]), .select:is(:disabled, [disabled]), fieldset:disabled .select {
  cursor: not-allowed; border-color: var(--color-base-200); background-color: var(--color-base-200);
  &:is(select), & :is(select) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); }
  box-shadow: none;
  &::placeholder, & ::placeholder { color: var(--color-base-content); opacity: 0.2; }
}.select:has(> select[disabled]) > select[disabled] { cursor: not-allowed; }.btn-active, .btn:is([aria-pressed="true"], [aria-checked="true"], [aria-current]:not([aria-current="false"], [aria-current=""])) { --btn-bg: color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%); color: var(--btn-fg,var(--color-base-content)); --btn-border: color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%); --btn-border-style: solid; --btn-inset: 0 0 0 0 oklch(0% 0 0/0); --btn-shadow: 0 0 0 0 oklch(0% 0 0/0); isolation: isolate; }.btn-xs { --fontsize: .6875rem; --btn-p: .5rem; --size: calc(var(--size-field,.25rem) * 6); }.btn-square { width: var(--size); height: var(--size); padding-inline: 0px; }.dropdown-start :where(.dropdown-content) {
  inset-inline-end: auto; translate: 0px;
  [dir="rtl"] & { translate: 0px; }
}.dropdown-center :where(.dropdown-content) {
  inset-inline-end: 50%; translate: 50%;
  [dir="rtl"] & { translate: -50%; }
}.dropdown-end { --anchor-h: span-inline-start; }.dropdown-end :where(.dropdown-content) {
  inset-inline-end: 0px; translate: 0px;
  [dir="rtl"] & { translate: 0px; }
}.dropdown-end.dropdown-left {
  --anchor-h: left; --anchor-v: span-top;
  & .dropdown-content { top: auto; bottom: 0px; }
}.dropdown-end.dropdown-right {
  --anchor-h: right; --anchor-v: span-top;
  & .dropdown-content { top: auto; bottom: 0px; }
}.dropdown-left .dropdown-content { inset-inline-end: 100%; transform-origin: 100% center; top: 0px; bottom: auto; }.dropdown-right .dropdown-content { inset-inline-start: 100%; transform-origin: 0px center; top: 0px; bottom: auto; }.dropdown-bottom .dropdown-content { transform-origin: center top; top: 100%; bottom: auto; }.dropdown-top .dropdown-content { transform-origin: center bottom; top: auto; bottom: 100%; }:where(:not(ul, menu, details, .menu-title, .btn)).menu-active { --tw-outline-style: none; outline-style: none; }@media (forced-colors: active) {:where(:not(ul, menu, details, .menu-title, .btn)).menu-active { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }}:where(:not(ul, menu, details, .menu-title, .btn)).menu-active { color: var(--menu-active-fg); background-color: var(--menu-active-bg); background-size: auto, calc(var(--noise) * 100%); background-image: none, var(--fx-noise); }}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.sm\:label:is(.input > *, .select > *) {
  white-space: nowrap; height: calc(100% - 0.5rem); font-size: inherit; align-items: center; padding-inline: 0.75rem; display: flex;
  &:first-child { border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000); margin-inline: -0.75rem 0.75rem; }
  &:last-child { border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000); margin-inline: 0.75rem -0.75rem; }
}}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.md\:label:is(.input > *, .select > *) {
  white-space: nowrap; height: calc(100% - 0.5rem); font-size: inherit; align-items: center; padding-inline: 0.75rem; display: flex;
  &:first-child { border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000); margin-inline: -0.75rem 0.75rem; }
  &:last-child { border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000); margin-inline: 0.75rem -0.75rem; }
}}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.lg\:label:is(.input > *, .select > *) {
  white-space: nowrap; height: calc(100% - 0.5rem); font-size: inherit; align-items: center; padding-inline: 0.75rem; display: flex;
  &:first-child { border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000); margin-inline: -0.75rem 0.75rem; }
  &:last-child { border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000); margin-inline: 0.75rem -0.75rem; }
}}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.xl\:label:is(.input > *, .select > *) {
  white-space: nowrap; height: calc(100% - 0.5rem); font-size: inherit; align-items: center; padding-inline: 0.75rem; display: flex;
  &:first-child { border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000); margin-inline: -0.75rem 0.75rem; }
  &:last-child { border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000); margin-inline: 0.75rem -0.75rem; }
}}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.\32 xl\:label:is(.input > *, .select > *) {
  white-space: nowrap; height: calc(100% - 0.5rem); font-size: inherit; align-items: center; padding-inline: 0.75rem; display: flex;
  &:first-child { border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000); margin-inline: -0.75rem 0.75rem; }
  &:last-child { border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000); margin-inline: 0.75rem -0.75rem; }
}}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {input.input, .sm\:input input {
  text-align: start; display: inline-flex; position: relative;
  &[type="url"], &[type="tel"], &[type="email"], &[type="number"] { direction: ltr; }
  &::-webkit-datetime-edit, &::-webkit-date-and-time-value { min-height: 100%; text-align: inherit; align-items: center; display: grid; }
  &::-webkit-inner-spin-button { margin-block: calc(.25rem * var(--spin-my,-3)); }
  &::-webkit-calendar-picker-indicator { cursor: pointer; width: 1em; height: 1em; position: absolute; }
  &::-webkit-color-swatch-wrapper { padding-block: 0.25rem; }
}}@layer daisyui.l1.l2 {.sm\:input:has(> input[disabled]), .sm\:input:is(:disabled, [disabled]), fieldset:disabled .input {
  cursor: not-allowed; border-color: var(--color-base-200); background-color: var(--color-base-200);
  &:is(input), & :is(input) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); }
  box-shadow: none;
  &::placeholder, & ::placeholder { color: var(--color-base-content); opacity: 0.2; }
}}:is(.input[type="url"], .input[type="tel"], .input[type="email"], .input[type="number"]):dir(rtl) { border-start-start-radius: var(--join-se,var(--radius-field)); border-start-end-radius: var(--join-ss,var(--radius-field)); border-end-end-radius: var(--join-es,var(--radius-field)); border-end-start-radius: var(--join-ee,var(--radius-field)); }}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {input.input, .md\:input input {
  text-align: start; display: inline-flex; position: relative;
  &[type="url"], &[type="tel"], &[type="email"], &[type="number"] { direction: ltr; }
  &::-webkit-datetime-edit, &::-webkit-date-and-time-value { min-height: 100%; text-align: inherit; align-items: center; display: grid; }
  &::-webkit-inner-spin-button { margin-block: calc(.25rem * var(--spin-my,-3)); }
  &::-webkit-calendar-picker-indicator { cursor: pointer; width: 1em; height: 1em; position: absolute; }
  &::-webkit-color-swatch-wrapper { padding-block: 0.25rem; }
}}@layer daisyui.l1.l2 {.md\:input:has(> input[disabled]), .md\:input:is(:disabled, [disabled]), fieldset:disabled .input {
  cursor: not-allowed; border-color: var(--color-base-200); background-color: var(--color-base-200);
  &:is(input), & :is(input) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); }
  box-shadow: none;
  &::placeholder, & ::placeholder { color: var(--color-base-content); opacity: 0.2; }
}}:is(.input[type="url"], .input[type="tel"], .input[type="email"], .input[type="number"]):dir(rtl) { border-start-start-radius: var(--join-se,var(--radius-field)); border-start-end-radius: var(--join-ss,var(--radius-field)); border-end-end-radius: var(--join-es,var(--radius-field)); border-end-start-radius: var(--join-ee,var(--radius-field)); }}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {input.input, .lg\:input input {
  text-align: start; display: inline-flex; position: relative;
  &[type="url"], &[type="tel"], &[type="email"], &[type="number"] { direction: ltr; }
  &::-webkit-datetime-edit, &::-webkit-date-and-time-value { min-height: 100%; text-align: inherit; align-items: center; display: grid; }
  &::-webkit-inner-spin-button { margin-block: calc(.25rem * var(--spin-my,-3)); }
  &::-webkit-calendar-picker-indicator { cursor: pointer; width: 1em; height: 1em; position: absolute; }
  &::-webkit-color-swatch-wrapper { padding-block: 0.25rem; }
}}@layer daisyui.l1.l2 {.lg\:input:has(> input[disabled]), .lg\:input:is(:disabled, [disabled]), fieldset:disabled .input {
  cursor: not-allowed; border-color: var(--color-base-200); background-color: var(--color-base-200);
  &:is(input), & :is(input) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); }
  box-shadow: none;
  &::placeholder, & ::placeholder { color: var(--color-base-content); opacity: 0.2; }
}}:is(.input[type="url"], .input[type="tel"], .input[type="email"], .input[type="number"]):dir(rtl) { border-start-start-radius: var(--join-se,var(--radius-field)); border-start-end-radius: var(--join-ss,var(--radius-field)); border-end-end-radius: var(--join-es,var(--radius-field)); border-end-start-radius: var(--join-ee,var(--radius-field)); }}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {input.input, .xl\:input input {
  text-align: start; display: inline-flex; position: relative;
  &[type="url"], &[type="tel"], &[type="email"], &[type="number"] { direction: ltr; }
  &::-webkit-datetime-edit, &::-webkit-date-and-time-value { min-height: 100%; text-align: inherit; align-items: center; display: grid; }
  &::-webkit-inner-spin-button { margin-block: calc(.25rem * var(--spin-my,-3)); }
  &::-webkit-calendar-picker-indicator { cursor: pointer; width: 1em; height: 1em; position: absolute; }
  &::-webkit-color-swatch-wrapper { padding-block: 0.25rem; }
}}@layer daisyui.l1.l2 {.xl\:input:has(> input[disabled]), .xl\:input:is(:disabled, [disabled]), fieldset:disabled .input {
  cursor: not-allowed; border-color: var(--color-base-200); background-color: var(--color-base-200);
  &:is(input), & :is(input) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); }
  box-shadow: none;
  &::placeholder, & ::placeholder { color: var(--color-base-content); opacity: 0.2; }
}}:is(.input[type="url"], .input[type="tel"], .input[type="email"], .input[type="number"]):dir(rtl) { border-start-start-radius: var(--join-se,var(--radius-field)); border-start-end-radius: var(--join-ss,var(--radius-field)); border-end-end-radius: var(--join-es,var(--radius-field)); border-end-start-radius: var(--join-ee,var(--radius-field)); }}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {input.input, .\32 xl\:input input {
  text-align: start; display: inline-flex; position: relative;
  &[type="url"], &[type="tel"], &[type="email"], &[type="number"] { direction: ltr; }
  &::-webkit-datetime-edit, &::-webkit-date-and-time-value { min-height: 100%; text-align: inherit; align-items: center; display: grid; }
  &::-webkit-inner-spin-button { margin-block: calc(.25rem * var(--spin-my,-3)); }
  &::-webkit-calendar-picker-indicator { cursor: pointer; width: 1em; height: 1em; position: absolute; }
  &::-webkit-color-swatch-wrapper { padding-block: 0.25rem; }
}}@layer daisyui.l1.l2 {.\32 xl\:input:has(> input[disabled]), .\32 xl\:input:is(:disabled, [disabled]), fieldset:disabled .input {
  cursor: not-allowed; border-color: var(--color-base-200); background-color: var(--color-base-200);
  &:is(input), & :is(input) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); }
  box-shadow: none;
  &::placeholder, & ::placeholder { color: var(--color-base-content); opacity: 0.2; }
}}:is(.input[type="url"], .input[type="tel"], .input[type="email"], .input[type="number"]):dir(rtl) { border-start-start-radius: var(--join-se,var(--radius-field)); border-start-end-radius: var(--join-ss,var(--radius-field)); border-end-end-radius: var(--join-es,var(--radius-field)); border-end-start-radius: var(--join-ee,var(--radius-field)); }}@layer {50% { background-position-x: -115%; }}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {--alert-border-color: var(--color-base-200); border-radius: var(--radius-box); color: var(--color-base-content); background-color: var(--alert-color,var(--color-base-200)); text-align: start; background-size: auto, calc(var(--noise) * 33%); background-image: none, var(--fx-noise); box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * .08)) inset, 0 1px color-mix(in oklab, color-mix(in oklab, #000 20%, var(--alert-color,var(--color-base-200))) calc(var(--depth) * 20%), #0000), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * .08)); border-style: solid; grid-template-columns: auto; grid-auto-flow: column; justify-content: start; place-items: center start; gap: 1rem; padding-block: 0.75rem; padding-inline: 1rem; font-size: 0.875rem; line-height: 1.25rem; display: grid;}}@layer daisyui.l1{@media (hover: hover) {.btn:hover { --btn-bg: color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%); color: var(--btn-fg); --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%)); --btn-border-style: solid; --btn-inset: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)); --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000); }}.btn:active:not(.btn-active, [aria-pressed="true"], [aria-checked="true"], [aria-current]:not([aria-current="false"], [aria-current=""])) { --btn-bg: color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%); color: var(--btn-fg,var(--color-base-content)); --btn-border: color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%); --btn-border-style: solid; --btn-inset: 0 0 0 0 oklch(0% 0 0/0); --btn-shadow: 0 0 0 0 oklch(0% 0 0/0); translate: 0px 0.5px; }.btn:where(:checked:not(.filter [type="radio"].btn), :not([type="radio"], [type="checkbox"]):focus-visible) { --btn-bg: var(--btn-color,var(--color-base-200)); color: var(--btn-fg,var(--color-base-content)); --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%)); --btn-border-style: solid; --btn-inset: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)); --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000); isolation: isolate; }.btn:focus-visible, .btn:has(:focus-visible) { isolation: isolate; outline-width: 2px; outline-style: solid; }}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {border-radius: var(--radius-box,1rem); isolation: isolate; grid-template-rows: max-content 0fr; grid-template-columns: minmax(0px, 1fr); width: 100%; display: grid; position: relative;@media (prefers-reduced-motion: no-preference) {transition: grid-template-rows 0.2s;}}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {border-radius: var(--radius-field); background-color: var(--color-base-200); vertical-align: middle; color: var(--color-base-content); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom: calc(var(--border) + 1px) solid color-mix(in srgb, var(--color-base-content) 20%, #0000); --size: calc(var(--size-selector,.25rem) * 6); height: var(--size); min-width: var(--size); flex-shrink: 0; justify-content: center; align-items: center; padding-inline: 0.5em; font-size: 0.875rem; display: inline-flex;}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.sm\:tab:is(.tabs > .tab) {
  cursor: pointer; appearance: none; text-align: center; user-select: none; flex-wrap: wrap; justify-content: center; align-items: center; display: inline-flex; position: relative;
  &:hover {
  @media (hover: hover) {
  color: var(--color-base-content);
}
}
  --tab-p: .75rem; --tab-bg: var(--color-base-100); --tab-border-color: var(--color-base-300); --tab-radius-ss: 0; --tab-radius-se: 0; --tab-radius-es: 0; --tab-radius-ee: 0; --tab-order: 0; --tab-radius-min: calc(.75rem - var(--border)); --tab-radius-limit: min(var(--radius-field), var(--tab-radius-min)); --tab-radius-grad: #0000 calc(69% - var(--border)), var(--tab-border-color) calc(69% - var(--border) + .25px), var(--tab-border-color) 69%, var(--tab-bg) calc(69% + .25px); order: var(--tab-order); height: var(--tab-height); padding-inline: var(--tab-p); border-color: rgba(0, 0, 0, 0); font-size: 0.875rem;
  &:is(input[type="radio"]) {
  min-width: fit-content;
  &::after { --tw-content: attr(aria-label); content: var(--tw-content); }
}
  &:is(label) {
  position: relative;
  & input { cursor: pointer; appearance: none; opacity: 0; position: absolute; inset: 0px; }
}
  &:checked, &:is(label:has(:checked)), &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
  & + .tab-content { display: block; }
}
  &:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { color: color-mix(in oklab, var(--color-base-content) 50%, transparent); }
  &:not(input):empty { cursor: default; flex-grow: 1; }
  &:focus {
  --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}
  &:focus-visible, &:is(label:has(:checked:focus-visible)) { outline-offset: -5px; outline: solid 2px; }
  &[disabled] { pointer-events: none; opacity: 0.4; }
}}@layer daisyui.l1.l2 {.sm\:tabs-border > .tab {
  --tab-border-color: #0000 #0000 var(--tab-border-color) #0000; border-radius: var(--radius-field); position: relative;
  &::before { content: ""; background-color: var(--tab-border-color); width: calc(100% - var(--tab-p) * 2); border-radius: var(--radius-field); height: 3px; bottom: 0px; left: var(--tab-p); transition: background-color 0.2s; position: absolute; }
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked)) {
  &::before { --tab-border-color: currentColor; border-top: 3px solid; }
}
}.sm\:tabs-lift > .tab {
  --tab-border: 0 0 var(--border) 0; --tab-radius-ss: var(--tab-radius-limit); --tab-radius-se: var(--tab-radius-limit); --tab-radius-es: 0; --tab-radius-ee: 0; --tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p); --tab-border-colors: #0000 #0000 var(--tab-border-color) #0000; --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2); --tab-corner-height: var(--tab-radius-limit); --tab-corner-position: top left, top right; border-width: var(--tab-border); padding: var(--tab-paddings); border-color: var(--tab-border-colors); border-start-start-radius: var(--tab-radius-ss); border-start-end-radius: var(--tab-radius-se); border-end-end-radius: var(--tab-radius-ee); border-end-start-radius: var(--tab-radius-es);
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked, label:has(:checked)) {
  --tab-border: var(--border) var(--border) 0 var(--border); --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); --tab-paddings: 0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border)); --tab-inset: auto auto 0 auto; --radius-start: radial-gradient(circle at top left, var(--tab-radius-grad)); --radius-end: radial-gradient(circle at top right, var(--tab-radius-grad)); background-color: var(--tab-bg);
  &::before { z-index: 1; content: ""; width: var(--tab-corner-width); height: var(--tab-corner-height); background-position: var(--tab-corner-position); background-image: var(--radius-start), var(--radius-end); background-size: var(--tab-radius-limit) var(--tab-radius-limit); inset: var(--tab-inset); background-repeat: no-repeat; display: block; position: absolute; }
  &:first-child::before { --radius-start: none; }
  [dir="rtl"] &:first-child::before { transform: rotateY(180deg); }
  &:last-child::before { --radius-end: none; }
  [dir="rtl"] &:last-child::before { transform: rotateY(180deg); }
}
}.sm\:tabs-lift:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); }:is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:first-child, :is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:nth-child(n+3) { --tabcontent-radius-ss: var(--radius-box); }.sm\:tabs-top > .tab {
  --tab-order: 0; --tab-border: 0 0 var(--border) 0; --tab-radius-ss: var(--tab-radius-limit); --tab-radius-se: var(--tab-radius-limit); --tab-radius-es: 0; --tab-radius-ee: 0; --tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p); --tab-border-colors: #0000 #0000 var(--tab-border-color) #0000; --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2); --tab-corner-height: var(--tab-radius-limit); --tab-corner-position: top left, top right;
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked)) { --tab-border: var(--border) var(--border) 0 var(--border); --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); --tab-paddings: 0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border)); --tab-inset: auto auto 0 auto; --radius-start: radial-gradient(circle at top left, var(--tab-radius-grad)); --radius-end: radial-gradient(circle at top right, var(--tab-radius-grad)); }
}.sm\:tabs-top:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); }:is(.tabs-top :checked, .tabs-top label:has(:checked), .tabs-top :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:first-child, :is(.tabs-top :checked, .tabs-top label:has(:checked), .tabs-top :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:nth-child(n+3) { --tabcontent-radius-ss: var(--radius-box); }.sm\:tabs-bottom > .tab {
  --tab-order: 1; --tab-border: var(--border) 0 0 0; --tab-radius-ss: 0; --tab-radius-se: 0; --tab-radius-es: var(--tab-radius-limit); --tab-radius-ee: var(--tab-radius-limit); --tab-border-colors: var(--tab-border-color) #0000 #0000 #0000; --tab-paddings: 0 var(--tab-p) var(--border) var(--tab-p); --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2); --tab-corner-height: var(--tab-radius-limit); --tab-corner-position: top left, top right;
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked)) { --tab-border: 0 var(--border) var(--border) var(--border); --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color); --tab-paddings: var(--border) calc(var(--tab-p) - var(--border)) 0 calc(var(--tab-p) - var(--border)); --tab-inset: 0 auto auto auto; --radius-start: radial-gradient(circle at bottom left, var(--tab-radius-grad)); --radius-end: radial-gradient(circle at bottom right, var(--tab-radius-grad)); }
}.sm\:tabs-bottom:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color); }:is(.tabs-bottom > :checked, .tabs-bottom > :is(label:has(:checked)), .tabs-bottom > :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:not(:nth-child(2)) { --tabcontent-radius-es: var(--radius-box); }.sm\:tabs-box > .tab {
  border-radius: var(--radius-field); border-style: none;
  &:focus-visible, &:is(label:has(:checked:focus-visible)) { outline-offset: 2px; }
  &:focus-visible { z-index: 1; }
}.sm\:tabs-box > :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), .sm\:tabs-box > :is(input:checked), .sm\:tabs-box > :is(label:has(:checked)) {
  background-color: var(--tab-bg,var(--color-base-100)); box-shadow: 0 1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px 1px -1px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 50%), #0000), 0 1px 6px -4px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 100%), #0000);
  @media (forced-colors: active) {
  border: 1px solid;
}
}.sm\:tabs-xs > .tab { --tab-p: .375rem; --tab-radius-min: calc(.5rem - var(--border)); font-size: 0.75rem; }.sm\:tabs-sm > .tab { --tab-p: .5rem; --tab-radius-min: calc(.5rem - var(--border)); font-size: 0.875rem; }.sm\:tabs-md > .tab { --tab-p: .75rem; --tab-radius-min: calc(.75rem - var(--border)); font-size: 0.875rem; }.sm\:tabs-lg > .tab { --tab-p: 1rem; --tab-radius-min: calc(1.5rem - var(--border)); font-size: 1.125rem; }.sm\:tabs-xl > .tab { --tab-p: 1.25rem; --tab-radius-min: calc(2rem - var(--border)); font-size: 1.125rem; }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.md\:tab:is(.tabs > .tab) {
  cursor: pointer; appearance: none; text-align: center; user-select: none; flex-wrap: wrap; justify-content: center; align-items: center; display: inline-flex; position: relative;
  &:hover {
  @media (hover: hover) {
  color: var(--color-base-content);
}
}
  --tab-p: .75rem; --tab-bg: var(--color-base-100); --tab-border-color: var(--color-base-300); --tab-radius-ss: 0; --tab-radius-se: 0; --tab-radius-es: 0; --tab-radius-ee: 0; --tab-order: 0; --tab-radius-min: calc(.75rem - var(--border)); --tab-radius-limit: min(var(--radius-field), var(--tab-radius-min)); --tab-radius-grad: #0000 calc(69% - var(--border)), var(--tab-border-color) calc(69% - var(--border) + .25px), var(--tab-border-color) 69%, var(--tab-bg) calc(69% + .25px); order: var(--tab-order); height: var(--tab-height); padding-inline: var(--tab-p); border-color: rgba(0, 0, 0, 0); font-size: 0.875rem;
  &:is(input[type="radio"]) {
  min-width: fit-content;
  &::after { --tw-content: attr(aria-label); content: var(--tw-content); }
}
  &:is(label) {
  position: relative;
  & input { cursor: pointer; appearance: none; opacity: 0; position: absolute; inset: 0px; }
}
  &:checked, &:is(label:has(:checked)), &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
  & + .tab-content { display: block; }
}
  &:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { color: color-mix(in oklab, var(--color-base-content) 50%, transparent); }
  &:not(input):empty { cursor: default; flex-grow: 1; }
  &:focus {
  --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}
  &:focus-visible, &:is(label:has(:checked:focus-visible)) { outline-offset: -5px; outline: solid 2px; }
  &[disabled] { pointer-events: none; opacity: 0.4; }
}}@layer daisyui.l1.l2 {.md\:tabs-border > .tab {
  --tab-border-color: #0000 #0000 var(--tab-border-color) #0000; border-radius: var(--radius-field); position: relative;
  &::before { content: ""; background-color: var(--tab-border-color); width: calc(100% - var(--tab-p) * 2); border-radius: var(--radius-field); height: 3px; bottom: 0px; left: var(--tab-p); transition: background-color 0.2s; position: absolute; }
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked)) {
  &::before { --tab-border-color: currentColor; border-top: 3px solid; }
}
}.md\:tabs-lift > .tab {
  --tab-border: 0 0 var(--border) 0; --tab-radius-ss: var(--tab-radius-limit); --tab-radius-se: var(--tab-radius-limit); --tab-radius-es: 0; --tab-radius-ee: 0; --tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p); --tab-border-colors: #0000 #0000 var(--tab-border-color) #0000; --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2); --tab-corner-height: var(--tab-radius-limit); --tab-corner-position: top left, top right; border-width: var(--tab-border); padding: var(--tab-paddings); border-color: var(--tab-border-colors); border-start-start-radius: var(--tab-radius-ss); border-start-end-radius: var(--tab-radius-se); border-end-end-radius: var(--tab-radius-ee); border-end-start-radius: var(--tab-radius-es);
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked, label:has(:checked)) {
  --tab-border: var(--border) var(--border) 0 var(--border); --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); --tab-paddings: 0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border)); --tab-inset: auto auto 0 auto; --radius-start: radial-gradient(circle at top left, var(--tab-radius-grad)); --radius-end: radial-gradient(circle at top right, var(--tab-radius-grad)); background-color: var(--tab-bg);
  &::before { z-index: 1; content: ""; width: var(--tab-corner-width); height: var(--tab-corner-height); background-position: var(--tab-corner-position); background-image: var(--radius-start), var(--radius-end); background-size: var(--tab-radius-limit) var(--tab-radius-limit); inset: var(--tab-inset); background-repeat: no-repeat; display: block; position: absolute; }
  &:first-child::before { --radius-start: none; }
  [dir="rtl"] &:first-child::before { transform: rotateY(180deg); }
  &:last-child::before { --radius-end: none; }
  [dir="rtl"] &:last-child::before { transform: rotateY(180deg); }
}
}.md\:tabs-lift:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); }:is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:first-child, :is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:nth-child(n+3) { --tabcontent-radius-ss: var(--radius-box); }.md\:tabs-top > .tab {
  --tab-order: 0; --tab-border: 0 0 var(--border) 0; --tab-radius-ss: var(--tab-radius-limit); --tab-radius-se: var(--tab-radius-limit); --tab-radius-es: 0; --tab-radius-ee: 0; --tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p); --tab-border-colors: #0000 #0000 var(--tab-border-color) #0000; --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2); --tab-corner-height: var(--tab-radius-limit); --tab-corner-position: top left, top right;
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked)) { --tab-border: var(--border) var(--border) 0 var(--border); --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); --tab-paddings: 0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border)); --tab-inset: auto auto 0 auto; --radius-start: radial-gradient(circle at top left, var(--tab-radius-grad)); --radius-end: radial-gradient(circle at top right, var(--tab-radius-grad)); }
}.md\:tabs-top:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); }:is(.tabs-top :checked, .tabs-top label:has(:checked), .tabs-top :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:first-child, :is(.tabs-top :checked, .tabs-top label:has(:checked), .tabs-top :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:nth-child(n+3) { --tabcontent-radius-ss: var(--radius-box); }.md\:tabs-bottom > .tab {
  --tab-order: 1; --tab-border: var(--border) 0 0 0; --tab-radius-ss: 0; --tab-radius-se: 0; --tab-radius-es: var(--tab-radius-limit); --tab-radius-ee: var(--tab-radius-limit); --tab-border-colors: var(--tab-border-color) #0000 #0000 #0000; --tab-paddings: 0 var(--tab-p) var(--border) var(--tab-p); --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2); --tab-corner-height: var(--tab-radius-limit); --tab-corner-position: top left, top right;
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked)) { --tab-border: 0 var(--border) var(--border) var(--border); --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color); --tab-paddings: var(--border) calc(var(--tab-p) - var(--border)) 0 calc(var(--tab-p) - var(--border)); --tab-inset: 0 auto auto auto; --radius-start: radial-gradient(circle at bottom left, var(--tab-radius-grad)); --radius-end: radial-gradient(circle at bottom right, var(--tab-radius-grad)); }
}.md\:tabs-bottom:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color); }:is(.tabs-bottom > :checked, .tabs-bottom > :is(label:has(:checked)), .tabs-bottom > :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:not(:nth-child(2)) { --tabcontent-radius-es: var(--radius-box); }.md\:tabs-box > .tab {
  border-radius: var(--radius-field); border-style: none;
  &:focus-visible, &:is(label:has(:checked:focus-visible)) { outline-offset: 2px; }
  &:focus-visible { z-index: 1; }
}.md\:tabs-box > :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), .md\:tabs-box > :is(input:checked), .md\:tabs-box > :is(label:has(:checked)) {
  background-color: var(--tab-bg,var(--color-base-100)); box-shadow: 0 1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px 1px -1px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 50%), #0000), 0 1px 6px -4px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 100%), #0000);
  @media (forced-colors: active) {
  border: 1px solid;
}
}.md\:tabs-xs > .tab { --tab-p: .375rem; --tab-radius-min: calc(.5rem - var(--border)); font-size: 0.75rem; }.md\:tabs-sm > .tab { --tab-p: .5rem; --tab-radius-min: calc(.5rem - var(--border)); font-size: 0.875rem; }.md\:tabs-md > .tab { --tab-p: .75rem; --tab-radius-min: calc(.75rem - var(--border)); font-size: 0.875rem; }.md\:tabs-lg > .tab { --tab-p: 1rem; --tab-radius-min: calc(1.5rem - var(--border)); font-size: 1.125rem; }.md\:tabs-xl > .tab { --tab-p: 1.25rem; --tab-radius-min: calc(2rem - var(--border)); font-size: 1.125rem; }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.lg\:tab:is(.tabs > .tab) {
  cursor: pointer; appearance: none; text-align: center; user-select: none; flex-wrap: wrap; justify-content: center; align-items: center; display: inline-flex; position: relative;
  &:hover {
  @media (hover: hover) {
  color: var(--color-base-content);
}
}
  --tab-p: .75rem; --tab-bg: var(--color-base-100); --tab-border-color: var(--color-base-300); --tab-radius-ss: 0; --tab-radius-se: 0; --tab-radius-es: 0; --tab-radius-ee: 0; --tab-order: 0; --tab-radius-min: calc(.75rem - var(--border)); --tab-radius-limit: min(var(--radius-field), var(--tab-radius-min)); --tab-radius-grad: #0000 calc(69% - var(--border)), var(--tab-border-color) calc(69% - var(--border) + .25px), var(--tab-border-color) 69%, var(--tab-bg) calc(69% + .25px); order: var(--tab-order); height: var(--tab-height); padding-inline: var(--tab-p); border-color: rgba(0, 0, 0, 0); font-size: 0.875rem;
  &:is(input[type="radio"]) {
  min-width: fit-content;
  &::after { --tw-content: attr(aria-label); content: var(--tw-content); }
}
  &:is(label) {
  position: relative;
  & input { cursor: pointer; appearance: none; opacity: 0; position: absolute; inset: 0px; }
}
  &:checked, &:is(label:has(:checked)), &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
  & + .tab-content { display: block; }
}
  &:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { color: color-mix(in oklab, var(--color-base-content) 50%, transparent); }
  &:not(input):empty { cursor: default; flex-grow: 1; }
  &:focus {
  --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}
  &:focus-visible, &:is(label:has(:checked:focus-visible)) { outline-offset: -5px; outline: solid 2px; }
  &[disabled] { pointer-events: none; opacity: 0.4; }
}}@layer daisyui.l1.l2 {.lg\:tabs-border > .tab {
  --tab-border-color: #0000 #0000 var(--tab-border-color) #0000; border-radius: var(--radius-field); position: relative;
  &::before { content: ""; background-color: var(--tab-border-color); width: calc(100% - var(--tab-p) * 2); border-radius: var(--radius-field); height: 3px; bottom: 0px; left: var(--tab-p); transition: background-color 0.2s; position: absolute; }
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked)) {
  &::before { --tab-border-color: currentColor; border-top: 3px solid; }
}
}.lg\:tabs-lift > .tab {
  --tab-border: 0 0 var(--border) 0; --tab-radius-ss: var(--tab-radius-limit); --tab-radius-se: var(--tab-radius-limit); --tab-radius-es: 0; --tab-radius-ee: 0; --tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p); --tab-border-colors: #0000 #0000 var(--tab-border-color) #0000; --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2); --tab-corner-height: var(--tab-radius-limit); --tab-corner-position: top left, top right; border-width: var(--tab-border); padding: var(--tab-paddings); border-color: var(--tab-border-colors); border-start-start-radius: var(--tab-radius-ss); border-start-end-radius: var(--tab-radius-se); border-end-end-radius: var(--tab-radius-ee); border-end-start-radius: var(--tab-radius-es);
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked, label:has(:checked)) {
  --tab-border: var(--border) var(--border) 0 var(--border); --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); --tab-paddings: 0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border)); --tab-inset: auto auto 0 auto; --radius-start: radial-gradient(circle at top left, var(--tab-radius-grad)); --radius-end: radial-gradient(circle at top right, var(--tab-radius-grad)); background-color: var(--tab-bg);
  &::before { z-index: 1; content: ""; width: var(--tab-corner-width); height: var(--tab-corner-height); background-position: var(--tab-corner-position); background-image: var(--radius-start), var(--radius-end); background-size: var(--tab-radius-limit) var(--tab-radius-limit); inset: var(--tab-inset); background-repeat: no-repeat; display: block; position: absolute; }
  &:first-child::before { --radius-start: none; }
  [dir="rtl"] &:first-child::before { transform: rotateY(180deg); }
  &:last-child::before { --radius-end: none; }
  [dir="rtl"] &:last-child::before { transform: rotateY(180deg); }
}
}.lg\:tabs-lift:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); }:is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:first-child, :is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:nth-child(n+3) { --tabcontent-radius-ss: var(--radius-box); }.lg\:tabs-top > .tab {
  --tab-order: 0; --tab-border: 0 0 var(--border) 0; --tab-radius-ss: var(--tab-radius-limit); --tab-radius-se: var(--tab-radius-limit); --tab-radius-es: 0; --tab-radius-ee: 0; --tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p); --tab-border-colors: #0000 #0000 var(--tab-border-color) #0000; --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2); --tab-corner-height: var(--tab-radius-limit); --tab-corner-position: top left, top right;
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked)) { --tab-border: var(--border) var(--border) 0 var(--border); --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); --tab-paddings: 0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border)); --tab-inset: auto auto 0 auto; --radius-start: radial-gradient(circle at top left, var(--tab-radius-grad)); --radius-end: radial-gradient(circle at top right, var(--tab-radius-grad)); }
}.lg\:tabs-top:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); }:is(.tabs-top :checked, .tabs-top label:has(:checked), .tabs-top :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:first-child, :is(.tabs-top :checked, .tabs-top label:has(:checked), .tabs-top :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:nth-child(n+3) { --tabcontent-radius-ss: var(--radius-box); }.lg\:tabs-bottom > .tab {
  --tab-order: 1; --tab-border: var(--border) 0 0 0; --tab-radius-ss: 0; --tab-radius-se: 0; --tab-radius-es: var(--tab-radius-limit); --tab-radius-ee: var(--tab-radius-limit); --tab-border-colors: var(--tab-border-color) #0000 #0000 #0000; --tab-paddings: 0 var(--tab-p) var(--border) var(--tab-p); --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2); --tab-corner-height: var(--tab-radius-limit); --tab-corner-position: top left, top right;
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked)) { --tab-border: 0 var(--border) var(--border) var(--border); --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color); --tab-paddings: var(--border) calc(var(--tab-p) - var(--border)) 0 calc(var(--tab-p) - var(--border)); --tab-inset: 0 auto auto auto; --radius-start: radial-gradient(circle at bottom left, var(--tab-radius-grad)); --radius-end: radial-gradient(circle at bottom right, var(--tab-radius-grad)); }
}.lg\:tabs-bottom:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color); }:is(.tabs-bottom > :checked, .tabs-bottom > :is(label:has(:checked)), .tabs-bottom > :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:not(:nth-child(2)) { --tabcontent-radius-es: var(--radius-box); }.lg\:tabs-box > .tab {
  border-radius: var(--radius-field); border-style: none;
  &:focus-visible, &:is(label:has(:checked:focus-visible)) { outline-offset: 2px; }
  &:focus-visible { z-index: 1; }
}.lg\:tabs-box > :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), .lg\:tabs-box > :is(input:checked), .lg\:tabs-box > :is(label:has(:checked)) {
  background-color: var(--tab-bg,var(--color-base-100)); box-shadow: 0 1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px 1px -1px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 50%), #0000), 0 1px 6px -4px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 100%), #0000);
  @media (forced-colors: active) {
  border: 1px solid;
}
}.lg\:tabs-xs > .tab { --tab-p: .375rem; --tab-radius-min: calc(.5rem - var(--border)); font-size: 0.75rem; }.lg\:tabs-sm > .tab { --tab-p: .5rem; --tab-radius-min: calc(.5rem - var(--border)); font-size: 0.875rem; }.lg\:tabs-md > .tab { --tab-p: .75rem; --tab-radius-min: calc(.75rem - var(--border)); font-size: 0.875rem; }.lg\:tabs-lg > .tab { --tab-p: 1rem; --tab-radius-min: calc(1.5rem - var(--border)); font-size: 1.125rem; }.lg\:tabs-xl > .tab { --tab-p: 1.25rem; --tab-radius-min: calc(2rem - var(--border)); font-size: 1.125rem; }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.xl\:tab:is(.tabs > .tab) {
  cursor: pointer; appearance: none; text-align: center; user-select: none; flex-wrap: wrap; justify-content: center; align-items: center; display: inline-flex; position: relative;
  &:hover {
  @media (hover: hover) {
  color: var(--color-base-content);
}
}
  --tab-p: .75rem; --tab-bg: var(--color-base-100); --tab-border-color: var(--color-base-300); --tab-radius-ss: 0; --tab-radius-se: 0; --tab-radius-es: 0; --tab-radius-ee: 0; --tab-order: 0; --tab-radius-min: calc(.75rem - var(--border)); --tab-radius-limit: min(var(--radius-field), var(--tab-radius-min)); --tab-radius-grad: #0000 calc(69% - var(--border)), var(--tab-border-color) calc(69% - var(--border) + .25px), var(--tab-border-color) 69%, var(--tab-bg) calc(69% + .25px); order: var(--tab-order); height: var(--tab-height); padding-inline: var(--tab-p); border-color: rgba(0, 0, 0, 0); font-size: 0.875rem;
  &:is(input[type="radio"]) {
  min-width: fit-content;
  &::after { --tw-content: attr(aria-label); content: var(--tw-content); }
}
  &:is(label) {
  position: relative;
  & input { cursor: pointer; appearance: none; opacity: 0; position: absolute; inset: 0px; }
}
  &:checked, &:is(label:has(:checked)), &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
  & + .tab-content { display: block; }
}
  &:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { color: color-mix(in oklab, var(--color-base-content) 50%, transparent); }
  &:not(input):empty { cursor: default; flex-grow: 1; }
  &:focus {
  --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}
  &:focus-visible, &:is(label:has(:checked:focus-visible)) { outline-offset: -5px; outline: solid 2px; }
  &[disabled] { pointer-events: none; opacity: 0.4; }
}}@layer daisyui.l1.l2 {.xl\:tabs-border > .tab {
  --tab-border-color: #0000 #0000 var(--tab-border-color) #0000; border-radius: var(--radius-field); position: relative;
  &::before { content: ""; background-color: var(--tab-border-color); width: calc(100% - var(--tab-p) * 2); border-radius: var(--radius-field); height: 3px; bottom: 0px; left: var(--tab-p); transition: background-color 0.2s; position: absolute; }
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked)) {
  &::before { --tab-border-color: currentColor; border-top: 3px solid; }
}
}.xl\:tabs-lift > .tab {
  --tab-border: 0 0 var(--border) 0; --tab-radius-ss: var(--tab-radius-limit); --tab-radius-se: var(--tab-radius-limit); --tab-radius-es: 0; --tab-radius-ee: 0; --tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p); --tab-border-colors: #0000 #0000 var(--tab-border-color) #0000; --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2); --tab-corner-height: var(--tab-radius-limit); --tab-corner-position: top left, top right; border-width: var(--tab-border); padding: var(--tab-paddings); border-color: var(--tab-border-colors); border-start-start-radius: var(--tab-radius-ss); border-start-end-radius: var(--tab-radius-se); border-end-end-radius: var(--tab-radius-ee); border-end-start-radius: var(--tab-radius-es);
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked, label:has(:checked)) {
  --tab-border: var(--border) var(--border) 0 var(--border); --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); --tab-paddings: 0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border)); --tab-inset: auto auto 0 auto; --radius-start: radial-gradient(circle at top left, var(--tab-radius-grad)); --radius-end: radial-gradient(circle at top right, var(--tab-radius-grad)); background-color: var(--tab-bg);
  &::before { z-index: 1; content: ""; width: var(--tab-corner-width); height: var(--tab-corner-height); background-position: var(--tab-corner-position); background-image: var(--radius-start), var(--radius-end); background-size: var(--tab-radius-limit) var(--tab-radius-limit); inset: var(--tab-inset); background-repeat: no-repeat; display: block; position: absolute; }
  &:first-child::before { --radius-start: none; }
  [dir="rtl"] &:first-child::before { transform: rotateY(180deg); }
  &:last-child::before { --radius-end: none; }
  [dir="rtl"] &:last-child::before { transform: rotateY(180deg); }
}
}.xl\:tabs-lift:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); }:is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:first-child, :is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:nth-child(n+3) { --tabcontent-radius-ss: var(--radius-box); }.xl\:tabs-top > .tab {
  --tab-order: 0; --tab-border: 0 0 var(--border) 0; --tab-radius-ss: var(--tab-radius-limit); --tab-radius-se: var(--tab-radius-limit); --tab-radius-es: 0; --tab-radius-ee: 0; --tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p); --tab-border-colors: #0000 #0000 var(--tab-border-color) #0000; --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2); --tab-corner-height: var(--tab-radius-limit); --tab-corner-position: top left, top right;
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked)) { --tab-border: var(--border) var(--border) 0 var(--border); --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); --tab-paddings: 0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border)); --tab-inset: auto auto 0 auto; --radius-start: radial-gradient(circle at top left, var(--tab-radius-grad)); --radius-end: radial-gradient(circle at top right, var(--tab-radius-grad)); }
}.xl\:tabs-top:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); }:is(.tabs-top :checked, .tabs-top label:has(:checked), .tabs-top :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:first-child, :is(.tabs-top :checked, .tabs-top label:has(:checked), .tabs-top :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:nth-child(n+3) { --tabcontent-radius-ss: var(--radius-box); }.xl\:tabs-bottom > .tab {
  --tab-order: 1; --tab-border: var(--border) 0 0 0; --tab-radius-ss: 0; --tab-radius-se: 0; --tab-radius-es: var(--tab-radius-limit); --tab-radius-ee: var(--tab-radius-limit); --tab-border-colors: var(--tab-border-color) #0000 #0000 #0000; --tab-paddings: 0 var(--tab-p) var(--border) var(--tab-p); --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2); --tab-corner-height: var(--tab-radius-limit); --tab-corner-position: top left, top right;
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked)) { --tab-border: 0 var(--border) var(--border) var(--border); --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color); --tab-paddings: var(--border) calc(var(--tab-p) - var(--border)) 0 calc(var(--tab-p) - var(--border)); --tab-inset: 0 auto auto auto; --radius-start: radial-gradient(circle at bottom left, var(--tab-radius-grad)); --radius-end: radial-gradient(circle at bottom right, var(--tab-radius-grad)); }
}.xl\:tabs-bottom:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color); }:is(.tabs-bottom > :checked, .tabs-bottom > :is(label:has(:checked)), .tabs-bottom > :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:not(:nth-child(2)) { --tabcontent-radius-es: var(--radius-box); }.xl\:tabs-box > .tab {
  border-radius: var(--radius-field); border-style: none;
  &:focus-visible, &:is(label:has(:checked:focus-visible)) { outline-offset: 2px; }
  &:focus-visible { z-index: 1; }
}.xl\:tabs-box > :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), .xl\:tabs-box > :is(input:checked), .xl\:tabs-box > :is(label:has(:checked)) {
  background-color: var(--tab-bg,var(--color-base-100)); box-shadow: 0 1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px 1px -1px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 50%), #0000), 0 1px 6px -4px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 100%), #0000);
  @media (forced-colors: active) {
  border: 1px solid;
}
}.xl\:tabs-xs > .tab { --tab-p: .375rem; --tab-radius-min: calc(.5rem - var(--border)); font-size: 0.75rem; }.xl\:tabs-sm > .tab { --tab-p: .5rem; --tab-radius-min: calc(.5rem - var(--border)); font-size: 0.875rem; }.xl\:tabs-md > .tab { --tab-p: .75rem; --tab-radius-min: calc(.75rem - var(--border)); font-size: 0.875rem; }.xl\:tabs-lg > .tab { --tab-p: 1rem; --tab-radius-min: calc(1.5rem - var(--border)); font-size: 1.125rem; }.xl\:tabs-xl > .tab { --tab-p: 1.25rem; --tab-radius-min: calc(2rem - var(--border)); font-size: 1.125rem; }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.\32 xl\:tab:is(.tabs > .tab) {
  cursor: pointer; appearance: none; text-align: center; user-select: none; flex-wrap: wrap; justify-content: center; align-items: center; display: inline-flex; position: relative;
  &:hover {
  @media (hover: hover) {
  color: var(--color-base-content);
}
}
  --tab-p: .75rem; --tab-bg: var(--color-base-100); --tab-border-color: var(--color-base-300); --tab-radius-ss: 0; --tab-radius-se: 0; --tab-radius-es: 0; --tab-radius-ee: 0; --tab-order: 0; --tab-radius-min: calc(.75rem - var(--border)); --tab-radius-limit: min(var(--radius-field), var(--tab-radius-min)); --tab-radius-grad: #0000 calc(69% - var(--border)), var(--tab-border-color) calc(69% - var(--border) + .25px), var(--tab-border-color) 69%, var(--tab-bg) calc(69% + .25px); order: var(--tab-order); height: var(--tab-height); padding-inline: var(--tab-p); border-color: rgba(0, 0, 0, 0); font-size: 0.875rem;
  &:is(input[type="radio"]) {
  min-width: fit-content;
  &::after { --tw-content: attr(aria-label); content: var(--tw-content); }
}
  &:is(label) {
  position: relative;
  & input { cursor: pointer; appearance: none; opacity: 0; position: absolute; inset: 0px; }
}
  &:checked, &:is(label:has(:checked)), &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
  & + .tab-content { display: block; }
}
  &:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { color: color-mix(in oklab, var(--color-base-content) 50%, transparent); }
  &:not(input):empty { cursor: default; flex-grow: 1; }
  &:focus {
  --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}
  &:focus-visible, &:is(label:has(:checked:focus-visible)) { outline-offset: -5px; outline: solid 2px; }
  &[disabled] { pointer-events: none; opacity: 0.4; }
}}@layer daisyui.l1.l2 {.\32 xl\:tabs-border > .tab {
  --tab-border-color: #0000 #0000 var(--tab-border-color) #0000; border-radius: var(--radius-field); position: relative;
  &::before { content: ""; background-color: var(--tab-border-color); width: calc(100% - var(--tab-p) * 2); border-radius: var(--radius-field); height: 3px; bottom: 0px; left: var(--tab-p); transition: background-color 0.2s; position: absolute; }
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked)) {
  &::before { --tab-border-color: currentColor; border-top: 3px solid; }
}
}.\32 xl\:tabs-lift > .tab {
  --tab-border: 0 0 var(--border) 0; --tab-radius-ss: var(--tab-radius-limit); --tab-radius-se: var(--tab-radius-limit); --tab-radius-es: 0; --tab-radius-ee: 0; --tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p); --tab-border-colors: #0000 #0000 var(--tab-border-color) #0000; --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2); --tab-corner-height: var(--tab-radius-limit); --tab-corner-position: top left, top right; border-width: var(--tab-border); padding: var(--tab-paddings); border-color: var(--tab-border-colors); border-start-start-radius: var(--tab-radius-ss); border-start-end-radius: var(--tab-radius-se); border-end-end-radius: var(--tab-radius-ee); border-end-start-radius: var(--tab-radius-es);
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked, label:has(:checked)) {
  --tab-border: var(--border) var(--border) 0 var(--border); --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); --tab-paddings: 0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border)); --tab-inset: auto auto 0 auto; --radius-start: radial-gradient(circle at top left, var(--tab-radius-grad)); --radius-end: radial-gradient(circle at top right, var(--tab-radius-grad)); background-color: var(--tab-bg);
  &::before { z-index: 1; content: ""; width: var(--tab-corner-width); height: var(--tab-corner-height); background-position: var(--tab-corner-position); background-image: var(--radius-start), var(--radius-end); background-size: var(--tab-radius-limit) var(--tab-radius-limit); inset: var(--tab-inset); background-repeat: no-repeat; display: block; position: absolute; }
  &:first-child::before { --radius-start: none; }
  [dir="rtl"] &:first-child::before { transform: rotateY(180deg); }
  &:last-child::before { --radius-end: none; }
  [dir="rtl"] &:last-child::before { transform: rotateY(180deg); }
}
}.\32 xl\:tabs-lift:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); }:is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:first-child, :is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:nth-child(n+3) { --tabcontent-radius-ss: var(--radius-box); }.\32 xl\:tabs-top > .tab {
  --tab-order: 0; --tab-border: 0 0 var(--border) 0; --tab-radius-ss: var(--tab-radius-limit); --tab-radius-se: var(--tab-radius-limit); --tab-radius-es: 0; --tab-radius-ee: 0; --tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p); --tab-border-colors: #0000 #0000 var(--tab-border-color) #0000; --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2); --tab-corner-height: var(--tab-radius-limit); --tab-corner-position: top left, top right;
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked)) { --tab-border: var(--border) var(--border) 0 var(--border); --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); --tab-paddings: 0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border)); --tab-inset: auto auto 0 auto; --radius-start: radial-gradient(circle at top left, var(--tab-radius-grad)); --radius-end: radial-gradient(circle at top right, var(--tab-radius-grad)); }
}.\32 xl\:tabs-top:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color); }:is(.tabs-top :checked, .tabs-top label:has(:checked), .tabs-top :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:first-child, :is(.tabs-top :checked, .tabs-top label:has(:checked), .tabs-top :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:nth-child(n+3) { --tabcontent-radius-ss: var(--radius-box); }.\32 xl\:tabs-bottom > .tab {
  --tab-order: 1; --tab-border: var(--border) 0 0 0; --tab-radius-ss: 0; --tab-radius-se: 0; --tab-radius-es: var(--tab-radius-limit); --tab-radius-ee: var(--tab-radius-limit); --tab-border-colors: var(--tab-border-color) #0000 #0000 #0000; --tab-paddings: 0 var(--tab-p) var(--border) var(--tab-p); --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2); --tab-corner-height: var(--tab-radius-limit); --tab-corner-position: top left, top right;
  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked)) { --tab-border: 0 var(--border) var(--border) var(--border); --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color); --tab-paddings: var(--border) calc(var(--tab-p) - var(--border)) 0 calc(var(--tab-p) - var(--border)); --tab-inset: 0 auto auto auto; --radius-start: radial-gradient(circle at bottom left, var(--tab-radius-grad)); --radius-end: radial-gradient(circle at bottom right, var(--tab-radius-grad)); }
}.\32 xl\:tabs-bottom:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) { --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color); }:is(.tabs-bottom > :checked, .tabs-bottom > :is(label:has(:checked)), .tabs-bottom > :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content:not(:nth-child(2)) { --tabcontent-radius-es: var(--radius-box); }.\32 xl\:tabs-box > .tab {
  border-radius: var(--radius-field); border-style: none;
  &:focus-visible, &:is(label:has(:checked:focus-visible)) { outline-offset: 2px; }
  &:focus-visible { z-index: 1; }
}.\32 xl\:tabs-box > :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(.tab-disabled, [disabled]), .\32 xl\:tabs-box > :is(input:checked), .\32 xl\:tabs-box > :is(label:has(:checked)) {
  background-color: var(--tab-bg,var(--color-base-100)); box-shadow: 0 1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px 1px -1px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 50%), #0000), 0 1px 6px -4px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 100%), #0000);
  @media (forced-colors: active) {
  border: 1px solid;
}
}.\32 xl\:tabs-xs > .tab { --tab-p: .375rem; --tab-radius-min: calc(.5rem - var(--border)); font-size: 0.75rem; }.\32 xl\:tabs-sm > .tab { --tab-p: .5rem; --tab-radius-min: calc(.5rem - var(--border)); font-size: 0.875rem; }.\32 xl\:tabs-md > .tab { --tab-p: .75rem; --tab-radius-min: calc(.75rem - var(--border)); font-size: 0.875rem; }.\32 xl\:tabs-lg > .tab { --tab-p: 1rem; --tab-radius-min: calc(1.5rem - var(--border)); font-size: 1.125rem; }.\32 xl\:tabs-xl > .tab { --tab-p: 1.25rem; --tab-radius-min: calc(2rem - var(--border)); font-size: 1.125rem; }}}@layer {0% { padding: 5px; }50% { padding: 3px; }}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.sm\:aura:has(> .btn, > .input, > .select) { --aura-radius: var(--radius-field); }.sm\:aura:has(> .checkbox, > .toggle, > .badge) { --aura-radius: var(--radius-selector); }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.md\:aura:has(> .btn, > .input, > .select) { --aura-radius: var(--radius-field); }.md\:aura:has(> .checkbox, > .toggle, > .badge) { --aura-radius: var(--radius-selector); }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.lg\:aura:has(> .btn, > .input, > .select) { --aura-radius: var(--radius-field); }.lg\:aura:has(> .checkbox, > .toggle, > .badge) { --aura-radius: var(--radius-selector); }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.xl\:aura:has(> .btn, > .input, > .select) { --aura-radius: var(--radius-field); }.xl\:aura:has(> .checkbox, > .toggle, > .badge) { --aura-radius: var(--radius-selector); }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.\32 xl\:aura:has(> .btn, > .input, > .select) { --aura-radius: var(--radius-field); }.\32 xl\:aura:has(> .checkbox, > .toggle, > .badge) { --aura-radius: var(--radius-selector); }}}@layer {100% { --aura-angle: 360deg; transform: translateZ(1px); }}@layer {20%, 80% { opacity: 0.7; filter: blur(0.25rem); }50% { opacity: 1; filter: blur(0.75rem); }}@layer {20%, 80% { opacity: 0.3; filter: blur(1rem); }50% { opacity: 0.6; filter: blur(1.5rem); }}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {@media (hover: hover) {:is(:is(.table tr.row-hover), .table tr.row-hover:nth-child(2n)):hover { background-color: var(--color-base-200); }}}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {@media (hover: hover) {:is(:is(.table tr.row-hover), .table tr.row-hover:nth-child(2n)):hover { background-color: var(--color-base-200); }}}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {@media (hover: hover) {:is(:is(.table tr.row-hover), .table tr.row-hover:nth-child(2n)):hover { background-color: var(--color-base-200); }}}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {@media (hover: hover) {:is(:is(.table tr.row-hover), .table tr.row-hover:nth-child(2n)):hover { background-color: var(--color-base-200); }}}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {@media (hover: hover) {:is(:is(.table tr.row-hover), .table tr.row-hover:nth-child(2n)):hover { background-color: var(--color-base-200); }}}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2 {.sm\:modal.modal-open, .sm\:modal[open], .sm\:modal:popover-open, .sm\:modal:target, .sm\:modal-toggle:checked + .modal {
  pointer-events: auto; visibility: visible; opacity: 1; transition: visibility allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out; background-color: oklch(0 0 0 / 0.4);
  & > .modal-box { opacity: 1; translate: 0px; scale: 1; }
  :root:has(&) { --page-scroll-lock: ; }
}@starting-style {.sm\:modal.modal-open, .sm\:modal[open], .sm\:modal:popover-open, .sm\:modal:target, .sm\:modal-toggle:checked + .modal { opacity: 0; }}.sm\:modal-top > .modal-box { --modal-tl: 0; --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: var(--radius-box); width: 100%; max-width: none; height: auto; max-height: calc(-5em + 100vh); translate: 0px -100%; scale: 1; }.sm\:modal-middle > .modal-box { --modal-tl: var(--radius-box); --modal-tr: var(--radius-box); --modal-bl: var(--radius-box); --modal-br: var(--radius-box); width: 91.6667%; max-width: 32rem; height: auto; max-height: calc(-5em + 100vh); translate: 0px 2%; scale: 0.98; }.sm\:modal-bottom > .modal-box { --modal-tl: var(--radius-box); --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: 0; width: 100%; max-width: none; height: auto; max-height: calc(-5em + 100vh); translate: 0px 100%; scale: 1; }.sm\:modal-start > .modal-box {
  --modal-tl: 0; --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: var(--radius-box); width: auto; max-width: none; height: 100vh; max-height: none; translate: -100%; scale: 1;
  [dir="rtl"] & { --modal-tl: var(--radius-box); --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: 0; translate: 100%; }
}.sm\:modal-end > .modal-box {
  --modal-tl: var(--radius-box); --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: 0; width: auto; max-width: none; height: 100vh; max-height: none; translate: 100%; scale: 1;
  [dir="rtl"] & { --modal-tl: 0; --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: var(--radius-box); translate: -100%; }
}}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2 {.md\:modal.modal-open, .md\:modal[open], .md\:modal:popover-open, .md\:modal:target, .md\:modal-toggle:checked + .modal {
  pointer-events: auto; visibility: visible; opacity: 1; transition: visibility allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out; background-color: oklch(0 0 0 / 0.4);
  & > .modal-box { opacity: 1; translate: 0px; scale: 1; }
  :root:has(&) { --page-scroll-lock: ; }
}@starting-style {.md\:modal.modal-open, .md\:modal[open], .md\:modal:popover-open, .md\:modal:target, .md\:modal-toggle:checked + .modal { opacity: 0; }}.md\:modal-top > .modal-box { --modal-tl: 0; --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: var(--radius-box); width: 100%; max-width: none; height: auto; max-height: calc(-5em + 100vh); translate: 0px -100%; scale: 1; }.md\:modal-middle > .modal-box { --modal-tl: var(--radius-box); --modal-tr: var(--radius-box); --modal-bl: var(--radius-box); --modal-br: var(--radius-box); width: 91.6667%; max-width: 32rem; height: auto; max-height: calc(-5em + 100vh); translate: 0px 2%; scale: 0.98; }.md\:modal-bottom > .modal-box { --modal-tl: var(--radius-box); --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: 0; width: 100%; max-width: none; height: auto; max-height: calc(-5em + 100vh); translate: 0px 100%; scale: 1; }.md\:modal-start > .modal-box {
  --modal-tl: 0; --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: var(--radius-box); width: auto; max-width: none; height: 100vh; max-height: none; translate: -100%; scale: 1;
  [dir="rtl"] & { --modal-tl: var(--radius-box); --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: 0; translate: 100%; }
}.md\:modal-end > .modal-box {
  --modal-tl: var(--radius-box); --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: 0; width: auto; max-width: none; height: 100vh; max-height: none; translate: 100%; scale: 1;
  [dir="rtl"] & { --modal-tl: 0; --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: var(--radius-box); translate: -100%; }
}}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2 {.lg\:modal.modal-open, .lg\:modal[open], .lg\:modal:popover-open, .lg\:modal:target, .lg\:modal-toggle:checked + .modal {
  pointer-events: auto; visibility: visible; opacity: 1; transition: visibility allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out; background-color: oklch(0 0 0 / 0.4);
  & > .modal-box { opacity: 1; translate: 0px; scale: 1; }
  :root:has(&) { --page-scroll-lock: ; }
}@starting-style {.lg\:modal.modal-open, .lg\:modal[open], .lg\:modal:popover-open, .lg\:modal:target, .lg\:modal-toggle:checked + .modal { opacity: 0; }}.lg\:modal-top > .modal-box { --modal-tl: 0; --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: var(--radius-box); width: 100%; max-width: none; height: auto; max-height: calc(-5em + 100vh); translate: 0px -100%; scale: 1; }.lg\:modal-middle > .modal-box { --modal-tl: var(--radius-box); --modal-tr: var(--radius-box); --modal-bl: var(--radius-box); --modal-br: var(--radius-box); width: 91.6667%; max-width: 32rem; height: auto; max-height: calc(-5em + 100vh); translate: 0px 2%; scale: 0.98; }.lg\:modal-bottom > .modal-box { --modal-tl: var(--radius-box); --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: 0; width: 100%; max-width: none; height: auto; max-height: calc(-5em + 100vh); translate: 0px 100%; scale: 1; }.lg\:modal-start > .modal-box {
  --modal-tl: 0; --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: var(--radius-box); width: auto; max-width: none; height: 100vh; max-height: none; translate: -100%; scale: 1;
  [dir="rtl"] & { --modal-tl: var(--radius-box); --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: 0; translate: 100%; }
}.lg\:modal-end > .modal-box {
  --modal-tl: var(--radius-box); --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: 0; width: auto; max-width: none; height: 100vh; max-height: none; translate: 100%; scale: 1;
  [dir="rtl"] & { --modal-tl: 0; --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: var(--radius-box); translate: -100%; }
}}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2 {.xl\:modal.modal-open, .xl\:modal[open], .xl\:modal:popover-open, .xl\:modal:target, .xl\:modal-toggle:checked + .modal {
  pointer-events: auto; visibility: visible; opacity: 1; transition: visibility allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out; background-color: oklch(0 0 0 / 0.4);
  & > .modal-box { opacity: 1; translate: 0px; scale: 1; }
  :root:has(&) { --page-scroll-lock: ; }
}@starting-style {.xl\:modal.modal-open, .xl\:modal[open], .xl\:modal:popover-open, .xl\:modal:target, .xl\:modal-toggle:checked + .modal { opacity: 0; }}.xl\:modal-top > .modal-box { --modal-tl: 0; --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: var(--radius-box); width: 100%; max-width: none; height: auto; max-height: calc(-5em + 100vh); translate: 0px -100%; scale: 1; }.xl\:modal-middle > .modal-box { --modal-tl: var(--radius-box); --modal-tr: var(--radius-box); --modal-bl: var(--radius-box); --modal-br: var(--radius-box); width: 91.6667%; max-width: 32rem; height: auto; max-height: calc(-5em + 100vh); translate: 0px 2%; scale: 0.98; }.xl\:modal-bottom > .modal-box { --modal-tl: var(--radius-box); --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: 0; width: 100%; max-width: none; height: auto; max-height: calc(-5em + 100vh); translate: 0px 100%; scale: 1; }.xl\:modal-start > .modal-box {
  --modal-tl: 0; --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: var(--radius-box); width: auto; max-width: none; height: 100vh; max-height: none; translate: -100%; scale: 1;
  [dir="rtl"] & { --modal-tl: var(--radius-box); --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: 0; translate: 100%; }
}.xl\:modal-end > .modal-box {
  --modal-tl: var(--radius-box); --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: 0; width: auto; max-width: none; height: 100vh; max-height: none; translate: 100%; scale: 1;
  [dir="rtl"] & { --modal-tl: 0; --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: var(--radius-box); translate: -100%; }
}}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2 {.\32 xl\:modal.modal-open, .\32 xl\:modal[open], .\32 xl\:modal:popover-open, .\32 xl\:modal:target, .\32 xl\:modal-toggle:checked + .modal {
  pointer-events: auto; visibility: visible; opacity: 1; transition: visibility allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out; background-color: oklch(0 0 0 / 0.4);
  & > .modal-box { opacity: 1; translate: 0px; scale: 1; }
  :root:has(&) { --page-scroll-lock: ; }
}@starting-style {.\32 xl\:modal.modal-open, .\32 xl\:modal[open], .\32 xl\:modal:popover-open, .\32 xl\:modal:target, .\32 xl\:modal-toggle:checked + .modal { opacity: 0; }}.\32 xl\:modal-top > .modal-box { --modal-tl: 0; --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: var(--radius-box); width: 100%; max-width: none; height: auto; max-height: calc(-5em + 100vh); translate: 0px -100%; scale: 1; }.\32 xl\:modal-middle > .modal-box { --modal-tl: var(--radius-box); --modal-tr: var(--radius-box); --modal-bl: var(--radius-box); --modal-br: var(--radius-box); width: 91.6667%; max-width: 32rem; height: auto; max-height: calc(-5em + 100vh); translate: 0px 2%; scale: 0.98; }.\32 xl\:modal-bottom > .modal-box { --modal-tl: var(--radius-box); --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: 0; width: 100%; max-width: none; height: auto; max-height: calc(-5em + 100vh); translate: 0px 100%; scale: 1; }.\32 xl\:modal-start > .modal-box {
  --modal-tl: 0; --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: var(--radius-box); width: auto; max-width: none; height: 100vh; max-height: none; translate: -100%; scale: 1;
  [dir="rtl"] & { --modal-tl: var(--radius-box); --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: 0; translate: 100%; }
}.\32 xl\:modal-end > .modal-box {
  --modal-tl: var(--radius-box); --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: 0; width: auto; max-width: none; height: 100vh; max-height: none; translate: 100%; scale: 1;
  [dir="rtl"] & { --modal-tl: 0; --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: var(--radius-box); translate: -100%; }
}}}@layer {0% { background-position: 150% center; }100% { background-position: -50% center; }}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {[dir="rtl"] .select { background-position: 12px calc(50% + 1px), 16px calc(50% + 1px); }@supports (appearance:base-select) {:is(.select, .select select), :is(.select, .select select)::picker(select) { appearance: base-select; }}:is(.select, .select select)::picker(select) { color: inherit; border: var(--border) solid var(--color-base-200); border-radius: var(--radius-box); background-color: inherit; max-height: min(24rem, 70dvh); box-shadow: 0 20px 25px -5px rgb(0 0 0/calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0/calc(var(--depth) * .1)); margin-block: 0.5rem; margin-inline: 0.5rem; padding: 0.5rem; translate: -0.5rem; }:is(.select, .select select)::picker-icon { display: none; }:is(.select, .select select) selectedcontent { text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; }:is(.select, .select select) optgroup {
  padding-top: 0.5em;
  & option {
  &:first-child { margin-top: 0.5em; }
}
}:is(.select, .select select) option {
  border-radius: var(--radius-field); padding-block: 0.375rem; padding-inline: calc(.25rem * var(--option-px,3)); white-space: normal; transition-property: color, background-color; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  &:not(:disabled) {
  &:hover, &:focus-visible {
  cursor: pointer; background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}
  &:active { background-color: var(--color-neutral); color: var(--color-neutral-content); box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral); }
}
}[dir="rtl"] .select::picker(select), [dir="rtl"] .select select::picker(select) { translate: 0.5rem; }}@layer daisyui.l1.l2 {.sm\:select:has(> select[disabled]), .sm\:select:is(:disabled, [disabled]), fieldset:disabled .select {
  cursor: not-allowed; border-color: var(--color-base-200); background-color: var(--color-base-200);
  &:is(select), & :is(select) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); }
  box-shadow: none;
  &::placeholder, & ::placeholder { color: var(--color-base-content); opacity: 0.2; }
}}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {[dir="rtl"] .select { background-position: 12px calc(50% + 1px), 16px calc(50% + 1px); }@supports (appearance:base-select) {:is(.select, .select select), :is(.select, .select select)::picker(select) { appearance: base-select; }}:is(.select, .select select)::picker(select) { color: inherit; border: var(--border) solid var(--color-base-200); border-radius: var(--radius-box); background-color: inherit; max-height: min(24rem, 70dvh); box-shadow: 0 20px 25px -5px rgb(0 0 0/calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0/calc(var(--depth) * .1)); margin-block: 0.5rem; margin-inline: 0.5rem; padding: 0.5rem; translate: -0.5rem; }:is(.select, .select select)::picker-icon { display: none; }:is(.select, .select select) selectedcontent { text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; }:is(.select, .select select) optgroup {
  padding-top: 0.5em;
  & option {
  &:first-child { margin-top: 0.5em; }
}
}:is(.select, .select select) option {
  border-radius: var(--radius-field); padding-block: 0.375rem; padding-inline: calc(.25rem * var(--option-px,3)); white-space: normal; transition-property: color, background-color; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  &:not(:disabled) {
  &:hover, &:focus-visible {
  cursor: pointer; background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}
  &:active { background-color: var(--color-neutral); color: var(--color-neutral-content); box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral); }
}
}[dir="rtl"] .select::picker(select), [dir="rtl"] .select select::picker(select) { translate: 0.5rem; }}@layer daisyui.l1.l2 {.md\:select:has(> select[disabled]), .md\:select:is(:disabled, [disabled]), fieldset:disabled .select {
  cursor: not-allowed; border-color: var(--color-base-200); background-color: var(--color-base-200);
  &:is(select), & :is(select) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); }
  box-shadow: none;
  &::placeholder, & ::placeholder { color: var(--color-base-content); opacity: 0.2; }
}}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {[dir="rtl"] .select { background-position: 12px calc(50% + 1px), 16px calc(50% + 1px); }@supports (appearance:base-select) {:is(.select, .select select), :is(.select, .select select)::picker(select) { appearance: base-select; }}:is(.select, .select select)::picker(select) { color: inherit; border: var(--border) solid var(--color-base-200); border-radius: var(--radius-box); background-color: inherit; max-height: min(24rem, 70dvh); box-shadow: 0 20px 25px -5px rgb(0 0 0/calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0/calc(var(--depth) * .1)); margin-block: 0.5rem; margin-inline: 0.5rem; padding: 0.5rem; translate: -0.5rem; }:is(.select, .select select)::picker-icon { display: none; }:is(.select, .select select) selectedcontent { text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; }:is(.select, .select select) optgroup {
  padding-top: 0.5em;
  & option {
  &:first-child { margin-top: 0.5em; }
}
}:is(.select, .select select) option {
  border-radius: var(--radius-field); padding-block: 0.375rem; padding-inline: calc(.25rem * var(--option-px,3)); white-space: normal; transition-property: color, background-color; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  &:not(:disabled) {
  &:hover, &:focus-visible {
  cursor: pointer; background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}
  &:active { background-color: var(--color-neutral); color: var(--color-neutral-content); box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral); }
}
}[dir="rtl"] .select::picker(select), [dir="rtl"] .select select::picker(select) { translate: 0.5rem; }}@layer daisyui.l1.l2 {.lg\:select:has(> select[disabled]), .lg\:select:is(:disabled, [disabled]), fieldset:disabled .select {
  cursor: not-allowed; border-color: var(--color-base-200); background-color: var(--color-base-200);
  &:is(select), & :is(select) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); }
  box-shadow: none;
  &::placeholder, & ::placeholder { color: var(--color-base-content); opacity: 0.2; }
}}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {[dir="rtl"] .select { background-position: 12px calc(50% + 1px), 16px calc(50% + 1px); }@supports (appearance:base-select) {:is(.select, .select select), :is(.select, .select select)::picker(select) { appearance: base-select; }}:is(.select, .select select)::picker(select) { color: inherit; border: var(--border) solid var(--color-base-200); border-radius: var(--radius-box); background-color: inherit; max-height: min(24rem, 70dvh); box-shadow: 0 20px 25px -5px rgb(0 0 0/calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0/calc(var(--depth) * .1)); margin-block: 0.5rem; margin-inline: 0.5rem; padding: 0.5rem; translate: -0.5rem; }:is(.select, .select select)::picker-icon { display: none; }:is(.select, .select select) selectedcontent { text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; }:is(.select, .select select) optgroup {
  padding-top: 0.5em;
  & option {
  &:first-child { margin-top: 0.5em; }
}
}:is(.select, .select select) option {
  border-radius: var(--radius-field); padding-block: 0.375rem; padding-inline: calc(.25rem * var(--option-px,3)); white-space: normal; transition-property: color, background-color; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  &:not(:disabled) {
  &:hover, &:focus-visible {
  cursor: pointer; background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}
  &:active { background-color: var(--color-neutral); color: var(--color-neutral-content); box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral); }
}
}[dir="rtl"] .select::picker(select), [dir="rtl"] .select select::picker(select) { translate: 0.5rem; }}@layer daisyui.l1.l2 {.xl\:select:has(> select[disabled]), .xl\:select:is(:disabled, [disabled]), fieldset:disabled .select {
  cursor: not-allowed; border-color: var(--color-base-200); background-color: var(--color-base-200);
  &:is(select), & :is(select) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); }
  box-shadow: none;
  &::placeholder, & ::placeholder { color: var(--color-base-content); opacity: 0.2; }
}}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {[dir="rtl"] .select { background-position: 12px calc(50% + 1px), 16px calc(50% + 1px); }@supports (appearance:base-select) {:is(.select, .select select), :is(.select, .select select)::picker(select) { appearance: base-select; }}:is(.select, .select select)::picker(select) { color: inherit; border: var(--border) solid var(--color-base-200); border-radius: var(--radius-box); background-color: inherit; max-height: min(24rem, 70dvh); box-shadow: 0 20px 25px -5px rgb(0 0 0/calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0/calc(var(--depth) * .1)); margin-block: 0.5rem; margin-inline: 0.5rem; padding: 0.5rem; translate: -0.5rem; }:is(.select, .select select)::picker-icon { display: none; }:is(.select, .select select) selectedcontent { text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; }:is(.select, .select select) optgroup {
  padding-top: 0.5em;
  & option {
  &:first-child { margin-top: 0.5em; }
}
}:is(.select, .select select) option {
  border-radius: var(--radius-field); padding-block: 0.375rem; padding-inline: calc(.25rem * var(--option-px,3)); white-space: normal; transition-property: color, background-color; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  &:not(:disabled) {
  &:hover, &:focus-visible {
  cursor: pointer; background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}
  &:active { background-color: var(--color-neutral); color: var(--color-neutral-content); box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral); }
}
}[dir="rtl"] .select::picker(select), [dir="rtl"] .select select::picker(select) { translate: 0.5rem; }}@layer daisyui.l1.l2 {.\32 xl\:select:has(> select[disabled]), .\32 xl\:select:is(:disabled, [disabled]), fieldset:disabled .select {
  cursor: not-allowed; border-color: var(--color-base-200); background-color: var(--color-base-200);
  &:is(select), & :is(select) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); }
  box-shadow: none;
  &::placeholder, & ::placeholder { color: var(--color-base-content); opacity: 0.2; }
}}}@layer daisyui{.btn-disabled, .btn:is(:disabled, [disabled], [aria-disabled="true"]) { pointer-events: none; color: color-mix(in oklch, var(--color-base-content) 20%, #0000); --btn-bg: #0000; --btn-border: #0000; --btn-inset: 0 0 0 0 oklch(0% 0 0/0); --btn-shadow: 0 0 0 0 oklch(0% 0 0/0); background-image: none; }:is(.btn-disabled, .btn:is(:disabled, [disabled], [aria-disabled="true"])):not(.btn-link, .btn-ghost) { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); }}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {:where(.btn) { width: unset; }.sm\:btn:where(:checked:not(.filter [type="radio"].btn)) { --btn-color: var(--color-primary); --btn-fg: var(--color-primary-content); }}.sm\:prose :where(a.btn:not(.btn-link)):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-decoration-line: none; }@layer daisyui.l1 {.sm\:btn:where(:checked:not(.filter [type="radio"].btn), :not([type="radio"], [type="checkbox"]):focus-visible) { --btn-bg: var(--btn-color,var(--color-base-200)); color: var(--btn-fg,var(--color-base-content)); --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%)); --btn-border-style: solid; --btn-inset: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)); --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000); isolation: isolate; }}@layer daisyui {:is(.btn-disabled, .btn:is(:disabled, [disabled], [aria-disabled="true"])):not(.btn-link, .btn-ghost) { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {:where(.btn) { width: unset; }.md\:btn:where(:checked:not(.filter [type="radio"].btn)) { --btn-color: var(--color-primary); --btn-fg: var(--color-primary-content); }}.md\:prose :where(a.btn:not(.btn-link)):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-decoration-line: none; }@layer daisyui.l1 {.md\:btn:where(:checked:not(.filter [type="radio"].btn), :not([type="radio"], [type="checkbox"]):focus-visible) { --btn-bg: var(--btn-color,var(--color-base-200)); color: var(--btn-fg,var(--color-base-content)); --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%)); --btn-border-style: solid; --btn-inset: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)); --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000); isolation: isolate; }}@layer daisyui {:is(.btn-disabled, .btn:is(:disabled, [disabled], [aria-disabled="true"])):not(.btn-link, .btn-ghost) { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {:where(.btn) { width: unset; }.lg\:btn:where(:checked:not(.filter [type="radio"].btn)) { --btn-color: var(--color-primary); --btn-fg: var(--color-primary-content); }}.lg\:prose :where(a.btn:not(.btn-link)):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-decoration-line: none; }@layer daisyui.l1 {.lg\:btn:where(:checked:not(.filter [type="radio"].btn), :not([type="radio"], [type="checkbox"]):focus-visible) { --btn-bg: var(--btn-color,var(--color-base-200)); color: var(--btn-fg,var(--color-base-content)); --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%)); --btn-border-style: solid; --btn-inset: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)); --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000); isolation: isolate; }}@layer daisyui {:is(.btn-disabled, .btn:is(:disabled, [disabled], [aria-disabled="true"])):not(.btn-link, .btn-ghost) { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {:where(.btn) { width: unset; }.xl\:btn:where(:checked:not(.filter [type="radio"].btn)) { --btn-color: var(--color-primary); --btn-fg: var(--color-primary-content); }}.xl\:prose :where(a.btn:not(.btn-link)):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-decoration-line: none; }@layer daisyui.l1 {.xl\:btn:where(:checked:not(.filter [type="radio"].btn), :not([type="radio"], [type="checkbox"]):focus-visible) { --btn-bg: var(--btn-color,var(--color-base-200)); color: var(--btn-fg,var(--color-base-content)); --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%)); --btn-border-style: solid; --btn-inset: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)); --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000); isolation: isolate; }}@layer daisyui {:is(.btn-disabled, .btn:is(:disabled, [disabled], [aria-disabled="true"])):not(.btn-link, .btn-ghost) { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {:where(.btn) { width: unset; }.\32 xl\:btn:where(:checked:not(.filter [type="radio"].btn)) { --btn-color: var(--color-primary); --btn-fg: var(--color-primary-content); }}.\32 xl\:prose :where(a.btn:not(.btn-link)):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-decoration-line: none; }@layer daisyui.l1 {.\32 xl\:btn:where(:checked:not(.filter [type="radio"].btn), :not([type="radio"], [type="checkbox"]):focus-visible) { --btn-bg: var(--btn-color,var(--color-base-200)); color: var(--btn-fg,var(--color-base-content)); --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%)); --btn-border-style: solid; --btn-inset: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)); --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000); isolation: isolate; }}@layer daisyui {:is(.btn-disabled, .btn:is(:disabled, [disabled], [aria-disabled="true"])):not(.btn-link, .btn-ghost) { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); }}}@layer {0% { opacity: 0; scale: 0.9; }100% { opacity: 1; scale: 1; }}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.sm\:dropdown .dropdown-content { position: absolute; }.sm\:dropdown.dropdown-close .dropdown-content, .sm\:dropdown:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) .dropdown-content, .sm\:dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible) ~ .dropdown-content { transform-origin: center top; opacity: 0; display: none; scale: 0.95; }.sm\:dropdown[popover], .sm\:dropdown .dropdown-content {
  z-index: 999;
  @media (prefers-reduced-motion: no-preference) {
  transition-behavior: allow-discrete; transition-property: opacity, scale, display, overlay; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation: 0.2s ease 0s 1 normal none running dropdown;
}
}@starting-style {.sm\:dropdown[popover], .sm\:dropdown .dropdown-content { opacity: 0; scale: 0.95; }}:is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) > [tabindex]:first-child { pointer-events: none; }:is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) .dropdown-content, .sm\:dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content { opacity: 1; scale: 1; }}@layer daisyui.l1.l2 {.sm\:dropdown-start :where(.dropdown-content) {
  inset-inline-end: auto; translate: 0px;
  [dir="rtl"] & { translate: 0px; }
}.sm\:dropdown-center :where(.dropdown-content) {
  inset-inline-end: 50%; translate: 50%;
  [dir="rtl"] & { translate: -50%; }
}.sm\:dropdown-end :where(.dropdown-content) {
  inset-inline-end: 0px; translate: 0px;
  [dir="rtl"] & { translate: 0px; }
}.sm\:dropdown-left .dropdown-content { inset-inline-end: 100%; transform-origin: 100% center; top: 0px; bottom: auto; }.sm\:dropdown-right .dropdown-content { inset-inline-start: 100%; transform-origin: 0px center; top: 0px; bottom: auto; }.sm\:dropdown-bottom .dropdown-content { transform-origin: center top; top: 100%; bottom: auto; }.sm\:dropdown-top .dropdown-content { transform-origin: center bottom; top: auto; bottom: 100%; }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.md\:dropdown .dropdown-content { position: absolute; }.md\:dropdown.dropdown-close .dropdown-content, .md\:dropdown:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) .dropdown-content, .md\:dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible) ~ .dropdown-content { transform-origin: center top; opacity: 0; display: none; scale: 0.95; }.md\:dropdown[popover], .md\:dropdown .dropdown-content {
  z-index: 999;
  @media (prefers-reduced-motion: no-preference) {
  transition-behavior: allow-discrete; transition-property: opacity, scale, display, overlay; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation: 0.2s ease 0s 1 normal none running dropdown;
}
}@starting-style {.md\:dropdown[popover], .md\:dropdown .dropdown-content { opacity: 0; scale: 0.95; }}:is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) > [tabindex]:first-child { pointer-events: none; }:is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) .dropdown-content, .md\:dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content { opacity: 1; scale: 1; }}@layer daisyui.l1.l2 {.md\:dropdown-start :where(.dropdown-content) {
  inset-inline-end: auto; translate: 0px;
  [dir="rtl"] & { translate: 0px; }
}.md\:dropdown-center :where(.dropdown-content) {
  inset-inline-end: 50%; translate: 50%;
  [dir="rtl"] & { translate: -50%; }
}.md\:dropdown-end :where(.dropdown-content) {
  inset-inline-end: 0px; translate: 0px;
  [dir="rtl"] & { translate: 0px; }
}.md\:dropdown-left .dropdown-content { inset-inline-end: 100%; transform-origin: 100% center; top: 0px; bottom: auto; }.md\:dropdown-right .dropdown-content { inset-inline-start: 100%; transform-origin: 0px center; top: 0px; bottom: auto; }.md\:dropdown-bottom .dropdown-content { transform-origin: center top; top: 100%; bottom: auto; }.md\:dropdown-top .dropdown-content { transform-origin: center bottom; top: auto; bottom: 100%; }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.lg\:dropdown .dropdown-content { position: absolute; }.lg\:dropdown.dropdown-close .dropdown-content, .lg\:dropdown:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) .dropdown-content, .lg\:dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible) ~ .dropdown-content { transform-origin: center top; opacity: 0; display: none; scale: 0.95; }.lg\:dropdown[popover], .lg\:dropdown .dropdown-content {
  z-index: 999;
  @media (prefers-reduced-motion: no-preference) {
  transition-behavior: allow-discrete; transition-property: opacity, scale, display, overlay; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation: 0.2s ease 0s 1 normal none running dropdown;
}
}@starting-style {.lg\:dropdown[popover], .lg\:dropdown .dropdown-content { opacity: 0; scale: 0.95; }}:is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) > [tabindex]:first-child { pointer-events: none; }:is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) .dropdown-content, .lg\:dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content { opacity: 1; scale: 1; }}@layer daisyui.l1.l2 {.lg\:dropdown-start :where(.dropdown-content) {
  inset-inline-end: auto; translate: 0px;
  [dir="rtl"] & { translate: 0px; }
}.lg\:dropdown-center :where(.dropdown-content) {
  inset-inline-end: 50%; translate: 50%;
  [dir="rtl"] & { translate: -50%; }
}.lg\:dropdown-end :where(.dropdown-content) {
  inset-inline-end: 0px; translate: 0px;
  [dir="rtl"] & { translate: 0px; }
}.lg\:dropdown-left .dropdown-content { inset-inline-end: 100%; transform-origin: 100% center; top: 0px; bottom: auto; }.lg\:dropdown-right .dropdown-content { inset-inline-start: 100%; transform-origin: 0px center; top: 0px; bottom: auto; }.lg\:dropdown-bottom .dropdown-content { transform-origin: center top; top: 100%; bottom: auto; }.lg\:dropdown-top .dropdown-content { transform-origin: center bottom; top: auto; bottom: 100%; }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.xl\:dropdown .dropdown-content { position: absolute; }.xl\:dropdown.dropdown-close .dropdown-content, .xl\:dropdown:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) .dropdown-content, .xl\:dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible) ~ .dropdown-content { transform-origin: center top; opacity: 0; display: none; scale: 0.95; }.xl\:dropdown[popover], .xl\:dropdown .dropdown-content {
  z-index: 999;
  @media (prefers-reduced-motion: no-preference) {
  transition-behavior: allow-discrete; transition-property: opacity, scale, display, overlay; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation: 0.2s ease 0s 1 normal none running dropdown;
}
}@starting-style {.xl\:dropdown[popover], .xl\:dropdown .dropdown-content { opacity: 0; scale: 0.95; }}:is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) > [tabindex]:first-child { pointer-events: none; }:is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) .dropdown-content, .xl\:dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content { opacity: 1; scale: 1; }}@layer daisyui.l1.l2 {.xl\:dropdown-start :where(.dropdown-content) {
  inset-inline-end: auto; translate: 0px;
  [dir="rtl"] & { translate: 0px; }
}.xl\:dropdown-center :where(.dropdown-content) {
  inset-inline-end: 50%; translate: 50%;
  [dir="rtl"] & { translate: -50%; }
}.xl\:dropdown-end :where(.dropdown-content) {
  inset-inline-end: 0px; translate: 0px;
  [dir="rtl"] & { translate: 0px; }
}.xl\:dropdown-left .dropdown-content { inset-inline-end: 100%; transform-origin: 100% center; top: 0px; bottom: auto; }.xl\:dropdown-right .dropdown-content { inset-inline-start: 100%; transform-origin: 0px center; top: 0px; bottom: auto; }.xl\:dropdown-bottom .dropdown-content { transform-origin: center top; top: 100%; bottom: auto; }.xl\:dropdown-top .dropdown-content { transform-origin: center bottom; top: auto; bottom: 100%; }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.\32 xl\:dropdown .dropdown-content { position: absolute; }.\32 xl\:dropdown.dropdown-close .dropdown-content, .\32 xl\:dropdown:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) .dropdown-content, .\32 xl\:dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible) ~ .dropdown-content { transform-origin: center top; opacity: 0; display: none; scale: 0.95; }.\32 xl\:dropdown[popover], .\32 xl\:dropdown .dropdown-content {
  z-index: 999;
  @media (prefers-reduced-motion: no-preference) {
  transition-behavior: allow-discrete; transition-property: opacity, scale, display, overlay; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation: 0.2s ease 0s 1 normal none running dropdown;
}
}@starting-style {.\32 xl\:dropdown[popover], .\32 xl\:dropdown .dropdown-content { opacity: 0; scale: 0.95; }}:is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) > [tabindex]:first-child { pointer-events: none; }:is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) .dropdown-content, .\32 xl\:dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content { opacity: 1; scale: 1; }}@layer daisyui.l1.l2 {.\32 xl\:dropdown-start :where(.dropdown-content) {
  inset-inline-end: auto; translate: 0px;
  [dir="rtl"] & { translate: 0px; }
}.\32 xl\:dropdown-center :where(.dropdown-content) {
  inset-inline-end: 50%; translate: 50%;
  [dir="rtl"] & { translate: -50%; }
}.\32 xl\:dropdown-end :where(.dropdown-content) {
  inset-inline-end: 0px; translate: 0px;
  [dir="rtl"] & { translate: 0px; }
}.\32 xl\:dropdown-left .dropdown-content { inset-inline-end: 100%; transform-origin: 100% center; top: 0px; bottom: auto; }.\32 xl\:dropdown-right .dropdown-content { inset-inline-start: 100%; transform-origin: 0px center; top: 0px; bottom: auto; }.\32 xl\:dropdown-bottom .dropdown-content { transform-origin: center top; top: 100%; bottom: auto; }.\32 xl\:dropdown-top .dropdown-content { transform-origin: center bottom; top: auto; bottom: 100%; }}}@layer {0% { opacity: 0; }}@layer {0%, 40% { filter: brightness(1.05) contrast(1.05); scale: 1.1; }}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {vertical-align: bottom; white-space: nowrap; --duration: var(--tw-duration); transition-property: none; display: inline-block; overflow: hidden;}}@layer {89.9999%, 100% { --first-item-position: 0 0%; }90%, 99.9999% { --first-item-position: 0 calc(var(--items) * 100%); }100% { translate: 0px -100%; }}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.sm\:menu :where(li:not(.menu-title) > :not(ul, menu, details, .menu-title, .btn)), .sm\:menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--radius-field); text-align: start; user-select: none; grid-auto-columns: minmax(auto, max-content) auto max-content; grid-auto-flow: column; align-content: flex-start; align-items: center; gap: 0.5rem; padding-block: 0.375rem; padding-inline: 0.75rem; transition-property: color, background-color, box-shadow; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); display: grid; }:is(.menu :where(li > details > summary), .menu :where(li > .menu-dropdown-toggle))::after { content: ""; transform-origin: 50% center; pointer-events: none; justify-self: flex-end; width: 0.375rem; height: 0.375rem; transition-property: rotate, translate; transition-duration: 0.2s; display: block; translate: 0px -1px; rotate: -135deg; box-shadow: 2px 2px inset; }.sm\:menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])).menu-focus, .sm\:menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])):focus-visible {
  cursor: pointer; background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); color: var(--color-base-content); --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}.sm\:menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])):hover) {
  cursor: pointer; background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
  box-shadow: oklch(0 0 0 / 0.01) 0px 1px inset, oklch(1 0 0 / 0.01) 0px -1px inset;
}.sm\:menu .dropdown:focus-within .menu-dropdown-toggle::after { translate: 0px 1px; rotate: 45deg; }.sm\:menu .dropdown-content {
  margin-top: 0.5rem; padding: 0.5rem;
  &::before { display: none; }
}}@layer daisyui.l1.l2 {:where(:not(ul, menu, details, .menu-title, .btn)).menu-active { --tw-outline-style: none; outline-style: none; }@media (forced-colors: active) {:where(:not(ul, menu, details, .menu-title, .btn)).menu-active { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }}:where(:not(ul, menu, details, .menu-title, .btn)).menu-active { color: var(--menu-active-fg); background-color: var(--menu-active-bg); background-size: auto, calc(var(--noise) * 100%); background-image: none, var(--fx-noise); }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.md\:menu :where(li:not(.menu-title) > :not(ul, menu, details, .menu-title, .btn)), .md\:menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--radius-field); text-align: start; user-select: none; grid-auto-columns: minmax(auto, max-content) auto max-content; grid-auto-flow: column; align-content: flex-start; align-items: center; gap: 0.5rem; padding-block: 0.375rem; padding-inline: 0.75rem; transition-property: color, background-color, box-shadow; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); display: grid; }:is(.menu :where(li > details > summary), .menu :where(li > .menu-dropdown-toggle))::after { content: ""; transform-origin: 50% center; pointer-events: none; justify-self: flex-end; width: 0.375rem; height: 0.375rem; transition-property: rotate, translate; transition-duration: 0.2s; display: block; translate: 0px -1px; rotate: -135deg; box-shadow: 2px 2px inset; }.md\:menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])).menu-focus, .md\:menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])):focus-visible {
  cursor: pointer; background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); color: var(--color-base-content); --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}.md\:menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])):hover) {
  cursor: pointer; background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
  box-shadow: oklch(0 0 0 / 0.01) 0px 1px inset, oklch(1 0 0 / 0.01) 0px -1px inset;
}.md\:menu .dropdown:focus-within .menu-dropdown-toggle::after { translate: 0px 1px; rotate: 45deg; }.md\:menu .dropdown-content {
  margin-top: 0.5rem; padding: 0.5rem;
  &::before { display: none; }
}}@layer daisyui.l1.l2 {:where(:not(ul, menu, details, .menu-title, .btn)).menu-active { --tw-outline-style: none; outline-style: none; }@media (forced-colors: active) {:where(:not(ul, menu, details, .menu-title, .btn)).menu-active { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }}:where(:not(ul, menu, details, .menu-title, .btn)).menu-active { color: var(--menu-active-fg); background-color: var(--menu-active-bg); background-size: auto, calc(var(--noise) * 100%); background-image: none, var(--fx-noise); }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.lg\:menu :where(li:not(.menu-title) > :not(ul, menu, details, .menu-title, .btn)), .lg\:menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--radius-field); text-align: start; user-select: none; grid-auto-columns: minmax(auto, max-content) auto max-content; grid-auto-flow: column; align-content: flex-start; align-items: center; gap: 0.5rem; padding-block: 0.375rem; padding-inline: 0.75rem; transition-property: color, background-color, box-shadow; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); display: grid; }:is(.menu :where(li > details > summary), .menu :where(li > .menu-dropdown-toggle))::after { content: ""; transform-origin: 50% center; pointer-events: none; justify-self: flex-end; width: 0.375rem; height: 0.375rem; transition-property: rotate, translate; transition-duration: 0.2s; display: block; translate: 0px -1px; rotate: -135deg; box-shadow: 2px 2px inset; }.lg\:menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])).menu-focus, .lg\:menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])):focus-visible {
  cursor: pointer; background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); color: var(--color-base-content); --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}.lg\:menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])):hover) {
  cursor: pointer; background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
  box-shadow: oklch(0 0 0 / 0.01) 0px 1px inset, oklch(1 0 0 / 0.01) 0px -1px inset;
}.lg\:menu .dropdown:focus-within .menu-dropdown-toggle::after { translate: 0px 1px; rotate: 45deg; }.lg\:menu .dropdown-content {
  margin-top: 0.5rem; padding: 0.5rem;
  &::before { display: none; }
}}@layer daisyui.l1.l2 {:where(:not(ul, menu, details, .menu-title, .btn)).menu-active { --tw-outline-style: none; outline-style: none; }@media (forced-colors: active) {:where(:not(ul, menu, details, .menu-title, .btn)).menu-active { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }}:where(:not(ul, menu, details, .menu-title, .btn)).menu-active { color: var(--menu-active-fg); background-color: var(--menu-active-bg); background-size: auto, calc(var(--noise) * 100%); background-image: none, var(--fx-noise); }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.xl\:menu :where(li:not(.menu-title) > :not(ul, menu, details, .menu-title, .btn)), .xl\:menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--radius-field); text-align: start; user-select: none; grid-auto-columns: minmax(auto, max-content) auto max-content; grid-auto-flow: column; align-content: flex-start; align-items: center; gap: 0.5rem; padding-block: 0.375rem; padding-inline: 0.75rem; transition-property: color, background-color, box-shadow; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); display: grid; }:is(.menu :where(li > details > summary), .menu :where(li > .menu-dropdown-toggle))::after { content: ""; transform-origin: 50% center; pointer-events: none; justify-self: flex-end; width: 0.375rem; height: 0.375rem; transition-property: rotate, translate; transition-duration: 0.2s; display: block; translate: 0px -1px; rotate: -135deg; box-shadow: 2px 2px inset; }.xl\:menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])).menu-focus, .xl\:menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])):focus-visible {
  cursor: pointer; background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); color: var(--color-base-content); --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}.xl\:menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])):hover) {
  cursor: pointer; background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
  box-shadow: oklch(0 0 0 / 0.01) 0px 1px inset, oklch(1 0 0 / 0.01) 0px -1px inset;
}.xl\:menu .dropdown:focus-within .menu-dropdown-toggle::after { translate: 0px 1px; rotate: 45deg; }.xl\:menu .dropdown-content {
  margin-top: 0.5rem; padding: 0.5rem;
  &::before { display: none; }
}}@layer daisyui.l1.l2 {:where(:not(ul, menu, details, .menu-title, .btn)).menu-active { --tw-outline-style: none; outline-style: none; }@media (forced-colors: active) {:where(:not(ul, menu, details, .menu-title, .btn)).menu-active { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }}:where(:not(ul, menu, details, .menu-title, .btn)).menu-active { color: var(--menu-active-fg); background-color: var(--menu-active-bg); background-size: auto, calc(var(--noise) * 100%); background-image: none, var(--fx-noise); }}}@layer daisyui.l1.l2.l3{@layer daisyui.l1.l2.l3 {.\32 xl\:menu :where(li:not(.menu-title) > :not(ul, menu, details, .menu-title, .btn)), .\32 xl\:menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--radius-field); text-align: start; user-select: none; grid-auto-columns: minmax(auto, max-content) auto max-content; grid-auto-flow: column; align-content: flex-start; align-items: center; gap: 0.5rem; padding-block: 0.375rem; padding-inline: 0.75rem; transition-property: color, background-color, box-shadow; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); display: grid; }:is(.menu :where(li > details > summary), .menu :where(li > .menu-dropdown-toggle))::after { content: ""; transform-origin: 50% center; pointer-events: none; justify-self: flex-end; width: 0.375rem; height: 0.375rem; transition-property: rotate, translate; transition-duration: 0.2s; display: block; translate: 0px -1px; rotate: -135deg; box-shadow: 2px 2px inset; }.\32 xl\:menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])).menu-focus, .\32 xl\:menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])):focus-visible {
  cursor: pointer; background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); color: var(--color-base-content); --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
}.\32 xl\:menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn, [aria-current]:not([aria-current="false"], [aria-current=""])):hover) {
  cursor: pointer; background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;
}
  box-shadow: oklch(0 0 0 / 0.01) 0px 1px inset, oklch(1 0 0 / 0.01) 0px -1px inset;
}.\32 xl\:menu .dropdown:focus-within .menu-dropdown-toggle::after { translate: 0px 1px; rotate: 45deg; }.\32 xl\:menu .dropdown-content {
  margin-top: 0.5rem; padding: 0.5rem;
  &::before { display: none; }
}}@layer daisyui.l1.l2 {:where(:not(ul, menu, details, .menu-title, .btn)).menu-active { --tw-outline-style: none; outline-style: none; }@media (forced-colors: active) {:where(:not(ul, menu, details, .menu-title, .btn)).menu-active { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }}:where(:not(ul, menu, details, .menu-title, .btn)).menu-active { color: var(--menu-active-fg); background-color: var(--menu-active-bg); background-size: auto, calc(var(--noise) * 100%); background-image: none, var(--fx-noise); }}}@layer {0% { opacity: 0; }}@layer {@scope (&) {@media (hover: hover) {& > :where(.btn:hover, :has(.btn:hover)) { z-index: 1; }}}}@layer daisyui.l1.l2.l3.l4{border-style: solid; border-width: var(--border,1px); border-start-start-radius: var(--join-ss); border-start-end-radius: var(--join-se); border-end-end-radius: var(--join-ee); border-end-start-radius: var(--join-es);}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-100)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-100)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-100)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-100)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-100)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-100)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-100)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-100)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-100)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-100)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-100)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-100)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-100)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-100)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-100)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-100)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-100)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-100)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-100)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-100)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-100)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-100)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-100)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-100)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-100)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-100)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-100)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-200)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-200)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-200)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-200)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-200)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-200)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-200)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-200)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-200)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-200)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-200)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-200)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-200)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-200)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-200)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-200)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-200)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-200)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-200)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-200)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-200)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-200)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-200)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-200)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-200)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-200)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-200)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-300)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-300)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-300)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-300)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-300)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-300)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-300)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-300)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-300)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-300)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-300)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-300)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-300)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-300)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-300)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-300)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-300)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-300)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-300)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-300)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-300)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-300)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-300)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-300)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-300)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-300)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-300)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-base-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-base-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-base-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-primary)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-primary)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-primary)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-primary)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-primary)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-primary)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-primary)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-primary)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-primary)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-primary)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-primary)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-primary)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-primary)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-primary)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-primary)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-primary)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-primary)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-primary)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-primary)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-primary)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-primary)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-primary)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-primary)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-primary)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-primary)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-primary)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-primary)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-primary-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-primary-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-primary-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-primary-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-primary-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-primary-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-primary-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-primary-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-primary-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-primary-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-primary-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-primary-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-primary-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-primary-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-primary-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-primary-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-primary-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-primary-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-primary-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-primary-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-primary-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-primary-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-primary-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-primary-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-primary-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-primary-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-primary-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-secondary)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-secondary)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-secondary)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-secondary)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-secondary)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-secondary)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-secondary)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-secondary)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-secondary)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-secondary)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-secondary)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-secondary)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-secondary)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-secondary)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-secondary)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-secondary)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-secondary)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-secondary)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-secondary)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-secondary)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-secondary)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-secondary)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-secondary)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-secondary)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-secondary)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-secondary)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-secondary)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-secondary-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-secondary-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-secondary-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-secondary-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-secondary-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-secondary-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-secondary-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-secondary-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-secondary-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-secondary-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-secondary-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-secondary-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-secondary-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-secondary-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-secondary-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-secondary-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-secondary-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-secondary-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-secondary-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-secondary-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-secondary-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-secondary-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-secondary-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-secondary-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-secondary-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-secondary-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-secondary-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-accent)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-accent)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-accent)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-accent)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-accent)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-accent)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-accent)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-accent)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-accent)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-accent)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-accent)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-accent)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-accent)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-accent)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-accent)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-accent)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-accent)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-accent)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-accent)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-accent)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-accent)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-accent)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-accent)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-accent)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-accent)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-accent)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-accent)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-accent-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-accent-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-accent-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-accent-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-accent-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-accent-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-accent-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-accent-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-accent-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-accent-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-accent-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-accent-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-accent-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-accent-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-accent-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-accent-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-accent-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-accent-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-accent-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-accent-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-accent-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-accent-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-accent-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-accent-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-accent-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-accent-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-accent-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-neutral)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-neutral)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-neutral)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-neutral)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-neutral)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-neutral)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-neutral)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-neutral)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-neutral)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-neutral)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-neutral)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-neutral)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-neutral)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-neutral)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-neutral)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-neutral)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-neutral)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-neutral)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-neutral)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-neutral)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-neutral)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-neutral)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-neutral)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-neutral)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-neutral)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-neutral)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-neutral)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-neutral-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-neutral-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-neutral-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-neutral-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-neutral-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-neutral-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-neutral-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-neutral-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-neutral-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-neutral-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-neutral-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-neutral-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-neutral-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-neutral-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-neutral-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-neutral-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-neutral-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-neutral-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-neutral-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-neutral-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-neutral-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-neutral-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-neutral-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-neutral-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-neutral-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-neutral-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-neutral-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-info)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-info)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-info)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-info)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-info)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-info)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-info)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-info)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-info)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-info)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-info)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-info)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-info)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-info)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-info)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-info)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-info)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-info)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-info)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-info)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-info)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-info)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-info)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-info)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-info)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-info)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-info)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-info-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-info-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-info-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-info-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-info-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-info-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-info-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-info-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-info-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-info-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-info-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-info-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-info-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-info-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-info-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-info-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-info-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-info-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-info-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-info-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-info-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-info-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-info-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-info-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-info-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-info-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-info-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-success)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-success)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-success)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-success)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-success)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-success)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-success)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-success)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-success)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-success)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-success)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-success)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-success)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-success)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-success)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-success)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-success)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-success)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-success)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-success)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-success)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-success)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-success)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-success)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-success)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-success)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-success)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-success-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-success-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-success-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-success-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-success-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-success-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-success-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-success-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-success-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-success-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-success-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-success-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-success-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-success-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-success-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-success-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-success-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-success-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-success-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-success-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-success-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-success-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-success-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-success-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-success-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-success-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-success-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-warning)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-warning)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-warning)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-warning)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-warning)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-warning)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-warning)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-warning)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-warning)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-warning)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-warning)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-warning)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-warning)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-warning)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-warning)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-warning)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-warning)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-warning)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-warning)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-warning)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-warning)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-warning)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-warning)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-warning)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-warning)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-warning)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-warning)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-warning-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-warning-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-warning-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-warning-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-warning-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-warning-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-warning-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-warning-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-warning-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-warning-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-warning-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-warning-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-warning-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-warning-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-warning-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-warning-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-warning-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-warning-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-warning-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-warning-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-warning-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-warning-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-warning-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-warning-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-warning-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-warning-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-warning-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-error)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-error)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-error)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-error)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-error)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-error)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-error)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-error)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-error)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-error)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-error)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-error)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-error)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-error)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-error)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-error)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-error)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-error)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-error)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-error)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-error)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-error)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-error)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-error)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-error)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-error)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-error)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-error-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-error-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-error-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-error-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-error-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-error-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-error-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-error-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {background-color: color-mix(in oklab,var(--color-error-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-error-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-error-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-error-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-error-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-error-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-error-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-error-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-error-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {color: color-mix(in oklab,var(--color-error-content)90%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-error-content)10%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-error-content)20%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-error-content)30%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-error-content)40%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-error-content)50%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-error-content)60%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-error-content)70%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-error-content)80%,#0000);}}@layer {@supports (color:color-mix(in lab, red, red)) {border-color: color-mix(in oklab,var(--color-error-content)90%,#0000);}}}
* { font-family: 'Inter', system-ui, sans-serif; }

    :root {
      --stage-1: #2563eb;
      --stage-1-bg: #eff6ff;
      --stage-1-light: #bfdbfe;
      --stage-2: #7c3aed;
      --stage-2-bg: #f5f3ff;
      --stage-2-light: #c4b5fd;
      --stage-3: #d97706;
      --stage-3-bg: #fffbeb;
      --stage-3-light: #fde68a;
      --stage-4: #059669;
      --stage-4-bg: #ecfdf5;
      --stage-4-light: #a7f3d0;
    }

    /* Garantiza que 'hidden' siempre oculte, aunque Tailwind tarde o falle en cargar */
    .hidden { display: none !important; }

    /* ─── Layout ─── */
    body {
      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
      min-height: 100vh;
    }
    .app-shell {
      display: flex;
      min-height: 100vh;
    }
    .main-col {
      flex: 1;
      min-width: 0;
      display: flex;
      flex-direction: column;
    }
    .main-content {
      padding: 20px;
      max-width: 1500px;
      width: 100%;
      margin: 0 auto;
    }

    /* ─── Sidebar ─── */
    .sidebar {
      width: 252px;
      flex-shrink: 0;
      background: linear-gradient(180deg, #0f172a 0%, #1e3a8a 65%, #1d4ed8 100%);
      display: flex;
      flex-direction: column;
      padding: 18px 14px;
      position: sticky;
      top: 0;
      height: 100vh;
      z-index: 60;
      box-shadow: 4px 0 24px rgba(15,23,42,0.25);
      transition: margin-left 0.25s ease, transform 0.25s ease;
    }
    @media (min-width: 1024px) {
      .app-shell.sidebar-collapsed .sidebar { margin-left: -252px; }
    }
    .sidebar-brand {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 0 4px 16px;
      border-bottom: 1px solid rgba(255,255,255,0.12);
    }
    .sidebar-collapse-btn {
      margin-left: auto;
      width: 28px;
      height: 28px;
      border-radius: 8px;
      border: 1px solid rgba(255,255,255,0.18);
      background: rgba(255,255,255,0.08);
      color: rgba(255,255,255,0.75);
      font-size: 1rem;
      line-height: 1;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: all 0.15s ease;
      flex-shrink: 0;
    }
    .sidebar-collapse-btn:hover {
      background: rgba(255,255,255,0.18);
      color: #fff;
    }
    .brand-logo-hotdog {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      border-radius: 14px;
      background: linear-gradient(135deg, #f59e0b, #ef4444);
      box-shadow: 0 4px 14px rgba(245,158,11,0.45), inset 0 1px 0 rgba(255,255,255,0.35);
      font-size: 1.4rem;
      flex-shrink: 0;
      transition: transform 0.25s ease;
    }
    .brand-logo-hotdog:hover {
      transform: rotate(-8deg) scale(1.06);
    }
    .brand-title-hotdog {
      color: #fff;
      font-size: 1.15rem;
      font-weight: 900;
      letter-spacing: -0.02em;
      line-height: 1.1;
    }
    .brand-sub-hotdog {
      color: rgba(255,255,255,0.65);
      font-size: 0.68rem;
      font-weight: 600;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }
    .sidebar-nav {
      display: flex;
      flex-direction: column;
      gap: 4px;
      margin-top: 16px;
    }
    .sidebar-section-label {
      font-size: 0.62rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.45);
      font-weight: 700;
      margin: 18px 10px 6px;
    }
    .sidebar-item {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 12px;
      border-radius: 10px;
      color: rgba(255,255,255,0.82);
      font-weight: 600;
      font-size: 0.88rem;
      background: transparent;
      border: none;
      cursor: pointer;
      text-align: left;
      width: 100%;
      transition: all 0.15s ease;
    }
    .sidebar-item:hover {
      background: rgba(255,255,255,0.1);
      color: #fff;
    }
    .sidebar-item.active {
      background: rgba(255,255,255,0.18);
      color: #fff;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.25);
    }
    .sidebar-item .s-icon {
      width: 20px;
      text-align: center;
      font-size: 1rem;
      flex-shrink: 0;
    }
    .sidebar-footer {
      margin-top: auto;
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding-top: 14px;
      border-top: 1px solid rgba(255,255,255,0.12);
    }
    .sidebar-footer .sf-row {
      display: flex;
      gap: 6px;
    }
    .sidebar-footer .sf-btn {
      flex: 1;
      justify-content: center;
      padding: 8px 10px;
      font-size: 0.75rem;
      color: rgba(255,255,255,0.85);
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,0.14);
    }
    .sidebar-footer .sf-btn:hover {
      background: rgba(255,255,255,0.16);
      color: #fff;
    }
    .sidebar-footer .sf-btn.active {
      background: rgba(255,255,255,0.24);
      color: #fff;
      border-color: rgba(255,255,255,0.4);
      box-shadow: 0 0 0 2px rgba(255,255,255,0.15);
    }
    .sidebar-meta {
      color: rgba(255,255,255,0.5);
      font-size: 0.68rem;
      text-align: center;
    }
    .sidebar-meta #last-update {
      color: rgba(255,255,255,0.85);
      font-weight: 600;
    }

    /* ─── Topbar (header limpio) ─── */
    .topbar {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px 24px;
      background: rgba(255,255,255,0.85);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border-bottom: 1px solid #e2e8f0;
      position: sticky;
      top: 0;
      z-index: 50;
    }
    .topbar-title {
      font-size: 1.05rem;
      font-weight: 800;
      color: #0f172a;
      letter-spacing: -0.01em;
    }
    #btn-menu {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 38px;
      height: 38px;
      border-radius: 10px;
      border: 1px solid #e2e8f0;
      background: white;
      color: #334155;
      font-size: 1.1rem;
      cursor: pointer;
    }
    #btn-menu:hover { background: #f8fafc; }
    .sidebar-overlay {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(15,23,42,0.5);
      z-index: 55;
    }

    /* ─── Buttons (reutilizados) ─── */
    .btn-romalat2 {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 8px 16px;
      border-radius: 10px;
      font-weight: 600;
      font-size: 0.85rem;
      border: none;
      cursor: pointer;
      transition: all 0.2s ease;
    }
    .btn-romalat2:active { transform: scale(0.97); }
    .btn-primary-romalat2 {
      background: linear-gradient(135deg, #2563eb, #1d4ed8);
      color: white;
      box-shadow: 0 2px 8px rgba(37,99,235,0.3);
    }
    .btn-primary-romalat2:hover {
      box-shadow: 0 4px 12px rgba(37,99,235,0.4);
      transform: translateY(-1px);
    }
    .btn-secondary-romalat2 {
      background: linear-gradient(135deg, #7c3aed, #6d28d9);
      color: white;
      box-shadow: 0 2px 8px rgba(124,58,237,0.3);
    }
    .btn-secondary-romalat2:hover {
      box-shadow: 0 4px 12px rgba(124,58,237,0.4);
      transform: translateY(-1px);
    }
    .btn-ghost-romalat2 {
      background: transparent;
      color: #64748b;
    }
    .btn-ghost-romalat2:hover {
      background: #f1f5f9;
      color: #334155;
    }
    .btn-success-romalat2 {
      background: linear-gradient(135deg, #10b981, #059669);
      color: white;
      box-shadow: 0 2px 8px rgba(5,150,105,0.3);
    }
    .btn-success-romalat2:hover {
      box-shadow: 0 4px 12px rgba(5,150,105,0.4);
      transform: translateY(-1px);
    }
    /* ─── Tabs bar ─── */
    .tabs-stage-wrapper {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .tabs-stage-label {
      font-size: 0.8rem;
      font-weight: 600;
      color: #64748b;
      white-space: nowrap;
      letter-spacing: 0.02em;
      padding: 0 4px;
    }
    .tabs-stage {
      display: flex;
      gap: 0;
      background: white;
      border-radius: 12px;
      padding: 4px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
      flex: 1;
    }
    .tabs-stage .tab {
      flex: 1;
      text-align: center;
      padding: 10px 8px;
      font-size: 0.8rem;
      font-weight: 500;
      color: #64748b;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.2s ease;
      border: none;
      background: transparent;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
    }
    .tabs-stage .tab .tab-step {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #e2e8f0;
      color: #64748b;
      font-size: 0.7rem;
      font-weight: 700;
      transition: all 0.2s;
      flex-shrink: 0;
    }
    .tabs-stage .tab .tab-name { display: none; }
    @media (min-width: 640px) {
      .tabs-stage .tab { padding: 10px 14px; font-size: 0.85rem; }
      .tabs-stage .tab .tab-name {
        display: inline;
        font-size: 0.72rem;
      }
    }
    .tabs-stage .tab:hover {
      color: #334155;
      background: #f1f5f9;
    }
    .tabs-stage .tab.tab-active {
      color: white;
      box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    }
    .tabs-stage .tab.tab-active[data-stage="1"] { background: var(--stage-1); }
    .tabs-stage .tab.tab-active[data-stage="2"] { background: var(--stage-2); }
    .tabs-stage .tab.tab-active[data-stage="3"] { background: var(--stage-3); }
    .tabs-stage .tab.tab-active[data-stage="4"] { background: var(--stage-4); }
    .tabs-stage .tab.tab-active .tab-step {
      background: rgba(255,255,255,0.3);
      color: white;
    }

    /* ─── Table ─── */
    .table-wrapper {
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    }
    .table-stage-header {
      padding: 14px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 8px;
    }
    .table-stage-header[data-stage="1"] { background: linear-gradient(135deg, var(--stage-1-bg), #dbeafe); }
    .table-stage-header[data-stage="2"] { background: linear-gradient(135deg, var(--stage-2-bg), #ede9fe); }
    .table-stage-header[data-stage="3"] { background: linear-gradient(135deg, var(--stage-3-bg), #fef3c7); }
    .table-stage-header[data-stage="4"] { background: linear-gradient(135deg, var(--stage-4-bg), #d1fae5); }
    .table-stage-header[data-seg="conciliado"] { background: linear-gradient(135deg, var(--stage-4-bg), #d1fae5); }
    .table-stage-header[data-seg="no_conciliado"] { background: linear-gradient(135deg, #fef2f2, #fecaca); }
    .table-stage-header[data-seg="efectivo"] { background: linear-gradient(135deg, var(--stage-3-bg), #fef3c7); }

    .table-container {
      overflow-x: auto;
      max-height: calc(100vh - 240px);
      overflow-y: auto;
    }
    .table-container::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .table-container::-webkit-scrollbar-track { background: transparent; }
    .table-container::-webkit-scrollbar-thumb {
      background: #cbd5e1;
      border-radius: 3px;
    }
    .table-container::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

    table { border-collapse: separate; border-spacing: 0; }
    table thead th {
      position: sticky;
      top: 0;
      z-index: 5;
      background: white;
      border-bottom: 2px solid #e2e8f0;
      padding: 12px 14px;
      font-size: 0.7rem;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: #64748b;
      font-weight: 600;
      white-space: nowrap;
      transition: color 0.15s;
    }
    .sort-arrow {
      display: inline-block;
      width: 14px;
      text-align: center;
      font-size: 0.65rem;
      color: #94a3b8;
      transition: color 0.15s;
    }
    th.sort-asc .sort-arrow::before { content: '▲'; color: #2563eb; font-size: 0.6rem; }
    th.sort-desc .sort-arrow::before { content: '▼'; color: #2563eb; font-size: 0.6rem; }
    table tbody td {
      padding: 10px 14px;
      font-size: 0.85rem;
      border-bottom: 1px solid #f1f5f9;
      transition: background 0.15s;
    }
    table tbody tr { transition: background 0.15s; }
    table tbody tr:last-child td { border-bottom: none; }
    table tbody tr:hover td { background: #f8fafc; }

    .row-number {
      color: #94a3b8;
      font-size: 0.75rem;
      font-weight: 500;
    }
    .receipt-number {
      font-family: 'Inter', monospace;
      font-weight: 600;
      color: var(--stage-1);
      font-size: 0.85rem;
    }
    .monto { font-weight: 600; color: #059669; }

    .pill-yes {
      display: inline-flex;
      align-items: center;
      gap: 3px;
      background: #dcfce7;
      color: #166534;
      padding: 2px 10px;
      border-radius: 20px;
      font-size: 0.75rem;
      font-weight: 600;
    }
    .pill-no {
      display: inline-flex;
      align-items: center;
      gap: 3px;
      background: #f1f5f9;
      color: #64748b;
      padding: 2px 10px;
      border-radius: 20px;
      font-size: 0.75rem;
      font-weight: 500;
    }

    /* ─── Duplicados marcados en rojo (decisión humana) ─── */
    tr.row-flagged td {
      background: #fef2f2 !important;
    }
    tr.row-flagged:hover td {
      background: #fee2e2 !important;
    }
    .dup-badge {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      background: #fee2e2;
      color: #b91c1c;
      padding: 2px 10px;
      border-radius: 20px;
      font-size: 0.7rem;
      font-weight: 700;
      margin-left: 6px;
      white-space: nowrap;
    }

    /* ─── Filters bar ─── */
    .filters-bar {
      background: white;
      border-radius: 12px;
      padding: 14px 16px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
      display: flex;
      align-items: flex-end;
      gap: 12px;
      flex-wrap: wrap;
    }
    .filter-field {
      display: flex;
      flex-direction: column;
      gap: 5px;
    }
    .filter-field label {
      font-size: 0.7rem;
      color: #64748b;
      font-weight: 600;
      letter-spacing: 0.02em;
      text-transform: uppercase;
    }
    .filter-field input,
    .filter-field select {
      height: 38px;
      border: 1px solid #e2e8f0;
      border-radius: 9px;
      padding: 0 12px;
      font-size: 0.82rem;
      color: #1e293b;
      background: #f8fafc;
      transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
      outline: none;
      box-sizing: border-box;
    }
    .filter-field input:hover,
    .filter-field select:hover {
      background: #fff;
      border-color: #cbd5e1;
    }
    .filter-field input:focus,
    .filter-field select:focus {
      background: #fff;
      border-color: #2563eb;
      box-shadow: 0 0 0 3px rgba(37,99,235,0.12);
    }
    .filter-field select {
      min-width: 110px;
      cursor: pointer;
    }
    .filter-field-search .search-row {
      position: relative;
      display: flex;
      align-items: center;
    }
    .filter-field-search input {
      width: 100%;
      min-width: 210px;
      padding-right: 32px;
    }
    .search-clear {
      position: absolute;
      right: 8px;
      top: 50%;
      transform: translateY(-50%);
      width: 20px;
      height: 20px;
      border: none;
      border-radius: 50%;
      background: #e2e8f0;
      color: #475569;
      font-size: 0.62rem;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.15s, background 0.15s;
    }
    .search-clear.visible {
      opacity: 1;
      pointer-events: auto;
    }
    .search-clear:hover {
      background: #cbd5e1;
    }
    .btn-filter {
      height: 38px;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 0 18px;
      background: linear-gradient(135deg, #2563eb, #1d4ed8);
      color: white;
      border-radius: 9px;
      font-weight: 600;
      font-size: 0.82rem;
      border: none;
      cursor: pointer;
      box-shadow: 0 2px 8px rgba(37,99,235,0.25);
      transition: all 0.15s;
      white-space: nowrap;
    }
    .btn-filter:hover {
      box-shadow: 0 4px 12px rgba(37,99,235,0.35);
      transform: translateY(-1px);
    }
    .btn-filter:active { transform: translateY(0) scale(0.98); }

    /* ─── Skeleton ─── */
    .skeleton-row td { height: 48px; }
    .skeleton-cell {
      height: 16px;
      background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
      background-size: 200% 100%;
      animation: shimmer 1.8s infinite ease-in-out;
      border-radius: 4px;
      margin: 2px 0;
    }
    @keyframes shimmer {
      0% { background-position: 200% 0; }
      100% { background-position: -200% 0; }
    }

    /* ─── Empty state ─── */
    .empty-state {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 60px 20px;
      color: #94a3b8;
    }
    .empty-state .empty-icon { font-size: 3rem; margin-bottom: 12px; opacity: 0.5; }
    .empty-state .empty-text { font-size: 1rem; font-weight: 500; }
    .empty-state .empty-sub { font-size: 0.85rem; margin-top: 4px; }

    /* ─── Archived indicator ─── */
    .archived-badge {
      background: #f1f5f9;
      color: #64748b;
      padding: 4px 12px;
      border-radius: 20px;
      font-size: 0.75rem;
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      gap: 4px;
    }

    /* ─── Modal ─── */
    .modal-box-romalat2 {
      border-radius: 16px !important;
      padding: 28px !important;
    }
    .modal-box-romalat2 h3 {
      font-size: 1.2rem;
      font-weight: 700;
      margin-bottom: 16px;
    }

    /* ─── Dropdown menu ─── */
    .dropdown-actions {
      background: white;
      border-radius: 10px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.12);
      border: 1px solid #e2e8f0;
      padding: 4px;
      min-width: 160px;
    }
    .dropdown-actions li a {
      padding: 8px 14px;
      border-radius: 6px;
      font-size: 0.8rem;
      color: #334155;
      transition: background 0.1s;
    }
    .dropdown-actions li a:hover { background: #f1f5f9; }

    /* ─── Animations ─── */
    .fade-in { animation: fadeIn 0.25s ease; }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(6px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .slide-in { animation: slideIn 0.3s ease; }
    @keyframes slideIn {
      from { opacity: 0; transform: translateY(-10px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* ─── Dot pulse for loading ─── */
    .pulse-dot {
      display: inline-block;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--stage-1);
      animation: pulse 1.5s ease-in-out infinite;
    }
    @keyframes pulse {
      0%, 100% { opacity: 0.3; transform: scale(1); }
      50% { opacity: 1; transform: scale(1.3); }
    }
    .pulse-inline {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 0.72rem;
      font-weight: 600;
      color: #2563eb;
      background: #eff6ff;
      border: 1px solid #bfdbfe;
      padding: 4px 10px;
      border-radius: 999px;
    }

    /* ─── Card count ─── */
    .count-chip {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      padding: 2px 10px;
      background: rgba(0,0,0,0.06);
      border-radius: 20px;
      font-size: 0.75rem;
      font-weight: 600;
    }

    /* ─── Dashboard ─── */
    .dash-total-card {
      background: linear-gradient(120deg, #0f172a 0%, #1e3a8a 60%, #1d4ed8 100%);
      border-radius: 20px;
      padding: 22px 26px;
      color: #fff;
      box-shadow: 0 8px 30px rgba(15,23,42,0.25);
      display: flex;
      align-items: center;
    }
    .dash-total-icon {
      font-size: 2.2rem;
      background: rgba(255,255,255,0.12);
      border-radius: 16px;
      width: 60px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .dash-total-label {
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.7);
    }
    .dash-total-amount {
      font-size: 1.9rem;
      font-weight: 800;
      letter-spacing: -0.02em;
      line-height: 1.15;
    }
    .dash-total-count {
      font-size: 0.95rem;
      font-weight: 600;
      background: rgba(255,255,255,0.14);
      border-radius: 999px;
      padding: 8px 16px;
    }
    .dash-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }
    .dash-card {
      text-align: left;
      border-radius: 18px;
      padding: 18px 20px;
      border: 1.5px solid transparent;
      cursor: pointer;
      transition: transform 0.15s ease, box-shadow 0.2s ease;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .dash-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 10px 26px rgba(15,23,42,0.12);
    }
    .dash-card-head { display: flex; align-items: center; gap: 8px; }
    .dash-card-icon { font-size: 1.15rem; }
    .dash-card-title {
      font-size: 0.82rem;
      font-weight: 700;
      color: inherit;
      line-height: 1.25;
    }
    .dash-card-amount {
      font-size: 1.5rem;
      font-weight: 800;
      letter-spacing: -0.02em;
    }
    .dash-card-count {
      font-size: 0.8rem;
      font-weight: 600;
      opacity: 0.75;
    }
    .dash-card-conciliado {
      background: #ecfdf5;
      border-color: #a7f3d0;
      color: #065f46;
    }
    .dash-card-conciliado:hover { border-color: #34d399; }
    .dash-card-alerta {
      background: #fef2f2;
      border-color: #fecaca;
      color: #991b1b;
    }
    .dash-card-alerta:hover { border-color: #f87171; box-shadow: 0 10px 26px rgba(239,68,68,0.15); }
    .dash-card-efectivo {
      background: #fffbeb;
      border-color: #fde68a;
      color: #92400e;
    }
    .dash-card-efectivo:hover { border-color: #fbbf24; }

    .seg-badge {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      font-size: 0.7rem;
      font-weight: 700;
      border-radius: 999px;
      padding: 3px 10px;
      white-space: nowrap;
    }
    .seg-badge-ok { background: #d1fae5; color: #065f46; }
    .seg-badge-alerta { background: #fee2e2; color: #991b1b; }
    .seg-badge-efectivo { background: #fef3c7; color: #92400e; }
    .seg-row-alerta td { background: #fef2f2 !important; }
    .seg-row-alerta:hover td { background: #fee2e2 !important; }

    /* ─── Donut chart card ─── */
    .dash-main-grid {
      display: grid;
      grid-template-columns: 1.35fr 1fr;
      gap: 14px;
      align-items: stretch;
    }
    .dash-cards-col {
      display: flex;
      flex-direction: column;
      gap: 14px;
    }
    .donut-card {
      background: white;
      border-radius: 18px;
      padding: 18px 20px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
      display: flex;
      flex-direction: column;
    }
    .donut-title {
      font-size: 0.82rem;
      font-weight: 700;
      color: #334155;
      margin-bottom: 4px;
    }
    .donut-sub {
      font-size: 0.7rem;
      color: #94a3b8;
      margin-bottom: 12px;
    }
    .donut-wrap {
      position: relative;
      height: 190px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .donut-center {
      position: absolute;
      text-align: center;
      pointer-events: none;
    }
    .donut-center .dc-amount {
      font-size: 1.15rem;
      font-weight: 800;
      color: #0f172a;
      line-height: 1.1;
    }
    .donut-center .dc-label {
      font-size: 0.62rem;
      color: #94a3b8;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.1em;
    }
    .donut-legend {
      display: flex;
      flex-direction: column;
      gap: 8px;
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px solid #f1f5f9;
    }
    .donut-legend-item {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 0.78rem;
    }
    .donut-dot {
      width: 10px;
      height: 10px;
      border-radius: 3px;
      flex-shrink: 0;
    }
    .donut-label {
      font-weight: 600;
      color: #475569;
      flex: 1;
    }
    .donut-value {
      font-weight: 700;
      color: #0f172a;
    }
    .donut-count {
      color: #94a3b8;
      font-size: 0.7rem;
      min-width: 62px;
      text-align: right;
    }

    /* ─── Responsive ─── */
    @media (max-width: 1023px) {
      .sidebar {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        transform: translateX(-100%);
        transition: transform 0.25s ease;
        box-shadow: 8px 0 30px rgba(15,23,42,0.35);
      }
      .app-shell.sidebar-open .sidebar { transform: translateX(0); }
      .app-shell.sidebar-open .sidebar-overlay { display: block; }
      .dash-main-grid { grid-template-columns: 1fr; }
    }
    @media (max-width: 640px) {
      .tabs-stage-wrapper { flex-direction: column; align-items: stretch; gap: 6px; }
      .tabs-stage-label { font-size: 0.7rem; }
      .tabs-stage .tab { font-size: 0.7rem; padding: 8px 4px; }
    }
    @media (max-width: 768px) {
      .table-stage-header { flex-direction: column; align-items: flex-start; }
      .filters-bar { flex-direction: column; align-items: stretch; }
      .filter-field { width: 100%; }
      .filter-field input, .filter-field select { width: 100%; }
      .btn-filter { justify-content: center; width: 100%; }
      .dash-grid { grid-template-columns: 1fr; }
      .dash-total-amount { font-size: 1.5rem; }
    }*, ::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 */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;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:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.col-span-2{grid-column:span 2 / span 2}.mb-1\.5{margin-bottom:0.375rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:0.25rem}.mt-3{margin-top:0.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-3\.5{height:0.875rem}.h-4{height:1rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-3\.5{width:0.875rem}.w-4{width:1rem}.w-full{width:100%}.max-w-\[160px\]{max-width:160px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.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))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-lg{border-radius:0.5rem}.rounded-xl{border-radius:0.75rem}.border{border-width:1px}.border-amber-100{--tw-border-opacity:1;border-color:rgb(254 243 199 / var(--tw-border-opacity, 1))}.border-blue-100{--tw-border-opacity:1;border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))}.border-emerald-100{--tw-border-opacity:1;border-color:rgb(209 250 229 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-purple-100{--tw-border-opacity:1;border-color:rgb(243 232 255 / var(--tw-border-opacity, 1))}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.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-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87 / 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-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.opacity-60{opacity:0.6}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:opacity-100:hover{opacity:1}
/* ============================================================
   Añadidos de esta reconstrucción:
   - columnas nuevas "Lectura" y "Conciliación" (pills)
   - donut SVG propio (reemplaza chart.js)
   - toasts (mensajes del servidor, p.ej. 401 en modo web abierto)
   ============================================================ */

/* Pills de las columnas nuevas (misma forma que .pill-yes/.pill-no) */
.pill-warn {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: #fef3c7;
  color: #92400e;
  padding: 2px 10px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}
.pill-danger {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: #fee2e2;
  color: #b91c1c;
  padding: 2px 10px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}
.pill-note {
  display: inline-block;
  margin-left: 5px;
  font-size: 0.6rem;
  font-weight: 700;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

/* Anchos del skeleton (antes iban en style= inline, prohibido por CSP) */
.skeleton-cell.sk-30 { width: 30px; }
.skeleton-cell.sk-70 { width: 70px; }
.skeleton-cell.sk-120 { width: 120px; }
.skeleton-cell.sk-160 { width: 160px; }

/* Donut SVG propio */
.donut-svg {
  width: 190px;
  height: 190px;
  display: block;
  overflow: visible;
}
.donut-dot-conciliado { background: #059669; }
.donut-dot-no_conciliado { background: #ef4444; }
.donut-dot-efectivo { background: #f59e0b; }

/* Giro del botón Recargar (antes se hacía con el.style.transform) */
#refresh-icon.spin-once {
  transform: rotate(360deg);
  transition: transform 0.4s ease;
}

/* Toasts */
.toast-host {
  position: fixed;
  right: 16px;
  bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 200;
  max-width: 380px;
}
.toast {
  padding: 11px 15px;
  border-radius: 11px;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.35;
  background: #fff;
  color: #334155;
  border: 1px solid #e2e8f0;
  box-shadow: 0 6px 24px rgba(15,23,42,0.18);
  animation: toastIn 0.25s ease;
}
.toast-ok { background: #ecfdf5; border-color: #a7f3d0; color: #065f46; }
.toast-error { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.toast-info { background: #eff6ff; border-color: #bfdbfe; color: #1e40af; }
.toast-hide { opacity: 0; transform: translateY(6px); transition: all 0.3s ease; }
@keyframes toastIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}