/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}

@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-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-red-900: oklch(39.6% .141 25.723);
    --color-red-950: oklch(25.8% .092 26.042);
    --color-orange-50: oklch(98% .016 73.684);
    --color-orange-100: oklch(95.4% .038 75.164);
    --color-orange-200: oklch(90.1% .076 70.697);
    --color-orange-300: oklch(83.7% .128 66.29);
    --color-orange-400: oklch(75% .183 55.934);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-orange-600: oklch(64.6% .222 41.116);
    --color-orange-700: oklch(55.3% .195 38.402);
    --color-orange-800: oklch(47% .157 37.304);
    --color-orange-900: oklch(40.8% .123 38.172);
    --color-orange-950: oklch(26.6% .079 36.259);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-amber-800: oklch(47.3% .137 46.201);
    --color-amber-900: oklch(41.4% .112 45.904);
    --color-amber-950: oklch(27.9% .077 45.635);
    --color-yellow-50: oklch(98.7% .026 102.212);
    --color-yellow-100: oklch(97.3% .071 103.193);
    --color-yellow-200: oklch(94.5% .129 101.54);
    --color-yellow-300: oklch(90.5% .182 98.111);
    --color-yellow-400: oklch(85.2% .199 91.936);
    --color-yellow-500: oklch(79.5% .184 86.047);
    --color-yellow-600: oklch(68.1% .162 75.834);
    --color-yellow-700: oklch(55.4% .135 66.442);
    --color-yellow-800: oklch(47.6% .114 61.907);
    --color-yellow-900: oklch(42.1% .095 57.708);
    --color-yellow-950: oklch(28.6% .066 53.813);
    --color-lime-50: oklch(98.6% .031 120.757);
    --color-lime-100: oklch(96.7% .067 122.328);
    --color-lime-200: oklch(93.8% .127 124.321);
    --color-lime-300: oklch(89.7% .196 126.665);
    --color-lime-400: oklch(84.1% .238 128.85);
    --color-lime-500: oklch(76.8% .233 130.85);
    --color-lime-600: oklch(64.8% .2 131.684);
    --color-lime-700: oklch(53.2% .157 131.589);
    --color-lime-800: oklch(45.3% .124 130.933);
    --color-lime-900: oklch(40.5% .101 131.063);
    --color-lime-950: oklch(27.4% .072 132.109);
    --color-green-50: oklch(98.2% .018 155.826);
    --color-green-100: oklch(96.2% .044 156.743);
    --color-green-200: oklch(92.5% .084 155.995);
    --color-green-300: oklch(87.1% .15 154.449);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-green-700: oklch(52.7% .154 150.069);
    --color-green-800: oklch(44.8% .119 151.328);
    --color-green-900: oklch(39.3% .095 152.535);
    --color-green-950: oklch(26.6% .065 152.934);
    --color-emerald-50: oklch(97.9% .021 166.113);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-200: oklch(90.5% .093 164.15);
    --color-emerald-300: oklch(84.5% .143 164.978);
    --color-emerald-400: oklch(76.5% .177 163.223);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-emerald-800: oklch(43.2% .095 166.913);
    --color-emerald-900: oklch(37.8% .077 168.94);
    --color-emerald-950: oklch(26.2% .051 172.552);
    --color-teal-50: oklch(98.4% .014 180.72);
    --color-teal-100: oklch(95.3% .051 180.801);
    --color-teal-200: oklch(91% .096 180.426);
    --color-teal-300: oklch(85.5% .138 181.071);
    --color-teal-400: oklch(77.7% .152 181.912);
    --color-teal-500: oklch(70.4% .14 182.503);
    --color-teal-600: oklch(60% .118 184.704);
    --color-teal-700: oklch(51.1% .096 186.391);
    --color-teal-800: oklch(43.7% .078 188.216);
    --color-teal-900: oklch(38.6% .063 188.416);
    --color-teal-950: oklch(27.7% .046 192.524);
    --color-cyan-50: oklch(98.4% .019 200.873);
    --color-cyan-100: oklch(95.6% .045 203.388);
    --color-cyan-200: oklch(91.7% .08 205.041);
    --color-cyan-300: oklch(86.5% .127 207.078);
    --color-cyan-400: oklch(78.9% .154 211.53);
    --color-cyan-500: oklch(71.5% .143 215.221);
    --color-cyan-600: oklch(60.9% .126 221.723);
    --color-cyan-700: oklch(52% .105 223.128);
    --color-cyan-800: oklch(45% .085 224.283);
    --color-cyan-900: oklch(39.8% .07 227.392);
    --color-cyan-950: oklch(30.2% .056 229.695);
    --color-sky-50: oklch(97.7% .013 236.62);
    --color-sky-100: oklch(95.1% .026 236.824);
    --color-sky-200: oklch(90.1% .058 230.902);
    --color-sky-300: oklch(82.8% .111 230.318);
    --color-sky-400: oklch(74.6% .16 232.661);
    --color-sky-500: oklch(68.5% .169 237.323);
    --color-sky-600: oklch(58.8% .158 241.966);
    --color-sky-700: oklch(50% .134 242.749);
    --color-sky-800: oklch(44.3% .11 240.79);
    --color-sky-900: oklch(39.1% .09 240.876);
    --color-sky-950: oklch(29.3% .066 243.157);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-blue-800: oklch(42.4% .199 265.638);
    --color-blue-900: oklch(37.9% .146 265.522);
    --color-blue-950: oklch(28.2% .091 267.935);
    --color-indigo-50: oklch(96.2% .018 272.314);
    --color-indigo-100: oklch(93% .034 272.788);
    --color-indigo-200: oklch(87% .065 274.039);
    --color-indigo-300: oklch(78.5% .115 274.713);
    --color-indigo-400: oklch(67.3% .182 276.935);
    --color-indigo-500: oklch(58.5% .233 277.117);
    --color-indigo-600: oklch(51.1% .262 276.966);
    --color-indigo-700: oklch(45.7% .24 277.023);
    --color-indigo-800: oklch(39.8% .195 277.366);
    --color-indigo-900: oklch(35.9% .144 278.697);
    --color-indigo-950: oklch(25.7% .09 281.288);
    --color-violet-50: oklch(96.9% .016 293.756);
    --color-violet-100: oklch(94.3% .029 294.588);
    --color-violet-200: oklch(89.4% .057 293.283);
    --color-violet-300: oklch(81.1% .111 293.571);
    --color-violet-400: oklch(70.2% .183 293.541);
    --color-violet-500: oklch(60.6% .25 292.717);
    --color-violet-600: oklch(54.1% .281 293.009);
    --color-violet-700: oklch(49.1% .27 292.581);
    --color-violet-800: oklch(43.2% .232 292.759);
    --color-violet-900: oklch(38% .189 293.745);
    --color-violet-950: oklch(28.3% .141 291.089);
    --color-purple-50: oklch(97.7% .014 308.299);
    --color-purple-100: oklch(94.6% .033 307.174);
    --color-purple-200: oklch(90.2% .063 306.703);
    --color-purple-300: oklch(82.7% .119 306.383);
    --color-purple-400: oklch(71.4% .203 305.504);
    --color-purple-500: oklch(62.7% .265 303.9);
    --color-purple-600: oklch(55.8% .288 302.321);
    --color-purple-700: oklch(49.6% .265 301.924);
    --color-purple-800: oklch(43.8% .218 303.724);
    --color-purple-900: oklch(38.1% .176 304.987);
    --color-purple-950: oklch(29.1% .149 302.717);
    --color-fuchsia-50: oklch(97.7% .017 320.058);
    --color-fuchsia-100: oklch(95.2% .037 318.852);
    --color-fuchsia-200: oklch(90.3% .076 319.62);
    --color-fuchsia-300: oklch(83.3% .145 321.434);
    --color-fuchsia-400: oklch(74% .238 322.16);
    --color-fuchsia-500: oklch(66.7% .295 322.15);
    --color-fuchsia-600: oklch(59.1% .293 322.896);
    --color-fuchsia-700: oklch(51.8% .253 323.949);
    --color-fuchsia-800: oklch(45.2% .211 324.591);
    --color-fuchsia-900: oklch(40.1% .17 325.612);
    --color-fuchsia-950: oklch(29.3% .136 325.661);
    --color-pink-50: oklch(97.1% .014 343.198);
    --color-pink-100: oklch(94.8% .028 342.258);
    --color-pink-200: oklch(89.9% .061 343.231);
    --color-pink-300: oklch(82.3% .12 346.018);
    --color-pink-400: oklch(71.8% .202 349.761);
    --color-pink-500: oklch(65.6% .241 354.308);
    --color-pink-600: oklch(59.2% .249 .584);
    --color-pink-700: oklch(52.5% .223 3.958);
    --color-pink-800: oklch(45.9% .187 3.815);
    --color-pink-900: oklch(40.8% .153 2.432);
    --color-pink-950: oklch(28.4% .109 3.907);
    --color-rose-50: oklch(96.9% .015 12.422);
    --color-rose-100: oklch(94.1% .03 12.58);
    --color-rose-200: oklch(89.2% .058 10.001);
    --color-rose-300: oklch(81% .117 11.638);
    --color-rose-400: oklch(71.2% .194 13.428);
    --color-rose-500: oklch(64.5% .246 16.439);
    --color-rose-600: oklch(58.6% .253 17.585);
    --color-rose-700: oklch(51.4% .222 16.935);
    --color-rose-800: oklch(45.5% .188 13.697);
    --color-rose-900: oklch(41% .159 10.272);
    --color-rose-950: oklch(27.1% .105 12.094);
    --color-slate-50: oklch(98.4% .003 247.858);
    --color-slate-100: oklch(96.8% .007 247.896);
    --color-slate-200: oklch(92.9% .013 255.508);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-400: oklch(70.4% .04 256.788);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-slate-600: oklch(44.6% .043 257.281);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-slate-800: oklch(27.9% .041 260.031);
    --color-slate-900: oklch(20.8% .042 265.755);
    --color-slate-950: oklch(12.9% .042 264.695);
    --color-gray-50: oklch(98.5% .002 247.839);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-gray-900: oklch(21% .034 264.665);
    --color-gray-950: oklch(13% .028 261.692);
    --color-zinc-50: oklch(98.5% 0 0);
    --color-zinc-100: oklch(96.7% .001 286.375);
    --color-zinc-200: oklch(92% .004 286.32);
    --color-zinc-300: oklch(87.1% .006 286.286);
    --color-zinc-400: oklch(70.5% .015 286.067);
    --color-zinc-500: oklch(55.2% .016 285.938);
    --color-zinc-600: oklch(44.2% .017 285.786);
    --color-zinc-700: oklch(37% .013 285.805);
    --color-zinc-800: oklch(27.4% .006 286.033);
    --color-zinc-900: oklch(21% .006 285.885);
    --color-zinc-950: oklch(14.1% .005 285.823);
    --color-neutral-50: oklch(98.5% 0 0);
    --color-neutral-100: oklch(97% 0 0);
    --color-neutral-200: oklch(92.2% 0 0);
    --color-neutral-300: oklch(87% 0 0);
    --color-neutral-400: oklch(70.8% 0 0);
    --color-neutral-500: oklch(55.6% 0 0);
    --color-neutral-600: oklch(43.9% 0 0);
    --color-neutral-700: oklch(37.1% 0 0);
    --color-neutral-800: oklch(26.9% 0 0);
    --color-neutral-900: oklch(20.5% 0 0);
    --color-neutral-950: oklch(14.5% 0 0);
    --color-stone-50: oklch(98.5% .001 106.423);
    --color-stone-100: oklch(97% .001 106.424);
    --color-stone-200: oklch(92.3% .003 48.717);
    --color-stone-300: oklch(86.9% .005 56.366);
    --color-stone-400: oklch(70.9% .01 56.259);
    --color-stone-500: oklch(55.3% .013 58.071);
    --color-stone-600: oklch(44.4% .011 73.639);
    --color-stone-700: oklch(37.4% .01 67.558);
    --color-stone-800: oklch(26.8% .007 34.298);
    --color-stone-900: oklch(21.6% .006 56.043);
    --color-stone-950: oklch(14.7% .004 49.25);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --breakpoint-sm: 40rem;
    --breakpoint-md: 48rem;
    --breakpoint-lg: 64rem;
    --breakpoint-xl: 80rem;
    --breakpoint-2xl: 96rem;
    --container-3xs: 16rem;
    --container-2xs: 18rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-thin: 100;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -.05em;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --shadow-2xs: 0 1px #0000000d;
    --shadow-xs: 0 1px 2px 0 #0000000d;
    --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
    --shadow-2xl: 0 25px 50px -12px #00000040;
    --inset-shadow-2xs: inset 0 1px #0000000d;
    --inset-shadow-xs: inset 0 1px 1px #0000000d;
    --inset-shadow-sm: inset 0 2px 4px #0000000d;
    --drop-shadow-xs: 0 1px 1px #0000000d;
    --drop-shadow-sm: 0 1px 2px #00000026;
    --drop-shadow-md: 0 3px 3px #0000001f;
    --drop-shadow-lg: 0 4px 4px #00000026;
    --drop-shadow-xl: 0 9px 7px #0000001a;
    --drop-shadow-2xl: 0 25px 25px #00000026;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --perspective-dramatic: 100px;
    --perspective-near: 300px;
    --perspective-normal: 500px;
    --perspective-midrange: 800px;
    --perspective-distant: 1200px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    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;
    -webkit-text-decoration: 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 {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.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 {
    vertical-align: middle;
    display: block;
  }

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

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :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)) {
      ::placeholder {
        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 {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-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"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

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

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

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .collapse {
    visibility: collapse;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .end {
    inset-inline-end: var(--spacing);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .mx-auto {
    margin-inline: auto;
  }

  .-mt-\[6\.6rem\] {
    margin-top: -6.6rem;
  }

  .-mt-px {
    margin-top: -1px;
  }

  .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);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .-mb-px {
    margin-bottom: -1px;
  }

  .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);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .-ml-8 {
    margin-left: calc(var(--spacing) * -8);
  }

  .-ml-px {
    margin-left: -1px;
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-12 {
    margin-left: calc(var(--spacing) * 12);
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

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

  .table {
    display: table;
  }

  .table-row {
    display: table-row;
  }

  .aspect-\[335\/364\] {
    aspect-ratio: 335 / 364;
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-14\.5 {
    height: calc(var(--spacing) * 14.5);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-full {
    height: 100%;
  }

  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }

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

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

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

  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-1 {
    width: calc(var(--spacing) * 1);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-36 {
    width: calc(var(--spacing) * 36);
  }

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

  .w-auto {
    width: auto;
  }

  .w-full {
    width: 100%;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-\[86\%\] {
    max-width: 86%;
  }

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

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

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }

  .min-w-56 {
    min-width: calc(var(--spacing) * 56);
  }

  .min-w-64 {
    min-width: calc(var(--spacing) * 64);
  }

  .min-w-72 {
    min-width: calc(var(--spacing) * 72);
  }

  .min-w-80 {
    min-width: calc(var(--spacing) * 80);
  }

  .min-w-full {
    min-width: 100%;
  }

  .flex-1 {
    flex: 1;
  }

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

  .grow {
    flex-grow: 1;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .list-disc {
    list-style-type: disc;
  }

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

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

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

  .grid-cols-\[1fr_2fr\] {
    grid-template-columns: 1fr 2fr;
  }

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

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .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;
  }

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

  .justify-items-center {
    justify-items: center;
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  :where(.space-y-3 > :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)));
  }

  :where(.space-y-4 > :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)));
  }

  :where(.space-y-5 > :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)));
  }

  :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.divide-y > :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)));
  }

  :where(.divide-slate-100 > :not(:last-child)) {
    border-color: var(--color-slate-100);
  }

  :where(.divide-slate-200 > :not(:last-child)) {
    border-color: var(--color-slate-200);
  }

  .self-center {
    align-self: center;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

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

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-\[1\.6rem\] {
    border-radius: 1.6rem;
  }

  .rounded-\[1\.8rem\] {
    border-radius: 1.8rem;
  }

  .rounded-\[2rem\] {
    border-radius: 2rem;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

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

  .rounded-md {
    border-radius: var(--radius-md);
  }

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

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }

  .rounded-l-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .rounded-r-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .rounded-br-lg {
    border-bottom-right-radius: var(--radius-lg);
  }

  .rounded-bl-lg {
    border-bottom-left-radius: var(--radius-lg);
  }

  .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-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\[\#19140035\] {
    border-color: #19140035;
  }

  .border-\[\#e3e3e0\] {
    border-color: #e3e3e0;
  }

  .border-\[var\(--site-charcoal\)\] {
    border-color: var(--site-charcoal);
  }

  .border-\[var\(--site-line\)\] {
    border-color: var(--site-line);
  }

  .border-amber-200 {
    border-color: var(--color-amber-200);
  }

  .border-black {
    border-color: var(--color-black);
  }

  .border-black\/10 {
    border-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/10 {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .border-blue-200 {
    border-color: var(--color-blue-200);
  }

  .border-blue-500 {
    border-color: var(--color-blue-500);
  }

  .border-current {
    border-color: currentColor;
  }

  .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-gray-400 {
    border-color: var(--color-gray-400);
  }

  .border-indigo-200 {
    border-color: var(--color-indigo-200);
  }

  .border-red-100 {
    border-color: var(--color-red-100);
  }

  .border-red-200 {
    border-color: var(--color-red-200);
  }

  .border-red-300 {
    border-color: var(--color-red-300);
  }

  .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-transparent {
    border-color: #0000;
  }

  .border-violet-200 {
    border-color: var(--color-violet-200);
  }

  .border-violet-300 {
    border-color: var(--color-violet-300);
  }

  .bg-\[\#1b1b18\] {
    background-color: #1b1b18;
  }

  .bg-\[\#FDFDFC\] {
    background-color: #fdfdfc;
  }

  .bg-\[\#dbdbd7\] {
    background-color: #dbdbd7;
  }

  .bg-\[\#efe6d9\] {
    background-color: #efe6d9;
  }

  .bg-\[\#fff2f2\] {
    background-color: #fff2f2;
  }

  .bg-\[var\(--site-charcoal\)\] {
    background-color: var(--site-charcoal);
  }

  .bg-\[var\(--site-forest\)\] {
    background-color: var(--site-forest);
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }

  .bg-emerald-50\/40 {
    background-color: #ecfdf566;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-50\/40 {
      background-color: color-mix(in oklab, var(--color-emerald-50) 40%, transparent);
    }
  }

  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }

  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }

  .bg-emerald-700 {
    background-color: var(--color-emerald-700);
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }

  .bg-indigo-50 {
    background-color: var(--color-indigo-50);
  }

  .bg-indigo-50\/30 {
    background-color: #eef2ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-indigo-50\/30 {
      background-color: color-mix(in oklab, var(--color-indigo-50) 30%, transparent);
    }
  }

  .bg-indigo-50\/40 {
    background-color: #eef2ff66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-indigo-50\/40 {
      background-color: color-mix(in oklab, var(--color-indigo-50) 40%, transparent);
    }
  }

  .bg-indigo-600 {
    background-color: var(--color-indigo-600);
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-red-700 {
    background-color: var(--color-red-700);
  }

  .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-violet-50 {
    background-color: var(--color-violet-50);
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/70 {
    background-color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/70 {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .bg-white\/75 {
    background-color: #ffffffbf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/75 {
      background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }

  .bg-white\/80 {
    background-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-blue-50 {
    --tw-gradient-from: var(--color-blue-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-emerald-50 {
    --tw-gradient-from: var(--color-emerald-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-indigo-50 {
    --tw-gradient-from: var(--color-indigo-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .via-cyan-50 {
    --tw-gradient-via: var(--color-cyan-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-indigo-50 {
    --tw-gradient-via: var(--color-indigo-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-sky-50 {
    --tw-gradient-to: var(--color-sky-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-white {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .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-7 {
    padding: calc(var(--spacing) * 7);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .p-12 {
    padding: calc(var(--spacing) * 12);
  }

  .p-100001280 {
    padding: calc(var(--spacing) * 100001000);
  }

  .p-100002012, .p-100002013 {
    padding: calc(var(--spacing) * 100002000);
  }

  .p-100007008 {
    padding: calc(var(--spacing) * 100007000);
  }

  .p-100007858 {
    padding: calc(var(--spacing) * 100008000);
  }

  .p-191284014, .p-191284169 {
    padding: calc(var(--spacing) * 191284000);
  }

  .p-191286098, .p-191286172 {
    padding: calc(var(--spacing) * 191286000);
  }

  .p-191288010 {
    padding: calc(var(--spacing) * 191288000);
  }

  .p-191288664 {
    padding: calc(var(--spacing) * 191289000);
  }

  .p-200000446, .p-200000447 {
    padding: calc(var(--spacing) * 200000000);
  }

  .p-200000611, .p-200000781, .p-200000784, .p-200000876 {
    padding: calc(var(--spacing) * 200001000);
  }

  .p-210188422 {
    padding: calc(var(--spacing) * 210188000);
  }

  .p-210192633 {
    padding: calc(var(--spacing) * 210193000);
  }

  .p-210194333 {
    padding: calc(var(--spacing) * 210194000);
  }

  .p-210196193 {
    padding: calc(var(--spacing) * 210196000);
  }

  .p-210200493 {
    padding: calc(var(--spacing) * 210201000);
  }

  .p-210202006 {
    padding: calc(var(--spacing) * 210202000);
  }

  .p-210202532 {
    padding: calc(var(--spacing) * 210203000);
  }

  .p-210212506 {
    padding: calc(var(--spacing) * 210213000);
  }

  .p-230797472 {
    padding: calc(var(--spacing) * 230797000);
  }

  .p-251468744 {
    padding: calc(var(--spacing) * 251469000);
  }

  .p-345770527 {
    padding: calc(var(--spacing) * 345771000);
  }

  .p-379279930 {
    padding: calc(var(--spacing) * 379280000);
  }

  .p-400035209 {
    padding: calc(var(--spacing) * 400035000);
  }

  .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);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .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-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }

  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .text-center {
    text-align: center;
  }

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

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

  .align-top {
    vertical-align: top;
  }

  .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-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--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-\[11px\] {
    font-size: 11px;
  }

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

  .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-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }

  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[0\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-\[0\.24em\] {
    --tw-tracking: .24em;
    letter-spacing: .24em;
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[\#1B1B18\], .text-\[\#1b1b18\] {
    color: #1b1b18;
  }

  .text-\[\#706f6c\] {
    color: #706f6c;
  }

  .text-\[\#F3BEC7\] {
    color: #f3bec7;
  }

  .text-\[\#F8B803\] {
    color: #f8b803;
  }

  .text-\[\#F53003\], .text-\[\#f53003\] {
    color: #f53003;
  }

  .text-\[var\(--site-charcoal\)\] {
    color: var(--site-charcoal);
  }

  .text-\[var\(--site-copper\)\] {
    color: var(--site-copper);
  }

  .text-\[var\(--site-ink\)\] {
    color: var(--site-ink);
  }

  .text-\[var\(--site-muted\)\] {
    color: var(--site-muted);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-blue-800 {
    color: var(--color-blue-800);
  }

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-emerald-800 {
    color: var(--color-emerald-800);
  }

  .text-emerald-950 {
    color: var(--color-emerald-950);
  }

  .text-gray-200 {
    color: var(--color-gray-200);
  }

  .text-gray-300 {
    color: var(--color-gray-300);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-gray-900 {
    color: var(--color-gray-900);
  }

  .text-indigo-600 {
    color: var(--color-indigo-600);
  }

  .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-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-violet-700 {
    color: var(--color-violet-700);
  }

  .text-violet-800 {
    color: var(--color-violet-800);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/45 {
    color: #ffffff73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/45 {
      color: color-mix(in oklab, var(--color-white) 45%, transparent);
    }
  }

  .text-white\/65 {
    color: #ffffffa6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/65 {
      color: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }

  .uppercase {
    text-transform: uppercase;
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-100 {
    opacity: 1;
  }

  .mix-blend-color {
    mix-blend-mode: color;
  }

  .mix-blend-darken {
    mix-blend-mode: darken;
  }

  .mix-blend-hard-light {
    mix-blend-mode: hard-light;
  }

  .mix-blend-multiply {
    mix-blend-mode: multiply;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_0px_1px_0px_rgba\(0\,0\,0\,0\.03\)\,0px_1px_2px_0px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0px 0px 1px 0px var(--tw-shadow-color, #00000008), 0px 1px 2px 0px var(--tw-shadow-color, #0000000f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0px_0px_0px_1px_rgba\(26\,26\,0\,0\.16\)\] {
    --tw-shadow: inset 0px 0px 0px 1px var(--tw-shadow-color, #1a1a0029);
    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, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    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, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-black\/10 {
    --tw-shadow-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/10 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-gray-300 {
    --tw-ring-color: var(--color-gray-300);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .delay-200 {
    transition-delay: .2s;
  }

  .delay-300 {
    transition-delay: .3s;
  }

  .delay-400 {
    transition-delay: .4s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-750 {
    --tw-duration: .75s;
    transition-duration: .75s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .\[--stroke-color\:\#1B1B18\] {
    --stroke-color: #1b1b18;
  }

  .\[array\:\'\.count\(\$item\)\.\'\] {
    array: ".count($item).";
  }

  .not-has-\[nav\]\:hidden:not(:has(:is(nav))) {
    display: none;
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:top-0:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .before\:top-1\/2:before {
    content: var(--tw-content);
    top: 50%;
  }

  .before\:bottom-0:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .before\:bottom-1\/2:before {
    content: var(--tw-content);
    bottom: 50%;
  }

  .before\:left-\[0\.4rem\]:before {
    content: var(--tw-content);
    left: .4rem;
  }

  .before\:border-l:before {
    content: var(--tw-content);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .before\:border-\[\#e3e3e0\]:before {
    content: var(--tw-content);
    border-color: #e3e3e0;
  }

  @media (hover: hover) {
    .hover\:border-\[\#1915014a\]:hover {
      border-color: #1915014a;
    }

    .hover\:border-\[\#19140035\]:hover {
      border-color: #19140035;
    }

    .hover\:border-\[var\(--site-copper\)\]:hover {
      border-color: var(--site-copper);
    }

    .hover\:border-black:hover {
      border-color: var(--color-black);
    }

    .hover\:border-blue-400:hover {
      border-color: var(--color-blue-400);
    }

    .hover\:bg-black:hover {
      background-color: var(--color-black);
    }

    .hover\:bg-slate-50\/70:hover {
      background-color: #f8fafcb3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-slate-50\/70:hover {
        background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);
      }
    }
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-35:disabled {
    opacity: .35;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

  @media (min-width: 48rem) {
    .md\:sticky {
      position: sticky;
    }

    .md\:top-24 {
      top: calc(var(--spacing) * 24);
    }

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

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

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

    .md\:grid-cols-\[0\.8fr_1\.2fr\] {
      grid-template-columns: .8fr 1.2fr;
    }

    .md\:grid-cols-\[1\.05fr_0\.95fr\] {
      grid-template-columns: 1.05fr .95fr;
    }

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

    .md\:self-start {
      align-self: flex-start;
    }

    .md\:py-14 {
      padding-block: calc(var(--spacing) * 14);
    }

    .md\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }

    .lg\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }

    .lg\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }

    .lg\:-ml-px {
      margin-left: -1px;
    }

    .lg\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }

    .lg\:block {
      display: block;
    }

    .lg\:aspect-auto {
      aspect-ratio: auto;
    }

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

    .lg\:max-w-4xl {
      max-width: var(--container-4xl);
    }

    .lg\:grow {
      flex-grow: 1;
    }

    .lg\:grid-cols-\[1fr_420px\] {
      grid-template-columns: 1fr 420px;
    }

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

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

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

    .lg\:rounded-t-none {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }

    .lg\:rounded-tl-lg {
      border-top-left-radius: var(--radius-lg);
    }

    .lg\:rounded-r-lg {
      border-top-right-radius: var(--radius-lg);
      border-bottom-right-radius: var(--radius-lg);
    }

    .lg\:rounded-br-none {
      border-bottom-right-radius: 0;
    }

    .lg\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .lg\:p-20 {
      padding: calc(var(--spacing) * 20);
    }

    .lg\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:grid-cols-\[minmax\(320px\,0\.8fr\)_minmax\(0\,1\.5fr\)\] {
      grid-template-columns: minmax(320px, .8fr) minmax(0, 1.5fr);
    }

    .xl\:grid-cols-\[minmax\(320px\,0\.78fr\)_minmax\(0\,1\.55fr\)\] {
      grid-template-columns: minmax(320px, .78fr) minmax(0, 1.55fr);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-\[\#3E3E3A\] {
      border-color: #3e3e3a;
    }

    .dark\:border-\[\#eeeeec\] {
      border-color: #eeeeec;
    }

    .dark\:bg-\[\#0a0a0a\] {
      background-color: #0a0a0a;
    }

    .dark\:bg-\[\#1D0002\] {
      background-color: #1d0002;
    }

    .dark\:bg-\[\#3E3E3A\] {
      background-color: #3e3e3a;
    }

    .dark\:bg-\[\#161615\] {
      background-color: #161615;
    }

    .dark\:bg-\[\#eeeeec\] {
      background-color: #eeeeec;
    }

    .dark\:text-\[\#1C1C1A\] {
      color: #1c1c1a;
    }

    .dark\:text-\[\#4B0600\] {
      color: #4b0600;
    }

    .dark\:text-\[\#391800\] {
      color: #391800;
    }

    .dark\:text-\[\#733000\] {
      color: #733000;
    }

    .dark\:text-\[\#A1A09A\] {
      color: #a1a09a;
    }

    .dark\:text-\[\#EDEDEC\] {
      color: #ededec;
    }

    .dark\:text-\[\#F61500\] {
      color: #f61500;
    }

    .dark\:text-\[\#FF4433\] {
      color: #f43;
    }

    .dark\:text-black {
      color: var(--color-black);
    }

    .dark\:mix-blend-hard-light {
      mix-blend-mode: hard-light;
    }

    .dark\:mix-blend-normal {
      mix-blend-mode: normal;
    }

    .dark\:shadow-\[inset_0px_0px_0px_1px_\#fffaed2d\] {
      --tw-shadow: inset 0px 0px 0px 1px var(--tw-shadow-color, #fffaed2d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .dark\:\[--stroke-color\:\#FF750F\] {
      --stroke-color: #ff750f;
    }

    .dark\:before\:border-\[\#3E3E3A\]:before {
      content: var(--tw-content);
      border-color: #3e3e3a;
    }

    @media (hover: hover) {
      .dark\:hover\:border-\[\#3E3E3A\]:hover {
        border-color: #3e3e3a;
      }

      .dark\:hover\:border-\[\#62605b\]:hover {
        border-color: #62605b;
      }

      .dark\:hover\:border-white:hover {
        border-color: var(--color-white);
      }

      .dark\:hover\:bg-white:hover {
        background-color: var(--color-white);
      }
    }
  }

  @starting-style {
    .starting\:opacity-0 {
      opacity: 0;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    @starting-style {
      .motion-safe\:starting\:-translate-x-\[26px\] {
        --tw-translate-x: calc(26px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }

    @starting-style {
      .motion-safe\:starting\:-translate-x-\[51px\] {
        --tw-translate-x: calc(51px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }

    @starting-style {
      .motion-safe\:starting\:-translate-x-\[78px\] {
        --tw-translate-x: calc(78px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }

    @starting-style {
      .motion-safe\:starting\:-translate-x-\[102px\] {
        --tw-translate-x: calc(102px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }

    @starting-style {
      .motion-safe\:starting\:translate-y-6 {
        --tw-translate-y: calc(var(--spacing) * 6);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
}

:root {
  --brand-primary: #0d6f67;
  --brand-primary-hover: #0a5e57;
  --brand-primary-soft: #dcefeb;
  --brand-accent: #1a8b82;
  --bg-app: #f7f8f7;
  --bg-card: #fff;
  --bg-panel: #ffffffd1;
  --bg-sidebar: #0c1517;
  --bg-sidebar-hover: #132023;
  --bg-sidebar-active: #122325;
  --text-primary: #132525;
  --text-secondary: #556a68;
  --text-tertiary: #829592;
  --border-default: #d7e2df;
  --border-soft: #e7efec;
  --success: #2b7a68;
  --warning: #a56a18;
  --error: #b44747;
  --info: #356d8f;
  --success-soft: #e4f3ee;
  --warning-soft: #fbefdc;
  --error-soft: #fae9e7;
  --info-soft: #e6f0f8;
  --radius-card: 14px;
  --radius-control: 10px;
  --radius-pill: 999px;
  --radius-popover: 16px;
  --shadow-soft: 0 1px 2px #0f17170a;
  --shadow-card: 0 16px 34px #0f17170f;
  --shadow-popover: 0 22px 48px #0f17171f;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
}

.sales-console-hero {
  background: radial-gradient(circle at 0 0, #0e74901f, #0000 40%), linear-gradient(145deg, #fffffffa, #f8fafcf0);
  border: 1px solid #94a3b838;
  border-radius: 24px;
  grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr);
  gap: 20px;
  padding: 24px 28px;
  display: grid;
  box-shadow: 0 24px 60px #0f172a14;
}

.sales-console-hero__copy {
  gap: 10px;
  display: grid;
}

.sales-console-hero__eyebrow, .sales-console-card__eyebrow, .sales-workbench__eyebrow, .sales-panel__eyebrow {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #0f766e;
  margin: 0;
  font-size: 12px;
  font-weight: 700;
}

.sales-console-hero__copy h2 {
  color: #0f172a;
  margin: 0;
  font-size: 28px;
  line-height: 1.15;
}

.sales-console-hero__copy p:last-child {
  color: #475569;
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
}

.sales-console-hero__stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.sales-console-stat {
  background: #ffffffd9;
  border: 1px solid #94a3b82e;
  border-radius: 18px;
  gap: 4px;
  padding: 16px 18px;
  display: grid;
}

.sales-console-stat strong {
  color: #0f172a;
  font-size: 28px;
  line-height: 1;
}

.sales-console-stat span {
  color: #0f172a;
  font-size: 13px;
  font-weight: 600;
}

.sales-console-stat small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.6;
}

.sales-console-toolbar {
  background: #fffffff0;
  border: 1px solid #94a3b82e;
  border-radius: 22px;
  gap: 14px;
  margin-top: 18px;
  padding: 18px 22px;
  display: grid;
  box-shadow: 0 16px 40px #0f172a0f;
}

.sales-console-toolbar__row {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.sales-console-toolbar__row--advanced {
  padding-top: 2px;
}

.sales-console-toolbar__search {
  flex: 320px;
  min-width: 320px;
}

.sales-console-toolbar__buttons {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  margin-left: auto;
  display: flex;
}

.sales-console-toolbar__badges, .sales-focus-tabs {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.sales-focus-tab {
  color: #334155;
  cursor: pointer;
  background: #f8fafcf0;
  border: 1px solid #94a3b838;
  border-radius: 999px;
  padding: 9px 16px;
  font-size: 13px;
  font-weight: 600;
  transition: all .18s;
}

.sales-focus-tab:hover {
  color: #0f172a;
  border-color: #0f766e59;
}

.sales-focus-tab.is-active {
  color: #115e59;
  background: #0f766e1f;
  border-color: #0f766e66;
  box-shadow: inset 0 0 0 1px #0f766e0f;
}

.sales-console-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  margin-top: 18px;
  display: grid;
}

.sales-console-sidebar, .sales-console-main {
  min-width: 0;
}

.sales-console-card, .sales-workbench, .sales-panel {
  background: #fffffff5;
  border: 1px solid #94a3b82e;
  border-radius: 24px;
  box-shadow: 0 18px 44px #0f172a0f;
}

.sales-console-card {
  gap: 16px;
  padding: 22px;
  display: grid;
}

.sales-console-card__header, .sales-workbench__header, .sales-panel__header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.sales-console-card__header h3, .sales-panel__header h3 {
  color: #0f172a;
  margin: 4px 0 0;
  font-size: 22px;
  line-height: 1.2;
}

.sales-console-card__header span, .sales-panel__header span {
  color: #64748b;
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.6;
  display: block;
}

.sales-console-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.sales-console-summary > div {
  background: #f8fafc;
  border: 1px solid #94a3b829;
  border-radius: 18px;
  gap: 4px;
  padding: 14px 16px;
  display: grid;
}

.sales-console-summary strong {
  color: #0f172a;
  font-size: 24px;
  line-height: 1;
}

.sales-console-summary span {
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
}

.sales-console-list {
  gap: 12px;
  display: grid;
}

.sales-console-row {
  cursor: pointer;
  background: #fff;
  border: 1px solid #94a3b829;
  border-radius: 20px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  padding: 16px 16px 16px 18px;
  transition: transform .18s, box-shadow .18s, border-color .18s, background .18s;
  display: grid;
  position: relative;
}

.sales-console-row:hover {
  background: #f8fbfc;
  border-color: #0e749038;
  transform: translateY(-1px);
  box-shadow: 0 12px 28px #0e749014;
}

.sales-console-row.is-active {
  background: linear-gradient(145deg, #f0f9fff5, #f8fafcfa);
  border-color: #0e749052;
  box-shadow: 0 18px 36px #0e74901f;
}

.sales-console-row.is-active:before {
  content: "";
  background: linear-gradient(#0f766e, #0891b2);
  border-radius: 999px;
  width: 4px;
  position: absolute;
  inset: 14px auto 14px 0;
}

.sales-console-row__copy {
  gap: 8px;
  min-width: 0;
  display: grid;
}

.sales-console-row__title {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.sales-console-row__title strong {
  color: #0f172a;
  font-size: 16px;
  line-height: 1.45;
}

.sales-console-row__flag {
  letter-spacing: .04em;
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 700;
}

.sales-console-row__flag--current {
  color: #115e59;
  background: #0f766e24;
}

.sales-console-row__signals {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.sales-console-row__signal {
  color: #334155;
  background: #f1f5f9;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
}

.sales-console-row__signal[data-tone="success"] {
  color: #166534;
  background: #22c55e24;
}

.sales-console-row__signal[data-tone="warning"] {
  color: #92400e;
  background: #f59e0b29;
}

.sales-console-row__signal[data-tone="error"] {
  color: #b91c1c;
  background: #ef444424;
}

.sales-console-row__signal[data-tone="info"] {
  color: #155e75;
  background: #0e749024;
}

.sales-console-row__kicker, .sales-console-row__copy small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.7;
}

.sales-console-row__actions {
  align-content: start;
  justify-items: end;
  gap: 10px;
  display: grid;
}

.sales-console-row__id {
  color: #94a3b8;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.sales-console-pagination {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding-top: 8px;
  display: flex;
}

.sales-console-pagination__meta {
  color: #64748b;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 12px;
  display: flex;
}

.sales-console-pagination__actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.sales-workbench {
  gap: 16px;
  padding: 22px;
  display: grid;
}

.sales-workbench__title h2 {
  color: #0f172a;
  margin: 4px 0 0;
  font-size: 28px;
  line-height: 1.15;
}

.sales-workbench__title p:last-child {
  color: #64748b;
  margin: 10px 0 0;
  font-size: 13px;
}

.sales-workbench__actions {
  justify-items: end;
  gap: 12px;
  display: grid;
}

.sales-workbench__primary-action, .sales-workbench__secondary-actions, .sales-workbench__badges {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.sales-workbench__signals {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.sales-workbench__signal {
  background: #f8fafc;
  border: 1px solid #94a3b829;
  border-radius: 18px;
  gap: 6px;
  padding: 16px 18px;
  display: grid;
}

.sales-workbench__signal strong {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

.sales-workbench__signal span {
  color: #0f172a;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}

.sales-workbench__signal small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.7;
}

.sales-workbench__signal[data-tone="success"] {
  background: #f0fdf4eb;
}

.sales-workbench__signal[data-tone="warning"] {
  background: #fffbebf5;
}

.sales-workbench__signal[data-tone="error"] {
  background: #fef2f2f5;
}

.sales-workbench__signal[data-tone="info"] {
  background: #f0f9fff5;
}

.sales-workbench__panels {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
  display: grid;
}

.sales-panel {
  gap: 16px;
  padding: 22px;
  display: grid;
}

.sales-meta-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.sales-meta-item {
  background: #f8fafc;
  border: 1px solid #94a3b829;
  border-radius: 18px;
  gap: 6px;
  padding: 14px 16px;
  display: grid;
}

.sales-meta-item span {
  color: #64748b;
  font-size: 12px;
}

.sales-meta-item strong {
  color: #0f172a;
  font-size: 15px;
  line-height: 1.55;
}

.sales-action-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.sales-action {
  text-align: left;
  cursor: pointer;
  background: linear-gradient(#f8fafcf5, #fffffffa);
  border: 1px solid #94a3b82e;
  border-radius: 18px;
  gap: 8px;
  padding: 16px;
  transition: all .18s;
  display: grid;
}

.sales-action strong {
  color: #0f172a;
  font-size: 15px;
}

.sales-action span {
  color: #64748b;
  font-size: 12px;
  line-height: 1.7;
}

.sales-action:hover:not(:disabled) {
  border-color: #0e749042;
  transform: translateY(-1px);
  box-shadow: 0 12px 28px #0e749014;
}

.sales-action:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.sales-panel--issues {
  margin-top: 18px;
}

.sales-issue-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}

.sales-issue-column h4 {
  color: #0f172a;
  margin: 0 0 10px;
  font-size: 16px;
}

.sales-issue-list {
  color: #334155;
  gap: 10px;
  margin: 0;
  padding-left: 18px;
  line-height: 1.7;
  display: grid;
}

.sales-issue-empty {
  color: #64748b;
  margin: 0;
  font-size: 13px;
}

@media (max-width: 1280px) {
  .sales-console-grid, .sales-workbench__panels {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1024px) {
  .sales-console-hero, .sales-console-summary, .sales-console-hero__stats, .sales-workbench__signals, .sales-meta-grid, .sales-action-grid, .sales-issue-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .sales-console-hero, .sales-console-toolbar, .sales-console-card, .sales-workbench, .sales-panel {
    padding: 16px;
  }

  .sales-console-hero__copy h2, .sales-workbench__title h2 {
    font-size: 24px;
  }

  .sales-console-card__header, .sales-workbench__header, .sales-panel__header, .sales-console-row {
    flex-direction: column;
    grid-template-columns: 1fr;
    align-items: flex-start;
  }

  .sales-workbench__actions, .sales-workbench__secondary-actions, .sales-console-row__actions, .sales-console-toolbar__buttons {
    justify-content: flex-start;
    margin-left: 0;
  }

  .sales-console-toolbar__search {
    flex-basis: 100%;
    min-width: 100%;
  }
}

* {
  box-sizing: border-box;
}

html, body, #app {
  background: radial-gradient(circle at top left, #dcefeaad, transparent 26%), radial-gradient(circle at top right, #e8eff494, transparent 24%), linear-gradient(180deg, #fbfcfb 0%, var(--bg-app) 100%);
  min-height: 100%;
  color: var(--text-primary);
  margin: 0;
  font-family: Inter, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
}

body {
  overflow: hidden;
}

.n-layout-scroll-container {
  min-height: 100vh;
}

.app-shell {
  background: none;
}

.app-sider {
  border-right: 1px solid #dbf4ef0f;
  height: 100vh;
  box-shadow: inset -1px 0 #ffffff08;
  background: linear-gradient(#0d1718 0%, #0b1315 100%) !important;
}

.app-sider .n-layout-sider-scroll-container {
  height: 100%;
}

.app-sidebar-shell {
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}

.brand-block {
  align-items: center;
  gap: var(--space-16);
  color: #edf8f6;
  padding: 22px 18px 12px;
  display: flex;
}

.brand-block.collapsed {
  justify-content: center;
  padding-inline: 14px;
}

.brand-mark {
  color: #f6fffd;
  letter-spacing: .08em;
  background: linear-gradient(135deg, #1b8a81 0%, #0d5752 100%);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  font-size: 20px;
  font-weight: 800;
  display: inline-flex;
  box-shadow: 0 14px 28px #0510103d;
}

.brand-copy {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.brand-copy h1 {
  letter-spacing: -.02em;
  margin: 4px 0 0;
  font-size: 20px;
  font-weight: 700;
}

.brand-subtitle, .sidebar-footer-title, .sidebar-footer-copy, .page-header-eyebrow, .metric-card-label, .filter-bar-copy span, .topbar-title-row span, .app-breadcrumb, .empty-state-copy p, .section-card-header p, .page-header-description, .list-row-card p, .site-meta, .dictionary-description, .category-path {
  color: var(--text-secondary);
}

.brand-kicker {
  color: #6d8480;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin: 0;
  font-size: 10px;
}

.brand-environment-row {
  gap: 6px;
  padding: 0 18px 14px;
  display: flex;
}

.sidebar-badge, .topbar-pill, .status-badge {
  color: var(--text-secondary);
  background: #eff4f2;
  align-items: center;
  gap: 7px;
  display: inline-flex;
  box-shadow: inset 0 0 0 1px #d7e2df99;
}

.status-badge-dot {
  opacity: .72;
  background: currentColor;
  border-radius: 999px;
  width: 7px;
  height: 7px;
}

.status-badge[data-tone="success"] {
  background: var(--success-soft);
  color: var(--success);
}

.status-badge[data-tone="warning"] {
  background: var(--warning-soft);
  color: var(--warning);
}

.status-badge[data-tone="error"] {
  background: var(--error-soft);
  color: var(--error);
}

.status-badge[data-tone="info"] {
  background: var(--info-soft);
  color: var(--info);
}

.action-toolbar, .filter-bar {
  background: #fffffff0;
  border: 1px solid #e3ece9f5;
  border-radius: 18px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  display: flex;
  box-shadow: 0 8px 18px #0f171708;
}

.filter-bar {
  margin-bottom: var(--space-20);
}

.filter-bar-copy {
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.filter-bar-copy strong {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 600;
}

.filter-bar-content, .action-toolbar-main, .action-toolbar-side {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.board-grid {
  gap: var(--space-16);
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  display: grid;
}

.form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
  display: grid;
}

.form-span-2 {
  grid-column: span 2;
}

.list-stack {
  flex-direction: column;
  display: flex;
}

.dashboard-stream-item, .list-row-card {
  border-bottom: 1px solid var(--border-soft);
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 0;
  display: flex;
}

.dashboard-stream-item:last-child, .list-row-card:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.list-row-card strong {
  color: var(--text-primary);
  font-size: 15px;
}

.list-row-card p, .site-meta, .dictionary-description, .category-path {
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.6;
}

.list-row-meta {
  color: var(--text-tertiary);
  white-space: nowrap;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  font-size: 13px;
  display: flex;
}

.site-code {
  color: var(--brand-accent);
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 700;
}

.dictionary-card-head, .site-card-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.dashboard-focus-grid, .dashboard-stream-grid {
  margin-top: var(--space-20);
}

.dashboard-focus-card p {
  min-height: 48px;
}

.categories-workspace {
  grid-template-columns: minmax(360px, 1.1fr) minmax(320px, .9fr);
  gap: 20px;
  display: grid;
}

.entity-workspace {
  grid-template-columns: minmax(380px, 1.05fr) minmax(340px, .95fr);
  gap: 20px;
  display: grid;
}

.entity-list {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.entity-list-item {
  text-align: left;
  background: linear-gradient(#fff, #fbfdfc);
  border: 1px solid #e5edeaf5;
  border-radius: 16px;
  width: 100%;
  padding: 15px 16px;
  transition: border-color .16s, background .16s, transform .16s, box-shadow .16s;
}

.entity-list-item:hover {
  background: #f9fcfb;
  border-color: #c5d8d3;
  box-shadow: 0 10px 18px #0f17170a;
}

.entity-list-item.is-active {
  background: linear-gradient(#e4f3efe6, #fffffffa);
  border-color: #0d6f6738;
  transform: translateY(-1px);
  box-shadow: 0 14px 24px #0f17170f;
}

.entity-list-main {
  min-width: 0;
}

.entity-list-title-row {
  align-items: center;
  gap: 10px;
  margin-bottom: 7px;
  display: flex;
}

.entity-list-title {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 600;
}

.entity-list-kicker {
  color: var(--text-tertiary);
  font-size: 12px;
}

.entity-list-meta {
  color: var(--text-tertiary);
  flex-wrap: wrap;
  gap: 6px 10px;
  margin-top: 9px;
  font-size: 12px;
  display: flex;
}

.entity-detail-stack {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.entity-detail-hero {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 4px 2px 0;
  display: flex;
}

.entity-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
  display: grid;
}

.entity-detail-item {
  background: linear-gradient(#fff, #fafcfb);
  border: 1px solid #e7efecf5;
  border-radius: 14px;
  padding: 13px 14px;
}

.entity-detail-item strong {
  color: var(--text-tertiary);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 700;
  display: block;
}

.entity-detail-item span {
  color: var(--text-primary);
  font-size: 14px;
  line-height: 1.6;
}

.entity-list-description, .entity-detail-subtitle {
  color: var(--text-secondary);
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}

.entity-detail-copy {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.entity-detail-title {
  color: var(--text-primary);
  letter-spacing: -.03em;
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}

.entity-detail-link {
  color: var(--brand-primary);
  word-break: break-all;
  font-size: 13px;
  line-height: 1.6;
  text-decoration: none;
}

.entity-detail-link:hover {
  color: var(--brand-primary-hover);
}

.entity-detail-chip-row {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.entity-detail-note {
  color: var(--text-secondary);
  background: linear-gradient(#fff, #fafcfb);
  border: 1px solid #e7efecf5;
  border-radius: 14px;
  padding: 13px 14px;
  font-size: 13px;
  line-height: 1.7;
}

.entity-detail-note[data-tone="warning"] {
  color: #7e5916;
  background: linear-gradient(#fffaf0, #fff4dc);
  border-color: #d6b57652;
}

.entity-detail-note[data-tone="error"] {
  color: #8f3a3a;
  background: linear-gradient(#fff7f5, #fdecea);
  border-color: #ba474738;
}

.entity-detail-pre {
  color: var(--text-secondary);
  white-space: pre-wrap;
  word-break: break-word;
  background: #f8fbfa;
  border: 1px solid #e7efecf5;
  border-radius: 14px;
  padding: 14px;
  font-size: 12px;
  line-height: 1.75;
}

.category-tree-list {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.category-tree-item {
  text-align: left;
  background: linear-gradient(#fff, #fbfdfc);
  border: 1px solid #e5edeaf5;
  border-radius: 16px;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 13px 14px;
  transition: border-color .16s, background .16s, transform .16s, box-shadow .16s;
  display: grid;
}

.category-tree-item:hover {
  background: #f9fcfb;
  border-color: #c5d8d3;
  box-shadow: 0 10px 18px #0f17170a;
}

.category-tree-item.is-active {
  background: linear-gradient(#e4f3efe6, #fffffffa);
  border-color: #0d6f6738;
  transform: translateY(-1px);
  box-shadow: 0 14px 24px #0f17170f;
}

.category-tree-main {
  min-width: 0;
}

.category-tree-title-row {
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
  display: flex;
}

.category-tree-title {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 600;
}

.category-tree-code {
  color: var(--text-tertiary);
  font-size: 12px;
}

.category-tree-meta {
  color: var(--text-tertiary);
  flex-wrap: wrap;
  gap: 6px 10px;
  font-size: 12px;
  display: flex;
}

.category-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
  display: grid;
}

.category-detail-item {
  background: linear-gradient(#fff, #fafcfb);
  border: 1px solid #e7efecf5;
  border-radius: 14px;
  padding: 13px 14px;
}

.category-detail-item strong {
  color: var(--text-tertiary);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 700;
  display: block;
}

.category-detail-stack {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

@media (max-width: 1100px) {
  .dashboard-hero, .categories-workspace, .entity-workspace, .catalog-detail-governance-layout, .catalog-detail-signal-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .catalog-console-toolbar__search {
    min-width: 100%;
  }

  .catalog-console-toolbar__buttons, .catalog-console-toolbar__hint, .catalog-quick-row__hint {
    margin-left: 0;
  }

  .app-topbar-shell {
    padding: 14px 14px 0;
  }

  .main-content-container {
    padding: 18px 14px 24px;
  }

  .page-header-block, .base-page-header, .filter-bar, .action-toolbar, .app-topbar-main {
    flex-direction: column;
    align-items: stretch;
  }

  .profile-trigger {
    justify-content: space-between;
    width: 100%;
  }

  .stats-grid, .board-grid, .form-grid, .category-detail-grid, .entity-detail-grid {
    grid-template-columns: 1fr;
  }
}

.settings-entry-card {
  background: #ffffffeb;
}

.settings-entry-body {
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  min-height: 190px;
  display: flex;
}

.settings-entry-actions {
  justify-content: flex-end;
  display: flex;
}

.topbar-ghost-btn:hover {
  background: #f5f9f7 !important;
}

.dashboard-hero {
  background: linear-gradient(135deg, #fffffffa 0%, #f2f8f6f5 60%, #e9f3f0f0 100%);
  border: 1px solid #d9e2dfdb;
  border-radius: 22px;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: 20px;
  margin-bottom: 28px;
  padding: 24px 24px 22px;
  display: grid;
  box-shadow: 0 20px 40px #0f17170f;
}

.dashboard-hero-copy {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.dashboard-hero-kicker {
  color: var(--brand-accent);
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
}

.dashboard-hero h1 {
  max-width: 640px;
  color: var(--text-primary);
  letter-spacing: -.045em;
  margin: 0;
  font-size: 38px;
  line-height: 1.05;
}

.dashboard-hero-description {
  max-width: 700px;
  color: var(--text-secondary);
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
}

.dashboard-hero-badges {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.dashboard-hero-actions {
  gap: 12px;
  display: grid;
}

.dashboard-hero-action-card {
  min-height: 122px;
  box-shadow: var(--shadow-soft);
  background: #ffffffd1;
  border: 1px solid #d7e2dfdb;
  border-radius: 18px;
  align-items: flex-start;
  gap: 14px;
  padding: 18px;
  text-decoration: none;
  transition: transform .18s, border-color .18s, box-shadow .18s;
  display: flex;
}

.dashboard-hero-action-card:hover {
  border-color: #0d6f672e;
  transform: translateY(-1px);
  box-shadow: 0 16px 30px #0f171714;
}

.dashboard-hero-action-icon {
  background: var(--brand-primary-soft);
  width: 40px;
  height: 40px;
  color: var(--brand-primary);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  display: inline-flex;
}

.dashboard-hero-action-card strong {
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 600;
  display: block;
}

.dashboard-hero-action-card p {
  color: var(--text-secondary);
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.6;
}

.dashboard-focus-card {
  background: #fffffff0;
}

.dashboard-focus-card-body {
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  min-height: 248px;
  display: flex;
}

.dashboard-focus-card-head {
  align-items: flex-start;
  gap: 14px;
  display: flex;
}

.dashboard-focus-card-icon {
  background: var(--brand-primary-soft);
  width: 38px;
  height: 38px;
  color: var(--brand-primary);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-weight: 700;
  display: inline-flex;
}

.dashboard-focus-card-bullets {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.dashboard-focus-card-bullets span {
  color: var(--text-secondary);
  background: #f3f7f5;
  border-radius: 999px;
  align-items: center;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.dashboard-focus-card-actions {
  justify-content: flex-start;
  display: flex;
}

.dashboard-stream-time {
  color: var(--text-tertiary);
  white-space: nowrap;
  font-size: 12px;
}

.page-header-copy {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.page-header-headline {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.page-header-meta {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}

.page-header-actions {
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-12);
  flex-wrap: wrap;
  padding: 6px 0 0;
  display: flex;
}

.stats-grid {
  gap: var(--space-16);
  margin-bottom: var(--space-24);
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  display: grid;
}

.metric-card, .section-card, .filter-bar, .action-toolbar, .empty-state, .base-empty, .entity-list-item, .category-tree-item, .entity-detail-item, .category-detail-item {
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .page-header-block, .base-page-header, .filter-bar, .action-toolbar, .app-topbar-main {
    flex-direction: column;
    align-items: stretch;
  }

  .stats-grid, .board-grid, .form-grid, .category-detail-grid, .entity-detail-grid, .categories-workspace, .entity-workspace {
    grid-template-columns: 1fr;
  }
}

.app-topbar-shell {
  z-index: 15;
  padding: 10px 18px 0;
  position: sticky;
  top: 0;
}

.app-topbar-main {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #ffffffe0;
  border: 1px solid #dde5e2e6;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 10px 14px;
  display: flex;
  box-shadow: 0 8px 20px #0f17170d;
}

.topbar-context {
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.topbar-title-row {
  align-items: center;
  gap: 10px;
  display: flex;
}

.topbar-title-row strong {
  color: var(--text-primary);
  font-size: 16px;
  font-weight: 600;
}

.app-breadcrumb, .app-breadcrumb a {
  color: var(--text-tertiary);
  font-size: 11px;
  text-decoration: none;
}

.main-content-container {
  max-width: 1480px;
  margin: 0 auto;
  padding: 18px 24px 28px;
}

.page-header-block, .base-page-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 18px;
  display: flex;
}

.page-header-block h1, .base-page-header h3 {
  color: var(--text-primary);
  letter-spacing: -.035em;
  margin: 0;
  font-size: 28px;
  font-weight: 700;
}

.page-header-description, .base-page-header p {
  max-width: 760px;
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}

.metric-card {
  min-height: 82px;
  padding: 16px 16px 14px;
}

.metric-card-value {
  font-size: 28px;
}

.metric-card-helper {
  margin: 8px 0 0;
  font-size: 11px;
  line-height: 1.5;
}

.metric-card-action {
  color: #0d6f67;
  background: #0d6f6714;
  border: 1px solid #0d6f6729;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: max-content;
  margin-top: 12px;
  padding: 5px 11px;
  font-size: 12px;
  font-weight: 760;
  text-decoration: none;
  transition: background .16s, color .16s, transform .16s;
  display: inline-flex;
}

.metric-card-action:hover {
  color: #fff;
  background: #0d6f67;
  transform: translateY(-1px);
}

.filter-bar {
  margin-bottom: 14px;
  padding: 12px 14px;
}

.filter-bar-copy strong {
  font-size: 13px;
}

.categories-workspace, .entity-workspace, .dashboard-focus-grid, .dashboard-stream-grid {
  gap: 16px;
}

@media (max-width: 768px) {
  .app-topbar-shell {
    padding: 10px 12px 0;
  }

  .main-content-container {
    padding: 14px 12px 22px;
  }
}

.app-sidebar-shell.is-collapsed .app-nav .n-menu-item-group-title {
  justify-content: center;
  align-items: center;
  min-height: 28px;
  position: relative;
  overflow: hidden;
  color: #0000 !important;
  letter-spacing: 0 !important;
  padding: 14px 0 8px !important;
  font-size: 0 !important;
  display: flex !important;
}

.app-sidebar-shell.is-collapsed .app-nav .n-menu-item-group-title:after {
  content: "";
  background: #8fa7a338;
  border-radius: 999px;
  width: 18px;
  height: 1px;
}

.app-sidebar-shell.is-collapsed .app-nav .n-menu-item-group {
  margin-top: 0 !important;
}

.app-nav-link {
  width: 100%;
  color: inherit;
  text-decoration: none;
  display: inline-flex;
}

.app-nav {
  flex: auto;
  min-height: 0;
  padding: 6px 10px 0;
  overflow-y: auto;
}

.app-nav .n-menu-item-group {
  --n-item-padding: 0;
}

.app-nav .n-menu-item-content:before {
  content: "";
  opacity: 0;
  background: none;
  border-radius: 999px;
  width: 2px;
  transition: background-color .16s, opacity .16s;
  position: absolute;
  top: 9px;
  bottom: 9px;
  left: 0;
}

.app-nav .n-menu-item-content .n-menu-item-content__icon {
  font-size: 18px;
  transform: translateX(28px);
  justify-content: center !important;
  align-items: center !important;
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  display: inline-flex !important;
}

.app-nav .n-menu-item-content--selected .n-menu-item-content-header, .app-nav .n-menu-item-content--selected .n-menu-item-content__icon {
  color: #f4fdfb !important;
}

.app-sidebar-shell.is-collapsed .app-nav {
  padding-top: 11px;
  padding-left: 0;
  padding-right: 0;
}

.app-sidebar-shell.is-collapsed .app-nav .n-menu-item-content {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  justify-content: flex-start !important;
  align-items: center !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  display: flex !important;
}

.app-sidebar-shell.is-collapsed .app-nav .n-menu-item-content[style] {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.app-sidebar-shell.is-collapsed .app-nav .n-menu-item-content .n-menu-item-content-header {
  display: none !important;
}

.app-sidebar-shell.is-collapsed .app-nav .n-menu-item-content .n-menu-item-content__icon, .app-sidebar-shell.is-collapsed .app-nav .n-menu-item-content .n-menu-item-content__icon[style] {
  justify-content: center !important;
  align-items: center !important;
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  display: inline-flex !important;
  transform: translateX(0) !important;
}

.app-sidebar-shell.is-collapsed .app-nav .n-menu-item-content .n-menu-item-content__icon .n-icon {
  margin: 0 !important;
}

.app-sidebar-shell.is-collapsed .app-nav .n-menu-item-content:before {
  display: none !important;
}

.brand-block {
  gap: 14px;
  padding: 20px 18px 10px;
}

.brand-mark {
  background: linear-gradient(135deg, #1a756d 0%, #0c4d49 100%);
  border-radius: 14px;
  width: 44px;
  height: 44px;
  box-shadow: 0 10px 22px #05101033;
}

.brand-copy h1 {
  letter-spacing: -.03em;
  margin: 3px 0 0;
  font-size: 18px;
}

.brand-kicker {
  color: #849c98b8;
  letter-spacing: .2em;
  font-size: 9px;
}

.brand-subtitle {
  color: #99aeaad1;
  margin-top: 3px;
  font-size: 11px;
}

.brand-environment-row {
  padding: 0 18px 10px;
}

.sidebar-badge--quiet {
  color: #bed2ceb8;
  background: #ffffff0d;
  font-size: 11px;
  box-shadow: inset 0 0 0 1px #a4bdb81a;
}

.topbar-pill--quiet {
  color: var(--text-tertiary);
  background: #f2f6f4e6;
  font-size: 11px;
  font-weight: 600;
}

.topbar-ghost-btn {
  background: #ffffffd1 !important;
  border: 1px solid #dbe4e1b8 !important;
}

.topbar-ghost-btn:hover {
  background: #f6faf8 !important;
  border-color: #bccdc9e6 !important;
}

.profile-trigger {
  background: #ffffffbd;
  border: 1px solid #dde5e2db;
  border-radius: 16px;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 5px 6px 5px 5px;
  transition: border-color .16s, background-color .16s, box-shadow .16s;
  display: inline-flex;
}

.profile-trigger:hover {
  background: #ffffffeb;
  border-color: #bccdc9eb;
  box-shadow: 0 10px 20px #0f17170d;
}

.profile-meta {
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.profile-meta strong {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 600;
}

.profile-meta span {
  color: var(--text-tertiary);
  font-size: 11px;
}

.profile-chevron {
  color: #8da09d;
}

.app-sidebar-shell {
  flex-direction: column;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  padding-top: 0;
  display: flex;
  overflow: hidden;
}

.sidebar-head {
  z-index: 5;
  height: 96px;
  min-height: 96px;
  position: sticky;
  top: 0;
}

.brand-block {
  box-sizing: border-box;
  width: 100%;
  height: 96px;
  min-height: 96px;
  padding-right: 44px;
  position: relative;
  overflow: hidden;
}

.app-sidebar-shell.is-collapsed .brand-block {
  justify-content: center;
  padding-inline: 18px;
}

.brand-copy {
  transition: opacity .12s;
}

.brand-copy.hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.app-sidebar-shell.is-collapsed .brand-copy {
  position: absolute;
  inset: 20px 18px auto 76px;
}

.brand-environment-row {
  box-sizing: border-box;
  align-items: center;
  height: 28px;
  min-height: 28px;
  transition: opacity .12s;
  overflow: hidden;
}

.brand-environment-row.hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.app-nav {
  height: calc(100vh - 128px);
  min-height: calc(100vh - 128px);
  max-height: calc(100vh - 128px);
  padding-top: 10px;
  overflow-y: auto;
}

.sidebar-edge-toggle {
  z-index: 6;
  color: #f1faf7eb;
  opacity: .62;
  cursor: pointer;
  background: linear-gradient(#90a8a424 0%, #5d747038 100%);
  border: 1px solid #dbf4ef14;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 40px;
  padding: 0;
  transition: opacity .14s, background-color .14s, border-color .14s;
  display: inline-flex;
  position: absolute;
  top: 33px;
  right: 0;
  box-shadow: inset 0 0 0 1px #ffffff05;
}

.app-sidebar-shell:hover .sidebar-edge-toggle, .sidebar-edge-toggle:focus-visible {
  opacity: .92;
}

.sidebar-edge-toggle:hover {
  background: linear-gradient(#b3cac633 0%, #68817d57 100%);
}

.sidebar-edge-toggle__glyph {
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.app-sidebar-shell.is-collapsed .sidebar-edge-toggle {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.app-nav {
  scrollbar-width: thin;
  scrollbar-color: #8fa7a357 transparent;
}

.app-nav::-webkit-scrollbar {
  width: 8px;
}

.app-nav::-webkit-scrollbar-track {
  background: none;
}

.app-nav::-webkit-scrollbar-thumb {
  background: linear-gradient(#8fa7a357 0%, #6d848075 100%) padding-box padding-box;
  border: 2px solid #0000;
  border-radius: 999px;
}

.app-nav::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(#aec5c17a 0%, #7d97939e 100%) padding-box padding-box;
}

.sidebar-footer {
  background: linear-gradient(#0d171800 0%, #0b1315 36%);
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 32px;
  display: flex;
  position: relative;
}

.sidebar-footer-copy {
  transition: opacity .12s;
}

.sidebar-footer-copy.hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.sidebar-footer-copy--mini {
  position: absolute;
}

.topbar-icon-wrap {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.app-sidebar-shell {
  background: linear-gradient(#0c1517fa 0%, #0a1113fc 100%);
}

.sidebar-head {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: linear-gradient(#0b1315f5 0%, #0b1315d1 74%, #0b131500 100%);
  height: 108px;
  min-height: 108px;
  padding: 16px 14px 10px;
}

.brand-block {
  background: linear-gradient(#ffffff09 0%, #ffffff05 100%);
  border: 1px solid #cee8e314;
  border-radius: 22px;
  align-items: stretch;
  gap: 10px;
  width: 100%;
  height: 82px;
  min-height: 82px;
  padding: 0;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff0a;
}

.brand-main {
  color: #eff8f6;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  flex: auto;
  align-items: center;
  gap: 14px;
  min-width: 0;
  padding: 14px 16px 14px 15px;
  display: flex;
}

.brand-mark {
  color: #d9fbf3;
  background: radial-gradient(circle at 30% 28%, #8ce1ce38 0%, #8ce1ce00 52%), linear-gradient(#173a39 0%, #102727 100%);
  border-radius: 14px;
  width: 42px;
  min-width: 42px;
  height: 42px;
  box-shadow: inset 0 0 0 1px #91beb72e, 0 10px 22px #03090a2e;
}

.brand-mark svg {
  width: 24px;
  height: 24px;
}

.brand-copy {
  flex-direction: column;
  flex: auto;
  justify-content: center;
  align-items: flex-start;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.brand-kicker {
  color: #91a8a3d1;
  letter-spacing: .18em;
  margin: 0;
  font-size: 9px;
  font-weight: 700;
}

.brand-copy h1 {
  letter-spacing: -.035em;
  margin: 0;
  font-size: 18px;
  font-weight: 650;
  line-height: 1.04;
}

.brand-subtitle {
  color: #adc2bed1;
  margin: 0;
  font-size: 11px;
  line-height: 1.2;
}

.sidebar-edge-toggle {
  color: #e8f6f3e6;
  width: 30px;
  height: 30px;
  box-shadow: none;
  opacity: .88;
  background: #ffffff09;
  border: 1px solid #c2ddd81a;
  border-radius: 12px;
  flex: none;
  align-self: center;
  margin-right: 12px;
  position: static;
}

.sidebar-edge-toggle:hover, .sidebar-edge-toggle:focus-visible {
  opacity: 1;
  background: #fff1;
  border-color: #c2ddd829;
}

.sidebar-edge-toggle__glyph {
  font-size: 13px;
  font-weight: 700;
}

.app-sidebar-shell.is-collapsed .sidebar-head {
  padding-inline: 10px;
}

.app-sidebar-shell.is-collapsed .brand-block {
  border-radius: 20px;
  justify-content: center;
  height: 76px;
  min-height: 76px;
}

.app-sidebar-shell.is-collapsed .brand-main {
  justify-content: center;
  padding: 12px 10px;
}

.app-sidebar-shell.is-collapsed .sidebar-edge-toggle {
  width: 26px;
  height: 26px;
  margin-right: 8px;
}

.app-nav {
  height: calc(100vh - 168px);
  min-height: calc(100vh - 168px);
  max-height: calc(100vh - 168px);
  padding: 6px 11px 0;
}

.app-nav .n-menu-item-group-title {
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 700;
  color: #acc3beb8 !important;
  padding: 12px 14px 7px !important;
  font-size: 10px !important;
}

.app-nav .n-menu-item-group:first-child .n-menu-item-group-title {
  padding-top: 10px !important;
}

.app-nav .n-menu-item-group-title:after {
  content: "";
  vertical-align: middle;
  background: #95ada833;
  width: 18px;
  height: 1px;
  margin-left: 8px;
  display: inline-block;
}

.app-sidebar-shell.is-collapsed .app-nav .n-menu-item-group-title {
  min-height: 22px;
  padding: 10px 0 6px !important;
}

.app-sidebar-shell.is-collapsed .app-nav .n-menu-item-group-title:after {
  width: 14px;
  margin-left: 0;
}

.app-nav .n-menu-item-content {
  border-radius: 12px;
  min-height: 40px;
  margin: 2px;
  transition: background-color .16s, color .16s, box-shadow .16s, transform .16s;
  padding-left: 11px !important;
  padding-right: 11px !important;
}

.app-nav .n-menu-item-content:before {
  background: none;
  width: 2px;
  top: 10px;
  bottom: 10px;
  left: 0;
}

.app-nav .n-menu-item-content .n-menu-item-content-header, .app-nav .n-menu-item-content .n-menu-item-content__icon {
  color: #dbeae7c7 !important;
}

.app-nav .n-menu-item-content .n-menu-item-content__icon {
  opacity: .88;
  font-size: 17px;
  transform: translateX(24px);
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
}

.app-nav .n-menu-item-content-header {
  letter-spacing: .01em;
  font-size: 12.5px;
  font-weight: 560;
}

.app-nav .n-menu-item-content--selected:before {
  opacity: 1;
  background: linear-gradient(#6cd2c1f0, #369d8fe6);
}

.app-nav .n-menu-item-content--selected .n-menu-item-content-header {
  color: #f7fffd !important;
}

.app-nav .n-menu-item-content--selected .n-menu-item-content__icon {
  opacity: 1;
  color: #e2fcf6fa !important;
}

.app-sidebar-shell.is-collapsed .app-nav .n-menu-item-content {
  min-height: 38px;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.app-sidebar-shell.is-collapsed .app-nav .n-menu-item-content .n-menu-item-content__icon, .app-sidebar-shell.is-collapsed .app-nav .n-menu-item-content .n-menu-item-content__icon[style] {
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
}

.app-sidebar-shell.is-collapsed .app-nav .n-menu-item-content--selected {
  box-shadow: inset 0 0 0 1px #72a69d1a;
  background: linear-gradient(#ffffff0d 0%, #ffffff08 100%) !important;
}

.sidebar-footer {
  background: linear-gradient(#0b131500 0%, #0b1315eb 38%, #0b1315 100%);
  justify-content: flex-start;
  min-height: 58px;
  padding: 0 16px 16px;
}

.sidebar-footer-meta {
  flex-direction: column;
  gap: 4px;
  width: 100%;
  padding-top: 6px;
  display: flex;
}

.sidebar-footer-title {
  color: #cbdcd9d6;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.sidebar-footer-copy {
  color: #90a8a3bd;
  font-size: 11px;
}

.sidebar-footer-copy--full {
  text-align: left;
}

.sidebar-footer-copy--meta {
  color: #79918cad;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 10px;
}

.sidebar-footer-copy--mini {
  color: #b1c5c0c2;
  letter-spacing: .18em;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  position: static;
}

.app-sidebar-shell.is-collapsed .brand-copy.hidden, .app-sidebar-shell.is-collapsed .sidebar-footer-meta.hidden {
  display: none;
}

.app-sidebar-shell.is-collapsed .sidebar-footer {
  justify-content: center;
  min-height: 56px;
  padding: 0 0 14px;
}

.app-sidebar-shell.is-collapsed .brand-block {
  justify-content: center;
  position: relative;
}

.app-sidebar-shell.is-collapsed .brand-main {
  justify-content: center;
  width: 100%;
  padding: 12px 10px;
}

.app-sidebar-shell.is-collapsed .sidebar-edge-toggle {
  background: #ffffff0b;
  border-color: #c2ddd81f;
  border-radius: 10px;
  width: 22px;
  height: 22px;
  margin-right: 0;
  position: absolute;
  top: 10px;
  right: 10px;
}

.app-sidebar-shell.is-collapsed .sidebar-edge-toggle__glyph {
  font-size: 11px;
}

.app-nav .n-menu-item-content {
  justify-content: flex-start !important;
  align-items: center !important;
  display: flex !important;
}

.app-nav .n-menu-item-content .n-menu-item-content__icon {
  flex: 0 0 18px;
  margin-right: 12px !important;
  transform: none !important;
}

.app-nav .n-menu-item-content .n-menu-item-content-header {
  flex: auto;
  min-width: 0;
}

.app-sidebar-shell.is-collapsed .app-nav .n-menu-item-content {
  justify-content: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.app-sidebar-shell.is-collapsed .app-nav .n-menu-item-content .n-menu-item-content__icon, .app-sidebar-shell.is-collapsed .app-nav .n-menu-item-content .n-menu-item-content__icon[style] {
  margin-right: 0 !important;
}

.app-sidebar-shell.is-collapsed .brand-block {
  height: 82px;
  min-height: 82px;
}

.app-sidebar-shell.is-collapsed .brand-mark {
  width: 42px;
  min-width: 42px;
  height: 42px;
}

.brand-main {
  gap: 12px;
  padding-left: 9px;
}

.app-nav .n-menu-item-content {
  padding-left: 14px !important;
  padding-right: 10px !important;
}

.app-nav .n-menu-item-content .n-menu-item-content__icon .n-icon, .app-nav .n-menu-item-content .n-menu-item-content__icon svg {
  display: block;
  transform: translateY(-.5px);
}

.brand-main {
  position: relative;
}

.app-sidebar-shell:not(.is-collapsed) .brand-copy {
  width: 124px;
  position: absolute;
  top: 50%;
  left: 64px;
  transform: translateY(-50%);
}

.app-sidebar-shell:not(.is-collapsed) .sidebar-footer {
  position: relative;
}

.app-sidebar-shell:not(.is-collapsed) .sidebar-footer-meta {
  width: 126px;
  padding-top: 0;
  position: absolute;
  bottom: 16px;
  left: 16px;
}

.sidebar-footer-copy, .brand-copy {
  transition: none !important;
}

.sidebar-head {
  padding: 14px 14px 8px;
}

.brand-block {
  background: linear-gradient(#ffffff06 0%, #ffffff03 100%);
  border-color: #cee8e30d;
  border-radius: 20px;
  height: 78px;
  min-height: 78px;
  box-shadow: inset 0 1px #ffffff06;
}

.brand-main {
  gap: 11px;
  padding: 13px 16px 13px 10px;
}

.brand-main:hover {
  background: #ffffff04;
}

.app-sidebar-shell:not(.is-collapsed) .brand-copy {
  width: 122px;
  left: 62px;
}

.brand-kicker {
  color: #91a8a3b8;
}

.brand-copy h1 {
  font-weight: 620;
}

.brand-subtitle {
  color: #aabebac2;
}

.app-nav .n-menu-item-group-title {
  letter-spacing: .18em;
  font-weight: 680;
  color: #acc3be9e !important;
  padding: 11px 14px 6px !important;
  font-size: 9.5px !important;
}

.app-nav .n-menu-item-group-title:after {
  background: #95ada829;
  width: 14px;
  margin-left: 7px;
}

.app-nav .n-menu-item-content {
  border-radius: 11px;
  min-height: 40px;
  margin: 1px 2px;
  padding-right: 9px !important;
}

.app-nav .n-menu-item-content--selected:before {
  background: linear-gradient(#73dac8eb, #3fab9be0);
  width: 2px;
}

.app-nav .n-menu-item-content .n-menu-item-content__icon, .app-nav .n-menu-item-content .n-menu-item-content-header {
  color: #ddece9c2 !important;
}

.app-nav .n-menu-item-content--selected .n-menu-item-content__icon, .app-nav .n-menu-item-content--selected .n-menu-item-content-header {
  color: #f4fdfbf5 !important;
}

.app-nav .n-menu-item-content-header {
  font-size: 12.25px;
  font-weight: 540;
}

.app-sidebar-shell.is-collapsed .app-nav {
  padding-top: 4px;
}

.app-sidebar-shell.is-collapsed .app-nav .n-menu-item-group-title {
  padding: 9px 0 6px !important;
}

.sidebar-footer {
  min-height: 64px;
  padding: 0 16px 18px;
}

.app-sidebar-shell:not(.is-collapsed) .sidebar-footer-meta {
  gap: 5px;
  width: 132px;
  bottom: 18px;
  left: 16px;
}

.sidebar-footer-title {
  color: #cbdcd9cc;
  letter-spacing: .19em;
  font-size: 9.5px;
}

.sidebar-footer-copy {
  color: #91a8a3b3;
}

.sidebar-footer-copy--full {
  font-size: 11px;
  line-height: 1.35;
}

.sidebar-footer-copy--meta {
  color: #79918c9e;
  letter-spacing: .08em;
  font-size: 9.5px;
}

.app-nav {
  height: calc(100vh - 184px);
  min-height: calc(100vh - 184px);
  max-height: calc(100vh - 184px);
  padding-bottom: 76px;
}

.app-sidebar-shell.is-collapsed .app-nav {
  height: calc(100vh - 164px);
  min-height: calc(100vh - 164px);
  max-height: calc(100vh - 164px);
  padding-bottom: 56px;
}

.sidebar-footer {
  z-index: 3;
}

.app-nav {
  padding: 4px 10px 0;
}

.app-nav .n-menu-item-group-title {
  padding: 10px 12px 6px !important;
}

.app-nav .n-menu-item-group-title:after {
  width: 22px;
  margin-left: 9px;
}

.app-nav .n-menu-item-group + .n-menu-item-group .n-menu-item-group-title {
  margin-top: 5px;
}

.app-nav .n-menu-item-content {
  min-height: 39px;
  margin: 1px 0;
  padding-right: 13px !important;
}

.app-sidebar-shell:not(.is-collapsed) .app-nav .n-menu-item-content {
  padding-left: 15px !important;
}

.app-nav .n-menu-item-content:hover {
  background: #ffffff07 !important;
}

.app-nav .n-menu-item-content .n-menu-item-content__icon {
  margin-right: 2px;
}

.app-nav .n-menu-item-content .n-menu-item-content-header {
  padding-right: 4px;
}

.app-nav .n-menu-item-content--selected {
  box-shadow: inset 0 0 0 1px #72a69d0a;
  background: linear-gradient(#ffffff08 0%, #ffffff05 100%) !important;
}

.app-sidebar-shell.is-collapsed .app-nav .n-menu-item-group-title:after {
  width: 14px;
}

.sidebar-footer {
  padding: 0 14px 18px;
}

.app-sidebar-shell:not(.is-collapsed) .sidebar-footer-meta {
  gap: 6px;
  width: 170px;
  left: 14px;
}

.sidebar-footer-copy--full {
  white-space: nowrap;
  font-size: 10.5px;
  line-height: 1.2;
}

.app-sidebar-shell.is-collapsed .app-nav .n-menu-item-group .n-menu-item {
  margin-top: 6px;
}

.app-main-shell {
  background: radial-gradient(circle at 100% 0, #d4ece647 0%, #d4ece600 22%), linear-gradient(#f5f8f7 0%, #f3f7f5 100%);
}

.app-main-content {
  background: none !important;
}

.app-topbar-shell {
  padding: 12px 22px 0;
}

.app-topbar-main {
  background: #ffffffc7;
  border-color: #dde5e2b8;
  border-radius: 18px;
  max-width: 1480px;
  min-height: 62px;
  margin: 0 auto;
  padding: 11px 16px;
  box-shadow: 0 10px 24px #0f17170b;
}

.topbar-left, .topbar-context {
  min-width: 0;
}

.topbar-title-row strong {
  letter-spacing: -.02em;
  font-size: 15px;
  font-weight: 620;
}

.app-breadcrumb, .app-breadcrumb a {
  letter-spacing: .03em;
  font-size: 10.5px;
}

.main-content-container {
  padding: 20px 24px 30px;
}

.page-header-copy {
  gap: 10px;
}

.page-header-eyebrow {
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 10.5px;
  font-weight: 700;
}

.page-header-block h1, .base-page-header h3 {
  letter-spacing: -.042em;
  font-size: 30px;
  font-weight: 680;
  line-height: 1.02;
}

.page-header-description, .base-page-header p {
  max-width: 720px;
  color: var(--text-secondary);
  font-size: 13.5px;
  line-height: 1.65;
}

.page-header-actions {
  gap: 10px;
  padding-top: 4px;
}

.stats-grid {
  grid-template-columns: repeat(auto-fit, minmax(228px, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}

.metric-card {
  background: linear-gradient(#fffffffa, #fbfdfcf5);
  border: 1px solid #e0e9e6eb;
  min-height: 88px;
  padding: 16px 16px 15px;
  box-shadow: 0 10px 22px #0f171709;
}

.metric-card-top {
  margin-bottom: 11px;
}

.metric-card-label {
  letter-spacing: .04em;
  font-size: 11px;
}

.metric-card-value {
  letter-spacing: -.035em;
  font-size: 29px;
}

.filter-bar {
  background: #ffffffeb;
  border-color: #e1eae7eb;
  border-radius: 20px;
  margin-bottom: 16px;
  padding: 13px 15px;
  box-shadow: 0 10px 22px #0f171708;
}

.filter-bar-copy {
  gap: 4px;
}

.filter-bar-copy strong {
  letter-spacing: -.01em;
  font-size: 13px;
}

.filter-bar-copy span {
  max-width: 560px;
  font-size: 12.5px;
  line-height: 1.55;
}

.filter-bar-content {
  justify-content: flex-end;
}

.filter-bar--compact {
  border-radius: 16px;
  margin-bottom: 0;
  padding: 10px 12px;
}

.filter-bar--compact .filter-bar-content {
  justify-content: flex-start;
}

.catalog-console-toolbar > .filter-bar--compact {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.catalog-console-toolbar > .filter-bar--compact .filter-bar-content {
  width: 100%;
}

.catalog-console-toolbar {
  background: #fffffffa;
  border: 1px solid #dce5e2f5;
  border-radius: 18px;
  gap: 12px;
  padding: 12px;
  display: grid;
  box-shadow: 0 12px 22px #0f171708;
}

.catalog-console-toolbar__row {
  flex-wrap: wrap;
  flex: 100%;
  align-items: center;
  gap: 10px;
  display: flex;
}

.catalog-console-toolbar__row--quick {
  gap: 8px;
}

.catalog-console-toolbar__row--advanced {
  border-top: 1px solid #e8edebf5;
  padding-top: 12px;
}

.catalog-console-toolbar__row--saved, .catalog-console-toolbar__row--active {
  border-top: 1px dashed #dce5e2f5;
  align-items: flex-start;
  padding-top: 12px;
}

.catalog-console-toolbar__search {
  flex: 540px;
  min-width: 360px;
}

.catalog-console-toolbar__buttons {
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
  display: flex;
}

.catalog-console-toolbar__label {
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 620;
}

.catalog-console-toolbar__hint {
  color: var(--text-tertiary);
  margin-left: auto;
  font-size: 12px;
}

.catalog-console-toolbar__badge-list {
  flex-wrap: wrap;
  flex: 480px;
  gap: 8px;
  display: flex;
}

.catalog-saved-scope-list {
  flex-wrap: wrap;
  flex: 520px;
  gap: 8px;
  display: flex;
}

.catalog-saved-scope {
  background: #f7f8f7f5;
  border: 1px solid #d7e2dff5;
  border-radius: 999px;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}

.catalog-saved-scope.is-active {
  background: #dcefebe0;
  border-color: #0d6f6738;
}

.catalog-saved-scope__button, .catalog-saved-scope__remove {
  color: var(--text-secondary);
  cursor: pointer;
  background: none;
  border: 0;
  font-size: 12px;
  line-height: 1;
}

.catalog-saved-scope__button {
  padding: 8px 12px;
  font-weight: 600;
}

.catalog-saved-scope__remove {
  border-left: 1px solid #d7e2dff5;
  padding: 8px 10px 8px 8px;
}

.catalog-saved-scope.is-active .catalog-saved-scope__button, .catalog-saved-scope.is-active .catalog-saved-scope__remove, .catalog-saved-scope__button:hover, .catalog-saved-scope__remove:hover {
  color: var(--brand-primary);
}

.catalog-header-meta {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.catalog-quick-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 12px 0 0;
  display: flex;
}

.catalog-quick-row__hint {
  color: var(--text-tertiary);
  margin-left: auto;
  font-size: 12px;
}

.catalog-saved-scope-rail {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}

.catalog-console-toolbar .catalog-quick-row, .catalog-console-toolbar .catalog-saved-scope-rail {
  margin: 0;
}

.catalog-focus-strip {
  background: linear-gradient(#fafcfbfa, #fffffffa);
  border: 1px solid #dde7e4f5;
  border-radius: 18px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 16px;
  padding: 14px 16px;
  display: grid;
}

.catalog-focus-strip strong {
  color: var(--text-primary);
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 620;
  display: block;
}

.catalog-focus-strip span {
  color: var(--text-secondary);
  font-size: 12.5px;
  line-height: 1.6;
}

.catalog-focus-strip__stats {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  max-width: 560px;
  display: flex;
}

.catalog-focus-detail-button {
  white-space: nowrap;
  color: #fff;
  background: #0d6f67;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 34px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 760;
  text-decoration: none;
  transition: background .16s, transform .16s, box-shadow .16s;
  display: inline-flex;
  box-shadow: 0 10px 18px #0d6f6729;
}

.catalog-focus-detail-button:hover {
  color: #fff;
  background: #095a54;
  transform: translateY(-1px);
  box-shadow: 0 12px 22px #0d6f6738;
}

.catalog-governance-table-wrapper {
  overflow-x: auto;
}

.catalog-governance-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.catalog-governance-table th, .catalog-governance-table td {
  vertical-align: top;
  text-align: left;
  border-bottom: 1px solid #e8edebf5;
  padding: 14px 12px;
}

.catalog-governance-table th {
  color: var(--text-tertiary);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.catalog-governance-table tbody tr {
  cursor: pointer;
  transition: background .16s;
}

.catalog-governance-table tbody tr:hover {
  background: #f8fbfaeb;
}

.catalog-governance-table tbody tr.is-active {
  background: linear-gradient(#eaf5f2b8, #fffffff5);
}

.catalog-table-primary, .catalog-table-stack {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.catalog-table-primary--with-thumb {
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  display: grid;
}

.catalog-table-primary__body {
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.catalog-table-thumb {
  width: 56px;
  height: 56px;
  color: var(--text-tertiary);
  letter-spacing: .08em;
  background: linear-gradient(#f6f9f8f5, #ecf3f0f5);
  border: 1px solid #dce5e2f5;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  overflow: hidden;
}

.catalog-table-thumb.is-empty {
  background: linear-gradient(#f9faf9fa, #f1f4f3fa);
}

.catalog-table-thumb__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.catalog-table-title {
  color: var(--text-primary);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-size: 15px;
  font-weight: 640;
}

.catalog-table-title:hover {
  color: var(--brand-primary);
}

.catalog-table-subline {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.catalog-governance-table__subline, .catalog-table-stack span {
  color: var(--text-secondary);
  font-size: 11.5px;
  line-height: 1.5;
}

.catalog-table-stack strong {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 620;
}

.catalog-table-stack--compact {
  gap: 5px;
}

.catalog-table-stack--step {
  max-width: 240px;
}

.catalog-table-inline-badges {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.catalog-table-copy-clamp {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.catalog-detail-signal-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.catalog-product-workspace-nav {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.catalog-product-command-bar {
  background: radial-gradient(circle at 12% 0, #c7e5db8f, #0000 34%), linear-gradient(135deg, #fffffff5, #f6fbf9e6);
  border: 1px solid #dae7e2eb;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 12px;
  display: flex;
  box-shadow: 0 12px 34px #214b4214;
}

.catalog-product-command-bar__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.catalog-overview-hero {
  background: radial-gradient(circle at 82% 8%, #f5d28e47, #0000 28%), linear-gradient(135deg, #fff 0%, #f6fbf8 100%);
  border: 1px solid #dae7e2f0;
  border-radius: 26px;
  grid-template-columns: 150px minmax(0, 1fr) minmax(260px, .58fr);
  align-items: stretch;
  gap: 18px;
  padding: 18px;
  display: grid;
  box-shadow: 0 18px 48px #1c3d3717;
}

.catalog-overview-hero__media {
  min-height: 150px;
  color: var(--text-tertiary);
  background: linear-gradient(145deg, #eef7f3, #fff);
  border: 1px solid #d1e0dbf5;
  border-radius: 22px;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  display: flex;
  overflow: hidden;
}

.catalog-overview-hero__media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.catalog-overview-hero__copy {
  align-self: center;
  min-width: 0;
}

.catalog-overview-hero__eyebrow {
  color: #536f69eb;
  letter-spacing: .04em;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
}

.catalog-overview-hero__copy h2 {
  color: var(--text-primary);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: clamp(20px, 2.2vw, 30px);
  line-height: 1.2;
  display: -webkit-box;
  overflow: hidden;
}

.catalog-overview-hero__copy p {
  color: var(--text-secondary);
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.7;
}

.catalog-overview-hero__meta {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

.catalog-overview-hero__stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.catalog-overview-hero__stats div {
  background: #ffffffbd;
  border: 1px solid #dce8e4f5;
  border-radius: 18px;
  min-height: 68px;
  padding: 12px;
}

.catalog-overview-hero__stats strong, .catalog-overview-hero__stats span {
  display: block;
}

.catalog-overview-hero__stats strong {
  color: #113d34;
  font-size: 24px;
  line-height: 1.1;
}

.catalog-overview-hero__stats span {
  color: var(--text-secondary);
  margin-top: 7px;
  font-size: 12px;
}

.catalog-detail-todo-grid {
  gap: 12px 14px;
}

.catalog-detail-governance-layout {
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  gap: 20px;
  display: grid;
}

.catalog-detail-governance-main, .catalog-detail-governance-side {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.catalog-detail-governance-side {
  overscroll-behavior: contain;
  max-height: calc(100vh - 104px);
  padding-right: 4px;
  position: sticky;
  top: 86px;
  overflow-y: auto;
}

.catalog-detail-drawer {
  background: #ffffffb8;
  border: 1px solid #dce8e4eb;
  border-radius: 18px;
}

.catalog-detail-drawer summary {
  cursor: pointer;
  min-height: 48px;
  color: var(--text-primary);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 800;
  list-style: none;
  display: flex;
}

.catalog-detail-drawer summary::-webkit-details-marker {
  display: none;
}

.catalog-detail-drawer summary:after {
  content: "展开";
  color: var(--brand-primary);
  flex: none;
  font-size: 12px;
  font-weight: 700;
}

.catalog-detail-drawer[open] summary:after {
  content: "收起";
}

.catalog-detail-drawer summary em {
  min-width: 0;
  color: var(--text-tertiary);
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  overflow: hidden;
}

.catalog-detail-drawer__body {
  gap: 14px;
  padding: 0 12px 12px;
  display: grid;
}

@media (max-width: 1180px) {
  .catalog-product-command-bar, .catalog-overview-hero, .catalog-detail-governance-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .catalog-product-command-bar {
    flex-direction: column;
    align-items: stretch;
  }

  .catalog-product-command-bar__actions {
    justify-content: flex-start;
  }

  .catalog-detail-governance-side {
    max-height: none;
    padding-right: 0;
    position: static;
    overflow: visible;
  }
}

@media (max-width: 720px) {
  .catalog-overview-hero {
    grid-template-columns: minmax(0, 1fr);
    padding: 14px;
  }

  .catalog-overview-hero__media {
    min-height: 220px;
  }

  .catalog-overview-hero__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .catalog-detail-drawer summary {
    flex-direction: column;
    align-items: flex-start;
    padding: 12px 14px;
  }

  .catalog-detail-drawer summary em {
    text-align: left;
    width: 100%;
  }
}

.catalog-media-upload-flag {
  min-height: 40px;
  color: var(--text-secondary);
  align-items: center;
  gap: 10px;
  font-size: 13px;
  display: inline-flex;
}

.catalog-media-workspace {
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  align-items: start;
  gap: 20px;
  display: grid;
}

.catalog-media-workspace__main, .catalog-media-workspace__side {
  gap: 16px;
  display: grid;
}

.catalog-media-workspace__side {
  position: sticky;
  top: 88px;
}

.catalog-media-hero {
  background: linear-gradient(145deg, #fffffffa, #f3f8f6f5);
  border: 1px solid #d7e2dff5;
  border-radius: 22px;
  grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
  gap: 18px;
  padding: 18px;
  display: grid;
}

.catalog-media-hero__preview, .catalog-media-inspector__preview {
  background: linear-gradient(#f6faf8f5, #ecf4f1f5);
  border: 1px solid #dde6e3eb;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  min-height: 240px;
  display: flex;
  overflow: hidden;
}

.catalog-media-hero__image, .catalog-media-inspector__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 240px;
  display: block;
}

.catalog-media-hero__body, .catalog-media-hero__copy {
  gap: 12px;
  display: grid;
}

.catalog-media-hero__eyebrow {
  color: var(--text-tertiary);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
}

.catalog-media-hero__copy h3 {
  color: var(--text-primary);
  margin: 0;
  font-size: 24px;
}

.catalog-media-hero__copy p {
  color: var(--text-secondary);
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
}

.catalog-media-hero__summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.catalog-media-toolbar {
  background: #fbfdfcf5;
  border: 1px solid #dde6e3eb;
  border-radius: 18px;
  gap: 12px;
  padding: 16px 18px;
  display: grid;
}

.catalog-media-toolbar__overview, .catalog-media-inspector__header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.catalog-media-toolbar__copy {
  gap: 6px;
  display: grid;
}

.catalog-media-toolbar__eyebrow {
  color: var(--text-tertiary);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
}

.catalog-media-toolbar__copy h3, .catalog-media-toolbar__copy p {
  margin: 0;
}

.catalog-media-toolbar__copy h3 {
  color: var(--text-primary);
  font-size: 20px;
}

.catalog-media-toolbar__copy p {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.5;
}

.catalog-media-toolbar__metrics, .catalog-media-toolbar__filters, .catalog-media-toolbar__actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.catalog-media-toolbar__filters .n-input {
  min-width: min(100%, 320px);
}

.catalog-media-gallery-grid {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 14px;
  display: grid;
}

.catalog-media-tile {
  cursor: pointer;
  appearance: none;
  text-align: left;
  background: #fffffff7;
  border: 1px solid #dae4e0f5;
  border-radius: 18px;
  gap: 12px;
  width: 100%;
  padding: 14px;
  transition: transform .16s, box-shadow .16s, border-color .16s;
  display: grid;
  box-shadow: 0 3px 12px #182c240a;
}

.catalog-media-tile:hover {
  border-color: #2b6c523d;
  box-shadow: 0 8px 20px #14261f14;
}

.catalog-media-tile--selected {
  border-color: #22785885;
  box-shadow: 0 0 0 2px #22785824, 0 10px 22px #182c2417;
}

.catalog-media-tile--primary {
  background: linear-gradient(#f7fbf9fa, #fffffffa);
}

.catalog-media-tile--attention {
  border-color: #d69f0a57;
}

.catalog-media-tile--dirty {
  box-shadow: inset 0 0 0 1px #1f64bc1f, 0 8px 18px #182c240a;
}

.catalog-media-tile__preview {
  background: linear-gradient(#f7f9f8f5, #eef4f2f5);
  border: 1px solid #dde6e3eb;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  min-height: 180px;
  display: flex;
  overflow: hidden;
}

.catalog-media-tile__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 180px;
  display: block;
}

.catalog-media-tile__body, .catalog-media-tile__line, .catalog-media-tile__meta {
  gap: 8px;
  display: grid;
}

.catalog-media-tile__line {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.catalog-media-tile__body strong {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 700;
}

.catalog-media-tile__line span {
  color: var(--text-tertiary);
  font-size: 12px;
  font-weight: 600;
}

.catalog-media-tile__meta {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.catalog-media-tile__meta span {
  color: var(--text-secondary);
  background: #f0f4f2f2;
  border-radius: 999px;
  align-items: center;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.catalog-media-tile__body p, .catalog-media-tile__body > span {
  color: var(--text-secondary);
  margin: 0;
  font-size: 12.5px;
  line-height: 1.55;
}

.catalog-media-dropzone {
  width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: linear-gradient(#f4faf7fa, #fcfffefa);
  border: 1px dashed #3170556b;
  border-radius: 18px;
  gap: 6px;
  padding: 18px;
  display: grid;
}

.catalog-media-dropzone__label {
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 700;
}

.catalog-media-dropzone__hint {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.55;
}

.catalog-media-inspector__header-copy {
  gap: 6px;
  display: grid;
}

.catalog-media-inspector__eyebrow {
  color: var(--text-tertiary);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
}

.catalog-media-inspector__header-copy h3, .catalog-media-inspector__header-copy p {
  margin: 0;
}

.catalog-media-inspector__header-copy h3 {
  color: var(--text-primary);
  font-size: 20px;
}

.catalog-media-inspector__header-copy p {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.5;
}

.catalog-media-inspector__actions, .catalog-media-inspector__primary-actions, .catalog-media-inspector__badges, .catalog-media-side-inline-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.catalog-media-side-block {
  background: #f8fbf9f2;
  border: 1px solid #dde6e3eb;
  border-radius: 18px;
  gap: 14px;
  padding: 16px;
  display: grid;
}

.catalog-media-side-block__header {
  gap: 4px;
  display: grid;
}

.catalog-media-side-block__header strong {
  color: var(--text-primary);
  font-size: 14px;
}

.catalog-media-side-block__header span {
  color: var(--text-secondary);
  font-size: 12.5px;
  line-height: 1.5;
}

.catalog-media-item {
  background: #fbfcfbf5;
  border: 1px solid #d7e2dff5;
  border-radius: 18px;
  grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
  gap: 16px;
  padding: 16px;
  display: grid;
}

.catalog-media-item__preview {
  background: linear-gradient(#f7f9f8f5, #eef4f2f5);
  border: 1px solid #dde6e3eb;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  min-height: 180px;
  display: flex;
  overflow: hidden;
}

.catalog-media-item__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 180px;
  display: block;
}

.catalog-media-item__body {
  min-width: 0;
}

.catalog-media-item__header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.catalog-variant-media-preview {
  background: linear-gradient(#f7f9f8f5, #eef4f2f5);
  border: 1px solid #dde6e3eb;
  border-radius: 14px;
  width: 100%;
  max-width: 220px;
  min-height: 120px;
  overflow: hidden;
}

.catalog-variant-media-preview__image {
  object-fit: cover;
  width: 100%;
  min-height: 120px;
  display: block;
}

.catalog-variant-group-list {
  gap: 12px;
  display: grid;
}

.catalog-variant-group__controls {
  gap: 10px;
  display: grid;
}

.catalog-variant-group__actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.catalog-variant-group__rows {
  gap: 10px;
  display: grid;
}

.catalog-variant-group-row {
  background: #f7f9f8eb;
  border: 1px solid #dde6e3eb;
  border-radius: 16px;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 12px;
  padding: 14px;
  display: grid;
}

.catalog-variant-group-row__preview {
  aspect-ratio: 1;
  color: #64748b;
  background: #e2e8f0eb;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  display: flex;
  overflow: hidden;
}

.catalog-variant-group-row__preview img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.catalog-variant-group-row__body {
  gap: 10px;
  min-width: 0;
  display: grid;
}

.catalog-variant-group-row__meta {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.catalog-variant-group-row__meta span {
  color: #64748b;
  font-size: 12px;
}

@media (max-width: 980px) {
  .catalog-variant-group-row {
    grid-template-columns: 1fr;
  }
}

.catalog-quick-tab {
  color: var(--text-secondary);
  cursor: pointer;
  background: #f7f8f7f5;
  border: 1px solid #d7e2dff5;
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  transition: all .18s;
}

.catalog-quick-tab:hover {
  color: var(--brand-primary);
  background: #dcefebb3;
  border-color: #1a8b8247;
}

.catalog-quick-tab.is-active {
  color: var(--brand-primary);
  background: #dcefebf5;
  border-color: #0d6f6742;
  box-shadow: inset 0 0 0 1px #0d6f6714;
}

.entity-workspace, .categories-workspace {
  gap: 18px;
}

@media (max-width: 768px) {
  .app-topbar-shell {
    padding: 10px 12px 0;
  }

  .app-topbar-main {
    padding: 10px 12px;
  }

  .main-content-container {
    padding: 16px 12px 24px;
  }

  .catalog-detail-signal-grid, .catalog-detail-governance-layout, .catalog-media-workspace, .catalog-media-hero, .catalog-media-hero__summary, .catalog-media-item {
    grid-template-columns: minmax(0, 1fr);
  }

  .catalog-media-workspace__side {
    position: static;
  }

  .catalog-media-gallery-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }

  .catalog-media-toolbar__actions, .catalog-media-inspector__actions, .catalog-media-inspector__primary-actions, .catalog-media-inspector__badges, .catalog-media-side-inline-actions {
    width: 100%;
  }

  .catalog-media-item__preview, .catalog-media-item__image, .catalog-media-hero__preview, .catalog-media-hero__image, .catalog-media-inspector__preview, .catalog-media-inspector__image {
    min-height: 160px;
  }

  .page-header-block h1, .base-page-header h3 {
    font-size: 26px;
  }
}

.section-card {
  background: linear-gradient(#fffffffa, #fafcfbf5);
  border: 1px solid #e0e9e6eb;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 14px 30px #0f17170a;
}

.section-card-header {
  background: linear-gradient(#f8fbfaf5, #ffffffd6);
  border-bottom: 1px solid #e8efece0;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  padding: 18px 20px 14px;
  display: flex;
}

.section-card-heading {
  min-width: 0;
}

.section-card-eyebrow {
  color: var(--brand-accent);
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0 0 7px;
  font-size: 10px;
  font-weight: 700;
}

.section-card-header h3 {
  color: var(--text-primary);
  letter-spacing: -.025em;
  margin: 0;
  font-size: 18px;
  font-weight: 650;
}

.section-card-header p {
  max-width: 520px;
  margin: 7px 0 0;
  font-size: 12.5px;
  line-height: 1.6;
}

.section-card-actions {
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding-top: 2px;
  display: flex;
}

.entity-workspace {
  grid-template-columns: minmax(420px, 1.08fr) minmax(360px, .92fr);
  gap: 20px;
}

.categories-workspace {
  grid-template-columns: minmax(400px, 1.06fr) minmax(352px, .94fr);
  gap: 20px;
}

.entity-list, .category-tree-list {
  gap: 9px;
}

.entity-list-item, .category-tree-item {
  border-radius: 18px;
  padding: 15px 16px;
  box-shadow: inset 0 1px #ffffffb3;
}

.entity-list-item:hover, .category-tree-item:hover {
  border-color: #bed1ccf5;
  box-shadow: 0 12px 24px #0f17170b;
}

.entity-list-item.is-active, .category-tree-item.is-active {
  background: linear-gradient(#eaf5f2f0, #fffffffa);
  border-color: #0d6f672e;
  box-shadow: 0 14px 28px #0f17170e;
}

.entity-list-title, .category-tree-title {
  font-size: 14.5px;
  font-weight: 620;
}

.entity-list-kicker, .category-tree-code {
  font-size: 11.5px;
}

.entity-list-meta, .category-tree-meta {
  gap: 6px 12px;
  margin-top: 10px;
  font-size: 11.5px;
}

.entity-detail-stack, .category-detail-stack {
  gap: 18px;
}

.entity-detail-hero {
  gap: 18px;
  padding: 2px 2px 0;
}

.entity-detail-hero h3, .category-detail-stack h3 {
  color: var(--text-primary);
  letter-spacing: -.03em;
  margin: 0;
  font-size: 22px;
  font-weight: 660;
}

.entity-detail-grid, .category-detail-grid {
  gap: 12px;
}

.entity-detail-item, .category-detail-item {
  background: linear-gradient(#fff, #fbfcfc);
  border-radius: 16px;
  padding: 14px 15px;
  box-shadow: 0 8px 18px #0f171706;
}

.entity-detail-item strong, .category-detail-item strong {
  letter-spacing: .12em;
  margin-bottom: 7px;
  font-size: 10.5px;
}

.entity-detail-item span, .category-detail-item span {
  font-size: 13.5px;
  line-height: 1.55;
}

@media (max-width: 1100px) {
  .section-card-header {
    padding: 16px 16px 13px;
  }

  .section-card-body {
    padding: 16px;
  }
}

.section-card-body {
  position: relative;
}

.entity-detail-grid, .category-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.entity-detail-item, .category-detail-item {
  background: linear-gradient(#fffffffa, #fbfcfcf5), linear-gradient(135deg, #e1f3ee38, #fff0 55%);
  border: 1px solid #e5edeaf0;
}

.entity-detail-item strong, .category-detail-item strong {
  color: #6e8681e6;
}

.entity-detail-item span, .category-detail-item span {
  color: #1d2a28eb;
  word-break: break-word;
  display: block;
}

.entity-detail-item.form-span-2, .category-detail-item.form-span-2 {
  min-height: 112px;
}

.empty-state, .base-empty {
  background: linear-gradient(#fafcfbf5, #f5f9f7eb);
  border: 1px dashed #d0ddd9eb;
  border-radius: 20px;
  min-height: 232px;
  padding: 26px 24px;
}

.empty-state-icon-wrap {
  margin-bottom: 14px;
}

.empty-state-icon {
  width: 48px;
  height: 48px;
  color: var(--brand-primary);
  background: linear-gradient(135deg, #dff1ece6, #f4faf8f0);
  border-radius: 16px;
  font-size: 20px;
  box-shadow: inset 0 0 0 1px #bad6ceb8;
}

.empty-state-copy {
  max-width: 420px;
}

.empty-state-copy h4 {
  color: var(--text-primary);
  letter-spacing: -.025em;
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 650;
}

.empty-state-copy p {
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
}

.empty-state-actions {
  gap: 10px;
  margin-top: 18px;
}

.dashboard-hero {
  background: radial-gradient(circle at 0 0, #def2eccc 0%, #def2ec00 34%), linear-gradient(135deg, #fffffffc 0%, #f5f9f7fa 62%, #ecf4f1f5 100%);
  border-color: #d6e1ddd6;
  border-radius: 28px;
  grid-template-columns: minmax(0, 1.28fr) minmax(330px, .72fr);
  gap: 22px;
  margin-bottom: 34px;
  padding: 28px 28px 26px;
  box-shadow: 0 24px 48px #0f171712;
}

.dashboard-hero-copy {
  justify-content: center;
  gap: 18px;
}

.dashboard-hero-heading {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.dashboard-hero h1 {
  letter-spacing: -.055em;
  max-width: 560px;
  font-size: 46px;
  line-height: .98;
}

.dashboard-hero-description {
  max-width: 640px;
  font-size: 15px;
  line-height: 1.72;
}

.dashboard-hero-actions-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  display: flex;
}

.dashboard-hero-meta {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.dashboard-hero-meta span {
  color: #495f5bd1;
  background: #ffffffd1;
  border-radius: 999px;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  font-size: 11.5px;
  font-weight: 600;
  display: inline-flex;
  box-shadow: inset 0 0 0 1px #d6e2deeb;
}

.dashboard-hero-stack-meta {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  padding-top: 2px;
  display: flex;
}

.dashboard-hero-stack-label {
  color: #708681c2;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.dashboard-hero-stack-items {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.dashboard-hero-stack-items span {
  color: #6f837fcc;
  font-size: 11.5px;
}

.dashboard-hero-quick-panel {
  background: #ffffffc7;
  border: 1px solid #dbe5e1e0;
  border-radius: 22px;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  min-height: 100%;
  padding: 18px;
  display: flex;
  box-shadow: inset 0 1px #ffffffa6;
}

.dashboard-hero-quick-head {
  flex-direction: column;
  gap: 7px;
  display: flex;
}

.dashboard-hero-quick-head p {
  color: var(--brand-accent);
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0;
  font-size: 10px;
  font-weight: 700;
}

.dashboard-hero-quick-head strong {
  color: var(--text-primary);
  font-size: 16px;
  line-height: 1.45;
}

.dashboard-hero-quick-list {
  gap: 12px;
  display: grid;
}

.dashboard-hero-quick-item {
  background: linear-gradient(#fffffffa, #f8fbfaf5);
  border: 1px solid #dfe7e4f0;
  border-radius: 18px;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
  gap: 13px;
  padding: 15px 14px;
  text-decoration: none;
  transition: transform .18s, border-color .18s, box-shadow .18s;
  display: grid;
}

.dashboard-hero-quick-item:hover {
  border-color: #9ac3baeb;
  transform: translateY(-1px);
  box-shadow: 0 16px 28px #0f17170f;
}

.dashboard-hero-quick-icon {
  width: 42px;
  height: 42px;
  color: var(--brand-primary);
  background: linear-gradient(135deg, #dcf1ebf2, #f4faf8fa);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  display: inline-flex;
}

.dashboard-hero-quick-copy strong {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 640;
  display: block;
}

.dashboard-hero-quick-copy p {
  color: var(--text-secondary);
  margin: 6px 0 0;
  font-size: 12.5px;
  line-height: 1.55;
}

.dashboard-metric-grid {
  margin-bottom: 30px;
}

.dashboard-metric-grid .metric-card {
  min-height: 120px;
  padding: 17px 18px 16px;
}

.dashboard-metric-grid .metric-card-top {
  margin-bottom: 14px;
}

.dashboard-metric-grid .metric-card-icon {
  width: 40px;
  height: 40px;
  color: var(--brand-primary);
  background: linear-gradient(135deg, #dcf0eaf5, #f5faf8fa);
  border-radius: 14px;
  font-size: 18px;
}

.dashboard-metric-grid .metric-card-label {
  letter-spacing: .05em;
  font-size: 11px;
}

.dashboard-metric-grid .metric-card-value {
  font-size: 31px;
}

.dashboard-metric-grid .metric-card-helper {
  max-width: 220px;
  font-size: 11.5px;
  line-height: 1.55;
}

.dashboard-focus-grid {
  margin-bottom: 30px;
}

.dashboard-focus-card-body {
  gap: 16px;
  min-height: 220px;
}

.dashboard-focus-card-copy h3 {
  color: var(--text-primary);
  letter-spacing: -.025em;
  margin: 0;
  font-size: 19px;
  font-weight: 650;
}

.dashboard-focus-card p {
  min-height: auto;
  margin: 7px 0 0;
  font-size: 13px;
  line-height: 1.6;
}

.dashboard-focus-card-bullets span {
  padding: 5px 10px;
  font-size: 11.5px;
}

.dashboard-focus-card-actions .n-button {
  min-width: 104px;
}

.dashboard-stream-grid {
  gap: 18px;
}

.dashboard-stream-item {
  padding: 15px 0;
}

.dashboard-stream-item strong {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 620;
}

.dashboard-stream-item p {
  color: var(--text-secondary);
  margin: 6px 0 0;
  font-size: 12.5px;
  line-height: 1.55;
}

@media (max-width: 1100px) {
  .dashboard-hero {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .dashboard-hero {
    padding: 22px 20px;
  }

  .dashboard-hero h1 {
    font-size: 36px;
  }
}

.dashboard-hero-actions-row .n-button {
  border-radius: 14px;
  min-width: 138px;
  height: 42px;
  font-weight: 620;
}

.dashboard-hero-meta span, .dashboard-hero-stack-items span, .dashboard-focus-card-bullets span {
  white-space: nowrap;
}

.dashboard-hero-stack-items span {
  background: #fafcfbdb;
  border-radius: 999px;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  display: inline-flex;
  box-shadow: inset 0 0 0 1px #e1e9e5d1;
}

.dashboard-metric-grid .metric-card-trend {
  color: #5b716dd1;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #f5f9f7f2;
  border-radius: 999px;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
  box-shadow: inset 0 0 0 1px #e0e9e6e6;
}

.dashboard-metric-grid .metric-card-main {
  align-items: center;
  gap: 10px;
}

.dashboard-focus-card-actions {
  margin-top: auto;
}

.dashboard-focus-card-actions .n-button {
  border-radius: 12px;
  min-width: 112px;
  font-weight: 620;
}

.dashboard-stream-grid .section-card-header {
  padding-bottom: 12px;
}

.dashboard-stream-grid .status-badge {
  min-height: 28px;
}

@media (max-width: 768px) {
  .dashboard-hero-actions-row {
    flex-direction: column;
    align-items: stretch;
  }

  .dashboard-hero-actions-row .n-button {
    width: 100%;
  }

  .dashboard-hero-meta, .dashboard-hero-stack-items, .dashboard-focus-card-bullets {
    gap: 6px;
  }

  .dashboard-hero-meta span, .dashboard-hero-stack-items span, .dashboard-focus-card-bullets span {
    white-space: normal;
  }

  .dashboard-hero-quick-panel {
    padding: 16px;
  }

  .dashboard-hero-quick-item {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    padding: 14px 13px;
  }

  .dashboard-hero-quick-icon {
    width: 38px;
    height: 38px;
    font-size: 16px;
  }

  .dashboard-metric-grid .metric-card {
    min-height: 108px;
  }
}

.main-content-container {
  width: 100%;
  margin: 0 auto;
}

.main-content-container--dashboard {
  max-width: 1480px;
  padding: 24px 32px 34px;
}

.main-content-container--list {
  max-width: 1560px;
  padding: 18px 24px 28px;
}

.main-content-container--dense {
  max-width: 1680px;
  padding: 16px 18px 24px;
}

.main-content-container--dashboard .page-header-block, .main-content-container--dashboard .base-page-header {
  margin-bottom: 22px;
}

.main-content-container--list .page-header-block, .main-content-container--list .base-page-header {
  gap: 14px;
  margin-bottom: 16px;
}

.main-content-container--dense .page-header-block, .main-content-container--dense .base-page-header {
  gap: 12px;
  margin-bottom: 14px;
}

.main-content-container--list .page-header-block h1, .main-content-container--list .base-page-header h3 {
  font-size: 26px;
}

.main-content-container--dense .page-header-block h1, .main-content-container--dense .base-page-header h3 {
  font-size: 24px;
}

.main-content-container--list .page-header-description, .main-content-container--list .base-page-header p, .main-content-container--dense .page-header-description, .main-content-container--dense .base-page-header p {
  max-width: 900px;
}

.main-content-container--list .filter-bar {
  margin-bottom: 14px;
  padding: 12px 14px;
}

.main-content-container--dense .filter-bar {
  border-radius: 18px;
  margin-bottom: 12px;
  padding: 11px 13px;
}

.main-content-container--list .stats-grid {
  margin-bottom: 16px;
}

.main-content-container--dense .stats-grid {
  gap: 12px;
  margin-bottom: 14px;
}

.main-content-container--dense .metric-card {
  min-height: 82px;
  padding: 14px 15px 13px;
}

.main-content-container--dense .section-card-header {
  padding: 16px 18px 12px;
}

.main-content-container--dense .section-card-body {
  padding: 16px 18px 18px;
}

.main-content-container--dense .entity-workspace, .main-content-container--dense .categories-workspace {
  gap: 16px;
}

.main-content-container--dense .entity-detail-grid, .main-content-container--dense .category-detail-grid {
  gap: 10px;
}

.main-content-container--dense .entity-detail-item, .main-content-container--dense .category-detail-item {
  padding: 13px 14px;
}

@media (max-width: 768px) {
  .main-content-container--dashboard, .main-content-container--list, .main-content-container--dense {
    padding: 14px 12px 22px;
  }

  .main-content-container--list .page-header-block h1, .main-content-container--list .base-page-header h3, .main-content-container--dense .page-header-block h1, .main-content-container--dense .base-page-header h3 {
    font-size: 24px;
  }
}

.list-mode-workspace {
  grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr);
  align-items: start;
}

.list-table-shell {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.list-table-summary {
  color: var(--text-tertiary);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px 12px;
  font-size: 12px;
  display: flex;
}

.list-table-primary-cell {
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.list-table-primary-cell strong {
  color: var(--text-primary);
  font-size: 13.5px;
  font-weight: 620;
}

.list-table-primary-cell span {
  color: var(--text-tertiary);
  font-size: 11.5px;
}

.list-table-secondary-cell {
  gap: 4px;
  display: grid;
}

.list-table-secondary-cell strong {
  color: var(--text-primary);
  font-size: 12.5px;
  font-weight: 620;
}

.list-table-secondary-cell span {
  color: var(--text-secondary);
  font-size: 11.5px;
}

.list-data-table {
  background: #fffffff5;
  border: 1px solid #e2eae7f0;
  border-radius: 18px;
  overflow: hidden;
}

.list-data-table .n-data-table-th {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  color: #677c78e0 !important;
  background: #f6f9f8f5 !important;
}

.list-data-table .n-data-table-td {
  background: #fffffffa;
  font-size: 13px;
}

.list-data-table .n-data-table-tr {
  cursor: pointer;
  transition: background-color .16s;
}

.list-data-table .n-data-table-tr:hover .n-data-table-td {
  background: #f8fbfafa;
}

.list-data-table .n-data-table-tr.list-table-row--active .n-data-table-td {
  background: linear-gradient(#ebf5f2f0, #fafcfbfa);
}

.orders-data-table .status-badge {
  min-height: 28px;
}

@media (max-width: 1100px) {
  .list-mode-workspace {
    grid-template-columns: 1fr;
  }
}

.stats-grid--orders-baseline {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.orders-baseline-workspace {
  align-items: start;
}

.orders-badge-row {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.orders-note-stack {
  gap: 10px;
  display: grid;
}

.orders-bridge-panel {
  background: linear-gradient(#f6f9f8f5, #fffffffa);
  border: 1px solid #dee7e5f5;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  display: flex;
}

.orders-bridge-panel strong {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 650;
  display: block;
}

.orders-bridge-panel p {
  color: var(--text-secondary);
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.55;
}

.form-grid--orders-baseline {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 1280px) {
  .stats-grid--orders-baseline {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .stats-grid--orders-baseline {
    grid-template-columns: 1fr;
  }

  .orders-bridge-panel {
    flex-direction: column;
    align-items: stretch;
  }

  .form-grid--orders-baseline {
    grid-template-columns: 1fr;
  }
}

.orders-items-panel {
  background: linear-gradient(#f8faf9f5, #fffffffa);
  border: 1px solid #e0e8e5f0;
  border-radius: 16px;
  gap: 12px;
  padding: 14px;
  display: grid;
}

.orders-items-panel__header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.orders-items-panel__header strong {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 650;
  display: block;
}

.orders-items-panel__header p {
  color: var(--text-secondary);
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.55;
}

.orders-item-list {
  gap: 10px;
  display: grid;
}

.orders-item-card {
  background: #ffffffeb;
  border: 1px solid #e4ebe8f0;
  border-radius: 14px;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 13px;
  display: flex;
}

.orders-item-card__main {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.orders-item-card__main strong {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 620;
}

.orders-item-card__main p {
  color: var(--text-secondary);
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.orders-item-card__meta {
  color: var(--text-tertiary);
  text-align: right;
  justify-items: end;
  gap: 4px;
  font-size: 11.5px;
  display: grid;
}

@media (max-width: 768px) {
  .orders-items-panel__header, .orders-item-card {
    flex-direction: column;
  }

  .orders-item-card__meta {
    text-align: left;
    justify-items: start;
  }
}

.orders-detail-loading, .orders-detail-error {
  background: #f8faf9e6;
  border: 1px dashed #d6e0dcf5;
  border-radius: 14px;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  display: flex;
}

.orders-detail-loading span, .orders-detail-error p {
  color: var(--text-secondary);
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.orders-detail-error {
  gap: 4px;
  display: grid;
}

.orders-detail-error strong {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 620;
}

.orders-action-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.orders-edit-grid {
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 12px;
  display: grid;
}

.orders-inline-panel {
  background: #f8faf9eb;
  border: 1px solid #e0e8e5f0;
  border-radius: 16px;
  gap: 12px;
  padding: 14px;
  display: grid;
}

.orders-inline-panel__head strong {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 650;
  display: block;
}

.orders-inline-panel__head p {
  color: var(--text-secondary);
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 960px) {
  .orders-edit-grid {
    grid-template-columns: 1fr;
  }
}

.orders-approval-panel {
  background: linear-gradient(#f7f9f8f5, #fffffffa);
  border: 1px solid #e0e8e5f0;
  border-radius: 16px;
  gap: 12px;
  padding: 14px;
  display: grid;
}

.orders-approval-panel__head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.orders-approval-panel__head strong {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 650;
  display: block;
}

.orders-approval-panel__head p {
  color: var(--text-secondary);
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.55;
}

.orders-approval-panel__actions {
  gap: 10px;
  display: grid;
}

.orders-approval-panel__actions .n-space {
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .orders-approval-panel__head {
    flex-direction: column;
  }
}

.categories-governance-board {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.categories-governance-card {
  text-align: left;
  background: linear-gradient(#f9fbfafa, #fffffffa);
  border: 1px solid #e0e8e5eb;
  border-radius: 18px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px 15px;
  transition: border-color .16s, background .16s, transform .16s, box-shadow .16s;
  display: grid;
}

.categories-governance-card:hover {
  border-color: #bed1ccf0;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px #0f17170a;
}

.categories-governance-card.is-active {
  background: linear-gradient(#ecf5f2eb, #fffffffc);
  border-color: #0d6f672e;
  box-shadow: 0 14px 28px #0f17170d;
}

.categories-governance-card__icon {
  width: 34px;
  height: 34px;
  color: var(--text-secondary);
  letter-spacing: .02em;
  background: #f7f9f8fa;
  border: 1px solid #dde6e3f5;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 650;
  display: inline-flex;
}

.categories-governance-card__body {
  min-width: 0;
}

.categories-governance-card__body strong {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 640;
  display: block;
}

.categories-governance-card__body span {
  color: var(--text-secondary);
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.55;
  display: block;
}

.categories-workspace--console {
  align-items: start;
}

.category-tree-summary {
  color: var(--text-tertiary);
  letter-spacing: .02em;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 12px;
  margin-bottom: 4px;
  padding: 2px 4px 0;
  font-size: 11.5px;
  display: flex;
}

.category-tree-item {
  align-items: start;
}

.category-issue-row {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
  display: flex;
}

.category-issue-row--detail {
  margin-top: -2px;
}

.category-detail-stack--console {
  gap: 16px;
}

.category-governance-panel, .category-children-panel, .category-bridge-panel {
  background: linear-gradient(#f8faf9f5, #fffffffa);
  border: 1px solid #e0e8e5f0;
  border-radius: 16px;
  gap: 12px;
  padding: 14px;
  display: grid;
}

.category-governance-panel__head, .category-children-panel__head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.category-governance-panel__head strong, .category-children-panel__head strong, .category-bridge-panel strong {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 650;
  display: block;
}

.category-governance-panel__head p, .category-children-panel__head p, .category-bridge-panel p {
  color: var(--text-secondary);
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.55;
}

.category-governance-list {
  color: var(--text-secondary);
  margin: 0;
  padding-left: 18px;
  font-size: 12.5px;
  line-height: 1.7;
}

.category-governance-list li + li {
  margin-top: 4px;
}

.category-children-list {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.category-child-chip {
  text-align: left;
  background: #fffffff5;
  border: 1px solid #e0e8e5f0;
  border-radius: 14px;
  gap: 4px;
  min-width: 0;
  padding: 11px 12px;
  transition: border-color .16s, background .16s, transform .16s;
  display: grid;
}

.category-child-chip:hover {
  background: #f4f9f7f5;
  border-color: #0d6f672e;
  transform: translateY(-1px);
}

.category-child-chip strong {
  color: var(--text-primary);
  font-size: 12.5px;
  font-weight: 620;
}

.category-child-chip span {
  color: var(--text-tertiary);
  font-size: 11.5px;
}

.category-bridge-panel .n-space {
  flex-wrap: wrap;
}

@media (max-width: 1100px) {
  .categories-governance-board {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 960px) {
  .catalog-focus-strip {
    grid-template-columns: 1fr;
  }

  .catalog-focus-strip__stats {
    justify-content: flex-start;
    max-width: none;
  }

  .category-governance-panel__head, .category-children-panel__head {
    flex-direction: column;
  }
}

.categories-console-overview {
  gap: 14px;
  display: grid;
}

.categories-console-metrics {
  margin-bottom: 0;
}

.categories-console-lead {
  background: radial-gradient(circle at 0 0, #e8f1eef2, #0000 45%), linear-gradient(#f8faf9fa, #fffffffc);
  border: 1px solid #e2e9e6f0;
  border-radius: 22px;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr);
  align-items: end;
  gap: 18px;
  padding: 18px 20px;
  display: grid;
}

.categories-console-kicker {
  color: #4f6661eb;
  letter-spacing: .16em;
  text-transform: uppercase;
  align-items: center;
  gap: 6px;
  font-size: 10.5px;
  font-weight: 700;
  display: inline-flex;
}

.categories-console-kicker:before {
  content: "";
  background: #4f666159;
  width: 20px;
  height: 1px;
}

.categories-console-lead h2 {
  color: var(--text-primary);
  letter-spacing: -.03em;
  margin: 10px 0 0;
  font-size: 22px;
  line-height: 1.28;
}

.categories-console-lead p {
  color: var(--text-secondary);
  margin: 0;
  font-size: 12.5px;
  line-height: 1.7;
}

.categories-filter-bar {
  background: linear-gradient(#f9fbfafa, #fffffffc);
  border-color: #dee6e3f5;
  box-shadow: 0 18px 28px #0f171708;
}

.categories-filter-bar .filter-bar-copy strong {
  font-size: 13px;
  font-weight: 650;
}

.categories-filter-bar .filter-bar-copy span {
  line-height: 1.6;
}

.categories-console-queues {
  margin-top: -2px;
}

.categories-tree-shell, .categories-detail-shell {
  background: linear-gradient(#f9fbfafa, #fffffffc);
  border-color: #dee6e3f5;
  box-shadow: 0 22px 34px #0f171709;
}

.categories-tree-shell .section-card-header, .categories-detail-shell .section-card-header {
  padding-bottom: 14px;
}

.categories-tree-shell .section-card-body, .categories-detail-shell .section-card-body {
  padding-top: 16px;
}

.category-tree-list {
  gap: 10px;
}

.category-tree-item {
  background: linear-gradient(#fffffffc, #fafcfbfa);
  border-color: #e2eae7fa;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  padding-right: 16px;
  position: relative;
  overflow: hidden;
}

.category-tree-item:before {
  content: "";
  background: none;
  border-radius: 999px;
  width: 2px;
  transition: background .16s;
  position: absolute;
  inset: 12px auto 12px 8px;
}

.category-tree-item:hover:before, .category-tree-item.is-active:before {
  background: #0d6f672e;
}

.category-tree-item.is-active {
  background: linear-gradient(#eff6f3f0, #fffffffc);
  border-color: #0d6f6729;
  box-shadow: 0 16px 28px #0f17170d;
}

.category-tree-title-row {
  gap: 8px;
}

.category-tree-title {
  letter-spacing: -.01em;
}

.category-tree-code--primary {
  color: #4d605ceb;
}

.category-tree-stamp {
  color: #808f8bf5;
  white-space: nowrap;
  align-self: start;
  padding-top: 2px;
  font-size: 11px;
}

.category-detail-hero {
  padding-bottom: 2px;
}

.category-detail-hero h3 {
  letter-spacing: -.02em;
}

.category-detail-grid {
  gap: 12px 14px;
}

.category-detail-item {
  background: linear-gradient(#fffffffa, #f9fbfafa);
}

.category-governance-panel, .category-children-panel, .category-bridge-panel {
  border-color: #e1e8e5f5;
  box-shadow: 0 12px 20px #0f171706;
}

.category-governance-panel {
  background: radial-gradient(circle at 100% 0, #ebf4f1b3, #0000 42%), linear-gradient(#f8faf9f7, #fffffffc);
}

.category-children-panel {
  background: linear-gradient(#fafbfaf7, #fffffffc);
}

.category-bridge-panel {
  background: linear-gradient(#f7f9f8f5, #fcfdfcfc);
}

.category-child-chip {
  min-width: 148px;
  box-shadow: inset 0 1px #ffffffbd;
}

.category-child-chip strong {
  letter-spacing: -.01em;
}

@media (max-width: 1100px) {
  .categories-console-lead {
    grid-template-columns: 1fr;
    align-items: start;
  }
}

@media (max-width: 768px) {
  .categories-console-lead {
    padding: 16px;
  }

  .categories-console-lead h2 {
    font-size: 19px;
  }

  .category-tree-item {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .category-tree-stamp {
    padding-top: 0;
  }
}

.categories-list-queues {
  margin-bottom: 14px;
}

.categories-list-table-shell {
  gap: 14px;
}

.categories-list-table .n-data-table-th {
  white-space: nowrap;
}

.category-table-link, .category-table-action {
  color: var(--accent-strong);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

.category-table-link {
  color: var(--text-primary);
  letter-spacing: -.01em;
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 630;
  display: inline-block;
}

.category-table-link:hover, .category-table-action:hover {
  color: #0d6f67;
}

.category-table-action {
  font-size: 12px;
  font-weight: 620;
}

.category-detail-page-grid {
  grid-template-columns: minmax(0, 1.14fr) minmax(300px, .86fr);
  align-items: start;
  gap: 16px;
  display: grid;
}

.category-detail-main-column, .category-detail-side-column {
  gap: 16px;
  display: grid;
}

.category-detail-page-hero {
  padding-bottom: 2px;
}

.category-detail-page-badges {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.category-child-chip--link {
  text-decoration: none;
}

.category-history-list {
  gap: 10px;
  display: grid;
}

.category-history-item {
  background: #fffffff5;
  border: 1px solid #e2eae7f5;
  border-radius: 14px;
  gap: 4px;
  padding: 12px;
  display: grid;
}

.category-history-item strong {
  color: var(--text-primary);
  font-size: 12.5px;
  font-weight: 620;
}

.category-history-item span {
  color: var(--text-secondary);
  font-size: 11.5px;
}

.categories-quick-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin-bottom: 14px;
  display: flex;
}

.categories-quick-chip {
  color: var(--text-secondary);
  cursor: pointer;
  background: #fffffffa;
  border: 1px solid #dee6e3f5;
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 620;
  transition: border-color .16s, background .16s, color .16s;
}

.categories-quick-chip.is-active, .categories-quick-chip:hover {
  color: #0d6f67;
  background: #eff6f3f5;
  border-color: #0d6f6733;
}

.categories-console-lead-panel {
  background: radial-gradient(circle at 0 0, #e3efebeb, #0000 42%), linear-gradient(#f7faf9fc, #fffffffc);
  border: 1px solid #dee6e3f5;
  border-radius: 24px;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
  align-items: stretch;
  gap: 18px;
  margin-bottom: 16px;
  padding: 20px 22px;
  display: grid;
  box-shadow: 0 24px 36px #0f17170a;
}

.categories-console-lead-panel__eyebrow, .category-command-strip__eyebrow {
  color: #4c645ff5;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
}

.categories-console-lead-panel__copy h2, .category-command-strip__copy h2 {
  color: var(--text-primary);
  letter-spacing: -.04em;
  margin: 10px 0 0;
  font-size: 24px;
  line-height: 1.22;
}

.categories-console-lead-panel__copy p:last-child, .category-command-strip__copy p:last-child {
  color: var(--text-secondary);
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.7;
}

.categories-console-lead-panel__stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.categories-console-mini-stat {
  background: #fffffff2;
  border: 1px solid #e1e8e5f5;
  border-radius: 18px;
  gap: 4px;
  padding: 14px 15px;
  display: grid;
}

.categories-console-mini-stat strong {
  color: var(--text-primary);
  letter-spacing: -.03em;
  font-size: 24px;
  font-weight: 680;
}

.categories-console-mini-stat span {
  color: var(--text-secondary);
  font-size: 12px;
}

.categories-blocker-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
  display: grid;
}

.categories-blocker-card {
  background: #fffffffa;
  border: 1px solid #e0e8e5f5;
  border-radius: 18px;
  gap: 4px;
  padding: 14px 15px;
  display: grid;
}

.categories-blocker-card strong {
  color: var(--text-primary);
  letter-spacing: -.03em;
  font-size: 24px;
  font-weight: 680;
}

.categories-blocker-card span {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 630;
}

.categories-blocker-card p {
  color: var(--text-secondary);
  margin: 0;
  font-size: 11.5px;
  line-height: 1.55;
}

.categories-blocker-card.tone-warning {
  background: linear-gradient(#fff9eefa, #fffffffa);
}

.categories-blocker-card.tone-error {
  background: linear-gradient(#fff4f4fa, #fffffffa);
}

.categories-blocker-card.tone-info {
  background: linear-gradient(#f1f7fbfa, #fffffffa);
}

.categories-governance-layout {
  grid-template-columns: 320px minmax(0, 1fr);
  align-items: start;
  gap: 20px;
  display: grid;
}

.categories-nav-shell, .categories-table-shell {
  background: linear-gradient(#f9fbfafa, #fffffffc);
  border-color: #dee6e3f5;
  box-shadow: 0 18px 30px #0f171709;
}

.categories-nav-shell {
  background: radial-gradient(circle at 0 0, #e6efecf5, #0000 46%), linear-gradient(#f4f8f7fc, #fcfdfcfc);
  border-color: #c6d6d1f5;
  position: sticky;
  top: 88px;
}

.categories-table-shell {
  background: linear-gradient(#fff, #fafbfbfc);
  border-color: #dae4e0fa;
  box-shadow: 0 24px 40px #0f17170d;
}

.categories-nav-summary {
  color: var(--text-tertiary);
  flex-wrap: wrap;
  gap: 6px 12px;
  margin-bottom: 14px;
  font-size: 11.5px;
  display: flex;
}

.categories-nav-tree {
  gap: 12px;
  display: grid;
}

.categories-nav-branch {
  gap: 8px;
  display: grid;
}

.categories-nav-children {
  gap: 8px;
  padding-left: 16px;
  display: grid;
}

.categories-nav-node {
  text-align: left;
  cursor: pointer;
  background: #ffffffe6;
  border: 1px solid #e1e8e5f5;
  border-radius: 16px;
  width: 100%;
  padding: 12px 13px;
  transition: border-color .16s, background .16s, transform .16s;
}

.categories-nav-node:hover, .categories-nav-node.is-active {
  background: #f0f7f4fa;
  border-color: #0d6f672e;
  transform: translateY(-1px);
}

.categories-nav-node__head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.categories-nav-node__head strong {
  color: var(--text-primary);
  letter-spacing: -.01em;
  font-size: 13px;
  font-weight: 640;
}

.categories-nav-node span {
  color: var(--text-secondary);
  margin-top: 6px;
  font-size: 11.5px;
  line-height: 1.55;
  display: block;
}

.categories-nav-node--child {
  border-radius: 14px;
  padding: 10px 12px;
}

.categories-focus-strip {
  background: linear-gradient(#f7faf9fa, #fffffffc);
  border: 1px solid #e4ebe8f5;
  border-radius: 18px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px 14px;
  margin-bottom: 14px;
  padding: 12px 14px;
  display: flex;
}

.categories-table-shell .n-data-table {
  border-radius: 16px;
  overflow: hidden;
}

.categories-table-shell .n-data-table-th {
  background: #f5f8f7fa;
}

.categories-table-shell .n-data-table-td {
  background: #fffffffa;
}

.categories-focus-strip strong {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 650;
  display: block;
}

.categories-focus-strip span {
  color: var(--text-secondary);
  margin-top: 4px;
  font-size: 11.5px;
  display: block;
}

.categories-focus-strip__stats {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.category-table-actions {
  flex-wrap: wrap;
  gap: 6px 10px;
  display: flex;
}

.categories-bulk-console {
  border-top: 1px solid #e4ebe8f5;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px 16px;
  margin-top: 14px;
  padding-top: 14px;
  display: flex;
}

.categories-bulk-console strong {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 640;
  display: block;
}

.categories-bulk-console span {
  color: var(--text-secondary);
  margin-top: 4px;
  font-size: 11.5px;
  display: block;
}

.categories-bulk-console__actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.categories-governance-table-wrapper {
  overflow-x: auto;
}

.categories-governance-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  min-width: 1120px;
}

.categories-governance-table th {
  color: var(--text-secondary);
  letter-spacing: .06em;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  border-bottom: 1px solid #e2eae7f5;
  padding: 12px 14px;
  font-size: 11.5px;
  font-weight: 700;
}

.categories-governance-table td {
  vertical-align: top;
  background: #fffffffa;
  border-bottom: 1px solid #ebf0eef5;
  padding: 14px;
}

.categories-governance-table tbody tr {
  transition: background .14s;
}

.categories-governance-table tbody tr:hover td {
  background: #f9fbfafa;
}

.categories-governance-table tbody tr.is-active td {
  background: #f0f7f4f0;
}

.categories-governance-table__subline {
  color: var(--text-tertiary);
  font-size: 11.5px;
  line-height: 1.5;
  display: block;
}

.categories-governance-table__status-group {
  gap: 6px;
  display: grid;
}

.categories-governance-table__status-group span {
  color: var(--text-secondary);
  font-size: 11.5px;
  line-height: 1.5;
}

.category-summary-bar {
  margin-bottom: 10px;
}

.category-publish-summary {
  color: var(--text-secondary);
  background: linear-gradient(90deg, #f7faf9fa, #fffaf2f5);
  border: 1px solid #dee6e3eb;
  border-radius: 16px;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px;
  padding: 10px 14px;
  font-size: 12.5px;
  display: flex;
}

.category-publish-summary strong {
  color: var(--text-primary);
  font-weight: 780;
}

.category-publish-summary em {
  color: #7d592ceb;
  font-style: normal;
}

.category-legacy-tools {
  gap: 16px;
  display: grid;
}

.category-publish-summary--legacy {
  margin-bottom: 0;
}

.category-automation-control {
  background: radial-gradient(circle at 0 0, #cff3e7c7, #0000 42%), linear-gradient(135deg, #f8fcfafa, #fffffffa);
  border: 1px solid #cddcd7f5;
  border-radius: 26px;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
  align-items: stretch;
  gap: 18px;
  margin-bottom: 16px;
  padding: 20px;
  display: grid;
  box-shadow: 0 18px 42px #163a3414;
}

.category-automation-control[data-active="true"] {
  background: radial-gradient(circle at 0 0, #b6ead8e0, #0000 42%), linear-gradient(135deg, #f4fcf8fc, #fffffffa);
  border-color: #0d6f6752;
}

.category-automation-control__copy {
  align-content: start;
  gap: 10px;
  display: grid;
}

.category-automation-control__copy h2 {
  color: var(--text-primary);
  letter-spacing: -.045em;
  margin: 0;
  font-size: clamp(22px, 2.4vw, 32px);
  line-height: 1.08;
}

.category-automation-control__copy p {
  max-width: 760px;
  color: var(--text-secondary);
  margin: 0;
  font-size: 13px;
  line-height: 1.7;
}

.category-automation-control__copy small {
  color: #526b65eb;
  font-size: 12px;
}

.category-automation-control__actions {
  align-content: center;
  gap: 12px;
  display: grid;
}

.category-automation-control__actions small {
  color: #526b65eb;
  font-size: 12px;
  line-height: 1.6;
}

.category-automation-task {
  background: #ffffffb8;
  border: 1px solid #0d6f672e;
  border-radius: 18px;
  gap: 8px;
  padding: 12px;
  display: grid;
  box-shadow: inset 0 1px #ffffffd1;
}

.category-automation-task__head, .category-automation-task__meta {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.category-automation-task__head strong {
  color: var(--text-primary);
  font-size: 13px;
}

.category-automation-task__head span, .category-automation-task__meta span {
  color: #0d6f67;
  background: #0d6f6714;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 800;
}

.category-automation-task__meta {
  justify-content: flex-start;
}

.category-automation-task p {
  color: #526b65f5;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.category-automation-switch {
  text-align: left;
  cursor: pointer;
  background: radial-gradient(circle at 100% 0, #e5eeebd1, #0000 52%), #fffffff0;
  border: 1px solid #cbdad5f5;
  border-radius: 20px;
  gap: 7px;
  width: 100%;
  padding: 18px 70px 18px 18px;
  transition: border-color .16s, box-shadow .16s, transform .16s;
  display: grid;
  position: relative;
}

.category-automation-switch:after {
  content: "";
  background: #c8d5d1fa;
  border-radius: 999px;
  width: 40px;
  height: 24px;
  position: absolute;
  top: 20px;
  right: 18px;
  box-shadow: inset 0 0 0 1px #91a19c2e;
}

.category-automation-switch:before {
  content: "";
  z-index: 1;
  background: #fff;
  border-radius: 999px;
  width: 16px;
  height: 16px;
  transition: transform .16s;
  position: absolute;
  top: 24px;
  right: 36px;
  box-shadow: 0 4px 10px #0f17172e;
}

.category-automation-switch:hover:not(:disabled) {
  border-color: #0d6f6747;
  transform: translateY(-1px);
  box-shadow: 0 16px 28px #0d6f6714;
}

.category-automation-switch[data-active="true"] {
  background: radial-gradient(circle at 100% 0, #c4e8dce0, #0000 52%), #fffffff5;
  border-color: #0d6f675c;
}

.category-automation-switch[data-active="true"]:after {
  background: #0d6f67;
}

.category-automation-switch[data-active="true"]:before {
  transform: translateX(18px);
}

.category-automation-switch:disabled {
  cursor: not-allowed;
  opacity: .64;
}

.category-automation-switch span {
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 720;
}

.category-automation-switch strong {
  color: var(--text-primary);
  font-size: 18px;
  font-weight: 780;
}

.category-command-strip {
  background: radial-gradient(circle at 0 0, #e6f0edeb, #0000 40%), linear-gradient(#f7faf9fc, #fffffffc);
  border: 1px solid #dee6e3f5;
  border-radius: 24px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, auto);
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  padding: 18px 20px;
  display: grid;
  box-shadow: 0 22px 34px #0f17170a;
}

.category-quick-nav {
  z-index: 5;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #ffffffeb;
  border: 1px solid #dbe4e0eb;
  border-radius: 18px;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
  padding: 8px;
  display: flex;
  position: sticky;
  top: 10px;
  box-shadow: 0 14px 30px #0f17170f;
}

.category-quick-nav__label {
  color: #4c645fe0;
  letter-spacing: .08em;
  align-items: center;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 760;
  display: inline-flex;
}

.category-quick-nav button {
  color: var(--text-secondary);
  cursor: pointer;
  background: #f3f7f5f5;
  border: 0;
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 650;
  transition: background .16s, color .16s, transform .16s;
}

.category-quick-nav button:hover {
  color: #0d6f67;
  background: #0d6f671a;
  transform: translateY(-1px);
}

.category-boundary-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 14px;
  display: grid;
}

.category-boundary-card {
  background: radial-gradient(circle at 0 0, #e8f1eeb8, #0000 42%), linear-gradient(#fffffffa, #f9fbfafa);
  border: 1px solid #d9e2dff5;
  border-radius: 22px;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  min-height: 210px;
  padding: 18px;
  display: flex;
  box-shadow: 0 18px 34px #0f17170b;
}

.category-boundary-card--local {
  background: radial-gradient(circle at 0 0, #d0f2ebdb, #0000 48%), linear-gradient(#f7fdfbfc, #fffffffc);
  border-color: #6bbdae85;
}

.category-boundary-card--schema {
  border-style: dashed;
}

.category-boundary-card span {
  color: #566f69db;
  letter-spacing: .14em;
  font-size: 11px;
  font-weight: 760;
}

.category-boundary-card strong {
  color: #122522;
  font-size: 18px;
  font-weight: 820;
}

.category-boundary-card p {
  color: #495f5aeb;
  min-height: 62px;
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
}

.category-boundary-card > div {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.categories-header-meta {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.categories-workbench-hero {
  background: radial-gradient(circle at 0 0, #d6eae6eb, #0000 42%), linear-gradient(#f9fbfafc, #fffffffc);
  border: 1px solid #d5dfdbf5;
  border-radius: 26px;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: 18px;
  margin-bottom: 18px;
  padding: 24px;
  display: grid;
  box-shadow: 0 24px 40px #0f17170d;
}

.categories-workbench-hero__copy {
  align-content: start;
  gap: 12px;
  display: grid;
}

.categories-workbench-hero__eyebrow, .categories-panel-header__eyebrow {
  color: #455b56f0;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
}

.categories-workbench-hero__copy h2 {
  color: var(--text-primary);
  letter-spacing: -.045em;
  margin: 0;
  font-size: 31px;
  line-height: 1.14;
}

.categories-workbench-hero__copy p {
  max-width: 760px;
  color: var(--text-secondary);
  margin: 0;
  font-size: 13.5px;
  line-height: 1.72;
}

.categories-workbench-hero__badges {
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 4px;
  display: flex;
}

.categories-workbench-hero__stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.categories-workbench-stat {
  background: #fffffff5;
  border: 1px solid #dee7e4f5;
  border-radius: 18px;
  gap: 5px;
  padding: 16px;
  display: grid;
}

.categories-workbench-stat strong {
  color: var(--text-primary);
  letter-spacing: -.04em;
  font-size: 28px;
  font-weight: 700;
}

.categories-workbench-stat span {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 620;
}

.categories-workbench-stat small {
  color: var(--text-secondary);
  font-size: 11.5px;
  line-height: 1.55;
}

.categories-workbench-toolbar {
  background: #fffffffa;
  border: 1px solid #dce5e2f5;
  border-radius: 22px;
  gap: 14px;
  margin-bottom: 18px;
  padding: 16px;
  display: grid;
  box-shadow: 0 16px 30px #0f171709;
}

.categories-workbench-toolbar__row {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.categories-workbench-toolbar__row--advanced {
  border-top: 1px solid #e8edebf5;
  padding-top: 2px;
}

.categories-workbench-toolbar__search {
  flex: 320px;
  min-width: 280px;
}

.categories-workbench-toolbar__buttons {
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
  display: flex;
}

.categories-workbench-toolbar__toggle {
  align-items: center;
  min-height: 40px;
  display: flex;
}

.categories-workbench-toolbar__badges, .categories-focus-tabs {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.categories-focus-tab {
  color: var(--text-secondary);
  cursor: pointer;
  background: #f7faf9fa;
  border: 1px solid #dde6e2f5;
  border-radius: 999px;
  padding: 8px 13px;
  font-size: 12px;
  font-weight: 650;
  transition: border-color .14s, background .14s, color .14s;
}

.categories-focus-tab:hover, .categories-focus-tab.is-active {
  color: var(--brand-primary);
  background: #ecf5f2fa;
  border-color: #0d6f6738;
}

.categories-workbench-grid {
  grid-template-columns: 320px minmax(0, 1fr);
  align-items: start;
  gap: 20px;
  display: grid;
}

.categories-tree-panel, .categories-main-panel {
  background: #fffffffc;
  border: 1px solid #dae3dff5;
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 20px 36px #0f17170a;
}

.categories-tree-panel {
  background: radial-gradient(circle at 0 0, #e8f0edf2, #0000 44%), linear-gradient(#f6f9f8fc, #fffffffc);
  position: sticky;
  top: 88px;
}

.categories-panel-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px 16px;
  margin-bottom: 16px;
  display: flex;
}

.categories-panel-header h3 {
  color: var(--text-primary);
  letter-spacing: -.03em;
  margin: 8px 0 0;
  font-size: 21px;
  line-height: 1.2;
}

.categories-panel-header span {
  color: var(--text-secondary);
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.6;
  display: block;
}

.categories-panel-header__stats {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.categories-tree-panel__summary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
  display: grid;
}

.categories-tree-panel__summary > div {
  background: #ffffffe6;
  border: 1px solid #e1e8e5f5;
  border-radius: 16px;
  gap: 4px;
  padding: 12px 13px;
  display: grid;
}

.categories-tree-panel__summary strong {
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 650;
}

.categories-tree-panel__summary span {
  color: var(--text-secondary);
  font-size: 11.5px;
}

.categories-tree-panel__body {
  gap: 10px;
  display: grid;
}

.categories-selection-bar {
  background: linear-gradient(#f8faf9fa, #fffffffc);
  border: 1px solid #e4eae7fa;
  border-radius: 18px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px 16px;
  margin-bottom: 14px;
  padding: 14px 15px;
  display: flex;
}

.categories-selection-bar.is-active {
  background: radial-gradient(circle at 0 0, #e9f3f0eb, #0000 60%), linear-gradient(#f8fbf9fc, #fffffffc);
  border-color: #0d6f6724;
}

.categories-selection-bar strong {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 650;
  display: block;
}

.categories-selection-bar span {
  color: var(--text-secondary);
  margin-top: 4px;
  font-size: 11.5px;
  display: block;
}

.categories-selection-bar__actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.categories-main-panel .n-data-table {
  border-radius: 16px;
  overflow: hidden;
}

.categories-main-panel .n-data-table-th {
  background: #f5f8f7fa;
}

.categories-main-panel .n-data-table-td {
  background: #fffffffa;
}

.categories-table-primary {
  gap: 6px;
  display: grid;
}

.categories-table-title {
  color: var(--text-primary);
  font: inherit;
  letter-spacing: -.01em;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 650;
}

.categories-table-title:hover {
  color: var(--brand-primary);
}

.categories-table-subline {
  color: var(--text-secondary);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  font-size: 11.5px;
  display: flex;
}

.categories-table-stack {
  gap: 6px;
  display: grid;
}

.categories-table-stack strong {
  color: var(--text-primary);
  font-size: 12.5px;
  font-weight: 630;
}

.categories-table-stack span {
  color: var(--text-secondary);
  font-size: 11.5px;
  line-height: 1.5;
}

.categories-row-actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.categories-row-action {
  color: var(--text-secondary);
  cursor: pointer;
  background: #fffffffa;
  border: 1px solid #dae4e0f5;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 11.5px;
  font-weight: 650;
  transition: border-color .14s, color .14s, background .14s;
}

.categories-row-action:hover {
  color: var(--brand-primary);
  border-color: #0d6f672e;
}

.categories-row-action.is-primary {
  color: var(--brand-primary);
  background: #eff6f3eb;
  border-color: #0d6f6729;
}

.categories-row-action:disabled {
  cursor: not-allowed;
  opacity: .45;
}

@media (max-width: 1280px) {
  .categories-workbench-hero, .categories-workbench-grid {
    grid-template-columns: 1fr;
  }

  .categories-tree-panel {
    position: static;
  }
}

@media (max-width: 860px) {
  .categories-workbench-hero {
    padding: 18px;
  }

  .categories-workbench-hero__copy h2 {
    font-size: 24px;
  }

  .categories-workbench-hero__stats, .categories-tree-panel__summary {
    grid-template-columns: 1fr;
  }

  .categories-panel-header {
    flex-direction: column;
  }

  .categories-panel-header__stats {
    justify-content: flex-start;
  }
}

.categories-sync-hero {
  background: radial-gradient(circle at 0 0, #d9ece7e6, #0000 36%), linear-gradient(#f9fbfafc, #fffffffc);
  border: 1px solid #d7e0dcf5;
  border-radius: 22px;
  gap: 14px;
  margin-bottom: 16px;
  padding: 18px 20px;
  display: grid;
  box-shadow: 0 18px 30px #0f17170a;
}

.categories-sync-hero__copy {
  align-content: start;
  gap: 8px;
  display: grid;
}

.categories-sync-hero__eyebrow, .categories-sync-card__eyebrow, .categories-node-workbench__eyebrow, .categories-node-panel__eyebrow {
  color: #485c58f0;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
}

.categories-sync-hero__copy h2 {
  color: var(--text-primary);
  letter-spacing: -.045em;
  margin: 0;
  font-size: 28px;
  line-height: 1.08;
}

.categories-sync-hero__copy p:last-child {
  max-width: 920px;
  color: var(--text-secondary);
  margin: 0;
  font-size: 12.5px;
  line-height: 1.62;
}

.categories-sync-hero__stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.categories-sync-stat {
  background: #fffffff5;
  border: 1px solid #dfe7e4f5;
  border-radius: 16px;
  gap: 4px;
  padding: 12px 13px;
  display: grid;
}

.categories-sync-stat strong {
  color: var(--text-primary);
  letter-spacing: -.04em;
  font-size: 24px;
  font-weight: 700;
}

.categories-sync-stat span {
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 620;
}

.categories-sync-stat small {
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.45;
}

.categories-workflow-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
  display: grid;
}

.categories-workflow-card {
  color: var(--text-primary);
  background: radial-gradient(circle at 0 0, #ecf5f1e6, #0000 42%), #fffffffa;
  border: 1px solid #dce5e2f5;
  border-radius: 18px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 4px 10px;
  padding: 13px 14px;
  text-decoration: none;
  transition: border-color .18s, box-shadow .18s, transform .18s;
  display: grid;
  box-shadow: 0 12px 22px #0f171708;
}

.categories-workflow-card:hover {
  border-color: #0d6f6747;
  transform: translateY(-1px);
  box-shadow: 0 16px 28px #0d6f670f;
}

.categories-workflow-card[data-tone="warning"] {
  background: radial-gradient(circle at 0 0, #ffeecca6, #0000 44%), #fffffffa;
}

.categories-workflow-card__icon {
  color: #0d6f67;
  letter-spacing: .04em;
  background: #0d6f671a;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
}

.categories-workflow-card strong, .categories-workflow-card em {
  color: var(--text-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 760;
}

.categories-workflow-card small {
  color: var(--text-secondary);
  grid-column: 2 / 4;
  font-size: 11px;
  line-height: 1.42;
}

.categories-console-toolbar {
  background: #fffffffa;
  border: 1px solid #dce5e2f5;
  border-radius: 18px;
  gap: 12px;
  margin-bottom: 16px;
  padding: 14px;
  display: grid;
  box-shadow: 0 12px 22px #0f171708;
}

.categories-console-toolbar__row {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.categories-console-toolbar__row--advanced {
  border-top: 1px solid #e8edebf5;
  padding-top: 14px;
}

.categories-console-toolbar__search {
  flex: 520px;
  min-width: 360px;
}

.categories-console-toolbar__buttons {
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
  display: flex;
}

.categories-console-toolbar__toggle {
  align-items: center;
  min-height: 40px;
  display: flex;
}

.categories-console-toolbar__badges {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.categories-toolbar-guide {
  color: var(--text-secondary);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.categories-sync-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 14px;
  display: grid;
}

.categories-sync-sidebar, .categories-sync-main {
  gap: 16px;
  display: grid;
}

.categories-sync-card, .categories-node-workbench, .categories-node-panel {
  background: #fffffffc;
  border: 1px solid #dae3dff5;
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 16px 28px #0f171709;
}

.categories-sync-card {
  background: radial-gradient(circle at 0 0, #e8f0edf0, #0000 46%), linear-gradient(#f6f9f8fc, #fffffffc);
}

.categories-sync-card__header, .categories-node-workbench__header, .categories-node-panel__header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px 16px;
  margin-bottom: 12px;
  display: flex;
}

.categories-sync-card__header h3, .categories-node-panel__header h3 {
  color: var(--text-primary);
  letter-spacing: -.03em;
  margin: 6px 0 0;
  font-size: 18px;
  line-height: 1.2;
}

.categories-sync-card__header span, .categories-node-panel__header span {
  color: var(--text-secondary);
  margin-top: 4px;
  font-size: 11.5px;
  line-height: 1.55;
  display: block;
}

.categories-list-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
  display: grid;
}

.categories-list-summary > div {
  background: #ffffffe6;
  border: 1px solid #e1e8e5f5;
  border-radius: 14px;
  gap: 4px;
  padding: 10px 12px;
  display: grid;
}

.categories-list-summary strong {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 650;
}

.categories-list-summary span {
  color: var(--text-secondary);
  font-size: 11px;
}

.categories-batch-compact {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

.categories-batch-quick {
  color: #0d6f67;
  cursor: pointer;
  background: #eef7f4f5;
  border: 1px solid #d2e0dbf5;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 720;
}

.categories-batch-quick:hover:not(:disabled) {
  background: #e0f2ecfa;
  border-color: #0d6f6742;
}

.categories-batch-quick--ghost {
  color: var(--text-secondary);
  background: #f8faf9f5;
}

.categories-batch-quick:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.categories-batch-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
  display: grid;
}

.categories-batch-action {
  width: 100%;
  color: var(--text-primary);
  text-align: left;
  cursor: pointer;
  background: linear-gradient(#fffffffa, #f6faf8f5);
  border: 1px solid #d6e0dcf5;
  border-radius: 14px;
  gap: 4px;
  padding: 10px 12px;
  transition: border-color .18s, box-shadow .18s, transform .18s;
  display: grid;
}

.categories-batch-action:hover:not(:disabled) {
  border-color: #0d6f6747;
  transform: translateY(-1px);
  box-shadow: 0 12px 22px #0f17170f;
}

.categories-batch-action strong {
  font-size: 12.5px;
  font-weight: 680;
}

.categories-batch-action span {
  color: var(--text-secondary);
  font-size: 10.5px;
  line-height: 1.35;
}

.categories-batch-action.is-danger {
  background: linear-gradient(#fffbf4fa, #fff7ecf0);
  border-color: #db9a5657;
}

.categories-batch-action:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.categories-batch-actions .n-button {
  min-width: 0;
}

.categories-batch-tags {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.categories-batch-tag {
  color: var(--text-primary);
  text-align: left;
  cursor: pointer;
  background: #fffffff5;
  border: 1px solid #dce5e1f5;
  border-radius: 999px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  display: flex;
}

.categories-batch-tag span {
  font-size: 12px;
  font-weight: 620;
}

.categories-batch-tag small {
  color: var(--text-secondary);
  font-size: 10.5px;
}

.categories-batch-empty {
  color: var(--text-secondary);
  margin: 0;
  font-size: 11.5px;
  line-height: 1.5;
}

.categories-list-body {
  gap: 8px;
  max-height: min(72vh, 920px);
  margin-top: 12px;
  padding-right: 4px;
  display: grid;
  overflow: auto;
}

.categories-list-row {
  cursor: pointer;
  background: #fffffff5;
  border: 1px solid #e0e8e5f5;
  border-radius: 14px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px 12px;
  padding: 11px 12px;
  transition: border-color .14s, transform .14s, box-shadow .14s;
  display: grid;
  position: relative;
}

.categories-list-row:hover {
  background: linear-gradient(#f8fbfafc, #fffffffc);
  border-color: #0d6f6733;
  transform: translateY(-1px);
  box-shadow: 0 10px 18px #0f17170a;
}

.categories-list-row.is-active {
  background: linear-gradient(#f0f8f5fa, #fffffffa);
  border-color: #0d6f674d;
  box-shadow: 0 14px 26px #0d6f6714;
}

.categories-list-row.is-active:before {
  content: "";
  background: linear-gradient(#0d6f67f5, #189a8ab8);
  border-radius: 999px;
  width: 4px;
  position: absolute;
  inset: 8px auto 8px 0;
}

.categories-list-row.is-batched {
  background: linear-gradient(#f5f9f7fc, #fffffffc);
  border-color: #c6d6d1f5;
}

.categories-list-row.is-batched:not(.is-active):after {
  content: "";
  background: #0d6f6747;
  border-radius: 999px;
  width: 8px;
  height: 8px;
  position: absolute;
  inset: 10px 10px auto auto;
}

.categories-list-row__copy {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.categories-list-row__title {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.categories-list-row__copy strong {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 660;
}

.categories-list-row.is-active .categories-list-row__copy strong {
  color: #0d6f67;
}

.categories-list-row__flag {
  color: var(--text-secondary);
  letter-spacing: .03em;
  background: #f6f9f8fa;
  border: 1px solid #d6dfdbfa;
  border-radius: 999px;
  align-items: center;
  padding: 2px 7px;
  font-size: 10.5px;
  font-weight: 700;
  display: inline-flex;
}

.categories-list-row__flag--current {
  color: #0d6f67;
  background: #e8f5f1fa;
  border-color: #0d6f6733;
}

.categories-list-row__signals {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.categories-list-row__signal {
  color: var(--text-secondary);
  letter-spacing: .02em;
  background: #f8faf9fa;
  border: 1px solid #dae2defa;
  border-radius: 999px;
  align-items: center;
  padding: 2px 8px;
  font-size: 10.5px;
  font-weight: 700;
  display: inline-flex;
}

.categories-list-row__signal[data-tone="success"] {
  color: #156c58;
  background: #eef8f4fa;
  border-color: #8dc6b56b;
}

.categories-list-row__signal[data-tone="warning"] {
  color: #8d5b00;
  background: #fff8ecfa;
  border-color: #e8c5816b;
}

.categories-list-row__signal[data-tone="info"] {
  color: #225f9c;
  background: #eff7fffa;
  border-color: #8cb7dd6b;
}

.categories-list-row__copy span, .categories-list-row__copy small {
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.45;
}

.categories-list-row__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.categories-list-row.is-active .categories-list-row__actions .n-button:first-child {
  color: #0d6f67;
  background: #eef7f4fa;
  border-color: #0d6f672e;
}

.categories-node-workbench {
  background: radial-gradient(circle at 0 0, #d6ebe6e0, #0000 46%), linear-gradient(#f9fbfafc, #fffffffc);
}

.categories-node-workbench__header {
  margin-bottom: 12px;
}

.categories-node-workbench__title {
  gap: 4px;
  display: grid;
}

.categories-node-workbench__title h2 {
  color: var(--text-primary);
  letter-spacing: -.045em;
  margin: 4px 0 0;
  font-size: 24px;
  line-height: 1.1;
}

.categories-node-workbench__title p:last-child {
  color: var(--text-secondary);
  margin: 2px 0 0;
  font-size: 11.5px;
  line-height: 1.45;
}

.categories-node-workbench__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px 10px;
  display: flex;
}

.categories-node-workbench__primary-action {
  display: flex;
}

.categories-node-workbench__primary-action .n-button {
  min-width: 144px;
  box-shadow: 0 12px 22px #0d6f6724;
}

.categories-node-workbench__secondary-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.categories-node-workbench__secondary-actions .n-button {
  min-width: 108px;
}

.categories-node-workbench__badges {
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 10px;
  display: flex;
}

.categories-node-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.categories-node-stat {
  background: #fffffff5;
  border: 1px solid #dfe7e4f5;
  border-radius: 14px;
  gap: 4px;
  padding: 12px 13px;
  display: grid;
}

.categories-node-stat strong {
  color: var(--text-primary);
  letter-spacing: -.04em;
  font-size: 24px;
  font-weight: 700;
}

.categories-node-stat span {
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 620;
}

.categories-node-stat small {
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.45;
}

.categories-node-panels {
  grid-template-columns: 1fr;
  gap: 16px;
  display: grid;
}

.categories-node-signals {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.categories-node-signal {
  background: #fffffff5;
  border: 1px solid #e0e8e5f5;
  border-radius: 14px;
  gap: 4px;
  padding: 11px 12px;
  display: grid;
}

.categories-node-signal[data-tone="warning"] {
  background: linear-gradient(#fffaf1fa, #fffffffa);
}

.categories-node-signal[data-tone="error"] {
  background: linear-gradient(#fff4f4fa, #fffffffa);
}

.categories-node-signal[data-tone="success"] {
  background: linear-gradient(#f0f8f5fa, #fffffffa);
}

.categories-node-signal strong {
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 640;
}

.categories-node-signal span {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 650;
}

.categories-node-signal small {
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.45;
}

.categories-node-meta-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
  display: grid;
}

.categories-node-meta-item {
  background: #f7faf9f5;
  border: 1px solid #e2e9e6f5;
  border-radius: 14px;
  gap: 4px;
  padding: 10px 11px;
  display: grid;
}

.categories-node-meta-item span {
  color: var(--text-secondary);
  font-size: 11px;
}

.categories-node-meta-item strong {
  color: var(--text-primary);
  font-size: 12.5px;
  font-weight: 630;
}

.categories-node-issues {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
  display: flex;
}

.categories-node-action-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.categories-node-action-grid--primary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.categories-node-action {
  color: var(--text-primary);
  text-align: left;
  cursor: pointer;
  background: #fffffff5;
  border: 1px solid #e0e8e5f5;
  border-radius: 14px;
  gap: 4px;
  padding: 12px 13px;
  transition: border-color .14s, transform .14s;
  display: grid;
}

.categories-node-action:hover {
  border-color: #0d6f672e;
  transform: translateY(-1px);
}

.categories-node-action--primary {
  background: radial-gradient(circle at 100% 0, #dbf2ebc7, #0000 52%), #fffffffc;
  border-color: #c7ded8f5;
  min-height: 112px;
}

.categories-node-action--primary[data-tone="warning"] {
  background: radial-gradient(circle at 100% 0, #ffeeccbd, #0000 52%), #fffffffc;
  border-color: #e7c48bdb;
}

.categories-node-action--primary[data-tone="success"], .categories-node-action--primary[data-tone="info"] {
  border-color: #97cbbee6;
}

.categories-node-action:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.categories-node-action strong {
  font-size: 12.5px;
  font-weight: 650;
}

.categories-node-action span {
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.45;
}

.categories-secondary-tools {
  background: #f8fbfad1;
  border: 1px dashed #cfdcd8f5;
  border-radius: 16px;
  margin-top: 12px;
  padding: 10px 12px;
}

.categories-secondary-tools summary {
  color: #0d6f67;
  cursor: pointer;
  font-size: 12px;
  font-weight: 760;
}

.categories-secondary-tools .categories-node-action-grid {
  margin-top: 10px;
}

.categories-node-panel--children {
  margin-top: 14px;
}

.categories-node-children {
  gap: 8px;
  display: grid;
}

.categories-node-child {
  background: #fffffff5;
  border: 1px solid #e0e8e5f5;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  gap: 10px 14px;
  padding: 11px 12px;
  display: flex;
}

.categories-node-child__copy {
  gap: 3px;
  display: grid;
}

.categories-node-child__copy strong {
  color: var(--text-primary);
  font-size: 12.5px;
  font-weight: 650;
}

.categories-node-child__copy span, .categories-node-child__copy small {
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.45;
}

.categories-node-child__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

@media (max-width: 1280px) {
  .categories-sync-grid, .categories-workflow-strip {
    grid-template-columns: 1fr;
  }

  .categories-sync-hero__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .categories-sync-hero {
    padding: 16px;
  }

  .categories-sync-hero__copy h2 {
    font-size: 24px;
  }

  .categories-sync-hero__stats, .categories-workflow-strip, .categories-list-summary, .categories-node-signals, .categories-node-action-grid, .categories-node-action-grid--primary, .categories-node-stats, .categories-node-meta-list {
    grid-template-columns: 1fr;
  }

  .categories-sync-card__header, .categories-node-workbench__header, .categories-node-panel__header, .categories-node-child {
    flex-direction: column;
    align-items: flex-start;
  }

  .categories-node-workbench__actions, .categories-list-row__actions, .categories-node-child__actions, .categories-console-toolbar__buttons {
    justify-content: flex-start;
    margin-left: 0;
  }

  .categories-node-workbench__secondary-actions {
    justify-content: flex-start;
  }

  .categories-list-row, .categories-batch-actions {
    grid-template-columns: 1fr;
  }

  .categories-console-toolbar__search {
    flex-basis: 100%;
    min-width: 100%;
  }
}

.category-command-strip__steps {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  min-width: 320px;
  display: grid;
}

.category-command-strip__steps span {
  color: var(--text-secondary);
  text-align: center;
  background: #ffffffb8;
  border: 1px solid #d8e5e0f5;
  border-radius: 16px;
  gap: 4px;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 700;
  display: grid;
}

.category-command-strip__steps strong {
  color: #0d6f67;
  letter-spacing: .12em;
  font-size: 11px;
}

.category-command-chip {
  color: var(--text-secondary);
  cursor: pointer;
  background: #fffffff5;
  border: 1px solid #dde5e2f5;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 620;
  transition: border-color .16s, background .16s, color .16s;
}

.category-command-chip:hover {
  color: #0d6f67;
  background: #eff6f3f5;
  border-color: #0d6f6733;
}

.category-governance-detail {
  gap: 16px;
  display: grid;
}

.category-governance-detail--refined .section-card {
  border-color: #dfe7e4f5;
  box-shadow: 0 16px 28px #0f171708;
}

.category-detail-header-meta {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.category-detail-badges, .category-detail-link-row, .category-batch-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.category-collapsed-panel {
  background: radial-gradient(circle at 100% 0, #e1efeab3, #0000 48%), #f8faf9f5;
  border: 1px dashed #cad8d3f5;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  display: flex;
}

.category-collapsed-panel--quiet {
  background: #f9fbfaf5;
}

.category-collapsed-panel > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.category-collapsed-panel strong {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 720;
}

.category-collapsed-panel span {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.55;
}

.category-template-upload-panel {
  background: radial-gradient(circle at 0 0, #d9eee694, #0000 42%), #fafcfbfa;
  border: 1px solid #cdded8f5;
  border-radius: 20px;
  gap: 16px;
  margin-top: 16px;
  padding: 16px;
  display: grid;
}

.category-template-upload-panel__head, .category-template-upload-panel__actions {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.category-template-upload-panel__head > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.category-template-upload-panel__head strong {
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 760;
}

.category-template-upload-panel__head span, .category-template-upload-panel__actions span {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.55;
}

.category-template-upload-panel__actions {
  border-top: 1px solid #d4e2dde6;
  padding-top: 14px;
}

.category-template-upload-panel__actions > span {
  max-width: 560px;
}

.category-template-upload-panel__buttons {
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  display: flex;
}

.category-template-upload-submit {
  min-width: 136px;
  box-shadow: 0 14px 28px #0d6f6729;
  --n-color: #0d6f67 !important;
  --n-color-hover: #0b625b !important;
  --n-color-pressed: #09554f !important;
  --n-color-focus: #0d6f67 !important;
  --n-text-color: #fff !important;
  --n-text-color-hover: #fff !important;
  --n-text-color-pressed: #fff !important;
  --n-text-color-focus: #fff !important;
  --n-text-color-disabled: #ffffffc7 !important;
  --n-color-disabled: #0d6f679e !important;
  color: #fff !important;
  border-radius: 14px !important;
  font-weight: 780 !important;
}

.category-template-upload-submit .n-button__content {
  color: #fff !important;
}

.category-template-upload-submit.n-button--disabled {
  box-shadow: none;
}

.category-template-upload-submit:not(.n-button--disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 34px #0d6f6733;
}

.category-template-upload-form {
  gap: 12px;
  display: grid;
}

.category-template-file-picker {
  cursor: pointer;
  background: linear-gradient(135deg, #e8f6f0db, #fffffffa);
  border: 1.5px dashed #0d6f6757;
  border-radius: 18px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 92px;
  padding: 16px;
  transition: border-color .16s, box-shadow .16s, transform .16s;
  display: grid;
  position: relative;
}

.category-template-file-picker:hover {
  border-color: #0d6f6794;
  transform: translateY(-1px);
  box-shadow: 0 16px 34px #0d6f671a;
}

.category-template-file-picker[data-has-file="true"] {
  background: linear-gradient(135deg, #e0f4ecf5, #fffffffa);
  border-style: solid;
}

.category-template-file-picker__input {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  inset: 0;
}

.category-template-file-picker__icon {
  color: #fff;
  letter-spacing: .08em;
  background: #0d6f67;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.category-template-file-picker__copy {
  gap: 6px;
  min-width: 0;
  display: grid;
}

.category-template-file-picker__copy strong {
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 760;
  overflow: hidden;
}

.category-template-file-picker__copy small {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.5;
}

.category-template-file-picker__button {
  color: #fff;
  white-space: nowrap;
  background: #0d6f67;
  border-radius: 999px;
  padding: 9px 14px;
  font-size: 12px;
  font-weight: 760;
}

.category-collect-switch-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.category-collect-switch {
  text-align: left;
  cursor: pointer;
  background: radial-gradient(circle at 100% 0, #e8efecb8, #0000 50%), #fffffffa;
  border: 1px solid #d6e0dcf5;
  border-radius: 18px;
  gap: 8px;
  min-height: 124px;
  padding: 16px 52px 16px 16px;
  transition: border-color .16s, box-shadow .16s, transform .16s, background .16s;
  display: grid;
  position: relative;
}

.category-collect-switch:after {
  content: "";
  background: #cad6d2fa;
  border-radius: 999px;
  width: 36px;
  height: 22px;
  transition: background .16s;
  position: absolute;
  top: 18px;
  right: 16px;
  box-shadow: inset 0 0 0 1px #91a19c2e;
}

.category-collect-switch:before {
  content: "";
  z-index: 1;
  background: #fff;
  border-radius: 999px;
  width: 16px;
  height: 16px;
  transition: transform .16s;
  position: absolute;
  top: 21px;
  right: 31px;
  box-shadow: 0 3px 8px #0f171729;
}

.category-collect-switch:hover {
  border-color: #0d6f673d;
  transform: translateY(-1px);
  box-shadow: 0 16px 28px #0d6f6712;
}

.category-collect-switch[data-active="true"] {
  background: radial-gradient(circle at 100% 0, #c3e7dcd1, #0000 50%), linear-gradient(#f6fcf9fc, #fffffffa);
  border-color: #0d6f6757;
}

.category-collect-switch[data-active="true"]:after {
  background: #0d6f67;
}

.category-collect-switch[data-active="true"]:before {
  transform: translateX(15px);
}

.category-collect-switch__label {
  color: var(--text-secondary);
  letter-spacing: .03em;
  font-size: 12px;
  font-weight: 720;
}

.category-collect-switch strong {
  color: var(--text-primary);
  font-size: 18px;
  font-weight: 760;
}

.category-collect-switch small {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.55;
}

.category-collect-save-row {
  background: #f8faf9f5;
  border: 1px solid #dae5e0eb;
  border-radius: 16px;
  grid-column: 1 / -1;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px;
  display: flex;
}

.category-collect-save-row span {
  color: var(--text-secondary);
  font-size: 12px;
}

.category-collect-save-button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #0f766e, #0d6f67);
  border: 0;
  border-radius: 999px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 760;
  transition: box-shadow .16s, transform .16s, opacity .16s;
  box-shadow: 0 10px 20px #0d6f6729;
}

.category-collect-save-button:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 14px 26px #0d6f6738;
}

.category-collect-save-button:disabled {
  cursor: wait;
  opacity: .65;
}

.category-site-context-strip {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.category-site-context-strip > div:first-child {
  gap: 6px;
  min-width: 0;
  display: grid;
}

.category-site-simple-grid {
  grid-template-columns: minmax(360px, .78fr) minmax(0, 1.22fr);
  align-items: start;
  gap: 16px;
  margin-top: 16px;
  display: grid;
}

.category-site-bind-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.category-site-bind-actions {
  background: #f8faf9f5;
  border: 1px solid #dae5e0eb;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px;
  display: flex;
}

.category-site-bind-actions > div {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.category-site-binding-list {
  gap: 10px;
  display: grid;
}

.category-site-binding-row {
  background: radial-gradient(circle at 100% 0, #e1efeaad, #0000 46%), #fffffffa;
  border: 1px solid #dee7e3f5;
  border-radius: 16px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  display: grid;
}

.category-site-binding-row > div:first-child {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.category-site-binding-row strong {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 760;
}

.category-site-binding-row span {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.5;
}

.category-pipeline-command {
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 14px;
  display: grid;
}

.category-pipeline-command__main {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.category-pipeline-action {
  min-height: 78px;
  color: var(--text-primary);
  text-align: left;
  cursor: pointer;
  background: linear-gradient(#fffffffc, #f5faf8f5);
  border: 1px solid #d6e0dcf5;
  border-radius: 16px;
  gap: 6px;
  padding: 13px 14px;
  transition: border-color .18s, box-shadow .18s, transform .18s;
  display: grid;
}

.category-pipeline-action:hover:not(:disabled) {
  border-color: #0d6f674d;
  transform: translateY(-1px);
  box-shadow: 0 16px 28px #0d6f6714;
}

.category-pipeline-action strong {
  font-size: 14px;
  font-weight: 720;
}

.category-pipeline-action span {
  color: var(--text-secondary);
  font-size: 11.5px;
  line-height: 1.45;
}

.category-pipeline-action.is-danger {
  background: linear-gradient(#fffbf4fc, #fff6e8f5);
  border-color: #da91495c;
}

.category-pipeline-action:disabled {
  cursor: not-allowed;
  opacity: .46;
}

.category-pipeline-command__side {
  align-content: start;
  gap: 10px;
  display: grid;
}

.category-pipeline-current {
  contain: layout paint;
  background: radial-gradient(circle at 100% 0, #d3ede4b8, #0000 50%), #fffffff5;
  border: 1px solid #d3e0dcf5;
  border-radius: 16px;
  gap: 6px;
  min-height: 96px;
  padding: 12px;
  display: grid;
}

.category-pipeline-current[data-live="polling"] {
  border-color: #0d6f6747;
}

.category-pipeline-current span {
  color: var(--text-secondary);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  display: flex;
}

.category-pipeline-current small {
  color: #0d6f67;
  opacity: 0;
  text-align: center;
  background: #0d6f671a;
  border-radius: 999px;
  min-width: 42px;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 720;
  transition: opacity .12s;
}

.category-pipeline-current small.is-active {
  opacity: 1;
}

.category-pipeline-current strong {
  min-height: 20px;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 700;
}

.category-pipeline-current em {
  min-height: 16px;
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-style: normal;
  line-height: 1.45;
  overflow: hidden;
}

.category-pipeline-advanced-toggle {
  color: var(--text-secondary);
  text-align: left;
  cursor: pointer;
  background: #fffffff5;
  border: 1px solid #d6e0dcf5;
  border-radius: 14px;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 680;
  transition: border-color .16s, color .16s, background .16s;
}

.category-pipeline-advanced-toggle:hover {
  color: #0d6f67;
  background: #f1f8f5f5;
  border-color: #0d6f6738;
}

.category-pipeline-command__advanced {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.category-pipeline-command__advanced button {
  color: var(--text-secondary);
  cursor: pointer;
  background: #f8faf9f5;
  border: 1px solid #d6e0dcf5;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 11px;
}

.category-pipeline-command__advanced button:hover:not(:disabled) {
  color: #0d6f67;
  border-color: #0d6f6740;
}

.category-pipeline-command__advanced button.is-danger {
  color: #9a5a13;
  background: #fff8eefa;
  border-color: #da914957;
}

.category-pipeline-command__advanced button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.category-pipeline-guide {
  gap: 16px;
  display: grid;
}

.category-pipeline-guide__hero {
  background: radial-gradient(circle at 100% 0, #cbeae0b8, #0000 46%), linear-gradient(#f9fcfbfc, #fffffffa);
  border: 1px solid #d8e5e0f5;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 16px;
  display: flex;
}

.category-pipeline-guide__hero > div {
  gap: 6px;
  min-width: 0;
  display: grid;
}

.category-pipeline-guide__hero p {
  color: #0d6f67;
  letter-spacing: .08em;
  margin: 0;
  font-size: 12px;
  font-weight: 760;
}

.category-pipeline-guide__hero h3 {
  color: var(--text-primary);
  margin: 0;
  font-size: 22px;
  line-height: 1.25;
}

.category-pipeline-guide__hero span {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.65;
}

.category-pipeline-guide-danmaku {
  background: linear-gradient(90deg, #f8faf9fa, #eff8f4f5), repeating-linear-gradient(135deg, #0d6f670a 0 1px, #0000 1px 14px);
  border: 1px solid #dae5e0f5;
  border-radius: 18px;
  height: 112px;
  position: relative;
  overflow: hidden;
}

.category-pipeline-guide-danmaku:before, .category-pipeline-guide-danmaku:after {
  content: "";
  z-index: 2;
  pointer-events: none;
  width: 80px;
  height: 100%;
  position: absolute;
  top: 0;
}

.category-pipeline-guide-danmaku:before {
  background: linear-gradient(90deg, #f8faf9fa, #0000);
  left: 0;
}

.category-pipeline-guide-danmaku:after {
  background: linear-gradient(270deg, #eff8f4fa, #0000);
  right: 0;
}

.category-pipeline-guide-danmaku__item {
  white-space: nowrap;
  color: #0f5f58;
  background: #ffffffe0;
  border: 1px solid #0d6f6724;
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 680;
  animation-name: category-guide-danmaku;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  position: absolute;
  left: 100%;
  box-shadow: 0 10px 22px #0d6f6714;
}

@keyframes category-guide-danmaku {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-100vw - 420px));
  }
}

.category-pipeline-guide-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.category-pipeline-guide-card {
  background: #fffffffa;
  border: 1px solid #dce6e2f5;
  border-radius: 18px;
  padding: 15px 16px;
}

.category-pipeline-guide-card h4 {
  color: var(--text-primary);
  margin: 0 0 10px;
  font-size: 15px;
}

.category-pipeline-guide-card ul {
  gap: 7px;
  margin: 0;
  padding-left: 18px;
  display: grid;
}

.category-pipeline-guide-card li {
  color: var(--text-secondary);
  font-size: 12.5px;
  line-height: 1.6;
}

.category-task-board {
  gap: 12px;
  margin-top: 16px;
  display: grid;
}

.category-task-card {
  background: #fffffff7;
  border: 1px solid #dbe4e0f5;
  border-radius: 18px;
  gap: 10px;
  padding: 14px;
  display: grid;
  box-shadow: 0 12px 26px #0f17170a;
}

.category-task-card[data-status="running"], .category-task-card[data-status="queued"] {
  border-color: #0d6f6738;
}

.category-task-card[data-status="failed"] {
  border-color: #d357423d;
}

.category-task-card header {
  justify-content: space-between;
  gap: 12px;
  display: flex;
}

.category-task-card header > div:first-child {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.category-task-card strong {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 700;
}

.category-task-card span, .category-task-card__muted {
  color: var(--text-secondary);
  font-size: 11.5px;
}

.category-task-card__muted {
  margin: 0;
}

.category-task-progress {
  grid-template-columns: minmax(120px, 1fr) auto;
  align-items: center;
  gap: 10px;
  display: grid;
}

.category-task-card__metrics {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.category-task-card__metrics span {
  background: #f8faf9f5;
  border: 1px solid #dae2def0;
  border-radius: 999px;
  padding: 3px 8px;
}

.category-task-card__message, .category-task-card__next {
  color: var(--text-secondary);
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}

.category-task-card__next {
  color: #0f5f58;
  border-left: 3px solid #0d6f6747;
  padding-left: 10px;
}

.category-task-card footer {
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.pipeline-task-risk-panel {
  background: #f8faf9f5;
  border: 1px solid #d8e2def5;
  border-radius: 14px;
  gap: 4px;
  margin: -4px 0 14px;
  padding: 10px 12px;
  display: grid;
}

.pipeline-task-risk-panel[data-danger="true"] {
  background: #fff8eefa;
  border-color: #da914957;
}

.pipeline-task-risk-panel strong {
  color: var(--text-primary);
  font-size: 13px;
}

.pipeline-task-risk-panel span, .pipeline-task-risk-panel small {
  color: var(--text-secondary);
  font-size: 11.5px;
  line-height: 1.45;
}

@media (max-width: 900px) {
  .category-pipeline-command {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .category-pipeline-command__main, .category-task-progress {
    grid-template-columns: 1fr;
  }

  .category-task-card header, .category-task-card footer {
    justify-content: flex-start;
  }

  .category-collapsed-panel, .category-template-upload-panel__head, .category-template-upload-panel__actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .category-template-upload-panel__buttons {
    justify-content: stretch;
    width: 100%;
  }

  .category-template-upload-panel__buttons > * {
    flex: 1;
  }

  .category-template-file-picker {
    grid-template-columns: 1fr;
  }

  .category-template-file-picker__button {
    text-align: center;
  }

  .category-collect-switch-grid {
    grid-template-columns: 1fr;
  }

  .category-collect-save-row {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .category-site-context-strip, .category-site-bind-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .category-site-simple-grid, .category-site-bind-grid, .category-site-binding-row, .category-pipeline-guide-grid {
    grid-template-columns: 1fr;
  }

  .category-pipeline-guide__hero {
    flex-direction: column;
  }
}

.category-detail-meta-grid, .category-status-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.category-detail-item {
  background: #fffffffa;
  border: 1px solid #e2eae7f5;
  border-radius: 14px;
  gap: 4px;
  padding: 12px;
  display: grid;
}

.category-detail-item strong {
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 11.5px;
  font-weight: 620;
}

.category-detail-item span {
  color: var(--text-primary);
  font-size: 13px;
  line-height: 1.55;
}

@media (max-width: 860px) {
  .category-detail-page-grid, .categories-governance-layout, .categories-console-lead-panel, .category-command-strip, .category-automation-control {
    grid-template-columns: 1fr;
  }

  .category-command-strip__steps {
    min-width: 0;
  }

  .categories-blocker-strip {
    grid-template-columns: 1fr;
  }

  .category-detail-meta-grid, .category-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .categories-nav-shell {
    position: static;
  }
}

@media (max-width: 768px) {
  .category-command-strip__steps, .category-detail-meta-grid, .category-status-grid {
    grid-template-columns: 1fr;
  }
}

.category-attributes-page-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
  align-items: start;
  gap: 16px;
  display: grid;
}

.category-attributes-main-column, .category-attributes-side-column, .category-attributes-list {
  gap: 16px;
  display: grid;
}

.category-attributes-main-column {
  min-height: 0;
}

.category-attribute-hero {
  padding-bottom: 2px;
}

.template-governance-layers {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
  display: grid;
}

.template-governance-layer-card {
  background: radial-gradient(circle at 0 0, #e8f2eeeb, #0000 42%), linear-gradient(#fffffffc, #f8fbfafc);
  border: 1px solid #dde7e3f5;
  border-radius: 18px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  padding: 15px;
  display: grid;
}

.template-governance-layer-card__index {
  color: #0e5e55;
  background: #e2f0ebf5;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: 12px;
  font-weight: 760;
  display: inline-flex;
}

.template-governance-layer-card__body {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.template-governance-layer-card__body span, .template-governance-layer-card__body p, .template-section-panel__head span, .template-section-card p, .template-section-card__head span, .template-governance-rule-card p, .template-governance-rule-card__grid span {
  color: var(--text-secondary);
  font-size: 12px;
}

.template-governance-layer-card__body strong {
  color: var(--text-primary);
  font-size: 20px;
  font-weight: 760;
}

.template-governance-layer-card__body p, .template-section-card p, .template-governance-rule-card p {
  margin: 0;
  line-height: 1.55;
}

.template-governance-workspace {
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  gap: 16px;
  margin-top: 18px;
  display: grid;
}

.template-section-panel, .template-governance-rule-card {
  background: #fffffffa;
  border: 1px solid #dee7e4f5;
  border-radius: 20px;
  gap: 14px;
  padding: 16px;
  display: grid;
}

.template-section-panel__head, .template-section-card__head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.template-section-panel__head > div, .template-section-card__head > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.template-section-panel__head strong, .template-section-card__head strong, .template-governance-rule-card > strong {
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 700;
}

.template-section-list {
  gap: 12px;
  display: grid;
}

.template-section-card {
  background: linear-gradient(#fafcfbfc, #fffffffc);
  border: 1px solid #e6eceaf5;
  border-radius: 16px;
  gap: 12px;
  padding: 14px;
  display: grid;
}

.template-section-card__metrics, .template-governance-rule-card__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.template-section-card__metrics div, .template-governance-rule-card__grid div {
  background: #f6f9f8f5;
  border-radius: 14px;
  gap: 2px;
  padding: 10px;
  display: grid;
}

.template-section-card__metrics strong, .template-governance-rule-card__grid strong {
  color: var(--text-primary);
  font-size: 18px;
  font-weight: 760;
}

.template-field-chip-row {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.template-field-chip {
  max-width: 100%;
  color: var(--text-secondary);
  background: #f3f7f6f5;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 11.5px;
  line-height: 1.2;
  display: inline-flex;
}

.template-field-chip.is-materialized {
  color: #325f58;
  background: #e6f2eef5;
}

.template-field-chip.is-manageable {
  color: #0f655d;
  background: #d8efe7f5;
  box-shadow: inset 0 0 0 1px #217d6729;
}

.template-governance-rule-card {
  background: radial-gradient(circle at 100% 0, #e6f2eef0, #0000 46%), linear-gradient(#fafcfbfc, #fffffffc);
  align-content: start;
}

.template-governance-rule-card__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.template-meta-grid {
  background: #f8fbfac7;
  border: 1px dashed #bccec7d6;
  border-radius: 18px;
  margin-top: 12px;
  padding: 14px;
}

.template-fill-overview {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
  display: grid;
}

.template-fill-card {
  background: #fffffff0;
  border: 1px solid #dce7e3f0;
  border-radius: 18px;
  gap: 5px;
  padding: 14px;
  display: grid;
}

.template-fill-card span, .template-fill-card small, .template-report-toggle-row span {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.55;
}

.template-fill-card span {
  font-weight: 680;
}

.template-fill-card strong {
  color: var(--text-primary);
  font-size: 26px;
  font-weight: 820;
}

.template-fill-card[data-tone="success"] {
  background: linear-gradient(#effcf4f0, #fffffff7);
  border-color: #44926f3d;
}

.template-fill-card[data-tone="warning"] {
  background: linear-gradient(#fffaebf0, #fffffff7);
  border-color: #d3962647;
}

.template-fill-card[data-tone="error"] {
  background: linear-gradient(#fef2f2f2, #fffffff7);
  border-color: #dc555547;
}

.template-field-filter-bar, .template-report-toggle-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}

.template-field-filter-bar {
  background: #f8fbfae0;
  border: 1px solid #dde7e3eb;
  border-radius: 18px;
  justify-content: flex-start;
  padding: 8px;
}

.template-field-filter-bar button {
  color: var(--text-secondary);
  cursor: pointer;
  background: #ecf2f0db;
  border: 0;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 720;
  transition: background .16s, color .16s, box-shadow .16s;
}

.template-field-filter-bar button:hover, .template-field-filter-bar button.is-active {
  color: #fff;
  background: #0f766e;
  box-shadow: 0 10px 24px #0f766e2e;
}

.template-report-toggle-row {
  background: #ffffffbd;
  border: 1px dashed #c6d6d0e6;
  border-radius: 18px;
  padding: 10px 12px;
}

.template-report-toggle-row > div {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.template-alignment-report {
  background: radial-gradient(circle at 100% 0, #e2f2edeb, #0000 44%), linear-gradient(#fffffffc, #f7fbfafa);
  border: 1px solid #c6ded6f5;
  border-radius: 24px;
  gap: 14px;
  margin-top: 18px;
  padding: 16px;
  display: grid;
}

.template-alignment-report__head, .template-alignment-body, .template-alignment-section-row {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.template-alignment-report__head > div:first-child, .template-alignment-next-panel > div:first-child {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.template-alignment-report__head strong, .template-alignment-section-row strong, .template-alignment-next-panel strong, .template-alignment-drift-box strong {
  color: var(--text-primary);
  font-weight: 760;
}

.template-alignment-report__head span, .template-alignment-section-row small, .template-alignment-next-panel span, .template-alignment-next-action p, .template-alignment-drift-box span, .template-alignment-summary-card small {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.6;
}

.template-alignment-report__badges, .template-alignment-section-row__metrics {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.template-alignment-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.template-alignment-summary-card {
  background: #fffffff0;
  border: 1px solid #e0e9e6f0;
  border-radius: 18px;
  gap: 5px;
  padding: 13px;
  display: grid;
}

.template-alignment-summary-card span {
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 680;
}

.template-alignment-summary-card strong {
  color: var(--text-primary);
  font-size: 25px;
  font-weight: 820;
}

.template-alignment-summary-card[data-tone="success"] {
  background: linear-gradient(#effcf4f0, #fffffff7);
  border-color: #44926f3d;
}

.template-alignment-summary-card[data-tone="warning"] {
  background: linear-gradient(#fffaebf0, #fffffff7);
  border-color: #d3962645;
}

.template-alignment-summary-card[data-tone="error"] {
  background: linear-gradient(#fef2f2f2, #fffffff7);
  border-color: #dc555545;
}

.template-alignment-body {
  align-items: stretch;
}

.template-alignment-section-table {
  flex: auto;
  gap: 8px;
  min-width: 0;
  display: grid;
}

.template-alignment-section-row {
  width: 100%;
  color: var(--text-primary);
  text-align: left;
  cursor: pointer;
  background: #fffffff0;
  border: 1px solid #dee7e4f5;
  border-radius: 17px;
  padding: 11px 12px;
  transition: border-color .16s, box-shadow .16s, transform .16s;
}

.template-alignment-section-row:hover, .template-alignment-section-row.is-active {
  border-color: #1273626b;
  transform: translateY(-1px);
  box-shadow: 0 14px 28px #15483f14;
}

.template-alignment-section-row.has-problem {
  border-color: #d69e2e52;
}

.template-alignment-section-row > span {
  color: #126f62;
  background: #e4f2edf0;
  border-radius: 13px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 58px;
  min-height: 38px;
  font-size: 12px;
  font-weight: 780;
  display: inline-flex;
}

.template-alignment-section-row > div:nth-child(2) {
  flex: auto;
  gap: 4px;
  min-width: 0;
  display: grid;
}

.template-alignment-next-panel {
  background: #ffffffe0;
  border: 1px solid #d8e4e0f5;
  border-radius: 20px;
  flex: 0 0 320px;
  align-content: start;
  gap: 10px;
  padding: 14px;
  display: grid;
}

.template-alignment-next-action, .template-alignment-drift-box {
  background: #f7faf9f2;
  border-radius: 15px;
  gap: 6px;
  padding: 11px;
  display: grid;
}

.template-alignment-next-action p {
  margin: 0;
}

.template-alignment-next-action[data-tone="error"] {
  background: #fef2f2eb;
}

.template-alignment-next-action[data-tone="warning"] {
  background: #fffbebeb;
}

.template-alignment-next-action[data-tone="success"] {
  background: #f0fdf4eb;
}

.template-audit-report {
  background: radial-gradient(circle at 0 0, #def2ebeb, #0000 42%), linear-gradient(#fffffffc, #f8fbfafa);
  border: 1px solid #cfe2dbf5;
  border-radius: 22px;
  gap: 14px;
  margin-top: 18px;
  padding: 16px;
  display: grid;
}

.template-audit-report__head, .template-audit-focus-row {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.template-audit-report__head > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.template-audit-report__head strong, .template-audit-focus-row strong, .template-audit-empty strong {
  color: var(--text-primary);
  font-weight: 760;
}

.template-audit-report__head span, .template-audit-card small, .template-audit-focus-row small, .template-audit-empty span {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.6;
}

.template-audit-card-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.template-audit-card {
  background: #fffffff0;
  border: 1px solid #e1e9e6eb;
  border-radius: 18px;
  gap: 5px;
  min-height: 104px;
  padding: 14px;
  display: grid;
}

.template-audit-card span {
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 650;
}

.template-audit-card strong {
  color: var(--text-primary);
  font-size: 26px;
  font-weight: 800;
}

.template-audit-card[data-tone="success"] {
  background: linear-gradient(#f0fdf4f0, #fffffff5);
  border-color: #4b97713d;
}

.template-audit-card[data-tone="warning"] {
  background: linear-gradient(#fffbebf0, #fffffff5);
  border-color: #d69e2e47;
}

.template-audit-card[data-tone="error"] {
  background: linear-gradient(#fef2f2f2, #fffffff5);
  border-color: #dc555547;
}

.template-audit-focus-list {
  gap: 8px;
  display: grid;
}

.template-audit-focus-row {
  width: 100%;
  color: var(--text-primary);
  text-align: left;
  cursor: pointer;
  background: #fffffff0;
  border: 1px solid #dee7e4f5;
  border-radius: 16px;
  padding: 12px;
  transition: border-color .16s, box-shadow .16s, transform .16s;
}

.template-audit-focus-row:hover {
  border-color: #247e684d;
  transform: translateY(-1px);
  box-shadow: 0 14px 30px #163f3714;
}

.template-audit-focus-row > span {
  color: #126f62;
  background: #e4f2edf2;
  border-radius: 13px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 12px;
  font-weight: 780;
  display: inline-flex;
}

.template-audit-focus-row > div:nth-child(2) {
  flex: auto;
  gap: 4px;
  min-width: 0;
  display: grid;
}

.template-audit-focus-row__metrics {
  flex-wrap: wrap;
  flex: none;
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.template-audit-focus-row[data-health="error"] > span {
  color: #991b1b;
  background: #fee2e2eb;
}

.template-audit-focus-row[data-health="warning"] > span {
  color: #8a4b0f;
  background: #ffedd5eb;
}

.template-audit-empty {
  background: #f0fdf4e0;
  border-radius: 16px;
  gap: 3px;
  padding: 14px;
  display: grid;
}

.template-rule-workbench {
  grid-template-columns: minmax(210px, .7fr) minmax(320px, 1fr) minmax(340px, .9fr);
  align-items: start;
  gap: 14px;
  margin-top: 18px;
  display: grid;
}

.template-section-rail, .template-field-rule-list, .template-rule-editor {
  background: radial-gradient(circle at 0 0, #e6f2eec7, #0000 42%), linear-gradient(#fffffffc, #f8fbfafc);
  border: 1px solid #dce6e2f5;
  border-radius: 22px;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  display: grid;
  box-shadow: 0 18px 44px #1537300f;
}

.template-section-tab-list, .template-field-rule-scroll {
  gap: 9px;
  max-height: 620px;
  padding-right: 4px;
  display: grid;
  overflow: auto;
}

.template-section-tab, .template-field-rule-row {
  width: 100%;
  color: var(--text-primary);
  text-align: left;
  cursor: pointer;
  background: #ffffffeb;
  border: 1px solid #e1e9e6f5;
  transition: border-color .18s, box-shadow .18s, transform .18s;
}

.template-section-tab {
  border-radius: 16px;
  gap: 6px;
  padding: 12px;
  display: grid;
}

.template-section-tab:hover, .template-field-rule-row:hover {
  border-color: #247e6842;
  transform: translateY(-1px);
  box-shadow: 0 14px 30px #163f3714;
}

.template-section-tab.is-active, .template-field-rule-row.is-active {
  background: linear-gradient(#eff8f4fa, #fffffffa);
  border-color: #1273628a;
  box-shadow: inset 0 0 0 1px #12736221, 0 16px 34px #144f441a;
}

.template-field-rule-row.is-draft {
  background: linear-gradient(#fff9ecfa, #fffffff2);
  border-color: #d18b247a;
}

.template-field-rule-row.is-filled-default {
  background: linear-gradient(90deg, #00895c21, #0000 34%), linear-gradient(#f2fcf7fc, #fffffff7);
  border-color: #00895c8a;
  box-shadow: inset 4px 0 #00895cb8;
}

.template-field-rule-row.is-system-covered {
  background: linear-gradient(90deg, #2563eb1f, #0000 34%), linear-gradient(#f1f7fffc, #fffffff7);
  border-color: #2563eb80;
  box-shadow: inset 4px 0 #2563ebad;
}

.template-field-rule-row.is-missing-default {
  background: linear-gradient(90deg, #d9770629, #0000 34%), linear-gradient(#fff9ebfc, #fffffff5);
  border-color: #d9770694;
  box-shadow: inset 4px 0 #d97706c7;
}

.template-field-rule-row.is-missing-default > span {
  color: #7c2d12;
  background: #fed7aa;
}

.template-field-rule-row.is-filled-default > span {
  color: #fff;
  background: #00895c;
}

.template-section-tab span, .template-field-rule-row strong, .template-rule-editor__summary strong {
  color: var(--text-primary);
  font-weight: 740;
}

.template-section-tab strong, .template-section-tab small, .template-field-rule-row small, .template-rule-editor__summary span {
  color: var(--text-secondary);
  font-size: 12px;
}

.template-section-tab div, .template-field-rule-row div {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.template-field-rule-row {
  border-radius: 15px;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: start;
  gap: 4px 10px;
  padding: 11px 12px;
  display: grid;
}

.template-field-rule-row > span {
  color: #126f62;
  background: #e4f2edf2;
  border-radius: 12px;
  grid-row: span 3;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  font-size: 12px;
  font-weight: 760;
  display: inline-flex;
}

.template-field-rule-row.is-customized > span {
  color: #7a4b0b;
  background: #ffeec6eb;
}

.template-field-rule-row.is-filled-default > span, .template-field-rule-row.is-filled-default.is-customized > span {
  color: #fff;
  background: #00895c;
}

.template-field-rule-row.is-system-covered > span, .template-field-rule-row.is-system-covered.is-customized > span {
  color: #fff;
  background: #2563eb;
}

.template-field-rule-row.is-missing-default > span, .template-field-rule-row.is-missing-default.is-customized > span {
  color: #7c2d12;
  background: #fed7aa;
}

.template-field-rule-row .status-badge[data-tone="success"] {
  color: #166534;
  background: #d9f99d;
  box-shadow: inset 0 0 0 1px #1665342e;
}

.template-field-rule-row .status-badge[data-tone="info"] {
  color: #1d4ed8;
  background: #dbeafe;
  box-shadow: inset 0 0 0 1px #1d4ed82e;
}

.template-field-rule-row .status-badge[data-tone="warning"] {
  color: #92400e;
  background: #fde68a;
  box-shadow: inset 0 0 0 1px #92400e2e;
}

.template-field-rule-row .status-badge[data-tone="error"] {
  color: #b91c1c;
  background: #fecaca;
  box-shadow: inset 0 0 0 1px #b91c1c2e;
}

.template-rule-editor {
  grid-template-rows: auto minmax(0, 1fr);
  align-content: start;
  max-height: calc(100vh - 28px);
  position: sticky;
  top: 14px;
  overflow: hidden;
}

.template-rule-editor__sticky {
  z-index: 2;
  background: #f8fbfafa;
  border-bottom: 1px solid #dde7e3f5;
  gap: 12px;
  padding-bottom: 12px;
  display: grid;
}

.template-rule-editor__summary {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.template-rule-editor__summary > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.template-rule-editor__actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.template-rule-editor__actions .n-button:only-child, .template-rule-editor__primary-action {
  grid-column: 1 / -1;
}

.template-rule-editor__save-alert {
  margin-top: -2px;
}

.template-rule-current {
  background: linear-gradient(135deg, #f4fbf8f5, #fffffff0);
  border: 1px solid #cfe2dbf0;
  border-radius: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
  display: grid;
}

.template-rule-current div {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.template-rule-current span {
  color: var(--text-muted);
  font-size: 11px;
}

.template-rule-current strong {
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 760;
  overflow: hidden;
}

.template-rule-editor__form {
  gap: 4px;
  display: grid;
}

.template-rule-editor__scroll {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  gap: 14px;
  min-height: 0;
  padding-right: 6px;
  display: grid;
  overflow-y: auto;
}

.template-rule-editor__scroll::-webkit-scrollbar {
  width: 8px;
}

.template-rule-editor__scroll::-webkit-scrollbar-thumb {
  background: #86a49c73;
  border-radius: 999px;
}

.template-rule-editor__hint {
  margin-bottom: 2px;
}

.template-rule-editor__advanced-toggle {
  justify-self: start;
}

.template-rule-editor__advanced {
  background: #f8fbfab8;
  border: 1px dashed #a6beb7b8;
  border-radius: 16px;
  gap: 4px;
  padding: 12px;
  display: grid;
}

.template-attribute-inline-editor {
  border-top: 1px solid #dde7e3f5;
  gap: 14px;
  margin-top: 4px;
  padding-top: 16px;
  display: grid;
}

.template-attribute-inline-editor__head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.template-attribute-inline-editor__head > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.template-attribute-inline-editor__head strong, .template-attribute-inline-meta strong {
  color: var(--text-primary);
  font-weight: 740;
}

.template-attribute-inline-editor__head span, .template-attribute-inline-meta span {
  color: var(--text-secondary);
  font-size: 12px;
}

.template-attribute-inline-meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.template-attribute-inline-meta div {
  background: #f5f9f7f5;
  border-radius: 14px;
  gap: 3px;
  padding: 10px;
  display: grid;
}

.template-attribute-inline-form .form-grid {
  grid-template-columns: 1fr;
}

.template-attribute-switches {
  background: #f5f9f7f5;
  border-radius: 14px;
  gap: 10px;
  padding: 12px;
  display: grid;
}

.attribute-default-option-picks {
  background: #f7fbf9db;
  border: 1px dashed #c1d6cfeb;
  border-radius: 14px;
  flex-wrap: wrap;
  align-content: start;
  gap: 7px;
  padding: 10px;
  display: flex;
}

.attribute-default-option-picks > span {
  color: var(--text-secondary);
  flex-basis: 100%;
  font-size: 12px;
  font-weight: 680;
}

.attribute-default-option-picks button {
  min-height: 30px;
  color: var(--text-primary);
  cursor: pointer;
  background: #fffffff0;
  border: 1px solid #cdddd8f2;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 0 10px;
  transition: border-color .16s, background .16s, box-shadow .16s;
  display: inline-flex;
}

.attribute-default-option-picks button:hover, .attribute-default-option-picks button.is-active {
  background: #e8f5f0fa;
  border-color: #0f766e70;
  box-shadow: 0 8px 18px #0f766e1a;
}

.attribute-default-option-picks strong {
  font-size: 12px;
  font-weight: 740;
}

.attribute-default-option-picks small {
  color: var(--text-secondary);
  font-size: 11px;
}

.category-attributes-toolbar {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  display: grid;
}

.category-attributes-toolbar__search {
  min-width: 0;
}

.category-attributes-list--compact {
  gap: 12px;
}

.category-attributes-list--workspace {
  overscroll-behavior: contain;
  max-height: calc(100vh - 280px);
  padding-right: 6px;
  overflow-y: auto;
}

.category-attribute-card {
  background: #fffffffa;
  border: 1px solid #e2eae7f5;
  border-radius: 18px;
  gap: 14px;
  padding: 16px;
  display: grid;
}

.category-attribute-card--compact {
  gap: 10px;
  padding: 14px;
}

.category-attribute-card__head, .category-attribute-card__actions, .category-attribute-card__options-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.category-attribute-card__head strong {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 650;
}

.category-attribute-card__head span, .category-attribute-card__actions span, .category-attribute-card__empty {
  color: var(--text-secondary);
  font-size: 12px;
}

.category-attribute-card__head > div:first-child, .category-attribute-card__options, .category-attribute-card__meta {
  gap: 6px;
  display: grid;
}

.category-attribute-card__meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
}

.category-attribute-card__meta--compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.category-attribute-card__meta div {
  gap: 4px;
  display: grid;
}

.category-attribute-card__meta strong, .category-attribute-card__options-head strong {
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 620;
}

.category-attribute-card__meta span, .category-attribute-card__options-head span {
  color: var(--text-secondary);
  font-size: 11.5px;
}

.category-attribute-picker {
  text-align: left;
  cursor: pointer;
  width: 100%;
  transition: border-color .16s, box-shadow .16s, transform .16s;
}

.category-attribute-picker:hover {
  border-color: #3e7c6647;
  transform: translateY(-1px);
  box-shadow: 0 16px 28px #0f17170d;
}

.category-attribute-picker.is-active {
  background: radial-gradient(circle at 0 0, #dbebe5e6, #0000 38%), linear-gradient(#f8fbfafc, #fffffffc);
  border-color: #306c5757;
  box-shadow: 0 18px 34px #306c571f;
}

.category-attributes-side-column {
  position: sticky;
  top: 88px;
}

.category-attribute-editor-shell {
  background: radial-gradient(circle at 0 0, #e7efecf0, #0000 40%), linear-gradient(#fafcfbfc, #fffffffc);
  border: 1px solid #dae4e0f5;
  border-radius: 20px;
  gap: 16px;
  padding: 16px;
  display: grid;
  box-shadow: 0 16px 32px #0f17170b;
}

.category-attribute-editor-shell__sticky {
  z-index: 2;
  -webkit-backdrop-filter: saturate(120%) blur(8px);
  backdrop-filter: saturate(120%) blur(8px);
  background: linear-gradient(#f8fbfaf7 0%, #f8fbfae6 72%, #f8fbfa00 100%);
  gap: 12px;
  padding-bottom: 8px;
  display: grid;
  position: sticky;
  top: 0;
}

.category-attribute-editor-shell__summary {
  gap: 8px;
  display: grid;
}

.category-attribute-editor-shell__summary strong {
  color: var(--text-primary);
  font-size: 16px;
  font-weight: 680;
}

.category-attribute-editor-shell__summary span {
  color: var(--text-secondary);
  font-size: 12.5px;
}

.category-attribute-editor-form {
  gap: 16px;
  display: grid;
}

@media (max-width: 1100px) {
  .template-governance-layers, .template-governance-workspace, .template-rule-workbench {
    grid-template-columns: 1fr;
  }

  .template-rule-editor {
    max-height: none;
    position: static;
    overflow: visible;
  }

  .template-rule-editor__scroll {
    padding-right: 0;
    overflow: visible;
  }

  .template-rule-current {
    grid-template-columns: 1fr;
  }

  .template-audit-card-grid, .template-fill-overview, .template-alignment-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .template-alignment-body, .template-alignment-section-row {
    flex-direction: column;
  }

  .template-alignment-next-panel {
    flex-basis: auto;
  }

  .template-alignment-section-row__metrics {
    justify-content: flex-start;
  }

  .template-audit-focus-row {
    flex-direction: column;
  }

  .template-audit-focus-row__metrics {
    justify-content: flex-start;
  }

  .template-report-toggle-row {
    align-items: stretch;
  }

  .template-report-toggle-row > div {
    justify-content: flex-start;
  }

  .category-attributes-page-grid, .category-attributes-toolbar, .category-attribute-card__meta {
    grid-template-columns: 1fr;
  }

  .category-attributes-side-column {
    position: static;
  }

  .category-attributes-list--workspace {
    max-height: none;
    padding-right: 0;
    overflow: visible;
  }
}

@media (max-width: 680px) {
  .template-alignment-summary-grid, .template-audit-card-grid {
    grid-template-columns: 1fr;
  }
}

.app-topbar-shell {
  padding-inline: 0;
}

.app-topbar-main, .main-content-container {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
}

.app-topbar-main--dashboard, .main-content-container--dashboard {
  max-width: 1480px;
  padding-inline: 32px;
}

.app-topbar-main--list, .main-content-container--list {
  max-width: 1560px;
  padding-inline: 24px;
}

.app-topbar-main--dense, .main-content-container--dense {
  max-width: 1680px;
  padding-inline: 18px;
}

.app-topbar-main {
  padding-block: 11px;
}

.main-content-container--dashboard {
  padding-block: 24px 34px;
}

.main-content-container--list {
  padding-block: 18px 28px;
}

.main-content-container--dense {
  padding-block: 16px 24px;
}

@media (max-width: 768px) {
  .template-fill-overview {
    grid-template-columns: 1fr;
  }

  .template-field-filter-bar button {
    flex: auto;
  }

  .app-topbar-shell {
    padding-top: 10px;
  }

  .app-topbar-main--dashboard, .app-topbar-main--list, .app-topbar-main--dense, .main-content-container--dashboard, .main-content-container--list, .main-content-container--dense {
    max-width: none;
    padding-inline: 12px;
  }

  .app-topbar-main {
    padding-block: 10px;
  }

  .main-content-container--dashboard, .main-content-container--list, .main-content-container--dense {
    padding-block: 14px 22px;
  }
}

.category-raw-preview-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

@media (max-width: 1100px) {
  .category-raw-preview-grid {
    grid-template-columns: 1fr;
  }
}

:root {
  --app-topbar-height: 68px;
  --app-topbar-offset: 14px;
  --app-topbar-stack: calc(var(--app-topbar-height) + var(--app-topbar-offset) + 8px);
}

.app-topbar-shell {
  z-index: 36;
  -webkit-backdrop-filter: saturate(120%) blur(10px);
  backdrop-filter: saturate(120%) blur(10px);
  background: linear-gradient(#f5f8f7f0 0%, #f5f8f7c7 70%, #f5f8f700 100%);
  padding-block: 10px 0;
  position: sticky;
  top: 0;
}

.app-topbar-shell.is-scrolled {
  background: linear-gradient(#f5f8f7fa 0%, #f5f8f7e0 72%, #f5f8f71a 100%);
}

.app-topbar-main {
  min-height: var(--app-topbar-height);
  background: #ffffffb8;
  border: 1px solid #dbe4e0b8;
  border-radius: 16px;
  align-items: center;
  padding-block: 8px;
  transition: background-color .18s, border-color .18s, box-shadow .18s;
  box-shadow: 0 6px 18px #10181809;
}

.app-topbar-shell.is-scrolled .app-topbar-main {
  background: #ffffffe6;
  border-color: #d4ddd9eb;
  box-shadow: 0 10px 26px #1018180f;
}

.app-main-content {
  padding-top: 2px;
}

.main-content-container--dashboard, .main-content-container--list, .main-content-container--dense {
  padding-top: calc(var(--app-topbar-offset) + 10px);
}

.topbar-context {
  gap: 2px;
}

.topbar-title-row strong {
  font-size: 14px;
  font-weight: 640;
}

.topbar-right {
  gap: 8px;
}

.topbar-icon-btn {
  width: 32px;
  height: 32px;
}

.topbar-ghost-btn, .profile-trigger {
  background: #ffffffa3 !important;
}

@media (max-width: 768px) {
  :root {
    --app-topbar-height: 64px;
    --app-topbar-offset: 10px;
    --app-topbar-stack: calc(var(--app-topbar-height) + var(--app-topbar-offset) + 6px);
  }

  .app-topbar-shell {
    padding-block: 8px 0;
  }

  .main-content-container--dashboard, .main-content-container--list, .main-content-container--dense {
    padding-top: calc(var(--app-topbar-offset) + 8px);
  }
}

.supplier-raw-table-shell {
  gap: 14px;
}

.supplier-raw-data-table .n-data-table-th {
  white-space: nowrap;
}

.table-inline-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.supplier-reason-board-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  display: grid;
}

.supplier-reason-card {
  background: linear-gradient(#fffffffa, #f8fafcf5);
  border: 1px solid #0f172a14;
  border-radius: 18px;
  flex-direction: column;
  gap: 12px;
  min-height: 220px;
  padding: 18px;
  display: flex;
  box-shadow: 0 16px 32px #0f172a0d;
}

.supplier-reason-card__head, .supplier-reason-card__meta, .supplier-reason-card__actions {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.supplier-reason-card__head strong {
  color: #0f172ae6;
  font-size: 24px;
  line-height: 1;
}

.supplier-reason-card__helper, .supplier-reason-card__sample span, .supplier-reason-card__meta {
  color: #475569e0;
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}

.supplier-reason-card__sample {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  display: flex;
}

.supplier-reason-card__sample strong {
  color: #0f172ae6;
  font-size: 14px;
  line-height: 1.5;
}

.supplier-reason-card__meta {
  font-size: 12px;
}

.supplier-reason-card__actions {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.supplier-reason-trend-shell {
  gap: 18px;
  display: grid;
}

.supplier-reason-trend-overview {
  grid-template-columns: repeat(auto-fit, minmax(46px, 1fr));
  align-items: end;
  gap: 10px;
  display: grid;
}

.supplier-reason-trend-bar-wrap {
  justify-items: center;
  gap: 6px;
  display: grid;
}

.supplier-reason-trend-bar {
  background: linear-gradient(#276df1eb, #276df15c);
  border-radius: 999px;
  width: 100%;
  max-width: 28px;
  box-shadow: inset 0 1px #ffffff3d;
}

.supplier-reason-trend-bar-wrap strong, .supplier-reason-trend-bar-wrap small {
  color: #0f172ab8;
  font-size: 11px;
}

.supplier-reason-trend-series {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  display: grid;
}

.supplier-reason-trend-series-card {
  background: #ffffffbd;
  border: 1px solid #94a3b833;
  border-radius: 18px;
  padding: 14px 16px;
}

.supplier-reason-trend-series-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  display: flex;
}

.supplier-reason-trend-mini-bars {
  grid-template-columns: repeat(auto-fit, minmax(10px, 1fr));
  align-items: end;
  gap: 6px;
  min-height: 52px;
  display: grid;
}

.supplier-reason-trend-mini-bar {
  background: linear-gradient(#0f172ae0, #0f172a38);
  border-radius: 999px;
}

.permission-matrix-wrap {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.permission-matrix-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.permission-matrix-table-wrap {
  background: #ffffffeb;
  border: 1px solid #0f172a14;
  border-radius: 20px;
  overflow-x: auto;
}

.permission-matrix-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 760px;
}

.permission-matrix-table th, .permission-matrix-table td {
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #0f172a0f;
  padding: 14px 16px;
}

.permission-matrix-table th:first-child, .permission-matrix-table td:first-child {
  text-align: left;
  background: #f8fafcc7;
  min-width: 220px;
}

.permission-matrix-role-head, .permission-matrix-permission-cell {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.permission-matrix-role-head span, .permission-matrix-permission-cell span {
  color: #475569d1;
  font-size: 12px;
}

.permission-matrix-status-cell {
  min-width: 96px;
}

.permission-matrix-on {
  color: #115e59e6;
  font-size: 15px;
}

.permission-matrix-off {
  color: #94a3b8e0;
  font-size: 18px;
}

.department-module-list {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.department-module-list span {
  color: #0f172ac7;
  background: #0a4f400f;
  border: 1px solid #0a4f4014;
  border-radius: 999px;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  font-size: 12px;
  line-height: 1;
  display: inline-flex;
}

.department-module-list--warning span {
  color: #924e0ce0;
  background: #b9681014;
  border-color: #b968101f;
}

.department-module-list--muted span, .department-module-list--soft span {
  color: #475569eb;
  background: #0f172a0a;
  border-color: #0f172a14;
}

.department-module-meta {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.department-module-hero {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 18px;
  display: flex;
}

.department-module-hero__signals {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.department-module-line-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
  display: grid;
}

.department-module-line-card__body {
  flex-direction: column;
  gap: 16px;
  min-height: 100%;
  display: flex;
}

.department-module-workspace-grid .dashboard-focus-card-body, .department-module-operator-grid .dashboard-focus-card-body, .department-module-sibling-grid .dashboard-focus-card-body {
  min-height: 0;
}

.department-module-workspace-grid .entity-detail-subtitle, .department-module-sibling-grid .entity-detail-subtitle {
  margin: 0;
}

@media (max-width: 1100px) {
  .department-module-line-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .department-module-hero__signals {
    justify-content: flex-start;
  }
}

.member-role-chips {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.member-role-chip {
  color: #0f172adb;
  background: #0a4f4014;
  border: 1px solid #0a4f401a;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 1;
  display: inline-flex;
}

.member-role-chip small {
  color: #0f172a8c;
  font-size: 11px;
}

.member-role-chip--soft {
  background: #0f172a0a;
  border-color: #0f172a14;
}

.auth-shell {
  background: radial-gradient(circle at 0 0, #bfdbfe73, #0000 32%), radial-gradient(circle at 100% 100%, #d8b4fe47, #0000 28%), linear-gradient(#f8fafc 0%, #eef2ff 100%);
  place-items: center;
  min-height: 100vh;
  padding: 32px 20px;
  display: grid;
}

.auth-panel {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #ffffffe6;
  border: 1px solid #94a3b838;
  border-radius: 28px;
  width: min(460px, 100%);
  padding: 32px;
  box-shadow: 0 24px 80px #0f172a1f;
}

.auth-panel__hero {
  margin-bottom: 22px;
}

.auth-eyebrow {
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #475569db;
  margin: 0 0 10px;
  font-size: 11px;
  font-weight: 700;
}

.auth-panel__hero h1 {
  color: #0f172a;
  margin: 0;
  font-size: 34px;
  line-height: 1.08;
}

.auth-panel__hero p {
  color: #475569;
  margin: 10px 0 0;
  line-height: 1.6;
}

.auth-alert {
  margin-bottom: 16px;
}

.auth-form__meta {
  color: #64748b;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: -2px 0 18px;
  font-size: 12px;
  display: flex;
}

@media (max-width: 640px) {
  .auth-shell {
    padding: 18px;
  }

  .auth-panel {
    border-radius: 22px;
    padding: 24px;
  }

  .auth-panel__hero h1 {
    font-size: 28px;
  }

  .auth-form__meta {
    flex-direction: column;
    align-items: flex-start;
  }
}

.auth-password-grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
  gap: 18px;
  display: grid;
}

.auth-password-form {
  margin-top: 6px;
}

.auth-password-actions {
  color: #64748b;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
  font-size: 12px;
  display: flex;
}

.auth-password-notes {
  gap: 12px;
}

.sales-publish-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.sales-publish-summary-card {
  color: #0f172a;
  background: linear-gradient(#fffffff5, #f8fafceb);
  border: 1px solid #94a3b82e;
  border-radius: 20px;
  flex-direction: column;
  gap: 8px;
  min-height: 138px;
  padding: 18px 18px 16px;
  text-decoration: none;
  transition: border-color .18s, transform .18s, box-shadow .18s;
  display: flex;
}

.sales-publish-summary-card:hover {
  border-color: #0e749033;
  transform: translateY(-1px);
  box-shadow: 0 14px 26px #0f172a0d;
}

.sales-publish-summary-card__eyebrow {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #475569d1;
  font-size: 11px;
  font-weight: 700;
}

.sales-publish-summary-card strong {
  color: #0f172a;
  font-size: 34px;
  line-height: 1;
}

.sales-publish-summary-card span:last-child {
  color: #475569;
  line-height: 1.55;
}

.sales-publish-toolbar {
  border-bottom: 1px solid #e2e8f0e6;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  padding-bottom: 12px;
  display: flex;
}

.sales-publish-toolbar__meta {
  color: #64748b;
  flex-wrap: wrap;
  gap: 10px 16px;
  font-size: 12px;
  display: flex;
}

.sales-publish-mode-grid, .sales-publish-bulk-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.sales-publish-mode-item, .sales-publish-bulk-card {
  background: #f8fafcdb;
  border: 1px solid #94a3b829;
  border-radius: 18px;
  flex-direction: column;
  gap: 8px;
  min-height: 132px;
  padding: 18px;
  display: flex;
}

.sales-publish-mode-item__label, .sales-publish-bulk-card__eyebrow {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #475569cc;
  font-size: 11px;
  font-weight: 700;
}

.sales-publish-mode-item strong, .sales-publish-bulk-card h3 {
  color: #0f172a;
  margin: 0;
  font-size: 22px;
  line-height: 1.15;
}

.sales-publish-mode-item span:last-child, .sales-publish-bulk-card p {
  color: #475569;
  margin: 0;
  line-height: 1.55;
}

.sales-publish-chip-bar {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.sales-publish-chip {
  color: #334155;
  background: #f8fafcf0;
  border: 1px solid #94a3b82e;
  border-radius: 999px;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  font-size: 12px;
  display: inline-flex;
}

.sales-publish-quick-actions {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
  display: flex;
}

.sales-publish-bulk-card__context {
  color: #64748b;
  background: #ffffffb3;
  border-radius: 14px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.6;
}

.sales-publish-precheck {
  background: #f8fafceb;
  border: 1px solid #94a3b829;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 18px 16px;
  display: flex;
}

.sales-publish-precheck.is-success {
  background: #f0fdf4e0;
  border-color: #22c55e2e;
}

.sales-publish-precheck.is-warning {
  background: #fffbebe6;
  border-color: #f59e0b33;
}

.sales-publish-precheck.is-error {
  background: #fef2f2eb;
  border-color: #ef44442e;
}

.sales-publish-precheck__eyebrow {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #475569c7;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
  display: inline-block;
}

.sales-publish-precheck h4 {
  color: #0f172a;
  margin: 0;
  font-size: 24px;
  line-height: 1.1;
}

.sales-publish-precheck p {
  color: #475569;
  margin: 10px 0 0;
  line-height: 1.65;
}

.sales-publish-precheck__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.sales-publish-precheck-list {
  gap: 10px;
  display: grid;
}

.sales-publish-precheck-list__item {
  background: #ffffffb8;
  border: 1px solid #94a3b824;
  border-radius: 16px;
  gap: 4px;
  padding: 12px 14px;
  display: grid;
}

.sales-publish-precheck-list__item span {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #475569cc;
  font-size: 11px;
  font-weight: 700;
}

.sales-publish-precheck-list__item strong {
  color: #0f172a;
  font-size: 14px;
  line-height: 1.55;
}

.sales-publish-precheck-list__item.is-error {
  background: #fef2f2b8;
  border-color: #ef444429;
}

.sales-publish-precheck-list__item.is-warning {
  background: #fffbebc2;
  border-color: #f59e0b29;
}

.sales-publish-precheck-list__item.is-success {
  background: #f0fdf4b8;
  border-color: #22c55e29;
}

.sales-publish-bulk-card__actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  display: flex;
}

@media (max-width: 980px) {
  .auth-password-grid {
    grid-template-columns: 1fr;
  }

  .auth-password-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .sales-publish-summary-grid, .sales-publish-mode-grid, .sales-publish-bulk-grid {
    grid-template-columns: 1fr;
  }

  .sales-publish-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }

  .sales-publish-precheck {
    flex-direction: column;
  }

  .sales-publish-precheck__actions {
    justify-content: flex-start;
  }
}

.sales-detail-kpi-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
  display: grid;
}

.sales-detail-kpi-card, .sales-detail-site-card {
  background: #fffc;
  border: 1px solid #94a3b829;
  border-radius: 18px;
  gap: 6px;
  padding: 16px 18px;
  display: grid;
}

.sales-detail-kpi-card span, .sales-detail-chip-group > span, .sales-detail-site-card small {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #475569c7;
  font-size: 11px;
  font-weight: 700;
}

.sales-detail-kpi-card strong, .sales-detail-site-card strong {
  color: #0f172a;
  font-size: 24px;
  line-height: 1.1;
}

.sales-detail-primary-media {
  aspect-ratio: 16 / 9;
  background: #e2e8f0;
  border: 1px solid #94a3b829;
  border-radius: 20px;
  margin-bottom: 18px;
  overflow: hidden;
}

.sales-detail-primary-media img, .sales-detail-media-card__preview img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.sales-detail-media-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.sales-detail-media-card {
  background: #ffffffd1;
  border: 1px solid #94a3b829;
  border-radius: 18px;
  overflow: hidden;
}

.sales-detail-media-card__preview {
  aspect-ratio: 1;
  color: #475569b8;
  background: linear-gradient(135deg, #dbeafe, #e2e8f0);
  justify-content: center;
  align-items: center;
  font-size: 13px;
  display: flex;
}

.sales-detail-media-card__meta {
  gap: 4px;
  padding: 12px 14px;
  display: grid;
}

.sales-detail-media-card__meta strong, .sales-detail-variant-row strong, .sales-detail-site-card span {
  color: #0f172a;
  font-size: 14px;
}

.sales-detail-media-card__meta span, .sales-detail-variant-row p, .sales-detail-site-card p, .sales-detail-variant-row__meta span {
  color: #475569e0;
  font-size: 12px;
  line-height: 1.5;
}

.sales-detail-grid-3 {
  margin-bottom: 18px;
}

.sales-detail-chip-groups {
  gap: 12px;
  margin-bottom: 18px;
  display: grid;
}

.sales-detail-chip-group {
  gap: 8px;
  display: grid;
}

.sales-detail-chip-row {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.sales-detail-chip-row em {
  color: #1e293b;
  background: #e2e8f0cc;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 12px;
  font-style: normal;
}

.sales-detail-variant-list {
  gap: 12px;
  display: grid;
}

.sales-detail-variant-row {
  background: #fffc;
  border: 1px solid #94a3b829;
  border-radius: 18px;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  display: flex;
}

.sales-detail-variant-row__meta {
  flex-wrap: wrap;
  place-content: flex-start flex-end;
  gap: 10px;
  display: flex;
}

.sales-detail-site-card {
  margin-bottom: 14px;
}

@media (max-width: 980px) {
  .sales-detail-kpi-grid, .sales-detail-media-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sales-detail-variant-row {
    flex-direction: column;
  }

  .sales-detail-variant-row__meta {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .sales-detail-kpi-grid, .sales-detail-media-grid {
    grid-template-columns: 1fr;
  }
}

.sales-fix-summary-grid, .sales-fix-link-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
  display: grid;
}

.sales-fix-summary-card, .sales-fix-link-card {
  background: #f8fafce0;
  border: 1px solid #94a3b829;
  border-radius: 18px;
  flex-direction: column;
  gap: 8px;
  min-height: 138px;
  padding: 18px;
  display: flex;
}

.sales-fix-summary-card__eyebrow, .sales-fix-link-card__eyebrow {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #475569cc;
  font-size: 11px;
  font-weight: 700;
}

.sales-fix-summary-card strong, .sales-fix-link-card h3 {
  color: #0f172a;
  margin: 0;
  font-size: 22px;
  line-height: 1.2;
}

.sales-fix-summary-card__value {
  color: #0f172a;
  font-size: 24px;
  font-weight: 700;
}

.sales-fix-summary-card span:last-child, .sales-fix-link-card p, .sales-fix-detail-note {
  color: #475569;
  line-height: 1.6;
}

.sales-fix-error-list {
  gap: 10px;
  display: grid;
}

.sales-fix-error-list__item {
  background: #fef2f2b8;
  border: 1px solid #f8717124;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 13px 14px;
  display: flex;
}

.sales-fix-error-list__item span {
  color: #7f1d1d;
  font-size: 13px;
}

.sales-fix-error-list__item strong {
  color: #991b1b;
  font-size: 13px;
}

.sales-fix-error-list__item > div {
  gap: 4px;
  display: grid;
}

.sales-fix-error-list--actionable .sales-fix-error-list__item {
  background: #f0f9ffb8;
  border-color: #0e74901f;
}

.sales-fix-error-list--actionable .sales-fix-error-list__item span {
  color: #155e75;
}

.sales-fix-error-list--actionable .sales-fix-error-list__item strong {
  color: #0f172a;
}

.sales-fix-list-badges {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
  display: flex;
}

.sales-fix-detail-note {
  background: #f0f9ffb8;
  border: 1px solid #0e74901f;
  border-radius: 16px;
  margin: 0;
  padding: 12px 14px;
}

.sales-fix-product-links {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.sales-fix-product-link {
  color: #0f172a;
  background: #f0f9ffb8;
  border: 1px solid #0e749024;
  border-radius: 999px;
  align-items: center;
  min-height: 34px;
  padding: 0 13px;
  text-decoration: none;
  transition: border-color .18s, background-color .18s;
  display: inline-flex;
}

.sales-fix-product-link:hover {
  background: #e0f2fedb;
  border-color: #0e74903d;
}

@media (max-width: 980px) {
  .sales-fix-summary-grid, .sales-fix-link-grid {
    grid-template-columns: 1fr;
  }

  .sales-fix-error-list__item {
    flex-direction: column;
    align-items: flex-start;
  }
}

.sales-fix-product-card-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.sales-fix-product-card {
  color: #0f172a;
  background: #f8fafce0;
  border: 1px solid #94a3b829;
  border-radius: 18px;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  text-decoration: none;
  transition: border-color .18s, background-color .18s;
  display: flex;
}

.sales-fix-product-card:hover {
  background: #f0f9ffeb;
  border-color: #0e749033;
}

.sales-fix-product-card__top {
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.sales-fix-product-card__top strong {
  font-size: 13px;
  line-height: 1.5;
}

.sales-fix-product-card p {
  color: #334155;
  margin: 0;
  line-height: 1.6;
}

.sales-fix-product-card__meta {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.sales-fix-product-card__meta span {
  color: #475569;
  background: #ffffffc2;
  border: 1px solid #94a3b824;
  border-radius: 999px;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  font-size: 12px;
  display: inline-flex;
}

@media (max-width: 980px) {
  .sales-fix-product-card-grid {
    grid-template-columns: 1fr;
  }

  .sales-fix-product-card__top {
    flex-direction: column;
  }
}

.sales-attribute-editor-card {
  background: #f8fafceb;
  border: 1px solid #94a3b829;
  border-radius: 20px;
  padding: 18px;
}

.sales-attribute-editor-value-row {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) minmax(0, 1.2fr) auto;
  align-items: center;
  gap: 10px;
  display: grid;
}

.catalog-matrix-color-list, .catalog-matrix-other-list {
  gap: 12px;
  display: grid;
}

.catalog-matrix-color-row {
  background: linear-gradient(#f8fafcfa, #fffffffa);
  border: 1px solid #94a3b829;
  border-radius: 20px;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 14px;
  padding: 16px;
  display: grid;
}

.catalog-matrix-color-row__preview {
  color: #64748b;
  aspect-ratio: 1;
  background: #e2e8f0;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.catalog-matrix-color-row__preview img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.catalog-matrix-color-row__body {
  gap: 12px;
  min-width: 0;
  display: grid;
}

.catalog-matrix-color-row__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.catalog-matrix-color-row__actions {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.catalog-matrix-workspace {
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .85fr);
  align-items: start;
  gap: 18px;
  display: grid;
}

.catalog-matrix-section {
  overflow: visible;
}

.catalog-matrix-sticky-shell {
  z-index: 24;
  gap: 10px;
  display: grid;
  position: sticky;
  top: 76px;
}

.catalog-matrix-sticky-bar {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #ffffffeb;
  border: 1px solid #94a3b82e;
  border-radius: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  display: flex;
  position: static;
  box-shadow: 0 12px 28px #0f172a14;
}

.catalog-matrix-sticky-bar__meta {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.catalog-matrix-inline-tip {
  color: #9a3412;
  background: #fff7edeb;
  border: 1px solid #f59e0b3d;
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.45;
}

.catalog-matrix-main, .catalog-matrix-side, .catalog-matrix-color-modal {
  gap: 12px;
  display: grid;
}

.catalog-matrix-color-modal__header {
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  display: grid;
}

.catalog-matrix-color-modal__preview, .catalog-matrix-media-card__preview {
  color: #64748b;
  aspect-ratio: 1;
  background: #e2e8f0;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.catalog-matrix-color-modal__preview {
  border-radius: 14px;
  width: 72px;
  min-width: 72px;
}

.catalog-matrix-color-suggestions, .catalog-matrix-color-suggestion-group {
  gap: 8px;
  display: grid;
}

.catalog-matrix-color-modal__meta {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.catalog-matrix-color-modal__meta strong {
  color: #0f172a;
  font-size: 13px;
}

.catalog-matrix-color-modal__meta span {
  color: #64748b;
  font-size: 11px;
}

.catalog-matrix-color-suggestion-group__label {
  color: #334155;
  font-size: 11px;
  font-weight: 700;
}

.catalog-matrix-color-suggestion-pills {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.catalog-matrix-color-suggestion-pill {
  color: #0f172a;
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 1px solid #94a3b838;
  border-radius: 12px;
  gap: 2px;
  padding: 7px 10px;
  transition: border-color .18s, background .18s, box-shadow .18s;
  display: grid;
}

.catalog-matrix-color-suggestion-pill strong {
  font-size: 11px;
}

.catalog-matrix-color-suggestion-pill span {
  color: #64748b;
  font-size: 10px;
}

.catalog-matrix-color-suggestion-pill:hover {
  border-color: #0f766e57;
}

.catalog-matrix-color-suggestion-pill.is-muted {
  background: #f8fafcf5;
}

.catalog-matrix-color-suggestion-pill.is-active {
  background: #0f766e14;
  border-color: #0f766e8a;
  box-shadow: 0 10px 24px #0f766e1f;
}

.catalog-matrix-color-modal__preview img, .catalog-matrix-media-card__preview img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.catalog-matrix-side-toolbar, .catalog-matrix-side-toolbar__meta {
  gap: 12px;
  display: grid;
}

.catalog-matrix-side-toolbar__meta strong {
  color: #0f172a;
  font-size: 14px;
}

.catalog-matrix-side-toolbar__meta span {
  color: #64748b;
  font-size: 11px;
}

.catalog-matrix-media-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.catalog-matrix-media-card {
  text-align: left;
  cursor: pointer;
  background: linear-gradient(#f8fafcf0, #fffffffa);
  border: 1px solid #94a3b82e;
  border-radius: 14px;
  gap: 8px;
  padding: 8px;
  transition: border-color .18s, box-shadow .18s, transform .18s;
  display: grid;
}

.catalog-matrix-media-card:hover {
  border-color: #0f766e57;
  transform: translateY(-1px);
  box-shadow: 0 16px 32px #0f172a14;
}

.catalog-matrix-media-card.is-active {
  border-color: #0f766e7a;
  box-shadow: 0 18px 36px #0f766e1f;
}

.catalog-matrix-media-card__surface {
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  gap: 8px;
  padding: 0;
  display: grid;
}

.catalog-matrix-media-card__preview {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.catalog-matrix-media-card__meta {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.catalog-matrix-media-card__meta strong {
  color: #0f172a;
  font-size: 11px;
}

.catalog-matrix-media-card__meta span {
  color: #64748b;
  font-size: 10px;
}

.catalog-matrix-media-card__actions {
  justify-content: flex-end;
  display: flex;
}

.catalog-matrix-size-selection, .catalog-matrix-size-pills {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.catalog-matrix-size-selection {
  margin-top: 10px;
}

.catalog-matrix-size-pills {
  margin-top: 12px;
}

.catalog-matrix-size-pill {
  color: #334155;
  cursor: pointer;
  background: #fff;
  border: 1px solid #94a3b842;
  border-radius: 999px;
  padding: 9px 14px;
  font-size: 13px;
  line-height: 1;
  transition: border-color .18s, background .18s, color .18s, box-shadow .18s;
}

.catalog-matrix-size-pill:hover {
  color: #0f766e;
  border-color: #0f766e66;
}

.catalog-matrix-size-pill.is-active {
  color: #0f766e;
  background: #0f766e1a;
  border-color: #0f766e8f;
  box-shadow: 0 10px 24px #0f766e1f;
}

@media (max-width: 980px) {
  .sales-attribute-editor-value-row {
    grid-template-columns: 1fr;
  }

  .catalog-matrix-sticky-shell {
    top: 68px;
  }

  .catalog-matrix-sticky-bar {
    align-items: flex-start;
  }

  .catalog-matrix-sticky-bar__meta {
    width: 100%;
  }

  .catalog-matrix-workspace {
    grid-template-columns: 1fr;
  }

  .catalog-matrix-media-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .catalog-matrix-color-row, .catalog-matrix-color-row__grid {
    grid-template-columns: 1fr;
  }

  .catalog-matrix-color-row__actions {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 1280px) {
  .catalog-matrix-media-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .catalog-matrix-sticky-shell {
    top: 64px;
  }

  .catalog-matrix-sticky-bar {
    padding: 10px 12px;
  }

  .catalog-matrix-media-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.sales-media-editor-card {
  background: #f8fafceb;
  border: 1px solid #94a3b829;
  border-radius: 20px;
  padding: 18px;
}

.sales-media-editor-grid {
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr) 140px;
  align-items: center;
  gap: 10px;
  display: grid;
}

@media (max-width: 980px) {
  .sales-media-editor-grid {
    grid-template-columns: 1fr;
  }
}

.sales-price-tier-editor-grid {
  grid-template-columns: 140px 160px minmax(0, 1fr) 120px;
  align-items: center;
  gap: 10px;
  display: grid;
}

@media (max-width: 980px) {
  .sales-price-tier-editor-grid {
    grid-template-columns: 1fr;
  }
}

.sales-variant-binding-grid {
  grid-template-columns: minmax(0, .8fr) minmax(0, 1fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 10px;
  display: grid;
}

@media (max-width: 980px) {
  .sales-variant-binding-grid {
    grid-template-columns: 1fr;
  }
}

.sales-sku-binding-grid {
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  align-items: center;
  gap: 10px;
  display: grid;
}

@media (max-width: 980px) {
  .sales-sku-binding-grid {
    grid-template-columns: 1fr;
  }
}

.sales-queue-summary {
  gap: 14px;
  display: grid;
}

.sales-queue-summary strong {
  color: #0f172aeb;
  font-size: 14px;
  display: block;
}

.sales-queue-summary p {
  color: #475569e6;
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.7;
}

.sales-queue-summary__meta {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.sales-queue-summary__meta span, .sales-queue-card__metrics span, .sales-queue-card__tags span {
  color: #334155e6;
  background: #94a3b81f;
  border-radius: 999px;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.sales-queue-list {
  gap: 14px;
  display: grid;
}

.sales-queue-card {
  background: #ffffffeb;
  border: 1px solid #94a3b82e;
  border-radius: 20px;
  gap: 14px;
  padding: 18px 20px;
  display: grid;
}

.sales-queue-card__head, .sales-queue-card__actions {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.sales-queue-card__head strong {
  color: #0f172af0;
  font-size: 15px;
  display: block;
}

.sales-queue-card__head p, .sales-queue-card__body p {
  color: #475569e0;
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.7;
}

.sales-queue-card__metrics, .sales-queue-card__tags {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.sales-queue-card__body {
  gap: 12px;
  display: grid;
}

.sales-queue-pager {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  display: flex;
}

@media (max-width: 900px) {
  .sales-queue-card__head, .sales-queue-card__actions, .sales-queue-pager {
    flex-direction: column;
    align-items: stretch;
  }
}

.sales-publish-task-helper {
  border-top: 1px solid #94a3b838;
  gap: 6px;
  padding-top: 14px;
  display: grid;
}

.sales-publish-task-helper__label {
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #475569b8;
  font-size: 11px;
}

.sales-publish-task-helper p {
  color: #0f172ab8;
  margin: 0;
  font-size: 13px;
  line-height: 1.7;
}

.sales-publish-task-helper__list {
  color: #0f172ab8;
  gap: 6px;
  margin: 10px 0 0;
  padding-left: 18px;
  display: grid;
}

.sales-publish-task-helper__list li {
  line-height: 1.5;
}

.console-hero {
  background: radial-gradient(circle at 0 0, #e3efebeb, #0000 42%), linear-gradient(#f7faf9fc, #fffffffc);
  border: 1px solid #dee6e3f5;
  border-radius: 24px;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr);
  align-items: stretch;
  gap: 18px;
  margin-bottom: 16px;
  padding: 20px 22px;
  display: grid;
  box-shadow: 0 24px 36px #0f17170a;
}

.console-hero__copy {
  align-content: start;
  gap: 10px;
  display: grid;
}

.console-hero__eyebrow {
  color: #4c645ff5;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
}

.console-hero__copy h2 {
  color: var(--text-primary);
  letter-spacing: -.04em;
  margin: 0;
  font-size: 24px;
  line-height: 1.22;
}

.console-hero__copy p {
  color: var(--text-secondary);
  margin: 0;
  font-size: 13px;
  line-height: 1.7;
}

.console-hero__actions {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
  display: flex;
}

.console-hero__aside {
  gap: 12px;
  display: grid;
}

.console-hero__stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.console-hero__stat {
  background: #fffffff2;
  border: 1px solid #e1e8e5f5;
  border-radius: 18px;
  gap: 4px;
  padding: 14px 15px;
  display: grid;
}

.console-hero__stat strong {
  color: var(--text-primary);
  letter-spacing: -.03em;
  font-size: 24px;
  font-weight: 680;
}

.console-hero__stat span {
  color: var(--text-primary);
  font-size: 12.5px;
  font-weight: 620;
}

.console-hero__stat small {
  color: var(--text-secondary);
  font-size: 11.5px;
  line-height: 1.55;
}

.console-hero__side-slot, .console-hero-helper {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.signal-card-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
  display: grid;
}

.signal-card-grid--dense {
  margin-bottom: 0;
}

.signal-card {
  background: #fffffffa;
  border: 1px solid #e0e8e5f5;
  border-radius: 18px;
  gap: 8px;
  padding: 14px 15px;
  display: grid;
}

.signal-card__top {
  gap: 4px;
  display: grid;
}

.signal-card strong {
  color: var(--text-primary);
  letter-spacing: -.03em;
  font-size: 24px;
  font-weight: 680;
}

.signal-card span {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 630;
}

.signal-card p {
  color: var(--text-secondary);
  margin: 0;
  font-size: 11.5px;
  line-height: 1.55;
}

.signal-card[data-tone="warning"] {
  background: linear-gradient(#fff9eefa, #fffffffa);
}

.signal-card[data-tone="error"] {
  background: linear-gradient(#fff4f4fa, #fffffffa);
}

.signal-card[data-tone="info"] {
  background: linear-gradient(#f1f7fbfa, #fffffffa);
}

.signal-card[data-tone="success"] {
  background: linear-gradient(#eff7f4fa, #fffffffa);
}

.chip-rail, .categories-chip-rail {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin-bottom: 14px;
  display: flex;
}

.console-table-shell__summary {
  margin-bottom: 14px;
}

.console-table-shell__footer {
  border-top: 1px solid #e4ebe8f5;
  margin-top: 14px;
  padding-top: 14px;
}

.task-feed {
  gap: 10px;
  display: grid;
}

.category-history-item--link {
  text-decoration: none;
}

.category-related-stack {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
  display: grid;
}

.category-related-stack__title, .category-side-block__title {
  color: var(--text-primary);
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 640;
}

.category-side-block + .category-side-block {
  margin-top: 16px;
}

.category-detail-meta-grid--single {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 1100px) {
  .signal-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .console-hero, .category-related-stack, .console-hero__stats, .category-detail-meta-grid--single, .signal-card-grid {
    grid-template-columns: 1fr;
  }
}

.collect-console-hero {
  background: radial-gradient(circle at 0 0, #d9ece7e6, #0000 36%), linear-gradient(#f9fbfafc, #fffffffc);
  border: 1px solid #d7e0dcf5;
  border-radius: 22px;
  gap: 14px;
  margin-bottom: 16px;
  padding: 18px 20px;
  display: grid;
  box-shadow: 0 18px 30px #0f17170a;
}

.collect-console-hero__copy {
  align-content: start;
  gap: 8px;
  display: grid;
}

.collect-console-hero__eyebrow, .collect-console-card__eyebrow, .collect-workbench__eyebrow, .collect-panel__eyebrow {
  color: #485c58f0;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
}

.collect-console-hero__copy h2 {
  color: var(--text-primary);
  letter-spacing: -.045em;
  margin: 0;
  font-size: 28px;
  line-height: 1.08;
}

.collect-console-hero__copy p:last-child {
  max-width: 920px;
  color: var(--text-secondary);
  margin: 0;
  font-size: 12.5px;
  line-height: 1.62;
}

.collect-console-hero__stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.collect-console-stat {
  background: #fffffff5;
  border: 1px solid #dfe7e4f5;
  border-radius: 16px;
  gap: 4px;
  padding: 12px 13px;
  display: grid;
}

.collect-console-stat strong {
  color: var(--text-primary);
  letter-spacing: -.04em;
  font-size: 24px;
  font-weight: 700;
}

.collect-console-stat span {
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 620;
}

.collect-console-stat small {
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.45;
}

.collect-console-toolbar {
  background: #fffffffa;
  border: 1px solid #dce5e2f5;
  border-radius: 18px;
  gap: 12px;
  margin-bottom: 16px;
  padding: 14px;
  display: grid;
  box-shadow: 0 12px 22px #0f171708;
}

.collect-console-toolbar__row {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.collect-console-toolbar__row--advanced {
  border-top: 1px solid #e8edebf5;
  padding-top: 12px;
}

.collect-console-toolbar__search {
  flex: 520px;
  min-width: 360px;
}

.collect-console-toolbar__buttons {
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
  display: flex;
}

.collect-console-toolbar__badges, .collect-focus-tabs {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.collect-focus-tab {
  color: var(--text-secondary);
  cursor: pointer;
  background: #f7faf9fa;
  border: 1px solid #dde6e2f5;
  border-radius: 999px;
  padding: 8px 13px;
  font-size: 12px;
  font-weight: 650;
  transition: border-color .14s, background .14s, color .14s;
}

.collect-focus-tab:hover, .collect-focus-tab.is-active {
  color: var(--brand-primary);
  background: #ecf5f2fa;
  border-color: #0d6f6738;
}

.collect-console-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 14px;
  display: grid;
}

.collect-console-sidebar, .collect-console-main {
  gap: 16px;
  display: grid;
}

.collect-console-card, .collect-workbench, .collect-panel {
  background: #fffffffc;
  border: 1px solid #dae3dff5;
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 16px 28px #0f171709;
}

.collect-console-card {
  background: radial-gradient(circle at 0 0, #e8f0edf0, #0000 46%), linear-gradient(#f6f9f8fc, #fffffffc);
}

.collect-console-card__header, .collect-workbench__header, .collect-panel__header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px 16px;
  margin-bottom: 12px;
  display: flex;
}

.collect-console-card__header h3, .collect-panel__header h3 {
  color: var(--text-primary);
  letter-spacing: -.03em;
  margin: 6px 0 0;
  font-size: 18px;
  line-height: 1.2;
}

.collect-console-card__header span, .collect-panel__header span {
  color: var(--text-secondary);
  margin-top: 4px;
  font-size: 11.5px;
  line-height: 1.55;
  display: block;
}

.collect-console-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
  display: grid;
}

.collect-console-summary > div {
  background: #ffffffe6;
  border: 1px solid #e1e8e5f5;
  border-radius: 14px;
  gap: 4px;
  padding: 10px 12px;
  display: grid;
}

.collect-console-summary strong {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 650;
}

.collect-console-summary span {
  color: var(--text-secondary);
  font-size: 11px;
}

.collect-console-list {
  gap: 8px;
  max-height: min(74vh, 980px);
  padding-right: 4px;
  display: grid;
  overflow: auto;
}

.collect-console-row {
  cursor: pointer;
  background: #fffffff5;
  border: 1px solid #e0e8e5f5;
  border-radius: 14px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px 12px;
  padding: 11px 12px;
  transition: border-color .14s, transform .14s, box-shadow .14s;
  display: grid;
  position: relative;
}

.collect-console-row:hover {
  background: linear-gradient(#f8fbfafc, #fffffffc);
  border-color: #0d6f6733;
  transform: translateY(-1px);
  box-shadow: 0 10px 18px #0f17170a;
}

.collect-console-row.is-active {
  background: linear-gradient(#f0f8f5fa, #fffffffa);
  border-color: #0d6f674d;
  box-shadow: 0 14px 26px #0d6f6714;
}

.collect-console-row.is-active:before {
  content: "";
  background: linear-gradient(#0d6f67f5, #189a8ab8);
  border-radius: 999px;
  width: 4px;
  position: absolute;
  inset: 8px auto 8px 0;
}

.collect-console-row.is-actionable:not(.is-active) {
  border-color: #d0ddd9f5;
}

.collect-console-row__copy {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.collect-console-row__title {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.collect-console-row__title strong {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 660;
}

.collect-console-row.is-active .collect-console-row__title strong {
  color: #0d6f67;
}

.collect-console-row__flag {
  color: var(--text-secondary);
  letter-spacing: .03em;
  background: #f6f9f8fa;
  border: 1px solid #d6dfdbfa;
  border-radius: 999px;
  align-items: center;
  padding: 2px 7px;
  font-size: 10.5px;
  font-weight: 700;
  display: inline-flex;
}

.collect-console-row__flag--current {
  color: #0d6f67;
  background: #e8f5f1fa;
  border-color: #0d6f6733;
}

.collect-console-row__flag--success {
  color: #156c58;
  background: #eef8f4fa;
  border-color: #8dc6b56b;
}

.collect-console-row__signals {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.collect-console-row__signal {
  color: var(--text-secondary);
  letter-spacing: .02em;
  background: #f8faf9fa;
  border: 1px solid #dae2defa;
  border-radius: 999px;
  align-items: center;
  padding: 2px 8px;
  font-size: 10.5px;
  font-weight: 700;
  display: inline-flex;
}

.collect-console-row__signal[data-tone="success"] {
  color: #156c58;
  background: #eef8f4fa;
  border-color: #8dc6b56b;
}

.collect-console-row__signal[data-tone="warning"] {
  color: #8d5b00;
  background: #fff8ecfa;
  border-color: #e8c5816b;
}

.collect-console-row__signal[data-tone="error"] {
  color: #9b3a3a;
  background: #fff4f4fa;
  border-color: #e0a2a26b;
}

.collect-console-row__signal[data-tone="info"] {
  color: #225f9c;
  background: #eff7fffa;
  border-color: #8cb7dd6b;
}

.collect-console-row__kicker, .collect-console-row__copy small {
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.45;
}

.collect-console-row__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  display: flex;
}

.collect-console-row__id {
  color: var(--text-tertiary);
  letter-spacing: .03em;
  font-size: 11px;
  font-weight: 650;
}

.collect-workbench {
  background: radial-gradient(circle at 0 0, #d6ebe6e0, #0000 46%), linear-gradient(#f9fbfafc, #fffffffc);
}

.collect-workbench__title {
  gap: 4px;
  display: grid;
}

.collect-workbench__title h2 {
  color: var(--text-primary);
  letter-spacing: -.045em;
  margin: 4px 0 0;
  font-size: 24px;
  line-height: 1.1;
}

.collect-workbench__title p:last-child {
  color: var(--text-secondary);
  margin: 2px 0 0;
  font-size: 11.5px;
  line-height: 1.45;
}

.collect-workbench__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px 10px;
  display: flex;
}

.collect-workbench__primary-action {
  display: flex;
}

.collect-workbench__primary-action .n-button {
  min-width: 144px;
  box-shadow: 0 12px 22px #0d6f6724;
}

.collect-workbench__secondary-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.collect-workbench__secondary-actions .n-button {
  min-width: 108px;
}

.collect-workbench__badges {
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 10px;
  display: flex;
}

.collect-workbench__signals {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.collect-workbench__signal {
  background: #fffffff5;
  border: 1px solid #e0e8e5f5;
  border-radius: 14px;
  gap: 4px;
  padding: 11px 12px;
  display: grid;
}

.collect-workbench__signal[data-tone="warning"] {
  background: linear-gradient(#fffaf1fa, #fffffffa);
}

.collect-workbench__signal[data-tone="error"] {
  background: linear-gradient(#fff4f4fa, #fffffffa);
}

.collect-workbench__signal[data-tone="success"] {
  background: linear-gradient(#f0f8f5fa, #fffffffa);
}

.collect-workbench__signal strong {
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 640;
}

.collect-workbench__signal span {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 650;
}

.collect-workbench__signal small {
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.45;
}

.collect-workbench__panels {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.collect-panel__header h3 {
  color: var(--text-primary);
  letter-spacing: -.03em;
  margin: 6px 0 0;
  font-size: 18px;
  line-height: 1.2;
}

.collect-meta-grid, .collect-result-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.collect-meta-item, .collect-result-item {
  background: #f7faf9f5;
  border: 1px solid #e2e9e6f5;
  border-radius: 14px;
  gap: 4px;
  padding: 10px 11px;
  display: grid;
}

.collect-meta-item span, .collect-result-item span {
  color: var(--text-secondary);
  font-size: 11px;
}

.collect-meta-item strong, .collect-result-item strong, .collect-meta-item a {
  color: var(--text-primary);
  font-size: 12.5px;
  font-weight: 630;
  line-height: 1.5;
}

.collect-result-item small {
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.45;
}

.collect-meta-item--wide {
  grid-column: 1 / -1;
}

.collect-action-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.collect-action {
  color: var(--text-primary);
  text-align: left;
  cursor: pointer;
  background: #fffffff5;
  border: 1px solid #e0e8e5f5;
  border-radius: 14px;
  gap: 4px;
  padding: 12px 13px;
  transition: border-color .14s, transform .14s;
  display: grid;
}

.collect-action:hover {
  border-color: #0d6f672e;
  transform: translateY(-1px);
}

.collect-action:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.collect-action strong {
  font-size: 12.5px;
  font-weight: 650;
}

.collect-action span {
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.45;
}

.collect-panel--result {
  margin-top: 14px;
}

.collect-audit-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
  display: grid;
}

.collect-audit-list {
  gap: 8px;
  display: grid;
}

.collect-audit-row {
  background: #fffffff5;
  border: 1px solid #e0e8e5f5;
  border-radius: 14px;
  gap: 4px;
  padding: 11px 12px;
  display: grid;
}

.collect-audit-row__copy {
  gap: 3px;
  display: grid;
}

.collect-audit-row__copy strong {
  color: var(--text-primary);
  font-size: 12.5px;
  font-weight: 650;
}

.collect-audit-row__copy span, .collect-audit-row__copy small {
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.45;
}

@media (max-width: 1280px) {
  .collect-console-grid, .collect-workbench__panels, .collect-audit-grid {
    grid-template-columns: 1fr;
  }

  .collect-console-hero__stats, .collect-console-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .collect-console-hero {
    padding: 16px;
  }

  .collect-console-hero__copy h2 {
    font-size: 24px;
  }

  .collect-console-hero__stats, .collect-console-summary, .collect-workbench__signals, .collect-meta-grid, .collect-result-grid, .collect-action-grid {
    grid-template-columns: 1fr;
  }

  .collect-console-card__header, .collect-workbench__header, .collect-panel__header {
    flex-direction: column;
    align-items: flex-start;
  }

  .collect-workbench__actions, .collect-workbench__secondary-actions, .collect-console-row__actions, .collect-console-toolbar__buttons {
    justify-content: flex-start;
    margin-left: 0;
  }

  .collect-console-row {
    grid-template-columns: 1fr;
  }

  .collect-console-toolbar__search {
    flex-basis: 100%;
    min-width: 100%;
  }
}

.sales-media-breakdown {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.sales-media-breakdown__item {
  background: #f8fafc;
  border: 1px solid #94a3b829;
  border-radius: 18px;
  gap: 6px;
  padding: 14px 16px;
  display: grid;
}

.sales-media-breakdown__item span {
  color: #64748b;
  font-size: 12px;
}

.sales-media-breakdown__item strong {
  color: #0f172a;
  font-size: 22px;
  line-height: 1;
}

.sales-media-breakdown__item[data-tone="success"] {
  background: #f0fdf4eb;
}

.sales-media-breakdown__item[data-tone="warning"] {
  background: #fffbebf5;
}

.sales-media-breakdown__item[data-tone="error"] {
  background: #fef2f2f5;
}

.sales-media-breakdown__item[data-tone="info"] {
  background: #f0f9fff5;
}

.sales-media-notes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
  display: grid;
}

.sales-media-note {
  background: linear-gradient(#f8fafcfa, #fffffffa);
  border: 1px solid #94a3b829;
  border-radius: 18px;
  gap: 8px;
  padding: 16px 18px;
  display: grid;
}

.sales-media-note strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 700;
}

.sales-media-note p {
  color: #64748b;
  margin: 0;
  font-size: 13px;
  line-height: 1.7;
}

@media (max-width: 1024px) {
  .sales-media-breakdown, .sales-media-notes {
    grid-template-columns: 1fr;
  }
}

.sales-sku-toolbar {
  background: #fffffff2;
  border: 1px solid #94a3b82e;
  border-radius: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-top: 18px;
  padding: 16px 18px;
  display: flex;
  box-shadow: 0 14px 30px #0f172a0d;
}

.sales-sku-toolbar__copy {
  gap: 4px;
  display: grid;
}

.sales-sku-toolbar__copy strong {
  color: #0f172a;
  font-size: 14px;
}

.sales-sku-toolbar__copy span {
  color: #64748b;
  font-size: 12px;
  line-height: 1.7;
}

.sales-sku-toolbar__actions {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.sales-sku-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
  display: grid;
}

.sales-sku-panel {
  gap: 18px;
}

.sales-sku-panel__summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.sales-sku-panel__summary > div {
  background: #f8fafc;
  border: 1px solid #94a3b829;
  border-radius: 18px;
  gap: 4px;
  padding: 14px 16px;
  display: grid;
}

.sales-sku-panel__summary strong {
  color: #0f172a;
  font-size: 22px;
  line-height: 1;
}

.sales-sku-panel__summary span {
  color: #64748b;
  font-size: 12px;
}

.sales-sku-binding-list, .sales-sku-editor-list {
  gap: 12px;
  display: grid;
}

.sales-sku-binding-row, .sales-sku-row {
  background: linear-gradient(#f8fafcfa, #fffffffa);
  border: 1px solid #94a3b829;
  border-radius: 18px;
  gap: 12px;
  padding: 16px;
  display: grid;
}

.sales-sku-binding-row__header, .sales-sku-row__header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.sales-sku-binding-row__header strong, .sales-sku-row__header strong {
  color: #0f172a;
  font-size: 15px;
  display: block;
}

.sales-sku-binding-row__header span, .sales-sku-row__header span, .sales-sku-binding-row__hint, .sales-sku-row__hint {
  color: #64748b;
  font-size: 12px;
  line-height: 1.7;
}

.sales-sku-binding-row__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.sales-sku-row__grid {
  grid-template-columns: minmax(180px, .7fr) minmax(220px, 1fr) minmax(0, 1.3fr);
  gap: 10px;
  display: grid;
}

.sales-sku-binding-row__actions, .sales-sku-row__actions, .sales-sku-nav {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.sales-sku-precheck-list {
  gap: 10px;
  display: grid;
}

.sales-sku-precheck-item {
  background: #f8fafc;
  border: 1px solid #94a3b829;
  border-radius: 16px;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  display: flex;
}

.sales-sku-precheck-item span {
  color: #334155;
  font-size: 12px;
  line-height: 1.7;
}

.sales-sku-precheck-item strong {
  color: #0f172a;
  font-size: 12px;
  font-weight: 700;
}

.sales-sku-precheck-item[data-tone="success"] {
  background: #f0fdf4eb;
}

.sales-sku-precheck-item[data-tone="warning"] {
  background: #fffbebf5;
}

.sales-sku-precheck-item[data-tone="error"] {
  background: #fef2f2f5;
}

.sales-sku-precheck-item[data-tone="info"] {
  background: #f0f9fff5;
}

@media (max-width: 1280px) {
  .sales-sku-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1024px) {
  .sales-sku-panel__summary, .sales-sku-binding-row__grid, .sales-sku-row__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .sales-sku-toolbar, .sales-sku-binding-row__header, .sales-sku-row__header, .sales-sku-binding-row__actions, .sales-sku-row__actions, .sales-sku-nav {
    flex-direction: column;
    align-items: flex-start;
  }
}

.sales-image-studio-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
  display: grid;
}

.sales-image-studio-card {
  gap: 16px;
  display: grid;
}

.sales-image-studio-card__header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.sales-image-studio-card__header h3 {
  color: #0f172a;
  margin: 0;
  font-size: 20px;
}

.sales-image-studio-card__header p {
  color: #64748b;
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.7;
}

.sales-image-preview-grid, .sales-binding-editor-list, .sales-image-secondary-list, .sales-sku-inline-list {
  gap: 12px;
  display: grid;
}

.sales-image-preview-card, .sales-binding-editor-card, .sales-image-secondary-row {
  background: linear-gradient(#f8fafcfa, #fffffffa);
  border: 1px solid #94a3b829;
  border-radius: 18px;
  gap: 12px;
  padding: 16px;
  display: grid;
}

.sales-image-preview-card {
  grid-template-columns: 148px minmax(0, 1fr);
  align-items: start;
}

.sales-binding-editor-card {
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: start;
}

.sales-image-secondary-row {
  grid-template-columns: 92px minmax(0, 1fr) auto;
  align-items: center;
}

.sales-image-preview-card__image, .sales-binding-editor-card__preview, .sales-image-secondary-row__preview {
  color: #64748b;
  aspect-ratio: 1;
  background: #e2e8f0;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  display: flex;
  overflow: hidden;
}

.sales-image-preview-card__image img, .sales-binding-editor-card__preview img, .sales-image-secondary-row__preview img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.sales-image-preview-card__body, .sales-binding-editor-card__body, .sales-image-secondary-row__body {
  gap: 10px;
  min-width: 0;
  display: grid;
}

.sales-image-preview-card__top, .sales-binding-editor-card__top {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.sales-image-preview-card__top strong, .sales-binding-editor-card__top strong, .sales-image-secondary-block__header strong {
  color: #0f172a;
  font-size: 15px;
}

.sales-image-preview-card__top span, .sales-binding-editor-card__top span, .sales-image-secondary-block__header span {
  color: #64748b;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.7;
  display: block;
}

.sales-image-preview-card__actions, .sales-binding-editor-card__actions, .sales-image-secondary-row__actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.sales-image-secondary-block {
  gap: 12px;
  padding-top: 4px;
  display: grid;
}

.sales-upload-inline, .sales-inline-file-action {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.sales-upload-inline {
  margin-top: 4px;
}

.sales-upload-inline input[type="file"], .sales-inline-file-action input[type="file"] {
  max-width: 240px;
  font-size: 12px;
}

.sales-image-secondary-block__header {
  gap: 2px;
  display: grid;
}

@media (max-width: 1280px) {
  .sales-image-studio-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  .sales-image-preview-card, .sales-binding-editor-card, .sales-image-secondary-row {
    grid-template-columns: 1fr;
  }

  .sales-upload-inline, .sales-inline-file-action {
    flex-direction: column;
    align-items: flex-start;
  }
}

:root {
  --app-shell-unified-max-width: 1480px;
  --app-shell-unified-padding-inline: clamp(16px, 1.8vw, 28px);
}

.app-topbar-main--dashboard, .app-topbar-main--list, .app-topbar-main--dense, .main-content-container--dashboard, .main-content-container--list, .main-content-container--dense {
  max-width: var(--app-shell-unified-max-width);
  padding-inline: var(--app-shell-unified-padding-inline);
}

.main-content-container--dashboard, .main-content-container--list, .main-content-container--dense {
  padding-top: calc(var(--app-topbar-offset) + 14px);
  padding-bottom: 32px;
}

.page-header-block, .base-page-header {
  gap: 16px;
  margin-bottom: 20px;
}

.page-header-headline {
  flex-wrap: wrap;
}

.page-header-description {
  max-width: 760px;
}

.metric-card, .section-card, .filter-bar, .action-toolbar, .empty-state, .base-empty {
  border-radius: 18px;
}

.section-card-header {
  padding: 18px 20px 15px;
}

.section-card-body {
  padding: 18px 20px 20px;
}

.entity-workspace, .categories-workspace, .dashboard-stream-grid, .dashboard-focus-grid {
  align-items: start;
}

@media (max-width: 768px) {
  .app-topbar-main--dashboard, .app-topbar-main--list, .app-topbar-main--dense, .main-content-container--dashboard, .main-content-container--list, .main-content-container--dense {
    max-width: none;
    padding-inline: 14px;
  }

  .main-content-container--dashboard, .main-content-container--list, .main-content-container--dense {
    padding-top: calc(var(--app-topbar-offset) + 10px);
    padding-bottom: 24px;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ping {
  75%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}