@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-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-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-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:#ffe2e2;--color-red-400:#ff6568;--color-red-900:#82181a;--color-amber-100:#fef3c6;--color-amber-400:#fcbb00;--color-amber-700:#b75000;--color-amber-900:#7b3306;--color-emerald-100:#d0fae5;--color-emerald-400:#00d294;--color-emerald-700:#007956;--color-emerald-900:#004e3b;--color-blue-100:#dbeafe;--color-blue-400:#54a2ff;--color-blue-700:#1447e6;--color-blue-900:#1c398e;--color-slate-900:#0f172b;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear 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)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-900:lab(28.5139% 44.5539 29.0463);--color-amber-100:lab(95.916% -1.21653 23.111);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-700:lab(47.2709% 42.9082 69.2966);--color-amber-900:lab(31.2288% 30.2627 40.0378);--color-emerald-100:lab(94.9004% -17.0769 5.63836);--color-emerald-400:lab(75.0771% -60.7313 19.4147);--color-emerald-700:lab(44.4871% -41.0396 11.0361);--color-emerald-900:lab(28.8637% -26.9249 5.45986);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-blue-900:lab(26.1542% 15.7545 -51.5504);--color-slate-900:lab(7.78673% 1.82345 -15.0537)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.float-left{float:left}.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}}.m-1{margin:calc(var(--spacing)*1)}.m-2{margin:calc(var(--spacing)*2)}.m-3{margin:calc(var(--spacing)*3)}.m-4{margin:calc(var(--spacing)*4)}.m-5{margin:calc(var(--spacing)*5)}.container{margin-inline:auto;padding-inline:1rem}@media (min-width:40rem){.container{max-width:none}}@media (min-width:1400px){.container{max-width:1400px}}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-5{margin-inline:calc(var(--spacing)*5)}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-3{margin-block:calc(var(--spacing)*3)}.my-4{margin-block:calc(var(--spacing)*4)}.my-5{margin-block:calc(var(--spacing)*5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-4{margin-right:calc(var(--spacing)*4)}.mr-5{margin-right:calc(var(--spacing)*5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-5{margin-left:calc(var(--spacing)*5)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.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-2{height:calc(var(--spacing)*2)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-10{height:calc(var(--spacing)*10)}.h-\[95vh\]{height:95vh}.h-px{height:1px}.max-h-\[70vh\]{max-height:70vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-12{min-height:calc(var(--spacing)*12)}.w-2{width:calc(var(--spacing)*2)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-\[92vw\]{width:92vw}.w-\[95vw\]{width:95vw}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[8rem\]{min-width:8rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}: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)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-md{border-radius:var(--border-radius)}.rounded-sm{border-radius:var(--border-radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.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-border{border-color:var(--border-color)}.border-transparent{border-color:#0000}.bg-\[var\(--bg-secondary\)\]\/95{background-color:var(--bg-secondary)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bg-secondary\)\]\/95{background-color:color-mix(in oklab,var(--bg-secondary)95%,transparent)}}.bg-accent{background-color:var(--accent-light)}.bg-amber-100{background-color:var(--color-amber-100)}.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-100{background-color:var(--color-blue-100)}.bg-card{background-color:var(--card-bg)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-muted{background-color:var(--bg-tertiary)}.bg-popover{background-color:var(--bg-primary)}.bg-primary{background-color:var(--accent-primary)}.bg-red-100{background-color:var(--color-red-100)}.bg-secondary{background-color:var(--bg-tertiary)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.fill-current{fill:currentColor}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.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-5{padding-block:calc(var(--spacing)*5)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-5{padding-right:calc(var(--spacing)*5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-amber-700{color:var(--color-amber-700)}.text-background{color:var(--bg-secondary)}.text-blue-700{color:var(--color-blue-700)}.text-card-foreground{color:var(--text-primary)}.text-destructive{color:var(--danger)}.text-emerald-700{color:var(--color-emerald-700)}.text-foreground{color:var(--text-primary)}.text-muted-foreground{color:var(--text-muted)}.text-popover-foreground{color:var(--text-primary)}.text-primary{color:var(--accent-primary)}.text-primary-foreground{color:var(--text-inverse)}.text-secondary-foreground{color:var(--text-primary)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.opacity-60{opacity:.6}.shadow-lg{--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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)}.ring-offset-background{--tw-ring-offset-color:var(--bg-secondary)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.fade-in-0{--tw-enter-opacity:0}.paused{animation-play-state:paused}.running{animation-play-state:running}.zoom-in-95{--tw-enter-scale:.95}.focus-within\:shadow-\[0_0_0_3px_var\(--accent-light\)\]:focus-within{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--accent-light));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:shadow-lg:hover{--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:bg-accent:focus{background-color:var(--accent-light)}.focus\:text-accent-foreground:focus{color:var(--accent-primary)}.focus\:text-destructive:focus{color:var(--danger)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--accent-primary)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--accent-primary)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-0:active{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--bg-secondary)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--text-primary)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent-light)}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-\[backdrop-filter\]\:bg-\[var\(--bg-secondary\)\]\/85{background-color:var(--bg-secondary)}@supports (color:color-mix(in lab, red, red)){.supports-\[backdrop-filter\]\:bg-\[var\(--bg-secondary\)\]\/85{background-color:color-mix(in oklab,var(--bg-secondary)85%,transparent)}}}@media not all and (min-width:40rem){.max-sm\:w-full{width:100%}.max-sm\:flex-col{flex-direction:column}.max-sm\:items-stretch{align-items:stretch}.max-sm\:justify-start{justify-content:flex-start}}@media (min-width:48rem){.md\:p-6{padding:calc(var(--spacing)*6)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:pb-5{padding-bottom:calc(var(--spacing)*5)}.md\:text-\[0\.95rem\]{font-size:.95rem}.md\:text-\[1\.75rem\]{font-size:1.75rem}}.dark\:bg-amber-900\/30:is([data-theme=dark] *){background-color:#7b33064d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-900\/30:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-amber-900)30%,transparent)}}.dark\:bg-blue-900\/30:is([data-theme=dark] *){background-color:#1c398e4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/30:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.dark\:bg-emerald-900\/30:is([data-theme=dark] *){background-color:#004e3b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-900\/30:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-emerald-900)30%,transparent)}}.dark\:bg-red-900\/30:is([data-theme=dark] *){background-color:#82181a4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/30:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-red-900)30%,transparent)}}.dark\:bg-slate-900\/70:is([data-theme=dark] *){background-color:#0f172bb3}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-900\/70:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-slate-900)70%,transparent)}}.dark\:text-amber-400:is([data-theme=dark] *){color:var(--color-amber-400)}.dark\:text-blue-400:is([data-theme=dark] *){color:var(--color-blue-400)}.dark\:text-emerald-400:is([data-theme=dark] *){color:var(--color-emerald-400)}.dark\:text-red-400:is([data-theme=dark] *){color:var(--color-red-400)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden}:root{--font-sans:"Segoe UI Variable Text","Segoe UI","SF Pro Text","Helvetica Neue","Noto Sans",Arial,sans-serif;--font-mono:"Cascadia Code","SF Mono","Consolas","Liberation Mono",monospace;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-hover:#e5e7eb;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--text-inverse:#fff;--text-on-light:#111827;--text-on-dark:#f8fafc;--border-color:#e5e7eb;--border-hover:#d1d5db;--card-bg:#fff;--card-border:#e5e7eb;--accent-primary:#3b82f6;--accent-hover:#2563eb;--accent-light:#dbeafe;--success:#10b981;--success-light:#d1fae5;--success-bg:#10b9811a;--success-color:#059669;--warning:#f59e0b;--warning-light:#fef3c7;--warning-bg:#f59e0b1a;--warning-color:#d97706;--error:#ef4444;--error-light:#fee2e2;--error-bg:#ef44441a;--error-color:#dc2626;--danger:#ef4444;--danger-light:#fee2e2;--danger-bg:#ef44441a;--danger-color:#dc2626;--danger-hover:#dc2626;--danger-border:#ef444459;--text-danger:#ef4444;--info:#3b82f6;--info-light:#dbeafe;--info-bg:#3b82f61a;--info-color:#2563eb;--purple:#a855f7;--purple-light:#f3e8ff;--purple-bg:#a855f71a;--purple-color:#7c3aed;--pink:#ec4899;--pink-light:#fce7f3;--pink-bg:#ec48991a;--pink-color:#db2777;--teal:#14b8a6;--teal-light:#ccfbf1;--teal-bg:#14b8a61a;--teal-color:#0d9488;--indigo:#6366f1;--indigo-light:#e0e7ff;--indigo-bg:#6366f11a;--indigo-color:#4f46e5;--orange:#f97316;--orange-light:#ffedd5;--orange-bg:#f973161a;--orange-color:#ea580c;--cyan:#06b6d4;--cyan-light:#cffafe;--cyan-bg:#06b6d41a;--cyan-color:#0891b2;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--border-radius:8px;--border-radius-sm:4px;--border-radius-lg:12px;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--container-padding-mobile:var(--spacing-4);--container-padding-tablet:var(--spacing-6);--container-padding-desktop:var(--spacing-8);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--sidebar-width:280px;--sidebar-collapsed-width:70px;--layer-bronze:#cd7f32;--layer-bronze-light:#e8b580;--layer-bronze-lighter:#fef3c7;--layer-bronze-dark:#9a3412;--layer-bronze-border:#cd7f3259;--layer-bronze-text:var(--text-on-dark);--layer-silver:silver;--layer-silver-light:#e8e8e8;--layer-silver-lighter:#dbeafe;--layer-silver-dark:#1d4ed8;--layer-silver-border:#c0c0c059;--layer-silver-text:var(--text-on-light);--layer-gold:gold;--layer-gold-light:#ffed4e;--layer-gold-lighter:#dcfce7;--layer-gold-dark:#047857;--layer-gold-border:#ffd70059;--layer-gold-text:var(--text-on-light);--shadow-xs:0 1px 1px 0 #00000008;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--glow-primary:0 0 20px #3b82f64d;--glow-success:0 0 20px #10b9814d;--glow-warning:0 0 20px #f59e0b4d;--glow-error:0 0 20px #ef44444d;--glass-bg:#ffffffb3;--glass-border:#ffffff2e;--glass-shadow:0 8px 32px 0 #1f268726;--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-success:linear-gradient(135deg,#0ea5e9 0%,#10b981 100%);--gradient-sunset:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--gradient-ocean:linear-gradient(135deg,#667eea 0%,#0ea5e9 100%);--gradient-mesh:radial-gradient(at 40% 20%,#667eea 0px,transparent 50%),radial-gradient(at 80% 0%,#764ba2 0px,transparent 50%),radial-gradient(at 0% 50%,#10b981 0px,transparent 50%);--transition-fast:.15s;--transition-base:.2s;--transition-slow:.3s;--transition-slower:.4s;--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55)}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#0b1220;--bg-tertiary:#1f2937;--bg-hover:#273449;--glass-bg:#0f172ab3;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--text-primary:#e5e7eb;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#f8fafc;--text-on-light:#111827;--text-on-dark:#f8fafc;--border-color:#2b3545;--border-hover:#3d4a63;--card-bg:#111827;--card-border:#3d4a63;--accent-primary:#60a5fa;--accent-hover:#3b82f6;--accent-light:#60a5fa38;--success:#34d399;--success-light:#34d3992e;--success-bg:#34d39926;--success-color:#34d399;--warning:#fbbf24;--warning-light:#fbbf2438;--warning-bg:#fbbf2426;--warning-color:#fbbf24;--error:#f87171;--error-light:#f8717133;--error-bg:#f8717126;--error-color:#f87171;--danger:#f87171;--danger-light:#f8717133;--danger-bg:#f8717126;--danger-color:#f87171;--danger-hover:#dc2626;--danger-border:#f8717159;--text-danger:#f87171;--info:#60a5fa;--info-light:#60a5fa38;--info-bg:#60a5fa26;--info-color:#60a5fa;--purple:#c084fc;--purple-light:#c084fc2e;--purple-bg:#c084fc26;--purple-color:#c084fc;--pink:#f472b6;--pink-light:#f472b62e;--pink-bg:#f472b626;--pink-color:#f472b6;--teal:#2dd4bf;--teal-light:#2dd4bf2e;--teal-bg:#2dd4bf26;--teal-color:#2dd4bf;--indigo:#818cf8;--indigo-light:#818cf82e;--indigo-bg:#818cf826;--indigo-color:#818cf8;--orange:#fb923c;--orange-light:#fb923c2e;--orange-bg:#fb923c26;--orange-color:#fb923c;--cyan:#22d3ee;--cyan-light:#22d3ee2e;--cyan-bg:#22d3ee26;--cyan-color:#22d3ee;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080}@media (min-width:768px) and (max-width:1023px){:root{--font-size-base:.98rem;--font-size-lg:1.1rem;--font-size-xl:1.2rem;--font-size-2xl:1.4rem;--font-size-3xl:1.7rem;--font-size-4xl:2rem}}@media (min-width:1024px) and (max-width:1439px){:root{--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.8rem;--font-size-4xl:2.15rem}}@media (min-width:1440px){:root{--font-size-base:1.02rem;--font-size-lg:1.16rem;--font-size-xl:1.3rem;--font-size-2xl:1.56rem;--font-size-3xl:1.92rem;--font-size-4xl:2.3rem}}body{color:var(--text-primary);background-color:var(--bg-secondary);font-size:var(--font-size-base);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}input,textarea,select{color:var(--text-primary);background-color:var(--bg-primary)}input::-moz-placeholder{color:var(--text-muted)}textarea::-moz-placeholder{color:var(--text-muted)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option,select optgroup{color:var(--text-primary);background-color:var(--bg-primary)}code{font-family:var(--font-mono)}button,input,textarea,select{font:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0;border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--border-color)0%,var(--border-hover)100%);background-clip:padding-box;border:2px solid #0000;border-radius:6px;min-height:40px;transition:all .3s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--text-muted)0%,var(--border-hover)100%);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,var(--accent-primary)0%,var(--accent-hover)100%);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:var(--border-hover)transparent}:hover{scrollbar-color:var(--text-muted)transparent}html{scroll-behavior:smooth;scroll-padding-top:0}.scrollable{scroll-behavior:smooth;overflow:auto}.scrollable-x{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow:auto hidden}.scrollable-y{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow:hidden auto}.scrollable-both{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow:auto}.no-scroll{overflow:hidden}.overlay-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain;overflow-y:auto}.scroll-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow:auto}.scroll-x-visible{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;background:linear-gradient(to right,var(--border-color)0,transparent 8px),linear-gradient(to left,var(--border-color)0,transparent 8px);scrollbar-width:thin;background-position:0 0,100% 0;background-repeat:no-repeat;background-size:8px 100%,8px 100%;background-attachment:local,local;overflow:auto hidden}.datagrid-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow:auto}.fixed-header-scroll{flex-direction:column;height:100%;display:flex}.fixed-header{z-index:10;background:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-shrink:0;position:sticky;top:0;overflow:visible}.scroll-body{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex:1;min-height:0;overflow-y:auto}@media (max-width:767px){::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{min-height:50px}.scrollable,.scrollable-x,.scrollable-y,.scrollable-both{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.scroll-container{scrollbar-width:auto}}.scroll-hint-x:after{content:"";background:linear-gradient(to right,transparent 0%,var(--border-color)50%,transparent 100%);opacity:.5;width:100%;height:4px;margin-top:4px;display:block}.text-xs{font-size:.75rem;line-height:1.2}.text-sm{font-size:var(--font-size-sm);line-height:1.3}.text-base{font-size:var(--font-size-base);line-height:1.5}.text-lg{font-size:var(--font-size-lg);line-height:1.5}.text-xl{font-size:var(--font-size-xl);line-height:1.4}.text-2xl{font-size:var(--font-size-2xl);line-height:1.35}.text-3xl{font-size:var(--font-size-3xl);line-height:1.3}.text-4xl{font-size:var(--font-size-4xl);line-height:1.2}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}h1,.h1{font-size:clamp(1.65rem,1.25rem + 1.2vw,var(--font-size-4xl));font-weight:var(--font-weight-bold);color:var(--text-primary);margin:var(--spacing-4)0 var(--spacing-3)0;letter-spacing:-.5px;overflow-wrap:break-word;line-height:1.2}h2,.h2{font-size:clamp(1.35rem,1.1rem + .95vw,var(--font-size-3xl));font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--spacing-3)0 var(--spacing-2)0;overflow-wrap:break-word;line-height:1.3}h3,.h3{font-size:clamp(1.05rem,.95rem + .45vw,var(--font-size-xl));font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--spacing-2)0 var(--spacing-1)0;overflow-wrap:break-word;line-height:1.4}h4,.h4{font-size:clamp(1rem,.95rem + .25vw,var(--font-size-lg));font-weight:var(--font-weight-medium);color:var(--text-primary);margin:var(--spacing-2)0 var(--spacing-1)0;overflow-wrap:break-word;line-height:1.5}p{font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:var(--spacing-2)0;color:var(--text-secondary);overflow-wrap:break-word}p:last-child{margin-bottom:0}.skip-link{z-index:999;padding:var(--spacing-3)var(--spacing-5);background:var(--accent-primary);color:#fff;border-radius:var(--border-radius);font-weight:var(--font-weight-medium);text-decoration:none;position:absolute;left:-9999px}.skip-link:focus{left:var(--spacing-4);top:var(--spacing-4)}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-contrast:more){:focus-visible{outline:3px solid var(--accent-primary);outline-offset:3px}}.container-responsive{max-width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container-responsive{max-width:640px}}@media (min-width:768px){.container-responsive{max-width:768px}}@media (min-width:1024px){.container-responsive{max-width:1024px}}@media (min-width:1280px){.container-responsive{max-width:1280px}}@media (min-width:1536px){.container-responsive{max-width:1536px}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.p-mobile{padding:var(--spacing-4)}.p-tablet{padding:var(--spacing-6)}.p-desktop{padding:var(--spacing-8)}@media (max-width:767px){.p-responsive{padding:var(--spacing-4)}}@media (min-width:768px) and (max-width:1023px){.p-responsive{padding:var(--spacing-6)}}@media (min-width:1024px){.p-responsive{padding:var(--spacing-8)}}.my-responsive{margin-top:var(--spacing-3);margin-bottom:var(--spacing-3)}@media (min-width:768px){.my-responsive{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}}@media (min-width:1024px){.my-responsive{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}}.w-full{width:100%}.w-auto{width:auto}.max-w-full{max-width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.grid{display:grid}.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))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:767px){.grid-cols-auto{grid-template-columns:1fr}.grid-cols-2-mobile{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.grid-cols-auto{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-2-mobile{grid-template-columns:repeat(4,minmax(0,1fr))}}.text-center-mobile{text-align:center}@media (min-width:768px){.text-center-mobile{text-align:left}}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.transition-all{transition:all .2s ease-in-out}.transition-colors{transition:background-color .2s,color .2s,border-color .2s}.transition-opacity{transition:opacity .2s}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:767px){.hide-mobile{display:none!important}}@media (min-width:768px){.show-mobile{display:none!important}}@media (max-width:1023px){.hide-tablet{display:none!important}}@media (min-width:1024px){.show-tablet{display:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{50%{opacity:.5}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px var(--accent-primary),0 0 10px var(--accent-primary)}50%{box-shadow:0 0 10px var(--accent-primary),0 0 20px var(--accent-primary),0 0 30px var(--accent-primary)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.animate-fadeIn{animation:fadeIn .3s var(--ease-out)forwards}.animate-fadeInUp{animation:fadeInUp .3s var(--ease-out)forwards}.animate-scaleIn{animation:scaleIn .2s var(--ease-out)forwards}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-bounce{animation:1s ease-in-out infinite bounce}.animate-spin{animation:1s linear infinite spin}.animate-shimmer{animation:2s linear infinite shimmer}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.shadow-none{box-shadow:none}.hover-shadow-md:hover{box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base)var(--ease-out)}.hover-shadow-lg:hover{box-shadow:var(--shadow-lg);transition:box-shadow var(--transition-base)var(--ease-out)}.gradient-primary{background:var(--gradient-primary)}.gradient-success{background:var(--gradient-success)}.gradient-sunset{background:var(--gradient-sunset)}.gradient-ocean{background:var(--gradient-ocean)}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-primary{box-shadow:var(--glow-primary)}.glow-success{box-shadow:var(--glow-success)}.glow-warning{box-shadow:var(--glow-warning)}.glow-error{box-shadow:var(--glow-error)}.glow-pulse{animation:2s ease-in-out infinite pulseGlow}.backdrop-blur{-webkit-backdrop-filter:blur(10px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(5px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(20px)}.hover-lift{transition:transform var(--transition-base)var(--ease-out)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform var(--transition-base)var(--ease-out)}.hover-scale:hover{transform:scale(1.05)}.hover-glow:hover{box-shadow:0 0 20px var(--accent-light);transition:box-shadow var(--transition-base)var(--ease-out)}.hover-brightness:hover{filter:brightness(1.1);transition:filter var(--transition-base)var(--ease-out)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary)0%,var(--bg-hover)50%,var(--bg-tertiary)100%);border-radius:var(--border-radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.spinner{border:2px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:1em;height:1em;animation:.8s linear infinite spin}.focus-ring{position:relative}.focus-ring:focus-visible:after{content:"";border-radius:inherit;border:2px solid var(--accent-primary);pointer-events:none;position:absolute;inset:-4px}.interactive{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-base)var(--ease-out)}.interactive:active{transform:scale(.98)}.badge{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1)var(--spacing-2);border-radius:var(--border-radius-sm);white-space:nowrap;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.badge-primary{background:var(--accent-light);color:var(--accent-primary)}.badge-success{background:var(--success-bg);color:var(--success-color)}.badge-warning{background:var(--warning-bg);color:var(--warning-color)}.badge-error{background:var(--error-bg);color:var(--error-color)}.badge-info{background:var(--info-bg);color:var(--info-color)}.badge-purple{background:var(--purple-bg);color:var(--purple-color)}.badge-pink{background:var(--pink-bg);color:var(--pink-color)}.badge-teal{background:var(--teal-bg);color:var(--teal-color)}.badge-indigo{background:var(--indigo-bg);color:var(--indigo-color)}.badge-orange{background:var(--orange-bg);color:var(--orange-color)}.badge-cyan{background:var(--cyan-bg);color:var(--cyan-color)}.divider{background:var(--border-color);height:1px;margin:var(--spacing-4)0}.divider-vertical{background:var(--border-color);width:1px;height:100%;margin:0 var(--spacing-4)}.card-interactive{transition:all var(--transition-base)var(--ease-out);cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.icon-wrapper{border-radius:var(--border-radius);padding:var(--spacing-3);transition:all var(--transition-base)var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.icon-wrapper-sm{width:40px;height:40px;padding:var(--spacing-2);border-radius:var(--border-radius-sm)}.icon-wrapper-md{width:48px;height:48px;padding:var(--spacing-3);border-radius:var(--border-radius)}.icon-wrapper-lg{width:64px;height:64px;padding:var(--spacing-4);border-radius:var(--border-radius-lg)}.icon-wrapper-xl{width:80px;height:80px;padding:var(--spacing-5);border-radius:var(--border-radius-lg)}.icon-primary{background:var(--accent-light);color:var(--accent-primary)}.icon-primary:hover{background:var(--accent-primary);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #3b82f64d}.icon-success{background:var(--success-bg);color:var(--success-color)}.icon-success:hover{background:var(--success);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #10b9814d}.icon-warning{background:var(--warning-bg);color:var(--warning-color)}.icon-warning:hover{background:var(--warning);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #f59e0b4d}.icon-error{background:var(--error-bg);color:var(--error-color)}.icon-error:hover{background:var(--error);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #ef44444d}.icon-purple{background:var(--purple-bg);color:var(--purple-color)}.icon-purple:hover{background:var(--purple);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #a855f74d}.icon-pink{background:var(--pink-bg);color:var(--pink-color)}.icon-pink:hover{background:var(--pink);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #ec48994d}.icon-teal{background:var(--teal-bg);color:var(--teal-color)}.icon-teal:hover{background:var(--teal);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #14b8a64d}.icon-indigo{background:var(--indigo-bg);color:var(--indigo-color)}.icon-indigo:hover{background:var(--indigo);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #6366f14d}.icon-orange{background:var(--orange-bg);color:var(--orange-color)}.icon-orange:hover{background:var(--orange);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #f973164d}.icon-cyan{background:var(--cyan-bg);color:var(--cyan-color)}.icon-cyan:hover{background:var(--cyan);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #06b6d44d}.icon-wrapper.no-hover:hover{box-shadow:none;background:inherit;color:inherit;transform:none}.icon-gradient-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.icon-gradient-success{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#10b981 100%)}.icon-gradient-sunset{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.icon-gradient-ocean{color:#fff;background:linear-gradient(135deg,#667eea 0%,#0ea5e9 100%)}.status-indicator{align-items:center;gap:var(--spacing-2);font-size:.875rem;font-weight:500;display:inline-flex}.status-dot{border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.status-online{background:var(--success);box-shadow:0 0 0 3px var(--success-bg)}.status-offline{background:var(--text-muted);box-shadow:0 0 0 3px var(--bg-tertiary)}.status-warning{background:var(--warning);box-shadow:0 0 0 3px var(--warning-bg)}.status-error{background:var(--error);box-shadow:0 0 0 3px var(--error-bg)}.viz-color-1{color:#3b82f6}.viz-color-2{color:#10b981}.viz-color-3{color:#a855f7}.viz-color-4{color:#f59e0b}.viz-color-5{color:#ec4899}.viz-color-6{color:#14b8a6}.viz-color-7{color:#6366f1}.viz-color-8{color:#f97316}.viz-bg-1{background:#3b82f61a}.viz-bg-2{background:#10b9811a}.viz-bg-3{background:#a855f71a}.viz-bg-4{background:#f59e0b1a}.viz-bg-5{background:#ec48991a}.viz-bg-6{background:#14b8a61a}.viz-bg-7{background:#6366f11a}.viz-bg-8{background:#f973161a}.accent-border-left{border-left:4px solid var(--accent-primary)}.accent-border-top{border-top:4px solid var(--accent-primary)}.accent-border-gradient{background-image:linear-gradient(var(--bg-primary),var(--bg-primary)),linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-origin:padding-box,border-box;background-clip:padding-box,border-box;border-left:4px solid #0000}.hero-gradient{color:#fff;padding:var(--spacing-12)var(--spacing-6);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.hero-mesh{background:var(--bg-primary);padding:var(--spacing-12)var(--spacing-6);border-radius:var(--border-radius-lg);background-image:radial-gradient(at 40% 20%,#3b82f61a 0,#0000 50%),radial-gradient(at 80% 0,#a855f71a 0,#0000 50%),radial-gradient(at 0%,#10b9811a 0,#0000 50%)}.page-container{padding:var(--spacing-6)var(--spacing-8);width:100%;max-width:1400px}@media (max-width:1024px){.page-container{padding:var(--spacing-5)var(--spacing-6)}}@media (max-width:768px){.page-container{padding:var(--spacing-4)var(--spacing-4)}}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-5);border-bottom:1px solid var(--border-color);display:flex}.page-header-info{gap:var(--spacing-1);flex-direction:column;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:1.5rem;font-weight:700;line-height:1.3}.page-subtitle{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.5}.page-actions{align-items:center;gap:var(--spacing-2);flex-shrink:0;display:flex}@media (max-width:640px){.page-header{gap:var(--spacing-3);flex-direction:column;align-items:stretch}.page-actions{flex-wrap:wrap}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-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-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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
.scrollable{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow:auto}.scrollable-y{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow:hidden auto}.scrollable-x{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow:auto hidden}.scrollable-both{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow:auto}.no-scroll{overflow:hidden}.no-scroll-y{overflow-y:hidden}.no-scroll-x{overflow-x:hidden}.scroll-smooth{scroll-behavior:smooth}.scroll-auto{scroll-behavior:auto}.scroll-container-y{flex-direction:column;display:flex;overflow:hidden}.scroll-container-y>:last-child{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.fixed-header-scroll{flex-direction:column;height:100%;display:flex;overflow:hidden}.fixed-header-scroll .header{border-bottom:1px solid var(--border-color);z-index:10;flex-shrink:0;position:relative;overflow:visible}.fixed-header-scroll .body{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.sticky-header{z-index:8;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0}.table-scroll-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background:linear-gradient(to right,var(--border-color)0,transparent 8px),linear-gradient(to left,var(--border-color)0,transparent 8px);background-position:0 0,100% 0;background-repeat:no-repeat;background-size:8px 100%,8px 100%;background-attachment:local,local;max-width:100%;overflow:auto}.list-scroll-container{--item-padding:12px;--scroll-thumb-width:10px;flex-direction:column;display:flex;overflow:hidden}.list-scroll-container .items{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex:1;min-height:0;padding-right:4px;overflow-y:auto}.scrollbar-always{scrollbar-width:auto}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hover{scrollbar-width:thin}.scrollbar-hover::-webkit-scrollbar{width:8px;height:8px}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--border-hover)transparent}.scroll-indicator-bottom{position:relative}.scroll-indicator-bottom:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(#0000001a,#0000);height:8px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.scroll-indicator-bottom.has-scroll:after{opacity:1}.scroll-indicator-top{position:relative}.scroll-indicator-top:before{content:"";pointer-events:none;opacity:0;background:linear-gradient(#0000,#0000001a);height:8px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.scroll-indicator-top.has-scroll:before{opacity:1}@media (max-width:1023px){.scrollable,.scrollable-y,.scrollable-x,.scrollable-both{scroll-padding:16px}.scrollable::-webkit-scrollbar{width:12px;height:12px}.scrollable-y::-webkit-scrollbar{width:12px;height:12px}.scrollable-x::-webkit-scrollbar{width:12px;height:12px}.scrollable-both::-webkit-scrollbar{width:12px;height:12px}.scrollable::-webkit-scrollbar-thumb{min-height:50px}.scrollable-y::-webkit-scrollbar-thumb{min-height:50px}.scrollable-x::-webkit-scrollbar-thumb{min-height:50px}.scrollable-both::-webkit-scrollbar-thumb{min-height:50px}}@media (max-width:767px){.scrollable,.scrollable-y,.scrollable-x,.scrollable-both{-webkit-overflow-scrolling:touch;scroll-padding:20px}.scrollable::-webkit-scrollbar{width:14px;height:14px}.scrollable-y::-webkit-scrollbar{width:14px;height:14px}.scrollable-x::-webkit-scrollbar{width:14px;height:14px}.scrollable-both::-webkit-scrollbar{width:14px;height:14px}.scrollable::-webkit-scrollbar-track{margin:2px}.scrollable-y::-webkit-scrollbar-track{margin:2px}.scrollable-x::-webkit-scrollbar-track{margin:2px}.scrollable-both::-webkit-scrollbar-track{margin:2px}.scrollable::-webkit-scrollbar-thumb{border:3px solid #0000;border-radius:8px;min-height:60px}.scrollable-y::-webkit-scrollbar-thumb{border:3px solid #0000;border-radius:8px;min-height:60px}.scrollable-x::-webkit-scrollbar-thumb{border:3px solid #0000;border-radius:8px;min-height:60px}.scrollable-both::-webkit-scrollbar-thumb{border:3px solid #0000;border-radius:8px;min-height:60px}.scrollbar-hover{scrollbar-width:auto}}.scrollable:focus-visible,.scrollable-y:focus-visible,.scrollable-x:focus-visible,.scrollable-both:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.scrollable,.scrollable-y,.scrollable-x,.scrollable-both{scroll-behavior:auto!important}}@media (prefers-contrast:more){.scrollable,.scrollable-y,.scrollable-x,.scrollable-both{scrollbar-color:var(--text-primary)transparent}}.scrollable.loading,.scrollable-y.loading,.scrollable-x.loading,.scrollable-both.loading{opacity:.6;pointer-events:none}.scroll-fade-top{position:relative}.scroll-fade-top:before{content:"";background:linear-gradient(to bottom,var(--bg-primary),transparent);pointer-events:none;z-index:2;height:20px;position:absolute;top:0;left:0;right:0}.scroll-fade-bottom{position:relative}.scroll-fade-bottom:after{content:"";background:linear-gradient(to top,var(--bg-primary),transparent);pointer-events:none;z-index:2;height:20px;position:absolute;bottom:0;left:0;right:0}.scroll-snap-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow-y:scroll}.scroll-snap-item{scroll-snap-align:start;scroll-snap-stop:always}
