/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: 'Onest', ui-sans-serif, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-rose-100: oklch(94.1% 0.03 12.58);
    --color-rose-200: oklch(89.2% 0.058 10.001);
    --color-rose-900: oklch(41% 0.159 10.272);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-zinc-100: oklch(96.7% 0.001 286.375);
    --color-zinc-200: oklch(92% 0.004 286.32);
    --color-zinc-900: oklch(21% 0.006 285.885);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-2xl: 42rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --leading-tight: 1.25;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .diff {
    position: relative;
    display: grid;
    width: 100%;
    overflow: hidden;
    webkit-user-select: none;
    user-select: none;
    direction: ltr;
    container-type: inline-size;
    grid-template-columns: auto 1fr;
    &:focus-visible, &:has(.diff-item-1:focus-visible) {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-offset: 1px;
      outline-color: var(--color-base-content);
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-offset: 1px;
      outline-color: var(--color-base-content);
      .diff-resizer {
        min-width: 90cqi;
        max-width: 90cqi;
      }
    }
    &:has(.diff-item-2:focus-visible) {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-offset: 1px;
      .diff-resizer {
        min-width: 10cqi;
        max-width: 10cqi;
      }
    }
    @supports (-webkit-overflow-scrolling: touch) and (overflow: -webkit-paged-x) {
      &:focus {
        .diff-resizer {
          min-width: 10cqi;
          max-width: 10cqi;
        }
      }
      &:has(.diff-item-1:focus) {
        .diff-resizer {
          min-width: 90cqi;
          max-width: 90cqi;
        }
      }
    }
  }
  .modal {
    pointer-events: none;
    visibility: hidden;
    position: fixed;
    inset: calc(0.25rem * 0);
    margin: calc(0.25rem * 0);
    display: grid;
    height: 100%;
    max-height: none;
    width: 100%;
    max-width: none;
    align-items: center;
    justify-items: center;
    background-color: transparent;
    padding: calc(0.25rem * 0);
    color: inherit;
    overflow-x: hidden;
    transition: translate 0.3s ease-out, visibility 0.3s allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out;
    overflow-y: hidden;
    overscroll-behavior: contain;
    z-index: 999;
    &::backdrop {
      display: none;
    }
    &.modal-open, &[open], &:target {
      pointer-events: auto;
      visibility: visible;
      opacity: 100%;
      background-color: oklch(0% 0 0/ 0.4);
      .modal-box {
        translate: 0 0;
        scale: 1;
        opacity: 1;
      }
    }
    @starting-style {
      &.modal-open, &[open], &:target {
        visibility: hidden;
        opacity: 0%;
      }
    }
  }
  .tab {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    appearance: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    webkit-user-select: none;
    user-select: none;
    &:hover {
      @media (hover: hover) {
        color: var(--color-base-content);
      }
    }
    --tab-p: 1rem;
    --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(0.75rem - var(--border));
    border-color: #0000;
    order: var(--tab-order);
    height: calc(var(--size-field, 0.25rem) * 10);
    font-size: 0.875rem;
    padding-inline-start: var(--tab-p);
    padding-inline-end: var(--tab-p);
    &:is(input[type="radio"]) {
      min-width: fit-content;
      &:after {
        content: attr(aria-label);
      }
    }
    &:is(label) {
      position: relative;
      input {
        position: absolute;
        inset: calc(0.25rem * 0);
        cursor: pointer;
        appearance: none;
        opacity: 0%;
      }
    }
    &:checked, &:is(label:has(:checked)), &:is(.tab-active, [aria-selected="true"]) {
      & + .tab-content {
        display: block;
        height: 100%;
      }
    }
    &:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected="true"]) {
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
      }
    }
    &:not(input):empty {
      flex-grow: 1;
      cursor: default;
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
    &:focus-visible, &:is(label:has(:checked:focus-visible)) {
      outline: 2px solid currentColor;
      outline-offset: -5px;
    }
    &[disabled] {
      pointer-events: none;
      opacity: 40%;
    }
  }
  .menu {
    display: flex;
    width: fit-content;
    flex-direction: column;
    flex-wrap: wrap;
    padding: calc(0.25rem * 2);
    --menu-active-fg: var(--color-neutral-content);
    --menu-active-bg: var(--color-neutral);
    font-size: 0.875rem;
    :where(li ul) {
      position: relative;
      margin-inline-start: calc(0.25rem * 4);
      padding-inline-start: calc(0.25rem * 2);
      white-space: nowrap;
      &:before {
        position: absolute;
        inset-inline-start: calc(0.25rem * 0);
        top: calc(0.25rem * 3);
        bottom: calc(0.25rem * 3);
        background-color: var(--color-base-content);
        opacity: 10%;
        width: var(--border);
        content: "";
      }
    }
    :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
      display: none;
    }
    :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
      display: grid;
      grid-auto-flow: column;
      align-content: flex-start;
      align-items: center;
      gap: calc(0.25rem * 2);
      border-radius: var(--radius-field);
      padding-inline: calc(0.25rem * 3);
      padding-block: calc(0.25rem * 1.5);
      text-align: start;
      transition-property: color, background-color, box-shadow;
      transition-duration: 0.2s;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      grid-auto-columns: minmax(auto, max-content) auto max-content;
      text-wrap: balance;
      user-select: none;
    }
    :where(li > details > summary) {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
      &::-webkit-details-marker {
        display: none;
      }
    }
    :where(li > details > summary), :where(li > .menu-dropdown-toggle) {
      &:after {
        justify-self: flex-end;
        display: block;
        height: 0.375rem;
        width: 0.375rem;
        rotate: -135deg;
        translate: 0 -1px;
        transition-property: rotate, translate;
        transition-duration: 0.2s;
        content: "";
        transform-origin: 50% 50%;
        box-shadow: 2px 2px inset;
        pointer-events: none;
      }
    }
    :where(li > details[open] > summary):after, :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
      rotate: 45deg;
      translate: 0 1px;
    }
    :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title) ):not(.menu-active, :active, .btn) {
      &.menu-focus, &:focus-visible {
        cursor: pointer;
        background-color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          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: 2px solid transparent;
          outline-offset: 2px;
        }
      }
    }
    :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover ) {
      cursor: pointer;
      background-color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
      box-shadow: 0 1px oklch(0% 0 0 / 0.01) inset, 0 -1px oklch(100% 0 0 / 0.01) inset;
    }
    :where(li:empty) {
      background-color: var(--color-base-content);
      opacity: 10%;
      margin: 0.5rem 1rem;
      height: 1px;
    }
    :where(li) {
      position: relative;
      display: flex;
      flex-shrink: 0;
      flex-direction: column;
      flex-wrap: wrap;
      align-items: stretch;
      .badge {
        justify-self: flex-end;
      }
      & > *:not(ul, .menu-title, details, .btn):active, & > *:not(ul, .menu-title, details, .btn).menu-active, & > details > summary:active {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 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 {
        pointer-events: none;
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
        }
      }
    }
    .dropdown:focus-within {
      .menu-dropdown-toggle:after {
        rotate: 45deg;
        translate: 0 1px;
      }
    }
    .dropdown-content {
      margin-top: calc(0.25rem * 2);
      padding: calc(0.25rem * 2);
      &:before {
        display: none;
      }
    }
  }
  .dropdown {
    position: relative;
    display: inline-block;
    position-area: var(--anchor-v, bottom) var(--anchor-h, span-right);
    & > *:not(summary):focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
    .dropdown-content {
      position: absolute;
    }
    &:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) {
      .dropdown-content {
        display: none;
        transform-origin: top;
        opacity: 0%;
        scale: 95%;
      }
    }
    &[popover], .dropdown-content {
      z-index: 999;
      animation: dropdown 0.2s;
      transition-property: opacity, scale, display;
      transition-behavior: allow-discrete;
      transition-duration: 0.2s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    @starting-style {
      &[popover], .dropdown-content {
        scale: 95%;
        opacity: 0;
      }
    }
    &.dropdown-open, &:not(.dropdown-hover):focus, &:focus-within {
      > [tabindex]:first-child {
        pointer-events: none;
      }
      .dropdown-content {
        opacity: 100%;
      }
    }
    &.dropdown-hover:hover {
      .dropdown-content {
        opacity: 100%;
        scale: 100%;
      }
    }
    &:is(details) {
      summary {
        &::-webkit-details-marker {
          display: none;
        }
      }
    }
    &.dropdown-open, &:focus, &:focus-within {
      .dropdown-content {
        scale: 100%;
      }
    }
    &:where([popover]) {
      background: #0000;
    }
    &[popover] {
      position: fixed;
      color: inherit;
      @supports not (position-area: bottom) {
        margin: auto;
        &.dropdown-open:not(:popover-open) {
          display: none;
          transform-origin: top;
          opacity: 0%;
          scale: 95%;
        }
        &::backdrop {
          background-color: color-mix(in oklab, #000 30%, #0000);
        }
      }
      &:not(.dropdown-open, :popover-open) {
        display: none;
        transform-origin: top;
        opacity: 0%;
        scale: 95%;
      }
    }
  }
  .btn {
    :where(&) {
      width: unset;
    }
    display: inline-flex;
    flex-shrink: 0;
    cursor: pointer;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: calc(0.25rem * 1.5);
    text-align: center;
    vertical-align: middle;
    outline-offset: 2px;
    webkit-user-select: none;
    user-select: none;
    padding-inline: var(--btn-p);
    color: var(--btn-fg);
    --tw-prose-links: var(--btn-fg);
    height: var(--size);
    font-size: var(--fontsize, 0.875rem);
    font-weight: 600;
    outline-color: var(--btn-color, var(--color-base-content));
    transition-property: color, background-color, border-color, box-shadow;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-duration: 0.2s;
    border-start-start-radius: var(--join-ss, var(--radius-field));
    border-start-end-radius: var(--join-se, var(--radius-field));
    border-end-start-radius: var(--join-es, var(--radius-field));
    border-end-end-radius: var(--join-ee, var(--radius-field));
    background-color: var(--btn-bg);
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--btn-noise);
    border-width: var(--border);
    border-style: solid;
    border-color: var(--btn-border);
    text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));
    touch-action: manipulation;
    box-shadow: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow);
    --size: calc(var(--size-field, 0.25rem) * 10);
    --btn-bg: var(--btn-color, var(--color-base-200));
    --btn-fg: var(--color-base-content);
    --btn-p: 1rem;
    --btn-border: var(--btn-bg);
    @supports (color: color-mix(in lab, red, red)) {
      --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
    }
    --btn-shadow: 0 3px 2px -2px var(--btn-bg),
    0 4px 3px -2px var(--btn-bg);
    @supports (color: color-mix(in lab, red, red)) {
      --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-noise: var(--fx-noise);
    .prose & {
      text-decoration-line: none;
    }
    @media (hover: hover) {
      &:hover {
        --btn-bg: var(--btn-color, var(--color-base-200));
        @supports (color: color-mix(in lab, red, red)) {
          --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
        }
      }
    }
    &:focus-visible {
      outline-width: 2px;
      outline-style: solid;
      isolation: isolate;
    }
    &:active:not(.btn-active) {
      translate: 0 0.5px;
      --btn-bg: var(--btn-color, var(--color-base-200));
      @supports (color: color-mix(in lab, red, red)) {
        --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
      }
      --btn-border: var(--btn-color, var(--color-base-200));
      @supports (color: color-mix(in lab, red, red)) {
        --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
      }
      --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);
    }
    &:is(:disabled, [disabled], .btn-disabled) {
      &:not(.btn-link, .btn-ghost) {
        background-color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
        }
        box-shadow: none;
      }
      pointer-events: none;
      --btn-border: #0000;
      --btn-noise: none;
      --btn-fg: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
      }
      @media (hover: hover) {
        &:hover {
          pointer-events: none;
          background-color: var(--color-neutral);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral) 20%, transparent);
          }
          --btn-border: #0000;
          --btn-fg: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
          }
        }
      }
    }
    &:is(input[type="checkbox"], input[type="radio"]) {
      appearance: none;
      &::after {
        content: attr(aria-label);
      }
    }
    &:where(input:checked:not(.filter .btn)) {
      --btn-color: var(--color-primary);
      --btn-fg: var(--color-primary-content);
      isolation: isolate;
    }
  }
  .loading {
    pointer-events: none;
    display: inline-block;
    aspect-ratio: 1 / 1;
    background-color: currentColor;
    vertical-align: middle;
    width: calc(var(--size-selector, 0.25rem) * 6);
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  }
  .visible {
    visibility: visible;
  }
  .list {
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    :where(.list-row) {
      --list-grid-cols: minmax(0, auto) 1fr;
      position: relative;
      display: grid;
      grid-auto-flow: column;
      gap: calc(0.25rem * 4);
      border-radius: var(--radius-box);
      padding: calc(0.25rem * 4);
      word-break: break-word;
      grid-template-columns: var(--list-grid-cols);
      &:has(.list-col-grow:nth-child(1)) {
        --list-grid-cols: 1fr;
      }
      &:has(.list-col-grow:nth-child(2)) {
        --list-grid-cols: minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(3)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(4)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(5)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(6)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto)
        minmax(0, auto) 1fr;
      }
      :not(.list-col-wrap) {
        grid-row-start: 1;
      }
    }
    & > :not(:last-child) {
      &.list-row, .list-row {
        &:after {
          content: "";
          border-bottom: var(--border) solid;
          inset-inline: var(--radius-box);
          position: absolute;
          bottom: calc(0.25rem * 0);
          border-color: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
          }
        }
      }
    }
  }
  .toggle {
    border: var(--border) solid currentColor;
    color: var(--input-color);
    position: relative;
    display: inline-grid;
    flex-shrink: 0;
    cursor: pointer;
    appearance: none;
    place-content: center;
    vertical-align: middle;
    webkit-user-select: none;
    user-select: none;
    grid-template-columns: 0fr 1fr 1fr;
    --radius-selector-max: calc(
    var(--radius-selector) + var(--radius-selector) + var(--radius-selector)
  );
    border-radius: calc( var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)) );
    padding: var(--toggle-p);
    box-shadow: 0 1px currentColor inset;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;
    }
    transition: color 0.3s, grid-template-columns 0.2s;
    --input-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --input-color: color-mix(in oklab, var(--color-base-content) 50%, #0000);
    }
    --toggle-p: calc(var(--size) * 0.125);
    --size: calc(var(--size-selector, 0.25rem) * 6);
    width: calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);
    height: var(--size);
    > * {
      z-index: 1;
      grid-column: span 1 / span 1;
      grid-column-start: 2;
      grid-row-start: 1;
      height: 100%;
      cursor: pointer;
      appearance: none;
      background-color: transparent;
      padding: calc(0.25rem * 0.5);
      transition: opacity 0.2s, rotate 0.4s;
      border: none;
      &:focus {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
      &:nth-child(2) {
        color: var(--color-base-100);
        rotate: 0deg;
      }
      &:nth-child(3) {
        color: var(--color-base-100);
        opacity: 0%;
        rotate: -15deg;
      }
    }
    &:has(:checked) {
      > :nth-child(2) {
        opacity: 0%;
        rotate: 15deg;
      }
      > :nth-child(3) {
        opacity: 100%;
        rotate: 0deg;
      }
    }
    &:before {
      position: relative;
      inset-inline-start: calc(0.25rem * 0);
      grid-column-start: 2;
      grid-row-start: 1;
      aspect-ratio: 1 / 1;
      height: 100%;
      border-radius: var(--radius-selector);
      background-color: currentColor;
      translate: 0;
      --tw-content: "";
      content: var(--tw-content);
      transition: background-color 0.1s, translate 0.2s, inset-inline-start 0.2s;
      box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px currentColor;
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);
      }
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--fx-noise);
    }
    @media (forced-colors: active) {
      &:before {
        outline-style: var(--tw-outline-style);
        outline-width: 1px;
        outline-offset: calc(1px * -1);
      }
    }
    @media print {
      &:before {
        outline: 0.25rem solid;
        outline-offset: -1rem;
      }
    }
    &:focus-visible, &:has(:focus-visible) {
      outline: 2px solid currentColor;
      outline-offset: 2px;
    }
    &:checked, &[aria-checked="true"], &:has(> input:checked) {
      grid-template-columns: 1fr 1fr 0fr;
      background-color: var(--color-base-100);
      --input-color: var(--color-base-content);
      &:before {
        background-color: currentColor;
      }
      @starting-style {
        &:before {
          opacity: 0;
        }
      }
    }
    &:indeterminate {
      grid-template-columns: 0.5fr 1fr 0.5fr;
    }
    &:disabled {
      cursor: not-allowed;
      opacity: 30%;
      &:before {
        background-color: transparent;
        border: var(--border) solid currentColor;
      }
    }
  }
  .input {
    cursor: text;
    border: var(--border) solid #0000;
    position: relative;
    display: inline-flex;
    flex-shrink: 1;
    appearance: none;
    align-items: center;
    gap: calc(0.25rem * 2);
    background-color: var(--color-base-100);
    padding-inline: calc(0.25rem * 3);
    vertical-align: middle;
    white-space: nowrap;
    width: clamp(3rem, 20rem, 100%);
    height: var(--size);
    font-size: 0.875rem;
    border-start-start-radius: var(--join-ss, var(--radius-field));
    border-start-end-radius: var(--join-se, var(--radius-field));
    border-end-start-radius: var(--join-es, var(--radius-field));
    border-end-end-radius: var(--join-ee, var(--radius-field));
    border-color: var(--input-color);
    box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    @supports (color: color-mix(in lab, red, red)) {
      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) * 0.1)) inset;
    }
    --size: calc(var(--size-field, 0.25rem) * 10);
    --input-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
    }
    &:where(input) {
      display: inline-flex;
    }
    :where(input) {
      display: inline-flex;
      height: 100%;
      width: 100%;
      appearance: none;
      background-color: transparent;
      border: none;
      &:focus, &:focus-within {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
    }
    :where(input[type="date"]) {
      display: inline-block;
    }
    &:focus, &:focus-within {
      --input-color: var(--color-base-content);
      box-shadow: 0 1px var(--input-color);
      @supports (color: color-mix(in lab, red, red)) {
        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;
      isolation: isolate;
      z-index: 1;
    }
    &:has(> input[disabled]), &:is(:disabled, [disabled]) {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
      &::placeholder {
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
        }
      }
      box-shadow: none;
    }
    &:has(> input[disabled]) > input[disabled] {
      cursor: not-allowed;
    }
    &::-webkit-date-and-time-value {
      text-align: inherit;
    }
    &[type="number"] {
      &::-webkit-inner-spin-button {
        margin-block: calc(0.25rem * -3);
        margin-inline-end: calc(0.25rem * -3);
      }
    }
    &::-webkit-calendar-picker-indicator {
      position: absolute;
      inset-inline-end: 0.75em;
    }
  }
  .table {
    font-size: 0.875rem;
    position: relative;
    width: 100%;
    border-radius: var(--radius-box);
    text-align: left;
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      text-align: right;
    }
    tr.row-hover {
      &, &:nth-child(even) {
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-base-200);
          }
        }
      }
    }
    :where(th, td) {
      padding-inline: calc(0.25rem * 4);
      padding-block: calc(0.25rem * 3);
      vertical-align: middle;
    }
    :where(thead, tfoot) {
      white-space: nowrap;
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
      }
      font-size: 0.875rem;
      font-weight: 600;
    }
    :where(tfoot) {
      border-top: var(--border) solid var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        border-top: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
      }
    }
    :where(.table-pin-rows thead tr) {
      position: sticky;
      top: calc(0.25rem * 0);
      z-index: 1;
      background-color: var(--color-base-100);
    }
    :where(.table-pin-rows tfoot tr) {
      position: sticky;
      bottom: calc(0.25rem * 0);
      z-index: 1;
      background-color: var(--color-base-100);
    }
    :where(.table-pin-cols tr th) {
      position: sticky;
      right: calc(0.25rem * 0);
      left: calc(0.25rem * 0);
      background-color: var(--color-base-100);
    }
    :where(thead tr, tbody tr:not(:last-child)) {
      border-bottom: var(--border) solid var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
      }
    }
  }
  .steps {
    display: inline-grid;
    grid-auto-flow: column;
    overflow: hidden;
    overflow-x: auto;
    counter-reset: step;
    grid-auto-columns: 1fr;
    .step {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      grid-template-columns: auto;
      grid-template-rows: repeat(2, minmax(0, 1fr));
      grid-template-rows: 40px 1fr;
      place-items: center;
      text-align: center;
      min-width: 4rem;
      --step-bg: var(--color-base-300);
      --step-fg: var(--color-base-content);
      &:before {
        top: calc(0.25rem * 0);
        grid-column-start: 1;
        grid-row-start: 1;
        height: calc(0.25rem * 2);
        width: 100%;
        border: 1px solid;
        color: var(--step-bg);
        background-color: var(--step-bg);
        --tw-content: "";
        content: var(--tw-content);
        margin-inline-start: -100%;
      }
      > .step-icon, &:not(:has(.step-icon)):after {
        content: counter(step);
        counter-increment: step;
        z-index: 1;
        color: var(--step-fg);
        background-color: var(--step-bg);
        border: 1px solid var(--step-bg);
        position: relative;
        grid-column-start: 1;
        grid-row-start: 1;
        display: grid;
        height: calc(0.25rem * 8);
        width: calc(0.25rem * 8);
        place-items: center;
        place-self: center;
        border-radius: calc(infinity * 1px);
      }
      &:first-child:before {
        content: none;
      }
      &[data-content]:after {
        content: attr(data-content);
      }
    }
    .step-neutral {
      + .step-neutral:before, &:after, > .step-icon {
        --step-bg: var(--color-neutral);
        --step-fg: var(--color-neutral-content);
      }
    }
    .step-primary {
      + .step-primary:before, &:after, > .step-icon {
        --step-bg: var(--color-primary);
        --step-fg: var(--color-primary-content);
      }
    }
    .step-secondary {
      + .step-secondary:before, &:after, > .step-icon {
        --step-bg: var(--color-secondary);
        --step-fg: var(--color-secondary-content);
      }
    }
    .step-accent {
      + .step-accent:before, &:after, > .step-icon {
        --step-bg: var(--color-accent);
        --step-fg: var(--color-accent-content);
      }
    }
    .step-info {
      + .step-info:before, &:after, > .step-icon {
        --step-bg: var(--color-info);
        --step-fg: var(--color-info-content);
      }
    }
    .step-success {
      + .step-success:before, &:after, > .step-icon {
        --step-bg: var(--color-success);
        --step-fg: var(--color-success-content);
      }
    }
    .step-warning {
      + .step-warning:before, &:after, > .step-icon {
        --step-bg: var(--color-warning);
        --step-fg: var(--color-warning-content);
      }
    }
    .step-error {
      + .step-error:before, &:after, > .step-icon {
        --step-bg: var(--color-error);
        --step-fg: var(--color-error-content);
      }
    }
  }
  .select {
    border: var(--border) solid #0000;
    position: relative;
    display: inline-flex;
    flex-shrink: 1;
    appearance: none;
    align-items: center;
    gap: calc(0.25rem * 1.5);
    background-color: var(--color-base-100);
    padding-inline-start: calc(0.25rem * 4);
    padding-inline-end: calc(0.25rem * 7);
    vertical-align: middle;
    width: clamp(3rem, 20rem, 100%);
    height: var(--size);
    font-size: 0.875rem;
    border-start-start-radius: var(--join-ss, var(--radius-field));
    border-start-end-radius: var(--join-se, var(--radius-field));
    border-end-start-radius: var(--join-es, var(--radius-field));
    border-end-end-radius: var(--join-ee, var(--radius-field));
    background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
    background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
    background-size: 4px 4px, 4px 4px;
    background-repeat: no-repeat;
    text-overflow: ellipsis;
    box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    @supports (color: color-mix(in lab, red, red)) {
      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) * 0.1)) inset;
    }
    border-color: var(--input-color);
    --input-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
    }
    --size: calc(var(--size-field, 0.25rem) * 10);
    [dir="rtl"] & {
      background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%);
    }
    select {
      margin-inline-start: calc(0.25rem * -4);
      margin-inline-end: calc(0.25rem * -7);
      width: calc(100% + 2.75rem);
      appearance: none;
      padding-inline-start: calc(0.25rem * 4);
      padding-inline-end: calc(0.25rem * 7);
      height: calc(100% - 2px);
      background: inherit;
      border-radius: inherit;
      border-style: none;
      &:focus, &:focus-within {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
      &:not(:last-child) {
        margin-inline-end: calc(0.25rem * -5.5);
        background-image: none;
      }
    }
    &:focus, &:focus-within {
      --input-color: var(--color-base-content);
      box-shadow: 0 1px var(--input-color);
      @supports (color: color-mix(in lab, red, red)) {
        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;
      isolation: isolate;
      z-index: 1;
    }
    &:has(> select[disabled]), &:is(:disabled, [disabled]) {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
      &::placeholder {
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
        }
      }
    }
    &:has(> select[disabled]) > select[disabled] {
      cursor: not-allowed;
    }
  }
  .timeline {
    position: relative;
    display: flex;
    > li {
      position: relative;
      display: grid;
      flex-shrink: 0;
      align-items: center;
      grid-template-rows: var(--timeline-row-start, minmax(0, 1fr)) auto var( --timeline-row-end, minmax(0, 1fr) );
      grid-template-columns: var(--timeline-col-start, minmax(0, 1fr)) auto var( --timeline-col-end, minmax(0, 1fr) );
      > hr {
        border: none;
        width: 100%;
        &:first-child {
          grid-column-start: 1;
          grid-row-start: 2;
        }
        &:last-child {
          grid-column-start: 3;
          grid-column-end: none;
          grid-row-start: 2;
          grid-row-end: auto;
        }
        @media print {
          border: 0.1px solid var(--color-base-300);
        }
      }
    }
    :where(hr) {
      height: calc(0.25rem * 1);
      background-color: var(--color-base-300);
    }
    &:has(.timeline-middle hr) {
      &:first-child {
        border-start-start-radius: 0;
        border-end-start-radius: 0;
        border-start-end-radius: var(--radius-selector);
        border-end-end-radius: var(--radius-selector);
      }
      &:last-child {
        border-start-start-radius: var(--radius-selector);
        border-end-start-radius: var(--radius-selector);
        border-start-end-radius: 0;
        border-end-end-radius: 0;
      }
    }
    &:not(:has(.timeline-middle)) {
      :first-child hr:last-child {
        border-start-start-radius: var(--radius-selector);
        border-end-start-radius: var(--radius-selector);
        border-start-end-radius: 0;
        border-end-end-radius: 0;
      }
      :last-child hr:first-child {
        border-start-start-radius: 0;
        border-end-start-radius: 0;
        border-start-end-radius: var(--radius-selector);
        border-end-end-radius: var(--radius-selector);
      }
    }
  }
  .card {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: var(--radius-box);
    outline-width: 2px;
    transition: outline 0.2s ease-in-out;
    outline: 0 solid #0000;
    outline-offset: 2px;
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
    &:focus-visible {
      outline-color: currentColor;
    }
    :where(figure:first-child) {
      overflow: hidden;
      border-start-start-radius: inherit;
      border-start-end-radius: inherit;
      border-end-start-radius: unset;
      border-end-end-radius: unset;
    }
    :where(figure:last-child) {
      overflow: hidden;
      border-start-start-radius: unset;
      border-start-end-radius: unset;
      border-end-start-radius: inherit;
      border-end-end-radius: inherit;
    }
    &:where(.card-border) {
      border: var(--border) solid var(--color-base-200);
    }
    &:where(.card-dash) {
      border: var(--border) dashed var(--color-base-200);
    }
    &.image-full {
      display: grid;
      > * {
        grid-column-start: 1;
        grid-row-start: 1;
      }
      > .card-body {
        position: relative;
        color: var(--color-neutral-content);
      }
      :where(figure) {
        overflow: hidden;
        border-radius: inherit;
      }
      > figure img {
        height: 100%;
        object-fit: cover;
        filter: brightness(28%);
      }
    }
    figure {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    &:has(> input:is(input[type="checkbox"], input[type="radio"])) {
      cursor: pointer;
      user-select: none;
    }
    &:has(> :checked) {
      outline: 2px solid currentColor;
    }
  }
  .swap {
    position: relative;
    display: inline-grid;
    cursor: pointer;
    place-content: center;
    vertical-align: middle;
    webkit-user-select: none;
    user-select: none;
    input {
      appearance: none;
      border: none;
    }
    > * {
      grid-column-start: 1;
      grid-row-start: 1;
      transition-property: transform, rotate, opacity;
      transition-duration: 0.2s;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
    .swap-on, .swap-indeterminate, input:indeterminate ~ .swap-on {
      opacity: 0%;
    }
    input:is(:checked, :indeterminate) {
      & ~ .swap-off {
        opacity: 0%;
      }
    }
    input:checked ~ .swap-on, input:indeterminate ~ .swap-indeterminate {
      opacity: 100%;
      backface-visibility: visible;
    }
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .checkbox {
    border: var(--border) solid var(--input-color, var(--color-base-content));
    @supports (color: color-mix(in lab, red, red)) {
      border: var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
    }
    position: relative;
    flex-shrink: 0;
    cursor: pointer;
    appearance: none;
    border-radius: var(--radius-selector);
    padding: calc(0.25rem * 1);
    vertical-align: middle;
    color: var(--color-base-content);
    box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 0 #0000 inset, 0 0 #0000;
    transition: background-color 0.2s, box-shadow 0.2s;
    --size: calc(var(--size-selector, 0.25rem) * 6);
    width: var(--size);
    height: var(--size);
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--fx-noise);
    &:before {
      --tw-content: "";
      content: var(--tw-content);
      display: block;
      width: 100%;
      height: 100%;
      rotate: 45deg;
      background-color: currentColor;
      opacity: 0%;
      transition: clip-path 0.3s, opacity 0.1s, rotate 0.3s, translate 0.3s;
      transition-delay: 0.1s;
      clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
      box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
      font-size: 1rem;
      line-height: 0.75;
    }
    &:focus-visible {
      outline: 2px solid var(--input-color, currentColor);
      outline-offset: 2px;
    }
    &:checked, &[aria-checked="true"] {
      background-color: var(--input-color, #0000);
      box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
      &:before {
        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
        opacity: 100%;
      }
      @media (forced-colors: active) {
        &:before {
          rotate: 0deg;
          background-color: transparent;
          --tw-content: "✔︎";
          clip-path: none;
        }
      }
      @media print {
        &:before {
          rotate: 0deg;
          background-color: transparent;
          --tw-content: "✔︎";
          clip-path: none;
        }
      }
    }
    &:indeterminate {
      &:before {
        rotate: 0deg;
        opacity: 100%;
        translate: 0 -35%;
        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
      }
    }
    &:disabled {
      cursor: not-allowed;
      opacity: 20%;
    }
  }
  .progress {
    position: relative;
    height: calc(0.25rem * 2);
    width: 100%;
    appearance: none;
    overflow: hidden;
    border-radius: var(--radius-box);
    background-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, currentColor 20%, transparent);
    }
    color: var(--color-base-content);
    &:indeterminate {
      background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );
      background-size: 200%;
      background-position-x: 15%;
      animation: progress 5s ease-in-out infinite;
      @supports (-moz-appearance: none) {
        &::-moz-progress-bar {
          background-color: transparent;
          background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );
          background-size: 200%;
          background-position-x: 15%;
          animation: progress 5s ease-in-out infinite;
        }
      }
    }
    @supports (-moz-appearance: none) {
      &::-moz-progress-bar {
        border-radius: var(--radius-box);
        background-color: currentColor;
      }
    }
    @supports (-webkit-appearance: none) {
      &::-webkit-progress-bar {
        border-radius: var(--radius-box);
        background-color: transparent;
      }
      &::-webkit-progress-value {
        border-radius: var(--radius-box);
        background-color: currentColor;
      }
    }
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .textarea {
    border: var(--border) solid #0000;
    min-height: calc(0.25rem * 20);
    flex-shrink: 1;
    appearance: none;
    border-radius: var(--radius-field);
    background-color: var(--color-base-100);
    padding-block: calc(0.25rem * 2);
    vertical-align: middle;
    width: clamp(3rem, 20rem, 100%);
    padding-inline-start: 0.75rem;
    padding-inline-end: 0.75rem;
    font-size: 0.875rem;
    border-color: var(--input-color);
    box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    @supports (color: color-mix(in lab, red, red)) {
      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) * 0.1)) inset;
    }
    --input-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
    }
    textarea {
      appearance: none;
      background-color: transparent;
      border: none;
      &:focus, &:focus-within {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
    }
    &:focus, &:focus-within {
      --input-color: var(--color-base-content);
      box-shadow: 0 1px var(--input-color);
      @supports (color: color-mix(in lab, red, red)) {
        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;
      isolation: isolate;
    }
    &:has(> textarea[disabled]), &:is(:disabled, [disabled]) {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
      &::placeholder {
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
        }
      }
      box-shadow: none;
    }
    &:has(> textarea[disabled]) > textarea[disabled] {
      cursor: not-allowed;
    }
  }
  .z-50 {
    z-index: 50;
  }
  .hero {
    display: grid;
    width: 100%;
    place-items: center;
    background-size: cover;
    background-position: center;
    & > * {
      grid-column-start: 1;
      grid-row-start: 1;
    }
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .divider {
    display: flex;
    height: calc(0.25rem * 4);
    flex-direction: row;
    align-items: center;
    align-self: stretch;
    white-space: nowrap;
    margin: var(--divider-m, 1rem 0);
    --divider-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --divider-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }
    &:before, &:after {
      content: "";
      height: calc(0.25rem * 0.5);
      width: 100%;
      flex-grow: 1;
      background-color: var(--divider-color);
    }
    @media print {
      &:before, &:after {
        border: 0.5px solid;
      }
    }
    &:not(:empty) {
      gap: calc(0.25rem * 4);
    }
  }
  .filter {
    display: flex;
    flex-wrap: wrap;
    input[type="radio"] {
      width: auto;
    }
    input {
      overflow: hidden;
      opacity: 100%;
      scale: 1;
      transition: margin 0.1s, opacity 0.3s, padding 0.3s, border-width 0.1s;
      &:not(:last-child) {
        margin-inline-end: calc(0.25rem * 1);
      }
      &.filter-reset {
        aspect-ratio: 1 / 1;
        &::after {
          content: "×";
        }
      }
    }
    &:not(:has(input:checked:not(.filter-reset))) {
      .filter-reset, input[type="reset"] {
        scale: 0;
        border-width: 0;
        margin-inline: calc(0.25rem * 0);
        width: calc(0.25rem * 0);
        padding-inline: calc(0.25rem * 0);
        opacity: 0%;
      }
    }
    &:has(input:checked:not(.filter-reset)) {
      input:not(:checked, .filter-reset, input[type="reset"]) {
        scale: 0;
        border-width: 0;
        margin-inline: calc(0.25rem * 0);
        width: calc(0.25rem * 0);
        padding-inline: calc(0.25rem * 0);
        opacity: 0%;
      }
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .label {
    display: inline-flex;
    align-items: center;
    gap: calc(0.25rem * 1.5);
    white-space: nowrap;
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
    &:has(input) {
      cursor: pointer;
    }
    &:is(.input > *, .select > *) {
      display: flex;
      height: calc(100% - 0.5rem);
      align-items: center;
      padding-inline: calc(0.25rem * 3);
      white-space: nowrap;
      font-size: inherit;
      &:first-child {
        margin-inline-start: calc(0.25rem * -3);
        margin-inline-end: calc(0.25rem * 3);
        border-inline-end: var(--border) solid currentColor;
        @supports (color: color-mix(in lab, red, red)) {
          border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
        }
      }
      &:last-child {
        margin-inline-start: calc(0.25rem * 3);
        margin-inline-end: calc(0.25rem * -3);
        border-inline-start: var(--border) solid currentColor;
        @supports (color: color-mix(in lab, red, red)) {
          border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
        }
      }
    }
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .status {
    display: inline-block;
    aspect-ratio: 1 / 1;
    width: calc(0.25rem * 2);
    height: calc(0.25rem * 2);
    border-radius: var(--radius-selector);
    background-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
    }
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, #000 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 30%, transparent);
      }
    }
    background-image: radial-gradient( circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * 0.5)), #0000 );
    box-shadow: 0 2px 3px -1px currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);
    }
  }
  .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(0.25rem * 2);
    border-radius: var(--radius-selector);
    vertical-align: middle;
    color: var(--badge-fg);
    border: var(--border) solid var(--badge-color, var(--color-base-200));
    font-size: 0.875rem;
    width: fit-content;
    padding-inline: calc(0.25rem * 3 - var(--border));
    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, 0.25rem) * 6);
    height: var(--size);
    &.badge-outline {
      --badge-fg: var(--badge-color);
      --badge-bg: #0000;
      background-image: none;
      border-color: currentColor;
    }
    &.badge-dash {
      --badge-fg: var(--badge-color);
      --badge-bg: #0000;
      background-image: none;
      border-color: currentColor;
      border-style: dashed;
    }
    &.badge-soft {
      color: var(--badge-color, var(--color-base-content));
      background-color: var(--badge-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--badge-color, var(--color-base-content)) 8%, var(--color-base-100) );
      }
      border-color: var(--badge-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix( in oklab, var(--badge-color, var(--color-base-content)) 10%, var(--color-base-100) );
      }
      background-image: none;
    }
  }
  .hero-arrow-down-tray {
    --hero-arrow-down-tray: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3%2016.5v2.25A2.25%202.25%200%200%200%205.25%2021h13.5A2.25%202.25%200%200%200%2021%2018.75V16.5M16.5%2012%2012%2016.5m0%200L7.5%2012m4.5%204.5V3%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-down-tray);
    mask: var(--hero-arrow-down-tray);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-left {
    --hero-arrow-left: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.5%2019.5%203%2012m0%200%207.5-7.5M3%2012h18%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-left);
    mask: var(--hero-arrow-left);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-path {
    --hero-arrow-path: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.023%209.348h4.992v-.001M2.985%2019.644v-4.992m0%200h4.992m-4.993%200%203.181%203.183a8.25%208.25%200%200%200%2013.803-3.7M4.031%209.865a8.25%208.25%200%200%201%2013.803-3.7l3.181%203.182m0-4.991v4.99%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-path);
    mask: var(--hero-arrow-path);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-banknotes {
    --hero-banknotes: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%2018.75a60.07%2060.07%200%200%201%2015.797%202.101c.727.198%201.453-.342%201.453-1.096V18.75M3.75%204.5v.75A.75.75%200%200%201%203%206h-.75m0%200v-.375c0-.621.504-1.125%201.125-1.125H20.25M2.25%206v9m18-10.5v.75c0%20.414.336.75.75.75h.75m-1.5-1.5h.375c.621%200%201.125.504%201.125%201.125v9.75c0%20.621-.504%201.125-1.125%201.125h-.375m1.5-1.5H21a.75.75%200%200%200-.75.75v.75m0%200H3.75m0%200h-.375a1.125%201.125%200%200%201-1.125-1.125V15m1.5%201.5v-.75A.75.75%200%200%200%203%2015h-.75M15%2010.5a3%203%200%201%201-6%200%203%203%200%200%201%206%200Zm3%200h.008v.008H18V10.5Zm-12%200h.008v.008H6V10.5Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-banknotes);
    mask: var(--hero-banknotes);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-bars-3 {
    --hero-bars-3: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.75%206.75h16.5M3.75%2012h16.5m-16.5%205.25h16.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-bars-3);
    mask: var(--hero-bars-3);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-bolt {
    --hero-bolt: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m3.75%2013.5%2010.5-11.25L12%2010.5h8.25L9.75%2021.75%2012%2013.5H3.75Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-bolt);
    mask: var(--hero-bolt);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-chevron-down {
    --hero-chevron-down: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m19.5%208.25-7.5%207.5-7.5-7.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-chevron-down);
    mask: var(--hero-chevron-down);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-chevron-right {
    --hero-chevron-right: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m8.25%204.5%207.5%207.5-7.5%207.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-chevron-right);
    mask: var(--hero-chevron-right);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-chevron-up {
    --hero-chevron-up: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m4.5%2015.75%207.5-7.5%207.5%207.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-chevron-up);
    mask: var(--hero-chevron-up);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-clipboard-document-list {
    --hero-clipboard-document-list: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2012h3.75M9%2015h3.75M9%2018h3.75m3%20.75H18a2.25%202.25%200%200%200%202.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424%2048.424%200%200%200-1.123-.08m-5.801%200c-.065.21-.1.433-.1.664%200%20.414.336.75.75.75h4.5a.75.75%200%200%200%20.75-.75%202.25%202.25%200%200%200-.1-.664m-5.8%200A2.251%202.251%200%200%201%2013.5%202.25H15c1.012%200%201.867.668%202.15%201.586m-5.8%200c-.376.023-.75.05-1.124.08C9.095%204.01%208.25%204.973%208.25%206.108V8.25m0%200H4.875c-.621%200-1.125.504-1.125%201.125v11.25c0%20.621.504%201.125%201.125%201.125h9.75c.621%200%201.125-.504%201.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75%2012h.008v.008H6.75V12Zm0%203h.008v.008H6.75V15Zm0%203h.008v.008H6.75V18Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-clipboard-document-list);
    mask: var(--hero-clipboard-document-list);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-clock {
    --hero-clock: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%206v6h4.5m4.5%200a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-clock);
    mask: var(--hero-clock);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-cog-6-tooth {
    --hero-cog-6-tooth: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.594%203.94c.09-.542.56-.94%201.11-.94h2.593c.55%200%201.02.398%201.11.94l.213%201.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257%201.075.124l1.217-.456a1.125%201.125%200%200%201%201.37.49l1.296%202.247a1.125%201.125%200%200%201-.26%201.431l-1.003.827c-.293.241-.438.613-.43.992a7.723%207.723%200%200%201%200%20.255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26%201.43l-1.298%202.247a1.125%201.125%200%200%201-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47%206.47%200%200%201-.22.128c-.331.183-.581.495-.644.869l-.213%201.281c-.09.543-.56.94-1.11.94h-2.594c-.55%200-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52%206.52%200%200%201-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125%201.125%200%200%201-1.369-.49l-1.297-2.247a1.125%201.125%200%200%201%20.26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932%206.932%200%200%201%200-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125%201.125%200%200%201-.26-1.43l1.297-2.247a1.125%201.125%200%200%201%201.37-.491l1.216.456c.356.133.751.072%201.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%2012a3%203%200%201%201-6%200%203%203%200%200%201%206%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-cog-6-tooth);
    mask: var(--hero-cog-6-tooth);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-computer-desktop-micro {
    --hero-computer-desktop-micro: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%204.25A2.25%202.25%200%200%201%204.25%202h7.5A2.25%202.25%200%200%201%2014%204.25v5.5A2.25%202.25%200%200%201%2011.75%2012h-1.312c.1.128.21.248.328.36a.75.75%200%200%201%20.234.545v.345a.75.75%200%200%201-.75.75h-4.5a.75.75%200%200%201-.75-.75v-.345a.75.75%200%200%201%20.234-.545c.118-.111.228-.232.328-.36H4.25A2.25%202.25%200%200%201%202%209.75v-5.5Zm2.25-.75a.75.75%200%200%200-.75.75v4.5c0%20.414.336.75.75.75h7.5a.75.75%200%200%200%20.75-.75v-4.5a.75.75%200%200%200-.75-.75h-7.5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-computer-desktop-micro);
    mask: var(--hero-computer-desktop-micro);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1rem;
    height: 1rem;
  }
  .hero-cpu-chip {
    --hero-cpu-chip: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.25%203v1.5M4.5%208.25H3m18%200h-1.5M4.5%2012H3m18%200h-1.5m-15%203.75H3m18%200h-1.5M8.25%2019.5V21M12%203v1.5m0%2015V21m3.75-18v1.5m0%2015V21m-9-1.5h10.5a2.25%202.25%200%200%200%202.25-2.25V6.75a2.25%202.25%200%200%200-2.25-2.25H6.75A2.25%202.25%200%200%200%204.5%206.75v10.5a2.25%202.25%200%200%200%202.25%202.25Zm.75-12h9v9h-9v-9Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-cpu-chip);
    mask: var(--hero-cpu-chip);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-credit-card {
    --hero-credit-card: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%208.25h19.5M2.25%209h19.5m-16.5%205.25h6m-6%202.25h3m-3.75%203h15a2.25%202.25%200%200%200%202.25-2.25V6.75A2.25%202.25%200%200%200%2019.5%204.5h-15a2.25%202.25%200%200%200-2.25%202.25v10.5A2.25%202.25%200%200%200%204.5%2019.5Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-credit-card);
    mask: var(--hero-credit-card);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-cube {
    --hero-cube: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m21%207.5-9-5.25L3%207.5m18%200-9%205.25m9-5.25v9l-9%205.25M3%207.5l9%205.25M3%207.5v9l9%205.25m0-9v9%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-cube);
    mask: var(--hero-cube);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-exclamation-circle {
    --hero-exclamation-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%209v3.75m9-.75a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9%203.75h.008v.008H12v-.008Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-exclamation-circle);
    mask: var(--hero-exclamation-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-funnel {
    --hero-funnel: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%203c2.755%200%205.455.232%208.083.678.533.09.917.556.917%201.096v1.044a2.25%202.25%200%200%201-.659%201.591l-5.432%205.432a2.25%202.25%200%200%200-.659%201.591v2.927a2.25%202.25%200%200%201-1.244%202.013L9.75%2021v-6.568a2.25%202.25%200%200%200-.659-1.591L3.659%207.409A2.25%202.25%200%200%201%203%205.818V4.774c0-.54.384-1.006.917-1.096A48.32%2048.32%200%200%201%2012%203Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-funnel);
    mask: var(--hero-funnel);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-information-circle {
    --hero-information-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m11.25%2011.25.041-.02a.75.75%200%200%201%201.063.852l-.708%202.836a.75.75%200%200%200%201.063.853l.041-.021M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9-3.75h.008v.008H12V8.25Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-information-circle);
    mask: var(--hero-information-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-key {
    --hero-key: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.75%205.25a3%203%200%200%201%203%203m3%200a6%206%200%200%201-7.029%205.912c-.563-.097-1.159.026-1.563.43L10.5%2017.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1%20.43-1.563A6%206%200%201%201%2021.75%208.25Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-key);
    mask: var(--hero-key);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-lifebuoy {
    --hero-lifebuoy: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.712%204.33a9.027%209.027%200%200%201%201.652%201.306c.51.51.944%201.064%201.306%201.652M16.712%204.33l-3.448%204.138m3.448-4.138a9.014%209.014%200%200%200-9.424%200M19.67%207.288l-4.138%203.448m4.138-3.448a9.014%209.014%200%200%201%200%209.424m-4.138-5.976a3.736%203.736%200%200%200-.88-1.388%203.737%203.737%200%200%200-1.388-.88m2.268%202.268a3.765%203.765%200%200%201%200%202.528m-2.268-4.796a3.765%203.765%200%200%200-2.528%200m4.796%204.796c-.181.506-.475.982-.88%201.388a3.736%203.736%200%200%201-1.388.88m2.268-2.268%204.138%203.448m0%200a9.027%209.027%200%200%201-1.306%201.652c-.51.51-1.064.944-1.652%201.306m0%200-3.448-4.138m3.448%204.138a9.014%209.014%200%200%201-9.424%200m5.976-4.138a3.765%203.765%200%200%201-2.528%200m0%200a3.736%203.736%200%200%201-1.388-.88%203.737%203.737%200%200%201-.88-1.388m2.268%202.268L7.288%2019.67m0%200a9.024%209.024%200%200%201-1.652-1.306%209.027%209.027%200%200%201-1.306-1.652m0%200%204.138-3.448M4.33%2016.712a9.014%209.014%200%200%201%200-9.424m4.138%205.976a3.765%203.765%200%200%201%200-2.528m0%200c.181-.506.475-.982.88-1.388a3.736%203.736%200%200%201%201.388-.88m-2.268%202.268L4.33%207.288m6.406%201.18L7.288%204.33m0%200a9.024%209.024%200%200%200-1.652%201.306A9.025%209.025%200%200%200%204.33%207.288%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-lifebuoy);
    mask: var(--hero-lifebuoy);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-moon-micro {
    --hero-moon-micro: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20d%3D%22M14.438%2010.148c.19-.425-.321-.787-.748-.601A5.5%205.5%200%200%201%206.453%202.31c.186-.427-.176-.938-.6-.748a6.501%206.501%200%201%200%208.585%208.586Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-moon-micro);
    mask: var(--hero-moon-micro);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1rem;
    height: 1rem;
  }
  .hero-shield-exclamation {
    --hero-shield-exclamation: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%209v3.75m0-10.036A11.959%2011.959%200%200%201%203.598%206%2011.99%2011.99%200%200%200%203%209.75c0%205.592%203.824%2010.29%209%2011.622%205.176-1.332%209-6.03%209-11.622%200-1.31-.21-2.57-.598-3.75h-.152c-3.196%200-6.1-1.25-8.25-3.286Zm0%2013.036h.008v.008H12v-.008Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-shield-exclamation);
    mask: var(--hero-shield-exclamation);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-sparkles {
    --hero-sparkles: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.813%2015.904%209%2018.75l-.813-2.846a4.5%204.5%200%200%200-3.09-3.09L2.25%2012l2.846-.813a4.5%204.5%200%200%200%203.09-3.09L9%205.25l.813%202.846a4.5%204.5%200%200%200%203.09%203.09L15.75%2012l-2.846.813a4.5%204.5%200%200%200-3.09%203.09ZM18.259%208.715%2018%209.75l-.259-1.035a3.375%203.375%200%200%200-2.455-2.456L14.25%206l1.036-.259a3.375%203.375%200%200%200%202.455-2.456L18%202.25l.259%201.035a3.375%203.375%200%200%200%202.456%202.456L21.75%206l-1.035.259a3.375%203.375%200%200%200-2.456%202.456ZM16.894%2020.567%2016.5%2021.75l-.394-1.183a2.25%202.25%200%200%200-1.423-1.423L13.5%2018.75l1.183-.394a2.25%202.25%200%200%200%201.423-1.423l.394-1.183.394%201.183a2.25%202.25%200%200%200%201.423%201.423l1.183.394-1.183.394a2.25%202.25%200%200%200-1.423%201.423Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-sparkles);
    mask: var(--hero-sparkles);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-squares-2x2 {
    --hero-squares-2x2: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.75%206A2.25%202.25%200%200%201%206%203.75h2.25A2.25%202.25%200%200%201%2010.5%206v2.25a2.25%202.25%200%200%201-2.25%202.25H6a2.25%202.25%200%200%201-2.25-2.25V6ZM3.75%2015.75A2.25%202.25%200%200%201%206%2013.5h2.25a2.25%202.25%200%200%201%202.25%202.25V18a2.25%202.25%200%200%201-2.25%202.25H6A2.25%202.25%200%200%201%203.75%2018v-2.25ZM13.5%206a2.25%202.25%200%200%201%202.25-2.25H18A2.25%202.25%200%200%201%2020.25%206v2.25A2.25%202.25%200%200%201%2018%2010.5h-2.25a2.25%202.25%200%200%201-2.25-2.25V6ZM13.5%2015.75a2.25%202.25%200%200%201%202.25-2.25H18a2.25%202.25%200%200%201%202.25%202.25V18A2.25%202.25%200%200%201%2018%2020.25h-2.25A2.25%202.25%200%200%201%2013.5%2018v-2.25Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-squares-2x2);
    mask: var(--hero-squares-2x2);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-sun-micro {
    --hero-sun-micro: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20d%3D%22M8%201a.75.75%200%200%201%20.75.75v1.5a.75.75%200%200%201-1.5%200v-1.5A.75.75%200%200%201%208%201ZM10.5%208a2.5%202.5%200%201%201-5%200%202.5%202.5%200%200%201%205%200ZM12.95%204.11a.75.75%200%201%200-1.06-1.06l-1.062%201.06a.75.75%200%200%200%201.061%201.062l1.06-1.061ZM15%208a.75.75%200%200%201-.75.75h-1.5a.75.75%200%200%201%200-1.5h1.5A.75.75%200%200%201%2015%208ZM11.89%2012.95a.75.75%200%200%200%201.06-1.06l-1.06-1.062a.75.75%200%200%200-1.062%201.061l1.061%201.06ZM8%2012a.75.75%200%200%201%20.75.75v1.5a.75.75%200%200%201-1.5%200v-1.5A.75.75%200%200%201%208%2012ZM5.172%2011.89a.75.75%200%200%200-1.061-1.062L3.05%2011.89a.75.75%200%201%200%201.06%201.06l1.06-1.06ZM4%208a.75.75%200%200%201-.75.75h-1.5a.75.75%200%200%201%200-1.5h1.5A.75.75%200%200%201%204%208ZM4.11%205.172A.75.75%200%200%200%205.173%204.11L4.11%203.05a.75.75%200%201%200-1.06%201.06l1.06%201.06Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-sun-micro);
    mask: var(--hero-sun-micro);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1rem;
    height: 1rem;
  }
  .hero-truck {
    --hero-truck: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.25%2018.75a1.5%201.5%200%200%201-3%200m3%200a1.5%201.5%200%200%200-3%200m3%200h6m-9%200H3.375a1.125%201.125%200%200%201-1.125-1.125V14.25m17.25%204.5a1.5%201.5%200%200%201-3%200m3%200a1.5%201.5%200%200%200-3%200m3%200h1.125c.621%200%201.129-.504%201.09-1.124a17.902%2017.902%200%200%200-3.213-9.193%202.056%202.056%200%200%200-1.58-.86H14.25M16.5%2018.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554%2048.554%200%200%200-10.026%200%201.106%201.106%200%200%200-.987%201.106v7.635m12-6.677v6.677m0%204.5v-4.5m0%200h-12%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-truck);
    mask: var(--hero-truck);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-user-group {
    --hero-user-group: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M18%2018.72a9.094%209.094%200%200%200%203.741-.479%203%203%200%200%200-4.682-2.72m.94%203.198.001.031c0%20.225-.012.447-.037.666A11.944%2011.944%200%200%201%2012%2021c-2.17%200-4.207-.576-5.963-1.584A6.062%206.062%200%200%201%206%2018.719m12%200a5.971%205.971%200%200%200-.941-3.197m0%200A5.995%205.995%200%200%200%2012%2012.75a5.995%205.995%200%200%200-5.058%202.772m0%200a3%203%200%200%200-4.681%202.72%208.986%208.986%200%200%200%203.74.477m.94-3.197a5.971%205.971%200%200%200-.94%203.197M15%206.75a3%203%200%201%201-6%200%203%203%200%200%201%206%200Zm6%203a2.25%202.25%200%201%201-4.5%200%202.25%202.25%200%200%201%204.5%200Zm-13.5%200a2.25%202.25%200%201%201-4.5%200%202.25%202.25%200%200%201%204.5%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-user-group);
    mask: var(--hero-user-group);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-users {
    --hero-users: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%2019.128a9.38%209.38%200%200%200%202.625.372%209.337%209.337%200%200%200%204.121-.952%204.125%204.125%200%200%200-7.533-2.493M15%2019.128v-.003c0-1.113-.285-2.16-.786-3.07M15%2019.128v.106A12.318%2012.318%200%200%201%208.624%2021c-2.331%200-4.512-.645-6.374-1.766l-.001-.109a6.375%206.375%200%200%201%2011.964-3.07M12%206.375a3.375%203.375%200%201%201-6.75%200%203.375%203.375%200%200%201%206.75%200Zm8.25%202.25a2.625%202.625%200%201%201-5.25%200%202.625%202.625%200%200%201%205.25%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-users);
    mask: var(--hero-users);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-x-mark {
    --hero-x-mark: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%2018%2018%206M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-x-mark);
    mask: var(--hero-x-mark);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .tabs {
    display: flex;
    flex-wrap: wrap;
    --tabs-height: auto;
    --tabs-direction: row;
    height: var(--tabs-height);
    flex-direction: var(--tabs-direction);
  }
  .navbar {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0.5rem;
    min-height: 4rem;
  }
  .stat {
    display: inline-grid;
    width: 100%;
    column-gap: calc(0.25rem * 4);
    padding-inline: calc(0.25rem * 6);
    padding-block: calc(0.25rem * 4);
    grid-template-columns: repeat(1, 1fr);
    &:not(:last-child) {
      border-inline-end: var(--border) dashed currentColor;
      @supports (color: color-mix(in lab, red, red)) {
        border-inline-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000);
      }
      border-block-end: none;
    }
  }
  .card-body {
    display: flex;
    flex: auto;
    flex-direction: column;
    gap: calc(0.25rem * 2);
    padding: var(--card-p, 1.5rem);
    font-size: var(--card-fs, 0.875rem);
    :where(p) {
      flex-grow: 1;
    }
  }
  .alert {
    display: grid;
    align-items: center;
    gap: calc(0.25rem * 4);
    border-radius: var(--radius-box);
    padding-inline: calc(0.25rem * 4);
    padding-block: calc(0.25rem * 3);
    color: var(--color-base-content);
    background-color: var(--alert-color, var(--color-base-200));
    justify-content: start;
    justify-items: start;
    grid-auto-flow: column;
    grid-template-columns: auto;
    text-align: start;
    border: var(--border) solid var(--color-base-200);
    font-size: 0.875rem;
    line-height: 1.25rem;
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--fx-noise);
    box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.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) * 0.08));
    }
    &:has(:nth-child(2)) {
      grid-template-columns: auto minmax(auto, 1fr);
    }
    &.alert-outline {
      background-color: transparent;
      color: var(--alert-color);
      box-shadow: none;
      background-image: none;
    }
    &.alert-dash {
      background-color: transparent;
      color: var(--alert-color);
      border-style: dashed;
      box-shadow: none;
      background-image: none;
    }
    &.alert-soft {
      color: var(--alert-color, var(--color-base-content));
      background: var(--alert-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix( in oklab, var(--alert-color, var(--color-base-content)) 8%, var(--color-base-100) );
      }
      border-color: var(--alert-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix( in oklab, var(--alert-color, var(--color-base-content)) 10%, var(--color-base-100) );
      }
      box-shadow: none;
      background-image: none;
    }
  }
  .fieldset {
    display: grid;
    gap: calc(0.25rem * 1.5);
    padding-block: calc(0.25rem * 1);
    font-size: 0.75rem;
    grid-template-columns: 1fr;
    grid-auto-rows: max-content;
  }
  .card-title {
    display: flex;
    align-items: center;
    gap: calc(0.25rem * 2);
    font-size: var(--cardtitle-fs, 1.125rem);
    font-weight: 600;
  }
  .join {
    display: inline-flex;
    align-items: stretch;
    --join-ss: 0;
    --join-se: 0;
    --join-es: 0;
    --join-ee: 0;
    :where(.join-item) {
      border-start-start-radius: var(--join-ss, 0);
      border-start-end-radius: var(--join-se, 0);
      border-end-start-radius: var(--join-es, 0);
      border-end-end-radius: var(--join-ee, 0);
      * {
        --join-ss: var(--radius-field);
        --join-se: var(--radius-field);
        --join-es: var(--radius-field);
        --join-ee: var(--radius-field);
      }
    }
    > .join-item:where(:first-child) {
      --join-ss: var(--radius-field);
      --join-se: 0;
      --join-es: var(--radius-field);
      --join-ee: 0;
    }
    :first-child:not(:last-child) {
      :where(.join-item) {
        --join-ss: var(--radius-field);
        --join-se: 0;
        --join-es: var(--radius-field);
        --join-ee: 0;
      }
    }
    > .join-item:where(:last-child) {
      --join-ss: 0;
      --join-se: var(--radius-field);
      --join-es: 0;
      --join-ee: var(--radius-field);
    }
    :last-child:not(:first-child) {
      :where(.join-item) {
        --join-ss: 0;
        --join-se: var(--radius-field);
        --join-es: 0;
        --join-ee: var(--radius-field);
      }
    }
    > .join-item:where(:only-child) {
      --join-ss: var(--radius-field);
      --join-se: var(--radius-field);
      --join-es: var(--radius-field);
      --join-ee: var(--radius-field);
    }
    :only-child {
      :where(.join-item) {
        --join-ss: var(--radius-field);
        --join-se: var(--radius-field);
        --join-es: var(--radius-field);
        --join-ee: var(--radius-field);
      }
    }
  }
  .prose {
    :root & {
      --tw-prose-body: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-prose-body: color-mix(in oklab, var(--color-base-content) 80%, #0000);
      }
      --tw-prose-headings: var(--color-base-content);
      --tw-prose-lead: var(--color-base-content);
      --tw-prose-links: var(--color-base-content);
      --tw-prose-bold: var(--color-base-content);
      --tw-prose-counters: var(--color-base-content);
      --tw-prose-bullets: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-prose-bullets: color-mix(in oklab, var(--color-base-content) 50%, #0000);
      }
      --tw-prose-hr: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-prose-hr: color-mix(in oklab, var(--color-base-content) 20%, #0000);
      }
      --tw-prose-quotes: var(--color-base-content);
      --tw-prose-quote-borders: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-prose-quote-borders: color-mix(in oklab, var(--color-base-content) 20%, #0000);
      }
      --tw-prose-captions: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-prose-captions: color-mix(in oklab, var(--color-base-content) 50%, #0000);
      }
      --tw-prose-code: var(--color-base-content);
      --tw-prose-pre-code: var(--color-neutral-content);
      --tw-prose-pre-bg: var(--color-neutral);
      --tw-prose-th-borders: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-prose-th-borders: color-mix(in oklab, var(--color-base-content) 50%, #0000);
      }
      --tw-prose-td-borders: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-prose-td-borders: color-mix(in oklab, var(--color-base-content) 20%, #0000);
      }
      --tw-prose-kbd: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-prose-kbd: color-mix(in oklab, var(--color-base-content) 80%, #0000);
      }
      :where(code):not(pre > code) {
        background-color: var(--color-base-200);
        border-radius: var(--radius-selector);
        border: var(--border) solid var(--color-base-300);
        padding-inline: 0.5em;
        font-weight: inherit;
        &:before, &:after {
          display: none;
        }
      }
    }
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-\[16px\] {
    width: 16px;
    height: 16px;
  }
  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .btn-block {
    width: 100%;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-1\/3 {
    width: calc(1/3 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .skeleton {
    border-radius: var(--radius-box);
    background-color: var(--color-base-300);
    @media (prefers-reduced-motion: reduce) {
      transition-duration: 15s;
    }
    will-change: background-position;
    animation: skeleton 1.8s ease-in-out infinite;
    background-image: linear-gradient( 105deg, #0000 0% 40%, var(--color-base-100) 50%, #0000 60% 100% );
    background-size: 200% auto;
    background-repeat: no-repeat;
    background-position-x: -50%;
  }
  .link {
    cursor: pointer;
    text-decoration-line: underline;
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
    &:focus-visible {
      outline: 2px solid currentColor;
      outline-offset: 2px;
    }
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .appearance-none {
    appearance: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .place-items-center {
    place-items: center;
  }
  .content-between {
    align-content: space-between;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-x-4 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-base-200 {
    border-color: var(--color-base-200);
  }
  .border-base-300 {
    border-color: var(--color-base-300);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-red-400 {
    border-color: var(--color-red-400);
  }
  .border-transparent {
    border-color: transparent;
  }
  .table-zebra {
    tbody {
      tr {
        &:where(:nth-child(even)) {
          background-color: var(--color-base-200);
          :where(.table-pin-cols tr th) {
            background-color: var(--color-base-200);
          }
        }
        &.row-hover {
          &, &:where(:nth-child(even)) {
            &:hover {
              @media (hover: hover) {
                background-color: var(--color-base-300);
              }
            }
          }
        }
      }
    }
  }
  .bg-base-100 {
    background-color: var(--color-base-100);
  }
  .bg-base-300 {
    background-color: var(--color-base-300);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-rose-100 {
    background-color: var(--color-rose-100);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-zinc-100 {
    background-color: var(--color-zinc-100);
  }
  .checkbox-sm {
    padding: 0.1875rem;
    --size: calc(var(--size-selector, 0.25rem) * 5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .table-sm {
    :not(thead, tfoot) tr {
      font-size: 0.75rem;
    }
    :where(th, td) {
      padding-inline: calc(0.25rem * 3);
      padding-block: calc(0.25rem * 2);
    }
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
  .text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[0\.8125rem\] {
    font-size: 0.8125rem;
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .link-primary {
    color: var(--color-primary);
    @media (hover: hover) {
      &:hover {
        color: var(--color-primary);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-primary) 80%, #000);
        }
      }
    }
  }
  .text-base-content {
    color: var(--color-base-content);
  }
  .text-base-content\/60 {
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
    }
  }
  .text-base-content\/70 {
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 70%, transparent);
    }
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-emerald-800 {
    color: var(--color-emerald-800);
  }
  .text-error {
    color: var(--color-error);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-red-400 {
    color: var(--color-red-400);
  }
  .text-rose-900 {
    color: var(--color-rose-900);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/55 {
    color: color-mix(in srgb, #fff 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }
  .text-zinc-900 {
    color: var(--color-zinc-900);
  }
  .italic {
    font-style: italic;
  }
  .placeholder-gray-400 {
    &::placeholder {
      color: var(--color-gray-400);
    }
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .btn-ghost {
    &:not(.btn-active, :hover, :active:focus, :focus-visible) {
      --btn-shadow: "";
      --btn-bg: #0000;
      --btn-border: #0000;
      --btn-noise: none;
      &:not(:disabled, [disabled], .btn-disabled) {
        outline-color: currentColor;
        --btn-fg: currentColor;
      }
    }
  }
  .brightness-200 {
    --tw-brightness: brightness(200%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[left\] {
    transition-property: left;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .btn-outline {
    &:not( .btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled, :checked ) {
      --btn-shadow: "";
      --btn-bg: #0000;
      --btn-fg: var(--btn-color);
      --btn-border: var(--btn-color);
      --btn-noise: none;
    }
    @media (hover: none) {
      &:hover:not( .btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled, :checked ) {
        --btn-shadow: "";
        --btn-bg: #0000;
        --btn-fg: var(--btn-color);
        --btn-border: var(--btn-color);
        --btn-noise: none;
      }
    }
  }
  .btn-soft {
    &:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled) {
      --btn-shadow: "";
      --btn-fg: var(--btn-color, var(--color-base-content));
      --btn-bg: var(--btn-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        --btn-bg: color-mix(
      in oklab,
      var(--btn-color, var(--color-base-content)) 8%,
      var(--color-base-100)
    );
      }
      --btn-border: var(--btn-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        --btn-border: color-mix(
      in oklab,
      var(--btn-color, var(--color-base-content)) 10%,
      var(--color-base-100)
    );
      }
      --btn-noise: none;
    }
    @media (hover: none) {
      &:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled) {
        --btn-shadow: "";
        --btn-fg: var(--btn-color, var(--color-base-content));
        --btn-bg: var(--btn-color, var(--color-base-content));
        @supports (color: color-mix(in lab, red, red)) {
          --btn-bg: color-mix(
        in oklab,
        var(--btn-color, var(--color-base-content)) 8%,
        var(--color-base-100)
      );
        }
        --btn-border: var(--btn-color, var(--color-base-content));
        @supports (color: color-mix(in lab, red, red)) {
          --btn-border: color-mix(
        in oklab,
        var(--btn-color, var(--color-base-content)) 10%,
        var(--color-base-100)
      );
        }
        --btn-noise: none;
      }
    }
  }
  .btn-neutral {
    --btn-color: var(--color-neutral);
    --btn-fg: var(--color-neutral-content);
  }
  .btn-primary {
    --btn-color: var(--color-primary);
    --btn-fg: var(--color-primary-content);
  }
  .input-error {
    &, &:focus, &:focus-within {
      --input-color: var(--color-error);
    }
  }
  .select-error {
    &, &:focus, &:focus-within {
      --input-color: var(--color-error);
    }
  }
  .textarea-error {
    &, &:focus, &:focus-within {
      --input-color: var(--color-error);
    }
  }
  .first\:pl-0 {
    &:first-child {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .last\:pr-0 {
    &:last-child {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .hover\:cursor-pointer {
    &:hover {
      @media (hover: hover) {
        cursor: pointer;
      }
    }
  }
  .hover\:bg-blue-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-600);
      }
    }
  }
  .hover\:bg-gray-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-300);
      }
    }
  }
  .hover\:bg-zinc-200\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(92% 0.004 286.32) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-zinc-200) 80%, transparent);
        }
      }
    }
  }
  .hover\:text-blue-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-600);
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .focus\:not-sr-only {
    &:focus {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip: auto;
      white-space: normal;
    }
  }
  .focus\:fixed {
    &:focus {
      position: fixed;
    }
  }
  .focus\:top-2 {
    &:focus {
      top: calc(var(--spacing) * 2);
    }
  }
  .focus\:left-2 {
    &:focus {
      left: calc(var(--spacing) * 2);
    }
  }
  .focus\:z-50 {
    &:focus {
      z-index: 50;
    }
  }
  .focus\:rounded-lg {
    &:focus {
      border-radius: var(--radius-lg);
    }
  }
  .focus\:border-blue-500 {
    &:focus {
      border-color: var(--color-blue-500);
    }
  }
  .focus\:border-red-400 {
    &:focus {
      border-color: var(--color-red-400);
    }
  }
  .focus\:bg-base-100 {
    &:focus {
      background-color: var(--color-base-100);
    }
  }
  .focus\:px-4 {
    &:focus {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .focus\:py-2 {
    &:focus {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .focus\:text-base-content {
    &:focus {
      color: var(--color-base-content);
    }
  }
  .focus\:shadow-lg {
    &:focus {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-black {
    &:focus {
      --tw-ring-color: var(--color-black);
    }
  }
  .focus\:ring-blue-400 {
    &:focus {
      --tw-ring-color: var(--color-blue-400);
    }
  }
  .focus\:ring-blue-500 {
    &:focus {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  .focus\:ring-red-300 {
    &:focus {
      --tw-ring-color: var(--color-red-300);
    }
  }
  .focus\:ring-offset-2 {
    &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus\:outline-2 {
    &:focus {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .focus\:outline-primary {
    &:focus {
      outline-color: var(--color-primary);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .active\:text-zinc-900\/70 {
    &:active {
      color: color-mix(in srgb, oklch(21% 0.006 285.885) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-zinc-900) 70%, transparent);
      }
    }
  }
  .motion-safe\:animate-spin {
    @media (prefers-reduced-motion: no-preference) {
      animation: var(--animate-spin);
    }
  }
  .sm\:static {
    @media (width >= 40rem) {
      position: static;
    }
  }
  .sm\:inset-auto {
    @media (width >= 40rem) {
      inset: auto;
    }
  }
  .sm\:ml-6 {
    @media (width >= 40rem) {
      margin-left: calc(var(--spacing) * 6);
    }
  }
  .sm\:w-96 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .sm\:translate-y-0 {
    @media (width >= 40rem) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .sm\:scale-95 {
    @media (width >= 40rem) {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:scale-100 {
    @media (width >= 40rem) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:items-stretch {
    @media (width >= 40rem) {
      align-items: stretch;
    }
  }
  .sm\:justify-start {
    @media (width >= 40rem) {
      justify-content: flex-start;
    }
  }
  .sm\:px-0 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:pr-0 {
    @media (width >= 40rem) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .sm\:text-sm {
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:w-96 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .lg\:flex-none {
    @media (width >= 64rem) {
      flex: none;
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:px-20 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .xl\:px-24 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 24);
    }
  }
  .dark\:block {
    &:where([data-theme=dark], [data-theme=dark] *) {
      display: block;
    }
  }
  .dark\:hidden {
    &:where([data-theme=dark], [data-theme=dark] *) {
      display: none;
    }
  }
  .dark\:inline-block {
    &:where([data-theme=dark], [data-theme=dark] *) {
      display: inline-block;
    }
  }
  .dark\:border-gray-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-gray-700);
    }
  }
  .dark\:bg-emerald-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-emerald-200);
    }
  }
  .dark\:bg-gray-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-gray-900);
    }
  }
  .dark\:bg-rose-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-rose-200);
    }
  }
  .dark\:bg-white {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-white);
    }
  }
  .dark\:text-black {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-black);
    }
  }
  .dark\:text-gray-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-gray-400);
    }
  }
  .dark\:text-gray-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-gray-500);
    }
  }
  .dark\:text-white {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-white);
    }
  }
  .dark\:ring-white {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-white);
    }
  }
  .\[\[data-theme\=dark\]_\&\]\:left-2\/3 {
    [data-theme=dark] & {
      left: calc(2/3 * 100%);
    }
  }
  .\[\[data-theme\=light\]_\&\]\:left-1\/3 {
    [data-theme=light] & {
      left: calc(1/3 * 100%);
    }
  }
}
:root {
  --dreambeam-color-primary: #F4B860;
  --dreambeam-color-primary-hover: #FFCB7C;
  --dreambeam-color-night: #1B2148;
  --dreambeam-color-night-elevated: #2A3057;
  --dreambeam-color-cream: #F6EAD7;
  --dreambeam-color-ivory: #FDF5E6;
  --dreambeam-color-surface-muted: #EBDDC2;
  --dreambeam-color-ink: #F6EAD7;
  --dreambeam-color-ink-muted: #C7BCAB;
  --dreambeam-color-ink-dim: #968C7E;
  --dreambeam-color-text-on-light: #1B2148;
  --dreambeam-color-text-on-light-muted: #4D547B;
  --dreambeam-color-signal: #FFD58A;
  --dreambeam-color-signal-light: #FFE9C4;
  --dreambeam-color-lavender: #B6B2D8;
  --dreambeam-color-twilight: #5A5594;
  --dreambeam-color-mint: #9BC4B5;
  --dreambeam-color-success: #1F6E45;
  --dreambeam-color-success-on-dark: #82C8A4;
  --dreambeam-color-warning: #8E5614;
  --dreambeam-color-warning-on-dark: #F0B560;
  --dreambeam-color-error: #A33D49;
  --dreambeam-color-error-on-dark: #E48A92;
  --dreambeam-color-info: #2E5374;
  --dreambeam-color-info-on-dark: #92B6D2;
  --dreambeam-space-xs: 4px;
  --dreambeam-space-sm: 8px;
  --dreambeam-space-md: 12px;
  --dreambeam-space-lg: 16px;
  --dreambeam-space-xl: 24px;
  --dreambeam-space-xxl: 40px;
  --dreambeam-space-section: 88px;
  --dreambeam-radius-xs: 6px;
  --dreambeam-radius-sm: 10px;
  --dreambeam-radius-md: 14px;
  --dreambeam-radius-lg: 22px;
  --dreambeam-radius-pill: 999px;
  --dreambeam-font-display: 'Onest', ui-sans-serif, sans-serif;
  --dreambeam-font-interface: 'Onest', ui-sans-serif, sans-serif;
  --dreambeam-font-body: 'Onest', ui-sans-serif, sans-serif;
  --dreambeam-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --dreambeam-motion-ambient: 24s;
  --dreambeam-motion-reveal: 420ms;
  --dreambeam-motion-affordance: 220ms;
  --dreambeam-focus-color: var(--dreambeam-color-signal);
  --dreambeam-focus-width: 2px;
  --dreambeam-focus-offset: 2px;
  --dreambeam-target-min: 44px;
  --dreambeam-target-preferred: 48px;
  --dreambeam-shadow-soft: 0 1px 2px rgba(27, 33, 72, 0.08), 0 12px 32px rgba(27, 33, 72, 0.18);
  --dreambeam-shadow-soft-on-dark: 0 1px 2px rgba(0, 0, 0, 0.32), 0 16px 36px rgba(0, 0, 0, 0.42);
  --dreambeam-shadow-hairline-dark: 1px solid rgba(246, 234, 215, 0.16);
  --dreambeam-shadow-hairline-light: 1px solid rgba(27, 33, 72, 0.12);
  --dreambeam-breakpoint-mobile: 640px;
  --dreambeam-breakpoint-tablet: 960px;
  --dreambeam-breakpoint-desktop: 1200px;
  --dreambeam-breakpoint-appliance: 800px;
  --db-surface: var(--dreambeam-color-cream);
  --db-surface-raised: var(--dreambeam-color-ivory);
  --db-surface-sidebar: var(--dreambeam-color-surface-muted);
  --db-surface-inverse: var(--dreambeam-color-night);
  --db-surface-inverse-raised: var(--dreambeam-color-night-elevated);
  --db-surface-overlay: rgba(27, 33, 72, 0.55);
  --db-text: var(--dreambeam-color-text-on-light);
  --db-text-muted: var(--dreambeam-color-text-on-light-muted);
  --db-text-dim: rgba(27, 33, 72, 0.55);
  --db-text-inverse: var(--dreambeam-color-ink);
  --db-text-inverse-muted: var(--dreambeam-color-ink-muted);
  --db-hairline-color: rgba(27, 33, 72, 0.12);
  --db-hairline: 1px solid rgba(27, 33, 72, 0.12);
  --db-shadow: var(--dreambeam-shadow-soft);
  --db-accent: var(--dreambeam-color-primary);
  --db-accent-hover: var(--dreambeam-color-primary-hover);
  --db-active-bg: var(--dreambeam-color-signal);
  --db-active-text: var(--dreambeam-color-night);
  --db-focus-ring: var(--dreambeam-color-signal);
  --db-link: var(--dreambeam-color-info);
  --db-link-hover: var(--dreambeam-color-twilight);
  --db-status-success: var(--dreambeam-color-success);
  --db-status-warning: var(--dreambeam-color-warning);
  --db-status-error: var(--dreambeam-color-error);
  --db-status-info: var(--dreambeam-color-info);
  --db-status-success-bg: rgba(31, 110, 69, 0.10);
  --db-status-warning-bg: rgba(142, 86, 20, 0.12);
  --db-status-error-bg: rgba(163, 61, 73, 0.10);
  --db-status-info-bg: rgba(46, 83, 116, 0.10);
  --db-role-primary-bg: var(--dreambeam-color-primary);
  --db-role-primary-fg: var(--dreambeam-color-night);
  --db-role-workspace-bg: var(--dreambeam-color-surface-muted);
  --db-role-workspace-fg: var(--dreambeam-color-text-on-light);
  --db-role-muted-bg: rgba(27, 33, 72, 0.08);
  --db-role-muted-fg: var(--dreambeam-color-text-on-light-muted);
  --db-scope-banner-elevated-bg: var(--dreambeam-color-signal);
  --db-scope-banner-elevated-fg: var(--dreambeam-color-night);
  --db-scope-banner-readonly-bg: rgba(27, 33, 72, 0.06);
  --db-scope-banner-readonly-fg: var(--dreambeam-color-text-on-light);
  --db-palette-overlay: var(--db-surface-overlay);
  --db-palette-surface: var(--db-surface-raised);
  --db-palette-surface-fg: var(--db-text);
  --db-palette-row-active: var(--dreambeam-color-signal-light);
  --db-palette-kbd-bg: rgba(27, 33, 72, 0.08);
  --db-palette-kbd-fg: var(--dreambeam-color-text-on-light-muted);
  --db-wordmark-accent: var(--dreambeam-color-twilight);
  color-scheme: light;
}
[data-theme="dark"] {
  --db-surface: var(--dreambeam-color-night);
  --db-surface-raised: var(--dreambeam-color-night-elevated);
  --db-surface-sidebar: var(--dreambeam-color-night-elevated);
  --db-surface-inverse: var(--dreambeam-color-cream);
  --db-surface-inverse-raised: var(--dreambeam-color-ivory);
  --db-surface-overlay: rgba(0, 0, 0, 0.55);
  --db-text: var(--dreambeam-color-ink);
  --db-text-muted: var(--dreambeam-color-ink-muted);
  --db-text-dim: var(--dreambeam-color-ink-dim);
  --db-text-inverse: var(--dreambeam-color-text-on-light);
  --db-text-inverse-muted: var(--dreambeam-color-text-on-light-muted);
  --db-hairline-color: rgba(246, 234, 215, 0.16);
  --db-hairline: 1px solid rgba(246, 234, 215, 0.16);
  --db-shadow: var(--dreambeam-shadow-soft-on-dark);
  --db-link: var(--dreambeam-color-signal);
  --db-link-hover: var(--dreambeam-color-primary-hover);
  --db-status-success: var(--dreambeam-color-success-on-dark);
  --db-status-warning: var(--dreambeam-color-warning-on-dark);
  --db-status-error: var(--dreambeam-color-error-on-dark);
  --db-status-info: var(--dreambeam-color-info-on-dark);
  --db-status-success-bg: rgba(130, 200, 164, 0.10);
  --db-status-warning-bg: rgba(240, 181, 96, 0.12);
  --db-status-error-bg: rgba(228, 138, 146, 0.10);
  --db-status-info-bg: rgba(146, 182, 210, 0.10);
  --db-role-primary-bg: var(--dreambeam-color-primary);
  --db-role-primary-fg: var(--dreambeam-color-night);
  --db-role-workspace-bg: var(--dreambeam-color-night-elevated);
  --db-role-workspace-fg: var(--dreambeam-color-ink);
  --db-role-muted-bg: rgba(246, 234, 215, 0.08);
  --db-role-muted-fg: var(--dreambeam-color-ink-muted);
  --db-scope-banner-elevated-bg: var(--dreambeam-color-signal);
  --db-scope-banner-elevated-fg: var(--dreambeam-color-night);
  --db-scope-banner-readonly-bg: rgba(246, 234, 215, 0.06);
  --db-scope-banner-readonly-fg: var(--dreambeam-color-ink);
  --db-palette-overlay: var(--db-surface-overlay);
  --db-palette-surface: var(--db-surface-raised);
  --db-palette-surface-fg: var(--db-text);
  --db-palette-row-active: rgba(255, 213, 138, 0.16);
  --db-palette-kbd-bg: rgba(246, 234, 215, 0.10);
  --db-palette-kbd-fg: var(--dreambeam-color-ink-muted);
  --db-wordmark-accent: var(--dreambeam-color-signal);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    --db-surface: var(--dreambeam-color-night);
    --db-surface-raised: var(--dreambeam-color-night-elevated);
    --db-surface-sidebar: var(--dreambeam-color-night-elevated);
    --db-surface-inverse: var(--dreambeam-color-cream);
    --db-surface-inverse-raised: var(--dreambeam-color-ivory);
    --db-surface-overlay: rgba(0, 0, 0, 0.55);
    --db-text: var(--dreambeam-color-ink);
    --db-text-muted: var(--dreambeam-color-ink-muted);
    --db-text-dim: var(--dreambeam-color-ink-dim);
    --db-text-inverse: var(--dreambeam-color-text-on-light);
    --db-text-inverse-muted: var(--dreambeam-color-text-on-light-muted);
    --db-hairline-color: rgba(246, 234, 215, 0.16);
    --db-hairline: 1px solid rgba(246, 234, 215, 0.16);
    --db-shadow: var(--dreambeam-shadow-soft-on-dark);
    --db-link: var(--dreambeam-color-signal);
    --db-link-hover: var(--dreambeam-color-primary-hover);
    --db-status-success: var(--dreambeam-color-success-on-dark);
    --db-status-warning: var(--dreambeam-color-warning-on-dark);
    --db-status-error: var(--dreambeam-color-error-on-dark);
    --db-status-info: var(--dreambeam-color-info-on-dark);
    --db-status-success-bg: rgba(130, 200, 164, 0.10);
    --db-status-warning-bg: rgba(240, 181, 96, 0.12);
    --db-status-error-bg: rgba(228, 138, 146, 0.10);
    --db-status-info-bg: rgba(146, 182, 210, 0.10);
    --db-role-primary-bg: var(--dreambeam-color-primary);
    --db-role-primary-fg: var(--dreambeam-color-night);
    --db-role-workspace-bg: var(--dreambeam-color-night-elevated);
    --db-role-workspace-fg: var(--dreambeam-color-ink);
    --db-role-muted-bg: rgba(246, 234, 215, 0.08);
    --db-role-muted-fg: var(--dreambeam-color-ink-muted);
    --db-scope-banner-elevated-bg: var(--dreambeam-color-signal);
    --db-scope-banner-elevated-fg: var(--dreambeam-color-night);
    --db-scope-banner-readonly-bg: rgba(246, 234, 215, 0.06);
    --db-scope-banner-readonly-fg: var(--dreambeam-color-ink);
    --db-palette-overlay: var(--db-surface-overlay);
    --db-palette-surface: var(--db-surface-raised);
    --db-palette-surface-fg: var(--db-text);
    --db-palette-row-active: rgba(255, 213, 138, 0.16);
    --db-palette-kbd-bg: rgba(246, 234, 215, 0.10);
    --db-palette-kbd-fg: var(--dreambeam-color-ink-muted);
    --db-wordmark-accent: var(--dreambeam-color-signal);
    color-scheme: dark;
  }
}
:root {
  --admin-font-display: 'Onest', ui-sans-serif, sans-serif;
  --admin-font-body: 'Onest', ui-sans-serif, sans-serif;
  --admin-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --ops-font-display: 'Onest', ui-sans-serif, sans-serif;
  --ops-font-headline: 'Onest', ui-sans-serif, sans-serif;
  --ops-font-body: 'Onest', ui-sans-serif, sans-serif;
  --ops-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}
