/* ==== /assets/index-DDmMroyg-r71fix.css ==== */
/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-orange-50:oklch(98% .016 73.684);--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-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-green-400:oklch(79.2% .209 151.711);--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-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-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-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-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--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-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--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-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);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--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-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{inset-block:0}.top-0{top:0}.top-1\/2{top:50%}.top-11{top:calc(var(--spacing) * 11)}.top-full{top:100%}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-6{right:calc(var(--spacing) * 6)}.bottom-6{bottom:calc(var(--spacing) * 6)}.left-0{left:0}.left-1\/2{left:50%}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-6{left:calc(var(--spacing) * 6)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[100\]{z-index:100}.z-\[150\]{z-index:150}.z-\[200\]{z-index:200}.col-span-2{grid-column:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.-mb-px{margin-bottom:-1px}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.\!h-3{height:calc(var(--spacing) * 3)!important}.\!h-3\.5{height:calc(var(--spacing) * 3.5)!important}.\!h-4{height:calc(var(--spacing) * 4)!important}.\!h-7{height:calc(var(--spacing) * 7)!important}.\!h-8{height:calc(var(--spacing) * 8)!important}.\!h-9{height:calc(var(--spacing) * 9)!important}.\!h-auto{height:auto!important}.h-1{height:var(--spacing)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-13{height:calc(var(--spacing) * 13)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-64{height:calc(var(--spacing) * 64)}.h-\[18px\]{height:18px}.h-\[calc\(100dvh-8rem\)\]{height:calc(100dvh - 8rem)}.h-fit{height:fit-content}.h-full{height:100%}.\!max-h-48{max-height:calc(var(--spacing) * 48)!important}.\!max-h-60{max-height:calc(var(--spacing) * 60)!important}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-36{max-height:calc(var(--spacing) * 36)}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[22rem\]{max-height:22rem}.max-h-\[30rem\]{max-height:30rem}.max-h-\[32rem\]{max-height:32rem}.max-h-\[48vh\]{max-height:48vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(100vh-2rem\)\]{max-height:calc(100vh - 2rem)}.max-h-\[calc\(100vh-10rem\)\]{max-height:calc(100vh - 10rem)}.\!min-h-10{min-height:calc(var(--spacing) * 10)!important}.min-h-0{min-height:0}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-\[3\.25rem\]{min-height:3.25rem}.min-h-\[26rem\]{min-height:26rem}.min-h-\[80vh\]{min-height:80vh}.min-h-\[96px\]{min-height:96px}.min-h-\[240px\]{min-height:240px}.min-h-\[400px\]{min-height:400px}.min-h-\[500px\]{min-height:500px}.min-h-\[520px\]{min-height:520px}.min-h-\[560px\]{min-height:560px}.min-h-screen{min-height:100vh}.\!w-3{width:calc(var(--spacing) * 3)!important}.\!w-3\.5{width:calc(var(--spacing) * 3.5)!important}.\!w-4{width:calc(var(--spacing) * 4)!important}.\!w-7{width:calc(var(--spacing) * 7)!important}.\!w-8{width:calc(var(--spacing) * 8)!important}.\!w-auto{width:auto!important}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-\[18px\]{width:18px}.w-\[100px\]{width:100px}.w-\[140px\]{width:140px}.w-\[272px\]{width:272px}.w-\[min\(100vw-2rem\,24rem\)\]{width:min(100vw - 2rem,24rem)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[5\.5rem\]{max-width:5.5rem}.max-w-\[5rem\]{max-width:5rem}.max-w-\[6rem\]{max-width:6rem}.max-w-\[12rem\]{max-width:12rem}.max-w-\[14rem\]{max-width:14rem}.max-w-\[16rem\]{max-width:16rem}.max-w-\[18rem\]{max-width:18rem}.max-w-\[40\%\]{max-width:40%}.max-w-\[45\%\]{max-width:45%}.max-w-\[48\%\]{max-width:48%}.max-w-\[62\%\]{max-width:62%}.max-w-\[85\%\]{max-width:85%}.max-w-\[86\%\]{max-width:86%}.max-w-\[100rem\]{max-width:100rem}.max-w-\[100vw\]{max-width:100vw}.max-w-\[min\(12rem\,100\%\)\]{max-width:min(12rem,100%)}.max-w-\[min\(16rem\,100\%\)\]{max-width:min(16rem,100%)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\[7rem\]{min-width:7rem}.min-w-\[9rem\]{min-width:9rem}.min-w-\[16rem\]{min-width:16rem}.min-w-\[17rem\]{min-width:17rem}.min-w-\[140px\]{min-width:140px}.min-w-\[680px\]{min-width:680px}.min-w-\[820px\]{min-width:820px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.\!resize-none{resize:none!important}.resize{resize:both}.resize-y{resize:vertical}.\[scrollbar-width\:none\]{scrollbar-width:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1\.5rem_minmax\(0\,1fr\)_6\.5rem_2rem\]{grid-template-columns:1.5rem minmax(0,1fr) 6.5rem 2rem}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.grid-cols-\[5\.75rem_minmax\(0\,1fr\)_2rem\]{grid-template-columns:5.75rem minmax(0,1fr) 2rem}.grid-cols-\[minmax\(0\,1fr\)_9rem\]{grid-template-columns:minmax(0,1fr) 9rem}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:0}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block:0}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{-moz-column-gap:calc(var(--spacing) * 2);column-gap:calc(var(--spacing) * 2)}.gap-x-3{-moz-column-gap:calc(var(--spacing) * 3);column-gap:calc(var(--spacing) * 3)}.gap-x-6{-moz-column-gap:calc(var(--spacing) * 6);column-gap:calc(var(--spacing) * 6)}.gap-y-1{row-gap:var(--spacing)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[var\(--sp-border\)\]>:not(:last-child)){border-color:var(--sp-border)}:where(.divide-gray-100>:not(:last-child)){border-color:var(--color-gray-100)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-br-md{border-bottom-right-radius:var(--radius-md)}.rounded-bl-md{border-bottom-left-radius:var(--radius-md)}.\!border-2{border-style:var(--tw-border-style)!important;border-width:2px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\!border-emerald-400{border-color:var(--color-emerald-400)!important}.\!border-rose-400{border-color:var(--color-rose-400)!important}.\!border-transparent{border-color:#0000!important}.\!border-white\/40{border-color:#fff6!important}@supports (color:color-mix(in lab, red, red)){.\!border-white\/40{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)!important}}.border-\[var\(--sp-border\)\]{border-color:var(--sp-border)}.border-\[var\(--sp-border-strong\)\]{border-color:var(--sp-border-strong)}.border-amber-100{border-color:var(--color-amber-100)}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-200\/80{border-color:#fee685cc}@supports (color:color-mix(in lab, red, red)){.border-amber-200\/80{border-color:color-mix(in oklab, var(--color-amber-200) 80%, transparent)}}.border-amber-300\/80{border-color:#ffd236cc}@supports (color:color-mix(in lab, red, red)){.border-amber-300\/80{border-color:color-mix(in oklab, var(--color-amber-300) 80%, transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-200\/70{border-color:#a4f4cfb3}@supports (color:color-mix(in lab, red, red)){.border-emerald-200\/70{border-color:color-mix(in oklab, var(--color-emerald-200) 70%, transparent)}}.border-emerald-300\/80{border-color:#5ee9b5cc}@supports (color:color-mix(in lab, red, red)){.border-emerald-300\/80{border-color:color-mix(in oklab, var(--color-emerald-300) 80%, transparent)}}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400\/50{border-color:#99a1af80}@supports (color:color-mix(in lab, red, red)){.border-gray-400\/50{border-color:color-mix(in oklab, var(--color-gray-400) 50%, transparent)}}.border-gray-400\/60{border-color:#99a1af99}@supports (color:color-mix(in lab, red, red)){.border-gray-400\/60{border-color:color-mix(in oklab, var(--color-gray-400) 60%, transparent)}}.border-gray-700\/80{border-color:#364153cc}@supports (color:color-mix(in lab, red, red)){.border-gray-700\/80{border-color:color-mix(in oklab, var(--color-gray-700) 80%, transparent)}}.border-gray-800\/60{border-color:#1e293999}@supports (color:color-mix(in lab, red, red)){.border-gray-800\/60{border-color:color-mix(in oklab, var(--color-gray-800) 60%, transparent)}}.border-gray-800\/80{border-color:#1e2939cc}@supports (color:color-mix(in lab, red, red)){.border-gray-800\/80{border-color:color-mix(in oklab, var(--color-gray-800) 80%, transparent)}}.border-gray-900{border-color:var(--color-gray-900)}.border-orange-200{border-color:var(--color-orange-200)}.border-orange-400{border-color:var(--color-orange-400)}.border-rose-100{border-color:var(--color-rose-100)}.border-rose-200{border-color:var(--color-rose-200)}.border-sky-100{border-color:var(--color-sky-100)}.border-sky-200{border-color:var(--color-sky-200)}.border-sky-300\/80{border-color:#77d4ffcc}@supports (color:color-mix(in lab, red, red)){.border-sky-300\/80{border-color:color-mix(in oklab, var(--color-sky-300) 80%, transparent)}}.border-transparent{border-color:#0000}.border-violet-200{border-color:var(--color-violet-200)}.border-violet-400{border-color:var(--color-violet-400)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.\!border-t-white{border-top-color:var(--color-white)!important}.\!bg-\[var\(--sp-bg-elevated\)\]{background-color:var(--sp-bg-elevated)!important}.\!bg-transparent{background-color:#0000!important}.\!bg-white{background-color:var(--color-white)!important}.bg-\[var\(--sp-bg\)\]{background-color:var(--sp-bg)}.bg-\[var\(--sp-bg-card\)\]{background-color:var(--sp-bg-card)}.bg-\[var\(--sp-bg-elevated\)\]{background-color:var(--sp-bg-elevated)}.bg-\[var\(--sp-bg-muted\)\],.bg-\[var\(--sp-bg-muted\)\]\/40{background-color:var(--sp-bg-muted)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--sp-bg-muted\)\]\/40{background-color:color-mix(in oklab, var(--sp-bg-muted) 40%, transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/50{background-color:#fffbeb80}@supports (color:color-mix(in lab, red, red)){.bg-amber-50\/50{background-color:color-mix(in oklab, var(--color-amber-50) 50%, transparent)}}.bg-amber-50\/95{background-color:#fffbebf2}@supports (color:color-mix(in lab, red, red)){.bg-amber-50\/95{background-color:color-mix(in oklab, var(--color-amber-50) 95%, transparent)}}.bg-amber-500{background-color:var(--color-amber-500)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-50\/60{background-color:#ecfdf599}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/60{background-color:color-mix(in oklab, var(--color-emerald-50) 60%, transparent)}}.bg-emerald-50\/80{background-color:#ecfdf5cc}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/80{background-color:color-mix(in oklab, var(--color-emerald-50) 80%, transparent)}}.bg-emerald-50\/95{background-color:#ecfdf5f2}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/95{background-color:color-mix(in oklab, var(--color-emerald-50) 95%, transparent)}}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\/50{background-color:#f9fafb80}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\/50{background-color:color-mix(in oklab, var(--color-gray-50) 50%, transparent)}}.bg-gray-50\/60{background-color:#f9fafb99}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\/60{background-color:color-mix(in oklab, var(--color-gray-50) 60%, transparent)}}.bg-gray-50\/70{background-color:#f9fafbb3}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\/70{background-color:color-mix(in oklab, var(--color-gray-50) 70%, transparent)}}.bg-gray-50\/80{background-color:#f9fafbcc}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\/80{background-color:color-mix(in oklab, var(--color-gray-50) 80%, transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-900\/40{background-color:#10182866}@supports (color:color-mix(in lab, red, red)){.bg-gray-900\/40{background-color:color-mix(in oklab, var(--color-gray-900) 40%, transparent)}}.bg-gray-900\/45{background-color:#10182873}@supports (color:color-mix(in lab, red, red)){.bg-gray-900\/45{background-color:color-mix(in oklab, var(--color-gray-900) 45%, transparent)}}.bg-gray-900\/90{background-color:#101828e6}@supports (color:color-mix(in lab, red, red)){.bg-gray-900\/90{background-color:color-mix(in oklab, var(--color-gray-900) 90%, transparent)}}.bg-gray-950{background-color:var(--color-gray-950)}.bg-neutral-950{background-color:var(--color-neutral-950)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-50\/50{background-color:#fff1f280}@supports (color:color-mix(in lab, red, red)){.bg-rose-50\/50{background-color:color-mix(in oklab, var(--color-rose-50) 50%, transparent)}}.bg-rose-50\/95{background-color:#fff1f2f2}@supports (color:color-mix(in lab, red, red)){.bg-rose-50\/95{background-color:color-mix(in oklab, var(--color-rose-50) 95%, transparent)}}.bg-rose-500{background-color:var(--color-rose-500)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-50\/60{background-color:#f0f9ff99}@supports (color:color-mix(in lab, red, red)){.bg-sky-50\/60{background-color:color-mix(in oklab, var(--color-sky-50) 60%, transparent)}}.bg-sky-50\/70{background-color:#f0f9ffb3}@supports (color:color-mix(in lab, red, red)){.bg-sky-50\/70{background-color:color-mix(in oklab, var(--color-sky-50) 70%, transparent)}}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-50\/50{background-color:#f5f3ff80}@supports (color:color-mix(in lab, red, red)){.bg-violet-50\/50{background-color:color-mix(in oklab, var(--color-violet-50) 50%, transparent)}}.bg-violet-50\/60{background-color:#f5f3ff99}@supports (color:color-mix(in lab, red, red)){.bg-violet-50\/60{background-color:color-mix(in oklab, var(--color-violet-50) 60%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.bg-white\/\[0\.05\]{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.05\]{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.\!bg-none{background-image:none!important}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-0{padding:0!important}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.\!px-1\.5{padding-inline:calc(var(--spacing) * 1.5)!important}.\!px-2{padding-inline:calc(var(--spacing) * 2)!important}.\!px-2\.5{padding-inline:calc(var(--spacing) * 2.5)!important}.\!px-3{padding-inline:calc(var(--spacing) * 3)!important}.\!px-4{padding-inline:calc(var(--spacing) * 4)!important}.\!px-5{padding-inline:calc(var(--spacing) * 5)!important}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.\!py-0\.5{padding-block:calc(var(--spacing) * .5)!important}.\!py-1{padding-block:var(--spacing)!important}.\!py-1\.5{padding-block:calc(var(--spacing) * 1.5)!important}.\!py-2{padding-block:calc(var(--spacing) * 2)!important}.\!py-2\.5{padding-block:calc(var(--spacing) * 2.5)!important}.\!py-8{padding-block:calc(var(--spacing) * 8)!important}.\!py-10{padding-block:calc(var(--spacing) * 10)!important}.\!py-12{padding-block:calc(var(--spacing) * 12)!important}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-9{padding-block:calc(var(--spacing) * 9)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.\!pr-8{padding-right:calc(var(--spacing) * 8)!important}.pr-1{padding-right:var(--spacing)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.\!pl-6{padding-left:calc(var(--spacing) * 6)!important}.\!pl-8{padding-left:calc(var(--spacing) * 8)!important}.\!pl-9{padding-left:calc(var(--spacing) * 9)!important}.pl-0{padding-left:0}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!text-\[9px\]{font-size:9px!important}.\!text-\[10px\]{font-size:10px!important}.\!text-\[11px\]{font-size:11px!important}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.26em\]{--tw-tracking:.26em;letter-spacing:.26em}.tracking-\[0\.35em\]{--tw-tracking:.35em;letter-spacing:.35em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.\!text-gray-500{color:var(--color-gray-500)!important}.\!text-gray-900{color:var(--color-gray-900)!important}.\!text-rose-500{color:var(--color-rose-500)!important}.\!text-rose-600{color:var(--color-rose-600)!important}.\!text-slate-950{color:var(--color-slate-950)!important}.\!text-violet-500{color:var(--color-violet-500)!important}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-700\/80{color:#b75000cc}@supports (color:color-mix(in lab, red, red)){.text-amber-700\/80{color:color-mix(in oklab, var(--color-amber-700) 80%, transparent)}}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-700\/80{color:#007956cc}@supports (color:color-mix(in lab, red, red)){.text-emerald-700\/80{color:color-mix(in oklab, var(--color-emerald-700) 80%, transparent)}}.text-emerald-800{color:var(--color-emerald-800)}.text-emerald-900{color:var(--color-emerald-900)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-gray-950{color:var(--color-gray-950)}.text-green-400{color:var(--color-green-400)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-rose-400{color:var(--color-rose-400)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-rose-800{color:var(--color-rose-800)}.text-sky-500{color:var(--color-sky-500)}.text-sky-600{color:var(--color-sky-600)}.text-sky-700{color:var(--color-sky-700)}.text-sky-800{color:var(--color-sky-800)}.text-sky-800\/75{color:#005986bf}@supports (color:color-mix(in lab, red, red)){.text-sky-800\/75{color:color-mix(in oklab, var(--color-sky-800) 75%, transparent)}}.text-sky-800\/80{color:#005986cc}@supports (color:color-mix(in lab, red, red)){.text-sky-800\/80{color:color-mix(in oklab, var(--color-sky-800) 80%, transparent)}}.text-sky-900{color:var(--color-sky-900)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-violet-500{color:var(--color-violet-500)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-violet-700\/70{color:#7008e7b3}@supports (color:color-mix(in lab, red, red)){.text-violet-700\/70{color:color-mix(in oklab, var(--color-violet-700) 70%, transparent)}}.text-violet-700\/80{color:#7008e7cc}@supports (color:color-mix(in lab, red, red)){.text-violet-700\/80{color:color-mix(in oklab, var(--color-violet-700) 80%, transparent)}}.text-violet-800{color:var(--color-violet-800)}.text-violet-800\/75{color:#5d0ec0bf}@supports (color:color-mix(in lab, red, red)){.text-violet-800\/75{color:color-mix(in oklab, var(--color-violet-800) 75%, transparent)}}.text-violet-900{color:var(--color-violet-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.decoration-sky-400\/60{text-decoration-color:#00bcfe99}@supports (color:color-mix(in lab, red, red)){.decoration-sky-400\/60{-webkit-text-decoration-color:color-mix(in oklab, var(--color-sky-400) 60%, transparent);text-decoration-color:color-mix(in oklab, var(--color-sky-400) 60%, transparent)}}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow-\[var\(--sp-shadow-lg\)\]{--tw-shadow:var(--sp-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--sp-shadow-md\)\]{--tw-shadow:var(--sp-shadow-md);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--sp-shadow-sm\)\]{--tw-shadow:var(--sp-shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-gray-400{--tw-ring-color:var(--color-gray-400)}.ring-gray-400\/40{--tw-ring-color:#99a1af66}@supports (color:color-mix(in lab, red, red)){.ring-gray-400\/40{--tw-ring-color:color-mix(in oklab, var(--color-gray-400) 40%, transparent)}}.ring-sky-300\/50{--tw-ring-color:#77d4ff80}@supports (color:color-mix(in lab, red, red)){.ring-sky-300\/50{--tw-ring-color:color-mix(in oklab, var(--color-sky-300) 50%, transparent)}}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[3px\]{--tw-backdrop-blur:blur(3px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:text-gray-900:is(:where(.group):hover *){color:var(--color-gray-900)}}.selection\:bg-sky-100 ::selection{background-color:var(--color-sky-100)}.selection\:bg-sky-100::selection{background-color:var(--color-sky-100)}.selection\:text-sky-900 ::selection{color:var(--color-sky-900)}.selection\:text-sky-900::selection{color:var(--color-sky-900)}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:border-\[var\(--sp-border\)\]:hover{border-color:var(--sp-border)}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\:border-gray-500:hover{border-color:var(--color-gray-500)}.hover\:border-violet-300:hover{border-color:var(--color-violet-300)}.hover\:\!bg-rose-50:hover{background-color:var(--color-rose-50)!important}.hover\:bg-black\/\[0\.02\]:hover{background-color:#00000005}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/\[0\.02\]:hover{background-color:color-mix(in oklab, var(--color-black) 2%, transparent)}}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\:bg-rose-100:hover{background-color:var(--color-rose-100)}.hover\:\!text-rose-600:hover{color:var(--color-rose-600)!important}.hover\:text-amber-900:hover{color:var(--color-amber-900)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-rose-500:hover{color:var(--color-rose-500)}.hover\:text-rose-700:hover{color:var(--color-rose-700)}.hover\:text-sky-700:hover{color:var(--color-sky-700)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-current\/40:focus-visible{--tw-ring-color:currentcolor}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-current\/40:focus-visible{--tw-ring-color:color-mix(in oklab, currentcolor 40%, transparent)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-start-3{grid-column-start:3}.sm\:ml-auto{margin-left:auto}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:w-72{width:calc(var(--spacing) * 72)}.sm\:max-w-\[72\%\]{max-width:72%}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:grid-cols-\[7\.5rem_minmax\(0\,1fr\)_2rem\]{grid-template-columns:7.5rem minmax(0,1fr) 2rem}.sm\:grid-cols-\[180px_minmax\(0\,1fr\)_auto\]{grid-template-columns:180px minmax(0,1fr) auto}.sm\:grid-cols-\[minmax\(0\,1fr\)_8rem\]{grid-template-columns:minmax(0,1fr) 8rem}.sm\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(13rem\,0\.55fr\)_auto\]{grid-template-columns:minmax(0,1fr) minmax(13rem,.55fr) auto}.sm\:grid-cols-\[minmax\(8rem\,0\.8fr\)_auto_minmax\(12rem\,2fr\)_auto\]{grid-template-columns:minmax(8rem,.8fr) auto minmax(12rem,2fr) auto}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (width>=48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline{display:inline}.md\:inline-flex{display:inline-flex}.md\:min-h-\[560px\]{min-height:560px}.md\:w-\[340px\]{width:340px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.md\:grid-cols-\[16rem_minmax\(0\,1fr\)\]{grid-template-columns:16rem minmax(0,1fr)}.md\:grid-cols-\[minmax\(0\,1fr\)_18rem\]{grid-template-columns:minmax(0,1fr) 18rem}.md\:flex-col{flex-direction:column}.md\:justify-between{justify-content:space-between}.md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@media (width>=64rem){.lg\:hidden{display:none}.lg\:w-\[30rem\]{width:30rem}.lg\:w-\[380px\]{width:380px}.lg\:translate-x-0{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[12rem_minmax\(0\,1fr\)\]{grid-template-columns:12rem minmax(0,1fr)}.lg\:grid-cols-\[20rem_minmax\(0\,1fr\)_18rem_auto\]{grid-template-columns:20rem minmax(0,1fr) 18rem auto}.lg\:grid-cols-\[minmax\(12rem\,1fr\)_auto_minmax\(11rem\,0\.7fr\)_auto\]{grid-template-columns:minmax(12rem,1fr) auto minmax(11rem,.7fr) auto}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:p-6{padding:calc(var(--spacing) * 6)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:pl-64{padding-left:calc(var(--spacing) * 64)}}@media (width>=80rem){.xl\:col-span-3{grid-column:span 3/span 3}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(20rem\,0\.75fr\)\]{grid-template-columns:minmax(0,1.25fr) minmax(20rem,.75fr)}.xl\:grid-cols-\[minmax\(18rem\,1\.2fr\)_minmax\(10rem\,0\.8fr\)_minmax\(10rem\,0\.7fr\)\]{grid-template-columns:minmax(18rem,1.2fr) minmax(10rem,.8fr) minmax(10rem,.7fr)}.xl\:flex-row{flex-direction:row}.xl\:items-start{align-items:flex-start}.xl\:justify-between{justify-content:space-between}.xl\:px-10{padding-inline:calc(var(--spacing) * 10)}}@media (width>=96rem){.\32 xl\:sticky{position:sticky}.\32 xl\:top-4{top:calc(var(--spacing) * 4)}.\32 xl\:block{display:block}.\32 xl\:hidden{display:none}.\32 xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\32 xl\:grid-cols-\[20rem_1fr\]{grid-template-columns:20rem 1fr}.\32 xl\:grid-cols-\[20rem_minmax\(0\,1fr\)\]{grid-template-columns:20rem minmax(0,1fr)}.\32 xl\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(22rem\,0\.8fr\)\]{grid-template-columns:minmax(0,1.2fr) minmax(22rem,.8fr)}}:where(.dark\:divide-gray-800\/50:where(.dark,.dark *)>:not(:last-child)){border-color:#1e293980}@supports (color:color-mix(in lab, red, red)){:where(.dark\:divide-gray-800\/50:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab, var(--color-gray-800) 50%, transparent)}}.dark\:\!border-rose-500:where(.dark,.dark *){border-color:var(--color-rose-500)!important}.dark\:border-\[var\(--sp-border\)\]:where(.dark,.dark *){border-color:var(--sp-border)}.dark\:border-amber-500\/30:where(.dark,.dark *){border-color:#f99c004d}@supports (color:color-mix(in lab, red, red)){.dark\:border-amber-500\/30:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-amber-500) 30%, transparent)}}.dark\:border-amber-800:where(.dark,.dark *){border-color:var(--color-amber-800)}.dark\:border-amber-800\/40:where(.dark,.dark *){border-color:#953d0066}@supports (color:color-mix(in lab, red, red)){.dark\:border-amber-800\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-amber-800) 40%, transparent)}}.dark\:border-amber-800\/50:where(.dark,.dark *){border-color:#953d0080}@supports (color:color-mix(in lab, red, red)){.dark\:border-amber-800\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-amber-800) 50%, transparent)}}.dark\:border-amber-800\/60:where(.dark,.dark *){border-color:#953d0099}@supports (color:color-mix(in lab, red, red)){.dark\:border-amber-800\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-amber-800) 60%, transparent)}}.dark\:border-amber-900\/60:where(.dark,.dark *){border-color:#7b330699}@supports (color:color-mix(in lab, red, red)){.dark\:border-amber-900\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-amber-900) 60%, transparent)}}.dark\:border-emerald-500\/30:where(.dark,.dark *){border-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.dark\:border-emerald-500\/30:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)}}.dark\:border-emerald-800:where(.dark,.dark *){border-color:var(--color-emerald-800)}.dark\:border-emerald-800\/40:where(.dark,.dark *){border-color:#005f4666}@supports (color:color-mix(in lab, red, red)){.dark\:border-emerald-800\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-emerald-800) 40%, transparent)}}.dark\:border-emerald-800\/50:where(.dark,.dark *){border-color:#005f4680}@supports (color:color-mix(in lab, red, red)){.dark\:border-emerald-800\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-emerald-800) 50%, transparent)}}.dark\:border-emerald-900\/40:where(.dark,.dark *){border-color:#004e3b66}@supports (color:color-mix(in lab, red, red)){.dark\:border-emerald-900\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-emerald-900) 40%, transparent)}}.dark\:border-gray-100:where(.dark,.dark *){border-color:var(--color-gray-100)}.dark\:border-gray-300:where(.dark,.dark *){border-color:var(--color-gray-300)}.dark\:border-gray-500\/60:where(.dark,.dark *){border-color:#6a728299}@supports (color:color-mix(in lab, red, red)){.dark\:border-gray-500\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-gray-500) 60%, transparent)}}.dark\:border-gray-600:where(.dark,.dark *){border-color:var(--color-gray-600)}.dark\:border-gray-700:where(.dark,.dark *){border-color:var(--color-gray-700)}.dark\:border-gray-700\/60:where(.dark,.dark *){border-color:#36415399}@supports (color:color-mix(in lab, red, red)){.dark\:border-gray-700\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-gray-700) 60%, transparent)}}.dark\:border-gray-800:where(.dark,.dark *){border-color:var(--color-gray-800)}.dark\:border-gray-800\/40:where(.dark,.dark *){border-color:#1e293966}@supports (color:color-mix(in lab, red, red)){.dark\:border-gray-800\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-gray-800) 40%, transparent)}}.dark\:border-gray-800\/50:where(.dark,.dark *){border-color:#1e293980}@supports (color:color-mix(in lab, red, red)){.dark\:border-gray-800\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-gray-800) 50%, transparent)}}.dark\:border-gray-800\/60:where(.dark,.dark *){border-color:#1e293999}@supports (color:color-mix(in lab, red, red)){.dark\:border-gray-800\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-gray-800) 60%, transparent)}}.dark\:border-gray-800\/70:where(.dark,.dark *){border-color:#1e2939b3}@supports (color:color-mix(in lab, red, red)){.dark\:border-gray-800\/70:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-gray-800) 70%, transparent)}}.dark\:border-orange-800\/50:where(.dark,.dark *){border-color:#9f2d0080}@supports (color:color-mix(in lab, red, red)){.dark\:border-orange-800\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-orange-800) 50%, transparent)}}.dark\:border-rose-800:where(.dark,.dark *){border-color:var(--color-rose-800)}.dark\:border-rose-800\/40:where(.dark,.dark *){border-color:#a3003766}@supports (color:color-mix(in lab, red, red)){.dark\:border-rose-800\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-rose-800) 40%, transparent)}}.dark\:border-rose-800\/50:where(.dark,.dark *){border-color:#a3003780}@supports (color:color-mix(in lab, red, red)){.dark\:border-rose-800\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-rose-800) 50%, transparent)}}.dark\:border-rose-800\/60:where(.dark,.dark *){border-color:#a3003799}@supports (color:color-mix(in lab, red, red)){.dark\:border-rose-800\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-rose-800) 60%, transparent)}}.dark\:border-rose-900\/60:where(.dark,.dark *){border-color:#8b083699}@supports (color:color-mix(in lab, red, red)){.dark\:border-rose-900\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-rose-900) 60%, transparent)}}.dark\:border-sky-500\/30:where(.dark,.dark *){border-color:#00a5ef4d}@supports (color:color-mix(in lab, red, red)){.dark\:border-sky-500\/30:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-sky-500) 30%, transparent)}}.dark\:border-sky-800:where(.dark,.dark *){border-color:var(--color-sky-800)}.dark\:border-sky-800\/50:where(.dark,.dark *){border-color:#00598680}@supports (color:color-mix(in lab, red, red)){.dark\:border-sky-800\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-sky-800) 50%, transparent)}}.dark\:border-sky-900\/50:where(.dark,.dark *){border-color:#024a7080}@supports (color:color-mix(in lab, red, red)){.dark\:border-sky-900\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-sky-900) 50%, transparent)}}.dark\:border-violet-800\/50:where(.dark,.dark *){border-color:#5d0ec080}@supports (color:color-mix(in lab, red, red)){.dark\:border-violet-800\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-violet-800) 50%, transparent)}}.dark\:bg-\[var\(--sp-bg-elevated\)\]\/95:where(.dark,.dark *){background-color:var(--sp-bg-elevated)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-\[var\(--sp-bg-elevated\)\]\/95:where(.dark,.dark *){background-color:color-mix(in oklab, var(--sp-bg-elevated) 95%, transparent)}}.dark\:bg-amber-500\/10:where(.dark,.dark *){background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-500\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.dark\:bg-amber-950\/20:where(.dark,.dark *){background-color:#46190133}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-950) 20%, transparent)}}.dark\:bg-amber-950\/30:where(.dark,.dark *){background-color:#4619014d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-950) 30%, transparent)}}.dark\:bg-amber-950\/40:where(.dark,.dark *){background-color:#46190166}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-950) 40%, transparent)}}.dark\:bg-amber-950\/80:where(.dark,.dark *){background-color:#461901cc}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/80:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-950) 80%, transparent)}}.dark\:bg-black\/60:where(.dark,.dark *){background-color:#0009}@supports (color:color-mix(in lab, red, red)){.dark\:bg-black\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.dark\:bg-black\/65:where(.dark,.dark *){background-color:#000000a6}@supports (color:color-mix(in lab, red, red)){.dark\:bg-black\/65:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-black) 65%, transparent)}}.dark\:bg-emerald-500\/10:where(.dark,.dark *){background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-500\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.dark\:bg-emerald-950\/30:where(.dark,.dark *){background-color:#002c224d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-950) 30%, transparent)}}.dark\:bg-emerald-950\/40:where(.dark,.dark *){background-color:#002c2266}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-950) 40%, transparent)}}.dark\:bg-emerald-950\/80:where(.dark,.dark *){background-color:#002c22cc}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-950\/80:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-950) 80%, transparent)}}.dark\:bg-gray-100:where(.dark,.dark *){background-color:var(--color-gray-100)}.dark\:bg-gray-600:where(.dark,.dark *){background-color:var(--color-gray-600)}.dark\:bg-gray-700:where(.dark,.dark *){background-color:var(--color-gray-700)}.dark\:bg-gray-800:where(.dark,.dark *){background-color:var(--color-gray-800)}.dark\:bg-gray-800\/60:where(.dark,.dark *){background-color:#1e293999}@supports (color:color-mix(in lab, red, red)){.dark\:bg-gray-800\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-gray-800) 60%, transparent)}}.dark\:bg-gray-800\/80:where(.dark,.dark *){background-color:#1e2939cc}@supports (color:color-mix(in lab, red, red)){.dark\:bg-gray-800\/80:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-gray-800) 80%, transparent)}}.dark\:bg-gray-900:where(.dark,.dark *){background-color:var(--color-gray-900)}.dark\:bg-gray-950:where(.dark,.dark *){background-color:var(--color-gray-950)}.dark\:bg-orange-900\/30:where(.dark,.dark *){background-color:#7e2a0c4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-orange-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-orange-900) 30%, transparent)}}.dark\:bg-orange-950\/30:where(.dark,.dark *){background-color:#4413064d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-orange-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-orange-950) 30%, transparent)}}.dark\:bg-rose-500\/10:where(.dark,.dark *){background-color:#ff23571a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-rose-500\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-rose-500) 10%, transparent)}}.dark\:bg-rose-950\/10:where(.dark,.dark *){background-color:#4d02181a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-rose-950\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-rose-950) 10%, transparent)}}.dark\:bg-rose-950\/20:where(.dark,.dark *){background-color:#4d021833}@supports (color:color-mix(in lab, red, red)){.dark\:bg-rose-950\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-rose-950) 20%, transparent)}}.dark\:bg-rose-950\/40:where(.dark,.dark *){background-color:#4d021866}@supports (color:color-mix(in lab, red, red)){.dark\:bg-rose-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-rose-950) 40%, transparent)}}.dark\:bg-rose-950\/80:where(.dark,.dark *){background-color:#4d0218cc}@supports (color:color-mix(in lab, red, red)){.dark\:bg-rose-950\/80:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-rose-950) 80%, transparent)}}.dark\:bg-sky-500\/10:where(.dark,.dark *){background-color:#00a5ef1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-sky-500\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-sky-500) 10%, transparent)}}.dark\:bg-sky-500\/\[0\.08\]:where(.dark,.dark *){background-color:#00a5ef14}@supports (color:color-mix(in lab, red, red)){.dark\:bg-sky-500\/\[0\.08\]:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-sky-500) 8%, transparent)}}.dark\:bg-sky-950\/30:where(.dark,.dark *){background-color:#052f4a4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-sky-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-sky-950) 30%, transparent)}}.dark\:bg-sky-950\/35:where(.dark,.dark *){background-color:#052f4a59}@supports (color:color-mix(in lab, red, red)){.dark\:bg-sky-950\/35:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-sky-950) 35%, transparent)}}.dark\:bg-sky-950\/40:where(.dark,.dark *){background-color:#052f4a66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-sky-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-sky-950) 40%, transparent)}}.dark\:bg-violet-500\/10:where(.dark,.dark *){background-color:#8d54ff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-violet-500\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-violet-500) 10%, transparent)}}.dark\:bg-violet-500\/\[0\.08\]:where(.dark,.dark *){background-color:#8d54ff14}@supports (color:color-mix(in lab, red, red)){.dark\:bg-violet-500\/\[0\.08\]:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-violet-500) 8%, transparent)}}.dark\:bg-violet-950\/20:where(.dark,.dark *){background-color:#2f0d6833}@supports (color:color-mix(in lab, red, red)){.dark\:bg-violet-950\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-violet-950) 20%, transparent)}}.dark\:bg-white:where(.dark,.dark *){background-color:var(--color-white)}.dark\:bg-white\/\[0\.02\]:where(.dark,.dark *){background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/\[0\.02\]:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.dark\:bg-white\/\[0\.03\]:where(.dark,.dark *){background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/\[0\.03\]:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.dark\:bg-white\/\[0\.04\]:where(.dark,.dark *){background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/\[0\.04\]:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.dark\:bg-white\/\[0\.06\]:where(.dark,.dark *){background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/\[0\.06\]:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.dark\:bg-white\/\[0\.07\]:where(.dark,.dark *){background-color:#ffffff12}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/\[0\.07\]:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 7.0%, transparent)}}.dark\:bg-white\/\[0\.015\]:where(.dark,.dark *){background-color:#ffffff04}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/\[0\.015\]:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 1.5%, transparent)}}.dark\:\!text-gray-100:where(.dark,.dark *){color:var(--color-gray-100)!important}.dark\:\!text-rose-400:where(.dark,.dark *){color:var(--color-rose-400)!important}.dark\:text-amber-100:where(.dark,.dark *){color:var(--color-amber-100)}.dark\:text-amber-200:where(.dark,.dark *){color:var(--color-amber-200)}.dark\:text-amber-300:where(.dark,.dark *){color:var(--color-amber-300)}.dark\:text-amber-400:where(.dark,.dark *){color:var(--color-amber-400)}.dark\:text-amber-400\/80:where(.dark,.dark *){color:#fcbb00cc}@supports (color:color-mix(in lab, red, red)){.dark\:text-amber-400\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-amber-400) 80%, transparent)}}.dark\:text-amber-400\/90:where(.dark,.dark *){color:#fcbb00e6}@supports (color:color-mix(in lab, red, red)){.dark\:text-amber-400\/90:where(.dark,.dark *){color:color-mix(in oklab, var(--color-amber-400) 90%, transparent)}}.dark\:text-emerald-100:where(.dark,.dark *){color:var(--color-emerald-100)}.dark\:text-emerald-200:where(.dark,.dark *){color:var(--color-emerald-200)}.dark\:text-emerald-300:where(.dark,.dark *){color:var(--color-emerald-300)}.dark\:text-emerald-300\/80:where(.dark,.dark *){color:#5ee9b5cc}@supports (color:color-mix(in lab, red, red)){.dark\:text-emerald-300\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-emerald-300) 80%, transparent)}}.dark\:text-emerald-400:where(.dark,.dark *){color:var(--color-emerald-400)}.dark\:text-gray-100:where(.dark,.dark *){color:var(--color-gray-100)}.dark\:text-gray-200:where(.dark,.dark *){color:var(--color-gray-200)}.dark\:text-gray-300:where(.dark,.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:where(.dark,.dark *){color:var(--color-gray-400)}.dark\:text-gray-500:where(.dark,.dark *){color:var(--color-gray-500)}.dark\:text-gray-600:where(.dark,.dark *){color:var(--color-gray-600)}.dark\:text-gray-900:where(.dark,.dark *){color:var(--color-gray-900)}.dark\:text-gray-950:where(.dark,.dark *){color:var(--color-gray-950)}.dark\:text-orange-300:where(.dark,.dark *){color:var(--color-orange-300)}.dark\:text-orange-400:where(.dark,.dark *){color:var(--color-orange-400)}.dark\:text-rose-200:where(.dark,.dark *){color:var(--color-rose-200)}.dark\:text-rose-300:where(.dark,.dark *){color:var(--color-rose-300)}.dark\:text-rose-400:where(.dark,.dark *){color:var(--color-rose-400)}.dark\:text-rose-400\/90:where(.dark,.dark *){color:#ff667fe6}@supports (color:color-mix(in lab, red, red)){.dark\:text-rose-400\/90:where(.dark,.dark *){color:color-mix(in oklab, var(--color-rose-400) 90%, transparent)}}.dark\:text-rose-500:where(.dark,.dark *){color:var(--color-rose-500)}.dark\:text-sky-100:where(.dark,.dark *){color:var(--color-sky-100)}.dark\:text-sky-200:where(.dark,.dark *){color:var(--color-sky-200)}.dark\:text-sky-200\/75:where(.dark,.dark *){color:#b8e6febf}@supports (color:color-mix(in lab, red, red)){.dark\:text-sky-200\/75:where(.dark,.dark *){color:color-mix(in oklab, var(--color-sky-200) 75%, transparent)}}.dark\:text-sky-200\/80:where(.dark,.dark *){color:#b8e6fecc}@supports (color:color-mix(in lab, red, red)){.dark\:text-sky-200\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-sky-200) 80%, transparent)}}.dark\:text-sky-300:where(.dark,.dark *){color:var(--color-sky-300)}.dark\:text-sky-400:where(.dark,.dark *){color:var(--color-sky-400)}.dark\:text-violet-100:where(.dark,.dark *){color:var(--color-violet-100)}.dark\:text-violet-200:where(.dark,.dark *){color:var(--color-violet-200)}.dark\:text-violet-200\/75:where(.dark,.dark *){color:#ddd6ffbf}@supports (color:color-mix(in lab, red, red)){.dark\:text-violet-200\/75:where(.dark,.dark *){color:color-mix(in oklab, var(--color-violet-200) 75%, transparent)}}.dark\:text-violet-300:where(.dark,.dark *){color:var(--color-violet-300)}.dark\:text-violet-300\/70:where(.dark,.dark *){color:#c4b4ffb3}@supports (color:color-mix(in lab, red, red)){.dark\:text-violet-300\/70:where(.dark,.dark *){color:color-mix(in oklab, var(--color-violet-300) 70%, transparent)}}.dark\:text-violet-300\/80:where(.dark,.dark *){color:#c4b4ffcc}@supports (color:color-mix(in lab, red, red)){.dark\:text-violet-300\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-violet-300) 80%, transparent)}}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}@media (hover:hover){.dark\:group-hover\:text-gray-100:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-gray-100)}}.dark\:selection\:bg-sky-900\/40:where(.dark,.dark *) ::-moz-selection{background-color:#024a7066}.dark\:selection\:bg-sky-900\/40:where(.dark,.dark *) ::selection{background-color:#024a7066}@supports (color:color-mix(in lab, red, red)){.dark\:selection\:bg-sky-900\/40:where(.dark,.dark *) ::-moz-selection{background-color:color-mix(in oklab, var(--color-sky-900) 40%, transparent)}.dark\:selection\:bg-sky-900\/40:where(.dark,.dark *) ::selection{background-color:color-mix(in oklab, var(--color-sky-900) 40%, transparent)}}.dark\:selection\:bg-sky-900\/40:where(.dark,.dark *)::-moz-selection{background-color:#024a7066}.dark\:selection\:bg-sky-900\/40:where(.dark,.dark *)::selection{background-color:#024a7066}@supports (color:color-mix(in lab, red, red)){.dark\:selection\:bg-sky-900\/40:where(.dark,.dark *)::-moz-selection{background-color:color-mix(in oklab, var(--color-sky-900) 40%, transparent)}.dark\:selection\:bg-sky-900\/40:where(.dark,.dark *)::selection{background-color:color-mix(in oklab, var(--color-sky-900) 40%, transparent)}}.dark\:selection\:text-sky-100:where(.dark,.dark *) ::-moz-selection{color:var(--color-sky-100)}.dark\:selection\:text-sky-100:where(.dark,.dark *) ::selection{color:var(--color-sky-100)}.dark\:selection\:text-sky-100:where(.dark,.dark *)::-moz-selection{color:var(--color-sky-100)}.dark\:selection\:text-sky-100:where(.dark,.dark *)::selection{color:var(--color-sky-100)}@media (hover:hover){.dark\:hover\:border-gray-500:where(.dark,.dark *):hover{border-color:var(--color-gray-500)}.dark\:hover\:border-gray-600:where(.dark,.dark *):hover{border-color:var(--color-gray-600)}.dark\:hover\:\!bg-rose-950\/30:where(.dark,.dark *):hover{background-color:#4d02184d!important}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:\!bg-rose-950\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-rose-950) 30%, transparent)!important}}.dark\:hover\:bg-gray-600:where(.dark,.dark *):hover{background-color:var(--color-gray-600)}.dark\:hover\:bg-gray-800:where(.dark,.dark *):hover{background-color:var(--color-gray-800)}.dark\:hover\:bg-gray-800\/50:where(.dark,.dark *):hover{background-color:#1e293980}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-gray-800\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-gray-800) 50%, transparent)}}.dark\:hover\:bg-rose-500\/10:where(.dark,.dark *):hover{background-color:#ff23571a}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-rose-500\/10:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-rose-500) 10%, transparent)}}.dark\:hover\:bg-rose-500\/20:where(.dark,.dark *):hover{background-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-rose-500\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.dark\:hover\:bg-white\/\[0\.02\]:where(.dark,.dark *):hover{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/\[0\.02\]:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.dark\:hover\:bg-white\/\[0\.03\]:where(.dark,.dark *):hover{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/\[0\.03\]:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.dark\:hover\:bg-white\/\[0\.04\]:where(.dark,.dark *):hover{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/\[0\.04\]:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.dark\:hover\:bg-white\/\[0\.05\]:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/\[0\.05\]:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:hover\:bg-white\/\[0\.06\]:where(.dark,.dark *):hover{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/\[0\.06\]:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.dark\:hover\:\!text-rose-400:where(.dark,.dark *):hover{color:var(--color-rose-400)!important}.dark\:hover\:text-amber-300:where(.dark,.dark *):hover{color:var(--color-amber-300)}.dark\:hover\:text-gray-100:where(.dark,.dark *):hover{color:var(--color-gray-100)}.dark\:hover\:text-gray-200:where(.dark,.dark *):hover{color:var(--color-gray-200)}.dark\:hover\:text-gray-300:where(.dark,.dark *):hover{color:var(--color-gray-300)}.dark\:hover\:text-sky-300:where(.dark,.dark *):hover{color:var(--color-sky-300)}}}:root{--sp-bg:#fafafa;--sp-bg-elevated:#fff;--sp-bg-muted:#f5f5f5;--sp-border:#ebebeb;--sp-border-strong:#a1a1a1;--sp-text:#171717;--sp-text-muted:#4d4d4d;--sp-accent:#171717;--sp-accent-soft:#17171712;--sp-success:#10b981;--sp-danger:#f43f5e;--sp-warning:#f59e0b;--sp-violet:#8b5cf6;--sp-shadow-sm:0 1px 1px #00000005, 0 2px 2px #0000000a;--sp-shadow-md:0 1px 1px #00000005, 0 8px 16px -8px #0000001a;--sp-shadow-lg:0 1px 1px #00000005, 0 8px 16px -4px #00000014, 0 24px 32px -8px #0000001f;--sp-bg-elevated-2:#f5f5f5;--sp-radius-sm:.375rem;--sp-radius:.5rem;--sp-radius-lg:.75rem;--sp-header-h:4rem;--sp-sidebar-w:16rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark{--sp-bg:#0a0a0a;--sp-bg-elevated:#111;--sp-bg-muted:#171717;--sp-bg-elevated-2:#171717;--sp-border:#262626;--sp-border-strong:#525252;--sp-text:#fafafa;--sp-text-muted:#a3a3a3;--sp-accent:#f5f5f5;--sp-accent-soft:#ffffff14;--sp-violet:#a78bfa;--sp-shadow-sm:0 1px 2px #0006;--sp-shadow-md:0 10px 28px #00000073;--sp-shadow-lg:0 16px 40px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--sp-bg);min-width:320px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark ::-webkit-scrollbar-thumb{background:#4b55638c}.dark ::-webkit-scrollbar-thumb:hover{background:#6b7280bf}select option{color:#111827;background:#fff}.dark select option{color:#f3f4f6;background:#111827}.dark select optgroup{color:#9ca3af;background:#111827}:focus:not(:focus-visible){outline:none}:focus-visible{outline-offset:2px;outline:2px solid #1717176b}.dark :focus-visible{outline-color:#ffffff8c}.ui-content-shell{width:100%;max-width:87.5rem;margin-inline:auto}.ui-content-shell-wide{max-width:100rem}.ui-card{background:var(--sp-bg-elevated);border:1px solid var(--sp-border);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow-sm);transition:border-color .15s,box-shadow .15s,transform .15s,background-color .15s}.ui-sidebar{background:var(--sp-bg-elevated);border-right:1px solid var(--sp-border)}.ui-card-hover:hover{border-color:var(--sp-border-strong);box-shadow:var(--sp-shadow-md)}.ui-section-label{letter-spacing:.04em;color:var(--sp-text-muted);font-size:.75rem;font-weight:500;line-height:1rem}.ui-btn-primary{color:#fff;border-radius:var(--sp-radius-sm);background:#111827;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s,opacity .15s,transform .1s;display:inline-flex}.ui-btn-primary:hover:not(:disabled){background:#1f2937}.dark .ui-btn-primary{color:#0a0a0a;background:#f3f4f6}.dark .ui-btn-primary:hover:not(:disabled){background:#fff}.ui-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ui-btn-primary:active:not(:disabled){transform:scale(.98)}.ui-btn-secondary{background:var(--sp-bg-muted);color:var(--sp-text);border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.ui-btn-secondary:hover:not(:disabled){background:var(--sp-bg-elevated);border-color:var(--sp-border-strong)}.ui-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.ui-btn-danger{color:#e11d48;border-radius:var(--sp-radius-sm);background:0 0;border:1px solid #f43f5e59;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.ui-btn-danger:hover:not(:disabled){background:#f43f5e14;border-color:#f43f5e80}.dark .ui-btn-danger{color:#fb7185;border-color:#f43f5e59}.dark .ui-btn-danger:hover:not(:disabled){background:#f43f5e1f}.ui-btn-danger:disabled{opacity:.45;cursor:not-allowed}.ui-row-action{border-radius:var(--sp-radius-sm);color:#4b5563;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;min-height:2rem;padding:.375rem .5rem;font-size:.75rem;line-height:1.25;transition:color .15s,background-color .15s,opacity .15s;display:inline-flex}.dark .ui-row-action{color:#d1d5db}.ui-row-action:hover:not(:disabled){background:#f3f4f6}.dark .ui-row-action:hover:not(:disabled){background:#ffffff0a}.ui-row-action:disabled,.ui-row-action.is-disabled{color:#d1d5db;cursor:not-allowed;opacity:1}.dark .ui-row-action:disabled,.dark .ui-row-action.is-disabled{color:#4b5563}.ui-row-action:disabled:hover,.ui-row-action.is-disabled:hover{background:0 0}.ui-row-action--positive{color:#059669}.dark .ui-row-action--positive{color:#34d399}.ui-row-action--positive:hover:not(:disabled){background:#ecfdf5}.dark .ui-row-action--positive:hover:not(:disabled){background:#064e3b33}.ui-row-action--danger{color:#4b5563}.dark .ui-row-action--danger{color:#d1d5db}.ui-row-action--danger:hover:not(:disabled){color:#e11d48;background:#fff1f2}.dark .ui-row-action--danger:hover:not(:disabled){color:#fb7185;background:#f43f5e1a}.ui-row-action--danger-strong{color:#e11d48}.dark .ui-row-action--danger-strong{color:#fb7185}.ui-row-action--danger-strong:hover:not(:disabled){background:#fff1f2}.dark .ui-row-action--danger-strong:hover:not(:disabled){background:#88133733}.ui-row-action--stack{color:#6b7280;flex-direction:column;gap:.125rem;min-width:0;min-height:2.75rem;padding:.375rem 0;font-size:.625rem}.dark .ui-row-action--stack{color:#6b7280}.ui-row-action--stack:hover:not(:disabled){color:#111827;background:#f9fafb}.dark .ui-row-action--stack:hover:not(:disabled){color:#e5e7eb;background:#ffffff0a}.ui-row-action--stack.ui-row-action--danger:hover:not(:disabled){color:#e11d48;background:#fff1f2}.dark .ui-row-action--stack.ui-row-action--danger:hover:not(:disabled){color:#fb7185;background:#f43f5e1a}.ui-segment{background:var(--sp-bg-muted);border:1px solid var(--sp-border);border-radius:calc(var(--sp-radius-sm) + .125rem);grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.25rem;display:grid}.ui-segment-btn{color:var(--sp-text-muted);border-radius:var(--sp-radius-sm);justify-content:center;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex}.ui-segment-btn:hover:not(:disabled){color:var(--sp-text)}.ui-segment-btn-active{background:var(--sp-bg-elevated);color:var(--sp-text);box-shadow:var(--sp-shadow-sm)}.ui-toolbar-active{border-color:var(--sp-border-strong);box-shadow:0 0 0 1px var(--sp-accent-soft), var(--sp-shadow-sm)}.ui-table-head{text-transform:uppercase;letter-spacing:.06em;color:var(--sp-text-muted);border-bottom:1px solid var(--sp-border);align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.375rem .5rem;font-size:.6875rem;display:flex}.ui-form-step{align-items:center;gap:.625rem;min-width:0;display:flex}.ui-form-step-num{letter-spacing:.04em;min-width:1.75rem;height:1.25rem;color:var(--sp-accent);background:var(--sp-accent-soft);border:1px solid var(--sp-border);justify-content:center;align-items:center;padding:0 .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.625rem;font-weight:700;display:inline-flex}.ui-form-step-title{text-transform:uppercase;letter-spacing:.08em;color:var(--sp-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:700;overflow:hidden}textarea.ui-input{resize:vertical;min-height:5rem;line-height:1.5}.ui-section-icon{background:var(--sp-accent-soft);width:1.75rem;height:1.75rem;color:var(--sp-accent);border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dark .ui-section-icon{border-color:var(--sp-border)}.ui-icon-btn{color:#6b7280;border-radius:var(--sp-radius);justify-content:center;align-items:center;width:2rem;height:2rem;transition:color .15s,background-color .15s;display:inline-flex}.ui-icon-btn:hover{color:#111827;background:#0000000d}.dark .ui-icon-btn:hover{color:#f3f4f6;background:#ffffff0f}.ui-input{background:var(--sp-bg-muted);border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);width:100%;color:var(--sp-text);outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,background-color .15s,box-shadow .15s}.ui-input::placeholder{color:#9ca3af}.ui-input:focus{background:var(--sp-bg-elevated);box-shadow:0 0 0 3px var(--sp-accent-soft);border-color:#171717a6}.dark .ui-input:focus{border-color:#ffffff8c}.ui-fab{color:#fff;width:2.75rem;height:2.75rem;box-shadow:var(--sp-shadow-md);background:#111827;border:1px solid #1f2937;border-radius:999px;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}.ui-fab:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0f172a2e}.ui-fab:active{transform:scale(.95)}.dark .ui-fab{color:#0a0a0a;background:#f3f4f6;border-color:#e5e7eb}.dark .ui-fab:hover{background:#fff;box-shadow:0 8px 28px #00000080}.ui-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.375rem;padding:.125rem .375rem;font-size:.6875rem;line-height:1rem;display:inline-flex}.ui-badge-dot{border-radius:999px;flex-shrink:0;width:.375rem;height:.375rem}.ui-badge-success{color:#047857;background:#10b98114;border-color:#10b98140}.dark .ui-badge-success{color:#34d399;background:#10b9811f;border-color:#10b9814d}.ui-badge-success .ui-badge-dot{background:#10b981;box-shadow:0 0 8px #10b98173}.ui-badge-error{color:#be123c;background:#f43f5e14;border-color:#f43f5e40}.dark .ui-badge-error{color:#fb7185;background:#f43f5e1f;border-color:#f43f5e4d}.ui-badge-error .ui-badge-dot{background:#f43f5e}.ui-badge-warn{color:#b45309;background:#f59e0b14;border-color:#f59e0b40}.dark .ui-badge-warn{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b4d}.ui-badge-warn .ui-badge-dot{background:#f59e0b}.ui-badge-neutral{color:#4b5563;background:#6b728014;border-color:#6b728033}.dark .ui-badge-neutral{color:#9ca3af;background:#6b728026;border-color:#6b72804d}.ui-badge-neutral .ui-badge-dot{background:#9ca3af}.ui-chip-sky{color:#075985;background:#f0f9ff;border-color:#e0f2fe}.dark .ui-chip-sky{color:#7dd3fc;background:#0c4a6e40;border-color:#0e749059}.ui-chip-violet{color:#6d28d9;background:#f5f3ff;border-color:#ede9fe}.dark .ui-chip-violet{color:#c4b5fd;background:#4c1d9540;border-color:#6d28d959}.ui-chip-emerald{color:#047857;background:#ecfdf5;border-color:#d1fae5}.dark .ui-chip-emerald{color:#6ee7b7;background:#022c2266;border-color:#065f4680}.ui-chip-orange{color:#c2410c;background:#fff7ed;border-color:#ffedd5}.dark .ui-chip-orange{color:#fdba74;background:#43140766;border-color:#9a341280}.ui-page-loading{justify-content:center;align-items:center;padding:5rem 0;display:flex}.ui-spinner{border:2px solid #9ca3af40;border-top-color:var(--sp-text);border-radius:999px;width:1.5rem;height:1.5rem;animation:.7s linear infinite ui-spin}.dark .ui-spinner{border-color:#4b556366;border-top-color:var(--sp-text)}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:5rem 1rem;display:flex}.ui-empty-icon{background:var(--sp-bg-muted);border:1px solid var(--sp-border);border-radius:var(--sp-radius);color:#9ca3af;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:1rem;display:flex}.ui-empty-title{color:var(--sp-text);margin-bottom:.25rem;font-size:.875rem;font-weight:500}.ui-empty-desc{color:var(--sp-text-muted);font-size:.75rem}.ui-list-row{transition:background-color .12s}.ui-list-row:hover{background:#00000006}.dark .ui-list-row:hover{background:#ffffff08}.ui-header-glass{-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--sp-border);box-shadow:none;background:#fafafaf0}.dark .ui-header-glass{background:#0a0a0af0}.ui-brand-mark{color:#fafafa;letter-spacing:-.04em;box-shadow:none;border-radius:var(--sp-radius-sm);background:#171717;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.dark .ui-brand-mark{color:#171717;background:#fafafa}.ui-stat{position:relative;overflow:hidden}.ui-stat:before{content:"";background:var(--sp-stat-accent,var(--sp-accent));opacity:.85;width:3px;position:absolute;top:0;bottom:0;left:0}.ui-pulse-dot{background:#10b981;border-radius:999px;width:.375rem;height:.375rem;animation:2s ease-out infinite ui-pulse;box-shadow:0 0 #10b98180}@keyframes ui-pulse{0%{box-shadow:0 0 #10b98173}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.ui-nav-active{color:#171717;background:#f5f5f5;position:relative;box-shadow:inset 0 0 0 1px #ebebeb}.dark .ui-nav-active{color:#fff;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff14}.ui-nav-active:before{content:"";background:var(--sp-accent);border-radius:999px;width:2px;position:absolute;top:.5rem;bottom:.5rem;left:0}.ui-select-trigger{background:var(--sp-bg-elevated);border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);width:100%;height:2.5rem;color:var(--sp-text);outline:none;justify-content:space-between;align-items:center;gap:.5rem;padding:0 .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex}.ui-select-trigger:hover:not(:disabled){border-color:var(--sp-border-strong)}.ui-select-trigger:focus-visible,.ui-select-trigger-open{box-shadow:0 0 0 3px var(--sp-accent-soft);border-color:#171717a6}.ui-select-trigger:disabled{opacity:.5;cursor:not-allowed}.ui-dropdown{background:var(--sp-bg-elevated);border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);box-shadow:var(--sp-shadow-md);max-height:15rem;padding:.25rem 0;overflow-y:auto}.ui-dropdown-item{text-align:left;width:100%;color:var(--sp-text-muted);cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:background-color .1s,color .1s;display:flex}.ui-dropdown-item:hover:not(:disabled){color:var(--sp-text);background:#00000008}.dark .ui-dropdown-item:hover:not(:disabled){background:#ffffff0a}.ui-dropdown-item-active{color:var(--sp-text);background:var(--sp-accent-soft)}.ui-dropdown-item-focus{box-shadow:inset 0 0 0 1px #17171759}.ui-dropdown-group{text-transform:uppercase;letter-spacing:.06em;color:var(--sp-text-muted);cursor:default;pointer-events:none;padding-top:.75rem;padding-bottom:.25rem;font-size:.6875rem;font-weight:600}.ui-checkbox{border:1px solid var(--sp-border-strong);width:.875rem;height:.875rem;accent-color:var(--sp-accent);cursor:pointer;border-radius:.2rem}.ui-label{color:var(--sp-text-muted);letter-spacing:.02em;font-size:.75rem;font-weight:500;display:block}.ui-label-strong{text-transform:uppercase;letter-spacing:.06em;color:var(--sp-text-muted);font-size:.6875rem;font-weight:600}.ui-alert-error{color:#e11d48;border-radius:var(--sp-radius-sm);background:#f43f5e14;border:1px solid #f43f5e38;padding:.5rem .625rem;font-size:.75rem}.dark .ui-alert-error{color:#fb7185;background:#f43f5e1a;border-color:#f43f5e47}.ui-switch{background:#d1d5db;border-radius:999px;flex-shrink:0;align-items:center;width:2.25rem;height:1.25rem;transition:background-color .15s;display:inline-flex;position:relative}.dark .ui-switch{background:#374151}.ui-switch-on{background:var(--sp-text)!important}.ui-switch-knob{background:#fff;border-radius:999px;width:.875rem;height:.875rem;transition:transform .15s;display:inline-block;transform:translate(.25rem);box-shadow:0 1px 2px #0000001f}.ui-switch-on .ui-switch-knob{transform:translate(1rem)}.ui-form-section{border:1px solid var(--sp-border);background:#00000004;padding:1rem}.dark .ui-form-section{background:#ffffff05}.ui-form-section-accent,.dark .ui-form-section-accent{border-color:var(--sp-border-strong);background:var(--sp-accent-soft)}.ui-link{color:var(--sp-text);text-underline-offset:.2em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .15s,opacity .15s}.ui-link:hover{text-decoration-color:currentColor}.ui-note{color:var(--sp-text-muted);background:var(--sp-bg-muted);border:1px solid var(--sp-border)}.ui-selection{color:var(--sp-text);background:var(--sp-accent-soft);border-color:var(--sp-border-strong)}.ui-tab-active{color:var(--sp-bg-elevated);background:var(--sp-text);border-color:var(--sp-text)}.ui-progress-track{background:var(--sp-bg-muted);border:1px solid var(--sp-border)}.ui-progress-bar{background:var(--sp-text)}.ui-skeleton{border-radius:var(--sp-radius-sm);background:linear-gradient(90deg,#0000000a 25%,#00000014 50%,#0000000a 75%) 0 0/200% 100%;animation:1.4s ease-in-out infinite ui-shimmer}.dark .ui-skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%}@keyframes ui-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-terminal{background:#0a0c10;border:1px solid #272d38e6;max-height:18rem;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;overflow-y:auto}.ui-terminal-block{background:#1118278c;border:1px solid #37415199;overflow:hidden}.ui-safe-fab{bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));right:calc(1.5rem + env(safe-area-inset-right,0px))}@media (width>=1024px){.ui-safe-fab{bottom:2rem;right:2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ui-pulse-dot,.ui-skeleton{animation:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.modal-enter-active[data-v-e37095a2],.modal-leave-active[data-v-e37095a2]{transition:opacity .2s}.modal-enter-active>div[data-v-e37095a2]:last-child,.modal-leave-active>div[data-v-e37095a2]:last-child{transition:transform .2s,opacity .2s}.modal-enter-from[data-v-e37095a2],.modal-leave-to[data-v-e37095a2]{opacity:0}.modal-enter-from>div[data-v-e37095a2]:last-child,.modal-leave-to>div[data-v-e37095a2]:last-child{opacity:0;transform:translateY(8px)scale(.98)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}
/* ==== /assets/dashboard-r76.css ==== */
/* ==== /assets/dashboard-r73.css ==== */
#tgsp-dashboard-r73 {
  --sp73-ink: #181818;
  --sp73-muted: #71717a;
  --sp73-text-soft: #8b8f98;
  --sp73-line: #e5e7eb;
  --sp73-surface: #fff;
  --sp73-soft: #fafafa;
  --sp73-hover: #f7f7f8;
  --sp73-shadow: 0 1px 4px rgba(15, 23, 42, .055);
  --sp73-green: #18a878;
  --sp73-amber: #d48a15;
  color: var(--sp73-ink);
  width: 100%;
  max-width: 1540px;
  margin: 0 auto;
  padding: 0 0 24px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

#tgsp-dashboard-r73 *,
#tgsp-dashboard-r73 *::before,
#tgsp-dashboard-r73 *::after { box-sizing: border-box; }

#tgsp-dashboard-r73 a { color: inherit; text-decoration: none; }
#tgsp-dashboard-r73 svg { width: 18px; height: 18px; display: block; }

.sp73-card {
  background: var(--sp73-surface);
  border: 1px solid var(--sp73-line);
  border-radius: 9px;
  box-shadow: var(--sp73-shadow);
}

.sp73-hero {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 2px 14px;
  color: var(--sp73-ink);
  border-bottom: 1px solid var(--sp73-line);
}

.sp73-hero-copy { min-width: 0; }
.sp73-hero h1 { margin: 0 0 7px; font-size: 21px; line-height: 1.2; font-weight: 620; letter-spacing: -.02em; }
.sp73-hero p { margin: 0; color: var(--sp73-muted); font-size: 12px; }
.sp73-hero-actions { display: flex; align-items: center; gap: 9px; }
.sp73-live, .sp73-refresh { height: 36px; display: inline-flex; align-items: center; gap: 9px; border-radius: 9px; }
.sp73-live { padding: 0 13px; background: #e8f7f1; border: 1px solid #d4efe5; color: #187e5d; font-size: 11px; }
.sp73-live i { width: 7px; height: 7px; border-radius: 50%; background: #22a978; box-shadow: 0 0 0 4px rgba(34,169,120,.12); }
.sp73-refresh { padding: 0 14px; border: 1px solid #181818; color: #fff; background: #181818; cursor: pointer; font: inherit; font-size: 11px; transition: .2s ease; }
.sp73-refresh:hover { background: #343434; transform: translateY(-1px); }
.sp73-refresh:disabled { opacity: .55; cursor: wait; }
.sp73-refresh svg { width: 15px !important; height: 15px !important; }
.is-loading .sp73-refresh svg { animation: sp73-spin .8s linear infinite; }
.sp73-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.sp73-metric { min-height: 102px; display: grid; grid-template-columns: 36px minmax(0, 1fr) 18px; gap: 12px; align-items: start; padding: 17px 18px; transition: background .18s ease, border-color .18s ease; }
.sp73-metric:hover { background: var(--sp73-hover); border-color: #d7d9de; }
.sp73-metric--blue { --metric-color: #2f6fed; --metric-bg: #eaf2ff; }
.sp73-metric--green { --metric-color: #179d70; --metric-bg: #e8f7f1; }
.sp73-metric--amber { --metric-color: #d48314; --metric-bg: #fff3df; }
.sp73-metric--slate { --metric-color: #303030; --metric-bg: #eeeeee; }
.sp73-metric-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 9px; color: var(--metric-color); background: var(--metric-bg); }
.sp73-metric-copy { min-width: 0; display: flex; flex-direction: column; }
.sp73-metric-label { color: var(--sp73-muted); font-size: 11px; line-height: 1.2; }
.sp73-metric strong { margin-top: 6px; font-size: 24px; line-height: 1; letter-spacing: -.035em; font-weight: 650; }
.sp73-metric small { margin-top: 7px; overflow: hidden; color: var(--sp73-text-soft); font-size: 10px; line-height: 1.35; white-space: nowrap; text-overflow: ellipsis; }
.sp73-metric-arrow { align-self: center; color: #a1a1aa; }
.sp73-metric-arrow svg { width: 15px !important; height: 15px !important; }

.sp73-workspace-grid { display: grid; grid-template-columns: minmax(0, 1.62fr) minmax(320px, .88fr); align-items: start; gap: 12px; margin-top: 12px; }
.sp73-panel { min-width: 0; padding: 20px; }
.sp73-panel-head { min-height: 38px; display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-bottom: 14px; }
.sp73-panel-head > div { min-width: 0; display: flex; align-items: center; gap: 12px; }
.sp73-panel-head h2 { margin: 0; font-size: 15px; line-height: 1.25; font-weight: 620; letter-spacing: -.01em; }
.sp73-panel-head p { margin: 4px 0 0; color: var(--sp73-text-soft); font-size: 11px; }
.sp73-panel-head > a { flex: none; display: inline-flex; align-items: center; gap: 6px; color: #383838; font-size: 11px; }
.sp73-panel-head > a svg { width: 13px !important; height: 13px !important; transition: transform .18s ease; }
.sp73-panel-head > a:hover svg { transform: translateX(3px); }
.sp73-active-strip { display: grid; grid-template-columns: 72px 36px minmax(0, 1fr); align-items: center; min-height: 66px; padding: 10px 13px; border-radius: 8px; background: var(--sp73-soft); border: 1px solid var(--sp73-line); }
.sp73-active-strip > span { color: #797979; font-size: 11px; }
.sp73-active-strip > strong { font-size: 26px; font-weight: 650; color: var(--sp73-ink); }
.sp73-active-strip > div { min-width: 0; }
.sp73-run-row { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 9px; align-items: center; min-height: 50px; padding: 7px 10px; border-radius: 9px; }
.sp73-run-row:hover { background: rgba(255,255,255,.72); }
.sp73-run-pulse { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; background: #e6efff; }
.sp73-run-pulse i { width: 6px; height: 6px; border-radius: 50%; background: #2f6fed; box-shadow: 0 0 0 4px rgba(47,111,237,.10); animation: sp73-pulse 1.6s ease-out infinite; }
.sp73-run-copy { min-width: 0; display: flex; flex-direction: column; }
.sp73-run-copy strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.sp73-run-copy small { color: #9691a3; font-size: 10px; }
.sp73-tag { padding: 4px 8px; border-radius: 999px; font-size: 10px; }
.sp73-tag--live { color: #fff; background: #2f6fed; }
.sp73-empty--run { min-height: 48px !important; justify-content: flex-start !important; flex-direction: row !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.sp73-empty--run svg { width: 24px !important; height: 24px !important; padding: 5px; color: #1a9d72; border-radius: 50%; background: #e4f6ef; }
.sp73-empty--run div { display: flex; flex-direction: column; }
.sp73-empty--run strong { color: #45404d; font-size: 12px; }
.sp73-empty--run span { margin-top: 3px; color: #9995a3; font-size: 10px; }

.sp73-log-list { margin-top: 10px; }
.sp73-log-row { min-height: 49px; display: grid; grid-template-columns: 10px minmax(0, 1fr) 74px; align-items: center; gap: 11px; padding: 6px 5px; border-top: 1px solid var(--sp73-line); }
.sp73-log-row:first-child { border-top: 0; }
.sp73-log-row:hover { background: var(--sp73-hover); }
.sp73-log-row:hover .sp73-log-main strong { color: var(--sp73-ink); }
.sp73-status-dot { width: 7px; height: 7px; border-radius: 50%; }
.sp73-status-dot--success { background: #28ae81; box-shadow: 0 0 0 4px #e6f6f0; }
.sp73-status-dot--error { background: #dc695e; box-shadow: 0 0 0 4px #fbe9e7; }
.sp73-log-main { min-width: 0; display: flex; flex-direction: column; }
.sp73-log-main strong { overflow: hidden; color: var(--sp73-ink); font-size: 12px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; transition: color .18s ease; }
.sp73-log-main small { margin-top: 4px; overflow: hidden; color: var(--sp73-text-soft); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.sp73-log-row time { color: var(--sp73-text-soft); font: 500 10px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; text-align: right; }

.sp73-score { padding: 5px 9px; border-radius: 999px; color: #168862; background: #e3f5ee; font-size: 10px; }
.sp73-health-list { display: flex; flex-direction: column; }
.sp73-health-row { min-height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid var(--sp73-line); }
.sp73-health-row:first-child { border-top: 0; }
.sp73-health-row span { display: flex; align-items: center; gap: 9px; color: var(--sp73-muted); font-size: 11px; }
.sp73-health-row strong { font-size: 11px; font-weight: 600; }
.sp73-health-dot { width: 7px; height: 7px; border-radius: 50%; }
.sp73-health-dot--good { background: #21a877; box-shadow: 0 0 0 4px #e7f7f1; }
.sp73-health-dot--warn { background: #dc961e; box-shadow: 0 0 0 4px #fff2dc; }

.sp73-side-divider { height: 1px; margin: 15px 0; background: var(--sp73-line); }
.sp73-quick-label { display: block; margin-bottom: 10px; color: var(--sp73-text-soft); font-size: 10px; }
.sp73-quick-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.sp73-quick-grid a { min-height: 54px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; border-radius: 8px; color: var(--sp73-muted); background: var(--sp73-soft); border: 1px solid var(--sp73-line); font-size: 9px; transition: .18s ease; }
.sp73-quick-grid a:hover { color: var(--sp73-ink); background: var(--sp73-hover); border-color: #d7d9de; }
.sp73-quick-grid svg { width: 17px !important; height: 17px !important; }

.sp73-bottom-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.sp73-hit-row, .sp73-schedule-row { min-height: 54px; display: grid; align-items: center; gap: 12px; padding: 7px 6px; border-top: 1px solid var(--sp73-line); transition: background .18s ease; }
.sp73-hit-row:first-child, .sp73-schedule-row:first-child { border-top: 0; }
.sp73-hit-row { grid-template-columns: 32px minmax(0, 1fr) 52px; }
.sp73-hit-row:hover, .sp73-schedule-row:hover { background: var(--sp73-hover); }
.sp73-hit-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: #2f6fed; background: #eaf2ff; }
.sp73-hit-icon svg { width: 15px !important; height: 15px !important; }
.sp73-hit-copy, .sp73-schedule-copy, .sp73-schedule-time { min-width: 0; display: flex; flex-direction: column; }
.sp73-hit-copy strong, .sp73-schedule-copy strong { overflow: hidden; font-size: 12px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.sp73-hit-copy small, .sp73-schedule-copy small, .sp73-schedule-time small { margin-top: 3px; color: var(--sp73-text-soft); font-size: 10px; }
.sp73-hit-row time { color: var(--sp73-text-soft); font: 500 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace; text-align: right; }
.sp73-schedule-row { grid-template-columns: 64px minmax(0, 1fr) 18px; }
.sp73-schedule-time strong { color: var(--sp73-ink); font: 650 14px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.sp73-row-arrow { width: 14px !important; height: 14px !important; color: #c1bdc7; }

.sp73-empty { min-height: 120px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: var(--sp73-text-soft); border: 1px dashed var(--sp73-line); border-radius: 8px; background: var(--sp73-soft); font-size: 11px; }
.sp73-empty--compact { min-height: 92px; }
.sp73-load-error { min-height: 270px; display: flex; align-items: center; justify-content: center; gap: 16px; padding: 30px; }
.sp73-load-error > svg { width: 30px !important; height: 30px !important; color: #d48a15; }
.sp73-load-error div { display: flex; flex-direction: column; gap: 5px; }
.sp73-load-error strong { font-size: 14px; }
.sp73-load-error span { color: #96919f; font-size: 11px; }
.sp73-load-error button { margin-left: 18px; padding: 9px 13px; border: 0; border-radius: 9px; color: #fff; background: #17151f; cursor: pointer; }
.sp73-footer { display: flex; justify-content: space-between; padding: 13px 4px 0; color: #aaa6b1; font: 500 9px/1 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; letter-spacing: .08em; }

.sp73-skeleton { position: relative; overflow: hidden; background: var(--sp73-soft); border-radius: 9px; }
.sp73-skeleton::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, transparent, rgba(255,255,255,.75), transparent); animation: sp73-shimmer 1.35s infinite; }
.sp73-skeleton--head { height: 82px; }
.sp73-skeleton--stat { height: 104px; }
.sp73-skeleton--panel { height: 430px; }

.dark #tgsp-dashboard-r73 {
  --sp73-ink: #f3f4f6;
  --sp73-muted: #7f8490;
  --sp73-text-soft: #6f7480;
  --sp73-line: #292929;
  --sp73-surface: #0e0e0e;
  --sp73-soft: #141414;
  --sp73-hover: #171717;
  --sp73-shadow: none;
}
.dark #tgsp-dashboard-r73 .sp73-hero { border-bottom-color: var(--sp73-line); }
.dark #tgsp-dashboard-r73 .sp73-metric:hover, .dark #tgsp-dashboard-r73 .sp73-quick-grid a:hover { border-color: #363636; }
.dark #tgsp-dashboard-r73 .sp73-metric-icon, .dark #tgsp-dashboard-r73 .sp73-hit-icon { background: #171717; border: 1px solid #2c2c2c; }
.dark #tgsp-dashboard-r73 .sp73-live { color: #53d3a6; background: #08271d; border-color: #105d45; }
.dark #tgsp-dashboard-r73 .sp73-refresh { color: #111; background: #f4f4f5; border-color: #f4f4f5; }
.dark #tgsp-dashboard-r73 .sp73-refresh:hover { background: #fff; }
.dark #tgsp-dashboard-r73 .sp73-empty--run strong { color: var(--sp73-ink); }

@keyframes sp73-spin { to { transform: rotate(360deg); } }
@keyframes sp73-pulse { 0% { box-shadow: 0 0 0 0 rgba(0,0,0,.2); } 70% { box-shadow: 0 0 0 7px rgba(0,0,0,0); } 100% { box-shadow: 0 0 0 0 rgba(0,0,0,0); } }
@keyframes sp73-shimmer { 100% { transform: translateX(100%); } }

@media (max-width: 1180px) {
  .sp73-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sp73-workspace-grid { grid-template-columns: minmax(0, 1.35fr) minmax(300px, .8fr); }
}

@media (max-width: 920px) {
  .sp73-workspace-grid, .sp73-bottom-grid { grid-template-columns: 1fr; }
  .sp73-hero { padding-bottom: 14px; }
}

@media (max-width: 680px) {
  #tgsp-dashboard-r73 { padding-bottom: 18px; }
  .sp73-hero { min-height: 126px; align-items: flex-start; flex-direction: column; justify-content: space-between; padding: 2px 0 14px; }
  .sp73-hero-actions { width: 100%; justify-content: space-between; }
  .sp73-stat-grid { grid-template-columns: 1fr; }
  .sp73-metric { min-height: 112px; }
  .sp73-panel { padding: 18px; }
  .sp73-active-strip { grid-template-columns: 74px 36px minmax(0, 1fr); padding: 10px; }
  .sp73-log-row { grid-template-columns: 10px minmax(0, 1fr); }
  .sp73-log-row time { display: none; }
  .sp73-panel-head p { display: none; }
  .sp73-panel-head > a { font-size: 0; }
  .sp73-footer { display: none; }
}


/* r75: use the same monochrome console tokens as the main application. */
#tgsp-dashboard-r73 {
  --dashboard-bg: var(--sp-bg, #fafafa);
  --dashboard-surface: var(--sp-bg-elevated, #ffffff);
  --dashboard-muted-surface: var(--sp-bg-muted, #f5f5f5);
  --dashboard-text: var(--sp-text, #171717);
  --dashboard-muted: var(--sp-text-muted, #4d4d4d);
  --dashboard-border: var(--sp-border, #ebebeb);
  --dashboard-border-strong: var(--sp-border-strong, #a1a1a1);
  --dashboard-radius: var(--sp-radius, 0.5rem);
  --dashboard-radius-sm: var(--sp-radius-sm, 0.375rem);
  --dashboard-shadow: var(--sp-shadow-sm, 0 1px 1px rgb(0 0 0 / 0.02), 0 2px 2px rgb(0 0 0 / 0.04));
  --dashboard-shadow-hover: var(--sp-shadow-md, 0 1px 1px rgb(0 0 0 / 0.02), 0 8px 16px -8px rgb(0 0 0 / 0.1));
  --dashboard-success: var(--sp-success, #10b981);
  --dashboard-warning: var(--sp-warning, #f59e0b);
  --dashboard-danger: var(--sp-danger, #f43f5e);
  width: 100%;
  max-width: 96rem;
  margin: 0 auto;
  padding: 0 0 1.5rem;
  color: var(--dashboard-text);
  font-family: inherit;
}

#tgsp-dashboard-r73,
#tgsp-dashboard-r73 * {
  letter-spacing: 0;
}

#tgsp-dashboard-r73 .sp73-card {
  background: var(--dashboard-surface);
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius);
  box-shadow: var(--dashboard-shadow);
}

#tgsp-dashboard-r73 .sp73-hero {
  min-height: 4rem;
  padding: 0 0 1rem;
  align-items: flex-end;
  border-bottom: 1px solid var(--dashboard-border);
}

#tgsp-dashboard-r73 .sp73-hero h1 {
  margin: 0 0 0.5rem;
  color: var(--dashboard-text);
  font-size: 1.125rem;
  line-height: 1.35;
  font-weight: 500;
}

#tgsp-dashboard-r73 .sp73-hero p {
  color: var(--dashboard-muted);
  font-size: 0.75rem;
  line-height: 1.5;
}

#tgsp-dashboard-r73 .sp73-hero-actions {
  gap: 0.5rem;
}

#tgsp-dashboard-r73 .sp73-live,
#tgsp-dashboard-r73 .sp73-refresh {
  height: 2rem;
  border-radius: var(--dashboard-radius-sm);
  font-family: inherit;
  font-size: 0.75rem;
}

#tgsp-dashboard-r73 .sp73-live {
  padding: 0 0.625rem;
  color: var(--dashboard-muted);
  background: var(--dashboard-muted-surface);
  border: 1px solid var(--dashboard-border);
}

#tgsp-dashboard-r73 .sp73-live i {
  width: 0.375rem;
  height: 0.375rem;
  background: var(--dashboard-success);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--dashboard-success) 14%, transparent);
}

#tgsp-dashboard-r73 .sp73-refresh {
  padding: 0 0.75rem;
  color: #fff;
  background: var(--dashboard-text);
  border: 1px solid var(--dashboard-text);
  cursor: pointer;
  transition: background-color 0.15s ease, opacity 0.15s ease;
}

#tgsp-dashboard-r73 .sp73-refresh:hover:not(:disabled) {
  background: color-mix(in srgb, var(--dashboard-text) 86%, white);
  transform: none;
}

#tgsp-dashboard-r73 .sp73-refresh:disabled {
  opacity: 0.5;
  cursor: wait;
}

#tgsp-dashboard-r73 .sp73-stat-grid {
  gap: 0.75rem;
  margin-top: 0.75rem;
}

#tgsp-dashboard-r73 .sp73-metric {
  min-height: 6.75rem;
  grid-template-columns: 2rem minmax(0, 1fr) 1rem;
  gap: 0.75rem;
  padding: 1rem;
  border-top: 1px solid var(--dashboard-border);
  border-left: 1px solid var(--dashboard-border);
  color: var(--dashboard-text);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#tgsp-dashboard-r73 .sp73-metric:hover {
  transform: none;
  border-color: var(--dashboard-border-strong);
  box-shadow: var(--dashboard-shadow-hover);
}

#tgsp-dashboard-r73 .sp73-metric--blue,
#tgsp-dashboard-r73 .sp73-metric--green,
#tgsp-dashboard-r73 .sp73-metric--amber,
#tgsp-dashboard-r73 .sp73-metric--slate {
  --metric-color: var(--dashboard-text);
  --metric-bg: var(--dashboard-muted-surface);
}

#tgsp-dashboard-r73 .sp73-metric-icon {
  width: 2rem;
  height: 2rem;
  color: var(--dashboard-muted);
  background: var(--dashboard-muted-surface);
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-sm);
}

#tgsp-dashboard-r73 .sp73-metric-copy {
  min-width: 0;
}

#tgsp-dashboard-r73 .sp73-metric-label {
  color: var(--dashboard-muted);
  font-size: 0.75rem;
  line-height: 1.25;
}

#tgsp-dashboard-r73 .sp73-metric strong {
  margin-top: 0.45rem;
  color: var(--dashboard-text);
  font: 500 1.5rem/1.1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

#tgsp-dashboard-r73 .sp73-metric small {
  margin-top: 0.45rem;
  color: var(--dashboard-muted);
  font-size: 0.6875rem;
}

#tgsp-dashboard-r73 .sp73-metric-arrow {
  color: #9ca3af;
}

#tgsp-dashboard-r73 .sp73-workspace-grid,
#tgsp-dashboard-r73 .sp73-bottom-grid {
  gap: 0.75rem;
  margin-top: 0.75rem;
}

#tgsp-dashboard-r73 .sp73-workspace-grid {
  grid-template-columns: minmax(0, 1.6fr) minmax(18rem, 0.85fr);
}

#tgsp-dashboard-r73 .sp73-panel {
  padding: 1.25rem;
}

#tgsp-dashboard-r73 .sp73-panel-head {
  min-height: 2.25rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--dashboard-border);
}

#tgsp-dashboard-r73 .sp73-panel-head h2 {
  color: var(--dashboard-text);
  font-size: 0.875rem;
  line-height: 1.35;
  font-weight: 500;
}

#tgsp-dashboard-r73 .sp73-panel-head p {
  color: var(--dashboard-muted);
  font-size: 0.6875rem;
}

#tgsp-dashboard-r73 .sp73-panel-head > a {
  color: var(--dashboard-muted);
  font-size: 0.75rem;
}

#tgsp-dashboard-r73 .sp73-panel-head > a:hover {
  color: var(--dashboard-text);
}

#tgsp-dashboard-r73 .sp73-section-no {
  width: 2rem;
  height: 2rem;
  color: var(--dashboard-muted);
  background: var(--dashboard-muted-surface);
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-sm);
  font-size: 0.6875rem;
}

#tgsp-dashboard-r73 .sp73-active-strip {
  min-height: 4.5rem;
  grid-template-columns: 4.5rem 2rem minmax(0, 1fr);
  padding: 0.75rem;
  background: var(--dashboard-muted-surface);
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-sm);
}

#tgsp-dashboard-r73 .sp73-active-strip > span {
  color: var(--dashboard-muted);
  font-size: 0.6875rem;
}

#tgsp-dashboard-r73 .sp73-active-strip > strong {
  color: var(--dashboard-text);
  font-size: 1.5rem;
  font-weight: 500;
}

#tgsp-dashboard-r73 .sp73-run-row {
  min-height: 2.75rem;
  padding: 0.375rem 0.5rem;
  border-radius: var(--dashboard-radius-sm);
}

#tgsp-dashboard-r73 .sp73-run-row:hover {
  background: var(--sp-accent-soft, rgb(23 23 23 / 0.07));
}

#tgsp-dashboard-r73 .sp73-run-pulse {
  width: 1rem;
  height: 1rem;
  background: color-mix(in srgb, var(--dashboard-success) 10%, transparent);
}

#tgsp-dashboard-r73 .sp73-run-pulse i {
  width: 0.375rem;
  height: 0.375rem;
  background: var(--dashboard-success);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--dashboard-success) 12%, transparent);
}

#tgsp-dashboard-r73 .sp73-run-copy strong,
#tgsp-dashboard-r73 .sp73-log-main strong,
#tgsp-dashboard-r73 .sp73-hit-copy strong,
#tgsp-dashboard-r73 .sp73-schedule-copy strong {
  color: var(--dashboard-text);
  font-family: inherit;
  font-weight: 500;
}

#tgsp-dashboard-r73 .sp73-run-copy small,
#tgsp-dashboard-r73 .sp73-log-main small,
#tgsp-dashboard-r73 .sp73-hit-copy small,
#tgsp-dashboard-r73 .sp73-schedule-copy small {
  color: var(--dashboard-muted);
}

#tgsp-dashboard-r73 .sp73-tag {
  padding: 0.125rem 0.375rem;
  color: var(--dashboard-muted);
  background: var(--dashboard-surface);
  border: 1px solid var(--dashboard-border);
  border-radius: 999px;
  font-size: 0.6875rem;
}

#tgsp-dashboard-r73 .sp73-tag--live {
  color: #047857;
  background: rgb(16 185 129 / 0.08);
  border-color: rgb(16 185 129 / 0.25);
}

#tgsp-dashboard-r73 .sp73-log-list,
#tgsp-dashboard-r73 .sp73-hit-list,
#tgsp-dashboard-r73 .sp73-schedule-list {
  margin-top: 0.5rem;
}

#tgsp-dashboard-r73 .sp73-log-row,
#tgsp-dashboard-r73 .sp73-health-row,
#tgsp-dashboard-r73 .sp73-hit-row,
#tgsp-dashboard-r73 .sp73-schedule-row {
  border-color: var(--dashboard-border);
}

#tgsp-dashboard-r73 .sp73-log-row:hover,
#tgsp-dashboard-r73 .sp73-hit-row:hover,
#tgsp-dashboard-r73 .sp73-schedule-row:hover {
  background: var(--sp-accent-soft, rgb(23 23 23 / 0.07));
}

#tgsp-dashboard-r73 .sp73-status-dot--success,
#tgsp-dashboard-r73 .sp73-health-dot--good {
  background: var(--dashboard-success);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--dashboard-success) 12%, transparent);
}

#tgsp-dashboard-r73 .sp73-status-dot--error {
  background: var(--dashboard-danger);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--dashboard-danger) 12%, transparent);
}

#tgsp-dashboard-r73 .sp73-health-dot--warn,
#tgsp-dashboard-r73 .sp73-failure-dot {
  background: var(--dashboard-warning);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--dashboard-warning) 12%, transparent);
}

#tgsp-dashboard-r73 .sp73-score {
  padding: 0.125rem 0.375rem;
  color: #047857;
  background: rgb(16 185 129 / 0.08);
  border: 1px solid rgb(16 185 129 / 0.25);
  border-radius: 999px;
  font-size: 0.6875rem;
}

#tgsp-dashboard-r73 .sp73-health-row span,
#tgsp-dashboard-r73 .sp73-hit-copy small,
#tgsp-dashboard-r73 .sp73-schedule-copy small {
  color: var(--dashboard-muted);
}

#tgsp-dashboard-r73 .sp73-health-row strong,
#tgsp-dashboard-r73 .sp73-schedule-time strong {
  color: var(--dashboard-text);
  font-weight: 500;
}

#tgsp-dashboard-r73 .sp73-side-divider {
  margin: 1rem 0;
  background: var(--dashboard-border);
}

#tgsp-dashboard-r73 .sp73-quick-label {
  margin-bottom: 0.625rem;
  color: var(--dashboard-muted);
  font-size: 0.6875rem;
}

#tgsp-dashboard-r73 .sp73-quick-grid {
  gap: 0.5rem;
}

#tgsp-dashboard-r73 .sp73-quick-grid a {
  min-height: 3.25rem;
  color: var(--dashboard-muted);
  background: var(--dashboard-muted-surface);
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-sm);
  font-size: 0.6875rem;
}

#tgsp-dashboard-r73 .sp73-quick-grid a:hover {
  color: var(--dashboard-text);
  background: var(--dashboard-surface);
  border-color: var(--dashboard-border-strong);
  transform: none;
}

#tgsp-dashboard-r73 .sp73-hit-icon {
  color: var(--dashboard-muted);
  background: var(--dashboard-muted-surface);
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-sm);
}

#tgsp-dashboard-r73 .sp73-hit-copy strong,
#tgsp-dashboard-r73 .sp73-schedule-copy strong {
  font-size: 0.75rem;
}

#tgsp-dashboard-r73 .sp73-hit-row time,
#tgsp-dashboard-r73 .sp73-schedule-time small,
#tgsp-dashboard-r73 .sp73-log-row time,
#tgsp-dashboard-r73 .sp73-row-arrow {
  color: #9ca3af;
}

#tgsp-dashboard-r73 .sp73-empty {
  min-height: 7.5rem;
  color: var(--dashboard-muted);
  background: var(--dashboard-muted-surface);
  border: 1px dashed var(--dashboard-border);
  border-radius: var(--dashboard-radius-sm);
}

#tgsp-dashboard-r73 .sp73-empty--compact {
  min-height: 6rem;
}

#tgsp-dashboard-r73 .sp73-empty--run {
  background: transparent;
  border: 0;
}

#tgsp-dashboard-r73 .sp73-load-error {
  min-height: 16rem;
}

#tgsp-dashboard-r73 .sp73-load-error button {
  margin-left: 1rem;
  padding: 0.5rem 0.75rem;
  color: #fff;
  background: var(--dashboard-text);
  border: 1px solid var(--dashboard-text);
  border-radius: var(--dashboard-radius-sm);
  font: inherit;
}

#tgsp-dashboard-r73 .sp73-footer {
  padding-top: 1rem;
  color: #9ca3af;
  font-size: 0.625rem;
  letter-spacing: 0;
}

#tgsp-dashboard-r73 .sp73-skeleton {
  background: var(--dashboard-muted-surface);
  border-radius: var(--dashboard-radius-sm);
}

.dark #tgsp-dashboard-r73 .sp73-card {
  background: var(--dashboard-surface);
  box-shadow: var(--dashboard-shadow);
}

.dark #tgsp-dashboard-r73 .sp73-live,
.dark #tgsp-dashboard-r73 .sp73-metric-icon,
.dark #tgsp-dashboard-r73 .sp73-section-no,
.dark #tgsp-dashboard-r73 .sp73-quick-grid a,
.dark #tgsp-dashboard-r73 .sp73-empty,
.dark #tgsp-dashboard-r73 .sp73-active-strip {
  background: var(--dashboard-muted-surface);
  border-color: var(--dashboard-border);
}

.dark #tgsp-dashboard-r73 .sp73-tag--live,
.dark #tgsp-dashboard-r73 .sp73-score {
  color: #34d399;
  background: rgb(16 185 129 / 0.12);
  border-color: rgb(16 185 129 / 0.3);
}

.dark #tgsp-dashboard-r73 .sp73-log-row:hover,
.dark #tgsp-dashboard-r73 .sp73-hit-row:hover,
.dark #tgsp-dashboard-r73 .sp73-schedule-row:hover,
.dark #tgsp-dashboard-r73 .sp73-run-row:hover {
  background: var(--sp-accent-soft, rgb(255 255 255 / 0.08));
}

@media (max-width: 1180px) {
  #tgsp-dashboard-r73 .sp73-stat-grid {
    gap: 0.625rem;
  }

  #tgsp-dashboard-r73 .sp73-workspace-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(16rem, 0.85fr);
  }
}

@media (max-width: 920px) {
  #tgsp-dashboard-r73 .sp73-workspace-grid,
  #tgsp-dashboard-r73 .sp73-bottom-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 680px) {
  #tgsp-dashboard-r73 {
    padding-bottom: 1.25rem;
  }

  #tgsp-dashboard-r73 .sp73-hero {
    min-height: 7rem;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 1rem;
  }

  #tgsp-dashboard-r73 .sp73-hero-actions {
    width: 100%;
    justify-content: space-between;
  }

  #tgsp-dashboard-r73 .sp73-stat-grid {
    grid-template-columns: 1fr;
  }

  #tgsp-dashboard-r73 .sp73-panel {
    padding: 1rem;
  }

  #tgsp-dashboard-r73 .sp73-active-strip {
    grid-template-columns: 4.25rem 2rem minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  #tgsp-dashboard-r73 * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
/* ==== /assets/bot-center-r2.css ==== */
/* bot 1.0.14: each menu item shows only its own page. */
[data-testid="bot-management-page"] {
  max-width: 96rem;
  gap: 0.75rem;
}

[data-testid="bot-management-page"] > section:first-child > div:first-child {
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
}

[data-testid="bot-management-page"] > section:first-child > div:first-child > div:first-child > div:first-child {
  display: none;
}

[data-testid="bot-management-page"] > section:first-child h2 {
  margin-top: 0;
  font-size: 1.05rem;
  line-height: 1.5rem;
}

[data-testid="bot-management-page"] > section:first-child h2 + p {
  margin-top: 0.2rem;
}

[data-testid="bot-workflow-steps"] {
  display: none;
}

[data-testid="bot-management-layout"] {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0.75rem;
}

[data-testid="bot-list-panel"] {
  display: none !important;
}

[data-testid="bot-management-layout"] > main {
  gap: 0.75rem;
}

[data-testid="bot-management-layout"] > main > .ui-card:first-child {
  position: sticky;
  z-index: 20;
  top: 4.65rem;
  display: grid;
  grid-template-columns: minmax(14rem, 18rem) 2.75rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.8rem;
  padding: 0.75rem 1rem;
  background: color-mix(in srgb, var(--sp-bg-card) 94%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

[data-testid="bot-management-layout"] > main > .ui-card:first-child > label:first-child {
  display: block !important;
  width: auto;
  min-width: 0;
}

[data-testid="bot-management-layout"] > main > .ui-card:first-child > label:first-child > span {
  display: none;
}

[data-testid="bot-management-layout"] > main > .ui-card:first-child > label:first-child select {
  height: 2.45rem;
}

[data-testid="bot-management-layout"] > main > .ui-card:first-child > div:nth-child(2) {
  width: 2.75rem;
  height: 2.75rem;
}

[data-testid="bot-management-layout"] > main > .ui-card:first-child h2 {
  font-size: 0.95rem;
}


/* Compact left menu with distinct group labels and indented items. */
[data-testid="bot-workspace-shell"].bot-side-layout {
  display: grid;
  grid-template-columns: 16.5rem minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
  position: relative;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.bot-side-stage {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  border: 1px solid var(--sp-border);
  border-radius: 0.9rem;
  background: var(--sp-bg-card, #fff);
  overflow: hidden;
}

.bot-side-layout.is-official-view .bot-side-stage > .min-w-0 {
  display: none !important;
}

.bot-side-layout.is-official-view .bot-side-stage > .bot-official-panel {
  display: block;
}

[data-testid="bot-workspace-shell"]:has(.bot-hierarchical-menu) > [data-testid="bot-workspace-nav"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  pointer-events: none !important;
}

[data-testid="bot-workspace-shell"] > .min-w-0 {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}

.bot-box-layout.is-official-view .min-w-0 {
  display: none !important;
}

.bot-hierarchical-menu {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  grid-column: 1;
  grid-row: 1;
  position: sticky;
  top: 5.4rem;
  max-height: calc(100vh - 6.4rem);
  overflow: auto;
  padding: 0.15rem 0.15rem 1rem 0;
  border: 0;
  background: transparent;
}

button.bot-menu-label {
  width: 100%;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

button.bot-menu-label.is-active {
  background: #f4f4f5;
}

.bot-side-tabs {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.bot-menu-group {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.bot-menu-label {
  padding: 0.25rem 0.625rem;
  color: #18181b;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.bot-submenu-item {
  width: 100%;
  padding: 0.3125rem 0.625rem 0.3125rem 1.375rem;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: #52525b;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
  text-align: left;
}

.bot-submenu-item:hover {
  background: #f4f4f5;
  color: #18181b;
}

.bot-submenu-item.is-active {
  background: #f4f4f5;
  color: #18181b;
  font-weight: 600;
}

.bot-menu-official {
  margin-top: 0;
  padding-top: 0.25rem;
}

.bot-menu-official > .bot-submenu-item {
  padding-left: 0.625rem;
}

.bot-menu-foot {
  padding: 0.5rem 0.625rem 0;
  color: #71717a;
  font-size: 0.6875rem;
  line-height: 1.45;
}

.bot-menu-foot p + p,
.bot-meter {
  margin-top: 0.3rem;
}

.bot-official-panel {
  display: none;
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  padding: 1.25rem 1.35rem 1.5rem;
}

.bot-hierarchical-menu.is-official ~ .bot-official-panel {
  display: block;
}

.bot-official-head h3 {
  font-size: 1.05rem;
  font-weight: 600;
  color: #18181b;
}

.bot-official-head p,
.bot-official-note {
  margin-top: 0.4rem;
  color: #71717a;
  font-size: 0.84rem;
  line-height: 1.5;
}

.bot-official-panel section {
  margin-top: 1.1rem;
}

.bot-official-panel h4 {
  margin-bottom: 0.5rem;
  font-size: 0.84rem;
  font-weight: 600;
  color: #3f3f46;
}

.bot-official-table {
  display: grid;
  gap: 0.45rem;
}

.bot-official-table div {
  display: grid;
  grid-template-columns: 8rem minmax(9rem, 0.7fr) minmax(0, 1.4fr);
  gap: 0.75rem;
  align-items: baseline;
  padding: 0.65rem 0.8rem;
  border: 1px solid var(--sp-border);
  border-radius: 0.6rem;
  background: #fff;
}

.bot-official-table strong {
  font-size: 0.84rem;
  font-weight: 600;
  color: #18181b;
}

.bot-official-table span {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.72rem;
  color: #52525b;
}

.bot-official-table em {
  font-style: normal;
  font-size: 0.8rem;
  color: #3f3f46;
}

.bot-official-panel ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bot-official-panel li {
  padding: 0.4rem 0.7rem;
  border: 1px solid var(--sp-border);
  border-radius: 999px;
  color: #3f3f46;
  font-size: 0.8rem;
  background: #fff;
}

.dark .bot-hierarchical-menu {
  background: transparent;
}

.dark .bot-menu-label {
  color: #fafafa;
}

.dark .bot-menu-foot,
.dark .bot-official-head p,
.dark .bot-official-note,
.dark .bot-official-table span {
  color: #a1a1aa;
}

.dark .bot-submenu-item {
  color: #d4d4d8;
}

.dark .bot-submenu-item:hover {
  background: #27272a;
  color: #fafafa;
}

.dark .bot-submenu-item.is-active {
  background: #3f3f46;
  color: #fafafa;
}

.dark .bot-official-head h3,
.dark .bot-official-table strong,
.dark .bot-official-panel h4 {
  color: #fafafa;
}

.dark .bot-official-table div,
.dark .bot-official-panel li {
  background: #18181b;
  color: #e4e4e7;
}

.dark .bot-official-table em {
  color: #d4d4d8;
}

@media (max-width: 960px) {
  [data-testid="bot-workspace-shell"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .bot-hierarchical-menu {
    grid-column: 1;
    grid-row: auto;
    gap: 0.5rem;
  }

  .bot-menu-official {
    margin-top: 0;
  }

  [data-testid="bot-workspace-shell"] > .min-w-0,
  .bot-official-panel {
    grid-column: 1;
    grid-row: auto;
  }

  .bot-official-table div {
    grid-template-columns: 1fr;
    gap: 0.15rem;
  }
}

[data-testid="bot-workspace-shell"] .min-w-0 > div.bot-subnav-row,
[data-testid="bot-workspace-shell"] .min-w-0 > div:first-child {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0.65rem;
  padding: 0.85rem 1.1rem 0.55rem;
}

[data-testid="bot-workspace-shell"] .min-w-0 > div:first-child > div:first-child {
  margin-right: 0 !important;
  width: 100%;
}

[data-testid="bot-workspace-shell"] .min-w-0 > div:first-child > div.shrink-0,
[data-testid="bot-workspace-shell"] .min-w-0 > div:first-child > [data-bot-subnav] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

[data-testid="bot-workspace-content"] {
  padding: 0.35rem 1.1rem 1.2rem;
}

[data-testid="bot-management-layout"] > main > .ui-card:first-child > div.min-w-0 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.45rem 0.75rem;
}

[data-testid="bot-management-layout"] > main > .ui-card:first-child > div.min-w-0 > div:first-child {
  margin-right: auto;
}

[data-testid="bot-management-layout"] > main > .ui-card:first-child > div.min-w-0 > div:nth-child(2) {
  flex: 1 1 100%;
  width: auto;
  height: auto;
}

[data-bot-token] {
  display: flex;
  flex: 1 1 16rem;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35rem;
  min-width: min(100%, 16rem);
  max-width: 100%;
}

[data-bot-token] code {
  flex: 1 1 auto;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.38rem 0.6rem;
  border: 1px solid var(--sp-border);
  border-radius: 0.45rem;
  background: #fafafa;
  color: #18181b;
  font-size: 0.72rem;
}

.dark [data-bot-token] code {
  background: #18181b;
  color: #fafafa;
}

@media (max-width: 767px) {
  [data-testid="bot-workspace-content"] {
    padding: 0.8rem;
  }

  [data-bot-token] {
    flex-basis: 100%;
    justify-content: flex-start;
  }

  [data-bot-token] code {
    flex: 1;
    max-width: none;
  }
}

@media (max-width: 767px) {
  [data-testid="bot-management-page"] > section:first-child > div:first-child {
    align-items: stretch;
    padding: 0.9rem;
  }

  [data-testid="bot-management-page"] > section:first-child h2 + p {
    display: none;
  }

  [data-testid="bot-management-layout"] > main > .ui-card:first-child {
    position: static;
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: 0.65rem;
    padding: 0.8rem;
  }

  [data-testid="bot-management-layout"] > main > .ui-card:first-child > label:first-child {
    grid-column: 1 / -1;
  }

  [data-testid="bot-management-layout"] > main > .ui-card:first-child > div:nth-child(2) {
    width: 2.5rem;
    height: 2.5rem;
  }

  [data-testid="bot-management-layout"] > main > .ui-card:first-child > div:last-child {
    grid-column: 1 / -1;
    justify-content: flex-end;
  }

  [data-testid="bot-workspace-content"] {
    padding: 0.8rem;
  }
}

[data-testid="bot-management-layout"] > main > .ui-card:first-child span.inline-flex.items-center.gap-1:has(> svg) {
  display: none !important;
}

[data-testid="bot-profile-workspace"] .space-y-4 > section:first-child > select,
[data-testid="bot-profile-workspace"] .space-y-4 > section:first-child > button,
[data-testid="bot-profile-workspace"] .space-y-4 > section:first-child > p {
  display: none !important;
}

[data-testid="bot-profile-workspace"] .space-y-4 > section:first-child > div:first-child > span {
  font-size: 0 !important;
}

[data-testid="bot-profile-workspace"] .space-y-4 > section:first-child > div:first-child > span::after {
  content: "创建人";
  font-size: 0.75rem;
  line-height: 1rem;
}

html[lang^="en"] [data-testid="bot-profile-workspace"] .space-y-4 > section:first-child > div:first-child > span::after {
  content: "Creator";
}

[data-bot-creator] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-height: 2.4rem;
  color: #18181b;
  font-size: 0.875rem;
  line-height: 1.35;
}

[data-bot-creator][data-state="loading"],
[data-bot-creator][data-state="empty"] {
  color: #71717a;
  font-size: 0.75rem;
}

[data-bot-creator] strong {
  font-weight: 600;
}

[data-bot-creator] span,
[data-bot-creator] small {
  color: #71717a;
  font-size: 0.72rem;
}

.dark [data-bot-creator] {
  color: #fafafa;
}

.dark [data-bot-creator][data-state="loading"],
.dark [data-bot-creator][data-state="empty"],
.dark [data-bot-creator] span,
.dark [data-bot-creator] small {
  color: #a1a1aa;
}

[data-testid="bot-profile-workspace"] .space-y-4 > section:nth-child(2) > input,
[data-testid="bot-profile-workspace"] .space-y-4 > section:nth-child(2) > button,
[data-testid="bot-profile-workspace"] .space-y-4 > section:nth-child(2) > p {
  display: none !important;
}

[data-testid="bot-profile-workspace"] .space-y-4 > section:nth-child(2) > div:first-child > span:first-child {
  font-size: 0 !important;
}

[data-testid="bot-profile-workspace"] .space-y-4 > section:nth-child(2) > div:first-child > span:first-child::after {
  content: "连接";
  font-size: 0.75rem;
  line-height: 1rem;
}

html[lang^="en"] [data-testid="bot-profile-workspace"] .space-y-4 > section:nth-child(2) > div:first-child > span:first-child::after {
  content: "Connection";
}

[data-testid="bot-profile-workspace"] .space-y-4 > section:nth-child(2) > div:first-child > span:last-child {
  display: none !important;
}

[data-bot-proxy-note] p {
  margin: 0.15rem 0 0.55rem;
  color: #52525b;
  font-size: 0.75rem;
  line-height: 1.45;
}

[data-bot-delete] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.55rem;
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px solid #fecdd3;
}

[data-bot-delete] p {
  margin: 0;
  color: #9f1239;
  font-size: 0.72rem;
  line-height: 1.45;
}

[data-bot-delete-form] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.45rem;
  width: 100%;
}

[data-bot-delete-form][hidden] {
  display: none !important;
}

[data-bot-delete-input] {
  width: 100%;
}

.dark [data-bot-proxy-note] p {
  color: #a1a1aa;
}

.dark [data-bot-delete] {
  border-top-color: rgba(190, 18, 60, 0.45);
}

.dark [data-bot-delete] p {
  color: #fecdd3;
}

/* 2026-09-28e: plain command sheet. Menu text and reply sit on one row. */
[data-bot-page-lead] {
  margin: 0 0 0.85rem;
  padding: 0.7rem 0.85rem;
  border: 1px solid #e4e4e7;
  background: #fafafa;
  color: #3f3f46;
  font-size: 0.8125rem;
  line-height: 1.55;
}

[data-bot-command-hint],
[data-bot-command-enhanced] > textarea {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.bot-command-sheet {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}

.bot-command-lead h3 {
  margin: 0;
  color: #18181b;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.4;
}

.bot-command-lead p,
[data-command-status] {
  margin: 0.35rem 0 0;
  color: #52525b;
  font-size: 0.8125rem;
  line-height: 1.55;
}

[data-command-list] {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.bot-command-row {
  display: grid;
  grid-template-columns: minmax(8.5rem, 10.5rem) minmax(0, 0.9fr) minmax(0, 1.25fr) auto;
  gap: 0.7rem;
  align-items: start;
  padding: 0.8rem;
  border: 1px solid #e4e4e7;
  background: #fff;
}

.bot-command-row label {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}

.bot-command-row label > span {
  color: #71717a;
  font-size: 0.72rem;
  line-height: 1rem;
}

.bot-command-code {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  min-width: 0;
}

.bot-command-code b {
  color: #18181b;
  font-weight: 600;
}

.bot-command-code input,
.bot-command-row textarea {
  width: 100%;
  min-width: 0;
}

.bot-command-row textarea {
  min-height: 2.6rem;
  resize: vertical;
}

.bot-command-row [data-command-remove] {
  margin-top: 1.2rem;
}

.bot-command-sheet > [data-command-add] {
  align-self: flex-start;
}

@media (max-width: 760px) {
  .bot-command-row {
    grid-template-columns: 1fr;
  }

  .bot-command-row [data-command-remove] {
    margin-top: 0;
    justify-self: start;
  }
}

.dark [data-bot-page-lead],
.dark .bot-command-row {
  border-color: #3f3f46;
  background: #18181b;
}

.dark [data-bot-page-lead],
.dark .bot-command-lead p,
.dark [data-command-status],
.dark .bot-command-row label > span {
  color: #d4d4d8;
}

.dark .bot-command-lead h3,
.dark .bot-command-code b {
  color: #fafafa;
}

/* 20260928f: private and group replies are separate pages. */
.bot-menu-foot:empty {
  display: none;
}

[data-reply-editor] > :not([data-bot-page-lead]):not([data-reply-sheet]):not([data-bot-batch-groups="welcome"]):not([data-bot-batch-groups="rules-group"]) {
  display: none !important;
}

[data-reply-place="private"] [data-bot-ai-groups],
[data-reply-place="private"] [data-bot-ai-groups] + p,
[data-reply-place="group"] [data-bot-ai-private],
[data-reply-place="group"] [data-bot-ai-private-toggle] {
  display: none !important;
}

.bot-reply-sheet {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
}

.bot-reply-sheet h3 {
  margin: 0;
  color: #18181b;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.4;
}

[data-reply-aside],
[data-reply-status],
.bot-reply-note {
  margin: 0;
  color: #52525b;
  font-size: 0.8125rem;
  line-height: 1.55;
}

/* 20260929b: explain how keyword matching works. */
.bot-reply-hint {
  margin: 0;
  color: #52525b;
  font-size: 0.75rem;
  line-height: 1.55;
}

.dark .bot-reply-hint {
  color: #a1a1aa;
}

[data-reply-aside][hidden] {
  display: none !important;
}

.bot-reply-note {
  color: #92400e;
}

/* 20260929a: regex syntax and built-in words, one entry per line. */
.bot-reply-hint {
  margin: 0;
  color: #52525b;
  font-size: 0.75rem;
  line-height: 1.65;
  white-space: pre-line;
}

.bot-reply-hint[hidden] {
  display: none !important;
}

[data-reply-list] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.bot-reply-card {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  padding: 0.85rem;
  border: 1px solid #e4e4e7;
  background: #fff;
}

.bot-reply-card label {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}

.bot-reply-card label > span,
.bot-reply-head label span {
  color: #71717a;
  font-size: 0.72rem;
  line-height: 1rem;
}

.bot-reply-card textarea,
.bot-reply-card select {
  width: 100%;
  min-width: 0;
}

.bot-reply-card textarea {
  min-height: 4.2rem;
  resize: vertical;
}

.bot-reply-head,
.bot-reply-modes,
.bot-reply-sheet > [data-reply-add],
.bot-reply-sheet > [data-reply-save] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.bot-reply-head {
  justify-content: space-between;
  padding-bottom: .55rem;
  border-bottom: 1px solid #e4e4e7;
}

.bot-reply-head label,
.bot-reply-case {
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
}

.bot-reply-modes {
  align-items: end;
}

.bot-reply-modes label:first-child {
  flex: 1;
  min-width: 0;
}

/* 20260929a: keep "Ignore case" on one line and level with the match select. */
.bot-reply-case {
  flex: 0 0 auto;
  white-space: nowrap;
  min-height: 2.35rem;
}

.bot-reply-sheet > [data-reply-add],
.bot-reply-sheet > [data-reply-save] {
  align-self: flex-start;
}

@media (max-width: 760px) {
  .bot-reply-modes {
    flex-direction: column;
    align-items: stretch;
  }
}

.dark .bot-reply-card {
  border-color: #3f3f46;
  background: #18181b;
}

.dark .bot-reply-sheet h3 {
  color: #fafafa;
}

.dark [data-reply-aside],
.dark [data-reply-status],
.dark .bot-reply-card label > span,
.dark .bot-reply-head label span {
  color: #d4d4d8;
}

.dark .bot-reply-head {
  border-color: #3f3f46;
}

.dark .bot-reply-note {
  color: #fcd34d;
}

.dark .bot-reply-hint {
  color: #d4d4d8;
}

/* 20260928h: username note only. The field itself is unchanged. */
[data-bot-username-note] {
  display: block;
  margin-top: 0.35rem;
  color: #71717a;
  font-size: 0.75rem;
  line-height: 1.45;
}

.dark [data-bot-username-note] {
  color: #a1a1aa;
}

/* 20260928i: choose a group before group settings. */
.bot-reply-groups {
  margin: 0 0 0.9rem;
  padding: 0.75rem;
  border: 1px solid var(--sp-border, #e4e4e7);
  background: #fafafa;
}

.bot-reply-groups h3 {
  margin: 0 0 0.25rem;
  font-size: 0.9rem;
}

.bot-reply-groups p {
  margin: 0.2rem 0 0.55rem;
  color: #71717a;
  font-size: 0.75rem;
  line-height: 1.45;
}

.bot-reply-group-tools,
.bot-reply-groups label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.bot-reply-group-tools {
  justify-content: space-between;
  margin-bottom: 0.45rem;
}

[data-reply-groups-list] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 0.35rem 0.75rem;
  max-height: 220px;
  overflow: auto;
}

[data-reply-groups-note][hidden] {
  display: none;
}

.bot-reply-sheet[data-locked="1"] [data-reply-list],
.bot-reply-sheet[data-locked="1"] [data-reply-add] {
  opacity: 0.45;
}

[data-engagement-focus] [data-bot-engagement-hint] {
  display: none;
}

[data-engagement-focus] [data-testid="bot-engagement-workspace"] > .ui-note:has([data-bot-engagement-hint]) {
  display: none;
}

.bot-raffle-detail-button {
  align-self: center;
  white-space: nowrap;
}

[data-testid="raffle-list"] .ui-badge {
  width: fit-content;
  flex: 0 0 auto;
}

.bot-raffle-detail-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
  width: min(32rem, calc(100vw - 2rem));
  max-height: min(80vh, 48rem);
  overflow: auto;
  padding: 1.25rem;
  border: 1px solid var(--sp-border);
  border-radius: 0.75rem;
  color: var(--sp-text, #18181b);
  background: var(--sp-bg-card, #fff);
}

.bot-raffle-detail-dialog::backdrop { background: rgba(0, 0, 0, .45); }
.bot-raffle-detail-dialog h3 { font-size: 1rem; font-weight: 700; margin-bottom: 1rem; }
.bot-raffle-detail-dialog h4 { font-size: .875rem; font-weight: 700; margin: 1rem 0 .5rem; }
.bot-raffle-detail-dialog p { font-size: .8rem; line-height: 1.5; margin: .35rem 0; overflow-wrap: anywhere; }
.bot-raffle-detail-dialog > button { margin-top: 1rem; }

[data-engagement-focus="raffle"] [data-bot-engagement="schedule"],
[data-engagement-focus="schedule"] [data-bot-engagement="raffle"] {
  display: none;
}

[data-bot-retention] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem 0.75rem;
  margin: 0 0 0.9rem;
  padding: 0.75rem;
  border: 1px solid var(--sp-border, #e4e4e7);
  background: #fafafa;
}

[data-bot-retention] label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
}

[data-bot-retention] input {
  width: 5.5rem;
}

[data-bot-retention] p {
  flex-basis: 100%;
  margin: 0;
  color: #71717a;
  font-size: 0.75rem;
  line-height: 1.45;
}

.dark .bot-reply-groups,
.dark [data-bot-retention] {
  background: #18181b;
}

.dark .bot-reply-groups p,
.dark [data-bot-retention] p {
  color: #a1a1aa;
}

[data-bot-access] {
  margin: 0 0 0.9rem;
  padding: 0.8rem;
  border: 1px solid var(--sp-border, #e4e4e7);
  background: #fafafa;
}

[data-bot-access] h3,
[data-bot-access] p {
  margin: 0;
}

[data-bot-access] h3 {
  margin-bottom: 0.45rem;
  font-size: 0.85rem;
}

[data-bot-access] label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0.25rem 0;
  font-size: 0.8rem;
}

[data-bot-access] p {
  margin: 0.1rem 0 0.45rem;
  color: #71717a;
  font-size: 0.75rem;
  line-height: 1.45;
}

[data-access-rights] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem 0.9rem;
  margin-bottom: 0.45rem;
}

.dark [data-bot-access] {
  background: #18181b;
}

.dark [data-bot-access] p {
  color: #a1a1aa;
}

[data-bot-entry] {
  margin: 0 0 0.9rem;
  padding: 0.8rem;
  border: 1px solid var(--sp-border, #e4e4e7);
  background: #fafafa;
}

[data-bot-entry] h3,
[data-bot-entry] p {
  margin: 0;
}

[data-bot-entry] h3 {
  margin-bottom: 0.45rem;
  font-size: 0.85rem;
}

[data-bot-entry] label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0.25rem 0;
  font-size: 0.8rem;
}

[data-bot-entry] p {
  margin: 0.1rem 0 0.45rem;
  color: #71717a;
  font-size: 0.75rem;
  line-height: 1.45;
}

[data-bot-entry] input[type="text"] {
  flex: 1;
  min-width: 0;
}

[data-entry-web][hidden] {
  display: none;
}

.dark [data-bot-entry] {
  background: #18181b;
}

.dark [data-bot-entry] p {
  color: #a1a1aa;
}

.bot-box {
  border: 1px solid var(--sp-border);
  border-radius: 0.9rem;
  background: var(--sp-bg-card, #fff);
  overflow: hidden;
}

.bot-box-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.85rem 0.95rem 0.35rem;
}

.bot-box-head-main {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.3rem 0.75rem;
  min-width: 0;
}

.bot-box-fold {
  flex: 0 0 auto;
  margin-left: auto;
  border: 1px solid var(--sp-border);
  border-radius: 0.45rem;
  background: #fff;
  color: #18181b;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.38rem 0.62rem;
  cursor: pointer;
}

.bot-box.is-collapsed .bot-box-tabs,
.bot-box.is-collapsed .bot-group-pick,
.bot-box.is-collapsed .bot-group-pick-note,
.bot-box.is-collapsed .bot-menu-foot,
.bot-box.is-collapsed .bot-box-body {
  display: none !important;
}

.bot-box-title {
  border: 0;
  background: transparent;
  padding: 0;
  color: #18181b;
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
}

.bot-box-head p,
.bot-group-pick-note {
  margin: 0;
  color: #71717a;
  font-size: 0.78rem;
  line-height: 1.45;
}

.bot-box-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding: 0.35rem 0.95rem 0.85rem;
}

.bot-box-tabs .bot-submenu-item {
  width: auto;
  padding: 0.38rem 0.72rem;
  border: 1px solid transparent;
  background: #f4f4f5;
}

.bot-box-tabs .bot-submenu-item.is-active {
  background: #18181b;
  color: #fff;
}

.bot-box-tabs .bot-submenu-item:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.bot-box:not(.is-active) .bot-box-body {
  display: none;
}

.bot-box-body > .min-w-0,
.bot-box-body > .bot-official-panel {
  min-width: 0;
}

.bot-group-pick {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0 0.95rem 0.35rem;
}

.bot-group-pick span {
  color: #18181b;
  font-size: 0.78rem;
  font-weight: 700;
  white-space: nowrap;
}

.bot-group-pick select {
  min-width: min(18rem, 100%);
  height: 2.2rem;
}

.bot-box[data-box="group"]:not(.is-ready) .bot-group-pick select {
  border-color: #f59e0b;
}

.bot-group-pick-note {
  padding: 0 0.95rem 0.45rem;
}

.bot-menu-foot {
  padding: 0 0.95rem 0.75rem;
}

[data-bot-group-gate] {
  margin: 0.2rem 1.1rem 1rem;
  padding: 0.8rem 0.9rem;
  border: 1px dashed var(--sp-border);
  border-radius: 0.7rem;
  background: #fafafa;
  color: #3f3f46;
  font-size: 0.86rem;
  line-height: 1.5;
}

[data-group-locked] > :not([data-bot-batch-groups="welcome"]):not([data-bot-batch-groups="rules-group"]):not([data-bot-page-lead]):not([data-bot-ai-history]) {
  opacity: 0.48;
  pointer-events: none;
}

.bot-box-layout.is-official-view .bot-box[data-box="official"] .bot-official-panel {
  display: block;
}

.dark .bot-box-title,
.dark .bot-group-pick span {
  color: #fafafa;
}

.dark .bot-box-fold {
  background: #18181b;
  color: #fafafa;
}

.dark .bot-box-tabs .bot-submenu-item {
  background: #27272a;
  color: #e4e4e7;
}

.dark .bot-box-tabs .bot-submenu-item.is-active {
  background: #fafafa;
  color: #18181b;
}

.dark [data-bot-group-gate] {
  background: #18181b;
  color: #e4e4e7;
}

.bot-group-multi {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0.15rem 0 0.35rem;
  padding: 0.35rem 0.35rem 0.45rem 0.7rem;
}

.bot-group-multi-title {
  margin: 0;
  color: #18181b;
  font-size: 0.75rem;
  font-weight: 700;
}

.bot-group-option {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.32rem 0.4rem;
  border: 1px solid transparent;
  border-radius: 0.45rem;
  color: #3f3f46;
  font-size: 0.75rem;
  line-height: 1.2;
}

.bot-group-option:has(input:checked) {
  border-color: #60a5fa;
  background: #f8fbff;
  color: #1e3a8a;
}

.bot-group-option span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dark button.bot-menu-label.is-active {
  background: #27272a;
}

.dark .bot-group-multi-title {
  color: #fafafa;
}

.dark .bot-group-option {
  color: #e4e4e7;
}

.dark .bot-group-option:has(input:checked) {
  border-color: #60a5fa;
  background: rgba(37, 99, 235, .16);
  color: #dbeafe;
}

.bot-stage-note {
  padding: 0.75rem 1.1rem 0;
  color: #71717a;
  font-size: 0.75rem;
  line-height: 1.45;
}

.dark .bot-stage-note {
  color: #a1a1aa;
}

@media (max-width: 960px) {
  [data-testid="bot-workspace-shell"].bot-side-layout {
    grid-template-columns: 8.75rem minmax(0, 1fr);
    gap: 0.45rem;
  }

  .bot-hierarchical-menu {
    position: static;
    max-height: none;
    padding-right: 0;
  }

  .bot-menu-label {
    padding: 0.2rem 0.3rem;
    font-size: 0.78rem;
    line-height: 1.15rem;
  }

  .bot-submenu-item {
    padding: 0.26rem 0.25rem 0.26rem 0.7rem;
    font-size: 0.7rem;
  }

  .bot-group-multi {
    padding-left: 0.35rem;
  }

  .bot-group-option {
    gap: 0.25rem;
    padding: 0.24rem 0.2rem;
    font-size: 0.68rem;
  }
}

.bot-side-tabs .bot-submenu-item:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* 1.0.14: the left menu names the page. The right side keeps only that page. */
[data-testid="bot-workspace-shell"].bot-side-layout > .bot-side-stage > .min-w-0 > div:first-child {
  display: none !important;
}

.bot-side-stage {
  border: 0;
  background: transparent;
  box-shadow: none;
}

[data-testid="bot-workspace-content"] {
  padding: 0 0.15rem 1rem;
}

[data-bot-page-lead] {
  margin: 0 0 0.75rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: #71717a;
  font-size: 0.8rem;
  line-height: 1.45;
}

.bot-stage-note {
  padding: 0 0.15rem 0.55rem;
}

button.bot-menu-label.is-active {
  background: transparent;
}

.bot-submenu-item.is-active {
  background: #eff6ff;
  color: #1d4ed8;
}

[data-reply-sheet] [data-reply-groups],
[data-bot-focus="profile"] [data-bot-aside] {
  display: none !important;
}

.bot-hierarchical-menu.is-official ~ .bot-side-stage > .min-w-0 {
  display: none !important;
}

.bot-hierarchical-menu.is-official ~ .bot-side-stage > .bot-official-panel {
  display: block;
}

.bot-hierarchical-menu.is-official:not(.is-official-compare) ~ .bot-side-stage .bot-official-head,
.bot-hierarchical-menu.is-official:not(.is-official-compare) ~ .bot-side-stage .bot-official-panel > section,
.bot-hierarchical-menu.is-official:not(.is-official-compare) ~ .bot-side-stage .bot-official-note {
  display: none !important;
}

.bot-hierarchical-menu.is-official-compare ~ .bot-side-stage .bot-official-panel {
  color: #3f3f46;
}

.bot-official-panel {
  padding: 0.15rem 0.15rem 1rem;
}

[data-bot-focus="profile"] [data-bot-part="profile"] {
  border: 0;
  padding: 1rem;
  background: transparent;
  box-shadow: none;
}

[data-bot-focus="profile"] [data-bot-part="danger"] {
  margin-top: 0;
}

@media (max-width: 960px) {
  .bot-menu-label,
  .bot-submenu-item,
  .bot-group-option span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* 1.0.15: group picker sits at the top of group pages. */
.bot-group-scope {
  position: relative;
  margin: 0 0 0.85rem;
}

.bot-group-scope-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  min-height: 2.75rem;
  padding: 0.55rem 0.85rem;
  border: 1px solid #e4e4e7;
  border-radius: 0.75rem;
  background: #fff;
  color: #18181b;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: left;
  box-shadow: 0 1px 2px rgba(24, 24, 27, 0.04);
}

.bot-group-scope-button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bot-group-scope-button svg {
  width: 1rem;
  height: 1rem;
  flex: none;
  color: #71717a;
}

.bot-group-scope-button[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.bot-group-scope-button.is-empty {
  color: #71717a;
}

.bot-group-scope-menu {
  position: absolute;
  z-index: 30;
  top: calc(2.75rem + 0.35rem);
  left: 0;
  right: 0;
  max-height: 16rem;
  overflow: auto;
  padding: 0.35rem;
  border: 1px solid #e4e4e7;
  border-radius: 0.75rem;
  background: #fff;
  box-shadow: 0 12px 32px rgba(24, 24, 27, 0.12);
}

.bot-group-scope-menu[hidden] {
  display: none;
}

.bot-group-scope-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  padding: 0.55rem 0.7rem;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: #18181b;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: left;
}

.bot-group-scope-item span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bot-group-scope-item [data-mark] {
  width: 1rem;
  flex: none;
  color: transparent;
  font-style: normal;
}

.bot-group-scope-item.is-on {
  background: #f4f4f5;
}

.bot-group-scope-item.is-on [data-mark]::before {
  content: "✓";
  color: #18181b;
}

.bot-group-scope-item:hover {
  background: #f4f4f5;
}

.bot-group-scope-empty {
  margin: 0;
  padding: 0.55rem 0.7rem 0.4rem;
  color: #71717a;
  font-size: 0.8rem;
}

.bot-group-scope-note {
  margin: 0.4rem 0 0;
  color: #71717a;
  font-size: 0.75rem;
  line-height: 1.4;
}

.bot-group-scope-note:empty {
  display: none;
}

.dark .bot-group-scope-button,
.dark .bot-group-scope-menu {
  border-color: #3f3f46;
  background: #18181b;
  color: #fafafa;
}

.dark .bot-group-scope-item {
  color: #fafafa;
}

.dark .bot-group-scope-item.is-on,
.dark .bot-group-scope-item:hover {
  background: #27272a;
}

.dark .bot-group-scope-item.is-on [data-mark]::before,
.dark .bot-group-scope-button svg {
  color: #e4e4e7;
}

/* ========================================================================
   1.0.16-ui: 布局与排版优化。只调整视觉，不改结构和数据。
   ======================================================================== */

/* —— 顶部概览卡：指标卡与按钮排列 —— */
[data-testid="bot-management-page"] > section:first-child {
  border-radius: 0.9rem;
}

[data-testid="bot-management-page"] > section:first-child h2 {
  font-size: 1.15rem;
  line-height: 1.6rem;
  letter-spacing: -0.01em;
}

[data-testid="bot-management-page"] > section:first-child h2 + p {
  max-width: 34rem;
  font-size: 0.78rem;
  line-height: 1.5;
}

[data-testid="bot-management-page"] > section:first-child div.grid.grid-cols-2 {
  border-radius: 0.7rem;
  background: #fafafa;
  overflow: hidden;
}

[data-testid="bot-management-page"] > section:first-child div.grid.grid-cols-2 > div {
  min-width: 5.6rem;
  padding: 0.6rem 1rem;
}

[data-testid="bot-management-page"] > section:first-child div.grid.grid-cols-2 > div > div:first-child {
  font-size: 0.7rem;
  line-height: 1.05rem;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

[data-testid="bot-management-page"] > section:first-child div.grid.grid-cols-2 > div > div:last-child {
  margin-top: 0.3rem;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: 600;
}

[data-testid="bot-management-page"] > section:first-child button.ui-btn-primary,
[data-testid="bot-management-page"] > section:first-child button.ui-btn-secondary {
  height: 2.2rem;
  padding: 0 0.85rem;
  font-size: 0.75rem;
}

@media (min-width: 1024px) {
  [data-testid="bot-management-page"] > section:first-child .flex.flex-wrap.gap-2 {
    flex-wrap: nowrap;
  }
}

/* —— 机器人信息卡：名字、账号、令牌三行对齐 —— */
[data-testid="bot-management-layout"] > main > .ui-card:first-child {
  border-radius: 0.9rem;
  padding: 1rem 1.1rem;
}

[data-testid="bot-management-layout"] > main > .ui-card:first-child h2 {
  font-size: 1.05rem;
  line-height: 1.5rem;
}

[data-testid="bot-management-layout"] > main > .ui-card:first-child > div.min-w-0 > div:nth-child(2) {
  margin-top: 0.35rem;
  row-gap: 0.15rem;
  font-size: 0.72rem;
  color: #71717a;
}

[data-bot-token] {
  justify-content: flex-start;
  margin-top: 0.6rem;
  min-width: 0;
}

[data-bot-token] code {
  flex: 0 1 24rem;
  min-width: 0;
  padding: 0.45rem 0.7rem;
  border-radius: 0.55rem;
  font-size: 0.74rem;
}

[data-bot-token] button {
  height: 2.1rem;
  padding: 0 0.7rem;
}

/* —— 左侧功能菜单：选中态加左侧强调条，间距更匀 —— */
.bot-hierarchical-menu {
  gap: 1.1rem;
  padding-right: 0.65rem;
}

.bot-menu-group {
  gap: 0.2rem;
}

.bot-menu-label {
  padding: 0.3rem 0.65rem;
  font-size: 0.82rem;
  line-height: 1.15rem;
  letter-spacing: 0.02em;
}

.bot-submenu-item {
  position: relative;
  padding: 0.4rem 0.65rem 0.4rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 0.78rem;
  line-height: 1.2rem;
  transition: background-color 0.12s ease, color 0.12s ease;
}

.bot-submenu-item.is-active {
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: 600;
}

.bot-submenu-item.is-active::before {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 50%;
  width: 2px;
  height: 0.85rem;
  border-radius: 2px;
  background: #2563eb;
  transform: translateY(-50%);
}

/* —— 右侧内容：分区卡片、字段与排版统一 —— */
[data-testid="bot-workspace-content"] {
  padding: 0.15rem 0.75rem 1.1rem;
}

[data-bot-page-lead] {
  margin-bottom: 0.85rem;
  font-size: 0.78rem;
  line-height: 1.55;
  color: #71717a;
}

[data-testid="bot-workspace-content"] section {
  border-radius: 0.75rem;
}

[data-testid="bot-workspace-content"] label > span {
  font-size: 0.78rem;
  font-weight: 500;
  color: #3f3f46;
}

[data-testid="bot-workspace-content"] input.ui-input,
[data-testid="bot-workspace-content"] select.ui-input {
  min-height: 2.35rem;
  border-radius: 0.55rem;
  font-size: 0.82rem;
}

[data-testid="bot-workspace-content"] textarea {
  border-radius: 0.55rem;
  font-size: 0.82rem;
  line-height: 1.55;
}

[data-testid="bot-workspace-content"] input.ui-input:focus-visible,
[data-testid="bot-workspace-content"] select.ui-input:focus-visible,
[data-testid="bot-workspace-content"] textarea:focus-visible {
  outline: 2px solid #bfdbfe;
  outline-offset: 1px;
}

[data-testid="bot-workspace-content"] h3 {
  font-size: 0.92rem;
  font-weight: 600;
  color: #18181b;
}

[data-testid="bot-workspace-content"] h4 {
  font-size: 0.82rem;
  font-weight: 600;
  color: #3f3f46;
}

[data-testid="bot-workspace-content"] p {
  font-size: 0.78rem;
  line-height: 1.55;
}

/* —— 群选择：更像一个明确的入口 —— */
.bot-group-scope-button {
  min-height: 2.6rem;
  border-radius: 0.7rem;
  font-size: 0.82rem;
}

.bot-group-scope-note {
  font-size: 0.74rem;
}

/* —— 官方能力对照表：阅读更顺 —— */
.bot-official-table div {
  border-radius: 0.6rem;
  padding: 0.7rem 0.85rem;
}

.bot-official-table strong {
  font-size: 0.82rem;
}

.bot-official-table em {
  font-size: 0.78rem;
  line-height: 1.5;
}

/* —— 暗色模式跟随 —— */
.dark [data-testid="bot-management-page"] > section:first-child div.grid.grid-cols-2 {
  background: #18181b;
}

.dark .bot-submenu-item.is-active {
  background: rgba(37, 99, 235, 0.18);
  color: #bfdbfe;
}

.dark .bot-submenu-item.is-active::before {
  background: #60a5fa;
}

.dark [data-testid="bot-workspace-content"] label > span,
.dark [data-testid="bot-workspace-content"] h4 {
  color: #d4d4d8;
}

.dark [data-testid="bot-workspace-content"] h3 {
  color: #fafafa;
}

/* —— 窄屏：保持左右两列，只收紧间距与字号 —— */
@media (max-width: 960px) {
  .bot-hierarchical-menu {
    position: static;
    max-height: none;
    gap: 0.75rem;
    padding-right: 0;
  }

  .bot-menu-label {
    padding: 0.28rem 0.4rem;
    font-size: 0.8rem;
  }

  .bot-submenu-item {
    padding: 0.38rem 0.35rem 0.38rem 1rem;
    font-size: 0.74rem;
  }

  .bot-submenu-item.is-active::before {
    left: 0.26rem;
    height: 0.78rem;
  }

  [data-testid="bot-workspace-content"] {
    padding: 0.55rem 0.65rem 1rem;
  }

  [data-bot-token] {
    justify-content: flex-start;
  }

  [data-bot-token] code {
    flex: 1 1 auto;
  }

  [data-testid="bot-management-page"] > section:first-child button.ui-btn-primary,
  [data-testid="bot-management-page"] > section:first-child button.ui-btn-secondary {
    flex: 1 1 auto;
    justify-content: center;
  }
}

@media (max-width: 640px) {
  [data-testid="bot-management-page"] > section:first-child div.grid.grid-cols-2 > div {
    min-width: 4.6rem;
    padding: 0.5rem 0.7rem;
  }

  [data-testid="bot-management-page"] > section:first-child div.grid.grid-cols-2 > div > div:last-child {
    font-size: 1.25rem;
  }

  [data-testid="bot-workspace-content"] section {
    padding: 0.8rem;
  }
}

/* —— 暗色模式：页面说明条不带底色，与正文一致 —— */
.dark [data-bot-page-lead] {
  background: transparent;
  color: #a1a1aa;
}

/* ========================================================================
   1.0.17-ui: 资料介绍拆成左右两栏，说明跟着每个设置项；危险操作收进右栏。
   ======================================================================== */

/* —— 宽屏恢复左右两栏：左边资料表单，右边危险操作 —— */
[data-bot-focus="profile"] [data-testid="bot-profile-workspace"] .grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.65fr) !important;
  align-items: start;
  gap: 1.5rem;
}

/* —— 说明文字改成随字段走，这里收紧原来的按钮行 —— */
[data-bot-focus="profile"] [data-bot-part="profile"] div.flex.flex-wrap {
  align-items: center;
}

[data-bot-focus="profile"] [data-bot-part="profile"] div.flex.flex-wrap > [data-bot-aside] {
  flex: 1 1 100%;
  order: 3;
  display: flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0.75rem 0 0;
  border-top: 1px solid #e4e4e7;
}

[data-bot-focus="profile"] [data-bot-part="profile"] div.flex.flex-wrap > [data-bot-aside] > * {
  max-width: 100%;
}

[data-bot-sync-note] {
  flex: 1 1 100%;
  order: 4;
  margin: 0;
  color: #71717a;
  font-size: 0.72rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.dark [data-bot-sync-note] {
  color: #a1a1aa;
}

/* —— 每个设置项自己的说明与字数 —— */
[data-bot-hint] {
  margin: 0;
  color: #71717a;
  font-size: 0.72rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

[data-bot-focus="profile"] [data-bot-part="profile"] .ui-label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
}

[data-bot-focus="profile"] [data-bot-part="profile"] .ui-label[data-count]::after {
  content: attr(data-count);
  color: #a1a1aa;
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: 0;
}

.dark [data-bot-hint] {
  color: #a1a1aa;
}

.dark [data-bot-focus="profile"] [data-bot-part="profile"] .ui-label[data-count]::after {
  color: #71717a;
}

.dark [data-bot-focus="profile"] [data-bot-part="profile"] div.flex.flex-wrap > [data-bot-aside] {
  border-top-color: #3f3f46;
}

/* —— 危险操作：收成右栏一张卡，不再横铺整页 —— */
[data-bot-focus="profile"] [data-bot-part="danger"] > div:first-child {
  gap: 0.7rem;
}

[data-bot-focus="profile"] [data-bot-part="danger"] > div:first-child > div:first-child {
  flex: 1 1 auto;
}

[data-bot-focus="profile"] [data-bot-part="danger"] > div:nth-child(2) {
  gap: 0.5rem;
}

@media (max-width: 1100px) {
  [data-bot-focus="profile"] [data-testid="bot-profile-workspace"] .grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

[data-bot-avatar-help] { margin: 0 0 1rem; padding: .75rem 1rem; border: 1px solid var(--sp-border); color: var(--sp-muted); font-size: .75rem; line-height: 1.6; }

.bot-official-panel:empty, .bot-stage-note:empty { display: none !important; }
[data-bot-page-lead]:empty { display: none !important; }

[data-bot-focus="profile"] [data-bot-part="profile"] input.ui-input,
[data-bot-focus="profile"] [data-bot-part="profile"] textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
[data-bot-focus="profile"] [data-bot-part="profile"] input.ui-input:focus-visible,
[data-bot-focus="profile"] [data-bot-part="profile"] textarea:focus-visible {
  outline: 2px solid #93c5fd;
  outline-offset: 2px;
  box-shadow: 0 0 0 1px rgba(59,130,246,.18);
}
[data-bot-focus="profile"] [data-bot-avatar-help] {
  overflow-wrap: anywhere;
}

[data-bot-avatar-panel] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: .75rem 1rem;
  border: 1px solid var(--sp-border);
}
[data-avatar-preview] {
  width: 4.5rem;
  height: 4.5rem;
  flex: none;
  border-radius: 50%;
  background: var(--sp-border);
  overflow: hidden;
}
[data-avatar-preview] img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-avatar-preview] img[hidden] { display: none; }
[data-avatar-status] { margin: 0 0 .5rem; color: var(--sp-muted); font-size: .75rem; }
[data-avatar-pick] { font-size: .75rem; }
[data-avatar-remove] { margin-left: .5rem; font-size: .75rem; }
[data-avatar-remove][hidden] { display: none; }

[data-bot-original-group][hidden] { display: none !important; }
.bot-batch-groups { min-width: 0; }
.bot-batch-groups > .ui-label { display: block; margin-bottom: .4rem; }
.bot-batch-groups details { position: relative; }
.bot-batch-groups summary {
  min-height: 2.4rem;
  padding: .55rem .75rem;
  border: 1px solid var(--sp-border);
  border-radius: .65rem;
  background: var(--sp-surface, #fff);
  cursor: pointer;
  font-size: .8rem;
  line-height: 1.3rem;
}
.bot-batch-groups details[open] [data-batch-list] {
  position: absolute;
  z-index: 25;
  top: calc(100% + .25rem);
  left: 0;
  right: 0;
  max-height: 15rem;
  overflow: auto;
  padding: .3rem;
  border: 1px solid var(--sp-border);
  border-radius: .65rem;
  background: var(--sp-surface, #fff);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
}
.bot-batch-groups legend {
  padding: 0;
  color: var(--sp-muted);
  font-size: .75rem;
  line-height: 1.45;
}
[data-bot-ai-panel] [data-bot-ai-sessions] { display: none !important; }
.bot-group-panel-legend { margin: 0 0 .45rem; padding: 0; color: var(--sp-muted); font-size: .75rem; line-height: 1.5; }
.bot-batch-all { display: flex; align-items: center; gap: .55rem; padding: .45rem .55rem; cursor: pointer; font-size: .8rem; border-bottom: 1px solid var(--sp-border); font-weight: 500; }
.bot-batch-all:hover { background: rgba(128, 128, 128, .1); }
[data-batch-list] { transform-origin: top; transition: opacity .15s ease, transform .15s ease; }
.bot-batch-groups details.is-closing [data-batch-list] { opacity: 0; transform: translateY(-.3rem); pointer-events: none; }
[data-batch-list] label { display: flex; align-items: center; gap: .55rem; padding: .45rem .55rem; cursor: pointer; font-size: .8rem; }
[data-batch-list] label:hover { background: rgba(128, 128, 128, .1); }
[data-batch-list] p { margin: .4rem; color: var(--sp-muted); }
[data-batch-limit] { margin: .35rem 0 0; color: var(--sp-muted); font-size: .72rem; }
[data-batch-status] { margin: .45rem 0 0; color: var(--sp-muted); font-size: .75rem; overflow-wrap: anywhere; }
[data-batch-status]:empty { display: none; }
[data-bot-batch-schedule] { display: grid; gap: .75rem; padding: .8rem; border: 1px solid var(--sp-border); border-radius: .65rem; }
[data-bot-batch-schedule] label { display: grid; gap: .35rem; font-size: .75rem; font-weight: 600; }
[data-bot-batch-schedule] input { max-width: 10rem; }
[data-bot-batch-schedule] button { justify-self: start; }
[data-bot-batch-schedule] [data-batch-schedule-hint] { margin: 0; color: var(--sp-muted); font-size: .75rem; }
[data-engagement-focus="schedule"] [data-testid="announcement-form"] > .flex:first-child > button { display: none; }
.dark .bot-batch-groups summary, .dark .bot-batch-groups [data-batch-list] { background: #18181b; color: #fafafa; }

.bot-ai-private-tools { display: flex; align-items: center; gap: .6rem; padding: .5rem .75rem; border-bottom: 1px solid var(--sp-border); }
.bot-ai-private-tools [data-bot-ai-private-status] { color: var(--sp-muted); font-size: .72rem; }
.bot-ai-private-empty { margin: 0; padding: .6rem .75rem; color: var(--sp-muted); font-size: .75rem; }
.bot-ai-private-empty[hidden] { display: none; }

[data-bot-ai-history] {
  max-width: 56rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid var(--sp-border);
  box-sizing: border-box;
}
[data-bot-ai-history] h3 { margin: 0 0 .8rem; font-size: .9rem; font-weight: 600; }
.bot-ai-history-toggle, .bot-ai-history-count, .bot-ai-history-actions { display: flex; align-items: center; gap: .6rem; }
.bot-ai-history-toggle { margin-bottom: .8rem; }
.bot-ai-history-count input { width: 5rem; padding: .4rem .5rem; border: 1px solid var(--sp-border); border-radius: .4rem; background: transparent; }
[data-ai-history-hint] { margin: .7rem 0; color: var(--sp-muted); font-size: .75rem; line-height: 1.5; }
.bot-ai-history-actions { flex-wrap: wrap; }
[data-ai-history-status] { font-size: .75rem; color: var(--sp-muted); }

[data-bot-ai-form] {
  gap: 1rem;
}
[data-bot-ai-form] > [data-bot-ai-enabled],
[data-bot-ai-form] > [data-bot-ai-prompt],
[data-bot-ai-form] > [data-bot-ai-history],
[data-bot-ai-form] > [data-bot-ai-sessions],
[data-bot-ai-form] > [data-bot-ai-connection] {
  margin: 0;
}
[data-bot-ai-form] > [data-bot-ai-enabled] {
  order: 1;
}
[data-bot-ai-form] > [data-bot-ai-connection] {
  order: 2;
}
[data-bot-ai-form] > [data-bot-ai-sessions] {
  order: 3;
}
[data-bot-ai-form] > [data-bot-ai-prompt] {
  order: 4;
}
[data-bot-ai-form] > [data-bot-ai-history] {
  order: 5;
}
[data-bot-ai-form] > div.flex.flex-wrap:not([data-bot-ai-info]) {
  order: 6;
}
[data-bot-ai-form] > p.text-\[11px\] {
  order: 7;
}
[data-bot-ai-form] > [data-bot-ai-info] {
  display: none;
}
[data-bot-ai-info-top] {
  max-width: 56rem;
  margin-bottom: 1rem;
  box-sizing: border-box;
}
[data-bot-ai-form] > [data-bot-ai-history] h3 {
  margin-bottom: .65rem;
}
[data-bot-ai-form] > [data-bot-ai-sessions] > .ui-label {
  display: block;
  margin-bottom: .35rem;
}
[data-time-step="5m"],
[data-time-step="15m"] {
  min-height: 2.45rem;
}

/* Keep chat messages readable when the bot workspace itself is narrow. */
[data-bot-focus="chats"] {
  container-type: inline-size;
}
@container (max-width: 700px) {
  [data-bot-focus="chats"] > .grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  [data-bot-focus="chats"] > .grid > div:first-child {
    max-height: 12rem;
    border-right: 0;
    border-bottom: 1px solid var(--sp-border);
  }
}

[data-bot-focus="integration"] {
  container-type: inline-size;
}
@container (max-width: 700px) {
  [data-bot-focus="integration"] .grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
/* ==== /assets/account-views-r1.css ==== */
.account-view-grid[data-account-view="compact"] > [data-account-name] {
  padding: 12px;
}

.account-view-grid[data-account-view="compact"] > [data-account-name] > div:first-child {
  margin-bottom: 8px;
}

.account-view-grid[data-account-view="compact"] > [data-account-name] > div:nth-child(2) {
  margin-bottom: 8px;
  padding-top: 8px;
}

.account-view-grid[data-account-view="compact"] > [data-account-name] > div:last-child {
  padding-top: 8px;
}

.account-view-grid[data-account-view="compact"] .ui-row-action--stack > span:last-child {
  display: none;
}

.account-view-grid[data-account-view="list"] {
  grid-template-columns: minmax(0, 1fr);
}

.account-view-grid[data-account-view="list"] > [data-account-name] {
  display: grid;
  grid-template-columns: minmax(215px, 1.1fr) minmax(215px, 1fr) minmax(400px, 1.5fr);
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
}

.account-view-grid[data-account-view="list"] > [data-account-name] > div:first-child {
  margin-bottom: 0;
}

.account-view-grid[data-account-view="list"] > [data-account-name] > div:nth-child(2) {
  margin-bottom: 0;
  border-top: 0;
  padding-top: 0;
}

.account-view-grid[data-account-view="list"] > [data-account-name] > div:last-child {
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

@media (min-width: 1600px) {
  .account-view-grid[data-account-view="card"] > [data-account-name] > div:last-child {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
}

@media (max-width: 1400px) {
  .account-view-grid[data-account-view="list"] > [data-account-name] {
    grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr);
  }
  .account-view-grid[data-account-view="list"] > [data-account-name] > div:last-child {
    grid-column: 1 / -1;
    border-top: 1px solid var(--sp-border, #e5e7eb);
    padding-top: 8px;
  }
}

@media (max-width: 760px) {
  .account-view-grid[data-account-view="list"] > [data-account-name] {
    grid-template-columns: minmax(0, 1fr);
  }
  .account-view-grid[data-account-view="list"] > [data-account-name] > div:nth-child(2) {
    border-top: 1px solid var(--sp-border, #e5e7eb);
    padding-top: 8px;
  }
  .account-view-grid[data-account-view="list"] > [data-account-name] > div:last-child {
    grid-column: auto;
  }
}

/* Keep view controls readable when batch-check progress takes another row. */
.ui-card:has(> [data-testid="account-order-status"]) {
  flex-wrap: wrap;
}

.ui-card:has(> [data-testid="account-order-status"]) > [data-testid="account-order-status"],
.ui-card:has(> [data-testid="account-order-status"]) > [role="group"] {
  flex-shrink: 0;
  white-space: nowrap;
}

.ui-card:has(> [data-testid="account-order-status"]) > div:has(> input[type="search"]) {
  min-width: 160px;
}

.ui-card:has(> [data-testid="account-order-status"]) > div:last-child {
  flex-shrink: 1;
  max-width: 100%;
}

/* Ten actions use complete rows in both card modes. */
.account-view-grid:is([data-account-view="card"], [data-account-view="compact"]) > [data-account-name] > div:last-child {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (min-width: 1600px) {
  .account-view-grid:is([data-account-view="card"], [data-account-view="compact"]) > [data-account-name] > div:last-child {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
}
/* ==== /assets/chat-layout-r1.css ==== */
.tg-chat-sidebar-toolbar { display: none; }

@media (min-width: 768px) {
  [data-tg-chat-shell] > [data-tg-chat-sidebar] { transition: width 180ms ease; }
  [data-tg-chat-shell] .tg-chat-sidebar-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: var(--sp-text-muted, #64748b);
    font-size: 12px;
  }
  [data-tg-chat-shell] .tg-chat-collapse {
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 8px;
    border: 1px solid var(--sp-border);
    border-radius: 5px;
    color: inherit;
    background: var(--sp-bg-elevated, #fff);
    cursor: pointer;
    white-space: nowrap;
  }
  [data-tg-chat-shell] .tg-chat-collapse:hover { background: var(--sp-bg-muted, #f8fafc); }
  [data-tg-chat-shell] .tg-chat-collapse:focus-visible { outline: 2px solid #0ea5e9; outline-offset: 2px; }
  [data-tg-chat-shell] .tg-chat-collapse svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  [data-tg-chat-sidebar-collapsed="true"] > [data-tg-chat-sidebar] { width: 64px !important; }
  [data-tg-chat-sidebar-collapsed="true"] > [data-tg-chat-sidebar] > div:first-child { padding: 12px; }
  [data-tg-chat-sidebar-collapsed="true"] > [data-tg-chat-sidebar] > div:first-child > :not(.tg-chat-sidebar-toolbar),
  [data-tg-chat-sidebar-collapsed="true"] .tg-chat-sidebar-toolbar > span,
  [data-tg-chat-sidebar-collapsed="true"] .tg-chat-collapse > span,
  [data-tg-chat-sidebar-collapsed="true"] > [data-tg-chat-sidebar] > div:last-child > button > div:last-child { display: none; }
  [data-tg-chat-sidebar-collapsed="true"] .tg-chat-collapse { width: 38px; padding: 0; }
  [data-tg-chat-sidebar-collapsed="true"] > [data-tg-chat-sidebar] > div:last-child > button { justify-content: center; padding: 10px; }
}
/* ==== /assets-1.0.62/account-manage-r1.css ==== */
.account-view-grid[data-account-view="list"] > [data-account-name] {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) max-content minmax(0, 1fr) minmax(0, .7fr) max-content;
  grid-template-areas: "identity side userid phone actions";
  align-items: center;
  column-gap: 16px;
  row-gap: 0;
  width: 100%;
  min-width: 0;
  padding: 10px 16px;
}

.account-view-grid.tg-account-selecting[data-account-view="list"] > [data-account-name] {
  grid-template-columns: 28px minmax(0, 1.4fr) max-content minmax(0, 1fr) minmax(0, .7fr) max-content;
  grid-template-areas: "check identity side userid phone actions";
}

.account-view-grid[data-account-view="list"] > [data-account-name] > [data-tg-part="header"],
.account-view-grid[data-account-view="list"] > [data-account-name] > [data-tg-part="details"] {
  display: contents;
}

.account-view-grid[data-account-view="list"] [data-tg-part="identity"] {
  grid-area: identity;
  max-width: none;
}

.account-view-grid[data-account-view="list"] [data-tg-part="side"] {
  grid-area: side;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  max-width: none;
  gap: 4px;
}

.account-view-grid[data-account-view="list"] [data-tg-part="userid"] {
  grid-area: userid;
  margin: 0;
  border: 0;
  padding: 0;
}

.account-view-grid[data-account-view="list"] [data-tg-part="phone"] {
  grid-area: phone;
  margin: 0;
}

.account-view-grid[data-account-view="list"] > [data-account-name] > [data-tg-part="actions"] {
  grid-area: actions;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
  margin: 0;
  border: 0;
  padding: 0;
  width: auto;
}

.account-view-grid[data-account-view="list"] .ui-row-action {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 0;
  gap: 0;
  justify-content: center;
}

.account-view-grid[data-account-view="list"] .ui-row-action > span {
  display: none;
}

.account-view-grid[data-account-view="list"] .tg-account-tags {
  min-height: 0;
  margin-top: 6px;
}

.tg-account-check {
  display: none;
  align-items: center;
  justify-content: center;
}

.tg-account-selecting .tg-account-check {
  display: inline-flex;
}

.account-view-grid[data-account-view="list"] .tg-account-check {
  grid-area: check;
}

.account-view-grid:not([data-account-view="list"]) > [data-account-name] {
  position: relative;
}

.account-view-grid:not([data-account-view="list"]) .tg-account-check {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: var(--sp-bg-elevated, #fff);
}

.tg-account-check input {
  width: 16px;
  height: 16px;
  margin: 0;
}

.tg-account-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-height: 24px;
}

.account-view-grid:not([data-account-view="list"]) .tg-account-tags {
  margin: -4px 0 12px;
}

.tg-account-tag,
.tg-account-tag-add,
.tg-account-tools button,
.tg-account-tools select {
  border: 1px solid var(--sp-border, #e5e7eb);
  background: var(--sp-bg-elevated, #fff);
  color: inherit;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
}

.tg-account-tag,
.tg-account-tag-add {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
}

.tg-account-tag {
  cursor: pointer;
}

.tg-account-tag-add {
  cursor: pointer;
  color: #64748b;
}

.tg-account-tools {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}

.tg-account-tools button,
.tg-account-tools select {
  height: 30px;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
}

.tg-account-tools button[aria-pressed="true"] {
  background: #fff;
  color: #111827;
  border-color: #111827;
  box-shadow: inset 0 0 0 1px #111827;
}

.tg-account-batch {
  order: 20;
  flex: 1 0 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  padding-top: 8px;
  border-top: 1px solid var(--sp-border, #e5e7eb);
}

.tg-account-batch[hidden] {
  display: none;
}

.tg-account-batch button {
  height: 30px;
  padding: 0 10px;
  border-radius: 6px;
  border: 1px solid var(--sp-border, #e5e7eb);
  background: var(--sp-bg-elevated, #fff);
  font-size: 12px;
  cursor: pointer;
}

.tg-account-batch button[data-tg-batch="delete"] {
  color: #b91c1c;
}

.tg-account-batch-note {
  color: #64748b;
  font-size: 12px;
}

.tg-account-summary,
.tg-account-info {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 12px;
  white-space: pre-line;
}

.tg-account-info {
  font-size: 11px;
}

.tg-account-results {
  order: 21;
  flex: 1 0 100%;
  margin-top: 8px;
  padding: 10px 12px;
  border: 1px solid var(--sp-border, #e5e7eb);
  border-radius: 8px;
  background: var(--sp-bg-elevated, #fff);
  font-size: 12px;
}

.tg-account-results h3 {
  margin: 0 0 6px;
  font-size: 13px;
}

.tg-account-results ul {
  max-height: 180px;
  margin: 0 0 8px;
  padding-left: 18px;
  overflow: auto;
}

.tg-account-results button {
  margin-right: 6px;
  padding: 4px 8px;
  border: 1px solid var(--sp-border, #e5e7eb);
  border-radius: 6px;
  background: var(--sp-bg-elevated, #fff);
  color: inherit;
  cursor: pointer;
}

.tg-result-failed {
  color: #b91c1c;
}

.tg-account-filtered-out {
  display: none !important;
}

@media (max-width: 1100px) {
  .account-view-grid[data-account-view="list"] > [data-account-name] {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "identity side" "userid phone" "actions actions";
  }

  .account-view-grid.tg-account-selecting[data-account-view="list"] > [data-account-name] {
    grid-template-columns: 28px minmax(0, 1fr) auto;
    grid-template-areas: "check identity side" "check userid phone" "check actions actions";
  }

  .account-view-grid[data-account-view="list"] > [data-account-name] > [data-tg-part="actions"] {
    justify-content: flex-start;
  }
}

.account-view-grid:not([data-account-view="list"]) [data-tg-part="header"] {
  align-items: center;
  flex-wrap: nowrap;
}

.account-view-grid:not([data-account-view="list"]) [data-tg-part="identity"] {
  max-width: none;
  flex: 1;
  min-width: 0;
}

.account-view-grid:not([data-account-view="list"]) [data-tg-part="side"] {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  max-width: none;
  gap: 8px;
}

.account-view-grid:not([data-account-view="list"]) > [data-account-name] > [data-tg-part="actions"] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px 6px;
  width: 100%;
  margin-top: 4px;
}

.account-view-grid:not([data-account-view="list"]) .ui-row-action {
  width: 100%;
  justify-content: center;
  text-align: center;
}

.account-view-grid:not([data-account-view="list"]) > [data-account-name] > .tg-account-tags {
  display: flex;
  margin-top: 10px;
}

[data-testid^="order-handle-"] {
  cursor: grab;
}

[data-testid^="order-handle-"]:active {
  cursor: grabbing;
}

.account-view-grid.tg-account-selecting > [data-account-name] {
  cursor: pointer;
}

.account-view-grid.tg-account-selecting > [data-account-name].tg-account-selected {
  border-color: #60a5fa;
  background: #f8fbff;
}

.dark .account-view-grid.tg-account-selecting > [data-account-name].tg-account-selected {
  border-color: #60a5fa;
  background: rgba(37, 99, 235, .16);
}

.tg-tag-dialog {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(15, 23, 42, .45);
}

.tg-tag-panel {
  flex: 0 0 auto;
  align-self: center;
  width: min(360px, 100%);
  height: auto;
  padding: 16px;
  border-radius: 12px;
  background: var(--sp-bg-elevated, #fff);
  color: inherit;
  box-shadow: 0 20px 50px rgba(15, 23, 42, .2);
}

.tg-tag-panel h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.tg-tag-hint,
.tg-tag-error {
  margin: 8px 0 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.5;
}

.tg-tag-hint {
  white-space: pre-line;
}

.tg-tag-panel select {
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  margin-top: 10px;
  padding: 0 8px;
  border: 1px solid var(--sp-border, #e5e7eb);
  border-radius: 8px;
  background: var(--sp-bg-elevated, #fff);
  color: inherit;
  font-size: 13px;
}

.tg-tag-error {
  color: #b91c1c;
}

.tg-tag-panel input {
  box-sizing: border-box;
  width: 100%;
  height: 36px;
  min-height: 0;
  margin-top: 12px;
  padding: 0 12px;
  border: 1px solid var(--sp-border, #e5e7eb);
  border-radius: 8px;
  background: transparent;
  color: inherit;
  font-size: 14px;
  outline: none;
  box-shadow: none;
}

.tg-tag-panel input:focus {
  border-color: #111827;
}

.tg-tag-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.tg-tag-preview:empty,
.tg-tag-error:empty {
  display: none;
}

.tg-tag-preview span {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: #f3f4f6;
  font-size: 12px;
}

.tg-tag-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}

.tg-tag-actions button {
  height: 34px;
  padding: 0 14px;
  border: 1px solid var(--sp-border, #e5e7eb);
  border-radius: 8px;
  background: var(--sp-bg-elevated, #fff);
  color: inherit;
  cursor: pointer;
}

.tg-tag-actions button[data-ok] {
  border-color: #111827;
  background: #111827;
  color: #fff;
}

.tg-tag-actions button[data-danger] {
  border-color: #b91c1c;
  background: #b91c1c;
  color: #fff;
}

.tg-account-toast {
  position: fixed;
  top: 72px;
  left: 50%;
  z-index: 90;
  max-width: min(420px, calc(100% - 32px));
  padding: 10px 14px;
  border-radius: 8px;
  background: #111827;
  color: #fff;
  font-size: 13px;
  transform: translateX(-50%);
  box-shadow: 0 8px 24px rgba(15, 23, 42, .2);
}

.tg-account-toast[hidden] {
  display: none;
}

[data-tg-part="userid"],
[data-tg-part="phone"] {
  cursor: pointer;
}

[data-tg-part="userid"]:hover,
[data-tg-part="phone"]:hover {
  background: rgba(59, 130, 246, .06);
  border-radius: 6px;
}

.tg-account-secret {
  color: #111827;
}

.dark .tg-account-secret {
  color: #e5e7eb;
}

@media (max-width: 640px) {
  .tg-accounts-page .ui-fab[aria-expanded="false"] {
    visibility: hidden;
  }

  .tg-account-tools {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .tg-account-tools button,
  .tg-account-tools select {
    width: 100%;
  }

  .tg-account-info {
    white-space: normal;
  }
}
/* ==== /assets/group-avatar-r1.css ==== */
.tg-group-avatar-box {
  overflow: hidden;
  border-radius: 0.7rem;
}

.tg-group-avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tg-group-initial,
.tg-topic-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 13px;
  font-weight: 650;
}

.tg-group-switch {
  display: inline-flex;
  flex: 0 0 auto;
  align-self: flex-start;
  gap: 4px;
  width: auto;
  height: auto;
  margin: 12px 20px 0;
  padding: 3px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #f8fafc;
}

.tg-group-switch button {
  flex: 0 0 auto;
  width: auto;
  height: 32px;
  min-width: 84px;
  border: 0;
  background: transparent;
  color: #64748b;
  border-radius: 8px;
  padding: 0 16px;
  font-size: 13px;
  line-height: 32px;
  cursor: pointer;
}

.tg-group-switch button[aria-pressed="true"] {
  background: #eff6ff;
  color: #1d4ed8;
}

.tg-topic-mode [data-tg-group-row],
.tg-topic-mode [data-tg-group-select],
.tg-topic-mode [data-tg-group-tool],
.tg-channel-mode [data-tg-group-row],
.tg-channel-mode [data-tg-group-select],
.tg-channel-mode [data-tg-group-tool] {
  display: none !important;
}

.tg-topic-panel {
  display: none;
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
}

.tg-topic-mode .tg-topic-panel,
.tg-channel-mode .tg-topic-panel {
  display: block;
}

.tg-topic-hint {
  padding: 10px 14px 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.5;
}

.tg-channel-refresh {
  border-color: #e5e7eb !important;
  color: #334155 !important;
}

.tg-topic-row.is-selected {
  box-shadow: inset 3px 0 0 #2563eb;
}

.tg-topic-tools {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  margin: 0;
  padding: 8px 12px;
  border-bottom: 1px solid #e5e7eb;
  background: #f8fafc;
  color: #64748b;
  font-size: 12px;
}

.tg-topic-tools button,
.tg-topic-row button {
  border: 1px solid #fecdd3;
  background: #fff;
  color: #e11d48;
  border-radius: 8px;
  padding: 4px 8px;
  font-size: 12px;
  cursor: pointer;
}

.tg-topic-tools button:disabled,
.tg-topic-row button:disabled {
  opacity: 0.45;
  cursor: default;
}

.tg-topic-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  padding: 10px 12px;
  border-top: 1px solid #f1f5f9;
  cursor: pointer;
}

.tg-topic-row.is-selected {
  background: #eff6ff;
}

.tg-topic-icon-wrap {
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 999px;
}

.tg-topic-main {
  min-width: 0;
  flex: 1;
}

.tg-topic-title {
  overflow: hidden;
  color: #111827;
  font-size: 14px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tg-topic-meta {
  margin-top: 2px;
  color: #94a3b8;
  font-size: 11px;
}

.tg-topic-empty,
.tg-topic-note {
  padding: 18px 4px;
  color: #64748b;
  font-size: 13px;
}

.tg-topic-confirm {
  position: fixed;
  inset: 0;
  z-index: 260;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.35);
}

.tg-topic-confirm section {
  width: min(420px, calc(100vw - 32px));
  padding: 18px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
}

.tg-topic-confirm h3 {
  margin: 0;
  color: #111827;
  font-size: 16px;
}

.tg-topic-confirm p {
  margin: 8px 0 0;
  color: #475569;
  font-size: 13px;
  line-height: 1.5;
}

.tg-topic-confirm div {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

.tg-topic-confirm button {
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 8px;
  padding: 6px 12px;
  cursor: pointer;
}

.tg-topic-confirm button[data-ok] {
  border-color: #e11d48;
  background: #e11d48;
  color: #fff;
}

.dark .tg-group-switch,
.dark .tg-topic-tools button,
.dark .tg-topic-row button,
.dark .tg-topic-confirm section,
.dark .tg-topic-confirm button {
  background: #111827;
  color: #e5e7eb;
  border-color: #334155;
}

.dark .tg-group-switch button[aria-pressed="true"] {
  background: #1e3a8a;
  color: #dbeafe;
}

.dark .tg-topic-title,
.dark .tg-topic-confirm h3 {
  color: #f8fafc;
}

.dark .tg-topic-panel,
.dark .tg-topic-tools {
  border-color: #1f2937;
  background: #0f172a;
}

.dark .tg-topic-row {
  border-top-color: #1f2937;
}

.dark .tg-topic-row.is-selected {
  background: rgba(30, 58, 138, 0.45);
}

.tg-topic-hint {
  margin: 0;
  padding: 8px 12px 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.5;
}

.dark .tg-topic-hint {
  color: #94a3b8;
}

.tg-group-avatar-box > .tg-group-avatar,
.tg-group-avatar-box > .tg-group-initial {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.tg-group-avatar-under {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* ==== /assets/workbench-keepalive-r1.css ==== */
[data-testid="workbench-keepalive"] {
  border-radius: 12px;
}
[data-testid="workbench-keepalive"] .tg-keepalive-title {
  font-size: 12px;
  line-height: 1.4;
  color: #4b5563;
}
.dark [data-testid="workbench-keepalive"] .tg-keepalive-title {
  color: #d1d5db;
}
[data-testid="workbench-keepalive"] .tg-keepalive-desc,
[data-testid="workbench-keepalive"] .tg-keepalive-hint,
[data-testid="workbench-keepalive"] .tg-keepalive-note {
  margin: 4px 0 0;
  font-size: 10px;
  line-height: 1.5;
  color: #6b7280;
}
[data-testid="workbench-keepalive"] .tg-keepalive-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}
@media (max-width: 640px) {
  [data-testid="workbench-keepalive"] .tg-keepalive-row {
    grid-template-columns: 1fr;
  }
}
/* ==== /assets/workbench-steps-r1.css ==== */
.tg-step-hidden {
  display: none !important;
}
/* ==== /assets-1.0.62/chat-stage-r1.css ==== */
/* Telegram-like message column. Scoped to the open conversation. */
.tg-stage .tg-stage-sub {
  margin-top: 1px;
  color: #5c6b78;
  font-size: 12px;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dark .tg-stage .tg-stage-sub { color: #8ea0ae; }
.tg-stage .tg-stage-topic {
  display: inline-flex;
  align-items: center;
  max-width: min(52vw, 28rem);
  margin-top: 3px;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(61, 142, 201, .1);
  color: #2d78a8;
  font-size: 12px;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dark .tg-stage .tg-stage-topic {
  background: rgba(89, 171, 224, .18);
  color: #9bd3f4;
}
[data-tg-chat-sidebar] > .overflow-y-auto {
  padding: 6px 8px 10px;
}
[data-tg-chat-sidebar] > .overflow-y-auto > button[data-tgsp-dialog] {
  width: calc(100% - 4px) !important;
  margin: 2px 0;
  border: 0 !important;
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(16, 32, 48, .06);
}
[data-tg-chat-sidebar] > .overflow-y-auto > button[data-tgsp-dialog]:last-child {
  margin-bottom: 0;
}
.tgsp-topic-navigation {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--sp-border);
  background: var(--sp-bg-muted);
  font-size: 12px;
}
.tgsp-topic-back {
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--sp-highlight, #3d8ec9);
  cursor: pointer;
}
.tgsp-topic-navigation strong {
  width: 100%;
  order: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tgsp-topic-navigation > span { margin-left: auto; color: var(--sp-text-muted); }
.tgsp-topic-entry { margin-left: auto; flex-shrink: 0; font-size: 11px; color: #3d8ec9; }
.tg-stage.tg-stage-ready .tg-stage-old-sub { display: none; }
.tg-stage-pin {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 8px 14px;
  border: 0;
  border-bottom: 1px solid rgba(15, 23, 42, .06);
  background: rgba(255, 255, 255, .88);
  color: #24313b;
  text-align: left;
  cursor: pointer;
}
.dark .tg-stage-pin {
  background: #17212b;
  border-bottom-color: rgba(255, 255, 255, .06);
  color: #e7eef3;
}
.tg-stage-pin-mark {
  width: 3px;
  align-self: stretch;
  border-radius: 99px;
  background: #3d8ec9;
}
.tg-stage-pin-copy { min-width: 0; }
.tg-stage-pin-kicker {
  display: block;
  color: #3d8ec9;
  font-size: 12px;
  font-weight: 600;
}
.tg-stage-pin-text {
  display: block;
  overflow: hidden;
  color: #5c6b78;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tg-stage-notice {
  flex: 0 0 auto;
  padding: 7px 12px;
  border-bottom: 1px solid var(--sp-border);
  background: color-mix(in srgb, #3d8ec9 10%, var(--sp-bg));
  color: var(--sp-text, #24313b);
  font-size: 12px;
}
.dark .tg-stage-notice {
  background: color-mix(in srgb, #3d8ec9 18%, var(--sp-bg));
  color: #e7eef3;
}
.tg-stage {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}
.tg-stage > header,
.tg-stage > .tg-stage-pin,
.tg-stage > footer { flex: 0 0 auto; }
.tg-stage > [data-tgsp-account] {
  flex: 1 1 auto;
  min-height: 0;
}
.tg-stage [data-tgsp-account] {
  padding: 10px 14px 16px !important;
}
.tg-stage [data-tgsp-account].space-y-2 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0 !important;
}
.tg-stage [data-tgsp-msg] {
  margin-top: 8px;
}
.tg-stage [data-tgsp-msg].tg-stage-continued { margin-top: 2px; }
.tg-stage [data-tgsp-msg] > button {
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}
.tg-stage [data-tgsp-msg].tg-stage-continued > button { visibility: hidden; }
.tg-stage [data-tgsp-msg] > article {
  border: 0 !important;
  box-shadow: 0 1px 1px rgba(16, 32, 48, .08) !important;
  border-radius: 15px 15px 15px 5px !important;
  background: #fff !important;
  max-width: min(78%, 36rem) !important;
  padding: 5px 9px 3px !important;
}
.tg-stage [data-tgsp-out="1"] > article {
  background: #eeffde !important;
  border-radius: 15px 15px 5px 15px !important;
}
.dark .tg-stage [data-tgsp-msg] > article {
  background: #182533 !important;
  color: #f2f6f8;
  box-shadow: none !important;
}
.dark .tg-stage [data-tgsp-out="1"] > article { background: #2b5278 !important; }
.tg-stage [data-tgsp-msg] article button[data-testid^="chat-private-button"] {
  margin-bottom: 1px;
  font-size: 13px !important;
  font-weight: 600;
  text-decoration: none !important;
}
.tg-stage [data-tgsp-msg] article button > span.rounded { display: none !important; }
.tg-stage [data-tgsp-msg].tg-stage-continued article button[data-testid^="chat-private-button"] {
  display: none !important;
}
.tg-stage [data-tgsp-msg].tg-stage-service {
  justify-content: center !important;
  margin-top: 10px;
}
.tg-stage [data-tgsp-msg].tg-stage-service > button { display: none !important; }
.tg-stage [data-tgsp-msg].tg-stage-service > article {
  max-width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #60707c;
  font-size: 13px;
  text-align: center;
}
.dark .tg-stage [data-tgsp-msg].tg-stage-service > article {
  background: transparent !important;
  color: #8b9bab;
}
.tg-stage [data-tgsp-msg].tg-stage-service article > button,
.tg-stage [data-tgsp-msg].tg-stage-service article > div:last-child { display: none !important; }
.tg-stage-day {
  display: flex;
  justify-content: center;
  margin: 12px 0 4px;
}
.tg-stage-day span {
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .72);
  color: #52616e;
  font-size: 12px;
  line-height: 1.4;
}
.dark .tg-stage-day span {
  background: rgba(23, 33, 43, .85);
  color: #9aafbf;
}
.tg-stage-reply {
  display: block;
  width: 100%;
  border: 0;
  margin-bottom: 4px;
  padding: 3px 8px;
  border-left: 2px solid #3d8ec9;
  border-radius: 4px;
  background: rgba(61, 142, 201, .08);
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.tg-stage-reply b {
  display: block;
  color: #3d8ec9;
  font-size: 12px;
  font-weight: 600;
}
.tg-stage-reply span {
  display: block;
  overflow: hidden;
  color: #5c6b78;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tg-stage-reactions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 4px;
}
.tg-stage-reactions button {
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, .06);
  color: inherit;
  font: inherit;
  font-size: 12px;
  line-height: 1;
  padding: 3px 7px;
  cursor: pointer;
}
.tg-stage-reactions button.is-chosen { background: rgba(61, 142, 201, .18); }
.tg-stage article time { font-size: 11px; color: #7d8b99; }
.tg-stage > footer textarea {
  border-radius: 18px !important;
}
.tg-stage .tg-stage-older {
  display: block;
  margin: 0 auto 8px;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .8) !important;
  color: #3d8ec9 !important;
  box-shadow: none !important;
}

.tg-stage-photo {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
/* ==== /assets-1.0.62/release-ui.css ==== */
/* 1.0: preserve the existing theme while improving spacing and touch access. */
.release-startup { padding: 3rem 1.5rem; text-align: center; font: 14px/1.6 system-ui, sans-serif; }
.release-load-error {
  position: fixed; inset: auto 1rem 1rem; z-index: 1100;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem;
  padding: 1rem; border: 1px solid #d97706; border-radius: .75rem;
  color: var(--sp-text, #171717); background: var(--sp-bg-elevated, #fff);
  box-shadow: 0 8px 24px #0002; font: 14px/1.5 system-ui, sans-serif;
}
.release-load-error button { padding: .6rem 1rem; cursor: pointer; }
#app :is(button, a, input, select, textarea):focus-visible {
  outline: 2px solid #0284c7; outline-offset: 3px;
}
[data-testid="settings-tabs"] { overflow: visible; }
[data-testid="settings-tabs"] [role="tablist"] { min-width: 0; gap: .25rem; }
[data-testid="settings-tabs"] [role="tab"] { min-height: 42px; padding-inline: .5rem; border-radius: .5rem; font-size: 13px; }
[data-settings-panel] { scroll-margin-top: 1rem; }
[data-settings-panel] .ui-card { min-width: 0; }
[data-settings-panel] p { font-size: 12px; line-height: 1.65; }
[data-settings-panel] .ui-label { font-size: 12px; }
[data-settings-panel] :is(input, select, textarea) { max-width: 100%; }
.account-view-grid:not([data-account-view="list"]) { grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); }
.account-view-grid:not([data-account-view="list"]) [data-tg-part="identity"] { min-width: 0; }
.account-view-grid:not([data-account-view="list"]) .ui-row-action {
  min-height: 44px; padding: 6px 3px; border-radius: 6px; font-size: 12px;
}
.account-view-grid:not([data-account-view="list"]) .ui-row-action:hover { background: var(--sp-bg-muted, #f5f5f5); }
.account-view-grid:not([data-account-view="list"]) .ui-row-action > span { font-size: 12px; line-height: 1.35; }
.account-view-grid [data-tg-part="actions"] { min-width: 0; }
.sp-release-warning :is(.sp73-live, .sp73-score) { color: #92400e; background: #fffbeb; }
.sp-release-warning .sp73-live i { background: #d97706; }
.dark .sp-release-warning :is(.sp73-live, .sp73-score) { color: #fcd34d; background: #78350f40; }
[data-tg-chat-shell] { min-height: 0; }
[data-tg-chat-sidebar] { min-width: 0; }
.tg-stage footer { padding-bottom: max(12px, env(safe-area-inset-bottom)); }
.tg-stage footer textarea { line-height: 1.55; }
@media (min-width: 768px) and (max-width: 1199px) {
  [data-tg-chat-sidebar-collapsed="false"] > [data-tg-chat-sidebar] { width: 285px; }
}
@media (max-width: 1400px) {
  .account-view-grid[data-account-view="list"] > [data-account-name] {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "identity side" "userid phone" "actions actions";
    row-gap: 10px;
  }
  .account-view-grid.tg-account-selecting[data-account-view="list"] > [data-account-name] {
    grid-template-columns: 28px minmax(0, 1fr) auto;
    grid-template-areas: "check identity side" "check userid phone" "check actions actions";
  }
  .account-view-grid[data-account-view="list"] > [data-account-name] > div[data-tg-part="actions"] {
    grid-area: actions;
    display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 4px;
    justify-content: start; padding-top: 8px; border-top: 1px solid var(--sp-border, #e5e7eb);
  }
  .account-view-grid[data-account-view="list"] .ui-row-action { width: 100%; min-width: 0; }
}
@media (max-width: 767px) {
  [data-testid="settings-tabs"] [role="tablist"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  [data-testid="settings-tabs"] [role="tab"] { min-height: 44px; }
  .account-view-grid:not([data-account-view="list"]) { grid-template-columns: minmax(0, 1fr); }
  .account-view-grid > [data-account-name] { padding: 16px; }
  .account-view-grid[data-account-view="list"] > [data-account-name] > div[data-tg-part="actions"] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .account-view-grid[data-account-view="list"] .ui-row-action { flex-direction: column; gap: 4px; height: auto; min-height: 44px; padding: 4px 0; }
  .account-view-grid[data-account-view="list"] .ui-row-action > span { display: inline; font-size: 11px; }
  .tg-account-tools { flex-wrap: wrap; }
  .tg-account-tools :is(button, select), .tg-account-batch button { min-height: 36px; }
  [data-tg-chat-shell] { height: calc(100dvh - 7rem); }
  .tg-stage footer textarea { font-size: 16px; }
  .tg-stage [data-tgsp-msg] > article { max-width: 88% !important; }
  .ui-fab { bottom: max(1rem, env(safe-area-inset-bottom)); }
  [role="dialog"] { max-width: calc(100vw - 1.5rem); }
}
/* ==== /assets/layout-refine.css ==== */
/* Layout refine: quieter chrome, one title, readable metrics, full chat canvas.
   Visual language stays the existing ink system. */

@media (min-width: 1024px) {
  aside.ui-sidebar {
    width: 228px !important;
  }

  main[class~="lg:pl-64"] {
    padding-left: 228px !important;
  }

  aside.ui-sidebar nav {
    padding: 8px 10px 12px !important;
    gap: 2px;
  }

  aside.ui-sidebar nav a {
    height: 40px !important;
    margin: 0;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-radius: 8px !important;
  }

  aside.ui-sidebar .font-mono {
    letter-spacing: 0.01em !important;
    font-family: ui-sans-serif, system-ui, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
  }

  body:has(main > div h1) header.ui-header-glass h1 {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  header.ui-header-glass {
    height: 52px;
  }

  header.ui-header-glass button[aria-label="打开菜单"] {
    display: none !important;
  }
}

#tgsp-dashboard-r73 {
  max-width: 1120px;
}

#tgsp-dashboard-r73 .sp73-hero {
  min-height: 0;
  align-items: flex-end;
}

#tgsp-dashboard-r73 .sp73-hero h1 {
  font-size: 1.375rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}

#tgsp-dashboard-r73 .sp73-stat-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

#tgsp-dashboard-r73 .sp73-metric {
  min-height: 108px;
  align-items: center;
}

#tgsp-dashboard-r73 .sp73-metric small {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal !important;
  text-overflow: unset !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

#tgsp-dashboard-r73 .sp73-log-row {
  align-items: start;
  min-height: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

#tgsp-dashboard-r73 .sp73-log-main small {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal !important;
  text-overflow: unset !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

#tgsp-dashboard-r73 .sp73-workspace-grid {
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, 0.9fr);
}

main:has([data-tg-chat-shell]) > div.flex-1 {
  padding: 0 !important;
}

main:has([data-tg-chat-shell]) .ui-content-shell {
  max-width: none;
}

main:has([data-tg-chat-shell]) [data-tg-chat-shell] {
  height: calc(100dvh - var(--sp-header-h, 4rem)) !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
}

@media (min-width: 1024px) {
  main:has([data-tg-chat-shell]) > div.flex-1 {
    padding: 12px 16px 16px !important;
  }

  main:has([data-tg-chat-shell]) [data-tg-chat-shell] {
    height: calc(100dvh - 52px - 28px) !important;
    border: 1px solid var(--sp-border) !important;
    border-radius: 12px !important;
  }
}

@media (max-width: 920px) {
  #tgsp-dashboard-r73 .sp73-workspace-grid,
  #tgsp-dashboard-r73 .sp73-bottom-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* 2026-09-30: dashboard hierarchy, status contrast and responsive density. */
aside.ui-sidebar nav a {
  color: var(--sp-text-muted);
}
aside.ui-sidebar nav a.ui-nav-active {
  color: var(--sp-text);
  background: var(--sp-bg-muted);
}
header.ui-header-glass .ui-icon-btn {
  width: 40px;
  height: 40px;
  color: var(--sp-text-muted);
}
#tgsp-dashboard-r73 {
  --dashboard-radius: 14px;
  --dashboard-radius-sm: 8px;
}
#tgsp-dashboard-r73 .sp73-hero {
  gap: 20px;
  padding-bottom: 20px;
}
#tgsp-dashboard-r73 .sp73-hero h1 {
  font-size: 28px;
  line-height: 1.25;
}
#tgsp-dashboard-r73 .sp73-hero p {
  font-size: 14px;
  line-height: 1.65;
}
#tgsp-dashboard-r73 :is(.sp73-stat-grid, .sp73-workspace-grid, .sp73-bottom-grid) {
  gap: 16px;
  margin-top: 20px;
}
#tgsp-dashboard-r73 .sp73-card {
  border-color: var(--sp-card-edge);
  box-shadow: var(--sp-shadow-sm);
}
#tgsp-dashboard-r73 .sp73-metric {
  min-height: 140px;
  padding: 20px;
  grid-template-columns: minmax(0, 1fr) 32px;
  grid-template-rows: auto 1fr;
  gap: 12px;
}
#tgsp-dashboard-r73 .sp73-metric-copy {
  grid-area: 1 / 1 / 3 / 2;
}
#tgsp-dashboard-r73 .sp73-metric-icon {
  grid-area: 1 / 2;
  align-self: start;
  border: 0;
}
#tgsp-dashboard-r73 .sp73-metric-arrow {
  grid-area: 2 / 2;
  justify-self: end;
  align-self: end;
}
#tgsp-dashboard-r73 .sp73-metric strong {
  margin-top: 12px;
  font-family: inherit;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.035em;
}
#tgsp-dashboard-r73 .sp73-metric small {
  display: block !important;
  overflow: visible !important;
  -webkit-line-clamp: unset;
}
#tgsp-dashboard-r73 .sp73-panel-head h2 {
  font-size: 16px;
  font-weight: 600;
}
#tgsp-dashboard-r73 :is(.sp73-panel-head p, .sp73-quick-label, .sp73-footer) {
  font-size: 12px;
  line-height: 1.5;
  color: var(--dashboard-muted);
}
#tgsp-dashboard-r73 .sp73-panel-head > a {
  font-size: 13px;
  white-space: nowrap;
  flex-shrink: 0;
}
#tgsp-dashboard-r73 :is(.sp73-log-row, .sp73-hit-row, .sp73-schedule-row) {
  min-height: 60px;
  padding-block: 12px;
}
#tgsp-dashboard-r73 :is(.sp73-log-main, .sp73-hit-copy, .sp73-schedule-copy) strong {
  font-size: 14px;
}
#tgsp-dashboard-r73 .sp73-log-main small {
  display: block !important;
  overflow: visible !important;
  -webkit-line-clamp: unset;
  overflow-wrap: anywhere;
  line-height: 1.6 !important;
}
#tgsp-dashboard-r73 .sp73-log-row:has(.sp73-status-dot--error) {
  background: color-mix(in srgb, var(--dashboard-danger) 5%, var(--dashboard-surface));
  border-left: 2px solid var(--dashboard-danger);
  padding-inline: 12px;
}
#tgsp-dashboard-r73 :is(.sp73-hit-row time, .sp73-log-row time, .sp73-schedule-time small) {
  color: var(--dashboard-muted);
  font-variant-numeric: tabular-nums;
  font-size: 12px;
}
#tgsp-dashboard-r73 .sp73-log-row {
  grid-template-columns: 10px minmax(0, 1fr) 96px;
}
#tgsp-dashboard-r73 .sp73-log-row time { white-space: nowrap; }
#tgsp-dashboard-r73 .sp73-refresh {
  height: 38px;
  color: var(--dashboard-surface);
}
#tgsp-dashboard-r73 .sp73-refresh:hover:not(:disabled) {
  background: var(--dashboard-text);
  opacity: .85;
}
#tgsp-dashboard-r73.sp-release-warning :is(.sp73-live, .sp73-score) {
  color: #92400e;
  background: #fffbeb;
  border-color: #fcd34d;
}
#tgsp-dashboard-r73.sp-release-warning .sp73-live i {
  background: #d97706;
  box-shadow: 0 0 0 3px #d977061a;
}
.dark #tgsp-dashboard-r73.sp-release-warning :is(.sp73-live, .sp73-score) {
  color: #fcd34d;
  background: #78350f40;
  border-color: #92400e;
}
#tgsp-dashboard-r73 .sp73-footer > span:last-child {
  display: none;
}
#tgsp-dashboard-r73 :is(a, button):focus-visible {
  outline: 2px solid var(--dashboard-text);
  outline-offset: 3px;
}
@media (max-width: 1279px) {
  #tgsp-dashboard-r73 .sp73-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 680px) {
  #tgsp-dashboard-r73 .sp73-hero h1 { font-size: 24px; }
  #tgsp-dashboard-r73 .sp73-hero { gap: 16px; }
  #tgsp-dashboard-r73 :is(.sp73-stat-grid, .sp73-workspace-grid, .sp73-bottom-grid) { gap: 12px; margin-top: 16px; }
  #tgsp-dashboard-r73 .sp73-metric { min-height: 144px; padding: 14px; gap: 8px; grid-template-columns: minmax(0, 1fr) 20px; }
  #tgsp-dashboard-r73 .sp73-metric-icon { width: 20px; height: 20px; background: transparent; }
  #tgsp-dashboard-r73 .sp73-metric strong { font-size: 28px; }
  #tgsp-dashboard-r73 .sp73-active-strip { grid-template-columns: auto 1fr; gap: 12px; }
  #tgsp-dashboard-r73 .sp73-active-strip > div { grid-column: 1 / -1; }
  #tgsp-dashboard-r73 .sp73-empty--run { justify-content: flex-start; }
  #tgsp-dashboard-r73 .sp73-log-row { grid-template-columns: 6px minmax(0, 1fr); }
  #tgsp-dashboard-r73 .sp73-log-row time { display: block; grid-column: 2; text-align: left; }
}
@media (max-width: 359px) {
  #tgsp-dashboard-r73 .sp73-stat-grid { grid-template-columns: minmax(0, 1fr) !important; }
  #tgsp-dashboard-r73 .sp73-metric { min-height: 120px; }
}
@media (pointer: coarse) {
  aside.ui-sidebar nav a { min-height: 44px; }
  header.ui-header-glass .ui-icon-btn { width: 44px; height: 44px; }
  #tgsp-dashboard-r73 :is(.sp73-refresh, .sp73-panel-head > a) { min-height: 44px; }
}
/* ==== /assets/proxy-page.css ==== */
/* Proxy page: drop the unused legacy stat, show the existing editor as a dialog. */

html.tg-proxy-page .grid.grid-cols-2.gap-3.lg\:grid-cols-4 > :nth-child(4) {
  display: none !important;
}

@media (min-width: 1024px) {
  html.tg-proxy-page .grid.grid-cols-2.gap-3.lg\:grid-cols-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

.tg-proxy-editor-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  background: rgb(17 24 39 / 0.45);
  backdrop-filter: blur(3px);
}

html.dark .tg-proxy-editor-backdrop {
  background: rgb(0 0 0 / 0.65);
}

html.tg-proxy-modal-open,
html.tg-proxy-modal-open body,
html.tg-proxy-modal-open main {
  overflow: hidden !important;
}

html.tg-proxy-modal-open [data-testid="proxy-editor"] {
  position: fixed !important;
  z-index: 81;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(32rem, calc(100vw - 1.5rem));
  max-height: min(90vh, calc(100dvh - 1.5rem));
  margin: 0 !important;
  overflow: auto;
  transform: translate(-50%, -50%);
  overscroll-behavior: contain;
}
/* ==== /assets/group-channel-page.css ==== */
html.tg-manager-open main > div.flex-1:not(#tg-manager-page) { display: none }
.tg-manager-page { flex: 1; padding: 30px 32px 48px; min-width: 0; color: #1f2937 }
.tg-manager-page[hidden] { display: none }
.tg-manager-heading, .tg-manager-list-head, .tg-manager-detail-title, .tg-manager-dialog-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px }
.tg-manager-heading { margin-bottom: 24px }
.tg-manager-heading h2 { font-size: 23px; font-weight: 650; line-height: 1.35; color: #111827 }
.tg-manager-heading p, .tg-manager-list-head p, .tg-manager-detail-title p, .tg-manager-help { color: #7b8495; font-size: 13px; line-height: 1.5 }
.tg-manager-heading p { margin-top: 5px }
.tg-manager-heading-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap }
.tg-manager-account-picker { display: flex; align-items: center; gap: 9px; padding: 5px 10px; border: 1px solid #d9dde5; border-radius: 8px; background: #fff; color: #64748b; font-size: 12px; white-space: nowrap }
.tg-manager-account-picker select { min-width: 140px; max-width: 210px; border: 0; background: transparent; color: #1f2937; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer }
.tg-manager-account-picker:focus-within { outline: 2px solid #93c5fd; outline-offset: 1px }
.tg-manager-card label, .tg-manager-dialog label { display: block; color: #4b5563; font-size: 13px; font-weight: 500 }
.tg-manager-card input:not([type="checkbox"]), .tg-manager-card select, .tg-manager-card textarea, .tg-manager-dialog input:not([type="checkbox"]), .tg-manager-dialog textarea { display: block; width: 100%; margin-top: 7px; padding: 9px 11px; border: 1px solid #d9dde5; border-radius: 8px; background: #fff; color: #1f2937; font: inherit; font-size: 14px; box-sizing: border-box }
.tg-manager-search-label { margin-bottom: 16px }
.tg-manager-page input:focus, .tg-manager-page textarea:focus, .tg-manager-dialog input:focus, .tg-manager-dialog textarea:focus { outline: 2px solid #93c5fd; outline-offset: 1px }
.tg-manager-page textarea, .tg-manager-dialog textarea { resize: vertical; min-height: 76px }
.tg-manager-grid { display: grid; grid-template-columns: minmax(250px, 330px) minmax(0, 1fr); gap: 18px; align-items: start }
.tg-manager-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 20px; box-shadow: 0 2px 5px #11182709; min-width: 0 }
.tg-manager-card h3, .tg-manager-dialog h3 { font-size: 17px; font-weight: 650; color: #1f2937 }
.tg-manager-card h4 { font-size: 15px; font-weight: 650; color: #273242; margin-bottom: 14px }
.tg-manager-list-head { align-items: center; margin-bottom: 14px }
#tg-manager-count { color: #8b95a6; font-size: 12px; white-space: nowrap }
.tg-manager-list { display: grid; gap: 8px; max-height: 680px; overflow: auto }
.tg-manager-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid #e9ebef; border-radius: 9px; padding: 12px 14px; min-width: 0; background: #fff; color: inherit; width: 100%; text-align: left }
button.tg-manager-item { cursor: pointer; font: inherit }
button.tg-manager-item:hover { border-color: #cbd5e1; background: #f8fafc }
.tg-manager-item.selected { border-color: #94a3b8; background: #f8fafc }
.tg-manager-item-main { min-width: 0; display: grid; gap: 3px }
.tg-manager-item-main strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 600 }
.tg-manager-item-main small { color: #8b95a6; font-size: 12px }
.tg-manager-item-main a { overflow-wrap: anywhere; font-size: 12px; color: #2563eb }
.tg-manager-chevron { color: #94a3b8; font-size: 22px }
.tg-manager-button, .tg-manager-actions button { border: 1px solid #d9dde5; border-radius: 8px; background: #fff; color: #334155; padding: 8px 13px; font: inherit; font-size: 13px; cursor: pointer }
.tg-manager-button:hover, .tg-manager-actions button:hover { background: #f8fafc }
.tg-manager-button.primary { background: #111827; border-color: #111827; color: #fff }
.tg-manager-button.primary:hover { background: #283244 }
.tg-manager-button:disabled, .tg-manager-actions button:disabled { opacity: .55; cursor: wait }
.tg-manager-button.danger, .tg-manager-actions button.danger { color: #e11d48; border-color: #fecdd3 }
.tg-manager-actions { display: flex; flex-wrap: wrap; gap: 6px; justify-content: end }
.tg-manager-actions button { padding: 6px 9px; white-space: nowrap }
.tg-manager-empty { color: #8b95a6; font-size: 13px; padding: 28px 6px; text-align: center }
.tg-manager-detail-title h3 { font-size: 20px }
.tg-manager-section-nav { display: flex; flex-wrap: wrap; gap: 7px; margin: -20px -20px 20px; padding: 14px 20px; border-bottom: 1px solid #edf0f3; background: #fff; position: sticky; top: 0; z-index: 2 }
.tg-manager-section-nav button { border: 1px solid #e2e8f0; border-radius: 999px; padding: 6px 12px; background: #f8fafc; color: #475569; font: inherit; font-size: 12px; cursor: pointer }
.tg-manager-section-nav button:hover { border-color: #94a3b8; color: #111827 }
.tg-manager-section-nav button.active { border-color: #111827; background: #111827; color: #fff }
[data-kind="channels"] .tg-manager-section-nav { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin }
[data-kind="channels"] .tg-manager-section-nav button { flex: none; white-space: nowrap }
.tg-manager-tab-panel[hidden] { display: none }
.tg-manager-tab-panel > .tg-manager-section:first-child { border-top: 0; margin-top: 0; padding-top: 0 }
.tg-manager-hero-photo { border-top: 0; margin-top: 0; padding-top: 0; padding-bottom: 18px }
.tg-manager-hero-photo .tg-manager-avatar-preview { width: 72px; height: 72px; border-radius: 16px }
.tg-manager-content-form { display: grid; gap: 12px; padding: 15px; border: 1px solid #e9ebef; border-radius: 10px; background: #f8fafc }
.tg-manager-content-form textarea { min-height: 100px }
.tg-manager-content-options { display: flex; align-items: end; flex-wrap: wrap; gap: 10px }
.tg-manager-content-options label { min-width: 190px; flex: 1 1 190px }
.tg-manager-subsection { margin-top: 22px }
.tg-manager-subsection h4 { margin-bottom: 0 }
.tg-manager-subsection .tg-manager-list { max-height: 320px }
.tg-manager-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 10px; margin-top: 14px }
.tg-manager-metrics > div { display: grid; gap: 5px; padding: 13px; border: 1px solid #e9ebef; border-radius: 9px; background: #f8fafc }
.tg-manager-metrics span { color: #7b8495; font-size: 12px }
.tg-manager-metrics strong { color: #111827; font-size: 20px }
.tg-manager-color-options { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 18px }
.tg-manager-color-choice { display: flex; align-items: center; gap: 7px; padding: 7px 9px; border: 1px solid #d9dde5; border-radius: 8px; background: #fff; color: #334155; font: inherit; font-size: 12px; cursor: pointer }
.tg-manager-color-choice.selected { border-color: #3b82f6; box-shadow: 0 0 0 2px #bfdbfe }
.tg-manager-color-choice:disabled { opacity: .45; cursor: not-allowed }
.tg-manager-color-dot { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50% }
.tg-manager-color-dot.default { background: #e5e7eb; color: #475569; font-size: 9px; font-weight: 700 }
#tg-manager-appearance h5 { font-size: 13px; font-weight: 600; margin-top: 16px }
#tg-manager-topic-list select[data-topic-icon] { width: 100px; margin: 0; padding: 6px }
.tg-manager-section { scroll-margin-top: 24px }
.tg-manager-detail-title p { margin-top: 5px }
.tg-manager-owner { background: #f0fdf4; color: #15803d; border-radius: 99px; padding: 5px 9px; font-size: 12px; white-space: nowrap }
.tg-manager-section { border-top: 1px solid #edf0f3; padding-top: 22px; margin-top: 22px }
.tg-manager-edit { display: flex; align-items: end; gap: 10px; margin-top: 14px }
.tg-manager-edit label { flex: 1; min-width: 0 }
.tg-manager-edit button { margin-bottom: 1px }
.tg-manager-photo-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px }
.tg-manager-avatar-preview { display: block; flex: none; width: 56px; height: 56px; border-radius: 12px; overflow: hidden; background: #e5e7eb }
.tg-manager-avatar-default { display: grid; place-items: center; width: 100%; height: 100%; color: #64748b; font-size: 22px; font-weight: 600 }
#tg-manager-avatar { width: 100%; height: 100%; object-fit: cover }
.tg-manager-avatar-default[hidden], #tg-manager-avatar[hidden] { display: none }
#tg-manager-photo-form { display: flex; align-items: end; gap: 8px; flex-wrap: wrap }
#tg-manager-photo-form input { max-width: 245px; margin: 0 }
.tg-manager-invite-form { margin: 15px 0; padding: 14px; border: 1px solid #e9ebef; border-radius: 9px }
.tg-manager-invite-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px }
.tg-manager-invite-fields .tg-manager-check { display: flex; align-items: end; gap: 7px; padding-bottom: 10px }
.tg-manager-invite-form-actions { display: flex; gap: 8px; margin-top: 14px }
.tg-manager-invite-form [hidden] { display: none }
#tg-manager-topic-create { display: flex; gap: 8px; align-items: end; margin: 15px 0 }
#tg-manager-topic-create input { min-width: 180px; max-width: 280px; margin: 0 }
#tg-manager-topic-create select { width: 150px; margin: 0 }
#tg-manager-reactions-form { flex-wrap: wrap }
#tg-manager-reactions-form label { flex: 1 1 190px }
.tg-manager-section .tg-manager-help { margin-top: 10px }
.tg-manager-danger-zone { border-color: #fecdd3 }
.tg-manager-notice { margin-bottom: 16px; padding: 10px 12px; border-radius: 8px; background: #eff6ff; color: #1d4ed8; font-size: 13px }
.tg-manager-notice[hidden] { display: none }
.tg-manager-notice.error { background: #fff1f2; color: #be123c }
.tg-manager-dialog { border: 1px solid #e5e7eb; border-radius: 13px; padding: 22px; width: min(440px, calc(100vw - 28px)); max-height: calc(100vh - 32px); margin: auto; box-sizing: border-box; overflow: auto; box-shadow: 0 20px 50px #11182725; color: #1f2937 }
.tg-manager-dialog::backdrop { background: #11182770 }
#tg-manager-create { display: grid; gap: 16px; margin-top: 18px }
.tg-manager-dialog-actions { display: flex; justify-content: end; gap: 8px }
.tg-manager-dialog [hidden] { display: none }
#tg-manager-action-form { display: grid; gap: 15px; margin-top: 15px }
#tg-manager-action-form .tg-manager-help { margin: 0 }
#tg-manager-action-form input, #tg-manager-action-form textarea { margin-top: 0 }
.tg-manager-form-row { display: flex; align-items: end; gap: 18px }
.tg-manager-form-row > label:first-child { width: 110px }
.tg-manager-form-row .tg-manager-check { display: flex; align-items: center; gap: 7px; padding-bottom: 10px; white-space: nowrap }
.tg-manager-check input { width: 16px; height: 16px }
.dark .tg-manager-page, .dark .tg-manager-card h3, .dark .tg-manager-heading h2, .dark .tg-manager-card h4, .dark .tg-manager-dialog h3 { color: #e5e7eb }
.dark .tg-manager-card, .dark .tg-manager-dialog { background: #172033; border-color: #334155; color: #e5e7eb }
.dark .tg-manager-card label, .dark .tg-manager-dialog label, .dark .tg-manager-item-main small { color: #a8b3c4 }
.dark .tg-manager-account-picker, .dark .tg-manager-card input:not([type="checkbox"]), .dark .tg-manager-card select, .dark .tg-manager-card textarea, .dark .tg-manager-dialog input:not([type="checkbox"]), .dark .tg-manager-dialog textarea, .dark .tg-manager-button, .dark .tg-manager-actions button, .dark .tg-manager-item { background: #0f172a; color: #e5e7eb; border-color: #475569 }
.dark .tg-manager-account-picker select { color: #e5e7eb }
.dark .tg-manager-item.selected { background: #1e293b }
.dark .tg-manager-content-form { background: #111827; border-color: #334155 }
.dark .tg-manager-metrics > div { background: #111827; border-color: #334155 }
.dark .tg-manager-metrics strong { color: #e5e7eb }
.dark .tg-manager-color-choice { background: #0f172a; color: #e5e7eb; border-color: #475569 }
.dark .tg-manager-section-nav { background: #172033; border-color: #334155 }
.dark .tg-manager-section-nav button { background: #1e293b; border-color: #475569; color: #cbd5e1 }
.dark .tg-manager-section-nav button.active { background: #e5e7eb; border-color: #e5e7eb; color: #111827 }
.dark .tg-manager-button.primary { background: #e5e7eb; color: #111827 }
@media (max-width: 1250px) { [data-kind="channels"] .tg-manager-grid { grid-template-columns: minmax(215px, 255px) minmax(0, 1fr) } }
@media (max-width: 1000px) { .tg-manager-grid { grid-template-columns: minmax(210px, 280px) minmax(0, 1fr) } }
@media (max-width: 900px) { .tg-manager-grid, [data-kind="channels"] .tg-manager-grid { grid-template-columns: 1fr } .tg-manager-list { max-height: 320px } }
@media (max-width: 640px) { .tg-manager-page { padding: 18px 14px 36px } .tg-manager-heading { flex-wrap: wrap } .tg-manager-heading-actions { width: 100% } .tg-manager-account-picker { flex: 1 } .tg-manager-account-picker select { min-width: 0; flex: 1 } .tg-manager-edit { align-items: stretch; flex-direction: column } .tg-manager-edit button { align-self: flex-start } .tg-manager-detail-title { flex-wrap: wrap } #tg-manager-topic-create { flex-wrap: wrap } }
@media (max-width: 640px) { .tg-manager-invite-fields { grid-template-columns: 1fr } }
/* ==== /assets/ui-system-20260930.css ==== */
/* Shared presentation only. Application actions and validation stay in their existing components. */
:root {
  --sp-bg: #edf2f8;
  --sp-bg-elevated: #ffffff;
  --sp-bg-muted: #edf2f8;
  --sp-bg-elevated-2: #edf2f8;
  --sp-border: #d9e2ed;
  --sp-border-strong: #a8b9cd;
  --sp-text: #17263c;
  --sp-text-muted: #4f6178;
  --sp-accent: #17263c;
  --sp-accent-soft: #2563eb0d;
  --sp-highlight: #3267af;
  --sp-highlight-soft: #e7effb;
  --sp-card-edge: #ffffffcc;
  --sp-shadow-sm: 0 2px 6px #1e3a5f05, 0 10px 28px -12px #1e3a5f21;
  --sp-canvas-glow: #a9c8f342;
  --sp-canvas-glow-alt: #b9e3df40;
  --sp-background-art: url("/assets/console-backdrop-light.svg");
  --sp-radius: 14px;
  --sp-radius-sm: 10px;
  --sp-bg-card: var(--sp-bg-elevated);
  --sp-surface: var(--sp-bg-elevated);
  --sp-muted: var(--sp-text-muted);
  --tg-card-bg: var(--sp-bg-elevated);
}
:root.dark {
  --sp-bg: #0b1320;
  --sp-bg-elevated: #1a2636;
  --sp-bg-muted: #243247;
  --sp-bg-elevated-2: #243247;
  --sp-border: #304158;
  --sp-border-strong: #546b88;
  --sp-text: #f0f5ff;
  --sp-text-muted: #b3c2d6;
  --sp-accent: #f0f5ff;
  --sp-accent-soft: #8fbcff12;
  --sp-highlight: #c1daff;
  --sp-highlight-soft: #253c59;
  --sp-card-edge: #ffffff0d;
  --sp-shadow-sm: 0 2px 6px #00000010, 0 12px 30px -12px #00000066;
  --sp-canvas-glow: #355b9638;
  --sp-canvas-glow-alt: #245c6230;
  --sp-background-art: url("/assets/console-backdrop-dark.svg");
}
body {
  min-width: 0;
  color: var(--sp-text);
  background-image: var(--sp-background-art), radial-gradient(ellipse at 88% 0%, var(--sp-canvas-glow), transparent 58%), radial-gradient(ellipse at 15% 75%, var(--sp-canvas-glow-alt), transparent 60%);
  background-position: right top, center top, left bottom;
  background-size: 1080px 840px, 100% 720px, 100% 1000px;
  background-repeat: no-repeat;
}
:root main { color: var(--sp-text); }
:root main :is(h1, h2, h3, h4) { color: var(--sp-text); }
:root aside.ui-sidebar { background: color-mix(in srgb, var(--sp-bg-elevated) 94%, var(--sp-bg)); }
:root aside.ui-sidebar nav a.ui-nav-active {
  color: var(--sp-highlight);
  background: var(--sp-highlight-soft);
  box-shadow: none;
}
:root aside.ui-sidebar nav a.ui-nav-active::before { background: var(--sp-highlight); }
:root aside.ui-sidebar nav a:hover { color: var(--sp-text); }
:root .ui-card { border-color: var(--sp-card-edge); box-shadow: var(--sp-shadow-sm); }
:root .ui-header-glass {
  background: color-mix(in srgb, var(--sp-bg-elevated) 92%, transparent);
}
.ui-header-glass h1 { font-size: 14px; letter-spacing: 0; }
:root :is(.ui-label, .ui-label-strong) { font-size: 13px; letter-spacing: 0; line-height: 1.5; }
:root :is(.ui-input, .ui-select-trigger) {
  min-height: 40px;
  border-color: transparent;
  border-radius: 10px;
  background: var(--sp-bg-muted);
  color: var(--sp-text);
  font-size: 14px;
  line-height: 1.5;
}
:root .ui-input::placeholder { color: var(--sp-text-muted); opacity: 1; }
:root :is(.ui-input, .ui-select-trigger):hover:not(:disabled) { background: color-mix(in srgb, var(--sp-bg-muted) 82%, var(--sp-border)); }
:root :is(.ui-input, .ui-select-trigger):focus-visible {
  background: var(--sp-bg-elevated);
  border-color: var(--sp-highlight);
  outline: 2px solid var(--sp-highlight);
  outline-offset: 2px;
  box-shadow: none;
}
:root .ui-input:disabled { background: var(--sp-bg-muted); cursor: not-allowed; opacity: .6; }
:root :is(.ui-btn-primary, .ui-btn-secondary, .ui-btn-danger) {
  min-height: 40px;
  border-radius: 10px;
  line-height: 1.4;
  font-weight: 500;
  white-space: nowrap;
}
:root .ui-btn-primary { background: var(--sp-text); color: var(--sp-bg-elevated); }
:root .ui-btn-primary:hover:not(:disabled) { background: var(--sp-text); opacity: .88; }
:root .ui-btn-secondary { border-color: transparent; background: var(--sp-bg-muted); color: var(--sp-text); }
:root .ui-btn-secondary:hover:not(:disabled) { background: color-mix(in srgb, var(--sp-bg-muted) 82%, var(--sp-border)); }
:root :is(.ui-btn-primary, .ui-btn-secondary, .ui-btn-danger):disabled { cursor: not-allowed; }
:root .ui-btn-primary:disabled { background: var(--sp-bg-muted); color: var(--sp-text-muted); opacity: .65; }
:root.dark .ui-switch-on .ui-switch-knob { background: var(--sp-bg-elevated); }
:root :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--sp-accent); }
:root :is(main, [role="dialog"], .tg-manager-dialog) :is(.text-gray-400, .text-gray-500, .text-gray-600) {
  color: var(--sp-text-muted);
}
:root main .text-\[11px\] { font-size: 12px; }
:root :is(.tg-account-tools button, .tg-account-tools select) {
  background: var(--sp-bg-muted);
  border-color: transparent;
  font-size: 14px;
  min-height: 38px;
  border-radius: 8px;
  color: var(--sp-text);
}
:root .tg-account-tools button[aria-pressed="true"] {
  color: var(--sp-bg-elevated);
  background: var(--sp-text);
}
:root .account-view-grid > [data-account-name] { border-color: var(--sp-card-edge); box-shadow: var(--sp-shadow-sm); }
:root .account-view-grid .ui-row-action:hover { color: var(--sp-text); }
:root [aria-label="展示方式"] {
  background: var(--sp-bg-muted);
  border-color: var(--sp-border);
}
:root [aria-label="展示方式"] button[aria-pressed="true"] {
  color: var(--sp-text);
  background: var(--sp-bg-elevated);
  box-shadow: 0 1px 3px #00000014;
}
:root :is(.tg-manager-page, .tg-manager-dialog) { color: var(--sp-text); }
:root :is(.tg-manager-card, .tg-manager-dialog, .tg-manager-account-picker, .tg-manager-item, .tg-manager-section-nav) {
  background: var(--sp-bg-elevated);
  border-color: var(--sp-border);
  color: var(--sp-text);
  box-shadow: none;
}
:root :is(.tg-manager-heading h2, .tg-manager-card h3, .tg-manager-card h4, .tg-manager-dialog h3, .tg-manager-metrics strong) {
  color: var(--sp-text);
}
:root :is(.tg-manager-heading p, .tg-manager-help, .tg-manager-list-head p, .tg-manager-empty, .tg-manager-card label, .tg-manager-dialog label, .tg-manager-item-main small, #tg-manager-count) {
  color: var(--sp-text-muted);
}
:root :is(.tg-manager-page, .tg-manager-dialog) :is(input:not([type="checkbox"]):not([type="file"]), select, textarea) {
  min-height: 40px;
  background: var(--sp-bg-muted);
  border-color: transparent;
  border-radius: 10px;
  color: var(--sp-text);
}
:root #tg-manager-account { min-height: 28px; }
:root :is(.tg-manager-content-form, .tg-manager-metrics > div, .tg-manager-item.selected) {
  background: var(--sp-bg-muted);
  border-color: var(--sp-border);
}
:root :is(.tg-manager-button, .tg-manager-actions button, .tg-manager-section-nav button, .tg-manager-color-choice) {
  min-height: 38px;
  background: var(--sp-bg-muted);
  border-color: transparent;
  border-radius: 10px;
  color: var(--sp-text);
}
:root :is(.tg-manager-button.primary, .tg-manager-section-nav button.active) {
  background: var(--sp-text);
  border-color: var(--sp-text);
  color: var(--sp-bg-elevated);
}
:root :is(.tg-manager-button.danger, .tg-manager-actions button.danger) {
  color: var(--sp-danger);
  border-color: color-mix(in srgb, var(--sp-danger) 40%, var(--sp-border));
}
:root .ui-form-section { border-color: transparent; border-radius: 12px; }
:root .tg-manager-card { border-color: var(--sp-card-edge); box-shadow: var(--sp-shadow-sm); }
:root .tg-manager-item:hover { background: var(--sp-bg-muted); border-color: var(--sp-border-strong); }
:root .tg-manager-page :is(input, textarea):focus-visible,
:root .tg-manager-dialog :is(input, textarea):focus-visible {
  outline-color: var(--sp-highlight);
}
:root :is(.tg-tag-panel, .tgprofile-modal, .tgsec-modal) {
  color: var(--sp-text);
  background: var(--sp-bg-elevated);
  border-color: var(--sp-border);
}
/* Import dialog uses inline layout; its fields have no shared UI classes. */
[role="dialog"]:has([data-tg-import-submit]) { max-width: none !important; }
[role="dialog"] form:has([data-tg-import-submit]) {
  max-height: calc(100dvh - 40px) !important;
  color: var(--sp-text);
  border: 1px solid var(--sp-border);
}
[role="dialog"] form:has([data-tg-import-submit]) :is(input:not([type="checkbox"]):not([type="file"]), select) {
  min-height: 42px;
  background: var(--sp-bg-muted);
  color: var(--sp-text);
  border-color: transparent !important;
  border-radius: 10px !important;
  font-size: 14px;
}
[role="dialog"] form:has([data-tg-import-submit]) :is(p, [data-tg-import-file-note]) {
  color: var(--sp-text-muted) !important;
  line-height: 1.6;
}
[data-tg-import-error] { color: var(--sp-danger) !important; }
:is([data-tg-import-cancel], [data-tg-import-submit]) {
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 14px;
  color: var(--sp-text);
  background: var(--sp-bg-muted);
}
[data-tg-import-submit] { background: var(--sp-text); color: var(--sp-bg-elevated); }
[data-tg-import-submit]:disabled { opacity: .5; cursor: wait; }
[role="dialog"] input[type="file"]::file-selector-button {
  margin-right: 10px;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--sp-text);
  background: var(--sp-bg-muted);
}
[role="dialog"] form:has([data-tg-import-submit]) :is(input, select):focus-visible {
  outline: 2px solid var(--sp-highlight);
  outline-offset: 2px;
}
:root .bot-hierarchical-menu :is(.bot-menu-label.is-active, .bot-submenu-item.is-active) {
  color: var(--sp-text);
  background: var(--sp-bg-muted);
}
:root .bot-submenu-item.is-active::before { background: var(--sp-accent); }
[data-testid="bot-workspace-shell"]:has(.bot-hierarchical-menu) [data-testid="bot-workspace-nav"] {
  display: none !important;
}
/* Restore a solid reading surface under the bot forms and soften nested panels. */
:root .bot-side-stage { background: var(--sp-bg-elevated); border-radius: 14px; box-shadow: var(--sp-shadow-sm); }
:root :is(.bot-profile-help, [data-bot-page-lead], [data-bot-avatar-panel], [data-bot-part="owner"], [data-bot-part="proxy"], .bot-reply-groups, [data-bot-retention], [data-bot-access], [data-bot-entry], [data-bot-group-gate], [data-bot-ai-history]) {
  color: var(--sp-text-muted);
  background: var(--sp-bg-muted);
  border-color: transparent;
  border-radius: 10px;
}
:root [data-bot-part="profile"] { border-color: transparent; }
:root [data-bot-part="profile"] .ui-btn-secondary { border-color: transparent; }
:root :is(.bot-command-row, .bot-reply-card, .bot-box-fold, .bot-official-table div, .bot-official-panel li, .bot-group-scope-menu) {
  color: var(--sp-text);
  background: var(--sp-bg-elevated);
  border-color: var(--sp-border);
  border-radius: 10px;
}
:root :is([data-bot-token] code, .bot-group-scope-button, .bot-batch-groups summary, .bot-batch-groups [data-batch-list]) {
  color: var(--sp-text);
  background: var(--sp-bg-muted);
  border-color: transparent;
  border-radius: 10px;
}
:root [data-testid="bot-management-page"] > section:first-child div.grid.grid-cols-2 { background: var(--sp-bg-muted); border-color: transparent; }
:root [data-testid="bot-workspace-content"] input:not([type="checkbox"]):not([type="file"]) { background: var(--sp-bg-muted); color: var(--sp-text); border-color: transparent; border-radius: 10px; }
:root [data-testid="bot-workspace-content"] :is(h3, h4, label > span) { color: var(--sp-text); }
:root [data-testid="bot-workspace-content"] .ui-input { border-radius: 10px; }
:root [data-testid="bot-workspace-content"] .ui-input:focus-visible { outline-color: var(--sp-accent); }
/* The bot overview keeps its description and its controls on separate rows. */
:root [data-testid="bot-management-page"] > section:first-child > div:first-child { flex-direction: column; align-items: stretch; gap: 16px; }
:root [data-testid="bot-management-page"] > section:first-child > div:first-child > .flex { flex-wrap: wrap; justify-content: space-between; }
/* Keep descriptions, counters and metadata with the fields they describe. */
:root :is(.ui-note, .ui-helper, .ui-muted) { color: var(--sp-text-muted); line-height: 1.65; }
:root .ui-row-action { color: var(--sp-text-muted); line-height: 1.4; }
:root .ui-card h2 + p { font-size: 13px; line-height: 1.65; }
:root [data-testid="bot-management-page"] > section:first-child h2 { font-size: 22px; line-height: 1.35; }
:root [data-testid="bot-management-page"] > section:first-child h2 + p { max-width: 60ch; font-size: 13px; line-height: 1.65; margin-top: 8px; }
:root [data-testid="bot-management-page"] > section:first-child div.grid.grid-cols-2 > div > div:first-child { font-size: 12px; line-height: 1.5; letter-spacing: 0; }
:root [data-testid="bot-management-layout"] > main > .ui-card:first-child > div.min-w-0 > div:nth-child(2) { color: var(--sp-text-muted); font-size: 12px; line-height: 1.65; gap: 4px 12px; }
:root [data-bot-token] code { font-size: 13px; line-height: 1.6; }
:root [data-bot-focus="profile"] [data-bot-part="profile"] .ui-label { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-weight: 500; }
:root [data-bot-focus="profile"] [data-bot-part="profile"] .ui-label[data-count]::after { color: var(--sp-text-muted); background: var(--sp-bg-muted); padding: 2px 6px; border-radius: 6px; font-size: 12px; line-height: 1.4; font-variant-numeric: tabular-nums; white-space: nowrap; }
:root :is([data-bot-hint], [data-bot-sync-note], .bot-group-scope-note, .bot-reply-hint, [data-command-status]) { color: var(--sp-text-muted); font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }
:root [data-bot-focus="profile"] .bot-profile-help { background: transparent; border: 0; padding: 0; color: var(--sp-text-muted); font-size: 13px; line-height: 1.65; }
:root [data-bot-part="profile"] > label { display: block; margin-top: 20px; }
:root [data-bot-part="profile"] > div.flex.flex-wrap { margin-top: 20px; gap: 12px; }
:root [data-bot-part="profile"] div.flex.flex-wrap > [data-bot-aside] { padding-top: 0; border-top: 0; }
:root [data-testid="bot-workspace-content"] :is(.bot-command-row, .bot-reply-card) :is(label > span, p) { line-height: 1.6; }
:root [data-testid="bot-workspace-content"] .bot-command-row label > span { font-size: 13px; }
:root main:has(#workbench-message) .border-emerald-200.bg-emerald-50\/60,
:root main:has(#workbench-message) .border-violet-200 { border-color: transparent; border-radius: 12px; }
/* The chat filters use the same soft fields as the other pages. */
:root [data-tg-chat-shell] { border-color: var(--sp-card-edge) !important; box-shadow: var(--sp-shadow-sm); }
:root [data-tg-chat-sidebar] :is(.ui-input, .ui-select-trigger) { border-color: transparent; border-radius: 10px; background: var(--sp-bg-muted); }
:root .tg-chat-collapse { border-color: transparent; border-radius: 8px; background: var(--sp-bg-muted); }
:root [data-tg-chat-sidebar] .ui-select-trigger-open { border-color: var(--sp-highlight); }
:root [data-tg-chat-sidebar] :is(.ui-input, .ui-select-trigger):focus-visible { border-color: var(--sp-highlight); }
@media (max-width: 680px) {
  :root .tg-manager-page { padding-inline: 12px; }
  :root .tg-manager-card { padding: 16px; }
  :root :is(.tg-account-tools button, .tg-account-tools select) { min-height: 40px; }
  [role="dialog"] form:has([data-tg-import-submit]) { padding: 16px !important; }
  [data-testid="bot-workspace-shell"].bot-side-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .bot-side-layout > :is(.bot-hierarchical-menu, .bot-side-stage) { grid-column: 1; grid-row: auto; }
  .bot-hierarchical-menu {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    overflow-x: auto;
    gap: 12px;
    padding: 8px;
    border: 1px solid var(--sp-border);
    border-radius: 12px;
    background: var(--sp-bg-elevated);
  }
  .bot-hierarchical-menu .bot-menu-group { flex: 0 0 154px; }
  .bot-hierarchical-menu :is(.bot-menu-label, .bot-submenu-item) { min-height: 38px; font-size: 13px; }
  :root [data-testid="bot-workspace-content"] { padding-inline: 12px; }
}
/* Tailwind's important utility sizes are layered; override them in that same layer. */
@layer utilities {
  :root :is(.ui-input, .ui-select-trigger) { font-size: 14px !important; }
  :root :is(.ui-btn-primary, .ui-btn-secondary, .ui-btn-danger) { font-size: 13px !important; }
  @media (max-width: 680px) {
    :root :is(.ui-input, .ui-select-trigger),
    :root .tg-account-tools select,
    :root [data-testid="bot-workspace-content"] input:not([type="checkbox"]):not([type="file"]),
    :root :is(.tg-manager-page, .tg-manager-dialog) :is(input:not([type="checkbox"]):not([type="file"]), select, textarea),
    [role="dialog"] form:has([data-tg-import-submit]) :is(input:not([type="checkbox"]):not([type="file"]), select) {
      font-size: 16px !important;
    }
  }
}
@media (pointer: coarse) {
  :root :is(.ui-btn-primary, .ui-btn-secondary, .ui-btn-danger, .tg-manager-button, .tg-manager-actions button, .tg-account-tools button) {
    min-height: 44px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :is(.ui-card, .ui-input, .ui-btn-primary, .ui-btn-secondary, .ui-btn-danger, .ui-sidebar, .ui-switch-knob) { transition: none !important; }
}
/* Detail pages: keep their title, field help and actions in a readable hierarchy. */
:root [data-bot-page-lead] { margin: 0 0 20px; padding: 0; border: 0; background: transparent; border-radius: 0; }
:root [data-bot-page-lead] h3 { margin: 0 0 8px; font-size: 19px; line-height: 1.4; font-weight: 650; }
:root [data-bot-page-lead] p { margin: 0; max-width: 76ch; color: var(--sp-text-muted); font-size: 13px; line-height: 1.7; }
:root [data-testid="bot-workspace-content"] { padding: 20px; }
:root .bot-detail-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 4px; }
:root .bot-reply-sheet { gap: 16px; }
:root .bot-side-stage :is(.bot-reply-card, .bot-command-row) { border-color: transparent; padding: 16px; gap: 16px; background: color-mix(in srgb, var(--sp-bg-muted) 40%, var(--sp-bg-elevated)); border-radius: 12px; }
:root .bot-reply-card :is(label > span, p) { font-size: 13px; }
:root .bot-reply-head { padding-bottom: 12px; border-color: var(--sp-border); }
:root .bot-reply-card label.bot-reply-case { flex-direction: row; align-items: center; min-height: 40px; gap: 8px; }
:root .bot-reply-modes { gap: 16px; }
:root .bot-reply-hint { font-weight: 400; line-height: 1.7; }
:root :is(.bot-command-lead, .bot-reply-sheet) > h3,
:root .bot-command-lead h3 { font-size: 14px; }
:root [data-command-list] { gap: 16px; }
:root .bot-command-row textarea { min-height: 40px; height: 40px; }
:root .bot-command-row [data-command-remove] { margin-top: 26px; }
:root :is(.bot-command-row [data-command-remove], .bot-reply-head [data-reply-remove]) { color: var(--sp-danger); }
:root [data-testid="bot-workspace-content"][data-group-locked] > [data-reply-sheet][data-place] { opacity: 1; }
:root .bot-reply-sheet[data-locked="1"] [data-reply-list] { opacity: 1; }
:root .bot-batch-groups { margin-bottom: 20px; }
:root .bot-batch-groups summary { min-height: 42px; padding: 10px 12px; font-size: 14px; }
:root .bot-batch-groups details[open] [data-batch-list] { background: var(--sp-bg-elevated); border: 1px solid var(--sp-border); box-shadow: 0 12px 36px #00000024; padding: 6px; }
:root [data-batch-list] label { min-height: 40px; padding: 8px 10px; border-radius: 8px; font-size: 13px; }
:root :is([data-batch-limit], .bot-group-panel-legend, [data-batch-status]) { margin-top: 8px; font-size: 13px; line-height: 1.65; }
:root [data-bot-batch-schedule] { border: 0; background: var(--sp-bg-muted); padding: 16px; gap: 16px; border-radius: 12px; }
:root [data-bot-batch-schedule] label { font-size: 13px; gap: 8px; }
:root [data-bot-batch-schedule] .ui-input { background: var(--sp-bg-elevated); }
:root [data-testid="bot-workspace-content"] .border:not(.ui-input):not(button):not([data-bot-part="danger"]) { border-color: transparent; border-radius: 12px; }
:root [data-testid="bot-workspace-content"] :is(section.border, div.border) { background: color-mix(in srgb, var(--sp-bg-muted) 40%, var(--sp-bg-elevated)); }
:root [data-testid="bot-workspace-content"] :is(section.border-rose-200, section.border-amber-200) { border-color: color-mix(in srgb, var(--sp-danger) 24%, transparent); }
:root [data-bot-ai-info-top] { border-color: transparent; border-radius: 12px; margin-bottom: 20px; padding: 16px; }
:root [data-bot-ai-info-top] p { font-size: 13px; line-height: 1.65; }
:root [data-bot-ai-form] { display: flex; flex-direction: column; gap: 20px; }
:root [data-bot-ai-form] > * { order: 0; }
:root [data-bot-ai-form] > [data-bot-ai-enabled] { border: 0; border-radius: 12px; background: var(--sp-bg-muted); padding: 16px; }
:root [data-bot-ai-connection] { gap: 20px; }
:root [data-bot-ai-form] label > span.ui-label { display: block; margin-bottom: 8px; }
:root [data-bot-ai-form] label > .ui-helper { margin-top: 8px; font-size: 13px; font-weight: 400; line-height: 1.65; }
:root :is([data-bot-ai-private], [data-bot-ai-private-toggle]) { border-color: transparent; border-radius: 12px; background: var(--sp-bg-muted); }
:root [data-bot-ai-history] { padding: 16px; }
:root [data-ai-history-hint] { font-size: 13px; line-height: 1.65; margin-block: 12px; }
:root .bot-ai-history-count input { min-height: 40px; background: var(--sp-bg-elevated); border-color: transparent; }
:root .bot-side-stage :is([data-bot-access], [data-bot-entry]) { margin: 20px; padding: 20px; color: var(--sp-text); }
:root .bot-side-stage :is([data-bot-access], [data-bot-entry]) h3 { font-size: 18px; margin-bottom: 16px; }
:root .bot-side-stage :is([data-bot-access], [data-bot-entry]) p { font-size: 13px; line-height: 1.7; color: var(--sp-text-muted); margin: 8px 0 16px; }
:root [data-bot-entry] [data-entry-web] label,
:root [data-bot-entry] label:has(input[type="text"]) { flex-direction: column; align-items: stretch; gap: 8px; margin-block: 16px; }
:root [data-bot-entry] input[type="text"] { flex: none; width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid transparent; border-radius: 10px; background: var(--sp-bg-elevated); color: var(--sp-text); font-size: 14px; }
:root [data-bot-entry] input[type="text"]::placeholder { color: var(--sp-text-muted); }
:root [data-bot-entry] input[type="text"]:focus-visible { outline: 2px solid var(--sp-highlight); outline-offset: 2px; }
:root [data-bot-entry] > label:not(:has(input[type="text"])),
:root [data-bot-access] > label { min-height: 36px; gap: 8px; font-size: 14px; }
:root [data-access-rights] { gap: 12px; }
:root .bot-official-panel { padding: 20px; }
:root .bot-official-head p { color: var(--sp-text-muted); font-size: 13px; line-height: 1.7; }
:root .bot-official-table div { border: 0; background: var(--sp-bg-muted); padding: 16px; gap: 16px; }
:root .bot-official-table em { font-size: 13px; line-height: 1.65; color: var(--sp-text-muted); }
:root .bot-raffle-detail-dialog { width: min(640px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); padding: 24px; border-color: var(--sp-card-edge); border-radius: 16px; box-shadow: 0 24px 80px #00000040; }
:root .bot-raffle-detail-dialog h3 { font-size: 20px; margin-bottom: 20px; }
:root .bot-raffle-detail-dialog h4 { font-size: 15px; margin: 24px 0 12px; }
:root .bot-raffle-detail-dialog p { font-size: 13px; line-height: 1.7; margin: 8px 0; }
:root .bot-raffle-detail-dialog .ui-input { background: var(--sp-bg-muted); }
:root [data-bot-focus="chats"] > .grid { border-color: var(--sp-border); border-radius: 12px; overflow: hidden; }
:root [data-bot-focus="chats"] .ui-form-section { border-radius: 10px; }
:root [data-bot-focus="integration"] .grid > .border { padding: 20px; }
@media (max-width: 760px) {
  :root .bot-command-row [data-command-remove] { margin-top: 0; justify-self: end; }
  :root .bot-reply-modes { gap: 12px; }
  :root .bot-reply-card label.bot-reply-case { align-self: flex-start; }
}
@media (max-width: 680px) {
  :root [data-testid="bot-workspace-content"] { padding: 16px; }
  :root .bot-side-stage :is([data-bot-access], [data-bot-entry]) { margin: 16px; padding: 16px; }
  :root .bot-official-panel { padding: 16px; }
  :root .bot-official-table div { gap: 8px; }
  :root .bot-raffle-detail-dialog { padding: 20px; }
  :root [data-bot-entry] input[type="text"] { font-size: 16px; }
}
/* Account popups use their own controls, outside the shared Vue input classes. */
:root :is(.tgprofile-modal, .tgsec-modal, .tg-tag-panel) { border-color: var(--sp-card-edge); border-radius: 16px; box-shadow: 0 24px 80px #00000040; }
:root .tgprofile-field { margin-block: 20px; font-size: 13px; }
:root .tgprofile-field span { color: var(--sp-text); margin-bottom: 8px; }
:root .tgprofile-modal .tgprofile-field :is(input, textarea),
:root .tgsec-modal .tgsec-input,
:root .tg-tag-panel input { min-height: 42px; padding: 10px 12px; border: 1px solid transparent; border-radius: 10px; background: var(--sp-bg-muted); color: var(--sp-text); font-size: 14px; line-height: 1.5; }
:root .tgprofile-field textarea { min-height: 96px; }
:root :is(.tgprofile-field input, .tgprofile-field textarea, .tgsec-input, .tg-tag-panel input):focus-visible { background: var(--sp-bg-elevated); outline: 2px solid var(--sp-highlight); outline-offset: 2px; border-color: transparent; }
:root :is(.tgprofile-modal, .tgsec-modal, .tg-tag-panel) :is(.tgprofile-note, .tgprofile-sub, .tgsec-note, .tgsec-sub, .tgsec-label, .tg-tag-hint) { color: var(--sp-text-muted); font-size: 13px; line-height: 1.65; }
:root :is(.tgprofile-modal, .tgsec-modal, .tg-tag-panel) :is(.tgprofile-btn, .tgsec-btn, .tg-tag-actions button) { min-height: 40px; padding: 9px 14px; border-color: transparent; border-radius: 10px; background: var(--sp-bg-muted); color: var(--sp-text); font-size: 13px; line-height: 1.5; }
:root :is(.tgprofile-btn-primary, .tgsec-primary, .tg-tag-actions button[data-ok]) { background: var(--sp-text); color: var(--sp-bg-elevated); border-color: transparent; }
:root :is(.tgprofile-remove, .tgsec-danger) { background: color-mix(in srgb, var(--sp-danger) 8%, var(--sp-bg-elevated)); color: var(--sp-danger); }
:root .tgsec-modal .tgsec-section { padding: 20px; border-color: transparent; border-radius: 12px; background: color-mix(in srgb, var(--sp-bg-muted) 40%, var(--sp-bg-elevated)); }
:root .tgsec-modal .tgsec-status { border-color: transparent; background: var(--sp-bg-muted); border-radius: 12px; }
:root .tgsec-section h3 { font-size: 15px; margin-bottom: 16px; }
:root .tgsec-fields { gap: 16px; }
:root .tgsec-modal .tgsec-field label { font-size: 13px; color: var(--sp-text); }
:root .tgprofile-row { align-items: flex-start; }
:root .tgprofile-file { max-width: 100%; font-size: 13px; color: var(--sp-text-muted); }
:root .tgprofile-note { margin-block: 8px; }
:root .tgprofile-actions { gap: 12px; }
:root .tg-tag-panel { padding: 20px; }
:root .tg-tag-actions { margin-top: 16px; gap: 12px; }
:root .tg-tag-preview span { background: var(--sp-bg-muted); color: var(--sp-text); }
:root .tgsp-inline-remark .tgsp-remark-edit textarea { min-height: 80px; padding: 10px 12px; border-color: transparent; border-radius: 10px; background: var(--sp-bg-muted); color: var(--sp-text); font-size: 14px; line-height: 1.5; }
:root .tgsp-inline-remark .tgsp-remark-actions button { min-height: 40px; padding: 9px 14px; border: 1px solid transparent; border-radius: 10px; background: var(--sp-bg-muted); color: var(--sp-text); font-size: 13px; }
:root .tgsp-inline-remark .tgsp-remark-actions button.primary { background: var(--sp-text); color: var(--sp-bg-elevated); }
:root .tgsp-inline-remark .tgsp-remark-count { color: var(--sp-text-muted); font-size: 12px; }
:root .tgsp-inline-remark .tgsp-remark-edit textarea:focus-visible { outline: 2px solid var(--sp-highlight); outline-offset: 2px; border-color: transparent; }
/* Nested settings, task forms and explanatory notes. */
:root .ui-help { color: var(--sp-text-muted); font-size: 13px; line-height: 1.65; margin-top: 8px; }
:root :is(main, [role="dialog"]) .text-\[10px\] { font-size: 12px; line-height: 1.65; }
:root [role="dialog"] :is(.text-\[11px\], p.text-\[10px\]) { font-size: 13px; line-height: 1.65; }
:root [role="dialog"] .ui-form-step-num { font-size: 12px; }
:root [role="dialog"] :is(.ui-helper, .ui-note) { font-size: 13px; }
:root [role="dialog"] .ui-form-section { padding: 20px; }
:root [role="dialog"] .ui-form-step { align-items: center; gap: 10px; }
:root [role="dialog"] .ui-form-step h4 { font-size: 14px; line-height: 1.5; }
:root [role="dialog"] .ui-form-section :is(.ui-label, .ui-helper) { font-weight: 400; }
:root [role="dialog"] .ui-form-section .ui-helper { line-height: 1.65; }
:root [role="dialog"] .ui-note { border-color: transparent; border-radius: 10px; line-height: 1.65; }
:root [role="dialog"]:has(#task-form-name) { --sp-task-field: #ffffff; --sp-task-field-edge: #c7d4e5; }
:root.dark [role="dialog"]:has(#task-form-name) { --sp-task-field: #334761; --sp-task-field-edge: #566f91; }
:root [role="dialog"]:has(#task-form-name) .ui-form-section :is(.ui-input, .ui-select-trigger) { background: var(--sp-task-field); border-color: var(--sp-task-field-edge); }
:root [role="dialog"]:has(#task-form-name) .ui-form-section :is(.ui-input, .ui-select-trigger):hover { background: color-mix(in srgb, var(--sp-task-field) 92%, var(--sp-text-muted)); }
:root [role="dialog"]:has(#task-form-name) .ui-form-section :is(.ui-input, .ui-select-trigger):focus-visible { background: var(--sp-task-field); border-color: var(--sp-highlight); }
:root [role="dialog"]:has(#task-form-name) .ui-form-section .p-3.border .row-start-1 > button { min-width: 36px; min-height: 36px; border-radius: 8px; color: var(--sp-text-muted); }
:root [role="dialog"]:has(#task-form-name) .ui-form-section-accent button.border { min-height: 40px; padding: 8px 12px; border-color: transparent; border-radius: 10px; background: var(--sp-bg-elevated); color: var(--sp-text-muted); }
:root [role="dialog"]:has(#task-form-name) .ui-form-section-accent button.border.ui-selection { border-color: var(--sp-highlight); background: var(--sp-highlight-soft); color: var(--sp-text); }
:root [id^="settings-panel-"] .p-3.border,
:root [role="dialog"] .p-3.border { border-color: transparent; border-radius: 12px; background: var(--sp-bg-muted); padding: 16px; }
:root [id^="settings-panel-"] .p-3.border .ui-input { background: var(--sp-bg-elevated); }
:root [data-testid="settings-tabs"] { gap: 8px; padding: 8px; }
:root [data-testid="settings-tabs"] button { min-height: 40px; border-radius: 10px; }
:root .tg-manager-content-form { border-color: transparent; border-radius: 12px; padding: 16px; }
:root .tg-manager-content-form :is(input:not([type="checkbox"]),textarea) { background: var(--sp-bg-elevated); }
:root :is(.tg-manager-photo-form,.tg-manager-content-form) input[type="file"] { font-size: 13px; border: 0; color: var(--sp-text-muted); padding: 8px; }
:root :is(.tg-manager-page,.tg-manager-dialog) input[type="file"]::file-selector-button { padding: 8px 12px; margin-right: 10px; border: 0; border-radius: 8px; background: var(--sp-bg-muted); color: var(--sp-text); font-size: 13px; }
:root .tg-manager-item { border-color: transparent; background: color-mix(in srgb, var(--sp-bg-muted) 40%, var(--sp-bg-elevated)); padding: 14px; }
:root .tg-manager-item.selected { border-color: transparent; }
:root .tg-manager-help { font-size: 13px; line-height: 1.65; }
:root .tg-manager-detail-card .tg-manager-section-nav { border-radius: 12px 12px 0 0; }
@media (max-width: 680px) {
  :root :is(.tgprofile-field input,.tgprofile-field textarea,.tgsec-modal .tgsec-input,.tg-tag-panel input) { font-size: 16px; }
  :root .tgprofile-modal .tgprofile-field :is(input,textarea) { font-size: 16px; }
  :root .tgsp-inline-remark .tgsp-remark-edit textarea { font-size: 16px; }
  :root .tgsec-modal .tgsec-section { padding: 16px; }
  :root [role="dialog"] .ui-form-section { padding: 16px; }
  :root .tgprofile-row > div { min-width: 0; }
  :root .tgprofile-actions { flex-wrap: wrap; }
}
:root .tgprofile-overlay .tgprofile-modal,
:root .tgsec-overlay .tgsec-modal { background: var(--sp-bg-elevated); color: var(--sp-text); }
:root .tgprofile-modal .tgprofile-btn-primary { background: var(--sp-text); color: var(--sp-bg-elevated); }
:root .tgprofile-modal .tgprofile-remove { background: color-mix(in srgb, var(--sp-danger) 8%, var(--sp-bg-elevated)); color: var(--sp-danger); }
:root .tg-manager-invite-form { border-color: transparent; border-radius: 12px; background: var(--sp-bg-muted); padding: 16px; }
:root .tg-manager-invite-form :is(input:not([type="checkbox"]),select) { background: var(--sp-bg-elevated); }
:root .tgsec-input:focus-visible { box-shadow: none; }
:root .tgsec-modal .tgsec-head { border-color: var(--sp-border); }
@media (max-width: 639px) {
  :root [role="dialog"]:has(#task-form-name) .ui-form-section .p-3.border .row-start-1 { grid-column: 2; }
}
@media (max-width: 360px) {
  :root [role="dialog"]:has(#task-form-name) .ui-form-section .p-3.border:has(.row-start-1) { grid-template-columns: minmax(0, 1fr); }
  :root [role="dialog"]:has(#task-form-name) .ui-form-section .p-3.border > .col-span-2 { grid-column: 1; }
  :root [role="dialog"]:has(#task-form-name) .ui-form-section .p-3.border .row-start-1 { grid-column: 1; grid-row: 3; justify-self: end; }
}
@media (max-width: 680px) {
  :root .tgprofile-modal, :root .tgsec-modal { border-radius: 16px 16px 0 0; }
  :root .tgprofile-file { width: 100%; }
  :root .tg-manager-section-nav { margin-top: -16px; margin-inline: -16px; padding-inline: 16px; flex-wrap: wrap; overflow-x: visible; }
}
/* ==== /assets/account-layout-modal-20261001.css ==== */
/* Account card layout and neutral modal backdrops. */
@media (min-width: 1024px) {
  :root .account-view-grid[data-account-view="card"] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

:root .tgprofile-overlay,
:root .tgsec-overlay {
  background: rgba(0, 0, 0, .62);
}
/* ==== /assets/chat-center-polish-20261001.css ==== */
/* Chat center performance and state affordances. */
[data-tgsp-account] {
  overscroll-behavior-y: contain;
}

[data-tgsp-account] > [data-tgsp-msg] {
  content-visibility: auto;
  contain-intrinsic-size: 0 84px;
}

[data-tgsp-account][data-tgsp-account] article[class*="dark:bg-sky-950"] {
  background-color: var(--sp-bg-elevated) !important;
  border-color: var(--sp-border) !important;
}

[data-tgsp-account][data-tgsp-account] [data-testid^="chat-private-button-"] {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--sp-text-muted) !important;
}

[data-tgsp-account][data-tgsp-account] [data-testid^="chat-private-button-"] > span:first-child {
  background: transparent !important;
  color: inherit !important;
}

section[class*="md:w-[340px]"] button[data-tgsp-unread="1"] {
  position: relative;
  box-shadow: inset 3px 0 0 var(--sp-highlight);
}


.tgsp-ca-pin-icon {
  display: inline-block;
  margin-left: .35rem;
  color: var(--sp-text-muted);
  font-size: .7em;
  line-height: 1;
  vertical-align: middle;
}

.tgsp-ca-rich-toolbar {
  display: flex;
  align-items: center;
  gap: .25rem;
  margin: 0 0 .45rem;
  min-height: 1.7rem;
  overflow-x: auto;
}

.tgsp-ca-rich-hint {
  flex: 0 0 auto;
  margin-right: .15rem;
  color: var(--sp-text-muted);
  font-size: .72rem;
  font-weight: 650;
}

.tgsp-ca-rich-intro {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 18rem;
  overflow: hidden;
  color: var(--sp-text-muted);
  font-size: .68rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tgsp-ca-rich-btn {
  flex: 0 0 auto;
  min-width: 1.7rem;
  height: 1.55rem;
  padding: 0 .35rem;
  border: 1px solid var(--sp-border);
  border-radius: .32rem;
  background: var(--sp-bg-muted);
  color: var(--sp-text-muted);
  font: inherit;
  font-size: .7rem;
  cursor: pointer;
}

.tgsp-ca-rich-btn:hover {
  border-color: var(--sp-border-strong);
  background: var(--sp-bg-elevated);
  color: var(--sp-text);
}

.tgsp-ca-rich-body a {
  color: var(--sp-link);
  text-decoration: underline;
  text-decoration-color: var(--sp-border-strong);
}

.tgsp-ca-rich-body blockquote {
  margin: .25rem 0;
  padding-left: .55rem;
  border-left: 2px solid var(--sp-border-strong);
  color: var(--sp-text-muted);
}

.tgsp-ca-spoiler {
  border-radius: .18rem;
  background: var(--sp-text);
  color: transparent;
  cursor: pointer;
}

.tgsp-ca-spoiler:hover,
.tgsp-ca-spoiler:focus {
  color: var(--sp-bg);
}

.dark .tg-stage [data-tgsp-account] [data-tgsp-msg]:not(.tg-stage-service) > article {
  background: var(--sp-bg-elevated) !important;
}

.dark .tg-stage > .tg-stage-pin {
  background: var(--sp-bg-muted) !important;
}

.tgsp-ca-rich-body strong,
.tgsp-ca-rich-body b {
  font-weight: 700;
}

.tgsp-ca-rich-body code,
.tgsp-ca-rich-body pre {
  background: var(--sp-bg-muted);
  border-radius: .25rem;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.tgsp-ca-rich-body code { padding: .1rem .25rem; }
.tgsp-ca-rich-body pre { padding: .5rem; overflow-x: auto; }
/* ==== /assets/private-bot-20261001.css ==== */
.dm-page{max-width:1280px;margin:0 auto;padding:28px;color:var(--ui-text,#263449)}
.dm-heading,.dm-card-head,.dm-topic{display:flex;align-items:center;justify-content:space-between;gap:16px}
.dm-heading{margin-bottom:22px}.dm-heading h2{font-size:28px;font-weight:700;margin:0 0 8px}.dm-heading p,.dm-muted{color:#718097;font-size:14px;line-height:1.7;margin:0}
.dm-card{background:var(--ui-card,#fff);border:1px solid var(--ui-border,#e4e9f0);border-radius:18px;padding:24px;margin-bottom:20px}
.dm-card h3{font-size:18px;font-weight:650;margin:0 0 14px}.dm-card-head h3{margin:0}.dm-card-head{margin-bottom:18px}
.dm-pickers,.dm-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dm-grid{align-items:start}.dm-pickers .dm-field{margin:0}
.dm-flow{display:flex;gap:8px;margin-bottom:20px}.dm-flow span{flex:1;padding:12px 16px;border-radius:12px;background:#eaf0f7;color:#6b7c94;font-size:13px}.dm-flow .current{background:#ddeafb;color:#3268ad;font-weight:600}
.dm-field{display:flex;flex-direction:column;gap:8px;margin:18px 0;font-size:14px}.dm-field>span{font-weight:550}
.dm-field input,.dm-field select{width:100%;height:42px;padding:0 12px;border:1px solid #dce3ec;border-radius:9px;background:#f8fafc;color:inherit;font:inherit}.dm-field input:focus,.dm-field select:focus{outline:2px solid #91b7ee;outline-offset:1px}
.dm-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dce3ec;border-radius:9px;padding:9px 14px;background:#fff;color:#5c708a;font-size:13px;white-space:nowrap;cursor:pointer;text-decoration:none}.dm-button.primary{background:#3c76be;border-color:#3c76be;color:#fff}.dm-button:disabled,.dm-field :disabled{opacity:.55;cursor:default}
.dm-check{display:flex;align-items:center;gap:10px;font-size:14px;margin:20px 0}.dm-check input{width:17px;height:17px;accent-color:#3c76be}.dm-guide ol{padding-left:22px;font-size:14px;line-height:1.85}.dm-guide li{margin-bottom:12px}.dm-guide a{display:inline-block;margin-top:18px;font-size:13px;color:#467ebc}
.dm-status{font-size:12px;padding:5px 10px;border-radius:20px;background:#edf0f4;color:#78859a}.dm-status.on{background:#e1f5ed;color:#248b68}
.dm-empty{text-align:center;padding:32px 20px;color:#718097;font-size:14px;line-height:1.8}.dm-empty h3{color:inherit}.dm-empty .dm-button{margin-top:16px}
.dm-notice{padding:12px 16px;background:#e5f5ee;border-radius:9px;color:#287452;font-size:14px;margin:0 0 20px}.dm-notice.error,.dm-warning{background:#fff1ed;color:#b05f47}.dm-warning{padding:10px;border-radius:8px;font-size:13px;margin:12px 0}
.dm-topic{padding:16px 0;border-top:1px solid #edf0f4}.dm-topic strong{font-size:14px}.dm-actions{display:flex;gap:8px}.dm-modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:80;padding:20px}.dm-modal{width:min(460px,100%);margin:0}.dm-modal p{font-size:14px;line-height:1.8;margin:16px 0 24px}.dm-modal .dm-actions{justify-content:flex-end}
.dark .dm-page{color:#d7d7dc}.dark .dm-card{background:#1b1b1e;border-color:#303034}.dark .dm-muted,.dark .dm-heading p,.dark .dm-empty{color:#9797a0}.dark .dm-field input,.dark .dm-field select,.dark .dm-button{background:#252528;border-color:#3a3a40;color:#d1d1d8}.dark .dm-button.primary{background:#3c76be;border-color:#3c76be;color:#fff}.dark .dm-flow span{background:#252528;color:#a0a0aa}.dark .dm-flow .current{background:#273850;color:#afcbed}.dark .dm-topic{border-color:#303034}.dark .dm-status{background:#2b2b30;color:#a6a6b0}.dark .dm-status.on,.dark .dm-notice{background:#223d32;color:#9fd4b9}.dark .dm-notice.error,.dark .dm-warning{background:#402c29;color:#e0ac9b}
@media(max-width:800px){.dm-page{padding:18px}.dm-pickers,.dm-grid{grid-template-columns:1fr}.dm-card{padding:18px}.dm-heading{align-items:flex-start}.dm-heading h2{font-size:24px}.dm-flow span{padding:10px 8px;font-size:12px}.dm-topic{flex-wrap:wrap}.dm-heading .dm-button{padding:8px 10px}}
/* ==== /assets/ui-refresh-20261002.css ==== */
/* TG UI refresh 2026-10-02
   Warm paper surfaces, quiet ink actions, and consistent light/dark states.
   No component behavior is changed by this stylesheet. */
:root {
  color-scheme: light;
  --sp-bg: #f4f1ea;
  --sp-bg-elevated: #fdfcf8;
  --sp-bg-muted: #efede6;
  --sp-bg-elevated-2: #fdfcf8;
  --sp-border: #e0ddd4;
  --sp-border-strong: #c5c3b9;
  --sp-text: #24231f;
  --sp-text-muted: #5c5a55;
  --sp-accent: #9e4f61;
  --sp-button: #35332e;
  --sp-button-text: #fefefb;
  --sp-button-hover: #4a4740;
  --sp-accent-soft: #f5e9ec;
  --sp-highlight: #9e4f61;
  --sp-highlight-soft: #f5e9ec;
  --sp-card-edge: #e0ddd4;
  --sp-shadow-sm: 0 5px 20px rgb(70 56 35 / .055);
  --sp-shadow-md: 0 4px 24px rgb(36 35 31 / .06);
  --sp-canvas-glow: transparent;
  --sp-canvas-glow-alt: transparent;
  --sp-background-art: radial-gradient(ellipse 65% 48% at 94% 6%, rgb(201 152 164 / .04), transparent 72%), radial-gradient(ellipse 58% 48% at 8% 96%, rgb(214 190 160 / .06), transparent 72%);
  --sp-canvas-line: rgb(158 79 97 / .02);
  --sp-radius: 16px;
  --sp-radius-sm: 10px;
  --sp-bg-card: #fdfcf8;
  --sp-surface: #fdfcf8;
  --sp-muted: #5c5a55;
  --sp-link: #9e4f61;
  --sp-success: #087f5b;
  --sp-warning: #946200;
  --sp-danger: #be123c;
  --tg-card-bg: #fdfcf8;
}
:root.dark {
  color-scheme: dark;
  --sp-bg: #161517;
  --sp-bg-elevated: #232225;
  --sp-bg-muted: #2b2a2d;
  --sp-bg-elevated-2: #29292b;
  --sp-border: #3b3b3e;
  --sp-border-strong: #59585c;
  --sp-text: #eeede8;
  --sp-text-muted: #b1afa9;
  --sp-accent: #e095a4;
  --sp-button: #e8e5db;
  --sp-button-text: #24231f;
  --sp-button-hover: #fffdf5;
  --sp-accent-soft: #392d33;
  --sp-highlight: #e5a6b3;
  --sp-highlight-soft: #392d33;
  --sp-card-edge: #3b3b3e;
  --sp-shadow-sm: 0 4px 24px rgb(0 0 0 / .08);
  --sp-shadow-md: 0 4px 24px rgb(0 0 0 / .12);
  --sp-canvas-glow: transparent;
  --sp-canvas-glow-alt: transparent;
  --sp-background-art: radial-gradient(ellipse 65% 48% at 94% 6%, rgb(155 100 115 / .06), transparent 72%), radial-gradient(ellipse 58% 48% at 8% 96%, rgb(179 155 126 / .025), transparent 72%);
  --sp-canvas-line: rgb(229 166 179 / .025);
  --sp-bg-card: #232225;
  --sp-surface: #232225;
  --sp-muted: #b1afa9;
  --sp-link: #e5a6b3;
  --sp-success: #45c996;
  --sp-warning: #e2b75f;
  --sp-danger: #f17b88;
  --tg-card-bg: #232225;
}

/* Canvas and chrome */
html, body {
  background: var(--sp-bg) !important;
  color: var(--sp-text);
}
body {
  background-image: var(--sp-background-art) !important;
  background-attachment: fixed;
  isolation: isolate;
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  letter-spacing: 0;
}
/* Original CSS contour drawing: a quiet corner motif, behind all content. */
body::before {
  content: "";
  position: fixed;
  z-index: -1;
  pointer-events: none;
  top: -110px;
  right: -130px;
  width: 720px;
  height: 520px;
  border-radius: 50%;
  background: repeating-radial-gradient(ellipse at 62% 42%, transparent 0 32px, var(--sp-canvas-line) 33px 34px, transparent 35px 58px);
  mask-image: radial-gradient(ellipse, #000 30%, transparent 72%);
  transform: rotate(-18deg);
}
@media (max-width: 680px) { body::before { display: none; } }
main { color: var(--sp-text); }
main :is(h1, h2, h3, h4, h5, h6) { color: var(--sp-text); letter-spacing: -.01em; }
main :is(.text-gray-400, .text-gray-500, .text-gray-600, .text-slate-500, .text-slate-600) {
  color: var(--sp-text-muted);
}
main :is(.text-gray-900, .text-gray-800, .text-gray-700, .text-slate-900, .text-slate-800, .text-slate-700) {
  color: var(--sp-text);
}
.dark main :is(.text-gray-400, .text-gray-500, .text-gray-600, .text-gray-700, .text-slate-500, .text-slate-600) {
  color: var(--sp-text-muted);
}
.dark main :is(.text-gray-900, .text-gray-800, .text-gray-700, .text-slate-900, .text-slate-800, .text-slate-700) {
  color: var(--sp-text);
}
main :is(a, button):not([disabled]) { transition: color .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease, opacity .16s ease; }
#app :is(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--sp-highlight);
  outline-offset: 3px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--sp-highlight) 18%, transparent);
}

/* Sidebar and top bar */
aside.ui-sidebar {
  width: 228px !important;
  background: var(--sp-bg-elevated) !important;
  border-color: var(--sp-border) !important;
  box-shadow: 1px 0 0 rgb(16 24 40 / .02);
}
aside.ui-sidebar > div:first-child {
  height: 64px !important;
  padding-inline: 18px !important;
  border-color: var(--sp-border) !important;
}
aside.ui-sidebar nav { padding: 12px 10px 14px !important; gap: 3px !important; }
:root aside.ui-sidebar nav a {
  height: 42px !important;
  border-radius: 10px !important;
  color: var(--sp-text-muted) !important;
  background: transparent !important;
}
:root aside.ui-sidebar nav a:hover {
  color: var(--sp-text) !important;
  background: var(--sp-bg-muted) !important;
}
:root aside.ui-sidebar nav a.ui-nav-active {
  color: var(--sp-accent) !important;
  background: var(--sp-highlight-soft) !important;
  box-shadow: none !important;
}
aside.ui-sidebar nav a.ui-nav-active svg { color: var(--sp-accent) !important; opacity: 1 !important; }
aside.ui-sidebar .ui-brand-mark {
  width: 32px !important; height: 32px !important;
  border-radius: 9px !important;
  background: var(--sp-text) !important;
  color: var(--sp-bg-elevated) !important;
  box-shadow: none !important;
}
aside.ui-sidebar .font-mono {
  color: var(--sp-text) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}
aside.ui-sidebar .text-gray-400 { color: var(--sp-text-muted) !important; }
main[class~="lg:pl-64"] { padding-left: 228px !important; }
:root { --sp-header-h: 60px; }
header.ui-header-glass {
  height: 60px !important;
  background: color-mix(in srgb, var(--sp-bg-elevated) 94%, transparent) !important;
  border-color: var(--sp-border) !important;
  box-shadow: 0 1px 0 rgb(16 24 40 / .03);
  backdrop-filter: blur(14px);
}
header.ui-header-glass .ui-content-shell { max-width: none !important; }
header.ui-header-glass h1 {
  color: var(--sp-text) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}
header.ui-header-glass .ui-icon-btn {
  width: 36px !important; height: 36px !important;
  color: var(--sp-text-muted) !important;
  border-radius: 10px !important;
}
header.ui-header-glass .ui-icon-btn:hover {
  color: var(--sp-text) !important;
  background: var(--sp-bg-muted) !important;
}

/* Shared cards, sections, fields and actions */
main:not(:has([data-tg-chat-shell])) > div.flex-1 { padding: 24px 32px 48px !important; }
.ui-content-shell { max-width: 1280px !important; margin-inline: auto; }
.ui-card, .ui-panel, .ui-form-section, .tg-manager-card, .tg-manager-dialog {
  border-color: var(--sp-border) !important;
  background: var(--sp-bg-elevated) !important;
  color: var(--sp-text) !important;
  box-shadow: var(--sp-shadow-sm) !important;
}
.ui-card, .ui-panel, .tg-manager-card { border-radius: var(--sp-radius) !important; }
.ui-card-hover:hover { border-color: var(--sp-border-strong) !important; box-shadow: var(--sp-shadow-md) !important; transform: translateY(-1px); }
:root :is(.ui-input, .ui-select-trigger, input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea) {
  min-height: 40px;
  border: 1px solid var(--sp-border) !important;
  border-radius: 10px !important;
  background: var(--sp-bg-elevated) !important;
  color: var(--sp-text) !important;
}
:root :is(.ui-input, .ui-select-trigger, input, select, textarea)::placeholder { color: var(--sp-text-muted) !important; opacity: .8; }
:root :is(.ui-input, .ui-select-trigger, input, select, textarea):hover:not(:disabled) { border-color: var(--sp-border-strong) !important; }
:root :is(.ui-input, .ui-select-trigger, input, select, textarea):focus-visible {
  border-color: var(--sp-highlight) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--sp-highlight) 18%, transparent) !important;
}
:root :is(.ui-btn-primary, .tg-manager-button.primary:not(.danger), [data-tg-import-submit], .tgprofile-btn-primary) {
  min-height: 40px;
  border: 1px solid var(--sp-button) !important;
  border-radius: 10px !important;
  background: var(--sp-button) !important;
  color: var(--sp-button-text) !important;
  font-weight: 500;
}
:root :is(.ui-btn-primary, .tg-manager-button.primary:not(.danger), [data-tg-import-submit], .tgprofile-btn-primary):hover:not(:disabled) { background: var(--sp-button-hover) !important; }
:root :is(.ui-btn-secondary, .tg-manager-button:not(.primary):not(.danger), .tg-manager-actions button:not(.danger), [data-tg-import-cancel]) {
  min-height: 40px;
  border: 1px solid var(--sp-border) !important;
  border-radius: 10px !important;
  background: var(--sp-bg-muted) !important;
  color: var(--sp-text) !important;
}
:root :is(.ui-btn-secondary, .tg-manager-button:not(.primary):not(.danger), .tg-manager-actions button:not(.danger), [data-tg-import-cancel]):hover:not(:disabled) {
  border-color: var(--sp-border-strong) !important;
  background: var(--sp-bg-elevated) !important;
}
:is(.ui-btn-primary, .ui-btn-secondary, .tg-manager-button):disabled { opacity: .52; cursor: not-allowed; }
:is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--sp-accent); }

/* Keep status colors readable while standardizing their surfaces. */
:is(.ui-status, .ui-chip, .dm-status) { border-radius: 999px; }
:is(.ui-status-success, .ui-chip-success, .tg-manager-notice:not(.error), .dm-status.on) {
  color: var(--sp-success) !important;
  background: color-mix(in srgb, var(--sp-success) 11%, var(--sp-bg-elevated)) !important;
  border-color: color-mix(in srgb, var(--sp-success) 24%, var(--sp-border)) !important;
}
:is(.ui-status-danger, .ui-chip-danger, .dm-status.error, .tg-manager-notice.error) {
  color: var(--sp-danger) !important;
  background: color-mix(in srgb, var(--sp-danger) 10%, var(--sp-bg-elevated)) !important;
  border-color: color-mix(in srgb, var(--sp-danger) 24%, var(--sp-border)) !important;
}
:is(.ui-status-warning, .ui-chip-warning) {
  color: var(--sp-warning) !important;
  background: color-mix(in srgb, var(--sp-warning) 11%, var(--sp-bg-elevated)) !important;
  border-color: color-mix(in srgb, var(--sp-warning) 24%, var(--sp-border)) !important;
}

/* Dashboard content density and hierarchy */
#tgsp-dashboard-r73 { max-width: 1180px !important; }
#tgsp-dashboard-r73 .sp73-hero { padding-bottom: 18px; border-color: var(--sp-border); }
#tgsp-dashboard-r73 .sp73-hero h1 { color: var(--sp-text); font-size: 26px; font-weight: 500; }
#tgsp-dashboard-r73 .sp73-hero p { color: var(--sp-text-muted); font-size: 13px; }
#tgsp-dashboard-r73 .sp73-live { color: var(--sp-success); background: color-mix(in srgb, var(--sp-success) 9%, var(--sp-bg-elevated)); border-color: color-mix(in srgb, var(--sp-success) 24%, var(--sp-border)); }
#tgsp-dashboard-r73 .sp73-refresh { background: var(--sp-button); border-color: var(--sp-button); color: var(--sp-button-text); border-radius: 10px; }
#tgsp-dashboard-r73 :is(.sp73-stat-grid, .sp73-workspace-grid, .sp73-bottom-grid) { gap: 14px; margin-top: 16px; }
#tgsp-dashboard-r73 .sp73-card { border-radius: var(--sp-radius); box-shadow: var(--sp-shadow-sm); }
#tgsp-dashboard-r73 .sp73-metric { min-height: 128px; padding: 18px; }
#tgsp-dashboard-r73 .sp73-metric-icon, #tgsp-dashboard-r73 .sp73-section-no, #tgsp-dashboard-r73 .sp73-hit-icon {
  color: var(--sp-text-muted); background: var(--sp-bg-muted); border-color: transparent;
}
#tgsp-dashboard-r73 .sp73-metric strong { color: var(--sp-text); font-size: 30px; font-weight: 500; }
#tgsp-dashboard-r73 .sp73-metric-label, #tgsp-dashboard-r73 .sp73-metric small { color: var(--sp-text-muted); }
#tgsp-dashboard-r73 .sp73-panel-head { border-color: var(--sp-border); }
#tgsp-dashboard-r73 .sp73-panel-head h2 { color: var(--sp-text); font-weight: 500; }
#tgsp-dashboard-r73 :is(.sp73-log-row, .sp73-health-row, .sp73-hit-row, .sp73-schedule-row) { border-color: var(--sp-border); }
#tgsp-dashboard-r73 :is(.sp73-log-row, .sp73-hit-row, .sp73-schedule-row):hover { background: var(--sp-accent-soft); }
#tgsp-dashboard-r73 .sp73-active-strip, #tgsp-dashboard-r73 .sp73-empty {
  background: var(--sp-bg-muted); border-color: var(--sp-border);
}
#tgsp-dashboard-r73 .sp73-quick-grid a { background: var(--sp-bg-muted); border-color: var(--sp-border); }
#tgsp-dashboard-r73 .sp73-quick-grid a:hover { color: var(--sp-text); background: var(--sp-bg-elevated); border-color: var(--sp-border-strong); }

/* Tables, account cards, chat and dialog surfaces */
.account-view-grid > [data-account-name], .tg-manager-item, .dm-card, .dm-modal {
  border-color: var(--sp-border) !important;
  background: var(--sp-bg-elevated) !important;
  color: var(--sp-text) !important;
}
.account-view-grid > [data-account-name]:hover, .tg-manager-item:hover { border-color: var(--sp-border-strong) !important; background: var(--sp-bg-muted) !important; }
.tg-manager-section-nav, .tg-manager-content-form, .tg-manager-metrics > div { background: var(--sp-bg-muted) !important; border-color: var(--sp-border) !important; }
[data-tg-chat-shell] { border-color: var(--sp-border) !important; background: var(--sp-bg-elevated) !important; box-shadow: var(--sp-shadow-sm) !important; }
[data-tg-chat-sidebar] { background: var(--sp-bg-elevated) !important; border-color: var(--sp-border) !important; }
[data-tg-chat-sidebar] button:hover { background: var(--sp-bg-muted) !important; }
[data-tg-chat-sidebar] button[aria-current="true"], section[class*="md:w-[340px]"] button[data-tgsp-unread="1"] {
  background: var(--sp-accent-soft) !important;
  box-shadow: inset 3px 0 0 var(--sp-accent) !important;
}
.tg-stage, .tg-stage > *, .tg-stage footer { border-color: var(--sp-border) !important; }
.tg-stage { background: var(--sp-bg) !important; }
.tg-stage footer { background: var(--sp-bg-elevated) !important; }
:is(.tg-manager-overlay, .tgprofile-overlay, .tgsec-overlay, .dm-modal-backdrop) { background: rgb(15 23 42 / .48) !important; }
:is(.tg-manager-dialog, .tgprofile-modal, .tgsec-modal, .dm-modal) { border-radius: 16px !important; }
:is(.tg-manager-dialog, .tgprofile-modal, .tgsec-modal, .dm-modal) :is(h1,h2,h3,h4) { color: var(--sp-text) !important; }
:is(.tg-manager-dialog, .tgprofile-modal, .tgsec-modal, .dm-modal) :is(p,label,small) { color: var(--sp-text-muted) !important; }

/* Explicit component states override the previous dark theme's generic rules. */
:root :is(.tg-manager-button.primary:not(.danger), .dm-button.primary) {
  background: var(--sp-button) !important; border-color: var(--sp-button) !important; color: var(--sp-button-text) !important;
}
:root :is(.tg-manager-button.danger, .tg-manager-actions button.danger, .tg-topic-tools button:not(.tg-channel-refresh), .tg-topic-row button, .tg-topic-confirm button[data-ok]) {
  background: color-mix(in srgb, var(--sp-danger) 9%, var(--sp-bg-elevated)) !important;
  color: var(--sp-danger) !important;
  border-color: color-mix(in srgb, var(--sp-danger) 30%, var(--sp-border)) !important;
}
:root .ui-row-action--positive { color: var(--sp-success) !important; }
:root :is(.ui-row-action:disabled, .ui-row-action.is-disabled) { color: var(--sp-text-muted) !important; opacity: .45; }
:root :is(.ui-chip-sky, .ui-chip-violet, .tg-manager-item.selected, .tg-manager-color-choice.selected, .tg-manager-section-nav button.active, .bot-submenu-item.is-active) {
  color: var(--sp-highlight) !important; background: var(--sp-highlight-soft) !important; border-color: var(--sp-highlight) !important;
}
:root :is(.tg-manager-item-main a, .dm-guide a, .tgsp-topic-entry, .tg-stage article a) { color: var(--sp-link) !important; }
:root .dm-page { color: var(--sp-text); }
:root .dm-card { border-radius: var(--sp-radius); box-shadow: var(--sp-shadow-sm); }
:root :is(.dm-heading p, .dm-muted, .dm-empty) { color: var(--sp-text-muted); }
:root .dm-flow span { color: var(--sp-text-muted); background: var(--sp-bg-muted); }
:root .dm-flow .current { color: var(--sp-highlight); background: var(--sp-highlight-soft); }
:root .dm-button { color: var(--sp-text); background: var(--sp-bg-elevated); border-color: var(--sp-border); }
:root .dm-topic { border-color: var(--sp-border); }
:root .dm-notice:not(.error) { color: var(--sp-success); background: color-mix(in srgb, var(--sp-success) 10%, var(--sp-bg-elevated)); }
:root .dm-notice.error { color: var(--sp-danger); background: color-mix(in srgb, var(--sp-danger) 10%, var(--sp-bg-elevated)); }
:root .dm-warning { color: var(--sp-warning); background: color-mix(in srgb, var(--sp-warning) 10%, var(--sp-bg-elevated)); }
:root .tg-stage [data-tgsp-account] { background: var(--sp-bg) !important; }
:root .tg-stage [data-tgsp-account] [data-tgsp-msg]:not(.tg-stage-service) > article {
  background: var(--sp-bg-elevated) !important; color: var(--sp-text) !important; border: 1px solid var(--sp-border) !important;
}
:root .tg-stage [data-tgsp-account] [data-tgsp-out="1"]:not(.tg-stage-service) > article {
  background: var(--sp-accent-soft) !important; border-color: color-mix(in srgb, var(--sp-highlight) 20%, var(--sp-border)) !important;
}
:root .tg-stage :is(.tg-stage-day span, .tg-stage-older) {
  background: var(--sp-bg-elevated) !important; color: var(--sp-text-muted) !important; border: 1px solid var(--sp-border) !important;
}
:root .tg-stage :is(.tg-stage-topic, .tg-stage-reactions button.is-chosen) { background: var(--sp-accent-soft) !important; color: var(--sp-highlight) !important; }
:root .tg-stage article time { color: var(--sp-text-muted) !important; }
:root main:has([data-tg-chat-shell]) .ui-content-shell { max-width: none !important; }
@media (min-width: 1024px) {
  :root main:has([data-tg-chat-shell]) [data-tg-chat-shell] { height: calc(100dvh - 60px - 28px) !important; }
}

/* Small screens retain readable touch targets and remove desktop offsets. */
@media (max-width: 1023px) {
  main[class~="lg:pl-64"] { padding-left: 0 !important; }
  main:not(:has([data-tg-chat-shell])) > div.flex-1 { padding: 18px 16px 32px !important; }
  aside.ui-sidebar { width: min(292px, 88vw) !important; }
}
@media (max-width: 680px) {
  :root { --sp-header-h: 56px; }
  header.ui-header-glass { height: 56px !important; }
  main:not(:has([data-tg-chat-shell])) > div.flex-1 { padding: 16px 12px 28px !important; }
  #tgsp-dashboard-r73 .sp73-hero h1 { font-size: 24px; }
  #tgsp-dashboard-r73 .sp73-metric { min-height: 132px; padding: 15px; }
  :is(.ui-btn-primary, .ui-btn-secondary, .tg-manager-button) { min-height: 42px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Workbench hierarchy */
:root aside.ui-sidebar nav .sp-nav-group-label {
  padding: 18px 12px 6px;
  color: var(--sp-text-muted);
  font-size: 11px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: .08em;
}
:root aside.ui-sidebar nav .sp-nav-group-label:first-child { padding-top: 4px; }
:root aside.ui-sidebar nav a.ui-nav-active::before { display: none; }
:root aside.ui-sidebar nav a.ui-nav-active { color: var(--sp-highlight) !important; }
:root aside.ui-sidebar nav a.ui-nav-active svg { color: var(--sp-highlight) !important; }
:root header.ui-header-glass h1 {
  position: static !important; width: auto !important; height: auto !important;
  margin: 0 !important; padding: 0 !important; overflow: hidden !important;
  clip: auto !important; white-space: nowrap !important;
}
:root aside.ui-sidebar > div:last-child { border-color: var(--sp-border); }
:root aside.ui-sidebar > div:last-child button { color: var(--sp-text-muted) !important; background: transparent !important; }
:root aside.ui-sidebar > div:last-child button:hover { background: var(--sp-bg-muted) !important; color: var(--sp-text) !important; }
:root .ui-form-section { box-shadow: none !important; background: var(--sp-bg-muted) !important; }
:root .ui-row-action { border-radius: 9px; }
:root .ui-row-action:not(:disabled):hover { background: var(--sp-bg-muted) !important; }
:root .ui-btn-danger { color: var(--sp-danger) !important; background: color-mix(in srgb, var(--sp-danger) 9%, var(--sp-bg-elevated)) !important; border: 1px solid color-mix(in srgb, var(--sp-danger) 30%, var(--sp-border)) !important; border-radius: 10px; }
:root :is(.ui-btn-primary, .ui-btn-secondary, .ui-btn-danger, .tg-manager-button, .dm-button):disabled {
  background: var(--sp-bg-muted) !important; color: var(--sp-text-muted) !important; border-color: var(--sp-border) !important; opacity: .6;
}
:root.dark .tg-manager-notice:not(.error) { color: var(--sp-success) !important; background: color-mix(in srgb, var(--sp-success) 10%, var(--sp-bg-elevated)) !important; }
:root .tg-manager-notice { border-radius: 10px; }
:root .bot-submenu-item.is-active::before { background: var(--sp-highlight) !important; }
:root .tg-stage .tg-stage-older { border: 0 !important; }
:root .tg-stage [data-tgsp-msg].tg-stage-service > article { background: transparent !important; border: 0 !important; box-shadow: none !important; }
:root [data-tg-chat-sidebar] > .overflow-y-auto > button[data-tgsp-dialog] {
  border-radius: 10px !important; margin-block: 2px; box-shadow: none !important;
  background: transparent !important;
}
:root [data-tg-chat-sidebar] > .overflow-y-auto > button[data-tgsp-dialog]:hover { background: var(--sp-bg-muted) !important; }
:root [data-tg-chat-sidebar] > .overflow-y-auto > button[data-tgsp-dialog].border-sky-200 {
  background: var(--sp-highlight-soft) !important;
}
:root .dm-page { max-width: 1180px; padding: 0; }
:root .dm-heading h2 { font-size: 26px; font-weight: 500; }
:root .dm-flow { gap: 0; padding: 5px; background: var(--sp-bg-muted); border: 1px solid var(--sp-border); border-radius: 10px; }
:root .dm-flow span { border-radius: 9px; background: transparent; }
:root .dm-flow .current { color: var(--sp-highlight); background: var(--sp-bg-elevated); box-shadow: 0 1px 3px #0001; }
:root .dm-card { margin-bottom: 16px; padding: 22px; }
:root .dm-card h3 { font-size: 16px; }
:root .dm-pickers, :root .dm-grid { gap: 18px; }
@media (min-width: 1100px) {
  #tgsp-dashboard-r73 { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(300px, 1fr); gap: 18px; }
  #tgsp-dashboard-r73 > .sp73-hero, #tgsp-dashboard-r73 > .sp73-stat-grid, #tgsp-dashboard-r73 > .sp73-footer { grid-column: 1 / -1; }
  #tgsp-dashboard-r73 > .sp73-workspace-grid, #tgsp-dashboard-r73 > .sp73-bottom-grid { display: contents; }
  #tgsp-dashboard-r73 .sp73-panel--activity { grid-column: 1; grid-row: 3 / 5; }
  #tgsp-dashboard-r73 .sp73-panel--side { grid-column: 2; grid-row: 3; }
  #tgsp-dashboard-r73 .sp73-bottom-grid > .sp73-panel:first-child { grid-column: 1 / -1; grid-row: 5; }
  #tgsp-dashboard-r73 .sp73-bottom-grid > .sp73-panel:last-child { grid-column: 2; grid-row: 4; }
  #tgsp-dashboard-r73 .sp73-stat-grid { margin-top: 0; }
  #tgsp-dashboard-r73 .sp73-hit-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }
  #tgsp-dashboard-r73 .sp73-side-quick { margin-top: 12px; }
  #tgsp-dashboard-r73 .sp73-log-row { min-height: 76px; }
}
@media (max-width: 680px) {
  :root .dm-card { padding: 16px; }
  :root .dm-heading { flex-wrap: wrap; gap: 12px; }
  :root .dm-flow span { padding: 10px 6px; }
  :root header.ui-header-glass .ui-icon-btn { width: 40px !important; height: 40px !important; }
  :root [data-tg-chat-shell] { height: calc(100dvh - 56px) !important; }
}
/* Final density adjustments verified against the live account and dashboard DOM. */
:root #tgsp-dashboard-r73 .sp73-refresh,
:root.dark #tgsp-dashboard-r73 .sp73-refresh {
  color: var(--sp-button-text) !important;
  background: var(--sp-button) !important;
  border-color: var(--sp-button) !important;
}
:root #tgsp-dashboard-r73 .sp73-refresh:hover:not(:disabled) { background: var(--sp-button-hover) !important; }
:root .account-view-grid:not([data-account-view="list"]) > [data-account-name] { padding: 18px; }
:root .account-view-grid:not([data-account-view="list"]) [data-tg-part="details"] {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 12px; row-gap: 8px; margin-bottom: 12px; padding-top: 12px;
  border-color: var(--sp-border);
}
:root .account-view-grid:not([data-account-view="list"]) [data-tg-part="details"] > [data-tg-part] {
  display: grid; grid-template-columns: 16px minmax(0, 1fr); align-content: start;
  min-height: 42px; gap: 3px 6px; margin: 0;
}
:root .account-view-grid:not([data-account-view="list"]) [data-tg-part="details"] > [data-tg-part] > span:last-child { grid-column: 2; }
:root .account-view-grid:not([data-account-view="list"]) [data-tg-part="actions"] { border-color: var(--sp-border); padding-top: 10px; }
:root .account-view-grid:not([data-account-view="list"]) .ui-row-action { min-height: 40px; padding: 5px 3px; }
:root .account-view-grid .ui-row-action--danger { background: transparent !important; }
:root .account-view-grid .ui-row-action--danger:hover:not(:disabled) { background: color-mix(in srgb, var(--sp-danger) 10%, var(--sp-bg-elevated)) !important; }
@media (min-width: 1100px) {
  #tgsp-dashboard-r73 .sp73-panel { align-self: start; }
  #tgsp-dashboard-r73 .sp73-panel--activity { grid-row: 3; }
  #tgsp-dashboard-r73 .sp73-bottom-grid > .sp73-panel:first-child { grid-column: 1; grid-row: 4; }
  #tgsp-dashboard-r73 .sp73-bottom-grid > .sp73-panel:last-child { grid-row: 4; }
  #tgsp-dashboard-r73 .sp73-hit-list { display: block; }
  #tgsp-dashboard-r73 .sp73-log-row { min-height: 64px; }
}

/* Rounded hover surfaces use the same contour as their resting state. */
:root :is(.ui-icon-btn, .ui-row-action, .ui-row-action--stack, .ui-select-option, .tg-account-tools button, .tg-account-tools select) { border-radius: 10px !important; }
:root #tgsp-dashboard-r73 :is(.sp73-log-row, .sp73-hit-row, .sp73-schedule-row, .sp73-health-row, .sp73-run-row) { border-radius: 10px; }
:root #tgsp-dashboard-r73 :is(.sp73-log-row, .sp73-hit-row, .sp73-schedule-row) { padding-inline: 9px; }
:root .ui-chip-sky { color: var(--sp-highlight) !important; background: var(--sp-highlight-soft) !important; }
:root .ui-selection { background: var(--sp-highlight-soft) !important; border-color: var(--sp-highlight) !important; color: var(--sp-text) !important; border-radius: 10px !important; }
:root .ui-fab { color: var(--sp-button-text) !important; background: var(--sp-button) !important; border-color: var(--sp-button) !important; }
:root .ui-switch-on { background: var(--sp-accent) !important; border-color: var(--sp-accent) !important; }
:root .ui-switch-on .ui-switch-knob { background: #fefefb !important; }
:root .tg-manager-item { border-radius: 12px !important; }
:root .tg-manager-section-nav button { border-radius: 10px !important; }
:root .tg-stage footer { border-radius: 0 0 16px 16px; }

/* Editorial headings and a single quiet accent, following the Yohaku reference. */
:root #tgsp-dashboard-r73 .sp73-hero h1,
:root .dm-heading h2,
:root .tg-manager-heading h2 { font-family: "Noto Serif CJK SC", "Source Han Serif SC", "Songti SC", "STSong", Georgia, serif; font-weight: 500; letter-spacing: .01em; }
:root main :is(.font-bold, .font-semibold) { font-weight: 500; }
:root ::selection { background: var(--sp-highlight-soft); color: var(--sp-text); }

/* Exact legacy accent utilities, with hover/focus applied only in those states. */
:root .bg-sky-50,
:root .bg-sky-50\/60,
:root .bg-sky-50\/70,
:root .bg-violet-50,
:root .bg-violet-50\/50,
:root .bg-violet-50\/60,
:root.dark .dark\:bg-sky-500,
:root.dark .dark\:bg-sky-500\/10,
:root.dark .dark\:bg-sky-950\/30,
:root.dark .dark\:bg-sky-950\/35,
:root.dark .dark\:bg-sky-950\/40,
:root.dark .dark\:bg-violet-500,
:root.dark .dark\:bg-violet-500\/10,
:root.dark .dark\:bg-violet-950\/20 { background-color: var(--sp-highlight-soft) !important; }
:root .border-sky-100,
:root .border-sky-200,
:root .border-violet-200,
:root .border-violet-400,
:root.dark .dark\:border-sky-800,
:root.dark .dark\:border-sky-800\/50,
:root.dark .dark\:border-sky-900\/50,
:root.dark .dark\:border-violet-800\/50,
:root .hover\:border-violet-300:hover { border-color: color-mix(in srgb, var(--sp-highlight) 25%, var(--sp-border)) !important; }
:root.dark .dark\:hover\:text-sky-300:hover,
:root.dark .dark\:text-sky-100,
:root.dark .dark\:text-sky-200,
:root.dark .dark\:text-sky-200\/75,
:root.dark .dark\:text-sky-200\/80,
:root.dark .dark\:text-sky-300,
:root.dark .dark\:text-sky-400,
:root.dark .dark\:text-violet-100,
:root.dark .dark\:text-violet-200,
:root.dark .dark\:text-violet-200\/75,
:root.dark .dark\:text-violet-300,
:root.dark .dark\:text-violet-300\/70,
:root.dark .dark\:text-violet-300\/80,
:root .hover\:text-sky-700:hover,
:root .text-sky-500,
:root .text-sky-600,
:root .text-sky-700,
:root .text-sky-800,
:root .text-sky-800\/75,
:root .text-sky-800\/80,
:root .text-sky-900,
:root .text-violet-500,
:root .text-violet-600,
:root .text-violet-700,
:root .text-violet-700\/70,
:root .text-violet-700\/80,
:root .text-violet-800,
:root .text-violet-800\/75,
:root .text-violet-900 { color: var(--sp-highlight) !important; }
:root .hover\:ring-sky-300:hover,
:root .ring-sky-300\/50 { --tw-ring-color: color-mix(in srgb, var(--sp-highlight) 40%, transparent) !important; }

/* Secondary destructive actions stay quiet until the user targets them. */
:root main button.ui-row-action--danger {
  color: var(--sp-text-muted) !important; background: transparent !important;
  border-color: transparent !important; font-weight: 400;
}
:root main button.ui-row-action--danger:is(:hover, :focus-visible):not(:disabled) {
  color: var(--sp-danger) !important;
  background: color-mix(in srgb, var(--sp-danger) 10%, var(--sp-bg-elevated)) !important;
}
:root .ui-btn-ghost { border-radius: 10px; }
:root .ui-dropdown-item { border-radius: 8px !important; margin: 2px 4px; width: calc(100% - 8px); }
:root .account-view-grid.tg-account-selecting > [data-account-name].tg-account-selected {
  background: var(--sp-highlight-soft) !important; border-color: var(--sp-highlight) !important;
}
:root :is(.tg-stage-pin-kicker, .tg-stage-reply b) { color: var(--sp-highlight) !important; }
:root .tg-stage-pin-mark { background: var(--sp-highlight) !important; }
:root :is(.tg-stage-pin-text, .tg-stage-reply span) { color: var(--sp-text-muted) !important; }
:root .tg-stage-reply { background: var(--sp-highlight-soft) !important; border-color: var(--sp-highlight) !important; border-radius: 8px; }
:root :is(.tg-group-switch, .tg-topic-panel, .tg-topic-confirm section) { background: var(--sp-bg-elevated) !important; border-color: var(--sp-border) !important; }
:root .tg-topic-tools { background: var(--sp-bg-muted) !important; border-color: var(--sp-border) !important; }
:root :is(.tg-topic-hint, .tg-topic-confirm p, .tg-topic-tools) { color: var(--sp-text-muted) !important; }
:root :is(.tg-topic-title, .tg-topic-confirm h3, .tg-topic-confirm button:not([data-ok]), .tg-channel-refresh) { color: var(--sp-text) !important; }
:root .tg-topic-confirm button:not([data-ok]) { background: var(--sp-bg-muted) !important; border-color: var(--sp-border) !important; }
:root .tg-topic-row { border-color: var(--sp-border) !important; border-radius: 10px; }
:root .tg-topic-row.is-selected { background: var(--sp-highlight-soft) !important; box-shadow: inset 3px 0 0 var(--sp-highlight); }
:root :is(.tg-group-switch button[aria-pressed="true"], .bot-group-option:has(input:checked)) {
  color: var(--sp-highlight) !important; background: var(--sp-highlight-soft) !important; border-color: var(--sp-highlight) !important;
}
:root .tg-manager-color-choice.selected { box-shadow: 0 0 0 2px var(--sp-highlight-soft); }
/* ==== /assets/page-layouts-20261002.css ==== */
/* Page layouts: selectors are from the shipped v1.0.44 Vue bundles. */
[data-testid="bot-management-page"] { max-width: 1180px !important; margin-inline: auto; }
[data-testid="bot-management-page"] > .ui-card:first-child > .flex { padding: 24px !important; }
[data-testid="bot-management-page"] > .ui-card:first-child h2,
[data-testid="task-workspace-overview"] h2,
main .space-y-5.pb-12 > .flex:first-child h2 {
  font-size: 26px !important; font-weight: 500 !important; line-height: 1.3; letter-spacing: -.025em;
}
[data-testid="bot-management-page"] > .ui-card:first-child p,
[data-testid="task-workspace-overview"] p {
  font-size: 13px !important; line-height: 1.7 !important;
}
[data-testid="bot-management-layout"] { align-items: start; gap: 18px !important; }
[data-testid="bot-workflow-steps"] { gap: 0; background: var(--sp-bg-muted); }
[data-testid="bot-workflow-steps"] > * { min-width: 0; padding-block: 16px; }
[data-testid="bot-workspace-nav"] { gap: 4px; padding: 8px !important; background: var(--sp-bg-muted); }
[data-testid="bot-workspace-nav"] button {
  min-height: 42px; min-width: 120px !important; border-radius: 10px;
  background: transparent !important; color: var(--sp-text-muted) !important;
}
[data-testid="bot-workspace-nav"] button:hover { background: var(--sp-bg-elevated) !important; color: var(--sp-text) !important; }
[data-testid="bot-workspace-nav"] button[aria-pressed="true"] {
  color: var(--sp-text) !important; background: var(--sp-bg-elevated) !important; box-shadow: none;
}
[data-testid="bot-workspace-shell"] > .min-w-0 > .flex button { border-radius: 10px; }
[data-testid="bot-list-panel"] .overflow-y-auto > button { border-radius: 10px; margin: 3px 6px; width: calc(100% - 12px); border-bottom-color: transparent; }
[data-testid="bot-list-panel"] .overflow-y-auto > button:hover { background: var(--sp-bg-muted) !important; }
[data-testid="bot-workspace-content"] { min-width: 0; }
[data-testid="bot-workspace-content"] :is(.border.p-4, .border.p-3) { border-radius: 10px; }
[data-testid="group-table-panel"] { border-radius: 10px; }
[data-testid="group-table-panel"] table { border-collapse: separate; border-spacing: 0; }
[data-testid="group-table-panel"] :is(th, td) { padding-block: 13px; }
[data-testid="group-table-panel"] thead th { background: var(--sp-bg-muted) !important; }
[data-testid="group-table-panel"] tbody tr:hover { background: transparent !important; }
[data-testid="group-table-panel"] tbody tr:hover > td { background: var(--sp-bg-muted) !important; }
[data-testid="group-table-panel"] tbody tr td:first-child { border-radius: 10px 0 0 10px; }
[data-testid="group-table-panel"] tbody tr td:last-child { border-radius: 0 10px 10px 0; }

/* Settings tabs remain accessible on narrow displays through horizontal scrolling. */
[data-testid="settings-tabs"] { max-width: 100%; min-width: 0; overflow-x: auto !important; padding: 4px; }
[data-testid="settings-tabs"] [role="tablist"] { border-radius: 12px; background: var(--sp-bg-muted); gap: 4px; }
[data-testid="settings-tabs"] [role="tab"] {
  min-height: 42px; border-radius: 10px; border-color: transparent !important;
  color: var(--sp-text-muted) !important; background: transparent !important;
}
[data-testid="settings-tabs"] [role="tab"]:hover { background: var(--sp-bg-elevated) !important; color: var(--sp-text) !important; }
[data-testid="settings-tabs"] [role="tab"][aria-selected="true"] {
  background: var(--sp-bg-elevated) !important; color: var(--sp-text) !important; box-shadow: none !important;
}
[data-settings-panel]:not([data-settings-panel="overview"]) { max-width: 900px !important; }
[data-settings-panel] > .ui-card { padding: 24px !important; }
[data-settings-panel] .ui-section-icon { width: 34px; height: 34px; border-radius: 10px; }
[data-settings-panel] .ui-card h2 { font-size: 17px !important; font-weight: 500 !important; }
[data-settings-panel] :is(.border.p-3, .border.p-4) { border-radius: 10px; }

/* Task setup uses the same spacing and visual steps as the main workbench. */
[data-testid="task-workspace-overview"] { padding: 24px !important; }
[data-testid="task-workspace-overview"] .grid > :is(button, div) { border-radius: 10px; }
.ui-form-section { border-radius: 10px; padding: 20px; }
.ui-form-step-title { font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.ui-form-step-num { min-width: 26px; height: 26px; border-radius: 8px; font-family: inherit; font-size: 12px; }
.ui-label-strong { font-size: 12px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.task-workflow-summary { border-color: var(--sp-border-strong) !important; }
.ui-note { border-radius: 10px; }

/* Tables and log rows keep rounded hover surfaces in both themes. */
main .ui-table-head { padding: 10px 12px; border-radius: 10px; background: var(--sp-bg-muted); letter-spacing: .02em; }
main .ui-list-row { min-height: 44px; padding: 11px 12px; border-radius: 10px; }
main .ui-list-row:hover { background: var(--sp-bg-muted) !important; }
main .ui-card[class~="min-h-[500px]"] { min-height: 420px; }
main .space-y-5.pb-12 > .grid { gap: 16px !important; }
main .space-y-5.pb-12 .ui-card-hover { padding: 20px !important; }
[data-testid="proxy-editor"] { max-width: 900px; }
[data-testid="proxy-editor"] > .grid { gap: 18px !important; }

@media (min-width: 1280px) {
  [data-testid="bot-management-layout"] { grid-template-columns: 232px minmax(0, 1fr) !important; }
  [data-testid="bot-list-panel"] { display: block !important; position: sticky; top: 76px; max-height: calc(100dvh - 110px); }
  [data-testid="bot-list-panel"] .overflow-y-auto { max-height: calc(100dvh - 240px) !important; }
  [data-testid="bot-management-layout"] [class~="2xl:hidden"] { display: none !important; }
}

/* The function menu stays compact so profile fields have useful editing space. */
@media (min-width: 1101px) {
  :root [data-testid="bot-workspace-shell"].bot-side-layout { grid-template-columns: 190px minmax(0, 1fr); }
  :root [data-bot-focus="profile"] [data-testid="bot-profile-workspace"] > .grid { grid-template-columns: minmax(0, 1fr) 220px !important; gap: 18px; }
  :root [data-testid="bot-management-page"] > .ui-card:first-child > .flex { flex-direction: row; align-items: center; gap: 24px; }
  :root [data-testid="bot-management-page"] > .ui-card:first-child > .flex > :last-child { flex-direction: column; align-items: flex-end; gap: 12px; }
}
@media (max-width: 680px) {
  [data-testid="bot-management-page"] > .ui-card:first-child > .flex,
  [data-testid="task-workspace-overview"],
  [data-settings-panel] > .ui-card { padding: 18px !important; }
  [data-testid="bot-management-page"] > .ui-card:first-child h2,
  [data-testid="task-workspace-overview"] h2,
  main .space-y-5.pb-12 > .flex:first-child h2 { font-size: 23px !important; }
  [data-testid="bot-workflow-steps"] > * { min-width: 176px; }
  [data-testid="bot-workspace-nav"] button { min-width: 108px !important; }
  [data-testid="settings-tabs"] [role="tablist"] { min-width: 576px !important; display: flex !important; }
  [data-testid="settings-tabs"] [role="tab"] { flex: 1 0 auto; }
  [data-testid="settings-tabs"] [role="tab"] { padding-inline: 12px; }
  .ui-form-section { padding: 16px; }
  main .ui-card[class~="min-h-[500px]"] { min-height: 320px; padding: 12px !important; }
  main .ui-card[class~="min-h-[500px]"] .ui-list-row {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px;
    border-bottom: 1px solid var(--sp-border); padding: 12px;
  }
  main .ui-card[class~="min-h-[500px]"] .ui-list-row > span { width: auto; min-width: 0; max-width: 100%; }
  main .ui-card[class~="min-h-[500px]"] .ui-list-row.cursor-pointer > span:nth-child(5) {
    grid-column: 1 / -1; white-space: normal; overflow-wrap: anywhere;
  }
  main .flex.flex-col.h-full:has(> .ui-card[class~="min-h-[500px]"]) > .flex.items-end {
    flex-wrap: wrap; align-items: center; gap: 12px;
  }
}
@media (min-width: 1101px) and (max-width: 1399px) {
  :root [data-bot-focus="profile"] [data-testid="bot-profile-workspace"] > .grid { grid-template-columns: minmax(0, 1fr) !important; }
}

/* Keep the selected topic beside the conversation title within the two-line header. */
.tg-stage > header > .min-w-0:has(> .tg-stage-topic) {
  display: grid;
  grid-template-columns: fit-content(60%) minmax(0, 1fr);
  column-gap: 8px;
  align-items: center;
}
.tg-stage > header > .min-w-0:has(> .tg-stage-topic) > div:first-child { grid-area: 1 / 1; min-width: 0; }
.tg-stage > header .tg-stage-topic {
  grid-area: 1 / 2;
  display: block;
  justify-self: start;
  min-width: 0;
  max-width: 100%;
  margin-top: 0;
}
.tg-stage > header > .min-w-0:has(> .tg-stage-topic) > .tg-stage-sub { grid-area: 2 / 1 / 3 / 3; }
@media (max-width: 680px) {
  .tg-stage > header > .min-w-0:has(> .tg-stage-topic) { grid-template-columns: fit-content(55%) minmax(0, 1fr); column-gap: 6px; }
  .tg-stage > header .tg-stage-topic { padding-inline: 6px; }
}
/* ==== /assets/proxy-batch-20261002.css ==== */
.tg-proxy-page .tg-proxy-check-all { padding: 8px 12px; font-size: 12px; white-space: nowrap; }
.tg-proxy-page main .flex.shrink-0.gap-2 { flex-wrap: wrap; }
.tg-proxy-check-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.tg-proxy-check-selection, .tg-proxy-check-progress { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.tg-proxy-check-label { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; color: var(--sp-text-muted); cursor: pointer; }
.tg-proxy-check-label .ui-checkbox { width: 16px; height: 16px; flex-shrink: 0; accent-color: var(--sp-highlight); }
.tg-proxy-card-select { margin-bottom: 10px; }
.tg-proxy-check-count, .tg-proxy-check-progress { color: var(--sp-text-muted); font-size: 12px; }
.tg-proxy-check-selection button, .tg-proxy-check-progress button { min-height: 34px; padding: 6px 10px; font-size: 12px; }
.tg-proxy-check-progress button[hidden] { display: none !important; }
.tg-proxy-check-result { margin-top: 10px; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; color: var(--sp-text-muted); }
.tg-proxy-check-result:empty { display: none; }
.tg-proxy-check-result.success { color: var(--sp-success); }
.tg-proxy-check-result.error { color: var(--sp-danger); }
.tg-proxy-check-result.running { color: var(--sp-highlight); }
@media (max-width: 680px) {
  .tg-proxy-check-tools, .tg-proxy-check-selection, .tg-proxy-check-progress { gap: 8px; }
  .tg-proxy-check-progress { width: 100%; }
}
/* ==== /assets/proxy-import-20261002.css ==== */
.tg-proxy-import-url {
  min-height: 7.5rem;
  resize: vertical;
  line-height: 1.6;
  -webkit-text-security: disc;
}

.tg-proxy-import-remarks {
  display: grid;
  gap: .6rem;
}

.tg-proxy-import-row {
  display: grid;
  grid-template-columns: 3.5rem minmax(0, 1fr);
  align-items: center;
  gap: .6rem;
}

.tg-proxy-import-line,
.tg-proxy-import-progress {
  color: var(--sp-text-muted);
  font-size: .75rem;
  line-height: 1.6;
}

.tg-proxy-import-progress {
  margin: 0;
  overflow-wrap: anywhere;
}
/* ==== /assets/proxy-category-20261002.css ==== */
.tg-proxy-category-filters {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.tg-proxy-category-filters > *,
.tg-proxy-route-toolbar > * {
  min-width: 0;
}

.tg-proxy-category-badge {
  display: inline-flex;
  max-width: 100%;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tg-proxy-route-toolbar {
  grid-template-columns: minmax(0, 1fr);
  align-items: end;
}

@media (min-width: 640px) {
  .tg-proxy-category-filters {
    grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .tg-proxy-route-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tg-proxy-route-toolbar > :last-child {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1200px) {
  .tg-proxy-route-toolbar {
    grid-template-columns: minmax(10rem, 1fr) auto minmax(8rem, .55fr) minmax(9rem, .7fr) auto;
  }

  .tg-proxy-route-toolbar > :last-child {
    grid-column: auto;
  }
}
/* ==== /assets-1.0.62/theme-switcher-20261003.css ==== */
:root,
:root[data-sp-theme] {
  color-scheme: light;
  --bg-base: #FDFCF8;
  --bg-subtle: #F4F1EA;
  --bg-elevated: #FFFFFF;
  --border-subtle: #EDEAE4;
  --text-primary: #1F1D1B;
  --text-secondary: #6B665F;
  --text-tertiary: #A39E96;
  --brand: #E8839F;
  --brand-text: #B74268;
  --brand-action: #B74268;
  --brand-action-hover: #A53659;
  --brand-action-text: #FFFFFF;
  --brand-hover: #D96E8B;
  --brand-soft: #FBEAF0;
  --success: #3EA675;
  --warning: #E5A13A;
  --danger: #E5484D;
  --danger-soft: #FEF1F2;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;
  --shadow-xs: 0 1px 2px rgba(31,29,27,.05);
  --shadow-sm: 0 2px 6px rgba(31,29,27,.06);
  --shadow-md: 0 4px 12px rgba(31,29,27,.08);
  --shadow-lg: 0 12px 32px rgba(31,29,27,.12);
  --sp-bg: var(--bg-base);
  --sp-bg-elevated: var(--bg-elevated);
  --sp-bg-muted: var(--bg-subtle);
  --sp-bg-elevated-2: var(--bg-elevated);
  --sp-border: var(--border-subtle);
  --sp-border-strong: #E0DCD4;
  --sp-text: var(--text-primary);
  --sp-text-muted: var(--text-secondary);
  --sp-accent: var(--brand-text);
  --sp-button: var(--brand-action);
  --sp-button-text: var(--brand-action-text);
  --sp-button-hover: var(--brand-action-hover);
  --sp-accent-soft: var(--brand-soft);
  --sp-highlight: var(--brand-text);
  --sp-highlight-soft: var(--brand-soft);
  --sp-card-edge: var(--border-subtle);
  --sp-shadow-sm: var(--shadow-sm);
  --sp-shadow-md: var(--shadow-md);
  --sp-bg-card: var(--bg-elevated);
  --sp-surface: var(--bg-elevated);
  --sp-muted: var(--text-secondary);
  --sp-link: var(--brand-text);
  --sp-success: var(--success);
  --sp-warning: var(--warning);
  --sp-danger: var(--danger);
  --tg-card-bg: var(--bg-elevated);
  --sp-overlay: rgb(31 29 27 / .42);
  --sp-modal-shadow: var(--shadow-md);
  --sp-radius: var(--radius-lg);
  --sp-radius-sm: var(--radius-md);
  --focus-ring: rgba(232,131,159,.18);
}

:root[data-sp-theme="white"] {
  color-scheme: light;
  --bg-base: #FFFFFF;
  --bg-subtle: #F5F5F5;
  --bg-elevated: #FFFFFF;
  --border-subtle: #E8E8E8;
  --text-primary: #202020;
  --text-secondary: #606060;
  --text-tertiary: #777777;
  --brand: #303030;
  --brand-text: #303030;
  --brand-hover: #171717;
  --brand-soft: #F0F0F0;
  --brand-action: #303030;
  --brand-action-hover: #171717;
  --brand-action-text: #FFFFFF;
  --sp-border-strong: #D8D8D8;
  --sp-overlay: rgb(31 29 27 / .38);
  --focus-ring: rgb(48 48 48 / .16);
}

:root[data-sp-theme="obsidian"] {
  color-scheme: dark;
  --bg-base: #222225;
  --bg-subtle: #2A2A2D;
  --bg-elevated: #1A1A1D;
  --border-subtle: #39393E;
  --text-primary: #F2F2F3;
  --text-secondary: #B4B4B9;
  --text-tertiary: #8A8A90;
  --brand: #F1F1F2;
  --brand-text: #F1F1F2;
  --brand-hover: #FFFFFF;
  --brand-soft: #303034;
  --brand-action: #F1F1F2;
  --brand-action-hover: #FFFFFF;
  --brand-action-text: #1A1A1D;
  --success: #55C58E;
  --warning: #E8B65A;
  --danger: #F0787C;
  --danger-soft: #43282B;
  --sp-border-strong: #58585F;
  --sp-overlay: rgb(5 5 7 / .72);
  --focus-ring: rgb(241 241 242 / .18);
  --shadow-xs: 0 1px 2px rgb(0 0 0 / .14);
  --shadow-sm: 0 2px 6px rgb(0 0 0 / .18);
  --shadow-md: 0 4px 12px rgb(0 0 0 / .24);
  --shadow-lg: 0 12px 32px rgb(0 0 0 / .30);
}

:root[data-sp-theme="blue"] {
  color-scheme: light;
  --bg-base: #EEF4FA;
  --bg-subtle: #E6EEF7;
  --bg-elevated: #FFFFFF;
  --border-subtle: #D7E2ED;
  --text-primary: #24364A;
  --text-secondary: #5D6E82;
  --text-tertiary: #8797A9;
  --brand: #5B84B1;
  --brand-text: #365F8A;
  --brand-hover: #466F9D;
  --brand-soft: #E4EFFA;
  --brand-action: #223A54;
  --brand-action-hover: #172C42;
  --brand-action-text: #FFFFFF;
  --success: #3EA675;
  --warning: #C7872C;
  --danger: #C93F4A;
  --danger-soft: #FCECEE;
  --sp-border-strong: #B7C9DB;
  --sp-overlay: rgb(19 40 63 / .35);
  --focus-ring: rgb(76 126 177 / .20);
}

.sp73-history-dialog {
  width: min(760px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: var(--bg-elevated);
  color: var(--text-primary);
  box-shadow: var(--shadow-md);
  animation: tgsp-dialog-in 150ms ease-out both;
}

.sp73-history-dialog::backdrop { background: var(--sp-overlay); }
.sp73-history-dialog[open] { display: flex; flex-direction: column; }
.sp73-history-head, .sp73-history-dialog footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; }
.sp73-history-head { border-bottom: 1px solid var(--border-subtle); }
.sp73-history-head h2 { margin: 0; font-size: 17px; font-weight: 650; }
.sp73-history-head p { margin: 5px 0 0; font-size: 12px; color: var(--text-secondary); }
.sp73-history-body { min-height: 0; overflow: auto; padding: 16px 20px; overscroll-behavior: contain; }
.sp73-history-body > [role="status"] { margin: 0 0 12px; color: var(--text-secondary); font-size: 12px; }
.sp73-history-record { padding: 14px 0; border-bottom: 1px solid var(--border-subtle); }
.sp73-history-record:first-child { padding-top: 0; }
.sp73-history-record:last-child { border-bottom: 0; }
.sp73-history-record header { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.sp73-history-record strong { color: var(--brand-text); }
.sp73-history-record time { font-size: 12px; color: var(--text-secondary); font-variant-numeric: tabular-nums; }
.sp73-history-meta { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 7px; font-size: 12px; color: var(--text-secondary); overflow-wrap: anywhere; }
.sp73-history-record p { margin: 8px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; }
.sp73-history-dialog footer { justify-content: flex-end; border-top: 1px solid var(--border-subtle); }
.sp73-history-dialog button[hidden] { display: none !important; }
#tgsp-dashboard-r73 .sp73-history-open { display: inline-flex; align-items: center; gap: 5px; flex-shrink: 0; font-size: 12px; }
#tgsp-dashboard-r73 button.sp73-hit-row { width: 100%; grid-template-columns: 32px minmax(0, 1fr) auto; text-align: left; background: transparent; color: inherit; font: inherit; cursor: pointer; }
#tgsp-dashboard-r73 .sp73-hit-row time { white-space: nowrap; }

html,
body {
  background: var(--bg-base) !important;
  color: var(--text-primary);
}

body {
  background-image: none !important;
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-variant-numeric: tabular-nums;
}

body::before {
  display: none !important;
}

:root[data-sp-theme="obsidian"] body {
  background-color: var(--bg-base) !important;
  background-image: url("/assets-1.0.62/console-backdrop-dark-gray.svg"), radial-gradient(ellipse at 88% 0%, rgb(255 255 255 / .03), transparent 58%), radial-gradient(ellipse at 15% 75%, rgb(255 255 255 / .02), transparent 60%) !important;
  background-position: right top, center top, left bottom !important;
  background-size: 1080px 840px, 100% 720px, 100% 1000px !important;
  background-repeat: no-repeat !important;
}

:root[data-sp-theme="blue"] body {
  background-color: var(--bg-base) !important;
  background-image: url("/assets-1.0.62/console-backdrop-light.svg"), radial-gradient(ellipse at 88% 0%, rgb(169 200 243 / .26), transparent 58%), radial-gradient(ellipse at 15% 75%, rgb(185 227 223 / .25), transparent 60%) !important;
  background-position: right top, center top, left bottom !important;
  background-size: 1080px 840px, 100% 720px, 100% 1000px !important;
  background-repeat: no-repeat !important;
}

main,
main :is(h1, h2, h3, h4, h5, h6) {
  color: var(--text-primary);
}

main :is(.ui-muted, .ui-helper, .ui-label, .ui-note, .ui-help, .dm-muted, .dm-empty, .tgprofile-sub, .tgprofile-note, .tgsec-sub, .tgsec-note) {
  color: var(--text-secondary) !important;
}

main a:not(.ui-btn-primary):not(.ui-btn-danger):not(.ui-btn-secondary),
[role="link"] {
  color: var(--brand-text) !important;
}

aside.ui-sidebar {
  width: 228px !important;
  background: var(--bg-base) !important;
  border-color: var(--border-subtle) !important;
  box-shadow: var(--shadow-xs);
}

:root header.ui-header-glass {
  border-color: var(--border-subtle) !important;
  background: var(--bg-elevated) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

aside.ui-sidebar nav a {
  border-radius: var(--radius-md) !important;
  color: var(--text-secondary) !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

aside.ui-sidebar nav a:hover:not(.ui-nav-active):not([aria-current="page"]) {
  color: var(--text-primary) !important;
  background: var(--bg-subtle) !important;
}

aside.ui-sidebar nav a.ui-nav-active,
aside.ui-sidebar nav a[aria-current="page"] {
  color: var(--brand-text) !important;
  background: var(--brand-soft) !important;
  box-shadow: none !important;
}

aside.ui-sidebar nav a.router-link-active:not(.ui-nav-active):not([aria-current="page"]) {
  color: var(--text-secondary) !important;
  background: transparent !important;
  box-shadow: none !important;
}

:root :is(.ui-card, .ui-panel, .ui-form-section, .sp73-card, .tg-manager-card, .tg-manager-detail-card, .dm-card, [data-account-name], [data-tg-chat-shell]) {
  border-color: var(--border-subtle) !important;
  background: var(--bg-elevated) !important;
  box-shadow: var(--shadow-xs) !important;
}

:root :is(.ui-card-hover, .tg-manager-item, .sp73-log-row, .sp73-health-row, .sp73-hit-row, .sp73-schedule-row, [role="option"], [data-tg-chat-sidebar] button, .ui-row-action) {
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}

:root :is(.ui-card-hover, .tg-manager-item, .sp73-log-row, .sp73-health-row, .sp73-hit-row, .sp73-schedule-row, [role="option"], [data-tg-chat-sidebar] button, .ui-row-action):hover {
  background: var(--bg-subtle) !important;
}

:root :is([aria-selected="true"], [aria-current="true"], .ui-selection, .tg-account-selected, .tg-manager-item.selected, .tg-manager-color-choice.selected, .ui-nav-active, .ui-switch-on, .is-selected) {
  background: var(--brand-soft) !important;
  border-color: var(--border-subtle) !important;
  color: var(--brand-text) !important;
  box-shadow: none !important;
}

:root :is(.ui-btn-primary, .tgprofile-btn-primary, .tgprofile-save-username, .tgsec-primary, .tg-manager-button.primary:not(.danger), .dm-button.primary, .sp73-refresh, .ui-fab, [data-submit], button[type="submit"]:not([data-danger])) {
  border: 1px solid var(--brand-action) !important;
  border-radius: var(--radius-md) !important;
  background: var(--brand-action) !important;
  color: var(--brand-action-text) !important;
  transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

:root :is(.ui-btn-primary, .tgprofile-btn-primary, .tgprofile-save-username, .tgsec-primary, .tg-manager-button.primary:not(.danger), .dm-button.primary, .sp73-refresh, .ui-fab, [data-submit], button[type="submit"]:not([data-danger])):hover:not(:disabled) {
  border-color: var(--brand-action-hover) !important;
  background: var(--brand-action-hover) !important;
}

:root :is(.ui-btn-secondary, .ui-btn-ghost, .tgprofile-btn:where(:not(.tgprofile-btn-primary):not(.tgprofile-save-username):not(.tgprofile-remove)), .tgsec-btn:where(:not(.tgsec-primary):not(.tgsec-danger)), .dm-button:not(.primary), .tg-manager-button:not(.primary):not(.danger)) {
  border-radius: var(--radius-md) !important;
  border-color: var(--border-subtle) !important;
  background: var(--bg-elevated) !important;
  color: var(--text-primary) !important;
}

:root :is(.ui-btn-secondary, .ui-btn-ghost, .tgprofile-btn:where(:not(.tgprofile-btn-primary):not(.tgprofile-save-username):not(.tgprofile-remove)), .tgsec-btn:where(:not(.tgsec-primary):not(.tgsec-danger)), .dm-button:not(.primary), .tg-manager-button:not(.primary):not(.danger)):hover:not(:disabled) {
  border-color: var(--brand-text) !important;
  background: var(--bg-subtle) !important;
  color: var(--brand-text) !important;
}

:root[data-sp-theme] :is(.ui-btn-danger, .ui-row-action--danger, .tg-manager-button.danger, .tg-manager-actions button.danger, .tgprofile-remove, .tgsec-danger, [data-danger], .tg-topic-tools button:not(.tg-channel-refresh), .tg-topic-row button) {
  border-color: var(--danger) !important;
  border-radius: var(--radius-md) !important;
  background: var(--bg-elevated) !important;
  color: var(--danger) !important;
}

:root[data-sp-theme] :is(.ui-btn-danger, .ui-row-action--danger, .tg-manager-button.danger, .tg-manager-actions button.danger, .tgprofile-remove, .tgsec-danger, [data-danger], .tg-topic-tools button:not(.tg-channel-refresh), .tg-topic-row button):hover:not(:disabled) {
  border-color: var(--danger) !important;
  background: var(--danger-soft) !important;
  color: var(--danger) !important;
}

:root :is(.ui-input, .ui-select-trigger, input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  border-color: var(--border-subtle) !important;
  border-radius: var(--radius-md) !important;
  background: var(--bg-elevated) !important;
  color: var(--text-primary) !important;
}

:root :is(.ui-input, .ui-select-trigger, input:not([type="checkbox"]):not([type="radio"]), select, textarea)::placeholder {
  color: var(--text-tertiary) !important;
  opacity: 1;
}

:root :is(.ui-input, .ui-select-trigger, input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus-visible {
  border-color: var(--brand-text) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px var(--focus-ring) !important;
}

:root :is(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--brand-action);
}

:root :is(.ui-switch, [role="switch"]) {
  border-color: var(--border-subtle) !important;
  background: var(--bg-subtle) !important;
}

:root :is(.ui-switch-on, [role="switch"][aria-checked="true"], [data-state="checked"]) {
  border-color: var(--brand-action) !important;
  background: var(--brand-action) !important;
}

:root :is(.tg-manager-overlay, .tgprofile-overlay, .tgsec-overlay, .dm-modal-backdrop, .tg-tag-dialog, [data-tgsp-dialog-backdrop]) {
  background: var(--sp-overlay) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  animation: tgsp-overlay-in 150ms ease-out both;
}

:root :is(.tg-manager-dialog, .tgprofile-modal, .tgsec-modal, .dm-modal, .tg-tag-panel, [role="dialog"], dialog[open]) {
  border: 1px solid var(--border-subtle) !important;
  border-radius: var(--radius-lg) !important;
  background: var(--bg-elevated) !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-md) !important;
  animation: tgsp-dialog-in 150ms ease-out both;
}

:root :is(.tg-manager-dialog, .tgprofile-modal, .tgsec-modal, .dm-modal, .tg-tag-panel, [role="dialog"], dialog[open]) :is(input, select, textarea) {
  border-color: var(--border-subtle) !important;
  background: var(--bg-elevated) !important;
  color: var(--text-primary) !important;
}

:root :is(.tg-manager-dialog, .tgprofile-modal, .tgsec-modal, .dm-modal, .tg-tag-panel, [role="dialog"], dialog[open]) :is(h1, h2, h3, h4) {
  color: var(--text-primary) !important;
}

:root :is(.tg-manager-dialog, .tgprofile-modal, .tgsec-modal, .dm-modal, .tg-tag-panel, [role="dialog"], dialog[open]) :is(p, small, label) {
  color: var(--text-secondary) !important;
}

dialog[open]::backdrop {
  background: var(--sp-overlay);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:root :is(.ui-dropdown, .dropdown-menu, .bot-group-scope-menu, .bot-hierarchical-menu, [role="menu"], [role="listbox"], .toast, .toast-container > *, .pointer-events-auto:is([role="status"], [role="alert"])) {
  border: 1px solid var(--border-subtle) !important;
  border-radius: var(--radius-lg) !important;
  background: var(--bg-elevated) !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-md) !important;
}

:root :is(.ui-dropdown-item, .ui-select-option, [role="menuitem"], [role="option"]) {
  border-radius: var(--radius-md) !important;
  color: var(--text-primary) !important;
}

:root :is(.ui-dropdown-item, .ui-select-option, [role="menuitem"], [role="option"]):hover,
:root :is(.ui-dropdown-item, .ui-select-option, [role="menuitem"], [role="option"]):focus-visible {
  background: var(--bg-subtle) !important;
}

:root :is(.ui-dropdown-item, .ui-select-option, [role="menuitem"], [role="option"])[aria-selected="true"] {
  background: var(--brand-soft) !important;
  color: var(--brand-text) !important;
}

:root :is(.ui-status-success, .dm-notice:not(.error), .tgsec-status.success) {
  color: var(--success) !important;
}

:root :is(.ui-status-warning, .dm-warning) {
  color: var(--warning) !important;
}

:root :is(.ui-status-danger, .dm-notice.error, .tgprofile-msg.error) {
  color: var(--danger) !important;
}

:root :is(.ui-chip, .ui-status, .tg-manager-notice, .dm-flow span) {
  border-radius: var(--radius-full) !important;
  border-color: var(--border-subtle) !important;
  background: var(--bg-subtle) !important;
  color: var(--text-secondary) !important;
}

:root :is(.ui-chip-sky, .ui-chip-violet) {
  border-color: var(--brand-soft) !important;
  background: var(--brand-soft) !important;
  color: var(--brand-text) !important;
}

:root :is(.ui-chip-success, .ui-status-success) {
  border-color: color-mix(in srgb, var(--success) 28%, var(--border-subtle)) !important;
  background: color-mix(in srgb, var(--success) 10%, var(--bg-elevated)) !important;
  color: var(--success) !important;
}

:root :is(.ui-chip-warning, .ui-status-warning) {
  border-color: color-mix(in srgb, var(--warning) 28%, var(--border-subtle)) !important;
  background: color-mix(in srgb, var(--warning) 10%, var(--bg-elevated)) !important;
  color: var(--warning) !important;
}

:root :is(.ui-chip-danger, .ui-status-danger) {
  background: var(--danger-soft) !important;
  border-color: var(--danger) !important;
  color: var(--danger) !important;
}

:root [role="dialog"]:has(#task-form-name) {
  --sp-task-field: var(--bg-elevated);
  --sp-task-field-edge: var(--border-subtle);
}

:root [role="dialog"]:has(#task-form-name) .ui-form-section-accent button.border.ui-selection {
  background: var(--brand-soft) !important;
  color: var(--brand-text) !important;
}

:root :is(.ui-card, .ui-panel, .ui-form-section, .sp73-card, .tg-manager-card, .tg-manager-detail-card, .dm-card, [data-account-name], [data-tg-chat-shell], [data-tg-chat-sidebar], .tg-stage) {
  border-radius: var(--radius-lg) !important;
}

:root :is(.sp73-hero, .sp73-panel-head, .sp73-metric-label, .sp73-metric small, .sp73-log-row, .sp73-health-row, .sp73-hit-row, .sp73-schedule-row, .tg-stage-sub, .tg-stage-topic, .dm-heading p) {
  color: var(--text-secondary) !important;
}

:root :is(.sp73-metric, .sp73-quick-grid a, .sp73-log-row, .sp73-health-row, .sp73-hit-row, .sp73-schedule-row):hover {
  background: var(--bg-subtle) !important;
}

:root :is([data-tg-chat-shell], [data-tg-chat-sidebar], .tg-stage, .tg-stage > *, .tg-stage footer) {
  border-color: var(--border-subtle) !important;
  background-color: var(--bg-base) !important;
}

:root .tg-stage [data-tgsp-account] {
  background: var(--bg-base) !important;
}

:root .tg-stage [data-tgsp-msg] > article {
  border-color: var(--border-subtle) !important;
  background: var(--bg-elevated) !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-xs) !important;
}

:root .tg-stage [data-tgsp-out="1"] > article {
  border-color: var(--brand-soft) !important;
  background: var(--brand-soft) !important;
}

:root :is(button, a, input, select, textarea):focus-visible {
  outline: 2px solid var(--brand-text) !important;
  outline-offset: 2px;
}

:root :is(button, a):disabled,
:root :is(input, select, textarea):disabled {
  cursor: not-allowed;
  opacity: .58;
}

.tgsp-theme-menu {
  position: fixed;
  z-index: 11000;
  min-width: 190px;
  padding: 7px;
  border: 1px solid var(--border-subtle) !important;
  border-radius: var(--radius-lg) !important;
  background: var(--bg-elevated) !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-md) !important;
  transform-origin: top right;
  animation: tgsp-menu-in 150ms ease-out both;
}

.tgsp-theme-menu[hidden] {
  display: none;
}

.tgsp-theme-menu-title {
  padding: 6px 9px 5px;
  color: var(--text-secondary);
  font-size: 11px;
  font-weight: 700;
}

.tgsp-theme-option {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 9px;
  border: 0;
  border-radius: var(--radius-md);
  padding: 9px;
  background: transparent;
  color: var(--text-primary);
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.tgsp-theme-option:hover,
.tgsp-theme-option[data-selected="1"] {
  background: var(--brand-soft);
  color: var(--brand-text);
}

.tgsp-theme-option:focus-visible {
  outline: 2px solid var(--brand-text);
  outline-offset: -2px;
}

.tgsp-theme-swatch {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
}

.tgsp-theme-option[data-theme="warm"] .tgsp-theme-swatch { background: #FDFCF8; }
.tgsp-theme-option[data-theme="white"] .tgsp-theme-swatch { background: #FFFFFF; }
.tgsp-theme-option[data-theme="blue"] .tgsp-theme-swatch { background: #EEF4FA; }
.tgsp-theme-option[data-theme="obsidian"] .tgsp-theme-swatch { background: #1A1A1D; }
.tgsp-theme-copy { min-width: 0; }
.tgsp-theme-name { display: block; font-size: 13px; font-weight: 650; }
.tgsp-theme-hint { display: block; margin-top: 1px; color: var(--text-secondary); font-size: 11px; }

:root[data-sp-theme] :is(aside.ui-sidebar, [data-tg-chat-shell], [data-tg-chat-sidebar], .tg-stage, .tg-stage > *, .tg-stage footer) {
  background: var(--bg-base) !important;
  border-color: var(--border-subtle) !important;
}

:root[data-sp-theme] :is([data-tg-chat-sidebar] > div, [data-tgsp-dialog], .tg-stage > *, [data-tgsp-msg] > article, .tg-topic-row, .tg-manager-item, [data-account-name] > div, [data-account-name] [class*="border-"], main table th, main table td) {
  border-color: var(--border-subtle) !important;
}

:root[data-sp-theme] :is([data-tgsp-dialog], .tg-topic-row.is-selected, .tg-account-selected, .ui-selection, [aria-selected="true"], [aria-current="true"], .bot-menu-primary, .bot-submenu-item.is-active) {
  box-shadow: none !important;
}

:root[data-sp-theme] aside.ui-sidebar nav a {
  box-shadow: none !important;
}

:root[data-sp-theme] :is(aside.ui-sidebar nav a.ui-nav-active, .bot-submenu-item.is-active)::before {
  display: none !important;
}

:root[data-sp-theme] :is(.bot-menu-primary, .tg-stage-reply, .tgsp-ca-rich-body blockquote) {
  border-left: 0 !important;
}

:root[data-sp-theme] :is(.tg-stage-reply, .tgsp-ca-rich-body blockquote) {
  border-radius: var(--radius-sm) !important;
  background: var(--bg-subtle) !important;
  color: var(--text-secondary) !important;
}

:root[data-sp-theme] #tgsp-dashboard-r73 .sp73-log-row:has(.sp73-status-dot--error) {
  border-left: 0 !important;
}

:root[data-sp-theme] [data-tg-chat-sidebar] button[data-tgsp-dialog][aria-current="true"],
:root[data-sp-theme] .tg-topic-row.is-selected {
  background: var(--brand-soft) !important;
  color: var(--brand-text) !important;
}

:root[data-sp-theme] [data-tg-chat-sidebar] button[data-tgsp-dialog]:not([aria-current="true"]) {
  background: transparent !important;
}

:root[data-sp-theme] [data-tg-chat-sidebar] button[data-tgsp-dialog]:hover:not([aria-current="true"]) {
  background: var(--bg-subtle) !important;
}

:root[data-sp-theme] [data-tgsp-dialog] span[class~="min-w-5"] {
  background: var(--brand-action) !important;
  color: var(--brand-action-text) !important;
  box-shadow: none !important;
  font-variant-numeric: tabular-nums;
}

:root[data-sp-theme] [data-tgsp-dialog][data-tgsp-muted="1"] span[class~="min-w-5"] {
  background: var(--bg-subtle) !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border-subtle) !important;
}

:root[data-sp-theme] [data-tg-chat-sidebar] select[aria-label="当前账号"] {
  appearance: none;
  height: 40px !important;
  min-height: 40px !important;
  padding-right: 36px !important;
  box-shadow: var(--shadow-xs) !important;
  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='%236B665F' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
}

:root[data-sp-theme="obsidian"] [data-tg-chat-sidebar] select[aria-label="当前账号"] {
  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='%23BBBBBB' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
}

:root[data-sp-theme] [data-tg-chat-sidebar] select[aria-label="当前账号"]:focus-visible {
  border-color: var(--brand-text) !important;
  box-shadow: 0 0 0 3px var(--focus-ring) !important;
}

:root[data-sp-theme] :is(.tg-chat-collapse, .tg-chat-refresh) {
  border-color: var(--border-subtle) !important;
  background: transparent !important;
  color: var(--text-tertiary) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: none !important;
}

:root[data-sp-theme] :is(.tg-chat-collapse, .tg-chat-refresh):hover {
  background: var(--bg-subtle) !important;
  color: var(--text-primary) !important;
}

[data-tg-chat-sidebar-collapsed="true"] .tg-chat-refresh {
  display: none !important;
}

:root[data-sp-theme] .tgsp-ca-rich-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  min-width: 28px;
  height: 28px;
  padding: 0;
  border-color: transparent;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-secondary);
}

:root[data-sp-theme] .tgsp-ca-rich-btn:hover {
  background: var(--bg-subtle);
  color: var(--text-primary);
}

:root[data-sp-theme] .tgsp-ca-rich-btn:active,
:root[data-sp-theme] .tgsp-ca-rich-btn[aria-pressed="true"] {
  background: var(--brand-soft);
  color: var(--brand-text);
}

.tgsp-ca-rich-btn svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:root[data-sp-theme] :is(.text-sky-500, .text-sky-600, .text-sky-700, .text-blue-500, .text-blue-600, .text-blue-700, .text-indigo-500, .text-indigo-600, .text-violet-500, .text-violet-600) {
  color: var(--brand-text) !important;
}

:root[data-sp-theme] :is(.ui-btn-primary, .tgprofile-btn-primary, .tgprofile-save-username, .tgsec-primary, .dm-button.primary, .tg-manager-button.primary:not(.danger)) :is(svg, span) {
  color: inherit !important;
}

:root[data-sp-theme] .ui-switch-on .ui-switch-knob {
  background: var(--brand-action-text) !important;
}

:root[data-sp-theme] :is([role="dialog"], .tgprofile-modal, .tgsec-modal, .tg-manager-dialog, .dm-modal) :is(.bg-gray-50, .bg-gray-100, .bg-slate-50, .bg-slate-100, .bg-sky-50, .bg-blue-50, .bg-indigo-50) {
  background: var(--bg-subtle) !important;
}

:root[data-sp-theme] :is([role="dialog"], .tgprofile-modal, .tgsec-modal, .tg-manager-dialog, .dm-modal) :is(.text-gray-400, .text-gray-500, .text-gray-600, .text-slate-500, .text-slate-600) {
  color: var(--text-secondary) !important;
}

@keyframes tgsp-overlay-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes tgsp-dialog-in {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes tgsp-menu-in {
  from { opacity: 0; transform: translateY(-3px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  :root :is(.tg-manager-overlay, .tgprofile-overlay, .tgsec-overlay, .dm-modal-backdrop, .tg-manager-dialog, .tgprofile-modal, .tgsec-modal, .dm-modal, .tg-tag-panel, .tg-tag-dialog, [role="dialog"], dialog[open]),
  dialog[open]::backdrop,
  .tgsp-theme-menu {
    animation: none !important;
  }
}

:root[data-sp-theme] aside.ui-sidebar nav a.router-link-active:not(.ui-nav-active):not([aria-current="page"]):hover {
  color: var(--text-primary) !important;
  background: var(--bg-subtle) !important;
}

:root[data-sp-theme] :is(button.bot-menu-label.is-active, .bot-menu-group.is-active > .bot-menu-label.is-active) {
  color: var(--text-primary) !important;
  background: transparent !important;
  box-shadow: none !important;
}

:root[data-sp-theme] .bot-submenu-item.is-active {
  color: var(--brand-text) !important;
  background: var(--brand-soft) !important;
  box-shadow: none !important;
}

:root[data-sp-theme] #tgsp-dashboard-r73 :is(.sp73-status-dot, .sp73-status-dot--success, .sp73-status-dot--error, .sp73-health-dot--good, .sp73-health-dot--warn, .sp73-failure-dot) {
  width: 7px !important;
  height: 7px !important;
  min-width: 7px !important;
  flex: 0 0 7px !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

:root[data-sp-theme] .tg-manager-notice.is-loading {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-secondary) !important;
  background: var(--bg-subtle) !important;
  border-color: var(--border-subtle) !important;
  box-shadow: none !important;
}

.tg-manager-notice.is-loading::before {
  content: "";
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  border: 2px solid var(--border-subtle);
  border-top-color: var(--brand-text);
  border-radius: 50%;
  animation: tgsp-list-loading 700ms linear infinite;
}

@keyframes tgsp-list-loading {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .tg-manager-notice.is-loading::before { animation: none; }
}

:root[data-sp-theme="obsidian"] :is(aside.ui-sidebar, header.ui-header-glass) {
  background: var(--bg-elevated) !important;
}

:root[data-sp-theme="blue"] :is(aside.ui-sidebar, header.ui-header-glass) {
  background: var(--bg-elevated) !important;
}

@media (max-width: 680px) {
  :root[data-sp-theme="obsidian"] body,
  :root[data-sp-theme="blue"] body { background-image: none !important; }

  #tgsp-dashboard-r73 .sp73-hero {
    min-height: auto !important;
    align-items: stretch !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    padding: 0 0 16px !important;
  }

  #tgsp-dashboard-r73 .sp73-hero-copy,
  #tgsp-dashboard-r73 .sp73-hero-actions {
    width: 100% !important;
  }

  #tgsp-dashboard-r73 .sp73-hero-copy {
    order: 1;
    min-width: 0;
  }

  #tgsp-dashboard-r73 .sp73-hero h1 {
    font-family: inherit !important;
  }

  #tgsp-dashboard-r73 .sp73-hero-actions {
    order: 2;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
  }

  #tgsp-dashboard-r73 .sp73-live {
    flex: 0 0 auto;
    margin: 0 !important;
  }

  #tgsp-dashboard-r73 .sp73-refresh { margin-left: auto; }
}

:root[data-sp-theme] .account-view-grid :is([data-tg-part="userid"], [data-tg-part="phone"]),
:root[data-sp-theme] .account-view-grid :is([data-tg-part="userid"], [data-tg-part="phone"]):hover {
  background: transparent !important;
  box-shadow: none !important;
}

:root[data-sp-theme] .bot-hierarchical-menu {
  padding: 10px !important;
}

:root[data-sp-theme] .tgprofile-modal {
  display: flex;
  flex-direction: column;
  width: min(560px, 100%);
  max-height: min(720px, calc(100dvh - 32px));
  overflow: hidden;
  padding: 0 !important;
}

:root[data-sp-theme] .tgprofile-head {
  flex: 0 0 auto;
  margin: 0;
  padding: 16px 20px;
  border-bottom: 1px solid var(--border-subtle);
}

:root[data-sp-theme] .tgprofile-modal > .tgprofile-msg {
  flex: 0 0 auto;
  margin: 10px 20px 0;
}

:root[data-sp-theme] .tgprofile-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 16px 20px;
}

:root[data-sp-theme] .tgprofile-body > * { grid-column: 1 / -1; }
:root[data-sp-theme] .tgprofile-field:has(.tgprofile-first),
:root[data-sp-theme] .tgprofile-field:has(.tgprofile-last) { grid-column: auto; }
:root[data-sp-theme] .tgprofile-field { min-width: 0; margin: 0; }
:root[data-sp-theme] .tgprofile-field :is(input, textarea) { box-sizing: border-box; padding: 8px 10px; }
:root[data-sp-theme] .tgprofile-field textarea { min-height: 64px; max-height: 160px; }
:root[data-sp-theme] .tgprofile-row { margin: 0; align-items: flex-start; }
:root[data-sp-theme] .tgprofile-row > div { flex: 1; min-width: 0; }
:root[data-sp-theme] .tgprofile-file { width: 100%; max-width: 100%; font-size: 12px; }
:root[data-sp-theme] .tgprofile-body > .tgprofile-actions { margin-top: 0; }

:root[data-sp-theme] .tgprofile-footer {
  flex: 0 0 auto;
  margin: 0;
  padding: 12px 20px;
  border-top: 1px solid var(--border-subtle);
  background: var(--bg-elevated);
}

:root[data-sp-theme] .tg-account-batch progress {
  appearance: none;
  -webkit-appearance: none;
  width: 96px;
  height: 6px;
  overflow: hidden;
  border: 0;
  border-radius: var(--radius-full);
  background: var(--bg-subtle);
  accent-color: var(--brand-action);
}

:root[data-sp-theme] .tg-account-batch progress::-webkit-progress-bar { background: var(--bg-subtle); }
:root[data-sp-theme] .tg-account-batch progress::-webkit-progress-value { background: var(--brand-action); }
:root[data-sp-theme] .tg-account-batch progress::-moz-progress-bar { background: var(--brand-action); }
:root[data-sp-theme] .tg-account-batch-note { color: var(--text-secondary); }

:root[data-sp-theme] [data-tg-batch-progress-label] {
  min-width: 32px;
  color: var(--text-secondary);
  font-variant-numeric: tabular-nums;
  font-size: 12px;
}

@media (max-width: 600px) {
  :root[data-sp-theme] .tgprofile-overlay { align-items: center; padding: 12px; }
  :root[data-sp-theme] .tgprofile-modal { max-height: calc(100dvh - 24px); }
  :root[data-sp-theme] .tgprofile-head { padding: 12px 16px; }
  :root[data-sp-theme] .tgprofile-body { gap: 10px; padding: 12px 16px; }
  :root[data-sp-theme] .tgprofile-footer { padding: 10px 16px; }
}

/* Log rows become cards at this breakpoint, so their desktop headings no longer align. */
@media (max-width: 680px) {
  main .ui-card[class~="min-h-[500px]"] .ui-table-head.hidden { display: none !important; }
}