@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;}@font-face{font-family:Noto Sans Thai;src:url(/fonts/noto-sans-thai-thai.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+E00-E7F}@font-face{font-family:Noto Sans Thai;src:url(/fonts/noto-sans-thai-latin.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0-24F}@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-500-thai.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap;unicode-range:U+E00-E7F}@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-500-latin.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0-24F}@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-600-thai.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap;unicode-range:U+E00-E7F}@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-600-latin.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0-24F}@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-700-thai.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap;unicode-range:U+E00-E7F}@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-700-latin.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0-24F}@font-face{font-family:Kanit;src:url(/fonts/kanit-400.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Kanit;src:url(/fonts/kanit-500.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Kanit;src:url(/fonts/kanit-600.ttf)format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Kanit;src:url(/fonts/kanit-700.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{--primary:#ff1018;--primary-hover:#e00008;--success:#00d084;--background:#08090d;--text:#f8fafc;--theme-text-strong:#f8fafc;--theme-text-soft:#94a3b8;--theme-elevated:#151723;--theme-input:#12141ce0;--theme-line-soft:#ffffff24;--theme-hover:#ffffff14;--theme-shadow:#000000ad;--border:#ffffff26;--primary-rgb:255 16 24;--primary-soft:rgb(var(--primary-rgb) / .12);--primary-border:rgb(var(--primary-rgb) / .35);--primary-glow:rgb(var(--primary-rgb) / .22);--muted:#cbd5e1;--dash-bg:#090a0e;--dash-card:#13151f;--bg-surface:var(--surface,#12141d);--discord:#5865f2;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--container:1240px;--font-body:"Kanit", "Noto Sans Thai", system-ui, sans-serif;--font-gaming:"Kanit", "Chakra Petch", "Noto Sans Thai", system-ui, sans-serif;--font-kanit:"Kanit", "Noto Sans Thai", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);font-family:var(--font-body);margin:0;line-height:1.55}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 75% 10%,#ff101814,#0000 26%),linear-gradient(#ffffff03 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#ffffff03 1px,#0000 1px) 0 0/44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}html.modal-open,body.modal-open{overflow:hidden!important}html:has(.modal-backdrop){overflow:hidden!important}body:has(.modal-backdrop){overflow:hidden!important}html:has(.feedback-modal-backdrop){overflow:hidden!important}body:has(.feedback-modal-backdrop){overflow:hidden!important}html:has(.announcement-popup-backdrop){overflow:hidden!important}body:has(.announcement-popup-backdrop){overflow:hidden!important}html:has(.system-dialog-backdrop){overflow:hidden!important}body:has(.system-dialog-backdrop){overflow:hidden!important}.modal-backdrop,.feedback-modal-backdrop,.announcement-popup-backdrop{cursor:pointer}.auth-modal,.feedback-modal,.announcement-popup{cursor:default}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,.brand,.button,.eyebrow,.price-row strong,.stats strong{font-family:var(--font-gaming)}:focus-visible{outline:none}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--primary)}.container{width:min(calc(100% - 40px), var(--container));margin-inline:auto}.navbar{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#050505cc;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;min-height:72px;display:flex}.brand{letter-spacing:.04em;white-space:nowrap;align-items:center;gap:10px;font-size:14px;font-weight:900;display:inline-flex}.brand b{color:var(--primary)}.brand-logo{object-fit:contain;width:39px;height:39px;filter:drop-shadow(0 0 10px var(--primary-border))}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-hover));width:34px;height:34px;box-shadow:0 0 20px var(--primary-glow);border-radius:10px;place-items:center;font:italic 900 18px/1 system-ui;display:inline-grid;transform:skew(-8deg)}.brand-mark.large{border-radius:14px;width:50px;height:50px;font-size:25px}.nav-links{color:var(--muted);align-items:center;gap:28px;font-size:14px;display:flex}.nav-links>a{padding:25px 0;transition:color .2s;position:relative}.nav-links>a:hover,.nav-links>a.active{color:#fff}.nav-links>a.active:after{content:"";background:var(--primary);height:2px;transition:transform .2s;position:absolute;bottom:0;left:0;right:0}.nav-actions{gap:8px;margin-left:10px;display:flex}.session-actions{align-items:center}.account-menu{position:relative}.user-pill{color:#ddd;min-height:42px;font:inherit;cursor:pointer;background:#0d0d0d;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:8px;padding:0 13px;font-weight:600;transition:border-color .2s,background .2s;display:inline-flex}.user-pill:hover,.user-pill[aria-expanded=true]{background:#140d0d;border-color:#ff282859}.user-pill svg{color:var(--success)}.user-pill svg:last-child{color:var(--muted);transition:transform .2s}.user-pill svg.rotate{transform:rotate(180deg)}.account-dropdown{z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0a0afa;border:1px solid #ff282833;border-radius:12px;width:250px;padding:9px;animation:.18s ease-out dropdown-in;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 55px #000000a6}.account-summary{align-items:center;gap:11px;padding:8px;display:flex}.account-avatar{width:38px;height:38px;color:var(--success);background:#00d08412;border:1px solid #00d0843d;border-radius:10px;flex:none;place-items:center;display:grid}.account-summary div{gap:3px;min-width:0;display:grid}.account-summary strong{color:#f5f5f5;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.account-summary small{color:#999;align-items:center;gap:5px;font-size:12px;display:flex}.account-summary small svg{color:#ff4a50}.account-divider{background:#ffffff12;height:1px;margin:5px 0}.account-logout,.account-link{color:#bbb;width:100%;min-height:42px;font:inherit;cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 10px;font-size:13px;display:flex}.account-logout:hover,.account-link:hover{color:#fff;background:#ff10181a}.account-logout svg{color:#ff555b}.account-link svg{color:#aaa}.button{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 20px;font-weight:700;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)}.button.primary{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-hover));box-shadow:0 9px 26px var(--primary-glow)}.button.primary:hover:not(:disabled){background:linear-gradient(135deg, color-mix(in srgb,var(--primary),white 8%), var(--primary-hover));box-shadow:0 12px 30px var(--primary-border)}.button.ghost{background:#0e0e0e;border-color:#ffffff1f}.button.ghost:hover{border-color:#ff282873}.button:disabled{opacity:.55;cursor:not-allowed}.icon-button{cursor:pointer;background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;display:inline-grid}.hamburger{font-size:22px;display:none}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;min-height:610px;padding-block:86px 72px;display:grid}.hero-copy{z-index:2;max-width:650px;position:relative}.eyebrow{color:var(--primary);letter-spacing:.12em;margin:0 0 10px;font-size:12px;font-weight:800}.eyebrow.pill{border:1px solid var(--border);background:var(--primary-soft);border-radius:99px;padding:6px 10px;display:inline-block}.hero h1{letter-spacing:-.035em;margin:18px 0;font-size:clamp(42px,5.4vw,76px);line-height:1.05}.hero h1 span{color:#0000;-webkit-text-stroke:1px var(--primary);filter:drop-shadow(0 0 12px var(--primary-glow));margin-left:12px;display:inline-block}.hero-copy>p:not(.eyebrow){max-width:580px;color:var(--muted);margin:0;font-size:17px}.hero-actions{gap:10px;margin-top:28px;display:flex}.stats{gap:40px;margin-top:42px;display:flex}.stats div{flex-direction:column;display:flex}.stats strong{font-size:22px}.stats span{color:var(--muted);font-size:13px}.hero-visual{perspective:900px;height:440px;position:relative}.hero-grid{background-color:#0000;background-image:linear-gradient(#ff1e2633 1px,#0000 1px),linear-gradient(90deg,#ff1e2633 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:30% -10% -10%;transform:rotateX(66deg);-webkit-mask-image:radial-gradient(#000 10%,#0000 70%);mask-image:radial-gradient(#000 10%,#0000 70%)}.orb{filter:drop-shadow(0 0 45px #ff000940);background:radial-gradient(circle at 35% 28%,#ff6469,#d3050c 22%,#380004 67%,#0000 69%);border-radius:50%;width:310px;height:310px;position:absolute;top:11%;left:18%}.game-card{background:radial-gradient(circle at 70% 25%,#ff484e73,#0000 25%),linear-gradient(145deg,#ffffff14,#0000 25%),#160607;border:1px solid #ff555a6b;border-radius:24px;flex-direction:column;justify-content:flex-end;width:250px;height:330px;padding:24px;display:flex;position:absolute;overflow:hidden;box-shadow:0 30px 70px #0009}.game-card:after{content:"";background:repeating-linear-gradient(155deg,#0000 0 35px,#ff282d14 36px 37px);position:absolute;inset:0}.game-card.back{opacity:.42;top:18%;left:9%;transform:rotateY(12deg)rotate(-10deg)}.game-card.front{top:8%;right:13%;transform:rotateY(-10deg)rotate(6deg)}.game-card.front>*{z-index:1;position:relative}.game-card small{color:#ff6970;letter-spacing:.15em;font-weight:800}.game-card strong{letter-spacing:-.04em;margin:8px 0 18px;font:900 30px/1 system-ui}.game-card span{background:var(--primary);border-radius:5px;align-self:flex-start;padding:6px 9px;font-size:12px;font-weight:800}.floating-chip{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0707e6;border:1px solid #ffffff1f;border-radius:99px;padding:10px 14px;font-size:12px;font-weight:700;position:absolute;box-shadow:0 12px 30px #000}.chip-one{top:18%;left:-2%}.chip-two{color:#c8ffec;bottom:13%;right:-1%}.trust-strip{background:#080707;border-block:1px solid #ffffff12}.trust-grid{grid-template-columns:repeat(3,1fr);display:grid}.trust-grid article{border-right:1px solid #ffffff12;align-items:center;gap:15px;padding:23px 6%;display:flex}.trust-grid article:last-child{border:0}.trust-grid h3,.trust-grid p{margin:0}.trust-grid h3{font-size:14px}.trust-grid p{color:var(--muted);font-size:12px}.feature-icon{border:1px solid var(--border);width:40px;height:40px;color:var(--primary);background:var(--primary-soft);border-radius:10px;flex:none;place-items:center;display:grid}.section{padding-block:78px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.section-heading h2{letter-spacing:-.02em;margin:0;font-size:clamp(28px,4vw,40px)}.section-heading p:not(.eyebrow){color:var(--muted);margin:5px 0 0}.results{color:var(--muted);font-size:13px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.quick-grid a{border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at 95% 10%,#ff1f273d,#0000 30%),linear-gradient(145deg,#180808,#0b0909);align-items:flex-end;gap:18px;min-height:175px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.quick-grid a:before{content:"";border:22px solid #ff232a12;width:120px;height:120px;position:absolute;top:-28%;right:12%;transform:rotate(35deg)}.quick-grid a:hover{border-color:#ff28286b;transform:translateY(-3px);box-shadow:0 15px 35px #ff000a14}.quick-grid a>span{color:var(--primary);font-weight:800}.quick-grid a>div{flex:1}.quick-grid p{color:var(--muted);margin:0;font-size:12px}.quick-grid h3{letter-spacing:.03em;margin:2px 0 0;font:900 21px system-ui}.quick-grid b{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);border-radius:50%;place-items:center;display:grid}.filters{grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:12px;margin-bottom:24px;display:grid}.search{border-radius:var(--radius-sm);min-height:46px;color:var(--muted);background:#0c0c0c;border:1px solid #ffffff1a;align-items:center;gap:9px;padding:0 13px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%}.category-tabs{flex-wrap:wrap;gap:5px;display:flex}.category-tabs button,.filters select{color:#aaa;cursor:pointer;min-height:42px;transition:color var(--transition-fast), background-color var(--transition-fast);background:#0c0c0c;border:1px solid #ffffff17;border-radius:8px;padding:0 12px}.category-tabs button.selected{border-color:var(--primary-border);color:#fff;background:var(--primary-soft)}.filters select{min-width:130px}.product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.product-card{border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(160deg,#140a0a,#0a0909 60%);flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.product-card:hover,.product-card:focus-visible{border-color:#ff282866;transform:translateY(-3px);box-shadow:0 12px 32px #ff000a1a}.product-card.sold-out{opacity:.58}.product-image{aspect-ratio:1.22;background:#100b0b;position:relative;overflow:hidden}.product-image:after{content:"";background:linear-gradient(#0000,#0a0303e6);position:absolute;inset:45% 0 0}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.product-card:hover img{transform:scale(1.035)}.badge,.sold-label{z-index:2;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:800;position:absolute;top:10px;left:10px}.badge.hot{color:#fff;background:var(--primary)}.sold-label{white-space:nowrap;color:#fff;background:#000000d1;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.product-body{flex-direction:column;flex:1;padding:14px;display:flex}.product-category{color:var(--primary);text-transform:uppercase;margin:0 0 6px;font-size:10px;font-weight:800}.product-body h3{min-height:42px;margin:0;font-size:14px;line-height:1.45}.product-spec{min-height:34px;color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.55}.price-row{align-items:baseline;gap:7px;margin:14px 0 5px;display:flex}.price-row strong{color:var(--primary);font-size:18px}.price-row small{color:var(--muted);font-size:10px}.price-row del{color:var(--muted);font-size:11px}.stock{color:var(--success);align-items:center;gap:6px;margin:0 0 14px;font-size:10px;display:flex}.stock span{background:currentColor;border-radius:50%;width:6px;height:6px}.stock.out{color:var(--muted)}.buy{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-hover));width:100%;min-height:40px;margin-top:auto;padding:0 10px;font-size:12px}.load-more{margin:28px auto 0;display:flex}.empty-state{border-radius:var(--radius-lg);text-align:center;color:var(--muted);border:1px dashed #ffffff1f;padding:70px 20px}.empty-state>span{font-size:40px}.empty-state h3{color:#fff;margin:8px 0 4px}.empty-state p{margin:0 0 18px}.cta-section{border-radius:var(--radius-lg);background:radial-gradient(circle at 85% 25%,#ff121a47,#0000 25%),linear-gradient(110deg,#190707,#0a0808);border:1px solid #ff282845;justify-content:space-between;align-items:center;gap:30px;min-height:210px;margin-top:30px;margin-bottom:80px;padding:46px 50px;display:flex}.cta-section h2{margin:0 0 5px;font-size:clamp(26px,4vw,39px)}.cta-section p:not(.eyebrow){color:var(--muted);margin:0}footer{color:var(--muted);border-top:1px solid #ffffff12;font-size:12px}.footer-inner{justify-content:space-between;align-items:center;gap:20px;min-height:110px;display:flex}.footer-inner>div{gap:18px;display:flex}.footer-inner a:hover{color:#fff}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d1;place-items:center;padding:20px;animation:.2s ease-out fade-in;display:grid;position:fixed;inset:0}.auth-modal{text-align:center;background:linear-gradient(#130707,#080707 30%);border:1px solid #ff37373d;border-radius:18px;width:min(100%,430px);max-height:calc(100vh - 32px);padding:32px 34px 28px;animation:.2s ease-out modal-in;position:relative;overflow-y:auto;box-shadow:0 30px 100px #000,0 0 45px #ff000814}.auth-modal:before{content:"";z-index:0;border-radius:inherit;background-image:linear-gradient(#070404e0,#070404f2),var(--auth-background-image);pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.auth-modal>*{z-index:1;position:relative}.auth-modal,.auth-modal .button,.auth-modal .tabs button{font-family:var(--font-kanit)}.announcement-popup-image{border-radius:17px 17px 0 0;max-height:240px;margin:-30px -30px 20px;overflow:hidden}.announcement-popup-image img{object-fit:cover;width:100%;max-height:240px;display:block}.popup-body-text{color:#aaa;white-space:pre-wrap;margin-bottom:20px;font-size:14px;line-height:1.55}@media (width<=600px){.announcement-banner div div,.announcement-banner span{display:block}.announcement-banner a{font-size:0}.announcement-banner a:after{content:"→";font-size:16px}.announcement-popup{padding:26px 20px}}.feedback-modal-backdrop{z-index:999;-webkit-backdrop-filter:blur(12px);background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.18s fade-in;display:flex;position:fixed;inset:0}.feedback-modal{text-align:center;background:linear-gradient(#151010,#090909);border:1px solid #ffffff1c;border-radius:16px;width:min(100%,390px);padding:29px;animation:.2s ease-out modal-in;position:relative;box-shadow:0 28px 90px #000}.feedback-modal.success{border-color:#00d08452}.feedback-modal.error{border-color:#ff283059}.feedback-modal-close{color:#777;cursor:pointer;background:0 0;border:0;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:11px;right:11px}.feedback-modal-icon{color:#ff333b;background:#ff10181a;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 14px;display:grid}.feedback-modal.success .feedback-modal-icon{color:#00d084;background:#00d0841a}.feedback-modal.info .feedback-modal-icon{color:#8993ff;background:#5865f21f}.feedback-modal h2{margin:0 0 7px;font-size:21px}.feedback-modal p{color:#aaa;margin:0 0 20px;line-height:1.65}.feedback-modal>.button{min-width:120px}.close{color:var(--muted);transition:color var(--transition-fast), background-color var(--transition-fast);font-size:24px;position:absolute;top:8px;right:10px}.close:hover{color:#fff}.auth-brand{margin:3px 0 14px}.auth-logo{object-fit:contain;filter:drop-shadow(0 0 16px #ff101833);width:76px;height:76px;margin-inline:auto}.auth-modal h2{letter-spacing:-.01em;margin:0;font-size:28px;font-weight:600}.modal-subtitle{color:var(--muted);margin:6px 0 21px;font-size:15px;font-weight:400}.tabs{border-bottom:1px solid #ffffff14;grid-template-columns:1fr 1fr;margin-inline:-32px;display:grid}.tabs button{min-height:52px;color:var(--muted);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:0;font-size:15px;font-weight:700;position:relative}.tabs button[aria-selected=true]{color:#fff}.tabs button[aria-selected=true]:after{content:"";background:var(--primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.auth-notice-card{text-align:left;background:#f59e0b1f;border:1px solid #f59e0b73;border-radius:12px;align-items:center;gap:12px;margin-top:20px;padding:12px 16px;display:flex;box-shadow:0 4px 20px #f59e0b14}.auth-notice-card .anc-icon{color:#fbbf24;flex-shrink:0}.auth-notice-card strong{color:#fff;margin-bottom:1px;font-size:14px;font-weight:700;display:block}.auth-notice-card p{color:#fde68a;margin:0;font-size:12.5px;line-height:1.4}[data-theme=light] .auth-notice-card{background:#fffbe6!important;border-color:#ffe58f!important;box-shadow:0 4px 14px #f59e0b1a!important}[data-theme=light] .auth-notice-card .anc-icon{color:#d97706!important}[data-theme=light] .auth-notice-card strong{color:#92400e!important}[data-theme=light] .auth-notice-card p{color:#b45309!important}.auth-modal form{text-align:left;margin-top:22px}.field{margin-bottom:13px;display:block}.field>span:first-child{color:#c8c8c8;margin-bottom:7px;font-size:14px;font-weight:600;display:block}.input-wrap{color:#777;background:#0d0d0d;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:9px;min-height:46px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.field-icon{color:#777;box-sizing:content-box;border-right:1px solid #ffffff24;flex:none;margin-right:2px;padding-right:10px;transition:color .2s,border-color .2s}.input-wrap:focus-within .field-icon{color:#b9b9b9;border-right-color:var(--primary)}.input-wrap input{color:#fff;background:0 0;flex:1;min-width:0;font-size:15px;box-shadow:none!important;border:0!important;outline:none!important}.input-wrap input:focus,.input-wrap input:focus-visible{box-shadow:none!important;outline:none!important}.input-wrap input::placeholder{color:var(--muted)}.show-pass{color:#888;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:36px;height:36px;display:grid}.show-pass:hover{color:#fff}.error{color:#ff777c;margin-top:6px;font-size:13px;line-height:1.45;display:block}.form-error{color:#ff8287;background:#ff101812;border:1px solid #ff464c40;border-radius:8px;align-items:center;gap:8px;margin:3px 0 13px;padding:10px 11px;font-size:14px;display:flex}.form-error svg{flex:none}.full{width:100%}.auth-modal .primary{margin-top:8px;font-size:16px}.divider{height:34px;color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:#ffffff14;flex:1;height:1px}.discord{color:#fff;background:var(--discord)}.discord:hover{background:#4d59dd;box-shadow:0 10px 24px #5865f233}.social-auth{margin-top:12px}.social-auth-grid{justify-content:center;align-items:center;gap:8px;display:flex}.social-login{color:#eee;white-space:nowrap;width:max-content;min-height:48px;transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, color var(--transition-fast);background:#101010;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:12px;font-weight:700;display:flex;box-shadow:0 4px 14px #0000001f}.social-login:hover{border-color:var(--primary-border);background:#171313;transform:translateY(-1px);box-shadow:0 7px 20px #0000002e}.social-login:active{transform:translateY(0)}.social-login.discord{border-color:#5865f259}.social-brand-icon{object-fit:contain;flex:0 0 18px;width:18px;height:18px}.discord-icon{background:#5865f2;border-radius:5px;width:20px;height:20px;padding:3px}.github-icon{filter:invert()}.auth-terms{color:var(--muted);margin:17px 0 0;font-size:12px}.auth-terms a{color:var(--muted);text-decoration:underline}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.toast-region{z-index:150;pointer-events:none;width:min(420px,100% - 32px);position:fixed;top:84px;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#eee;min-height:58px;font-family:var(--font-kanit);pointer-events:auto;background:#0e0c0cf5;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 11px 12px 14px;font-size:13px;animation:.22s ease-out toast-in;display:grid;box-shadow:0 18px 55px #0000008c}.toast.success{border-color:#00d0844d}.toast.success>svg{color:var(--success)}.toast.error{border-color:#ff464c57}.toast.error>svg{color:#ff555b}.toast.info>svg{color:#7d8aff}.toast-close{color:#777;cursor:pointer;width:34px;height:34px;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.toast-close:hover{color:#fff;background:#ffffff0f}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-7px)scale(.98)}}@media (width<=1100px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.filters{grid-template-columns:1fr auto}.category-tabs{grid-area:2/1/auto/-1}}@media (width<=900px){.hamburger{display:grid}.nav-links{border:1px solid var(--border);background:#0d0909;border-radius:12px;flex-direction:column;align-items:stretch;gap:0;padding:14px;display:none;position:absolute;top:66px;left:20px;right:20px;box-shadow:0 20px 50px #000}.nav-links.open{display:flex}.nav-links>a{padding:12px}.nav-links>a.active:after{display:none}.nav-actions{margin:10px 0 0}.nav-actions .button{flex:1}.session-actions{justify-content:space-between}.user-pill{width:100%}.user-pill span{margin-right:auto}.account-dropdown{width:auto;left:0;right:0}.hero{grid-template-columns:1fr;gap:30px;min-height:auto;padding-block:65px 35px}.hero-copy{text-align:center;margin:auto}.hero-copy>p:not(.eyebrow){margin-inline:auto}.hero-actions,.stats{justify-content:center}.hero-visual{width:min(100%,520px);height:350px;margin:auto}.trust-grid article{padding-inline:15px}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid a:last-child{grid-column:1/-1}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=650px){.container{width:min(calc(100% - 28px), var(--container))}.hero{padding-top:50px}.hero h1{font-size:clamp(39px,13vw,56px)}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-visual{height:300px;margin-block:-20px;transform:scale(.9)}.stats{gap:22px}.trust-grid{grid-template-columns:1fr;padding-block:8px}.trust-grid article{border-bottom:1px solid #ffffff0f;border-right:0}.section{padding-block:58px}.quick-grid{grid-template-columns:1fr}.quick-grid a:last-child{grid-column:auto}.filters{grid-template-columns:1fr}.category-tabs{flex-wrap:nowrap;grid-area:auto;padding-bottom:5px;overflow-x:auto}.category-tabs button{white-space:nowrap}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-body{padding:11px}.product-body h3{font-size:13px}.price-row strong{font-size:16px}.cta-section{text-align:center;flex-direction:column;padding:35px 22px}.footer-inner{text-align:center;flex-direction:column;padding-block:30px}.auth-modal{padding-inline:20px}.tabs{margin-inline:-20px}}@media (width<=379px){.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-visual{width:calc(100% + 70px);margin-inline:-35px;transform:scale(.78)}.product-grid{grid-template-columns:1fr}}.nav-inner,.nav-links,.hero>*,.trust-grid>*,.quick-grid>*,.filters>*,.product-grid>*,.product-card,.product-body,.footer-inner>*{min-width:0}.auth-modal,.feedback-modal,.announcement-popup{overscroll-behavior:contain}.modal-subtitle,.auth-announcement,.announcement-popup>div,.toast>span,.account-summary{overflow-wrap:anywhere}@media (width<=920px){.nav-links{overscroll-behavior:contain;max-height:calc(100dvh - 82px);overflow-y:auto}}@media (width<=560px){.announcement-banner>.container{align-items:flex-start;padding-block:10px}.announcement-banner div div{flex:1;min-width:0}.announcement-banner strong,.announcement-banner span{overflow-wrap:anywhere}.toast-region{top:72px}.auth-modal,.feedback-modal,.announcement-popup{max-height:calc(100dvh - 24px)}}@media (width<=650px){html,body{max-width:100%;overflow-x:hidden}.navbar,.nav-inner,.hero,.section,.footer{max-width:100%}.nav-inner{gap:10px;min-height:66px}.brand{min-width:0}.brand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-links{top:62px;left:10px;right:10px}.hero{padding-top:42px}.hero-copy{width:100%}.hero h1{overflow-wrap:anywhere;font-size:clamp(36px,12vw,52px)}.hero h1 span{margin-left:0}.hero-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.hero-actions .button{width:100%;min-width:0}.stats{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.stats>div{min-width:0}.stats strong{font-size:18px}.stats span{font-size:10px}.filters input,.filters select,.category-tabs button{min-height:44px}.category-tabs{scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.product-card{min-width:0}.product-image{aspect-ratio:4/3}.auth-backdrop,.feedback-modal-backdrop,.announcement-popup-backdrop{padding:12px}.auth-modal{border-radius:16px;width:100%;max-height:calc(100dvh - 24px);padding:26px 18px 22px}.tabs{margin-inline:-18px}.input-wrap,.submit,.social-login,.button{min-height:46px}.toast-region{width:auto;left:10px;right:10px}.toast{grid-template-columns:22px minmax(0,1fr) 34px;width:100%}}@media (width<=420px){.hero-actions{grid-template-columns:1fr}.hero-visual{height:250px}.stats{gap:5px}.stats strong{font-size:16px}.social-auth-grid{gap:6px}.social-login{gap:6px;padding-inline:6px;font-size:11px}.cta-section{padding-inline:18px}}.admin-gateway-page{background:radial-gradient(circle at 50% -20%, rgba(var(--primary-rgb), .15) 0%, transparent 60%);text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.admin-gateway-card{background:var(--bg-surface);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;width:100%;max-width:420px;padding:3rem 2.5rem;box-shadow:0 20px 40px -10px #0000004d}.ag-icon{color:var(--primary);filter:drop-shadow(0 0 15px rgba(var(--primary-rgb), .5));margin-bottom:1.5rem}.admin-gateway-card h2{margin-bottom:.5rem;font-size:1.5rem}.admin-gateway-card p{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.ag-actions{flex-direction:column;gap:1rem;display:flex}.dashboard-root{background:radial-gradient(circle at 90% 0,#ff101812,transparent 28%),var(--dash-bg);min-height:100vh;color:var(--text);font-family:var(--font-kanit),sans-serif;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.dashboard-root *{box-sizing:border-box}.dashboard-sidebar{z-index:60;border-right:1px solid var(--dash-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090707f7;flex-direction:column;width:264px;display:flex;position:fixed;inset:0 auto 0 0}.dashboard-brand{border-bottom:1px solid #ffffff0f;align-items:center;gap:11px;height:76px;padding:0 19px;display:flex}.dashboard-brand img{object-fit:contain;width:38px;height:38px}.dashboard-brand div{display:grid}.dashboard-brand span{color:#777;letter-spacing:.12em;font-size:10px}.dashboard-brand>button{color:#aaa;background:0 0;border:0;margin-left:auto;display:none}.dashboard-sidebar nav{gap:5px;padding:18px 12px;display:grid}.dashboard-sidebar nav a{color:#999;border:1px solid #0000;border-radius:9px;grid-template-columns:22px 1fr auto;align-items:center;gap:9px;min-height:46px;padding:0 12px;font-size:13px;font-weight:600;transition:all .18s;display:grid}.dashboard-sidebar nav a:hover{color:#eee;background:#ffffff0a}.dashboard-sidebar nav a.active{color:#fff;background:linear-gradient(90deg,#ff101824,#ff101808);border-color:#ff2d3438}.dashboard-sidebar nav a.active>svg:first-child{color:#ff3037}.dashboard-sidebar nav a>svg:last-child{color:#555}.sidebar-account{background:#0c0c0c;border:1px solid #ffffff14;border-radius:11px;grid-template-columns:40px 1fr 34px;align-items:center;gap:9px;margin:auto 12px 14px;padding:11px;display:grid}.sidebar-avatar{background:linear-gradient(135deg,#e3161e,#650005);border-radius:10px;place-items:center;width:40px;height:40px;font-weight:800;display:grid;overflow:hidden}.sidebar-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-account>div{gap:3px;min-width:0;display:grid}.sidebar-account strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.sidebar-account button{color:#777;cursor:pointer;background:0 0;border:0;border-radius:7px;width:34px;height:34px}.sidebar-account button:hover{color:#ff555b;background:#ff101814}.role-badge{color:#aaa;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff1a;border-radius:99px;width:max-content;padding:3px 7px;font-size:10px;display:inline-flex}.role-badge.admin{color:#ffb74d;border-color:#ffb74d40}.role-badge.superadmin{color:#ff555b;background:#ff101812;border-color:#ff373c47}.dashboard-main{width:calc(100% - 264px);min-width:0;margin-left:264px}.dashboard-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30;background:#070707b8;border-bottom:1px solid #ffffff0f;justify-content:flex-end;align-items:center;gap:24px;height:76px;padding:0 28px;display:flex;position:sticky;top:0}.dashboard-topbar>div{color:#929292;align-items:center;gap:7px;font-size:12px;display:flex}.system-dot{background:#00d084;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #00d0848c}.back-site{color:#ccc;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:7px;min-height:40px;padding:0 12px;font-size:12px;display:flex}.dashboard-menu{color:#ddd;background:0 0;border:0;margin-right:auto;display:none}.dashboard-content{width:min(1180px,100% - 48px);margin:auto;padding:42px 0 80px}.dash-heading{margin-bottom:25px}.dash-heading p{color:#ff3c43;letter-spacing:.14em;margin:0 0 6px;font-size:11px;font-weight:800}.dash-heading h1{letter-spacing:-.025em;margin:0;font-size:clamp(27px,3vw,38px)}.dash-heading span{color:#888;margin-top:7px;font-size:14px;display:block}.dash-card,.stat-card{border:1px solid var(--dash-line);background:linear-gradient(145deg,#130c0cf0,#0b0a0af7);border-radius:13px;box-shadow:0 14px 38px #0003}.profile-grid{grid-template-columns:280px 1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.profile-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex}.profile-avatar{background:linear-gradient(135deg,#d4141b,#4b0003);border:2px solid #ff2d3447;border-radius:26px;place-items:center;width:92px;height:92px;font-size:34px;font-weight:900;display:grid;position:relative;overflow:hidden}.profile-avatar>img{object-fit:cover;width:100%;height:100%}.profile-avatar label{color:#fff;cursor:pointer;background:#050505;border-radius:8px;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:4px;right:4px}.profile-avatar input,.asset-upload input{display:none}.profile-card h2{margin:14px 0 2px;font-size:19px}.profile-card p{color:#777;margin:0 0 8px;font-size:13px}.form-card{flex-direction:column;gap:13px;display:flex}.card-title{align-items:flex-start;gap:10px;margin-bottom:3px;display:flex}.card-title>svg{color:#ff4147}.card-title h2{margin:0;font-size:20px;font-weight:700}.card-title p{color:var(--theme-text-soft);margin:3px 0 0;font-size:13px}.form-card label{color:#bbb;gap:6px;font-size:13.5px;font-weight:500;display:grid}.form-card input,.form-card textarea,.dash-filters input,.dash-filters select,.responsive-table select{color:#eee;width:100%;min-height:43px;font:inherit;background:#090909;border:1px solid #ffffff1a;border-radius:8px;outline:0;padding:0 12px;font-size:14px}.form-card textarea{resize:none;min-height:90px;padding-top:10px}.form-card input:focus,.form-card textarea:focus,.dash-filters input:focus{border-color:#ff373c80;box-shadow:0 0 0 3px #ff101814}.form-card small{color:#777}.dash-primary,.dash-secondary{color:#fff;min-height:43px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:14px;font-weight:700;display:inline-flex}.dash-secondary{color:#ddd;background:#111;border-color:#ffffff1c}.section-card{margin-top:16px}.social-connections{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;display:grid}.social-connections>div{background:#0a0a0a;border:1px solid #ffffff12;border-radius:9px;grid-template-columns:1fr auto;gap:3px 10px;padding:13px;display:grid}.social-connections strong{text-transform:capitalize;font-size:14px}.social-connections span{color:#777;grid-column:1;font-size:12px}.social-connections a,.social-connections button{color:#ff464c;cursor:pointer;background:0 0;border:0;grid-area:1/2/3;align-self:center;font-size:13px}.session-list{margin-top:13px;display:grid}.session-list article{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:12px 8px;display:flex}.session-list article div{gap:4px;min-width:0;display:grid}.session-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.session-list em{color:#00d084;margin-left:6px;font-size:11px;font-style:normal}.session-list span{color:#777;font-size:12px}.session-list button,.row-actions button{color:#aaa;cursor:pointer;background:#0d0d0d;border:1px solid #ffffff1a;border-radius:7px;min-height:34px;padding:0 10px;font-size:13px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.stat-card{padding:19px;position:relative}.stat-card>span{color:#ff3e45;background:#ff101817;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.welcome-admin{background:radial-gradient(circle at 86%,#ff101829,#0000 26%),linear-gradient(135deg,#150909,#0b0b0b);justify-content:space-between;align-items:center;min-height:190px;margin-top:16px;padding:28px;display:flex}.welcome-admin p{color:#ff3c43;letter-spacing:.14em;margin:0;font-size:11px;font-weight:800}.welcome-admin span{color:#888;font-size:13px}.welcome-admin>svg{color:#ff373c8c}.dash-filters{align-items:center;gap:10px;margin-bottom:16px;display:flex}.dash-filters label{flex:1;min-width:0;position:relative}.dash-filters label svg{color:#666;position:absolute;top:13px;left:13px}.dash-filters input{width:100%;padding-left:40px}.dash-filters select{width:auto;min-width:160px}.responsive-table{overflow:visible}.responsive-table table{border-collapse:collapse;width:100%;min-width:720px}.responsive-table th{color:#6f6f6f;letter-spacing:.08em;text-align:left;padding:12px;font-size:10px}.responsive-table td{color:#aaa;border-top:1px solid #ffffff0f;padding:13px 12px;font-size:12px}.responsive-table td>strong,.responsive-table td>small{display:block}.responsive-table td>strong{color:#eee;font-size:13px}.responsive-table td>small{color:#6d6d6d;margin-top:3px}.status,.outcome{border-radius:99px;padding:4px 7px;font-size:10px;display:inline-flex}.status.active,.outcome.success{color:#00d084;background:#00d08414}.status.suspended,.outcome.failure{color:#ff555b;background:#ff101814}.row-actions{gap:5px;display:flex}.row-actions button.danger{color:#ff555b;border-color:#ff373c33}.table-empty{color:#666;text-align:center;padding:30px}.dash-filters.logs{grid-template-columns:minmax(220px,1fr) 170px 130px 145px 145px;align-items:center;gap:10px;display:grid}.dash-filters.logs>input{padding-left:12px}.permission-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:16px;display:grid}.permission-grid article{padding:19px}.permission-grid article>svg{color:#ff4147}.permission-grid h2{margin:10px 0 2px;font-size:17px}.permission-grid p{color:#777;margin:0 0 10px;font-size:12px}.permission-grid article>div{flex-wrap:wrap;gap:5px;display:flex}.permission-grid article>div span{color:#888;background:#090909;border:1px solid #ffffff12;border-radius:5px;padding:4px 6px;font-size:9px}.premium-settings-container{align-items:flex-start;gap:40px;margin-top:10px;animation:.4s cubic-bezier(.16,1,.3,1) fade-in;display:flex}.premium-settings-content{flex-direction:column;flex:1;gap:32px;min-width:0;padding-bottom:100px;display:flex}.psc-header h2{letter-spacing:-.02em;margin:0 0 16px;font-size:20px;font-weight:600}.premium-settings-card{background:#060606;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000080}.premium-setting-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:32px;padding:22px 24px;transition:background .2s;display:flex}.premium-setting-row:last-child{border-bottom:none}.premium-setting-row:hover{background:#ffffff03}.premium-setting-row.column-layout{flex-direction:column}.psr-info{flex:1;min-width:0}.psr-info.row-split{justify-content:space-between;align-items:center;width:100%;display:flex}.psr-info h3{color:#eee;margin:0 0 6px;font-size:15px;font-weight:650}.psr-info h3 label{cursor:pointer;display:inline-block}.psr-info p{color:#888;margin:0;font-size:13px;line-height:1.55}.psr-control{flex-direction:column;flex:0 460px;gap:12px;width:min(100%,460px);display:flex}.psr-control.multi-input{width:100%;max-width:400px}.psr-divider{background:#ffffff0f;height:1px;margin:0}.input-group{flex-direction:column;gap:6px;display:flex}.input-group.full-width{flex-direction:row;width:100%;max-width:500px}.input-group label{color:#777;font-size:12px;font-weight:500}.premium-input{color:#fff;width:100%;min-height:50px;font:inherit;background:#ffffff09;border:1px solid #ffffff21;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:500;transition:background .2s,border-color .2s,box-shadow .2s;box-shadow:inset 0 1px 2px #00000040}.premium-input:hover{background:#ffffff0d;border-color:#fff3}.premium-input:focus{background:#ffffff0f;border-color:#ff3138b8;outline:0;box-shadow:0 0 0 3px #ff10181c}textarea.premium-input{resize:none;min-height:104px;line-height:1.6}.thai-datetime-picker{width:100%;position:relative}.thai-datetime-button{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.thai-datetime-button .placeholder{color:var(--theme-text-soft)}.thai-datetime-button svg{color:var(--theme-text-soft);flex:none}.native-datetime-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;bottom:8px;right:12px}.color-picker-wrap{background:linear-gradient(135deg,#ffffff0b,#ffffff05);border:1px solid #ffffff21;border-radius:12px;align-items:center;gap:13px;width:100%;min-height:66px;padding:8px 14px 8px 8px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.color-picker-wrap:hover{background:#ffffff0e;border-color:#ffffff3d}.color-picker-wrap:focus-within{border-color:#ff3138b8;box-shadow:0 0 0 3px #ff10181c}.color-picker-wrap input[type=color]{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:0 0 50px;width:50px;height:50px;padding:0}.color-picker-wrap input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker-wrap input[type=color]::-webkit-color-swatch{box-shadow:0 5px 16px var(--primary-glow);border:1px solid #ffffff38;border-radius:10px}.color-picker-copy{cursor:pointer;flex:1;gap:4px;min-width:0;display:grid}.color-picker-copy strong{color:#eee;font-size:13px;font-weight:650}.color-picker-copy>span{justify-content:space-between;align-items:center;gap:10px;display:flex}.color-picker-copy small{color:#777;font-size:11px}.premium-mono{color:#ddd;letter-spacing:1px;font-family:monospace;font-size:14px}.premium-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.premium-btn.primary-filled{color:#000;background:#fff;box-shadow:0 4px 14px #ffffff1a}.premium-btn.primary-filled:hover{background:#f0f0f0;transform:translateY(-1px)}.premium-btn.secondary{color:#eee;background:#111;border-color:#ffffff1a}.premium-btn.secondary:hover{background:#1a1a1a;border-color:#fff3}.premium-btn.danger-outline{color:#ff444a;background:0 0;border-color:#ff10184d}.premium-btn.danger-outline:hover{background:#ff10181a;border-color:#ff101880}.premium-btn.danger-filled{color:#fff;background:#e50914;box-shadow:0 4px 14px #e5091433}.premium-btn.danger-filled:hover{background:#f40a16}.premium-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.premium-theme-selector{background:#000;border:1px solid #ffffff14;border-radius:10px;gap:8px;padding:6px;display:flex}.premium-theme-selector button{color:#777;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px;transition:all .2s;display:flex}.premium-theme-selector button.active{color:#fff;background:#222;box-shadow:0 2px 8px #0006}.premium-asset-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;width:100%;display:grid}.premium-asset-card{background:#0a0a0a;border:1px dashed #ffffff1f;border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}.premium-asset-card:hover{background:#111;border-color:#ffffff40}.pac-preview{aspect-ratio:16/9;color:#444;background:linear-gradient(135deg,#050505,#0a0808);border:1px solid #ffffff0e;border-radius:9px;place-items:center;width:100%;padding:14px;display:grid;overflow:hidden}.pac-image-link{width:100%;height:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.pac-preview img{object-fit:scale-down;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .2s;display:block}.pac-image-link:hover img{transform:scale(1.025)}.pac-preview-action{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#eee;opacity:0;background:#050505c7;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:11px;font-weight:600;transition:opacity .18s,transform .18s;display:flex;position:absolute;bottom:8px;right:8px;transform:translateY(4px)}.pac-image-link:hover .pac-preview-action,.pac-image-link:focus-visible .pac-preview-action{opacity:1;transform:none}.pac-image-link:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid #ff3038}.pac-empty{color:#5f5f64;text-align:center;place-items:center;gap:9px;display:grid}.pac-empty span{font-size:12px;font-weight:600}.pac-info{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.pac-info strong{color:#ccc;font-size:13px}.pac-info .upload-btn{cursor:pointer;border-radius:6px;margin-top:2px;padding:6px 12px;font-size:12px}.premium-alert{border-radius:12px;align-items:flex-start;gap:12px;margin:24px 24px 0;padding:16px;display:flex}.premium-alert.info{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.premium-alert strong{color:#93c5fd;margin-bottom:4px;font-size:14px;display:block}.premium-alert code{color:#fff;word-break:break-all;font-size:11px;display:block}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500}.badge.success{color:#00d084;background:#00d08426;border:1px solid #00d0844d}.badge.warning{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf244d}.psr-status{align-items:center;gap:16px;display:flex}.premium-webhook-events{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;width:100%;display:grid}.pwe-item{cursor:pointer;background:#0a0a0a;border:1px solid #ffffff0f;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}.pwe-item:hover{background:#111;border-color:#ffffff26}.pwe-item input{accent-color:#fff;width:16px;height:16px;margin-top:2px}.pwe-text{flex-direction:column;gap:2px;display:flex}.pwe-text strong{color:#ddd;font-size:13px}.pwe-text span{color:#777;font-size:11px}.danger-card{border-color:#ff10184d}.danger-header{color:#ff444a;background:#ff10180d;border-bottom:1px solid #ff101826;align-items:center;gap:16px;padding:24px;display:flex}.danger-header h3{margin:0 0 4px;font-size:16px}.danger-header p{color:#ff888b;margin:0;font-size:13px}.premium-save-bar{background:var(--control-glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--control-line);box-shadow:0 12px 38px var(--theme-shadow);z-index:100;border-radius:100px;align-items:center;gap:24px;padding:12px 12px 12px 20px;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.premium-save-bar.has-changes{border-color:var(--primary-border);box-shadow:0 12px 38px var(--theme-shadow),0 0 0 1px var(--primary-soft)}.psb-status{color:var(--theme-text-soft);align-items:center;gap:10px;font-size:13px;display:flex}.psb-dot{background:#6c6c70;border-radius:50%;width:8px;height:8px}.psb-dot.idle{background:#00d084}.psb-dot.dirty{background:#fbbf24}.psb-dot.saving{background:var(--primary)}.psb-dot.saved{background:#00d084}.psb-dot.error{background:#ff4d54}.psb-dot.pulse{animation:2s infinite psb-pulse;box-shadow:0 0}.premium-save-bar .premium-btn.primary-filled{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 7px 18px var(--primary-glow)}.premium-save-bar .premium-btn.primary-filled:hover:not(:disabled){background:var(--primary-hover)}.premium-save-bar .premium-btn:disabled{border-color:var(--control-line);background:var(--control-surface-strong);color:var(--theme-text-soft);opacity:1;filter:none;box-shadow:none}@keyframes psb-pulse{0%{box-shadow:0 0 #fbbf2466}70%{box-shadow:0 0 0 6px #fbbf2400}to{box-shadow:0 0 #fbbf2400}}@media (width<=980px){.premium-settings-container{flex-direction:column;gap:24px}}@media (width<=680px){.premium-settings-card{box-shadow:none;background:0 0;border:0;gap:12px;padding:12px;overflow:visible}.premium-setting-row{background:#080808;border:1px solid #ffffff14;border-radius:13px;flex-direction:column;align-items:stretch;gap:13px;padding:17px}.premium-setting-row:last-child{border-bottom:1px solid #ffffff14}.psr-info h3{margin-bottom:4px;font-size:15px}.psr-info p{font-size:12px}.psr-control{width:100%}.input-group.full-width{flex-direction:column}.psr-info.row-split{flex-direction:column;align-items:flex-start;gap:12px}.psr-status{justify-content:space-between;width:100%}.premium-save-bar{border-radius:16px;flex-direction:column;gap:16px;width:calc(100% - 32px);padding:16px}.premium-save-bar button{width:100%}}.dashboard-toast{z-index:100;background:#0c0c0cfa;border:1px solid #00d0844d;border-radius:11px;grid-template-columns:24px 1fr 28px;align-items:center;gap:9px;width:min(410px,100% - 30px);min-height:54px;padding:9px 11px;display:grid;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #000}.dashboard-toast.error{border-color:#ff373c52}.dashboard-toast>span{font-size:13px}.dashboard-toast>button{color:#777;background:0 0;border:0}.dashboard-loading{color:#777;background:#060606;place-content:center;justify-items:center;gap:10px;min-height:100vh;display:grid}.dashboard-loading span{border:3px solid #222;border-top-color:#ff242c;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.dashboard-loading.inline{min-height:300px}.sidebar-backdrop{display:none}@media (width<=980px){.dashboard-sidebar{transition:transform .2s;transform:translate(-102%)}.dashboard-sidebar.open{transform:none}.dashboard-brand>button,.dashboard-menu{display:grid}.dashboard-main{width:100%;margin:0}.dashboard-topbar{padding:0 18px}.dashboard-menu{margin-right:auto}.sidebar-backdrop{z-index:50;background:#000000b3;border:0;display:block;position:fixed;inset:0}.profile-grid{grid-template-columns:1fr 1fr}.profile-card{grid-column:1/-1}.stat-grid{grid-template-columns:repeat(2,1fr)}.dash-filters.logs{grid-template-columns:1fr 1fr 1fr}}@media (width<=680px){.dashboard-content{width:min(100% - 26px,1180px);padding-top:28px}.profile-grid,.settings-layout,.form-columns{grid-template-columns:1fr}.profile-card,.settings-wide,.danger-zone,.settings-save,.span-two{grid-column:auto}.social-connections,.permission-grid,.asset-grid,.toggle-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.dash-filters{grid-template-columns:1fr}.welcome-admin>svg{display:none}.danger-zone{flex-direction:column;align-items:flex-start;gap:13px}.back-site{font-size:0}.dashboard-topbar{gap:12px}}.announcement-editor{margin-bottom:18px}.announcement-editor select,.announcement-editor input,.announcement-editor textarea{width:100%}.editor-actions{align-items:center;gap:9px;margin-top:13px;display:flex}.editor-actions button{color:#eee;cursor:pointer;background:#111;border:1px solid #ffffff1c;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;display:inline-flex}.editor-actions button.danger{color:#ff6268;border-color:#ff283040}.announcement-list{gap:10px;display:grid}.announcement-item{border-left:3px solid #5865f2;justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex}.announcement-item.success{border-left-color:#00d084}.announcement-item.warning{border-left-color:#ffad32}.announcement-item.error{border-left-color:#ff1018}.announcement-item h2{margin:4px 0;font-size:17px}.announcement-item p{color:#aaa;white-space:pre-wrap;margin:0 0 7px}.announcement-item small{color:#707070}.announcement-meta{letter-spacing:.1em;color:#888;font-size:10px}.announcement-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.announcement-actions button{color:#ddd;cursor:pointer;background:#111;border:1px solid #ffffff1a;border-radius:7px;min-height:38px;padding:0 11px}.announcement-actions .danger{color:#ff6268}.announcement-state{color:#888;background:#181818;border-radius:99px;padding:5px 8px;font-size:11px}.announcement-state.live{color:#00d084;background:#00d0841a}.webhook-events{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.webhook-events label{cursor:pointer;background:#090909;border:1px solid #ffffff12;border-radius:8px;grid-template-columns:20px 1fr;align-items:center;column-gap:7px;padding:10px;display:grid!important}.webhook-events input{accent-color:#ff1018;grid-row:1/3;width:16px;height:16px}.webhook-events span{color:#ddd;font-size:12px}.webhook-events small{color:#666;font-size:9px}.editor-actions button:disabled{opacity:.45;cursor:not-allowed}@media (width<=760px){.webhook-events{grid-template-columns:1fr 1fr}.announcement-item{flex-direction:column;align-items:flex-start}.announcement-actions{flex-wrap:wrap;width:100%}}@media (width<=430px){.webhook-events{grid-template-columns:1fr}}.system-dialog-backdrop{z-index:999;-webkit-backdrop-filter:blur(12px);background:#000000c7;justify-content:center;align-items:center;padding:16px;animation:.18s fade-in;display:flex;position:fixed;inset:0}.system-dialog{text-align:center;scrollbar-width:none;background:linear-gradient(#151010,#090909);border:1px solid #ffffff1a;border-radius:16px;width:min(100%,390px);max-height:calc(100vh - 32px);padding:28px;animation:.2s ease-out modal-in;position:relative;overflow-y:auto;box-shadow:0 28px 90px #000}.system-dialog::-webkit-scrollbar{display:none}.system-dialog.success{border-color:#00d08452}.system-dialog.error,.system-dialog.danger{border-color:#ff283052}.system-dialog-close{color:#777;cursor:pointer;background:0 0;border:0;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:11px;right:11px}.system-dialog-icon{color:#ff333b;background:#ff10181a;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 14px;display:grid}.system-dialog.success .system-dialog-icon{color:#00d084;background:#00d0841a}.system-dialog h2{margin:0 0 7px;font-size:20px}.system-dialog p{color:#999;margin:0 0 20px;font-size:13px;line-height:1.65}.system-dialog>.dash-primary{min-width:120px}.system-dialog-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.system-dialog-actions button{color:#eee;cursor:pointer;background:#121212;border:1px solid #ffffff1a;border-radius:8px;min-height:44px}.system-dialog-actions button.danger{color:#fff;background:#a40d13;border-color:#ba171d}.system-dialog-actions button:disabled{opacity:.55}.oauth-settings-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.oauth-provider-card{background:#090909;border:1px solid #ffffff14;border-radius:11px;padding:14px}.oauth-provider-title{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.oauth-provider-title>div{flex-direction:column;display:flex}.oauth-provider-title span{color:#777;font-size:10px}.oauth-provider-title .toggle{width:104px;min-height:36px!important}.remove-credential{color:#ff6268;cursor:pointer;background:#ff10180d;border:1px solid #ff283033;border-radius:7px;width:100%;min-height:38px;margin-top:6px}.oauth-help{color:#888;background:#0a0a0a;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px;font-size:11px;display:flex}.oauth-help code{color:#ccc;word-break:break-all}@media (width<=900px){.oauth-settings-grid{grid-template-columns:1fr}}@media (width<=430px){.system-dialog{padding:24px 18px}.system-dialog-actions{grid-template-columns:1fr}}.asset-preview-backdrop{cursor:zoom-out;padding:24px}.asset-preview-dialog{text-align:left;cursor:default;flex-direction:column;gap:16px;width:min(1100px,100%);height:min(780px,100dvh - 48px);max-height:calc(100dvh - 48px);padding:24px;display:flex;overflow:hidden}.asset-preview-dialog>header{padding-right:46px}.asset-preview-dialog h2{margin:0;font-size:20px}.asset-preview-dialog>header p{margin:3px 0 0;font-size:12px}.asset-preview-stage{background:repeating-conic-gradient(#0b0b0b 0 25%,#080808 0 50%) 50%/24px 24px;border:1px solid #ffffff14;border-radius:14px;flex:1;place-items:center;min-height:0;padding:20px;display:grid;overflow:hidden}.asset-preview-stage img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}@media (width<=680px){.asset-preview-backdrop{padding:12px}.asset-preview-dialog{height:min(680px,100dvh - 24px);max-height:calc(100dvh - 24px);padding:18px}.asset-preview-stage{padding:10px}.pac-preview-action{opacity:1;transform:none}}.action-menu-button{color:#eee;white-space:nowrap;cursor:pointer;background:#111;border:1px solid #ffffff1c;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 12px;display:inline-flex}.action-menu-button:hover{background:#170d0d;border-color:#ff28304d}.user-actions-dialog{text-align:left;width:min(100%,430px)}.user-action-profile{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:0 36px 15px 0;display:flex}.user-action-profile>span{color:#fff;background:linear-gradient(135deg,#8d080d,#250607);border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:19px;font-weight:700;display:grid;overflow:hidden}.user-action-profile img{object-fit:cover;width:100%;height:100%}.user-action-profile h2{margin:0;font-size:17px}.user-action-profile p{margin:3px 0 0;font-size:11px}.user-action-details{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.user-action-details div{background:#0a0a0a;border-radius:8px;padding:9px}.user-action-details dt{color:#666;font-size:10px}.user-action-details dd{color:#ddd;overflow-wrap:anywhere;margin:3px 0 0;font-size:12px}.user-action-list{gap:8px;display:grid}.user-action-list>button{color:#eee;text-align:left;cursor:pointer;background:#0d0d0d;border:1px solid #ffffff14;border-radius:9px;grid-template-columns:24px 1fr;align-items:center;gap:8px;width:100%;min-height:58px;padding:9px 11px;display:grid}.user-action-list>button:hover{background:#141414;border-color:#ffffff24}.user-action-list>button.danger{color:#ff6369;background:#ff10180a;border-color:#ff283033}.user-action-list span{flex-direction:column;gap:2px;display:flex}.user-action-list small{color:#737373;font-size:10px}@media (width<=430px){.user-action-details{grid-template-columns:1fr}.action-menu-button{width:100%}}.status.banned{color:#ff9b3d;background:#ff87191a}.user-edit-form{gap:11px;margin-top:15px;display:grid}.user-edit-form label{color:#aaa;gap:6px;font-size:11px;display:grid}.user-edit-form input{color:#f5f5f5;background:#090909;border:1px solid #ffffff1a;border-radius:8px;width:100%;min-height:43px;padding:0 11px}.user-edit-form>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.user-edit-form button{color:#eee;cursor:pointer;background:#111;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:43px;display:flex}.dashboard-sidebar nav{padding:16px 10px;display:block;overflow-y:auto}.dashboard-sidebar nav .sidebar-dashboard-link{border-color:rgba(var(--primary-rgb),.28);background:linear-gradient(90deg,rgba(var(--primary-rgb),.17),rgba(var(--primary-rgb),.05));min-height:52px;color:var(--primary);border-radius:14px;margin-bottom:12px}.dashboard-sidebar nav .sidebar-dashboard-link.active{background:linear-gradient(90deg,rgba(var(--primary-rgb),.24),rgba(var(--primary-rgb),.08));box-shadow:inset 3px 0 var(--primary)}.sidebar-group>button{color:#999;width:100%;min-height:43px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:22px 1fr 20px;align-items:center;gap:9px;padding:0 11px;font-size:13px;font-weight:650;display:grid}.sidebar-group>button>svg:last-child{justify-self:end;transition:transform .18s}.sidebar-group.open>button>svg:last-child{color:var(--primary);transform:rotate(180deg)}.sidebar-group>div{gap:3px;padding:3px 0 4px 13px;display:grid}.dashboard-sidebar nav .sidebar-group a{border-radius:9px;grid-template-columns:20px 1fr;min-height:42px;padding-left:12px;font-size:12px}.dashboard-sidebar nav .sidebar-group a.active{box-shadow:inset 3px 0 var(--primary);color:var(--primary);background:linear-gradient(90deg,rgba(var(--primary-rgb),.15),rgba(var(--primary-rgb),.03))}.dashboard-sidebar nav .sidebar-group a.active>svg{color:var(--primary)}.theme-setting{color:#aaa;gap:6px;font-size:12px;display:grid}.theme-setting>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.theme-setting button{color:#888;min-height:43px;font:inherit;cursor:pointer;background:#090909;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:7px;display:flex}.theme-setting button.active{color:#ff464d;background:#ff101817;border-color:#ff283061}.theme-setting small{color:#777}@media (width<=980px){.dashboard-main{width:100%;margin:0}}.dashboard-root{--control-red:var(--primary);--control-red-soft:var(--primary-soft);--control-glass:#0f0e11c2;--control-glass-strong:#141113e6;--control-surface:#0e0f12;--control-surface-strong:#141519;--control-line:#ffffff13;--control-muted:#8f8b91;isolation:isolate;background:radial-gradient(circle at 78% -8%,#ff1a2217,#0000 30%),radial-gradient(circle at 18% 90%,#740f1614,#0000 35%),linear-gradient(145deg,#080708 0%,#0a0809 48%,#050505 100%)}.dashboard-root:before{content:"";z-index:-1;pointer-events:none;opacity:.22;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.dashboard-sidebar{-webkit-backdrop-filter:blur(24px)saturate(125%);backdrop-filter:blur(24px)saturate(125%);background:linear-gradient(#100d0ff0,#080809e6);border-right-color:#fff1;width:292px;box-shadow:22px 0 55px #0000003d}.dashboard-brand{border-bottom-color:var(--control-line);height:82px;padding:0 22px}.dashboard-brand img{filter:drop-shadow(0 7px 16px #ff101824);width:40px;height:40px}.dashboard-brand strong{letter-spacing:.1em;font-size:15px}.dashboard-brand span{color:#8f8b91;letter-spacing:.2em;margin-top:1px;font-size:9px}.dashboard-sidebar nav{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;padding:18px 13px 24px}.dashboard-sidebar nav .sidebar-dashboard-link{color:#aaa6ab;background:0 0;border-color:#0000;border-radius:13px;min-height:52px;margin-bottom:16px;position:relative;overflow:hidden}.dashboard-sidebar nav .sidebar-dashboard-link:before,.dashboard-sidebar nav .sidebar-group a:before{content:"";background:0 0;border-radius:0 4px 4px 0;width:3px;height:19px;position:absolute;left:0}.dashboard-sidebar nav .sidebar-dashboard-link:hover,.dashboard-sidebar nav .sidebar-dashboard-link.active{border-color:rgba(var(--primary-rgb), .18);background:linear-gradient(100deg, rgba(var(--primary-rgb), .12), rgba(var(--primary-rgb), .025));color:#fff;box-shadow:none}.dashboard-sidebar nav .sidebar-dashboard-link.active:before,.dashboard-sidebar nav .sidebar-group a.active:before{background:var(--control-red);box-shadow:0 0 12px rgba(var(--primary-rgb), .35)}.dashboard-sidebar nav .sidebar-dashboard-link.active>svg:first-child,.dashboard-sidebar nav .sidebar-dashboard-link.active>svg:last-child,.sidebar-group.current>button,.sidebar-group.current>button>svg:first-child{color:var(--primary)}.system-dialog-backdrop{cursor:pointer;overflow:hidden}.system-dialog{cursor:default}.sidebar-group{margin:0 0 8px}.sidebar-group>button{color:#9e9a9f;border-radius:10px;min-height:43px;padding:0 12px;font-size:13px;font-weight:600;transition:color .18s,background-color .18s,border-color .18s}.sidebar-group>button:hover{color:#d9d6d9;background:#ffffff09}.sidebar-group.open>button{color:#b8b4b9}.dashboard-sidebar nav .sidebar-group a{color:#918d94;border-radius:10px;min-height:42px;padding-left:14px;font-size:12px;font-weight:550;transition:color .18s,background-color .18s,border-color .18s;position:relative}.dashboard-sidebar nav .sidebar-group a:hover{color:#d9d6d9;background:#ffffff08}.dashboard-sidebar nav .sidebar-group a.active{border-color:rgba(var(--primary-rgb), .12);background:linear-gradient(90deg, rgba(var(--primary-rgb), .11), transparent);box-shadow:none;color:var(--primary)}.sidebar-account{border-color:var(--control-line);background:#ffffff06;border-radius:14px;margin:auto 14px 15px;padding:10px;box-shadow:inset 0 1px #ffffff06}.sidebar-avatar{background:linear-gradient(145deg,#b40d14,#360407);border:1px solid #ff464c38;border-radius:11px}.dashboard-topbar{-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);background:#080708ad;border-bottom-color:#ffffff0f;gap:12px;height:72px;padding:0 30px;box-shadow:0 12px 40px #0000001f}.dashboard-topbar>div{color:#a7a3a8;background:#00d0840a;border:1px solid #00d08426;border-radius:999px;min-height:38px;padding:0 12px;font-size:11px}.system-dot{width:6px;height:6px;box-shadow:0 0 8px #00d08466}.back-site{border-color:var(--control-line);color:#b5b1b6;background:#ffffff06;border-radius:10px;min-height:40px;padding:0 14px;transition:border-color .18s,background-color .18s,color .18s}.back-site:hover{color:#fff;background:#ff20280f;border-color:#ff323938}.dashboard-content{width:min(1360px,100% - 56px);padding:38px 0 82px}.dash-heading{margin-bottom:27px;padding-left:18px;position:relative}.dash-heading:before{content:"";background:linear-gradient(var(--primary), var(--primary-hover));border-radius:3px;width:3px;position:absolute;inset:3px auto 3px 0}.dash-heading p{color:var(--primary);letter-spacing:.19em;margin-bottom:5px;font-size:10px}.dash-heading h1{letter-spacing:-.035em;font-size:clamp(27px,2.7vw,39px);font-weight:700}.dash-heading span{max-width:680px;color:var(--control-muted);font-size:13px}.dash-card,.stat-card{border-color:var(--control-line);background:linear-gradient(145deg, #ffffff07, transparent 45%), var(--control-glass);-webkit-backdrop-filter:blur(18px)saturate(115%);backdrop-filter:blur(18px)saturate(115%);border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 18px 46px #0000002e}.dash-card:after,.stat-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;position:absolute;inset:0 12% auto}.stat-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.stat-card{grid-column:span 3;min-height:146px;padding:20px;transition:transform .18s,border-color .18s,background-color .18s}.stat-card:first-child,.stat-card:nth-child(2){grid-column:span 6;min-height:162px}.stat-card:hover{border-color:#ff363d2e;transform:translateY(-2px)}.stat-card>span{border:1px solid rgba(var(--primary-rgb), .15);width:40px;height:40px;color:var(--primary);background:rgba(var(--primary-rgb), .075);border-radius:12px}.stat-card p{color:#a09ca1;margin:17px 0 3px;font-size:12px}.stat-card strong{color:#f7f5f6;letter-spacing:-.04em;font-size:clamp(26px,2.5vw,34px);font-weight:700}.welcome-admin{background:radial-gradient(circle at 88% 54%,#ff1c241f,#0000 25%),linear-gradient(125deg,#1f0f12eb,#0b0a0ce6);min-height:210px;margin-top:14px;padding:30px 32px}.welcome-admin:before{content:"";border:1px solid #ff363d14;border-radius:50%;width:180px;height:180px;position:absolute;right:8%;box-shadow:inset 0 0 0 24px #ff363d05}.welcome-admin h2{margin:8px 0;font-size:clamp(21px,2.2vw,28px)}.welcome-admin span{color:#ada8ae;max-width:670px;line-height:1.7;display:block}.welcome-admin>svg{color:#ff404680;position:relative}.form-card,.section-card,.table-card{padding:23px}.card-title>svg{color:var(--primary);flex:none}.card-title p,.form-card small{color:#918d94;font-size:11px}.form-card label{color:#aaa6ab;font-size:12px}.form-card input,.form-card textarea,.dash-filters input,.dash-filters select,.responsive-table select,.user-edit-form input{color:#f0edef;background:#050506a8;border-color:#ffffff16;border-radius:11px;min-height:46px;transition:border-color .18s,box-shadow .18s}.form-card input:hover,.form-card textarea:hover,.dash-filters input:hover,.dash-filters select:hover,.responsive-table select:hover{border-color:#ffffff24}.form-card input:focus,.form-card textarea:focus,.dash-filters input:focus,.dash-filters select:focus,.responsive-table select:focus,.user-edit-form input:focus{border-color:#ff3a417a;box-shadow:0 0 0 3px #ff161e13}.dash-primary,.dash-secondary,.action-menu-button,.editor-actions button{border-radius:10px;min-height:44px;transition:transform .16s,border-color .16s,background-color .16s}.dash-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));box-shadow:0 10px 25px rgba(var(--primary-rgb), .14)}.dash-primary:hover{background:linear-gradient(135deg, var(--primary-hover), var(--primary));transform:translateY(-1px)}.dash-secondary,.action-menu-button,.editor-actions button{border-color:var(--control-line);color:#d8d4d8;background:#ffffff09}.dash-secondary:hover,.action-menu-button:hover,.editor-actions button:hover{background:#ff20280e;border-color:#ff363d38}.dash-filters{border:1px solid var(--control-line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f0d0f8f;border-radius:15px;gap:12px;margin-bottom:14px;padding:12px}.dash-filters label{align-items:center;width:100%;display:flex;position:relative}.dash-filters label svg{color:var(--muted);pointer-events:none;z-index:2;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.dash-filters label input,.dash-filters input{padding-left:42px!important}.responsive-table{border-radius:12px}.responsive-table th{color:#8f8c90;letter-spacing:.1em;padding:14px;font-size:10px;font-weight:650}.responsive-table td{color:#aaa6ab;border-top-color:#ffffff0e;padding:15px 14px;font-size:12px}.responsive-table tbody tr{transition:background-color .16s}.responsive-table tbody tr:hover{background:#ffffff05}.responsive-table td>strong{color:#efedef}.status,.outcome,.role-badge,.announcement-state{border:1px solid #ffffff13;font-weight:650}.status.active,.outcome.success{border-color:#00d08426}.status.suspended,.outcome.failure,.role-badge.superadmin{border-color:#ff323933}.permission-grid,.settings-layout,.oauth-settings-grid,.webhook-events{gap:14px}.permission-grid article>div span{border-color:var(--control-line);background:#ffffff06;border-radius:7px}.toggle,.oauth-provider-card,.webhook-events label,.social-connections>div,.user-action-details div,.user-action-list>button{border-color:var(--control-line);background:#ffffff06;border-radius:11px}.toggle{min-height:48px!important}.toggle i{background:#2b282c}.toggle input:checked+i{background:#bd0c13}.asset-upload{background:#ffffff05;border-color:#ffffff1a;border-radius:12px;min-height:76px;transition:color .18s,background-color .18s,border-color .18s}.asset-upload:hover{background:#ff202809;border-color:#ff333a3d}.announcement-item{border-left-width:1px;border-left-color:var(--control-line)}.announcement-item.error{border-left:3px solid #ff2b33}.announcement-item.success{border-left:3px solid #00d084}.announcement-item.warning{border-left:3px solid #ffad32}.settings-save{border-color:var(--control-line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0b090bd1;border-radius:14px;padding:12px;bottom:16px;box-shadow:0 18px 45px #00000047}.danger-zone{background:#50000513;border-color:#ff353c38;border-radius:16px}.system-dialog-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020203c2}.system-dialog{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#ffffff09,#0000 45%),#100d0ff5;border-color:#ffffff17;border-radius:20px;box-shadow:0 32px 90px #0000008f}.system-dialog-icon{border:1px solid #ff2f3621}.dashboard-loading{background:radial-gradient(circle at 50% 42%, var(--primary-soft), transparent 30%), var(--background);min-height:100dvh;color:var(--theme-text-strong);padding:24px}.dashboard-loading .auth-check-card{border:1px solid var(--primary-border);background:linear-gradient(145deg, var(--theme-elevated), var(--surface));width:min(440px,100%);box-shadow:0 28px 80px var(--theme-shadow);text-align:center;border-radius:18px;flex-direction:column;align-items:center;padding:24px;display:flex}.auth-check-card>header{border-bottom:1px solid var(--theme-line-soft);text-align:left;align-items:center;gap:11px;width:100%;padding-bottom:18px;display:flex}.auth-check-card>header img{object-fit:contain;width:42px;height:42px}.auth-check-card>header div{gap:2px;display:grid}.auth-check-card>header strong{letter-spacing:.04em;font-size:14px}.auth-check-card>header small{color:var(--theme-text-soft);letter-spacing:.15em;font-size:9px}.auth-check-visual{width:74px;height:74px;color:var(--primary);place-items:center;margin:25px 0 15px;display:grid;position:relative}.dashboard-loading span.auth-check-spinner{border-color:var(--theme-line-soft);border-top-color:var(--primary);width:auto;height:auto;box-shadow:inset 0 0 25px var(--primary-soft);border-width:2px;position:absolute;inset:0}.auth-check-card h1{margin:0;font-size:22px}.auth-check-card>p{max-width:340px;color:var(--theme-text-soft);margin:7px 0 18px;font-size:13px;line-height:1.65}.auth-check-progress{background:var(--theme-line-soft);border-radius:99px;width:min(270px,90%);height:4px;overflow:hidden}.auth-check-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--primary-hover), var(--primary));width:42%;height:100%;animation:1.15s ease-in-out infinite alternate auth-progress;display:block}.auth-check-warning{color:#ffc14d;text-align:left;background:#ffb83012;border:1px solid #ffb83038;border-radius:11px;align-items:flex-start;gap:10px;width:100%;padding:13px;display:flex}.auth-check-warning div{gap:3px;display:grid}.auth-check-warning strong{color:var(--theme-text-strong);font-size:13px}.auth-check-warning small{color:var(--theme-text-soft);font-size:11px}.auth-check-actions{justify-content:center;gap:8px;width:100%;margin-top:17px;display:flex}.auth-check-actions button{border:1px solid var(--theme-line-soft);background:var(--theme-input);min-height:42px;color:#fff;font:inherit;cursor:pointer;border-color:var(--primary-border);background:linear-gradient(135deg, var(--primary), var(--primary-hover));border-radius:9px;justify-content:center;align-items:center;padding:0 16px;font-size:12px;display:inline-flex}.auth-check-note{color:var(--theme-text-soft);margin-top:15px;font-size:10px}@keyframes auth-progress{0%{transform:translate(-55%)}to{transform:translate(190%)}}@media (width<=480px){.dashboard-loading{padding:14px}.dashboard-loading .auth-check-card{border-radius:15px;padding:19px}.auth-check-card h1{font-size:20px}}@media (width<=1180px){.dashboard-content{width:min(100% - 40px,1360px)}.stat-card,.stat-card:first-child,.stat-card:nth-child(2){grid-column:span 6}.dash-filters.logs{grid-template-columns:1fr 1fr 1fr}}@media (width<=980px){.dashboard-sidebar{width:min(320px,88vw)}.dashboard-main{width:100%;margin:0}.dashboard-content{width:min(100% - 34px,1360px);padding-top:30px}}@media (width<=680px){.dashboard-root:before{background-size:32px 32px}.dashboard-topbar{height:66px;padding:0 14px}.dashboard-topbar>div{min-height:36px;padding:0 10px}.dashboard-content{width:min(100% - 24px,1360px);padding:25px 0 68px}.dash-heading{margin-bottom:21px;padding-left:14px}.dash-heading h1{font-size:28px}.stat-grid{gap:10px}.stat-card,.stat-card:first-child,.stat-card:nth-child(2){grid-column:span 6;min-height:136px;padding:16px}.stat-card>span{width:36px;height:36px}.stat-card p{margin-top:13px;font-size:11px}.stat-card strong{font-size:26px}.welcome-admin{min-height:185px;padding:23px}.form-card,.section-card,.table-card{padding:17px}.table-card{padding:6px}.dash-filters,.dash-filters.logs{grid-template-columns:1fr}.settings-save{left:0;right:0}}.dashboard-topbar{display:none}.dashboard-sidebar nav .sidebar-dashboard-link{margin-bottom:7px}.dashboard-sidebar nav .sidebar-home-link{color:#8f8b91;background:0 0;border-color:#0000;border-radius:12px;min-height:50px;margin-bottom:16px;padding-inline:15px;font-size:14px;transition:color .18s,background-color .18s,border-color .18s}.dashboard-sidebar nav .sidebar-home-link:hover{color:#f2eff1;background:#ffffff09;border-color:#ffffff14}.dashboard-sidebar nav .sidebar-home-link>svg:first-child{color:var(--primary)}.dashboard-sidebar nav .sidebar-home-link>svg:last-child{color:#5f5b61;justify-self:end}.dashboard-mobile-menu{display:none}@media (width<=980px){.dashboard-mobile-menu{z-index:45;border:1px solid var(--control-line);background:var(--control-glass-strong);width:50px;height:50px;color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;border-radius:13px;place-items:center;margin:0;position:fixed;top:14px;left:14px;box-shadow:0 12px 32px #0003}.dashboard-content{padding-top:88px}}@media (width<=430px){.dashboard-topbar>div{background:0 0;border:0;padding:0}.stat-card,.stat-card:first-child,.stat-card:nth-child(2){grid-column:1/-1;min-height:126px}.welcome-admin{min-height:200px}}.dashboard-brand,.dashboard-topbar,.sidebar-account{flex-shrink:0}.dashboard-sidebar nav{flex:auto;min-height:0}.dashboard-content,.dashboard-content>*,.profile-grid>*,.permission-grid>*,.settings-layout>*,.form-columns>*,.oauth-settings-grid>*,.webhook-events>*,.announcement-list>*{min-width:0}.profile-grid,.permission-grid,.settings-layout{align-items:start}.form-card input,.form-card textarea,.form-card select,.dash-filters input,.dash-filters select,.user-edit-form input{min-width:0;max-width:100%}.table-card{overflow:hidden}.responsive-table{overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;max-width:100%;overflow-x:auto}.responsive-table::-webkit-scrollbar{height:8px}.responsive-table::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:99px}.card-title>div,.user-action-profile>div,.announcement-item>div:first-child,.oauth-provider-title>div,.session-list article>div{min-width:0}.card-title h2,.card-title p,.announcement-item h2,.announcement-item p,.oauth-help,.session-list span,.user-action-profile p{overflow-wrap:anywhere}.system-dialog,.user-actions-dialog{overscroll-behavior:contain;max-height:calc(100dvh - 32px);overflow-y:auto}.settings-save{z-index:12}@media (width<=760px){.announcement-actions,.editor-actions{width:100%}.announcement-actions button,.editor-actions button{min-width:0}.oauth-provider-title{flex-direction:column;align-items:stretch}.oauth-provider-title .toggle{width:100%}}@media (width<=520px){.dashboard-content{width:min(100% - 20px,1360px)}.dash-heading span{font-size:12px;line-height:1.65}.form-card,.section-card{padding:15px}.system-dialog,.user-actions-dialog{border-radius:16px;padding:23px 17px}.editor-actions,.announcement-actions{grid-template-columns:1fr;display:grid}.editor-actions button,.announcement-actions button{width:100%}}.form-card select{color:#f0edef;width:100%;min-width:0;min-height:46px;font:inherit;cursor:pointer;background-color:#050506a8;border:1px solid #ffffff16;border-radius:11px;outline:0;padding:0 38px 0 12px;font-size:13px}.form-card select:hover{border-color:#ffffff24}.form-card select:focus{border-color:#ff3a417a;box-shadow:0 0 0 3px #ff161e13}.permission-grid article>div{gap:6px}.permission-grid article>div span{color:#aaa6ab;border-radius:6px;padding:5px 8px;font-size:11px;line-height:1.35}.permission-grid article>div span:only-child{font-size:0}.permission-grid article>div span:only-child:after{content:"ทุกสิทธิ์";font-size:11px}.editor-actions .dash-primary,.user-edit-form .dash-primary,.system-dialog-actions .dash-primary{color:#fff;background:linear-gradient(135deg,#f9252d,#bb080f);border-color:#0000;box-shadow:0 10px 25px #ff101824}.editor-actions .dash-primary:hover,.user-edit-form .dash-primary:hover,.system-dialog-actions .dash-primary:hover{background:linear-gradient(135deg,#ff343b,#cf0a12)}.dashboard-root{font-size:15px}.dashboard-sidebar{width:310px}.dashboard-main{width:calc(100% - 310px);margin-left:310px}.dashboard-brand{gap:13px;height:88px;padding-inline:24px}.dashboard-brand img{width:44px;height:44px}.dashboard-brand strong{font-size:16px}.dashboard-brand span{font-size:10px}.dashboard-sidebar nav{padding:20px 14px 26px}.dashboard-sidebar nav .sidebar-dashboard-link{min-height:58px;padding-inline:15px;font-size:15px}.sidebar-group{margin-bottom:11px}.sidebar-group>button{grid-template-columns:24px 1fr 22px;gap:11px;min-height:50px;padding-inline:14px;font-size:14px}.sidebar-group>button svg,.dashboard-sidebar nav .sidebar-group a svg{width:19px;height:19px}.sidebar-group>div{gap:5px;padding:4px 0 8px 15px}.dashboard-sidebar nav .sidebar-group a{grid-template-columns:23px 1fr;gap:10px;min-height:48px;padding-left:15px;font-size:13.5px}.sidebar-account{grid-template-columns:46px 1fr 38px;gap:11px;min-height:70px;margin:auto 14px 16px;padding:11px}.sidebar-avatar{width:46px;height:46px;font-size:17px}.sidebar-account strong{font-size:14px}.role-badge{padding:4px 8px;font-size:11px}.sidebar-account button{width:38px;height:38px}.dashboard-topbar{height:78px;padding-inline:32px}.dashboard-topbar>div,.back-site{min-height:42px;font-size:13px}.dashboard-content{width:min(1420px,100% - 64px);padding-top:44px}.dash-heading{margin-bottom:30px;padding-left:20px}.dash-heading p{font-size:12px}.dash-heading h1{font-size:clamp(32px,2.8vw,43px)}.dash-heading span{margin-top:9px;font-size:15px}.dash-card,.stat-card{border-radius:19px}.stat-grid,.profile-grid,.permission-grid,.settings-layout{gap:16px}.stat-card{min-height:164px;padding:23px}.stat-card:first-child,.stat-card:nth-child(2){min-height:180px}.stat-card>span{width:44px;height:44px}.stat-card>span svg{width:22px;height:22px}.stat-card p{margin-top:19px;font-size:14px}.stat-card strong{font-size:clamp(31px,2.6vw,38px)}.welcome-admin{min-height:230px;padding:34px 36px}.welcome-admin p{font-size:12px}.welcome-admin h2{font-size:clamp(25px,2.3vw,31px)}.welcome-admin span{font-size:15px}.form-card,.section-card{gap:16px;padding:26px}.table-card{padding:10px}.card-title{gap:12px;margin-bottom:9px}.card-title>svg{width:21px;height:21px}.card-title h2{font-size:18px}.card-title p,.form-card small{font-size:13px}.form-card label,.theme-setting{gap:8px;font-size:14px}.form-card input,.form-card textarea,.form-card select,.dash-filters input,.dash-filters select,.responsive-table select,.user-edit-form input{min-height:50px;padding-inline:14px;font-size:14px}.form-card textarea{min-height:112px;padding-top:13px}.dash-primary,.dash-secondary,.action-menu-button,.editor-actions button,.announcement-actions button{min-height:48px;padding-inline:18px;font-size:14px}.toggle{padding-inline:13px;font-size:14px;min-height:52px!important}.dash-filters{gap:13px;padding:14px}.responsive-table th{padding:15px;font-size:12px}.responsive-table td{padding:16px 15px;font-size:14px}.responsive-table td>strong{font-size:15px}.responsive-table td>small{font-size:12px}.status,.outcome{padding:5px 9px;font-size:11.5px}.permission-grid article{min-height:230px;padding:24px}.permission-grid article>svg{width:22px;height:22px}.permission-grid h2{font-size:19px}.permission-grid p{font-size:13px}.permission-grid article>div span{padding:6px 9px;font-size:12px}.permission-grid article>div span:only-child:after{font-size:12px}.announcement-item{padding:22px}.announcement-item h2{font-size:19px}.announcement-item p{font-size:14px}.announcement-item small,.announcement-state{font-size:12px}.oauth-provider-card,.webhook-events label{padding:16px}.oauth-provider-title strong{font-size:16px}.oauth-provider-title span,.webhook-events small{font-size:11px}.webhook-events span{font-size:14px}.system-dialog{width:min(100%,450px);padding:31px}.user-actions-dialog{width:min(100%,500px)}.system-dialog h2{font-size:23px}.system-dialog p{font-size:15px}.user-action-profile>span{width:54px;height:54px;font-size:21px}.user-action-profile h2{font-size:20px}.user-action-profile p,.user-action-details dt{font-size:12px}.user-action-details dd{font-size:14px}.user-action-list>button{grid-template-columns:27px 1fr;min-height:66px;padding:11px 13px}.user-action-list strong{font-size:14px}.user-action-list small{font-size:12px}.profile-card{padding:32px}.profile-card h2{font-size:21px}.profile-card p{font-size:14px}.session-list article{min-height:72px}.session-list strong{font-size:14px}.session-list span{font-size:12px}@media (width<=1180px){.dashboard-content{width:min(100% - 44px,1420px)}}@media (width<=980px){.dashboard-sidebar{width:min(350px,92vw)}.dashboard-main{width:100%;margin-left:0}.dashboard-content{width:min(100% - 34px,1420px)}}@media (width<=680px){.dashboard-topbar{height:70px;padding-inline:16px}.dashboard-content{width:min(100% - 24px,1420px);padding-top:30px}.dash-heading h1{font-size:31px}.stat-card,.stat-card:first-child,.stat-card:nth-child(2){min-height:150px;padding:19px}.form-card,.section-card{padding:19px}.system-dialog,.user-actions-dialog{padding:26px 20px}}@media (width<=980px){.dashboard-content{padding-top:90px}}@media (width<=680px){.dashboard-content{padding-top:84px}}.dashboard-sidebar nav .sidebar-dashboard-link{min-height:50px;box-shadow:none;color:#878389;background:0 0;border-color:#0000;border-radius:10px;grid-template-columns:24px 1fr 22px;gap:11px;margin:0 0 8px;padding-inline:14px;font-size:14px;font-weight:600}.dashboard-sidebar nav .sidebar-dashboard-link:hover{color:#d9d6d9;background:#ffffff09;border-color:#0000}.dashboard-sidebar nav .sidebar-dashboard-link.active{box-shadow:none;color:var(--primary);background:0 0;border-color:#0000}.dashboard-sidebar nav .sidebar-dashboard-link.active>svg:first-child,.dashboard-sidebar nav .sidebar-dashboard-link.active>svg:last-child{color:var(--primary)}.session-info{align-items:center;width:100%;min-width:0;gap:14px!important;display:flex!important}.session-icon{color:#ccc;background:#ffffff0d;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid!important}.session-icon svg{color:var(--primary)}.session-details{min-width:0;display:grid;gap:3px!important}.session-details strong{color:#fff;font-size:14px!important;font-weight:600!important}.session-details span{color:#888!important;font-size:11px!important}.session-raw-ua{text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:2px;display:block;overflow:hidden;color:#555!important;font-size:10px!important}.pagination{border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:6px;padding:14px;display:flex}.pagination button{color:#888;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:600;transition:all .2s;display:grid}.pagination button:hover:not(:disabled){color:#ddd;background:#ffffff0d}.pagination button.active{color:#fff;background:#1a1a1a;border-color:#ffffff1a}.pagination button:disabled{opacity:.4;cursor:not-allowed}.profile-layout{align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.profile-sidebar{flex-shrink:0;gap:16px;width:340px;display:grid}.profile-sidebar .social-connections{grid-template-columns:1fr}.profile-main{flex-grow:1;gap:16px;min-width:0;display:grid}.profile-hero{z-index:0;background:linear-gradient(135deg,#ff202866 0%,#cf00071a 100%);width:100%;height:120px;position:absolute;top:0;left:0}.profile-sidebar .profile-card{text-align:center;border:1px solid #ffffff0f;border-radius:16px;align-items:center;padding:74px 20px 24px;position:relative;overflow:hidden}.profile-sidebar .profile-avatar{z-index:1;border:4px solid #111;width:100px;height:100px;margin-top:0;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 24px #0006}.profile-sidebar .profile-avatar:hover{transform:scale(1.05)}.profile-info{z-index:1;width:100%;position:relative}.profile-info h2{color:#fff;margin:12px 0 4px;font-size:22px;font-weight:700}.profile-info p{color:#999;margin:0 0 14px;font-size:14px}.profile-role-badge{justify-content:center;display:flex}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#19141499,#0f0a0ab3);border:1px solid #ffffff14;border-radius:16px;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 16px 40px #00000040}.glass-card:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 20px 48px #00000059}.system-dialog.glass-card:hover,.profile-edit-dialog:hover{transform:none}.user-action-btn{border:1px solid var(--theme-line-soft);background:var(--theme-input);width:100%;min-height:54px;color:var(--theme-text-strong);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:13px;padding:12px 16px;transition:all .18s;display:flex}.user-action-btn:hover{background:var(--theme-hover);border-color:var(--primary-border)}.user-action-btn div{flex-direction:column;gap:2px;display:flex}.user-action-btn strong{font-size:13.5px;font-weight:600}.user-action-btn small{color:var(--theme-text-soft);font-size:11px}.user-action-btn.warning{color:#d97706;background:#f59e0b0f;border-color:#f59e0b40}.user-action-btn.warning:hover{background:#f59e0b1f;border-color:#f59e0b73}.user-action-btn.warning small{color:#b45309}.user-action-btn.ban{color:#ea580c;background:#ea580c0f;border-color:#ea580c40}.user-action-btn.ban:hover{background:#ea580c1f;border-color:#ea580c73}.user-action-btn.ban small{color:#c2410c}.user-action-btn.danger{color:#dc2626;background:#dc262612;border-color:#dc262647}.user-action-btn.danger:hover{background:#dc262624;border-color:#dc262680}.user-action-btn.danger small{color:#b91c1c}.profile-forms-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.glass-item{border-radius:8px;padding:12px;transition:background .2s,transform .2s}.glass-item:hover{background:#ffffff0a}.profile-main .form-card input,.profile-main .form-card textarea{background:#0000004d;border:1px solid #ffffff0f;border-radius:10px;transition:all .2s}.profile-main .form-card input:focus,.profile-main .form-card textarea:focus{background:#00000080;border-color:#ff323299;box-shadow:0 0 0 3px #ff323226}.profile-main .form-card,.profile-main .section-card{border-radius:16px}@media (width<=980px){.profile-layout{flex-direction:column}.profile-sidebar{width:100%}}@media (width<=768px){.profile-forms-grid{grid-template-columns:1fr}}.dashboard-root{background:radial-gradient(circle at 78% -8%,rgb(var(--primary-rgb)/.09),transparent 30%), radial-gradient(circle at 18% 90%,rgb(var(--primary-rgb)/.055),transparent 35%), linear-gradient(145deg,#080708 0%,#0a0809 48%,#050505 100%)}.dashboard-root .dash-heading p,.dashboard-root .card-title>svg,.dashboard-root .permission-grid article>svg,.dashboard-root .stat-card>span,.dashboard-root .welcome-admin p,.dashboard-root .welcome-admin>svg,.dashboard-root .sidebar-group.current>button,.dashboard-root .sidebar-group.current>button>svg:first-child,.dashboard-root .dashboard-sidebar nav a.active>svg,.dashboard-root .session-icon svg{color:var(--primary)}.dashboard-root .stat-card>span{background:var(--primary-soft)}.dashboard-root .dash-primary,.dashboard-root .premium-btn.primary-filled{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;box-shadow:0 9px 25px var(--primary-glow);border-color:#0000}.dashboard-root .dash-primary:hover,.dashboard-root .premium-btn.primary-filled:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--primary),white 8%),var(--primary-hover))}.dashboard-root .dashboard-sidebar nav .sidebar-dashboard-link.active,.dashboard-root .dashboard-sidebar nav .sidebar-group a.active{border-color:var(--primary-border);background:linear-gradient(90deg,var(--primary-soft),transparent);color:var(--primary);box-shadow:inset 3px 0 var(--primary)}.dashboard-root .dashboard-sidebar nav .sidebar-dashboard-link.active:before,.dashboard-root .dashboard-sidebar nav .sidebar-group a.active:before{background:var(--primary)}.dashboard-root .premium-input:focus,.dashboard-root .form-card input:focus,.dashboard-root .form-card textarea:focus,.dashboard-root .dash-filters input:focus,.dashboard-root .profile-main .form-card input:focus,.dashboard-root .profile-main .form-card textarea:focus,.dashboard-root .color-picker-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.dashboard-root .toggle input:checked+i{background:var(--primary)}.dashboard-root .pac-image-link:focus-visible{outline-color:var(--primary)}@media (width<=680px){.dashboard-root,.dashboard-main,.dashboard-content{max-width:100%;overflow-x:clip}.dashboard-content{width:calc(100% - 20px);padding:82px 0 110px}.dashboard-mobile-menu{width:46px;height:46px;top:10px;left:10px}.dash-heading{margin-bottom:18px;padding-left:12px}.dash-heading h1{overflow-wrap:anywhere;font-size:clamp(25px,8vw,31px)}.dash-heading span{overflow-wrap:anywhere;font-size:12px}.stat-grid{grid-template-columns:1fr;gap:10px}.stat-card,.stat-card:first-child,.stat-card:nth-child(2){grid-column:1/-1;min-height:124px;padding:16px}.welcome-admin{min-height:0;padding:20px}.welcome-admin:before{display:none}.welcome-admin h2{font-size:21px}.profile-layout{gap:12px}.profile-sidebar,.profile-main{width:100%;min-width:0}.profile-forms-grid{grid-template-columns:1fr}.profile-sidebar .profile-card{padding-inline:16px}.form-card,.section-card{padding:16px}.social-connections,.permission-grid,.oauth-settings-grid,.webhook-events,.premium-asset-grid,.premium-webhook-events{grid-template-columns:1fr}.permission-grid article{min-height:0;padding:18px}.session-list article{flex-direction:column;align-items:flex-start;padding-block:14px}.session-list article>button{width:100%;min-height:42px}.dash-filters,.dash-filters.logs{grid-template-columns:1fr;padding:10px}.table-card{width:100%;padding:5px}.responsive-table{width:100%;overflow:visible}.responsive-table table{min-width:640px}.pagination{justify-content:flex-start;max-width:100%;overflow-x:auto}.premium-settings-content{gap:20px;width:100%;padding-bottom:20px}.psc-header h2{font-size:18px}.premium-settings-card{gap:10px;width:100%;padding:0}.premium-setting-row{width:100%;padding:16px}.premium-alert{margin:0;padding:14px}.psr-control,.psr-control.multi-input,.input-group.full-width{width:100%;max-width:none}.color-picker-copy>span{flex-direction:column;align-items:flex-start;gap:2px}.premium-theme-selector{width:100%}.premium-save-bar{border-radius:15px;flex-direction:row;gap:10px;width:calc(100% - 20px);min-height:64px;padding:9px 9px 9px 14px;bottom:10px}.premium-save-bar .psb-status{flex:1;min-width:0;font-size:11px;line-height:1.35}.premium-save-bar .psb-status>span:last-child{overflow-wrap:anywhere}.premium-save-bar .premium-btn{width:auto;min-width:112px;min-height:46px;padding-inline:12px}.announcement-item{padding:16px}.announcement-actions,.editor-actions{grid-template-columns:1fr;width:100%;display:grid}.announcement-actions button,.editor-actions button{width:100%;min-height:44px}.system-dialog-backdrop{padding:10px}.system-dialog,.user-actions-dialog{width:100%;max-height:calc(100dvh - 20px);padding:24px 18px}.system-dialog-actions,.user-action-details,.user-edit-form>div{grid-template-columns:1fr}}@media (width<=380px){.dashboard-content{width:calc(100% - 16px)}.premium-save-bar{width:calc(100% - 16px);padding-left:11px}.premium-save-bar .psb-status{font-size:10px}.premium-save-bar .premium-btn{min-width:96px;padding-inline:9px;font-size:12px}.color-picker-copy small{display:none}}.hosting-heading{border-left:3px solid var(--primary);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;padding-left:18px;display:flex}.hosting-heading p{color:var(--primary);letter-spacing:.18em;margin:0 0 5px;font-size:10px;font-weight:800}.hosting-heading h1{letter-spacing:-.035em;margin:0;font-size:clamp(28px,3vw,40px)}.hosting-heading span{color:var(--control-muted);margin-top:6px;font-size:13px;display:block}.hosting-phase-note{border:1px solid rgb(var(--primary-rgb)/.18);background:var(--primary-soft);min-height:64px;color:var(--primary);border-radius:13px;align-items:center;gap:12px;margin-bottom:16px;padding:13px 16px;display:flex}.hosting-phase-note>div{gap:2px;display:grid}.hosting-phase-note strong{font-size:13px}.hosting-phase-note span{color:var(--theme-text-soft);font-size:12px}.hosting-filters{grid-template-columns:minmax(240px,1fr) 180px auto}.hosting-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.hosting-site-card{border:1px solid var(--control-line);background:linear-gradient(145deg,#ffffff06,transparent 45%),var(--control-glass);border-radius:17px;flex-direction:column;gap:16px;min-width:0;padding:20px;transition:transform .18s,border-color .18s;display:flex;box-shadow:0 16px 38px #00000029}.hosting-site-card:hover{border-color:var(--primary-border);transform:translateY(-2px)}.hosting-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.hosting-site-icon{border:1px solid var(--primary-border);background:var(--primary-soft);width:44px;height:44px;color:var(--primary);border-radius:13px;flex:none;place-items:center;display:grid}.hosting-status{color:#aaa;background:#ffffff09;border:1px solid #ffffff14;border-radius:99px;align-items:center;min-height:25px;padding:0 9px;font-size:10px;font-weight:650;display:inline-flex}.hosting-card-copy{min-width:0}.hosting-card-copy h2{color:var(--theme-text-strong);text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:19px;overflow:hidden}.hosting-card-copy a{color:var(--primary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.hosting-card-copy p{color:#777;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:11px;overflow:hidden}.hosting-card-meta{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.hosting-card-meta>div{border:1px solid var(--control-line);background:#ffffff08;border-radius:11px;min-width:0;padding:10px 12px;transition:border-color .18s}.hosting-card-meta dt{color:var(--theme-text-soft);letter-spacing:.02em;font-size:11px;font-weight:500}.hosting-card-meta dd{color:var(--theme-text-strong);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin:4px 0 0;font-size:13px;font-weight:700;overflow:hidden}.hosting-manage-button{border:1px solid var(--primary-border);background:var(--primary-soft);width:100%;min-height:44px;color:var(--primary);font:inherit;cursor:pointer;box-shadow:0 4px 14px rgba(var(--primary-rgb),.12);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:auto;font-size:14px;font-weight:700;transition:all .2s;display:flex}.hosting-manage-button:hover{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 6px 20px rgba(var(--primary-rgb),.35);transform:translateY(-1px)}.hosting-empty{border:1px dashed var(--control-line);color:#68656a;text-align:center;border-radius:17px;place-content:center;place-items:center;gap:9px;min-height:300px;padding:30px;display:grid}.hosting-empty h2{color:var(--theme-text-strong);margin:4px 0 0;font-size:20px}.hosting-empty p{color:#777;margin:0 0 8px;font-size:13px}.hosting-spinner{border:3px solid var(--control-line);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.hosting-form-dialog{text-align:left;width:min(100%,720px)}.hosting-form-dialog>header{border-bottom:1px solid var(--control-line);align-items:center;gap:11px;padding:0 40px 18px 0;display:flex}.hosting-form-dialog>header>span{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border-radius:11px;place-items:center;display:grid}.hosting-form-dialog h2{margin:0;font-size:20px}.hosting-form-dialog header p{margin:3px 0 0;font-size:12px}.hosting-form{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.hosting-form label{color:#aaa;gap:7px;font-size:12px;display:grid}.hosting-form label>span{color:#67646a;margin-left:4px;font-size:10px}.hosting-form input,.hosting-form select,.hosting-member-form input,.hosting-member-form select,.hosting-owner-transfer input{border:1px solid var(--control-line);width:100%;min-width:0;min-height:48px;color:var(--theme-text-strong);font:inherit;background:#050506b8;border-radius:10px;outline:0;padding:0 13px;font-size:13px}.hosting-form input:focus,.hosting-form select:focus,.hosting-member-form input:focus,.hosting-owner-transfer input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.hosting-form small{color:#6f6b71;font-size:10px;line-height:1.5}.hosting-span-two{grid-column:1/-1}.hosting-form-actions{justify-content:flex-end;gap:9px;padding-top:4px;display:flex}.hosting-form-actions button{min-width:130px}.hosting-create-backdrop{z-index:1100;padding:16px}.hosting-create-dialog{border:1px solid var(--control-line);background:var(--control-surface);width:min(520px,95vw);max-height:92dvh;box-shadow:0 28px 90px var(--theme-shadow);color:var(--theme-text-strong);text-align:left;border-radius:22px;flex-direction:column;display:flex;overflow:hidden}.hosting-create-header{border-bottom:1px solid var(--control-line);flex:none;justify-content:space-between;align-items:center;min-height:68px;padding:16px 22px;display:flex}.hosting-create-header h2{color:var(--theme-text-strong);margin:0;font-size:19px}.hosting-create-close{width:40px;height:40px;color:var(--control-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:grid}.hosting-create-close:hover{border-color:var(--control-line);background:var(--theme-hover);color:var(--theme-text-strong)}.hosting-create-form{flex-direction:column;gap:22px;padding:22px;display:flex;overflow-y:auto}.hosting-create-form::-webkit-scrollbar{width:6px}.hosting-create-form::-webkit-scrollbar-thumb{background:var(--control-line);border-radius:99px}.hosting-plan-summary{border:1px solid var(--control-line);background:var(--theme-hover);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:14px 16px;display:flex}.hosting-plan-summary>span{color:var(--theme-text-strong);font-size:14px;font-weight:600}.hosting-plan-summary>strong{color:var(--success);align-items:center;gap:6px;font-size:13px;display:flex}.hosting-subdomain-control{border:1px solid var(--control-line);background:var(--theme-input);border-radius:11px;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.hosting-subdomain-control:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.hosting-subdomain-input{width:100%;min-width:0;min-height:48px;color:var(--theme-text-strong);font:inherit;background:0 0;border:0;outline:0;padding:0 14px;font-size:14px;font-weight:600}.hosting-subdomain-suffix{border-left:1px solid var(--control-line);background:var(--theme-hover);color:var(--control-muted);white-space:nowrap;align-items:center;padding:0 14px;font-size:13px;font-weight:700;display:flex}.hosting-method-option{border:1px solid var(--control-line);cursor:pointer;background:0 0;border-radius:11px;align-items:center;gap:12px;min-height:66px;padding:11px 13px;transition:border-color .18s,background .18s;display:flex}.hosting-method-option:hover{border-color:var(--primary-border);background:var(--theme-hover)}.hosting-method-option.selected{border-color:var(--primary-border);background:var(--primary-soft)}.hosting-method-option input{accent-color:var(--primary)}.hosting-method-option>div{flex-direction:column;min-width:0;display:flex}.hosting-method-option>div>span:first-child{color:var(--theme-text-strong)!important}.hosting-method-option>div>span:last-child{color:var(--control-muted)!important}.hosting-upload-dropzone{border:2px dashed var(--control-line);background:var(--theme-hover);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:150px;margin-top:8px;padding:22px;transition:border-color .18s,background .18s;display:flex}.hosting-upload-dropzone:hover{border-color:var(--primary-border);background:var(--primary-soft)}.hosting-upload-dropzone.has-file{background:#00d0840f;border-color:#00d08459}.hosting-upload-dropzone p{margin:0}.hosting-template-option{border:1px solid var(--control-line);cursor:pointer;background:0 0;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-height:128px;padding:14px;transition:border-color .18s,background .18s;display:flex}.hosting-template-option:hover{border-color:var(--primary-border);background:var(--theme-hover)}.hosting-template-option.selected{border-color:var(--primary-border);background:var(--primary-soft)}.hosting-template-option.static.selected{background:#00d08412;border-color:#00d08459}.hosting-template-option.node.selected{background:#ff990012;border-color:#ff990061}.hosting-template-option>span:nth-last-child(2){color:var(--theme-text-strong)!important}.hosting-template-option>span:last-child{color:var(--control-muted)!important}.hosting-owner-select{color:#fff;width:100%;min-height:48px;font:inherit;appearance:none;cursor:pointer;background-color:#0c0c0e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ffffff26;border-radius:11px;outline:0;padding:0 40px 0 14px;font-size:14px;font-weight:500;transition:all .2s}.hosting-owner-select:hover{background-color:#121216;border-color:#ff414766}.hosting-owner-select:focus{border-color:#ff3e45;box-shadow:0 0 0 3px #ff3e4526}.hosting-owner-select option{color:#eee;background-color:#121216;padding:12px;font-size:14px}.hosting-create-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hosting-create-actions button{min-height:46px;font:inherit;cursor:pointer;border-radius:10px;font-size:14px;font-weight:700}.hosting-create-cancel{border:1px solid var(--control-line);color:var(--theme-text-strong);background:0 0}.hosting-create-cancel:hover{background:var(--theme-hover)}.hosting-create-submit{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;box-shadow:0 10px 24px var(--primary-glow);border:0;justify-content:center;align-items:center;gap:8px;display:flex}.hosting-create-actions button:disabled{opacity:.55;cursor:not-allowed}.hosting-create-dialog .text-white{color:var(--theme-text-strong)!important}.hosting-create-dialog .text-gray-200,.hosting-create-dialog .text-gray-400,.hosting-create-dialog .placeholder-gray-500{color:var(--control-muted)!important}.hosting-detail-dialog{text-align:left;background:#0f1013;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;width:min(100%,880px);max-height:94dvh;padding:0;display:flex;overflow:hidden;box-shadow:0 24px 60px #0006}.system-dialog-close{color:#888;cursor:pointer;z-index:10;background:#ffffff0a;border:none;border-radius:50%;place-items:center;width:32px;height:32px;transition:all .2s;display:grid;position:absolute;top:16px;right:16px}.system-dialog-close:hover{color:#fff;background:#ffffff1a}.hosting-detail-top{background:linear-gradient(#ffffff08 0%,#0000 100%);border-bottom:1px solid #ffffff0f;padding:24px 32px 0}.hosting-detail-header{justify-content:space-between;align-items:flex-start;gap:16px;padding-right:44px;display:flex}.hd-left{align-items:center;gap:16px;display:flex}.hosting-site-icon{color:#fff;background:linear-gradient(135deg,#ffffff1a,#ffffff05);border:1px solid #ffffff1a;border-radius:14px;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 0 1px #ffffff1a}.hd-title{flex-direction:column;gap:4px;display:flex}.hd-title h2{color:#fff;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700}.hd-title a{color:#888;align-items:center;gap:6px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex}.hd-title a:hover{color:#ccc}.hd-right{align-items:center;display:flex}.status-dot{background:#00d084;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;box-shadow:0 0 8px #00d084}.hosting-status{border:1px solid var(--control-line);background:var(--theme-hover);min-height:32px;color:var(--theme-text-soft);font-family:var(--font-kanit), "Noto Sans Thai", system-ui, sans-serif;letter-spacing:0;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:600;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff0b}.hosting-status:before{content:"";background:#8a8f98;border-radius:50%;flex:none;width:7px;height:7px}.hosting-status.running{color:#24c98f;background:#00d08416;border-color:#00d0843d}.hosting-status.running:before{background:#00d084;animation:2s ease-out infinite status-pulse;box-shadow:0 0 0 4px #00d0841a}.hosting-status.provisioning{color:#d99d0b;background:#fbbf2416;border-color:#fbbf2440}.hosting-status.provisioning:before{background:#fbbf24}.hosting-status.stopped:before{background:#8a8f98}.hosting-status.error,.hosting-status.expired{color:#ee4850;background:#ff101813;border-color:#ff373e3d}.hosting-status.error:before,.hosting-status.expired:before{background:#ff4850}@keyframes status-pulse{0%,to{box-shadow:0 0 0 3px #00d08414}50%{box-shadow:0 0 0 5px #00d08429}}@keyframes pulse{0%{box-shadow:0 0 #00d084b3}70%{box-shadow:0 0 0 6px #00d08400}to{box-shadow:0 0 #00d08400}}.hosting-detail-actions{justify-content:space-between;align-items:center;margin-top:16px;padding:16px 0;display:flex}.hda-role{color:#666;font-size:12px}.hda-role strong{color:#ccc;background:#ffffff14;border-radius:6px;margin-left:4px;padding:4px 8px;font-weight:600}.hda-right{gap:8px;display:flex}.hda-right button{color:#ccc;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.hda-right button:hover{color:#fff;background:#ffffff14}.hda-right button.danger{color:#ff6268;background:#ff10180a;border-color:#ff323933}.hda-right button.danger:hover{color:#ff7b81;background:#ff10181a}.hosting-detail-scrollable{flex-direction:column;flex:1;gap:24px;margin-top:24px;padding:0 32px 32px;display:flex;overflow-y:auto}.hosting-detail-scrollable::-webkit-scrollbar{width:6px}.hosting-detail-scrollable::-webkit-scrollbar-track{background:0 0}.hosting-detail-scrollable::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.hosting-detail-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;padding:24px}.hosting-section-title{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.hosting-section-title>svg{color:var(--primary);opacity:.8;margin-top:2px}.hosting-section-title h3{color:#eee;margin:0 0 4px;font-size:15px;font-weight:600}.hosting-section-title p{color:#777;margin:0;font-size:12px}.hosting-runtime-summary{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.hosting-runtime-summary>div{background:#0003;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.rs-label{color:#888;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.hosting-runtime-summary strong{color:#ddd;font-size:16px;font-weight:700}.hosting-runtime-actions{flex-wrap:wrap;gap:10px;display:flex}.hosting-runtime-actions button{cursor:pointer;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.hra-divider{background:#ffffff1a;width:1px;height:40px;margin:0 4px}.hosting-databases-list{flex-direction:column;gap:12px;display:flex}.hosting-database-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.hosting-database-heading h3{color:var(--theme-text-strong);align-items:center;gap:8px;margin:0;font-size:19px;font-weight:700;display:flex}.hosting-add-database{min-height:38px;padding:0 12px;font-size:12px}.hosting-runtime-summary.database{grid-template-columns:1fr 1fr}.hosting-database-card{border:1px solid var(--control-line);background:var(--control-glass);border-radius:12px;padding:12px}.hosting-database-password{align-items:center;gap:7px;min-width:0;display:flex}.hosting-database-password strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hosting-database-password strong.masked{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.hosting-database-password .dash-icon-btn{width:32px;height:32px;color:var(--control-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;place-items:center;padding:0;display:grid}.hosting-database-password .dash-icon-btn:hover{border-color:var(--primary-border);background:var(--primary-soft);color:var(--primary)}.db-actions{grid-column:1/-1;justify-content:flex-end;margin-top:8px;display:flex}.hosting-member-list{flex-direction:column;gap:8px;display:flex}.hosting-member-list article{background:#0003;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.hml-avatar{background:linear-gradient(135deg, var(--primary-soft), transparent);width:36px;height:36px;color:var(--primary);border:1px solid #ffffff1a;border-radius:10px;place-items:center;font-size:14px;font-weight:700;display:grid}.hml-info{flex-direction:column;flex:1;display:flex}.hml-info strong{color:#ddd;font-size:13px}.hml-info small{color:#777;font-size:11px}.hosting-member-list em{text-transform:capitalize;color:#aaa;background:#ffffff0d;border-radius:6px;padding:4px 10px;font-size:11px;font-style:normal;font-weight:600}.hosting-member-list em.role-owner{color:#fbbf24;background:#fbbf241a}.hosting-member-list button{color:#777;cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;width:32px;height:32px;transition:all .2s;display:grid}.hosting-member-list button:hover{color:#ff6268;background:#ff10181a}.hosting-member-form{border-top:1px dashed #ffffff14;grid-template-columns:1fr 190px auto;gap:10px;margin-top:12px;padding-top:16px;display:grid}.hosting-member-form input,.hot-form input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;outline:none;height:42px;padding:0 16px;font-size:13px;transition:border-color .2s}.hosting-member-form input:focus,.hot-form input:focus{border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff0d}.custom-role-select{-webkit-user-select:none;user-select:none;width:100%;height:42px;position:relative}.crs-trigger{background:var(--theme-input,#0000004d);border:1px solid var(--theme-line-soft,#ffffff1a);width:100%;height:100%;color:var(--theme-text-strong,#fff);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:0 16px;font-size:14px;transition:all .2s;display:flex}.crs-trigger span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.custom-role-select:hover .crs-trigger{border-color:var(--primary-border,#fff3)}.crs-icon{color:var(--theme-text-soft,#888);transition:transform .2s}.crs-icon.open{transform:rotate(180deg)}.crs-dropdown{background:var(--theme-elevated,#111216);border:1px solid var(--theme-line-soft,#ffffff14);z-index:50;width:100%;box-shadow:0 10px 40px var(--theme-shadow,#00000080);border-radius:12px;padding:6px;animation:.15s ease-out crs-fade-in;position:absolute;top:calc(100% + 6px);left:0}@keyframes crs-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.crs-option{color:var(--theme-text-strong,#ddd);cursor:pointer;white-space:nowrap;border-radius:8px;padding:10px 12px;font-size:13.5px;transition:all .15s}.crs-option:hover{background:var(--theme-hover,#ffffff0a);color:var(--theme-text-strong,#fff)}.crs-option.selected{background:var(--primary-soft,#ff20281f);color:var(--primary,#ff3c43);font-weight:600}.hosting-member-form button,.hot-form button{min-width:100px;height:42px}.hosting-owner-transfer{background:#ff101808;border:1px solid #ff101826;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:20px;display:flex}.hot-info{color:#ff6268;align-items:center;gap:12px;display:flex}.hot-info span{flex-direction:column;display:flex}.hot-info strong{font-size:13px}.hot-info small{opacity:.8;font-size:11px}.hot-form{gap:10px;display:flex}.hot-form input{flex:auto;min-width:0}.hot-form button{white-space:nowrap;flex:none;min-width:max-content}.hosting-operation-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.hosting-operation-list article{background:#0003;border:1px solid #ffffff0a;border-radius:12px;grid-template-columns:116px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:72px;padding:13px 16px;transition:border-color .18s,background .18s;display:grid}.hosting-operation-list article:hover{border-color:var(--primary-border);background:#ffffff06}.hosting-operation-list article.has-error{border-color:#ff474e29}.operation-state{border:1px solid var(--control-line);width:fit-content;min-height:30px;color:var(--control-muted);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.operation-state.succeeded{color:#18d796;background:#00d08414;border-color:#00d08433}.operation-state.failed{color:#ff656b;background:#ff283014;border-color:#ff474e3d}.operation-state.running,.operation-state.pending,.operation-state.queued{color:#f8c44f;background:#fbbf2412;border-color:#fbbf2438}.operation-state.running svg{animation:1s linear infinite spin}.hol-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.hol-info strong{color:var(--theme-text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.hol-meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.hol-meta button,.hol-meta span{min-height:25px;color:var(--control-muted);background:#ffffff09;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:0 7px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-flex}.hol-meta button{cursor:pointer}.hol-meta button:hover,.hol-meta button:focus-visible{border-color:var(--primary-border);color:var(--theme-text-strong);outline:none}.hosting-operation-list small{color:var(--control-muted);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.operation-error{color:#ff777d;background:#ff283011;border-radius:8px;grid-column:2/-1;align-items:flex-start;gap:7px;margin:-2px 0 0;padding:9px 11px;font-size:11px;line-height:1.5;display:flex}.operation-error svg{flex:none;margin-top:1px}.hosting-activity-empty{min-height:128px;color:var(--control-muted);text-align:center;place-content:center;place-items:center;gap:5px;display:grid}.hosting-activity-empty strong,.hosting-activity-empty span{color:var(--theme-text-strong);font-size:13px}.hosting-activity-empty small{font-size:11px}.hosting-activity-heading{margin-bottom:16px}.hosting-log-refresh{border:1px solid var(--control-line);min-height:36px;color:var(--theme-text-soft);font:inherit;cursor:pointer;background:#ffffff06;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:11px;font-weight:650;display:inline-flex}.hosting-log-refresh:hover:not(:disabled),.hosting-log-refresh:focus-visible{border-color:var(--primary-border);background:var(--primary-soft);color:var(--primary);outline:none}.hosting-log-refresh:disabled{opacity:.6;cursor:wait}.hosting-log-refresh .is-spinning{animation:.8s linear infinite spin}.hosting-runtime-logs{border:1px solid var(--control-line);min-height:150px;max-height:360px;font-family:var(--font-kanit), "Noto Sans Thai", system-ui, sans-serif;background:#07080a;border-radius:13px;flex-direction:column;gap:2px;padding:9px;display:flex;overflow-y:auto}.hosting-runtime-logs::-webkit-scrollbar{width:6px}.hosting-runtime-logs::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.hosting-runtime-logs article{border-radius:8px;grid-template-columns:84px minmax(0,1fr) auto;align-items:flex-start;gap:10px;padding:9px 8px;display:grid}.hosting-runtime-logs article:hover{background:#ffffff08}.runtime-stream-badge{color:#8db6ef;text-align:center;background:#6ea8ff1a;border-radius:5px;width:fit-content;min-width:64px;padding:3px 7px;font-size:10px;font-weight:700}.runtime-stream-badge.stderr{color:#ff7b81;background:#ff101826}.runtime-stream-badge.stdout{color:#32dba2;background:#00d0841a}.runtime-log-content{min-width:0}.runtime-log-lines{gap:7px;display:grid}.runtime-log-line{grid-template-columns:74px minmax(0,1fr);align-items:start;gap:9px;min-width:0;display:grid}.runtime-event-badge{color:#8d929b;white-space:nowrap;background:#ffffff0b;border:1px solid #ffffff0f;border-radius:6px;justify-content:center;align-items:center;min-height:23px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-flex}.runtime-event-badge.success{color:#39dca6;background:#00d08414;border-color:#00d08424}.runtime-event-badge.info{color:#8bb7f5;background:#5297ff14;border-color:#5297ff29}.runtime-log-line p{min-width:0;font-family:var(--font-kanit), "Noto Sans Thai", system-ui, sans-serif;letter-spacing:0;color:#d6d7da;overflow-wrap:anywhere;gap:1px;margin:0;font-size:13px;line-height:1.5;display:grid}.runtime-log-line strong{font-weight:550}.runtime-log-line small{color:#747981;font-size:10px}.runtime-log-raw{margin-top:9px}.runtime-log-raw summary{color:#686d75;cursor:pointer;-webkit-user-select:none;user-select:none;width:fit-content;font-size:10px}.runtime-log-raw pre{color:#aeb2b9;white-space:pre-wrap;background:#0000003d;border:1px solid #ffffff0f;border-radius:8px;margin:8px 0 0;padding:10px;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto}.hosting-runtime-logs time{font-family:var(--font-kanit), "Noto Sans Thai", system-ui, sans-serif;color:#686b72;white-space:nowrap;font-size:11px}.hosting-log-empty{color:#666a72;text-align:center;place-content:center;place-items:center;gap:5px;min-height:130px;display:grid}.hosting-log-empty strong{color:#b9bbc0;font:600 13px var(--font-sans,sans-serif)}.hosting-log-empty span{color:#696c73;min-width:0;font:11px var(--font-sans,sans-serif);text-transform:none;background:0 0;padding:0}.terminal-muted{color:#444;text-align:center;padding:20px 0;font-family:monospace}@media (width<=1100px){.hosting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.hosting-detail-dialog{border:none;border-radius:0;width:100%;height:100dvh;max-height:100dvh;padding:0}.hosting-detail-top{padding:20px 20px 0}.hosting-detail-header{flex-direction:column;padding-right:40px}.hd-right{position:absolute;top:20px;right:60px}.hosting-detail-scrollable{padding:0 20px 20px}.hosting-runtime-summary,.hosting-runtime-summary.database{grid-template-columns:1fr 1fr}.hosting-member-form{grid-template-columns:1fr}.hosting-owner-transfer{flex-direction:column;align-items:stretch}.hosting-operation-list article{grid-template-columns:108px minmax(0,1fr)}.hosting-operation-list small{grid-column:2;justify-self:start}.operation-error{grid-column:1/-1}}@media (width<=680px){.hosting-heading{flex-direction:column;align-items:stretch;padding-left:13px}.hosting-heading .dash-primary{width:100%}.hosting-phase-note{align-items:flex-start}.hosting-filters,.hosting-grid{grid-template-columns:1fr}.hosting-form-dialog{padding:22px 16px}.hosting-form{grid-template-columns:1fr}.hosting-span-two{grid-column:auto}.hosting-form-actions{grid-template-columns:1fr 1fr;display:grid}.hosting-form-actions button{min-width:0}}@media (width<=480px){.hosting-runtime-summary,.hosting-runtime-summary.database{grid-template-columns:1fr}.hosting-runtime-actions{flex-direction:column}.hosting-runtime-actions button{width:100%}.hra-divider{display:none}.hosting-member-list article{flex-wrap:wrap}.hosting-database-heading{flex-direction:column;align-items:stretch}.hosting-add-database{width:100%}.hosting-operation-list article{grid-template-columns:1fr;gap:9px}.hosting-operation-list small,.operation-error{grid-column:1}.hosting-runtime-logs article{grid-template-columns:72px minmax(0,1fr)}.hosting-runtime-logs time{grid-column:2}.hosting-log-refresh{min-width:44px;min-height:44px}}.dash-primary,.dash-secondary,.action-menu-button,.editor-actions button,.announcement-actions button,.hosting-runtime-actions button,.hosting-form-actions button,.system-dialog-actions button{white-space:nowrap}@media (width<=560px){.hot-form{grid-template-columns:1fr;display:grid}.hot-form button{width:100%}.system-dialog-actions{grid-template-columns:1fr}}.file-manager-backdrop{z-index:1090;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;padding:20px}.file-manager-dialog{border:1px solid var(--control-line);background:var(--control-surface);width:min(1120px,96vw);height:min(760px,92vh);color:var(--theme-text-strong);border-radius:18px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 28px 90px #00000080}.file-manager-dialog>header{border-bottom:1px solid var(--control-line);justify-content:space-between;align-items:center;min-height:76px;padding:16px 20px;display:flex}.file-manager-dialog>header>div{align-items:center;gap:12px;display:flex}.file-manager-dialog>header>div>span{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border-radius:12px;place-items:center;display:grid}.file-manager-dialog h2,.file-manager-dialog p{margin:0}.file-manager-dialog h2{font-size:19px}.file-manager-dialog header p{color:var(--control-muted);margin-top:3px;font-size:12px}.file-manager-dialog header>button{width:42px;height:42px;color:var(--control-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:grid}.file-manager-dialog header>button:hover{border-color:var(--control-line);color:var(--theme-text-strong)}.file-manager-toolbar{border-bottom:1px solid var(--control-line);background:var(--control-glass);align-items:center;gap:10px;min-height:62px;padding:10px 16px;display:flex}.file-manager-toolbar>button,.file-manager-toolbar>div button{border:1px solid var(--control-line);background:var(--control-surface-strong);min-height:42px;color:var(--theme-text-strong);font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:12px;display:inline-flex}.file-manager-toolbar>button:disabled,.file-manager-toolbar>div button:disabled{opacity:.45;cursor:not-allowed}.file-manager-toolbar>code{min-width:0;color:var(--control-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.file-manager-toolbar>div{align-items:center;gap:8px;display:flex}.file-manager-toolbar input{border:1px solid var(--control-line);background:var(--control-surface-strong);width:190px;min-height:42px;color:var(--theme-text-strong);font:inherit;border-radius:9px;outline:0;padding:0 12px;font-size:12px}.file-manager-toolbar input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.file-manager-body{flex:1;grid-template-columns:300px minmax(0,1fr);min-height:0;display:grid}.file-manager-body>aside{border-right:1px solid var(--control-line);min-height:0;padding:10px;overflow:auto}.file-manager-body>aside>button{width:100%;min-height:54px;color:var(--control-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.file-manager-body>aside>button:hover,.file-manager-body>aside>button.active{border-color:var(--primary-border);background:var(--primary-soft);color:var(--theme-text-strong)}.file-manager-body>aside>button>span:nth-child(2){flex:1;min-width:0;display:grid}.file-manager-body>aside strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.file-manager-body>aside small{color:var(--control-muted);margin-top:2px;font-size:10px}.file-manager-body>aside>button>span[role=button]{border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.file-manager-body>aside>button>span[role=button]:hover{background:var(--control-surface-strong);color:var(--primary)}.file-manager-empty{min-height:130px;color:var(--control-muted);text-align:center;justify-content:center;align-items:center;gap:9px;font-size:12px;display:flex}.file-manager-body>main{flex-direction:column;min-width:0;min-height:0;padding:14px;display:flex}.file-editor-heading{justify-content:space-between;align-items:center;gap:12px;min-height:42px;display:flex}.file-editor-heading code{color:var(--theme-text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.file-editor-heading span{color:var(--control-muted);font-size:10px}.file-manager-body textarea{resize:none;border:1px solid var(--control-line);color:#e7e9ee;tab-size:2;background:#08090c;border-radius:12px;outline:0;flex:1;min-height:0;padding:16px;font:13px/1.7 Consolas,Courier New,monospace}.file-manager-body textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.file-manager-body main>footer{justify-content:flex-end;gap:9px;padding-top:12px;display:flex}.file-manager-body main>footer button{min-height:44px;font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:12px;display:inline-flex}.file-manager-body main>footer .danger{color:#ff5b62;background:#ff101812;border:1px solid #ff282838;margin-right:auto}.file-rename-control{align-items:center;gap:6px;display:flex}.file-rename-control input{border:1px solid var(--control-line);background:var(--control-surface-strong);width:160px;min-height:44px;color:var(--theme-text-strong);font:inherit;border-radius:9px;outline:0;padding:0 10px;font-size:12px}.file-rename-control input:focus{border-color:var(--primary)}.file-rename-control button{border:1px solid var(--control-line);background:var(--control-surface-strong);color:var(--theme-text-strong)}.file-editor-placeholder{height:100%;color:var(--control-muted);text-align:center;place-content:center;place-items:center;gap:8px;display:grid}.file-editor-placeholder h3{color:var(--theme-text-strong);margin:4px 0 0;font-size:17px}.file-editor-placeholder p{font-size:12px}@media (width<=760px){.file-manager-backdrop{padding:0}.file-manager-dialog{border-radius:0;width:100%;height:100dvh}.file-manager-toolbar{flex-wrap:wrap;align-items:stretch}.file-manager-toolbar>code{flex-basis:100%;order:3}.file-manager-toolbar>div{flex-wrap:wrap;flex:1}.file-manager-toolbar input{width:100%;min-width:0}.file-manager-body{grid-template-rows:minmax(170px,35vh) minmax(0,1fr);grid-template-columns:1fr}.file-manager-body>aside{border-right:0;border-bottom:1px solid var(--control-line)}.file-manager-body textarea{font-size:12px}.file-manager-body main>footer{grid-template-columns:1fr 1fr;display:grid}.file-manager-body main>footer .danger{margin:0}.file-rename-control{grid-column:1/-1}.file-rename-control input{width:100%;min-width:0}}.profile-quick-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.profile-quick-actions button{min-height:38px;padding:0 8px;font-size:11px}.session-actions{flex:none;gap:8px;display:flex}.session-detail-button{border:1px solid var(--control-line);background:var(--theme-hover);min-height:36px;color:var(--theme-text-strong);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:12px;display:inline-flex}.session-detail-button:hover{border-color:var(--primary-border);background:var(--primary-soft);color:var(--primary)}.profile-edit-dialog,.session-detail-dialog{text-align:left}.profile-dialog-form{text-align:left;background:0 0;border:0;padding:0}.profile-modal-title{margin-bottom:16px}.profile-modal-title h2{margin:0;font-size:18px}.profile-modal-title p{color:var(--control-muted);margin:3px 0 0;font-size:12px}.profile-modal-actions{margin-top:10px}.session-modal-actions{margin-top:20px}.session-modal-actions button{grid-column:1/-1}.session-detail-content{gap:8px;display:grid}.session-device-card{border:1px solid var(--control-line);background:var(--theme-hover);border-radius:10px;align-items:center;gap:14px;padding:14px;display:flex}.session-device-icon{background:var(--theme-hover);width:42px;height:42px;color:var(--theme-text-strong);border-radius:10px;flex:none;place-items:center;display:grid}.session-device-card strong{color:var(--theme-text-strong);margin-bottom:2px;font-size:15px;display:block}.session-device-card strong em{color:var(--success);background:#00d0841a;border-radius:999px;margin-left:6px;padding:2px 6px;font-size:11px;font-style:normal}.session-device-card>div>span{color:var(--control-muted);font-size:12px}.session-data-card{border:1px solid var(--control-line);background:var(--theme-hover);border-radius:10px;min-width:0;padding:12px 14px}.session-data-card strong{color:var(--control-muted);margin-bottom:2px;font-size:11px;display:block}.session-data-card span{color:var(--theme-text-strong);overflow-wrap:anywhere;font-size:13px}.session-ip-card{justify-content:space-between;align-items:center;display:flex}.session-ip-card span{letter-spacing:.05em;font-size:14px}.session-ip-card button{border:1px solid var(--control-line);background:var(--theme-hover);min-width:34px;min-height:34px;color:var(--theme-text-soft);cursor:pointer;border-radius:7px;place-items:center;padding:0;display:grid}.session-time-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.session-technical{border:1px solid var(--control-line);background:var(--theme-hover);border-radius:10px}.session-technical summary{color:var(--control-muted);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 14px;font-size:11px;list-style:none;display:flex}.session-technical summary strong{align-items:center;gap:6px;display:inline-flex}.session-technical[open] summary svg{transform:rotate(180deg)}.session-technical-body{padding:0 14px 14px}.session-technical-heading{color:var(--control-muted);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;display:flex}.session-technical-heading button{color:var(--theme-text-soft);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:11px;display:flex}.session-raw-value{border:1px solid var(--control-line);background:var(--control-surface);color:var(--control-muted);overflow-wrap:anywhere;border-radius:7px;padding:10px;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}@media (width<=560px){.profile-quick-actions,.session-time-grid{grid-template-columns:1fr}.session-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.session-actions button{width:100%}}.crop-container{background:#000;border-radius:8px;width:100%;height:300px;margin:20px 0;position:relative;overflow:hidden}.crop-zoom-label{color:var(--control-muted);font-size:13px;font-weight:600}@media (width<=560px){.hosting-create-backdrop{padding:0}.hosting-create-dialog{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh}.hosting-create-header{padding:14px 16px}.hosting-create-form{gap:18px;padding:16px}.hosting-plan-summary{flex-direction:column;align-items:flex-start}.hosting-subdomain-suffix{padding-inline:10px;font-size:11px}.hosting-create-actions{background:var(--control-surface);padding-top:8px;position:sticky;bottom:0}}.hosting-environment-section{gap:16px;display:grid}.hosting-section-heading{align-items:center;gap:12px;display:flex}.hosting-section-heading>span{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border-radius:12px;place-items:center;display:grid}.hosting-section-heading>div{flex:1;min-width:0}.hosting-section-heading h3,.hosting-section-heading p{margin:0}.hosting-section-heading h3{color:var(--theme-text-strong);font-size:19px;font-weight:700}.hosting-section-heading p{color:var(--theme-text-soft);margin-top:3px;font-size:13px}.hosting-section-heading em{border:1px solid var(--control-line);color:var(--theme-text-soft);border-radius:999px;padding:5px 10px;font-size:11px;font-style:normal}.hosting-environment-list{gap:8px;display:grid}.hosting-environment-list>article{border:1px solid var(--control-line);background:var(--control-glass);border-radius:10px;justify-content:space-between;align-items:center;gap:14px;min-height:56px;padding:10px 12px;display:flex}.hosting-environment-name,.hosting-environment-value{align-items:center;gap:8px;min-width:0;display:flex}.hosting-environment-name{color:var(--primary)}.hosting-environment-name code{color:var(--theme-text-strong);font-size:14px;font-weight:700}.hosting-environment-name span{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:3px 7px;font-size:9px}.hosting-environment-value code{max-width:300px;color:var(--theme-text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.hosting-environment-value button{width:34px;height:34px;color:var(--control-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;display:grid}.hosting-environment-value button:hover{border-color:var(--primary-border);background:var(--primary-soft);color:var(--primary)}.hosting-environment-empty{border:1px dashed var(--control-line);min-height:82px;color:var(--control-muted);border-radius:11px;place-content:center;place-items:center;gap:7px;font-size:11px;display:grid}.hosting-environment-form{grid-template-columns:minmax(150px,.8fr) minmax(220px,1.4fr) auto auto;align-items:end;gap:10px;display:grid}.hosting-environment-form>label:not(.hosting-secret-toggle){gap:6px;display:grid}.hosting-environment-form label>span{color:var(--theme-text-soft);font-size:12px}.hosting-environment-form input[type=text],.hosting-environment-form input[type=password]{border:1px solid var(--control-line);background:var(--control-surface-strong);width:100%;min-height:44px;color:var(--theme-text-strong);font:inherit;border-radius:999px;outline:0;padding:0 12px;font-size:13px}.hosting-environment-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.hosting-secret-toggle{border:1px solid var(--control-line);cursor:pointer;border-radius:9px;align-items:center;gap:7px;min-height:44px;padding:0 10px;display:flex}.hosting-environment-form>.dash-primary{white-space:nowrap;min-height:44px}.hosting-environment-note{color:var(--theme-text-soft);align-items:center;gap:7px;font-size:12px;display:flex}.hosting-environment-note>svg{color:#eab308}.hosting-environment-note button{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.hosting-environment-note button:disabled{opacity:.5}@media (width<=900px){.hosting-environment-form{grid-template-columns:1fr 1fr}.hosting-environment-form>.dash-primary{width:100%}}@media (width<=560px){.hosting-environment-list>article{flex-direction:column;align-items:flex-start}.hosting-environment-value{justify-content:space-between;width:100%}.hosting-environment-form{grid-template-columns:1fr}.hosting-secret-toggle{justify-content:center}.hosting-section-heading{align-items:flex-start}.hosting-section-heading em{display:none}}.hosting-environment-form input:not([type]),.hosting-environment-form input[type=text],.hosting-environment-form input[type=password]{border:1px solid var(--control-line);background:var(--control-surface-strong);width:100%;min-height:44px;color:var(--theme-text-strong);font:inherit;border-radius:9px;outline:0;padding:0 12px;font-size:12px;transition:border-color .18s,box-shadow .18s,background-color .18s}.hosting-environment-form input::placeholder{color:var(--control-muted);opacity:.72}.db-detail-dialog{width:min(640px,92vw)!important}.db-detail-dialog header h2{align-items:center;gap:10px;display:flex}.db-detail-dialog header h2>svg{color:#ff3e45}.db-site-banner{align-items:center;gap:10px;margin-bottom:18px;display:flex}.db-site-badge{color:#ccc;background:#ffffff0d;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.db-site-badge>svg{color:#ff6b6f}.db-engine-badge{color:#38bdf8;letter-spacing:.06em;background:#38bdf814;border:1px solid #38bdf82e;border-radius:99px;padding:5px 12px;font-size:11px;font-weight:700}.db-conn-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px;display:grid}.db-conn-item{cursor:pointer;background:#ffffff06;border:1px solid #ffffff12;border-radius:11px;flex-direction:column;gap:6px;padding:14px 16px;transition:background .2s,border-color .2s;display:flex;position:relative}.db-conn-item:hover{background:#ffffff0f;border-color:#ffffff26}.db-conn-label{color:#777;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.db-conn-value{color:#eee;word-break:break-all;font-family:SF Mono,Fira Code,monospace;font-size:14px;font-weight:600}.db-conn-copy{color:#555;transition:color .2s;position:absolute;top:12px;right:12px}.db-conn-item:hover .db-conn-copy{color:#aaa}.db-snippets-section{border-top:1px solid #ffffff0f;padding-top:18px}.db-snippets-section h3{color:#ddd;margin:0 0 12px;font-size:15px;font-weight:700}.db-snippet-tabs{border-bottom:1px solid #ffffff14;gap:0;margin-bottom:0;display:flex}.db-snippet-tabs button{color:#777;font:inherit;cursor:pointer;background:0 0;border:none;padding:8px 18px;font-size:13px;font-weight:600;transition:color .2s;position:relative}.db-snippet-tabs button.active{color:#ff4147}.db-snippet-tabs button.active:after{content:"";background:linear-gradient(90deg,#ff2028,#ff6b70);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.db-snippet-code{background:#08090d;border:1px solid #ffffff0f;border-top:none;border-radius:0 0 12px 12px;padding:18px;position:relative;overflow:hidden}.db-snippet-code pre{margin:0;padding:0;overflow-x:auto}.db-snippet-code code{color:#c8ccd4;white-space:pre;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12.5px;line-height:1.65}.db-snippet-copy{color:#888;font:inherit;cursor:pointer;z-index:2;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:7px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:inline-flex;position:absolute;top:10px;right:10px}.db-snippet-copy:hover{color:#eee;background:#ffffff17;border-color:#fff3}.db-snippet-note{color:#666;margin:12px 0 0;font-size:12px;line-height:1.6}.db-snippet-note code{color:#ffb74d;background:#ffc83214;border:1px solid #ffc83226;border-radius:4px;padding:2px 6px;font-family:SF Mono,monospace;font-size:11px}.db-mobile-only{display:none}.db-desktop-only{display:block}.db-card-list{gap:10px;padding:4px 0;display:grid}.db-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:background .2s,border-color .2s;display:flex}.db-card:active{background:#ffffff0f;border-color:#ffffff26}.db-card-header{align-items:center;gap:10px;display:flex}.db-card-icon{color:#ff4147;flex-shrink:0}.db-card-header strong{color:#eee;word-break:break-all;font-size:14px;display:block}.db-card-header small{color:#38bdf8;letter-spacing:.06em;margin-top:2px;font-size:10px;font-weight:700;display:block}.db-card-meta{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.db-card-meta>div{flex-direction:column;gap:3px;display:flex}.db-card-meta span{color:#666;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.db-card-meta strong{color:#bbb;word-break:break-all;font-size:12px}.db-card-action{color:#aaa;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:flex}.db-card:active .db-card-action{color:#ff555b;background:#ff373c14;border-color:#ff373c33}@media (width<=768px){.db-desktop-only{display:none!important}.db-mobile-only{display:block!important}.db-conn-grid{grid-template-columns:1fr}.db-card-meta{grid-template-columns:1fr 1fr}.db-snippet-tabs button{padding:8px 12px;font-size:12px}.db-detail-dialog{width:96vw!important}.db-snippet-code{padding:14px}.db-snippet-code code{font-size:11px}}.dropdown-container{display:inline-block;position:relative}.dropdown-menu{background:var(--control-surface-strong,#1e1e24);z-index:50;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:2px;min-width:180px;padding:6px;display:flex;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 4px 20px #0006}.dropdown-menu button{color:#ccc;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;transition:background .2s,color .2s;display:flex}.dropdown-menu button:hover{color:#fff;background:#ffffff14}.dropdown-menu button.text-danger{color:#ff555b}.dropdown-menu button.text-danger:hover{color:#ff3e45;background:#ff373c1a}.db-status-badge{transition:all .15s;white-space:nowrap!important;border-radius:9999px!important;align-items:center!important;gap:6px!important;width:fit-content!important;padding:4px 11px!important;font-size:12px!important;font-weight:600!important;line-height:1!important;display:inline-flex!important}.db-status-badge>span{display:inline!important}.db-status-badge.active{color:#4ade80!important;background:#4ade8017!important;border:1px solid #4ade8038!important}.db-status-badge.active:hover{background:#4ade8026!important;border-color:#4ade8059!important}.db-status-badge.suspended{color:#ffb74d!important;background:#ffb74d17!important;border:1px solid #ffb74d38!important}.db-status-badge.suspended:hover{background:#ffb74d26!important;border-color:#ffb74d59!important}.db-status-dot{background-color:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s infinite db-pulse;box-shadow:0 0 8px #4ade80;display:inline-block!important}@keyframes db-pulse{0%{box-shadow:0 0 #4ade80b3}70%{box-shadow:0 0 0 5px #4ade8000}to{box-shadow:0 0 #4ade8000}}.log-category-tabs{align-items:center;gap:8px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.log-category-tabs button{color:#aaa;cursor:pointer;white-space:nowrap;background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.log-category-tabs button:hover{color:#fff;background:#ffffff0f;border-color:#ffffff26}.log-category-tabs button.active{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;border-color:var(--primary-border);box-shadow:0 4px 12px var(--primary-glow);font-weight:600;overflow:hidden}.log-category-icon{color:#eee;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.log-category-icon.auth{color:#38bdf8;background:#38bdf81a;border-color:#38bdf840}.log-category-icon.hosting{color:#ff4147;background:#ff41471a;border-color:#ff414740}.log-category-icon.user{color:#c084fc;background:#a855f71a;border-color:#a855f740}.log-badge-tag{color:#999;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0f;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.log-table-row:hover{background:#ffffff09!important}.settings-card-header{background:#ffffff04;border-bottom:1px solid #ffffff14;align-items:center;gap:14px;padding:18px 24px;display:flex}.settings-card-header h3{color:#fff;margin:0 0 2px;font-size:16px;font-weight:700}.settings-card-header p{color:#888;margin:0;font-size:12px}.sch-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sch-icon.login{color:#818cf8;background:#6366f11f;border:1px solid #6366f140}.sch-icon.register{color:#34d399;background:#10b9811f;border:1px solid #10b98140}.session-ttl-input-wrap{align-items:center;display:flex;position:relative}.session-ttl-input-wrap input{padding-right:50px}.ttl-unit-tag{color:#777;pointer-events:none;font-size:13px;font-weight:500;position:absolute;right:14px}.ttl-preset-pills{justify-content:space-between;align-items:center;gap:10px;padding:4px 2px;display:flex}.ttl-hint-text{color:#888;font-size:12px}.ttl-hint-text strong{color:#6366f1}.ttl-preset-btn{color:#bbb;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s}.ttl-preset-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.ttl-preset-btn.active{color:#a5b4fc;background:#6366f133;border-color:#6366f1}.modern-toggle-switch{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;width:max-content!important;min-height:unset!important;background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:9999px!important;align-items:center!important;gap:12px!important;padding:6px 14px 6px 16px!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important}.modern-toggle-switch:hover{background:#ffffff0f!important;border-color:#ffffff29!important}.modern-toggle-switch.checked{background:#6366f11f!important;border-color:#6366f159!important}.modern-toggle-switch .mts-label{color:#aaa!important;font-size:13.5px!important;font-weight:600!important;transition:color .2s!important}.modern-toggle-switch.checked .mts-label{color:#a5b4fc!important}.modern-toggle-switch .mts-track{background:#ffffff26!important;border-radius:9999px!important;flex-shrink:0!important;width:44px!important;height:24px!important;transition:background .25s!important;position:relative!important}.modern-toggle-switch.checked .mts-track{background:#6366f1!important;box-shadow:0 0 12px #6366f166!important}.modern-toggle-switch .mts-track input{opacity:0!important;pointer-events:none!important;appearance:none!important;width:0!important;height:0!important;margin:0!important;position:absolute!important}.modern-toggle-switch .mts-thumb{background:#fff!important;border-radius:50%!important;width:20px!important;height:20px!important;transition:transform .25s cubic-bezier(.16,1,.3,1)!important;position:absolute!important;top:2px!important;left:2px!important;box-shadow:0 2px 5px #0000004d!important}.modern-toggle-switch.checked .mts-thumb{transform:translate(20px)!important}.modern-toggle-switch.disabled{opacity:.5!important;cursor:not-allowed!important}.oauth-settings-panel{gap:18px;width:100%;display:grid}.oauth-settings-panel>.premium-alert{width:min(100%,960px);margin:0 auto}.oauth-settings-grid{grid-template-columns:repeat(3,minmax(0,300px));justify-content:center;gap:14px;width:100%;display:grid}.oauth-provider-card{border:1px solid var(--theme-line-soft);background:linear-gradient(145deg, rgb(var(--primary-rgb) / .035), transparent 42%), var(--theme-elevated);border-radius:16px;min-width:0;padding:18px;position:relative;overflow:hidden;box-shadow:0 12px 30px #0000001f}.oauth-provider-card:before{content:"";background:var(--primary);opacity:.75;width:3px;position:absolute;inset:0 auto 0 0}.oauth-provider-discord:before{background:#5865f2}.oauth-provider-google:before{background:linear-gradient(#4285f4 0 25%,#34a853 25% 50%,#fbbc05 50% 75%,#ea4335 75%)}.oauth-provider-github:before{background:var(--theme-text-strong)}.oauth-provider-header{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:11px;display:grid}.oauth-provider-header>.modern-toggle-switch{grid-column:1/-1;justify-self:start;margin-top:5px;width:max-content!important;padding:7px 11px 7px 13px!important}.oauth-provider-icon{border:1px solid var(--theme-line-soft);background:var(--control-surface-strong);border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.oauth-provider-icon img{object-fit:contain;width:24px;height:24px;display:block}.oauth-provider-discord .oauth-provider-icon{background:#5865f2;border-color:#5865f2;box-shadow:0 6px 16px #5865f238}.oauth-provider-discord .oauth-provider-icon img{opacity:1;width:28px;height:28px}[data-theme=dark] .oauth-provider-github .oauth-provider-icon img{filter:invert()}.oauth-provider-copy{min-width:0}.oauth-provider-copy h3{color:var(--theme-text-strong);margin:0;font-size:17px;line-height:1.25}.oauth-provider-copy p{color:var(--theme-text-soft);margin:4px 0 0;font-size:11px;line-height:1.45}.oauth-provider-state{border-block:1px solid var(--theme-line-soft);align-items:center;min-height:34px;margin:13px 0 10px;padding-block:10px;display:flex}.oauth-provider-state .badge{z-index:auto;text-transform:none;letter-spacing:0;position:static;inset:auto}.oauth-provider-fields{gap:11px;display:grid}.oauth-provider-fields .input-group label{color:var(--theme-text-soft);font-size:12px}.oauth-field-label{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.oauth-field-label span{color:var(--success);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.oauth-provider-fields .premium-input{background:var(--theme-input);min-height:46px;color:var(--theme-text-strong);padding-inline:13px}.oauth-remove-credential{border:1px solid rgb(var(--danger-rgb) / .24);background:rgb(var(--danger-rgb) / .06);width:100%;min-height:42px;color:var(--danger);font:inherit;cursor:pointer;border-radius:9px;margin-top:12px;font-size:12px;font-weight:600;transition:background-color .18s,border-color .18s}.oauth-remove-credential:hover{border-color:rgb(var(--danger-rgb) / .42);background:rgb(var(--danger-rgb) / .11)}.oauth-remove-credential:focus-visible,.oauth-provider-fields .premium-input:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (width<=1040px){.oauth-settings-grid{grid-template-columns:repeat(2,minmax(0,320px))}}@media (width<=680px){.oauth-settings-panel{gap:12px}.oauth-settings-panel>.premium-alert{margin:0}.oauth-settings-grid{grid-template-columns:minmax(0,1fr)}.oauth-provider-card{padding:16px}}.custom-select-wrap{width:100%;position:relative}.custom-select-wrap select{appearance:none;cursor:pointer;padding-right:40px!important}.custom-select-wrap .select-arrow{color:#888;pointer-events:none;transition:color .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.custom-select-wrap:hover .select-arrow{color:#fff}.announcement-editor-card{margin-bottom:32px}.announcement-form-body{flex-direction:column;gap:20px;padding:24px;display:flex}.form-row-grid{grid-template-columns:1fr 1fr;gap:18px 20px;display:grid}.form-row-grid .span-two{grid-column:span 2}.input-group label .req{color:#ff4d54;margin-left:2px}.severity-pill-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.sev-pill{color:#aaa;cursor:pointer;background:#ffffff08;border:1px solid #ffffff17;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sev-pill:hover{color:#fff;background:#ffffff0f;border-color:#ffffff2e}.sev-pill.sev-info.selected{color:#7dd3fc;background:#38bdf824;border-color:#38bdf8}.sev-pill.sev-success.selected{color:#6ee7b7;background:#10b98124;border-color:#10b981}.sev-pill.sev-warning.selected{color:#fde68a;background:#f59e0b24;border-color:#f59e0b}.sev-pill.sev-error.selected{color:#fca5a5;background:#ef444424;border-color:#ef4444}.announcement-toggle-bar{padding-top:6px}.announcement-form-actions{border-top:1px solid #ffffff14;align-items:center;gap:12px;padding-top:10px;display:flex}.announcement-list-section{flex-direction:column;gap:16px;display:flex}.als-header h3{color:#fff;align-items:center;gap:10px;margin:0;font-size:17px;font-weight:700;display:flex}.announcement-list-grid{gap:14px;display:grid}.announcement-card{background:#060606;border:1px solid #ffffff14;border-left:4px solid #38bdf8;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;transition:transform .2s,border-color .2s,background .2s;display:flex;box-shadow:0 4px 16px #0000004d}.announcement-card:hover{background:#ffffff04;transform:translateY(-1px)}.announcement-card.success{border-left-color:#10b981}.announcement-card.warning{border-left-color:#f59e0b}.announcement-card.error{border-left-color:#ef4444}.ac-main{flex:1;min-width:0}.ac-badges{align-items:center;gap:8px;margin-bottom:8px;display:flex}.ac-tag{color:#aaa;background:#ffffff0f;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.ac-state{color:#888;background:#ffffff0f;border-radius:99px;padding:2px 9px;font-size:11px;font-weight:600}.ac-state.live{color:#34d399;background:#10b98124}.ac-state.pending{color:#fbbf24;background:#f59e0b24}.ac-title{color:#fff;margin:0 0 4px;font-size:16px;font-weight:700}.ac-message{color:#aaa;white-space:pre-wrap;margin:0 0 10px;font-size:13.5px;line-height:1.5}.ac-footer-meta small{color:#666;font-size:12px}.ac-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.premium-btn.icon-only{width:38px;height:38px;padding:0}.empty-announcements-card{text-align:center;color:#666;background:#060606;border:1px dashed #ffffff1f;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:48px;display:flex}.empty-announcements-card h4{color:#aaa;margin:0;font-size:16px}.empty-announcements-card p{margin:0;font-size:13px}@media (width<=768px){.form-row-grid{grid-template-columns:1fr}.form-row-grid .span-two{grid-column:span 1}.severity-pill-grid{grid-template-columns:1fr 1fr}.announcement-card{flex-direction:column;align-items:flex-start}.ac-actions{justify-content:flex-end;width:100%}}.announcement-modal-backdrop{z-index:999;-webkit-backdrop-filter:blur(12px);background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.announcement-modal-dialog{border-radius:18px;width:min(100%,720px);max-height:calc(100vh - 40px);animation:.22s cubic-bezier(.16,1,.3,1) modal-in;position:relative;overflow-y:auto}.popup-header{position:relative;padding-right:50px!important}.modal-close-btn{color:#aaa;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:18px;right:18px}.modal-close-btn:hover{color:#fff;background:#ffffff1f}.als-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}[data-theme=light] .announcement-modal-backdrop{background:#00000073!important}[data-theme=light] .modal-close-btn{color:#64748b!important;background:#f1f5f9!important;border-color:#cbd5e1!important}[data-theme=light] .modal-close-btn:hover{color:#0f172a!important;background:#e2e8f0!important}.form-image-preview{background:#000;border:1px solid #ffffff1f;border-radius:12px;max-height:160px;margin-top:10px;overflow:hidden}.form-image-preview img{object-fit:cover;width:100%;height:100%;max-height:160px;display:block}.ac-card-image-thumb{border:1px solid #ffffff14;border-radius:10px;max-height:120px;margin-bottom:10px;overflow:hidden}.ac-card-image-thumb img{object-fit:cover;width:100%;height:120px;display:block}.color-picker-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.color-swatch-input{cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:10px;flex-shrink:0;width:44px;height:44px;padding:2px}.color-hex-input{width:140px!important}.color-preset-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.color-chip{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:28px;height:28px;transition:transform .2s,border-color .2s}.color-chip:hover,.color-chip.active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 10px #fff6}.thai-date-hint{color:var(--primary,#38bdf8);margin-top:6px;font-size:12.5px;font-weight:500;display:block}.input-with-upload-row{align-items:center;gap:10px;display:flex}.input-with-upload-row input{flex:1}.upload-btn{white-space:nowrap;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 16px;display:inline-flex;margin:0!important}.upload-btn.uploading{opacity:.7;pointer-events:none}.form-image-preview{margin-top:10px;position:relative}.preview-remove-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ff4d54;cursor:pointer;background:#000000bf;border:1px solid #fff3;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;transition:all .2s;display:inline-flex;position:absolute;top:8px;right:8px}.preview-remove-btn:hover{color:#fff;background:#ff1018e6;border-color:#0000}.log-table-row.clickable{cursor:pointer}.log-table-activity{align-items:center;gap:10px;display:flex}.log-table-copy{min-width:0}.log-table-title,.log-actor-name{color:var(--theme-text-strong);display:block}.log-table-title{font-size:13.5px}.log-table-meta{color:var(--theme-text-soft);align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.log-actor-name{font-size:13px}.log-actor-role,.log-mono,.log-date{color:var(--theme-text-soft)}.log-actor-role{display:block}.log-mono{font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.log-date{font-size:12px}.pagination-ellipsis{color:var(--control-muted);padding:0 6px;font-size:13px;font-weight:700}.system-dialog-card.log-detail-dialog{border:1px solid var(--theme-line-soft);background:var(--theme-elevated);width:min(100%,540px);max-height:calc(100dvh - 32px);box-shadow:0 28px 90px var(--theme-shadow);color:var(--theme-text-strong);text-align:left;scrollbar-width:none;border-radius:20px;padding:26px;overflow:auto}.system-dialog-card.log-detail-dialog::-webkit-scrollbar{display:none}.log-detail-header{border-bottom:1px solid var(--theme-line-soft);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.log-detail-heading{align-items:center;gap:12px;display:flex}.log-detail-heading h3{color:var(--theme-text-strong);margin:0;font-size:18px}.log-detail-heading small{color:var(--theme-text-soft);margin-top:3px;display:block}.log-detail-close{border:1px solid var(--theme-line-soft);background:var(--theme-hover);width:36px;height:36px;color:var(--theme-text-soft);cursor:pointer;border-radius:9px;flex:none;place-items:center;display:grid}.log-detail-close:hover{color:var(--theme-text-strong);border-color:var(--primary-border)}.log-detail-body{gap:9px;padding-top:16px;display:grid}.log-detail-row{border:1px solid var(--theme-line-soft);background:var(--theme-hover);border-radius:9px;justify-content:space-between;align-items:flex-start;gap:20px;padding:11px 12px;font-size:13px;display:flex}.log-detail-row>span:first-child{color:var(--theme-text-soft)}.log-detail-row strong,.log-detail-row>span:last-child{color:var(--theme-text-strong);text-align:right}.log-detail-row.stacked{gap:8px;display:grid}.log-user-agent{color:var(--theme-text-strong);word-break:break-word;line-height:1.55}.log-detail-metadata{gap:8px;display:grid}.log-detail-metadata>span{color:var(--theme-text-soft);font-size:13px}.log-detail-metadata pre{border:1px solid var(--theme-line-soft);background:var(--theme-input);max-height:220px;color:var(--success);white-space:pre-wrap;word-break:break-word;border-radius:9px;margin:0;padding:12px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.db-user-select{width:100%;position:relative}.db-user-select-trigger{border:1px solid var(--theme-line-soft);background:var(--theme-input);width:100%;min-height:54px;color:var(--theme-text-strong);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:0 16px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.db-user-select-trigger.open{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.db-user-select-current,.db-user-option-main{align-items:center;gap:12px;min-width:0;display:flex}.db-user-avatar,.db-user-option-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.db-user-avatar{width:32px;height:32px;font-size:14px}.db-user-option-avatar{background:var(--control-surface-strong);width:30px;height:30px;font-size:13px}.db-user-name,.db-user-option-name{color:var(--theme-text-strong);font-size:15px;font-weight:700;line-height:1.25;display:block}.db-user-self{color:var(--primary);margin-left:8px;font-size:12px;font-weight:600}.db-user-handle,.db-user-option-handle{color:var(--theme-text-soft);font-size:12px}.db-user-handle{font-size:13px}.db-user-chevron{color:var(--theme-text-soft);flex:none;transition:transform .2s}.db-user-chevron.open{transform:rotate(180deg)}.db-user-dropdown{z-index:999999;border:1px solid var(--theme-line-soft);background:var(--theme-elevated);max-height:250px;box-shadow:0 16px 48px var(--theme-shadow);border-radius:14px;padding:8px;position:fixed;overflow-y:auto}.db-user-search{border-bottom:1px solid var(--theme-line-soft);margin-bottom:8px;padding:6px 6px 10px}.db-user-search input{border:1px solid var(--theme-line-soft);background:var(--theme-input);width:100%;height:38px;color:var(--theme-text-strong);font:inherit;border-radius:8px;outline:0;padding:0 12px;font-size:13px}.db-user-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.db-user-option{color:var(--theme-text-strong);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:3px;padding:10px 14px;transition:background .15s;display:flex}.db-user-option:hover{background:var(--theme-hover)}.db-user-option.selected{background:var(--primary-soft);color:var(--primary)}.db-user-option.selected .db-user-option-avatar{background:var(--primary);color:#fff}.db-user-option.selected .db-user-option-handle{color:var(--primary)}.db-user-check{color:var(--primary);flex:none}.db-admin-filters{justify-content:space-between;align-items:center;display:flex}.db-admin-search{flex:1;max-width:400px}.db-create-button{white-space:nowrap}.db-size-value{color:var(--theme-text-strong);font-size:13px}.db-card-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dropdown-container.static{position:static}.db-card-menu-button{justify-content:center;align-items:center;gap:6px;width:100%;height:100%;display:flex}.db-admin-form-dialog{text-align:left;width:min(100%,480px);padding:30px 28px}.db-admin-modal-header{margin-bottom:20px}.db-admin-modal-title{color:var(--theme-text-strong);align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700;display:flex}.db-admin-modal-title svg{color:var(--primary)}.db-admin-modal-copy{color:var(--theme-text-soft)!important;margin:8px 0 0!important;font-size:14px!important;line-height:1.5!important}.db-admin-modal-copy strong{color:var(--theme-text-strong)}.db-admin-form-group{margin-bottom:24px}.db-admin-form-label{color:var(--theme-text-strong);margin-bottom:10px;font-size:14px;font-weight:700;display:block}.db-admin-modal-actions{grid-template-columns:1fr 1fr;gap:12px}.db-admin-modal-actions button{min-height:48px;font-size:15px;font-weight:600}.db-admin-modal-actions .dash-primary{font-weight:700}.db-snippet-warning-icon{color:#c98000;vertical-align:middle;margin-right:4px}.form-label-hint{color:var(--theme-text-soft);font-weight:400}.color-tag{--announcement-accent:var(--primary);background:color-mix(in srgb,var(--announcement-accent) 14%,transparent)!important;color:var(--announcement-accent)!important}.color-chip{background:var(--chip-color,#666)}.db-detail-dialog,.db-card,.db-conn-item,.dropdown-menu{border-color:var(--theme-line-soft);background:var(--theme-elevated);color:var(--theme-text-strong)}.db-site-badge,.db-card-action{border-color:var(--theme-line-soft);background:var(--theme-hover);color:var(--theme-text-strong)}.db-conn-item:hover,.db-card:active,.dropdown-menu button:hover{background:var(--theme-hover);border-color:var(--primary-border)}.db-conn-label,.db-card-meta span,.db-snippet-note{color:var(--theme-text-soft)}.db-conn-value,.db-card-header strong,.db-card-meta strong,.db-snippets-section h3,.dropdown-menu button{color:var(--theme-text-strong)}.db-snippets-section,.db-snippet-tabs{border-color:var(--theme-line-soft)}.db-snippet-tabs button{color:var(--theme-text-soft)}.db-snippet-tabs button:hover{color:var(--theme-text-strong)}@media (width<=560px){.log-detail-dialog{padding:20px 16px}.log-detail-row{flex-direction:column;gap:4px}.log-detail-row strong,.log-detail-row>span:last-child{text-align:left}.db-admin-filters{flex-direction:column;align-items:stretch}.db-admin-search{max-width:none}.db-create-button{width:100%}.db-admin-form-dialog{padding:24px 18px}.db-admin-modal-actions{grid-template-columns:1fr}.db-user-self{margin:3px 0 0;display:block}}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#08090d;--surface:#12141d;--surface-strong:#1a1d29;--primary:#ff1018;--primary-hover:#e00008;--primary-rgb:255 16 24;--primary-soft:rgb(var(--primary-rgb) / .12);--primary-border:rgb(var(--primary-rgb) / .35);--primary-glow:rgb(var(--primary-rgb) / .22);--success:#00d084;--success-rgb:0 208 132;--danger:#f43f5e;--danger-rgb:244 63 94;--text:#edf1f5;--muted:#b7c0cb;--border:#ffffff26;--dash-bg:#090a0e;--dash-card:#13151f;--dash-line:#ffffff24;--theme-elevated:#151723;--theme-input:#12141ce0;--theme-text-strong:#edf1f5;--theme-text-soft:#9ba7b5;--theme-line-soft:#ffffff24;--theme-hover:#ffffff14;--theme-shadow:#000000ad;--theme-overlay:#000000d9;--control-surface:#12141f;--control-surface-strong:#1b1e2c;--control-glass:#12141de0;--control-line:#ffffff26;--control-muted:#94a3b8;--primary-color:var(--primary);--bg-surface:var(--surface);--border-color:var(--theme-line-soft);--text-muted:var(--muted);--font-sans:var(--font-body);--transition-fast:.16s ease;--transition-normal:.22s ease;--transition-slow:.35s ease;--focus-ring:0 0 0 2px var(--background), 0 0 0 4px rgb(var(--primary-rgb) / .5)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f6f8;--surface:#fff;--surface-strong:#fff7f7;--primary:#d70b13;--primary-hover:#b9070e;--success:#007f52;--success-rgb:0 127 82;--danger:#dc2638;--danger-rgb:220 38 56;--text:#292d32;--muted:#60666e;--border:#be141c29;--dash-bg:#f3f4f7;--dash-card:#fff;--dash-line:#78141921;--theme-elevated:#fff;--theme-input:#ffffffeb;--theme-text-strong:#292d32;--theme-text-soft:#59616b;--theme-line-soft:#1414191a;--theme-hover:#1414190b;--theme-shadow:#23141924;--theme-overlay:#12101285;--control-surface:#fff;--control-surface-strong:#f6f7f8;--control-glass:#ffffffe6;--control-line:#1414191f;--control-muted:#60666e;--primary-color:var(--primary);--bg-surface:var(--surface);--border-color:var(--theme-line-soft);--text-muted:var(--muted);--font-sans:var(--font-body);--focus-ring:0 0 0 2px var(--background), 0 0 0 4px rgb(var(--primary-rgb) / .45)}[data-theme=light] body,[data-theme=light] .dashboard-root,[data-theme=light] .user-app-container{color:var(--text,#171717)}body,.dashboard-root{transition:background-color .2s,color .2s}[data-theme=light] body:before{background:radial-gradient(circle at 75% 10%,#ff10180e,#0000 28%),linear-gradient(#00000006 1px,#0000 1px),linear-gradient(90deg,#00000006 1px,#0000 1px)}[data-theme=light] .navbar{background:#ffffffe0;border-color:#00000014}[data-theme=light] .nav-links a,[data-theme=light] .button.ghost{color:#45484d}[data-theme=light] .button.ghost{background:#fff;border-color:#0000001f}[data-theme=light] .trust-strip,[data-theme=light] footer{background:#fff;border-color:#00000014}[data-theme=light] .trust-grid article,[data-theme=light] .quick-grid a,[data-theme=light] .product-card,[data-theme=light] .filters,[data-theme=light] .empty-state,[data-theme=light] .cta-section{background:linear-gradient(145deg,#fff,#fff8f8);border-color:#00000017;box-shadow:0 12px 34px #1e14140f}[data-theme=light] .quick-grid a p,[data-theme=light] .product-spec,[data-theme=light] .section-heading>div>p,[data-theme=light] footer p{color:#62666c}[data-theme=light] .filters input,[data-theme=light] .filters select,[data-theme=light] .category-tabs button{color:#42464c;background:#fff;border-color:#0000001a}[data-theme=light] .auth-modal,[data-theme=light] .feedback-modal,[data-theme=light] .announcement-popup{color:#171717;background:linear-gradient(#fff,#fff8f8);box-shadow:0 30px 90px #14000038}[data-theme=light] .auth-modal:before{background-image:linear-gradient(#ffffffe6, #fffffff5), var(--auth-background-image)}[data-theme=light] .input-wrap,[data-theme=light] .auth-announcement{color:#171717;background:#fff;border-color:#0000001f}[data-theme=light] .tabs{border-color:#0000001a}[data-theme=light] .account-dropdown{color:#171717;background:#fff;border-color:#0000001a;box-shadow:0 20px 45px #00000024}[data-theme=light] .account-link{color:#333}[data-theme=light] .dashboard-root{background:radial-gradient(circle at 90% 0, #ff10180d, transparent 28%), var(--dash-bg);color:#18191c}[data-theme=light] .dashboard-root:before{opacity:.2;background-image:linear-gradient(#1414190d 1px,#0000 1px),linear-gradient(90deg,#1414190d 1px,#0000 1px)}[data-theme=light] .dashboard-sidebar{background:#fffffff7;border-color:#00000014;box-shadow:8px 0 30px #1e14140a}[data-theme=light] .dashboard-brand{border-color:#00000012}[data-theme=light] .dashboard-brand span,[data-theme=light] .sidebar-group>button{color:#656970}[data-theme=light] .sidebar-group>button:hover{color:#171717;background:#f5f5f6}[data-theme=light] .dashboard-sidebar nav a{color:#686c73}[data-theme=light] .dashboard-sidebar nav a:hover{color:#171717;background:#f5f5f6}[data-theme=light] .sidebar-account{background:#f7f7f8;border-color:#00000014}[data-theme=light] .dashboard-topbar{background:#fffc;border-color:#00000014}[data-theme=light] .back-site{color:#444;background:#fff;border-color:#0000001a}[data-theme=light] .dash-card,[data-theme=light] .stat-card{background:linear-gradient(145deg,#fff,snow);box-shadow:0 12px 30px #1e14140f}[data-theme=light] .dash-filters{background:#ffffffb8;border-color:#00000014}[data-theme=light] .welcome-admin{background:radial-gradient(circle at 86%,#ff101817,#0000 28%),linear-gradient(135deg,#fff,#fff8f8)}[data-theme=light] .form-card label{color:#4a4d52;font-weight:500}[data-theme=light] .card-title p,[data-theme=light] .dash-heading span,[data-theme=light] .responsive-table td{color:#686c72}[data-theme=light] .form-card input,[data-theme=light] .form-card textarea,[data-theme=light] .dash-filters input,[data-theme=light] .dash-filters select,[data-theme=light] .responsive-table select,[data-theme=light] .theme-setting button,[data-theme=light] .toggle,[data-theme=light] .oauth-provider-card,[data-theme=light] .webhook-events label,[data-theme=light] .user-edit-form input{color:#18191c;background:#fff;border-color:#0000001c}[data-theme=light] .responsive-table td{border-color:#00000012}[data-theme=light] .responsive-table td>strong,[data-theme=light] .card-title h2{color:#18191c}[data-theme=light] .permission-grid article>div span,[data-theme=light] .social-connections>div,[data-theme=light] .user-action-details div,[data-theme=light] .user-action-list>button,[data-theme=light] .action-menu-button{color:#323438;background:#f8f8f9;border-color:#00000014}[data-theme=light] .settings-save{background:#ffffffe6;border-color:#00000017}[data-theme=light] .system-dialog{color:#18191c;background:linear-gradient(#fff,#fff9f9);box-shadow:0 28px 80px #1400002e}[data-theme=light] .system-dialog-actions button{color:#303237;background:#f4f4f5;border-color:#0000001a}[data-theme=light] .dashboard-loading{color:#202126;background:radial-gradient(circle at 50% 42%,#d70b1312,#0000 30%),#f5f6f8}[data-theme=light] .dashboard-loading .auth-check-card{background:#fffffff5;border-color:#be141c24;box-shadow:0 26px 70px #30232624}[data-theme=light] .auth-check-card>header{border-bottom-color:#00000014}[data-theme=light] .auth-check-card>p{color:#676b72}[data-theme=light] .auth-check-progress{background:#00000014}[data-theme=light] .auth-check-warning strong{color:#25262b}[data-theme=light] .nav-links{color:#555960}[data-theme=light] .nav-links>a:hover,[data-theme=light] .nav-links>a.active{color:#111216}[data-theme=light] .user-pill{border-color:var(--theme-line-soft);background:var(--theme-elevated);color:#292b30}[data-theme=light] .user-pill:hover,[data-theme=light] .user-pill[aria-expanded=true]{background:#fff7f7;border-color:#d2141c40}[data-theme=light] .account-summary strong{color:var(--theme-text-strong)}[data-theme=light] .account-summary small,[data-theme=light] .account-logout,[data-theme=light] .account-link{color:#62666d}[data-theme=light] .account-divider{background:var(--theme-line-soft)}[data-theme=light] .account-logout:hover,[data-theme=light] .account-link:hover{color:#17181b;background:#ff101811}[data-theme=light] .hero-copy>p:not(.eyebrow){color:#595d64}[data-theme=light] .floating-chip{border-color:var(--theme-line-soft);color:#25272b;background:#ffffffe6;box-shadow:0 12px 30px #1e14141a}[data-theme=light] .chip-two{color:#087b52}[data-theme=light] .quick-grid h3,[data-theme=light] .product-body h3,[data-theme=light] .empty-state h3,[data-theme=light] .cta-section h2{color:var(--theme-text-strong)}[data-theme=light] .search{border-color:var(--theme-line-soft);background:var(--theme-input)}[data-theme=light] .search input,[data-theme=light] .input-wrap input{color:var(--theme-text-strong)}[data-theme=light] .search input::placeholder,[data-theme=light] .input-wrap input::placeholder{color:#777b82}[data-theme=light] .category-tabs button.selected{color:#b4070e;background:#ff101813}[data-theme=light] .product-image{background:#f0eeee}[data-theme=light] .product-image:after{background:linear-gradient(#0000,#280f122e)}[data-theme=light] .empty-state{border-color:#0000001f}[data-theme=light] footer a:hover{color:#17181b}[data-theme=light] .modal-backdrop,[data-theme=light] .announcement-popup-backdrop,[data-theme=light] .feedback-modal-backdrop{background:var(--theme-overlay)}[data-theme=light] .close:hover,[data-theme=light] .show-pass:hover,[data-theme=light] .feedback-modal-close:hover{color:#17181b}[data-theme=light] .tabs button{color:#71757b}[data-theme=light] .tabs button[aria-selected=true]{color:#17181b}[data-theme=light] .field>span:first-child{color:#41444a}[data-theme=light] .field-icon{color:#74787f;border-right-color:#0000001f}[data-theme=light] .show-pass{color:#74787f}[data-theme=light] .input-wrap:focus-within .field-icon{color:#3c3f45;border-right-color:var(--primary)}[data-theme=light] .divider{color:#777b82}[data-theme=light] .divider:before,[data-theme=light] .divider:after{background:var(--theme-line-soft)}[data-theme=light] .social-login{border-color:var(--theme-line-soft);color:#36393f;background:#fff;box-shadow:0 5px 16px #191e2612}[data-theme=light] .social-login:hover{border-color:var(--primary-border);background:color-mix(in srgb, var(--primary) 4%, #fff);box-shadow:0 8px 22px #191e261a}[data-theme=light] .github-icon{filter:none}[data-theme=light] .auth-terms{color:#6b6f76}[data-theme=light] .auth-terms a{color:#42454b}[data-theme=light] .error,[data-theme=light] .form-error{color:#ad1017}[data-theme=light] .form-error{background:#ad10170e;border-color:#ad101733}[data-theme=light] .announcement-banner strong{color:#202227}[data-theme=light] .announcement-banner span{color:#565a61}[data-theme=light] .announcement-banner a{color:#25272c}[data-theme=light] .announcement-popup>div,[data-theme=light] .feedback-modal p,[data-theme=light] .auth-announcement p{color:#60646b}[data-theme=light] .auth-announcement button,[data-theme=light] .feedback-modal-close,[data-theme=light] .close{color:#72767c}[data-theme=light] .toast{border-color:var(--theme-line-soft);box-shadow:0 18px 55px var(--theme-shadow);color:#25272b;background:#fffffff7}[data-theme=light] .toast-close{color:#72767d}[data-theme=light] .toast-close:hover{color:#17181b;background:#0000000e}[data-theme=light] .dashboard-root{--control-red:#d70b13;--control-red-soft:#d70b1313;--control-glass:#ffffffd1;--control-glass-strong:#fffffff0;--control-surface:#fff;--control-surface-strong:#f6f7f8;--control-line:#14141917;--control-muted:#676b72}.user-app-container,[data-theme=light] .user-app-container{background:var(--background);color:var(--text)}[data-theme=light] .user-premium-card,[data-theme=light] .overview-card{background:radial-gradient(circle at 95% 10%, var(--primary-soft), transparent 32%), #fff;border-color:#1414191a;box-shadow:0 12px 34px #231b1b12}[data-theme=light] .upc-header{border-color:#14141914}[data-theme=light] .scl-item,[data-theme=light] .usl-item,[data-theme=light] .session-device-card,[data-theme=light] .session-data-card,[data-theme=light] .session-technical{background:#f7f7f8;border-color:#14141917}[data-theme=light] .uamn-content{background:#fff;border-color:#1414191a}[data-theme=light] .dashboard-brand strong,[data-theme=light] .sidebar-account strong{color:#1b1d21}[data-theme=light] .dashboard-sidebar nav .sidebar-dashboard-link.active,[data-theme=light] .dashboard-sidebar nav .sidebar-group a.active{color:var(--primary);background:linear-gradient(90deg, rgba(var(--primary-rgb), .085), rgba(var(--primary-rgb), .02))}[data-theme=light] .dashboard-topbar>div{color:#54585e;background:#00965f0e;border-color:#00965f29}[data-theme=light] .back-site:hover{color:#18191c;background:#fff5f5;border-color:#d2141c33}[data-theme=light] .dash-card:after,[data-theme=light] .stat-card:after{background:linear-gradient(90deg,#0000,#00000014,#0000)}[data-theme=light] .welcome-admin:before{border-color:#d2121a17;box-shadow:inset 0 0 0 24px #d2121a05}[data-theme=light] .dash-heading h1,[data-theme=light] .stat-card strong,[data-theme=light] .welcome-admin h2,[data-theme=light] .profile-card h2,[data-theme=light] .permission-grid h2,[data-theme=light] .announcement-item h2{color:#18191c}[data-theme=light] .stat-card p,[data-theme=light] .welcome-admin span,[data-theme=light] .profile-card p,[data-theme=light] .permission-grid p{color:#676b72}[data-theme=light] .responsive-table th,[data-theme=light] .responsive-table td>small,[data-theme=light] .table-empty{color:#6b6f76}[data-theme=light] .responsive-table tbody tr:hover{background:#14141906}[data-theme=light] .dash-secondary,[data-theme=light] .session-list button,[data-theme=light] .row-actions button,[data-theme=light] .editor-actions button,[data-theme=light] .announcement-actions button,[data-theme=light] .user-edit-form button{color:#35383e;background:#f7f7f8;border-color:#0000001a}[data-theme=light] .dash-secondary:hover,[data-theme=light] .action-menu-button:hover,[data-theme=light] .editor-actions button:hover{background:#fff3f3;border-color:#d2141c33}[data-theme=light] .social-connections strong,[data-theme=light] .session-list strong,[data-theme=light] .webhook-events span,[data-theme=light] .oauth-provider-title strong,[data-theme=light] .user-action-list strong{color:#26282d}[data-theme=light] .social-connections span,[data-theme=light] .session-list span,[data-theme=light] .announcement-item p,[data-theme=light] .announcement-item small,[data-theme=light] .oauth-provider-title span,[data-theme=light] .user-action-list small,[data-theme=light] .user-action-details dt{color:#686c73}[data-theme=light] .session-list article,[data-theme=light] .user-action-profile{border-color:#00000013}[data-theme=light] .asset-upload,[data-theme=light] .asset-upload>span,[data-theme=light] .oauth-help{color:#656970;background:#f7f7f8;border-color:#00000017}[data-theme=light] .oauth-help code{color:#34373c}[data-theme=light] .toggle i{background:#d9d9dc}[data-theme=light] .announcement-state{color:#666a70;background:#f1f1f3;border-color:#00000014}[data-theme=light] .status.active,[data-theme=light] .outcome.success,[data-theme=light] .announcement-state.live,[data-theme=light] .session-list em{color:#007f52;background:#007f5212}[data-theme=light] .status.suspended,[data-theme=light] .outcome.failure{color:#b20b12;background:#b20b1211}[data-theme=light] .danger-zone{background:#be0a120b}[data-theme=light] .danger-zone h2{color:#9f080e}[data-theme=light] .danger-zone p{color:#666a71}[data-theme=light] .system-dialog-backdrop{background:var(--theme-overlay)}[data-theme=light] .system-dialog p,[data-theme=light] .user-action-profile p{color:#62666d}[data-theme=light] .system-dialog-close{color:#71757b}[data-theme=light] .dashboard-loading span{border-color:#d70b13 #0000001f #0000001f}[data-theme=light] .dashboard-toast{color:#25272b;background:#fffffffa;border-color:#00965f3d;box-shadow:0 18px 50px #1e141426}[data-theme=light] .responsive-table{scrollbar-color:#1414192e transparent}[data-theme=light] .responsive-table::-webkit-scrollbar-thumb{background:#1414192e}@media (width<=920px){[data-theme=light] .nav-links{border-color:var(--theme-line-soft);background:#fffffffa;box-shadow:0 20px 50px #1e14141f}}[data-theme=light] .form-card select{color:#18191c;background-color:#fff;border-color:#0000001c}[data-theme=light] .permission-grid article>div span{color:#4e5259}[data-theme=light] .user-action-details dd{color:#2d3035;font-weight:550}[data-theme=light] .editor-actions .dash-primary,[data-theme=light] .user-edit-form .dash-primary,[data-theme=light] .system-dialog-actions .dash-primary{color:#fff;background:linear-gradient(135deg,#dc121a,#ab070d);border-color:#0000}[data-theme=light] .dashboard-sidebar nav .sidebar-home-link{color:#5f636a;background:0 0;border-color:#0000}[data-theme=light] .dashboard-sidebar nav .sidebar-home-link:hover{color:#17181b;background:#f5f5f6;border-color:#00000014}[data-theme=light] .dashboard-mobile-menu{color:#202227;background:#fffffff0;border-color:#00000017;box-shadow:0 12px 32px #1e14141f}[data-theme=light] .dashboard-sidebar nav .sidebar-dashboard-link{color:#656970;background:0 0;border-color:#0000}[data-theme=light] .dashboard-sidebar nav .sidebar-dashboard-link:hover{color:#17181b;background:#f5f5f6;border-color:#0000}[data-theme=light] .dashboard-sidebar nav .sidebar-dashboard-link.active{color:#c70a11;background:0 0;border-color:#0000}[data-theme=light] .sidebar-group.current>button,[data-theme=light] .sidebar-group.current>button>svg:first-child{color:#c70a11}[data-theme=light] .premium-settings-card{background:#ffffffe0;border-color:#12141817;box-shadow:0 12px 34px #231b1b12}[data-theme=light] .premium-setting-row{border-color:#12141813}[data-theme=light] .premium-setting-row:hover{background:#12141805}[data-theme=light] .psr-divider{background:#12141814}[data-theme=light] .premium-btn.secondary,[data-theme=light] .premium-theme-selector,[data-theme=light] .premium-asset-card,[data-theme=light] .pwe-item{color:#303338;background:#f7f7f8;border-color:#1214181a}[data-theme=light] .premium-btn.secondary:hover,[data-theme=light] .premium-asset-card:hover,[data-theme=light] .pwe-item:hover{background:#fff;border-color:#be141c2e}[data-theme=light] .premium-theme-selector button{color:#686c72}[data-theme=light] .premium-theme-selector button.active{color:#202227;background:#fff;box-shadow:0 2px 8px #1e181a1a}[data-theme=light] .psr-info h3,[data-theme=light] .color-picker-copy strong,[data-theme=light] .pac-info strong,[data-theme=light] .premium-alert code,[data-theme=light] .pwe-text strong,[data-theme=light] .session-details strong,[data-theme=light] .profile-info h2,[data-theme=light] .hosting-section-title h3{color:#202226}[data-theme=light] .psr-info p{color:#696d74}[data-theme=light] .premium-input,[data-theme=light] .color-picker-wrap{color:#202226;background:#fff;border-color:#12141821;box-shadow:0 1px 2px #16181c06}[data-theme=light] .premium-input:hover,[data-theme=light] .color-picker-wrap:hover{background:#fff;border-color:#1214183d}[data-theme=light] .premium-input:focus,[data-theme=light] .color-picker-wrap:focus-within{background:#fff;border-color:#cc0a129e;box-shadow:0 0 0 3px #cd0a1214}[data-theme=light] .premium-mono{color:#565a61}[data-theme=light] .pac-preview{background:linear-gradient(135deg,#f7f7f8,#efeff1);border-color:#12141814}[data-theme=light] .pac-preview-action{color:#27292d;background:#ffffffe0;border-color:#12141821}[data-theme=light] .pac-empty{color:#777b82}[data-theme=light] .asset-preview-stage{background:repeating-conic-gradient(#f3f3f4 0 25%, #fff 0 50%) 50%/24px 24px;border-color:#12141817}[data-theme=light] .hosting-site-card,[data-theme=light] .hosting-detail-section,[data-theme=light] .hosting-member-list article,[data-theme=light] .hosting-operation-list article{background:#ffffffeb;border-color:#14141917;box-shadow:0 12px 32px #2314190e}[data-theme=light] .session-icon{color:#4f535a;background:#f1f2f4}[data-theme=light] .pagination button{color:#62666d}[data-theme=light] .pagination button:hover:not(:disabled),[data-theme=light] .pagination button.active{color:#202227;background:#fff;border-color:#1414191a}[data-theme=light] .hosting-detail-dialog{background:#f5f5f6;border-color:#1414191f;box-shadow:0 24px 70px #20191c33}[data-theme=light] .hosting-detail-top{background:linear-gradient(#fff,#ffffff73);border-color:#14141917}[data-theme=light] .hosting-detail-dialog .system-dialog-close,[data-theme=light] .hda-right button,[data-theme=light] .hosting-log-refresh,[data-theme=light] .hol-meta button,[data-theme=light] .hol-meta span{color:#5f6268;background:#14141909;border-color:#1414191a}[data-theme=light] .hosting-detail-dialog .system-dialog-close:hover,[data-theme=light] .hda-right button:hover,[data-theme=light] .hosting-log-refresh:hover:not(:disabled){color:#202227;background:#fff}[data-theme=light] .hosting-detail-dialog .hosting-site-icon{color:#27292d;background:#fff;border-color:#1414191a;box-shadow:0 7px 20px #1e181a12}[data-theme=light] .hd-title h2,[data-theme=light] .hol-info strong{color:#202227}[data-theme=light] .hda-role strong{color:#36393f;background:#1414190f}[data-theme=light] .hosting-operation-list article:hover{background:#fff}[data-theme=light] .operation-error{color:#b51c24;background:#dc19230e}[data-theme=light] .hosting-card-meta>div,[data-theme=light] .hosting-manage-button{background:#f7f7f8;border-color:#14141917}[data-theme=light] .hosting-card-meta dd,[data-theme=light] .hosting-manage-button{color:#34373c}[data-theme=light] .hosting-runtime-summary>div,[data-theme=light] .hosting-database-card,[data-theme=light] .hosting-environment-list>article{background:#f7f7f8;border-color:#14141917}[data-theme=light] .hosting-runtime-summary strong,[data-theme=light] .hml-info strong,[data-theme=light] .hosting-database-heading h3{color:#25272c}[data-theme=light] .rs-label,[data-theme=light] .hml-info small,[data-theme=light] .hd-title a,[data-theme=light] .hda-role{color:#666b72}[data-theme=light] .hosting-member-list em{color:#555960;background:#1414190e}[data-theme=light] .crs-trigger,[data-theme=light] .crs-dropdown{border-color:var(--theme-line-soft,#1414191f);background:var(--theme-input,#fff);color:var(--theme-text-strong,#1f2125);box-shadow:0 14px 40px var(--theme-shadow,#0000001f)}[data-theme=light] .crs-option{color:var(--theme-text-strong,#32353b)}[data-theme=light] .crs-option:hover{background:var(--theme-hover,#f4f4f6);color:var(--theme-text-strong,#1f2125)}[data-theme=light] .crs-option.selected{background:var(--primary-soft,#ff20281a);color:var(--primary,#e3161e);font-weight:600}[data-theme=light] .file-manager-dialog,[data-theme=light] .file-manager-toolbar{background:#fff;border-color:#1414191a}[data-theme=light] .file-manager-body>aside{background:#fafafa;border-color:#1414191a}[data-theme=light] .hosting-create-dialog{background:#fff;border-color:#1414191f;box-shadow:0 28px 80px #23191c33}[data-theme=light] .hosting-form input,[data-theme=light] .hosting-form select,[data-theme=light] .hosting-member-form input,[data-theme=light] .hosting-member-form select,[data-theme=light] .hosting-owner-transfer input{color:#202227;background:#fff;border-color:#1414191f}@media (width<=680px){[data-theme=light] .premium-settings-card{box-shadow:none;background:0 0}[data-theme=light] .premium-setting-row,[data-theme=light] .premium-setting-row:last-child{background:#ffffffeb;border-color:#12141817;box-shadow:0 7px 22px #231b1b0b}}[data-theme=light] .premium-settings-card,[data-theme=light] .announcement-editor-card{background:#fff!important;border-color:#00000017!important;box-shadow:0 10px 30px #0000000d!important}[data-theme=light] .settings-card-header{background:#f8fafc!important;border-bottom-color:#00000012!important}[data-theme=light] .settings-card-header h3,[data-theme=light] .als-header h3{color:#0f172a!important}[data-theme=light] .settings-card-header p{color:#64748b!important}[data-theme=light] .premium-input,[data-theme=light] .custom-select-wrap select{color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important}[data-theme=light] .premium-input:hover,[data-theme=light] .custom-select-wrap select:hover{background:#fff!important;border-color:#94a3b8!important}[data-theme=light] .custom-select-wrap .select-arrow{color:#64748b!important}[data-theme=light] .custom-select-wrap:hover .select-arrow{color:#0f172a!important}[data-theme=light] .input-group label{color:#334155!important}[data-theme=light] .sev-pill{color:#475569!important;background:#f1f5f9!important;border-color:#cbd5e1!important}[data-theme=light] .sev-pill:hover{color:#0f172a!important;background:#e2e8f0!important}[data-theme=light] .sev-pill.sev-info.selected{color:#0369a1!important;background:#e0f2fe!important;border-color:#0284c7!important}[data-theme=light] .sev-pill.sev-success.selected{color:#047857!important;background:#d1fae5!important;border-color:#059669!important}[data-theme=light] .sev-pill.sev-warning.selected{color:#b45309!important;background:#fef3c7!important;border-color:#d97706!important}[data-theme=light] .sev-pill.sev-error.selected{color:#b91c1c!important;background:#fee2e2!important;border-color:#dc2626!important}[data-theme=light] .modern-toggle-switch{background:#f1f5f9!important;border-color:#cbd5e1!important}[data-theme=light] .modern-toggle-switch:hover{background:#e2e8f0!important}[data-theme=light] .modern-toggle-switch .mts-label{color:#475569!important}[data-theme=light] .modern-toggle-switch.checked .mts-label{color:#4338ca!important}[data-theme=light] .modern-toggle-switch .mts-track{background:#cbd5e1!important}[data-theme=light] .modern-toggle-switch.checked .mts-track{background:#4f46e5!important}[data-theme=light] .announcement-card{background:#fff!important;border-color:#00000014!important;box-shadow:0 4px 16px #0000000a!important}[data-theme=light] .announcement-card:hover{background:#f8fafc!important}[data-theme=light] .ac-title{color:#0f172a!important}[data-theme=light] .ac-message{color:#475569!important}[data-theme=light] .ac-tag{color:#475569!important;background:#f1f5f9!important}[data-theme=light] .ac-footer-meta small{color:#64748b!important}[data-theme=light] .empty-announcements-card{color:#64748b!important;background:#fff!important;border-color:#0000001f!important}[data-theme=light] .empty-announcements-card h4{color:#1e293b!important}[data-theme=light] .db-detail-dialog,[data-theme=light] .db-admin-form-dialog,[data-theme=light] .log-detail-dialog{background:var(--theme-elevated)!important;border-color:var(--theme-line-soft)!important;color:var(--theme-text-strong)!important;box-shadow:0 24px 70px var(--theme-shadow)!important}[data-theme=light] .db-user-select-trigger,[data-theme=light] .db-user-dropdown,[data-theme=light] .db-user-search input,[data-theme=light] .db-conn-item,[data-theme=light] .db-card,[data-theme=light] .db-card-action,[data-theme=light] .dropdown-menu,[data-theme=light] .log-detail-row,[data-theme=light] .log-detail-metadata pre{background:var(--theme-input)!important;border-color:var(--theme-line-soft)!important;color:var(--theme-text-strong)!important}[data-theme=light] .db-user-option:hover,[data-theme=light] .db-conn-item:hover,[data-theme=light] .dropdown-menu button:hover{background:var(--theme-hover)!important;color:var(--theme-text-strong)!important}[data-theme=light] .db-user-option.selected{background:var(--primary-soft)!important;color:var(--primary)!important}[data-theme=light] .db-user-name,[data-theme=light] .db-user-option-name,[data-theme=light] .db-size-value,[data-theme=light] .db-conn-value,[data-theme=light] .db-card-header strong,[data-theme=light] .db-card-meta strong,[data-theme=light] .db-snippets-section h3,[data-theme=light] .dropdown-menu button,[data-theme=light] .log-table-title,[data-theme=light] .log-actor-name,[data-theme=light] .log-detail-heading h3,[data-theme=light] .log-user-agent{color:var(--theme-text-strong)!important}[data-theme=light] .db-user-handle,[data-theme=light] .db-user-option-handle,[data-theme=light] .db-conn-label,[data-theme=light] .db-card-meta span,[data-theme=light] .db-snippet-note,[data-theme=light] .log-table-meta,[data-theme=light] .log-actor-role,[data-theme=light] .log-mono,[data-theme=light] .log-date{color:var(--theme-text-soft)!important}[data-theme=light] .terms-page-root{background:var(--background);color:var(--text)}[data-theme=dark] .dashboard-root,[data-theme=dark] .user-app-container{--theme-text-soft:#aeb7c5;--control-muted:#aeb7c5}[data-theme=light] .dashboard-root,[data-theme=light] .user-app-container{--theme-text-soft:#4a5058;--control-muted:#4f5660}[data-theme] .dash-heading span,[data-theme] .card-title p,[data-theme] .form-card small,[data-theme] .profile-card p,[data-theme] .permission-grid p,[data-theme] .hosting-card-copy p,[data-theme] .hosting-empty p,[data-theme] .hosting-section-title p,[data-theme] .hda-role,[data-theme] .rs-label,[data-theme] .hml-info small,[data-theme] .hosting-operation-list small,[data-theme] .hol-meta span,[data-theme] .runtime-log-line small,[data-theme] .runtime-log-raw summary,[data-theme] .hosting-runtime-logs time,[data-theme] .log-badge-tag,[data-theme] .settings-card-header p{color:var(--theme-text-soft)!important}[data-theme] .dashboard-root svg,[data-theme] .user-app-container svg{stroke-width:2.15px}[data-theme=light] .dashboard-sidebar nav a,[data-theme=light] .sidebar-group>button,[data-theme=light] .dashboard-sidebar nav .sidebar-group a,[data-theme=light] .dashboard-sidebar nav a>svg,[data-theme=light] .sidebar-group>button>svg{color:#565d66!important}[data-theme=light] .dashboard-sidebar nav a:hover,[data-theme=light] .sidebar-group>button:hover,[data-theme=light] .dashboard-sidebar nav .sidebar-group a:hover{color:#181b20!important}[data-theme=light] .dashboard-sidebar nav a.active,[data-theme=light] .dashboard-sidebar nav a.active>svg,[data-theme=light] .dashboard-sidebar nav .sidebar-group a.active,[data-theme=light] .dashboard-sidebar nav .sidebar-group a.active>svg,[data-theme=light] .sidebar-group.current>button,[data-theme=light] .sidebar-group.current>button>svg:first-child{color:var(--primary)!important}[data-theme=light] .role-badge{font-weight:750;color:#2d333a!important;background:#eef0f3!important;border-color:#1414191f!important}[data-theme=light] .role-badge.admin{color:#704400!important;background:#a05f0017!important;border-color:#a05f003d!important}[data-theme=light] .role-badge.superadmin{color:#9d080e!important;background:#b9091014!important;border-color:#b909103d!important}[data-theme=light] .permission-grid article>div span,[data-theme=light] .log-badge-tag,[data-theme=light] .ac-tag{color:#39404a!important;background:#eef0f3!important;border-color:#1414191f!important}[data-theme=light] .log-category-tabs button{color:#424951!important;background:#fff!important;border-color:#1414191f!important}[data-theme=light] .log-category-tabs button:hover{color:#161a20!important;background:#f1f3f6!important}[data-theme=light] .log-category-tabs button.active{color:#fff!important;background:linear-gradient(135deg, var(--primary), var(--primary-hover))!important}[data-theme=light] .log-category-icon,[data-theme=light] .sch-icon,[data-theme=light] .system-dialog-icon,[data-theme=light] .session-icon,[data-theme=light] .usl-icon,[data-theme=light] .oc-icon{color:#26313d!important;background:#eef3f8!important;border-color:#1414191f!important}[data-theme=light] .log-category-icon.auth,[data-theme=light] .sch-icon.login{color:#075985!important;background:#0284c71a!important;border-color:#0284c73d!important}[data-theme=light] .sch-icon.register{color:#047857!important;background:#0596691a!important;border-color:#0596693d!important}[data-theme=light] .log-category-icon.hosting,[data-theme=light] .system-dialog-icon{border-color:rgba(var(--primary-rgb), .22)!important;background:rgba(var(--primary-rgb), .08)!important;color:var(--primary)!important}[data-theme=light] .log-category-icon.user{color:#6b21a8!important;background:#7e22ce14!important;border-color:#7e22ce38!important}[data-theme=light] .db-user-option-avatar{color:#2c333b!important;background:#e8ebef!important;border:1px solid #1414191f!important}[data-theme=light] .hml-avatar,[data-theme=light] .sidebar-avatar,[data-theme=light] .ua-avatar,[data-theme=light] .uamn-avatar,[data-theme=light] .upc-avatar-wrapper{color:#fff!important}[data-theme] .hosting-runtime-logs{background:color-mix(in srgb, var(--background) 92%, #000 8%)!important;border-color:var(--theme-line-soft)!important;color:var(--theme-text-strong)!important}[data-theme] .hosting-runtime-logs article:hover{background:var(--theme-hover)!important}[data-theme] .runtime-log-line p,[data-theme] .runtime-log-line strong,[data-theme] .hosting-activity-empty strong,[data-theme] .hosting-activity-empty span{color:var(--theme-text-strong)!important}[data-theme] .runtime-event-badge{border-color:var(--theme-line-soft)!important;background:var(--theme-hover)!important;color:var(--theme-text-soft)!important}[data-theme] .runtime-event-badge.success{border-color:rgba(var(--success-rgb), .26)!important;background:rgba(var(--success-rgb), .11)!important;color:var(--success)!important}[data-theme] .runtime-event-badge.info{color:#60a5fa!important;background:#3b82f61f!important;border-color:#3b82f642!important}[data-theme=light] .runtime-event-badge.info{color:#1d4ed8!important}[data-theme] .runtime-log-raw pre{border-color:var(--theme-line-soft)!important;background:var(--theme-input)!important;color:var(--theme-text-strong)!important}[data-theme=light] .hosting-status{color:#37404a!important;background:#eef0f3!important;border-color:#14141921!important}[data-theme=light] .hosting-status.running{border-color:rgba(var(--success-rgb), .24)!important;background:rgba(var(--success-rgb), .09)!important;color:#006b47!important}[data-theme=light] .hosting-status.provisioning{color:#7a4a00!important;background:#b46e0017!important;border-color:#b46e003d!important}[data-theme=light] .hosting-status.error,[data-theme=light] .hosting-status.expired{border-color:rgba(var(--danger-rgb), .24)!important;background:rgba(var(--danger-rgb), .08)!important;color:#a11320!important}[data-theme=light] .system-dialog-close,[data-theme=light] .log-detail-close,[data-theme=light] .hosting-create-close,[data-theme=light] .dashboard-toast>button{color:#525963!important}[data-theme=light] .system-dialog-close:hover,[data-theme=light] .log-detail-close:hover,[data-theme=light] .hosting-create-close:hover,[data-theme=light] .dashboard-toast>button:hover{color:#171a1f!important}[data-theme=light] .responsive-table td>strong,[data-theme=light] .log-table-title,[data-theme=light] .log-actor-name,[data-theme=light] .hol-info strong,[data-theme=light] .hml-info strong,[data-theme=light] .db-user-name,[data-theme=light] .db-user-option-name{color:#242a31!important;font-weight:600!important}[data-theme=light] .responsive-table td>small,[data-theme=light] .log-table-meta,[data-theme=light] .log-actor-role,[data-theme=light] .hml-info small{color:#66707a!important;font-weight:450!important}[data-theme=light] .log-table th{color:#30353c!important;font-weight:600!important}[data-theme=light] .log-table .log-mono,[data-theme=light] .log-table .log-date{color:#25292f!important;font-weight:500!important}[data-theme=light] .log-table td .log-mono{-webkit-text-fill-color:#14171b;font-size:13px;color:#14171b!important;opacity:1!important;font-weight:600!important}[data-theme=dark] .log-table th{color:#aeb7c4!important}[data-theme=dark] .log-table .log-mono,[data-theme=dark] .log-table .log-date{color:#c5ceda!important}[data-theme] body,[data-theme] input,[data-theme] textarea,[data-theme] select{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400}[data-theme] h1,[data-theme] h2,[data-theme] h3,[data-theme] h4,[data-theme] h5,[data-theme] h6,[data-theme] strong,[data-theme] b,[data-theme] th,[data-theme] button,[data-theme] .button,[data-theme] .premium-btn,[data-theme] .dash-primary,[data-theme] .dash-secondary,[data-theme] .action-menu-button,[data-theme] .sidebar-dashboard-link,[data-theme] .sidebar-group a,[data-theme] .nav-links a,[data-theme] .badge,[data-theme] .status,[data-theme] .outcome,[data-theme] .hosting-status,[data-theme] .db-status-badge{font-weight:600!important}[data-theme] .brand,[data-theme] .brand-mark{font-weight:700!important}.user-app-container{flex-direction:column;min-height:100vh;display:flex}.user-app-header{z-index:50;background:color-mix(in srgb, var(--background) 84%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:sticky;top:0}.user-app-header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.user-app-brand{color:var(--theme-text-strong);letter-spacing:.05em;align-items:center;gap:12px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.user-app-brand img{height:32px}.user-app-nav-desktop{align-items:center;gap:8px;display:flex}.user-app-nav-desktop a{color:var(--theme-text-soft);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.user-app-nav-desktop a:hover{color:var(--theme-text-strong);background:var(--theme-hover)}.user-app-nav-desktop a.active{color:var(--primary);background:var(--primary-soft)}.user-app-nav-desktop a.admin-link{color:var(--danger)}.user-app-nav-desktop a.admin-link:hover{background:rgb(var(--danger-rgb) / .1)}.user-app-account{align-items:center;gap:12px;display:flex}.ua-info{text-align:right}.ua-info strong{font-size:.9rem;font-weight:500;display:block}.ua-avatar{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 10px #0003}.ua-avatar img{object-fit:cover;width:100%;height:100%}.ua-logout{color:var(--theme-text-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .2s}.ua-logout:hover{color:var(--danger);background:rgb(var(--danger-rgb) / .1)}.ua-mobile-toggle{color:var(--theme-text-strong);cursor:pointer;background:0 0;border:none;display:none}@media (width<=768px){.user-app-nav-desktop,.ua-info,.ua-logout{display:none}.ua-mobile-toggle{display:block}}.user-app-mobile-nav{z-index:100;justify-content:flex-end;display:flex;position:fixed;inset:0}.uamn-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:absolute;inset:0}.uamn-content{background:var(--theme-elevated);border-left:1px solid var(--theme-line-soft);width:280px;height:100%;box-shadow:-18px 0 50px var(--theme-shadow);flex-direction:column;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;position:relative}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.uamn-close{color:var(--theme-text-soft);cursor:pointer;background:0 0;border:none;position:absolute;top:16px;right:16px}.uamn-profile{border-bottom:1px solid var(--theme-line-soft);flex-direction:column;align-items:center;margin-bottom:16px;padding:24px 0;display:flex}.uamn-avatar{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:12px;font-size:1.5rem;font-weight:700;display:flex}.uamn-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.uamn-profile span{color:var(--theme-text-soft);font-size:.9rem}.uamn-content nav{flex-direction:column;gap:8px;display:flex}.uamn-content nav a,.uamn-logout{color:var(--theme-text-strong);cursor:pointer;text-align:left;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:1rem;font-weight:500;text-decoration:none;display:flex}.uamn-content nav a.active{background:var(--primary-soft);color:var(--primary)}.uamn-logout{color:var(--danger)!important}.user-app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 24px}.user-profile-layout{flex-direction:column;gap:32px;display:flex}.user-profile-header h1{color:var(--theme-text-strong);margin-bottom:8px;font-size:2rem;font-weight:700}.user-profile-header p{color:var(--theme-text-soft);font-size:1.1rem}.user-profile-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.sessions-card{grid-column:1/-1}.user-premium-card{background:radial-gradient(circle at 95% 10%, var(--primary-soft), transparent 32%), var(--theme-elevated);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px var(--theme-shadow);border-radius:16px;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}.user-premium-card:hover{border-color:#ff28284d;box-shadow:0 15px 35px #ff000a14}.upc-header{border-bottom:1px solid var(--theme-line-soft);align-items:center;gap:12px;padding:20px 24px;display:flex}.upc-header h2{margin:0;font-size:1.1rem;font-weight:600}.upc-icon{color:var(--primary)}.upc-body{padding:24px}.upc-profile-body{flex-direction:column;gap:24px;display:flex}.upc-avatar-section{align-items:center;gap:20px;display:flex}.upc-avatar-wrapper{background:linear-gradient(135deg, var(--primary), var(--primary-hover));width:80px;height:80px;box-shadow:0 4px 20px var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex;position:relative}.upc-avatar-wrapper img{object-fit:cover;border-radius:50%;width:100%;height:100%}.upc-avatar-edit{background:var(--theme-elevated);border:1px solid var(--theme-line-soft);width:28px;height:28px;color:var(--theme-text-strong);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;bottom:-4px;right:-4px}.upc-avatar-edit:hover{background:var(--primary);color:#fff}.upc-info h3{margin:0 0 4px;font-size:1.2rem}.upc-info p{color:var(--theme-text-soft);margin:0 0 8px;font-size:.9rem}.upc-role-badge{background:var(--theme-hover);color:var(--theme-text-strong);text-transform:uppercase;letter-spacing:.05em;border-radius:100px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.upc-actions{gap:12px;display:flex}.btn-glass{background:var(--theme-hover);border:1px solid var(--theme-line-soft);color:var(--theme-text-strong);cursor:pointer;border-radius:8px;flex:1;padding:10px;font-weight:500;transition:all .2s}.btn-glass:hover{background:var(--primary-soft);border-color:var(--primary-border)}.btn-primary-glass{background:var(--primary-soft);color:var(--primary);border:1px solid var(--primary-border);border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s}.btn-primary-glass:hover{background:rgb(var(--primary-rgb) / .16)}.btn-danger-glass{background:rgb(var(--danger-rgb) / .1);color:var(--danger);border:1px solid rgb(var(--danger-rgb) / .2);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:500;transition:all .2s}.btn-danger-glass:hover{background:rgb(var(--danger-rgb) / .2)}.social-connections-list{flex-direction:column;gap:16px;display:flex}.scl-item{background:var(--theme-hover);border:1px solid var(--theme-line-soft);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.scl-info strong{margin-bottom:4px;display:block}.scl-info span{color:var(--theme-text-soft);font-size:.85rem}.user-session-list{flex-direction:column;gap:12px;display:flex}.usl-item{background:var(--theme-hover);border:1px solid var(--theme-line-soft);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.usl-icon{background:var(--theme-hover);width:40px;height:40px;color:var(--theme-text-soft);border-radius:10px;justify-content:center;align-items:center;display:flex}.usl-details{flex:1}.usl-details strong{align-items:center;gap:8px;margin-bottom:4px;font-weight:600;display:flex}.usl-current{background:rgb(var(--success-rgb) / .2);color:var(--success);text-transform:uppercase;border-radius:100px;padding:2px 8px;font-size:.7rem;font-weight:700}.usl-details span{color:var(--theme-text-soft);font-size:.85rem;display:block}@media (width<=600px){.usl-item{flex-direction:column;align-items:flex-start}.usl-item .btn-danger-glass{width:100%}}.upc-dialog{width:100%;max-width:400px}.upc-field{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.upc-field label{color:var(--theme-text-soft);font-size:.9rem}.upc-field input{background:var(--theme-input);border:1px solid var(--theme-line-soft);color:var(--theme-text-strong);border-radius:8px;padding:10px 12px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.upc-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.user-overview-view{text-align:center;flex-direction:column;align-items:center;padding:40px 24px 0;display:flex}.user-overview-view h2{margin-bottom:10px;font-size:2.5rem;font-weight:700}.overview-subtitle{color:var(--muted);margin-bottom:40px;font-size:1.1rem}.overview-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;width:100%;max-width:700px;display:grid}.overview-card{background:var(--theme-elevated);border:1px solid var(--border);border-radius:20px;flex-direction:column;align-items:center;padding:40px 24px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.overview-card:before{content:"";background:radial-gradient(circle at 50% 0%, rgba(var(--primary-rgb), .15), transparent 60%);opacity:0;height:100%;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.overview-card:hover{border-color:rgba(var(--primary-rgb), .4);box-shadow:0 20px 40px rgba(var(--primary-rgb), .1);transform:translateY(-5px)}.overview-card:hover:before{opacity:1}.oc-icon{background:var(--primary-soft);width:70px;height:70px;color:var(--primary);z-index:1;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex;position:relative}.overview-card h3{color:var(--theme-text-strong);z-index:1;margin-bottom:8px;font-size:1.4rem;position:relative}.overview-card p{color:var(--muted);z-index:1;font-size:.95rem;position:relative}