[data-phx-session], [data-phx-teleported-src] {
  display: contents;
}
html, body {
  font-family: var(--font-sans);
}
.fleet-ops-theme, .fleet-home-theme, .fleet-auth-theme {
  --ops-bg: #1B2148;
  --ops-bg-elevated: #2A3057;
  --ops-bg-soft: rgba(246, 234, 215, 0.04);
  --ops-border: rgba(246, 234, 215, 0.12);
  --ops-border-strong: rgba(246, 234, 215, 0.22);
  --ops-ink: #F6EAD7;
  --ops-ink-muted: #C7BCAB;
  --ops-signal: #F4B860;
  --ops-signal-strong: #FFCB7C;
  --ops-go: #82C8A4;
  --ops-caution: #F0B560;
  --ops-stop: #E48A92;
  --ops-ink-soft: #F6EAD7;
  --ops-ink-warm: #FFE9C4;
  --ops-ink-dim: #968C7E;
  --ops-signal-pale: #FFE9C4;
  --ops-signal-warm: #FFD58A;
  --ops-caution-pale: #F0B560;
  --ops-go-pale: #82C8A4;
  --ops-stop-pale: #E48A92;
  --ops-bg-dark: #14193A;
  --ops-info-pale: #92B6D2;
  --ops-error-pale: #E48A92;
  --ops-radius: 14px;
  --ops-radius-sm: 10px;
  --ops-shadow: 0 1px 2px rgba(8, 11, 32, 0.36), 0 14px 38px rgba(8, 11, 32, 0.46);
  --ops-font-display: 'Onest', ui-sans-serif, sans-serif;
  --ops-font-headline: 'Onest', ui-sans-serif, sans-serif;
  --ops-font-body: 'Onest', ui-sans-serif, sans-serif;
  --ops-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  min-height: 100vh;
  color: var(--ops-ink);
  font-family: var(--ops-font-display);
  background: var(--ops-bg);
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
}
.fleet-auth-theme::before, .fleet-auth-theme::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}
.fleet-auth-theme::before {
  background: linear-gradient( 0deg, rgba(27, 33, 72, 0.34), rgba(27, 33, 72, 0.34) ), linear-gradient( 100deg, rgba(27, 33, 72, 0.96) 0%, rgba(27, 33, 72, 0.74) 34%, rgba(42, 48, 87, 0.42) 68%, rgba(42, 48, 87, 0.18) 100% ), linear-gradient( 0deg, rgba(27, 33, 72, 0.78) 0%, rgba(27, 33, 72, 0) 56% ), url("/brand/auth-light-background.png");
  background-position: center, center, center, 50% 50%;
  background-size: cover, cover, cover, cover;
}
.fleet-auth-theme::after {
  background: radial-gradient( ellipse 56vw 38vw at 78% 54%, rgba(244, 184, 96, 0.22), transparent 64% ), radial-gradient(1px 1px at 12% 22%, rgba(255, 233, 196, 0.55), transparent 60%), radial-gradient(1px 1px at 28% 14%, rgba(255, 233, 196, 0.4), transparent 60%), radial-gradient(1px 1px at 41% 38%, rgba(255, 233, 196, 0.42), transparent 60%), radial-gradient(1px 1px at 8% 62%, rgba(255, 233, 196, 0.32), transparent 60%), radial-gradient(1px 1px at 22% 78%, rgba(255, 213, 138, 0.36), transparent 60%), radial-gradient(1px 1px at 58% 12%, rgba(255, 213, 138, 0.5), transparent 60%), radial-gradient(1px 1px at 35% 58%, rgba(255, 233, 196, 0.34), transparent 60%);
  mix-blend-mode: screen;
  opacity: 0.34;
}
.ops-shell {
  padding: 2rem 1rem 3rem;
}
.ops-container {
  width: min(1200px, 100%);
  margin: 0 auto;
}
.ops-stack {
  display: grid;
  gap: 1rem;
}
.ops-view {
  display: grid;
  gap: 1rem;
}
.ops-view-nav {
  position: sticky;
  top: 0.5rem;
  z-index: 8;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  overflow-x: auto;
  padding: 0.28rem;
  border-radius: 999px;
  border: 1px solid var(--ops-border);
  background: rgba(27, 33, 72, 0.78);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.ops-view-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--ops-ink-muted);
  font-family: var(--ops-font-display);
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
  min-height: 40px;
  padding: 0.5rem 1rem;
  cursor: pointer;
  transition: background 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, box-shadow 0.2s ease-out;
}
.ops-view-tab:hover {
  color: var(--ops-ink);
  background: rgba(255, 255, 255, 0.06);
}
.ops-view-tab.is-active {
  background: rgba(244, 184, 96, 0.16);
  border-color: rgba(244, 184, 96, 0.3);
  color: var(--ops-signal-warm);
  box-shadow: 0 1px 4px rgba(244, 184, 96, 0.1);
}
.ops-view-tab:focus-visible {
  outline: 2px solid var(--ops-signal);
  outline-offset: 2px;
}
.ops-external-icon {
  font-size: 0.72em;
  margin-left: 0.15em;
  opacity: 0.7;
}
.ops-card {
  border-radius: var(--ops-radius);
  border: 1px solid var(--ops-border);
  background: linear-gradient(180deg, rgba(27, 33, 72, 0.92), rgba(27, 33, 72, 0.82));
  box-shadow: var(--ops-shadow);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  padding: 1.25rem 1.35rem;
}
.ops-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
  margin-bottom: 1rem;
  padding: 1.5rem 1.6rem;
}
.ops-brand-block {
  display: grid;
  gap: 0.35rem;
}
.ops-brand {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.shell-logo, .ops-logo {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  flex-shrink: 0;
  filter: drop-shadow(0 4px 12px rgba(244, 184, 96, 0.18));
}
.shell-mark-dark {
  display: none;
}
.platform-logo.shell-mark-dark {
  width: 14px;
  height: 10px;
}
.shell-logo.shell-mark-dark, .ops-logo.shell-mark-dark, .fleet-home-logo.shell-mark-dark {
  width: 24px;
  height: 17px;
  border-radius: 0;
  filter: none;
}
.shell-mark-light {
  display: inline-block;
}
[data-theme="dark"] .shell-mark-light {
  display: none;
}
[data-theme="dark"] .shell-mark-dark {
  display: inline-block;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .shell-mark-light {
    display: none;
  }
  :root:not([data-theme="light"]) .shell-mark-dark {
    display: inline-block;
  }
}
.shell-wordmark {
  font-family: var(--ops-font-display);
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: -0.045em;
  color: var(--db-text);
}
.shell-wordmark .beam {
  color: var(--db-wordmark-accent);
}
.ops-kicker {
  margin: 0;
  color: var(--ops-signal-strong);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.ops-title {
  margin: 0;
  color: var(--ops-ink);
  font-family: var(--ops-font-headline);
  font-size: clamp(1.5rem, 2.2vw, 2.1rem);
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.ops-subtitle {
  margin: 0;
  color: var(--ops-ink);
  font-family: var(--ops-font-headline);
  font-size: 1.14rem;
}
.ops-inline-note {
  margin: 0;
  color: var(--ops-ink-muted);
  font-family: var(--ops-font-body);
  font-size: 0.82rem;
  line-height: 1.5;
  font-weight: 400;
}
.ops-card-head, .ops-row, .ops-row-tight, .ops-grid-four, .ops-stat-grid, .ops-layout-split {
  display: grid;
  gap: 0.7rem;
}
.ops-card-head {
  grid-template-columns: 1fr auto;
  align-items: baseline;
  margin-bottom: 1rem;
}
.ops-card-head h2 {
  margin: 0;
  font-family: var(--ops-font-display);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.ops-card > .ops-grid-four + .ops-row, .ops-card > .ops-grid-four + .ops-field, .ops-card > .ops-row + .ops-field, .ops-card > .ops-field + .ops-field, .ops-card > .ops-row + .ops-row, .ops-card > .ops-field + .ops-divider, .ops-card > .ops-divider + .ops-disclosure {
  margin-top: 0.9rem;
}
.ops-row, .ops-row-tight {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ops-row-tight {
  gap: 0.45rem;
}
.ops-grid-four {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.ops-stat-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ops-stat-grid > .ops-card {
  padding: 1.1rem 1.35rem;
  gap: 0.3rem;
}
.ops-stat-grid .ops-card p {
  margin: 0;
  color: var(--ops-ink-muted);
  font-family: var(--ops-font-body);
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.ops-stat-grid .ops-card strong {
  color: var(--ops-ink);
  font-family: var(--ops-font-display);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
}
.ops-alert-number {
  color: var(--ops-signal-warm);
}
.ops-layout-split {
  grid-template-columns: minmax(0, 1.65fr) minmax(280px, 1fr);
}
.ops-field {
  display: grid;
  gap: 0.32rem;
  min-width: 0;
}
.ops-field span, .ops-field label {
  color: var(--ops-ink-muted);
  font-size: 0.74rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-weight: 700;
}
.ops-field input, .ops-field select, .ops-field textarea, .ops-select-inline {
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(27, 33, 72, 0.62);
  color: var(--ops-ink);
  padding: 0.65rem 0.78rem;
  font-family: var(--ops-font-body);
  font-size: 0.92rem;
  outline: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.ops-field input:focus, .ops-field select:focus, .ops-field textarea:focus, .ops-select-inline:focus {
  border-color: rgba(244, 184, 96, 0.45);
  box-shadow: 0 0 0 3px rgba(244, 184, 96, 0.14);
  background: rgba(27, 33, 72, 0.8);
}
.ops-field textarea {
  resize: vertical;
}
.ops-field-compact {
  min-width: 220px;
  max-width: 320px;
}
.ops-btn, .ops-link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  min-height: 42px;
  padding: 0.68rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(42, 48, 87, 0.88);
  color: var(--ops-ink);
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease;
}
.ops-btn:hover, .ops-link-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(51, 65, 85, 0.95);
}
.ops-btn:focus-visible, .ops-link-btn:focus-visible {
  outline: 2px solid var(--ops-signal);
  outline-offset: 2px;
}
.ops-btn-primary {
  background: linear-gradient(135deg, rgba(244, 184, 96, 0.95), rgba(244, 184, 96, 0.95));
  border-color: rgba(244, 184, 96, 0.58);
  color: var(--ops-bg-dark);
}
.ops-btn-primary:hover {
  background: linear-gradient(135deg, rgba(255, 203, 124, 1), rgba(244, 184, 96, 1));
  border-color: rgba(255, 203, 124, 0.72);
}
.ops-btn:active, .ops-link-btn:active {
  transform: translateY(0);
}
.ops-btn:disabled, .ops-btn[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
  transform: none;
  pointer-events: none;
}
.ops-btn-warning {
  background: rgba(244, 184, 96, 0.18);
  color: var(--ops-signal-warm);
  border-color: rgba(244, 184, 96, 0.35);
}
.ops-btn-warning:hover {
  background: rgba(244, 184, 96, 0.28);
  border-color: rgba(244, 184, 96, 0.5);
}
.ops-divider {
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
  margin: 0.25rem 0;
}
.ops-table-wrap {
  width: 100%;
  overflow-x: auto;
}
.ops-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 720px;
}
.ops-table th, .ops-table td {
  text-align: left;
  padding: 0.72rem 0.56rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  vertical-align: top;
}
.ops-table th {
  color: var(--ops-ink-muted);
  font-size: 0.71rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.ops-table td {
  color: var(--ops-ink-soft);
  font-size: 0.84rem;
  font-family: var(--ops-font-body);
}
.ops-table tr:last-child td {
  border-bottom: 0;
}
.ops-table tbody tr:focus-within {
  outline: 2px solid var(--ops-signal);
  outline-offset: -2px;
}
.ops-cell-title {
  color: var(--ops-ink);
  font-size: 0.84rem;
  font-weight: 700;
}
.ops-cell-sub {
  margin-top: 0.16rem;
  color: var(--ops-ink-muted);
  font-size: 0.72rem;
  font-family: var(--ops-font-body);
}
.ops-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0.16rem 0.48rem;
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: rgba(148, 163, 184, 0.18);
  color: var(--ops-ink-dim);
}
.ops-badge-ok {
  background: rgba(34, 197, 94, 0.18);
  color: var(--ops-go-pale);
}
.ops-badge-warn {
  background: rgba(244, 184, 96, 0.18);
  color: var(--ops-caution-pale);
}
.ops-badge-critical {
  background: rgba(239, 68, 68, 0.2);
  color: var(--ops-stop-pale);
}
.ops-alert-list {
  margin-top: 0.7rem;
  display: grid;
  gap: 0.68rem;
}
.ops-alert-card {
  border-radius: var(--ops-radius-sm);
  border: 1px solid var(--ops-border);
  background: rgba(27, 33, 72, 0.6);
  padding: 0.68rem;
  display: grid;
  gap: 0.46rem;
}
.ops-alert-card p {
  margin: 0;
  font-size: 0.82rem;
  color: var(--ops-ink-warm);
  font-family: var(--ops-font-body);
}
.ops-alert-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.5rem;
}
.ops-detail-panel {
  min-height: 420px;
}
.ops-detail-content {
  display: grid;
  gap: 0.8rem;
}
.ops-detail-metrics {
  display: grid;
  gap: 0.55rem;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}
.ops-detail-metrics div {
  border-radius: var(--ops-radius-sm);
  border: 1px solid var(--ops-border);
  background: rgba(27, 33, 72, 0.48);
  padding: 0.45rem 0.56rem;
  display: grid;
  gap: 0.16rem;
}
.ops-detail-metrics span {
  color: var(--ops-ink-muted);
  font-size: 0.68rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ops-detail-metrics strong {
  color: var(--ops-ink);
  font-size: 0.89rem;
}
.ops-detail-block {
  display: grid;
  gap: 0.42rem;
}
.ops-detail-list {
  margin: 0;
  padding-left: 1rem;
  display: grid;
  gap: 0.3rem;
  color: var(--ops-ink-warm);
  font-size: 0.8rem;
  font-family: var(--ops-font-body);
}
@media (max-width: 980px) {
  .ops-layout-split {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 680px) {
  .ops-view-nav {
    position: static;
    backdrop-filter: none;
    background: rgba(27, 33, 72, 0.92);
  }
  .ops-shell {
    padding: 1rem 0.66rem 2rem;
  }
  .ops-card {
    padding: 0.9rem;
  }
  .ops-header {
    align-items: flex-start;
    flex-direction: column;
    padding: 1rem;
  }
  .ops-field-compact {
    min-width: 100%;
    max-width: 100%;
  }
  .ops-view-tab {
    flex: 1 0 auto;
  }
  .ops-stat-grid {
    grid-template-columns: 1fr;
  }
  .ops-btn {
    width: 100%;
  }
  .ops-row-tight .ops-btn {
    width: auto;
  }
  .ops-row .ops-inline-note {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ops-view-tab, .ops-btn, .ops-link-btn, .ops-field input, .ops-field select, .ops-field textarea, .ops-disclosure-summary, .ops-disclosure-hint::after, .fleet-admin .device-row, .fleet-admin .view-link {
    transition: none;
  }
}
[id^="ops-panel-"] {
  scroll-margin-top: 4rem;
}
.fleet-home-theme {
  min-height: 100vh;
  color: var(--ops-ink);
  font-family: var(--ops-font-display);
  background: radial-gradient(circle at 94% -4%, rgba(244, 184, 96, 0.14), transparent 48%), linear-gradient(170deg, #1B2148 0%, #1F2554 58%, #14193A 100%);
}
.fleet-home-shell {
  padding: 1.2rem 1rem 2.4rem;
}
.fleet-home-container {
  width: min(1100px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 1rem;
}
.fleet-home-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}
.fleet-home-brand {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  text-decoration: none;
}
.fleet-home-logo {
  width: 48px;
  height: 48px;
  border-radius: 10px;
}
.fleet-home-main {
  max-width: 760px;
}
.fleet-home-subtitle {
  margin-top: 0.7rem;
  color: var(--ops-ink-muted);
  font-family: var(--ops-font-body);
  font-size: 0.98rem;
  line-height: 1.62;
}
.fleet-home-actions {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.fleet-auth-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 1.5rem;
  position: relative;
  z-index: 1;
}
.fleet-auth-panel {
  width: min(100%, 460px);
  display: grid;
  gap: 1.15rem;
  padding: clamp(1.4rem, 4vw, 2rem);
  border-radius: var(--dreambeam-radius-md);
  border: 1px solid rgba(246, 234, 215, 0.16);
  background: var(--dreambeam-color-night-elevated);
  box-shadow: var(--dreambeam-shadow-soft-on-dark);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.fleet-auth-confirm-panel {
  position: relative;
  overflow: hidden;
  width: min(100%, 430px);
  text-align: center;
}
.fleet-auth-confirm-panel::before {
  content: "";
  position: absolute;
  inset: -35% auto auto 56%;
  width: 260px;
  height: 260px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(244, 184, 96, 0.18), transparent 62%);
  pointer-events: none;
}
.fleet-auth-confirm-panel .fleet-auth-banner, .fleet-auth-confirm-panel .fleet-auth-strategy {
  position: relative;
  z-index: 1;
}
.fleet-auth-confirm-panel .fleet-auth-banner {
  justify-content: flex-start;
}
.fleet-auth-confirm-panel .fleet-auth-strategy::before {
  content: "Secure sign-in";
  display: block;
  text-align: center;
  color: var(--ops-ink);
  font-family: var(--ops-font-headline);
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.fleet-auth-confirm-panel .fleet-auth-strategy::after {
  content: "Confirm this browser session to continue into Platform.";
  display: block;
  text-align: center;
  color: var(--ops-ink-muted);
  font-family: var(--ops-font-body);
  font-size: 0.92rem;
  line-height: 1.45;
}
.fleet-auth-confirm-panel .fleet-auth-submit {
  margin-top: 0.2rem;
}
.fleet-auth-strategy {
  width: 100%;
  display: grid;
  gap: 1rem;
}
.fleet-auth-banner {
  display: flex;
  justify-content: center;
}
.fleet-home-theme .ops-card form .label-text, .fleet-home-theme .ops-card form .label-text-alt, .fleet-home-theme .ops-card form legend {
  color: var(--ops-ink);
}
.fleet-home-theme .ops-card form .label-text-alt {
  color: var(--ops-ink-muted);
  font-weight: 500;
}
.fleet-home-theme .ops-card form .input, .fleet-home-theme .ops-card form fieldset {
  background: var(--ops-bg-soft);
  border-color: var(--ops-border-strong);
  color: var(--ops-ink);
}
.fleet-home-theme .ops-card form .input::placeholder {
  color: var(--ops-ink-muted);
}
.fleet-home-theme .ops-card form .input:focus {
  border-color: var(--ops-signal);
  outline: none;
  box-shadow: 0 0 0 3px rgba(244, 184, 96, 0.25);
}
.fleet-home-theme .ops-card form .checkbox {
  border-color: var(--ops-border-strong);
}
.fleet-home-theme .ops-card form select.input {
  background: var(--ops-bg-soft);
  border-color: var(--ops-border-strong);
  color: var(--ops-ink);
}
.fleet-home-theme .ops-card form .btn-primary {
  background: var(--ops-signal);
  border-color: var(--ops-signal);
  color: var(--ops-bg);
}
.fleet-home-theme .ops-card form .btn-primary:hover {
  background: var(--ops-signal-strong);
  border-color: var(--ops-signal-strong);
}
.fleet-home-theme .ops-card form .btn-outline {
  border-color: var(--ops-border-strong);
  color: var(--ops-ink);
  background: transparent;
}
.fleet-home-theme .ops-card form .btn-outline:hover {
  background: var(--ops-bg-soft);
  border-color: var(--ops-ink-muted);
  color: var(--ops-ink);
}
.fleet-auth-brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: var(--ops-ink);
}
.fleet-auth-banner-logo {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(8, 11, 32, 0.28);
}
.fleet-auth-banner-wordmark-image {
  display: block;
  width: min(180px, 60vw);
  height: auto;
}
.fleet-auth-shell .fleet-auth-banner {
  position: fixed;
  top: 1.4rem;
  left: 1.5rem;
  z-index: 2;
  margin: 0;
}
.fleet-auth-shell .fleet-auth-panel:not(.fleet-auth-sign-out-panel)::before {
  content: "Welcome to DreamBeam";
  display: block;
  text-align: center;
  font-family: var(--ops-font-headline);
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--ops-ink);
  margin-bottom: -0.4rem;
}
.fleet-auth-banner-wordmark {
  color: var(--ops-ink);
  font-size: 1.1rem;
  font-family: var(--ops-font-display);
  font-weight: 600;
  letter-spacing: -0.045em;
}
.fleet-auth-title {
  font-size: clamp(1.45rem, 2vw, 1.9rem);
  margin-bottom: 0.25rem;
}
.fleet-auth-sign-out-panel {
  position: relative;
  overflow: hidden;
  text-align: left;
}
.fleet-auth-sign-out-panel::before {
  content: "";
  position: relative;
  z-index: 1;
  display: block;
  width: min(178px, 62vw);
  height: 36px;
  margin-bottom: 0.4rem;
  background: url("/brand/wordmark-on-dark.svg") left center / contain no-repeat;
}
.fleet-auth-sign-out-panel::after {
  content: "";
  position: absolute;
  inset: -36% -26% auto auto;
  width: 270px;
  height: 270px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(244, 184, 96, 0.2), transparent 64%);
  pointer-events: none;
}
.fleet-auth-sign-out-title, .fleet-auth-sign-out-copy, .fleet-auth-sign-out-form {
  position: relative;
  z-index: 1;
}
.fleet-auth-sign-out-title {
  margin: 0;
  color: var(--ops-ink);
  font-family: var(--ops-font-headline);
  font-size: clamp(1.55rem, 3vw, 2rem);
  font-weight: 700;
  line-height: 1.08;
}
.fleet-auth-sign-out-copy {
  margin: 0;
  max-width: 28rem;
  color: var(--ops-ink-muted);
  font-family: var(--ops-font-body);
  font-size: 0.95rem;
  line-height: 1.55;
}
.fleet-auth-sign-out-form {
  display: grid;
  gap: 0.75rem;
  margin-top: 0.25rem;
}
.fleet-auth-sign-out-submit {
  width: 100%;
  min-height: 46px;
}
.fleet-auth-form-block, .fleet-auth-form {
  display: grid;
  gap: 1rem;
}
.fleet-auth-field {
  display: grid;
  gap: 0.38rem;
}
.fleet-auth-label {
  color: var(--ops-ink-muted);
  font-size: 0.74rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
}
.fleet-auth-input {
  width: 100%;
  border-radius: var(--dreambeam-radius-sm);
  border: 1px solid rgba(246, 234, 215, 0.16);
  background: var(--dreambeam-color-night);
  color: var(--ops-ink);
  padding: 0.9rem 2.8rem 0.9rem 0.95rem;
  font-family: var(--ops-font-body);
  font-size: 0.98rem;
  outline: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.fleet-auth-input::placeholder {
  color: var(--ops-ink-dim);
}
.fleet-auth-input:focus, .fleet-auth-input:focus-visible {
  border-color: var(--dreambeam-color-primary);
  box-shadow: 0 0 0 3px rgba(244, 184, 96, 0.18);
  background: var(--dreambeam-color-night);
  outline: none;
}
.fleet-auth-input-error {
  border-color: rgba(239, 68, 68, 0.48);
}
.fleet-auth-submit {
  width: 100%;
  margin-top: 3.75rem;
  min-height: 46px;
  position: relative;
  transition: opacity 0.18s ease, transform 0.16s ease, background 0.16s ease, border-color 0.16s ease;
}
[data-phx-session]:not(.phx-connected) .fleet-auth-submit {
  opacity: 0.55;
  cursor: progress;
  pointer-events: none;
  transform: none;
}
[data-phx-session]:not(.phx-connected) .fleet-auth-submit::after {
  content: "Connecting…";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 0.45rem);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ops-signal-warm);
  text-align: center;
  pointer-events: none;
  line-height: 1;
}
@media (prefers-reduced-motion: reduce) {
  .fleet-auth-submit {
    transition: none;
  }
}
.fleet-auth-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  justify-content: space-between;
  align-items: center;
}
.fleet-auth-toggle {
  color: var(--ops-signal-warm);
  font-size: 0.83rem;
  font-weight: 700;
  text-decoration: none;
}
.fleet-auth-toggle:hover {
  color: var(--ops-signal-pale);
  text-decoration: underline;
}
.fleet-auth-remember {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--ops-ink-muted);
  font-family: var(--ops-font-body);
}
.fleet-auth-checkbox {
  accent-color: var(--ops-signal);
}
.fleet-auth-checkbox-label {
  color: var(--ops-ink-muted);
  font-size: 0.88rem;
}
.fleet-auth-error-wrap {
  margin-top: -0.25rem;
}
.fleet-auth-error, .fleet-auth-error-list {
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--ops-stop-pale);
  font-family: var(--ops-font-body);
  font-size: 0.88rem;
}
.fleet-auth-error-item + .fleet-auth-error-item {
  margin-top: 0.2rem;
}
.fleet-auth-divider {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 0.7rem;
}
.fleet-auth-divider-line, .fleet-auth-divider-line-inner {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
}
.fleet-auth-divider-text-wrap {
  display: flex;
  align-items: center;
}
.fleet-auth-divider-text {
  color: var(--ops-ink-muted);
  font-size: 0.74rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.fleet-auth-slot {
  margin-top: 0.2rem;
}
.fleet-check-email-panel {
  position: relative;
  overflow: hidden;
  width: min(100%, 420px);
  text-align: center;
  display: grid;
  gap: 0.55rem;
  justify-items: center;
  padding-block: clamp(1.6rem, 4vw, 2.2rem);
}
.fleet-auth-shell .fleet-auth-panel.fleet-check-email-panel::before {
  content: none;
}
.fleet-check-email-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: rgba(244, 184, 96, 0.14);
  color: var(--ops-signal-warm);
  margin-bottom: 0.35rem;
}
.fleet-check-email-title {
  margin: 0 0 0.05rem;
  font-family: var(--ops-font-headline);
  font-size: clamp(1.4rem, 2.6vw, 1.7rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--ops-ink);
  line-height: 1.15;
}
.fleet-check-email-lede {
  margin: 0;
  max-width: 26rem;
  color: var(--ops-ink-muted);
  font-family: var(--ops-font-body);
  font-size: 0.95rem;
  line-height: 1.5;
}
.fleet-check-email-recovery {
  margin: 0.55rem 0 0;
  color: var(--ops-ink-dim);
  font-family: var(--ops-font-body);
  font-size: 0.85rem;
  line-height: 1.5;
}
.fleet-check-email-recovery .fleet-auth-toggle {
  font-size: inherit;
  margin-left: 0.15rem;
}
.platform-flash {
  position: fixed;
  top: 1.25rem;
  right: 1.25rem;
  z-index: 50;
  width: min(92vw, 420px);
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.85rem 0.85rem 0.85rem 1rem;
  border-radius: 14px;
  border: 1px solid var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in oklch, var(--color-base-content) 22%, transparent);
  }
  background: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--color-base-content) 14%, var(--color-base-100));
  }
  color: var(--color-base-content);
  box-shadow: 0 18px 48px var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 18px 48px color-mix(in oklch, var(--color-base-content) 25%, transparent);
  }
  font-family: 'Onest', ui-sans-serif, sans-serif;
  font-size: 0.92rem;
  font-weight: 500;
  line-height: 1.45;
  transition: opacity 180ms ease, transform 180ms ease;
}
.platform-flash-info {
  border-color: var(--color-info);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklch, var(--color-info) 36%, transparent);
  }
}
.platform-flash-error {
  border-color: var(--color-error);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklch, var(--color-error) 40%, transparent);
  }
}
.platform-flash-body {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  flex: 1 1 auto;
  min-width: 0;
}
.platform-flash-icon {
  margin-top: 0.1rem;
  color: var(--color-info);
  flex-shrink: 0;
}
.platform-flash-error .platform-flash-icon {
  color: var(--color-error);
}
.platform-flash-copy {
  flex: 1 1 auto;
  min-width: 0;
}
.platform-flash-copy p {
  margin: 0;
}
.platform-flash-title {
  font-weight: 650;
  margin-bottom: 0.15rem !important;
}
.platform-flash a, .platform-flash button.platform-flash-cta {
  color: inherit;
}
.platform-flash.is-leaving {
  opacity: 0;
  transform: translateY(-8px) scale(0.98);
  pointer-events: none;
}
.platform-flash-close {
  display: inline-grid;
  width: 1.6rem;
  height: 1.6rem;
  flex-shrink: 0;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--color-base-content) 8%, transparent);
  }
  color: currentColor;
  cursor: pointer;
  font: inherit;
  line-height: 1;
}
.platform-flash-close:hover, .platform-flash-close:focus-visible {
  background: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--color-base-content) 16%, transparent);
  }
  outline: none;
}
.platform-flash-progress {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  transform-origin: left center;
  background: var(--color-info);
  animation: platform-flash-progress var(--platform-flash-duration, 6500ms) linear forwards;
}
.platform-flash-error .platform-flash-progress {
  background: var(--color-error);
}
.platform-flash:hover .platform-flash-progress, .platform-flash:focus-within .platform-flash-progress {
  animation-play-state: paused;
}
@keyframes platform-flash-progress {
  from {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
.fleet-auth-oauth {
  width: 100%;
}
.fleet-auth-oauth-btn {
  width: 100%;
  background: var(--dreambeam-color-night);
  border: 1px solid rgba(246, 234, 215, 0.16);
}
.fleet-auth-oauth-icon {
  width: 1rem;
  height: 1rem;
}
@media (max-width: 980px) {
  .ops-grid-four {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }
  .ops-table {
    min-width: 520px;
  }
}
@media (max-width: 680px) {
  .fleet-home-shell {
    padding: 0.9rem 0.66rem 1.6rem;
  }
  .fleet-home-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .fleet-home-brand .shell-wordmark {
    font-size: 1.05rem;
  }
  .fleet-home-main {
    padding: 0.85rem;
  }
  .fleet-home-actions {
    width: 100%;
  }
  .fleet-home-actions .ops-btn {
    width: 100%;
  }
  .ops-header {
    align-items: flex-start;
  }
  .ops-brand-block {
    width: 100%;
  }
  .ops-brand .shell-wordmark {
    font-size: 1.08rem;
  }
  .fleet-auth-shell {
    padding: 0.85rem;
  }
  .fleet-auth-panel {
    padding: 0.9rem;
  }
  .fleet-auth-links {
    flex-direction: column;
    align-items: flex-start;
  }
}
.fleet-home-auth-actions {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}
.ops-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  padding-top: 0.35rem;
}
@media (max-width: 680px) {
  .fleet-home-auth-actions {
    width: 100%;
    justify-content: flex-start;
  }
  .ops-header-actions {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
.ops-select-inline {
  min-width: 120px;
  padding: 0.32rem 0.45rem;
  border-radius: 10px;
  border: 1px solid rgba(27, 43, 53, 0.2);
  background: rgba(255, 255, 255, 0.9);
  color: var(--ops-ink);
  font-family: var(--ops-font-body);
  font-size: 0.86rem;
}
.ops-disclosure {
  border: 1px solid var(--ops-border);
  border-radius: var(--ops-radius-sm);
  background: rgba(27, 33, 72, 0.36);
  margin-top: 0.8rem;
}
.ops-disclosure-card .ops-disclosure {
  margin-top: 0;
  border: 0;
  background: transparent;
}
.ops-disclosure-summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.8rem;
  padding: 0.85rem 1rem;
  transition: background 0.15s ease-out;
}
.ops-disclosure-summary:hover {
  background: rgba(255, 255, 255, 0.03);
}
.ops-disclosure-summary::-webkit-details-marker {
  display: none;
}
.ops-disclosure-summary:focus-visible {
  outline: 2px solid var(--ops-signal);
  outline-offset: -2px;
  border-radius: var(--ops-radius-sm);
}
.ops-disclosure-summary h2, .ops-disclosure-summary h3, .ops-disclosure-summary h4 {
  margin: 0;
}
.ops-disclosure-body {
  border-top: 1px solid var(--ops-border);
  padding: 1rem;
}
.ops-disclosure-inline {
  margin-top: 0.65rem;
}
.ops-disclosure-hint {
  color: var(--ops-ink-muted);
  font-size: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
}
.ops-disclosure-hint::after {
  content: "";
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  border-right: 1.5px solid var(--ops-ink-muted);
  border-bottom: 1.5px solid var(--ops-ink-muted);
  transform: rotate(-45deg);
  transition: transform 0.2s ease-out, border-color 0.2s ease-out;
}
.ops-disclosure[open] .ops-disclosure-hint::after {
  transform: rotate(45deg);
  border-color: var(--ops-signal);
}
.fleet-admin {
  font-family: var(--admin-font-body);
  color: oklch(from var(--color-base-content) l c h);
  background: radial-gradient(80rem 40rem at 100% -10%, oklch(from var(--color-primary) l c h / 0.06), transparent 60%), var(--color-base-100);
  min-height: 100vh;
}
.fleet-admin .display {
  font-family: var(--admin-font-display);
  font-weight: 600;
  letter-spacing: -0.02em;
  font-feature-settings: "ss01" on, "cv11" on;
}
.fleet-admin .mono {
  font-family: var(--admin-font-mono);
  font-feature-settings: "zero" on, "ss02" on;
}
.fleet-admin .reassure {
  display: grid;
  gap: 0.5rem;
  padding: clamp(1.25rem, 2.5vw, 2rem);
  border-radius: var(--radius-box);
  background: var(--color-success);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--color-success) 10%, var(--color-base-100));
  }
  border: 1px solid var(--color-success);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in oklch, var(--color-success) 22%, transparent);
  }
}
.fleet-admin .reassure[data-tone="warning"] {
  background: var(--color-warning);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--color-warning) 14%, var(--color-base-100));
  }
  border-color: var(--color-warning);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklch, var(--color-warning) 28%, transparent);
  }
}
.fleet-admin .reassure[data-tone="quiet"] {
  background: var(--color-base-200);
  border-color: var(--color-base-300);
}
.fleet-admin .reassure-headline {
  font-family: var(--admin-font-display);
  font-weight: 600;
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.fleet-admin .reassure-sub {
  color: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklch, var(--color-base-content) 65%, transparent);
  }
  font-size: 0.95rem;
  max-width: 62ch;
}
.fleet-admin .org-section {
  display: grid;
  gap: 0.5rem;
}
.fleet-admin .org-label {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  padding: 0 0.25rem;
  color: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklch, var(--color-base-content) 60%, transparent);
  }
  font-family: var(--admin-font-display);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.fleet-admin .org-label::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--color-base-content) 12%, transparent);
  }
}
.fleet-admin .device-row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 1rem;
  padding: 0.9rem 1rem;
  border-radius: var(--radius-field);
  background: var(--color-base-100);
  border: 1px solid var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in oklch, var(--color-base-content) 8%, transparent);
  }
  transition: border-color 160ms ease, background 160ms ease;
}
.fleet-admin .device-row:hover {
  border-color: var(--color-primary);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklch, var(--color-primary) 30%, transparent);
  }
  background: var(--color-primary);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklch, var(--color-primary) 3%, var(--color-base-100));
  }
}
.fleet-admin .device-row:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.fleet-admin .device-row .device-name {
  font-family: var(--admin-font-display);
  font-size: 1.02rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.fleet-admin .device-row .device-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.9rem;
  margin-top: 0.15rem;
  color: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklch, var(--color-base-content) 55%, transparent);
  }
  font-size: 0.82rem;
}
.fleet-admin .device-row .device-uid {
  font-family: var(--admin-font-mono);
  font-size: 0.78rem;
  letter-spacing: -0.01em;
}
.fleet-admin .status-dot {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.82rem;
  font-weight: 500;
}
.fleet-admin .status-dot::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 3px currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 3px color-mix(in oklch, currentColor 18%, transparent);
  }
}
.fleet-admin .status-healthy {
  color: var(--color-success);
}
.fleet-admin .status-attention {
  color: var(--color-warning);
}
.fleet-admin .status-offline {
  color: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklch, var(--color-base-content) 45%, transparent);
  }
}
.fleet-admin .quiet-link {
  color: var(--color-base-content);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklch, var(--color-base-content) 55%, transparent);
  }
  text-decoration: none;
  font-size: 0.88rem;
  font-weight: 500;
  transition: color 160ms ease;
}
.fleet-admin .quiet-link:hover {
  color: var(--color-primary);
}
.fleet-admin .quiet-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: 2px;
}
.fleet-admin .view-link {
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity 160ms ease, transform 160ms ease;
  font-family: var(--admin-font-display);
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
}
.fleet-admin .device-row:hover .view-link, .fleet-admin .device-row:focus-within .view-link {
  opacity: 1;
  transform: translateX(0);
}
@media (max-width: 640px) {
  .fleet-admin .view-link {
    opacity: 1;
    transform: none;
  }
}
.ops-transition-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  border-color: rgba(244, 184, 96, 0.22);
  background: radial-gradient(circle at 100% 0%, rgba(244, 184, 96, 0.12), transparent 35%), linear-gradient(180deg, rgba(42, 48, 87, 0.94), rgba(27, 33, 72, 0.88));
}
.platform-shell {
  --platform-night: var(--dreambeam-color-night);
  --platform-night-elevated: var(--dreambeam-color-night-elevated);
  --platform-cream: var(--dreambeam-color-cream);
  --platform-ivory: var(--dreambeam-color-ivory);
  --platform-surface-muted: var(--dreambeam-color-surface-muted);
  --platform-honey: var(--dreambeam-color-primary);
  --platform-honey-hover: var(--dreambeam-color-primary-hover);
  --platform-signal: var(--dreambeam-color-signal);
  --platform-signal-light: var(--dreambeam-color-signal-light);
  --platform-lavender: var(--dreambeam-color-lavender);
  --platform-twilight: var(--dreambeam-color-twilight);
  --platform-mint: var(--dreambeam-color-mint);
  --platform-ink: var(--db-text);
  --platform-ink-secondary: var(--db-text-muted);
  --platform-ink-muted: var(--db-text-muted);
  --platform-ink-dim: var(--db-text-dim);
  --platform-ink-on-dark: var(--db-text);
  --platform-ink-on-dark-muted: var(--db-text-muted);
  --platform-ink-on-dark-dim: var(--db-text-dim);
  --platform-success: var(--db-status-success);
  --platform-warning: var(--db-status-warning);
  --platform-error: var(--db-status-error);
  --platform-info: var(--db-status-info);
  --platform-success-on-dark: var(--db-status-success);
  --platform-warning-on-dark: var(--db-status-warning);
  --platform-error-on-dark: var(--db-status-error);
  --platform-info-on-dark: var(--db-status-info);
  --platform-bg: var(--db-surface);
  --platform-bg-elevated: var(--db-surface-raised);
  --platform-bg-subtle: var(--db-hairline-color);
  --platform-sidebar-bg: var(--db-surface-sidebar);
  --platform-sidebar-hairline: var(--db-hairline-color);
  --platform-border: var(--db-hairline-color);
  --platform-border-hover: var(--db-hairline-color);
  --platform-signal-glow: rgba(244, 184, 96, 0.16);
  --platform-signal-text: var(--dreambeam-color-night);
  --platform-radius: var(--dreambeam-radius-md);
  --platform-radius-sm: var(--dreambeam-radius-sm);
  --platform-radius-xs: var(--dreambeam-radius-xs);
  --ops-font-display: 'Onest', ui-sans-serif, sans-serif;
  --ops-font-headline: 'Onest', ui-sans-serif, sans-serif;
  --ops-font-body: 'Onest', ui-sans-serif, sans-serif;
  --ops-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  min-height: 100vh;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  background: var(--platform-bg);
  position: relative;
  isolation: isolate;
}
.platform-shell::before {
  content: "";
  position: fixed;
  top: -10%;
  right: -5%;
  width: 50vw;
  height: 50vh;
  background: radial-gradient(circle, rgba(244, 184, 96, 0.08), transparent 70%);
  pointer-events: none;
  z-index: 0;
}
.platform-sidebar {
  position: sticky;
  top: 0;
  align-self: start;
  height: 100vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding: 0;
  border-right: 1px solid var(--platform-sidebar-hairline);
  background: var(--platform-sidebar-bg);
  color: var(--platform-ink);
  z-index: 1;
}
.platform-sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1rem 0.875rem;
  border-bottom: 1px solid var(--platform-sidebar-hairline);
}
.platform-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  text-decoration: none;
}
.platform-logo {
  width: 28px;
  height: 28px;
  border-radius: 0;
}
.platform-mobile-menu-btn, .platform-mobile-menu-close {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: var(--platform-radius-sm);
  border: 1px solid var(--platform-border);
  background: var(--platform-bg-elevated);
  color: var(--platform-ink);
  cursor: pointer;
  transition: background 180ms ease, border-color 180ms ease, color 180ms ease;
}
.platform-mobile-menu-btn:hover, .platform-mobile-menu-close:hover {
  border-color: var(--platform-border-hover);
  background: var(--platform-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--platform-ink) 6%, var(--platform-bg-elevated));
  }
}
.platform-mobile-menu-btn:focus-visible, .platform-mobile-menu-close:focus-visible {
  outline: 2px solid var(--platform-signal);
  outline-offset: 2px;
}
.platform-mobile-menu-backdrop {
  display: none;
}
.platform-org-selector {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--platform-sidebar-hairline);
}
.platform-org-single {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.platform-org-single-name {
  font-family: var(--ops-font-display);
  font-size: 0.84rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--platform-ink-on-dark);
}
.platform-org-single-role {
  font-family: var(--ops-font-display);
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--platform-ink-on-dark-dim);
}
.platform-org-dropdown {
  position: relative;
}
.platform-org-dropdown-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 44px;
  padding: 0.45rem 0.55rem;
  border-radius: var(--platform-radius-xs);
  border: 1px solid var(--platform-sidebar-hairline);
  background: var(--platform-bg-elevated);
  color: var(--platform-ink-on-dark);
  font-family: var(--ops-font-display);
  font-size: 0.86rem;
  font-weight: 500;
  cursor: pointer;
  transition: border-color 200ms ease;
}
.platform-org-dropdown-trigger:hover {
  border-color: rgba(246, 234, 215, 0.28);
}
.platform-org-dropdown-arrow {
  color: var(--platform-ink-on-dark-dim);
  flex-shrink: 0;
}
.platform-org-dropdown-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.platform-org-dropdown-menu {
  position: absolute;
  top: calc(100% + 4px);
  left: -0.125rem;
  right: -0.125rem;
  z-index: 50;
  display: flex;
  flex-direction: column;
  border-radius: var(--platform-radius-xs);
  border: 1px solid rgba(246, 234, 215, 0.20);
  background: var(--platform-bg-elevated);
  overflow: hidden;
  box-shadow: 0 12px 32px rgba(8, 11, 32, 0.45);
}
.platform-org-dropdown-search {
  width: 100%;
  padding: 0.45rem 0.65rem;
  background: rgba(246, 234, 215, 0.06);
  border: 0;
  border-bottom: 1px solid rgba(246, 234, 215, 0.12);
  color: var(--platform-ink-on-dark);
  font-family: var(--ops-font-display);
  font-size: 0.82rem;
  outline: none;
}
.platform-org-dropdown-search::placeholder {
  color: var(--platform-ink-on-dark-dim);
}
.platform-org-dropdown-search:focus {
  background: rgba(246, 234, 215, 0.10);
}
.platform-org-dropdown-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.55rem 0.65rem;
  background: var(--platform-bg-elevated);
  color: var(--platform-ink-on-dark-muted);
  font-family: var(--ops-font-display);
  font-size: 0.84rem;
  font-weight: 500;
  text-decoration: none;
  transition: background 150ms ease, color 150ms ease;
  cursor: pointer;
  white-space: nowrap;
}
.platform-org-dropdown-item + .platform-org-dropdown-item {
  border-top: 1px solid rgba(246, 234, 215, 0.10);
}
.platform-org-dropdown-item:hover {
  background: rgba(244, 184, 96, 0.08);
  color: var(--platform-ink-on-dark);
}
.platform-org-dropdown-item.is-active {
  background: rgba(244, 184, 96, 0.16);
  color: var(--platform-honey);
}
.platform-org-dropdown-item.is-archived {
  opacity: 0.6;
}
.platform-org-dropdown-item.is-archived:hover {
  opacity: 0.85;
}
button.platform-org-dropdown-item, .platform-org-dropdown-item-create {
  width: 100%;
  border: 0;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.platform-org-dropdown-item-create {
  color: var(--platform-honey);
  font-weight: 600;
}
.platform-org-dropdown-separator {
  margin: 0.25rem 0.875rem 0.15rem;
  padding: 0.4rem 0;
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--platform-ink-on-dark-dim);
  border-top: 1px solid var(--platform-sidebar-hairline);
}
.platform-org-dropdown-item-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.platform-org-dropdown-item-role {
  font-size: 0.72rem;
  color: var(--platform-ink-on-dark-dim);
  flex-shrink: 0;
}
.platform-sidebar-footer {
  margin-top: auto;
  padding: 0.75rem 0.875rem;
  border-top: 1px solid var(--platform-sidebar-hairline);
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.platform-sign-out-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 32px;
  border-radius: var(--platform-radius-xs);
  border: 1px solid var(--platform-sidebar-hairline);
  background: transparent;
  color: var(--platform-ink-on-dark-muted);
  font-family: var(--ops-font-display);
  font-size: 0.82rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 200ms ease;
}
.platform-sign-out-btn:hover {
  color: var(--platform-ink);
  background: var(--platform-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--platform-ink) 8%, transparent);
  }
  border-color: var(--platform-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--platform-ink) 28%, transparent);
  }
}
.platform-sidebar-footer .platform-user-chip {
  border: none;
  padding: 0.25rem 0;
  background: transparent;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.1rem;
}
.platform-sidebar-footer .platform-user-chip-link {
  display: flex;
  text-decoration: none;
  border-radius: 0.4rem;
  padding: 0.25rem 0.4rem;
  margin: 0 -0.4rem;
  transition: background-color 120ms ease;
}
.platform-sidebar-footer .platform-user-chip-link:hover, .platform-sidebar-footer .platform-user-chip-link:focus-visible {
  background: var(--platform-ink-on-dark);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--platform-ink-on-dark) 8%, transparent);
  }
  outline: none;
}
.platform-settings {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.platform-settings-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}
.platform-settings-field {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  max-width: 28rem;
}
.platform-settings-actions {
  display: flex;
  align-items: center;
  gap: 0.85rem;
}
.platform-form-hint {
  font-size: 0.78rem;
  color: var(--platform-ink-secondary);
}
.platform-settings-theme {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.85rem;
}
[data-theme="light"] .platform-settings-theme [data-phx-theme="light"], [data-theme="dark"] .platform-settings-theme [data-phx-theme="dark"], :root:not([data-theme]) .platform-settings-theme [data-phx-theme="system"] {
  background: var(--platform-honey);
  color: var(--platform-night);
  border-color: var(--platform-honey);
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(27, 33, 72, 0.08), 0 6px 18px rgba(244, 184, 96, 0.28);
}
.platform-settings-identity-list {
  list-style: none;
  margin: 0.85rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.platform-settings-identity-row {
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
  font-size: 0.85rem;
}
.platform-settings-identity-strategy {
  font-weight: 600;
  color: var(--platform-ink);
  min-width: 5rem;
}
.platform-settings-identity-uid {
  color: var(--platform-ink-secondary);
  font-family: var(--ops-font-mono);
}
.platform-sidebar-footer-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.platform-sidebar-footer-actions .platform-sign-out-form {
  flex: 1;
}
.platform-sidebar-footer .platform-user-email {
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--platform-ink-on-dark);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.platform-sidebar-footer .platform-user-role {
  border-left: none;
  padding-left: 0;
  font-size: 0.72rem;
  color: var(--platform-ink-on-dark-dim);
}
.platform-brand-kicker, .platform-nav-kicker, .platform-panel-kicker, .platform-hero-kicker, .platform-stat-label {
  margin: 0;
  color: var(--platform-ink-secondary);
  font-family: var(--ops-font-display);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.platform-sidebar .platform-brand-kicker, .platform-sidebar .platform-nav-kicker {
  color: var(--platform-ink-on-dark-dim);
}
.platform-brand-title, .platform-page-title, .platform-hero-title, .platform-panel-title, .platform-list-title {
  margin: 0;
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.platform-brand-title {
  font-size: 1.05rem;
}
.platform-brand .shell-wordmark {
  color: var(--platform-ink);
  line-height: 1;
}
.platform-brand .shell-wordmark .beam {
  color: var(--db-wordmark-accent);
}
.platform-page-title {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.platform-hero-title {
  font-size: clamp(1.2rem, 2vw, 1.5rem);
}
.platform-panel-title, .platform-list-title {
  font-size: 1rem;
}
.platform-panel-title-editable {
  cursor: text;
  border-radius: var(--platform-radius-sm);
  padding: 0.1rem 0.35rem;
  margin-left: -0.35rem;
  transition: background 120ms ease;
}
.platform-panel-title-editable:hover, .platform-panel-title-editable:focus-visible {
  background: var(--platform-bg-elevated);
  outline: none;
}
.platform-device-name-form {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.platform-panel-title-input {
  font-family: var(--ops-font-display);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--platform-ink);
  background: var(--platform-bg-elevated);
  border: 1px solid var(--platform-border-hover);
  border-radius: var(--platform-radius-sm);
  padding: 0.25rem 0.5rem;
  min-width: 240px;
  flex: 1 1 auto;
  max-width: 480px;
}
.platform-panel-title-input:focus-visible {
  outline: 2px solid var(--platform-signal);
  outline-offset: 2px;
}
.platform-brand-copy, .platform-page-summary, .platform-hero-copy, .platform-panel-copy, .platform-list-copy, .platform-stat-copy, .platform-breadcrumbs, .platform-user-email, .platform-user-role, .platform-org-chip-meta {
  margin: 0;
  color: var(--platform-ink-secondary);
  font-family: var(--ops-font-body);
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.55;
}
.platform-brand-copy {
  font-size: 0.82rem;
  line-height: 1.45;
  max-width: 200px;
}
.platform-nav {
  flex: 1;
  padding: 0.75rem 0.875rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.platform-nav-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.platform-nav-group .platform-nav-kicker {
  padding: 0 0.875rem 0.35rem;
}
.platform-nav-items, .platform-org-switcher, .platform-action-stack {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.platform-nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 48px;
  padding: 0.75rem 0.875rem;
  border-radius: 12px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--platform-ink-on-dark-muted);
  font-family: var(--ops-font-display);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: color 200ms ease, border-color 200ms ease, background 200ms ease;
  cursor: pointer;
}
.platform-nav-link:hover, .platform-nav-link:focus-visible {
  color: var(--platform-ink-on-dark);
  background: var(--platform-ink-on-dark);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--platform-ink-on-dark) 5%, transparent);
  }
}
.platform-nav-link.is-active, .platform-nav-link[aria-current="page"] {
  color: var(--platform-night);
  border-color: rgba(244, 184, 96, 0.32);
  background: rgba(244, 184, 96, 0.16);
}
[data-theme="dark"] .platform-nav-link.is-active, [data-theme="dark"] .platform-nav-link[aria-current="page"] {
  color: var(--platform-honey);
  border-color: rgba(244, 184, 96, 0.22);
  background: rgba(244, 184, 96, 0.08);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .platform-nav-link.is-active, :root:not([data-theme="light"]) .platform-nav-link[aria-current="page"] {
    color: var(--platform-honey);
    border-color: rgba(244, 184, 96, 0.22);
    background: rgba(244, 184, 96, 0.08);
  }
}
.platform-nav-link > span:first-child, .platform-nav-link-main {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.platform-nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  opacity: 0.85;
}
.platform-nav-link.is-active .platform-nav-icon, .platform-nav-link[aria-current="page"] .platform-nav-icon, .platform-nav-link:hover .platform-nav-icon {
  opacity: 1;
}
.platform-nav-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.4rem;
  border-radius: 999px;
  background: rgba(246, 234, 215, 0.12);
  color: var(--platform-ink-on-dark);
  font-size: 0.7rem;
  font-weight: 600;
  font-family: var(--ops-font-display);
}
.platform-nav-link.is-active .platform-nav-badge, .platform-nav-link[aria-current="page"] .platform-nav-badge {
  background: rgba(244, 184, 96, 0.28);
  color: var(--platform-night);
}
[data-theme="dark"] .platform-nav-link.is-active .platform-nav-badge, [data-theme="dark"] .platform-nav-link[aria-current="page"] .platform-nav-badge {
  background: rgba(244, 184, 96, 0.18);
  color: var(--platform-honey);
}
.platform-org-chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.55rem 0.65rem;
  border-radius: var(--platform-radius-xs);
  border: 1px solid transparent;
  background: transparent;
  color: var(--platform-ink-on-dark-muted);
  font-family: var(--ops-font-display);
  font-size: 0.88rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 200ms ease;
  cursor: pointer;
}
.platform-org-chip:hover {
  background: rgba(246, 234, 215, 0.06);
  color: var(--platform-ink-on-dark);
}
.platform-org-chip.is-active {
  background: var(--platform-honey);
  border-color: var(--platform-honey);
  color: var(--platform-night);
  font-weight: 600;
}
.platform-org-chip-meta {
  font-size: 0.74rem;
  color: var(--platform-ink-on-dark-dim);
}
.platform-main {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  z-index: 1;
}
.platform-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1.75rem;
  border-bottom: 1px solid var(--platform-border);
  background: var(--platform-bg);
  color: var(--platform-ink);
  position: sticky;
  top: 0;
  z-index: 10;
}
.platform-topbar > div {
  min-width: 0;
}
.platform-topbar-heading {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
  flex: 1;
}
.platform-back-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 36px;
  padding: 0 0.65rem;
  margin-left: -0.35rem;
  border-radius: 999px;
  color: var(--platform-ink-secondary);
  font-family: var(--ops-font-display);
  font-size: 0.84rem;
  font-weight: 550;
  letter-spacing: 0;
  text-decoration: none;
  transition: background 200ms ease, color 200ms ease;
}
.platform-back-link:hover {
  color: var(--platform-ink);
  background: var(--platform-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--platform-ink) 6%, transparent);
  }
}
.platform-back-link:focus-visible {
  outline: 2px solid var(--platform-signal);
  outline-offset: 2px;
}
.platform-back-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.platform-topbar-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.platform-user-chip {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.8rem;
  border-radius: var(--platform-radius-sm);
  background: var(--platform-bg-elevated);
  border: 1px solid var(--platform-border);
}
.platform-user-email {
  font-size: 0.86rem;
  font-weight: 500;
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
}
.platform-user-role {
  font-size: 0.76rem;
  color: var(--platform-ink-secondary);
  padding-left: 0.5rem;
  border-left: 1px solid var(--platform-border);
}
.platform-topbar-link {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 0.85rem;
  border-radius: var(--platform-radius-sm);
  border: 1px solid var(--platform-border);
  background: var(--platform-bg-elevated);
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  font-size: 0.86rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 200ms ease;
}
.platform-topbar-link:hover {
  background: var(--platform-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--platform-ink) 6%, var(--platform-bg-elevated));
  }
  border-color: var(--platform-border-hover);
}
.platform-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: clamp(1rem, 3vw, 2rem);
}
.platform-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  padding: clamp(1rem, 2.5vw, 1.75rem);
  border-radius: var(--platform-radius);
  border: 1px solid var(--platform-border);
  background: var(--platform-bg-elevated);
}
.platform-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  flex-shrink: 0;
}
.platform-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  height: 40px;
  min-height: 44px;
  padding: 0 1.1rem;
  border-radius: 999px;
  border: 1px solid var(--platform-border-hover);
  background: var(--platform-bg-elevated);
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  font-size: 0.88rem;
  font-weight: 500;
  text-decoration: none;
  transition: background 200ms ease, border-color 200ms ease;
  white-space: nowrap;
  cursor: pointer;
}
.platform-btn:hover {
  background: var(--platform-bg);
  border-color: var(--platform-ink);
}
.platform-btn:focus-visible {
  outline: 2px solid var(--platform-signal);
  outline-offset: 2px;
}
.platform-btn-primary {
  color: var(--platform-night);
  border-color: var(--platform-honey);
  background: var(--platform-honey);
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(27, 33, 72, 0.08), 0 6px 18px rgba(244, 184, 96, 0.28);
}
.platform-btn-primary:hover {
  background: var(--platform-honey-hover);
  border-color: var(--platform-honey-hover);
  box-shadow: 0 1px 2px rgba(27, 33, 72, 0.10), 0 8px 22px rgba(244, 184, 96, 0.34);
}
.platform-tabs {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.28rem;
  border-radius: 999px;
  border: 1px solid var(--platform-border);
  background: var(--platform-bg-elevated);
  width: max-content;
  max-width: 100%;
  overflow-x: auto;
}
.platform-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  min-height: 36px;
  padding: 0 1rem;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--platform-ink-muted);
  font-family: var(--ops-font-display);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background 200ms ease, color 200ms ease, border-color 200ms ease;
}
.platform-tab:hover {
  color: var(--platform-ink);
  background: var(--platform-bg);
}
.platform-tab.is-active, .platform-tab[aria-selected="true"] {
  background: rgba(244, 184, 96, 0.14);
  border-color: rgba(244, 184, 96, 0.32);
  color: var(--platform-honey);
}
.platform-tab:focus-visible {
  outline: 2px solid var(--platform-signal);
  outline-offset: 2px;
}
.platform-pipeline-list {
  display: flex;
  flex-direction: column;
  border-radius: var(--platform-radius);
  border: 1px solid var(--platform-border);
  background: var(--platform-bg-elevated);
  overflow: hidden;
}
.platform-pipeline-row {
  display: grid;
  grid-template-columns: 180px minmax(200px, 1fr) minmax(0, 2fr) 200px;
  align-items: center;
  gap: 1rem;
  padding: 0.55rem 1rem;
  border-bottom: 1px solid var(--platform-border);
  transition: background 150ms ease;
}
.platform-pipeline-row:last-child {
  border-bottom: 0;
}
.platform-pipeline-row:hover {
  background: var(--platform-bg);
}
.platform-pipeline-row-link {
  display: contents;
  color: var(--platform-ink);
  text-decoration: none;
  cursor: pointer;
}
.platform-pipeline-row-link:focus-visible {
  outline: none;
}
.platform-pipeline-row:has(.platform-pipeline-row-link:focus-visible) {
  box-shadow: inset 0 0 0 2px var(--platform-signal);
}
.platform-pipeline-stage {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  border: 1px solid var(--platform-border);
  background: transparent;
  color: var(--platform-ink-muted);
  font-family: var(--ops-font-display);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.platform-pipeline-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--platform-ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.platform-pipeline-subtitle {
  font-size: 0.85rem;
  color: var(--platform-ink-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.platform-pipeline-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.4rem;
  flex-wrap: nowrap;
}
.platform-pipeline-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 0 0.7rem;
  border-radius: 999px;
  border: 1px solid var(--platform-border-hover);
  background: transparent;
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  cursor: pointer;
  white-space: nowrap;
  transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}
.platform-pipeline-action:hover {
  background: var(--platform-bg-elevated);
  border-color: var(--platform-ink);
}
.platform-pipeline-action.is-primary {
  background: var(--platform-honey);
  border-color: var(--platform-honey);
  color: var(--platform-night);
}
.platform-pipeline-action.is-primary:hover {
  background: var(--platform-honey-hover);
  border-color: var(--platform-honey-hover);
}
.platform-pipeline-action.is-danger {
  color: var(--platform-signal-danger, #c25450);
  border-color: var(--platform-signal-danger, rgba(194, 84, 80, 0.35));
}
.platform-pipeline-action.is-danger:hover {
  background: rgba(194, 84, 80, 0.1);
  border-color: var(--platform-signal-danger, #c25450);
}
.platform-pipeline-action:focus-visible {
  outline: 2px solid var(--platform-signal);
  outline-offset: 2px;
}
.platform-text-button {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--db-link);
  font-family: var(--ops-font-display);
  font-size: 0.88rem;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.platform-text-button:hover {
  color: var(--platform-night);
}
.platform-text-button:focus-visible {
  outline: 2px solid var(--platform-signal);
  outline-offset: 3px;
}
.platform-sidebar .platform-btn, .platform-panel-on-dark .platform-btn {
  background: transparent;
  border-color: rgba(246, 234, 215, 0.20);
  color: var(--platform-ink-on-dark);
}
.platform-sidebar .platform-btn:hover, .platform-panel-on-dark .platform-btn:hover {
  background: rgba(246, 234, 215, 0.08);
  border-color: rgba(246, 234, 215, 0.32);
}
.platform-stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1px;
  border-radius: var(--platform-radius);
  border: 1px solid var(--platform-border);
  background: var(--platform-border);
  overflow: hidden;
}
.platform-stat-card {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 1.1rem 1.35rem;
  background: var(--platform-bg-elevated);
}
.platform-stat-value {
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  font-size: clamp(1.6rem, 2.5vw, 2.1rem);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.15;
}
.platform-stat-label {
  margin-bottom: 0.2rem;
}
.platform-stat-copy {
  font-size: 0.82rem;
  color: var(--platform-ink-secondary);
}
.platform-section-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.platform-card-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  border-radius: var(--platform-radius);
  border: 1px solid var(--platform-border);
  background: var(--platform-border);
  overflow: hidden;
}
.platform-panel {
  padding: 1.5rem;
  border-radius: var(--platform-radius);
  border: 1px solid var(--platform-border);
  background: var(--platform-bg-elevated);
}
.platform-timeline {
  margin: 0.8rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
.platform-timeline-item {
  display: grid;
  grid-template-columns: minmax(8rem, 11rem) minmax(0, 1fr);
  gap: 0.75rem;
  align-items: baseline;
}
.platform-timeline-label {
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.platform-timeline-copy {
  color: var(--platform-ink-secondary);
  font-family: var(--ops-font-body);
  font-size: 0.88rem;
  line-height: 1.45;
}
.platform-field-stack {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin-top: 0.6rem;
}
.platform-field-row {
  margin: 0;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: var(--platform-ink-secondary);
  font-family: var(--ops-font-body);
  font-size: 0.9rem;
  line-height: 1.45;
}
.platform-field-row strong {
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  font-weight: 600;
}
.platform-list-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  background: var(--platform-bg-elevated);
  border: none;
  border-radius: 0;
  transition: background 200ms ease;
}
.platform-list-card:hover {
  background: var(--platform-bg);
}
.platform-bullet-list {
  margin: 0.5rem 0 0;
  padding-left: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  color: var(--platform-ink-secondary);
  font-family: var(--ops-font-body);
  font-size: 0.9rem;
  line-height: 1.55;
}
.platform-breadcrumbs {
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--platform-ink-secondary);
}
@media (max-width: 1024px) {
  body.platform-mobile-menu-open {
    overflow: hidden;
  }
  .platform-shell {
    grid-template-columns: 1fr;
  }
  .platform-mobile-menu-btn, .platform-mobile-menu-close {
    display: inline-flex;
  }
  .platform-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    width: min(20rem, calc(100vw - 1.5rem));
    height: 100vh;
    height: 100dvh;
    max-height: 100vh;
    max-height: 100dvh;
    border-right: 1px solid var(--platform-sidebar-hairline);
    border-bottom: 0;
    box-shadow: 0 22px 64px rgba(27, 33, 72, 0.28);
    transform: translateX(calc(-100% - 1rem));
    transition: transform 220ms ease;
    z-index: 40;
    overscroll-behavior: contain;
    padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
  }
  .platform-sidebar.is-mobile-open {
    transform: translateX(0);
  }
  .platform-mobile-menu-backdrop {
    position: fixed;
    inset: 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    background: rgba(27, 33, 72, 0.42);
    transition: opacity 220ms ease, visibility 220ms ease;
    z-index: 35;
  }
  .platform-mobile-menu-backdrop.is-mobile-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  .platform-topbar {
    padding: 0.7rem max(1rem, env(safe-area-inset-right)) 0.7rem max(1rem, env(safe-area-inset-left));
  }
  .platform-content {
    padding: clamp(0.85rem, 3vw, 1.25rem);
  }
}
@media (max-width: 720px) {
  .platform-hero, .platform-list-card {
    flex-direction: column;
  }
  .platform-topbar {
    gap: 0.65rem;
    padding: 0.6rem 0.85rem;
  }
  .platform-stat-grid, .platform-section-grid {
    grid-template-columns: 1fr;
  }
  .platform-timeline-item, .platform-field-row {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
  }
  .platform-topbar-actions, .platform-hero-actions {
    width: 100%;
  }
  .platform-topbar-heading {
    flex-wrap: wrap;
    gap: 0.35rem 0.55rem;
    width: auto;
  }
  .platform-back-link {
    margin-left: 0;
    min-height: 40px;
    padding: 0 0.55rem;
    max-width: 100%;
  }
  .platform-back-link span {
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .platform-page-title {
    min-width: 0;
    max-width: 100%;
    font-size: 1.12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .platform-content {
    gap: 0.9rem;
  }
  .platform-hero, .platform-panel, .platform-reassure {
    padding: 1rem;
  }
  .platform-stat-card {
    padding: 0.95rem 1rem;
  }
  .platform-btn, .platform-topbar-link {
    width: 100%;
  }
}
.platform-reassure {
  padding: 1.1rem 1.35rem;
  border-radius: var(--platform-radius);
  border: 1px solid rgba(31, 110, 69, 0.20);
  background: rgba(155, 196, 181, 0.20);
}
.platform-reassure[data-tone="warning"] {
  background: rgba(244, 184, 96, 0.18);
  border-color: rgba(142, 86, 20, 0.22);
}
.platform-reassure[data-tone="error"] {
  background: rgba(200, 80, 80, 0.12);
  border-color: rgba(200, 80, 80, 0.28);
}
.platform-reassure-headline {
  margin: 0;
  font-family: var(--ops-font-display);
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  color: var(--platform-ink);
}
.platform-reassure-sub {
  margin: 0.25rem 0 0;
  font-family: var(--ops-font-body);
  font-size: 0.9rem;
  color: var(--platform-ink-secondary);
}
.platform-filters {
  margin-bottom: 0.25rem;
}
.platform-filter-bar {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.platform-filter-field {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.platform-filter-label {
  font-family: var(--ops-font-display);
  font-size: 0.74rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--platform-ink-secondary);
}
.platform-filter-select {
  height: 38px;
  padding: 0 0.85rem;
  border-radius: var(--platform-radius-sm);
  border: 1px solid var(--platform-border-hover);
  background: var(--platform-bg-elevated);
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  font-size: 0.88rem;
  font-weight: 500;
  appearance: none;
  cursor: pointer;
  min-width: 180px;
  background-image: linear-gradient(45deg, transparent 50%, var(--platform-ink-secondary) 50%), linear-gradient(135deg, var(--platform-ink-secondary) 50%, transparent 50%);
  background-position: calc(100% - 18px) center, calc(100% - 13px) center;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 2.25rem;
}
.platform-filter-select:focus-visible {
  outline: 2px solid var(--platform-signal);
  outline-offset: 2px;
}
.platform-text-input {
  height: 38px;
  padding: 0 0.85rem;
  border-radius: var(--platform-radius-sm);
  border: 1px solid var(--platform-border-hover);
  background: var(--platform-bg-elevated);
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  font-size: 0.88rem;
  font-weight: 500;
  appearance: none;
  min-width: 180px;
}
.platform-text-input:focus-visible {
  outline: 2px solid var(--platform-signal);
  outline-offset: 2px;
}
.platform-filter-clear {
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 0 0.85rem;
  border-radius: var(--platform-radius-sm);
  background: transparent;
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  font-size: 0.88rem;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 200ms ease;
}
.platform-filter-clear:hover {
  color: var(--db-link);
}
.platform-empty-state {
  padding: 2.75rem 1.5rem;
  text-align: center;
  border-radius: var(--platform-radius);
  border: 1px dashed var(--platform-border-hover);
  background: var(--platform-bg-subtle);
}
.platform-empty-headline {
  margin: 0;
  font-family: var(--ops-font-display);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  color: var(--platform-ink);
}
.platform-empty-sub {
  margin: 0.4rem 0 0;
  font-family: var(--ops-font-body);
  font-size: 0.9rem;
  color: var(--platform-ink-secondary);
}
.platform-text-link {
  color: var(--db-link);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 500;
}
.platform-text-link:hover {
  color: var(--platform-night);
}
.platform-device-groups {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.platform-device-group {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.platform-group-label {
  display: flex;
  align-items: baseline;
  gap: 0.7rem;
  margin: 0;
  padding: 0 0.25rem;
  font-family: var(--ops-font-display);
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--platform-ink-secondary);
}
.platform-group-label::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--platform-border);
}
.platform-group-count {
  font-family: var(--ops-font-display);
  font-size: 0.74rem;
  font-weight: 500;
  color: var(--platform-ink-secondary);
  background: var(--platform-bg-subtle);
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
}
.platform-device-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  border-radius: var(--platform-radius);
  border: 1px solid var(--platform-border);
  background: var(--platform-border);
  overflow: hidden;
}
.platform-device-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1.1rem;
  background: var(--platform-bg-elevated);
  color: var(--platform-ink);
  text-decoration: none;
  transition: background 200ms ease;
  cursor: pointer;
}
.platform-device-row:hover {
  background: var(--platform-bg);
}
.platform-device-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}
.platform-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  flex-shrink: 0;
}
.platform-status-dot.is-healthy {
  background: var(--platform-success);
}
.platform-status-dot.is-offline {
  background: var(--platform-ink-dim);
}
.platform-status-dot.is-attention {
  background: var(--platform-warning);
}
.platform-status-dot.is-critical {
  background: var(--platform-error);
}
.platform-device-name {
  display: block;
  font-family: var(--ops-font-display);
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0;
  color: var(--platform-ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.platform-device-meta {
  display: flex;
  gap: 0.5rem;
  font-family: var(--ops-font-mono);
  font-size: 0.78rem;
  color: var(--platform-ink-secondary);
  margin-top: 0.15rem;
}
.platform-device-team {
  color: var(--platform-ink-secondary);
}
.platform-device-status {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-shrink: 0;
}
.platform-device-health {
  font-family: var(--ops-font-display);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--platform-ink-secondary);
}
.platform-device-health.is-healthy {
  color: var(--platform-success);
}
.platform-device-health.is-attention {
  color: var(--platform-warning);
}
.platform-device-health.is-critical {
  color: var(--platform-error);
}
.platform-device-seen {
  font-family: var(--ops-font-display);
  font-size: 0.82rem;
  color: var(--platform-ink-secondary);
}
.platform-device-arrow {
  color: var(--platform-ink-secondary);
  font-size: 0.9rem;
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity 200ms ease, transform 200ms ease;
}
.platform-device-row:hover .platform-device-arrow {
  opacity: 1;
  transform: translateX(0);
}
.platform-device-row-with-action {
  cursor: default;
}
.platform-device-row.is-never-seen {
  background: rgba(200, 80, 80, 0.05);
}
.platform-device-row.is-never-seen:hover {
  background: rgba(200, 80, 80, 0.10);
}
.platform-device-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 1 auto;
  gap: 1rem;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}
