/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --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-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-amber-950: oklch(27.9% 0.077 45.635);
    --color-yellow-50: oklch(98.7% 0.026 102.212);
    --color-yellow-600: oklch(68.1% 0.162 75.834);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-emerald-900: oklch(37.8% 0.077 168.94);
    --color-teal-50: oklch(98.4% 0.014 180.72);
    --color-teal-100: oklch(95.3% 0.051 180.801);
    --color-teal-200: oklch(91% 0.096 180.426);
    --color-teal-600: oklch(60% 0.118 184.704);
    --color-teal-700: oklch(51.1% 0.096 186.391);
    --color-teal-800: oklch(43.7% 0.078 188.216);
    --color-cyan-50: oklch(98.4% 0.019 200.873);
    --color-cyan-700: oklch(52% 0.105 223.128);
    --color-sky-50: oklch(97.7% 0.013 236.62);
    --color-sky-700: oklch(50% 0.134 242.749);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-indigo-50: oklch(96.2% 0.018 272.314);
    --color-indigo-700: oklch(45.7% 0.24 277.023);
    --color-violet-50: oklch(96.9% 0.016 293.756);
    --color-violet-700: oklch(49.1% 0.27 292.581);
    --color-purple-50: oklch(97.7% 0.014 308.299);
    --color-purple-100: oklch(94.6% 0.033 307.174);
    --color-purple-200: oklch(90.2% 0.063 306.703);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-purple-700: oklch(49.6% 0.265 301.924);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --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);
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --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 {
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-full {
    top: 100%;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-8 {
    right: calc(var(--spacing) * 8);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .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-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-36 {
    height: calc(var(--spacing) * 36);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-full {
    height: 100%;
  }
  .max-h-28 {
    max-height: calc(var(--spacing) * 28);
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }
  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }
  .min-h-36 {
    min-height: calc(var(--spacing) * 36);
  }
  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }
  .min-h-\[2px\] {
    min-height: 2px;
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-52 {
    width: calc(var(--spacing) * 52);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-\[220px\] {
    max-width: 220px;
  }
  .max-w-\[240px\] {
    max-width: 240px;
  }
  .max-w-\[260px\] {
    max-width: 260px;
  }
  .max-w-\[460px\] {
    max-width: 460px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-72 {
    min-width: calc(var(--spacing) * 72);
  }
  .min-w-\[280px\] {
    min-width: 280px;
  }
  .min-w-\[448px\] {
    min-width: 448px;
  }
  .min-w-\[1080px\] {
    min-width: 1080px;
  }
  .min-w-full {
    min-width: 100%;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize-none {
    resize: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-\[1fr_110px_auto\] {
    grid-template-columns: 1fr 110px auto;
  }
  .grid-cols-\[44px_1\.2fr_1\.7fr_130px_170px_140px\] {
    grid-template-columns: 44px 1.2fr 1.7fr 130px 170px 140px;
  }
  .grid-cols-\[44px_1\.5fr_1fr_100px_100px_110px_190px\] {
    grid-template-columns: 44px 1.5fr 1fr 100px 100px 110px 190px;
  }
  .grid-cols-\[44px_1\.6fr_110px_90px_100px_140px_1fr_90px_160px\] {
    grid-template-columns: 44px 1.6fr 110px 90px 100px 140px 1fr 90px 160px;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) auto;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .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-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * 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-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-slate-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-slate-100);
    }
  }
  .self-center {
    align-self: center;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-amber-100 {
    border-color: var(--color-amber-100);
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-blue-200 {
    border-color: var(--color-blue-200);
  }
  .border-emerald-100 {
    border-color: var(--color-emerald-100);
  }
  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-green-200 {
    border-color: var(--color-green-200);
  }
  .border-purple-200 {
    border-color: var(--color-purple-200);
  }
  .border-red-100 {
    border-color: var(--color-red-100);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-slate-100 {
    border-color: var(--color-slate-100);
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-slate-300 {
    border-color: var(--color-slate-300);
  }
  .border-slate-900 {
    border-color: var(--color-slate-900);
  }
  .border-teal-200 {
    border-color: var(--color-teal-200);
  }
  .border-t-slate-600 {
    border-top-color: var(--color-slate-600);
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }
  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }
  .bg-amber-600 {
    background-color: var(--color-amber-600);
  }
  .bg-black\/40 {
    background-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-cyan-50 {
    background-color: var(--color-cyan-50);
  }
  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }
  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }
  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }
  .bg-emerald-700 {
    background-color: var(--color-emerald-700);
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-indigo-50 {
    background-color: var(--color-indigo-50);
  }
  .bg-purple-50 {
    background-color: var(--color-purple-50);
  }
  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-400 {
    background-color: var(--color-red-400);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-900 {
    background-color: var(--color-slate-900);
  }
  .bg-slate-900\/35 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 35%, transparent);
    }
  }
  .bg-slate-900\/40 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 40%, transparent);
    }
  }
  .bg-slate-950\/45 {
    background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 45%, transparent);
    }
  }
  .bg-teal-50 {
    background-color: var(--color-teal-50);
  }
  .bg-teal-50\/50 {
    background-color: color-mix(in srgb, oklch(98.4% 0.014 180.72) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-teal-50) 50%, transparent);
    }
  }
  .bg-teal-700 {
    background-color: var(--color-teal-700);
  }
  .bg-violet-50 {
    background-color: var(--color-violet-50);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/70 {
    background-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .object-cover {
    object-fit: cover;
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .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-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-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-amber-700 {
    color: var(--color-amber-700);
  }
  .text-amber-800 {
    color: var(--color-amber-800);
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-amber-950 {
    color: var(--color-amber-950);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-cyan-700 {
    color: var(--color-cyan-700);
  }
  .text-emerald-700 {
    color: var(--color-emerald-700);
  }
  .text-emerald-800 {
    color: var(--color-emerald-800);
  }
  .text-emerald-900 {
    color: var(--color-emerald-900);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-green-700 {
    color: var(--color-green-700);
  }
  .text-indigo-700 {
    color: var(--color-indigo-700);
  }
  .text-purple-700 {
    color: var(--color-purple-700);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-red-900 {
    color: var(--color-red-900);
  }
  .text-sky-700 {
    color: var(--color-sky-700);
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-800 {
    color: var(--color-slate-800);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-teal-700 {
    color: var(--color-teal-700);
  }
  .text-violet-700 {
    color: var(--color-violet-700);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/65 {
    color: color-mix(in srgb, #fff 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }
  .text-yellow-600 {
    color: var(--color-yellow-600);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .accent-red-600 {
    accent-color: var(--color-red-600);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .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);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .hover\:border-teal-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-600);
      }
    }
  }
  .hover\:bg-amber-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-50);
      }
    }
  }
  .hover\:bg-amber-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-100);
      }
    }
  }
  .hover\:bg-amber-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-700);
      }
    }
  }
  .hover\:bg-blue-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-50);
      }
    }
  }
  .hover\:bg-blue-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-100);
      }
    }
  }
  .hover\:bg-emerald-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-100);
      }
    }
  }
  .hover\:bg-emerald-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-800);
      }
    }
  }
  .hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .hover\:bg-green-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-50);
      }
    }
  }
  .hover\:bg-purple-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-100);
      }
    }
  }
  .hover\:bg-red-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-50);
      }
    }
  }
  .hover\:bg-red-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-100);
      }
    }
  }
  .hover\:bg-red-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-700);
      }
    }
  }
  .hover\:bg-slate-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50);
      }
    }
  }
  .hover\:bg-slate-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-100);
      }
    }
  }
  .hover\:bg-slate-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-200);
      }
    }
  }
  .hover\:bg-teal-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-100);
      }
    }
  }
  .hover\:bg-teal-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-800);
      }
    }
  }
  .hover\:bg-yellow-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-50);
      }
    }
  }
  .hover\:text-blue-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-700);
      }
    }
  }
  .hover\:text-slate-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-600);
      }
    }
  }
  .hover\:text-slate-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-900);
      }
    }
  }
  .hover\:text-teal-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-700);
      }
    }
  }
  .focus\:border-red-500 {
    &:focus {
      border-color: var(--color-red-500);
    }
  }
  .focus\:border-slate-500 {
    &:focus {
      border-color: var(--color-slate-500);
    }
  }
  .focus\:border-teal-600 {
    &:focus {
      border-color: var(--color-teal-600);
    }
  }
  .disabled\:bg-slate-100 {
    &:disabled {
      background-color: var(--color-slate-100);
    }
  }
  .disabled\:opacity-30 {
    &:disabled {
      opacity: 30%;
    }
  }
  .disabled\:opacity-40 {
    &:disabled {
      opacity: 40%;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-4 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:w-96 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-5 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:items-start {
    @media (width >= 48rem) {
      align-items: flex-start;
    }
  }
  .md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[1fr_1fr_1fr_auto\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 1fr 1fr auto;
    }
  }
  .lg\:grid-cols-\[1fr_120px_160px\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 120px 160px;
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:items-end {
    @media (width >= 64rem) {
      align-items: flex-end;
    }
  }
  .lg\:items-start {
    @media (width >= 64rem) {
      align-items: flex-start;
    }
  }
  .lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .xl\:col-span-2 {
    @media (width >= 80rem) {
      grid-column: span 2 / span 2;
    }
  }
  .xl\:col-start-2 {
    @media (width >= 80rem) {
      grid-column-start: 2;
    }
  }
  .xl\:grid-cols-2 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-6 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-\[1\.3fr_110px_1fr_110px_150px\] {
    @media (width >= 80rem) {
      grid-template-columns: 1.3fr 110px 1fr 110px 150px;
    }
  }
  .xl\:grid-cols-\[180px_1fr_1fr_110px_180px\] {
    @media (width >= 80rem) {
      grid-template-columns: 180px 1fr 1fr 110px 180px;
    }
  }
  .xl\:grid-cols-\[320px_1fr\] {
    @media (width >= 80rem) {
      grid-template-columns: 320px 1fr;
    }
  }
  .xl\:grid-cols-\[minmax\(0\,1fr\)_420px\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,1fr) 420px;
    }
  }
  .xl\:flex-row {
    @media (width >= 80rem) {
      flex-direction: row;
    }
  }
  .xl\:items-center {
    @media (width >= 80rem) {
      align-items: center;
    }
  }
  .xl\:items-end {
    @media (width >= 80rem) {
      align-items: flex-end;
    }
  }
  .xl\:justify-between {
    @media (width >= 80rem) {
      justify-content: space-between;
    }
  }
  .dark\:border-amber-500\/25 {
    @media (prefers-color-scheme: dark) {
      border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent);
      }
    }
  }
  .dark\:border-blue-500\/25 {
    @media (prefers-color-scheme: dark) {
      border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-blue-500) 25%, transparent);
      }
    }
  }
  .dark\:border-emerald-500\/25 {
    @media (prefers-color-scheme: dark) {
      border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
      }
    }
  }
  .dark\:border-purple-500\/25 {
    @media (prefers-color-scheme: dark) {
      border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-purple-500) 25%, transparent);
      }
    }
  }
  .dark\:border-red-500\/25 {
    @media (prefers-color-scheme: dark) {
      border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-red-500) 25%, transparent);
      }
    }
  }
  .dark\:border-white\/15 {
    @media (prefers-color-scheme: dark) {
      border-color: color-mix(in srgb, #fff 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
  }
  .dark\:bg-amber-500\/10 {
    @media (prefers-color-scheme: dark) {
      background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-amber-500\/15 {
    @media (prefers-color-scheme: dark) {
      background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
      }
    }
  }
  .dark\:bg-blue-500\/10 {
    @media (prefers-color-scheme: dark) {
      background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-blue-500\/15 {
    @media (prefers-color-scheme: dark) {
      background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent);
      }
    }
  }
  .dark\:bg-emerald-500\/10 {
    @media (prefers-color-scheme: dark) {
      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-emerald-500\/15 {
    @media (prefers-color-scheme: dark) {
      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
      }
    }
  }
  .dark\:bg-purple-500\/10 {
    @media (prefers-color-scheme: dark) {
      background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-purple-500\/15 {
    @media (prefers-color-scheme: dark) {
      background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-purple-500) 15%, transparent);
      }
    }
  }
  .dark\:bg-red-500\/10 {
    @media (prefers-color-scheme: dark) {
      background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-red-500\/15 {
    @media (prefers-color-scheme: dark) {
      background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
      }
    }
  }
  .dark\:bg-slate-950 {
    @media (prefers-color-scheme: dark) {
      background-color: var(--color-slate-950);
    }
  }
  .dark\:bg-white\/5 {
    @media (prefers-color-scheme: dark) {
      background-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }
  .dark\:bg-white\/10 {
    @media (prefers-color-scheme: dark) {
      background-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .dark\:text-amber-200 {
    @media (prefers-color-scheme: dark) {
      color: var(--color-amber-200);
    }
  }
  .dark\:text-blue-200 {
    @media (prefers-color-scheme: dark) {
      color: var(--color-blue-200);
    }
  }
  .dark\:text-emerald-200 {
    @media (prefers-color-scheme: dark) {
      color: var(--color-emerald-200);
    }
  }
  .dark\:text-purple-200 {
    @media (prefers-color-scheme: dark) {
      color: var(--color-purple-200);
    }
  }
  .dark\:text-red-200 {
    @media (prefers-color-scheme: dark) {
      color: var(--color-red-200);
    }
  }
  .dark\:text-red-300 {
    @media (prefers-color-scheme: dark) {
      color: var(--color-red-300);
    }
  }
  .dark\:text-slate-100 {
    @media (prefers-color-scheme: dark) {
      color: var(--color-slate-100);
    }
  }
  .dark\:text-slate-200 {
    @media (prefers-color-scheme: dark) {
      color: var(--color-slate-200);
    }
  }
  .dark\:text-slate-300 {
    @media (prefers-color-scheme: dark) {
      color: var(--color-slate-300);
    }
  }
  .dark\:placeholder\:text-slate-500 {
    @media (prefers-color-scheme: dark) {
      &::placeholder {
        color: var(--color-slate-500);
      }
    }
  }
  .dark\:hover\:bg-red-500\/10 {
    @media (prefers-color-scheme: dark) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-white\/10 {
    @media (prefers-color-scheme: dark) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #fff 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:text-white {
    @media (prefers-color-scheme: dark) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
}
@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-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 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;
}
@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-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}

/* Server administrator workspace. Loaded only by the existing AdminApp module. */
.admin-shell{--admin-accent:#087f83;--admin-ink:#18313f;--admin-muted:#70828e;--admin-line:#e0e8ed;--admin-canvas:#f5f8fa;font-family:"Segoe UI","Microsoft YaHei",sans-serif!important;color:var(--admin-ink)!important;background:var(--admin-canvas)!important;font-size:14px;line-height:1.55;letter-spacing:0}
.admin-shell *, .admin-shell *::before,.admin-shell *::after{box-sizing:border-box}
.admin-shell :where(.font-black,.font-bold){font-weight:600!important}
.admin-shell :where(h1,h2,h3){font-weight:650!important;letter-spacing:0!important;color:var(--admin-ink)}
.admin-shell h1{font-size:22px!important;line-height:1.35}
.admin-shell :where(h2,h3){line-height:1.45}
.admin-shell :where(p,label,button,th,td){overflow-wrap:anywhere}
.admin-shell :where(.text-slate-400,.text-gray-400){color:var(--admin-muted)!important}
.admin-shell :where(.rounded-2xl,.rounded-xl){border-radius:12px!important}
.admin-shell :where(.border-slate-100,.border-slate-200,.border-slate-300,.border-gray-200,.border-gray-300){border-color:var(--admin-line)!important}
.admin-shell :where(.shadow-sm,.shadow-md){box-shadow:none!important}
.admin-shell :where(.bg-slate-100,.bg-gray-50){background-color:var(--admin-canvas)!important}
.admin-shell :where(.bg-slate-50,.bg-gray-100){background-color:#f6f9fa!important}
.admin-shell .admin-page{min-width:0}
.admin-shell .admin-page[hidden]{display:none!important}
.admin-shell .admin-card{border:1px solid var(--admin-line)!important;background:white!important;border-radius:12px!important;box-shadow:0 2px 5px #213b4d03!important;min-width:0}
.admin-shell :where(.gap-6){gap:18px!important}
.admin-shell :where(.space-y-6)>:not([hidden])~:not([hidden]){margin-top:18px!important}
.admin-shell :where(.p-8){padding:24px!important}
.admin-shell :where(.p-6){padding:22px!important}
.admin-shell :where(.p-5){padding:20px!important}
.admin-shell :where(.p-4){padding:16px!important}
.admin-shell :where(input:not([type=checkbox]):not([type=radio]),select,textarea){font-family:inherit!important;font-size:13px!important;font-weight:400!important;min-width:0;max-width:100%;border-radius:8px!important;border-color:#dce5eb!important;background-color:#fff;box-shadow:none!important;line-height:1.5;color:var(--admin-ink)}
.admin-shell :where(input:not([type=checkbox]):not([type=radio]),select){min-height:38px}
.admin-shell textarea{padding:11px 12px!important;resize:vertical}
.admin-shell :where(input,textarea)::placeholder{color:#94a2ac!important;font-weight:400!important}
.admin-shell :where(input,textarea,select):focus{outline:2px solid #0c92951f!important;outline-offset:1px;border-color:#0b8b8d!important}
.admin-shell :where(input[type=checkbox],input[type=radio]){accent-color:var(--admin-accent);flex-shrink:0}
.admin-shell :where(label>.text-xs,label>span.text-xs){font-size:12px!important;font-weight:500!important;color:#637985!important}
.admin-shell button{font-family:inherit;font-weight:550!important;line-height:1.45;transition:background-color .15s,border-color .15s;flex-shrink:0;max-width:100%}
.admin-shell button.bg-slate-900,.admin-shell button.bg-gray-900,.admin-shell button.bg-teal-700{background:var(--admin-accent)!important;color:#fff!important}
.admin-shell button.bg-slate-900:hover,.admin-shell button.bg-gray-900:hover{background:#086b70!important}
.admin-shell button:focus-visible,.admin-shell a:focus-visible{outline:2px solid #0b8b8d!important;outline-offset:3px}
.admin-shell button:disabled{cursor:not-allowed}
.admin-shell .admin-table-scroll{max-width:100%;overflow-x:auto;scrollbar-width:thin}
.admin-shell table{font-size:12px!important;line-height:1.55;border-collapse:collapse;min-width:620px;width:100%}
.admin-shell th{background:#f7fafb!important;color:#70828e!important;text-align:left;font-size:11px!important;font-weight:550!important;padding:12px 16px!important;white-space:nowrap;border-bottom:1px solid var(--admin-line)}
.admin-shell td{padding:13px 16px!important;border-color:#edf1f4!important;vertical-align:middle}
.admin-shell tbody tr:hover{background:#f8fbfc}
.admin-shell :where(.font-mono){font-family:Consolas,"Microsoft YaHei",monospace!important;font-size:11px!important;overflow-wrap:anywhere}
.admin-shell :where(.text-xs){line-height:1.6!important}
.admin-shell :where(.rounded-full){font-weight:500!important}


.admin-shell .admin-dialog{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;min-width:0}
@container admin-workspace (max-width:1050px){.admin-page :where(.grid-cols-4,.xl\:grid-cols-4,.lg\:grid-cols-4,.md\:grid-cols-4){grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-page :where(.xl\:grid-cols-3,.lg\:grid-cols-3){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@container admin-workspace (max-width:720px){.admin-page :where(.grid:not(.admin-grid-row)){grid-template-columns:minmax(0,1fr)!important}.admin-page :where([class*="col-span"]){grid-column:auto!important}.admin-page :where(.w-72,.min-w-72,.w-80){min-width:0!important;width:100%!important}.admin-page :where(.flex.items-start.justify-between,.flex.items-center.justify-between){flex-wrap:wrap;row-gap:10px}}
@media(prefers-reduced-motion:reduce){.admin-shell *{transition:none!important;scroll-behavior:auto!important}}

.admin-shell .admin-grid-table{overflow-x:auto!important;max-width:100%;scrollbar-width:thin}.admin-shell .admin-grid-table>.admin-grid-row,.admin-shell .admin-grid-table>.divide-y{min-width:1060px}.admin-shell .admin-grid-row{padding:13px 16px!important;font-size:12px!important;align-items:center}.admin-shell .admin-grid-table>.admin-grid-row{font-size:11px!important;background:#f7fafb!important;color:#70828e!important}.admin-shell .admin-grid-row>*{min-width:0}.admin-shell .admin-page section.flex{flex-wrap:wrap;gap:10px}.admin-shell .admin-page section.flex>div.flex{min-width:0;max-width:100%}
.admin-shell .admin-page :where(.w-96,.min-w-96){max-width:100%!important;min-width:0!important}.admin-shell .admin-page :where(.flex-1){min-width:0}.admin-shell .admin-page .admin-grid-table{min-width:0!important}
.admin-shell .admin-switch-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.admin-shell .admin-switch-list>label{margin:0!important;padding:14px!important;align-items:center!important;gap:14px;min-height:88px}.admin-shell .admin-switch-list>label>div{min-width:0}.admin-shell .admin-switch-list>label p{font-size:11px!important;line-height:1.7!important;margin-top:5px!important}.admin-shell .admin-switch-list>label input{width:16px;height:16px}.admin-shell .admin-page>div>div:first-child:has(>h2)>h2{display:none}.admin-shell .admin-page>div>div:first-child:has(>h2)>p{margin-top:0!important;margin-bottom:16px!important;font-size:12px!important}@container admin-workspace (max-width:720px){.admin-shell .admin-switch-list{grid-template-columns:minmax(0,1fr)}}
.admin-shell .admin-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-shell .admin-policy-grid>*{margin:0!important}.admin-shell .admin-policy-grid>div,.admin-shell .admin-policy-grid>button{grid-column:1/-1}.admin-shell .admin-policy-grid>button{justify-self:start}.admin-shell .admin-policy-grid>label{padding:14px!important;align-items:center!important;gap:14px;min-height:88px}.admin-shell .admin-policy-grid>label>div{min-width:0}.admin-shell .admin-policy-grid>label p{font-size:11px!important;line-height:1.7!important}.admin-shell .admin-policy-grid>label input{width:16px;height:16px}@container admin-workspace (max-width:720px){.admin-shell .admin-policy-grid{grid-template-columns:minmax(0,1fr)}}
.admin-shell .fixed.inset-0>div{max-height:calc(100dvh - 32px)}.admin-shell .fixed.inset-0>.bg-white{overflow-y:auto}.admin-shell .fixed.inset-0>div.flex>div.grid{overflow:auto!important;min-width:0}

html,body,#admin-root{margin:0;min-height:100%;background:#f5f8fa}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default} [hidden]{display:none!important}
.station-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}.station-card{background:#fff;border:1px solid #e0e8ed;border-radius:12px;overflow:hidden;min-width:0}.station-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #e0e8ed}.station-card-heading h2{display:flex;align-items:center;gap:10px;margin:0;font-size:15px}.station-card-heading h2 svg{color:#087f83}.station-card-body{padding:20px}.station-card-body label{display:block;color:#70828e;font-size:13px;margin:0 0 18px}.station-card-body input{display:block;width:100%;border:1px solid #e0e8ed;border-radius:9px;padding:10px 12px;margin-top:8px;background:#fff}.station-card-body input[type=file]{background:#f8fbfc;font-size:12px;padding:15px 10px;border-style:dashed;min-height:70px;white-space:normal}.station-refresh{display:flex;align-items:center;gap:6px;font-size:12px;background:#fff;border:1px solid #e0e8ed;border-radius:8px;color:#415765;padding:8px 12px}.station-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.station-table th{background:#f8fbfc;color:#70828e;font-weight:500;padding:14px 18px}.station-table td{padding:18px;border-bottom:1px solid #e0e8ed;vertical-align:middle}.station-table th:nth-child(2){width:40%}.station-table code,.station-fingerprint code{word-break:break-all;font-family:Consolas,monospace;font-size:11px}.station-status{display:inline-flex;align-items:center;gap:4px;color:#8b9ba6;white-space:nowrap}.station-status.active{color:#087f83}.station-revoke{border:1px solid #f1dadd;border-radius:8px;background:#fff7f8;padding:8px 10px;color:#b84955;font-size:12px;white-space:nowrap}.station-empty{padding:40px;text-align:center;color:#8b9ba6;font-size:13px}.station-fingerprint{padding:12px;border-radius:8px;background:#f5f8fa}.station-fingerprint span{display:block;color:#70828e;font-size:12px;margin-bottom:6px}.factory-stations-native>.login-error,.factory-stations-native>.login-notice{margin-top:0}
@media(max-width:1100px){.station-workspace{grid-template-columns:280px minmax(0,1fr)}.station-table th,.station-table td{padding:12px}.station-table{min-width:480px}}@media(max-width:850px){.station-workspace{grid-template-columns:minmax(0,1fr)}.station-card-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.station-card-body .login-submit,.station-fingerprint{grid-column:1/-1}.station-card-body .login-submit{margin-top:0}}@media(max-width:480px){.station-card-body{display:block}.station-card-heading{padding:16px}.station-card-body{padding:16px}.station-card-body .login-submit{margin-top:20px}}
.independent-login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;background:radial-gradient(ellipse at 20% 0%,#e1f1f0,transparent 50%),#f5f8fa!important}
.login-card{width:min(100%,420px);padding:36px;border:1px solid #dce7eb;border-radius:20px;background:#fff;box-shadow:0 16px 50px #18313f0a}.login-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;color:#087f83;background:#e7f4f3;margin-bottom:22px}.login-eyebrow{font-size:11px;letter-spacing:2px;color:#70828e;font-weight:600}.login-card h1{margin:8px 0;font-size:26px!important}.login-subtitle{margin:0 0 28px;color:#70828e}.login-card label,.password-card label{display:block;font-size:13px;font-weight:600;margin:18px 0}.login-card input,.password-card input{width:100%;height:46px;border:1px solid #dce7eb;border-radius:9px;background:#fbfcfd;padding:10px 12px;margin-top:8px;outline:none}.login-card input:focus,.password-card input:focus{border-color:#087f83;box-shadow:0 0 0 3px #087f8312}.login-password{position:relative}.login-password input{padding-right:48px}.login-password button{position:absolute;right:8px;bottom:6px;width:34px;height:34px;display:grid;place-items:center;border:0;background:none;color:#70828e}.login-submit{display:flex;width:100%;align-items:center;justify-content:center;gap:12px;margin-top:25px;min-height:46px;border:0;border-radius:9px;background:#087f83;color:white;font-weight:600}.login-submit:disabled{opacity:.5}.login-error,.login-notice{padding:12px;border-radius:9px;font-size:13px;line-height:1.6;margin:16px 0}.login-error{background:#fff2f1;color:#ae423d}.login-notice{background:#eaf6f4;color:#087f83}.login-back{display:block;margin:16px auto 0;background:none;border:0;color:#70828e}.login-footer{font-size:12px;color:#8b9ba6;margin-top:24px}.admin-loading{min-height:100vh;display:grid;place-items:center}
.workspace-144{display:flex;min-height:100vh}.workspace-sidebar{width:224px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:#fff;border-right:1px solid #e0e8ed;z-index:40}.workspace-brand{display:flex;gap:12px;align-items:center;padding:24px 22px;border-bottom:1px solid #e0e8ed;color:#087f83}.workspace-brand strong{display:block;color:#18313f;font-size:17px}.workspace-brand span{display:block;color:#70828e;font-size:12px}.workspace-sidebar nav{padding:12px;overflow:auto;flex:1}.menu-group{margin-bottom:8px}.menu-level-one{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 12px;background:none;border:0;color:#788895;font-size:12px;font-weight:600}.menu-level-two{display:block;width:100%;padding:10px 14px 10px 28px;text-align:left;border:0;background:none;border-radius:8px;color:#415765;font-size:13px;margin:2px 0}.menu-level-two:hover{background:#f3f7f8}.menu-level-two.active{background:#e7f4f3;color:#087f83;font-weight:600;box-shadow:inset 3px 0 #087f83}.workspace-account{border-top:1px solid #e0e8ed;padding:16px}.workspace-account>span{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:12px}.workspace-account>div{display:flex;gap:12px}.workspace-account button{display:flex;align-items:center;gap:6px;background:none;border:0;padding:4px 0;font-size:12px;color:#70828e}.workspace-main{min-width:0;flex:1;margin-left:224px}.workspace-heading{padding:20px 28px;background:#fff;border-bottom:1px solid #e0e8ed;position:sticky;top:0;z-index:30}.workspace-breadcrumb{display:flex;align-items:center;gap:7px;font-size:12px;color:#70828e}.workspace-heading h1{margin:8px 0 0}.workspace-body{padding:24px;max-width:1600px;margin:auto}.station-frame{width:100%;height:calc(100vh - 168px);min-height:540px;border:0;background:#f5f8fa}.password-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#18313f66}.password-card{width:min(100%,420px);max-height:calc(100vh - 40px);overflow:auto;padding:28px;background:white;border-radius:16px}.password-heading{display:flex;justify-content:space-between;align-items:center}.password-heading h2{margin:0}.password-heading button{border:0;background:none;color:#70828e}.admin-toast{position:fixed;right:20px;bottom:20px;z-index:200;max-width:calc(100vw - 40px);background:white;border:1px solid #e0e8ed;padding:14px 18px;box-shadow:0 4px 24px #18313f20;border-radius:10px;display:flex;gap:12px}.admin-toast button{border:0;background:none}
@media(max-width:1000px){.workspace-sidebar{width:190px}.workspace-main{margin-left:190px}.workspace-heading{padding:18px 20px}.workspace-body{padding:18px}.workspace-brand{padding:20px 16px}}
@media(max-width:640px){.workspace-144{display:block}.workspace-sidebar{position:relative;width:100%;border-right:0}.workspace-brand{padding:14px 18px}.workspace-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:250px;padding:8px 12px}.menu-group{margin:0}.menu-level-one{padding:8px 10px}.menu-level-two{padding:8px 10px 8px 18px;font-size:12px}.workspace-account{padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace-account>span{margin:0;max-width:50%}.workspace-main{margin-left:0}.workspace-heading{position:relative;padding:16px 18px}.workspace-body{padding:14px}.station-frame{height:760px;min-height:0}.login-card{padding:28px}.password-card{padding:24px}}

/* Administrator interaction and compact page layouts; no consumer theme rules. */
.kit-entry-fields[hidden]{display:none!important}
.kit-entry-fields .kit-entry-notes{grid-column:span 2}.kit-entry-dialog>nav button,.kit-entry-dialog>footer button,.kit-generate{border-radius:8px}
.admin-shell button{transition:background-color .16s,border-color .16s,color .16s,transform .12s,box-shadow .16s}
.admin-shell button:active:not(:disabled){transform:translateY(1px);filter:brightness(.96)}
.menu-level-one svg{transition:transform .22s ease;transform:rotate(-90deg)}.menu-level-one.expanded svg{transform:rotate(0)}
.menu-children{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .22s ease,opacity .18s ease}.menu-children.expanded{grid-template-rows:1fr;opacity:1}.menu-children>div{overflow:hidden;min-height:0}
.admin-page:not([hidden]){animation:admin-page-enter .16s ease-out}.page-read-progress{position:absolute;right:28px;top:34px;display:flex;gap:8px;align-items:center;font-size:12px;color:#70828e}.page-read-progress>span{width:13px;height:13px;border:2px solid #dbe8eb;border-top-color:#087f83;border-radius:50%;animation:admin-spinner .8s linear infinite}
.page-placeholder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.page-placeholder>div{height:150px;border-radius:12px;background:linear-gradient(90deg,#eaf0f3,#f5f8fa,#eaf0f3);background-size:200%;animation:admin-skeleton 1.2s linear infinite}
@keyframes admin-page-enter{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes admin-spinner{to{transform:rotate(360deg)}}@keyframes admin-skeleton{to{background-position:-200%}}
.admin-shell .hardware-list-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.hardware-list-layout>div:has(.kit-entry-launch){grid-row:1}.hardware-list-layout>section{grid-row:2}.kit-entry-launch{display:flex;align-items:center;justify-content:space-between;gap:12px}.kit-entry-launch>span{font-size:15px;font-weight:600}.kit-entry-launch button{display:flex;gap:7px;align-items:center;padding:9px 14px;background:#087f83;color:white;border:0;border-radius:8px}.hardware-secondary-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;align-items:start}.customer-detail-layout{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:0;flex:1;gap:16px;overflow:hidden;padding:18px}
.kit-entry-overlay{position:fixed;inset:0;background:#18313f66;z-index:110;display:flex;align-items:center;justify-content:center;padding:24px;animation:admin-page-enter .15s ease-out}.kit-entry-dialog{background:#fff;border:1px solid #e0e8ed;border-radius:16px;width:min(860px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden}.kit-entry-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid #e0e8ed}.kit-entry-dialog h2{margin:0;font-size:18px}.kit-entry-dialog header p{font-size:12px;color:#70828e;margin:4px 0 0}.kit-entry-dialog header button{display:grid;place-items:center;border:0;background:none;color:#70828e;width:32px;height:32px}.kit-entry-dialog>nav{display:flex;gap:6px;padding:12px 24px;border-bottom:1px solid #e0e8ed;background:#fbfcfd}.kit-entry-dialog>nav button{padding:9px 16px;border:0;background:none;color:#70828e;font-size:13px}.kit-entry-dialog>nav button.active{background:#e7f4f3;color:#087f83}.kit-entry-content{padding:20px 24px;overflow:auto;min-height:0}.kit-entry-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kit-entry-fields label{display:block;font-size:12px;color:#637985;min-width:0}.kit-entry-fields input:not([type=checkbox]),.kit-entry-fields select,.kit-entry-fields textarea{display:block;width:100%;border:1px solid #e0e8ed;border-radius:8px;padding:9px 11px;margin-top:7px;font-size:13px;min-height:38px;min-width:0}.kit-entry-fields textarea{resize:vertical;max-height:160px}.kit-entry-fields .wide{grid-column:1/-1}.kit-entry-fields .kit-entry-switch{display:flex;align-items:center;gap:8px;padding-top:20px}.kit-entry-switch input{accent-color:#087f83;margin:0}.kit-generate{align-self:end;display:flex;align-items:center;gap:6px;padding:9px 12px;min-height:38px;border:1px solid #e0e8ed;background:white;color:#087f83;font-size:12px}.kit-entry-dialog>footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e0e8ed;background:#fbfcfd}.kit-entry-dialog>footer button{padding:10px 18px;border:1px solid #e0e8ed;background:white;font-size:13px}.kit-entry-dialog>footer .kit-save{background:#087f83;color:white;border-color:#087f83}.kit-entry-dialog button:disabled{opacity:.5}.catalog-loading{font-size:12px;color:#70828e;margin:0 0 16px}
.admin-shell .admin-page p{line-height:1.6}
@media(max-width:1100px){.hardware-secondary-layout{grid-template-columns:300px minmax(0,1fr)}}@media(max-width:900px){.hardware-secondary-layout{grid-template-columns:minmax(0,1fr)}.customer-detail-layout{grid-template-columns:240px minmax(0,1fr)}.kit-entry-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.page-read-progress{right:20px}}
@media(max-width:640px){.page-read-progress{position:static;margin-top:6px}.page-placeholder{grid-template-columns:1fr}.page-placeholder>div{height:80px}.customer-detail-layout{grid-template-columns:minmax(0,1fr);overflow:auto;gap:12px;padding:12px}.customer-detail-layout>aside{overflow:visible}.kit-entry-overlay{padding:12px}.kit-entry-dialog{max-height:calc(100dvh - 24px)}.kit-entry-dialog>header,.kit-entry-dialog>nav,.kit-entry-content,.kit-entry-dialog>footer{padding:14px 16px}.kit-entry-dialog>nav{gap:0}.kit-entry-dialog>nav button{padding:9px 10px;font-size:12px}.kit-entry-fields{gap:12px}.kit-entry-fields label{font-size:11px}.kit-entry-fields .kit-entry-switch{grid-column:1/-1;padding-top:0}}
@media(prefers-reduced-motion:reduce){.admin-shell *,.admin-shell *::before,.admin-shell *::after{animation:none!important;transition:none!important}}
.customer-grant{margin-bottom:20px;padding:16px;border:1px solid #dce7ec;border-radius:14px;background:#f8fbfc}.grant-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.grant-heading span,.grant-note,.grant-note+p{font-size:12px;color:#52667c}.grant-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.grant-features>div{display:flex;flex-direction:column;gap:4px;padding:12px;background:white;border:1px solid #e1e9ee;border-radius:10px}.grant-features span,.grant-features small{font-size:12px}.grant-form{display:flex;align-items:end;flex-wrap:wrap;gap:10px}.grant-form label{display:flex;flex-direction:column;gap:5px;font-size:12px}.grant-form select,.grant-form input{max-width:260px;width:100%;padding:8px;border:1px solid #cbd7e0;border-radius:8px;background:white}.grant-form input{width:110px}.grant-form button{padding:9px 16px;border-radius:8px;background:#007d89;color:white}.grant-form button:disabled{opacity:.5}.grant-note{margin-top:10px}@media(max-width:650px){.grant-features{grid-template-columns:1fr}.grant-form label{flex:1 1 140px}}

/* Independent administrator sizing: filter fields are sized by their purpose,
   while editable forms retain their column width and tables their own scroll. */
.workspace-body{container:admin-workspace / inline-size}
.admin-shell .admin-section-header{display:grid;grid-template-columns:minmax(0,1fr);align-items:center!important;gap:12px!important}
.admin-section-header h2{font-size:17px!important;margin:0}
.admin-section-header p{font-size:12px!important;margin-top:4px!important;color:#70828e}
.admin-shell .admin-filterbar,.admin-shell .hardware-filters{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-width:0;max-width:100%;grid-template-columns:none!important}
.admin-shell .admin-filterbar>select{flex:0 1 164px;width:164px!important;height:38px;padding:0 10px!important}
.admin-shell .admin-filterbar>input{flex:0 1 220px;width:220px!important;height:38px;padding:0 11px!important}
.admin-shell .admin-filterbar>button{width:auto;min-height:38px;margin:0;padding:8px 13px}
.admin-shell .admin-search{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;flex:0 1 320px;width:320px!important;min-width:0!important;max-width:100%!important;height:38px;min-height:38px;padding:0 11px!important;border:1px solid #dce5eb!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}
.admin-shell .admin-search>svg{width:16px;height:16px;flex:0 0 16px;color:#70828e}
.admin-shell .admin-search>input{display:block;flex:1 1 0!important;width:0!important;min-width:0!important;height:36px!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;outline:none!important;box-shadow:none!important}
.admin-shell .admin-search:focus-within{border-color:#087f83!important;box-shadow:0 0 0 2px #087f8314!important}
.admin-shell .admin-search>button{flex:none;min-height:28px;height:28px;padding:4px 10px!important;margin:0!important;font-size:12px!important}
.admin-shell .admin-search:has(>button){padding-right:4px!important;flex-basis:360px;width:360px!important}
.admin-shell .admin-account-search{position:relative;min-width:0;max-width:360px}
.admin-shell .admin-filterbar.hardware-filters>input{flex-basis:190px;width:190px!important}
.admin-shell .admin-filterbar.hardware-filters>div:first-child{height:38px;max-height:none}
.admin-shell .admin-filterbar+div{gap:8px}
/* Use the available workspace width rather than the monitor width. */
@container admin-workspace (max-width:1050px){.admin-shell .admin-filterbar>select{flex-basis:150px;width:150px!important}.admin-shell .admin-filterbar.hardware-filters>input{flex-basis:180px;width:180px!important}}
@container admin-workspace (max-width:720px){.admin-shell .admin-filterbar{align-items:center!important}.admin-shell .admin-filterbar>.admin-search{flex:1 1 100%;width:100%!important;max-width:420px!important}.admin-shell .admin-filterbar>select,.admin-shell .admin-filterbar>input{flex:0 1 164px;width:164px!important}.admin-shell .admin-section-header>.admin-search{flex-basis:auto;width:min(360px,100%)!important}.admin-shell .hardware-secondary-layout{grid-template-columns:minmax(0,1fr)}.admin-shell .station-workspace{grid-template-columns:minmax(0,1fr)}}
@container admin-workspace (max-width:420px){.admin-shell .admin-filterbar>select,.admin-shell .admin-filterbar>input{flex:1 1 130px;width:130px!important}.admin-shell .admin-filterbar.hardware-filters>input{flex:1 1 130px;width:130px!important}.admin-shell .admin-card.p-5,.admin-shell .admin-card.p-6{padding:16px!important}.admin-shell .admin-search:has(>button){width:100%!important}}
.admin-shell .admin-section-header>.admin-search{flex:0 0 auto!important}
.admin-shell .admin-section-actions{display:flex;flex-flow:row wrap!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.admin-section-actions h2{font-size:17px!important;margin:0}.admin-section-actions p{font-size:12px!important;margin-top:4px!important;color:#70828e}
.admin-shell .admin-page input[type=number]{max-width:180px}
.admin-shell .admin-page label>input:not([type=checkbox]):not([type=radio]):not([type=number]):not([type=file]),.admin-shell .admin-page label>select{max-width:520px}
.admin-shell .admin-page label>select{max-width:320px}
.admin-shell .admin-page label>textarea{max-width:720px}
.admin-shell .admin-settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.admin-shell .admin-settings-layout>*{margin:0!important}
.admin-shell .admin-settings-layout>.admin-policy-grid{grid-column:1/-1}
.admin-shell .admin-settings-layout>div{grid-column:1/-1}
.admin-shell .admin-settings-layout>section>label{display:block;margin-top:16px}
.admin-shell .admin-settings-layout>section>label:has(input[type=checkbox]){display:flex;min-height:72px}
@container admin-workspace (max-width:1000px){.admin-shell .admin-settings-layout{grid-template-columns:minmax(0,1fr)}}
.admin-shell .admin-page select{max-width:320px}
.admin-shell .admin-page input:not([type=checkbox]):not([type=radio]):not([type=number]):not([type=file]){max-width:520px}
.admin-shell .admin-page .grid:has(>section):has(input){align-items:start}
.admin-shell .admin-settings-layout:has(>section:only-of-type){display:block}.admin-shell .admin-settings-layout:has(>section:only-of-type):not(:has(>.admin-policy-grid)){max-width:840px}
.admin-shell .admin-settings-layout:has(>section:only-of-type)>.admin-policy-grid{display:grid}
.admin-shell .admin-page h2{font-size:17px!important}.admin-shell .admin-page h3{font-size:15px!important}
.admin-shell .admin-dialog>div:first-child:has(h3){flex-wrap:nowrap!important;align-items:flex-start!important}.admin-shell .admin-dialog>div:first-child:has(h3)>div{min-width:0}.admin-shell .admin-dialog>div:first-child:has(h3)>button{flex:none}

/* Combine headings and controls when the workspace can fit their natural sizes. */
@container admin-workspace (min-width:680px){.admin-shell .admin-section-header:has(>.admin-search){grid-template-columns:minmax(220px,1fr) auto}}
@container admin-workspace (min-width:1000px){.admin-shell .admin-section-header:has(>.admin-filterbar){grid-template-columns:minmax(240px,1fr) auto}.admin-shell .admin-section-header>.admin-filterbar{flex-wrap:nowrap!important}}
.admin-shell .admin-policy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px!important;width:100%;max-width:none}
.admin-shell .admin-policy-grid>.policy-header{grid-column:1/-1;display:grid;grid-template-columns:minmax(140px,1fr) auto auto;align-items:center;gap:20px;margin-bottom:4px!important}
.admin-shell .policy-header>.policy-limits{display:flex;align-items:center;gap:20px}
.admin-shell .policy-limits>label{display:flex;align-items:center;gap:10px;margin:0;min-width:0}
.admin-shell .policy-limits>label>span{margin:0;white-space:nowrap;font-size:12px!important}
.admin-shell .policy-limits input[type=number]{width:78px!important;height:38px;padding:8px 10px!important}
.admin-shell .policy-header>button{justify-self:end;white-space:nowrap;min-height:38px}
.admin-shell .admin-policy-grid>label{display:flex;align-items:center!important;gap:12px;min-height:96px;padding:14px!important;background:#f8fafb}
.admin-shell .admin-policy-grid>label p{margin-top:4px!important;line-height:1.6!important}
.admin-shell .admin-policy-grid>label input{width:16px;height:16px;margin-left:auto}
@container admin-workspace (max-width:1100px){.admin-shell .admin-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container admin-workspace (max-width:850px){.admin-shell .admin-policy-grid>.policy-header{grid-template-columns:minmax(0,1fr) auto;gap:12px}.admin-shell .policy-header>.policy-limits{grid-row:2;grid-column:1/-1}.admin-shell .policy-header>button{grid-column:2;grid-row:1}}
@container admin-workspace (max-width:620px){.admin-shell .admin-policy-grid{grid-template-columns:minmax(0,1fr)}.admin-shell .policy-header>.policy-limits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-shell .policy-limits>label{flex-direction:column;align-items:flex-start;gap:6px}.admin-shell .policy-limits input[type=number]{width:100%!important}.admin-shell .admin-policy-grid>label{min-height:80px}}
.admin-shell .admin-collection-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}
.admin-shell .admin-collection-header>div:first-child{grid-column:1;grid-row:1}
.admin-shell .admin-collection-header>button{grid-column:2;grid-row:1;justify-self:end}
.admin-shell .admin-collection-header>.admin-filterbar{grid-column:1/-1;grid-row:2}
.admin-shell .admin-collection-header h2{margin:0}.admin-shell .admin-collection-header p{font-size:12px!important;margin-top:4px!important}
@container admin-workspace (min-width:1450px){.admin-shell .admin-collection-header{grid-template-columns:minmax(180px,1fr) auto auto;gap:12px}.admin-shell .admin-collection-header>.admin-filterbar{grid-column:2;grid-row:1;flex-wrap:nowrap!important}.admin-shell .admin-collection-header>button{grid-column:3}}

/* Layout follows available content width; short controls keep their useful size. */
.admin-shell .workspace-body{padding:18px;max-width:1800px}
.admin-shell .workspace-heading{padding:14px 24px}
.admin-shell .workspace-heading h1{font-size:22px;margin-top:4px}
.admin-shell .admin-page{container:admin-page / inline-size}
.admin-shell .admin-page .space-y-6>*+*,.admin-shell .admin-page .space-y-5>*+*{margin-block-start:14px!important}
.admin-shell .admin-page .admin-card.p-5,.admin-shell .admin-page .admin-card.p-6{padding:16px!important}
.admin-shell .admin-page .grid:has(>.admin-card),.admin-shell .admin-page .grid:has(>aside),.admin-shell .admin-page .grid:has(>section){align-items:start}
.admin-shell .admin-page .admin-card>div:has(>h2):has(>p),.admin-shell .admin-page .admin-card>div>div:has(>h2):has(>p){display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.admin-shell .admin-page .admin-card div:has(>h2)>p{margin:0!important;font-size:12px!important;line-height:1.6}
.admin-shell .admin-section-header,.admin-shell .admin-collection-header{gap:10px!important}
.admin-shell .admin-page .admin-detail-heading{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.admin-shell .admin-detail-heading h4{font-size:14px;white-space:nowrap}
.admin-shell .admin-detail-heading p{margin:0;font-size:12px;line-height:1.6;flex:1 1 260px}
.admin-shell .admin-page .admin-empty{padding:14px!important;grid-column:1/-1;width:100%}
.admin-shell .admin-page td[class*="py-12"],.admin-shell .admin-page div[class*="py-12"]{padding-block:24px!important}
.admin-shell .admin-page .admin-field{min-width:0}
.admin-shell .admin-page label>input:not([type=checkbox]):not([type=radio]),.admin-shell .admin-page label>select,.admin-shell .admin-page label>textarea{display:block}
.admin-shell .admin-page .admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.admin-shell .admin-form-grid .admin-field:has(textarea){grid-column:1/-1}
.admin-shell .admin-overview-metric{display:grid;grid-template-columns:36px minmax(0,1fr);gap:4px 10px;align-items:center}
.admin-shell .admin-overview-metric>div:first-child{grid-row:1/3;margin:0}
.admin-shell .admin-overview-metric>div:nth-child(2){font-size:24px;line-height:1.2}
.admin-shell .admin-overview-metric>div:nth-child(3){margin:0}
.admin-shell .admin-overview-metric>div:nth-child(4){grid-column:1/-1;margin:6px 0 0;padding-top:7px;border-top:1px solid #edf1f4}
.admin-shell .admin-summary-card>div:last-child{margin-top:10px}
.admin-shell .admin-metric{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px}
.admin-shell .admin-metric>div:first-child{white-space:nowrap;flex:none}
.admin-shell .admin-metric>div:last-child{margin:0;font-size:13px}
.admin-shell .admin-smtp-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px;align-items:start}
.admin-shell .admin-administrators-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.9fr);gap:14px;align-items:start}
.admin-shell .admin-administrator-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-shell .admin-administrator-fields>*{margin:0!important;min-width:0}
.admin-shell .admin-administrator-fields>div,.admin-shell .admin-administrator-fields>button,.admin-shell .admin-administrator-fields>label:not(.admin-field),.admin-shell .admin-administrator-fields>.admin-field:has(textarea){grid-column:1/-1}
.admin-shell .admin-administrator-fields .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}
.admin-shell .admin-administrator-fields .grid>label{padding:8px!important;min-width:0}
.admin-shell .admin-administrators-layout .divide-y>button{grid-template-columns:minmax(0,1fr) 80px 110px;gap:10px;align-items:center}
.admin-shell .admin-smtp-layout>:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.admin-shell .admin-smtp-layout>:last-child>section{margin:0!important;min-width:0}
.admin-shell .admin-smtp-layout>:last-child>section:first-of-type{grid-column:1/-1}
.admin-shell .admin-settings-layout:has(>section:only-of-type):not(:has(>.admin-policy-grid)){max-width:none}
.admin-shell .admin-policy-grid>label{min-height:76px;padding:12px!important}
.admin-shell .admin-policy-grid{gap:10px}
.admin-shell .admin-security-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.admin-shell .admin-security-fields>label{margin:0!important}
.admin-shell .admin-security-panel{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}
.admin-shell .admin-security-panel>*{margin:0!important;min-width:0}
.admin-shell .admin-security-panel>p{font-size:12px;line-height:1.6}
.admin-shell .admin-security-panel>.admin-security-fields{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.admin-shell .admin-security-panel>label{grid-column:1/-1;padding:12px!important}
.admin-shell .admin-security-panel>button{grid-column:3;grid-row:1;white-space:nowrap}
.admin-shell .customer-detail-layout{grid-template-columns:260px minmax(0,1fr);gap:14px;padding:14px}
.customer-detail-layout>main{container:customer-content / inline-size}
.admin-shell .admin-device-enrollment{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px!important}
.admin-shell .admin-device-enrollment>div:first-child{margin:0!important;flex:none}
.admin-shell .admin-device-enrollment-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1 1 600px}
.admin-shell .admin-device-enrollment-row>input:first-child{flex:1 1 220px;width:220px;max-width:480px!important}
.admin-shell .admin-device-enrollment-row>input:nth-child(2){flex:0 1 160px;width:160px}
.admin-shell .admin-device-enrollment-row>button{margin-left:auto;white-space:nowrap}
.admin-shell .admin-license-records{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:10px}
.admin-shell .admin-license-records>div{padding:12px}
.admin-shell .admin-license-records>div>div:first-child{align-items:center}
.admin-shell .admin-license-records>div>div:first-child>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.admin-shell .admin-license-records>div>div:first-child>div:first-child>div{margin:0;font-size:12px}
.admin-shell .admin-license-records>div>div:last-child{margin-top:8px;padding-top:8px}
.admin-shell .customer-grant{padding:12px;margin-bottom:14px;border-radius:10px;container:grant-panel / inline-size}
.admin-shell .grant-heading{display:flex;align-items:center;gap:8px 14px}
.admin-shell .grant-heading strong{font-size:14px;white-space:nowrap}
.admin-shell .grant-note{margin:0;font-size:12px;white-space:nowrap}
.admin-shell .grant-delivery{margin-left:auto;font-size:12px}
.admin-shell .grant-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
.admin-shell .grant-features>div{display:flex;flex-flow:row wrap;align-items:center;gap:4px 8px;padding:9px 10px;border-radius:8px}
.admin-shell .grant-features b{font-size:12px;white-space:nowrap}
.admin-shell .grant-features span,.admin-shell .grant-features small{font-size:12px;white-space:nowrap}
.admin-shell .grant-features small{color:#70828e}
.admin-shell .grant-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.admin-shell .grant-form label{display:flex;flex-direction:row;align-items:center;gap:8px;white-space:nowrap;font-size:12px;flex:none}
.admin-shell .grant-form select{width:100px;max-width:none;height:36px;padding:0 8px}
.admin-shell .grant-form label:first-child select{width:210px}
.admin-shell .grant-form input{width:76px;height:36px;padding:0 8px}
.admin-shell .grant-form button{margin-left:auto;height:36px;padding:7px 14px;white-space:nowrap}
.admin-shell .customer-grant>p[role=status]{margin:10px 0 0;font-size:12px;line-height:1.6}
@container grant-panel (max-width:760px){.admin-shell .grant-features{display:flex;flex-wrap:wrap}.admin-shell .grant-features>div{flex:1 1 200px}.admin-shell .grant-form{gap:8px 10px}.admin-shell .grant-form label:first-child select{width:190px}}
@container grant-panel (max-width:460px){.admin-shell .grant-heading .grant-note{white-space:normal;order:3;width:100%}.admin-shell .grant-form label{flex:1 1 130px;justify-content:space-between}.admin-shell .grant-form label:first-child{flex-basis:100%}.admin-shell .grant-form label:first-child select{flex:1;max-width:240px}.admin-shell .grant-form button{margin-left:0}}
@container customer-content (max-width:640px){.admin-shell .admin-device-enrollment-row{flex-basis:100%}.admin-shell .admin-device-enrollment-row>input:first-child{flex-basis:100%;width:100%;max-width:none!important}}
.admin-shell .admin-hardware-overview>div:first-child{gap:12px}
.admin-shell .admin-hardware-overview>div:first-child>div:first-child>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.admin-shell .admin-hardware-overview>div:first-child>div:first-child>div:first-child>p{margin:0;font-size:12px}
.admin-shell .hardware-statistics{display:flex;flex-wrap:wrap;gap:8px}
.admin-shell .hardware-statistics>div{display:flex;align-items:center;gap:16px;padding:8px 12px!important;flex:1 1 160px}
.admin-shell .hardware-statistics>div>div{margin:0!important}
.admin-shell .hardware-statistics>div>div:last-child{margin-left:auto!important}
.admin-shell .hardware-filters>.admin-search{flex-basis:240px;width:240px!important}
.admin-shell .hardware-filters>input{flex-basis:150px!important;width:150px!important}
.admin-shell .hardware-filters>select{flex-basis:130px!important;width:130px!important}
.admin-shell .hardware-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px!important}
.admin-shell .hardware-actions>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.admin-shell .hardware-actions>div:first-child>div:last-child{margin:0!important;font-size:12px}
.admin-shell .hardware-actions>div:last-child{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.admin-shell .hardware-actions button{padding:7px 10px!important;white-space:nowrap;font-size:12px}
.admin-shell .admin-hardware-overview>div:last-child{margin-top:12px;padding-top:10px}
.admin-shell .hardware-secondary-layout{grid-template-columns:320px minmax(0,1fr);gap:14px}
.admin-shell .station-card-heading{padding:12px 16px}.admin-shell .station-card-body{padding:16px}
.admin-shell .station-card-body label{margin-bottom:12px}.admin-shell .station-card-body .login-submit{margin-top:12px;min-height:38px}
.admin-shell .station-card-body input[type=file]{min-height:38px;padding:10px}
.admin-shell .kit-entry-dialog>header,.admin-shell .kit-entry-content{padding:16px 20px}
.admin-shell .kit-entry-fields{gap:12px}.admin-shell .kit-entry-dialog>nav{padding:8px 20px}.admin-shell .kit-entry-dialog>footer{padding:12px 20px}
@container admin-page (max-width:1080px){.admin-shell .admin-smtp-layout{grid-template-columns:220px minmax(0,1fr)}.admin-shell .admin-smtp-layout>:last-child{grid-template-columns:minmax(0,1fr)}.admin-shell .hardware-filters>.admin-search{flex-basis:220px;width:220px!important}.admin-shell .hardware-filters>input{flex-basis:140px!important;width:140px!important}.admin-shell .hardware-filters>select{flex-basis:124px!important;width:124px!important}}
@container admin-page (max-width:860px){.admin-shell .admin-smtp-layout,.admin-shell .admin-administrators-layout{grid-template-columns:minmax(0,1fr)}.admin-shell .admin-security-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell .hardware-secondary-layout{grid-template-columns:minmax(0,1fr)}}
@container admin-page (max-width:540px){.admin-shell .admin-form-grid,.admin-shell .admin-security-fields{grid-template-columns:minmax(0,1fr)}.admin-shell .hardware-filters>.admin-search{flex:1 1 100%;width:100%!important}.admin-shell .hardware-filters>input,.admin-shell .hardware-filters>select{flex:1 1 130px!important;width:130px!important}}
@container admin-page (max-width:680px){.admin-shell .admin-security-panel{grid-template-columns:minmax(0,1fr) auto}.admin-shell .admin-security-panel>button{grid-column:2}.admin-shell .admin-security-panel>p{grid-column:1/-1;grid-row:2}.admin-shell .admin-security-panel>.admin-security-fields{grid-row:3}}
@media(max-width:900px){.admin-shell .customer-detail-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:640px){.admin-shell .workspace-body{padding:12px}.admin-shell .workspace-heading{padding:12px 18px}.admin-shell .customer-detail-layout{grid-template-columns:minmax(0,1fr);padding:12px}.admin-shell .workspace-heading h1{font-size:20px}}

@container admin-page (min-width:1100px){.admin-shell .admin-log-filterbar>.admin-search{width:280px!important;flex-basis:280px}.admin-shell .admin-log-filterbar>select{width:150px!important;flex-basis:150px}}

.admin-shell .admin-page .grid>section{margin-block-start:0!important}
.admin-shell .admin-page :is(div,section):has(>h2):has(>p):not(:has(>button,>section,>form,>div)){display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.admin-shell .admin-page :is(div,section):has(>h2):has(>p):not(:has(>button,>section,>form,>div))>p{margin:0;font-size:12px;line-height:1.6}
.admin-shell .admin-log-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:12px 16px;align-items:center}
.admin-shell .admin-log-stat>div:nth-child(2){margin:0;font-size:20px;line-height:1.4}
.admin-shell .admin-log-stat>div:last-child{grid-column:1/-1;margin:0}
@container admin-page (min-width:760px){.admin-shell .admin-notice-record>div>div:first-child{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;gap:8px 14px;align-items:center}.admin-shell .admin-notice-record h3{grid-column:1;grid-row:1;margin:0;font-size:15px}.admin-shell .admin-notice-record>div>div:first-child>div:first-child{grid-column:2;grid-row:1}.admin-shell .admin-notice-record>div>div:first-child>div:last-child{grid-column:3;grid-row:1;margin:0}.admin-shell .admin-notice-record p{grid-column:1/-1;grid-row:2;margin:0}.admin-shell .admin-notice-record>div{align-items:start}}
.admin-shell .admin-page .admin-settings-layout>section{margin-block-start:0!important}
.password-reset-dialog{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #dbe6ec;border-radius:16px;background:white;color:#12364b;box-shadow:0 24px 80px #12364b33;overflow:auto}
.password-reset-dialog::backdrop{background:#102b4266}
.password-reset-dialog form{padding:22px}
.password-reset-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.password-reset-heading h3{margin:0;font-size:18px;font-weight:750}
.password-reset-heading button{width:30px;height:30px;border:0;border-radius:8px;background:#f2f6f8;font-size:24px;line-height:1}
.password-reset-account{margin:6px 0 18px;color:#58728a;font-size:13px;overflow-wrap:anywhere}
.password-reset-dialog label{display:block;margin-top:14px;font-size:13px}
.password-reset-dialog input{display:block;width:100%;height:40px;margin-top:6px;border:1px solid #dbe6ec;border-radius:9px;padding:0 12px;background:white;font-size:14px;outline:none}
.password-reset-dialog input:focus{border-color:#00868b;box-shadow:0 0 0 3px #00868b18}
.password-reset-note{margin:14px 0 0;color:#58728a;font-size:12px;line-height:1.7}
.password-reset-error{margin:12px 0 0;color:#b91c1c;font-size:13px;line-height:1.6}
.password-reset-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.password-reset-actions button{min-height:38px;padding:0 16px;border:1px solid #dbe6ec;border-radius:9px;background:white;font-size:13px;font-weight:700}
.password-reset-actions button[type=submit]{background:#00868b;border-color:#00868b;color:white}
.password-reset-dialog button:disabled,.password-reset-dialog input:disabled{opacity:.55}

.admin-shell{cursor:default;caret-color:transparent}
.admin-shell input:not([type=checkbox]):not([type=radio]),.admin-shell textarea,.admin-shell [contenteditable=true]{cursor:text;caret-color:#16364a;user-select:text}
.admin-shell select,.admin-shell input[type=checkbox],.admin-shell input[type=radio]{cursor:pointer}
.admin-shell button,.admin-shell a,.admin-shell summary,.admin-shell [role=button]{cursor:pointer;user-select:none;caret-color:transparent}
.admin-shell .workspace-sidebar,.admin-shell .workspace-heading,.admin-shell .cd-panel-heading,.admin-shell .cd-dialog-heading{user-select:none}
.admin-shell button:disabled{cursor:default}
.customer-detail-overlay{display:flex;align-items:center;justify-content:center;padding:24px;background:#102a4066}
.admin-shell .customer-detail-dialog{display:flex;flex-direction:column;width:min(1240px,100%);max-height:min(92dvh,980px);border:1px solid #d9e5eb;border-radius:18px;background:#f4f7f9;box-shadow:0 28px 100px #122c4933;overflow:hidden;container:customer-detail / inline-size}
.cd-dialog-heading{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid #e0e8ed;background:#fff;flex-shrink:0}
.cd-heading-mark{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:#e7f4f3;color:#00868b}
.admin-shell .cd-dialog-heading h3{margin:0;font-size:20px;font-weight:750;letter-spacing:.02em}
.cd-dialog-heading p{margin:3px 0 0;color:#738598;font-size:12px;overflow-wrap:anywhere}
.cd-close{display:grid;place-items:center;width:34px;height:34px;margin-left:auto;flex:none;border:1px solid #e1e8ee;border-radius:9px;background:white;color:#62788c}
.customer-detail-v2{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;min-height:0;padding:20px;overflow:auto;align-items:start}
.cd-sidebar{display:grid;gap:14px;min-width:0}.cd-main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.85fr);gap:14px;align-items:start;min-width:0}.cd-wide{grid-column:1/-1}
.cd-panel{min-width:0;border:1px solid #dde7ed;border-radius:13px;background:white;overflow:hidden}.cd-panel-heading{display:flex;align-items:center;gap:8px;min-height:48px;padding:12px 16px;border-bottom:1px solid #edf1f5;color:#19384d}.cd-panel-heading svg{color:#00868b;flex:none}.admin-shell .cd-panel-heading h4{margin:0;font-size:14px;font-weight:700}.cd-count{margin-left:auto;font-size:11px;color:#6f8295;background:#f0f5f7;min-width:22px;text-align:center;padding:2px 6px;border-radius:7px}
.cd-panel-body{padding:16px}.cd-customer-name{display:block;font-size:17px;overflow-wrap:anywhere}.cd-identity{font-size:12px;color:#738598;margin:5px 0 16px;overflow-wrap:anywhere}.cd-facts{display:grid;gap:12px;margin:0}.cd-facts>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.cd-facts dt{color:#718395;font-size:12px}.cd-facts dd{margin:0;font-size:13px;font-weight:600}.cd-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:3px 8px;border-radius:6px;background:#f0f4f7;color:#5e748a;font-size:11px;line-height:1.6;white-space:nowrap}.cd-badge.good{background:#e7f7f0;color:#15825d}
.cd-policy{display:grid;gap:13px}.cd-policy>label{display:grid;gap:6px;font-size:12px;color:#60788d}.cd-policy>label.cd-toggle{display:flex;align-items:center;gap:8px;color:#29475b;line-height:1.5}.cd-policy .cd-toggle input{width:14px;height:14px;accent-color:#00868b}.cd-policy input[type=number]{width:84px}.cd-policy textarea{min-height:64px;resize:vertical;max-height:180px}.cd-short-field{display:flex!important;align-items:center;justify-content:space-between}
.admin-shell .customer-detail-dialog :is(input:not([type=checkbox]),select,textarea){max-width:100%;border:1px solid #dce6ed;border-radius:8px;background:#fff;padding:8px 10px;font-size:12px;line-height:1.5;min-width:0}.admin-shell .customer-detail-dialog :is(input:not([type=checkbox]),select){height:36px}.customer-detail-dialog :is(input,select,textarea):focus{outline:2px solid #00868b22;outline-offset:1px;border-color:#00868b}
.cd-primary{width:max-content;max-width:100%;border:1px solid #00868b;border-radius:8px;background:#00868b;color:white;padding:8px 12px;font-size:12px;font-weight:650;line-height:1.5}.cd-primary:disabled{opacity:.5}.cd-danger{width:max-content;max-width:100%;border:1px solid #f6dfe2;border-radius:7px;background:#fff6f6;color:#b83e48;padding:6px 9px;font-size:11px;white-space:nowrap}.cd-empty{margin:0;padding:12px;border-radius:8px;background:#f6f9fb;color:#8394a4;font-size:12px;line-height:1.6;text-align:left}
.cd-license-panel>.cd-panel-heading{display:none}.cd-license-panel .customer-grant{padding:0;border:0;background:transparent}.cd-license-panel .grant-features{display:flex;flex-wrap:wrap;gap:8px}.cd-license-panel .grant-features>div{flex:0 1 auto;min-width:0;max-width:100%;padding:8px 11px;flex-wrap:wrap}.cd-license-panel .grant-form{justify-content:flex-start;gap:9px 12px}.cd-license-panel .grant-form>button{margin-left:0!important}.cd-license-panel .grant-form input{width:70px!important}.cd-license-panel .grant-heading{gap:8px 12px}.cd-license-panel .grant-delivery{font-size:11px}.cd-license-panel .grant-note{font-size:11px}
.cd-source-heading{display:flex;align-items:center;gap:10px;margin:16px 0 8px;padding-top:12px;border-top:1px solid #edf1f5}.cd-source-heading h5{margin:0;font-size:12px;font-weight:650}.cd-source-heading>span{font-size:11px;color:#8495a4}.cd-license-list{display:grid;gap:0}.cd-license-row{display:grid;grid-template-columns:minmax(95px,1fr) 105px minmax(150px,1.2fr) 48px 78px;gap:8px;align-items:center;min-height:44px;padding:8px 0;border-bottom:1px solid #edf1f5;font-size:12px}.cd-license-row:last-child{border-bottom:0}.cd-license-row>strong{font-size:12px}.cd-license-time{font-size:11px;color:#8495a4}
.cd-enrollment{padding:11px;border:1px solid #dde9eb;border-radius:9px;background:#f6fafb;margin-bottom:12px}.cd-enrollment-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px}.cd-enrollment-heading button,.cd-record-heading>button{padding:4px 6px;border:0;background:#eef5f6;border-radius:5px;color:#00868b;font-size:11px}.cd-enrollment-fields{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(90px,.7fr) auto;gap:7px;align-items:center}.cd-enrollment-fields>input{width:100%}.cd-enrollment-fields>button{padding:8px 9px}
.cd-record-list{display:grid;gap:10px}.cd-device-record,.cd-kit-record{padding:12px;border:1px solid #e4ebf0;border-radius:9px}.cd-record-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cd-record-heading>strong{min-width:0;font-size:13px;overflow-wrap:anywhere}.cd-record-heading>.cd-badge{margin-left:auto}.cd-record-meta{margin:7px 0;color:#7b8e9f;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.cd-device-record details{font-size:11px;margin-top:8px}.cd-device-record summary{color:#5a768c;width:max-content;max-width:100%}.cd-code{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:5px 7px;margin:5px 0;border:0;border-radius:5px;background:#f1f6f8;color:#47657c;text-align:left}.cd-code code{font-size:11px;overflow-wrap:anywhere;word-break:break-all}.cd-code svg{flex:none}.cd-section-action{margin-top:12px}
.cd-latest-login{display:grid;gap:9px;background:#f6f9fb;padding:12px;border-radius:8px}.cd-latest-login strong{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.cd-latest-login>span:last-child{font-size:11px;color:#8395a5}.cd-history{margin-top:12px;font-size:12px}.cd-history summary{display:flex;align-items:center;gap:8px;padding:9px 0;color:#537189}.cd-history summary:before{content:'›';font-size:18px;line-height:1}.cd-history[open] summary:before{transform:rotate(90deg)}.cd-history summary span{margin-left:auto;color:#899ba9;font-size:11px}
.cd-security-record,.cd-activation-record{padding:10px;border:1px solid #e7eef2;border-radius:8px;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.cd-security-record>strong{font-size:12px}.cd-security-record p,.cd-activation-record p{margin:4px 0;color:#788d9f}.cd-security-record time,.cd-activation-record time{color:#92a2af;font-size:10px}.cd-hardware-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:7px;margin:10px 0}.cd-hardware-items>div{display:grid;gap:4px;background:#f6f9fb;border-radius:7px;padding:9px;min-width:0}.cd-hardware-items strong{font-size:12px;overflow-wrap:anywhere}.cd-hardware-items code{font-size:10px;color:#728b9f;word-break:break-all}.cd-hardware-items span{font-size:10px;color:#8194a3}.cd-loading{display:grid;place-items:center;min-height:280px;color:#7c90a2;font-size:13px}
@container customer-detail (max-width:1100px){.cd-main{grid-template-columns:minmax(0,1fr)}.customer-detail-v2{grid-template-columns:220px minmax(0,1fr)}.cd-wide{grid-column:auto}.cd-license-row{grid-template-columns:minmax(100px,1fr) 100px 48px 78px}.cd-license-time{grid-column:1/-1;grid-row:2}.cd-license-row>button{grid-column:4;grid-row:1}.cd-license-row>.cd-badge{grid-column:3;grid-row:1}}
@container customer-detail (max-width:700px){.customer-detail-v2{grid-template-columns:minmax(0,1fr);padding:12px;gap:12px}.cd-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cd-main{gap:12px}.cd-dialog-heading{padding:14px 16px}.cd-license-row{grid-template-columns:minmax(0,1fr) 90px 48px 78px}.cd-policy .cd-short-field{gap:8px}.cd-panel-body{padding:13px}}
@container customer-detail (max-width:440px){.cd-sidebar{grid-template-columns:minmax(0,1fr)}.cd-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cd-facts>div{align-items:flex-start;flex-direction:column;gap:4px}.cd-license-row{grid-template-columns:minmax(0,1fr) 90px 65px;gap:6px}.cd-license-row>.cd-badge{grid-column:3}.cd-license-row>button{grid-column:3;grid-row:2}.cd-license-time{grid-column:1/3}.cd-source-heading{flex-wrap:wrap}.cd-enrollment-fields{grid-template-columns:minmax(0,1fr) auto}.cd-enrollment-fields>input:first-child{grid-column:1/-1}.cd-enrollment-fields>input:nth-child(2){grid-column:1}.cd-enrollment-fields>button{grid-column:2}.cd-dialog-heading h3{font-size:18px}.cd-close{width:30px;height:30px}}
@media(max-width:640px){.customer-detail-overlay{padding:8px}.customer-detail-dialog{max-height:96dvh!important;border-radius:12px!important}}
.cd-column{display:grid;gap:14px;align-content:start;min-width:0}.admin-shell .cd-dialog-heading h3{font-size:20px!important}@container customer-detail (max-width:1100px){.cd-column{display:contents}}

@container customer-detail (max-width:700px){.customer-detail-v2{display:flex;flex-direction:column}.cd-sidebar,.cd-main,.cd-column{display:contents}.cd-profile-panel{order:0}.cd-license-panel{order:1}.cd-device-panel{order:2}.cd-kit-panel{order:3}.cd-security-panel{order:4}.cd-activation-panel{order:5}.cd-policy-panel{order:6}}

.customer-detail-v2{scrollbar-gutter:stable}.cd-license-history{border-top:1px solid #e7eef2}.cd-license-history .cd-license-row{color:#788d9f}.cd-danger:disabled{opacity:.6;cursor:wait}

.cd-activation-panel .cd-record-list{max-height:280px;overflow:auto;scrollbar-gutter:stable}.cd-security-panel .cd-history .cd-record-list{max-height:300px;overflow:auto;scrollbar-gutter:stable}.cd-activation-record{padding:9px!important}.cd-activation-record p{margin:3px 0!important}.cd-activation-record>p:nth-of-type(2){display:none}
.admin-license-tabs{display:flex;gap:7px;flex-wrap:wrap}.admin-license-tabs button{padding:9px 16px;border:1px solid #dce6ed;border-radius:9px;background:#fff;color:#6b8194;font-size:13px}.admin-license-tabs button[aria-pressed=true]{border-color:#00868b;background:#e7f4f3;color:#00868b;font-weight:650}.license-catalog .admin-grid-row,.license-catalog .admin-grid-head{grid-template-columns:36px minmax(220px,1.5fr) 80px 130px 72px 120px minmax(130px,1fr) 100px 104px!important;min-width:1056px}.license-catalog .admin-table-scroll{overflow-x:auto;min-width:0}

/* Detail columns follow task groups; audit summaries never set the working column's height. */
.admin-shell .cd-main{display:flex;flex-direction:column;gap:14px}
.admin-shell .cd-main>.cd-panel{width:100%}
.admin-shell .cd-column{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,1fr);gap:14px;width:100%;align-items:start}
.admin-shell .cd-audit{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-shell .cd-license-panel .customer-grant{margin-bottom:0}
.admin-shell .cd-panel-heading{min-height:43px;padding:10px 14px}
.admin-shell .cd-panel-body{padding:14px}
.admin-shell .cd-latest-login{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;padding:9px 11px}
.cd-latest-login>strong{min-width:0;flex:1 1 120px}
.cd-latest-login>span:last-child{flex:0 1 auto}
.cd-latest-activation{display:flex;flex-wrap:wrap;gap:7px 12px;margin:0;padding:9px 11px;background:#f6f9fb;border-radius:8px;color:#29475b}
.cd-latest-activation time{font-size:11px;color:#8395a5}
.admin-shell .cd-history{margin-top:8px}
.admin-shell .customer-detail-dialog button{transition:background-color .12s,border-color .12s,color .12s}
.admin-shell .customer-detail-dialog button:active:not(:disabled){transform:none;filter:none}
@container customer-detail (max-width:1100px){.admin-shell .cd-column{grid-template-columns:minmax(0,1fr)}.admin-shell .cd-audit{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container customer-detail (max-width:700px){.admin-shell .cd-main,.admin-shell .cd-column{display:contents}.admin-shell .cd-panel{width:100%}.admin-shell .cd-latest-login{align-items:center}}