@layer theme{@theme default{--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-mauve-50: oklch(98.5% 0 0); --color-mauve-100: oklch(96% .003 325.6); --color-mauve-200: oklch(92.2% .005 325.62); --color-mauve-300: oklch(86.5% .012 325.68); --color-mauve-400: oklch(71.1% .019 323.02); --color-mauve-500: oklch(54.2% .034 322.5); --color-mauve-600: oklch(43.5% .029 321.78); --color-mauve-700: oklch(36.4% .029 323.89); --color-mauve-800: oklch(26.3% .024 320.12); --color-mauve-900: oklch(21.2% .019 322.12); --color-mauve-950: oklch(14.5% .008 326); --color-olive-50: oklch(98.8% .003 106.5); --color-olive-100: oklch(96.6% .005 106.5); --color-olive-200: oklch(93% .007 106.5); --color-olive-300: oklch(88% .011 106.6); --color-olive-400: oklch(73.7% .021 106.9); --color-olive-500: oklch(58% .031 107.3); --color-olive-600: oklch(46.6% .025 107.3); --color-olive-700: oklch(39.4% .023 107.4); --color-olive-800: oklch(28.6% .016 107.4); --color-olive-900: oklch(22.8% .013 107.4); --color-olive-950: oklch(15.3% .006 107.1); --color-mist-50: oklch(98.7% .002 197.1); --color-mist-100: oklch(96.3% .002 197.1); --color-mist-200: oklch(92.5% .005 214.3); --color-mist-300: oklch(87.2% .007 219.6); --color-mist-400: oklch(72.3% .014 214.4); --color-mist-500: oklch(56% .021 213.5); --color-mist-600: oklch(45% .017 213.2); --color-mist-700: oklch(37.8% .015 216); --color-mist-800: oklch(27.5% .011 216.9); --color-mist-900: oklch(21.8% .008 223.9); --color-mist-950: oklch(14.8% .004 228.8); --color-taupe-50: oklch(98.6% .002 67.8); --color-taupe-100: oklch(96% .002 17.2); --color-taupe-200: oklch(92.2% .005 34.3); --color-taupe-300: oklch(86.8% .007 39.5); --color-taupe-400: oklch(71.4% .014 41.2); --color-taupe-500: oklch(54.7% .021 43.1); --color-taupe-600: oklch(43.8% .017 39.3); --color-taupe-700: oklch(36.7% .016 35.7); --color-taupe-800: oklch(26.8% .011 36.5); --color-taupe-900: oklch(21.4% .009 43.1); --color-taupe-950: oklch(14.7% .004 49.3); --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; --text-shadow-2xs: 0px 1px 0px #00000026; --text-shadow-xs: 0px 1px 1px #0003; --text-shadow-sm: 0px 1px 0px #00000013, 0px 1px 1px #00000013, 0px 2px 2px #00000013; --text-shadow-md: 0px 1px 1px #0000001a, 0px 1px 2px #0000001a, 0px 2px 4px #0000001a; --text-shadow-lg: 0px 1px 2px #0000001a, 0px 3px 2px #0000001a, 0px 4px 8px #0000001a; --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; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --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: --theme(--font-sans, initial); --default-font-feature-settings: --theme(--font-sans--font-feature-settings, initial); --default-font-variation-settings: --theme(--font-sans--font-variation-settings, initial); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme(--font-mono--font-feature-settings, initial); --default-mono-font-variation-settings: --theme(--font-mono--font-variation-settings, initial);}@theme default inline reference{--blur: 8px; --shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --shadow-inner: inset 0 2px 4px 0 #0000000d; --drop-shadow: 0 1px 2px #0000001a, 0 1px 1px #0000000f; --radius: .25rem; --max-width-prose: 65ch;}}@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:--theme(--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:--theme(--default-font-feature-settings, normal);font-variation-settings:--theme(--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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:--theme(--default-mono-font-feature-settings, normal);font-variation-settings:--theme(--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: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{@tailwind utilities;}:root{--color-primary:#c12222;--color-primary-hover:#a91e1e;--color-primary-strong:#8f1818;--color-primary-accent:#d44a4a;--color-primary-soft:#e17878;--color-primary-mid:#d95f5f;--color-primary-rgb:193 34 34;--color-primary-light:#fdf0f0;--color-secondary:#666;--color-success:#16a34a;--color-danger:#c12222;--color-warning:#f59e0b;--color-text:#111;--color-text-light:#555;--color-text-muted:#999;--color-bg:#f7f7f7;--color-bg-white:#fff;--color-bg-card:#fff;--color-border:#e0e0e0;--color-border-focus:#c12222;--shadow-sm:0 1px 2px 0 #0000000d;--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;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--global-footer-height:2.5rem;--transition-fast:.15s ease;--transition-normal:.2s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{height:100svh;overflow:hidden}.app-shell{flex-direction:column;height:100svh;display:flex;overflow:hidden}.app-content{flex:1;min-height:0;overflow:hidden}.global-footer{height:var(--global-footer-height);border-top:1px solid var(--color-border);text-align:center;z-index:35;background:#fff;justify-content:center;align-items:center;padding:.5rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.global-footer-text{color:var(--color-text-light);margin:0;font-size:.8rem}a,button,input,select,textarea{transition:all .15s}::selection{background-color:var(--color-primary-light);color:var(--color-primary-strong)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.store-header{animation:.4s ease-out fadeInUp}.stat-cards{animation:.45s ease-out 50ms both fadeInUp}.category-section{animation:.4s ease-out fadeInUp}.table-wrapper{animation:.4s ease-out .1s both fadeInUp}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-label{color:var(--color-text);font-size:.875rem;font-weight:500}.form-input{width:100%;color:var(--color-text);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.625rem .875rem;font-size:.9375rem;line-height:1}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgb(var(--color-primary-rgb) / .15)}.form-input-error{border-color:var(--color-danger)}.form-input-error:focus{box-shadow:0 0 0 3px rgb(var(--color-primary-rgb) / .15)}.form-error{color:var(--color-danger);margin-top:.25rem;font-size:.8125rem}.btn{font-size:.9375rem;font-weight:500;font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;line-height:1.5;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:0 4px 12px #c0222240}.btn-primary:active:not(:disabled){box-shadow:none;transform:scale(.97)}.btn-full{width:100%}.card{background-color:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2.5rem}@media (width<=480px){.card{border-radius:var(--radius-lg);padding:1.5rem}}.auth-layout{background:linear-gradient(135deg,#fff1f1 0%,#fecaca 50%,#fca5a5 100%);justify-content:center;align-items:center;min-height:100svh;padding:1rem;display:flex}.auth-card{width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:1rem}.auth-logo{background-color:var(--color-primary);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:3rem;height:3rem;margin:0 auto 1rem;display:flex}.auth-logo svg{color:#fff;width:1.5rem;height:1.5rem}.auth-title{color:var(--color-text);margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.auth-subtitle{color:var(--color-text-light);margin:0;font-size:.9375rem;animation:1s .2s both fadeSlideUp}.login-split-layout{flex-direction:row;min-height:100svh;display:flex}.login-left-panel{z-index:2;background:#fff;justify-content:center;align-items:center;width:42%;min-width:360px;padding:2.5rem 2rem;display:flex;position:relative;box-shadow:4px 0 24px #00000014}.login-left-inner{flex-direction:column;gap:0;width:100%;max-width:400px;display:flex}.login-brand-logo{justify-content:center;margin-top:2rem;margin-bottom:2rem;animation:1.2s both fadeSlideDown;display:flex}.login-brand-logo img{object-fit:contain;filter:drop-shadow(0 2px 8px #c022222e);width:auto;height:65px}.login-right-panel{background:#fff;flex:1;justify-content:flex-end;align-items:center;display:flex;overflow:hidden}.login-right-inner{justify-content:center;align-items:center;gap:3rem;width:100%;padding:2.5rem;display:flex}.login-brand-content{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:1rem;display:flex}.brand-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);font-size:.78rem;font-weight:700;animation:1.2s .2s both fadeSlideDown}.brand-title{flex-direction:column;gap:0;margin:0;display:flex}.brand-title-line{letter-spacing:.03em;background:linear-gradient(135deg, var(--color-primary-accent) 0%, var(--color-primary) 40%, var(--color-primary-soft) 70%, var(--color-primary-strong) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 4px rgb(var(--color-primary-rgb) / .18));-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,4vw,3.75rem);font-weight:900;line-height:1.08;animation:1.2s cubic-bezier(.22,1,.36,1) both titleReveal;display:block}.brand-title-line:first-child{animation-delay:.3s}.brand-title-line:nth-child(2){animation-delay:.55s}.brand-title-line:nth-child(3){animation-delay:.8s}.brand-divider{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-mid), transparent);border-radius:2px;width:52px;height:3px;animation:1.2s 1s both fadeSlideUp}.brand-tagline{color:#666;margin:0;font-size:.9rem;font-weight:400;line-height:1.7;animation:1.2s 1.2s both fadeSlideUp}.login-hero-wrap{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.login-hero-glow{background:radial-gradient(ellipse at center, rgb(var(--color-primary-rgb) / .18) 0%, transparent 70%);filter:blur(20px);z-index:0;border-radius:32px;animation:4s ease-in-out infinite glowPulse;position:absolute;inset:-24px}.login-hero-img{z-index:1;object-fit:contain;filter:drop-shadow(0 18px 28px #00000029);width:clamp(270px,33vw,470px);max-width:100%;height:auto;animation:1.4s .5s both heroEntrance;position:relative}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes titleReveal{0%{opacity:0;letter-spacing:.2em;transform:translateY(30px)scale(.92)}to{opacity:1;letter-spacing:.03em;transform:translateY(0)scale(1)}}@keyframes heroEntrance{0%{opacity:0}to{opacity:1}}@keyframes heroFloat{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-10px)rotate(.5deg)}66%{transform:translateY(-5px)rotate(-.5deg)}}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@media (width<=900px){.login-right-inner{text-align:center;flex-direction:column;gap:2rem}.login-brand-content{align-items:center}.brand-divider{background:linear-gradient(90deg, transparent, var(--color-primary), transparent)}.login-hero-img{width:clamp(180px,60vw,300px)}}@media (width<=768px){.login-split-layout.register-mode .login-right-panel{display:none}.login-split-layout{min-height:calc(100svh - var(--global-footer-height));height:calc(100svh - var(--global-footer-height));flex-direction:column;overflow:hidden}.login-left-panel{width:100%;min-width:unset;box-shadow:none;flex:auto;align-items:flex-start;min-height:0;padding:1.25rem 1rem .75rem}.login-right-panel{flex:none;min-height:0;padding-bottom:0;overflow:hidden}.login-right-inner{gap:.3rem;padding:0 .75rem}.login-brand-content{display:none}.login-hero-glow{filter:blur(14px);opacity:.85;display:block;inset:-12px}.login-hero-img{width:min(72vw,300px);max-height:clamp(148px,27svh,250px);filter:drop-shadow(0 10px 16px #00000029) drop-shadow(0 4px 8px rgb(var(--color-primary-rgb) / .12))}.brand-title-line{font-size:2.25rem}}.auth-form{flex-direction:column;gap:1rem;animation:1s .4s both fadeSlideUp;display:flex}.auth-form .form-group{gap:.35rem}.auth-form .form-label{text-align:left;width:min(100%,300px);margin-inline:auto;font-size:.9rem;font-weight:600}.auth-form .form-input{width:min(100%,300px);min-height:2.25rem;margin-inline:auto;padding:.45rem .7rem;font-size:.84rem}.auth-email-row{align-items:center;gap:.5rem;width:min(100%,300px);margin-inline:auto;display:flex}.auth-email-verified-badge{color:#fff;background-color:var(--color-success);border-radius:9999px;flex:0 0 1.1rem;justify-content:center;align-items:center;width:1.1rem;height:1.1rem;display:inline-flex;box-shadow:0 0 0 2px #16a34a1f}.auth-email-verified-badge svg{fill:currentColor;width:.72rem;height:.72rem}.auth-email-row .form-input{flex:1}.auth-verify-btn{border-radius:var(--radius-md);white-space:nowrap;min-width:7.5rem;min-height:2.25rem;padding-inline:.62rem;font-size:.75rem}.auth-refresh-btn{color:#b91c1c;border-radius:var(--radius-md);cursor:pointer;background-color:#fff5f5;border:1px solid #fecaca;flex:0 0 2.25rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.auth-refresh-btn svg{fill:currentColor;flex:none;width:.95rem;height:.95rem}.auth-refresh-btn:hover:not(:disabled){color:#991b1b;background-color:#fee2e2;border-color:#fca5a5}.auth-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.auth-form .auth-action-btn{width:min(100%,170px);max-height:2.5rem;margin-inline:auto;font-size:.82rem}.auth-form .btn-primary.auth-action-btn{background-color:#c12222}.auth-form .btn-primary.auth-action-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.auth-form .btn-primary.auth-action-btn:active:not(:disabled){background-color:var(--color-primary-strong)}.auth-password-label-row{justify-content:space-between;align-items:center;width:min(100%,300px);margin-inline:auto;display:flex}.modal .auth-password-label-row{width:100%;margin-inline:0}.auth-login-meta-row{width:min(100%,300px);margin-inline:auto}.auth-form .form-error,.auth-form .auth-success,.auth-form .auth-info,.auth-form .auth-error{font-size:.75rem}.auth-success{color:#166534;border-radius:var(--radius-md);background-color:#f0fdf4;border:1px solid #86efac;align-items:center;gap:.5rem;margin-top:.25rem;padding:.625rem .75rem;font-size:.8125rem;display:flex}.auth-success-check{background-color:var(--color-success);border-radius:9999px;flex:none;width:.95rem;height:.95rem;position:relative}.auth-success-check:after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:.24rem;height:.46rem;position:absolute;top:.19rem;left:.35rem;transform:rotate(45deg)}.auth-error{color:var(--color-primary-hover);border-radius:var(--radius-md);background-color:#fff1f1;border:1px solid #fecaca;padding:.75rem 1rem;font-size:.875rem;font-weight:500}.auth-info{color:#1d4ed8;border-radius:var(--radius-md);background-color:#eff6ff;border:1px solid #bfdbfe;padding:.75rem 1rem;font-size:.875rem;font-weight:500}.forgot-password-info{margin:0;width:min(100%,360px);color:var(--color-text-light);margin-inline:auto;font-size:.875rem;line-height:1.5}.auth-role-group{align-items:center}.auth-role-label{width:min(100%,360px)}.auth-form .auth-role-label{text-align:center}.auth-role-selector{background-color:#0000;border:0;border-radius:0;justify-content:center;align-items:center;gap:1rem;width:min(100%,360px);margin-inline:auto;padding:0;display:inline-flex}.auth-role-option{color:#7f1d1d;cursor:pointer;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:inline-flex}.auth-role-option input[type=radio]{accent-color:var(--color-primary)}.auth-password-hint{width:min(100%,360px);color:var(--color-text-light);margin:.3rem auto 0;font-size:.72rem}.auth-footer{text-align:center;color:var(--color-text-light);margin-top:1.5rem;font-size:.875rem;animation:1s .6s both fadeSlideUp}.login-version-tag{text-align:center;color:var(--color-text-muted);letter-spacing:.03em;margin:1rem 0 0;font-size:.75rem}.auth-footer a{color:var(--color-primary);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.auth-footer a:hover{color:var(--color-primary-hover);text-decoration:underline}.btn-link-inline{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:500;text-decoration:none}.btn-link-inline:hover{color:var(--color-primary-hover);text-decoration:underline}@media (width<=768px){.auth-email-row{flex-direction:column;align-items:stretch}.auth-verify-btn{width:100%}.auth-refresh-btn{flex-basis:auto;width:100%}}.auth-inline-action-btn{color:var(--color-primary);cursor:pointer;float:right;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:600}.auth-inline-action-btn:hover{color:var(--color-primary-hover)}.dashboard-layout{flex-direction:column;min-height:100svh;display:flex}.dashboard-body{flex:1;min-height:0;display:flex}.navbar{z-index:30;background-color:var(--color-bg-white);border-bottom:1px solid var(--color-border);height:4rem;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0}.navbar-brand{align-items:center;gap:1rem;display:flex}.navbar-logo-img{object-fit:contain;width:auto;height:36px}.navbar-admin-toggle{width:2.25rem;height:2.25rem;color:var(--color-text);cursor:pointer;background-color:#f8fafc;border:none;border-radius:.6rem;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s;display:inline-flex}.navbar-admin-toggle svg{width:1rem;height:1rem}.navbar-admin-toggle:hover{background-color:#f1f5f9;border-color:#d1d5db}.navbar-center-title{letter-spacing:.02em;color:#b5122b;-webkit-text-fill-color:currentColor;white-space:nowrap;text-overflow:ellipsis;max-width:min(58vw,760px);font-size:1.6rem;font-weight:800;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.navbar-actions{align-items:center;gap:1rem;display:flex}.navbar-links{align-items:center;gap:.5rem;display:flex}.navbar-menu{position:relative}.navbar-menu-trigger{width:2.25rem;height:2.25rem;color:var(--color-text-light);cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.navbar-menu-trigger svg{width:1.125rem;height:1.125rem}.navbar-menu-trigger:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.navbar-menu-dropdown{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:170px;box-shadow:var(--shadow-md);z-index:45;padding:.4rem;position:absolute;top:calc(100% + .5rem);right:0}.navbar-menu-item{text-align:left;width:100%;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:.45rem;padding:.55rem .65rem;font-size:.86rem;font-weight:500;transition:background-color .2s,color .2s;display:block}.navbar-menu-item:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.navbar-link{color:var(--color-text-light);border:1px solid #0000;border-radius:9999px;padding:.45rem .85rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .25s}.navbar-link:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.navbar-link-active{color:var(--color-primary);background-color:var(--color-primary-light);border-color:#fecaca}.navbar-user{color:var(--color-text-light);align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;display:inline-flex}.navbar-profile{position:relative}.navbar-user-btn{cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;padding:.2rem .4rem;transition:background-color .2s;display:inline-flex}.navbar-user-btn:hover{background-color:#f7f7f7}.navbar-profile-card{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg-white);min-width:220px;box-shadow:var(--shadow-md);z-index:45;padding:.75rem;position:absolute;top:calc(100% + .5rem);right:0}.navbar-profile-name{color:var(--color-text);margin:0 0 .3rem;font-size:.92rem;font-weight:700}.navbar-profile-meta{color:var(--color-text-light);margin:.15rem 0;font-size:.8rem}.navbar-profile-action{border-radius:var(--radius-sm);background-color:var(--color-primary-light);width:100%;color:var(--color-primary);text-align:center;cursor:pointer;border:1px solid #fecaca;margin-top:.7rem;padding:.45rem .6rem;font-size:.78rem;font-weight:600}.navbar-profile-action:hover{background-color:#fee2e2}.navbar-user-icon{width:1.125rem;height:1.125rem}.navbar-user-desktop{align-items:center;gap:.375rem;display:inline-flex}.navbar-user-icon-mobile{display:none}.navbar-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.btn-logout{font-size:.875rem;font-weight:500;font-family:var(--font-sans);color:var(--color-danger);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;align-items:center;gap:.375rem;padding:.5rem .875rem;display:inline-flex}.btn-logout svg{width:1.125rem;height:1.125rem}.btn-logout:hover{background-color:#f5f5f5;border-color:#ccc}.sidebar{background-color:var(--color-bg-white);border-right:1px solid var(--color-border);width:260px;min-width:260px;height:calc(100svh - 4rem - var(--global-footer-height));padding:1.25rem .75rem;position:sticky;top:4rem;overflow-y:auto}.sidebar-nav{flex-direction:column;gap:.25rem;display:flex}.sidebar-link{color:var(--color-text-light);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--color-text);background-color:var(--color-bg)}.sidebar-link-active,.sidebar-link-active:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.sidebar-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.sidebar-icon svg{width:1.25rem;height:1.25rem}.dashboard-content{height:calc(100svh - 4rem - var(--global-footer-height));scroll-behavior:smooth;flex:1;padding-block:2rem;padding-inline:2rem;overflow-y:auto}.dashboard-content-dashboard-route,.dashboard-content-non-dashboard-route{overflow-y:auto}.dashboard-content-lock-scroll{overflow-y:hidden}.dashboard-content-dashboard-route .admin-dashboard-main{height:auto;overflow-y:visible}.store-header{text-align:center;margin-bottom:.85rem}.home-page-content{flex-direction:column;gap:.35rem;display:flex}.home-admin-main{padding-top:.4rem}.store-title-row{justify-content:center;align-items:center;gap:.75rem;display:flex}.store-title-logo{object-fit:contain;width:auto;height:56px;filter:drop-shadow(0 4px 12px rgb(var(--color-primary-rgb) / .2))}.store-title{letter-spacing:.04em;color:var(--color-primary);text-align:left;margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.dashboard-store-title-row{justify-content:center;align-items:center;gap:.8rem;display:inline-flex}.dashboard-store-mascot{object-fit:contain;flex:none;width:clamp(79.8px,9.975vw,139.65px);max-width:100%;height:auto;margin-right:0}.store-text{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:.3rem;max-width:min(100%,440px);display:flex}.store-text .store-title{text-align:left;margin:0}.store-text .store-subtitle{text-align:left;margin:0;display:block}.store-subtitle{color:var(--color-primary);letter-spacing:.02em;margin:0;font-size:1rem;font-weight:500}.carousel-divider{background-color:#cbd5e1;flex-shrink:0;align-self:stretch;width:1px;margin:.25rem 0}.status-filter-pill{font-size:.82rem;font-weight:600;font-family:var(--font-sans);color:#64748b;cursor:pointer;white-space:nowrap;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:9999px;padding:.4rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.status-filter-pill:hover{background-color:#f1f5f9;border-color:#94a3b8}.status-filter-pill-active{color:#1e40af;background-color:#eff6ff;border-color:#93c5fd}.status-filter-pill-clear{color:var(--color-primary);background-color:#0000;border-color:#fca5a5}.status-filter-pill-clear:hover{background-color:#fff1f1}.home-filters{flex-direction:column;gap:.9rem;margin-bottom:.65rem;display:flex}.home-filter-group{flex-wrap:wrap;gap:.6rem;display:flex}.home-filter-separator{color:#94a3b8;align-items:center;padding:0 .1rem;font-size:.95rem;font-weight:600;display:inline-flex}.home-filter-group-status{padding-top:.1rem}.home-filter-pill{font-size:.82rem;font-weight:600;font-family:var(--font-sans);color:#475569;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #cbd5e1;border-radius:9999px;padding:.45rem 1rem;transition:all .2s}.home-filter-pill:hover{background-color:#f8fafc;border-color:#94a3b8}.home-filter-pill-active{border-color:var(--color-primary);color:var(--color-primary);background-color:#fff1f2}.home-scroll-locked{height:100%;overflow-y:hidden}.home-scroll-enabled{height:100%;overflow-y:auto}.category-accordion-list{flex-direction:column;gap:.5rem;display:flex}.category-accordion{margin-bottom:.25rem}.category-accordion-header{cursor:pointer;width:100%;font-family:var(--font-sans);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.75rem 0;transition:opacity .3s;display:flex}.category-accordion-header:hover{opacity:.7}.category-accordion-title-wrap{align-items:baseline;gap:.5rem;display:flex}.category-accordion-title{color:var(--color-text);margin:0;font-size:1.35rem;font-weight:700}.category-accordion-count{color:var(--color-text-muted);font-size:.92rem;font-weight:500}.category-accordion-chevron{width:1.25rem;height:1.25rem;color:var(--color-text-muted);flex-shrink:0;transition:transform .35s cubic-bezier(.4,0,.2,1)}.category-accordion-chevron-open{transform:rotate(180deg)}.category-accordion-line{background:var(--color-primary);border-radius:2px;height:2px}.category-accordion-body{padding:1.25rem 0}.category-section{margin-bottom:2.5rem}.category-section-title{color:var(--color-text);border-bottom:2px solid #fecaca;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700}.page-header{margin-bottom:1.5rem}.page-title{color:var(--color-text);margin:0 0 .375rem;font-size:1.5rem;font-weight:600}.page-subtitle{color:var(--color-text-light);margin:0;font-size:.9375rem}.page-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.profile-page-container{max-width:1280px;margin:0 auto;padding:1.5rem 1rem}.profile-header-section{margin-bottom:1.5rem}.profile-header-top{align-items:flex-start;gap:1rem;display:flex}.profile-back-btn{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);width:2.5rem;height:2.5rem;color:var(--color-text);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;margin-top:.25rem;transition:all .2s;display:flex}.profile-back-btn:hover{border-color:var(--color-primary);background-color:#f3f4f6}.profile-back-btn svg{width:1.25rem;height:1.25rem}.profile-main-title{color:var(--color-text);margin:0;font-size:1.75rem;font-weight:700}.profile-main-subtitle{color:var(--color-text-light);margin:.5rem 0 0;font-size:.95rem}.profile-content-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.profile-left-column,.profile-right-column{flex-direction:column;display:flex}.profile-card-container{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.profile-card-title{color:var(--color-text);margin:0 0 .35rem;font-size:1.1rem;font-weight:700}.profile-card-subtitle{color:var(--color-text-light);margin:0 0 1.25rem;font-size:.9rem}.profile-form{flex-direction:column;gap:1rem;display:flex}.profile-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.profile-form-row:last-of-type{grid-template-columns:1fr}.profile-form-group{flex-direction:column;gap:.4rem;min-width:0;display:flex}.profile-form-label{color:var(--color-text);font-size:.85rem;font-weight:600}.profile-form-input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);background-color:var(--color-bg-card);padding:.6rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.profile-form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.profile-form-input.profile-readonly{color:var(--color-text-light);cursor:not-allowed;background-color:#f9fafb}.profile-password-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.profile-input-icon{width:1.1rem;height:1.1rem;color:var(--color-text-light);pointer-events:none;position:absolute;left:.85rem}.profile-password-input-wrapper .profile-form-input{padding-left:.85rem;padding-right:2.5rem}.profile-eye-toggle{cursor:pointer;color:var(--color-text-light);background:0 0;border:none;justify-content:center;align-items:center;padding:.3rem;transition:color .2s;display:flex;position:absolute;right:.85rem}.profile-eye-toggle:hover{color:var(--color-text)}.profile-eye-toggle svg{width:1.1rem;height:1.1rem}.profile-error-message{border-radius:var(--radius-md);color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca;margin-top:-.25rem;padding:.65rem .85rem;font-size:.85rem}.profile-form-actions{justify-content:flex-end;gap:1rem;margin-top:.75rem;display:flex}.profile-btn{border-radius:var(--radius-md);cursor:pointer;border:none;padding:.65rem 1.4rem;font-size:.9rem;font-weight:600;transition:all .2s}.profile-btn-cancel{background-color:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text)}.profile-btn-cancel:hover:not(:disabled){border-color:var(--color-text-light);background-color:#f3f4f6}.profile-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.profile-btn-primary{background-color:var(--color-primary);color:#fff}.profile-btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px)}.profile-btn-primary:disabled{opacity:.5;cursor:not-allowed}.profile-summary-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.profile-summary-title{color:var(--color-text);margin:0 0 .35rem;font-size:1.1rem;font-weight:700}.profile-summary-subtitle{color:var(--color-text-light);margin:0 0 1.25rem;font-size:.9rem}.profile-summary-content{flex-direction:column;gap:1.25rem;display:flex}.profile-summary-item{flex-direction:column;gap:.4rem;display:flex}.profile-summary-label{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-light);font-size:.75rem;font-weight:700}.profile-summary-value{color:var(--color-text);margin:0;font-size:.95rem;font-weight:500}.profile-help-box{border-radius:var(--radius-md);background-color:#ecfdf5;border:1px solid #a7f3d0;margin-top:.75rem;padding:.9rem}.profile-help-title{color:#047857;margin:0 0 .4rem;font-size:.9rem;font-weight:600}.profile-help-text{color:#065f46;margin:0;font-size:.85rem;line-height:1.4}.profile-modal-close-btn:hover{color:var(--color-text)}.stat-cards{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:1.25rem;margin-top:1.5rem;margin-bottom:1.5rem;padding:0;display:grid;overflow:visible}.dashboard-section-nav{border:1px solid var(--color-border);background-color:#fff;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem;display:inline-flex}.dashboard-section-btn{color:var(--color-text-light);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.45rem .9rem;font-size:.84rem;font-weight:600;transition:all .2s}.dashboard-section-btn:hover,.dashboard-section-btn-active{color:var(--color-primary);background-color:var(--color-primary-light)}.admin-dashboard-shell{min-height:calc(100svh - 4rem - var(--global-footer-height));align-items:stretch;gap:0;margin:0;display:flex;position:relative}.admin-dashboard-sidebar{width:240px;height:calc(100svh - 4rem - var(--global-footer-height));border-right:1px solid var(--color-border);box-shadow:none;transition:width var(--transition-normal), padding var(--transition-normal), border-color var(--transition-normal);z-index:20;background-color:#fff;padding:.75rem .85rem;position:fixed;top:4rem;left:0;overflow:hidden}.admin-sidebar-nav{flex-direction:column;gap:.35rem;margin-top:0;display:flex}.admin-sidebar-item{width:100%;color:var(--color-text-light);text-align:left;cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:.65rem;align-items:center;gap:.58rem;padding:.58rem .72rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.02rem;font-weight:500;line-height:1.25;display:flex}.admin-sidebar-item-icon{color:currentColor;width:1.9rem;height:1.9rem;transition:background-color var(--transition-fast), color var(--transition-fast);background-color:#0000;border-radius:.55rem;flex:none;justify-content:center;align-items:center;display:inline-flex}.admin-sidebar-item-icon svg{width:1.05rem;height:1.05rem}.admin-sidebar-item:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.admin-sidebar-item:hover .admin-sidebar-item-icon{background-color:#0000}.admin-sidebar-item-active{color:var(--color-primary);background-color:var(--color-primary-light);border-color:#ffd2d2}.admin-sidebar-item-active .admin-sidebar-item-icon{color:var(--color-primary);background-color:#0000}.admin-dashboard-main{flex:1;width:calc(100% - 240px);min-width:0;margin-left:240px;padding-block:2rem;padding-inline:2rem}.admin-dashboard-main-full{width:100%;margin-left:0}.admin-sidebar-backdrop{display:none}.admin-dashboard-shell-collapsed .admin-dashboard-sidebar{width:74px;padding:.75rem .5rem}.admin-dashboard-shell-collapsed .admin-dashboard-main{width:calc(100% - 74px);margin-left:74px}.admin-dashboard-shell-collapsed .admin-sidebar-item-label{display:none}.admin-dashboard-shell-collapsed .admin-sidebar-item{text-align:center;justify-content:center;gap:0;padding-inline:0}.dashboard-anchor-section{scroll-margin-top:5rem}.toast-viewport{z-index:60;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.55rem;display:flex;position:fixed;top:4.75rem;right:1rem}.toast-item{letter-spacing:.01em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #0000;border-radius:.75rem;min-width:260px;max-width:380px;padding:.72rem .95rem .72rem 2.35rem;font-size:.85rem;font-weight:600;line-height:1.45;animation:.28s cubic-bezier(.22,1,.36,1) toastIn;position:relative;box-shadow:0 10px 24px -14px #0f172a73,0 8px 14px -10px #0f172a4d}.toast-item:before{content:"";border-radius:9999px;place-items:center;width:1.15rem;height:1.15rem;font-size:.75rem;font-weight:800;display:grid;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.toast-item:after{content:"";opacity:.55;background:currentColor;border-radius:9999px;width:3px;position:absolute;top:.45rem;bottom:.45rem;left:0}.toast-success{color:#166534;background:linear-gradient(#f0fdf4 0%,#dcfce7 100%);border-color:#86efac}.toast-success:before{content:"✓";color:#166534;background-color:#bbf7d0}.toast-error{color:var(--color-primary-strong);background:linear-gradient(#fff1f1 0%,#fee2e2 100%);border-color:#fca5a5}.toast-error:before{content:"!";color:var(--color-primary-strong);background-color:#fecaca}.toast-info{color:#0f172a;background:linear-gradient(#f8fafc 0%,#eff6ff 100%);border-color:#bfdbfe}.toast-info:before{content:"i";color:#1e3a8a;background-color:#dbeafe}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.stat-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);text-align:center;min-height:164px;transition:box-shadow var(--transition-normal), border-color var(--transition-normal);border-radius:1rem;flex-direction:column;flex:0 0 235px;align-items:center;gap:.45rem;padding:1.2rem 1.15rem;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#d3d3d3}.stat-card-icon{border-radius:50%;justify-content:center;align-items:center;width:4.8rem;height:4.3rem;margin-bottom:.1rem;display:flex}.stat-card-icon svg{width:1.1rem;height:1.1rem}.stat-card-icon-apps{color:#2563eb;background-color:#dbeafe}.stat-card-icon-categories{color:#7e22ce;background-color:#f3e8ff}.stat-card-icon-users{color:#16a34a;background-color:#dcfce7}.stat-card-icon-employees{color:var(--color-primary);background-color:#fee2e2}.stat-card-value{color:var(--color-text);font-size:1.9rem;font-weight:800;line-height:1}.stat-card-label{color:var(--color-text-light);font-size:.83rem;font-weight:600}.dashboard-home{color:#111827;scroll-behavior:smooth;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dashboard-home-header{margin-bottom:1rem;padding:.35rem 0 .15rem}.dashboard-home-title{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:1.85rem;font-weight:700;line-height:1.1}.dashboard-home-subtitle{color:#4b5563;margin:.55rem 0 0;font-size:1.12rem}.dashboard-home-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.dashboard-home-card{cursor:pointer;will-change:transform, box-shadow, border-color, background-color;backface-visibility:hidden;background:linear-gradient(#fffffff0 0%,#ffffffe0 100%);border:1px solid #e2e8f0;border-radius:1rem;align-items:center;gap:.95rem;min-height:110px;padding:1.3rem 1.25rem;transition:border-color .32s cubic-bezier(.22,1,.36,1),box-shadow .26s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.22,1,.36,1),background-color .32s cubic-bezier(.22,1,.36,1),filter .32s cubic-bezier(.22,1,.36,1);display:flex;transform:translateZ(0)}.dashboard-home-card:hover{filter:saturate(1.05);background:#fff;border-color:#d3dbe7;transform:translateY(-4px)scale(1.003);box-shadow:0 20px 42px -28px #0f172a8c,0 8px 18px -14px #c1222259,inset 0 0 0 1px #ffffffb8}.dashboard-home-card:active{transform:translateY(-2px)scale(.998)}.dashboard-home-card-icon{border-radius:.8rem;flex:none;justify-content:center;align-items:center;width:3.2rem;height:3.2rem;display:inline-flex}.dashboard-home-card-icon svg{width:1.3rem;height:1.3rem}.dashboard-home-card-icon-products{color:#d03b2f;background:#fcebea}.dashboard-home-card-icon-categories{color:#2563eb;background:#ebf2fb}.dashboard-home-card-icon-clients{color:#4f46e5;background:#eceefc}.dashboard-home-card-icon-employees{color:#475569;background:#f3f4f6}.dashboard-home-card-body{flex-direction:column;gap:.35rem;display:flex}.dashboard-home-card-value{color:#111827;margin:0;font-size:2.2rem;font-weight:700;line-height:1}.dashboard-home-card-label{letter-spacing:.08em;color:#4b5563;margin:0;font-size:.94rem}.dashboard-home-bottom{grid-template-columns:minmax(0,2.1fr) minmax(300px,.9fr);align-items:stretch;gap:1rem;margin-bottom:1rem;display:grid}.dashboard-home-panel{background:linear-gradient(#fffffff5 0%,#ffffffe6 100%);border:1px solid #e2e8f0;border-radius:1rem;flex-direction:column;height:350px;padding:1.2rem 1.25rem;display:flex;box-shadow:0 14px 30px -26px #0f172a8c}.dashboard-home-panel-title{color:#0f172a;margin:0;font-size:1.2rem;font-weight:700}.dashboard-home-panel-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.dashboard-home-view-all-btn{color:var(--color-primary);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#fff6f6;border:1px solid #ffd6d6;border-radius:9999px;padding:.28rem .6rem;font-size:.82rem;font-weight:600}.dashboard-home-view-all-btn:hover{background:#ffefef;border-color:#ffc3c3;transform:translateY(-1px)}.dashboard-home-activity-list{padding:0;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d3d8e1 transparent;flex:1;min-height:0;margin:1rem 0 0;padding-right:.25rem;list-style:none;overflow-y:auto}.dashboard-home-activity-list::-webkit-scrollbar{width:8px}.dashboard-home-activity-list::-webkit-scrollbar-track{background:0 0}.dashboard-home-activity-list::-webkit-scrollbar-thumb{background:linear-gradient(#d5dbe5 0%,#c2ccd9 100%) padding-box padding-box;border:2px solid #0000;border-radius:9999px}.dashboard-home-activity-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#c8d0de 0%,#b2bece 100%)}.dashboard-home-activity-item{border-bottom:1px solid #edf0f4;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.8rem .3rem;transition:background-color .26s,border-color .26s,transform .26s;display:grid}.dashboard-home-activity-item:last-child{border-bottom:none}.dashboard-home-activity-item:hover{background-color:#fafcff;border-color:#e6edf7;transform:none}.dashboard-home-activity-avatar{color:#fff;background:#cb2525;border-radius:9999px;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-weight:700;display:inline-flex}.dashboard-home-activity-content{min-width:0}.dashboard-home-activity-top{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.dashboard-home-activity-user{color:#111827;margin:0;font-size:1.03rem;font-weight:700}.dashboard-home-activity-chip{letter-spacing:.03em;color:#5b21b6;background:#ede9fe;border-radius:9999px;align-items:center;height:1.45rem;padding:0 .55rem;font-size:.77rem;font-weight:700;display:inline-flex}.dashboard-home-activity-resource{color:#6b7280;font-size:.98rem}.dashboard-home-activity-description{color:#6b7280;margin:.25rem 0 0;font-size:.82rem}.dashboard-home-activity-time{color:#6b7280;white-space:nowrap;margin:0;font-size:.92rem}.dashboard-home-quick-actions{flex-direction:column;gap:.72rem;display:flex}.dashboard-home-quick-action-item{color:#111827;width:100%;font:inherit;text-align:left;cursor:pointer;will-change:transform, box-shadow, border-color, background-color;backface-visibility:hidden;background:#fff8f8;border:1px solid #f0d9d7;border-radius:.95rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.82rem .95rem;transition:border-color .3s cubic-bezier(.22,1,.36,1),background-color .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1),filter .3s cubic-bezier(.22,1,.36,1);display:grid;transform:translateZ(0)}.dashboard-home-quick-action-item:hover{filter:saturate(1.04);background:linear-gradient(#fff8f7 0%,#fff4f3 100%);border-color:#df9e98;transform:translateY(-4px)scale(1.008);box-shadow:0 14px 26px -20px #c122229e,0 4px 10px -8px #2563eb40,inset 0 0 0 1px #ffffffb3}.dashboard-home-quick-action-item:active{transform:translateY(-1px)scale(.995)}.dashboard-home-quick-action-icon{color:#dd4f43;border:1px solid #f4c8c3;border-radius:.8rem;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;transition:border-color .28s cubic-bezier(.22,1,.36,1),background-color .28s cubic-bezier(.22,1,.36,1),color .28s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1);display:inline-flex}.dashboard-home-quick-action-icon svg{width:1.15rem;height:1.15rem}.dashboard-home-quick-action-label{font-size:1.02rem;font-weight:600}.dashboard-home-quick-action-arrow{color:#e08f86;font-size:1.35rem;transition:color .26s cubic-bezier(.16,1,.3,1),transform .26s cubic-bezier(.16,1,.3,1)}.dashboard-home-quick-action-item:hover .dashboard-home-quick-action-icon{color:#cf3f32;background:#fff0ee;border-color:#e8b5af;transform:translateY(-1px)}.dashboard-home-quick-action-item:hover .dashboard-home-quick-action-arrow{color:#cf3f32;transform:translate(2px)}@media (width<=1280px){.dashboard-home-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-home-bottom{grid-template-columns:1fr}.dashboard-home-panel{height:auto}}@media (width<=760px){.dashboard-content-lock-scroll{-webkit-overflow-scrolling:touch;overflow-y:auto!important}.admin-dashboard-main[data-dashboard-section=dashboard],.admin-dashboard-main[data-dashboard-section=apps],.admin-dashboard-main[data-dashboard-section=users]{height:auto;min-height:calc(100svh - 4rem - var(--global-footer-height));-webkit-overflow-scrolling:touch;overflow-y:auto}.dashboard-home-title{font-size:1.55rem}.dashboard-home-cards{grid-template-columns:1fr}.dashboard-home-card{min-height:98px;padding:1rem}.dashboard-home-activity-item{grid-template-columns:1fr;gap:.55rem}.dashboard-home-activity-time{justify-self:start}}.admin-dashboard-main[data-dashboard-section=dashboard]{padding-top:.3rem;padding-bottom:2.2rem}.dash-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.dash-section-title{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:1.55rem;font-weight:700;line-height:1.1}.dash-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.dash-delete-group{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-card);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;display:flex;overflow:hidden}.dash-delete-group:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgb(var(--color-primary-rgb) / .1)}.dash-select{font-size:.83rem;font-family:var(--font-sans);color:var(--color-text);cursor:text;background:0 0;border:none;min-width:190px;padding:.56rem .875rem}.dash-select:focus{outline:none}.dash-select::placeholder{color:var(--color-text-muted)}.dash-search-btn{border-left:1px solid var(--color-border);color:var(--color-text-light);background-color:#0000;border-radius:0;padding:.56rem .72rem}.dash-search-btn:hover:not(:disabled){color:var(--color-text);background-color:#0f172a0f}.dash-search-btn:active:not(:disabled){transform:none}.dash-search-icon{width:.95rem;height:.95rem}.dash-add-product-btn{padding:.5rem .9rem;font-size:.82rem}.admin-dashboard-main[data-dashboard-section=apps]{height:calc(100svh - 4rem - var(--global-footer-height));padding-top:1rem;padding-bottom:.85rem;overflow:hidden}.apps-section-shell{flex-direction:column;height:100%;min-height:0;display:flex}.apps-section-shell .table-wrapper{flex:1;min-height:0;margin-bottom:.2rem;overflow:auto}.admin-dashboard-main[data-dashboard-section=apps] .dash-section-header{margin-bottom:.85rem}.apps-section-shell .data-table thead th{z-index:2;background-color:#fafafa;position:sticky;top:0}.apps-section-shell .data-table{min-width:900px}.apps-section-shell .data-table td,.apps-section-shell .data-table th{padding:.62rem 1rem}@media (width<=900px){.apps-section-shell .dash-section-header{flex-flow:row;justify-content:space-between;align-items:center;gap:.75rem}.apps-section-shell .dash-actions{flex-wrap:nowrap;gap:.5rem;width:auto}.apps-section-shell .dash-delete-group{flex:1;min-width:0}}@media (width<=760px){.apps-section-shell .dash-section-header{flex-flow:row;align-items:center}.apps-section-shell .dash-actions{flex-flow:row;gap:.4rem}}@media (width<=480px){.apps-section-shell .dash-section-header{flex-flow:row;align-items:center;gap:.5rem}.apps-section-shell .dash-actions{flex-flow:row;gap:.35rem}.apps-section-shell .dash-section-title{white-space:nowrap;font-size:1.1rem}.apps-section-shell .dash-add-product-btn{white-space:nowrap;padding:.4rem .6rem;font-size:.75rem}.apps-section-shell .dash-select{min-width:0;padding:.4rem .5rem;font-size:.78rem}}@media (width<=900px){.stat-cards{grid-template-columns:1fr}.dash-section-header{flex-direction:column;align-items:flex-start}.dash-actions{width:100%}.dash-delete-group{flex:1}.dash-select{flex:1;min-width:0}.admin-dashboard-main[data-dashboard-section=apps]{height:auto;overflow:visible}.apps-section-shell{height:auto}.apps-section-shell .table-wrapper{overflow:auto}}@media (width>=600px) and (width<=900px){.stat-cards{grid-template-columns:1fr}}.btn-icon{width:1.125rem;height:1.125rem}.license-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.license-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast);overflow:hidden}.license-card:hover{box-shadow:var(--shadow-md)}.license-card-header{border-bottom:1px solid var(--color-border);background-color:var(--color-bg);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.license-card-id{color:var(--color-text-light);font-size:.8125rem;font-weight:600}.license-card-body{flex-direction:column;gap:.875rem;padding:1.25rem;display:flex}.license-card-field{flex-direction:column;gap:.125rem;display:flex}.license-card-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:500}.license-card-value{color:var(--color-text);font-size:.9375rem;font-weight:500}.master-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.master-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);padding:2rem}.master-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.master-card-icon{background-color:var(--color-primary);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1.25rem;display:flex}.master-card-icon svg{color:#fff;width:1.5rem;height:1.5rem}.master-card-title{color:var(--color-text);margin:0 0 .375rem;font-size:1.25rem;font-weight:600}.master-card-description{color:var(--color-text-light);margin:0;font-size:.9375rem}.page-header-left{align-items:center;gap:.75rem;display:flex}.btn-back{background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:2.25rem;height:2.25rem;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-back svg{width:1.125rem;height:1.125rem;color:var(--color-text)}.btn-back:hover{background-color:var(--color-bg);border-color:var(--color-primary)}.master-section{margin-bottom:2rem}.master-section-title{color:var(--color-text);margin:0 0 .75rem;font-size:1.125rem;font-weight:600}.table-wrapper{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.data-table{border-collapse:collapse;width:100%;font-size:.88rem;line-height:1.4}.data-table thead{border-bottom:1px solid var(--color-border);background-color:#fafafa}.data-table th{text-align:left;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;padding:.62rem .84rem;font-size:.72rem;font-weight:600}.data-table td{color:var(--color-text);border-bottom:1px solid var(--color-border);vertical-align:middle;padding:.62rem .84rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background-color .2s}.data-table tbody tr:hover{background-color:#fcfcfc}.table-action-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;width:1.9rem;height:1.9rem;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background-color:#0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.table-action-btn svg{width:.95rem;height:.95rem}.table-action-btn:disabled{opacity:.5;cursor:not-allowed}.table-action-delete{color:var(--color-danger)}.table-action-delete:hover:not(:disabled){background-color:#fff1f2;border-color:#fecaca}.table-action-update{color:var(--color-primary)}.table-action-update:hover:not(:disabled){background-color:#fff7f7;border-color:#fecaca}.table-action-view{color:#0f766e}.table-action-view:hover:not(:disabled){background-color:#f0fdfa;border-color:#99f6e4}.user-actions-cell{align-items:center;gap:.45rem;display:flex}.users-page{font-family:var(--font-sans)}.users-page .page-title{letter-spacing:-.02em;color:#0f172a;font-size:1.72rem;font-weight:800;line-height:1.1}.users-page .page-subtitle{color:var(--color-text-light);font-size:.9375rem}.users-table-wrapper{border-radius:.95rem}.users-role-pill,.users-status-pill{text-transform:capitalize;border-radius:9999px;justify-content:center;align-items:center;min-height:1.85rem;padding:.2rem .8rem;font-size:.83rem;font-weight:700;display:inline-flex}.users-role-pill-admin{color:#15803d;background:#dcfce7}.users-role-pill-default{color:#6b7280;background:#f3f4f6}.users-status-pill-active{color:#15803d;background:#dcfce7}.users-status-pill-inactive{color:#9a3412;background:#ffedd5}.users-action-btn{cursor:pointer;background:#fff;border:1px solid;border-radius:.62rem;align-items:center;gap:.35rem;min-height:2.2rem;padding:.42rem .92rem;font-size:.86rem;font-weight:700;line-height:1;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.users-action-btn:disabled{opacity:.6;cursor:not-allowed}.users-action-icon{flex:none;width:.9rem;height:.9rem}.users-action-btn-edit{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.users-action-btn-edit:hover:not(:disabled){color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.users-action-btn-delete{color:#dc2626;background:#fff1f2;border-color:#fca5a5}.users-action-btn-delete:hover:not(:disabled){color:#b91c1c;background:#ffe4e6;border-color:#f87171}.users-page .user-actions-cell{flex-wrap:nowrap;gap:.55rem}.table-description-toggle{color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;margin:0;padding:0;line-height:1.4}.table-description-toggle:hover{color:var(--color-primary)}.table-description-empty{color:var(--color-text-muted)}.table-version-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-white);min-width:5.5rem;max-width:7rem;color:var(--color-text);padding:.28rem .45rem;font-size:.75rem}.version-details-grid{flex-direction:column;gap:.55rem;font-size:.82rem;display:flex}.version-details-grid p{color:var(--color-text);margin:0;line-height:1.45}.status-badge{border-radius:9999px;padding:.175rem .625rem;font-size:.75rem;font-weight:600;display:inline-block}.status-active{color:#15803d;background-color:#f0fdf4}.status-inactive{color:#777;background-color:#f5f5f5}.status-unread{color:#92400e;background-color:#fffbeb}.status-read{color:#0369a1;background-color:#f0f9ff}.status-resolved{color:#166534;background-color:#f0fdf4}.feedback-status-actions{align-items:center;gap:.5rem;display:flex}.feedback-status-actions .form-input{min-width:120px}.feedback-status-select{min-width:5.5rem;max-width:7rem;padding:.28rem .45rem;font-size:.75rem}.btn-renew{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background-color:#2563eb;border:none;padding:.3rem .75rem;font-size:.75rem;font-weight:600;transition:background-color .2s}.btn-renew:hover{background-color:#1d4ed8}.key-code{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);letter-spacing:.02em;padding:.2rem .5rem;font-family:SF Mono,Cascadia Code,Fira Code,Consolas,monospace;font-size:.8125rem;font-weight:500}.text-center{text-align:center}.loading-text{text-align:center;color:var(--color-text-light);padding:2rem;font-size:.9375rem}.empty-text{text-align:center;color:var(--color-text-muted);padding:2rem;font-size:.9375rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.modal-overlay{z-index:50;background-color:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background-color:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-width:480px;max-height:calc(100svh - 2rem);display:flex;overflow:hidden}.modal-wide{max-width:720px}.modal form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{color:var(--color-text);margin:0;font-size:1.125rem;font-weight:600}.modal-close{border-radius:var(--radius-md);cursor:pointer;width:2rem;height:2rem;transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close svg{width:1.25rem;height:1.25rem;color:var(--color-text-light)}.modal-close:hover{background-color:var(--color-bg)}.modal-body{scrollbar-width:thin;scrollbar-color:#c4c4c4 transparent;flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{background-color:#c4c4c4;border-radius:3px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-footer{border-top:1px solid var(--color-border);background-color:var(--color-bg);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.product-form-modal{width:min(100%,520px);max-width:520px;max-height:calc(100svh - 4rem)}.product-form-modal.modal-wide{width:min(100%,700px);max-width:700px}.product-form-modal .modal-header{padding:.9rem 1.1rem}.product-form-modal .modal-title{font-size:1.5rem;font-weight:700}.product-form-modal .modal-close{width:1.9rem;height:1.9rem}.product-form-modal .modal-close svg{width:1.15rem;height:1.15rem}.product-form .modal-body{gap:.55rem;padding:.8rem 1.1rem}.create-product-form-body{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.55rem .7rem;display:grid}.create-product-form-body>.form-group:nth-child(9),.create-product-form-body>.form-group:nth-child(10),.create-product-form-body>.form-group:nth-child(11),.create-product-form-body>.form-group:nth-child(12){grid-column:1/-1}.version-form-body{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.55rem .7rem;display:grid}.version-form-body>:nth-child(n+7){grid-column:1/-1}.product-form .form-label{color:var(--color-text);font-size:.95rem;font-weight:600}.product-form .form-input{border-radius:.65rem;min-height:2.45rem;padding:.44rem .72rem;font-size:.94rem;line-height:1.45}.product-form .form-textarea{min-height:3.9rem}.product-form .profile-hint,.product-form .multi-value-empty{font-size:.78rem}.product-form .multi-value-chip{padding:.16rem .5rem;font-size:.74rem}.product-form .multi-value-input-row{gap:.45rem}.product-form .multi-value-add-btn{padding-inline:.72rem}.product-form .modal-footer{background-color:#f9f9f9;gap:.6rem;padding:.7rem 1.1rem}.product-form .btn{border-radius:.62rem;min-width:6.8rem;min-height:2.5rem;padding:.52rem 1rem;font-size:.9rem;font-weight:600}@media (width<=760px){.product-form-modal.modal-wide{width:min(100%,520px);max-width:520px}.product-form-modal .modal-header{padding:.9rem 1rem}.product-form-modal .modal-title{font-size:1.25rem}.product-form .modal-body{padding:.82rem 1rem}.product-form .modal-footer{padding:.72rem 1rem}.product-form .form-label{font-size:.9rem}.product-form .form-input{min-height:2.7rem;font-size:.88rem}.product-form .btn{min-height:2.3rem;font-size:.86rem}.create-product-form-body,.version-form-body{grid-template-columns:1fr;gap:.7rem}}.form-textarea{resize:vertical;min-height:4.5rem}.multi-value-field{flex-direction:column;gap:.5rem;display:flex}.multi-value-chips{flex-wrap:wrap;gap:.45rem;min-height:1.75rem;display:flex}.multi-value-empty{color:var(--color-text-muted);font-size:.82rem}.multi-value-chip{color:#9f1239;background-color:#fff1f2;border:1px solid #fecaca;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.78rem;font-weight:500;display:inline-flex}.multi-value-chip-remove{color:#9f1239;cursor:pointer;background:0 0;border:none;padding:0;font-size:.92rem;line-height:1}.multi-value-chip-remove:hover{color:#881337}.multi-value-input-row{align-items:center;gap:.5rem;display:flex}.multi-value-input-row .form-input{flex:1}.multi-value-add-btn{white-space:nowrap;padding-inline:.9rem}.btn-secondary{color:var(--color-text);background-color:var(--color-bg-white);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg);border-color:#ccc;box-shadow:0 2px 8px #0000000f}.btn-secondary:active:not(:disabled){box-shadow:none;transform:scale(.97)}.btn-edit{font-size:.75rem;font-weight:600;font-family:var(--font-sans);color:#2563eb;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background-color:#eff6ff;border:1px solid #bfdbfe;align-items:center;gap:.375rem;padding:.3rem .75rem;display:inline-flex}.btn-edit svg{width:.875rem;height:.875rem}.btn-edit:hover{background-color:#dbeafe;border-color:#93c5fd}.btn-link-unavailable{color:var(--color-text-muted);background-color:#f8fafc;border-color:#e2e8f0}.btn-link-unavailable:hover{background-color:#f1f5f9;border-color:#cbd5e1}.plan-groups{flex-direction:column;gap:2.5rem;display:flex}.plan-group{flex-direction:column;gap:1rem;display:flex}.plan-group-title{color:var(--color-text);border-bottom:2px solid var(--color-border);margin:0;padding-bottom:.75rem;font-size:1.25rem;font-weight:700}.plan-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start;gap:1.5rem;display:grid}.plan-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.5rem;padding:2rem;display:flex;position:relative}.plan-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.plan-card-featured{border-color:var(--color-primary);box-shadow:var(--shadow-md);border-width:2px}.plan-card-featured:hover{box-shadow:var(--shadow-xl)}.plan-card-badge{white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;border-radius:9999px;padding:.25rem 1rem;font-size:.75rem;font-weight:700;position:absolute;top:-.75rem;left:50%;transform:translate(-50%)}.plan-badge-pro{color:#fff;background-color:var(--color-primary)}.plan-badge-free{color:#15803d;background-color:#dcfce7}.plan-card-header{text-align:center;flex-direction:column;gap:.5rem;display:flex}.plan-card-code{color:var(--color-primary);background-color:var(--color-primary-light);letter-spacing:.04em;text-transform:uppercase;border-radius:9999px;margin:0 auto;padding:.2rem .75rem;font-family:SF Mono,Cascadia Code,Fira Code,Consolas,monospace;font-size:.75rem;font-weight:600;display:inline-block}.plan-card-name{color:var(--color-text);margin:0;font-size:1.375rem;font-weight:700}.plan-card-description{color:var(--color-text-light);margin:0;font-size:.875rem;line-height:1.5}.plan-card-pricing{text-align:center;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);justify-content:center;align-items:baseline;gap:.125rem;padding:1rem 0;display:flex}.plan-card-currency{color:var(--color-text);align-self:flex-start;margin-top:.5rem;font-size:1.25rem;font-weight:600}.plan-card-amount{color:var(--color-text);font-size:3rem;font-weight:800;line-height:1}.plan-card-period{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.project-code-preview{background-color:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--radius-md);text-align:center;padding:.625rem .875rem}.plan-card-validity{color:var(--color-text-light);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.plan-card-validity svg{width:1.125rem;height:1.125rem}.plan-card-footer{flex-direction:column;gap:.5rem;margin-top:auto;display:flex}.plan-card-btn{width:100%}.btn-danger{color:#fff;background-color:var(--color-danger);border:none}.btn-danger:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-danger:active:not(:disabled){transform:scale(.98)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1.25rem;display:grid}.product-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);z-index:1;flex-direction:column;gap:.75rem;height:auto;min-height:420px;padding:1.1rem;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible}.product-card:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid #0000;transition:border-color .35s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.product-card:hover{z-index:10;border-color:#efb4b4;transform:translateY(-6px);box-shadow:0 12px 28px #00000014}.product-card:hover:after{border-color:#dc262659}.product-card-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.product-card-title{color:var(--color-text);margin:0;font-size:1rem;font-weight:650}.product-card-version{color:var(--color-text-light);margin:0;font-size:.8rem}.product-card-description{color:var(--color-text-light);line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.86rem;line-height:1.45;display:-webkit-box;overflow:hidden}.product-status-badge{white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;padding:.2rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.product-status-ready{color:#15803d;background-color:#dcfce7;border:1px solid #86efac}.product-status-poc{color:#7e22ce;background-color:#f3e8ff;border:1px solid #d8b4fe}.product-version-pills{flex-wrap:wrap;gap:.35rem;display:flex}.product-version-pill{font-size:.72rem;font-weight:600;font-family:var(--font-sans);border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text-light);border-radius:9999px;padding:.2rem .6rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-version-pill:hover{background-color:#f5f5f5;border-color:#a0a0a0}.product-version-pill-latest{color:#15803d;background-color:#dcfce7;border-color:#86efac}.product-version-pill-latest:hover{background-color:#bbf7d0}.product-version-pill-active{border-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary);box-shadow:0 0 0 2px #dc26261a}.product-pill-dropdown-toggle{cursor:pointer;width:100%;font-family:var(--font-sans);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;transition:opacity .3s;display:flex}.product-pill-dropdown-toggle:hover{opacity:.7}.product-pill-dropdown-chevron{width:1rem;height:1rem;color:var(--color-text-muted);flex-shrink:0;transition:transform .35s cubic-bezier(.4,0,.2,1)}.product-pill-dropdown-chevron-open{transform:rotate(180deg)}.product-pill-dropdown-content{opacity:0;max-height:0;padding-top:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),padding .3s;overflow:hidden}.product-pill-dropdown-content-open{opacity:1;max-height:500px;padding-top:.35rem}.product-feature-pill{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;padding:.2rem .55rem;font-size:.74rem;font-weight:600;display:inline-flex}.product-card-actions{gap:.65rem;margin-top:auto;display:flex}.product-card-actions .btn{flex:1;padding:.45rem .75rem;font-size:.8rem}.product-action-link{text-align:center}.product-card-actions .product-request-demo-btn{flex:none;width:fit-content;min-width:9.25rem;padding-inline:1rem}.product-card-actions-single{justify-content:center}.product-card-actions-single .product-request-demo-btn{flex:none;margin-inline:auto}.product-hover-section{flex-direction:column;gap:.4rem;display:flex}.product-hover-section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.78rem}.product-feature-list{color:var(--color-text);flex-direction:column;gap:.35rem;margin:0;padding-left:1.25rem;font-size:.84rem;list-style-type:disc;display:flex}.product-upcoming-tags{flex-wrap:nowrap;gap:.35rem;display:flex;overflow:hidden}.product-upcoming-tags-expanded{flex-wrap:wrap;overflow:visible}.product-upcoming-tag{color:#7f1d1d;background-color:#fff1f1;border:1px solid #fecaca;border-radius:9999px;align-items:center;padding:.2rem .55rem;font-size:.74rem;font-weight:600;transition:transform .25s,box-shadow .25s;display:inline-flex}.product-upcoming-tag-empty{color:#64748b;background-color:#f8fafc;border-color:#dbe0ea}.product-tags-more-btn{color:#1d4ed8;cursor:pointer;white-space:nowrap;background-color:#eff6ff;border:1px solid #d4dcf0;border-radius:9999px;justify-content:center;align-items:center;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.product-tags-more-btn:hover{background-color:#dbeafe;border-color:#bfdbfe}.product-pill-dropdown-toggle:disabled{cursor:default;opacity:.85}.product-feature-empty{color:#94a3b8;margin:0;padding-top:.35rem;font-size:.82rem}.floating-request-btn{right:1.5rem;bottom:calc(var(--global-footer-height) + .85rem);z-index:35;color:#fff;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-strong) 100%);box-shadow:0 10px 25px rgb(var(--color-primary-rgb) / .35);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:9999px;padding:.6rem .95rem;font-size:.78rem;font-weight:700;position:fixed}.floating-request-btn:hover{box-shadow:0 14px 30px rgb(var(--color-primary-rgb) / .4);transform:translateY(-2px)}.request-modal{max-width:560px}.request-feedback-modal{max-width:700px}.request-feedback-form .modal-header{padding:.9rem 1.1rem}.request-feedback-form .modal-title{font-size:1.5rem;font-weight:700}.request-feedback-form .modal-close{width:1.9rem;height:1.9rem}.request-feedback-form .modal-close svg{width:1.1rem;height:1.1rem}.request-feedback-form .modal-body{gap:.55rem;padding:.8rem 1.1rem}.request-feedback-form-body{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.55rem .7rem;display:grid}.request-feedback-error,.request-feedback-message-group{grid-column:1/-1}.request-feedback-form .form-label{color:var(--color-text);font-size:.95rem;font-weight:600}.request-feedback-form .form-input{border-radius:.65rem;min-height:2.45rem;padding:.44rem .72rem;font-size:.94rem;line-height:1.45}.request-feedback-form .form-textarea{min-height:3.9rem}.request-feedback-meta-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.request-feedback-form .profile-hint{font-size:.78rem}.request-feedback-form .modal-footer{background-color:#f9f9f9;gap:.6rem;padding:.7rem 1.1rem}.request-feedback-form .btn{border-radius:.62rem;min-width:6.8rem;min-height:2.5rem;padding:.52rem 1rem;font-size:.9rem;font-weight:600}@media (width<=760px){.request-feedback-form-body{grid-template-columns:1fr;gap:.7rem}}@media (width<=1200px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.admin-dashboard-shell{flex-direction:row;gap:0;min-height:auto;margin:0;overflow-x:hidden}.admin-dashboard-sidebar{width:min(78vw,280px);height:calc(100svh - 4rem - var(--global-footer-height));border-right:1px solid var(--color-border);opacity:0;pointer-events:none;z-index:45;transition:transform var(--transition-normal), opacity var(--transition-normal);border-bottom:0;position:fixed;top:4rem;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:8px 0 28px #0f172a2e}.admin-dashboard-shell-mobile-open .admin-dashboard-sidebar{opacity:1;pointer-events:auto;transform:translate(0)}.admin-sidebar-backdrop{inset:4rem 0 var(--global-footer-height) 0;z-index:40;background:#0f172a59;border:0;margin:0;padding:0;display:block;position:fixed}.admin-dashboard-shell-collapsed .admin-dashboard-sidebar{width:min(78vw,280px);padding:.75rem .85rem}.admin-dashboard-main{padding-block:1.25rem;padding-inline:1rem;width:100%!important;margin-left:0!important}.admin-dashboard-shell-collapsed .admin-dashboard-main{width:100%;margin-left:0}.admin-dashboard-shell-collapsed .admin-sidebar-nav{display:flex}.admin-dashboard-shell-collapsed .admin-sidebar-item-label{display:inline}.admin-sidebar-nav{flex-flow:column;gap:.45rem}.admin-sidebar-item{width:100%;min-width:0}.admin-dashboard-shell-collapsed .admin-sidebar-item{justify-content:flex-start;gap:.58rem;width:100%;min-width:0;padding:.58rem .72rem}.navbar{gap:.5rem;padding:0 1rem}.navbar-center-title{font-size:1.25rem;position:static;transform:none}.navbar-user{display:none}.dashboard-content{padding-block:1.25rem;padding-inline:1rem}.page-header-row{flex-direction:column;gap:1rem}.profile-grid{grid-template-columns:1fr}.store-title{font-size:1.25rem}.dashboard-store-mascot{width:clamp(66.5px,4.75vw,104.5px)}.store-title-logo{height:40px}.store-subtitle{font-size:.875rem}.stat-cards{grid-template-columns:1fr;gap:.75rem}.stat-card{width:100%;min-height:0;padding:1rem}.stat-card-value{font-size:1.5rem}.stat-card-icon{width:2.25rem;height:2.25rem}.stat-card-icon svg{width:1.1rem;height:1.1rem}.toast-viewport{top:4.55rem;right:.75rem}.dash-section-header{flex-direction:column;align-items:flex-start}.dash-actions{width:100%}.dash-delete-group{flex:1}.dash-select{flex:1;min-width:0}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:720px}.category-section-title{font-size:1rem}.category-accordion-title{font-size:1.2rem}.modal-wide{max-width:95vw}.product-card-title{font-size:.92rem}.product-card-description{line-clamp:2;-webkit-line-clamp:2;font-size:.82rem}.product-card-actions .btn{padding:.4rem .5rem;font-size:.75rem}.product-card-actions .product-request-demo-btn{width:100%;min-width:0}.product-card-actions-single{justify-content:stretch}.product-card-actions-single .product-request-demo-btn{width:100%}.product-card{min-height:auto;max-height:none}}@media (width<=760px){.product-grid{grid-template-columns:1fr}.navbar-center-title{font-size:1rem}.navbar-actions{gap:.5rem}.navbar-link{padding:.35rem .6rem;font-size:.78rem}.navbar-link:hover{background-color:#0000}.navbar-menu-trigger{width:2rem;height:2rem}.navbar-menu-dropdown{min-width:155px;right:-.25rem}.navbar-profile-card{min-width:200px;right:-.25rem}.btn-logout{padding:.35rem .6rem;font-size:.78rem}.page-title{font-size:1.2rem}.page-subtitle{font-size:.82rem}.dashboard-content{padding:1rem}.store-title{font-size:1.6rem}.store-title-logo{height:34px}.dashboard-store-title-row{align-items:center;gap:.65rem}.dashboard-store-mascot{width:clamp(52.25px,15.2vw,78.85px)}.store-text{gap:.22rem;max-width:min(100%,310px)}.store-subtitle{font-size:.8rem}.store-header{margin-bottom:2rem}.product-card{padding:1rem}.product-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.stat-cards{gap:.5rem}.stat-card{width:100%;min-height:126px;padding:.75rem .5rem}.stat-card-value{font-size:1.25rem}.stat-card-label{font-size:.72rem}.stat-card-icon{width:2rem;height:2rem}.stat-card-icon svg{width:1rem;height:1rem}.stat-card:hover{box-shadow:none}.dashboard-section-nav{justify-content:center;width:100%;margin-bottom:1rem}.dashboard-section-btn{text-align:center;flex:1;padding:.45rem .4rem;font-size:.78rem}.product-version-pill{padding:.15rem .45rem;font-size:.68rem}.floating-request-btn{right:1rem;bottom:calc(var(--global-footer-height) + .6rem);padding:.5rem .8rem;font-size:.72rem}.dash-actions{flex-direction:column}.dash-delete-group{width:100%}.category-section{margin-bottom:1.75rem}.category-accordion-title{font-size:1rem}.product-hover-section-title{font-size:.72rem}}@media (width<=480px){.admin-dashboard-shell{margin:0}.admin-dashboard-main{padding-block:.75rem;padding-inline:.75rem;width:100%!important;margin-left:0!important}.admin-dashboard-shell-collapsed .admin-dashboard-main{width:100%;margin-left:0}.admin-dashboard-sidebar{height:calc(100svh - 3.5rem - var(--global-footer-height));top:3.5rem}.admin-sidebar-backdrop{inset:3.5rem 0 var(--global-footer-height) 0}.admin-sidebar-item{width:100%;min-width:0}.navbar{height:3.5rem;padding:0 .75rem}.navbar-center-title{display:none}.navbar-logo-img{height:28px}.dashboard-content{height:calc(100svh - 3.5rem - var(--global-footer-height));padding-block:.75rem;padding-inline:.75rem}.login-left-panel{padding:1rem .75rem .5rem}.login-right-panel{padding-bottom:0}.login-right-inner{gap:.25rem;padding:.1rem .75rem 0}.login-hero-img{width:min(70vw,230px);max-height:clamp(128px,23svh,205px)}.login-hero-glow{filter:blur(12px);opacity:.8;inset:-9px}.store-title{font-size:1.35rem}.dashboard-store-title-row{gap:.4rem}.dashboard-store-mascot{width:clamp(38.95px,12.35vw,57px)}.store-title-logo{height:28px}.store-header{margin-bottom:1rem}.product-card-actions{flex-direction:column}.product-card-actions .btn{width:100%;padding:.4rem .5rem;font-size:.78rem}.toast-viewport{top:4rem;right:.5rem}.toast-item{min-width:min(280px,100vw - 1rem);max-width:calc(100vw - 1rem);font-size:.8rem}.product-card-title{font-size:.9rem}.product-card-description{line-clamp:2;-webkit-line-clamp:2;font-size:.8rem}.stat-card-icon{width:1.75rem;height:1.75rem}.stat-card-icon svg{width:.85rem;height:.85rem}.stat-card-value{font-size:1.1rem}.stat-card-label{font-size:.65rem}.stat-card{width:100%;min-height:114px}.modal{border-radius:var(--radius-lg);max-width:100%}.modal-header{padding:1rem}.modal-body{gap:1rem;padding:1rem}.modal-footer{padding:.75rem 1rem}.category-accordion-title{font-size:.9rem}.data-table{font-size:.8rem}.data-table th,.data-table td{padding:.5rem .65rem}.login-left-inner{padding:0}.auth-form .btn{padding:.75rem}.category-section-title{font-size:.9rem}.btn{padding:.5rem 1rem;font-size:.82rem}}.activity-monitoring-page{flex-direction:column;gap:18px;height:100%;display:flex;overflow-y:auto}.admin-dashboard-main[data-dashboard-section=feedbacks] .page-title,.admin-dashboard-main[data-dashboard-section=apps] .page-title,.admin-dashboard-main[data-dashboard-section=users] .page-title,.activity-monitoring-page .page-title{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:1.85rem;font-weight:700;line-height:1.1}.activity-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.activity-card{background:#fff;border:1px solid #e9edf5;border-radius:14px;padding:16px;box-shadow:0 8px 24px #0a14280a}.activity-card-span-2{grid-column:span 2}.activity-card-title{color:#12263a;text-align:center;margin:0;font-size:.92rem;font-weight:700}.activity-card-note{color:#60758d;margin:6px 0 0;font-size:.8rem}.activity-ranked-list,.activity-critical-list,.activity-legend-list{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.activity-ranked-item,.activity-critical-item,.activity-legend-item{background:#f9fbff;border:1px solid #edf1f7;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.activity-ranked-label,.activity-critical-action,.activity-legend-action{color:#1f3146;font-size:.88rem;font-weight:600}.activity-ranked-value,.activity-critical-time,.activity-critical-user,.activity-legend-meta{color:#637a93;font-size:.78rem}.activity-trend-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.activity-trend-item{grid-template-columns:90px 1fr 36px;align-items:center;gap:8px;display:grid}.activity-trend-label{color:#4f657e;font-size:.75rem}.activity-trend-bar-track{background:#e8eef7;border-radius:999px;height:10px;overflow:hidden}.activity-trend-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#0ea5e9,#2563eb);height:100%;display:block}.activity-trend-value{color:#4f657e;text-align:right;font-size:.72rem}.activity-pie-wrap{align-items:center;gap:16px;margin-top:12px;display:flex}.activity-distribution-card .activity-pie-wrap{justify-content:center}.activity-distribution-card .activity-legend-list{margin-top:0}.activity-distribution-card .activity-legend-item{text-align:center;justify-content:center}.activity-pie-chart{border-radius:50%;flex:none;width:120px;height:120px;position:relative}.activity-pie-center{color:#1f3146;background:#fff;border:1px solid #edf1f7;border-radius:50%;place-items:center;width:56px;height:56px;font-size:.9rem;font-weight:700;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.activity-table-section{background:#fff;border:1px solid #e9edf5;border-radius:14px;padding:16px}.activity-filters-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.activity-filter-actions{grid-column:-2/-1;justify-self:end;gap:8px;display:flex}.activity-details-row td{background:#f8fbff}.activity-details-json{color:#425b76;background:#fff;border:1px solid #e5ebf5;border-radius:8px;margin:0;padding:10px;font-size:.77rem;overflow-x:auto}.activity-pagination-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.activity-pagination-actions{align-items:center;gap:8px;display:flex}.status-badge-critical{color:#991b1b;background:#fee2e2}.status-badge-failure{color:#9a3412;background:#fff2e8}.status-badge-success{color:#166534;background:#dcfce7}@media (width<=1200px){.activity-filters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.activity-summary-grid{grid-template-columns:1fr}.activity-card-span-2{grid-column:auto}.activity-pie-wrap{flex-direction:column;align-items:flex-start}.activity-distribution-card .activity-pie-wrap{align-items:center}.activity-filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.activity-filters-grid{grid-template-columns:1fr}.activity-filter-actions{grid-column:1/-1;justify-self:stretch}.activity-trend-item{grid-template-columns:76px 1fr 30px}}@media (width<=900px){.page-header-left{align-items:flex-start;width:100%}.page-header-row>.btn,.page-header-row>.dash-actions,.page-header-row>.dash-delete-group{width:100%}.profile-page-container{padding:1.25rem 1rem}.profile-main-title{font-size:1.5rem}.profile-main-subtitle{font-size:.88rem}.profile-content-grid{grid-template-columns:1fr;gap:1.5rem}.profile-card-container,.profile-summary-card{padding:1.25rem}.profile-card-title,.profile-summary-title{font-size:1rem}.profile-form-row{grid-template-columns:1fr}.profile-form-actions{flex-direction:column;align-items:stretch}.profile-btn{width:100%}.profile-form-input{min-width:0;max-width:100%}.dashboard-section-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;width:100%;overflow-x:auto}.dashboard-section-nav::-webkit-scrollbar{display:none}.dashboard-section-btn{white-space:nowrap;flex:none}.home-filter-group{gap:.45rem}.home-filter-pill,.status-filter-pill{padding:.4rem .8rem;font-size:.78rem}.home-filter-separator{display:none}.category-accordion-header{align-items:flex-start;gap:.5rem}.category-accordion-title-wrap{flex-wrap:wrap}.category-accordion-count{line-height:1.4}.activity-ranked-item,.activity-critical-item,.activity-legend-item{flex-wrap:wrap;align-items:flex-start;gap:.35rem .5rem}.activity-ranked-label,.activity-critical-action,.activity-critical-user,.activity-legend-action,.activity-legend-meta,.activity-ranked-value,.activity-critical-time{word-break:break-word}}@media (width<=760px){.navbar{gap:.35rem}.navbar-brand{gap:.45rem;min-width:0}.navbar-actions{min-width:0}.navbar-user-btn{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;min-width:2.4rem;max-width:2.4rem;height:2.4rem;padding:0}.navbar-user-name{display:none}.navbar-user-icon{flex-shrink:0;width:1.2rem;height:1.2rem}.navbar-user-desktop{display:none}.navbar-user-icon-mobile{width:1.3rem;height:1.3rem;color:var(--color-text-light);display:block}.navbar-profile-card{width:min(240px,100vw - 1rem);padding:.6rem;right:-.4rem}.navbar-profile-name{font-size:.85rem}.navbar-profile-meta{font-size:.72rem}.navbar-profile-action{margin-top:.5rem;padding:.38rem .5rem;font-size:.72rem}.store-title-row{flex-wrap:wrap;gap:.45rem}.dash-delete-group{width:100%;min-width:0}.dash-select{min-width:0}.feedback-status-actions{flex-direction:column;align-items:stretch}.feedback-status-actions .form-input,.feedback-status-select{width:100%;min-width:0;max-width:none}.activity-pie-wrap{width:100%}.activity-details-json{font-size:.72rem}.activity-pagination-row{flex-direction:column;align-items:flex-start}.activity-pagination-actions{justify-content:space-between;width:100%}.login-right-panel{min-height:0}.login-right-inner{gap:.7rem;padding:.35rem 1rem .1rem}.brand-title-line{font-size:clamp(1.8rem,8vw,2.2rem)}.brand-tagline{font-size:.82rem}}@media (width<=620px){.profile-actions{flex-direction:column;align-items:stretch}.profile-actions .btn{width:100%}.profile-modal-card{max-height:calc(100svh - 1.5rem);overflow-y:auto}.activity-table-section{padding:12px}}@media (width<=480px){.admin-sidebar-nav{flex-direction:column;gap:.35rem}.admin-sidebar-item,.admin-dashboard-shell-collapsed .admin-sidebar-item{justify-content:flex-start;width:100%;min-width:0;padding:.5rem .6rem}.admin-dashboard-shell-collapsed .admin-sidebar-item-label{display:inline}.navbar-user-btn{min-width:2.2rem;max-width:2.2rem;height:2.2rem}.navbar-user-icon-mobile{width:1.2rem;height:1.2rem}.btn-logout{padding:.3rem .5rem;font-size:.74rem}.modal-footer{flex-direction:column;align-items:stretch}.modal-footer .btn{width:100%}.activity-card{padding:12px}.activity-card-title{text-align:left}.activity-trend-item{grid-template-columns:1fr;gap:4px}.activity-trend-value{text-align:left}.global-footer{padding:.4rem .5rem}.global-footer-text{font-size:.7rem}.profile-page-container{padding:1rem .75rem}.profile-header-top{align-items:center;gap:.75rem}.profile-back-btn{width:2rem;height:2rem;margin-top:0}.profile-back-btn svg{width:1rem;height:1rem}.profile-main-title{font-size:1.25rem}.profile-main-subtitle{margin-top:.25rem;font-size:.82rem}.profile-card-container,.profile-summary-card{padding:1rem}.profile-form-row{grid-template-columns:1fr;gap:.75rem}.profile-form-input{min-width:0;max-width:100%;padding:.5rem .75rem;font-size:.85rem}.profile-password-input-wrapper .profile-form-input{padding-right:2.25rem}.profile-form-label{font-size:.8rem}.profile-btn{padding:.6rem 1rem;font-size:.85rem}}.login-reference-layout{min-height:calc(100svh - var(--global-footer-height));background-color:#fff;background-image:url(/login-reference-bg.png);background-position:0 0;background-repeat:no-repeat;background-size:100% 100%}.login-reference-right{width:100%;min-height:calc(100svh - var(--global-footer-height));padding:1rem clamp(9rem, 16vw, 14rem) calc(1rem + var(--global-footer-height));background:0 0;justify-content:flex-end;align-items:center}.-form-shell{width:min(100%,430px);max-width:470px;height:clamp(660px,100svh - 5.75rem,740px);max-height:calc(100svh - var(--global-footer-height) - 1rem);-webkit-backdrop-filter:blur(8px);scrollbar-gutter:stable;background:#ffffffc7;border:1px solid #fffc;border-radius:20px;margin-left:0;margin-right:0;padding:1.3rem .95rem .65rem;box-shadow:0 18px 42px #11182724,0 4px 14px #11182714}.login-reference-logo{justify-content:center;margin-top:1rem;margin-bottom:1rem;display:flex}.login-reference-logo img{filter:none;width:min(60%,200px);height:auto}.auth-flow-stage{transform-origin:top;animation:.42s cubic-bezier(.22,1,.36,1) authViewEnter}@keyframes authViewEnter{0%{opacity:0;filter:blur(1px);transform:translateY(10px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.login-reference-right .auth-header{margin-bottom:1.4rem}.login-reference-right .auth-subtitle{color:#3a3a3a;font-size:.96rem;font-weight:500}.login-reference-form-shell{justify-content:center;display:flex}.login-reference-form-shell .form-label{font-size:.9rem}.login-reference-form-shell .form-input,.login-reference-form-shell .btn{font-size:.92rem}.login-reference-form-shell .auth-footer{font-size:.88rem}@media (width<=980px){.login-reference-right{padding:1.5rem clamp(1.25rem, 5vw, 3rem) calc(1rem + var(--global-footer-height))}.login-reference-form-shell{height:clamp(620px,100svh - 5.5rem,700px)}}@media (width<=768px){.login-reference-layout{min-height:calc(100svh - var(--global-footer-height))}.login-reference-right{padding:1rem 1rem calc(1rem + var(--global-footer-height));justify-content:center}.login-reference-form-shell{width:min(100%,430px);max-width:430px;height:calc(100svh - var(--global-footer-height) - 2rem);max-height:calc(100svh - var(--global-footer-height) - 1rem);background:#ffffffe6;border-radius:16px;padding:.85rem .8rem .68rem;box-shadow:0 10px 24px #1118271f}.login-reference-logo{justify-content:center;margin-bottom:1.25rem}}