.platform-device-row-action {
  flex: 0 0 auto;
}
.platform-device-share-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--ops-font-mono);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  background: var(--platform-bg);
  color: var(--platform-ink-secondary);
  border: 1px solid var(--platform-border);
}
.platform-public-access .platform-share-url-field {
  grid-column: 1 / -1;
}
.platform-public-access .platform-detail-value.is-disabled {
  color: var(--platform-ink-secondary);
  text-decoration: line-through;
  opacity: 0.7;
}
.platform-public-access .platform-detail-hint {
  display: block;
  margin-top: 0.35rem;
  font-family: var(--ops-font-display);
  font-size: 0.82rem;
  color: var(--platform-ink-secondary);
}
.platform-share-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
  margin-top: 1rem;
}
.platform-share-actions .platform-detail-hint {
  margin: 0;
}
.platform-device-setup {
  display: grid;
  gap: 1rem;
}
.platform-setup-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 1rem;
  border: 1px solid var(--platform-border);
  border-radius: var(--platform-radius-sm);
  background: var(--platform-bg);
}
.platform-setup-action-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.platform-setup-action-label {
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  font-size: 0.95rem;
  font-weight: 600;
}
.platform-setup-action-detail {
  color: var(--platform-ink-secondary);
  font-family: var(--ops-font-body);
  font-size: 0.88rem;
  line-height: 1.4;
}
.platform-setup-action-buttons {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 720px) {
  .platform-filter-bar {
    flex-direction: column;
    align-items: stretch;
  }
  .platform-filter-select {
    min-width: auto;
    width: 100%;
  }
  .platform-device-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
  }
  .platform-setup-action {
    align-items: stretch;
    flex-direction: column;
  }
  .platform-setup-action-buttons {
    align-items: flex-start;
    flex-direction: column;
  }
  .platform-device-info {
    width: 100%;
    align-items: flex-start;
  }
  .platform-device-meta {
    flex-wrap: wrap;
    word-break: break-word;
  }
  .platform-device-status {
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.35rem 0.6rem;
    padding-left: 1.25rem;
  }
  .platform-device-arrow {
    display: none;
  }
}
.platform-detail-layout {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.platform-device-detail {
  max-width: 1180px;
}
.platform-detail-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.platform-device-overview .platform-detail-header {
  margin-bottom: 1rem;
}
.platform-device-health-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) repeat(3, minmax(160px, 1fr));
  gap: 0.75rem;
  align-items: stretch;
}
.platform-health-primary, .platform-health-card, .platform-signal-card, .platform-inference-stat {
  min-width: 0;
  border-radius: var(--platform-radius-sm);
  border: 1px solid var(--platform-border);
  background: var(--platform-bg);
}
.platform-health-primary {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.85rem;
  padding: 1rem 1.1rem;
  background: var(--platform-bg-elevated);
}
.platform-health-primary.is-healthy {
  border-color: rgba(31, 110, 69, 0.24);
}
.platform-health-primary.is-warning {
  border-color: rgba(142, 86, 20, 0.28);
}
.platform-health-primary.is-critical {
  border-color: rgba(163, 61, 73, 0.28);
}
.platform-health-metric-empty-state {
  grid-column: 2 / -1;
  display: flex;
  align-items: center;
  padding: 1rem 1.1rem;
}
.platform-health-label {
  display: block;
  font-family: var(--ops-font-display);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--platform-ink-secondary);
}
.platform-health-state {
  display: block;
  font-family: var(--ops-font-display);
  font-size: 2.15rem;
  font-weight: 650;
  line-height: 1;
  color: var(--platform-ink);
}
.platform-health-copy, .platform-health-detail {
  display: block;
  font-family: var(--ops-font-body);
  font-size: 0.82rem;
  line-height: 1.4;
  color: var(--platform-ink-secondary);
}
.platform-health-card {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  padding: 0.9rem 1rem;
}
.platform-health-value {
  display: block;
  min-height: 1.9rem;
  font-family: var(--ops-font-display);
  font-size: 1.35rem;
  font-weight: 650;
  line-height: 1.15;
  color: var(--platform-ink);
}
.platform-gauge-track {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: var(--platform-bg-subtle);
  overflow: hidden;
}
.platform-gauge-fill {
  display: block;
  min-width: 3px;
  height: 100%;
  border-radius: inherit;
  background: var(--platform-ink-dim);
}
.platform-gauge-fill.is-healthy, .platform-spark-bar.is-healthy {
  background: var(--platform-success);
}
.platform-gauge-fill.is-warning, .platform-spark-bar.is-warning {
  background: var(--platform-warning);
}
.platform-gauge-fill.is-critical, .platform-spark-bar.is-critical {
  background: var(--platform-error);
}
.platform-gauge-fill.is-muted, .platform-spark-bar.is-muted, .platform-spark-bar.is-missing {
  background: var(--platform-ink-dim);
}
.platform-section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.85rem;
}
.platform-section-heading .platform-panel-title {
  margin-top: 0.15rem;
}
.platform-section-meta {
  flex-shrink: 0;
  border-radius: 999px;
  border: 1px solid var(--platform-border);
  padding: 0.28rem 0.65rem;
  font-family: var(--ops-font-display);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--platform-ink-secondary);
  background: var(--platform-bg);
}
.platform-signal-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}
.platform-signal-card {
  padding: 0.9rem 1rem 1rem;
}
.platform-signal-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.platform-signal-title {
  font-family: var(--ops-font-display);
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--platform-ink);
}
.platform-signal-current {
  flex-shrink: 0;
  font-family: var(--ops-font-mono);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--platform-ink-secondary);
}
.platform-spark-bars {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(5px, 1fr);
  align-items: end;
  gap: 4px;
  height: 72px;
  padding-top: 0.25rem;
}
.platform-spark-bar {
  display: block;
  min-height: 4px;
  border-radius: 999px 999px 3px 3px;
  opacity: 0.9;
}
.platform-signal-empty {
  margin: 0;
  font-family: var(--ops-font-body);
  font-size: 0.84rem;
  color: var(--platform-ink-secondary);
}
.platform-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 0.6rem 1.5rem;
}
.platform-detail-field {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.platform-detail-label {
  font-family: var(--ops-font-display);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--platform-ink-secondary);
}
.platform-detail-value {
  font-family: var(--ops-font-display);
  font-size: 0.92rem;
  font-weight: 500;
  color: var(--platform-ink);
}
.platform-mono {
  font-family: var(--ops-font-mono);
  font-size: 0.84rem;
  letter-spacing: -0.005em;
}
.platform-status-inline {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}
.platform-status-inline::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  flex-shrink: 0;
}
.platform-status-inline.is-healthy::before {
  background: var(--platform-success);
}
.platform-status-inline.is-offline::before {
  background: var(--platform-ink-dim);
}
.platform-status-inline.is-attention::before {
  background: var(--platform-warning);
}
.platform-heartbeat-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin-top: 0.6rem;
  border-radius: var(--platform-radius-xs);
  border: 1px solid var(--platform-border);
  background: var(--platform-border);
  overflow: hidden;
}
.platform-heartbeat-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 0.85rem;
  background: var(--platform-bg-elevated);
  font-size: 0.84rem;
}
.platform-heartbeat-time {
  flex-shrink: 0;
  width: 76px;
  font-family: var(--ops-font-display);
  font-weight: 500;
  color: var(--platform-ink-secondary);
  font-size: 0.8rem;
}
.platform-heartbeat-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.95rem;
}
.platform-metric {
  font-family: var(--ops-font-mono);
  font-size: 0.78rem;
  color: var(--platform-ink-secondary);
}
.platform-alert-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.platform-alert-card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1.1rem;
  border-radius: var(--platform-radius-sm);
  border: 1px solid var(--platform-border);
  background: var(--platform-bg-elevated);
}
.platform-alert-card.is-critical {
  border-color: rgba(163, 61, 73, 0.28);
  background: rgba(163, 61, 73, 0.06);
}
.platform-alert-card.is-warning {
  border-color: rgba(142, 86, 20, 0.26);
  background: rgba(244, 184, 96, 0.10);
}
.platform-alert-info {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.7rem;
  min-width: 0;
}
.platform-alert-type {
  font-family: var(--ops-font-display);
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--platform-ink);
}
.platform-alert-severity {
  font-family: var(--ops-font-display);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  background: var(--platform-bg-subtle);
  color: var(--platform-ink-secondary);
}
.platform-alert-card.is-critical .platform-alert-severity {
  background: rgba(163, 61, 73, 0.12);
  color: var(--platform-error);
}
.platform-alert-card.is-warning .platform-alert-severity {
  background: rgba(142, 86, 20, 0.14);
  color: var(--platform-warning);
}
.platform-alert-message {
  width: 100%;
  font-family: var(--ops-font-body);
  font-size: 0.86rem;
  color: var(--platform-ink-secondary);
  line-height: 1.5;
}
.platform-alert-state {
  font-family: var(--ops-font-display);
  font-size: 0.76rem;
  font-weight: 500;
  color: var(--platform-ink-secondary);
}
.platform-alert-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  flex-shrink: 0;
}
.platform-inference-usage {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.platform-inference-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0.75rem;
}
.platform-inference-stat {
  padding: 0.95rem 1.05rem;
}
.platform-inference-label {
  display: block;
  font-family: var(--ops-font-display);
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--platform-ink-secondary);
  text-transform: uppercase;
  letter-spacing: 0;
}
.platform-inference-number {
  display: block;
  margin-top: 0.35rem;
  font-family: var(--ops-font-display);
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--platform-ink);
  letter-spacing: 0;
  line-height: 1.1;
}
.platform-inference-meter {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  font-family: var(--ops-font-body);
  font-size: 0.84rem;
  color: var(--platform-ink-secondary);
}
.platform-inference-meter-track {
  width: 100%;
  height: 9px;
  border-radius: 999px;
  background: var(--platform-bg-subtle);
  overflow: hidden;
}
.platform-inference-meter-track span {
  display: block;
  min-width: 3px;
  height: 100%;
  border-radius: inherit;
  background: var(--platform-signal);
}
.platform-inference-empty {
  border-radius: var(--platform-radius-sm);
  border: 1px solid var(--platform-border);
  background: var(--platform-bg);
  padding: 1rem 1.1rem;
}
.platform-inference-empty.is-error {
  border-color: rgba(163, 61, 73, 0.28);
}
.platform-key-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin-top: 0.6rem;
  border-radius: var(--platform-radius-xs);
  border: 1px solid var(--platform-border);
  background: var(--platform-border);
  overflow: hidden;
}
.platform-key-row {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.55rem 0.85rem;
  background: var(--platform-bg-elevated);
  font-size: 0.84rem;
}
.platform-key-label {
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  font-size: 0.84rem;
  font-weight: 500;
}
.platform-key-entitlements {
  color: var(--platform-ink-secondary);
  font-size: 0.78rem;
  font-family: var(--ops-font-display);
}
.platform-key-revoked {
  color: var(--platform-error);
  font-size: 0.72rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
@media (max-width: 720px) {
  .platform-device-health-grid, .platform-signal-grid, .platform-inference-grid {
    grid-template-columns: 1fr;
  }
  .platform-detail-grid {
    grid-template-columns: 1fr 1fr;
  }
  .platform-alert-card {
    flex-direction: column;
  }
  .platform-detail-header {
    flex-direction: column;
  }
  .platform-section-heading {
    flex-direction: column;
  }
}
.platform-member-form-fields {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.platform-data-table-wrap {
  margin-top: 0.75rem;
  border-radius: var(--platform-radius-xs);
  border: 1px solid var(--platform-border);
  overflow: hidden;
}
.platform-data-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--ops-font-display);
  font-size: 0.875rem;
}
.platform-data-table thead tr {
  background: var(--platform-bg);
  border-bottom: 1px solid var(--platform-border);
}
.platform-data-table th {
  text-align: left;
  padding: 0.45rem 1rem;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--platform-ink-secondary);
  white-space: nowrap;
}
.platform-data-th-right {
  text-align: right;
}
.platform-data-table tbody tr {
  border-bottom: 1px solid var(--platform-border);
  background: var(--platform-bg-elevated);
  transition: background 0.1s;
}
.platform-data-table tbody tr:last-child {
  border-bottom: none;
}
.platform-data-table td {
  padding: 0.65rem 1rem;
  vertical-align: middle;
  color: var(--platform-ink);
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.platform-data-td-name {
  font-weight: 600;
  letter-spacing: -0.01em;
}
.platform-data-td-muted {
  color: var(--platform-ink-secondary) !important;
  font-size: 0.83rem;
}
.platform-data-td-right {
  text-align: right;
}
.platform-data-code {
  font-size: 0.79rem;
  color: var(--platform-ink-secondary);
  background: var(--platform-bg);
  padding: 0.15rem 0.4rem;
  border-radius: 3px;
  border: 1px solid var(--platform-border);
}
.platform-member-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin-top: 0.6rem;
  border-radius: var(--platform-radius-xs);
  border: 1px solid var(--platform-border);
  background: var(--platform-border);
  overflow: hidden;
}
.platform-member-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.7rem 1rem;
  background: var(--platform-bg-elevated);
}
.platform-member-info {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}
.platform-member-name {
  font-family: var(--ops-font-display);
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--platform-ink);
}
.platform-member-email {
  font-family: var(--ops-font-display);
  font-size: 0.8rem;
  color: var(--platform-ink-secondary);
}
.platform-member-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}
.platform-member-role-badge {
  font-family: var(--ops-font-display);
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--platform-ink-secondary);
  padding: 0.22rem 0.65rem;
  border-radius: 999px;
  background: var(--platform-bg);
  border: 1px solid var(--platform-border);
}
.platform-role-select {
  min-width: 120px;
  height: 32px;
  font-size: 0.82rem;
}
.platform-member-role-form {
  display: inline-flex;
}
.platform-btn-danger {
  color: var(--platform-error);
  border-color: rgba(163, 61, 73, 0.30);
}
.platform-btn-danger:hover {
  background: rgba(163, 61, 73, 0.08);
  border-color: var(--platform-error);
}
.platform-form-error {
  margin: 0.5rem 0 0;
  font-family: var(--ops-font-display);
  font-size: 0.84rem;
  color: var(--platform-error);
}
.platform-form-success {
  margin: 0.5rem 0 0;
  font-family: var(--ops-font-display);
  font-size: 0.84rem;
  color: var(--platform-success);
}
.platform-panel-kicker-detail {
  font-weight: 500;
  opacity: 0.6;
  text-transform: none;
  letter-spacing: 0;
}
@media (max-width: 720px) {
  .platform-member-form-fields {
    flex-direction: column;
    align-items: stretch;
  }
  .platform-member-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .platform-member-actions, .platform-member-role-form {
    width: 100%;
  }
  .platform-member-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .platform-role-select {
    width: 100%;
    min-height: 44px;
  }
}
.platform-provision-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 0.5rem 0.75rem;
}
.platform-textarea {
  width: 100%;
  padding: 0.6rem 0.85rem;
  border-radius: var(--platform-radius-sm);
  border: 1px solid var(--platform-border-hover);
  background: var(--platform-bg-elevated);
  color: var(--platform-ink);
  font-family: var(--ops-font-mono);
  font-size: 0.84rem;
  resize: vertical;
}
.platform-textarea:focus-visible {
  outline: 2px solid var(--platform-signal);
  outline-offset: 2px;
  border-color: var(--platform-twilight);
}
.platform-token-display {
  margin-top: 0.85rem;
  padding: 1rem 1.1rem;
  border-radius: var(--platform-radius-sm);
  border: 1px solid rgba(244, 184, 96, 0.32);
  background: rgba(244, 184, 96, 0.10);
}
.platform-token-heading {
  margin: 0 0 0.55rem;
  font-family: var(--ops-font-display);
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--platform-ink);
}
.platform-token-field {
  display: flex;
  align-items: baseline;
  gap: 0.7rem;
  padding: 0.3rem 0;
}
.platform-token-value {
  font-family: var(--ops-font-mono);
  font-size: 0.8rem;
  color: var(--platform-ink);
  word-break: break-all;
  user-select: all;
}
.platform-token-warning {
  margin: 0.5rem 0 0;
  font-family: var(--ops-font-display);
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--platform-warning);
}
.platform-env-output {
  margin: 0;
  padding: 0.85rem;
  border-radius: var(--platform-radius-sm);
  background: var(--dreambeam-color-night);
  color: var(--dreambeam-color-ink);
  border: 1px solid var(--dreambeam-color-night-elevated);
  font-family: var(--ops-font-mono);
  font-size: 0.8rem;
  white-space: pre-wrap;
  word-break: break-all;
  overflow-x: auto;
}
.platform-billing-page {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.platform-billing-credit, .platform-billing-usage {
  padding: 0;
}
.platform-billing-section-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.platform-billing-section-title {
  margin: 0.25rem 0 0;
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  font-size: 1.25rem;
  font-weight: 650;
  line-height: 1.15;
  letter-spacing: 0;
}
.platform-billing-section-copy {
  margin: 0.35rem 0 0;
  color: var(--platform-ink-secondary);
  font-family: var(--ops-font-body);
  font-size: 0.9rem;
  line-height: 1.45;
}
.platform-billing-credit-grid {
  display: grid;
  gap: 0.9rem;
}
.platform-billing-credit-card {
  display: grid;
  grid-template-columns: minmax(14rem, 1.1fr) minmax(18rem, 1fr) minmax(13rem, 0.55fr);
  gap: 1rem;
  align-items: stretch;
  padding: clamp(1rem, 2vw, 1.25rem);
  border-radius: var(--platform-radius-sm);
  border: 1px solid var(--platform-border);
  background: var(--platform-bg-elevated);
}
.platform-billing-credit-primary {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
}
.platform-billing-workspace {
  margin: 0 0 0.75rem;
  color: var(--platform-ink-secondary);
  font-family: var(--ops-font-display);
  font-size: 0.86rem;
  font-weight: 650;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.platform-billing-balance {
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  font-size: 3.25rem;
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}
.platform-billing-balance-label {
  margin-top: 0.45rem;
  color: var(--platform-ink-secondary);
  font-family: var(--ops-font-body);
  font-size: 0.92rem;
}
.platform-billing-credit-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  align-content: center;
}
.platform-billing-metric {
  min-width: 0;
  padding: 0.85rem;
  border-radius: var(--platform-radius-sm);
  border: 1px solid var(--platform-border);
  background: var(--platform-bg);
}
.platform-billing-metric span {
  display: block;
  color: var(--platform-ink-secondary);
  font-family: var(--ops-font-display);
  font-size: 0.72rem;
  font-weight: 550;
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: uppercase;
}
.platform-billing-metric strong {
  display: block;
  margin-top: 0.35rem;
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
}
.platform-billing-top-up {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.65rem;
  min-width: 0;
  padding-left: 1rem;
  border-left: 1px solid var(--platform-border);
}
.platform-billing-trends {
  margin: 0 0 1rem;
}
.platform-billing-models {
  margin: 0 0 1rem;
}
.platform-billing-chart-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}
.platform-billing-chart {
  min-width: 0;
  padding: 0.95rem;
  border-radius: var(--platform-radius-sm);
  border: 1px solid var(--platform-border);
  background: var(--platform-bg-elevated);
}
.platform-billing-chart-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.85rem;
  margin-bottom: 0.65rem;
}
.platform-billing-chart-label {
  margin: 0;
  color: var(--platform-ink-secondary);
  font-family: var(--ops-font-display);
  font-size: 0.72rem;
  font-weight: 550;
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: uppercase;
}
.platform-billing-chart-total {
  display: block;
  margin-top: 0.25rem;
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  font-size: 1.15rem;
  font-weight: 650;
  line-height: 1.15;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}
