@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100: oklch(93.6% .032 17.717);--color-red-200: oklch(88.5% .062 18.334);--color-red-300: oklch(80.8% .114 19.571);--color-red-400: oklch(70.4% .191 22.216);--color-red-500: oklch(63.7% .237 25.331);--color-red-700: oklch(50.5% .213 27.518);--color-red-800: oklch(44.4% .177 26.899);--color-red-900: oklch(39.6% .141 25.723);--color-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-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-green-400: oklch(79.2% .209 151.711);--color-blue-50: oklch(97% .014 254.604);--color-blue-100: oklch(93.2% .032 255.585);--color-blue-200: oklch(88.2% .059 254.128);--color-blue-300: oklch(80.9% .105 251.813);--color-blue-400: oklch(70.7% .165 254.624);--color-blue-500: oklch(62.3% .214 259.815);--color-blue-600: oklch(54.6% .245 262.881);--color-blue-700: oklch(48.8% .243 264.376);--color-blue-800: oklch(42.4% .199 265.638);--color-blue-900: oklch(37.9% .146 265.522);--color-purple-400: oklch(71.4% .203 305.504);--color-purple-500: oklch(62.7% .265 303.9);--color-purple-600: oklch(55.8% .288 302.321);--color-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-white: #fff;--spacing: .25rem;--breakpoint-md: 48rem;--breakpoint-xl: 80rem;--container-sm: 24rem;--container-2xl: 42rem;--container-4xl: 56rem;--container-6xl: 72rem;--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: 1.5 ;--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-5xl: 3rem;--text-5xl--line-height: 1;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--tracking-tight: -.025em;--leading-relaxed: 1.625;--radius-lg: .5rem;--animate-spin: spin 1s linear infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--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);--color-brand-purple: #9333ea;--color-brand-purple-hover: #7e22ce;--color-brand-blue: #1d4ed8;--color-brand-blue-hover: #1e40af;--color-text-primary: rgb(17 24 39);--color-text-secondary: rgb(107 114 128);--color-bg-primary: rgb(255 255 255);--color-bg-secondary: rgb(249 250 251);--color-border-primary: rgb(229 231 235);--color-border-secondary: rgb(243 244 246);--spacing-container-padding: 1.5rem;--spacing-container-padding-mobile: 1rem;--max-width-container: 80rem;--nav-height-mobile: 64px;--nav-height-desktop: 80px}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:calc(var(--spacing) * 0)}.right-0{right:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-50{z-index:50}.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}}@media (width >= 120rem){.container{max-width:120rem}}.m-1{margin:calc(var(--spacing) * 1)}.m-2{margin:calc(var(--spacing) * 2)}.m-4{margin:calc(var(--spacing) * 4)}.m-5{margin:calc(var(--spacing) * 5)}.m-7{margin:calc(var(--spacing) * 7)}.m-11{margin:calc(var(--spacing) * 11)}.m-12{margin:calc(var(--spacing) * 12)}.m-14{margin:calc(var(--spacing) * 14)}.m-15{margin:calc(var(--spacing) * 15)}.m-17{margin:calc(var(--spacing) * 17)}.m-18{margin:calc(var(--spacing) * 18)}.m-20{margin:calc(var(--spacing) * 20)}.m-21{margin:calc(var(--spacing) * 21)}.m-23{margin:calc(var(--spacing) * 23)}.m-24{margin:calc(var(--spacing) * 24)}.m-25{margin:calc(var(--spacing) * 25)}.m-28{margin:calc(var(--spacing) * 28)}.m-29{margin:calc(var(--spacing) * 29)}.m-30{margin:calc(var(--spacing) * 30)}.m-31{margin:calc(var(--spacing) * 31)}.m-33{margin:calc(var(--spacing) * 33)}.m-35{margin:calc(var(--spacing) * 35)}.m-36{margin:calc(var(--spacing) * 36)}.m-37{margin:calc(var(--spacing) * 37)}.m-38{margin:calc(var(--spacing) * 38)}.m-39{margin:calc(var(--spacing) * 39)}.m-40{margin:calc(var(--spacing) * 40)}.m-42{margin:calc(var(--spacing) * 42)}.m-47{margin:calc(var(--spacing) * 47)}.m-48{margin:calc(var(--spacing) * 48)}.m-49{margin:calc(var(--spacing) * 49)}.m-50{margin:calc(var(--spacing) * 50)}.m-51{margin:calc(var(--spacing) * 51)}.m-53{margin:calc(var(--spacing) * 53)}.m-54{margin:calc(var(--spacing) * 54)}.m-55{margin:calc(var(--spacing) * 55)}.m-56{margin:calc(var(--spacing) * 56)}.m-58{margin:calc(var(--spacing) * 58)}.m-59{margin:calc(var(--spacing) * 59)}.m-60{margin:calc(var(--spacing) * 60)}.m-61{margin:calc(var(--spacing) * 61)}.m-62{margin:calc(var(--spacing) * 62)}.m-64{margin:calc(var(--spacing) * 64)}.m-65{margin:calc(var(--spacing) * 65)}.m-66{margin:calc(var(--spacing) * 66)}.m-67{margin:calc(var(--spacing) * 67)}.m-68{margin:calc(var(--spacing) * 68)}.m-70{margin:calc(var(--spacing) * 70)}.m-74{margin:calc(var(--spacing) * 74)}.m-75{margin:calc(var(--spacing) * 75)}.m-79{margin:calc(var(--spacing) * 79)}.m-80{margin:calc(var(--spacing) * 80)}.m-82{margin:calc(var(--spacing) * 82)}.m-85{margin:calc(var(--spacing) * 85)}.m-86{margin:calc(var(--spacing) * 86)}.m-90{margin:calc(var(--spacing) * 90)}.m-91{margin:calc(var(--spacing) * 91)}.m-92{margin:calc(var(--spacing) * 92)}.m-95{margin:calc(var(--spacing) * 95)}.m-96{margin:calc(var(--spacing) * 96)}.m-103{margin:calc(var(--spacing) * 103)}.m-104{margin:calc(var(--spacing) * 104)}.m-106{margin:calc(var(--spacing) * 106)}.m-110{margin:calc(var(--spacing) * 110)}.m-111{margin:calc(var(--spacing) * 111)}.m-116{margin:calc(var(--spacing) * 116)}.m-120{margin:calc(var(--spacing) * 120)}.m-121{margin:calc(var(--spacing) * 121)}.m-122{margin:calc(var(--spacing) * 122)}.m-125{margin:calc(var(--spacing) * 125)}.m-130{margin:calc(var(--spacing) * 130)}.m-134{margin:calc(var(--spacing) * 134)}.m-135{margin:calc(var(--spacing) * 135)}.m-136{margin:calc(var(--spacing) * 136)}.m-137{margin:calc(var(--spacing) * 137)}.m-140{margin:calc(var(--spacing) * 140)}.m-148{margin:calc(var(--spacing) * 148)}.m-155{margin:calc(var(--spacing) * 155)}.m-157{margin:calc(var(--spacing) * 157)}.m-161{margin:calc(var(--spacing) * 161)}.m-164{margin:calc(var(--spacing) * 164)}.m-170{margin:calc(var(--spacing) * 170)}.m-183{margin:calc(var(--spacing) * 183)}.m-185{margin:calc(var(--spacing) * 185)}.m-190{margin:calc(var(--spacing) * 190)}.m-198{margin:calc(var(--spacing) * 198)}.m-200{margin:calc(var(--spacing) * 200)}.m-205{margin:calc(var(--spacing) * 205)}.m-210{margin:calc(var(--spacing) * 210)}.m-212{margin:calc(var(--spacing) * 212)}.m-216{margin:calc(var(--spacing) * 216)}.m-218{margin:calc(var(--spacing) * 218)}.m-223{margin:calc(var(--spacing) * 223)}.m-227{margin:calc(var(--spacing) * 227)}.m-232{margin:calc(var(--spacing) * 232)}.m-238{margin:calc(var(--spacing) * 238)}.m-239{margin:calc(var(--spacing) * 239)}.m-240{margin:calc(var(--spacing) * 240)}.m-247{margin:calc(var(--spacing) * 247)}.m-249{margin:calc(var(--spacing) * 249)}.m-250{margin:calc(var(--spacing) * 250)}.m-254{margin:calc(var(--spacing) * 254)}.m-255{margin:calc(var(--spacing) * 255)}.m-256{margin:calc(var(--spacing) * 256)}.m-259{margin:calc(var(--spacing) * 259)}.m-260{margin:calc(var(--spacing) * 260)}.m-262{margin:calc(var(--spacing) * 262)}.m-266{margin:calc(var(--spacing) * 266)}.m-268{margin:calc(var(--spacing) * 268)}.m-269{margin:calc(var(--spacing) * 269)}.m-270{margin:calc(var(--spacing) * 270)}.m-271{margin:calc(var(--spacing) * 271)}.m-275{margin:calc(var(--spacing) * 275)}.m-276{margin:calc(var(--spacing) * 276)}.m-280{margin:calc(var(--spacing) * 280)}.m-288{margin:calc(var(--spacing) * 288)}.m-308{margin:calc(var(--spacing) * 308)}.m-311{margin:calc(var(--spacing) * 311)}.m-314{margin:calc(var(--spacing) * 314)}.m-320{margin:calc(var(--spacing) * 320)}.m-323{margin:calc(var(--spacing) * 323)}.m-325{margin:calc(var(--spacing) * 325)}.m-339{margin:calc(var(--spacing) * 339)}.m-341{margin:calc(var(--spacing) * 341)}.m-347{margin:calc(var(--spacing) * 347)}.m-352{margin:calc(var(--spacing) * 352)}.m-360{margin:calc(var(--spacing) * 360)}.m-364{margin:calc(var(--spacing) * 364)}.m-376{margin:calc(var(--spacing) * 376)}.m-384{margin:calc(var(--spacing) * 384)}.m-390{margin:calc(var(--spacing) * 390)}.m-420{margin:calc(var(--spacing) * 420)}.m-423{margin:calc(var(--spacing) * 423)}.m-443{margin:calc(var(--spacing) * 443)}.m-451{margin:calc(var(--spacing) * 451)}.m-458{margin:calc(var(--spacing) * 458)}.m-460{margin:calc(var(--spacing) * 460)}.m-464{margin:calc(var(--spacing) * 464)}.m-479{margin:calc(var(--spacing) * 479)}.m-484{margin:calc(var(--spacing) * 484)}.m-492{margin:calc(var(--spacing) * 492)}.m-500{margin:calc(var(--spacing) * 500)}.m-510{margin:calc(var(--spacing) * 510)}.m-530{margin:calc(var(--spacing) * 530)}.m-539{margin:calc(var(--spacing) * 539)}.m-543{margin:calc(var(--spacing) * 543)}.m-568{margin:calc(var(--spacing) * 568)}.m-571{margin:calc(var(--spacing) * 571)}.m-576{margin:calc(var(--spacing) * 576)}.m-601{margin:calc(var(--spacing) * 601)}.m-637{margin:calc(var(--spacing) * 637)}.m-679{margin:calc(var(--spacing) * 679)}.m-685{margin:calc(var(--spacing) * 685)}.m-703{margin:calc(var(--spacing) * 703)}.m-718{margin:calc(var(--spacing) * 718)}.m-740{margin:calc(var(--spacing) * 740)}.m-748{margin:calc(var(--spacing) * 748)}.m-760{margin:calc(var(--spacing) * 760)}.m-775{margin:calc(var(--spacing) * 775)}.m-791{margin:calc(var(--spacing) * 791)}.m-800{margin:calc(var(--spacing) * 800)}.m-804{margin:calc(var(--spacing) * 804)}.m-819{margin:calc(var(--spacing) * 819)}.m-825{margin:calc(var(--spacing) * 825)}.m-834{margin:calc(var(--spacing) * 834)}.m-836{margin:calc(var(--spacing) * 836)}.m-870{margin:calc(var(--spacing) * 870)}.m-875{margin:calc(var(--spacing) * 875)}.m-895{margin:calc(var(--spacing) * 895)}.m-945{margin:calc(var(--spacing) * 945)}.m-975{margin:calc(var(--spacing) * 975)}.m-976{margin:calc(var(--spacing) * 976)}.m-978{margin:calc(var(--spacing) * 978)}.m-998{margin:calc(var(--spacing) * 998)}.m-1002{margin:calc(var(--spacing) * 1002)}.m-1011{margin:calc(var(--spacing) * 1011)}.m-1015{margin:calc(var(--spacing) * 1015)}.m-1024{margin:calc(var(--spacing) * 1024)}.m-1033{margin:calc(var(--spacing) * 1033)}.m-1035{margin:calc(var(--spacing) * 1035)}.m-1045{margin:calc(var(--spacing) * 1045)}.m-1060{margin:calc(var(--spacing) * 1060)}.m-1072{margin:calc(var(--spacing) * 1072)}.m-1080{margin:calc(var(--spacing) * 1080)}.m-1105{margin:calc(var(--spacing) * 1105)}.m-1106{margin:calc(var(--spacing) * 1106)}.m-1111{margin:calc(var(--spacing) * 1111)}.m-1112{margin:calc(var(--spacing) * 1112)}.m-1120{margin:calc(var(--spacing) * 1120)}.m-1133{margin:calc(var(--spacing) * 1133)}.m-1143{margin:calc(var(--spacing) * 1143)}.m-1159{margin:calc(var(--spacing) * 1159)}.m-1160{margin:calc(var(--spacing) * 1160)}.m-1170{margin:calc(var(--spacing) * 1170)}.m-1172{margin:calc(var(--spacing) * 1172)}.m-1181{margin:calc(var(--spacing) * 1181)}.m-1205{margin:calc(var(--spacing) * 1205)}.m-1221{margin:calc(var(--spacing) * 1221)}.m-1222{margin:calc(var(--spacing) * 1222)}.m-1249{margin:calc(var(--spacing) * 1249)}.m-1250{margin:calc(var(--spacing) * 1250)}.m-1256{margin:calc(var(--spacing) * 1256)}.m-1270{margin:calc(var(--spacing) * 1270)}.m-1276{margin:calc(var(--spacing) * 1276)}.m-1288{margin:calc(var(--spacing) * 1288)}.m-1304{margin:calc(var(--spacing) * 1304)}.m-1305{margin:calc(var(--spacing) * 1305)}.m-1310{margin:calc(var(--spacing) * 1310)}.m-1315{margin:calc(var(--spacing) * 1315)}.m-1317{margin:calc(var(--spacing) * 1317)}.m-1320{margin:calc(var(--spacing) * 1320)}.m-1323{margin:calc(var(--spacing) * 1323)}.m-1337{margin:calc(var(--spacing) * 1337)}.m-1339{margin:calc(var(--spacing) * 1339)}.m-1347{margin:calc(var(--spacing) * 1347)}.m-1348{margin:calc(var(--spacing) * 1348)}.m-1353{margin:calc(var(--spacing) * 1353)}.m-1356{margin:calc(var(--spacing) * 1356)}.m-1359{margin:calc(var(--spacing) * 1359)}.m-1363{margin:calc(var(--spacing) * 1363)}.m-1390{margin:calc(var(--spacing) * 1390)}.m-1392{margin:calc(var(--spacing) * 1392)}.m-1420{margin:calc(var(--spacing) * 1420)}.m-1428{margin:calc(var(--spacing) * 1428)}.m-1430{margin:calc(var(--spacing) * 1430)}.m-1433{margin:calc(var(--spacing) * 1433)}.m-1436{margin:calc(var(--spacing) * 1436)}.m-1440{margin:calc(var(--spacing) * 1440)}.m-1442{margin:calc(var(--spacing) * 1442)}.m-1452{margin:calc(var(--spacing) * 1452)}.m-1459{margin:calc(var(--spacing) * 1459)}.m-1469{margin:calc(var(--spacing) * 1469)}.m-1471{margin:calc(var(--spacing) * 1471)}.m-1473{margin:calc(var(--spacing) * 1473)}.m-1478{margin:calc(var(--spacing) * 1478)}.m-1482{margin:calc(var(--spacing) * 1482)}.m-1484{margin:calc(var(--spacing) * 1484)}.m-1488{margin:calc(var(--spacing) * 1488)}.m-1492{margin:calc(var(--spacing) * 1492)}.m-1504{margin:calc(var(--spacing) * 1504)}.m-1524{margin:calc(var(--spacing) * 1524)}.m-1547{margin:calc(var(--spacing) * 1547)}.m-1571{margin:calc(var(--spacing) * 1571)}.m-1578{margin:calc(var(--spacing) * 1578)}.m-1580{margin:calc(var(--spacing) * 1580)}.m-1655{margin:calc(var(--spacing) * 1655)}.m-1666{margin:calc(var(--spacing) * 1666)}.m-1672{margin:calc(var(--spacing) * 1672)}.m-1716{margin:calc(var(--spacing) * 1716)}.m-1762{margin:calc(var(--spacing) * 1762)}.m-1769{margin:calc(var(--spacing) * 1769)}.m-1774{margin:calc(var(--spacing) * 1774)}.m-1777{margin:calc(var(--spacing) * 1777)}.m-1787{margin:calc(var(--spacing) * 1787)}.m-1798{margin:calc(var(--spacing) * 1798)}.m-1837{margin:calc(var(--spacing) * 1837)}.m-1848{margin:calc(var(--spacing) * 1848)}.m-1857{margin:calc(var(--spacing) * 1857)}.m-1862{margin:calc(var(--spacing) * 1862)}.m-1870{margin:calc(var(--spacing) * 1870)}.m-1880{margin:calc(var(--spacing) * 1880)}.m-1887{margin:calc(var(--spacing) * 1887)}.m-1944{margin:calc(var(--spacing) * 1944)}.m-1945{margin:calc(var(--spacing) * 1945)}.m-1965{margin:calc(var(--spacing) * 1965)}.m-1970{margin:calc(var(--spacing) * 1970)}.m-1994{margin:calc(var(--spacing) * 1994)}.m-2006{margin:calc(var(--spacing) * 2006)}.m-2034{margin:calc(var(--spacing) * 2034)}.m-2042{margin:calc(var(--spacing) * 2042)}.m-2043{margin:calc(var(--spacing) * 2043)}.m-2115{margin:calc(var(--spacing) * 2115)}.m-2143{margin:calc(var(--spacing) * 2143)}.m-2260{margin:calc(var(--spacing) * 2260)}.m-2386{margin:calc(var(--spacing) * 2386)}.m-2682{margin:calc(var(--spacing) * 2682)}.m-3188{margin:calc(var(--spacing) * 3188)}.m-3391{margin:calc(var(--spacing) * 3391)}.m-3454{margin:calc(var(--spacing) * 3454)}.m-3802{margin:calc(var(--spacing) * 3802)}.mx-auto{margin-inline:auto}.my-8{margin-block:calc(var(--spacing) * 8)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table-row{display:table-row}.h-3{height:calc(var(--spacing) * 3)}.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-auto{height:auto}.max-h-24{max-height:calc(var(--spacing) * 24)}.min-h-20{min-height:calc(var(--spacing) * 20)}.w-2\/3{width:calc(2/3 * 100%)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-5\/6{width:calc(5/6 * 100%)}.w-6{width:calc(var(--spacing) * 6)}.w-48{width:calc(var(--spacing) * 48)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[760px\]{max-width:760px}.max-w-screen-md{max-width:var(--breakpoint-md)}.max-w-screen-xl{max-width:var(--breakpoint-xl)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-64{min-width:calc(var(--spacing) * 64)}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.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-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}: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-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-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)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-amber-300{border-color:var(--color-amber-300)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-400{border-color:var(--color-blue-400)}.border-gray-200{border-color:var(--color-gray-200)}.border-purple-500{border-color:var(--color-purple-500)}.border-red-300{border-color:var(--color-red-300)}.border-red-500{border-color:var(--color-red-500)}.border-red-700{border-color:var(--color-red-700)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-900\/50{background-color:color-mix(in srgb,oklch(39.6% .141 25.723) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-red-900\/50{background-color:color-mix(in oklab,var(--color-red-900) 50%,transparent)}}.bg-white{background-color:var(--color-white)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight: var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight: var(--font-weight-light);font-weight:var(--font-weight-light)}.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-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-amber-800{color:var(--color-amber-800)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-brand-purple{color:var(--color-brand-purple)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-400{color:var(--color-green-400)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-25{opacity:25%}.opacity-75{opacity:75%}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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,)}.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-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))}@media (hover: hover){.hover\:bg-blue-800:hover{background-color:var(--color-blue-800)}}@media (hover: hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}}@media (hover: hover){.hover\:underline:hover{text-decoration-line:underline}}.focus\:ring-2:focus{--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\:ring-4:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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\:ring-blue-300:focus{--tw-ring-color: var(--color-blue-300)}.focus\:ring-gray-200:focus{--tw-ring-color: var(--color-gray-200)}.focus\:outline-none:focus{--tw-outline-style: none;outline-style:none}@media (width >= 40rem){.sm\:w-auto{width:auto}}@media (width >= 40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width >= 40rem){.sm\:flex-row{flex-direction:row}}@media (width >= 40rem){.sm\:gap-12{gap:calc(var(--spacing) * 12)}}@media (width >= 40rem){.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (width >= 40rem){.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}}@media (width >= 48rem){.md\:hidden{display:none}}@media (width >= 48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width >= 48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width >= 64rem){.lg\:col-span-4{grid-column:span 4 / span 4}}@media (width >= 64rem){.lg\:mb-12{margin-bottom:calc(var(--spacing) * 12)}}@media (width >= 64rem){.lg\:flex{display:flex}}@media (width >= 64rem){.lg\:grid{display:grid}}@media (width >= 64rem){.lg\:hidden{display:none}}@media (width >= 64rem){.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width >= 64rem){.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (width >= 64rem){.lg\:items-center{align-items:center}}@media (width >= 64rem){.lg\:justify-center{justify-content:center}}@media (width >= 64rem){:where(.lg\:space-y-12>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}}@media (width >= 64rem){:where(.lg\:space-y-20>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)))}}@media (width >= 64rem){.lg\:overflow-auto{overflow:auto}}@media (width >= 64rem){.lg\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (width >= 64rem){.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media (width >= 64rem){.lg\:py-24{padding-block:calc(var(--spacing) * 24)}}@media (width >= 64rem){.lg\:pt-0{padding-top:calc(var(--spacing) * 0)}}@media (width >= 64rem){.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}}@media (width >= 64rem){.lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}}@media (width >= 80rem){.xl\:gap-16{gap:calc(var(--spacing) * 16)}}.dark\:border-amber-700:where(.dark,.dark *){border-color:var(--color-amber-700)}.dark\:border-blue-500:where(.dark,.dark *){border-color:var(--color-blue-500)}.dark\:border-blue-800:where(.dark,.dark *){border-color:var(--color-blue-800)}.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-purple-400:where(.dark,.dark *){border-color:var(--color-purple-400)}.dark\:border-red-700:where(.dark,.dark *){border-color:var(--color-red-700)}.dark\:bg-amber-900\/30:where(.dark,.dark *){background-color:color-mix(in srgb,oklch(41.4% .112 45.904) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.dark\:bg-amber-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900) 30%,transparent)}}.dark\:bg-blue-600:where(.dark,.dark *){background-color:var(--color-blue-600)}.dark\:bg-blue-900\/20:where(.dark,.dark *){background-color:color-mix(in srgb,oklch(37.9% .146 265.522) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.dark\:bg-blue-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-900) 20%,transparent)}}.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-900:where(.dark,.dark *){background-color:var(--color-gray-900)}.dark\:bg-red-900\/30:where(.dark,.dark *){background-color:color-mix(in srgb,oklch(39.6% .141 25.723) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.dark\:bg-red-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-red-900) 30%,transparent)}}.dark\:fill-white:where(.dark,.dark *){fill:var(--color-white)}.dark\:text-amber-200:where(.dark,.dark *){color:var(--color-amber-200)}.dark\:text-blue-100:where(.dark,.dark *){color:var(--color-blue-100)}.dark\:text-blue-200:where(.dark,.dark *){color:var(--color-blue-200)}.dark\:text-blue-400:where(.dark,.dark *){color:var(--color-blue-400)}.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-green-400:where(.dark,.dark *){color:var(--color-green-400)}.dark\:text-purple-400:where(.dark,.dark *){color:var(--color-purple-400)}.dark\:text-red-200:where(.dark,.dark *){color:var(--color-red-200)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}@media (hover: hover){.dark\:hover\:bg-blue-700:where(.dark,.dark *):hover{background-color:var(--color-blue-700)}}@media (hover: hover){.dark\:hover\:bg-gray-600:where(.dark,.dark *):hover{background-color:var(--color-gray-600)}}@media (hover: hover){.dark\:hover\:bg-gray-700:where(.dark,.dark *):hover{background-color:var(--color-gray-700)}}.dark\:focus\:ring-blue-800:where(.dark,.dark *):focus{--tw-ring-color: var(--color-blue-800)}.dark\:focus\:ring-gray-600:where(.dark,.dark *):focus{--tw-ring-color: var(--color-gray-600)}.dark\:has-\[\.footer-dark\]\:bg-gray-900:where(.dark,.dark *):has(*:is(.footer-dark)){background-color:var(--color-gray-900)}}:root{--dark-text-color: rgb(156, 163, 175);--light-text-color: rgb(107, 114, 128);--purple-text-color-600: rgb(126, 58, 242);--purple-text-color-500: rgb(144, 97, 249);--bg-gray-600: rgb(75, 85, 99);--bg-gray-700: rgb(55, 65, 81);--green-background: rgb(22, 90, 46);--green-text: rgb(22, 163, 74)}html{min-height:100vh;background-color:var(--color-bg-secondary)}html.dark{background-color:#1f2937}body{min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}body.overflow-hidden{overflow:hidden}@media (min-width: 1024px){body.overflow-hidden{overflow:auto}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}header{z-index:50;transition:all .3s ease-in-out}nav{position:relative}.logo-container{display:flex;align-items:center;flex-shrink:0}.logo-link{display:flex;align-items:center;gap:.75rem;padding:.25rem;border-radius:.5rem;transition:all .2s ease-in-out}.logo-link:focus{outline:none;box-shadow:0 0 0 2px var(--color-brand-purple),0 0 0 4px #9333ea1a}.logo-link:hover{background-color:#f9fafb}.dark .logo-link:hover{background-color:#1f2937}.logo-image{height:2rem;width:auto}@media (min-width: 1024px){.logo-image{height:2.5rem}}.logo-text{font-size:1.25rem;font-weight:700;color:#111827;white-space:nowrap}@media (min-width: 1024px){.logo-text{font-size:1.5rem}}.dark .logo-text{color:#fff}.nav-actions{display:flex;align-items:center;gap:.75rem}.nav-container{display:flex;align-items:center;justify-content:space-between;height:4rem}@media (min-width: 1024px){.nav-container{height:5rem}}header a[routerLink="/"]{transition:transform .2s ease-in-out}header a[routerLink="/"]:hover{transform:scale(1.05)}theme-toggle{display:flex;align-items:center}.mobile-menu-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.375rem;color:#4b5563;background-color:transparent;border:none;cursor:pointer;transition:all .2s ease-in-out}.mobile-menu-button:hover{color:#111827;background-color:#f3f4f6}.mobile-menu-button:focus{outline:none;box-shadow:0 0 0 2px var(--color-brand-purple) inset}.dark .mobile-menu-button{color:#d1d5db}.dark .mobile-menu-button:hover{color:#fff;background-color:#374151}@media (min-width: 1024px){.mobile-menu-button{display:none}}.menu-icon{width:1.5rem;height:1.5rem}.mobile-menu-backdrop{position:fixed;inset:0;background-color:#00000040;transition:opacity .3s ease-in-out;opacity:0;pointer-events:none;z-index:40}.mobile-menu-backdrop.show{opacity:1;pointer-events:auto}.dark .mobile-menu-backdrop.show{background-color:#00000080}@media (min-width: 1024px){.mobile-menu-backdrop{display:none}}.mobile-menu-panel{position:absolute;top:100%;left:0;right:0;background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:0 0 .5rem .5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-10px);opacity:0;visibility:hidden;transition:all .3s ease-in-out;z-index:50}.mobile-menu-panel.open{transform:translateY(0);opacity:1;visibility:visible}.dark .mobile-menu-panel{background-color:#1f2937;border-color:#374151;box-shadow:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d}@media (max-width: 1023px){.mobile-menu-panel{animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.mobile-menu-panel.open{animation-name:slideDown}}.nav-menu-desktop{display:none}@media (min-width: 1024px){.nav-menu-desktop{display:flex;align-items:center;gap:2rem}}.nav-link{padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);border-radius:.375rem;transition:all .2s ease-in-out;text-decoration:none}.nav-link:hover{color:var(--color-brand-purple);background-color:var(--color-bg-secondary)}.nav-link:focus{outline:none;box-shadow:0 0 0 2px var(--color-brand-purple),0 0 0 4px #9333ea1a}.dark .nav-link{color:#9ca3af}.dark .nav-link:hover{color:#d8b4fe;background-color:#374151}.nav-link-active{color:var(--color-brand-purple);background-color:#f3e8ff;font-weight:600}.dark .nav-link-active{color:#d8b4fe;background-color:#581c874d}.mobile-nav-link{display:block;padding:.75rem 1rem;font-size:1rem;font-weight:500;color:var(--color-text-secondary);border-radius:.375rem;transition:all .2s ease-in-out;text-decoration:none}.mobile-nav-link:hover{color:var(--color-brand-purple);background-color:var(--color-bg-secondary)}.mobile-nav-link:focus{outline:none;box-shadow:0 0 0 2px var(--color-brand-purple),0 0 0 4px #9333ea1a}.dark .mobile-nav-link{color:#9ca3af}.dark .mobile-nav-link:hover{color:#d8b4fe;background-color:#374151}.mobile-nav-link-active{color:var(--color-brand-purple);background-color:#f3e8ff;font-weight:600}.dark .mobile-nav-link-active{color:#d8b4fe;background-color:#581c874d}.nav-link,.mobile-nav-link,button{will-change:transform}.nav-link:focus-visible,.mobile-nav-link:focus-visible,button:focus-visible{outline:2px solid var(--color-brand-purple);outline-offset:2px}.nav-dropdown-container{position:relative;display:inline-block}.nav-dropdown-trigger{display:flex;align-items:center;gap:.25rem;cursor:pointer;background:none;border:none}.nav-dropdown-chevron{width:1rem;height:1rem;transition:transform .2s ease-in-out}.nav-dropdown-chevron-open{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:0;z-index:50;min-width:12rem;margin-top:.25rem;padding:.5rem 0;background-color:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.dark .nav-dropdown-menu{background-color:#1f2937;border-color:#374151}.nav-dropdown-item{display:block;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:all .15s ease-in-out}.nav-dropdown-item:hover{color:var(--color-brand-purple);background-color:var(--color-bg-secondary)}.dark .nav-dropdown-item{color:#9ca3af}.dark .nav-dropdown-item:hover{color:#d8b4fe;background-color:#374151}.nav-dropdown-item-active{color:var(--color-brand-purple);background-color:#f3e8ff}.dark .nav-dropdown-item-active{color:#d8b4fe;background-color:#581c874d}.mobile-nav-submenu{display:flex;flex-direction:column}.mobile-nav-submenu-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:none;border:none;cursor:pointer}.mobile-nav-chevron{width:1.25rem;height:1.25rem;transition:transform .2s ease-in-out}.mobile-nav-chevron-open{transform:rotate(180deg)}.mobile-nav-submenu-items{padding-left:1rem;border-left:2px solid var(--color-border-secondary);margin-left:1rem;margin-top:.25rem}.dark .mobile-nav-submenu-items{border-left-color:#374151}.mobile-nav-submenu-item{font-size:.9375rem}.footer-text{display:block;font-size:.875rem;text-align:center;color:#6b7280}.dark .footer-text{color:#9ca3af}.footer-logo-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.5rem;font-weight:600;color:#111827}.dark .footer-logo-wrapper{color:#fff}.footer-logo-image{height:1.5rem;margin-right:.75rem;width:auto}@media (min-width: 640px){.footer-logo-image{height:2.25rem}}.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (min-width: 768px){.footer-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.footer-grid{grid-template-columns:repeat(5,1fr)}}.footer-heading{margin-bottom:1rem;font-size:.875rem;font-weight:600;color:#111827;text-transform:uppercase}.dark .footer-heading{color:#fff}.footer-links{list-style:none;padding:0;margin:0;color:#6b7280}.dark .footer-links{color:#9ca3af}.footer-links li{margin-bottom:.75rem}.footer-links a{text-decoration:none;color:inherit;transition:-webkit-text-decoration .15s ease;transition:text-decoration .15s ease;transition:text-decoration .15s ease,-webkit-text-decoration .15s ease}.footer-links a:hover{text-decoration:underline}.footer-container{max-width:80rem;padding:1rem;margin-left:auto;margin-right:auto}@media (min-width: 1024px){.footer-container{padding:2rem}}@media (min-width: 768px){.footer-container{padding:1.5rem}}.footer-divider{margin-top:1rem;margin-bottom:1rem;border-color:#e5e7eb;margin-left:auto;margin-right:auto}@media (min-width: 640px){.footer-divider{margin-left:auto;margin-right:auto}}@media (min-width: 1024px){.footer-divider{margin-top:1.5rem;margin-bottom:1.5rem}}.dark .footer-divider{border-color:#374151}.footer-bottom{text-align:center;margin-top:1.5rem}.wrapper{min-height:100vh;display:flex;flex-direction:column;padding-top:var(--nav-height-mobile)}@media (min-width: 1024px){.wrapper{padding-top:var(--nav-height-desktop)}}.section-primary{background-color:var(--color-bg-primary)}.dark .section-primary{background-color:#111827}.section-secondary{background-color:var(--color-bg-secondary)}.dark .section-secondary{background-color:#1f2937}.container-page-header{display:grid;max-width:var(--max-width-container);padding-left:var(--spacing-container-padding-mobile);padding-right:var(--spacing-container-padding-mobile);padding-top:1rem;padding-bottom:.75rem;margin-left:auto;margin-right:auto}@media (min-width: 64rem){.container-page-header{gap:2rem;padding-top:1.5rem;padding-bottom:1rem}}@media (min-width: 80rem){.container-page-header{gap:0}}.container-centered-md{max-width:48rem;margin-left:auto;margin-right:auto;padding:1rem;text-align:center}@media (min-width: 64rem){.container-centered-md{margin-bottom:3rem}}.container-page-content{max-width:80rem;padding:2rem 1rem;margin-left:auto;margin-right:auto}@media (min-width: 64rem){.container-page-content{padding:4rem 1.5rem}}.container-content{max-width:var(--max-width-container);padding:1.5rem var(--spacing-container-padding-mobile);margin-left:auto;margin-right:auto}@media (min-width: 64rem){.container-content{padding:3rem var(--spacing-container-padding)}}.container-content-sm{max-width:var(--max-width-container);padding:1rem var(--spacing-container-padding-mobile);margin-left:auto;margin-right:auto}@media (min-width: 64rem){.container-content-sm{padding:2rem var(--spacing-container-padding)}}.container-content-minimal{max-width:var(--max-width-container);padding:.75rem var(--spacing-container-padding-mobile);margin-left:auto;margin-right:auto}@media (min-width: 64rem){.container-content-minimal{padding:1.25rem var(--spacing-container-padding)}}.container-spaced{max-width:var(--max-width-container);padding:1.5rem var(--spacing-container-padding-mobile);margin-left:auto;margin-right:auto}.container-spaced>*+*{margin-top:2rem}@media (min-width: 64rem){.container-spaced{padding:3rem var(--spacing-container-padding)}.container-spaced>*+*{margin-top:3rem}}.grid-items{align-items:center;gap:1.5rem}@media (min-width: 64rem){.grid-items{display:grid}}@media (min-width: 80rem){.grid-items{gap:2.5rem}}.grid-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media (min-width: 48rem){.grid-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}@media (min-width: 64rem){.grid-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}}.grid-stats{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width: 48rem){.grid-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 64rem){.grid-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}}.place-center{margin-right:auto;place-self:center}@media (min-width: 64rem){.place-center{grid-column:span 7 / span 7}}.heading-hero{margin-bottom:.5rem;font-size:2.25rem;font-weight:800;line-height:1;letter-spacing:-.025em}@media (min-width: 48rem){.heading-hero{font-size:3rem}}@media (min-width: 80rem){.heading-hero{font-size:3.75rem}}.dark .heading-hero{color:#fff}.heading-page-title{margin-bottom:1rem;font-size:2.25rem;font-weight:800;letter-spacing:-.025em;color:#111827}.dark .heading-page-title{color:#fff}.heading-card{margin-bottom:1rem;font-size:1.5rem;font-weight:600}.heading-item{font-size:1.125rem;font-weight:600;color:#111827}.dark .heading-item{color:#fff}.heading-section{font-size:1.875rem;font-weight:800;letter-spacing:-.025em;color:var(--color-text-primary)}.dark .heading-section{color:#fff}.heading-section-lg{margin-bottom:1rem;font-size:1.5rem;font-weight:800;letter-spacing:-.025em;color:var(--color-text-primary)}.dark .heading-section-lg{color:#fff}.heading-subsection{margin-bottom:.375rem;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;color:var(--color-text-primary)}.dark .heading-subsection{color:#fff}.heading-stats{font-size:1.125rem;font-weight:700;letter-spacing:-.025em;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-primary);padding-bottom:.75rem}.dark .heading-stats{color:#fff;border-bottom-color:#374151}.text-secondary{color:var(--color-text-secondary)}.dark .text-secondary{color:#9ca3af}.text-description{font-weight:300;color:#6b7280}@media (min-width: 40rem){.text-description{font-size:1.25rem}}.dark .text-description{color:#9ca3af}.text-intro{max-width:42rem;margin-bottom:1rem;font-weight:400;color:#6b7280}@media (min-width: 48rem){.text-intro{font-size:1.125rem}}@media (min-width: 64rem){.text-intro{font-size:1.25rem;margin-bottom:1.25rem}}.dark .text-intro{color:#9ca3af}.text-intro-lead{max-width:48rem;margin-bottom:2rem;font-size:1.25rem;font-weight:500;line-height:1.6;color:#374151}@media (min-width: 48rem){.text-intro-lead{font-size:1.375rem}}@media (min-width: 64rem){.text-intro-lead{font-size:1.5rem;margin-bottom:2.5rem}}.dark .text-intro-lead{color:#d1d5db}.text-primary{color:var(--color-text-primary)}.dark .text-primary{color:#fff}.text-error{color:red}.text-success{color:#22c55e}.text-red{color:red}.intro-features{display:grid;grid-template-columns:1fr;gap:1rem;max-width:42rem;margin-bottom:2rem}@media (min-width: 48rem){.intro-features{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (min-width: 64rem){.intro-features{gap:1.5rem}}.intro-feature-card{position:relative;padding:1.25rem;background:linear-gradient(135deg,#f9fafb,#fff);border:1px solid rgb(229 231 235);border-radius:.75rem;transition:all .25s ease;overflow:hidden}.intro-feature-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#9333ea,#3b82f6);transform:scaleY(0);transform-origin:bottom;transition:transform .25s ease}.intro-feature-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a;border-color:#d1d5db}.intro-feature-card:hover:before{transform:scaleY(1);transform-origin:top}.dark .intro-feature-card{background:linear-gradient(135deg,#1f2937,#374151);border-color:#374151}.dark .intro-feature-card:hover{border-color:#4b5563;box-shadow:0 10px 25px -5px #0006}.dark .intro-feature-card:before{background:linear-gradient(180deg,#a855f7,#60a5fa)}.intro-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin-bottom:.75rem;background:linear-gradient(135deg,#9333ea,#3b82f6);border-radius:.5rem;color:#fff;font-size:1.25rem;font-weight:600;flex-shrink:0}.dark .intro-feature-icon{background:linear-gradient(135deg,#a855f7,#60a5fa)}.intro-feature-title{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.5rem}.dark .intro-feature-title{color:#f3f4f6}.intro-feature-text{font-size:.875rem;line-height:1.6;color:#6b7280}.dark .intro-feature-text{color:#9ca3af}.intro-links{display:flex;flex-wrap:wrap;gap:.75rem;max-width:48rem;margin-top:2rem}.intro-link-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f9fafb;border:1px solid rgb(229 231 235);border-radius:9999px;font-size:.875rem;font-weight:500;color:#374151;text-decoration:none;transition:all .2s ease}.intro-link-badge:hover{background-color:#fff;border-color:#9333ea;color:#9333ea;transform:translateY(-1px);box-shadow:0 4px 12px -2px #9333ea33}.dark .intro-link-badge{background-color:#1f2937;border-color:#374151;color:#d1d5db}.dark .intro-link-badge:hover{background-color:#374151;border-color:#a855f7;color:#a855f7;box-shadow:0 4px 12px -2px #a855f733}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-primary)}.form-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.form-stack{display:flex;flex-direction:column;gap:1.5rem}.form-section{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;flex-wrap:wrap;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.375rem;flex:1;min-width:16rem}.form-field-half{flex:1;min-width:18rem}.form-field-third{flex:1;min-width:14rem}.form-field-quarter{flex:1;min-width:12rem}.form-checkbox{display:flex;align-items:center;gap:.5rem}.form-checkbox .checkbox-label{margin-left:0}.form-hint{margin:0;font-size:.8125rem;color:var(--color-text-secondary)}.form-input-error{border-color:red}.dark .form-label{color:#fff}.filter-label{display:block;font-size:.875rem;font-weight:500;color:#111827}.dark .filter-label{color:#fff}.checkbox-input{width:1rem;height:1rem;color:#2563eb;background-color:#f3f4f6;border:1px solid rgb(209 213 219);border-radius:.25rem}.checkbox-input:focus{outline:none;box-shadow:0 0 0 2px #bfdbfe;border-color:#2563eb}.dark .checkbox-input{background-color:#374151;border-color:#4b5563;box-shadow:0 0 #1f2937}.dark .checkbox-input:focus{box-shadow:0 0 0 2px #1e3a8a}.checkbox-label{margin-left:.5rem;font-size:.875rem;font-weight:500;color:#111827;cursor:pointer}.dark .checkbox-label{color:#d1d5db}.form-input{background-color:var(--color-bg-secondary);border:1px solid rgb(209 213 219);color:var(--color-text-primary);font-size:.875rem;border-radius:.5rem;display:block;width:100%;padding:.625rem;margin-bottom:.25rem}.form-input:focus{outline:none;box-shadow:0 0 0 2px #3b82f680;border-color:#3b82f6}.dark .form-input{background-color:#374151;border-color:#4b5563;color:#fff}.dark .form-input::placeholder{color:#9ca3af}.form-input.form-input-changed,.dark .form-input.form-input-changed{outline:2px solid rgb(234 179 8);outline-offset:0px}.form-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f3f4f6;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.03) 10px,rgba(0,0,0,.03) 20px);color:#6b7280}.dark .form-input:disabled{background-color:#1f2937;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.05) 10px,rgba(255,255,255,.05) 20px);color:#9ca3af}.form-field-container{position:relative}.form-input-unlimited-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#2563eb;color:#fff;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;pointer-events:none;box-shadow:0 2px 4px #0003;z-index:10}.dark .form-input-unlimited-overlay{background-color:#3b82f6;box-shadow:0 2px 4px #0006}.form-json{display:flex;flex-direction:column;gap:.5rem}.form-code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.form-toggle-icon{width:1rem;height:1rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-border)}@media (max-width: 640px){.form-actions{flex-direction:column}}.filter-scroll-container{max-height:12rem;overflow-y:auto;padding:.75rem;border:1px solid rgb(209 213 219);border-radius:.5rem;background-color:#f9fafb}.dark .filter-scroll-container{background-color:#1f2937;border-color:#4b5563}.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;color:#fff;background-color:var(--color-brand-blue);font-weight:500;border-radius:.5rem;font-size:.875rem;padding:.625rem 1.25rem;text-align:center;transition:background-color .2s ease}.btn-primary svg{width:1.25rem;height:1.25rem;flex-shrink:0}.btn-primary:hover{background-color:var(--color-brand-blue-hover)}.btn-primary:focus{outline:none;box-shadow:0 0 0 4px #93c5fd80}.dark .btn-primary{background-color:#2563eb}.dark .btn-primary:hover{background-color:var(--color-brand-blue)}.dark .btn-primary:focus{box-shadow:0 0 0 4px #1e3a8a80}.btn-disabled{cursor:not-allowed;background-color:#4b5563;color:#6b7280}.btn-purple{display:inline-flex;align-items:center;gap:.5rem;color:#fff;background-color:var(--color-brand-purple);font-weight:500;border-radius:.5rem;font-size:.875rem;padding:.625rem 1.25rem;text-align:center;transition:background-color .2s ease}.btn-purple svg{width:1.25rem;height:1.25rem;flex-shrink:0}.btn-purple:hover{background-color:var(--color-brand-purple-hover)}.btn-purple:focus{outline:none;box-shadow:0 0 0 4px #e9d5ff80}.dark .btn-purple:focus{box-shadow:0 0 0 4px #581c8780}.btn-source-control{display:inline-flex;align-items:center;gap:.5rem;color:#4b5563;background-color:#e5e7eb;font-weight:500;border-radius:.5rem;font-size:.875rem;padding:.625rem 1.25rem;text-align:center;transition:background-color .2s ease,color .2s ease}.btn-source-control svg{width:1.25rem;height:1.25rem;flex-shrink:0}.btn-source-control:hover{background-color:#d1d5db;color:#374151}.dark .btn-source-control{color:#9ca3af;background-color:#374151}.dark .btn-source-control:hover{background-color:#4b5563;color:#d1d5db}.btn-source-control:focus{outline:none;box-shadow:0 0 0 4px #e5e7eb80}.dark .btn-source-control:focus{box-shadow:0 0 0 4px #37415180}.card{display:flex;flex-direction:column;max-width:32rem;padding:1.5rem;margin-left:auto;margin-right:auto;text-align:center;color:var(--color-text-primary);border:1px solid var(--color-border-secondary);border-radius:.5rem;box-shadow:0 1px 3px #0000001a;contain:style}@media (min-width: 80rem){.card{padding:2rem}}.dark .card{color:#fff;border-color:#4b5563}.card-full{max-width:none;text-align:left}.card-bg-primary{background-color:#fff}.dark .card-bg-primary{background-color:#1f2937}.card-bg-secondary{background-color:#f9fafb}.dark .card-bg-secondary{background-color:#111827}.card-expandable{border:1px solid rgb(229 231 235);border-radius:.5rem}.dark .card-expandable{border-color:#374151}.card-row-clickable{display:flex;align-items:center;justify-content:space-between;padding:1rem;cursor:pointer;transition:background-color .2s ease}.card-row-clickable:hover{background-color:#f9fafb}.dark .card-row-clickable:hover{background-color:#1f2937}.card-expanded{border-top:1px solid rgb(229 231 235);padding:1rem;background-color:#f9fafb}.dark .card-expanded{border-top-color:#374151;background-color:#1f2937}.card-spaced{margin-bottom:1.5rem}.card-interactive{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card-interactive:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--color-primary)}.dark .card-interactive:hover{box-shadow:0 4px 12px #0000004d;border-color:#60a5fa}.card-preview{width:100%;aspect-ratio:1 / 1;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary)}.dark .card-preview{background-color:#1f2937}.card-preview img{width:100%;height:100%;object-fit:cover}.card-preview-icon{width:3rem;height:3rem;color:var(--color-text-muted)}.dark .card-preview-icon{color:#6b7280}.card-preview-icon-primary{color:var(--color-primary)}.dark .card-preview-icon-primary{color:#60a5fa}.card-content{display:flex;flex-direction:column;gap:.5rem;padding:1rem;flex:1}.card-header-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.card-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .card-title{color:#fff}.card-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:0}.dark .card-subtitle{color:#9ca3af}.card-description{font-size:.875rem;color:var(--color-text-secondary);margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.dark .card-description{color:#9ca3af}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.5rem;border-top:1px solid var(--color-border)}.dark .card-footer{border-top-color:#374151}.card-stat{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--color-text-secondary)}.card-stat-icon{width:1rem;height:1rem}.card-title-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.75rem;background-color:var(--color-bg-secondary);border-radius:.375rem}.dark .card-stats{background-color:#111827}.card-stat{display:flex;flex-direction:column;gap:.125rem}.dark .card-stat{color:#9ca3af}.stat-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:var(--color-text-muted)}.dark .stat-label{color:#6b7280}.stat-value{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.dark .stat-value{color:#f3f4f6}.card-stat-inline{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.dark .card-stat-inline{color:#9ca3af}.card-actions{display:flex;gap:.25rem}.card-action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.card-action-btn svg{width:1rem;height:1rem}.modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-panel{width:100%;max-width:400px;padding:1.5rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a}.dark .modal-panel{background-color:#1f2937;border-color:#374151;box-shadow:0 20px 25px -5px #0000004d}.modal-panel h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.dark .modal-panel h3{color:#f3f4f6}.modal-panel p{margin:0 0 1.5rem;font-size:.875rem;color:var(--color-text-secondary)}.dark .modal-panel p{color:#9ca3af}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.btn-danger{background-color:#ef4444;color:#fff;border:none}.btn-danger:hover:not(:disabled){background-color:#dc2626}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}@media (max-width: 640px){.image-grid{grid-template-columns:repeat(2,1fr)}}.image-grid-item{position:relative;overflow:hidden;border-radius:.5rem;border:1px solid var(--color-border);aspect-ratio:1}.dark .image-grid-item{border-color:#374151}.image-grid-item-primary{border-color:var(--color-primary);border-width:2px}.dark .image-grid-item-primary{border-color:#60a5fa}.image-grid-item img{width:100%;height:100%;object-fit:cover}.image-badge{position:absolute;top:.5rem;left:.5rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:#fff;background-color:var(--color-primary);border-radius:9999px}.dark .image-badge{background-color:#3b82f6}.feature-card{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;background-color:#fff;border:1px solid rgb(229 231 235);border-radius:.5rem;text-decoration:none;transition:all .2s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a;border-color:#9333ea}.dark .feature-card{background-color:#1f2937;border-color:#374151}.dark .feature-card:hover{border-color:#a855f7;box-shadow:0 10px 25px -5px #0006}.feature-card-disabled{cursor:default}.feature-card-disabled:hover{transform:none;box-shadow:none;border-color:#e5e7eb}.dark .feature-card-disabled:hover{border-color:#374151}.feature-card-icon{width:3rem;height:3rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;color:#fff}.feature-card-icon-purple{background-color:#f3e8ff;color:#9333ea}.dark .feature-card-icon-purple{background-color:#581c87;color:#d8b4fe}.feature-card-icon-blue{background-color:#dbeafe;color:#2563eb}.dark .feature-card-icon-blue{background-color:#1e3a8a;color:#93c5fd}.feature-card-icon-green{background-color:#dcfce7;color:#15803d}.dark .feature-card-icon-green{background-color:#166534;color:#86efac}.data-item{display:flex;flex-direction:column}.data-item-box{display:flex;flex-direction:column;padding:.75rem;border-radius:.25rem}.dark .data-item-box{border-color:var(--color-border-primary)}.data-item-centered{text-align:center;align-items:center}.data-label{font-size:1rem;font-weight:600;color:var(--color-text-secondary)}.dark .data-label{color:var(--dark-text-color)}.data-label-spaced{font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem}.dark .data-label-spaced{color:var(--color-text-secondary)}.data-value{font-weight:600;color:var(--color-text-primary)}.dark .data-value{color:var(--color-bg-primary)}.data-value-lg{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.dark .data-value-lg{color:var(--color-bg-primary)}.data-value-xl{font-size:2.25rem;font-weight:800;color:var(--color-brand-purple)}.dark .data-value-xl{color:var(--color-brand-purple)}.data-grid-2,.data-grid-2-3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width: 1024px){.data-grid-2-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.data-grid-1-2{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media (min-width: 640px){.data-grid-1-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.data-grid-1-2-3{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media (min-width: 640px){.data-grid-1-2-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.data-grid-1-2-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.data-grid-2-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width: 768px){.data-grid-2-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.highlight-box{display:flex;flex-direction:column;align-items:center;padding:1rem;margin-bottom:1rem;border-radius:.5rem;background:linear-gradient(to bottom right,#f3e8ff,#dbeafe)}.dark .highlight-box{background:linear-gradient(to bottom right,color-mix(in srgb,#9333ea 30%,transparent),color-mix(in srgb,#1d4ed8 30%,transparent))}@supports (color: color-mix(in lab,red,red)){.dark .highlight-box{background:linear-gradient(to bottom right,color-mix(in srgb,var(--color-brand-purple) 30%,transparent),color-mix(in srgb,var(--color-brand-blue) 30%,transparent))}}.section-divider-top{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border-primary)}.dark .section-divider-top{border-top-color:var(--color-border-primary)}.section-divider-bottom{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border-primary)}.dark .section-divider-bottom{border-bottom-color:var(--color-border-primary)}.avatar-circle{display:flex;align-items:center;justify-content:center;border-radius:9999px;flex-shrink:0}.avatar-lg{width:5rem;height:5rem}.avatar-gradient{background:linear-gradient(to bottom right,var(--color-brand-purple),var(--color-brand-blue))}.avatar-text{font-size:1.875rem;font-weight:700;color:var(--color-bg-primary)}.section-title-sm{font-size:1rem;font-weight:700;color:var(--color-text-secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.dark .section-title-sm{color:var(--dark-text-color)}.skeleton-box{border:1px solid var(--color-border-primary);border-radius:.75rem;background-color:var(--color-bg-secondary);padding:1rem;min-height:8rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.dark .skeleton-box{border-color:var(--color-border-primary);background-color:var(--color-text-primary)}.skeleton-box-dashed{border-style:dashed}.skeleton-bar{height:.625rem;border-radius:9999px;background:linear-gradient(90deg,var(--color-border-primary),var(--color-text-secondary),var(--color-border-primary));animation:skeleton-pulse 1.4s ease-in-out infinite}.dark .skeleton-bar{background:linear-gradient(90deg,var(--color-border-primary),var(--color-text-secondary),var(--color-border-primary))}.skeleton-bar-sm{width:40%}.skeleton-bar-md{width:60%}.skeleton-bar-lg{width:70%}@keyframes skeleton-pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.card-row-2{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media (min-width: 768px){.card-row-2{grid-template-columns:repeat(2,1fr);align-items:stretch}}.card-row-2>.card{max-width:none;text-align:left}.action-row{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 640px){.action-row{flex-direction:row}}.worker-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.worker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.worker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.worker-card-normal{border-radius:.75rem;overflow:hidden;background-color:var(--color-bg-primary);border:2px solid var(--color-border-secondary)}.dark .worker-card-normal{background-color:unset;border:1px solid var(--color-border-primary)}.worker-card-issue{border-radius:.75rem;overflow:hidden;background-color:#fef2f2;border:1px solid rgb(252 165 165)}.dark .worker-card-issue{background-color:#7f1d1d4d;border-color:#b91c1c80}.worker-card-section{border-top:1px solid var(--color-border-primary)}.dark .worker-card-section{border-top-color:var(--color-border-primary)}.worker-card-row{display:flex;justify-content:space-between}.worker-card-label,.dark .worker-card-label{color:var(--color-text-secondary)}.worker-card-value{color:var(--color-text-primary)}.dark .worker-card-value{color:var(--color-border-primary)}.worker-status-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;flex-shrink:0}.worker-status-icon-success{background-color:#dcfce7;color:#16a34a}.dark .worker-status-icon-success{background-color:#166534;color:#4ade80}.worker-status-icon-error{background-color:#fee2e2;color:#dc2626}.dark .worker-status-icon-error{background-color:#7f1d1d;color:#f87171}.worker-indicator-yellow{color:#ca8a04}.dark .worker-indicator-yellow{color:#facc15}.worker-indicator-red{color:#dc2626}.dark .worker-indicator-red{color:#f87171}.worker-indicator-green{color:#16a34a}.dark .worker-indicator-green{color:#4ade80}.worker-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px;background-color:var(--color-border-secondary);color:var(--color-text-secondary)}.dark .worker-badge{background-color:var(--green-background);color:var(--color-border-primary)}.worker-link{color:var(--color-brand-blue);text-decoration:none;transition:color .2s ease}.worker-link:hover{color:var(--color-brand-blue-hover);text-decoration:underline}.dark .worker-link{color:var(--color-brand-blue)}.dark .worker-link:hover{color:var(--color-brand-blue-hover)}.worker-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);background-color:var(--color-border-secondary);border-radius:.5rem;transition:background-color .2s ease,color .2s ease}.worker-btn:hover{background-color:var(--color-border-primary);color:var(--color-text-primary)}.dark .worker-btn{color:var(--color-border-primary);background-color:var(--bg-gray-600)}.dark .worker-btn:hover{background-color:var(--color-text-secondary);color:var(--color-bg-primary)}.worker-btn:disabled{opacity:.5;cursor:not-allowed}.worker-btn-models{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#2563eb;background-color:#dbeafe;border-radius:.5rem;transition:background-color .2s ease,color .2s ease}.worker-btn-models:hover{background-color:#bfdbfe;color:#1d4ed8}.dark .worker-btn-models{color:#93c5fd;background-color:#1e3a8a}.dark .worker-btn-models:hover{background-color:#2563eb;color:#dbeafe}.worker-btn-maintenance{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#92400e;background-color:#fef3c7;border-radius:.5rem;transition:background-color .2s ease,color .2s ease}.worker-btn-maintenance:hover{background-color:#fde047;color:#713f12}.dark .worker-btn-maintenance{color:#fde047;background-color:#713f12}.dark .worker-btn-maintenance:hover{background-color:#a16207;color:#fef3c7}.worker-btn-pause{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#b91c1c;background-color:#fee2e2;border-radius:.5rem;transition:background-color .2s ease,color .2s ease}.worker-btn-pause:hover{background-color:#fca5a5;color:#991b1b}.dark .worker-btn-pause{color:#fca5a5;background-color:#991b1b}.dark .worker-btn-pause:hover{background-color:#b91c1c;color:#fee2e2}.worker-btn-models:disabled,.worker-btn-maintenance:disabled,.worker-btn-pause:disabled{opacity:.5;cursor:not-allowed}.worker-message{font-size:.75rem;background-color:var(--color-bg-secondary);border-radius:.25rem;padding:.5rem}.dark .worker-message{background-color:var(--color-border-primary)}.records-section-wrapper{margin-top:1rem}.record-group{margin-bottom:2rem}.record-group:last-child{margin-bottom:0}.param-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin:0}@media (max-width: 640px){.param-grid{grid-template-columns:1fr 1fr}}.param-item{display:flex;flex-direction:column;gap:.25rem}.param-item-full{grid-column:1 / -1}.param-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:var(--color-text-muted)}.dark .param-label{color:#6b7280}.param-value{margin:0;font-size:.9375rem;font-weight:500;color:var(--color-text-primary)}.dark .param-value{color:#e5e7eb}.tooltip-trigger{position:relative;display:inline;margin-left:.125rem}.tooltip-underline{border-bottom:1px dotted currentColor;cursor:help}.tooltip-content{visibility:hidden;width:300px;max-width:calc(100vw - 2rem);background-color:var(--color-bg-secondary);color:var(--color-text-primary);text-align:left;border-radius:6px;padding:10px 14px;position:absolute;z-index:1000;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s ease;font-size:.75rem;line-height:1.5;box-shadow:0 2px 8px #00000026;pointer-events:none;white-space:normal;border:1px solid var(--color-border-primary)}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--color-bg-secondary) transparent transparent transparent}.tooltip-trigger:hover .tooltip-content{visibility:visible;opacity:1}@media (max-width: 640px){.tooltip-content{left:auto;right:0;transform:none;max-width:calc(100vw - 1rem)}.tooltip-content:after{left:auto;right:1rem}}.tooltip-highlight{color:var(--color-brand-blue);font-size:.8125rem;font-weight:600}.tooltip-code{color:var(--color-brand-purple);font-family:Courier New,Courier,monospace;font-size:.75rem;font-weight:500}.tooltip-muted{color:var(--color-text-secondary);font-size:.6875rem;font-style:italic}.link{color:#2563eb}.link:hover{text-decoration:underline}.dark .link{color:#3b82f6}.link-btn-sm{font-size:.75rem;color:#2563eb}.link-btn-sm:hover{color:#1d4ed8}.dark .link-btn-sm{color:#60a5fa}.dark .link-btn-sm:hover{color:#93c5fd}h3 a,p a,.underline-links a{text-decoration:underline}h3 a:hover,p a:hover,.underline-links a:hover{text-decoration:none;color:#505765}.dark h3 a:hover,.dark p a:hover,.dark .underline-links a:hover{color:#cbcfd3}.list-checkboxes{display:flex;flex-direction:column;gap:.5rem}.list-checkboxes li{display:flex;align-items:flex-start;gap:.5rem}.list-stats{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.badge-base{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-container{display:flex;flex-wrap:wrap;gap:.5rem}.badge-outline{background-color:transparent;border:1px solid var(--color-border-primary);color:var(--color-text-secondary)}.dark .badge-outline{border-color:#4b5563;color:#9ca3af}.badge-online{display:inline-flex;align-items:center;gap:.375rem;background-color:#dcfce7;color:#166534;border:1px solid rgb(134 239 172)}.dark .badge-online{background-color:#14532d80;color:#86efac;border-color:#166534}.badge-online:before{content:"";display:block;width:.375rem;height:.375rem;border-radius:50%;background-color:#16a34a;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dark .badge-online:before{background-color:#4ade80}.badge-primary{background-color:color-mix(in srgb,#1d4ed8 20%,rgb(255 255 255));color:var(--color-brand-blue-hover)}@supports (color: color-mix(in lab,red,red)){.badge-primary{background-color:color-mix(in srgb,var(--color-brand-blue) 20%,var(--color-bg-primary))}}.dark .badge-primary{background-color:color-mix(in srgb,#1d4ed8 40%,transparent);color:var(--color-brand-blue)}@supports (color: color-mix(in lab,red,red)){.dark .badge-primary{background-color:color-mix(in srgb,var(--color-brand-blue) 40%,transparent)}}.badge-secondary{background-color:#dcfce7;color:#166534}.dark .badge-secondary{background-color:#14532d;color:#86efac}.badge-info{background-color:#e0f2fe;color:#075985}.dark .badge-info{background-color:#0c4a6e;color:#7dd3fc}.badge-warning{background-color:#fef3c7;color:#854d0e}.dark .badge-warning{background-color:#78350f;color:#fde047}.badge-success{background-color:#dcfce7;color:#15803d}.dark .badge-success{background-color:#166534;color:#86efac}.badge-danger{background-color:#fee2e2;color:#991b1b}.dark .badge-danger{background-color:#7f1d1d;color:#fca5a5}.badge-purple{background-color:color-mix(in srgb,#9333ea 20%,rgb(255 255 255));color:var(--color-brand-purple-hover)}@supports (color: color-mix(in lab,red,red)){.badge-purple{background-color:color-mix(in srgb,var(--color-brand-purple) 20%,var(--color-bg-primary))}}.dark .badge-purple{background-color:color-mix(in srgb,#9333ea 40%,transparent);color:var(--color-brand-purple)}@supports (color: color-mix(in lab,red,red)){.dark .badge-purple{background-color:color-mix(in srgb,var(--color-brand-purple) 40%,transparent)}}.badge-pink{background-color:#fce7f3;color:#9d174d}.dark .badge-pink{background-color:#831843;color:#f9a8d4}.badge-indigo{background-color:#e0e7ff;color:#3730a3}.dark .badge-indigo{background-color:#3730a3;color:#c7d2fe}.badge-teal{background-color:#ccfbf1;color:#115e59}.dark .badge-teal{background-color:#134e4a;color:#99f6e4}.table-header-row{display:none;gap:1rem;padding:.75rem 1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid rgb(229 231 235)}@media (min-width: 48rem){.table-header-row{display:grid;grid-template-columns:2fr 1fr .75fr 1fr 200px}}.dark .table-header-row{background-color:#1f2937;border-color:#374151}.table-header-label{font-size:.75rem;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.05em}.dark .table-header-label{color:#9ca3af}.table-row{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto auto;gap:.5rem 1rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border:1px solid rgb(229 231 235);border-radius:.5rem;background-color:#fff}.table-row:hover{background-color:#f9fafb}@media (min-width: 48rem){.table-row{grid-template-columns:2fr 1fr .75fr 1fr 200px;grid-template-rows:auto;gap:1rem}}.dark .table-row{background-color:#1f2937;border-color:#374151}.dark .table-row:hover{background-color:#37415180}.table-cell-name{display:flex;flex-direction:column;justify-content:center;min-width:0;grid-column:1 / 2;grid-row:1 / 2}@media (min-width: 48rem){.table-cell-name{grid-column:auto;grid-row:auto}}.table-cell-meta{display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:flex-start;flex-wrap:wrap}.table-cell-meta:nth-of-type(2){grid-column:1 / 2;grid-row:2 / 3}.table-cell-meta:nth-of-type(3){grid-column:1 / 2;grid-row:3 / 4}.table-cell-meta:nth-of-type(4){grid-column:1 / 2;grid-row:4 / 5}@media (min-width: 48rem){.table-cell-meta{flex-direction:column;align-items:stretch;gap:0;flex-wrap:nowrap}.table-cell-meta:nth-of-type(2),.table-cell-meta:nth-of-type(3),.table-cell-meta:nth-of-type(4){grid-column:auto;grid-row:auto}}.table-cell-label{font-size:.625rem;font-weight:600;color:#6b7280;margin-bottom:0;margin-right:.25rem;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;flex-shrink:0}@media (min-width: 48rem){.table-cell-label{display:none}}.dark .table-cell-label{color:#9ca3af}.table-cell-actions{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;width:auto;grid-column:2 / 3;grid-row:1 / 5}@media (min-width: 48rem){.table-cell-actions{flex-direction:row;justify-content:flex-end;grid-column:auto;grid-row:auto}}.table-item-wrapper{border-radius:.5rem;overflow:hidden}.collapsible-header-button{display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;padding:.5rem 0;background:transparent;border:none;text-align:left}.collapsible-header-button:hover{color:#9333ea}.dark .collapsible-header-button:hover{color:#a855f7}.section-header-collapsible{display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;position:sticky;top:var(--nav-height-mobile);z-index:30;background-color:#fff;padding:.75rem 1rem;margin:-.75rem -1rem .75rem;border-radius:.5rem}@media (min-width: 768px){.section-header-collapsible{top:var(--nav-height-desktop)}}@media (max-width: 767px){.section-header-collapsible{margin-left:calc(-1 * var(--spacing-container-padding-mobile));margin-right:calc(-1 * var(--spacing-container-padding-mobile));padding-left:var(--spacing-container-padding-mobile);padding-right:var(--spacing-container-padding-mobile)}}.section-header-collapsible:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgb(229 231 235),transparent);opacity:0;transition:opacity .2s ease}.section-header-collapsible.is-stuck:after{opacity:1}.section-header-collapsible:hover{color:#9333ea}.dark .section-header-collapsible{background-color:#111827}.dark .section-header-collapsible:after{background:linear-gradient(to right,transparent,rgb(55 65 81),transparent)}.dark .section-header-collapsible:hover{color:#a855f7}.chevron-icon{width:1.5rem;height:1.5rem;flex-shrink:0;transition:transform .2s ease}.chevron-icon.expanded{transform:rotate(180deg)}.chevron-icon-sm{width:1.25rem;height:1.25rem;flex-shrink:0;color:#6b7280;transition:transform .2s ease}.chevron-icon-sm.expanded{transform:rotate(180deg)}.dark .chevron-icon-sm{color:#9ca3af}.expanded-detail-panel{border-top:1px solid rgb(229 231 235);padding:1rem;background-color:#f9fafb}.dark .expanded-detail-panel{border-top-color:#374151;background-color:#3741514d}.detail-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 48rem){.detail-grid{grid-template-columns:1fr 1fr}}.detail-image{display:flex;align-items:center;justify-content:center}.detail-image img{max-width:100%;height:auto;max-height:300px;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.detail-text{font-size:.875rem;line-height:1.625;color:#374151;background-color:#f9fafb;padding:1rem;border-radius:.5rem}.dark .detail-text{color:#d1d5db;background-color:#1f2937}.details-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border-secondary);padding-bottom:.5rem}.dark .details-tabs{border-bottom-color:#374151}.details-tab{padding:.75rem 1.25rem;font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;border-radius:.5rem .5rem 0 0;transition:all .2s ease-in-out;border:1px solid transparent;border-bottom:none;position:relative;background:none;cursor:pointer;font-family:inherit}.details-tab:hover{color:var(--color-brand-purple);background-color:var(--color-bg-secondary)}.dark .details-tab{color:#9ca3af}.dark .details-tab:hover{color:#d8b4fe;background-color:#374151}.details-tab-active{color:var(--color-brand-purple);background-color:var(--color-bg-primary);border-color:var(--color-border-secondary)}.details-tab-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--color-brand-purple)}.dark .details-tab-active{color:#d8b4fe;background-color:#1f2937;border-color:#374151}.details-content{margin-top:1rem}.details-summary{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border-radius:.5rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary)}.dark .details-summary{background-color:#111827;border-color:#374151}.summary-stat{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:120px;text-align:center;padding:.5rem 1rem}.summary-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.dark .summary-label{color:#6b7280}.summary-value{display:flex;align-items:baseline;justify-content:center;gap:.375rem;font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.dark .summary-value{color:#f3f4f6}.summary-period-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:var(--color-brand-purple);background-color:color-mix(in srgb,#9333ea 12%,transparent);padding:.125rem .375rem;border-radius:.25rem;white-space:nowrap}@supports (color: color-mix(in lab,red,red)){.summary-period-badge{background-color:color-mix(in srgb,var(--color-brand-purple) 12%,transparent)}}.dark .summary-period-badge{background-color:color-mix(in srgb,#9333ea 25%,transparent);color:#d8b4fe}@supports (color: color-mix(in lab,red,red)){.dark .summary-period-badge{background-color:color-mix(in srgb,var(--color-brand-purple) 25%,transparent)}}.details-filters{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.details-filters{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}}.filter-search{position:relative;flex:1;max-width:24rem}.filter-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.dark .filter-search-icon{color:#6b7280}.filter-input{width:100%;padding:.625rem .75rem .625rem 2.25rem;font-size:.875rem;color:var(--color-text-primary);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:.5rem;transition:border-color .2s ease,box-shadow .2s ease}.filter-input:focus{outline:none;border-color:var(--color-brand-blue);box-shadow:0 0 0 3px color-mix(in srgb,#1d4ed8 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.filter-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand-blue) 20%,transparent)}}.filter-input::placeholder{color:var(--color-text-muted)}.dark .filter-input{color:#f3f4f6;background-color:#1f2937;border-color:#374151}.dark .filter-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px color-mix(in srgb,rgb(96 165 250) 20%,transparent)}.dark .filter-input::placeholder{color:#6b7280}.filter-sort{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sort-button{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);background-color:transparent;border:1px solid var(--color-border-primary);border-radius:.375rem;cursor:pointer;transition:all .2s ease}.sort-button:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.dark .sort-button{color:#9ca3af;border-color:#374151}.dark .sort-button:hover{background-color:#374151;color:#f3f4f6}.sort-button.sort-active{background-color:color-mix(in srgb,#9333ea 15%,rgb(255 255 255));border-color:var(--color-brand-purple);color:var(--color-brand-purple)}@supports (color: color-mix(in lab,red,red)){.sort-button.sort-active{background-color:color-mix(in srgb,var(--color-brand-purple) 15%,var(--color-bg-primary))}}.dark .sort-button.sort-active{background-color:color-mix(in srgb,#9333ea 30%,transparent);border-color:var(--color-brand-purple);color:#d8b4fe}@supports (color: color-mix(in lab,red,red)){.dark .sort-button.sort-active{background-color:color-mix(in srgb,var(--color-brand-purple) 30%,transparent)}}.sort-indicator{font-size:.75rem;font-weight:600}.models-table{display:flex;flex-direction:column;gap:.5rem}.models-table-header{display:none;padding:.75rem 1rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:.5rem}@media (min-width: 768px){.models-table-header{display:grid;grid-template-columns:1fr 5.5rem 5.5rem 5.5rem 4.5rem 5.5rem;gap:.75rem;align-items:center}}@media (min-width: 768px){.models-table-header.usage-table-header{grid-template-columns:3rem 1fr 7rem 9rem}}.dark .models-table-header{background-color:#111827;border-color:#374151}.models-table-th{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.dark .models-table-th{color:#6b7280}.models-table-th-right{text-align:right}.models-table-row{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:.5rem 1rem;padding:.875rem 1rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:.5rem;transition:background-color .2s ease,border-color .2s ease}.models-table-row:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-secondary)}@media (min-width: 768px){.models-table-row{grid-template-columns:1fr 5.5rem 5.5rem 5.5rem 4.5rem 5.5rem;grid-template-rows:auto;gap:.75rem;align-items:center}}@media (min-width: 768px){.models-table-row.usage-table-row{grid-template-columns:3rem 1fr 7rem 9rem}}.dark .models-table-row{background-color:#1f2937;border-color:#374151}.dark .models-table-row:hover{background-color:#37415180;border-color:#4b5563}.models-table-cell-name{grid-column:1 / -1;display:flex;flex-direction:column;gap:.375rem;min-width:0}@media (min-width: 768px){.models-table-cell-name{grid-column:auto;flex-direction:row;align-items:center;gap:.75rem}}.models-table-name{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .models-table-name{color:#f3f4f6}.models-table-badges{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.models-table-cell{display:flex;flex-direction:column;gap:.125rem}@media (min-width: 768px){.models-table-cell{justify-content:center;text-align:right}}.models-table-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:var(--color-text-muted)}@media (min-width: 768px){.models-table-label{display:none}}.dark .models-table-label{color:#6b7280}.models-table-value{font-size:.8125rem;font-weight:500;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.dark .models-table-value{color:#e5e7eb}.models-table-value-highlight{color:var(--color-brand-purple);font-weight:600}.dark .models-table-value-highlight{color:#d8b4fe}.models-table-value-muted{color:var(--color-text-muted)}.dark .models-table-value-muted{color:#6b7280}.usage-overview{display:flex;flex-direction:column;gap:1.5rem}.usage-totals-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.usage-totals-grid{grid-template-columns:repeat(2,1fr)}}.usage-models{display:flex;flex-direction:column;gap:1rem}.card-header-flex{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.card-header-flex .heading-card{margin-bottom:0}.model-list{display:flex;flex-direction:column;gap:.5rem}.model-list-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.375rem;background-color:var(--color-bg-secondary)}.dark .model-list-item{background-color:#1f2937}.model-rank{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;color:var(--color-brand-purple);background-color:color-mix(in srgb,#9333ea 15%,transparent);border-radius:9999px;flex-shrink:0}@supports (color: color-mix(in lab,red,red)){.model-rank{background-color:color-mix(in srgb,var(--color-brand-purple) 15%,transparent)}}.dark .model-rank{background-color:color-mix(in srgb,#9333ea 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.dark .model-rank{background-color:color-mix(in srgb,var(--color-brand-purple) 30%,transparent)}}.model-name{flex:1;font-size:.875rem;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .model-name{color:#e5e7eb}.model-count{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.dark .model-count{color:#9ca3af}.model-rank-badge{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:1.5rem;font-size:.75rem;font-weight:600;color:var(--color-text-muted);background-color:var(--color-bg-secondary);border-radius:.25rem;font-variant-numeric:tabular-nums}.dark .model-rank-badge{background-color:#374151;color:#9ca3af}.model-rank-badge.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#451a03}.model-rank-badge.rank-2{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#1e293b}.model-rank-badge.rank-3{background:linear-gradient(135deg,#fdba74,#f97316);color:#431407}.sort-header-button{display:inline-flex;align-items:center;gap:.25rem;padding:0;margin:0;font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;background:none;border:none;cursor:pointer;transition:color .2s ease}.sort-header-button:hover{color:var(--color-brand-purple)}.dark .sort-header-button:hover{color:#d8b4fe}.percentage-bar-container{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;width:100%}.percentage-bar{height:.375rem;background:linear-gradient(to right,var(--color-brand-purple),var(--color-brand-blue));border-radius:9999px;min-width:2px;max-width:5rem;transition:width .3s ease}.percentage-text{font-size:.75rem;font-weight:500;color:var(--color-text-muted);font-variant-numeric:tabular-nums;min-width:2.5rem;text-align:right}.dark .percentage-text{color:#9ca3af}.filter-period{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-label{font-size:.8125rem;font-weight:500;color:var(--color-text-muted)}.dark .filter-label{color:#6b7280}.btn-link-sm{display:inline-flex;align-items:center;gap:.25rem;padding:0;font-size:.8125rem;font-weight:500;color:var(--color-brand-blue);background:none;border:none;cursor:pointer;transition:color .2s ease}.btn-link-sm:hover{color:var(--color-brand-blue-hover);text-decoration:underline}.dark .btn-link-sm{color:#60a5fa}.dark .btn-link-sm:hover{color:#93c5fd}.prose-content{line-height:1.75;color:#4b5563}.dark .prose-content{color:#d1d5db}.prose-content p{margin-bottom:1rem;margin-top:0;line-height:1.75}.prose-content p:first-child{margin-top:0}.prose-content p:last-child{margin-bottom:0}.prose-content p+p{margin-top:1rem}.prose-content ul,.prose-content ol{margin-top:1rem;margin-bottom:1rem;padding-left:2rem;line-height:1.75}.prose-content ul{list-style-type:disc;list-style-position:outside}.prose-content ol{list-style-type:decimal;list-style-position:outside}.prose-content li{margin-bottom:.75rem;padding-left:.5rem}.prose-content li:last-child{margin-bottom:0}.prose-content ul>li::marker{color:#6b7280}.dark .prose-content ul>li::marker{color:#9ca3af}.prose-content ol>li::marker{color:#6b7280;font-weight:600}.dark .prose-content ol>li::marker{color:#9ca3af}.prose-content ul ul,.prose-content ol ol,.prose-content ul ol,.prose-content ol ul{margin-top:.75rem;margin-bottom:.75rem}.prose-content p+ul,.prose-content p+ol{margin-top:.75rem}.prose-content ul+p,.prose-content ol+p{margin-top:1rem}.prose-content a{color:#3b82f6;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.prose-content a:hover{color:#2563eb;text-decoration:none}.dark .prose-content a{color:#60a5fa}.dark .prose-content a:hover{color:#93c5fd}.prose-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875em;background-color:#f3f4f6;padding:.125rem .375rem;border-radius:.25rem;color:#111827}.dark .prose-content code{background-color:#374151;color:#e5e7eb}.prose-content strong{font-weight:600;color:#111827}.dark .prose-content strong{color:#f3f4f6}.prose-content em{font-style:italic}.faq-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:1.25rem;padding-bottom:1.25rem;font-weight:500;text-align:left;border-bottom:1px solid var(--color-border-primary)}.dark .faq-button{border-bottom-color:#374151}.faq-section-divider{margin-top:3rem;margin-bottom:2rem}@media (min-width: 64rem){.faq-section-divider{margin-top:4rem;margin-bottom:2.5rem}}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:1.25rem;padding-bottom:1.25rem;font-size:1.125rem;font-weight:500;text-align:left;border-bottom:1px solid rgb(229 231 235);transition:all .2s ease;color:#6b7280}.faq-question:hover{color:#111827}.faq-question.is-active{color:#111827;font-weight:600}.dark .faq-question{border-bottom-color:#374151;color:#9ca3af}.dark .faq-question:hover{color:#f3f4f6}.dark .faq-question.is-active{color:#fff}@media (min-width: 64rem){.faq-question{font-size:1.25rem;padding-top:1.5rem;padding-bottom:1.5rem}}.faq-answer{padding:1.5rem .75rem 2rem;border-bottom:1px solid rgb(229 231 235)}.dark .faq-answer{border-bottom-color:#374151}@media (min-width: 48rem){.faq-answer{padding:2rem 1.5rem 2.5rem}}@media (min-width: 64rem){.faq-answer{padding:2.5rem 2rem 3rem}}.faq-chevron{width:1.5rem;height:1.5rem;flex-shrink:0;margin-left:1rem;color:#9ca3af;transition:transform .2s ease,color .2s ease}.faq-question:hover .faq-chevron{color:#6b7280}.faq-question.is-active .faq-chevron{transform:rotate(180deg);color:#3b82f6}.dark .faq-chevron{color:#4b5563}.dark .faq-question:hover .faq-chevron{color:#9ca3af}.dark .faq-question.is-active .faq-chevron{color:#60a5fa}.icon-sm{flex-shrink:0;width:1rem;height:1rem;margin-top:.125rem}.divider-section{border-top:1px solid;max-width:var(--max-width-container);padding:1rem var(--spacing-container-padding-mobile);margin-left:auto;margin-right:auto}@media (min-width: 64rem){.divider-section{padding-left:var(--spacing-container-padding);padding-right:var(--spacing-container-padding)}}.skeleton-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.spinner{border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-primary);animation:spin 1s linear infinite}.dark .spinner{border-color:#374151;border-top-color:#60a5fa}.spinner-sm{width:1.5rem;height:1.5rem}.spinner-md{width:2.5rem;height:2.5rem}.spinner-lg{width:3rem;height:3rem}.state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center}.state-container-sm{padding:3rem 2rem}.state-icon{width:3rem;height:3rem}.state-icon-lg{width:4rem;height:4rem}.state-error{color:#ef4444}.dark .state-error{color:#f87171}.state-muted{color:var(--color-text-muted)}.dark .state-muted{color:#6b7280}.code-block{margin:0;padding:1rem;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-secondary);border-radius:.375rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.dark .code-block{background-color:#111827;color:#e5e7eb}.code-block-bordered{border:1px solid var(--color-border)}.dark .code-block-bordered{border-color:#374151}.code-block-sm{font-size:.8125rem}.code-block-scroll{max-height:500px;overflow-y:auto}.code-wrapper{position:relative}.code-copy-btn{position:absolute;top:.5rem;right:.5rem}.stack-sm{display:flex;flex-direction:column;gap:.75rem}.stack-md{display:flex;flex-direction:column;gap:1rem}.stack-lg{display:flex;flex-direction:column;gap:1.5rem}.stack-xl{display:flex;flex-direction:column;gap:2rem}.flex-row-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.action-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}@media (max-width: 640px){.action-row-responsive{flex-direction:column}}.dark .dark\:fill-white{fill:#fff}.bg-gray-600{background-color:var(--bg-gray-600)}.json-key{color:#2563eb;font-weight:600}.dark .json-key{color:#93c5fd}.json-string{color:#16a34a}.dark .json-string{color:#86efac}.json-number{color:#a16207}.dark .json-number{color:#fbbf24}.json-boolean{color:#be185d}.dark .json-boolean{color:#f472b6}.json-null{color:var(--color-text-secondary)}.dark .json-null{color:#e2e8f0}.scroll-to-top-btn{position:fixed;bottom:2rem;right:1.5rem;z-index:50;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background-color:#9333ea;color:#fff;border-radius:9999px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:all .2s ease;border:none;cursor:pointer;animation:fadeIn .2s ease-in}.scroll-to-top-btn:hover{background-color:#7e22ce;transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.scroll-to-top-btn:active{transform:translateY(0)}.dark .scroll-to-top-btn{background-color:#a855f7}.dark .scroll-to-top-btn:hover{background-color:#9333ea}.admin-layout{min-height:100vh;display:flex;position:relative}.admin-sidebar{position:fixed;top:0;left:0;z-index:40;height:100vh;width:16rem;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.desktop{position:sticky;transform:none}.admin-sidebar-content{height:100%;padding:1rem .75rem;overflow-y:auto;background-color:var(--color-bg-primary);border-right:1px solid var(--color-border-primary);width:100%}.dark .admin-sidebar-content{background-color:#1f2937;border-right-color:#374151}.admin-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:0 .5rem}.admin-sidebar-logo{display:flex;align-items:center}.admin-sidebar-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.dark .admin-sidebar-title{color:#fff}.admin-sidebar-close-btn{padding:.5rem;color:var(--color-text-secondary);border-radius:.375rem;transition:background-color .15s ease,color .15s ease}.admin-sidebar-close-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.dark .admin-sidebar-close-btn{color:#9ca3af}.dark .admin-sidebar-close-btn:hover{background-color:#374151;color:#fff}.admin-sidebar-close-btn:focus{outline:2px solid rgb(59 130 246);outline-offset:2px}.admin-sidebar.desktop .admin-sidebar-close-btn{display:none}.admin-sidebar-close-icon{width:1.25rem;height:1.25rem}.admin-nav{display:flex;flex-direction:column;gap:.5rem}.admin-nav-item{display:flex;align-items:center;padding:.75rem;color:var(--color-text-secondary);border-radius:.5rem;transition:background-color .15s ease,color .15s ease}.admin-nav-item:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.dark .admin-nav-item{color:#d1d5db}.dark .admin-nav-item:hover{background-color:#374151;color:#fff}.admin-nav-item:focus{outline:2px solid rgb(59 130 246);outline-offset:2px}.admin-nav-item.active{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.dark .admin-nav-item.active{background-color:#374151;color:#fff}.admin-nav-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.admin-nav-label{margin-left:.75rem}.admin-status-section{margin-top:2rem;padding:0 .5rem}.admin-status-title{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:.75rem}.dark .admin-status-title{color:#9ca3af}.admin-status-list{display:flex;flex-direction:column;gap:.5rem}.admin-status-item{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.admin-status-label{color:var(--color-text-secondary)}.dark .admin-status-label{color:#d1d5db}.admin-mobile-overlay{position:fixed;inset:0;z-index:30;background-color:#00000080;cursor:pointer;animation:admin-fade-in .2s ease}@keyframes admin-fade-in{0%{opacity:0}to{opacity:1}}.admin-main{flex:1;min-width:0;display:flex;flex-direction:column}.admin-mobile-header{position:sticky;top:0;z-index:20;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);padding:.75rem 1rem}.dark .admin-mobile-header{background-color:#111827;border-bottom-color:#4b5563}.admin-mobile-header.desktop-hidden{display:none}.admin-mobile-header-content{display:flex;align-items:center;justify-content:space-between}.admin-mobile-menu-btn{padding:.5rem;color:var(--color-text-secondary);border-radius:.375rem;transition:background-color .15s ease,color .15s ease}.admin-mobile-menu-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.dark .admin-mobile-menu-btn{color:#9ca3af}.dark .admin-mobile-menu-btn:hover{background-color:#374151;color:#fff}.admin-mobile-menu-btn:focus{outline:2px solid rgb(59 130 246);outline-offset:2px}.admin-mobile-menu-icon{width:1.5rem;height:1.5rem}.admin-mobile-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.dark .admin-mobile-title{color:#fff}.admin-mobile-spacer{width:2.5rem}.admin-content{padding:1rem;background-color:var(--color-bg-secondary);flex:1;min-height:calc(100vh - 57px)}.dark .admin-content{background-color:#111827}@media (min-width: 640px){.admin-content{padding:1.5rem}}@media (min-width: 1024px){.admin-content{padding:2rem;min-height:100vh}}.admin-access-denied{text-align:center;padding:3rem 1rem}.admin-access-denied-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1rem}.dark .admin-access-denied-title{color:#fff}.admin-access-denied-text{color:var(--color-text-secondary);margin-bottom:1.5rem}.dark .admin-access-denied-text{color:#9ca3af}.admin-container{max-width:72rem;margin-inline:auto}.admin-container-lg{max-width:100%}.admin-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (min-width: 768px){.admin-header{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}}.panel{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:.5rem;overflow:hidden}.dark .panel{background-color:#1f2937;border-color:#374151}.panel-unsaved{outline:2px solid rgb(234 179 8);outline-offset:0}.panel-link{display:flex;align-items:center;padding:1rem;background-color:var(--color-bg-secondary);border-radius:.5rem;transition:background-color .2s ease}.panel-link:hover{background-color:var(--color-border-primary)}.dark .panel-link{background-color:#374151}.dark .panel-link:hover{background-color:#4b5563}.stat-card{display:flex;align-items:center;padding:1.5rem}.stat-card-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.5rem;flex-shrink:0}.stat-card-icon-purple{background-color:#f3e8ff;color:#9333ea}.dark .stat-card-icon-purple{background-color:#581c8780;color:#c084fc}.stat-card-icon-blue{background-color:#dbeafe;color:#2563eb}.dark .stat-card-icon-blue{background-color:#1e3a8a80;color:#60a5fa}.stat-card-icon-green{background-color:#dcfce7;color:#16a34a}.dark .stat-card-icon-green{background-color:#16653480;color:#4ade80}.stat-card-icon-yellow{background-color:#fef9c3;color:#a16207}.dark .stat-card-icon-yellow{background-color:#713f1280;color:#facc15}.stat-card-icon-indigo{background-color:#e0e7ff;color:#4f46e5}.dark .stat-card-icon-indigo{background-color:#312e8180;color:#818cf8}.stat-card-content{margin-left:1rem}.stat-card-label{font-size:.875rem;color:var(--color-text-secondary)}.dark .stat-card-label{color:#9ca3af}.stat-card-value{font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.dark .stat-card-value{color:#fff}.worker-card{border-radius:.5rem;overflow:hidden}.worker-card-bg-normal{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary)}.dark .worker-card-bg-normal{background-color:#1f2937;border-color:#374151}.worker-card-bg-issue{background-color:#fef2f2;border:1px solid rgb(252 165 165)}.dark .worker-card-bg-issue{background-color:#7f1d1d4d;border-color:#b91c1c80}.status-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;flex-shrink:0}.status-icon-success{background-color:#dcfce7;color:#16a34a}.dark .status-icon-success{background-color:#166534;color:#4ade80}.status-icon-error{background-color:#fee2e2;color:#dc2626}.dark .status-icon-error{background-color:#7f1d1d;color:#f87171}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.worker-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.worker-modal-panel{position:relative;background-color:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-primary);border-radius:.5rem;padding:1.5rem;max-width:36rem;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;z-index:10000;margin:auto}.dark .worker-modal-panel{background-color:#1f2937;border-color:#374151;color:#fff}.worker-modal-panel-large{max-width:48rem;max-height:85vh}@media (min-width: 1024px){.worker-modal-panel-large{max-width:56rem}}.worker-modal-scroll{flex:1;overflow-y:auto;padding-right:.5rem;min-height:0;max-height:60vh}.worker-models-list{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.25rem;list-style:none;padding:0;margin:0}@media (min-width: 640px){.worker-models-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.worker-models-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.worker-models-list-item{padding:.5rem .75rem;background-color:var(--color-bg-secondary);border-radius:.375rem;font-size:.875rem;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color .15s ease}.worker-models-list-item:hover{background-color:var(--color-border-primary)}.dark .worker-models-list-item{background-color:#374151;color:#e5e7eb}.dark .worker-models-list-item:hover{background-color:#4b5563}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:-1}.worker-modal-overlay .modal-backdrop{z-index:9998}.dialog-panel{position:relative;background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:.5rem;padding:1.5rem;max-width:36rem;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;z-index:51;margin:auto}.dark .dialog-panel{background-color:#1f2937;border-color:#374151}.toast{position:fixed;top:1rem;right:1rem;z-index:50;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;animation:toast-slide-in .3s ease}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background-color:#16a34a;color:#fff}.toast-error{background-color:#dc2626;color:#fff}.unsaved-changes-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#fef3c7;border-bottom:1px solid rgb(234 179 8 / .5);color:#92400e;font-size:.875rem;font-weight:500}.dark .unsaved-changes-warning{background-color:#713f124d;color:#facc15}.unsaved-changes-warning-hidden{visibility:hidden}.expandable-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.5rem;text-align:left;background:transparent;border:none;cursor:pointer;transition:background-color .2s ease}.expandable-header:hover{background-color:var(--color-bg-secondary)}.dark .expandable-header:hover{background-color:#37415180}.expandable-icon{width:1.25rem;height:1.25rem;color:var(--color-text-secondary);transition:transform .2s ease}.dark .expandable-icon{color:#9ca3af}.expandable-icon.expanded{transform:rotate(180deg)}.toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-switch-track{width:2.75rem;height:1.5rem;background-color:var(--color-border-primary);border-radius:9999px;transition:background-color .2s ease}.dark .toggle-switch-track{background-color:#4b5563}.toggle-switch input:checked+.toggle-switch-track{background-color:#2563eb}.toggle-switch-thumb{position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background-color:#fff;border-radius:9999px;transition:transform .2s ease;box-shadow:0 1px 3px #0000001a}.toggle-switch input:checked~.toggle-switch-thumb{transform:translate(1.25rem)}.field-row-compact{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--color-bg-secondary);border-radius:.5rem;transition:opacity .2s ease}.dark .field-row-compact{background-color:#3741514d}.field-row-dimmed{opacity:.5}.field-row-changed{outline:2px solid rgb(234 179 8);outline-offset:0}.field-row-stacked{display:flex;flex-direction:column;gap:.5rem}@media (min-width: 640px){.field-row-stacked{flex-direction:row;align-items:flex-start}}.field-label{display:flex;flex-direction:column;min-width:0;flex:1}.field-label-text{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.dark .field-label-text{color:#d1d5db}.field-label-desc{font-size:.75rem;color:var(--color-text-secondary);margin-top:.125rem}.dark .field-label-desc{color:#6b7280}.btn-muted{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);background-color:var(--color-bg-secondary);border-radius:.5rem;transition:background-color .2s ease,color .2s ease}.btn-muted:hover{background-color:var(--color-border-primary);color:var(--color-text-primary)}.dark .btn-muted{color:#d1d5db;background-color:#374151}.dark .btn-muted:hover{background-color:#4b5563;color:#fff}.btn-muted:disabled{opacity:.5;cursor:not-allowed}.btn-danger{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#fff;background-color:#dc2626;border-radius:.5rem;transition:background-color .2s ease}.btn-danger:hover{background-color:#b91c1c}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-save-fixed{position:fixed;bottom:1.5rem;right:1.5rem;z-index:50;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background-color:#16a34a;border-radius:.5rem;outline:3px solid rgb(234 179 8);outline-offset:0;box-shadow:0 10px 15px -3px #0000004d;transition:background-color .2s ease,transform .2s ease}.btn-save-fixed:hover{background-color:#15803d;transform:scale(1.05)}.btn-save-fixed:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;color:var(--color-text-secondary);background-color:var(--color-bg-secondary);border-radius:.5rem;transition:background-color .2s ease,color .2s ease}.btn-icon:hover{background-color:var(--color-border-primary);color:var(--color-text-primary)}.dark .btn-icon{color:#9ca3af;background-color:#374151}.dark .btn-icon:hover{background-color:#4b5563;color:#fff}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.list-item-button{width:100%;padding:.75rem;text-align:left;background-color:var(--color-bg-secondary);border-radius:.5rem;transition:background-color .2s ease}.list-item-button:hover{background-color:var(--color-border-primary)}.dark .list-item-button{background-color:#37415180}.dark .list-item-button:hover{background-color:#374151}.admin-grid-stats-2,.admin-grid-stats-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.admin-grid-stats-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.admin-grid-workers{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 1024px){.admin-grid-workers{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-grid-workers-3{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 1024px){.admin-grid-workers-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.admin-grid-workers-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.admin-grid-history{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem}@media (min-width: 640px){.admin-grid-history{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.admin-grid-history{grid-template-columns:repeat(3,minmax(0,1fr))}}.admin-grid-permissions{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.admin-grid-permissions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.admin-grid-permissions{grid-template-columns:repeat(3,minmax(0,1fr))}}.admin-grid-limits{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.admin-grid-limits{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-grid-tools{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 640px){.admin-grid-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-heading-page{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem}.dark .admin-heading-page{color:#fff}.admin-heading-lg{font-size:1.875rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.dark .admin-heading-lg{color:#fff}.admin-heading-section{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.dark .admin-heading-section{color:#fff}.admin-heading-card{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.dark .admin-heading-card{color:#fff}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0}.admin-spinner{width:2rem;height:2rem;color:#3b82f6;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-loading-text{margin-top:1rem;color:var(--color-text-secondary)}.dark .admin-loading-text{color:#9ca3af}.admin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;text-align:center}.admin-empty-icon{width:3rem;height:3rem;color:var(--color-text-secondary)}.dark .admin-empty-icon{color:#6b7280}.admin-empty-text{margin-top:1rem;color:var(--color-text-secondary)}.dark .admin-empty-text{color:#9ca3af}.admin-border-t{border-top:1px solid var(--color-border-primary)}.dark .admin-border-t{border-top-color:#374151}.admin-bg-dark{background-color:var(--color-bg-secondary)}.dark .admin-bg-dark{background-color:#374151}.admin-bg-darker{background-color:var(--color-bg-primary)}.dark .admin-bg-darker{background-color:#1f2937}.admin-badge-moderator{font-size:.875rem;color:var(--color-brand-purple);margin-left:.5rem}.admin-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px}.admin-badge-capability{background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.dark .admin-badge-capability{background-color:#374151;color:#9ca3af}.admin-warning-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#fee2e2;border-radius:.5rem;color:#991b1b;font-size:.875rem;font-weight:500}.dark .admin-warning-banner{background-color:#7f1d1d;color:#fecaca}.admin-text-blue{color:#2563eb}.dark .admin-text-blue{color:#60a5fa}.admin-text-green{color:#16a34a}.dark .admin-text-green{color:#4ade80}.admin-text-yellow{color:#a16207}.dark .admin-text-yellow{color:#facc15}.admin-text-red{color:#dc2626}.dark .admin-text-red{color:#f87171}.admin-text-purple{color:var(--color-brand-purple)}.dark .admin-text-purple{color:#c084fc}.admin-text-muted{color:var(--color-text-secondary)}.dark .admin-text-muted{color:#9ca3af}.admin-text-light{color:var(--color-text-secondary)}.dark .admin-text-light{color:#d1d5db}.admin-text-white{color:var(--color-text-primary)}.dark .admin-text-white{color:#fff}.admin-link{color:var(--color-brand-blue);text-decoration:none;transition:color .2s ease}.admin-link:hover{color:var(--color-brand-blue-hover);text-decoration:underline}.dark .admin-link{color:#60a5fa}.dark .admin-link:hover{color:#93c5fd}.admin-icon-muted{color:var(--color-text-secondary)}.dark .admin-icon-muted{color:#6b7280}.admin-flip-x{transform:scaleX(-1)}.admin-dialog-scroll{max-height:24rem;overflow-y:auto;padding-right:.5rem}.admin-max-w-bridge{max-width:200px;margin-left:.5rem}.admin-spinner-track{opacity:.25}.admin-spinner-head{opacity:.75}.style-detail-card{display:flex;flex-direction:column;gap:1.5rem}.style-detail-header{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-primary)}.dark .style-detail-header{border-bottom-color:#374151}.style-detail-title-row{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.style-detail-title-row{flex-direction:row;justify-content:space-between;align-items:flex-start}}.style-detail-title-section{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.style-detail-badges{display:flex;flex-wrap:wrap;gap:.5rem}.style-detail-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.2}@media (min-width: 768px){.style-detail-title{font-size:1.75rem}}.dark .style-detail-title{color:#fff}.style-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.dark .style-detail-meta{color:#9ca3af}.style-detail-meta-divider{color:var(--color-border-primary)}.dark .style-detail-meta-divider{color:#4b5563}.style-detail-id{font-family:monospace;font-size:.8125rem;color:var(--color-text-muted);word-break:break-all}.dark .style-detail-id{color:#6b7280}.style-detail-description{font-size:.9375rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.dark .style-detail-description{color:#9ca3af}.style-detail-actions{display:flex;flex-wrap:wrap;gap:.5rem;flex-shrink:0}.style-detail-content{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.style-detail-content{grid-template-columns:1fr 320px}}@media (min-width: 1280px){.style-detail-content{grid-template-columns:1fr 400px}}.style-detail-main{display:flex;flex-direction:column;gap:1rem;min-width:0}.style-detail-sidebar{display:flex;flex-direction:column;gap:1rem}.style-detail-section{display:flex;flex-direction:column;gap:.5rem}.style-detail-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.style-detail-section-title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0}.dark .style-detail-section-title{color:#6b7280}.style-detail-params-section{background-color:var(--color-bg-secondary);border-radius:.5rem;padding:1rem}.dark .style-detail-params-section{background-color:#111827}.style-detail-params{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem 1rem;margin:0}@media (min-width: 1280px){.style-detail-params{grid-template-columns:repeat(2,1fr)}}.style-detail-params-compact{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.style-detail-param{display:flex;flex-direction:column;gap:.125rem}.style-detail-param dt{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:var(--color-text-muted)}.dark .style-detail-param dt{color:#6b7280}.style-detail-param dd{margin:0;font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.dark .style-detail-param dd{color:#e5e7eb}.style-detail-param-full,.style-detail-param-flags{grid-column:1 / -1}.style-detail-flags{display:flex;flex-wrap:wrap;gap:.375rem}.style-detail-loras,.style-detail-tis{display:flex;flex-direction:column;gap:.375rem}.style-detail-lora-item,.style-detail-ti-item{display:flex;flex-direction:column;gap:.125rem;padding:.375rem .5rem;background-color:var(--color-bg-primary);border-radius:.25rem;border:1px solid var(--color-border-primary)}.dark .style-detail-lora-item,.dark .style-detail-ti-item{background-color:#1f2937;border-color:#374151}.style-detail-lora-name,.style-detail-ti-name{font-weight:600;font-size:.8125rem;color:var(--color-text-primary)}.dark .style-detail-lora-name,.dark .style-detail-ti-name{color:#f3f4f6}.style-detail-lora-values,.style-detail-ti-values{font-size:.75rem;color:var(--color-text-secondary);font-family:monospace}.dark .style-detail-lora-values,.dark .style-detail-ti-values{color:#9ca3af}.style-detail-tags-models{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 640px){.style-detail-tags-models{flex-direction:row;flex-wrap:wrap;gap:1.5rem}}.style-detail-inline-section{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.style-detail-inline-label{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary)}.dark .style-detail-inline-label{color:#9ca3af}.style-detail-code-inline{font-family:monospace;font-size:.8125rem;padding:.125rem .5rem;background-color:var(--color-bg-secondary);border-radius:.25rem;color:var(--color-text-primary)}.dark .style-detail-code-inline{background-color:#111827;color:#e5e7eb}.badge-container-inline{display:inline-flex;flex-wrap:wrap;gap:.375rem}.badge-sm{padding:.125rem .5rem;font-size:.75rem}.code-block-compact{padding:.75rem 1rem;font-size:.875rem;line-height:1.5;margin:0;background-color:var(--color-bg-secondary);border-radius:.375rem;border:1px solid var(--color-border-primary);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.dark .code-block-compact{background-color:#111827;border-color:#374151;color:#e5e7eb}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn-sm svg{width:.875rem;height:.875rem}.style-detail-examples{border-top:1px solid var(--color-border-primary);padding-top:1rem}.dark .style-detail-examples{border-top-color:#374151}.image-grid-compact{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}@media (min-width: 768px){.image-grid-compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.sponsor-svg svg{filter:grayscale(1);transition:filter .5s ease}.sponsor-svg:hover svg{filter:none}.built-with a{color:var(--purple-text-color-600)}.built-with a:hover{text-decoration:underline}.dark .built-with a{color:var(--purple-text-color-500)}.terms ul{list-style-type:disc;padding-left:40px}.terms h1{font-size:1.5em;font-weight:700;margin-bottom:20px;margin-top:40px;border-bottom:3px solid #a0a0a0;display:inline-block}.terms h2{font-size:1.3em;font-weight:700;margin-bottom:20px}.terms p{font-size:1em;margin-bottom:10px}.terms strong{font-weight:700}.terms .last_updated{font-style:italic}.terms .important{font-weight:700;font-size:1.2em;margin-top:30px;margin-bottom:30px}@media screen and (min-width: 768px){.md\:mt-0{margin-top:0}.md\:gap-8{gap:2rem}}@media screen and (min-width: 1024px){.lg\:pt-0{padding-top:0}}@media screen and (min-width: 1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}.mt-12,.mt-12\:not-first{margin-top:3rem}.mt-12\:not-first:first-of-type{margin-top:revert}.pt-12{padding-top:3rem}.mt-8,.mt-8\:not-first{margin-top:2rem}.mt-8\:not-first:first-of-type{margin-top:revert}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.w-auto{width:auto}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-space-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-ordinal{syntax: "*"; inherits: false;}@property --tw-slashed-zero{syntax: "*"; inherits: false;}@property --tw-numeric-figure{syntax: "*"; inherits: false;}@property --tw-numeric-spacing{syntax: "*"; inherits: false;}@property --tw-numeric-fraction{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@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;}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@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-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-space-y-reverse: 0;--tw-space-x-reverse: 0;--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--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}}}