*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.right-0{right:0}.right-2\.5{right:.625rem}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.top-\[var\(--header-height\2c 60px\)\]{top:60px;top:var(--header-height,60px)}.top-full{top:100%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-40{margin-bottom:10rem}.mb-6{margin-bottom:1.5rem}.mb-60{margin-bottom:15rem}.me-1{margin-inline-end:.25rem}.me-2{margin-inline-end:.5rem}.mr-0\.5{margin-right:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[220px\]{height:220px}.h-full{height:100%}.max-h-\[260px\]{max-height:260px}.min-h-screen{min-height:100vh}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[1px\]{width:1px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-\[220px\]{max-width:220px}.max-w-xs{max-width:20rem}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.rotate-45{--tw-rotate:45deg}.rotate-45,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .4s ease-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.75rem}.rounded-md{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-amber-500\/30{border-color:#f59e0b4d}.border-input{border-color:#334155;border-color:var(--border-color)}.border-transparent{border-color:#0000}.border-xrun-border{border-color:#ffffff1a;border-color:var(--xrun-border)}.bg-background{background-color:#0f172a;background-color:var(--bg-color)}.bg-destructive{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-destructive\/80{background-color:#ef4444cc}.bg-destructive\/90{background-color:#ef4444e6}.bg-indigo-500\/20{background-color:#6366f133}.bg-primary{background-color:#6366f1;background-color:var(--primary-color)}.bg-secondary{background-color:#1e293b;background-color:var(--surface-color)}.bg-transparent{background-color:initial}.bg-xrun-base{background-color:#1a202c;background-color:var(--xrun-base)}.bg-xrun-border{background-color:#ffffff1a;background-color:var(--xrun-border)}.bg-xrun-green\/10{background-color:#34c38f1a}.bg-xrun-green\/20{background-color:#34c38f33}.bg-xrun-surface{background-color:#2d3748;background-color:var(--xrun-surface)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-500\/20{--tw-gradient-from:#f59e0b33 var(--tw-gradient-from-position);--tw-gradient-to:#f59e0b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-orange-500\/20{--tw-gradient-to:#f9731633 var(--tw-gradient-to-position)}.fill-amber-400{fill:#fbbf24}.fill-transparent{fill:#0000}.object-cover{object-fit:cover}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-24{padding-bottom:6rem;padding-top:6rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-40{padding-bottom:10rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pr-4{padding-right:1rem}.pr-9{padding-right:2.25rem}.pt-0{padding-top:0}.pt-10{padding-top:2.5rem}.pt-60{padding-top:15rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-accent-foreground{color:#f8fafc;color:var(--text-main)}.text-amber-400{--tw-text-opacity:1;color:#fbbf24;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-destructive-foreground{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:#34d399;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-foreground{color:#f8fafc;color:var(--text-main)}.text-indigo-300{--tw-text-opacity:1;color:#a5b4fc;color:rgb(165 180 252/var(--tw-text-opacity,1))}.text-indigo-400{--tw-text-opacity:1;color:#818cf8;color:rgb(129 140 248/var(--tw-text-opacity,1))}.text-muted-foreground{color:#94a3b8;color:var(--text-muted)}.text-primary{color:#6366f1;color:var(--primary-color)}.text-primary-foreground{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-rose-400{--tw-text-opacity:1;color:#fb7185;color:rgb(251 113 133/var(--tw-text-opacity,1))}.text-secondary-foreground{color:#f8fafc;color:var(--text-main)}.text-xrun-green{--tw-text-opacity:1;color:#34c38f;color:rgb(52 195 143/var(--tw-text-opacity,1))}.text-xrun-muted{color:#94a3b8;color:var(--xrun-muted)}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-amber-500\/10{--tw-shadow-color:#f59e0b1a;--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-500\/20{--tw-shadow-color:#10b98133;--tw-shadow:var(--tw-shadow-colored)}.shadow-rose-500\/20{--tw-shadow-color:#f43f5e33;--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{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)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.drop-shadow-\[0_0_12px_rgba\(99\2c 102\2c 241\2c 0\.35\)\]{--tw-drop-shadow:drop-shadow(0 0 12px #6366f159)}.drop-shadow-\[0_0_12px_rgba\(99\2c 102\2c 241\2c 0\.35\)\],.drop-shadow-\[0_0_6px_rgba\(251\2c 191\2c 36\2c 0\.6\)\]{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)}.drop-shadow-\[0_0_6px_rgba\(251\2c 191\2c 36\2c 0\.6\)\]{--tw-drop-shadow:drop-shadow(0 0 6px #fbbf2499)}.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-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-filter{-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-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[animation-delay\:0\.1s\]{animation-delay:.1s}:root{--primary-color:#6366f1;--primary-hover:#818cf8;--bg-color:#0f172a;--surface-color:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#334155;--hover-bg:#ffffff0d;--active-bg:#6366f126;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #00000080,0 2px 4px -1px #0000004d;--xrun-base:#1a202c;--xrun-surface:#2d3748;--xrun-border:#ffffff1a;--xrun-muted:#94a3b8;--sidebar-width-expanded:220px;--sidebar-width-collapsed:60px;--header-height:60px;--transition-speed:0.3s}[data-theme=light]{--primary-color:#4f46e5;--primary-hover:#4338ca;--bg-color:#f3f4f6;--surface-color:#fff;--text-main:#1f2937;--text-muted:#6b7280;--border-color:#e5e7eb;--hover-bg:#f3f4f6;--active-bg:#eef2ff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--xrun-base:#f8fafc;--xrun-surface:#fff;--xrun-border:#00000014;--xrun-muted:#64748b}html{font-size:70%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;background-color:var(--bg-color);color:#f8fafc;color:var(--text-main);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;max-width:100vw;overflow-x:hidden}:not([data-theme=light]) body{background:linear-gradient(135deg,#1a202c,#2d3748);background-attachment:fixed}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}.form-group{margin-bottom:1.25rem}.form-group label{color:#94a3b8;color:var(--text-muted);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-input{background-color:#0f172a;background-color:var(--bg-color);border:1px solid #334155;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:#f8fafc;color:var(--text-main);font-size:.95rem;padding:12px;transition:all .2s;width:100%}.form-input:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133;outline:none}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.placeholder\:text-xrun-muted::placeholder{color:#94a3b8;color:var(--xrun-muted)}.last\:border-0:last-child{border-width:0}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-xrun-cyan\/30:hover{border-color:#0ea5e94d}.hover\:bg-accent:hover{background-color:#1e293b;background-color:var(--surface-color)}.hover\:bg-destructive\/80:hover{background-color:#ef4444cc}.hover\:bg-destructive\/90:hover{background-color:#ef4444e6}.hover\:bg-xrun-base:hover{background-color:#1a202c;background-color:var(--xrun-base)}.hover\:bg-xrun-green\/20:hover{background-color:#34c38f33}.hover\:bg-xrun-surface:hover{background-color:#2d3748;background-color:var(--xrun-surface)}.hover\:text-accent-foreground:hover,.hover\:text-foreground:hover{color:#f8fafc;color:var(--text-main)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-black\/20:hover{--tw-shadow-color:#0003;--tw-shadow:var(--tw-shadow-colored)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-indigo-500\/40:focus{--tw-ring-color:#6366f166}.focus\:ring-ring:focus{--tw-ring-color:var(--primary-color)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--primary-color)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:border-xrun-cyan\/30{border-color:#0ea5e94d}.group\/star:hover .group-hover\/star\:opacity-100{opacity:1}@media (min-width:1280px){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.layout-container{background-color:var(--bg-color);color:var(--text-main);display:flex;font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh}:not([data-theme=light]) .layout-container{background-color:initial}.sidebar{background:var(--xrun-surface);border-right:1px solid var(--xrun-border);box-shadow:0 0 40px #00000040;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:transform var(--transition-speed) ease,width var(--transition-speed) ease;z-index:50}.sidebar.expanded{width:var(--sidebar-width-expanded)}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-header{align-items:center;background:#ffffff05;border-bottom:1px solid var(--xrun-border);display:flex;height:var(--header-height);justify-content:center;padding:0 1rem}.sidebar.expanded .sidebar-header{justify-content:space-between}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a855f7);background-clip:text;-webkit-background-clip:text;color:var(--primary-color);font-size:1.5rem;font-weight:800;overflow:hidden;white-space:nowrap}.toggle-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:7px;transition:all .25s ease}.toggle-btn:hover{background:#6366f126;border-color:#6366f159;box-shadow:0 0 12px #6366f140;color:#fff;transform:scale(1.05)}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1.25rem .875rem}.nav-item{align-items:center;background:#0000;border:none;border-radius:.85rem;color:#94a3b8;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;margin-bottom:.4rem;overflow:hidden;padding:.7rem 1rem;position:relative;text-align:left;text-decoration:none;transition:all .25s ease;white-space:nowrap}.nav-item:before{background:linear-gradient(180deg,#6366f1,#14b8a6);border-radius:0 4px 4px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%) scaleY(0);transition:transform .25s ease;width:3px}.nav-item:hover{background:#ffffff0a;color:#e2e8f0}.nav-item:hover .nav-icon{color:#fff}.nav-item.active{background:linear-gradient(90deg,#6366f12e,#14b8a614);box-shadow:0 0 20px #6366f11f;color:#fff;font-weight:600}.nav-item.active:before{transform:translateY(-50%) scaleY(1)}.nav-item.active .nav-icon{color:#fff;filter:drop-shadow(0 0 6px rgba(99,102,241,.6))}.nav-icon{align-items:center;display:flex;justify-content:center;margin-right:12px;min-width:22px;transition:all .25s ease}.submenu-container{border-left:1px solid #ffffff0d;margin-left:.5rem;overflow:hidden;padding-left:.5rem;transition:max-height .35s cubic-bezier(.4,0,.2,1)}.nav-sub-item{align-items:center;border-radius:.75rem;box-sizing:border-box;color:#64748b;display:flex;font-size:.88rem;font-weight:500;margin-bottom:.25rem;padding:.55rem 1rem .55rem 1.25rem;position:relative;text-decoration:none;transition:all .25s ease;width:100%}.nav-sub-item:hover{background:#ffffff0a;color:#e2e8f0}.nav-sub-item.active{background:linear-gradient(90deg,#6366f126,#0000);color:#fff;font-weight:600}.nav-sub-item.active:before{background:#14b8a6;border-radius:50%;box-shadow:0 0 8px #14b8a6;content:"";height:5px;left:-.5rem;position:absolute;top:50%;transform:translateY(-50%);width:5px}.menu-arrow{color:#64748b;margin-left:auto;transition:transform .3s ease}.nav-item:hover .menu-arrow{color:#e2e8f0}.sidebar.collapsed .nav-item{justify-content:center!important;padding:.75rem 0}.sidebar.collapsed .nav-icon{margin-right:0}.sidebar.collapsed .menu-arrow,.sidebar.collapsed .nav-text{display:none}.sidebar.collapsed .submenu-container{border-left:none;display:block;margin-left:0;padding-left:0}.sidebar.collapsed .nav-sub-item{justify-content:center;padding:.75rem 0}.sidebar.collapsed .nav-sub-item span{display:none}.sidebar.collapsed .nav-sub-item .nav-icon,.sidebar.collapsed .nav-sub-item svg{margin-right:0!important}.main-wrapper{display:flex;flex:1 1;flex-direction:column;margin-left:var(--sidebar-width-expanded);min-width:0;position:relative;transition:margin-left var(--transition-speed) ease}.main-wrapper.wrapper-collapsed{margin-left:var(--sidebar-width-collapsed)}.main-wrapper.no-sidebar{margin-left:0}.top-header{align-items:center;background-color:var(--surface-color);border-bottom:1px solid var(--border-color);display:flex;height:var(--header-height);justify-content:space-between;padding:0 2rem;position:sticky;top:0;transition:all .3s ease;z-index:999}.top-header.header-scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1e293bd9;box-shadow:0 10px 15px -3px #0000004d}.top-header.homepage-header{background-color:initial!important;border-bottom:none;justify-content:center;left:0;position:fixed;right:0;top:0}.top-header.homepage-header.header-scrolled{background-color:#060d18b8;border-bottom:1px solid #ffffff0f}.mobile-menu-btn{display:none}.header-logo{align-items:center;display:flex;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.top-header.homepage-header .header-logo{left:2rem;position:absolute;top:50%;transform:translateY(-50%)}.top-header.homepage-header .header-logo:hover{transform:translateY(-50%) scale(1.05)}.header-logo:hover{transform:scale(1.05)}.header-logo.hide-on-desktop{display:none}.hide-on-desktop+.header-nav{margin-left:0}@media (max-width:768px){.header-logo.hide-on-desktop{display:flex}.top-header{height:48px!important;padding:0 1rem!important}.top-header.homepage-header{border-bottom:1px solid #ffffff0f;justify-content:space-between}.top-header.homepage-header,.top-header.homepage-header.header-scrolled{background-color:#060d18eb!important}.top-header.homepage-header .header-logo{left:auto;position:static;top:auto;transform:none}.top-header.homepage-header .header-logo:hover{transform:scale(1.05)}.header-logo-img{height:28px!important}}.header-nav{align-items:center;display:flex;gap:1.75rem;margin-left:3rem;margin-right:auto}.top-header.homepage-header .header-nav{gap:2.25rem;justify-content:center;margin:0 auto}.header-nav .nav-link,.header-nav .nav-link:active,.header-nav .nav-link:link,.header-nav .nav-link:visited{background:none;border:none;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;letter-spacing:.05em;line-height:1;margin:0;padding:0;text-decoration:none;text-transform:uppercase;transition:color .2s}.top-header.homepage-header .header-nav .nav-link,.top-header.homepage-header .header-nav .nav-link:active,.top-header.homepage-header .header-nav .nav-link:link,.top-header.homepage-header .header-nav .nav-link:visited{color:#ffffffd9;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.92rem;font-weight:500;letter-spacing:.01em;text-transform:none}.header-nav .nav-link:focus,.header-nav .nav-link:hover{color:var(--primary-color);outline:none}.top-header.homepage-header .header-nav .nav-link:focus,.top-header.homepage-header .header-nav .nav-link:hover{color:#22d3ee}.header-user-section{align-items:center;display:flex;gap:1.5rem}.top-header.homepage-header .header-user-section{position:absolute;right:2rem;top:50%;transform:translateY(-50%)}@media (max-width:768px){.top-header.homepage-header .header-user-section{position:static;right:auto;top:auto;transform:none}}.auth-buttons{align-items:center;display:flex;gap:1rem}.login-link{color:var(--text-main);font-weight:500}.login-link,.register-btn{font-size:.9rem;text-decoration:none}.register-btn{background:var(--primary-color);border-radius:8px;color:#fff;font-weight:600;padding:.5rem 1.25rem;transition:background .2s}.register-btn:hover{background:var(--primary-hover)}.header-cart-btn{align-items:center;color:var(--text-muted);display:flex;justify-content:center;margin-right:.5rem;padding:8px;position:relative;transition:all .2s}.header-cart-btn:hover{background-color:var(--hover-bg);border-radius:50%;color:var(--primary-color)}.cart-badge{background:linear-gradient(135deg,#6366f1,#a855f7);border:2px solid var(--surface-color);border-radius:50%;box-shadow:0 4px 6px -1px #0000004d;color:#fff;font-size:.65rem;font-weight:700;height:18px;position:absolute;right:4px;top:4px;width:18px}.cart-badge,.header-icon-btn{align-items:center;display:flex;justify-content:center}.header-icon-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;position:relative;transition:all .2s}.header-icon-btn:hover{background-color:var(--hover-bg);border-radius:50%;color:var(--primary-color)}.user-dropdown-container{position:relative}.user-profile-clickable{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:.5rem .75rem;transition:all .2s ease}.user-profile-clickable.active,.user-profile-clickable:hover{background-color:var(--hover-bg)}.header-dropdown-menu{animation:dropdownFadeIn .2s ease-out;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003;padding:.75rem;position:absolute;right:0;top:calc(100% + 10px);width:240px;z-index:100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;flex-direction:column;padding:.75rem .5rem}.dropdown-user-name{color:var(--text-main);font-size:.95rem;font-weight:600}.dropdown-user-email{color:var(--text-muted);font-size:.8rem;margin-top:2px}.dropdown-divider{background-color:var(--border-color);height:1px;margin:.5rem 0}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-main);cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:.75rem;transition:all .2s ease;width:100%}.dropdown-item:hover{background-color:var(--hover-bg);padding-left:1rem}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background-color:#ef44441a}.user-info{text-align:right}.user-name{color:var(--text-main);display:block;font-size:.9rem;font-weight:600}.user-role{color:var(--text-muted);display:block;font-size:.75rem;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;box-shadow:0 0 0 2px var(--surface-color),0 0 0 4px var(--primary-color);color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.main-content{background-color:var(--bg-color);flex:1 1;padding:1rem}:not([data-theme=light]) .main-content{background-color:initial}.main-content.no-padding{background-color:initial;padding:0}.main-content h1{color:var(--text-main)}.main-content p{color:var(--text-muted)}@media (max-width:991px){.header-nav{display:none!important}}@media (max-width:768px){.sidebar{background:linear-gradient(180deg,#0b1120fa,#060d18fc);border-right:1px solid #ffffff0f;box-shadow:none;display:flex!important;transform:translateX(-100%);width:var(--sidebar-width-expanded)}.main-wrapper{margin-left:0!important}.sidebar.mobile-open{box-shadow:0 0 60px #0009;transform:translateX(0);z-index:100}.mobile-menu-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex!important;justify-content:center;padding:7px;transition:all .25s ease}.mobile-menu-btn:hover{background:#6366f126;border-color:#6366f159;box-shadow:0 0 12px #6366f133;color:#fff}.desktop-toggle{display:none!important}.mobile-close{display:flex!important}.top-header{padding:0 1rem}.header-user-section{gap:.75rem}.logout-btn span,.user-info{display:none}.avatar{font-size:.9rem;height:32px;width:32px}.auth-buttons{gap:.5rem}.register-btn{padding:.4rem .8rem}.login-link,.register-btn{font-size:.8rem}.logo-text{font-size:1.25rem}}.landing-links-container{border-top:1px solid #ffffff0f;display:none;margin-top:.75rem;padding-top:.75rem}.landing-links-container .nav-item{margin-bottom:.35rem}@media (max-width:768px){.landing-links-container{display:block!important}}.dashboard-btn-sidebar:hover{background:#6366f133!important;border-color:var(--primary-color)!important;transform:translateY(-1px)}@media (min-width:992px){.sidebar.landing-sidebar{pointer-events:none;transform:translateX(-100%)}}@media (min-width:769px) and (max-width:991px){.top-header.homepage-header,.top-header.homepage-header.header-scrolled{background-color:#060d18eb!important;border-bottom:1px solid #ffffff0f}.main-wrapper.no-sidebar .mobile-menu-btn{align-items:center;background:none;border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex!important;justify-content:center;padding:6px}.main-wrapper.no-sidebar .mobile-menu-btn:hover{background-color:var(--hover-bg);color:var(--primary-color)}.sidebar.landing-sidebar{box-shadow:none;pointer-events:auto;transform:translateX(-100%);width:var(--sidebar-width-expanded)}.sidebar.landing-sidebar.mobile-open{box-shadow:var(--shadow-md);transform:translateX(0);z-index:100}.sidebar.landing-sidebar .desktop-toggle{display:none!important}.sidebar.landing-sidebar .mobile-close{display:flex!important}.sidebar.landing-sidebar .sidebar-footer.mobile-only{border-top:1px solid var(--border-color);display:block!important;margin-top:auto;padding:1.5rem}.sidebar.landing-sidebar .landing-links-container{display:block!important}}.sidebar-footer.mobile-only{display:none}@media (max-width:768px){.sidebar-footer.mobile-only{background:#ffffff05;border-top:1px solid #ffffff0f;display:block!important;margin-top:auto;padding:1.25rem}.sidebar-auth-buttons{display:flex;flex-direction:column;gap:.75rem}.login-link-mobile{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;color:#e2e8f0;font-weight:500;padding:.75rem;text-align:center;text-decoration:none;transition:all .25s ease}.login-link-mobile:hover{background:#ffffff0f;border-color:#ffffff26}.register-btn-mobile{background:linear-gradient(135deg,#6366f1,#14b8a6);border-radius:10px;box-shadow:0 4px 15px #6366f140;color:#fff;font-weight:600;padding:.75rem;text-align:center;text-decoration:none;transition:all .25s ease}.register-btn-mobile:hover{box-shadow:0 6px 20px #6366f159;transform:translateY(-1px)}.sidebar-auth-logged-in{align-items:center;display:flex;gap:1rem;justify-content:space-between}.user-profile-mini{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:all .25s ease}.user-profile-mini:hover{background:#ffffff0a}.u-name{color:#e2e8f0;display:block;font-size:.9rem;font-weight:600}.u-role{color:#94a3b8;display:block;font-size:.75rem;text-transform:capitalize}.sidebar-logout{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#f87171;display:flex;justify-content:center;padding:9px;transition:all .25s ease}.sidebar-logout:hover{background:#ef44442e;border-color:#ef444459;box-shadow:0 0 12px #ef444433}}@media (max-width:500px){.header-user-section{gap:.5rem}}@media (max-width:400px){.top-header{padding:0 .5rem}.user-profile-clickable{padding:.25rem}.header-user-section{gap:.35rem}.header-dropdown-menu{right:.5rem;width:calc(100vw - 1rem)}}@media (max-width:768px){body,html{height:100%;overflow-x:hidden}.layout-container{min-height:100dvh;padding-top:env(safe-area-inset-top)}.layout-container.mobile-bottom-nav .sidebar{display:none!important}.layout-container.mobile-bottom-nav .main-wrapper{margin-left:0!important;width:100%!important}.layout-container.mobile-bottom-nav .wrapper-collapsed{margin-left:0!important}.layout-container.mobile-bottom-nav .main-content{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}.layout-container.mobile-bottom-nav .hamburger-btn,.layout-container.mobile-bottom-nav .mobile-menu-btn,.layout-container.mobile-bottom-nav .toggle-btn,.layout-container.mobile-bottom-nav [class*=hamburger],.layout-container.mobile-bottom-nav [class*=toggle-sidebar]{display:none!important}}[data-theme=light] .sidebar{background:linear-gradient(180deg,#fff,#f8fafc);border-right-color:var(--border-color);box-shadow:0 0 40px #00000014}[data-theme=light] .sidebar-header{background:#00000005;border-bottom-color:var(--border-color)}[data-theme=light] .nav-item{color:var(--text-muted)}[data-theme=light] .nav-item:hover{background:var(--hover-bg);color:var(--text-main)}[data-theme=light] .nav-item:hover .nav-icon{color:var(--text-main)}[data-theme=light] .nav-item.active{background:linear-gradient(90deg,#6366f11f,#14b8a60d);box-shadow:none;color:var(--primary-color)}[data-theme=light] .nav-item.active .nav-icon{color:var(--primary-color);filter:none}[data-theme=light] .nav-sub-item{color:var(--text-muted)}[data-theme=light] .nav-sub-item:hover{background:var(--hover-bg);color:var(--text-main)}[data-theme=light] .nav-sub-item.active{background:linear-gradient(90deg,#6366f11a,#0000);color:var(--primary-color)}[data-theme=light] .menu-arrow,[data-theme=light] .toggle-btn{color:var(--text-muted)}[data-theme=light] .toggle-btn{background:#00000008;border-color:var(--border-color)}[data-theme=light] .toggle-btn:hover{background:#6366f11a;border-color:#6366f14d;box-shadow:0 0 12px #6366f126;color:var(--primary-color)}[data-theme=light] .top-header.header-scrolled{background-color:#ffffffe6;box-shadow:0 10px 15px -3px #00000014}[data-theme=light] .top-header.homepage-header,[data-theme=light] .top-header.homepage-header.header-scrolled{background-color:#060d18b8;border-bottom:1px solid #ffffff0f;box-shadow:0 10px 15px -3px #0000004d}[data-theme=light] .top-header.homepage-header .header-cart-btn,[data-theme=light] .top-header.homepage-header .header-icon-btn,[data-theme=light] .top-header.homepage-header .lang-dropdown-btn,[data-theme=light] .top-header.homepage-header .login-link,[data-theme=light] .top-header.homepage-header .user-name{color:#ffffffd9}[data-theme=light] .top-header.homepage-header .header-cart-btn:hover,[data-theme=light] .top-header.homepage-header .header-icon-btn:hover{background-color:#ffffff0f;color:#22d3ee}[data-theme=light] .header-dropdown-menu{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}[data-theme=light] .dropdown-item.logout:hover{background-color:#ef444414}[data-theme=light] .cart-badge{border-color:var(--surface-color)}[data-theme=light] .avatar{box-shadow:0 0 0 2px var(--surface-color),0 0 0 4px var(--primary-color)}[data-theme=light] .landing-links-container{border-top-color:var(--border-color)}[data-theme=light] .sidebar-footer.mobile-only{background:#00000005;border-top-color:var(--border-color)}[data-theme=light] .login-link-mobile{background:#00000005;border-color:var(--border-color);color:var(--text-main)}[data-theme=light] .login-link-mobile:hover{background:#0000000a;border-color:var(--border-color)}[data-theme=light] .u-name{color:var(--text-main)}[data-theme=light] .u-role{color:var(--text-muted)}@media (max-width:768px){[data-theme=light] .sidebar{background:linear-gradient(180deg,#fff,#f8fafc);border-right-color:var(--border-color)}[data-theme=light] .mobile-menu-btn{background:#00000008;border-color:var(--border-color);color:var(--text-muted)}[data-theme=light] .mobile-menu-btn:hover{background:#6366f11a;border-color:#6366f14d;color:var(--primary-color)}}.mobile-backdrop{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:45}.floating-toast{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#6366f1f2;border:1px solid #fff3;border-radius:30px;box-shadow:0 10px 25px #0000004d;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:10px;padding:10px 20px;position:fixed}.floating-toast-dot{background-color:#34d399;border-radius:50%;box-shadow:0 0 10px #34d399;display:inline-block;height:10px;width:10px}.floating-toast-action{align-items:center;cursor:pointer;display:inline-flex}[data-theme=light] .floating-toast{box-shadow:0 10px 25px #00000026}.header-logo-img{height:40px;width:auto}.flag-img{border-radius:2px;box-shadow:0 1px 2px #0000004d;height:12px;object-fit:cover;width:18px}.lang-switcher{gap:.5rem;margin-left:1rem}.lang-btn,.lang-switcher{align-items:center;display:flex}.lang-btn{background:#ffffff0d;border:1px solid #334155;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:.75rem;font-weight:600;gap:6px;padding:4px 10px;transition:all .2s}.lang-btn:hover{background:#ffffff1a;border-color:#475569;color:#fff}.lang-btn.active{background:#6366f133;border-color:#6366f1;color:#818cf8}.lang-switcher-dropdown{display:inline-flex;margin-left:.5rem;position:relative}.lang-switcher-mobile{display:none;margin-left:.5rem;position:relative}.lang-mobile-btn{align-items:center;background:#ffffff0d;border:1px solid #334155;border-radius:8px;color:#e2e8f0;cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:700;gap:6px;letter-spacing:.02em;padding:5px 9px;transition:all .2s}.lang-mobile-btn:hover{background:#ffffff1a;border-color:#475569}.lang-mobile-btn .lang-chevron{transition:transform .18s ease}.lang-mobile-btn .lang-chevron.open{transform:rotate(180deg)}.lang-mobile-menu{background:#0f172a;border:1px solid #334155;border-radius:10px;box-shadow:0 12px 28px #00000080;display:flex;flex-direction:column;gap:2px;min-width:110px;padding:4px;position:absolute;right:0;top:calc(100% + 6px);z-index:9999}.lang-mobile-item{align-items:center;background:#0000;border:none;border-radius:7px;color:#cbd5e1;cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:8px;padding:7px 10px;text-align:left;width:100%}.lang-mobile-item:hover{background:#6366f11f;color:#fff}.lang-mobile-item.active{background:#6366f138;color:#818cf8}.lang-dropdown-btn{align-items:center;background:#ffffff0d;border:1px solid #334155;border-radius:8px;color:#e2e8f0;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:700;gap:6px;letter-spacing:.02em;padding:6px 10px;transition:all .2s}.lang-dropdown-btn:hover{background:#ffffff1a;border-color:#475569}.lang-dropdown-btn .lang-chevron{transition:transform .18s ease}.lang-dropdown-btn .lang-chevron.open{transform:rotate(180deg)}.lang-dropdown-menu{background:#0f172a;border:1px solid #334155;border-radius:10px;box-shadow:0 12px 28px #00000080;display:flex;flex-direction:column;gap:2px;min-width:120px;padding:4px;position:absolute;right:0;top:calc(100% + 6px);z-index:9999}.lang-dropdown-item{align-items:center;background:#0000;border:none;border-radius:7px;color:#cbd5e1;cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:8px;padding:7px 10px;text-align:left;width:100%}.lang-dropdown-item:hover{background:#6366f11f;color:#fff}.lang-dropdown-item.active{background:#6366f138;color:#818cf8}.demo-modal-overlay{align-items:center;animation:demoModalFadeIn .25s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#060d18d1;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:99999}@keyframes demoModalFadeIn{0%{opacity:0}to{opacity:1}}.demo-modal-panel{animation:demoModalSlideUp .35s cubic-bezier(.16,1,.3,1);background:linear-gradient(145deg,#1e293bf5,#0f172afa);border:1px solid #7c5cff40;border-radius:22px;box-shadow:0 24px 60px #0000008c,0 0 0 1px #7c5cff1f,inset 0 1px 0 #ffffff0f;max-width:420px;padding:38px 34px;position:relative;text-align:center;width:100%}.demo-modal-panel:before{background:linear-gradient(135deg,#7c5cff99,#22c55e59);border-radius:22px;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}@keyframes demoModalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.demo-modal-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;color:#94a3b8;cursor:pointer;display:inline-flex;justify-content:center;padding:7px;position:absolute;right:16px;top:16px;transition:all .2s ease}.demo-modal-close:hover{background:#7c5cff26;border-color:#7c5cff59;color:#fff}.demo-modal-header{margin-bottom:28px}.demo-modal-icon{align-items:center;background:linear-gradient(135deg,#7c5cffe6,#22c55ee6);border-radius:16px;box-shadow:0 10px 30px #7c5cff4d;color:#fff;display:inline-flex;height:58px;justify-content:center;margin:0 auto 16px;width:58px}.demo-modal-title{color:#fff;font-size:1.7rem;font-weight:700;letter-spacing:-.02em;margin:0 0 10px}.demo-modal-subtitle{color:#94a3b8;font-size:1rem;line-height:1.5;margin:0}.demo-modal-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.demo-modal-btn{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;padding:14px 18px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.demo-modal-btn:disabled{cursor:not-allowed;opacity:.7}.demo-modal-btn:hover:not(:disabled){transform:translateY(-2px)}.demo-modal-btn--player{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 22px #3b82f659}.demo-modal-btn--player:hover:not(:disabled){box-shadow:0 12px 28px #3b82f680}.demo-modal-btn--coach{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 22px #10b98159}.demo-modal-btn--coach:hover:not(:disabled){box-shadow:0 12px 28px #10b98180}.demo-modal-footnote{color:#64748b;font-size:.82rem;margin:0}@media (max-width:480px){.demo-modal-overlay{padding:.75rem}.demo-modal-panel{max-width:320px;padding:22px 18px 24px;width:92%}.demo-modal-panel,.demo-modal-panel:before{border-radius:16px}.demo-modal-close{padding:5px;right:12px;top:12px}.demo-modal-close svg{height:16px;width:16px}.demo-modal-header{margin-bottom:18px}.demo-modal-icon{border-radius:12px;height:42px;margin-bottom:10px;width:42px}.demo-modal-icon svg{height:22px;width:22px}.demo-modal-title{font-size:1.15rem;margin-bottom:4px}.demo-modal-subtitle{font-size:.8rem;line-height:1.4}.demo-modal-actions{gap:8px;margin-bottom:14px}.demo-modal-btn{border-radius:10px;font-size:.85rem;padding:10px 14px}.demo-modal-btn svg{height:14px;width:14px}.demo-modal-footnote{font-size:.7rem}}@media (max-width:768px){.lang-switcher{margin-left:0}.header-user-section{gap:.75rem}}@media (max-width:576px){.header-logo-img{height:32px}.lang-switcher{display:none!important}.lang-switcher-mobile{display:inline-flex!important}.header-cart-btn--hidden-mobile,.header-icon-btn{display:none!important}.header-user-section{gap:.4rem}.header-cart-btn{margin-right:0;padding:6px}}[data-theme=light] .flag-img{box-shadow:0 1px 2px #00000026}[data-theme=light] .lang-btn{background:#00000008;border-color:var(--border-color);color:var(--text-muted)}[data-theme=light] .lang-btn:hover{background:#0000000d;border-color:var(--border-color);color:var(--text-main)}[data-theme=light] .lang-btn.active{background:#6366f11f;border-color:var(--primary-color);color:var(--primary-color)}[data-theme=light] .lang-mobile-btn{background:#00000008;border-color:var(--border-color);color:var(--text-main)}[data-theme=light] .lang-mobile-btn:hover{background:#0000000d;border-color:var(--border-color)}[data-theme=light] .lang-mobile-menu{background:var(--surface-color);border-color:var(--border-color);box-shadow:0 12px 28px #00000026}[data-theme=light] .lang-mobile-item{color:var(--text-main)}[data-theme=light] .lang-mobile-item:hover{background:#6366f11a;color:var(--primary-color)}[data-theme=light] .lang-mobile-item.active{background:#6366f126;color:var(--primary-color)}[data-theme=light] .lang-dropdown-btn{background:#00000008;border-color:var(--border-color);color:var(--text-main)}[data-theme=light] .lang-dropdown-btn:hover{background:#0000000d;border-color:var(--border-color)}[data-theme=light] .lang-dropdown-menu{background:var(--surface-color);border-color:var(--border-color);box-shadow:0 12px 28px #00000026}[data-theme=light] .lang-dropdown-item{color:var(--text-main)}[data-theme=light] .lang-dropdown-item:hover{background:#6366f11a;color:var(--primary-color)}[data-theme=light] .lang-dropdown-item.active{background:#6366f126;color:var(--primary-color)}[data-theme=light] .demo-modal-overlay{background-color:#0f172ab8}[data-theme=light] .demo-modal-panel{background:linear-gradient(145deg,#fffffffa,#f8fafcfa);border-color:#7c5cff33;box-shadow:0 24px 60px #00000040,0 0 0 1px #7c5cff14,inset 0 1px 0 #fffc}[data-theme=light] .demo-modal-title{color:var(--text-main)}[data-theme=light] .demo-modal-subtitle{color:var(--text-muted)}[data-theme=light] .demo-modal-close{background:#0000000a;border-color:#00000014;color:var(--text-muted)}[data-theme=light] .demo-modal-close:hover{background:#7c5cff1a;border-color:#7c5cff40;color:var(--text-main)}[data-theme=light] .demo-modal-footnote{color:#64748b}.infographics-subnav{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;background:var(--xrun-base);border-bottom:.5px solid var(--border-color);display:flex;flex-shrink:0;overflow-x:auto;position:sticky;scrollbar-width:none;top:0;z-index:10}.infographics-subnav .xrun-subnav::-webkit-scrollbar,.infographics-subnav::-webkit-scrollbar{display:none}.infographics-subnav .xrun-subnav{display:flex;overflow-x:auto;width:100%}.infographics-subnav-link{background:#0000;border-bottom:2px solid #0000;color:var(--text-muted);display:block;flex-shrink:0;font-size:12px;font-weight:400;padding:10px 16px;text-decoration:none;transition:color .15s,border-color .15s,background .15s;white-space:nowrap}.infographics-subnav-link.active{background:#6366f10f;border-bottom-color:var(--primary-color);color:var(--primary-color);font-weight:600}@media (max-width:768px){.infographics-subnav{background:var(--xrun-base);border-bottom:.5px solid var(--border-color);padding:.5rem .75rem;position:sticky;top:0}.infographics-subnav .xrun-subnav{display:flex;gap:.4rem;justify-content:center;overflow-x:visible;width:100%}.infographics-subnav-link{background:var(--xrun-surface);border:1px solid var(--border-color);border-radius:999px;color:var(--text-muted);flex:1 1;font-size:.78rem;font-weight:500;overflow:hidden;padding:.55rem .4rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.infographics-subnav-link.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 4px 14px #6366f159;color:#fff;font-weight:600}}.bottom-nav-sheet-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;inset:0;position:fixed;z-index:998}.bottom-nav-sheet{animation:slideUp .22s ease-out;background:var(--surface-color);border:.5px solid var(--border-color);border-radius:16px;bottom:calc(60px + env(safe-area-inset-bottom));box-shadow:0 -8px 40px #00000080;left:12px;overflow:hidden;position:fixed;right:12px;z-index:999}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bottom-nav-sheet-header{align-items:center;border-bottom:.5px solid var(--border-color);display:flex;justify-content:space-between;padding:14px 16px 10px}.bottom-nav-sheet-title{color:var(--text-main);font-size:13px;font-weight:600}.bottom-nav-sheet-close{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:inline-flex;justify-content:center;padding:2px}.bottom-nav-sheet-item{align-items:center;background:#0000;border:none;border-bottom:.5px solid var(--border-color);cursor:pointer;display:flex;gap:14px;padding:13px 16px;text-align:left;transition:background .15s;width:100%}.bottom-nav-sheet-item:last-child{border-bottom:none}.bottom-nav-sheet-item.active{background:#6366f11a}.bottom-nav-sheet-icon-wrap{align-items:center;background:var(--hover-bg);border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .15s;width:36px}.bottom-nav-sheet-item.active .bottom-nav-sheet-icon-wrap{background:#6366f133}.bottom-nav-sheet-label{color:var(--text-main);font-size:13px;font-weight:400;transition:color .15s}.bottom-nav-sheet-item.active .bottom-nav-sheet-label{font-weight:600}.bottom-nav-sheet-desc{color:var(--text-muted);font-size:11px;margin-top:1px}.bottom-nav-bar{align-items:center;background:var(--surface-color);border-top:.5px solid var(--border-color);bottom:0;box-shadow:0 -4px 20px #0000004d;display:flex;height:60px;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:997}.bottom-nav-tab{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:3px;height:100%;justify-content:center;padding:6px 4px;position:relative}.bottom-nav-active-dot{background:var(--primary-color);border-radius:50%;box-shadow:0 0 6px var(--primary-color);height:4px;left:50%;position:absolute;top:6px;transform:translateX(-50%);width:4px}.bottom-nav-icon-wrap{align-items:center;background:#0000;border-radius:10px;display:flex;height:32px;justify-content:center;transition:background .2s;width:32px}.bottom-nav-tab.active .bottom-nav-icon-wrap{background:#6366f12e}.bottom-nav-label{color:var(--text-muted);font-size:9px;font-weight:400;letter-spacing:.01em;transition:color .2s}.bottom-nav-tab.active .bottom-nav-label{color:var(--primary-color);font-weight:600}[data-theme=light] .bottom-nav-sheet-backdrop{background:#00000059}[data-theme=light] .bottom-nav-sheet{box-shadow:0 -8px 40px #00000026}[data-theme=light] .bottom-nav-bar{box-shadow:0 -4px 20px #0000001a}.xrn-tour{inset:0;pointer-events:none;position:fixed;z-index:10500}.xrn-tour__dim-full{animation:xrnTourFade .18s ease-out;background:#080c16c7;cursor:default;inset:0;pointer-events:auto;position:fixed}.xrn-tour__spotlight{animation:xrnTourPulse 1.6s ease-in-out infinite;background:#0000;border-radius:12px;box-shadow:0 0 0 4px #ef44448c,0 0 24px 6px #ef444459,0 0 0 9999px #080c16c7;pointer-events:none;position:fixed;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease}@keyframes xrnTourPulse{0%,to{box-shadow:0 0 0 4px #ef44448c,0 0 24px 6px #ef444459,0 0 0 9999px #080c16c7}50%{box-shadow:0 0 0 6px #ef4444bf,0 0 40px 10px #ef44448c,0 0 0 9999px #080c16c7}}@keyframes xrnTourFade{0%{opacity:0}to{opacity:1}}.xrn-tour__tip{animation:xrnTourTipIn .2s ease-out;background:linear-gradient(180deg,#131c30,#0b1424);border:1px solid #ef444466;border-radius:14px;box-shadow:0 24px 60px #0000008c,0 0 0 1px #ef444426;color:#e2e8f0;padding:18px 18px 14px;pointer-events:auto;position:fixed;width:min(360px,calc(100vw - 24px))}@keyframes xrnTourTipIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.xrn-tour__close{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:inline-flex;justify-content:center;padding:4px;position:absolute;right:10px;top:10px;transition:background .15s,color .15s}.xrn-tour__close:hover{background:#ffffff0f;color:#f1f5f9}.xrn-tour__head{align-items:center;display:flex;gap:10px;margin-bottom:10px}.xrn-tour__icon{align-items:center;background:#ef44442e;border:1px solid #ef444473;border-radius:8px;color:#fca5a5;display:flex;height:30px;justify-content:center;width:30px}.xrn-tour__step-label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.xrn-tour__title{color:#f8fafc;font-size:17px;font-weight:700;letter-spacing:-.005em;margin:0 0 6px}.xrn-tour__body{color:#cbd5e1;font-size:13.5px;line-height:1.55;margin:0 0 14px}.xrn-tour__dots{display:flex;gap:6px;margin-bottom:14px}.xrn-tour__dot{background:#ffffff2e;border-radius:50%;height:6px;width:6px}.xrn-tour__dot.is-done{background:#ef44448c}.xrn-tour__dot.is-active{background:#ef4444;border-radius:999px;box-shadow:0 0 8px #ef4444b3;width:18px}.xrn-tour__actions{align-items:center;display:flex;gap:10px;justify-content:space-between}.xrn-tour__nav{display:flex;gap:8px}.xrn-tour__btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:4px;padding:8px 14px;transition:background .15s,color .15s,border-color .15s,transform .1s}.xrn-tour__btn:active{transform:translateY(1px)}.xrn-tour__btn[disabled]{cursor:not-allowed;opacity:.4}.xrn-tour__btn--ghost{background:#0000;color:#94a3b8;padding:8px 10px}.xrn-tour__btn--ghost:hover{color:#f1f5f9}.xrn-tour__btn--secondary{background:#ffffff0a;border-color:#ffffff1a;color:#cbd5e1}.xrn-tour__btn--secondary:hover:not([disabled]){background:#ffffff14;color:#f1f5f9}.xrn-tour__btn--primary{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 6px 16px #ef444466;color:#fff}.xrn-tour__btn--primary:hover{background:linear-gradient(135deg,#f87171,#dc2626);box-shadow:0 8px 22px #ef44448c}.xrn-tour-launcher{align-items:center;animation:xrnLauncherPulse 2.2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#b91c1c);border:1px solid #ffffff26;border-radius:999px;bottom:90px;box-shadow:0 10px 24px #ef444466,0 0 0 1px #ef444473;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:8px;left:16px;letter-spacing:.04em;padding:10px 14px 10px 12px;position:fixed;transition:transform .18s ease,box-shadow .18s ease;z-index:9990}.xrn-tour-launcher:hover{animation-play-state:paused;box-shadow:0 14px 32px #ef44448c,0 0 0 1px #f8717199;transform:translateY(-2px) scale(1.02)}.xrn-tour-launcher__sparkle{align-items:center;background:#ffffff2e;border-radius:50%;display:flex;height:28px;justify-content:center;position:relative;width:28px}.xrn-tour-launcher__sparkle:after,.xrn-tour-launcher__sparkle:before{animation:xrnLauncherRing 2.2s ease-out infinite;border:2px solid #ffffff80;border-radius:50%;content:"";inset:-3px;opacity:0;position:absolute}.xrn-tour-launcher__sparkle:after{animation-delay:1.1s}@keyframes xrnLauncherPulse{0%,to{box-shadow:0 10px 24px #ef444466,0 0 0 1px #ef444473}50%{box-shadow:0 14px 36px #ef4444a6,0 0 0 1px #f87171a6}}@keyframes xrnLauncherRing{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.6)}}.xrn-tour-invite{animation:xrnTourTipIn .2s ease-out;background:linear-gradient(180deg,#131c30,#0b1424);border:1px solid #ef444473;border-radius:16px;bottom:90px;box-shadow:0 24px 60px #0000008c,0 0 0 1px #ef444426;color:#e2e8f0;left:24px;padding:20px 20px 16px;position:fixed;width:340px;z-index:10400}.xrn-tour-invite__close{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:inline-flex;justify-content:center;padding:4px;position:absolute;right:10px;top:10px;transition:background .15s,color .15s}.xrn-tour-invite__close:hover{background:#ffffff0f;color:#f1f5f9}.xrn-tour-invite__icon{align-items:center;background:#ef44442e;border:1px solid #ef444473;border-radius:50%;color:#fca5a5;display:flex;height:40px;justify-content:center;margin-bottom:12px;width:40px}.xrn-tour-invite__title{color:#f8fafc;font-size:17px;font-weight:800;letter-spacing:-.005em;margin-bottom:8px}.xrn-tour-invite__body{color:#cbd5e1;font-size:13px;line-height:1.55;margin:0 0 10px}.xrn-tour-invite__hint{color:#94a3b8;font-size:12px;line-height:1.5;margin:0 0 14px}.xrn-tour-invite__hint strong{color:#fca5a5;font-weight:700}.xrn-tour-invite__actions{display:flex;gap:8px;justify-content:flex-end}.xrn-tour-invite__btn{border:1px solid #0000;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:8px 14px;transition:background .15s,color .15s,border-color .15s}.xrn-tour-invite__btn--ghost{background:#ffffff0a;border-color:#ffffff1f;color:#cbd5e1}.xrn-tour-invite__btn--ghost:hover{background:#ffffff14;color:#f1f5f9}.xrn-tour-invite__btn--primary{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 6px 16px #ef444459;color:#fff}.xrn-tour-invite__btn--primary:hover{background:linear-gradient(135deg,#f87171,#dc2626);box-shadow:0 8px 22px #ef444480}@media (max-width:880px){.xrn-tour,.xrn-tour-invite,.xrn-tour-launcher{display:none!important}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}