.platform-billing-chart-caption {
  flex-shrink: 0;
  color: var(--platform-ink-secondary);
  font-family: var(--ops-font-body);
  font-size: 0.78rem;
  line-height: 1.35;
  text-align: right;
}
.platform-billing-chart-svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
.platform-billing-chart-axis {
  stroke: var(--platform-border);
  stroke-width: 1;
}
.platform-billing-bar-uncached {
  fill: var(--platform-honey);
}
.platform-billing-bar-cached {
  fill: var(--platform-twilight);
}
.platform-billing-bar-single.is-requests {
  fill: var(--platform-honey);
}
.platform-billing-bar-single.is-output {
  fill: var(--platform-twilight);
}
.platform-billing-bar-single.is-spend {
  fill: var(--platform-success);
}
[data-billing-chart-hit] {
  cursor: crosshair;
  outline: none;
}
.platform-billing-bar-group.is-active .platform-billing-bar-single, .platform-billing-bar-group.is-active .platform-billing-bar-uncached, .platform-billing-bar-group.is-active .platform-billing-bar-cached {
  filter: brightness(0.92);
}
.platform-billing-chart-tooltip {
  opacity: 0;
  pointer-events: none;
  transition: opacity 120ms ease;
}
.platform-billing-bar-group.is-active .platform-billing-chart-tooltip {
  opacity: 1;
}
.platform-billing-chart-tooltip-box {
  fill: var(--platform-ink);
  stroke: var(--platform-border);
  @supports (color: color-mix(in lab, red, red)) {
    stroke: color-mix(in srgb, var(--platform-border) 45%, transparent);
  }
  stroke-width: 1;
}
.platform-billing-chart-tooltip-date {
  fill: var(--platform-bg-elevated);
  font-family: var(--ops-font-mono);
  font-size: 0.54rem;
  letter-spacing: 0;
}
.platform-billing-chart-tooltip-line {
  fill: var(--platform-bg-elevated);
  font-family: var(--ops-font-body);
  font-size: 0.58rem;
  letter-spacing: 0;
}
.platform-billing-chart-date {
  fill: var(--platform-ink-secondary);
  font-family: var(--ops-font-mono);
  font-size: 0.55rem;
  letter-spacing: 0;
}
.platform-billing-chart-empty {
  fill: var(--platform-ink-secondary);
  font-family: var(--ops-font-body);
  font-size: 0.72rem;
  letter-spacing: 0;
}
.platform-billing-chart-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 0.55rem;
}
.platform-billing-chart-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--platform-ink-secondary);
  font-family: var(--ops-font-body);
  font-size: 0.78rem;
}
.platform-billing-chart-swatch {
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 0.16rem;
}
.platform-billing-chart-swatch.is-uncached {
  background: var(--platform-honey);
}
.platform-billing-chart-swatch.is-cached {
  background: var(--platform-twilight);
}
.platform-billing-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: var(--platform-radius-sm);
  border: 1px solid var(--platform-border);
  background: var(--platform-bg-elevated);
}
.platform-billing-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  font-family: var(--ops-font-display);
  font-size: 0.86rem;
  table-layout: fixed;
}
.platform-billing-col-device {
  width: 20%;
}
.platform-billing-col-org {
  width: 22%;
}
.platform-billing-col-num {
  width: 13%;
}
.platform-billing-col-spend {
  width: 13%;
}
.platform-billing-table th {
  padding: 0.65rem 0.85rem;
  text-align: left;
  font-weight: 500;
  font-size: 0.74rem;
  letter-spacing: 0.06em;
  line-height: 1.25;
  text-transform: uppercase;
  color: var(--platform-ink-secondary);
  background: var(--platform-bg);
  border-bottom: 1px solid var(--platform-border);
  vertical-align: bottom;
}
.platform-billing-table td {
  padding: 0.6rem 0.85rem;
  color: var(--platform-ink);
  border-bottom: 1px solid var(--platform-border);
  vertical-align: middle;
}
.platform-billing-table tbody tr:hover {
  background: var(--platform-bg);
}
.platform-billing-table td {
  white-space: nowrap;
}
.platform-billing-table td:first-child, .platform-billing-table td:nth-child(2) {
  overflow: hidden;
  text-overflow: ellipsis;
}
.platform-num {
  text-align: right;
  font-family: var(--ops-font-mono);
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
}
.platform-billing-totals td {
  font-weight: 600;
  color: var(--platform-ink);
  border-top: 2px solid var(--platform-border-hover);
  border-bottom: none;
}
@media (max-width: 1180px) {
  .platform-billing-credit-card {
    grid-template-columns: 1fr;
  }
  .platform-billing-top-up {
    padding-left: 0;
    padding-top: 1rem;
    border-left: 0;
    border-top: 1px solid var(--platform-border);
  }
}
@media (max-width: 900px) {
  .platform-billing-chart-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .platform-billing-section-header {
    align-items: stretch;
    flex-direction: column;
  }
  .platform-billing-credit-metrics {
    grid-template-columns: 1fr;
  }
  .platform-billing-balance {
    font-size: 2.5rem;
  }
  .platform-billing-chart-header {
    flex-direction: column;
  }
  .platform-billing-chart-caption {
    text-align: left;
  }
}
.platform-label-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin-top: 0.6rem;
  border-radius: var(--platform-radius-sm);
  border: 1px solid var(--platform-border);
  background: var(--platform-border);
  overflow: hidden;
}
.platform-label-list-header {
  display: grid;
  grid-template-columns: 8.75rem minmax(12rem, 1.1fr) minmax(14rem, 1.4fr) auto;
  align-items: center;
  gap: 0.85rem;
  padding: 0.55rem 1rem;
  background: var(--platform-bg);
  color: var(--platform-ink-secondary);
  font-family: var(--ops-font-display);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.platform-label-select-all {
  min-height: 34px;
  border: 1px solid var(--platform-border);
  border-radius: var(--platform-radius-xs);
  background: var(--platform-bg-elevated);
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  font-size: 0.74rem;
  font-weight: 600;
  cursor: pointer;
}
.platform-label-select-all:hover {
  border-color: var(--platform-border-hover);
  background: var(--platform-bg);
}
.platform-label-row {
  display: grid;
  grid-template-columns: 8.75rem minmax(12rem, 1.1fr) minmax(14rem, 1.4fr) auto;
  align-items: center;
  gap: 0.85rem;
  padding: 0.65rem 1rem;
  background: var(--platform-bg-elevated);
}
.platform-label-row.is-selected {
  background: var(--platform-honey);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--platform-honey) 18%, var(--platform-bg-elevated));
  }
}
.platform-label-select {
  display: flex;
  align-items: center;
}
.platform-label-select input {
  width: 1rem;
  height: 1rem;
  accent-color: var(--platform-honey);
}
.platform-label-info {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  flex-wrap: wrap;
}
.platform-label-status {
  font-family: var(--ops-font-display);
  font-size: 0.72rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.16rem 0.55rem;
  border-radius: 999px;
}
.platform-label-status.is-available {
  color: var(--platform-ink-secondary);
  background: var(--platform-bg);
}
.platform-label-status.is-reserved {
  color: var(--platform-warning);
  background: rgba(244, 184, 96, 0.18);
}
.platform-label-status.is-claimed {
  color: var(--platform-success);
  background: rgba(31, 110, 69, 0.14);
}
.platform-label-meta {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  font-family: var(--ops-font-display);
  font-size: 0.82rem;
  color: var(--platform-ink-secondary);
}
.platform-label-actions {
  flex-shrink: 0;
  display: flex;
  gap: 0.4rem;
}
.platform-panel-header-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.platform-label-toolbar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.platform-label-filter-group {
  display: flex;
  border: 1px solid var(--platform-border-hover);
  border-radius: 999px;
  overflow: hidden;
  padding: 2px;
  background: var(--platform-bg-elevated);
}
.platform-label-filter-btn {
  font-family: var(--ops-font-display);
  font-size: 0.78rem;
  font-weight: 500;
  padding: 0.35rem 0.85rem;
  background: transparent;
  color: var(--platform-ink-secondary);
  border: none;
  border-radius: 999px;
  cursor: pointer;
  transition: background 200ms ease, color 200ms ease;
}
.platform-label-filter-btn:hover {
  color: var(--platform-ink);
}
.platform-label-filter-btn.is-active {
  background: var(--platform-honey);
  color: var(--platform-night);
  font-weight: 600;
}
.platform-label-fulfillment-badge {
  font-family: var(--ops-font-display);
  font-size: 0.66rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.12rem 0.5rem;
  border-radius: 999px;
}
.platform-label-fulfillment-badge.is-ready, .platform-label-fulfillment-badge.is-mailed, .platform-label-fulfillment-badge.is-claimed {
  color: var(--platform-success);
  background: rgba(31, 110, 69, 0.14);
}
.platform-label-fulfillment-badge.is-unprinted {
  color: var(--platform-warning);
  background: rgba(244, 184, 96, 0.18);
}
.platform-label-fulfillment-badge.is-mailed {
  color: var(--platform-info);
  background: rgba(46, 83, 116, 0.14);
}
.platform-label-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.6rem;
  margin-top: 0.85rem;
}
.platform-label-metric {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 58px;
  padding: 0.65rem 0.8rem;
  border: 1px solid var(--platform-border);
  border-radius: var(--platform-radius-sm);
  background: var(--platform-bg-elevated);
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  cursor: pointer;
  transition: border-color 180ms ease, background 180ms ease;
}
.platform-label-metric span {
  color: var(--platform-ink-secondary);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.platform-label-metric strong {
  font-size: 1.35rem;
  line-height: 1;
}
.platform-label-metric:hover, .platform-label-metric.is-active {
  border-color: var(--platform-honey);
  background: var(--platform-honey);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--platform-honey) 12%, var(--platform-bg-elevated));
  }
}
.platform-label-selection-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.85rem;
  padding: 0.65rem 0.8rem;
  border: 1px solid var(--platform-border-hover);
  border-radius: var(--platform-radius-sm);
  background: var(--platform-bg);
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  font-size: 0.86rem;
  font-weight: 600;
}
.platform-label-selection-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.4rem;
  flex-wrap: wrap;
}
@media (max-width: 960px) {
  .platform-label-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .platform-label-list-header {
    display: none;
  }
  .platform-label-row {
    grid-template-columns: auto 1fr;
    align-items: flex-start;
  }
  .platform-label-meta, .platform-label-actions {
    grid-column: 2;
  }
  .platform-label-selection-bar {
    align-items: flex-start;
    flex-direction: column;
  }
  .platform-label-selection-actions {
    justify-content: flex-start;
  }
}
@media (max-width: 640px) {
  .platform-label-summary {
    grid-template-columns: 1fr;
  }
  .platform-label-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .platform-label-filter-group {
    border-radius: var(--platform-radius-sm);
    flex-wrap: wrap;
  }
  .platform-label-filter-btn {
    min-height: 40px;
    flex: 1 1 auto;
  }
  .platform-label-row {
    gap: 0.6rem;
    padding: 0.75rem;
  }
  .platform-label-meta, .platform-label-actions {
    width: 100%;
  }
  .platform-label-actions {
    flex-wrap: wrap;
  }
  .platform-label-actions .platform-btn {
    width: auto;
    flex: 1 1 9rem;
  }
}
.platform-label-row-wrap {
  display: flex;
  flex-direction: column;
}
.platform-label-qr-expand {
  padding: 1.1rem 0.85rem;
  background: var(--platform-bg);
  display: flex;
  justify-content: center;
}
.platform-label-qr-card {
  text-align: center;
}
.platform-label-qr-card svg {
  display: block;
  margin: 0 auto;
}
.platform-label-qr-action {
  font-family: var(--ops-font-display);
  font-size: 0.95rem;
  font-weight: 650;
  margin-top: 0.65rem;
  color: var(--platform-ink);
}
.platform-label-qr-id {
  font-family: var(--ops-font-mono);
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--platform-ink-secondary);
  letter-spacing: 0.02em;
  margin-top: 0.18rem;
}
.label-print-overlay {
  background: var(--platform-bg);
}
.label-print-controls {
  padding: 1.5rem;
  border-bottom: 1px solid var(--platform-border);
}
.label-print-title {
  font-family: var(--ops-font-display);
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--platform-ink);
}
.label-print-subtitle {
  font-family: var(--ops-font-body);
  font-size: 0.86rem;
  color: var(--platform-ink-secondary);
  margin-top: 0.3rem;
}
.label-print-actions {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.avery-5160-sheet {
  width: 8.5in;
  margin: 0 auto;
  padding: 0.5in 0.1875in;
  display: grid;
  grid-template-columns: repeat(3, 2.625in);
  grid-template-rows: repeat(10, 1in);
  column-gap: 0.125in;
  row-gap: 0;
  box-sizing: border-box;
}
.avery-5160-label {
  width: 2.625in;
  height: 1in;
  display: flex;
  align-items: center;
  gap: 0.15in;
  padding: 0.05in 0.1in;
  box-sizing: border-box;
  overflow: hidden;
}
.avery-label-qr {
  flex-shrink: 0;
  width: 0.8in;
  height: 0.8in;
}
.avery-label-qr svg {
  width: 100%;
  height: 100%;
}
.avery-label-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.avery-label-brand {
  font-family: var(--ops-font-display);
  font-size: 9pt;
  font-weight: 800;
  line-height: 1.2;
  color: #000;
}
.avery-label-action {
  font-family: var(--ops-font-body);
  font-size: 7pt;
  font-weight: 650;
  line-height: 1.2;
  color: #000;
}
.avery-label-id {
  font-family: var(--ops-font-mono);
  font-size: 6pt;
  font-weight: 600;
  color: #555;
  line-height: 1.2;
}
@media print {
  .platform-shell.is-printing-labels .no-print, .platform-shell.is-printing-labels .platform-sidebar, .platform-shell.is-printing-labels .platform-topbar, .platform-shell.is-printing-labels .platform-content > *:not(.label-print-overlay) {
    display: none !important;
  }
  .platform-shell.is-printing-labels::before {
    display: none !important;
  }
  .platform-shell.is-printing-labels {
    display: block;
    min-height: auto;
    background: #fff !important;
    color: #000 !important;
    isolation: auto;
  }
  .platform-shell.is-printing-labels .platform-main, .platform-shell.is-printing-labels .platform-content {
    display: block;
    min-height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    background: #fff !important;
  }
  .label-print-overlay {
    position: static;
    width: 100%;
    background: #fff;
  }
  .label-print-controls {
    display: none !important;
  }
  .avery-5160-sheet {
    margin: 0;
    padding: 0.5in 0.1875in;
    width: 8.5in;
    height: 11in;
  }
  .avery-page-break {
    page-break-before: always;
  }
  .avery-label-brand, .avery-label-action {
    color: #000 !important;
  }
  .avery-label-id {
    color: #555 !important;
  }
  @page {
    size: letter;
    margin: 0;
  }
}
.platform-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--platform-border);
}
.platform-pagination-btn {
  font-family: var(--ops-font-mono);
  font-size: 0.78rem;
  font-weight: 500;
  min-width: 2.2rem;
  padding: 0.35rem 0.6rem;
  border: 1px solid var(--platform-border);
  border-radius: var(--platform-radius-xs);
  background: var(--platform-bg-elevated);
  color: var(--platform-ink-secondary);
  cursor: pointer;
  transition: background 200ms ease, color 200ms ease;
}
.platform-pagination-btn:hover:not(:disabled) {
  background: var(--platform-bg);
  color: var(--platform-ink);
}
.platform-pagination-btn.is-active {
  background: var(--platform-honey);
  color: var(--platform-night);
  border-color: var(--platform-honey);
  font-weight: 600;
}
.platform-pagination-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.platform-pagination-gap {
  font-size: 0.78rem;
  color: var(--platform-ink-secondary);
  padding: 0 0.2rem;
}
.platform-sign-out-form {
  display: inline-flex;
}
.platform-form-label {
  display: block;
  font-family: var(--ops-font-display);
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--platform-ink-secondary);
  margin-bottom: 0.35rem;
}
.platform-form-input {
  display: block;
  width: 100%;
  height: 40px;
  min-height: 44px;
  padding: 0 0.85rem;
  border-radius: var(--platform-radius-sm);
  border: 1px solid var(--platform-border-hover);
  background: var(--platform-bg-elevated);
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
  font-size: 0.92rem;
  font-weight: 400;
  transition: border-color 200ms ease, box-shadow 200ms ease;
}
.platform-form-input::placeholder {
  color: var(--platform-ink-secondary);
}
.platform-form-input:focus-visible {
  outline: none;
  border-color: var(--platform-twilight);
  box-shadow: 0 0 0 2px var(--platform-signal);
}
.platform-member-form {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-bottom: 0.85rem;
}
.platform-label-org, .platform-label-device, .platform-label-time {
  font-family: var(--ops-font-display);
  font-size: 0.82rem;
  color: var(--platform-ink-secondary);
}
.platform-label-device {
  font-family: var(--ops-font-mono);
  font-size: 0.78rem;
  color: var(--platform-ink);
}
.platform-label-time {
  font-size: 0.78rem;
  color: var(--platform-ink-secondary);
}
.platform-org-dropdown-name {
  font-weight: 600;
  letter-spacing: -0.005em;
  color: var(--platform-ink-on-dark);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.platform-topbar-trailing {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}
.platform-role-chip {
  display: inline-flex;
  align-items: center;
  font-family: var(--ops-font-display, var(--dreambeam-font-display));
  font-weight: 600;
  letter-spacing: 0.02em;
  border-radius: var(--dreambeam-radius-pill);
  white-space: nowrap;
  text-transform: none;
  border: 1px solid transparent;
}
.platform-role-chip-sm {
  font-size: 0.72rem;
  padding: 0.2rem 0.65rem;
}
.platform-role-chip-md {
  font-size: 0.85rem;
  padding: 0.3rem 0.85rem;
}
.platform-role-chip[data-tier="primary"] {
  background: var(--db-role-primary-bg);
  color: var(--db-role-primary-fg);
  box-shadow: 0 1px 2px rgba(27, 33, 72, 0.10), 0 4px 12px rgba(244, 184, 96, 0.24);
}
.platform-role-chip[data-tier="workspace"] {
  background: var(--db-role-workspace-bg);
  color: var(--db-role-workspace-fg);
  border-color: var(--db-hairline-color);
}
.platform-role-chip[data-tier="muted"] {
  background: var(--db-role-muted-bg);
  color: var(--db-role-muted-fg);
}
.platform-scope-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.65rem clamp(1rem, 3vw, 2rem);
  border-bottom: var(--db-hairline);
  font-family: var(--ops-font-display, var(--dreambeam-font-display));
  font-size: 0.9rem;
}
.platform-scope-banner[data-kind="elevated_admin"], .platform-scope-banner[data-kind="viewing_workspace_as_admin"] {
  background: var(--db-scope-banner-elevated-bg);
  color: var(--db-scope-banner-elevated-fg);
}
.platform-scope-banner[data-kind="read_only"] {
  background: var(--db-scope-banner-readonly-bg);
  color: var(--db-scope-banner-readonly-fg);
}
.platform-scope-banner-message {
  margin: 0;
  font-weight: 500;
}
.platform-scope-banner-action {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: 0.85rem;
  padding: 0.3rem 0.85rem;
  border-radius: var(--dreambeam-radius-pill);
  background: rgba(27, 33, 72, 0.12);
  color: inherit;
  border: 1px solid rgba(27, 33, 72, 0.20);
  text-decoration: none;
  cursor: pointer;
  transition: background 200ms ease;
}
.platform-scope-banner-action:hover {
  background: rgba(27, 33, 72, 0.18);
}
.platform-overview {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.platform-overview-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1px;
  border-radius: var(--platform-radius);
  border: 1px solid var(--platform-border);
  background: var(--platform-border);
  overflow: hidden;
}
.platform-overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 1.25rem;
}
@media (max-width: 960px) {
  .platform-overview-grid {
    grid-template-columns: 1fr;
  }
}
.platform-overview-section-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.platform-overview-section-title {
  font-family: var(--ops-font-display, var(--dreambeam-font-display));
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin: 0;
  color: var(--db-text);
}
.platform-overview-empty-line {
  margin: 0;
  padding: 0.75rem 0;
  color: var(--db-text-muted);
  font-size: 0.9rem;
  font-style: italic;
}
.platform-overview-quick-actions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: var(--db-hairline);
}
.platform-overview-quick-actions .platform-btn {
  width: 100%;
  justify-content: flex-start;
}
.platform-kpi-card {
  display: block;
  padding: 1.1rem 1.35rem;
  background: var(--platform-bg-elevated);
  text-decoration: none;
  color: inherit;
  transition: background 200ms ease;
}
.platform-kpi-card-link:hover {
  background: var(--platform-bg);
}
.platform-kpi-card-dl {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.platform-kpi-label {
  font-family: var(--ops-font-display, var(--dreambeam-font-display));
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--db-text-muted);
  margin: 0;
}
.platform-kpi-value {
  font-family: var(--ops-font-display, var(--dreambeam-font-display));
  font-size: clamp(1.6rem, 2.5vw, 2.1rem);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: var(--db-text);
  font-variant-numeric: tabular-nums;
  margin: 0;
}
.platform-kpi-hint {
  font-size: 0.78rem;
  color: var(--db-text-muted);
  margin: 0;
}
.platform-overview-queue {
  background: var(--platform-bg-elevated);
  border: 1px solid var(--platform-border);
  border-radius: var(--platform-radius);
  padding: 1.25rem 1.5rem;
}
.platform-queue-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.platform-queue-list > li {
  border-bottom: var(--db-hairline);
}
.platform-queue-list > li:last-child {
  border-bottom: none;
}
.platform-queue-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 0;
  text-decoration: none;
  color: inherit;
  transition: background 200ms ease;
}
.platform-queue-row:hover {
  background: var(--db-surface);
}
.platform-queue-row-icon {
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border-radius: var(--dreambeam-radius-sm);
  background: var(--db-status-info-bg);
  color: var(--db-status-info);
}
.platform-queue-row[data-urgency="warning"] .platform-queue-row-icon {
  background: var(--db-status-warning-bg);
  color: var(--db-status-warning);
}
.platform-queue-row[data-urgency="error"] .platform-queue-row-icon {
  background: var(--db-status-error-bg);
  color: var(--db-status-error);
}
.platform-queue-row-text {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}
.platform-queue-row-label {
  font-family: var(--ops-font-display, var(--dreambeam-font-display));
  font-size: 0.92rem;
  font-weight: 500;
  color: var(--db-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.platform-queue-row-hint {
  font-size: 0.78rem;
  color: var(--db-text-muted);
}
.platform-queue-row-count {
  font-family: var(--ops-font-display, var(--dreambeam-font-display));
  font-size: 0.92rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  padding: 0.15rem 0.6rem;
  border-radius: var(--dreambeam-radius-pill);
  background: var(--db-status-info-bg);
  color: var(--db-status-info);
  min-width: 1.75rem;
  text-align: center;
}
.platform-queue-row[data-urgency="warning"] .platform-queue-row-count {
  background: var(--db-status-warning-bg);
  color: var(--db-status-warning);
}
.platform-queue-row[data-urgency="error"] .platform-queue-row-count {
  background: var(--db-status-error-bg);
  color: var(--db-status-error);
}
.platform-queue-row-count[data-zero="true"] {
  background: transparent;
  color: var(--db-text-muted);
  border: 1px solid var(--db-hairline-color);
}
.platform-queue-row-chevron {
  color: var(--db-text-muted);
}
.platform-overview-aside {
  background: var(--platform-bg-elevated);
  border: 1px solid var(--platform-border);
  border-radius: var(--platform-radius);
  padding: 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
}
.platform-activity-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-height: 480px;
  overflow-y: auto;
}
.platform-activity-item {
  padding-bottom: 0.65rem;
  border-bottom: var(--db-hairline);
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.platform-activity-item:last-child {
  border-bottom: none;
}
.platform-activity-item-line {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.45;
  color: var(--db-text);
}
.platform-activity-actor {
  font-weight: 600;
  margin-right: 0.25rem;
}
.platform-activity-action {
  color: var(--db-text-muted);
  margin-right: 0.25rem;
}
.platform-activity-subject {
  font-weight: 500;
  color: var(--db-text);
}
.platform-activity-subject-link {
  text-decoration: none;
  color: var(--db-link);
}
.platform-activity-subject-link:hover {
  color: var(--db-link-hover);
  text-decoration: underline;
}
.platform-activity-time {
  font-size: 0.72rem;
  color: var(--db-text-muted);
  font-variant-numeric: tabular-nums;
}
.platform-empty-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.75rem;
  padding: clamp(2rem, 6vw, 3.5rem) clamp(1rem, 4vw, 2rem);
  background: var(--platform-bg-elevated);
  border: 1px solid var(--platform-border);
  border-radius: var(--platform-radius);
  max-width: 640px;
  margin: 1rem auto;
}
.platform-empty-hero-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: var(--dreambeam-radius-pill);
  background: var(--db-role-primary-bg);
  color: var(--db-role-primary-fg);
}
.platform-empty-hero-headline {
  font-family: var(--ops-font-display, var(--dreambeam-font-display));
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  margin: 0;
  color: var(--db-text);
}
.platform-empty-hero-copy {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--db-text-muted);
  max-width: 52ch;
}
.platform-empty-hero-actions {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1rem;
}
.platform-overview-awaiting-tip {
  text-align: center;
  font-style: normal;
}
.platform-overview-awaiting-tip code {
  background: var(--db-surface);
  border: 1px solid var(--db-hairline-color);
  padding: 0.1rem 0.4rem;
  border-radius: var(--dreambeam-radius-xs);
  font-family: var(--dreambeam-font-mono);
  font-size: 0.85em;
}
.platform-queue-row:focus-visible, .platform-kpi-card-link:focus-visible, .platform-activity-subject-link:focus-visible, .platform-scope-banner-action:focus-visible {
  outline: 2px solid var(--db-focus-ring);
  outline-offset: 2px;
  border-radius: var(--platform-radius);
}
.platform-admin-standalone {
  min-height: 100vh;
  background: var(--platform-bg-deep);
  color: var(--platform-ink);
  font-family: var(--ops-font-display);
}
.platform-admin-standalone-inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 2.5rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.platform-admin-standalone-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.platform-admin-standalone-title {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--platform-ink);
  margin-top: 0.2rem;
  letter-spacing: -0.02em;
}
.platform-admin-standalone-nav {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.platform-billing-input-group {
  display: flex;
  align-items: center;
  border: 1px solid var(--platform-border);
  border-radius: var(--platform-radius-sm);
  overflow: hidden;
  background: var(--platform-bg-elevated);
}
.platform-billing-input-prefix {
  padding: 0 0.6rem;
  color: var(--platform-ink-secondary);
  font-family: var(--ops-font-display);
  font-size: 0.9rem;
  font-weight: 600;
  border-right: 1px solid var(--platform-border);
  background: var(--platform-bg);
  height: 100%;
  display: flex;
  align-items: center;
  align-self: stretch;
  line-height: 1;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
}
.platform-billing-input-prefixed {
  border: none !important;
  border-radius: 0 !important;
  flex: 1;
}
@layer base {
  :root:has( .modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not([class*="drawer-open"]) > .drawer-toggle:checked ) {
    overflow: hidden;
  }
}
@layer base {
  :root, [data-theme] {
    background-color: var(--root-bg, var(--color-base-100));
    color: var(--color-base-content);
  }
}
@layer base {
  :root {
    scrollbar-color: currentColor #0000;
    @supports (color: color-mix(in lab, red, red)) {
      scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
    }
  }
}
@layer base {
  @property --radialprogress {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 0%;
  }
}
@layer base {
  :where( :root:has( .modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not(.drawer-open) > .drawer-toggle:checked ) ) {
    scrollbar-gutter: stable;
    background-image: linear-gradient(var(--color-base-100), var(--color-base-100));
    --root-bg: var(--color-base-100);
    @supports (color: color-mix(in lab, red, red)) {
      --root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%);
    }
  }
  :where(.modal[open], .modal-open, .modal-toggle:checked + .modal):not(.modal-start, .modal-end) {
    scrollbar-gutter: stable;
  }
}
@layer base {
  :root {
    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
  }
  .chat {
    --mask-chat: url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");
  }
}
@keyframes dropdown {
  0% {
    opacity: 0;
  }
}
@keyframes progress {
  50% {
    background-position-x: -115%;
  }
}
@keyframes toast {
  0% {
    scale: 0.9;
    opacity: 0;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}
@keyframes rating {
  0%, 40% {
    scale: 1.1;
    filter: brightness(1.05) contrast(1.05);
  }
}
@keyframes radio {
  0% {
    padding: 5px;
  }
  50% {
    padding: 3px;
  }
}
@keyframes skeleton {
  0% {
    background-position: 150%;
  }
  100% {
    background-position: -50%;
  }
}
@layer base {
  @media (prefers-color-scheme: dark) {
    :root {
      color-scheme: dark;
      --color-base-100: oklch(22% 0.012 60);
      --color-base-200: oklch(18% 0.010 60);
      --color-base-300: oklch(14% 0.008 60);
      --color-base-content: oklch(94% 0.008 75);
      --color-primary: oklch(68% 0.14 45);
      --color-primary-content: oklch(18% 0.01 60);
      --color-secondary: oklch(55% 0.04 70);
      --color-secondary-content: oklch(96% 0.008 75);
      --color-accent: oklch(68% 0.09 145);
      --color-accent-content: oklch(16% 0.012 60);
      --color-neutral: oklch(35% 0.015 65);
      --color-neutral-content: oklch(96% 0.008 75);
      --color-info: oklch(65% 0.08 220);
      --color-info-content: oklch(16% 0.012 60);
      --color-success: oklch(68% 0.12 150);
      --color-success-content: oklch(16% 0.012 60);
      --color-warning: oklch(74% 0.13 70);
      --color-warning-content: oklch(16% 0.012 60);
      --color-error: oklch(62% 0.17 25);
      --color-error-content: oklch(98% 0.008 75);
      --radius-selector: 0.5rem;
      --radius-field: 0.625rem;
      --radius-box: 0.875rem;
      --size-selector: 0.21875rem;
      --size-field: 0.21875rem;
      --border: 1.5px;
      --depth: 1;
      --noise: 0;
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=dark]:checked),[data-theme="dark"] {
    color-scheme: dark;
    --color-base-100: oklch(22% 0.012 60);
    --color-base-200: oklch(18% 0.010 60);
    --color-base-300: oklch(14% 0.008 60);
    --color-base-content: oklch(94% 0.008 75);
    --color-primary: oklch(68% 0.14 45);
    --color-primary-content: oklch(18% 0.01 60);
    --color-secondary: oklch(55% 0.04 70);
    --color-secondary-content: oklch(96% 0.008 75);
    --color-accent: oklch(68% 0.09 145);
    --color-accent-content: oklch(16% 0.012 60);
    --color-neutral: oklch(35% 0.015 65);
    --color-neutral-content: oklch(96% 0.008 75);
    --color-info: oklch(65% 0.08 220);
    --color-info-content: oklch(16% 0.012 60);
    --color-success: oklch(68% 0.12 150);
    --color-success-content: oklch(16% 0.012 60);
    --color-warning: oklch(74% 0.13 70);
    --color-warning-content: oklch(16% 0.012 60);
    --color-error: oklch(62% 0.17 25);
    --color-error-content: oklch(98% 0.008 75);
    --radius-selector: 0.5rem;
    --radius-field: 0.625rem;
    --radius-box: 0.875rem;
    --size-selector: 0.21875rem;
    --size-field: 0.21875rem;
    --border: 1.5px;
    --depth: 1;
    --noise: 0;
  }
}
@layer base {
  :where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme="light"] {
    color-scheme: light;
    --color-base-100: oklch(98% 0.006 80);
    --color-base-200: oklch(95% 0.010 80);
    --color-base-300: oklch(90% 0.014 78);
    --color-base-content: oklch(22% 0.015 60);
    --color-primary: oklch(60% 0.13 40);
    --color-primary-content: oklch(98% 0.006 80);
    --color-secondary: oklch(50% 0.03 70);
    --color-secondary-content: oklch(98% 0.006 80);
    --color-accent: oklch(58% 0.10 145);
    --color-accent-content: oklch(98% 0.006 80);
    --color-neutral: oklch(40% 0.015 70);
    --color-neutral-content: oklch(98% 0.006 80);
    --color-info: oklch(58% 0.08 220);
    --color-info-content: oklch(98% 0.006 80);
    --color-success: oklch(62% 0.11 150);
    --color-success-content: oklch(98% 0.006 80);
    --color-warning: oklch(70% 0.14 70);
    --color-warning-content: oklch(22% 0.015 60);
    --color-error: oklch(55% 0.18 25);
    --color-error-content: oklch(98% 0.006 80);
    --radius-selector: 0.5rem;
    --radius-field: 0.625rem;
    --radius-box: 0.875rem;
    --size-selector: 0.21875rem;
    --size-field: 0.21875rem;
    --border: 1.5px;
    --depth: 1;
    --noise: 0;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}