/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-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-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;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", "Segoe UI Mono", monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-amber-400:oklch(82.8% .189 84.429);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-emerald-400:oklch(76.5% .177 163.223);--color-teal-400:oklch(77.7% .152 181.912);--color-sky-400:oklch(74.6% .16 232.661);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-rose-400:oklch(71.2% .194 13.428);--color-black:#000;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--tracking-widest:.1em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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);--font-display:"Outfit", "Inter", sans-serif;--color-theme:var(--cc-text);--color-theme-muted:var(--cc-text-muted);--color-theme-secondary:var(--text-secondary);--color-theme-border:var(--cc-border);--color-accent:var(--cc-accent);--color-error:var(--cc-error);--color-warning:var(--cc-warning);--color-success:var(--cc-success);--color-info:var(--cc-info)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.right-0{right:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-50{z-index:50}.z-\[60\]{z-index:60}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-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)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-6{margin-left:calc(var(--spacing) * 6)}.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{display:table}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-full{height:100%}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[80vh\]{max-height:80vh}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[5\.5rem\]{min-height:5.5rem}.min-h-\[88px\]{min-height:88px}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-1\/4{width:25%}.w-1\/5{width:20%}.w-2{width:calc(var(--spacing) * 2)}.w-2\/3{width:66.6667%}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-3\/5{width:60%}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-64{width:calc(var(--spacing) * 64)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[5rem\]{max-width:5rem}.max-w-\[8rem\]{max-width:8rem}.max-w-\[80px\]{max-width:80px}.max-w-\[100px\]{max-width:100px}.max-w-\[120px\]{max-width:120px}.max-w-\[150px\]{max-width:150px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-28{min-width:calc(var(--spacing) * 28)}.min-w-\[4\.5rem\]{min-width:4.5rem}.min-w-\[120px\]{min-width:120px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.rotate-90{rotate:90deg}.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)}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.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}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.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)}: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-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-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)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.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-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.border-\[var\(--cc-accent\)\]{border-color:var(--cc-accent)}.border-accent\/20{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.border-accent\/20{border-color:color-mix(in oklab, var(--color-accent) 20%, transparent)}}.border-accent\/30{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.border-accent\/30{border-color:color-mix(in oklab, var(--color-accent) 30%, transparent)}}.border-error\/10{border-color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.border-error\/10{border-color:color-mix(in oklab, var(--color-error) 10%, transparent)}}.border-error\/30{border-color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.border-error\/30{border-color:color-mix(in oklab, var(--color-error) 30%, transparent)}}.border-theme{border-color:var(--color-theme)}.border-theme-border{border-color:var(--color-theme-border)}.border-theme\/10{border-color:var(--color-theme)}@supports (color:color-mix(in lab, red, red)){.border-theme\/10{border-color:color-mix(in oklab, var(--color-theme) 10%, transparent)}}.border-theme\/15{border-color:var(--color-theme)}@supports (color:color-mix(in lab, red, red)){.border-theme\/15{border-color:color-mix(in oklab, var(--color-theme) 15%, transparent)}}.border-theme\/30{border-color:var(--color-theme)}@supports (color:color-mix(in lab, red, red)){.border-theme\/30{border-color:color-mix(in oklab, var(--color-theme) 30%, transparent)}}.border-theme\/40{border-color:var(--color-theme)}@supports (color:color-mix(in lab, red, red)){.border-theme\/40{border-color:color-mix(in oklab, var(--color-theme) 40%, transparent)}}.border-theme\/50{border-color:var(--color-theme)}@supports (color:color-mix(in lab, red, red)){.border-theme\/50{border-color:color-mix(in oklab, var(--color-theme) 50%, transparent)}}.border-transparent{border-color:#0000}.border-warning\/20{border-color:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.border-warning\/20{border-color:color-mix(in oklab, var(--color-warning) 20%, transparent)}}.border-warning\/30{border-color:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.border-warning\/30{border-color:color-mix(in oklab, var(--color-warning) 30%, transparent)}}.border-warning\/40{border-color:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.border-warning\/40{border-color:color-mix(in oklab, var(--color-warning) 40%, transparent)}}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--bg-primary\)\]{background-color:var(--bg-primary)}.bg-\[var\(--bg-tertiary\)\]{background-color:var(--bg-tertiary)}.bg-accent,.bg-accent\/10{background-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/10{background-color:color-mix(in oklab, var(--color-accent) 10%, transparent)}}.bg-accent\/30{background-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/30{background-color:color-mix(in oklab, var(--color-accent) 30%, transparent)}}.bg-accent\/50{background-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/50{background-color:color-mix(in oklab, var(--color-accent) 50%, transparent)}}.bg-accent\/80{background-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/80{background-color:color-mix(in oklab, var(--color-accent) 80%, transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/10{background-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.bg-error,.bg-error\/5{background-color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.bg-error\/5{background-color:color-mix(in oklab, var(--color-error) 5%, transparent)}}.bg-error\/20{background-color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.bg-error\/20{background-color:color-mix(in oklab, var(--color-error) 20%, transparent)}}.bg-green-500\/10{background-color:#00c7581a}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/10{background-color:color-mix(in oklab, var(--color-green-500) 10%, transparent)}}.bg-success,.bg-success\/20{background-color:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.bg-success\/20{background-color:color-mix(in oklab, var(--color-success) 20%, transparent)}}.bg-theme-muted,.bg-theme-muted\/20{background-color:var(--color-theme-muted)}@supports (color:color-mix(in lab, red, red)){.bg-theme-muted\/20{background-color:color-mix(in oklab, var(--color-theme-muted) 20%, transparent)}}.bg-theme-muted\/40{background-color:var(--color-theme-muted)}@supports (color:color-mix(in lab, red, red)){.bg-theme-muted\/40{background-color:color-mix(in oklab, var(--color-theme-muted) 40%, transparent)}}.bg-theme\/5{background-color:var(--color-theme)}@supports (color:color-mix(in lab, red, red)){.bg-theme\/5{background-color:color-mix(in oklab, var(--color-theme) 5%, transparent)}}.bg-theme\/10{background-color:var(--color-theme)}@supports (color:color-mix(in lab, red, red)){.bg-theme\/10{background-color:color-mix(in oklab, var(--color-theme) 10%, transparent)}}.bg-theme\/20{background-color:var(--color-theme)}@supports (color:color-mix(in lab, red, red)){.bg-theme\/20{background-color:color-mix(in oklab, var(--color-theme) 20%, transparent)}}.bg-transparent{background-color:#0000}.bg-violet-500\/10{background-color:#8d54ff1a}@supports (color:color-mix(in lab, red, red)){.bg-violet-500\/10{background-color:color-mix(in oklab, var(--color-violet-500) 10%, transparent)}}.bg-warning,.bg-warning\/10{background-color:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.bg-warning\/10{background-color:color-mix(in oklab, var(--color-warning) 10%, transparent)}}.bg-warning\/20{background-color:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.bg-warning\/20{background-color:color-mix(in oklab, var(--color-warning) 20%, transparent)}}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-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)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-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-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--cc-accent\)\]{color:var(--cc-accent)}.text-\[var\(--cc-accent-bright\)\]{color:var(--cc-accent-bright)}.text-\[var\(--cc-error\)\]{color:var(--cc-error)}.text-\[var\(--cc-success\)\]{color:var(--cc-success)}.text-\[var\(--cc-warning\)\]{color:var(--cc-warning)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--text-tertiary\)\]{color:var(--text-tertiary)}.text-accent{color:var(--color-accent)}.text-amber-400{color:var(--color-amber-400)}.text-amber-400\/70{color:#fcbb00b3}@supports (color:color-mix(in lab, red, red)){.text-amber-400\/70{color:color-mix(in oklab, var(--color-amber-400) 70%, transparent)}}.text-blue-400{color:var(--color-blue-400)}.text-emerald-400{color:var(--color-emerald-400)}.text-error{color:var(--color-error)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-info{color:var(--color-info)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-rose-400{color:var(--color-rose-400)}.text-sky-400{color:var(--color-sky-400)}.text-success{color:var(--color-success)}.text-teal-400{color:var(--color-teal-400)}.text-theme{color:var(--color-theme)}.text-theme-muted{color:var(--color-theme-muted)}.text-theme-secondary{color:var(--color-theme-secondary)}.text-violet-400{color:var(--color-violet-400)}.text-warning{color:var(--color-warning)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.invert{--tw-invert:invert(100%);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,)}.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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:border-accent\/50:hover{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:border-accent\/50:hover{border-color:color-mix(in oklab, var(--color-accent) 50%, transparent)}}.hover\:border-theme:hover{border-color:var(--color-theme)}.hover\:bg-\[var\(--bg-tertiary\)\]:hover{background-color:var(--bg-tertiary)}.hover\:bg-theme\/5:hover{background-color:var(--color-theme)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-theme\/5:hover{background-color:color-mix(in oklab, var(--color-theme) 5%, transparent)}}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:text-accent:hover{color:var(--color-accent)}.hover\:text-error:hover{color:var(--color-error)}.hover\:text-theme:hover{color:var(--color-theme)}.hover\:underline:hover{text-decoration-line:underline}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:block{display:block}.md\:grid{display:grid}.md\:hidden{display:none}.md\:inline{display:inline}.md\:table-cell{display:table-cell}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:gap-2{gap:calc(var(--spacing) * 2)}}@media (min-width:64rem){.lg\:table-cell{display:table-cell}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root,.theme-dark{--cc-bg:oklch(14% .005 250);--cc-bg-topnav:oklch(10% .005 250);--cc-bg-sidebar:oklch(10% .005 250);--cc-bg-card:oklch(18% .007 250);--cc-bg-elevated:oklch(26% .009 250);--cc-bg-input:oklch(15% .005 252);--cc-bg-hover:oklch(22% .008 250);--cc-bg-overlay:oklch(5% .003 250);--cc-border:oklch(30% .01 250);--cc-border-light:oklch(24% .007 250);--cc-text:oklch(93% .006 250);--cc-text-muted:oklch(65% .008 250);--cc-accent:oklch(72% .16 230);--cc-accent-bright:oklch(80% .19 230);--cc-accent-muted:#00b4f01f;--cc-accent-hover:oklch(76% .18 230);--cc-accent-active:oklch(65% .14 230);--cc-brand-secondary:oklch(50% .12 200);--cc-brand-gradient:linear-gradient(135deg, oklch(72% .16 230), oklch(68% .14 210), oklch(60% .12 250));--cc-success:oklch(72% .15 142);--cc-success-subtle:#69bc611f;--cc-success-bold:oklch(80% .18 142);--cc-info:oklch(65% .12 240);--cc-info-subtle:#3d98d11f;--cc-info-bold:oklch(74% .16 240);--cc-warning:oklch(78% .16 90);--cc-warning-subtle:#dfb1001f;--cc-warning-bold:oklch(85% .18 90);--cc-error:oklch(62% .18 22);--cc-error-subtle:#de4d521f;--cc-error-bold:oklch(72% .22 22);--cc-purple:oklch(68% .16 300);--cc-yellow:oklch(78% .16 90);--cc-teal:oklch(68% .12 170);--cc-rose:oklch(65% .16 350);--cc-lime:oklch(80% .18 110);--cc-shadow:#0000002e;--cc-nav-active-bg:#00b4f01f;--cc-focus-ring:#00b4f073;--cc-tier-l0:oklch(68% .16 230);--cc-tier-l1:oklch(60% .14 245);--cc-tier-l2:oklch(70% .14 140);--cc-tier-l3:oklch(68% .16 290);--cc-tier-miss:oklch(38% .007 250);--topnav-height:52px;--sidebar-width:230px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition-speed:.18s;--transition-curve:cubic-bezier(.16, 1, .3, 1);--cc-card-height-sm:6rem;--cc-card-height-md:8rem;--cc-card-height-lg:11rem;--cc-spacing-xs:.25rem;--cc-spacing-sm:.5rem;--cc-spacing-md:.75rem;--cc-spacing-lg:1rem;--cc-spacing-xl:1.5rem;--cc-breakpoint-sm:640px;--cc-breakpoint-md:768px;--cc-breakpoint-lg:1024px;--cc-breakpoint-xl:1280px;--cc-latency-1:oklch(45% .1 260);--cc-latency-2:oklch(50% .12 255);--cc-latency-3:oklch(55% .13 248);--cc-latency-4:oklch(60% .14 240);--cc-latency-5:oklch(65% .15 232);--cc-latency-6:oklch(70% .16 224);--cc-latency-7:oklch(74% .16 216);--cc-latency-8:oklch(72% .15 208);--cc-latency-9:oklch(68% .14 200);--cc-latency-10:oklch(64% .13 192);--cc-latency-11:oklch(58% .12 184);--cc-latency-12:oklch(52% .11 176);--cc-neon-glow:#00b4f01f;--cc-neon-glow-strong:#00b4f038;--cc-glass-blur:12px;--cc-glass-bg:#0f1215b8;--cc-glass-border:#263c46;--cc-glass-border-hover:#1d566b;--cc-cyber-grid-opacity:.04;--cc-card-header-border:#1a2b33;--cc-topnav-blur:14px}.theme-light{--cc-bg:oklch(97% .004 70);--cc-bg-topnav:oklch(93% .006 70);--cc-bg-sidebar:oklch(93% .006 70);--cc-bg-card:oklch(99.5% .002 75);--cc-bg-elevated:oklch(91% .008 70);--cc-bg-input:oklch(99.5% .002 70);--cc-bg-hover:oklch(94% .006 70);--cc-bg-overlay:oklch(12% .005 250);--cc-border:oklch(82% .008 65);--cc-border-light:oklch(90% .006 65);--cc-text:oklch(20% .01 55);--cc-text-muted:oklch(50% .012 55);--cc-accent:oklch(52% .16 230);--cc-accent-bright:oklch(46% .18 230);--cc-accent-muted:#0074a01f;--cc-accent-hover:oklch(49% .17 230);--cc-accent-active:oklch(58% .14 230);--cc-brand-secondary:oklch(38% .1 220);--cc-brand-gradient:linear-gradient(135deg, oklch(52% .16 230), oklch(48% .13 210), oklch(42% .11 250));--cc-success:oklch(48% .14 142);--cc-success-subtle:#22701c1a;--cc-success-bold:oklch(40% .16 142);--cc-info:oklch(42% .12 240);--cc-info-subtle:#0053801a;--cc-info-bold:oklch(35% .14 240);--cc-warning:oklch(56% .14 90);--cc-warning-subtle:#9070001a;--cc-warning-bold:oklch(48% .16 90);--cc-error:oklch(44% .17 22);--cc-error-subtle:#9b0d231a;--cc-error-bold:oklch(36% .19 22);--cc-purple:oklch(44% .16 300);--cc-yellow:oklch(56% .14 90);--cc-teal:oklch(42% .1 170);--cc-rose:oklch(48% .14 350);--cc-lime:oklch(52% .16 110);--cc-shadow:#15100d0f;--cc-nav-active-bg:#0074a01f;--cc-focus-ring:#0074a066;--cc-tier-l0:oklch(50% .14 230);--cc-tier-l1:oklch(42% .13 245);--cc-tier-l2:oklch(48% .13 140);--cc-tier-l3:oklch(46% .15 290);--cc-tier-miss:oklch(68% .008 65);--cc-latency-1:oklch(38% .1 260);--cc-latency-2:oklch(40% .12 255);--cc-latency-3:oklch(42% .13 248);--cc-latency-4:oklch(44% .14 240);--cc-latency-5:oklch(46% .14 232);--cc-latency-6:oklch(48% .15 224);--cc-latency-7:oklch(50% .15 216);--cc-latency-8:oklch(48% .14 208);--cc-latency-9:oklch(46% .13 200);--cc-latency-10:oklch(44% .12 192);--cc-latency-11:oklch(42% .11 184);--cc-latency-12:oklch(40% .1 176);--cc-neon-glow:#0074a014;--cc-neon-glow-strong:#0074a026;--cc-glass-blur:8px;--cc-glass-bg:#fefdfce0;--cc-glass-border:#bcbebd;--cc-glass-border-hover:#a4b5b9;--cc-cyber-grid-opacity:0;--cc-card-header-border:#d6d8d7;--cc-topnav-blur:8px}:root,.theme-dark,.theme-light,.theme-system{--bg-primary:var(--cc-bg);--bg-secondary:var(--cc-bg-topnav);--bg-tertiary:var(--cc-bg-elevated);--bg-elevated:var(--cc-bg-elevated);--bg-glass:var(--cc-bg-card);--bg-glass-hover:var(--cc-bg-hover);--bg-glass-raised:var(--cc-bg-elevated);--bg-hover:var(--cc-bg-hover);--bg-overlay:var(--cc-bg-overlay);--text-primary:var(--cc-text);--text-secondary:var(--cc-text-muted);--text-muted:var(--cc-text-muted);--border-color:var(--cc-border);--border-light:var(--cc-border-light);--accent-primary:var(--cc-accent);--accent-secondary:var(--cc-accent-bright);--accent-muted:var(--cc-accent-muted);--accent-hover:var(--cc-accent-hover);--accent-active:var(--cc-accent-active);--brand-secondary:var(--cc-brand-secondary);--success:var(--cc-success);--success-subtle:var(--cc-success-subtle);--success-bold:var(--cc-success-bold);--warning:var(--cc-warning);--warning-subtle:var(--cc-warning-subtle);--warning-bold:var(--cc-warning-bold);--error:var(--cc-error);--error-subtle:var(--cc-error-subtle);--error-bold:var(--cc-error-bold);--info:var(--cc-info);--info-subtle:var(--cc-info-subtle);--info-bold:var(--cc-info-bold);--shadow-color:var(--cc-shadow);--bg:var(--cc-bg);--bg-sidebar:var(--cc-bg-sidebar);--bg-card:var(--cc-bg-card);--border:var(--cc-border);--text:var(--cc-text);--accent:var(--cc-accent);--green:var(--cc-success);--blue:var(--cc-info);--yellow:var(--cc-yellow);--purple:var(--cc-purple);--red:var(--cc-error);--teal:var(--cc-teal);--rose:var(--cc-rose);--lime:var(--cc-lime);--tier-l0:var(--cc-tier-l0);--tier-l1:var(--cc-tier-l1);--tier-l2:var(--cc-tier-l2);--tier-l3:var(--cc-tier-l3);--tier-miss:var(--cc-tier-miss)}html[data-table-density=comfortable],:root:not([data-table-density]){--cc-spacing-xs:.375rem;--cc-spacing-sm:.625rem;--cc-spacing-md:1rem;--cc-spacing-lg:1.5rem;--cc-spacing-xl:2.25rem;--cc-card-padding-hero:1.25rem 1.5rem;--cc-card-padding-mosaic:1rem 1.25rem;--cc-card-gap:1rem}html[data-table-density=compact]{--cc-spacing-xs:.25rem;--cc-spacing-sm:.5rem;--cc-spacing-md:.75rem;--cc-spacing-lg:1rem;--cc-spacing-xl:1.5rem;--cc-card-padding-hero:.75rem 1rem;--cc-card-padding-mosaic:.625rem .75rem;--cc-card-gap:.5rem}.text-theme{color:var(--cc-text)}.text-theme-muted{color:var(--cc-text-muted)}.text-theme-secondary{color:var(--text-secondary)}.border-theme{border-color:var(--cc-border)}body{color:var(--cc-text);background:var(--cc-bg);line-height:1.5;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-speed) var(--transition-curve), color var(--transition-speed) var(--transition-curve)}.theme-dark{color-scheme:dark}.theme-light{color-scheme:light}.brand-gradient-text,.brand-text{color:var(--cc-accent);font-family:var(--font-display);letter-spacing:-.03em;font-weight:800}:focus-visible{outline:2px solid var(--cc-focus-ring);outline-offset:2px}.topnav{height:var(--topnav-height);background:var(--cc-bg-topnav);border-bottom:1px solid #0000;border-image:linear-gradient(90deg, var(--cc-accent), var(--cc-purple), var(--cc-teal), transparent) 1;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}@supports (color:color-mix(in lab, red, red)){.topnav{border-image:linear-gradient(90deg, color-mix(in srgb, var(--cc-accent) 25%, transparent), color-mix(in srgb, var(--cc-purple) 18%, transparent), color-mix(in srgb, var(--cc-teal) 15%, transparent), transparent) 1}}.topnav{box-shadow:0 1px 3px var(--cc-shadow), 0 1px 0 0 var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.topnav{box-shadow:0 1px 3px var(--cc-shadow), 0 1px 0 0 color-mix(in srgb, var(--cc-accent) 6%, transparent)}}.topnav{-webkit-backdrop-filter:blur(var(--cc-topnav-blur));z-index:40;isolation:isolate;position:sticky;top:0}.topnav-brand{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.topnav-brand-name{color:var(--cc-text);font-size:.9375rem;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em}.topnav-brand-version{color:var(--cc-text-muted);font-size:.6875rem;font-weight:500}.topnav-nav{align-items:center;gap:.125rem;display:flex}.topnav-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--cc-text-muted);opacity:.6;margin:0 .25rem;padding:0 .5rem;font-size:.5625rem;font-weight:600}.topnav-item{border-radius:var(--radius-sm);color:var(--cc-text-muted);transition:background var(--transition-speed) var(--transition-curve), color var(--transition-speed) var(--transition-curve);cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:flex}.topnav-item:hover{background:var(--cc-bg-elevated);color:var(--cc-text)}.topnav-item.active{background:var(--cc-nav-active-bg);color:var(--cc-accent-bright);box-shadow:inset 0 -2px 0 var(--cc-accent), 0 0 10px var(--cc-accent);font-weight:600}@supports (color:color-mix(in lab, red, red)){.topnav-item.active{box-shadow:inset 0 -2px 0 var(--cc-accent), 0 0 10px color-mix(in srgb, var(--cc-accent) 10%, transparent)}}.topnav-icon{opacity:.85;justify-content:center;align-items:center;width:1rem;height:1rem;display:inline-flex}.topnav-icon .icon{width:1rem;height:1rem}.topnav-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.topnav-mobile-toggle{border-radius:var(--radius-sm);border:1px solid var(--cc-border);background:var(--cc-bg-card);width:2.25rem;height:2.25rem;color:var(--cc-text);cursor:pointer;justify-content:center;align-items:center;font-size:1rem;display:none}.topnav-mobile-backdrop{display:none}@media (max-width:1024px){.topnav-nav{display:none}.topnav-nav.topnav-nav-open{top:var(--topnav-height);background:var(--cc-bg-topnav);border-bottom:1px solid var(--cc-border);z-index:45;box-shadow:0 4px 12px var(--cc-shadow);flex-direction:column;padding:.75rem;display:flex;position:absolute;left:0;right:0}.topnav-nav.topnav-nav-open .topnav-group-label{margin-top:.5rem}.topnav-nav.topnav-nav-open .topnav-group-label:first-child{margin-top:0}.topnav-mobile-toggle{display:flex}.topnav-mobile-backdrop{z-index:35;cursor:pointer;background:oklch(0% 0 0/.4);border:none;display:block;position:fixed;inset:0}}.dash-card{background:var(--cc-glass-bg);border:1px solid var(--cc-glass-border);border-radius:var(--radius-md);box-shadow:0 1px 3px var(--cc-shadow);-webkit-backdrop-filter:blur(var(--cc-glass-blur));transition:transform var(--transition-speed) var(--transition-curve), box-shadow var(--transition-speed) var(--transition-curve), border-color var(--transition-speed) var(--transition-curve), background var(--transition-speed) var(--transition-curve);padding:1.25rem;overflow:visible}.dash-card:has(>.dash-card-header),.dash-card:has(>.dash-card-body),.dash-card:has(>.dash-card-body-flush){padding:0}.dash-card[role=button]:hover,.dash-card.card-interactive:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 16px var(--cc-neon-glow);border-color:var(--cc-glass-border-hover);transform:translateY(-2px)}.dash-card-header{border-bottom:1px solid var(--cc-card-header-border);justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.dash-card-title{font-family:var(--font-display);color:var(--cc-accent);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.dash-card-title .icon{opacity:.8;width:18px;height:18px}.dash-card-actions{gap:.125rem;display:flex}.dash-card-body{padding:1.25rem}.dash-card-body-flush{padding:0}.dash-card-accent,.dash-card-accent>.dash-card-header{border-color:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.dash-card-accent,.dash-card-accent>.dash-card-header{border-color:color-mix(in srgb, var(--cc-accent) 20%, var(--cc-border))}}.dash-card-accent{box-shadow:0 1px 3px var(--cc-shadow), inset 0 1px 0 var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.dash-card-accent{box-shadow:0 1px 3px var(--cc-shadow), inset 0 1px 0 color-mix(in srgb, var(--cc-accent) 6%, transparent)}}.dash-card-accent:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.dash-card-accent:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px color-mix(in srgb, var(--cc-accent) 14%, transparent)}}.dash-card-success,.dash-card-success>.dash-card-header{border-color:var(--cc-success)}@supports (color:color-mix(in lab, red, red)){.dash-card-success,.dash-card-success>.dash-card-header{border-color:color-mix(in srgb, var(--cc-success) 20%, var(--cc-border))}}.dash-card-success{box-shadow:0 1px 3px var(--cc-shadow), inset 0 1px 0 var(--cc-success)}@supports (color:color-mix(in lab, red, red)){.dash-card-success{box-shadow:0 1px 3px var(--cc-shadow), inset 0 1px 0 color-mix(in srgb, var(--cc-success) 6%, transparent)}}.dash-card-success:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px var(--cc-success)}@supports (color:color-mix(in lab, red, red)){.dash-card-success:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px color-mix(in srgb, var(--cc-success) 14%, transparent)}}.dash-card-warning,.dash-card-warning>.dash-card-header{border-color:var(--cc-warning)}@supports (color:color-mix(in lab, red, red)){.dash-card-warning,.dash-card-warning>.dash-card-header{border-color:color-mix(in srgb, var(--cc-warning) 20%, var(--cc-border))}}.dash-card-warning{box-shadow:0 1px 3px var(--cc-shadow), inset 0 1px 0 var(--cc-warning)}@supports (color:color-mix(in lab, red, red)){.dash-card-warning{box-shadow:0 1px 3px var(--cc-shadow), inset 0 1px 0 color-mix(in srgb, var(--cc-warning) 6%, transparent)}}.dash-card-warning:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px var(--cc-warning)}@supports (color:color-mix(in lab, red, red)){.dash-card-warning:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px color-mix(in srgb, var(--cc-warning) 14%, transparent)}}.dash-card-error,.dash-card-error>.dash-card-header{border-color:var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.dash-card-error,.dash-card-error>.dash-card-header{border-color:color-mix(in srgb, var(--cc-error) 20%, var(--cc-border))}}.dash-card-error{box-shadow:0 1px 3px var(--cc-shadow), inset 0 1px 0 var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.dash-card-error{box-shadow:0 1px 3px var(--cc-shadow), inset 0 1px 0 color-mix(in srgb, var(--cc-error) 6%, transparent)}}.dash-card-error:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.dash-card-error:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px color-mix(in srgb, var(--cc-error) 14%, transparent)}}.dash-card-purple,.dash-card-purple>.dash-card-header{border-color:var(--cc-purple)}@supports (color:color-mix(in lab, red, red)){.dash-card-purple,.dash-card-purple>.dash-card-header{border-color:color-mix(in srgb, var(--cc-purple) 20%, var(--cc-border))}}.dash-card-purple{box-shadow:0 1px 3px var(--cc-shadow), inset 0 1px 0 var(--cc-purple)}@supports (color:color-mix(in lab, red, red)){.dash-card-purple{box-shadow:0 1px 3px var(--cc-shadow), inset 0 1px 0 color-mix(in srgb, var(--cc-purple) 6%, transparent)}}.dash-card-purple:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px var(--cc-purple)}@supports (color:color-mix(in lab, red, red)){.dash-card-purple:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px color-mix(in srgb, var(--cc-purple) 14%, transparent)}}.dash-card-teal,.dash-card-teal>.dash-card-header{border-color:var(--cc-teal)}@supports (color:color-mix(in lab, red, red)){.dash-card-teal,.dash-card-teal>.dash-card-header{border-color:color-mix(in srgb, var(--cc-teal) 20%, var(--cc-border))}}.dash-card-teal{box-shadow:0 1px 3px var(--cc-shadow), inset 0 1px 0 var(--cc-teal)}@supports (color:color-mix(in lab, red, red)){.dash-card-teal{box-shadow:0 1px 3px var(--cc-shadow), inset 0 1px 0 color-mix(in srgb, var(--cc-teal) 6%, transparent)}}.dash-card-teal:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px var(--cc-teal)}@supports (color:color-mix(in lab, red, red)){.dash-card-teal:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px color-mix(in srgb, var(--cc-teal) 14%, transparent)}}.dash-card-info,.dash-card-info>.dash-card-header{border-color:var(--cc-info)}@supports (color:color-mix(in lab, red, red)){.dash-card-info,.dash-card-info>.dash-card-header{border-color:color-mix(in srgb, var(--cc-info) 20%, var(--cc-border))}}.dash-card-info{box-shadow:0 1px 3px var(--cc-shadow), inset 0 1px 0 var(--cc-info)}@supports (color:color-mix(in lab, red, red)){.dash-card-info{box-shadow:0 1px 3px var(--cc-shadow), inset 0 1px 0 color-mix(in srgb, var(--cc-info) 6%, transparent)}}.dash-card-info:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px var(--cc-info)}@supports (color:color-mix(in lab, red, red)){.dash-card-info:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px color-mix(in srgb, var(--cc-info) 14%, transparent)}}.glass-card-accent{border-color:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.glass-card-accent{border-color:color-mix(in srgb, var(--cc-accent) 20%, var(--cc-border))}}.glass-card-accent{box-shadow:0 1px 2px var(--cc-shadow), inset 0 1px 0 var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.glass-card-accent{box-shadow:0 1px 2px var(--cc-shadow), inset 0 1px 0 color-mix(in srgb, var(--cc-accent) 6%, transparent)}}.glass-card-accent:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.glass-card-accent:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px color-mix(in srgb, var(--cc-accent) 14%, transparent)}}.glass-card-success{border-color:var(--cc-success)}@supports (color:color-mix(in lab, red, red)){.glass-card-success{border-color:color-mix(in srgb, var(--cc-success) 20%, var(--cc-border))}}.glass-card-success{box-shadow:0 1px 2px var(--cc-shadow), inset 0 1px 0 var(--cc-success)}@supports (color:color-mix(in lab, red, red)){.glass-card-success{box-shadow:0 1px 2px var(--cc-shadow), inset 0 1px 0 color-mix(in srgb, var(--cc-success) 6%, transparent)}}.glass-card-success:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px var(--cc-success)}@supports (color:color-mix(in lab, red, red)){.glass-card-success:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px color-mix(in srgb, var(--cc-success) 14%, transparent)}}.glass-card-warning{border-color:var(--cc-warning)}@supports (color:color-mix(in lab, red, red)){.glass-card-warning{border-color:color-mix(in srgb, var(--cc-warning) 20%, var(--cc-border))}}.glass-card-warning{box-shadow:0 1px 2px var(--cc-shadow), inset 0 1px 0 var(--cc-warning)}@supports (color:color-mix(in lab, red, red)){.glass-card-warning{box-shadow:0 1px 2px var(--cc-shadow), inset 0 1px 0 color-mix(in srgb, var(--cc-warning) 6%, transparent)}}.glass-card-warning:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px var(--cc-warning)}@supports (color:color-mix(in lab, red, red)){.glass-card-warning:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px color-mix(in srgb, var(--cc-warning) 14%, transparent)}}.glass-card-error{border-color:var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.glass-card-error{border-color:color-mix(in srgb, var(--cc-error) 20%, var(--cc-border))}}.glass-card-error{box-shadow:0 1px 2px var(--cc-shadow), inset 0 1px 0 var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.glass-card-error{box-shadow:0 1px 2px var(--cc-shadow), inset 0 1px 0 color-mix(in srgb, var(--cc-error) 6%, transparent)}}.glass-card-error:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.glass-card-error:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px color-mix(in srgb, var(--cc-error) 14%, transparent)}}.glass-card-purple{border-color:var(--cc-purple)}@supports (color:color-mix(in lab, red, red)){.glass-card-purple{border-color:color-mix(in srgb, var(--cc-purple) 20%, var(--cc-border))}}.glass-card-purple{box-shadow:0 1px 2px var(--cc-shadow), inset 0 1px 0 var(--cc-purple)}@supports (color:color-mix(in lab, red, red)){.glass-card-purple{box-shadow:0 1px 2px var(--cc-shadow), inset 0 1px 0 color-mix(in srgb, var(--cc-purple) 6%, transparent)}}.glass-card-purple:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px var(--cc-purple)}@supports (color:color-mix(in lab, red, red)){.glass-card-purple:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px color-mix(in srgb, var(--cc-purple) 14%, transparent)}}.glass-card-teal{border-color:var(--cc-teal)}@supports (color:color-mix(in lab, red, red)){.glass-card-teal{border-color:color-mix(in srgb, var(--cc-teal) 20%, var(--cc-border))}}.glass-card-teal{box-shadow:0 1px 2px var(--cc-shadow), inset 0 1px 0 var(--cc-teal)}@supports (color:color-mix(in lab, red, red)){.glass-card-teal{box-shadow:0 1px 2px var(--cc-shadow), inset 0 1px 0 color-mix(in srgb, var(--cc-teal) 6%, transparent)}}.glass-card-teal:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px var(--cc-teal)}@supports (color:color-mix(in lab, red, red)){.glass-card-teal:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px color-mix(in srgb, var(--cc-teal) 14%, transparent)}}.glass-card-info{border-color:var(--cc-info)}@supports (color:color-mix(in lab, red, red)){.glass-card-info{border-color:color-mix(in srgb, var(--cc-info) 20%, var(--cc-border))}}.glass-card-info{box-shadow:0 1px 2px var(--cc-shadow), inset 0 1px 0 var(--cc-info)}@supports (color:color-mix(in lab, red, red)){.glass-card-info{box-shadow:0 1px 2px var(--cc-shadow), inset 0 1px 0 color-mix(in srgb, var(--cc-info) 6%, transparent)}}.glass-card-info:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px var(--cc-info)}@supports (color:color-mix(in lab, red, red)){.glass-card-info:hover{box-shadow:0 8px 24px var(--cc-shadow), 0 0 18px color-mix(in srgb, var(--cc-info) 14%, transparent)}}.panel-chart{min-height:16rem}.panel-chart>h3,.panel-chart>h4{margin:0 0 .75rem;line-height:1.4}.panel-chart .line-chart-legend{display:none}.panel-chart .line-chart-wrap{width:100%;min-height:14rem}.dashboard-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:1rem;display:grid}.dashboard-grid-2{grid-template-columns:repeat(2,1fr);align-items:start;gap:1rem;display:grid}@media (max-width:1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dashboard-grid,.dashboard-grid-2{grid-template-columns:1fr}}.dash-list{padding:.5rem}.dash-item{border-radius:var(--radius-sm);transition:background var(--transition-speed) var(--transition-curve);cursor:pointer;justify-content:space-between;align-items:center;padding:.5rem .625rem;display:flex}.dash-item:hover{background:var(--cc-bg-elevated)}.dash-item.active{background:var(--cc-accent-muted)}.dash-item-left{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.dash-item-name{color:var(--cc-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.dash-item-meta{color:var(--cc-text-muted);margin-top:.125rem;font-size:.6875rem}.dash-item-actions{opacity:0;transition:opacity var(--transition-speed) var(--transition-curve);gap:.125rem;display:flex}.dash-item:hover .dash-item-actions{opacity:1}.icon-btn{border-radius:var(--radius-sm);width:1.5rem;height:1.5rem;color:var(--cc-text-muted);cursor:pointer;transition:all var(--transition-speed) var(--transition-curve);background:0 0;border:none;justify-content:center;align-items:center;font-size:.75rem;display:flex}.icon-btn .icon{width:1rem;height:1rem}.icon-btn:hover{background:var(--cc-bg-elevated);color:var(--cc-text)}.glass-card{background:var(--cc-glass-bg);border:1px solid var(--cc-glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--cc-glass-blur));transition:transform var(--transition-speed) var(--transition-curve), border-color var(--transition-speed) var(--transition-curve), box-shadow var(--transition-speed) var(--transition-curve), background var(--transition-speed) var(--transition-curve);box-shadow:0 1px 2px var(--cc-shadow);padding:1.25rem;overflow:visible}.glass-card[role=button]:hover,.glass-card.card-interactive:hover{border-color:var(--cc-glass-border-hover);box-shadow:0 8px 24px var(--cc-shadow), 0 0 16px var(--cc-neon-glow);transform:translateY(-2px)}.panel-header{border-bottom:1px solid var(--cc-border);font-family:var(--font-display);color:var(--cc-text);justify-content:space-between;align-items:center;padding:14px 20px;font-size:1rem;font-weight:700;display:flex}.panel-header-meta{color:var(--cc-text-muted);font-size:.8rem;font-weight:400}.glass-card-raised{background:var(--cc-bg-elevated);border:1px solid var(--cc-glass-border);border-radius:var(--radius-md);box-shadow:0 2px 12px var(--cc-shadow), 0 0 8px var(--cc-neon-glow);padding:1.25rem}.glass-card-flat,.dash-card-flat{background:var(--cc-glass-bg);border:1px solid var(--cc-glass-border);border-radius:var(--radius-md);overflow:visible}.glass-card-flush{padding:0;overflow:hidden}.bento-grid,.bento-grid-4{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(10rem,auto);align-items:start;gap:1rem;display:grid}.bento-grid-3{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(10rem,auto);align-items:start;gap:1rem;display:grid}.bento-grid-2{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(10rem,auto);align-items:start;gap:1rem;display:grid}.bento-cell{background:var(--cc-glass-bg);border:1px solid var(--cc-glass-border);border-radius:var(--radius-md);min-height:5.5rem;box-shadow:0 1px 2px var(--cc-shadow);-webkit-backdrop-filter:blur(var(--cc-glass-blur));grid-area:span 1/span 1;padding:1rem 1.25rem}.bento-cell:has(>.glass-card),.bento-cell:has(>.metric-card),.bento-cell:has(>.dash-card){box-shadow:none;background:0 0;border:none;min-height:0;padding:0}.bento-cell-wide{grid-area:span 1/span 2}.bento-cell-tall{grid-area:span 2/span 1}.bento-cell-hero{grid-area:span 2/span 2}.bento-cell-full{grid-area:span 1/span 4}@media (max-width:1024px){.bento-grid,.bento-grid-3,.bento-grid-4{grid-template-columns:repeat(2,1fr)}.bento-cell-full,.bento-cell-hero,.bento-cell-wide{grid-column:span 1}.bento-cell-hero{grid-row:span 1}}@media (max-width:640px){.bento-grid,.bento-grid-3,.bento-grid-4{grid-template-columns:1fr}.bento-cell,.bento-cell-wide,.bento-cell-tall,.bento-cell-hero,.bento-cell-full{grid-area:span 1/span 1}}.metric-card{background:var(--cc-glass-bg);border:1px solid var(--cc-glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--cc-glass-blur));transition:border-color var(--transition-speed) var(--transition-curve), box-shadow var(--transition-speed) var(--transition-curve), background var(--transition-speed) var(--transition-curve);flex-direction:column;justify-content:space-between;height:auto;min-height:8rem;padding:1.25rem 1.5rem;display:flex}.metric-card[role=button]:hover,.metric-card.card-interactive:hover{border-color:var(--cc-glass-border-hover);background:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.metric-card[role=button]:hover,.metric-card.card-interactive:hover{background:color-mix(in srgb, var(--cc-accent) 3%, var(--cc-bg-card))}}.metric-card[role=button]:hover,.metric-card.card-interactive:hover{box-shadow:0 2px 8px var(--cc-shadow), 0 0 12px var(--cc-neon-glow)}.metric-card-label{color:var(--cc-text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.5rem;font-size:.6875rem;font-weight:500}.metric-card-value{color:var(--cc-text);font-size:1.75rem;font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-shadow:0 0 12px var(--cc-neon-glow);margin-bottom:.25rem;line-height:1.1}.metric-card-sub{color:var(--cc-text-muted);font-size:.75rem;line-height:1.4}.metric-card-trend{color:var(--cc-text-muted);margin-top:.25rem;font-size:.78rem}.metric-card-trend.trend-up,.trend.up{color:var(--cc-success)}.metric-card-trend.trend-down,.trend.down{color:var(--cc-error)}.tooltip-wrapper{display:inline-block;position:relative}.tooltip-wrapper .tooltip-content{visibility:hidden;opacity:0;background:var(--cc-bg-elevated,var(--cc-bg-card));color:var(--cc-text);border:1px solid var(--cc-border);white-space:nowrap;z-index:50;pointer-events:none;border-radius:4px;padding:4px 8px;font-size:.75rem;transition:opacity .15s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-wrapper:hover .tooltip-content{visibility:visible;opacity:1}.metric-card-footer{justify-content:space-between;align-items:baseline;margin-top:.25rem;display:flex}.live-toolbar{background:var(--cc-bg-card);border:1px solid var(--cc-border);border-radius:var(--radius-md);box-shadow:0 1px 2px var(--cc-shadow);scrollbar-width:thin;align-items:center;gap:0;padding:.5rem .75rem;display:flex;overflow-x:auto}.live-toolbar-section{flex-shrink:0;align-items:center;gap:.5rem;padding:0 .625rem;display:flex}.live-toolbar-section:first-child{padding-left:0}.live-toolbar-grow{flex:1;min-width:0}.live-toolbar-label{letter-spacing:.06em;text-transform:uppercase;color:var(--cc-text-muted);white-space:nowrap;flex-shrink:0;font-size:.625rem;font-weight:600}.live-toolbar-select{font-size:.75rem;font-family:var(--font-mono);background:var(--cc-bg);border:1px solid var(--cc-border);border-radius:var(--radius-sm);color:var(--cc-text);outline:none;min-width:0;padding:.25rem .5rem;font-weight:500}.live-toolbar-select:focus{border-color:var(--cc-accent)}.live-toolbar-pills{flex-wrap:nowrap;gap:.25rem;display:flex}.live-toolbar-meta{flex-direction:column;align-items:flex-end;gap:.125rem;display:flex}.live-toolbar-divider{background:var(--cc-border);flex-shrink:0;width:1px;height:1.75rem;margin:0 .125rem}.live-window-pills{scrollbar-width:thin;flex-wrap:nowrap;gap:.25rem;padding-bottom:.125rem;display:flex;overflow-x:auto}.live-pill{border:1px solid var(--cc-border);background:var(--cc-bg);color:var(--cc-text-muted);cursor:pointer;border-radius:9999px;flex-shrink:0;padding:.2rem .55rem;font-size:.6875rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.live-pill:hover{border-color:var(--cc-accent);color:var(--cc-text)}.live-pill-active{background:var(--cc-accent);border-color:var(--cc-accent);color:oklch(99% 0 0)}.live-traffic-panel{overflow:visible}.live-metrics-strip{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}@media (min-width:768px){.live-metrics-strip{flex-direction:row;gap:.625rem}}.live-hero-metrics{flex:16rem;grid-template-columns:1fr 1fr;gap:.5rem;min-width:0;display:grid}.live-hero-metric{border-radius:var(--radius-sm);flex-direction:column;gap:.125rem;padding:.75rem 1rem;display:flex}.live-hero-metric-label{letter-spacing:.04em;text-transform:uppercase;opacity:.85;font-size:.6875rem;font-weight:600}.live-hero-metric-value{font-size:1.6rem;font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums;line-height:1.1}.live-hero-metric-accent{background:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.live-hero-metric-accent{background:color-mix(in srgb, var(--cc-accent) 18%, var(--cc-bg-card))}}.live-hero-metric-accent{color:var(--cc-accent)}.live-hero-metric-success{background:var(--cc-success)}@supports (color:color-mix(in lab, red, red)){.live-hero-metric-success{background:color-mix(in srgb, var(--cc-success) 18%, var(--cc-bg-card))}}.live-hero-metric-success{color:var(--cc-success)}@media (max-width:640px){.live-hero-metrics{grid-template-columns:1fr}.live-hero-metric-value{font-size:1.35rem}}.chart-preview-card{border:1px solid var(--cc-border-light);cursor:pointer;border-radius:.5rem;min-width:0;padding:.5rem .625rem;transition:border-color .15s,box-shadow .15s}.chart-preview-card:hover,.chart-preview-card:focus-visible{border-color:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.chart-preview-card:hover,.chart-preview-card:focus-visible{border-color:color-mix(in srgb, var(--cc-accent) 45%, var(--cc-border))}}.chart-preview-card:hover,.chart-preview-card:focus-visible{box-shadow:0 0 0 2px var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.chart-preview-card:hover,.chart-preview-card:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--cc-accent) 12%, transparent)}}.chart-preview-card:hover,.chart-preview-card:focus-visible{outline:none}.chart-preview-card-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.chart-preview-card-title{text-transform:uppercase;letter-spacing:.04em;color:var(--cc-text-muted);font-size:.6875rem;font-weight:600}.chart-preview-card-hint{color:var(--cc-text-muted);opacity:.85;white-space:nowrap;font-size:.625rem}.chart-preview-card-body{pointer-events:auto;flex:1;min-height:0}.flex>.chart-preview-card,.flex-col>.chart-preview-card{flex-direction:column;flex:auto;display:flex}.chart-detail-host{z-index:50;pointer-events:auto;position:fixed;inset:0}.chart-detail-host--hidden{opacity:0;pointer-events:none;visibility:hidden}.chart-detail-overlay{z-index:50;background:var(--cc-bg);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.chart-detail-overlay{background:color-mix(in srgb, var(--cc-bg) 35%, transparent)}}.chart-detail-overlay{-webkit-backdrop-filter:blur(4px);pointer-events:auto}.chart-detail-modal{flex-direction:column;width:min(1200px,96vw);max-height:90vh;display:flex;overflow:hidden}.chart-detail-header{border-bottom:1px solid var(--cc-border-light);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.chart-detail-title{color:var(--cc-text);font-size:.9375rem;font-weight:600}.chart-detail-subtitle{color:var(--cc-text-muted);margin-top:.25rem;font-size:.75rem}.chart-detail-body{flex:1;min-height:0;padding:1rem 1.25rem 1.25rem;overflow:auto}.card-detail-host{z-index:50;pointer-events:auto;position:fixed;inset:0}.card-detail-host--hidden{opacity:0;pointer-events:none;visibility:hidden}.card-detail-overlay{z-index:50;background:var(--cc-bg);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.card-detail-overlay{background:color-mix(in srgb, var(--cc-bg) 40%, transparent)}}.card-detail-overlay{-webkit-backdrop-filter:blur(4px)}.card-detail-modal{background:var(--cc-bg-card);border:1px solid var(--cc-border);border-radius:var(--radius-md);width:min(800px,96vw);max-height:85vh;box-shadow:0 20px 25px -5px var(--cc-shadow), 0 10px 10px -5px var(--cc-shadow);flex-direction:column;display:flex;overflow:hidden;transition:none!important;transform:none!important}.card-detail-body .glass-card,.card-detail-body .metric-card{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;transition:none!important;transform:none!important}.card-detail-body .glass-card:hover,.card-detail-body .metric-card:hover{box-shadow:none!important;background:0 0!important;border-color:#0000!important;transform:none!important}.card-detail-body .glass-card>h3,.card-detail-body .glass-card>.flex>h3,.card-detail-body .glass-card>.panel-header{display:none!important}.card-detail-header{border-bottom:1px solid var(--cc-border-light);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.card-detail-title{color:var(--cc-text);font-size:.9375rem;font-weight:600}.card-detail-subtitle{color:var(--cc-text-muted);margin-top:.25rem;font-size:.75rem}.card-detail-body{flex:1;min-height:0;padding:1rem 1.25rem 1.25rem;overflow:auto}.overview-cards-hero{grid-template-columns:1fr;gap:.625rem;display:grid}@media (min-width:480px){.overview-cards-hero{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.overview-cards-hero{grid-template-columns:repeat(4,minmax(0,1fr))}}.domain-detail-drawer-layer{z-index:60}.overview-detail-zone{margin-bottom:.125rem}.overview-detail-zone-label{text-transform:uppercase;letter-spacing:.06em;color:var(--cc-text-muted);padding:.5rem 0 .25rem;font-size:.68rem;font-weight:600}.overview-detail-zone:first-child .overview-detail-zone-label{padding-top:0}.overview-cards-detail{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}@media (min-width:1024px){.overview-cards-detail{grid-template-columns:repeat(4,minmax(0,1fr))}}.overview-cards-detail .detail-full{grid-column:1/-1}.overview-cards-mosaic{gap:var(--cc-card-gap);grid-template-columns:1fr;display:grid}@media (min-width:640px){.overview-cards-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.overview-cards-mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.overview-cards-mosaic{grid-template-columns:repeat(4,minmax(0,1fr))}}.overview-metric-card-wide{grid-column:span 1}@media (min-width:768px){.overview-metric-card-wide{grid-column:span 2}}.overview-compact .overview-segment-nav{padding:.25rem}.overview-compact .overview-segment-link{padding:.25rem .625rem;font-size:.6875rem}.overview-compact .overview-metric-card{padding:var(--cc-card-padding-mosaic);column-gap:.5rem}.overview-compact .overview-metric-card-value{font-size:1rem}.overview-compact .overview-metric-card-preview{max-width:5rem}.overview-compact .glass-card-compact{margin-bottom:0;padding:.625rem .75rem}.trace-compare-strip{background:var(--cc-bg-card);border:1px solid var(--cc-border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:.375rem .75rem;padding:.375rem .625rem;font-size:.6875rem;display:flex}.trace-compare-strip-label{color:var(--cc-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.trace-compare-strip-stat{font-variant-numeric:tabular-nums;color:var(--cc-text-secondary,var(--cc-text));font-family:ui-monospace,monospace}.trace-compare-strip-actions{gap:.5rem;margin-left:auto;display:flex}.trace-compare-strip-link{color:var(--cc-accent);white-space:nowrap;text-decoration:none}.trace-compare-strip-link:hover{text-decoration:underline}.overview-analytics-row{grid-template-columns:1fr;align-items:start;gap:.5rem;display:grid}@media (min-width:960px){.overview-analytics-row{grid-template-columns:minmax(0,1fr) minmax(240px,300px)}}.overview-analytics-row .peak-hours-container{max-width:none;margin-top:0;padding:.625rem .75rem}.overview-analytics-row .peak-hours-header,.overview-analytics-row .peak-hours-model-tabs{margin-bottom:.375rem}.overview-analytics-row .peak-hours-cell{min-width:0}.overview-ts-empty{padding:.375rem 0}.overview-ts-empty .impact-hint{margin-bottom:.375rem}.overview-metric-card{padding:var(--cc-card-padding-mosaic);background:var(--cc-glass-bg);border:1px solid var(--cc-glass-border);border-radius:var(--radius-md);cursor:pointer;-webkit-backdrop-filter:blur(var(--cc-glass-blur));transition:border-color var(--transition-speed) var(--transition-curve), background var(--transition-speed) var(--transition-curve), box-shadow var(--transition-speed) var(--transition-curve), transform var(--transition-speed) var(--transition-curve);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.125rem .625rem;min-height:0;display:grid}.overview-metric-card:hover,.overview-metric-card:focus-visible{border-color:var(--cc-glass-border-hover);background:var(--cc-bg-elevated);box-shadow:0 2px 8px var(--cc-shadow), 0 0 14px var(--cc-neon-glow), 0 0 0 1px var(--cc-accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.overview-metric-card:hover,.overview-metric-card:focus-visible{box-shadow:0 2px 8px var(--cc-shadow), 0 0 14px var(--cc-neon-glow), 0 0 0 1px color-mix(in srgb, var(--cc-accent) 8%, transparent)}}.overview-metric-card:hover,.overview-metric-card:focus-visible{outline:none}.overview-metric-card-top{grid-area:1/1;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.overview-metric-card-label{text-transform:uppercase;letter-spacing:.04em;color:var(--cc-text-muted);font-size:.68rem;font-weight:600}.overview-metric-card-trend{font-family:ui-monospace,monospace;font-size:.68rem}.overview-metric-card-value{font-variant-numeric:tabular-nums;color:var(--cc-accent);text-shadow:0 0 10px var(--cc-neon-glow);grid-area:2/1;font-family:ui-monospace,monospace;font-size:1.125rem;font-weight:700;line-height:1.15}.overview-metric-card-preview{grid-area:1/2/3;justify-content:flex-end;align-items:center;min-width:0;max-width:6.5rem;display:flex}.overview-metric-card-hint{display:none}.overview-diag-compact .diag-card-grid{grid-template-columns:1fr;align-items:stretch;gap:.5rem;display:grid}@media (min-width:768px){.overview-diag-compact .diag-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.overview-diag-compact .diag-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.overview-diag-compact .diag-card-grid>.dash-card{flex-direction:column;height:100%;min-height:0;display:flex}.overview-diag-compact .dash-card-header{flex-shrink:0;padding:.375rem .625rem}.overview-diag-compact .diag-card-body{flex:auto;min-height:10rem;max-height:14rem;padding:.375rem .625rem;overflow:auto}.overview-diag-compact .table th,.overview-diag-compact .table td{padding:.25rem .375rem;font-size:.6875rem}.overview-segment-nav{background:var(--cc-bg-card);border:1px solid var(--cc-border);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.25rem;padding:.375rem;display:flex;overflow-x:auto}.overview-segment-nav::-webkit-scrollbar{display:none}.overview-segment-link{color:var(--cc-text-muted);border-radius:calc(var(--radius-md) - 4px);white-space:nowrap;cursor:pointer;flex-shrink:0;padding:.375rem .875rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.overview-segment-link:hover{color:var(--cc-text);background:var(--cc-bg-elevated)}.overview-segment-link.segment-active{color:var(--cc-accent);background:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.overview-segment-link.segment-active{background:color-mix(in srgb, var(--cc-accent) 12%, var(--cc-bg-elevated))}}.overview-segment-link.segment-active{box-shadow:inset 0 1px 0 var(--cc-accent);font-weight:600}@supports (color:color-mix(in lab, red, red)){.overview-segment-link.segment-active{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--cc-accent) 6%, transparent)}}.overview-section-anchor{scroll-margin-top:calc(var(--topnav-height) + 3.5rem)}.overview-tab-nav{background:var(--cc-bg-card);border:1px solid var(--cc-border);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.25rem;margin-bottom:1rem;padding:.375rem;display:flex;overflow-x:auto}.overview-tab-nav::-webkit-scrollbar{display:none}.overview-tab-btn{color:var(--cc-text-muted);border-radius:calc(var(--radius-md) - 4px);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:color .15s,background .15s}.overview-tab-btn:hover{color:var(--cc-text);background:var(--cc-bg-elevated)}.overview-tab-btn.active{color:var(--cc-accent);background:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.overview-tab-btn.active{background:color-mix(in srgb, var(--cc-accent) 10%, transparent)}}.overview-tab-btn.active{font-weight:600}.overview-tab-content{min-height:200px}.dp-skeleton-row{align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.dp-skeleton-bar{background:var(--cc-bg-elevated);border-radius:9999px;flex:1;height:.625rem;position:relative;overflow:hidden}.dp-skeleton-bar:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--cc-text-muted) 50%, transparent 100%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.dp-skeleton-bar:after{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--cc-text-muted) 12%, transparent) 50%, transparent 100%)}}.dp-skeleton-bar:after{animation:1.5s ease-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.peak-hours-container{background:var(--cc-bg-secondary,var(--cc-bg));border:1px solid var(--cc-border);border-radius:var(--radius-md);max-width:none;margin-top:.5rem;padding:.75rem}.peak-hours-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.peak-hours-title{color:var(--cc-text);margin:0;font-size:.95rem;font-weight:600}.peak-hours-actions{gap:.5rem;display:flex}.peak-hours-model-tabs{flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem;display:flex}.peak-hours-tab{border:1px solid var(--cc-border);color:var(--cc-text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:.25rem .75rem;font-size:.78rem;transition:all .15s}.peak-hours-tab:hover{border-color:var(--cc-accent);color:var(--cc-text)}.peak-hours-tab.active{background:var(--cc-accent);border-color:var(--cc-accent);color:#fff}.peak-hours-stats{color:var(--cc-text-muted);margin-bottom:.5rem;font-size:.78rem}.peak-hours-grid-wrapper{display:block}.peak-hours-grid{grid-template-columns:auto repeat(7,1fr);gap:2px;min-width:0;display:grid}.peak-hours-day-header-spacer{width:26px}.peak-hours-day-header{text-align:center;color:var(--cc-text-muted);font-size:.65rem;font-weight:500;line-height:1}.peak-hours-hour-label{color:var(--cc-text-muted);text-align:right;align-self:center;padding-right:4px;font-size:.55rem;line-height:14px}.peak-hours-cell{cursor:pointer;outline-offset:1px;border-radius:3px;outline:2px solid #0000;height:14px;transition:outline .1s,transform .1s}.peak-hours-cell:hover,.peak-hours-cell.hovered{outline-color:var(--cc-accent);z-index:1;position:relative;transform:scale(1.15)}.peak-hours-legend{color:var(--cc-text-muted);justify-content:flex-end;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.65rem;display:flex}.peak-hours-legend-cell{border-radius:2px;width:14px;height:14px}.session-drilldown-host--hidden{pointer-events:none;display:none}.session-drilldown-host{z-index:45;pointer-events:none;position:fixed;inset:0}.session-drilldown-host:not(.session-drilldown-host--hidden){pointer-events:auto}.session-drilldown-backdrop{background:var(--cc-bg);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.session-drilldown-backdrop{background:color-mix(in srgb, var(--cc-bg) 45%, transparent)}}.session-drilldown-panel{border-left:1px solid var(--cc-border);border-top:none;border-bottom:none;border-right:none;border-radius:0;flex-direction:column;width:min(480px,100vw);max-height:100vh;margin:0;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.session-drilldown-header{border-bottom:1px solid var(--cc-border-light);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;display:flex}.session-drilldown-title{color:var(--cc-text);font-size:.9375rem;font-weight:600}.session-drilldown-subtitle{color:var(--cc-text-muted);margin-top:.25rem;font-size:.75rem}.session-drilldown-body{flex:1;min-height:0;padding:1rem 1.25rem 1.5rem;overflow:auto}.live-detail-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.live-detail-row-2col{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}@media (max-width:1023px){.live-detail-row,.live-detail-row-2col{grid-template-columns:1fr}}.live-detail-card{height:auto;max-height:640px;overflow-y:auto}.glass-card.live-detail-card{overflow-y:auto}.live-stat-bar{flex:2 24rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;min-width:0;display:grid}@media (max-width:479px){.live-stat-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.live-stat-bar{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}}.live-chart-compact{min-height:4.5rem}.live-stat-tile{border-radius:.5rem;flex-direction:column;justify-content:center;padding:.75rem .625rem;display:flex}.live-stat-tile-label{opacity:.9;font-size:.625rem;font-weight:500;line-height:1.2}.live-stat-tile-value{font-size:1.05rem;font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-top:.15rem;line-height:1.2}.live-stat-tile-accent{background:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.live-stat-tile-accent{background:color-mix(in srgb, var(--cc-accent) 22%, var(--cc-bg-card))}}.live-stat-tile-accent{color:var(--cc-accent)}.live-stat-tile-teal{background:var(--cc-info)}@supports (color:color-mix(in lab, red, red)){.live-stat-tile-teal{background:color-mix(in srgb, var(--cc-info) 22%, var(--cc-bg-card))}}.live-stat-tile-teal{color:var(--cc-info)}.live-stat-tile-orange{background:var(--cc-warning)}@supports (color:color-mix(in lab, red, red)){.live-stat-tile-orange{background:color-mix(in srgb, var(--cc-warning) 24%, var(--cc-bg-card))}}.live-stat-tile-orange{color:var(--cc-warning)}.live-stat-tile-green{background:var(--cc-success)}@supports (color:color-mix(in lab, red, red)){.live-stat-tile-green{background:color-mix(in srgb, var(--cc-success) 22%, var(--cc-bg-card))}}.live-stat-tile-green{color:var(--cc-success)}.live-stat-tile-muted{background:var(--cc-bg-elevated);color:var(--cc-text-muted)}.live-stat-tile-warn{background:var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.live-stat-tile-warn{background:color-mix(in srgb, var(--cc-error) 18%, var(--cc-bg-card))}}.live-stat-tile-warn{color:var(--cc-error)}.live-pulse-dot{background:var(--cc-success);border-radius:50%;width:.5rem;height:.5rem;margin-right:.375rem;animation:1.8s ease-out infinite live-pulse;display:inline-block}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb, var(--cc-success) 40%, transparent);transform:scale(1)}50%{opacity:.5;box-shadow:0 0 0 3px color-mix(in srgb, var(--cc-success) 0%, transparent);transform:scale(.9)}}.brand-accent-text{color:var(--cc-accent)}.btn{transition:background var(--transition-speed) var(--transition-curve), box-shadow var(--transition-speed) var(--transition-curve);cursor:pointer;border:none;border-radius:.5rem;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--cc-accent);color:oklch(99% 0 0);box-shadow:0 1px 2px var(--cc-shadow);transition:background var(--transition-speed) var(--transition-curve), box-shadow var(--transition-speed) var(--transition-curve), transform 80ms var(--transition-curve)}.btn-primary:hover{background:var(--cc-accent-bright);box-shadow:0 0 0 1px var(--cc-accent), 0 2px 8px var(--cc-accent), 0 0 20px var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.btn-primary:hover{box-shadow:0 0 0 1px var(--cc-accent), 0 2px 8px color-mix(in srgb, var(--cc-accent) 20%, transparent), 0 0 20px color-mix(in srgb, var(--cc-accent) 18%, transparent)}}.btn-primary:active{box-shadow:0 1px 2px var(--cc-shadow);transform:scale(.98)}.btn-secondary{background:var(--cc-bg-card);color:var(--cc-text);border:1px solid var(--cc-border);transition:background var(--transition-speed) var(--transition-curve), border-color var(--transition-speed) var(--transition-curve), transform 80ms var(--transition-curve)}.btn-secondary:hover{background:var(--cc-bg-elevated);border-color:var(--cc-accent-muted)}.btn-secondary:active{transform:scale(.98)}.btn-danger{background:var(--cc-error,#ef4444)}@supports (color:color-mix(in lab, red, red)){.btn-danger{background:color-mix(in srgb, var(--cc-error,#ef4444) 90%, black)}}.btn-danger{color:#fff;border:1px solid #0000}.btn-danger:hover{filter:brightness(1.05)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:var(--cc-text-muted);background:0 0}.btn-ghost:hover{background:var(--cc-accent-muted);color:var(--cc-accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-sm{padding:.3rem .625rem;font-size:.75rem}.input{background:var(--cc-bg-card);border:1px solid var(--cc-border);width:100%;color:var(--cc-text);transition:border-color var(--transition-speed) var(--transition-curve), box-shadow var(--transition-speed) var(--transition-curve);border-radius:.5rem;outline:none;padding:.5rem .75rem;font-size:.875rem}.input:focus{border-color:var(--cc-accent);box-shadow:0 0 0 3px var(--cc-accent-muted), 0 0 12px var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.input:focus{box-shadow:0 0 0 3px var(--cc-accent-muted), 0 0 12px color-mix(in srgb, var(--cc-accent) 12%, transparent)}}.input::placeholder{color:var(--cc-text-muted);transition:color .2s}.form-input{background:var(--cc-bg-card);border:1px solid var(--cc-border);width:100%;color:var(--cc-text);transition:border-color var(--transition-speed) var(--transition-curve), box-shadow var(--transition-speed) var(--transition-curve);border-radius:.5rem;outline:none;padding:.5rem .75rem;font-size:.875rem}.form-input:focus{border-color:var(--cc-accent);box-shadow:0 0 0 3px var(--cc-accent-muted), 0 0 12px var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.form-input:focus{box-shadow:0 0 0 3px var(--cc-accent-muted), 0 0 12px color-mix(in srgb, var(--cc-accent) 12%, transparent)}}.form-input::placeholder{color:var(--cc-text-muted);transition:color .2s}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--cc-text-muted);text-transform:uppercase;letter-spacing:.06em;background:var(--cc-bg-elevated);border-bottom:1px solid var(--cc-border);box-shadow:0 1px 0 var(--cc-shadow);padding:.625rem 1rem;font-size:.6875rem;font-weight:600}.table td{color:var(--cc-text-muted);border-bottom:1px solid var(--cc-border-light);padding:.625rem 1rem;font-size:.8125rem}.table tbody tr{transition:background var(--transition-speed) var(--transition-curve)}.table tbody tr:hover td{background:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.table tbody tr:hover td{background:color-mix(in srgb, var(--cc-accent) 4%, var(--cc-bg-elevated))}}.badge{background:var(--cc-bg-elevated);color:var(--cc-text-muted);border:1px solid #0000;border-radius:9999px;align-items:center;padding:.15rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.badge-success{background:var(--cc-success)}@supports (color:color-mix(in lab, red, red)){.badge-success{background:color-mix(in srgb, var(--cc-success) 20%, transparent)}}.badge-success{color:var(--cc-success);border-color:var(--cc-success)}@supports (color:color-mix(in lab, red, red)){.badge-success{border-color:color-mix(in srgb, var(--cc-success) 25%, transparent)}}.badge-warning{background:var(--cc-warning)}@supports (color:color-mix(in lab, red, red)){.badge-warning{background:color-mix(in srgb, var(--cc-warning) 20%, transparent)}}.badge-warning{color:var(--cc-warning);border-color:var(--cc-warning)}@supports (color:color-mix(in lab, red, red)){.badge-warning{border-color:color-mix(in srgb, var(--cc-warning) 25%, transparent)}}.badge-error{background:var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.badge-error{background:color-mix(in srgb, var(--cc-error) 20%, transparent)}}.badge-error{color:var(--cc-error);border-color:var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.badge-error{border-color:color-mix(in srgb, var(--cc-error) 25%, transparent)}}.badge-info{background:var(--cc-info)}@supports (color:color-mix(in lab, red, red)){.badge-info{background:color-mix(in srgb, var(--cc-info) 20%, transparent)}}.badge-info{color:var(--cc-info);border-color:var(--cc-info)}@supports (color:color-mix(in lab, red, red)){.badge-info{border-color:color-mix(in srgb, var(--cc-info) 25%, transparent)}}.badge-accent{background:var(--cc-accent-muted);color:var(--cc-accent-bright);border-color:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.badge-accent{border-color:color-mix(in srgb, var(--cc-accent) 20%, transparent)}}.badge-sm{padding:.05rem .35rem;font-size:.625rem}.progress-bar{background:var(--cc-bg-elevated);border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{background:var(--cc-accent);height:100%;transition:width .5s var(--transition-curve);border-radius:9999px}.spinner{border:2px solid var(--cc-border);border-top-color:var(--cc-accent);border-radius:50%;width:1.5rem;height:1.5rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section-header{margin-bottom:1.75rem}.section-header h2{font-family:var(--font-display);color:var(--cc-text);letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.section-header p{color:var(--cc-text-muted);margin-top:.25rem;font-size:.8125rem}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.empty-state-icon{opacity:.25;margin-bottom:.75rem;font-size:2rem}.empty-state-title{color:var(--cc-text);margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.tab-bar{border-bottom:1px solid var(--cc-border-light);gap:.125rem;margin-bottom:1rem;padding:0 .25rem;display:flex}.tab-item{color:var(--cc-text-muted);cursor:pointer;transition:color var(--transition-speed) var(--transition-curve), border-color var(--transition-speed) var(--transition-curve);background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem 1rem;font-size:.8125rem;font-weight:500}.tab-item:hover{color:var(--cc-text)}.tab-item-active{color:var(--cc-accent-bright);border-bottom-color:var(--cc-accent);font-weight:600}.main-content{min-height:calc(100vh - var(--topnav-height));background:var(--cc-bg);transition:background .4s var(--transition-curve)}.theme-dark .main-content,:root .main-content{background-image:linear-gradient(var(--cc-accent) 1px, transparent 1px), linear-gradient(90deg, var(--cc-accent) 1px, transparent 1px)}@supports (color:color-mix(in lab, red, red)){.theme-dark .main-content,:root .main-content{background-image:linear-gradient(color-mix(in srgb, var(--cc-accent) var(--cc-cyber-grid-opacity), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--cc-accent) var(--cc-cyber-grid-opacity), transparent) 1px, transparent 1px)}}.theme-dark .main-content,:root .main-content{background-size:60px 60px}.main-content>*{z-index:1;position:relative}.theme-switcher{position:relative}.theme-switcher-trigger{border-radius:var(--radius-sm);background:var(--cc-bg-card);border:1px solid var(--cc-border);width:2.25rem;height:2.25rem;transition:border-color var(--transition-speed) var(--transition-curve), background var(--transition-speed) var(--transition-curve);cursor:pointer;justify-content:center;align-items:center;display:flex}.theme-switcher-trigger:hover{border-color:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.theme-switcher-trigger:hover{border-color:color-mix(in srgb, var(--cc-accent) 35%, var(--cc-border))}}.theme-switcher-trigger:hover{background:var(--cc-bg-elevated)}.theme-switcher-dropdown{z-index:50;background:var(--cc-bg-card);border:1px solid var(--cc-border);border-radius:var(--radius-md);min-width:220px;box-shadow:0 12px 32px var(--cc-shadow);padding:.375rem;position:absolute;top:calc(100% + .5rem);right:0}.theme-option{border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:background var(--transition-speed) var(--transition-curve);color:var(--cc-text);text-align:left;background:0 0;border:none;align-items:center;gap:.65rem;padding:.5rem .625rem;display:flex}.theme-option:hover{background:var(--cc-bg-elevated)}.theme-option.active{background:var(--cc-accent-muted)}.theme-option-copy{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.theme-option-label{font-size:.8125rem;font-weight:600;line-height:1.2}.theme-option-desc{color:var(--cc-text-muted);font-size:.6875rem;line-height:1.3}.theme-option-check{width:1rem;color:var(--cc-accent-bright);text-align:center;flex-shrink:0;font-size:.75rem;font-weight:700}.theme-swatch{border:1px solid var(--cc-text);border-radius:999px;width:.875rem;height:.875rem}@supports (color:color-mix(in lab, red, red)){.theme-swatch{border:1px solid color-mix(in srgb, var(--cc-text) 12%, transparent)}}.theme-swatch{flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff14}.theme-swatch-dark{background:linear-gradient(135deg,#4a9ee0 50%,#1e1f24 50%)}.theme-swatch-light{background:linear-gradient(135deg,#3d7ac0 50%,#f9f7f5 50%)}.theme-swatch-system{background:conic-gradient(#4a9ee0 0% 25%,#1e1f24 25% 50%,#3d7ac0 50% 75%,#f9f7f5 75% 100%)}.page-content{max-width:1400px;margin:0 auto;padding:28px 32px 48px}.tab-panel{width:100%;min-height:0;display:block;overflow:visible}.tab-panel>.page-content{max-width:none;margin:0;padding:0}.page-content .grid,.page-content [class*=grid-cols],.tab-panel .grid,.tab-panel [class*=grid-cols]{align-items:start}.page-content .grid>.glass-card,.page-content [class*=grid-cols]>.glass-card,.tab-panel .grid>.glass-card,.tab-panel [class*=grid-cols]>.glass-card{align-self:start;height:auto;min-height:14rem}.glass-card,.dash-card,.metric-card,.config-card,.panel-chart{box-sizing:border-box;overflow:visible}.glass-card-flush,.glass-card-flush.dash-card-flat,.dash-card:has(>.dash-card-body-flush){overflow:hidden}.app-shell{min-height:100vh;position:relative}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.page-header-title{color:var(--cc-text);letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.page-header-desc{color:var(--cc-text-muted);max-width:36rem;margin-top:.25rem;font-size:.8125rem;line-height:1.5}.page-header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.auth-shell{--neon-primary:var(--cc-accent);--neon-secondary:var(--cc-info);--neon-tertiary:var(--cc-purple);--glass-bg:var(--cc-bg-card)}@supports (color:color-mix(in lab, red, red)){.auth-shell{--glass-bg:color-mix(in srgb, var(--cc-bg-card) 88%, transparent)}}.auth-shell{--glass-border:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.auth-shell{--glass-border:color-mix(in srgb, var(--cc-accent) 22%, var(--cc-border))}}.auth-shell{background:radial-gradient(ellipse 120% 90% at 50% 0%, var(--cc-accent), var(--cc-bg));width:100%;min-height:100vh;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.auth-shell{background:radial-gradient(ellipse 120% 90% at 50% 0%, color-mix(in srgb, var(--cc-accent) 10%, var(--cc-bg)), var(--cc-bg))}}.auth-backdrop{z-index:0;pointer-events:none;position:fixed;inset:0}.auth-crab-canvas{z-index:0;pointer-events:none;contain:strict;width:100%;height:100%;display:block;position:absolute;inset:0}.auth-vignette{z-index:1;background:radial-gradient(ellipse 70% 60% at 50% 45%, transparent 40%, var(--cc-bg) 100%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.auth-vignette{background:radial-gradient(ellipse 70% 60% at 50% 45%, transparent 40%, color-mix(in srgb, var(--cc-bg) 55%, transparent) 100%)}}.auth-vignette{pointer-events:none}.auth-toolbar{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:fixed;top:0;left:0;right:0}.auth-toolbar>*{pointer-events:auto}.auth-toolbar-brand{letter-spacing:.08em;text-transform:uppercase;color:var(--cc-text-muted);align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.auth-status-dot{background:var(--neon-primary);width:.5rem;height:.5rem;box-shadow:0 0 10px var(--neon-primary);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.auth-status-dot{box-shadow:0 0 10px color-mix(in srgb, var(--neon-primary) 60%, transparent)}}.auth-status-dot{animation:2s ease-in-out infinite auth-status-pulse}@keyframes auth-status-pulse{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}.auth-stage{z-index:2;box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:4.5rem 1.5rem 2rem;display:flex;position:relative}.auth-cyber-grid{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-cyber-grid:before{content:"";background:repeating-linear-gradient(90deg, var(--neon-primary), var(--neon-primary) 1px, transparent 1px, transparent 80px), repeating-linear-gradient(0deg, var(--neon-primary), var(--neon-primary) 1px, transparent 1px, transparent 80px);height:70%;position:absolute;bottom:-20%;left:-50%;right:-50%}@supports (color:color-mix(in lab, red, red)){.auth-cyber-grid:before{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--neon-primary) 10%, transparent), color-mix(in srgb, var(--neon-primary) 10%, transparent) 1px, transparent 1px, transparent 80px), repeating-linear-gradient(0deg, color-mix(in srgb, var(--neon-primary) 7%, transparent), color-mix(in srgb, var(--neon-primary) 7%, transparent) 1px, transparent 1px, transparent 80px)}}.auth-cyber-grid:before{transform-origin:bottom;opacity:.45;animation:15s linear infinite auth-grid-move;transform:perspective(500px)rotateX(60deg)}@keyframes auth-grid-move{0%{transform:perspective(500px)rotateX(60deg)translateY(0)}to{transform:perspective(500px)rotateX(60deg)translateY(80px)}}.auth-scanline{z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg, transparent, transparent 3px, var(--neon-primary) 3px, var(--neon-primary) 4px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.auth-scanline{background:repeating-linear-gradient(0deg, transparent, transparent 3px, color-mix(in srgb, var(--neon-primary) 3%, transparent) 3px, color-mix(in srgb, var(--neon-primary) 3%, transparent) 4px)}}.auth-scanline{animation:8s linear infinite auth-scanline}@keyframes auth-scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.auth-container{z-index:1;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;width:100%;max-width:900px;margin:0;animation:.7s cubic-bezier(.16,1,.3,1) both auth-card-enter;display:grid;position:relative;overflow:hidden}@keyframes auth-card-enter{0%{opacity:0;transform:translateY(50px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-container:after{content:"";border-radius:var(--radius-lg);background:linear-gradient(var(--glass-bg), var(--glass-bg)) padding-box, linear-gradient(135deg, var(--neon-primary), var(--neon-tertiary), var(--neon-secondary)) border-box;-webkit-mask-composite:xor;opacity:.5;pointer-events:none;z-index:2;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;border:1px solid #0000;animation:3s ease-in-out infinite auth-neon-breathe;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes auth-neon-breathe{0%,to{opacity:.4;filter:blur()}50%{opacity:.8;filter:blur(1px)}}.auth-container:before{content:"";border-radius:calc(var(--radius-lg) + 8px);background:radial-gradient(ellipse at center, var(--neon-primary), transparent 70%);position:absolute;inset:-8px}@supports (color:color-mix(in lab, red, red)){.auth-container:before{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--neon-primary) 15%, transparent), transparent 70%)}}.auth-container:before{opacity:.6;pointer-events:none;z-index:-1;animation:3s ease-in-out infinite alternate auth-outer-glow}@keyframes auth-outer-glow{0%{opacity:.3}to{opacity:.7}}@media (max-width:768px){.auth-container{grid-template-columns:1fr;max-width:420px}.auth-brand-panel,.auth-cyber-grid,.auth-scanline,.auth-vignette{display:none}}.auth-brand-panel{background:linear-gradient(160deg, var(--neon-primary), var(--neon-secondary))}@supports (color:color-mix(in lab, red, red)){.auth-brand-panel{background:linear-gradient(160deg, color-mix(in srgb, var(--neon-primary) 10%, var(--cc-bg-elevated)), color-mix(in srgb, var(--neon-secondary) 6%, var(--cc-bg-card)))}}.auth-brand-panel{border-right:1px solid var(--glass-border);flex-direction:column;justify-content:center;padding:2.5rem 2rem;animation:.8s cubic-bezier(.16,1,.3,1) .1s both auth-brand-enter;display:flex;position:relative}@keyframes auth-brand-enter{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.auth-brand-panel:before{content:"";background:linear-gradient(90deg, var(--neon-primary) 1px, transparent 1px), linear-gradient(0deg, var(--neon-primary) 1px, transparent 1px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.auth-brand-panel:before{background:linear-gradient(90deg, color-mix(in srgb, var(--neon-primary) 4%, transparent) 1px, transparent 1px), linear-gradient(0deg, color-mix(in srgb, var(--neon-primary) 4%, transparent) 1px, transparent 1px)}}.auth-brand-panel:before{opacity:.3;pointer-events:none;background-size:40px 40px}.auth-brand-content{flex-direction:column;gap:1.25rem;display:flex;position:relative}.auth-brand-mark{align-items:center;gap:.75rem;animation:4s ease-in-out infinite auth-logo-breathe;display:flex}@keyframes auth-logo-breathe{0%,to{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--neon-primary) 40%, transparent))}50%{filter:drop-shadow(0 0 20px color-mix(in srgb, var(--neon-primary) 70%, transparent))}}.auth-brand-name{color:var(--cc-text);letter-spacing:-.02em;text-shadow:0 0 20px var(--neon-primary);margin:0;font-size:1.375rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.auth-brand-name{text-shadow:0 0 20px color-mix(in srgb, var(--neon-primary) 30%, transparent)}}.auth-brand-tagline{color:var(--cc-text-muted);margin:0;font-size:.8rem;line-height:1.5}.auth-brand-divider{background:linear-gradient(90deg, var(--neon-primary), var(--neon-tertiary), transparent);width:48px;height:1px;margin:.25rem 0;animation:3s ease-in-out infinite auth-divider-flow}@keyframes auth-divider-flow{0%,to{background-position:0%}50%{background-position:100%}}.auth-brand-features{flex-direction:column;gap:.625rem;display:flex}.auth-brand-feature{color:var(--cc-text-muted);opacity:0;align-items:center;gap:.5rem;font-size:.75rem;animation:.5s cubic-bezier(.16,1,.3,1) both auth-feature-in;display:flex}.auth-brand-feature:first-child{animation-delay:.5s}.auth-brand-feature:nth-child(2){animation-delay:.7s}.auth-brand-feature:nth-child(3){animation-delay:.9s}@keyframes auth-feature-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.auth-brand-feature-icon{color:var(--neon-primary);text-shadow:0 0 6px var(--neon-primary);flex-shrink:0;font-size:.5rem}@supports (color:color-mix(in lab, red, red)){.auth-brand-feature-icon{text-shadow:0 0 6px color-mix(in srgb, var(--neon-primary) 60%, transparent)}}.auth-brand-feature-text{letter-spacing:.02em}.auth-brand-footnote{color:var(--cc-text-muted);letter-spacing:.04em;opacity:.85;margin:.5rem 0 0;font-size:.7rem}.auth-form-panel{background:var(--cc-bg-card);flex-direction:column;justify-content:center;padding:2.5rem 2rem;display:flex}@supports (color:color-mix(in lab, red, red)){.auth-form-panel{background:color-mix(in srgb, var(--cc-bg-card) 92%, transparent)}}.auth-form-panel{animation:.7s cubic-bezier(.16,1,.3,1) .2s both auth-form-enter}@keyframes auth-form-enter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-form-card{width:100%;max-width:340px;margin:0 auto}.auth-form-header{margin-bottom:1.75rem}.auth-form-badge{letter-spacing:.12em;color:var(--neon-primary);border:1px solid var(--neon-primary);margin-bottom:.625rem;padding:.2rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}@supports (color:color-mix(in lab, red, red)){.auth-form-badge{border:1px solid color-mix(in srgb, var(--neon-primary) 35%, transparent)}}.auth-form-badge{border-radius:var(--radius-sm);background:var(--neon-primary)}@supports (color:color-mix(in lab, red, red)){.auth-form-badge{background:color-mix(in srgb, var(--neon-primary) 8%, transparent)}}.auth-form-title{color:var(--cc-text);letter-spacing:-.01em;margin:0 0 .375rem;font-size:1.25rem;font-weight:700}.auth-form-desc{color:var(--cc-text-muted);margin:0;font-size:.8rem;line-height:1.4}.auth-form-body{flex-direction:column;gap:1.25rem;display:flex}.auth-input-group{flex-direction:column;gap:.375rem;display:flex}.auth-input-label{color:var(--neon-primary);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:600}.auth-input-wrap{position:relative}.auth-input-icon{color:var(--neon-primary);opacity:.7;pointer-events:none;font-size:.85rem;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.auth-input{width:100%;color:var(--cc-text);background:var(--cc-bg-input);border:1px solid var(--cc-border);border-radius:var(--radius-sm);box-sizing:border-box;outline:none;padding:.625rem .75rem .625rem 2rem;font-size:.875rem;transition:border-color .3s,box-shadow .3s}.auth-input::placeholder{color:var(--cc-text-muted);opacity:.5}.auth-input:focus{border-color:var(--neon-primary);box-shadow:0 0 0 3px var(--neon-primary), 0 0 20px var(--neon-primary), inset 0 0 12px var(--neon-primary)}@supports (color:color-mix(in lab, red, red)){.auth-input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--neon-primary) 15%, transparent), 0 0 20px color-mix(in srgb, var(--neon-primary) 12%, transparent), inset 0 0 12px color-mix(in srgb, var(--neon-primary) 5%, transparent)}}.auth-input-focus-line{background:linear-gradient(90deg, var(--neon-primary), var(--neon-tertiary));height:2px;transition:left .3s var(--transition-curve), right .3s var(--transition-curve);position:absolute;bottom:0;left:50%;right:50%}.auth-input:focus~.auth-input-focus-line{left:0;right:0}.auth-error{color:var(--cc-error);background:var(--cc-error);align-items:center;gap:.375rem;padding:.5rem .625rem;font-size:.8rem;display:flex}@supports (color:color-mix(in lab, red, red)){.auth-error{background:color-mix(in srgb, var(--cc-error) 8%, transparent)}}.auth-error{border-radius:var(--radius-sm);border:1px solid var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.auth-error{border:1px solid color-mix(in srgb, var(--cc-error) 25%, transparent)}}.auth-error{box-shadow:0 0 12px var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.auth-error{box-shadow:0 0 12px color-mix(in srgb, var(--cc-error) 15%, transparent)}}.auth-error{animation:.35s cubic-bezier(.16,1,.3,1) both auth-error-in}@keyframes auth-error-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.auth-error-icon{flex-shrink:0;font-size:.75rem}.auth-submit-btn{width:100%;color:var(--cc-bg);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;display:flex}@supports (color:color-mix(in lab, red, red)){.auth-submit-btn{color:color-mix(in srgb, var(--cc-bg) 15%, var(--cc-text))}}.auth-submit-btn{background:linear-gradient(135deg, var(--neon-primary), var(--neon-secondary));border-radius:var(--radius-sm);cursor:pointer;border:none;transition:box-shadow .25s,transform .1s,filter .25s;animation:2.5s ease-in-out infinite auth-btn-glow;position:relative;overflow:hidden}@keyframes auth-btn-glow{0%,to{box-shadow:0 0 15px color-mix(in srgb, var(--neon-primary) 30%, transparent)}50%{box-shadow:0 0 30px color-mix(in srgb, var(--neon-primary) 50%, transparent)}}.auth-submit-btn:hover:not(:disabled){box-shadow:0 0 35px var(--neon-primary)}@supports (color:color-mix(in lab, red, red)){.auth-submit-btn:hover:not(:disabled){box-shadow:0 0 35px color-mix(in srgb, var(--neon-primary) 55%, transparent)}}.auth-submit-btn:hover:not(:disabled){filter:brightness(1.15)}.auth-submit-btn:active:not(:disabled){transform:scale(.97)}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed;animation:none}.auth-submit-arrow{font-size:1.1rem;transition:transform .25s cubic-bezier(.16,1,.3,1)}.auth-submit-btn:hover:not(:disabled) .auth-submit-arrow{transform:translate(4px)}.auth-submit-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:.6s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@keyframes auth-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.auth-shake{animation:.4s ease-in-out auth-shake}.auth-dev-section{border-top:1px dashed var(--neon-primary);margin-top:1rem;padding-top:1rem}@supports (color:color-mix(in lab, red, red)){.auth-dev-section{border-top:1px dashed color-mix(in srgb, var(--neon-primary) 20%, transparent)}}.auth-dev-btn{width:100%;color:var(--cc-text-muted);border:1px dashed var(--neon-primary);background:0 0;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;display:flex}@supports (color:color-mix(in lab, red, red)){.auth-dev-btn{border:1px dashed color-mix(in srgb, var(--neon-primary) 25%, transparent)}}.auth-dev-btn{border-radius:var(--radius-sm);cursor:pointer;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.auth-dev-btn:hover{color:var(--neon-primary);border-color:var(--neon-primary);background:var(--neon-primary)}@supports (color:color-mix(in lab, red, red)){.auth-dev-btn:hover{background:color-mix(in srgb, var(--neon-primary) 8%, transparent)}}.auth-dev-btn:hover{box-shadow:0 0 12px var(--neon-primary)}@supports (color:color-mix(in lab, red, red)){.auth-dev-btn:hover{box-shadow:0 0 12px color-mix(in srgb, var(--neon-primary) 15%, transparent)}}.auth-dev-icon{font-size:.875rem}.auth-form-hint{color:var(--cc-text-muted);text-align:center;opacity:.85;margin:0;font-size:.7rem;line-height:1.45}@media (prefers-reduced-motion:reduce){.auth-container,.auth-brand-panel,.auth-form-panel,.auth-brand-feature,.auth-error,.auth-submit-btn,.auth-brand-mark,.auth-brand-divider{animation:none!important}.auth-cyber-grid,.auth-scanline,.auth-vignette{display:none}.auth-container:after{opacity:.5;animation:none}.auth-input-focus-line{transition:none;left:0;right:0}}.not-found-page{justify-content:center;align-items:center;min-height:60vh;display:flex}.not-found-card{text-align:center;max-width:24rem;padding:2.5rem 2rem}.not-found-code{font-size:3.5rem;font-weight:700;font-family:var(--font-mono);color:var(--cc-text-muted);opacity:.35;line-height:1}.not-found-desc{color:var(--cc-text-muted);margin-top:.75rem;font-size:.875rem}.config-section{margin-bottom:2rem}.config-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--cc-text-muted);margin-bottom:.75rem;font-size:.6875rem;font-weight:600}.config-grid-2{grid-template-columns:repeat(2,1fr);align-items:start;gap:1rem;display:grid}@media (max-width:900px){.config-grid-2{grid-template-columns:1fr}}.config-grid-form{grid-template-columns:repeat(2,1fr);gap:1.25rem 1.5rem;display:grid}@media (max-width:768px){.config-grid-form{grid-template-columns:1fr}}.config-card{flex-direction:column;min-height:12rem;display:flex}.config-card:not(.glass-card):not(.dash-card){padding:1.25rem}.config-card-head{border-bottom:1px solid var(--cc-border-light);margin-bottom:1rem;padding-bottom:.75rem}.config-card-title{color:var(--cc-text);font-size:.8125rem;font-weight:600}.config-card-desc{color:var(--cc-text-muted);margin-top:.25rem;font-size:.75rem;line-height:1.4}.config-card-body{flex:1}.config-card-foot{border-top:1px solid var(--cc-border-light);margin-top:1rem;padding-top:.75rem}.form-range-block{flex-direction:column;gap:.35rem;display:flex}.form-range-label{color:var(--cc-text-muted);font-size:.75rem;font-weight:500}.form-range{appearance:none;background:var(--cc-bg-elevated);cursor:pointer;border-radius:9999px;width:100%;height:.35rem}.form-range::-webkit-slider-thumb{appearance:none;background:var(--cc-accent);border:2px solid var(--cc-bg-card);width:.875rem;height:.875rem;box-shadow:0 1px 3px var(--cc-shadow);border-radius:50%}.form-range-hints{color:var(--cc-text-muted);font-size:.625rem;font-family:var(--font-mono);justify-content:space-between;display:flex}.impact-hint{background:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.impact-hint{background:color-mix(in srgb, var(--cc-accent) 6%, var(--cc-bg-card))}}.impact-hint{border:1px solid var(--cc-accent-muted);border-radius:.5rem;padding:.75rem}.cache-card-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:1.25rem;display:grid}@media (max-width:1024px){.cache-card-grid{grid-template-columns:1fr}}.card-header-with-icon{border-bottom:1px solid var(--cc-border-light);align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.card-header-icon{border-radius:var(--radius-sm);background:var(--cc-accent-muted);flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.card-header-icon svg{width:1rem;height:1rem;color:var(--cc-accent)}.card-header-text{flex:1;min-width:0}.card-header-title{color:var(--cc-text);font-size:.875rem;font-weight:600;line-height:1.3}.card-header-desc{color:var(--cc-text-muted);margin-top:.125rem;font-size:.75rem;line-height:1.4}.card-status{background:var(--cc-bg-elevated);border-radius:var(--radius-sm);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;display:flex}.card-status-dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.card-status-dot.active{background:var(--cc-success);box-shadow:0 0 0 2px var(--cc-success)}@supports (color:color-mix(in lab, red, red)){.card-status-dot.active{box-shadow:0 0 0 2px color-mix(in srgb, var(--cc-success) 25%, transparent)}}.card-status-dot.warning{background:var(--cc-warning);box-shadow:0 0 0 2px var(--cc-warning)}@supports (color:color-mix(in lab, red, red)){.card-status-dot.warning{box-shadow:0 0 0 2px color-mix(in srgb, var(--cc-warning) 25%, transparent)}}.card-status-dot.error{background:var(--cc-error);box-shadow:0 0 0 2px var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.card-status-dot.error{box-shadow:0 0 0 2px color-mix(in srgb, var(--cc-error) 25%, transparent)}}.card-status-text{color:var(--cc-text-muted);font-size:.75rem;font-weight:500}.metric-row{border-bottom:1px solid var(--cc-border-light);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.metric-row:last-child{border-bottom:none}.metric-label{color:var(--cc-text-muted);font-size:.75rem;font-weight:500}.metric-value{color:var(--cc-text);font-size:.8125rem;font-weight:600;font-family:var(--font-mono)}.card-action-bar{border-top:1px solid var(--cc-border-light);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;display:flex}.card-action-bar .feedback-text{color:var(--cc-text-muted);flex:1;min-width:0;margin-right:1rem;font-size:.75rem}.toggle-switch{cursor:pointer;align-items:center;gap:.75rem;display:flex}.toggle-track{background:var(--cc-bg-elevated);width:2.5rem;height:1.25rem;transition:background var(--transition-speed) var(--transition-curve);border-radius:9999px;flex-shrink:0;position:relative}.toggle-track.active{background:var(--cc-accent)}.toggle-thumb{background:var(--cc-text);width:1rem;height:1rem;transition:transform var(--transition-speed) var(--transition-curve);border-radius:50%;position:absolute;top:.125rem;left:.125rem}.toggle-track.active .toggle-thumb{transform:translate(1.25rem)}.toggle-label{color:var(--cc-text-muted);font-size:.75rem;font-weight:500}.backend-distribution{flex-direction:column;gap:.75rem;display:flex}.backend-name{color:var(--cc-text);flex-shrink:0;min-width:5rem;font-size:.75rem;font-weight:500}.backend-bar{background:var(--cc-bg-elevated);border-radius:9999px;flex:1;height:.5rem;overflow:hidden}.backend-bar-fill{background:var(--cc-accent);height:100%;transition:width var(--transition-speed) var(--transition-curve);border-radius:9999px}.backend-stats{justify-content:flex-end;align-items:center;gap:.5rem;min-width:6rem;display:flex}.backend-count{font-size:.75rem;font-family:var(--font-mono);color:var(--cc-text-muted)}.backend-pct{font-size:.75rem;font-family:var(--font-mono);color:var(--cc-accent);font-weight:600}.cache-form-group{flex-direction:column;gap:.5rem;display:flex}.cache-form-label{color:var(--cc-text-muted);font-size:.75rem;font-weight:500}.cache-form-input{background:var(--cc-bg-input);border:1px solid var(--cc-border);border-radius:var(--radius-sm);width:100%;color:var(--cc-text);font-size:.8125rem;font-family:var(--font-mono);transition:border-color var(--transition-speed) var(--transition-curve);padding:.5rem .75rem}.cache-form-input:focus{border-color:var(--cc-accent);box-shadow:0 0 0 2px var(--cc-focus-ring);outline:none}.cache-form-input::placeholder{color:var(--cc-text-muted);opacity:.6}.semantic-impact{background:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.semantic-impact{background:color-mix(in srgb, var(--cc-accent) 6%, var(--cc-bg-card))}}.semantic-impact{border:1px solid var(--cc-accent-muted);border-radius:var(--radius-sm);margin-top:1rem;padding:.75rem}.semantic-impact-label{text-transform:uppercase;letter-spacing:.06em;color:var(--cc-text-muted);margin-bottom:.25rem;font-size:.6875rem;font-weight:600}.semantic-impact-value{color:var(--cc-text);font-size:.8125rem;font-weight:500}.cache-chart-container{background:var(--cc-bg-card);border:1px solid var(--cc-border);border-radius:var(--radius-md);padding:1.25rem}.cache-chart-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.cache-chart-title{color:var(--cc-text);font-size:.875rem;font-weight:600}.cache-chart-controls{gap:.25rem;display:flex}.cache-chart-btn{color:var(--cc-text-muted);border:1px solid var(--cc-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-speed) var(--transition-curve);background:0 0;padding:.25rem .5rem;font-size:.6875rem;font-weight:500}.cache-chart-btn:hover{background:var(--cc-bg-elevated);color:var(--cc-text)}.cache-chart-btn.active{background:var(--cc-accent-muted);color:var(--cc-accent);border-color:var(--cc-accent-muted)}.trace-stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (max-width:1024px){.trace-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.trace-stats-grid{grid-template-columns:1fr}}.trace-stat-card{background:var(--cc-bg-card);border:1px solid var(--cc-border);border-radius:var(--radius-md);flex-direction:column;gap:.25rem;padding:1rem;display:flex}.trace-stat-label{color:var(--cc-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem;font-weight:500}.trace-stat-value{color:var(--cc-text);font-size:1.5rem;font-weight:700;font-family:var(--font-mono);line-height:1.2}.trace-stat-value.accent{color:var(--cc-accent)}.trace-stat-value.success{color:var(--cc-success)}.brand-logo{object-fit:contain;background:0 0;border-radius:.5rem;flex-shrink:0;display:block}.brand-logo-lg{width:2.5rem;height:2.5rem}.alert{border:1px solid var(--cc-border-light);background:var(--cc-bg-card);border-radius:.5rem;padding:.6rem 1rem;font-size:.8125rem}.alert-success{border-color:var(--cc-success)}@supports (color:color-mix(in lab, red, red)){.alert-success{border-color:color-mix(in srgb, var(--cc-success) 30%, transparent)}}.alert-success{color:var(--cc-success);background:var(--cc-success)}@supports (color:color-mix(in lab, red, red)){.alert-success{background:color-mix(in srgb, var(--cc-success) 8%, var(--cc-bg-card))}}.alert-warning{border-color:var(--cc-warning)}@supports (color:color-mix(in lab, red, red)){.alert-warning{border-color:color-mix(in srgb, var(--cc-warning) 30%, transparent)}}.alert-warning{color:var(--cc-warning)}.alert-error{border-color:var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.alert-error{border-color:color-mix(in srgb, var(--cc-error) 30%, transparent)}}.alert-error{color:var(--cc-error)}.alert-info{border-color:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.alert-info{border-color:color-mix(in srgb, var(--cc-accent) 30%, transparent)}}.alert-info{color:var(--cc-accent)}.gateway-health{align-items:center;gap:.5rem;min-height:1.25rem;padding:.5rem 0;display:flex}.online-dot{background:var(--cc-success);width:.4rem;height:.4rem;box-shadow:0 0 0 2px var(--cc-success);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.online-dot{box-shadow:0 0 0 2px color-mix(in srgb, var(--cc-success) 25%, transparent)}}@keyframes pulse{50%{opacity:.5}}.online-dot.checking{background:var(--cc-text-muted);box-shadow:none;animation:1.2s infinite pulse}.online-dot.offline{background:var(--cc-error);box-shadow:0 0 0 2px var(--cc-error);animation:none}@supports (color:color-mix(in lab, red, red)){.online-dot.offline{box-shadow:0 0 0 2px color-mix(in srgb, var(--cc-error) 25%, transparent)}}.online-label{color:var(--cc-text-muted);font-size:.6875rem}.theme-scrollbar{scrollbar-width:thin;scrollbar-color:var(--cc-border) transparent}.detail-panel{background:var(--cc-bg-card);border-left:1px solid var(--cc-border-light)}.detail-panel pre{background:var(--cc-bg-elevated);border:1px solid var(--cc-border-light);font-family:var(--font-mono);color:var(--cc-text-muted);border-radius:.5rem;padding:.75rem;font-size:.6875rem;overflow-x:auto}.sync-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.sync-stat-label{color:var(--cc-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem}.sync-stat-value{font-size:1.125rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--cc-text);margin-top:.2rem}.stat-pair-row{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.stat-pair-label{color:var(--cc-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem}.stat-pair-value{font-size:1.125rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--cc-text);margin-top:.2rem}.backend-row{align-items:center;gap:.6rem;display:flex}.backend-row-name{width:6rem;color:var(--cc-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.backend-row-count{text-align:right;width:3rem;font-size:.75rem;font-family:var(--font-mono);color:var(--cc-text)}.backend-row-pct{text-align:right;width:2.5rem;color:var(--cc-text-muted);font-size:.6875rem}.progress-bar-fill-error{background:var(--cc-error)!important}.logs-split{grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:1rem;min-height:28rem;display:grid}.logs-split-list{max-height:calc(100vh - 12rem);overflow:auto}.logs-split-detail{max-height:calc(100vh - 12rem);padding:1.25rem;overflow:auto}.logs-row{cursor:pointer;transition:background var(--transition-speed) var(--transition-curve)}.logs-row:hover td{background:var(--cc-bg-elevated)}.logs-row-selected td{background:var(--cc-accent-muted)!important}.table-compact th,.table-compact td{padding:.5rem .75rem}.table-xs th,.table-xs td{padding:.35rem .5rem;font-size:.75rem}.logs-detail-empty{text-align:center;justify-content:center;align-items:center;min-height:16rem;padding:2rem;display:flex}.logs-detail-header{border-bottom:1px solid var(--cc-border-light);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.logs-detail-meta{grid-template-columns:repeat(2,1fr);gap:.75rem 1rem;margin-bottom:1.25rem;display:grid}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.12}}.skeleton-line{background:var(--cc-bg-elevated);animation:1.5s ease-out infinite skeleton-pulse}.skeleton-line:empty:before{content:"​"}.logs-filter-bar{border-bottom:1px solid var(--cc-border-light);flex-wrap:wrap;align-items:flex-end;gap:.5rem;padding:.75rem;display:flex}.logs-filter-bar .input,.logs-filter-bar select.input{min-width:6rem;padding:.35rem .5rem;font-size:.75rem}.logs-filter-bar .logs-filter-actions{gap:.35rem;margin-left:auto;display:flex}.logs-hash-link{font-family:var(--font-mono);color:var(--cc-text);cursor:pointer;text-underline-offset:2px;word-break:break-all;background:0 0;border:none;margin-top:.15rem;padding:0;font-size:.8125rem;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.logs-hash-link:hover{color:var(--cc-accent)}.detail-field-label{color:var(--cc-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.625rem}.detail-field-value{font-size:.8125rem;font-family:var(--font-mono);color:var(--cc-text);word-break:break-all;margin-top:.15rem}.logs-pre{background:var(--cc-bg-elevated);border:1px solid var(--cc-border-light);font-size:.6875rem;font-family:var(--font-mono);color:var(--cc-text-muted);white-space:pre-wrap;word-break:break-word;border-radius:.5rem;max-height:14rem;padding:.75rem;overflow:auto}@media (max-width:1024px){.logs-split{grid-template-columns:1fr}.logs-split-list,.logs-split-detail{max-height:none}}.capture-row-anomaly td{background:var(--cc-warning)}@supports (color:color-mix(in lab, red, red)){.capture-row-anomaly td{background:color-mix(in srgb, var(--cc-warning) 6%, transparent)}}.capture-row-anomaly:hover td{background:var(--cc-warning)!important}@supports (color:color-mix(in lab, red, red)){.capture-row-anomaly:hover td{background:color-mix(in srgb, var(--cc-warning) 10%, var(--cc-bg-card))!important}}.capture-body-tabs{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.capture-body-tab{border-radius:var(--radius-sm);border:1px solid var(--cc-border-light);background:var(--cc-bg-card);color:var(--cc-text-muted);cursor:pointer;transition:background var(--transition-speed) var(--transition-curve), color var(--transition-speed) var(--transition-curve), border-color var(--transition-speed) var(--transition-curve);padding:.35rem .75rem;font-size:.75rem}.capture-body-tab:hover{background:var(--cc-bg-elevated);color:var(--cc-text)}.capture-body-tab.active{border-color:var(--cc-accent-muted);background:var(--cc-accent-muted);color:var(--cc-accent)}.capture-structure-row-warn td{background:var(--cc-warning)}@supports (color:color-mix(in lab, red, red)){.capture-structure-row-warn td{background:color-mix(in srgb, var(--cc-warning) 8%, transparent)}}.capture-delta-warn{color:var(--cc-warning)}.capture-filter-active{background:var(--cc-info)}@supports (color:color-mix(in lab, red, red)){.capture-filter-active{background:color-mix(in srgb, var(--cc-info) 8%, var(--cc-bg-card))}}.capture-filter-active{border:1px solid var(--cc-info)}@supports (color:color-mix(in lab, red, red)){.capture-filter-active{border:1px solid color-mix(in srgb, var(--cc-info) 25%, transparent)}}.capture-filter-active{border-radius:4px;padding:4px 8px}.line-chart-wrap{flex-direction:column;gap:.5rem;display:flex}.line-chart-fill{flex:1 1 0;min-height:0}.line-chart-plot{flex:1 1 0;min-height:0;position:relative}.line-chart-svg{background:var(--cc-bg-card);border-radius:.5rem;width:100%;display:block}.line-chart-grid{stroke:var(--cc-border-light);stroke-width:.5px;stroke-opacity:.5;vector-effect:non-scaling-stroke}.line-chart-y-hint{pointer-events:none;position:absolute;top:.25rem;right:.5rem}.line-chart-x-labels{justify-content:space-between;gap:.25rem;padding:0 .25rem;display:flex}.line-chart-x-tick{font-size:.65rem;font-family:var(--font-mono);color:var(--cc-text-muted)}.line-chart-legend{color:var(--cc-text-muted);flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.75rem;display:flex}.line-chart-legend-item{align-items:center;gap:.35rem;display:inline-flex}.line-chart-legend-swatch{border-radius:2px;width:.65rem;height:.65rem}.chart-tooltip{background:var(--cc-bg-card);border:1px solid var(--cc-border);box-shadow:0 8px 24px var(--cc-shadow), 0 2px 6px #00000014;-webkit-backdrop-filter:blur(8px);pointer-events:none;z-index:10;border-radius:.5rem;min-width:160px;max-width:280px;padding:.625rem .75rem;animation:.1s ease-out tooltip-fade-in}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.chart-tooltip-label{font-size:.6875rem;font-family:var(--font-mono);color:var(--cc-text-muted);border-bottom:1px solid var(--cc-border-light);white-space:nowrap;letter-spacing:.02em;margin-bottom:.375rem;padding-bottom:.25rem}.chart-tooltip-row{justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;line-height:1.6;display:flex}.chart-tooltip-row-name{color:var(--cc-text-muted);align-items:center;gap:.35rem;font-size:.6875rem;display:flex}.chart-tooltip-dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.chart-tooltip-value{font-family:var(--font-mono);color:var(--cc-text);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:.8125rem;font-weight:600}.chart-hover-band{background:var(--cc-text-muted);opacity:.04;pointer-events:none;z-index:1;position:absolute;top:0;bottom:0}.chart-crosshair-v{border-left:1px dashed var(--cc-text-muted);width:0;position:absolute;top:0;bottom:0}@supports (color:color-mix(in lab, red, red)){.chart-crosshair-v{border-left:1px dashed color-mix(in srgb, var(--cc-text-muted) 70%, transparent)}}.chart-crosshair-v{pointer-events:none;z-index:2;transform:translate(-50%)}.chart-crosshair-h{border-top:1px dashed var(--cc-text-muted);height:0;position:absolute;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.chart-crosshair-h{border-top:1px dashed color-mix(in srgb, var(--cc-text-muted) 50%, transparent)}}.chart-crosshair-h{pointer-events:none;z-index:2}.chart-hover-dot{border:2px solid var(--cc-bg-card);pointer-events:none;z-index:3;border-radius:50%;width:.5rem;height:.5rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px}@supports (color:color-mix(in lab, red, red)){.chart-hover-dot{box-shadow:0 0 0 3px color-mix(in srgb, currentColor 15%, transparent)}}.chart-axis-label{font-size:.625rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--cc-text);background:var(--cc-bg-card);border:1px solid var(--cc-border);pointer-events:none;white-space:nowrap;z-index:5;border-radius:3px;padding:.125rem .375rem;line-height:1.2;position:absolute;right:0;transform:translateY(-50%)}.chart-responsive-height{height:clamp(140px,20vw,280px);min-height:120px}.chart-plot-area{width:100%;position:relative}.chart-plot-area:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}@media (max-width:639px){.chart-responsive-height{height:clamp(120px,30vw,200px)}.chart-tooltip{min-width:180px;font-size:.875rem;position:absolute!important;top:0!important;left:50%!important;transform:translate(-50%,-100%)!important}.donut-legend-item{padding:.25rem 0;font-size:.875rem}.donut-legend-dot{width:.75rem;height:.75rem}}.sparkline-container{display:inline-block;position:relative}.sparkline-container:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:2px}.chart-skeleton-bars{align-items:flex-end;gap:4px;height:60px;display:flex}.chart-skeleton-bar{background:var(--cc-border);border-radius:2px 2px 0 0;width:16px;animation:1.5s ease-in-out infinite skeleton-bar-pulse}.chart-skeleton-bar:first-child{height:40%}.chart-skeleton-bar:nth-child(2){height:70%}.chart-skeleton-bar:nth-child(3){height:50%}.chart-skeleton-bar:nth-child(4){height:80%}.chart-skeleton-bar:nth-child(5){height:60%}@keyframes skeleton-bar-pulse{0%,to{opacity:.4}50%{opacity:.8}}.chart-skeleton-message{color:var(--cc-text-muted);font-size:.75rem}.bar-chart-wrap{flex-direction:column;gap:.5rem;display:flex}.bar-chart-svg{background:var(--cc-bg-card);border-radius:.5rem;width:100%;display:block}.horizontal-bar-chart{padding:.25rem 0}.plotters-chart-wrap{flex-direction:column;gap:.5rem;display:flex}.waterfall-chart-svg-host{width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.line-chart-svg:focus,.bar-chart-svg:focus,.chart-plotters-svg:focus{outline:2px solid var(--cc-accent);outline-offset:2px;border-radius:.5rem}.line-chart-svg:focus:not(:focus-visible),.bar-chart-svg:focus:not(:focus-visible),.chart-plotters-svg:focus:not(:focus-visible){outline:none}.line-chart-svg:focus-visible,.bar-chart-svg:focus-visible,.chart-plotters-svg:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px;border-radius:.5rem}.upstream-split{grid-template-columns:1fr minmax(320px,420px);align-items:start;gap:1.25rem;display:grid}@media (max-width:1024px){.upstream-split{grid-template-columns:1fr}}.profile-tab-badge{background:var(--cc-bg-elevated);color:var(--cc-text-muted);border-radius:9999px;justify-content:center;align-items:center;margin-left:.35rem;padding:.1rem .35rem;font-size:.65rem;font-weight:600;display:inline-flex}.tab-item-active .profile-tab-badge{background:var(--cc-accent-muted);color:var(--cc-accent-bright)}.test-result-panel{flex-direction:column;gap:.75rem;display:flex}.test-result-row{border-bottom:1px solid var(--cc-border-light);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.8125rem;display:flex}.test-result-row:last-child{border-bottom:none}.test-result-label{color:var(--cc-text-muted)}.test-result-value{color:var(--cc-text);font-weight:500}.test-result-value-mono{font-family:var(--font-mono)}.test-result-success{color:var(--cc-success)}.test-result-error{color:var(--cc-error)}.upstream-card{background:var(--cc-bg-card);border:1px solid var(--cc-border);border-radius:var(--radius-md);cursor:pointer;min-height:130px;transition:border-color var(--transition-speed) var(--transition-curve), box-shadow var(--transition-speed) var(--transition-curve), background-color var(--transition-speed) var(--transition-curve), transform var(--transition-speed) var(--transition-curve);padding:1.25rem;position:relative;overflow:hidden}.upstream-card:hover{border-color:var(--cc-accent);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.upstream-card:hover{border-color:color-mix(in srgb, var(--cc-accent) 30%, var(--cc-border))}}.upstream-card:hover{box-shadow:0 8px 24px var(--cc-shadow)}.upstream-card-default{border-color:var(--cc-accent);background:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.upstream-card-default{background:color-mix(in srgb, var(--cc-accent) 6%, var(--cc-bg-card))}}.upstream-card-default:hover{border-color:var(--cc-accent-bright)}.upstream-card-new{border-style:dashed;border-color:var(--cc-border);min-height:130px;transition:border-color var(--transition-speed) var(--transition-curve), background-color var(--transition-speed) var(--transition-curve);background:0 0}.upstream-card-new:hover{border-color:var(--cc-accent);background:var(--cc-accent-muted)}.upstream-card-skeleton{cursor:default;pointer-events:none;background:var(--cc-bg-card);border:1px solid var(--cc-border);border-radius:var(--radius-md);min-height:130px}.upstream-card-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.upstream-card-status-ok{background:var(--cc-success)}.upstream-card-status-warn{background:var(--cc-warning)}.upstream-profiles-empty{grid-column:1/-1}.upstream-card-icon{background:var(--cc-accent-muted);width:2rem;height:2rem;color:var(--cc-accent-bright);border-radius:.5rem;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.upstream-card-svg-icon{width:1.125rem;height:1.125rem}.preset-svg-icon{flex-shrink:0;width:1rem;height:1rem}.upstream-card-title{color:var(--cc-text);font-size:.875rem;font-weight:600}.upstream-card-subtitle{color:var(--cc-text-muted)}.upstream-card-stat{color:var(--cc-accent-bright);font-weight:600;font-family:var(--font-mono)}.upstream-card-delete{width:1.5rem;height:1.5rem;color:var(--cc-text-muted);cursor:pointer;opacity:.55;background:var(--cc-bg-elevated);border:1px solid var(--cc-border);border-radius:9999px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;transition:opacity .15s ease-out,color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out;display:flex;position:absolute;top:.75rem;right:.75rem}.upstream-card:hover .upstream-card-delete{opacity:1}.upstream-card-delete:hover{background:var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.upstream-card-delete:hover{background:color-mix(in srgb, var(--cc-error) 12%, var(--cc-bg-elevated))}}.upstream-card-delete:hover{color:var(--cc-error);border-color:var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.upstream-card-delete:hover{border-color:color-mix(in srgb, var(--cc-error) 35%, var(--cc-border))}}.upstream-drawer-test-section{border-top:1px solid var(--cc-border);margin-top:1rem;padding-top:1rem}.upstream-card-title-row{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.upstream-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;line-height:1.3;overflow:hidden}.upstream-connectivity-pill{white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.upstream-connectivity-pill.pill-ok{background:var(--cc-success)}@supports (color:color-mix(in lab, red, red)){.upstream-connectivity-pill.pill-ok{background:color-mix(in srgb, var(--cc-success) 15%, var(--cc-bg-elevated))}}.upstream-connectivity-pill.pill-ok{color:var(--cc-success);border:1px solid var(--cc-success)}@supports (color:color-mix(in lab, red, red)){.upstream-connectivity-pill.pill-ok{border:1px solid color-mix(in srgb, var(--cc-success) 30%, transparent)}}.upstream-connectivity-pill.pill-fail{background:var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.upstream-connectivity-pill.pill-fail{background:color-mix(in srgb, var(--cc-error) 15%, var(--cc-bg-elevated))}}.upstream-connectivity-pill.pill-fail{color:var(--cc-error);border:1px solid var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.upstream-connectivity-pill.pill-fail{border:1px solid color-mix(in srgb, var(--cc-error) 30%, transparent)}}.upstream-connectivity-pill.pill-idle{background:var(--cc-bg-elevated);color:var(--cc-text-muted);border:1px solid var(--cc-border)}.upstream-connectivity-pill.pill-testing{background:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.upstream-connectivity-pill.pill-testing{background:color-mix(in srgb, var(--cc-accent) 15%, var(--cc-bg-elevated))}}.upstream-connectivity-pill.pill-testing{color:var(--cc-accent);border:1px solid var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.upstream-connectivity-pill.pill-testing{border:1px solid color-mix(in srgb, var(--cc-accent) 30%, transparent)}}.upstream-connectivity-pill.pill-testing{animation:1.5s ease-in-out infinite pill-pulse}@keyframes pill-pulse{0%,to{opacity:1}50%{opacity:.6}}.profile-chip-group{flex-wrap:wrap;gap:.5rem;display:flex}.profile-chip{border-radius:var(--radius-md,.75rem);border:1px solid var(--cc-border);cursor:pointer;color:var(--cc-text-muted);white-space:nowrap;background:0 0;align-items:center;gap:.5rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;transition:border-color .15s ease-out,background-color .15s ease-out,color .15s ease-out;display:inline-flex}.profile-chip:hover{border-color:var(--cc-accent-muted);color:var(--cc-text)}.profile-chip-active{border-color:var(--cc-accent);background:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.profile-chip-active{background:color-mix(in srgb, var(--cc-accent) 12%, transparent)}}.profile-chip-active{color:var(--cc-accent-bright);font-weight:600}.profile-chip-active:hover{background:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.profile-chip-active:hover{background:color-mix(in srgb, var(--cc-accent) 18%, transparent)}}.profile-chip-icon{background:var(--cc-accent-muted);width:1.25rem;height:1.25rem;color:var(--cc-accent-bright);border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.625rem;font-weight:700;display:flex}.profile-chip-svg-icon{width:.75rem;height:.75rem}.profile-chip-active .profile-chip-icon{background:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.profile-chip-active .profile-chip-icon{background:color-mix(in srgb, var(--cc-accent) 25%, transparent)}}.model-card{background:var(--cc-card-bg,var(--cc-bg-elevated));border:1px solid var(--cc-border);border-radius:var(--radius-md,.75rem);cursor:default;min-height:120px;padding:1.25rem;position:relative}.model-card-unavailable{opacity:.72}.model-card-skeleton{pointer-events:none;cursor:default}.model-card-icon{background:var(--cc-accent-muted);width:2rem;height:2rem;color:var(--cc-accent-bright);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.model-card-svg-icon{width:1.125rem;height:1.125rem}.model-card-unavailable .model-card-icon{background:var(--cc-bg-elevated);color:var(--cc-text-muted)}.model-card-name{font-family:var(--font-mono);color:var(--cc-accent-bright);font-size:.875rem;font-weight:600;line-height:1.25}.model-card-name-unavailable{color:var(--cc-text-muted)}.model-card-owner{color:var(--cc-text-muted);margin-top:.125rem;font-size:.75rem}.model-card-stats{border-top:1px solid var(--cc-border);flex-wrap:wrap;gap:1rem;margin-top:1rem;padding-top:.75rem;display:flex}.model-card-stat{flex-direction:column;gap:.125rem;min-width:3.5rem;display:flex}.model-card-stat-value{font-family:var(--font-mono);color:var(--cc-text);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600}.model-card-stat-value-price-in{color:var(--cc-warning)}.model-card-stat-value-price-out{color:var(--cc-error)}.model-card-stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--cc-text-muted);font-size:.625rem;font-weight:500}.model-card-pricing{flex-direction:column;gap:.125rem;display:flex}.model-card-pricing-row{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:.375rem;font-size:.8125rem;display:flex}.models-catalog-footer{color:var(--cc-text-muted);grid-column:1/-1;padding-top:.25rem;font-size:.75rem}.upstream-drawer-backdrop{z-index:50;background:#0006;justify-content:flex-end;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.upstream-drawer{background:var(--cc-bg);border-left:1px solid var(--cc-border);flex-direction:column;width:100%;max-width:720px;height:100%;animation:.25s ease-out slide-in-right;display:flex;box-shadow:-8px 0 32px #0000001f}.upstream-drawer-header{border-bottom:1px solid var(--cc-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.upstream-drawer-tabs{border-bottom:1px solid var(--cc-border);flex-shrink:0;gap:0;padding:0 1.5rem;display:flex}.upstream-drawer-tabs .tab-item{border-bottom:2px solid #0000;padding:.625rem 1rem;transition:all .15s}.upstream-drawer-tabs .tab-item-active{border-bottom-color:var(--cc-accent)}.upstream-drawer-body{flex:1;padding:1.5rem;overflow-y:auto}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.upstream-drawer{max-width:100%}}.toast-container{z-index:100;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{border-radius:var(--radius-md);background:var(--cc-bg-card);border:1px solid var(--cc-border);box-shadow:0 4px 12px var(--cc-shadow);color:var(--cc-text);animation:toast-in .2s var(--transition-curve);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:500;display:flex}.toast-success{border-color:var(--cc-success)}@supports (color:color-mix(in lab, red, red)){.toast-success{border-color:color-mix(in srgb, var(--cc-success) 40%, transparent)}}.toast-success{color:var(--cc-success)}.toast-error{border-color:var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.toast-error{border-color:color-mix(in srgb, var(--cc-error) 40%, transparent)}}.toast-error{color:var(--cc-error)}.toast-warning{border-color:var(--cc-warning)}@supports (color:color-mix(in lab, red, red)){.toast-warning{border-color:color-mix(in srgb, var(--cc-warning) 40%, transparent)}}.toast-warning{color:var(--cc-warning)}.toast-info{border-color:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.toast-info{border-color:color-mix(in srgb, var(--cc-accent) 40%, transparent)}}.toast-info{color:var(--cc-accent)}.toast-message{flex:1}.toast-close{color:var(--cc-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-speed) var(--transition-curve);background:0 0;border:none;padding:.25rem;font-size:.875rem}.toast-close:hover{color:var(--cc-text)}.toast-actions{align-items:center;gap:.5rem;display:flex}.toast-undo{border:1px solid var(--cc-accent);color:var(--cc-accent);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-speed) var(--transition-curve);background:0 0;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.toast-undo:hover{background:var(--cc-accent);color:var(--cc-bg)}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes loading-bar{0%{transform:translate(-100%)}50%{transform:translate(0%)}to{transform:translate(100%)}}.animate-spin-slow{animation:2s linear infinite spin}.skeleton-block{background:var(--cc-bg-elevated);border-radius:4px;animation:1.5s ease-out infinite skeleton-pulse}.skeleton-block:empty:before{content:"​"}.skeleton-block-rounded{border-radius:var(--radius-sm)}.skeleton-card-inner{flex-direction:column;gap:0;display:flex}.donut-chart-container{flex-direction:column;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.donut-chart-svg{display:block}.donut-chart-center-label{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.donut-chart-legend{flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;display:flex}.donut-legend-item{color:var(--cc-text-muted);align-items:center;gap:.35rem;font-size:.75rem;display:inline-flex}.donut-legend-dot{border-radius:50%;width:.6rem;height:.6rem;transition:transform .15s,box-shadow .15s;display:inline-block}.donut-legend-dot-active{transform:scale(1.4);box-shadow:0 0 0 2px #ffffff4d}.donut-chart-svg:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}.sparkline-svg{opacity:.7;display:block}.waterfall-chart{padding:.25rem 0}.health-strip{flex-wrap:wrap;align-items:center;gap:1rem;font-size:.8125rem;display:flex}.latency-row{align-items:center;gap:.75rem;display:flex}.latency-label{width:3rem;color:var(--text-secondary,var(--cc-text-muted));flex-shrink:0;font-size:.75rem}.latency-value{width:5rem;font-size:.75rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--cc-text);text-align:right;flex-shrink:0}.donut-legend{color:var(--cc-text-muted);flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;margin-top:.75rem;font-size:.75rem;display:flex}.legend-dot{vertical-align:middle;border-radius:2px;width:.65rem;height:.65rem;margin-right:.35rem;display:inline-block}.impact-hint{border:1px solid var(--cc-accent-muted);background:var(--cc-accent);padding:.5rem .75rem}@supports (color:color-mix(in lab, red, red)){.impact-hint{background:color-mix(in srgb, var(--cc-accent) 6%, var(--cc-bg-card))}}.impact-hint{border-radius:var(--radius-sm);font-size:.75rem}.metric-card-trend{font-size:.75rem;font-weight:500}.trend-up{color:var(--cc-success)}.trend-down{color:var(--cc-error)}.trend-neutral{color:var(--cc-text-muted)}@media (max-width:768px){.page-content{padding:20px 16px 32px}.topnav{padding:0 1rem}.bento-grid{grid-template-columns:1fr 1fr!important}.bento-cell-hero{grid-column:1/-1!important}}@media (max-width:480px){.bento-grid{grid-template-columns:1fr!important}}.overview-hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;display:grid}@media (min-width:768px){.overview-hero-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.overview-collapsible{border:1px solid var(--cc-border);border-radius:var(--radius-md);background:var(--cc-bg-card);box-shadow:0 1px 2px var(--cc-shadow);overflow:hidden}.overview-collapsible-head{cursor:pointer;color:var(--cc-accent);transition:background var(--transition-speed) var(--transition-curve);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;list-style:none;display:flex}.overview-collapsible-head:hover{background:var(--cc-bg-elevated)}.overview-collapsible-head::-webkit-details-marker{display:none}.overview-collapsible-head:after{content:"▸";opacity:.5;flex-shrink:0;margin-left:.75rem;font-size:.625rem;transition:transform .15s}.overview-collapsible[open]>.overview-collapsible-head:after{transform:rotate(90deg)}.overview-collapsible-title{align-items:center;gap:.5rem;min-width:0;display:flex}.overview-module-icon{opacity:.8;flex-shrink:0;width:1rem;height:1rem}.overview-collapsible-body{border-top:1px solid var(--cc-border-light);flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.infra-overview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.infra-overview-meta{color:var(--cc-text-muted);font-size:.6875rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.infra-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (min-width:640px){.infra-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.infra-details{border:1px solid var(--cc-border);border-radius:var(--radius-md);background:var(--cc-bg-elevated);overflow:hidden}.infra-details>summary{cursor:pointer;color:var(--cc-text-muted);justify-content:space-between;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.75rem;list-style:none;display:flex}.infra-details>summary::-webkit-details-marker{display:none}.infra-details>summary:after{content:"▸";opacity:.6;font-size:.65rem;transition:transform .15s}.infra-details[open]>summary:after{transform:rotate(90deg)}.infra-details-body{border-top:1px solid var(--cc-border-light);flex-direction:column;gap:.625rem;padding:.625rem;display:flex}.infra-detail-module{background:var(--cc-bg-card);border:1px solid var(--cc-border-light);border-radius:var(--radius-sm);overflow:hidden}.infra-detail-module-head{border-bottom:1px solid var(--cc-border-light);color:var(--cc-accent);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;display:flex}.infra-detail-module-title{align-items:center;gap:.5rem;min-width:0;display:flex}.infra-detail-module-meta{color:var(--cc-text-muted);font-size:.6875rem;font-weight:500;font-family:var(--font-mono);flex-shrink:0}.infra-detail-module-body{padding:.625rem .75rem}.infra-detail-icon{opacity:.85;width:1.125rem;height:1.125rem;color:var(--cc-accent);flex-shrink:0}.mobile-only{display:none!important}.desktop-only{display:block}@media (max-width:640px){.mobile-only{display:block!important}.desktop-only{display:none!important}.mobile-kpi-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.mobile-kpi-grid .metric-card-value{font-size:2.25rem}.mobile-kpi-grid .metric-card{padding:1.5rem 1.75rem}}.upstream-key-pool-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.875rem;display:grid}.upstream-key-card{border:1px solid var(--cc-border);background:var(--cc-bg-elevated);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.upstream-key-card{background:color-mix(in srgb, var(--cc-bg-elevated) 92%, transparent)}}.upstream-key-card{box-shadow:0 1px 0 var(--cc-text);padding:.875rem 1rem}@supports (color:color-mix(in lab, red, red)){.upstream-key-card{box-shadow:0 1px 0 color-mix(in srgb, var(--cc-text) 4%, transparent)}}.upstream-key-card:hover{border-color:var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.upstream-key-card:hover{border-color:color-mix(in srgb, var(--cc-accent) 35%, var(--cc-border))}}.upstream-key-card-disabled{opacity:.72}.upstream-key-card-id{font-family:var(--font-mono,ui-monospace, monospace);color:var(--cc-text);font-size:.875rem;font-weight:600}.upstream-key-model-chips{flex-wrap:wrap;gap:.35rem;display:flex}.upstream-key-model-chip{font-size:11px;font-family:var(--font-mono,ui-monospace, monospace);background:var(--cc-accent);border-radius:999px;padding:.15rem .45rem}@supports (color:color-mix(in lab, red, red)){.upstream-key-model-chip{background:color-mix(in srgb, var(--cc-accent) 10%, var(--cc-bg))}}.upstream-key-model-chip{border:1px solid var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.upstream-key-model-chip{border:1px solid color-mix(in srgb, var(--cc-accent) 20%, var(--cc-border))}}.upstream-key-model-chip{color:var(--cc-text-muted)}.upstream-quota-row+.upstream-quota-row{margin-top:.5rem}.upstream-quota-track{background:var(--cc-text);border-radius:999px;width:100%;height:8px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.upstream-quota-track{background:color-mix(in srgb, var(--cc-text) 8%, transparent)}}.upstream-quota-fill{border-radius:999px;height:100%;transition:width .25s}.upstream-quota-fill-high{background:var(--cc-success,#22c55e)}.upstream-quota-fill-medium{background:var(--cc-warning,#eab308)}.upstream-quota-fill-low{background:var(--cc-error,#ef4444)}.upstream-routing-section{border-bottom:1px solid var(--cc-border-light);padding:1rem 0}.upstream-routing-section:last-child{border-bottom:none;padding-bottom:0}.routing-strip{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.routing-strip-pills{scrollbar-width:thin;flex-wrap:wrap;gap:.25rem;display:flex;overflow-x:auto}.routing-strip-status{white-space:nowrap;align-items:center;gap:.375rem;margin-left:auto;font-size:.75rem;font-weight:500;display:inline-flex}.routing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.75rem;display:grid}@media (max-width:479px){.routing-grid{grid-template-columns:1fr}}.routing-tile{background:var(--cc-bg-elevated);border:1px solid var(--cc-border-light);border-radius:.5rem;flex-direction:column;gap:.25rem;padding:.5rem .625rem;display:flex}.routing-tile-label{color:var(--cc-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.6875rem;font-weight:500}.routing-tile-value{font-size:1.25rem;font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--cc-text);line-height:1.2}.routing-tile-bar{background:var(--cc-bg-elevated);border-radius:9999px;height:.25rem;margin-top:.125rem;overflow:hidden}.routing-tile-bar-fill{border-radius:9999px;height:100%;transition:width .3s ease-out}.routing-node-list{border-top:1px solid var(--cc-border-light);flex-direction:column;gap:.375rem;padding-top:.5rem;display:flex}.routing-node-card{background:var(--cc-bg-elevated);border:1px solid var(--cc-border-light);border-radius:.375rem;align-items:center;gap:.5rem;padding:.375rem .5rem;font-size:.75rem;transition:border-color .15s;display:flex}.routing-node-card:hover{border-color:var(--cc-border)}.routing-node-dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.routing-node-dot-healthy{background:var(--cc-success);box-shadow:0 0 4px var(--cc-success)}@supports (color:color-mix(in lab, red, red)){.routing-node-dot-healthy{box-shadow:0 0 4px color-mix(in srgb, var(--cc-success) 40%, transparent)}}.routing-node-dot-unhealthy{background:var(--cc-error);box-shadow:0 0 4px var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.routing-node-dot-unhealthy{box-shadow:0 0 4px color-mix(in srgb, var(--cc-error) 40%, transparent)}}.routing-node-name{font-family:var(--font-mono);color:var(--cc-text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.routing-node-meta{font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:.375rem;margin-left:auto;font-size:.6875rem;display:flex}.routing-circuit-pill{border-radius:9999px;padding:.0625rem .375rem;font-size:.625rem;font-weight:500;line-height:1.4;display:inline-block}.routing-circuit-closed{background:var(--cc-success)}@supports (color:color-mix(in lab, red, red)){.routing-circuit-closed{background:color-mix(in srgb, var(--cc-success) 15%, transparent)}}.routing-circuit-closed{color:var(--cc-success)}.routing-circuit-open{background:var(--cc-error)}@supports (color:color-mix(in lab, red, red)){.routing-circuit-open{background:color-mix(in srgb, var(--cc-error) 15%, transparent)}}.routing-circuit-open{color:var(--cc-error)}.routing-circuit-half-open{background:var(--cc-warning)}@supports (color:color-mix(in lab, red, red)){.routing-circuit-half-open{background:color-mix(in srgb, var(--cc-warning) 15%, transparent)}}.routing-circuit-half-open{color:var(--cc-warning)}.routing-weight-badge{background:var(--cc-accent);border-radius:.25rem;padding:.0625rem .3125rem;display:inline-block}@supports (color:color-mix(in lab, red, red)){.routing-weight-badge{background:color-mix(in srgb, var(--cc-accent) 10%, transparent)}}.routing-weight-badge{color:var(--cc-accent);font-size:.625rem;font-weight:500;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.routing-latency{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.routing-latency-fast{color:var(--cc-success)}.routing-latency-medium{color:var(--cc-warning)}.routing-latency-slow{color:var(--cc-error)}.upstream-filter-bar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.upstream-filter-bar .input{flex-shrink:0;max-width:260px}@media (max-width:768px){.dash-card,.glass-card,.metric-card,.overview-metric-card,.bento-cell,.glass-card-raised,.glass-card-flat,.dash-card-flat,.topnav{-webkit-backdrop-filter:none}.theme-dark .main-content,:root .main-content{background-image:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.dash-card,.glass-card,.metric-card,.overview-metric-card,.dash-card-accent,.dash-card-success,.dash-card-warning,.dash-card-error,.dash-card-purple,.dash-card-teal,.dash-card-info,.glass-card-raised,.bento-cell{-webkit-backdrop-filter:none}.btn-primary:hover{box-shadow:0 0 0 1px var(--cc-accent), 0 2px 8px var(--cc-accent)}@supports (color:color-mix(in lab, red, red)){.btn-primary:hover{box-shadow:0 0 0 1px var(--cc-accent), 0 2px 8px color-mix(in srgb, var(--cc-accent) 20%, transparent)}}.topnav{-webkit-backdrop-filter:none}}html[data-table-density=comfortable] .table th,html[data-table-density=comfortable] .table td,:root:not([data-table-density]) .table th,:root:not([data-table-density]) .table td{padding:.75rem 1.25rem!important}html[data-table-density=compact] .table th,html[data-table-density=compact] .table td{padding:.4rem .75rem!important}@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-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:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}