@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);*,: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: }::backdrop{--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: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--radius:0.5rem}.dark{--background:0 0% 3.9%;--foreground:0 0% 98%;--card:0 0% 3.9%;--card-foreground:0 0% 98%;--popover:0 0% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:0 0% 9%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--accent:0 0% 14.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:0 0% 14.9%;--input:0 0% 14.9%;--ring:0 0% 83.1%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}*{border-color:#e5e5e5;border-color:hsl(var(--border))}body{background-color:#fff;background-color:hsl(var(--background));color:#0a0a0a;color:hsl(var(--foreground))}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-12{right:-3rem}.-top-12{top:-3rem}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem;margin-top:.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.list-item{display:list-item}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-context-menu-content-available-height\]{max-height:var(--radix-context-menu-content-available-height)}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-\[60px\]{min-height:60px}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[1px\]{width:1px}.w-full{width:100%}.w-max{width:-webkit-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-lg{max-width:32rem}.max-w-max{max-width:-webkit-max-content;max-width:max-content}.flex-1{flex:1 1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.-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%}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{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-\[-50\%\]{--tw-translate-y:-50%}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-90{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))}.rotate-90{--tw-rotate:90deg}.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))}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.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)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.rounded-md{border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(.5rem - 4px);border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-tl-sm{border-top-left-radius:calc(.5rem - 4px);border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-destructive{border-color:#ef4444;border-color:hsl(var(--destructive))}.border-destructive\/50{border-color:#ef444480;border-color:hsl(var(--destructive)/.5)}.border-input{border-color:#e5e5e5;border-color:hsl(var(--input))}.border-primary{border-color:#171717;border-color:hsl(var(--primary))}.border-primary\/50{border-color:#17171780;border-color:hsl(var(--primary)/.5)}.border-transparent{border-color:#0000}.border-l-transparent{border-left-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-accent{background-color:#f5f5f5;background-color:hsl(var(--accent))}.bg-background{background-color:#fff;background-color:hsl(var(--background))}.bg-black\/80{background-color:#000c}.bg-border{background-color:#e5e5e5;background-color:hsl(var(--border))}.bg-card{background-color:#fff;background-color:hsl(var(--card))}.bg-destructive{background-color:#ef4444;background-color:hsl(var(--destructive))}.bg-foreground{background-color:#0a0a0a;background-color:hsl(var(--foreground))}.bg-muted{background-color:#f5f5f5;background-color:hsl(var(--muted))}.bg-muted\/50{background-color:#f5f5f580;background-color:hsl(var(--muted)/.5)}.bg-popover{background-color:#fff;background-color:hsl(var(--popover))}.bg-primary{background-color:#171717;background-color:hsl(var(--primary))}.bg-primary\/10{background-color:#1717171a;background-color:hsl(var(--primary)/.1)}.bg-primary\/20{background-color:#17171733;background-color:hsl(var(--primary)/.2)}.bg-secondary{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.bg-transparent{background-color:initial}.fill-current{fill:currentColor}.fill-primary{fill:#171717;fill:hsl(var(--primary))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[1px\]{padding:1px}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pb-4{padding-bottom:1rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-\[0\.8rem\]{font-size:.8rem}.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-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-accent-foreground{color:#171717;color:hsl(var(--accent-foreground))}.text-card-foreground{color:#0a0a0a;color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:#ef4444;color:hsl(var(--destructive))}.text-destructive-foreground{color:#fafafa;color:hsl(var(--destructive-foreground))}.text-foreground{color:#0a0a0a;color:hsl(var(--foreground))}.text-foreground\/50{color:#0a0a0a80;color:hsl(var(--foreground)/.5)}.text-muted{color:#f5f5f5;color:hsl(var(--muted))}.text-muted-foreground{color:#737373;color:hsl(var(--muted-foreground))}.text-popover-foreground{color:#0a0a0a;color:hsl(var(--popover-foreground))}.text-primary{color:#171717;color:hsl(var(--primary))}.text-primary-foreground{color:#fafafa;color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:#171717;color:hsl(var(--secondary-foreground))}.underline-offset-4{text-underline-offset:4px}.placeholder-card::placeholder{color:#fff;color:hsl(var(--card))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.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)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring-0{--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(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-0,.ring-1{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)}.ring-1{--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)}.ring-ring{--tw-ring-color:hsl(var(--ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.blur{--tw-blur:blur(8px)}.blur,.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-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,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-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-text-decoration-color,-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,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;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-1000{transition-duration:1s}.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)}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);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:1;opacity:var(--tw-exit-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);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))}}.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-duration:.15s;animation-name:enter}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.duration-1000{animation-duration:1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.paused{animation-play-state:paused}html{overflow-x:hidden}body,html{width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}#root{overflow-x:hidden;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::-webkit-file-upload-button{background-color:initial}.file\:bg-transparent::file-selector-button{background-color:initial}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem;line-height:1.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::-webkit-file-upload-button{font-weight:500}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::-webkit-file-upload-button{color:#0a0a0a;color:hsl(var(--foreground))}.file\:text-foreground::file-selector-button{color:#0a0a0a;color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::placeholder{color:#737373;color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-y-0:after{bottom:0;content:var(--tw-content);top:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:.25rem}.after\:-translate-x-1\/2:after{--tw-translate-x:-50%;content:var(--tw-content);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))}.first\:rounded-l-md:first-child{border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-width:1px}.last\:rounded-r-md:last-child{border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.hover\:bg-accent:hover{background-color:#f5f5f5;background-color:hsl(var(--accent))}.hover\:bg-destructive\/80:hover{background-color:#ef4444cc;background-color:hsl(var(--destructive)/.8)}.hover\:bg-destructive\/90:hover{background-color:#ef4444e6;background-color:hsl(var(--destructive)/.9)}.hover\:bg-muted:hover{background-color:#f5f5f5;background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:#f5f5f580;background-color:hsl(var(--muted)/.5)}.hover\:bg-primary:hover{background-color:#171717;background-color:hsl(var(--primary))}.hover\:bg-primary\/80:hover{background-color:#171717cc;background-color:hsl(var(--primary)/.8)}.hover\:bg-primary\/90:hover{background-color:#171717e6;background-color:hsl(var(--primary)/.9)}.hover\:bg-secondary:hover{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:#f5f5f5cc;background-color:hsl(var(--secondary)/.8)}.hover\:text-accent-foreground:hover{color:#171717;color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:#0a0a0a;color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:#737373;color:hsl(var(--muted-foreground))}.hover\:text-primary-foreground:hover{color:#fafafa;color:hsl(var(--primary-foreground))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:bg-accent:focus{background-color:#f5f5f5;background-color:hsl(var(--accent))}.focus\:bg-primary:focus{background-color:#171717;background-color:hsl(var(--primary))}.focus\:text-accent-foreground:focus{color:#171717;color:hsl(var(--accent-foreground))}.focus\:text-primary-foreground:focus{color:#fafafa;color:hsl(var(--primary-foreground))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-1: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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{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-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)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.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-2: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(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-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:#f5f5f566;border-color:hsl(var(--muted)/.4)}.group.toaster .group-\[\.toaster\]\:border-border{border-color:#e5e5e5;border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:#f5f5f5;background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:#171717;background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:#fff;background-color:hsl(var(--background))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:#737373;color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:#fafafa;color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:#0a0a0a;color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\: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);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)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:#ef44444d;border-color:hsl(var(--destructive)/.3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:#ef4444;background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:#fafafa;color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity:1;color:#fef2f2;color:rgb(254 242 242/var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color:#dc2626}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.aria-selected\:bg-accent\/50[aria-selected=true]{background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:#171717;color:hsl(var(--accent-foreground))}.aria-selected\:text-muted-foreground[aria-selected=true]{color:#737373;color:hsl(var(--muted-foreground))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{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))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{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))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem;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))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;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))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end],.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{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))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x)}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:#fff;background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:#171717;background-color:hsl(var(--primary))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:#f5f5f5;background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:#e5e5e5;background-color:hsl(var(--input))}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:#737373;color:hsl(var(--muted-foreground))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:#171717;color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:#0a0a0a;color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:#fafafa;color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:#171717;color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:#737373;color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow[data-state=active]{--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);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)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-duration:.15s;animation-name:exit}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:0.8}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:-13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:-13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{--tw-translate-y:-50%;content:var(--tw-content);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))}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{--tw-translate-x:0px;content:var(--tw-content);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))}.data-\[state\=open\]\:focus\:bg-accent:focus[data-state=open],.data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;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))}.dark\:border-destructive:is(.dark *){border-color:#ef4444;border-color:hsl(var(--destructive))}@media (min-width:640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:mt-0{margin-top:0}.sm\:max-w-sm{max-width:24rem}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:.625rem}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.sm\:rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y:100%}}@media (min-width:768px){.md\:absolute{position:absolute}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&\+div\]\:text-xs+div{font-size:.75rem;line-height:1rem}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:#f5f5f5;background-color:hsl(var(--accent))}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;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))}.\[\&\>span\]\:line-clamp-1>span{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;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))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\]\:size-4>svg{height:1rem;width:1rem}.\[\&\>svg\]\:h-3\.5>svg{height:.875rem}.\[\&\>svg\]\:w-3\.5>svg{width:.875rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:#ef4444;color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:#0a0a0a;color:hsl(var(--foreground))}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate:90deg}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div,.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{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))}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-bottom:.375rem;padding-top:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:#737373;color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-bottom:.75rem;padding-top:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{height:1rem;width:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}:root{--timer-font-family:"Ubuntu",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--timer-font-weight:700;--timer-font-size-desktop:1.375rem;--timer-font-size-tablet:1.125rem;--timer-font-size-mobile-medium:0.96875rem;--timer-font-size-mobile:0.8125rem;--timer-line-height:1;--timer-letter-spacing:0.02em;--timer-color-primary:var(--text-primary);--timer-color-secondary:var(--text-secondary);--timer-color-green:#10b981;--timer-color-yellow:#eab308;--timer-color-red:#ef4444;--timer-color-gray:#9ca3af}.sub-countdown{font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--timer-font-family);font-weight:var(--timer-font-weight)}.countdown-value{color:var(--timer-color-primary)}.countdown-separator,.countdown-value{font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--timer-font-family);font-size:var(--timer-font-size-desktop);font-weight:var(--timer-font-weight);letter-spacing:var(--timer-letter-spacing);line-height:var(--timer-line-height)}.countdown-separator{color:var(--timer-color-secondary)}.countdown-label{line-height:var(--timer-line-height)}.countdown-label,.expiry-date-display{color:var(--timer-color-secondary);font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--timer-font-family)}.countdown-value.countdown-green,.countdown-value.countdown-purchased{color:#10b981;color:var(--timer-color-green)}.countdown-value.countdown-green,.countdown-value.countdown-purchased,.countdown-value.countdown-yellow{font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--timer-font-family);font-weight:700;font-weight:var(--timer-font-weight);letter-spacing:.02em;letter-spacing:var(--timer-letter-spacing)}.countdown-value.countdown-yellow{color:#eab308;color:var(--timer-color-yellow)}.countdown-value.countdown-red{color:#ef4444;color:var(--timer-color-red)}.countdown-value.countdown-gray,.countdown-value.countdown-not-purchased,.countdown-value.countdown-red{font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--timer-font-family);font-weight:700;font-weight:var(--timer-font-weight);letter-spacing:.02em;letter-spacing:var(--timer-letter-spacing)}.countdown-value.countdown-gray,.countdown-value.countdown-not-purchased{color:#9ca3af;color:var(--timer-color-gray)}.days-number{color:var(--text-primary);color:var(--timer-color-primary);font-size:3.5rem;font-weight:var(--timer-font-weight);letter-spacing:.02em;letter-spacing:var(--timer-letter-spacing);line-height:1;line-height:var(--timer-line-height)}.days-label,.days-number{font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--timer-font-family)}.days-label{color:var(--text-secondary);color:var(--timer-color-secondary);font-size:.875rem;font-weight:600;letter-spacing:.1em}.duration-display,.neuroprogram-duration{font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--timer-font-family);font-weight:700;font-weight:var(--timer-font-weight);letter-spacing:.02em;letter-spacing:var(--timer-letter-spacing)}@media (max-width:768px){.countdown-value{min-width:1.5ch}.countdown-separator,.countdown-value{font-size:1.125rem;font-size:var(--timer-font-size-tablet)}.countdown-separator{margin:0 .0625rem;padding-bottom:.5rem}.countdown-label{font-size:.375rem}.expiry-date-display{font-size:.875rem}.days-number{font-size:2.5rem}.days-label{font-size:.75rem}}@media (min-width:401px) and (max-width:600px){.countdown-separator,.countdown-value{font-size:.96875rem;font-size:var(--timer-font-size-mobile-medium)}.countdown-label{font-size:.4rem}}@media (max-width:400px){.countdown-value{min-width:1.25ch}.countdown-separator,.countdown-value{font-size:.8125rem;font-size:var(--timer-font-size-mobile)}.countdown-separator{padding-bottom:.4375rem}.countdown-label{font-size:.3125rem}.expiry-date-display{font-size:.75rem}.days-number{font-size:2rem}.days-label{font-size:.625rem}}.price-line-countdown{letter-spacing:.02em;letter-spacing:var(--timer-letter-spacing)}.expired-badge,.fallback-date,.no-expiry-text,.price-line-countdown{font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--timer-font-family)}.fallback-date,.no-expiry-text{font-size:.875rem;font-weight:500}.days-label,.days-number,[class*=countdown],[class*=duration],[class*=timer]{font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-family:var(--timer-font-family)!important}[class*=countdown-separator],[class*=countdown-value]{font-feature-settings:normal!important;font-variant-numeric:normal!important}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden;width:100%}iframe,img,video{height:auto;max-width:100%}:root{--bg-primary:#211745;--bg-secondary:#140f2d;--bg-tertiary:#281d4a;--bg-hover:#372777;--accent-gold:#f3ca5e;--accent-gold-light:#f6d476;--accent-gold-dark:#f0bc32;--text-primary:#f8f9fa;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#ffffff1a;--border-hover:#fff3;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--glow-gold:0 0 20px #0006}body{background:#211745;background:var(--bg-primary);color:#f8f9fa;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.App,body{min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden}.App{background:linear-gradient(135deg,#201541,#211745 50%,#160e2d);max-width:100vw;width:100%}.loading-screen{align-items:center;background:#211745;background:var(--bg-primary);display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:100vh}.loading-spinner{border:4px solid #ffffff1a;border-top-color:#f3ca5e;border:4px solid var(--border-color);height:50px;width:50px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#140f2d;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#281d4a;background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#372777;background:var(--bg-hover)}.btn{text-decoration:none}.btn-primary{background:linear-gradient(135deg,#f3ca5e,#f0bc32);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);color:#211745}@media (hover:hover){.btn-primary:hover{box-shadow:0 4px 12px #0006;transform:translateY(-2px)}}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:#281d4a;border:1px solid #ffffff1a;color:#f8f9fa}@media (hover:hover){.btn-secondary:hover{background:#281d4a;background:var(--bg-tertiary);border-color:#fff3;border-color:var(--border-hover);box-shadow:0 4px 12px #0003;color:gold;transform:translateY(-2px)}.btn-secondary:hover svg{color:gold}}.btn-secondary:active{transform:scale(.98)}.btn-ghost{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-color);color:#cbd5e1;color:var(--text-secondary)}@media (hover:hover){.btn-ghost:hover{background:#281d4a;background:var(--bg-tertiary);border-color:#00000080;box-shadow:0 4px 12px #0003;color:gold;transform:translateY(-2px)}.btn-ghost:hover svg{color:gold}}.btn-ghost:active{transform:scale(.98)}.card{background:#140f2d;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .3s ease}.card:hover{border-color:#fff3;border-color:var(--border-hover);box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{color:#f6d476;color:var(--accent-gold-light);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.page-container{animation:fadeIn .5s ease;margin:0 auto;max-width:1400px;overflow-x:hidden;padding:2rem;width:100%}.page-header{margin-bottom:2rem}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f6d476,#f3ca5e);background:linear-gradient(135deg,var(--accent-gold-light) 0,var(--accent-gold) 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:.5rem}.page-subtitle{color:#cbd5e1;font-size:1.1rem}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.lock-icon{align-items:center;background:#281d4a;background:var(--bg-tertiary);border-radius:50%;color:#f3ca5e;color:var(--accent-gold);display:inline-flex;font-size:14px;height:24px;justify-content:center;width:24px}@media (max-width:768px){.page-container{padding:1rem .75rem}.page-title{font-size:1.5rem;word-break:break-word}.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width:480px){.page-container{padding:.75rem .5rem}.page-title{font-size:1.25rem}.page-subtitle{font-size:.9rem}}.info-icon-btn-template[data-tooltip]:after{margin-left:max(calc(-50vw + 50% + 16px),-90px);margin-right:max(calc(-50vw + 50% + 16px),-90px)}.info-icon-btn-template[data-tooltip]:after::-webkit-scrollbar{width:4px}.info-icon-btn-template[data-tooltip]:after::-webkit-scrollbar-track{background:#0000}.info-icon-btn-template[data-tooltip]:after::-webkit-scrollbar-thumb{background:#8a8a8a4d;border-radius:2px}.info-icon-btn-template[data-tooltip]:after::-webkit-scrollbar-thumb:hover{background:#8a8a8a80}.sidebar{display:flex;flex-direction:column;height:100%;padding:3.5rem 0;position:relative}.sidebar-header{background:#0000;flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:0 1.5rem}.sidebar .sidebar-header{background:#140f2d}.logo{align-items:center;display:flex;justify-content:center}.logo-icon{font-size:3.5rem}.logo-icon-only{font-size:2rem}.logo-image,.logo-image-collapsed{object-fit:contain;transition:all .3s ease}.logo-text{line-height:1.3;text-align:center}.logo-line{color:var(--text-primary);font-size:1rem;font-weight:600;white-space:nowrap}.sidebar-toggle{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:12px;top:1.5rem;transition:all .3s ease;width:24px;z-index:10}.sidebar-toggle:hover{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-primary)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.25rem;overflow-y:auto;padding:0 .75rem}.nav-item{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.75rem;padding:.85rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:linear-gradient(135deg,#f6d47626,#f0bc3226);border:1px solid #0000004d;color:var(--accent-gold-light)}.nav-item.active .nav-icon{color:var(--accent-gold)}.nav-icon{flex-shrink:0}.nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lock-badge{font-size:.75rem;opacity:.7}.nav-item.locked{opacity:.6}.admin-nav-item{border-top:1px solid var(--border-color);color:#4ade80!important;padding-top:1rem!important}.admin-nav-item:hover{background:#4ade801a;color:#4ade80!important}.admin-nav-item.active{background:#4ade8026;border:1px solid #4ade804d}.admin-nav-item .nav-icon,.admin-nav-item.active{color:#4ade80!important}.logout-nav-item{background:#0000;border:none;border-top:1px solid var(--border-color);color:#f87171!important;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:.5rem;padding-top:1rem!important;text-align:left;width:100%}.logout-nav-item:hover{background:#f871711a;color:#ef4444!important}.logout-nav-item.active{background:#f8717126;border:1px solid #f871714d;color:#ef4444!important}.logout-nav-item .nav-icon{color:#f87171!important}.collapsed .nav-item{justify-content:center;padding:.85rem .5rem}.collapsed .lock-badge,.mobile-nav{display:none}.mobile-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-secondary);border-top:1px solid var(--border-color);bottom:0;left:0;max-width:100vw;overflow-x:hidden;padding:.5rem;position:fixed;right:0;width:100%;z-index:100}@media (max-width:768px){.mobile-nav{justify-content:space-around}.mobile-nav,.mobile-nav-item{align-items:center;display:flex}.mobile-nav-item{border-radius:8px;color:var(--text-secondary);flex-direction:column;font-size:.7rem;gap:.25rem;min-width:55px;padding:.5rem;text-align:center;text-decoration:none;transition:all .2s ease}.mobile-nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-nav-item.active{background:#0000001a;color:var(--accent-gold)}}@media (max-width:480px){.mobile-nav{padding:.4rem .25rem}.mobile-nav-item{font-size:.65rem;gap:.2rem;min-width:50px;padding:.4rem .35rem}.mobile-nav-item svg{height:18px;width:18px}}.avatar{align-items:center;border:2px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;justify-content:center;overflow:hidden;transition:all .3s ease}.avatar:hover{border-color:var(--accent-gold);box-shadow:0 0 12px #0006;transform:scale(1.05)}.avatar-image{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-hover) 100%);color:var(--text-muted);display:flex;height:100%;justify-content:center;width:100%}.notification-container{display:flex;flex-direction:column;gap:12px;max-width:420px;pointer-events:none;position:fixed;right:20px;top:80px;z-index:10001}.notification{align-items:flex-start;animation:slideIn .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0000004d,0 4px 12px #0003;display:flex;gap:12px;max-width:420px;min-width:300px;padding:16px 20px;pointer-events:all}.notification.exiting{animation:slideOut .3s ease-out forwards}@keyframes slideOut{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(120%) scale(.9)}}.notification-icon{height:24px;width:24px}.notification-success{border-left:4px solid #10b981}.notification-success .notification-icon{color:#10b981}.notification-error{border-left:4px solid #ef4444}.notification-error .notification-icon{color:#ef4444}.notification-warning{border-left:4px solid #f59e0b}.notification-warning .notification-icon{color:#f59e0b}.notification-info{border-left:4px solid #3b82f6}.notification-info .notification-icon{color:#3b82f6}.notification-confirm{border-left:4px solid #f59e0b;min-width:350px}.notification-confirm .notification-icon{color:#f59e0b}.notification-content{display:flex;flex-direction:column;gap:12px}.notification-message{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.5;margin:0}.notification-buttons{display:flex;gap:8px;margin-top:4px}.notification-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-confirm{background:var(--accent-gold);color:var(--bg-primary)}.btn-confirm:hover{background:var(--accent-gold-dark);box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.btn-cancel:hover{background:var(--bg-primary);transform:translateY(-1px)}.notification-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s}.notification-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notification-action-btn{background:var(--accent-gold);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;font-size:13px;font-weight:600;margin-top:8px;padding:8px 16px;transition:all .2s;width:100%}.notification-action-btn:hover{background:var(--accent-gold-dark);box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}@media (max-width:768px){.notification-container{left:16px;max-width:none;right:16px;top:70px}.notification{max-width:none}.notification,.notification-confirm{min-width:auto}.notification-message{font-size:13px}}.sub-countdown{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.375rem;font-weight:700;gap:.5rem;justify-content:center;padding:.5rem .875rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.sub-countdown:hover{background:#0003}.calendar-icon-btn{color:#f3ca5e;filter:drop-shadow(0 0 4px rgba(0,0,0,.3));flex-shrink:0}.countdown-timer{align-items:center;display:flex;flex-shrink:0;gap:.25rem}.countdown-segment{align-items:center;display:flex;flex-direction:column;gap:.125rem;min-width:2ch}.countdown-value{color:var(--text-primary);font-size:1.375rem;letter-spacing:.02em;line-height:1;min-width:2ch;text-align:center}.countdown-label{font-size:.5rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.countdown-label,.countdown-separator{color:var(--text-secondary);line-height:1}.countdown-separator{font-family:Ubuntu,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.375rem;font-weight:700;letter-spacing:.02em;margin:0 .125rem;padding-bottom:.625rem}.expiry-date-display{color:var(--text-secondary);font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expired-badge{background:#ff52521a;border-radius:4px;color:#ff5252;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.no-expiry-text{color:#4caf50}.fallback-date,.no-expiry-text{font-size:.875rem;font-weight:500}.fallback-date{color:var(--text-secondary);max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.sub-countdown{gap:.25rem;max-width:100%;padding:.375rem .625rem;width:auto}.calendar-icon-btn{height:18px;width:18px}.countdown-value{font-size:1.125rem;min-width:1.5ch}.countdown-separator{font-size:1.125rem;margin:0 .0625rem;padding-bottom:.5rem}.countdown-label{font-size:.375rem}.countdown-timer{flex-shrink:1;gap:.125rem}.countdown-segment{flex-shrink:1;gap:0;min-width:0}.expiry-date-display{font-size:.875rem}.expired-badge{font-size:.625rem;padding:.1875rem .375rem}.fallback-date,.no-expiry-text{font-size:.6875rem}}@media (min-width:401px) and (max-width:600px){.sub-countdown{gap:.3125rem;padding:.4375rem .25rem}.countdown-separator,.countdown-value{font-size:.96875rem}.countdown-label{font-size:.4rem}.countdown-timer{gap:.15625rem}}@media (max-width:400px){.sub-countdown{gap:.125rem;padding:.25rem .125rem}.calendar-icon-btn{height:14px;width:14px}.countdown-value{font-size:.7rem;min-width:1.2ch}.countdown-separator{font-size:.7rem;margin:0;padding-bottom:.375rem}.countdown-label{font-size:.28rem}.countdown-timer{gap:.0625rem}.countdown-segment{gap:0;min-width:0}.expiry-date-display{font-size:.7rem}.fallback-date,.no-expiry-text{font-size:.6rem}.expired-badge{font-size:.55rem;padding:.125rem .25rem}}.ethers-topup-modal-overlay{align-items:center;animation:ethersTopUpOverlayFadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1200}@keyframes ethersTopUpOverlayFadeIn{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:1}}.ethers-topup-modal-overlay.blurred{filter:blur(6px);pointer-events:none}.ethers-topup-modal-overlay.blurred .ethers-topup-modal-content{pointer-events:none}.ethers-topup-modal-content{animation:ethersTopUpModalSlideIn .3s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;max-height:90vh;max-width:550px;overflow-y:auto;padding:2rem;position:relative;width:90%}@keyframes ethersTopUpModalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ethers-topup-modal-close{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s}.ethers-topup-modal-close:hover{background:var(--bg-hover);color:var(--accent-gold)}.ethers-topup-modal-loading{color:var(--text-secondary);padding:3rem;text-align:center}.ethers-topup-modal-header h2{align-items:center;color:var(--accent-gold-light);display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.ethers-topup-modal-subtitle{color:var(--text-secondary);font-size:.95rem;margin:0}.bonus-info-banner{align-items:center;background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:2px solid #f59e0b4d;border-radius:12px;display:flex;gap:1rem;margin:1.5rem 0;padding:1rem 1.25rem}.bonus-info-banner svg{color:var(--accent-gold);flex-shrink:0}.bonus-info-text{display:flex;flex-direction:column;gap:.25rem}.bonus-info-text strong{color:var(--accent-gold);font-size:1rem;font-weight:700}.bonus-info-text span{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.preset-amounts{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:1.5rem 0}.preset-amount-card{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1rem;position:relative;transition:all .3s ease}.preset-amount-card:hover{border-color:var(--accent-gold);box-shadow:0 8px 24px #0003;transform:translateY(-4px)}.preset-amount-card.selected{background:linear-gradient(135deg,#0000001a,#0000000d);border-color:var(--accent-gold);box-shadow:0 0 0 3px #0003}.preset-amount-card.popular{border-color:#a855f7}.preset-amount-card.popular:hover{border-color:#a855f7;box-shadow:0 8px 24px #a855f74d}.preset-amount-card.popular.selected{background:linear-gradient(135deg,#a855f726,#a855f70d);border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.popular-badge{background:linear-gradient(135deg,#a855f7,#9333ea);border-radius:12px;box-shadow:0 4px 12px #a855f766;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.25rem .75rem;position:absolute;right:-10px;text-transform:uppercase;top:-10px}.preset-amount-usd{color:var(--text-primary);font-size:1.75rem;font-weight:700}.preset-amount-ethers{align-items:center;color:#a78bfa;display:flex;font-size:1.1rem;font-weight:600;gap:.375rem}.preset-amount-bonus{background:#0000001a;border-radius:6px;color:var(--accent-gold);font-size:.8rem;font-weight:600;padding:.25rem .625rem}.topup-divider{align-items:center;display:flex;margin:1.5rem 0;text-align:center}.topup-divider:after,.topup-divider:before{border-bottom:1px solid var(--border-color);content:"";flex:1 1}.topup-divider span{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.05em;padding:0 1rem;text-transform:uppercase}.custom-amount-section{margin:1.5rem 0}.custom-amount-input-wrapper{align-items:center;display:flex;position:relative}.currency-symbol{color:var(--text-secondary);font-size:1.5rem;font-weight:700;left:1.25rem;pointer-events:none;position:absolute}.custom-amount-input{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1.5rem;font-weight:700;padding:1rem 1rem 1rem 3rem;text-align:left;transition:all .3s ease;width:100%}.custom-amount-input:focus{background:var(--bg-secondary);border-color:var(--accent-gold);box-shadow:0 0 0 3px #0000001a;outline:none}.custom-amount-input::placeholder{color:var(--text-secondary);opacity:.5}.custom-amount-hint{color:var(--text-secondary);font-size:.875rem;margin-top:.75rem;text-align:center}.topup-calculation{background:var(--bg-tertiary);border:2px solid #10b98133;border-radius:12px;margin:1.5rem 0;padding:1.25rem}.calculation-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.calculation-title svg{color:#10b981}.calculation-row{align-items:center;display:flex;justify-content:space-between;padding:.625rem 0}.calculation-label{color:var(--text-secondary);font-size:1rem;font-weight:500}.calculation-value{align-items:center;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem}.calculation-value.ethers-base{color:#10b981}.calculation-value.ethers-bonus{color:#f4cd66}.calculation-value.ethers-total{color:#a78bfa;font-size:1.5rem}.calculation-divider{background:var(--border-color);height:1px;margin:.75rem 0}.calculation-row.total{padding-top:.75rem}.calculation-row.total .calculation-label{color:var(--text-primary);font-size:1.1rem;font-weight:600}.btn-topup{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 16px #10b9814d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1.1rem;font-weight:700;gap:.75rem;justify-content:center;padding:1.125rem;transition:all .3s ease;width:100%}@media (hover:hover){.btn-topup:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 24px #10b98166;transform:translateY(-2px)}}.btn-topup:active:not(:disabled){transform:translateY(0)}.btn-topup:disabled{background:var(--border-color);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.ethers-topup-modal-content{max-height:95vh;width:95%}.ethers-topup-modal-header h2{font-size:1.4rem}.preset-amounts{gap:.75rem;grid-template-columns:1fr}.preset-amount-card{flex-direction:row;justify-content:space-between;padding:1rem}.popular-badge{font-size:.7rem;padding:.2rem .6rem;right:-8px;top:-8px}.preset-amount-usd{font-size:1.5rem}.preset-amount-ethers{font-size:1rem}.calculation-value.ethers-total,.custom-amount-input{font-size:1.25rem}.btn-topup{font-size:1rem;padding:1rem}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.preset-amount-card.popular:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#a855f74d,#0000);background-size:1000px 100%;border-radius:12px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@media (max-width:400px){.ethers-topup-modal-content{padding:1rem;width:98%}.preset-amount-card{flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.75rem}.preset-amount-usd{font-size:1.25rem}.preset-amount-ethers{font-size:.95rem}.preset-amount-bonus{font-size:.7rem;padding:.15rem .4rem}.popular-badge{font-size:.65rem;padding:.15rem .5rem}.preset-amount-ethers svg{height:14px;width:14px}}@media (max-width:360px){.ethers-topup-modal-content{padding:.75rem}.ethers-topup-modal-header h2{font-size:1.2rem;gap:.5rem}.ethers-topup-modal-header h2 svg{height:20px;width:20px}.ethers-topup-modal-subtitle{font-size:.8rem}.bonus-info-banner{gap:.5rem;padding:.75rem}.bonus-info-banner svg{height:16px;width:16px}.bonus-info-text strong{font-size:.9rem}.bonus-info-text span{font-size:.75rem}.preset-amounts{gap:.5rem}.preset-amount-card{padding:.5rem}.preset-amount-usd{font-size:1.1rem}.preset-amount-ethers{font-size:.85rem;gap:.25rem}.topup-divider{margin:1rem 0}.topup-divider span{font-size:.75rem;padding:0 .5rem}.custom-amount-input{font-size:1.1rem;padding:.75rem .75rem .75rem 2.5rem}.currency-symbol{font-size:1.1rem;left:1rem}.custom-amount-hint{font-size:.75rem}.topup-calculation{padding:.75rem}.calculation-title{font-size:.95rem;margin-bottom:.75rem}.calculation-label{font-size:.85rem}.calculation-value{font-size:.95rem}.calculation-value.ethers-total{font-size:1.1rem}.btn-topup{font-size:.95rem;padding:.875rem}}.subscription-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;transition:filter .3s ease;z-index:1000}.subscription-modal-overlay.blurred{filter:blur(6px);pointer-events:none}.subscription-modal-overlay.blurred .subscription-modal-content{pointer-events:none}.subscription-modal-content{animation:subscriptionModalSlideIn .3s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;position:relative}@keyframes subscriptionModalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.subscription-modal-close{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s}.subscription-modal-close:hover{background:var(--bg-hover);color:var(--accent-gold)}.subscription-modal-content{max-height:85vh;max-width:500px;overflow-x:hidden;overflow-y:auto;scrollbar-color:#a855f780 #ffffff1a;scrollbar-width:thin;width:90%}.subscription-modal-content::-webkit-scrollbar{width:8px}.subscription-modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.subscription-modal-content::-webkit-scrollbar-thumb{background:#a855f780;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.subscription-modal-content::-webkit-scrollbar-thumb:hover{background:#a855f7b3}.subscription-modal-loading{color:var(--text-secondary);padding:3rem;text-align:center}.subscription-modal-header h2{align-items:center;color:var(--accent-gold-light);display:flex;font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700;gap:clamp(.5rem,2vw,.75rem);margin:0}.current-subscription{background:var(--bg-tertiary);border-radius:clamp(8px,2vw,12px);margin:clamp(1rem,2vw,1.5rem) 0;padding:clamp(.75rem,2vw,1.25rem) clamp(.5rem,2vw,1rem);text-align:center}.sub-badge-large{margin-bottom:1rem}.sub-badge-large .subscription-badge{align-items:center;border-radius:50px;display:flex;font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:800;height:clamp(36px,8vw,44px);justify-content:center;letter-spacing:.05em;padding:0 clamp(.75rem,2vw,1rem);text-transform:uppercase}.sub-countdown{margin:.75rem auto 0;max-width:100%;width:-webkit-fit-content;width:fit-content}.ethers-info-grid{grid-gap:2px clamp(1rem,3vw,2rem);align-items:center;background:var(--bg-tertiary);border-radius:clamp(8px,2vw,12px);display:grid;gap:2px clamp(1rem,3vw,2rem);grid-template-columns:1fr 1fr;margin:clamp(.75rem,2vw,1rem) 0;padding:clamp(1rem,3vw,2rem)}.ethers-grid-label{color:var(--text-secondary);font-family:inherit;font-size:clamp(.8rem,2.2vw,1rem);font-weight:700;text-align:right;white-space:nowrap}.ethers-grid-value{align-items:center;display:flex;font-family:inherit;font-size:clamp(1rem,2.8vw,1.25rem);font-weight:800;gap:clamp(.3rem,1vw,.5rem);text-align:left}.ethers-grid-value.ethers-regular{color:#10b981}.ethers-grid-value.ethers-bonus{color:#f4cd66}.ethers-grid-divider{background:var(--border-color);grid-column:1/-1;height:1px;margin:.5rem 0 .1rem;width:100%}.ethers-grid-label.total{color:var(--text-secondary);margin-top:0}.ethers-grid-value.total{color:#a78bfa;margin-top:0}.info-tooltip-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;margin-right:6px;opacity:.5;padding:4px;position:relative;transition:opacity .2s ease;vertical-align:middle}.info-tooltip-btn:hover{color:var(--accent-gold);opacity:1}.info-tooltip-btn[data-tooltip]:after{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;bottom:100%;box-shadow:0 4px 12px #0000004d;color:var(--text-secondary);content:attr(data-tooltip);font-size:.75rem;font-weight:400;left:0;line-height:1.4;max-width:200px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;text-align:left;transform:translateY(-8px) scale(.9);transition:all .2s ease;visibility:hidden;white-space:normal;width:-webkit-max-content;width:max-content;z-index:1000}.info-tooltip-btn[data-tooltip]:hover:after{opacity:1;transform:translateY(-8px) scale(1);visibility:visible}.daily-bonus-info{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:2px solid #f59e0b4d;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.daily-bonus-info h4{align-items:center;color:var(--accent-gold);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 .75rem}.daily-bonus-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0 0 1rem}.daily-bonus-info strong{color:var(--accent-gold);font-weight:600}.bonus-progress{margin-top:1rem}.bonus-stats{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.5rem}.bonus-progress-bar{background:#f59e0b33;border-radius:4px;height:8px;overflow:hidden}.bonus-progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:4px;height:100%;transition:width .5s ease}.blocked-warning{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin:1rem 0;padding:1rem}.blocked-warning h4{color:#ef4444;margin:0 0 .5rem}.blocked-warning p{color:#fca5a5;font-size:.9rem;margin:0}.subscription-actions{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.btn-topup-balance-main{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:clamp(10px,2vw,14px);box-shadow:0 4px 16px #10b9814d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:clamp(.95rem,2.5vw,1.15rem);font-weight:700;gap:clamp(.5rem,1.5vw,.75rem);justify-content:center;margin-bottom:clamp(1rem,2.5vw,1.5rem);margin-top:clamp(1rem,2.5vw,1.5rem);padding:clamp(.875rem,2.5vw,1.25rem);transition:all .3s ease;width:100%}@media (hover:hover){.btn-topup-balance-main:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 24px #10b98166;transform:translateY(-2px)}}.btn-topup-balance-main:active{transform:translateY(0)}.btn-renew{align-items:center;background:linear-gradient(135deg,var(--accent-gold-light) 0,var(--accent-gold) 100%);border:none;border-radius:clamp(8px,2vw,12px);color:var(--bg-primary);cursor:pointer;display:flex;font-family:inherit;font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:700;gap:clamp(.5rem,1.5vw,.75rem);justify-content:center;padding:clamp(.75rem,2vw,1rem);transition:all .3s ease;width:100%}@media (hover:hover){.btn-renew:hover:not(:disabled){box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}}.btn-renew:active:not(:disabled){transform:scale(.98)}.btn-renew:disabled{background:var(--border-color);cursor:not-allowed;opacity:.5;transform:none}.renewal-hint{align-items:center;background:#eab3081a;border:1px solid #eab3084d;border-radius:clamp(8px,1.5vw,10px);color:#eab308;display:flex;font-size:clamp(.75rem,2vw,.875rem);gap:clamp(.375rem,1vw,.5rem);justify-content:center;line-height:1.4;padding:clamp(.625rem,2vw,.875rem) clamp(.75rem,2vw,1rem);text-align:center}.renewal-hint svg{flex-shrink:0}.btn-price{background:#0000004d;border-radius:clamp(6px,1.5vw,8px);font-size:clamp(.8rem,2vw,.95rem);margin-left:auto;padding:clamp(.2rem,.5vw,.25rem) clamp(.5rem,1.5vw,.75rem)}.plans-offer{margin-top:1rem}.plans-offer h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem}.plans-list{display:flex;flex-direction:column;gap:1rem}.plan-offer{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:clamp(8px,2vw,12px);padding:clamp(.875rem,2vw,1rem);transition:all .3s ease}.plan-offer:hover{transform:translateX(4px)}.plan-offer.plan-basic{border-color:#f97316}.plan-offer.plan-plus{border-color:#eab308}.plan-offer.plan-premium{border-color:#22c55e}.plan-offer.plan-teacher{border-color:#a855f7}.plan-offer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.plan-offer-header h4{font-size:1.5rem;font-weight:700;margin:0}.plan-offer.plan-basic h4{color:#f97316}.plan-offer.plan-plus h4{color:#eab308}.plan-offer.plan-premium h4{color:#22c55e}.plan-offer.plan-teacher h4{color:#a855f7}.plan-price{align-items:flex-end;color:var(--accent-gold);display:flex;flex-direction:column;font-size:1.5rem;font-weight:700;gap:.25rem}.price-original{color:var(--text-secondary);font-size:1rem;opacity:.7;text-decoration:line-through}.price-discount{background:#ef44441a;border-radius:4px;color:#ef4444;font-size:.875rem;font-weight:600;padding:.125rem .5rem}.price-final{color:#10b981;font-size:1.5rem;font-weight:700}.plan-offer-ethers{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.75rem}.plan-offer-ethers .ethers-base{align-items:center;color:#10b981;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem}.plan-offer-ethers .ethers-bonus{color:#f4cd66}.btn-buy,.plan-offer-ethers .ethers-bonus{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem}.btn-buy{background:var(--accent-gold);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;font-family:inherit;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}@media (hover:hover){.btn-buy:hover{background:var(--accent-gold-dark);box-shadow:0 4px 12px #0006;transform:translateY(-2px)}}.btn-buy:active{transform:scale(.98)}.btn-buy:disabled{cursor:not-allowed;opacity:.6;transform:none}.exchange-rate-info{border-top:1px solid var(--border-color);color:var(--text-muted);padding-top:1rem;text-align:center}.upgrade-section{background:linear-gradient(135deg,#a78bfa1a,#8b5cf60d);border:1px solid #a78bfa33;border-radius:clamp(8px,2vw,12px);margin-top:clamp(1.25rem,3vw,2rem);padding:clamp(1rem,3vw,1.5rem)}.upgrade-title{align-items:center;color:#a78bfa;display:flex;font-size:clamp(1rem,2.8vw,1.25rem);font-weight:700;gap:clamp(.375rem,1vw,.5rem);margin:0 0 clamp(.375rem,1vw,.5rem)}.upgrade-subtitle{color:var(--text-secondary);font-size:clamp(.8rem,2vw,.95rem);margin:0 0 clamp(1rem,2.5vw,1.5rem)}.upgrade-offers{grid-gap:clamp(.75rem,2vw,1rem);display:grid;gap:clamp(.75rem,2vw,1rem);grid-template-columns:repeat(auto-fit,minmax(clamp(200px,40vw,250px),1fr));width:100%}.upgrade-offer{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:clamp(8px,2vw,12px);padding:clamp(.875rem,2vw,1rem);transition:all .3s ease}.upgrade-offer:hover{box-shadow:0 8px 24px #a78bfa33;transform:translateY(-2px)}.upgrade-offer.upgrade-basic{border-color:#f973164d}.upgrade-offer.upgrade-basic:hover{border-color:#f97316;box-shadow:0 8px 24px #f973164d}.upgrade-offer.upgrade-plus{border-color:#eab3084d}.upgrade-offer.upgrade-plus:hover{border-color:#eab308;box-shadow:0 8px 24px #eab3084d}.upgrade-offer.upgrade-premium{border-color:#22c55e4d}.upgrade-offer.upgrade-premium:hover{border-color:#22c55e;box-shadow:0 8px 24px #22c55e4d}.upgrade-offer.upgrade-teacher{border-color:#a855f74d}.upgrade-offer.upgrade-teacher:hover{border-color:#a855f7;box-shadow:0 8px 24px #a855f74d}.upgrade-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:clamp(.5rem,1.5vw,.75rem)}.upgrade-header h4{color:var(--text-primary);font-size:clamp(1.1rem,3vw,1.35rem);font-weight:700;margin:0}.upgrade-price{align-items:flex-end;color:var(--accent-gold);display:flex;flex-direction:column;font-size:clamp(1rem,2.8vw,1.25rem);font-weight:700;gap:clamp(.2rem,.5vw,.25rem)}.upgrade-price .price-final{font-size:1.25rem}.upgrade-benefits{display:flex;flex-direction:column;gap:clamp(.25rem,.8vw,.375rem);margin-bottom:clamp(.5rem,1.5vw,.75rem)}.upgrade-benefits .upgrade-ethers-base{align-items:center;color:#10b981;display:flex;font-size:clamp(1rem,2.8vw,1.2rem);font-weight:700;gap:clamp(.375rem,1vw,.5rem)}.upgrade-benefits .upgrade-ethers-bonus{color:#f4cd66;font-weight:600}.upgrade-benefit,.upgrade-benefits .upgrade-ethers-bonus{align-items:center;display:flex;font-size:clamp(.8rem,2vw,.95rem);gap:clamp(.375rem,1vw,.5rem)}.upgrade-benefit{color:var(--text-secondary)}.upgrade-benefit svg{color:#a78bfa}.btn-upgrade{align-items:center;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;border-radius:clamp(6px,1.5vw,8px);color:#fff;cursor:pointer;display:flex;font-size:clamp(.85rem,2.2vw,1rem);font-weight:600;gap:clamp(.375rem,1vw,.5rem);justify-content:center;padding:clamp(.625rem,2vw,.75rem) clamp(1rem,3vw,1.5rem);transition:all .3s ease;width:100%}@media (hover:hover){.btn-upgrade:hover{box-shadow:0 4px 12px #a78bfa66;transform:translateY(-2px)}}.btn-upgrade:active{transform:scale(.98)}.btn-upgrade:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (min-width:768px) and (max-width:1023px){.subscription-modal-content{padding:1.75rem;width:92%}.subscription-modal-header h2 svg{height:24px;width:24px}.sub-badge-large{margin-bottom:.875rem}.daily-bonus-info{padding:1.25rem}.daily-bonus-info h4{font-size:1rem}.daily-bonus-info p{font-size:.9rem}.btn-renew,.btn-upgrade{font-size:.95rem;padding:.875rem 1.25rem}}@media (min-width:480px) and (max-width:767px){.subscription-modal-content{max-height:92vh;padding:1.5rem;width:94%}.subscription-modal-header h2 svg{height:22px;width:22px}.sub-badge-large{margin-bottom:.75rem}.sub-badge-large .subscription-badge{height:40px}.daily-bonus-info{margin:1.25rem 0;padding:1.125rem}.daily-bonus-info h4{font-size:.95rem}.daily-bonus-info p{font-size:.85rem}.bonus-stats{font-size:.8rem}.btn-renew,.btn-upgrade{font-size:.9rem;padding:.75rem 1rem}.upgrade-section{padding:1.125rem}.upgrade-title{font-size:1.05rem}.upgrade-offers{gap:1rem;grid-template-columns:1fr}}@media (max-width:479px){.subscription-modal-content{max-height:95vh;padding:.75rem;width:98%}.subscription-modal-close{padding:.375rem;right:.75rem;top:.75rem}.subscription-modal-close svg,.subscription-modal-header h2 svg{height:20px;width:20px}.sub-badge-large{margin-bottom:.625rem}.sub-badge-large .subscription-badge{font-size:.9rem;height:36px;padding:0 .75rem}.ethers-info-grid{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.ethers-grid-label,.ethers-grid-value{justify-content:center;text-align:center}.ethers-grid-label{font-size:.8rem;margin-bottom:.25rem}.ethers-grid-value{font-size:1rem;margin-bottom:.5rem}.ethers-grid-divider{margin:.375rem 0}.ethers-grid-label.total,.ethers-grid-value.total{margin-top:.25rem}.info-tooltip-btn{margin-right:4px;padding:3px}.info-tooltip-btn svg{height:12px;width:12px}.info-tooltip-btn[data-tooltip]:after{font-size:.7rem;max-width:180px;padding:6px 10px}.daily-bonus-info{margin:1rem 0;padding:1rem}.daily-bonus-info h4{font-size:.9rem;gap:.375rem}.daily-bonus-info p{font-size:.8rem;line-height:1.4}.bonus-stats{align-items:flex-start;flex-direction:column;font-size:.75rem;gap:.25rem}.bonus-progress-bar{height:6px}.btn-renew,.btn-upgrade{font-size:.85rem;gap:.375rem;padding:.625rem .875rem}.btn-renew svg,.btn-upgrade svg{height:16px;width:16px}.btn-price{font-size:.75rem;padding:.2rem .5rem}.btn-topup-balance-main svg{height:18px;width:18px}.renewal-hint{font-size:.75rem;padding:.625rem .75rem}.renewal-hint svg{height:14px;width:14px}.upgrade-section{box-sizing:border-box;margin-top:1rem;padding:.75rem;width:100%}.upgrade-title{font-size:1rem;gap:.375rem}.upgrade-title svg{height:18px;width:18px}.upgrade-subtitle{font-size:.8rem;margin-bottom:1rem}.upgrade-offers{gap:.75rem;grid-template-columns:1fr;margin:0;width:100%}.upgrade-offer{padding:.875rem}.upgrade-header{margin-bottom:.5rem}.upgrade-header h4,.upgrade-price{font-size:1rem}.plan-price-promo,.upgrade-price-promo{gap:.25rem}.price-line-original{font-size:.9rem}.price-line-promo{font-size:.75rem;padding:.2rem .5rem}.price-line-promo svg{height:12px;width:12px}.price-line-final{font-size:1.25rem}.price-line-countdown{font-size:.7rem;padding:.2rem .4rem}.upgrade-benefits{gap:.25rem;margin-bottom:.5rem}.upgrade-ethers-base{font-size:1rem;gap:.375rem}.upgrade-ethers-base svg{height:14px;width:14px}.upgrade-ethers-bonus{font-size:.8rem;gap:.375rem}.upgrade-ethers-bonus svg{height:12px;width:12px}.upgrade-benefit{font-size:.8rem;gap:.375rem}.upgrade-benefit svg{height:14px;width:14px}.plans-offer{box-sizing:border-box;margin-top:.875rem;width:100%}.plans-offer h3{font-size:1rem;margin-bottom:.875rem}.plans-list{gap:.875rem;width:100%}.plan-offer{box-sizing:border-box;padding:.875rem;width:100%}.plan-offer-header{margin-bottom:.5rem}.plan-offer-header h4{font-size:1.8rem}.plan-price{font-size:1rem}.plan-benefits{gap:.25rem;margin-bottom:.5rem}.plan-ethers-base{font-size:1rem;gap:.375rem}.plan-ethers-base svg{height:14px;width:14px}.plan-ethers-bonus{font-size:.8rem;gap:.375rem}.plan-ethers-bonus svg{height:12px;width:12px}.plan-benefit{font-size:.8rem;gap:.375rem}.plan-benefit svg{height:14px;width:14px}.btn-buy-plan{font-size:.85rem;gap:.375rem;padding:.625rem .875rem}.btn-buy-plan svg{height:16px;width:16px}.plan-offer-ethers{gap:.25rem;margin-bottom:.5rem}.plan-offer-ethers .ethers-base{font-size:1rem;gap:.375rem}.plan-offer-ethers .ethers-base svg{height:14px;width:14px}.plan-offer-ethers .ethers-bonus{font-size:.8rem;gap:.375rem}.plan-offer-ethers .ethers-bonus svg{height:12px;width:12px}.btn-buy{font-size:.85rem;gap:.375rem;padding:.625rem .875rem}.btn-buy svg{height:16px;width:16px}.blocked-warning{margin:.875rem 0;padding:.875rem}.blocked-warning h4{font-size:.9rem;margin-bottom:.375rem}.blocked-warning p{font-size:.8rem}.exchange-rate-info{margin-top:1rem}.exchange-rate-info small{font-size:.7rem}.promocode-input-wrapper{margin-bottom:.75rem}.promocode-input-field{font-size:.85rem;padding:.625rem .875rem}.promocode-hint-text{font-size:.75rem;margin-top:.625rem}.btn-activate-promocode svg{height:16px;width:16px}@media (max-width:479px){.subscription-actions{align-items:center;flex-direction:column;gap:.875rem}.btn-renew,.btn-upgrade{max-width:300px;width:100%}}}@media (max-width:375px){.subscription-modal-content{padding:.625rem;width:100%}.plans-offer{margin-top:.75rem;width:100%}.plans-list{gap:.75rem;width:100%}.plan-offer{box-sizing:border-box;padding:.75rem;width:100%}.plan-offer-header h4{font-size:1.7rem}.plan-offer-ethers .ethers-base,.plan-price{font-size:.95rem}.plan-offer-ethers .ethers-bonus{font-size:.75rem}.btn-buy{font-size:.8rem;padding:.5rem .75rem}.upgrade-offer{box-sizing:border-box;padding:.75rem;width:100%}.upgrade-header h4,.upgrade-price{font-size:.95rem}}@media (max-width:320px){.subscription-modal-overlay{padding:.5rem}.subscription-modal-content{border-radius:10px;padding:.5rem;width:100%}.subscription-modal-header h2{font-size:1.1rem}.plans-offer h3{font-size:.9rem}.plan-offer{border-radius:8px;padding:.625rem}.plan-offer-header{align-items:flex-start;flex-direction:column;gap:.25rem}.plan-offer-header h4{font-size:1.6rem}.plan-price{align-items:flex-start;font-size:.9rem}.plan-offer-ethers{gap:.125rem}.plan-offer-ethers .ethers-base{font-size:.85rem}.plan-offer-ethers .ethers-bonus{font-size:.7rem}.btn-buy{border-radius:6px;font-size:.75rem;padding:.5rem}.upgrade-section{padding:.625rem}.upgrade-title{font-size:.9rem}.upgrade-offer{border-radius:8px;padding:.625rem}.upgrade-header{align-items:flex-start;flex-direction:column;gap:.25rem}.upgrade-header h4,.upgrade-price{font-size:.9rem}.upgrade-price{align-items:flex-start}.btn-upgrade{border-radius:6px;font-size:.75rem;padding:.5rem}}.promocode-activation-section{background:linear-gradient(135deg,#a855f71a,#8b5cf60d);border:2px dashed #a855f74d;border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:center}.promocode-input-wrapper{margin-bottom:1rem}.promocode-input-field{background:var(--bg-secondary);border:2px solid #a855f74d;border-radius:10px;color:var(--text-primary);font-size:1rem;font-weight:500;letter-spacing:1px;padding:.875rem 1.25rem;text-align:center;text-transform:uppercase;transition:all .3s ease;width:100%}.promocode-input-field:focus{background:var(--bg-primary);border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.promocode-input-field::placeholder{color:var(--text-secondary);letter-spacing:0;text-transform:none}.promocode-input-field:disabled{cursor:not-allowed;opacity:.6}.btn-activate-promocode{align-items:center;background:linear-gradient(135deg,#a855f7,#8b5cf6);border:none;border-radius:10px;box-shadow:0 4px 12px #a855f74d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .3s ease;width:100%}@media (hover:hover){.btn-activate-promocode:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7c3aed);box-shadow:0 6px 20px #a855f766;transform:translateY(-2px)}}.btn-activate-promocode:active:not(:disabled){transform:translateY(0)}.btn-activate-promocode:disabled{cursor:not-allowed;opacity:.6}.promocode-hint-text{color:var(--text-secondary);font-size:.875rem;margin-top:.75rem;opacity:.8}@media (max-width:768px){.promocode-activation-section{padding:1.25rem}.btn-activate-promocode{justify-content:center;padding:1rem 2rem;width:100%}}.plan-price-promo,.upgrade-price-promo{align-items:flex-end;display:flex;flex-direction:column;gap:.375rem}.price-line-original{color:#9ca3af;font-size:1.125rem;font-weight:600;text-decoration:line-through;-webkit-text-decoration-color:#ef4444;text-decoration-color:#ef4444;text-decoration-thickness:2px}.price-line-promo{align-items:center;background:#a855f71a;border-radius:6px;color:#a855f7;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.25rem .625rem}.price-line-promo svg{color:#a855f7}.price-line-final{color:#10b981;font-size:1.75rem;font-weight:700}.price-line-countdown{border-radius:4px;font-family:Ubuntu,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8125rem;font-weight:600;letter-spacing:.025em;padding:.25rem .5rem;text-align:center}.price-line-countdown.countdown-green{background:#22c55e26;color:#22c55e}.price-line-countdown.countdown-yellow{background:#eab30826;color:#eab308}.price-line-countdown.countdown-red{background:#ef444426;color:#ef4444}.promocode-confirm-content{display:flex;flex-direction:column;gap:16px;text-align:center}.confirm-title{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0}.confirm-subtitle{color:var(--text-secondary);font-size:.95rem;margin:0}.comparison-table-container{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:12px}.comparison-table{border-collapse:collapse;font-size:.9rem;width:100%}.comparison-table th{border-bottom:1px solid #ffffff1a;color:var(--text-secondary);font-weight:500;padding:8px;text-align:left}.comparison-table td{border-bottom:1px solid #ffffff0d;padding:8px;text-align:left}.comparison-table tr:last-child td{border-bottom:none}.comparison-table .old-value{color:#ef4444;font-weight:700;opacity:.7;text-decoration:line-through}.comparison-table .new-value{color:#10b981;font-weight:800}.confirm-note{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin:0;opacity:.8}.badge-code{background-color:#64748b}.badge-merchant{background-color:#ea580c}.badge-warrior{background-color:#ca8a04}.badge-sage{background-color:#16a34a}.badge-teacher{background-color:#9333ea}.payment-modal-overlay{align-items:center;animation:paymentOverlayFadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1100}@keyframes paymentOverlayFadeIn{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:1}}.payment-modal-content{animation:paymentModalSlideIn .3s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:90%;z-index:1101}@keyframes paymentModalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.payment-modal-header h2{align-items:center;color:var(--accent-gold-light);display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin:0}.payment-modal-close{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s}.payment-modal-close:hover{background:var(--bg-hover);color:var(--accent-gold)}.payment-content{margin-top:1.5rem}.payment-placeholder{background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:12px;padding:2rem 1rem;text-align:center}.payment-placeholder svg{color:var(--text-secondary);margin-bottom:1rem}.payment-placeholder h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:.5rem 0}.payment-placeholder p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.payment-divider{align-items:center;display:flex;margin:1.5rem 0;text-align:center}.payment-divider:after,.payment-divider:before{border-bottom:1px solid var(--border-color);content:"";flex:1 1}.payment-divider span{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.05em;padding:0 1rem;text-transform:uppercase}.promocode-section{background:var(--bg-tertiary);border-radius:12px;padding:1.5rem}.promocode-header{align-items:center;gap:.5rem}.promocode-header svg{color:var(--accent-gold)}.promocode-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.promocode-input-group{margin-bottom:1rem}.promocode-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-transform:uppercase;transition:all .2s;width:100%}.promocode-input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #d4af371a;outline:none}.promocode-input::placeholder{color:var(--text-secondary);font-weight:400;letter-spacing:0;text-transform:none}.promocode-input:disabled{cursor:not-allowed;opacity:.6}.promocode-btn{padding:.75rem 1.5rem;white-space:nowrap}.promocode-btn:disabled{cursor:not-allowed;opacity:.5}.promocode-btn-full{font-size:1rem;font-weight:600;justify-content:center;margin-bottom:1rem;padding:.875rem 1.5rem;width:100%}.promocode-btn-full:disabled{cursor:not-allowed;opacity:.5}.promocode-hint{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0}.test-code-input-wrapper{display:flex;gap:.5rem}@media (max-width:768px){.payment-modal-content{max-height:95vh;width:95%}.payment-modal-overlay{padding:.5rem}.payment-placeholder{padding:1.5rem 1rem}.payment-placeholder h3{font-size:1.1rem}.payment-placeholder p{font-size:.875rem}.promocode-section{padding:1.25rem}.promocode-btn-full{font-size:.95rem;padding:.875rem 1rem}.payment-modal-header h2{font-size:1.4rem}.test-code-input-wrapper{flex-direction:column}.test-code-input-wrapper input{flex:none!important;width:100%}.test-code-input-wrapper button{width:100%}}.promocode-btn-full:disabled,.promocode-btn:disabled{animation:pulse 1.5s ease-in-out infinite}.test-code-section{background:#a855f70d;border:1px dashed #a855f74d;border-radius:8px;margin-top:1.5rem;padding:1rem}.test-code-header{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem}.test-code-header strong{color:var(--text-secondary);font-size:.875rem}.test-code-input{flex:1 1;font-size:.875rem;padding:.5rem}.test-code-btn{font-size:.875rem;padding:.5rem 1rem;white-space:nowrap}.mobile-sidebar-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.mobile-sidebar{animation:slideInRight .3s ease;background:var(--bg-secondary);border-left:1px solid var(--border-color);box-shadow:var(--shadow-lg);height:100%;overflow-y:auto;position:fixed;right:0;top:0;width:280px}.mobile-sidebar-profile{align-items:center;background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;padding:2rem 1.5rem;position:relative}.close-btn-profile{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:.25rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.close-btn-profile:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-profile-info{margin-top:1rem;text-align:center}.mobile-profile-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.mobile-profile-info p{color:var(--text-muted);font-size:.9rem}.mobile-sidebar-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.mobile-sidebar-header h3{color:var(--accent-gold);font-size:1.25rem}.close-btn{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem}.mobile-sidebar-nav{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.mobile-nav-item-full{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;gap:.75rem;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.mobile-nav-item-full:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-nav-item-full.active{background:#f6d47626;border:1px solid #0000004d;color:var(--accent-gold)}.mobile-nav-item-full.locked{opacity:.6}.mobile-nav-item-full.disabled{background:#0000;border:none;cursor:not-allowed;font-family:inherit;font-size:inherit;opacity:.5;text-align:left;width:100%}.mobile-nav-item-full.disabled:hover{background:#0000;color:var(--text-secondary)}.mobile-nav-item-full.admin-item{color:#10b981}.mobile-nav-item-full.admin-item:hover{background:#10b9811a;color:#059669}.mobile-nav-item-full.logout-item{background:#0000;border:none;border-top:1px solid var(--border-color);color:#f87171;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:.25rem;padding-top:1rem;text-align:left;width:100%}.mobile-nav-item-full.logout-item:hover{background:#f871711a;color:#ef4444}.lock-badge{font-size:.85rem;margin-left:auto}.user-profile-modal-overlay{align-items:flex-start;animation:userProfileModalFadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@keyframes userProfileModalFadeIn{0%{opacity:0}to{opacity:1}}.user-profile-modal-content{animation:userProfileModalSlideDown .3s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);min-width:320px;position:absolute;right:20px;top:70px}@keyframes userProfileModalSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.user-profile-modal-close{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:.25rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease;z-index:10}.user-profile-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-profile-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem;padding:2rem}.modal-profile-info{text-align:center}.modal-profile-info h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:.25rem}.modal-profile-info p{color:var(--text-muted);font-size:.9rem}.modal-menu{padding:.5rem}.modal-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;gap:.75rem;padding:.6rem 1rem;text-align:left;transition:all .2s ease;width:100%}.modal-menu-item:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.modal-menu-item:disabled{cursor:not-allowed;opacity:.5}.modal-menu-item.logout-item{border-top:1px solid var(--border-color);color:#f87171;margin-top:.25rem;padding-top:.75rem}.modal-menu-item.admin-item{color:#10b981}.modal-menu-item.admin-item:hover{background:#10b9811a;color:#059669}.modal-menu-item.logout-item:hover{background:#f871711a;color:#ef4444}@media (max-width:768px){.user-profile-modal{min-width:280px;right:10px;top:60px}}.notification-detail-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.notification-detail-modal{animation:scaleIn .2s ease-out;background:#1e1833;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:450px;position:relative;width:90%}.notification-detail-header{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;gap:16px;justify-content:space-between;padding:20px}.notification-detail-title-row{flex:1 1}.notification-detail-title{color:#fff;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 6px}.notification-detail-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.notification-detail-date{color:#ffffff80;font-size:.85rem}.notification-detail-id{background:#a855f71a;border:1px solid #a855f74d;border-radius:8px;color:#a855f7;font-size:.75rem;font-weight:600;padding:2px 6px}.notification-detail-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s}.notification-detail-close:hover{background:#ffffff1a;color:#fff}.notification-detail-content{word-wrap:break-word;color:#ffffffe6;font-size:.95rem;line-height:1.6;overflow-y:auto;padding:24px;white-space:pre-wrap}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);left:260px;padding:1.2rem 2rem;position:fixed;right:0;top:0;transition:left .3s ease;z-index:200}.header.sidebar-collapsed{left:80px}.header-mobile{display:none}.header-desktop{align-items:center;display:flex;justify-content:flex-end}.header-spacer{flex:1 1}.header-actions{gap:1rem}.subscription-badge{border-radius:50px;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:.02em;min-width:110px;padding:.7rem 1.6rem;text-align:center;transition:all .3s ease}.header-actions .subscription-badge{align-items:center!important;display:flex!important;font-size:1.1rem!important;font-weight:800!important;height:44px!important;justify-content:center!important;min-width:100px!important;padding:0 1.3rem!important}.subscription-badge-mobile.free,.subscription-badge.free{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #dc2626;color:#fff;text-shadow:0 1px 2px #0003}.subscription-badge-mobile.basic,.subscription-badge.basic{background:linear-gradient(135deg,#f97316,#ea580c);border:1px solid #ea580c;color:#fff;text-shadow:0 1px 2px #0003}.subscription-badge-mobile.plus,.subscription-badge.plus{background:linear-gradient(135deg,#eab308,#ca8a04);border:1px solid #ca8a04;color:#451a03;text-shadow:0 1px 2px #ffffff4d}.subscription-badge-mobile.premium,.subscription-badge.premium{background:linear-gradient(135deg,#22c55e,#16a34a);border:1px solid #16a34a;color:#fff;text-shadow:0 1px 2px #0003}.subscription-badge-mobile.teacher,.subscription-badge.teacher{background:linear-gradient(135deg,#a855f7,#9333ea);border:1px solid #9333ea;color:#fff;text-shadow:0 1px 2px #0003}.ethers-badge{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;font-size:.95rem;font-weight:600;gap:.25rem;padding:.9rem 1.3rem;transition:all .3s ease}.ethers-badge,.ethers-content{align-items:center;display:flex}.ethers-content{flex-direction:column;gap:0}.ethers-value{-webkit-text-stroke:.3px currentColor;align-items:center;display:flex;font-size:clamp(1.1rem,.8rem + 1.05vw,1.3rem)!important;font-weight:900!important;gap:.25rem;line-height:1}.ethers-label{font-size:.7rem;font-weight:500;letter-spacing:.02em;line-height:1;margin-top:1px;opacity:.75;text-transform:lowercase}.ethers-badge.ethers-regular{border-color:#10b9814d;color:#10b981}.ethers-badge.ethers-regular:hover{background:#10b9811a;border-color:#10b981;box-shadow:0 0 12px #10b9814d}.ethers-badge.ethers-bonus{border-color:#f4cd664d;color:#f4cd66}.ethers-badge.ethers-bonus:hover{background:#f4cd661a;border-color:#f4cd66;box-shadow:0 0 12px #f4cd664d}.notification-icon{color:#d8d3f1;cursor:pointer;transition:all .3s ease}.bell-container .notification-icon,.bell-container .notification-icon svg{height:100%!important;width:100%!important}@media (max-width:1024px){.ethers-badge{padding:.65rem .85rem}}@media (max-width:768px){.header{left:0;max-width:100vw;padding:.75rem 20px .75rem .75rem;width:100%}.header-desktop{display:none}.header-mobile{align-items:center;display:flex;justify-content:space-between;overflow-x:hidden;width:100%}.header-logo-mobile{align-items:center;background:#140f2d;border-radius:6px;display:flex;flex-shrink:1;gap:.4rem;max-width:120px;padding:.4rem .6rem;transition:all .2s ease}.logo-icon-mobile{flex-shrink:0;font-size:1.25rem;transition:font-size .2s ease}.logo-image-mobile{flex-shrink:0;object-fit:contain;transition:all .2s ease}.logo-text-mobile{font-size:.6rem;font-weight:600;line-height:1.1;overflow:hidden;transition:all .2s ease}.header-actions-mobile{align-items:center;display:flex;flex-shrink:0;gap:.5rem;transition:gap .2s ease}.subscription-badge-mobile{border-radius:20px;flex-shrink:0;font-size:clamp(.65rem,.45rem + .85vw,1.1rem)!important;font-weight:700;letter-spacing:.01em;min-width:70px;padding:.35rem .7rem;text-align:center;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.ethers-badge{border-radius:16px;flex-shrink:0;font-size:.65rem;min-width:45px;padding:.5rem .6rem;transition:all .2s ease}.ethers-content{gap:1px}.ethers-label{margin-top:0;transition:font-size .2s ease}.btn-login-mobile{background:linear-gradient(135deg,var(--accent-gold-light) 0,var(--accent-gold) 100%);border:none;border-radius:6px;color:var(--bg-primary);cursor:pointer;flex-shrink:0;font-size:.8rem;font-weight:600;padding:.45rem .8rem;transition:all .2s ease;white-space:nowrap}@media (hover:hover){.btn-login-mobile:hover{box-shadow:0 4px 12px #0006;transform:translateY(-2px)}}.btn-login-mobile:active{transform:scale(.98)}.menu-toggle{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:.25rem}.bell-container,.menu-toggle,.notification-icon{flex-shrink:0}.avatar{transition:transform .2s ease}}.bell-container{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .3s ease}.bell-container:hover .notification-icon{animation:bellRing .6s ease-in-out;color:#f4cd66}@keyframes bellRing{0%,to{transform:rotate(0deg)}25%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}75%{transform:rotate(10deg)}}.notification-badge{align-items:center;animation:pulse 2s infinite;background:#ef4444;border-radius:50%;box-shadow:0 0 8px #ef4444cc;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:2px 6px;position:absolute;right:-8px;top:-8px}.notifications-panel{animation:slideDown .3s ease;background:#1e1833;border:1px solid #3a3456;border-radius:16px;box-shadow:0 12px 40px #000c;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:fixed;right:60px;top:85px;width:380px;z-index:1000}.notifications-panel-header{align-items:center;background:#1a1433;border-bottom:1px solid #3a3456;display:flex;justify-content:space-between;padding:20px}.notifications-panel-header h3{color:#f4cd66;font-size:19px;font-weight:600;margin:0}.unread-count{background:#ef444426;border-radius:12px;color:#ef4444;font-size:12px;font-weight:600;padding:4px 10px}.notifications-panel-list{flex:1 1;max-height:500px;overflow-y:auto}.notifications-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.notifications-empty p{color:#666;font-size:15px;margin-top:16px}.notification-item{align-items:flex-start;background:#1e1833;border-bottom:1px solid #2a2542;cursor:pointer;display:flex;gap:16px;padding:16px 20px;position:relative;transition:all .2s}.notification-item:hover{background:#252040}.notification-item.unread{background:#f4cd660d;border-left:3px solid #f4cd66}.notification-item.unread:after{background:#f4cd66;border-radius:50%;box-shadow:0 0 8px #f4cd6699;content:"";height:8px;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:8px}.notification-icon-wrapper{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-shrink:0;justify-content:center;padding:8px}.notification-type-icon{flex-shrink:0}.notification-type-icon.admin{color:#a855f7}.notification-type-icon.system{color:#3b82f6}.notification-type-icon.gift{color:#f4cd66}.notification-type-icon.reminder{color:#22c55e}.notification-type-icon.promo{color:#f97316}.notification-type-icon.default{color:#9ca3af}.notification-content{flex:1 1;min-width:0}.notification-header-row{gap:8px;margin-bottom:6px}.notification-content h4{color:#fff;flex:1 1;font-size:15px;font-weight:600;margin:0;min-width:0}.notification-admin-id{background:#a855f71a;border:1px solid #a855f74d;border-radius:12px;color:#a855f7;flex-shrink:0;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.notification-content p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#aaa;display:-webkit-box;font-size:13px;line-height:1.4;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis}.notification-time{color:#666;font-size:12px}.notification-delete{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s}.notification-delete:hover{background:#ef44441a;color:#ef4444}.notifications-see-all{background:#1a1433;border-top:1px solid #3a3456;color:#f4cd66;display:block;font-size:14px;font-weight:600;padding:16px 20px;text-align:center;text-decoration:none;transition:all .2s}.notifications-see-all:hover{background:#252040;color:#f4cd66;text-decoration:none}.critical-notification-overlay{align-items:flex-start;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:flex-end;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.critical-notification-modal{animation:slideInRight .4s ease;background:#1a1a1a;border-radius:12px;max-width:100%;padding:24px;position:relative;width:400px}.critical-notification-modal.priority-info{border:2px solid #3b82f6;box-shadow:0 16px 48px #3b82f64d}.critical-notification-modal.priority-info .critical-header h3{color:#3b82f6}.critical-notification-modal.priority-info .critical-button{background:#3b82f6}.critical-notification-modal.priority-info .critical-button:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666}.critical-notification-modal.priority-info .critical-button:focus{outline:2px solid #3b82f6}.critical-notification-modal.priority-info .critical-close:hover{background:#3b82f61a;color:#3b82f6}.critical-notification-modal.priority-warning{border:2px solid #f59e0b;box-shadow:0 16px 48px #f59e0b4d}.critical-notification-modal.priority-warning .critical-header h3{color:#f59e0b}.critical-notification-modal.priority-warning .critical-button{background:#f59e0b}.critical-notification-modal.priority-warning .critical-button:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b66}.critical-notification-modal.priority-warning .critical-button:focus{outline:2px solid #f59e0b}.critical-notification-modal.priority-warning .critical-close:hover{background:#f59e0b1a;color:#f59e0b}.critical-notification-modal.priority-critical{border:2px solid #ef4444;box-shadow:0 16px 48px #ef44444d}.critical-notification-modal.priority-critical .critical-header h3{color:#ef4444}.critical-notification-modal.priority-critical .critical-button{background:#ef4444}.critical-notification-modal.priority-critical .critical-button:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466}.critical-notification-modal.priority-critical .critical-button:focus{outline:2px solid #ef4444}.critical-notification-modal.priority-critical .critical-close:hover{background:#ef44441a;color:#ef4444}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.critical-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:12px;transition:all .2s}.critical-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.critical-icon{font-size:32px}.critical-header h3{flex:1 1;font-size:20px;font-weight:600;margin:0}.critical-message{color:#ccc;font-size:15px;line-height:1.6;margin:0 0 24px}.critical-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s;width:100%}.critical-button:hover{transform:translateY(-1px)}.critical-button:active{transform:translateY(0)}.critical-button:focus{outline-offset:2px}@media (max-width:768px){.notifications-panel{left:10px;max-height:70vh;right:10px;top:70px;width:auto}.critical-notification-modal{max-width:calc(100vw - 40px);width:100%}}@media (max-width:480px){.header{align-items:center;display:flex;height:clamp(65px,60px + 2.5vw,74px)!important;padding:clamp(.5rem,1.5vw,.75rem) clamp(.5rem,4vw,1.25rem) clamp(.5rem,1.5vw,.75rem) clamp(.5rem,1.5vw,.75rem)}.header-logo-mobile{gap:clamp(.2rem,1vw,.4rem);padding:clamp(.25rem,1vw,.4rem) clamp(.35rem,1.5vw,.6rem)}.logo-icon-mobile{font-size:clamp(1rem,3vw,1.25rem)}.logo-text-mobile{font-size:clamp(.5rem,1.5vw,.6rem)}.header-actions-mobile{gap:clamp(.2rem,1.2vw,.5rem)}.subscription-badge-mobile{border-radius:clamp(14px,5vw,20px);font-size:clamp(.3rem,.3rem + 1vw,.75rem)!important;min-width:clamp(55px,17vw,0px);padding:clamp(.25rem,.5vw,.35rem) clamp(.5rem,1.8vw,.7rem)}.ethers-badge{border-radius:clamp(12px,4vw,16px);font-size:clamp(.55rem,1.6vw,.65rem)!important;min-width:clamp(40px,12vw,45px);padding:clamp(.25rem,1vw,.35rem)!important}.ethers-label{font-size:clamp(.5rem,.4rem + .55vw,.65rem)!important}.ethers-value{font-size:clamp(.65rem,.55rem + .55vw,1rem)!important;gap:clamp(1px,0px + .55vw,4px)!important}.ethers-badge svg{height:clamp(10px,8px + 1.1vw,16px)!important;width:clamp(10px,8px + 1.1vw,16px)!important}.bell-container,.bell-container .notification-icon,.bell-container .notification-icon svg{height:clamp(18px,6vw,24px)!important;width:clamp(18px,6vw,24px)!important}.avatar{height:clamp(30px,10vw,50px)!important;width:clamp(30px,10vw,50px)!important}.avatar-image,.avatar-placeholder{height:100%!important;width:100%!important}.avatar-placeholder svg{height:60%!important;width:60%!important}.logo-image-mobile{height:clamp(30px,10vw,50px)!important;width:clamp(30px,10vw,50px)!important}}@media (max-width:375px){.ethers-badge{padding:.35rem .4rem!important}}@media (max-width:350px){.header-actions-mobile{gap:.25rem}.ethers-badge{padding:.3rem .35rem!important}.subscription-badge-mobile{padding:.25rem .5rem}}@media (max-width:320px){.ethers-badge{padding:.28rem .32rem!important}}@media (max-width:300px){.header{padding:.5rem}.header-actions-mobile{gap:.2rem}.logo-text-mobile{font-size:.5rem}.subscription-badge-mobile{min-width:55px}.ethers-badge{font-size:.55rem!important;min-width:40px;padding:.25rem .3rem!important}}.auth-modal-overlay{align-items:center;animation:authModalFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@keyframes authModalFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal-content{animation:authModalSlideUp .3s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:1.25rem;position:relative;width:90%}@keyframes authModalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-modal-close{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s}.auth-modal-close:hover{background:var(--bg-hover);color:var(--accent-gold)}.auth-modal-header{margin-bottom:.5rem;text-align:center}.auth-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-gold-light) 0,var(--accent-gold) 100%);-webkit-background-clip:text;background-clip:text;font-family:Rajdhani,sans-serif;font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.auth-modal-header p{color:var(--text-secondary);display:block;font-size:.95rem;line-height:1.3;margin-top:.25rem;text-align:center}.ether-icon-inline{color:#f4cd67;vertical-align:middle}.google-login-container{display:flex;justify-content:center;margin-bottom:.5rem}.google-auth-button{background:#fff;border:1px solid #2f274d;border-radius:8px;cursor:pointer;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.google-auth-button:hover{background:#faf8f0;border-color:#d4a843;border-color:var(--accent-gold,#d4a843);transform:translateY(-1px)}.google-auth-button:active{background:#f5f3ec;transform:translateY(0)}.google-auth-button:disabled{cursor:not-allowed;opacity:.6}.google-button-content{gap:12px}.google-button-content,.google-logo-wrapper{align-items:center;display:flex;justify-content:center}.google-button-content span{color:#3c4043;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.95rem;font-weight:500}.auth-divider{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.auth-divider:after,.auth-divider:before{background:linear-gradient(90deg,#0000,var(--border-color),#0000);content:"";flex:1 1;height:1px}.auth-divider span{color:var(--text-secondary);font-size:.85rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.auth-form{display:flex;flex-direction:column;gap:.25rem}.form-group{gap:.1rem}.form-group input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.5rem .75rem;transition:all .3s ease}.form-group input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #0000001a;outline:none}.form-group input::placeholder{color:var(--text-muted)}.error-message{padding:.75rem 1rem}.auth-switch{color:var(--text-secondary);font-size:.9rem;margin-top:.75rem;text-align:center}.link-button{background:#0000;border:none;color:var(--accent-gold);cursor:pointer;font-weight:600;padding:0;text-decoration:underline}.link-button:hover{color:var(--accent-gold-light)}@media (max-width:768px){.auth-modal-content{max-height:95vh;width:95%}.auth-modal-header h2{font-size:1.4rem}.auth-form{gap:.5rem}}.global-mini-player{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0d1024,#1a1d3a);border:1px solid #2c2743!important;border-radius:12px 12px 0 0;bottom:0;box-shadow:0 -4px 20px #00000080;left:0;max-width:100vw;overflow:visible;position:fixed;right:0;width:100%;z-index:150}.mini-player-content{align-items:center;display:flex;gap:12px;margin:0 auto;max-width:1400px;padding:12px 20px;width:100%}.mini-player-icon{background:#0d102466;border:1px solid #d4af3759;border-radius:50%;box-shadow:0 0 20px #d4af3766;flex-shrink:0;height:48px;overflow:hidden;width:48px}.mini-player-icon img{border-radius:50%;height:100%;object-fit:cover;width:100%}.mini-player-icon-placeholder{align-items:center;background:#d4af371a;border-radius:50%;color:#d4af37;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.mini-player-info{display:flex;flex-direction:column;flex-shrink:0;gap:4px;min-width:150px}.mini-player-title{color:#fff;font-size:14px;font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player-time{color:#fff9;font-family:Ubuntu,Rajdhani,-apple-system,sans-serif;font-size:12px}.mini-player-progress-section{align-items:center;display:flex;flex:1 1;min-width:100px}.mini-progress-bar{cursor:pointer;height:6px;position:relative;transition:height .2s ease;-webkit-user-select:none;user-select:none;width:100%}.mini-progress-bar.dragging,.mini-progress-bar:hover{height:10px}.mini-progress-bg{background:#ffffff1a;border-radius:3px;height:100%;overflow:hidden;width:100%}.mini-progress-fill{border-radius:3px;height:100%;position:relative;transition:width .1s linear}.mini-progress-fill,.mini-progress-fill:after{background:gold;box-shadow:0 0 10px currentColor}.mini-progress-fill:after{border-radius:50%;content:"";height:12px;opacity:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .2s;width:12px}.mini-progress-bar.dragging .mini-progress-fill:after,.mini-progress-bar:hover .mini-progress-fill:after{opacity:1}.mini-progress-bar.dragging{cursor:grabbing!important}.mini-progress-bar.dragging .mini-progress-fill{box-shadow:0 0 20px currentColor}.mini-player-controls{align-items:center;display:flex;flex-shrink:0;gap:8px}.mini-volume-control{align-items:center;display:flex;position:relative}.mini-control-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s;width:40px}.mini-volume-btn{background:#ffffff1a;border:1px solid #fff3;color:#ffffffb3}.mini-volume-btn:hover{background:#fff3;border-color:#2c2743!important;color:#d4af37}.mini-volume-slider-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d1024f2;border:1px solid #d4af374d;border-radius:12px;bottom:100%;box-shadow:0 8px 24px #00000080;display:flex;height:120px;justify-content:center;left:50%;margin-bottom:8px;padding:12px 16px;position:absolute;transform:translateX(-50%);width:48px;z-index:10001}.mini-volume-slider{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer;height:4px;outline:none;touch-action:none;transform:rotate(-90deg);transform-origin:center;width:100px}.mini-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#d4af37;border-radius:50%;box-shadow:0 0 8px #d4af3780;cursor:pointer;height:16px;-webkit-transition:all .2s;transition:all .2s;width:16px}.mini-volume-slider::-webkit-slider-thumb:hover{box-shadow:0 0 16px #d4af37cc;transform:scale(1.2)}.mini-volume-slider::-moz-range-thumb{background:#d4af37;border:none;border-radius:50%;box-shadow:0 0 8px #d4af3780;cursor:pointer;height:16px;-moz-transition:all .2s;transition:all .2s;width:16px}.mini-volume-slider::-moz-range-thumb:hover{box-shadow:0 0 16px #d4af37cc;transform:scale(1.2)}.mini-play-btn{background:linear-gradient(135deg,#d4af37,#f3ca5e);box-shadow:0 2px 10px #d4af3766;color:#0d1024}.mini-play-btn:hover{background:linear-gradient(135deg,#f3ca5e,#d4af37);box-shadow:0 4px 16px #d4af3799;transform:scale(1.05)}.mini-close-btn{background:#ffffff1a;border:1px solid #fff3;color:#ffffffb3}.mini-close-btn:hover{background:#ef444433;border-color:#ef4444;color:#ef4444}@media (min-width:769px){.global-mini-player{left:260px;width:auto}}@media (max-width:1024px) and (min-width:769px){.mini-player-content{padding:10px 16px}.mini-player-icon{height:44px;width:44px}.mini-player-title{max-width:150px}}@media (max-width:768px){.global-mini-player{border-radius:12px 12px 0 0;bottom:60px;left:0;max-width:100vw}.mini-player-content{gap:6px;padding:8px 10px;width:100%}.mini-player-icon{flex-shrink:0;height:36px;width:36px}.mini-player-info{flex-shrink:1;max-width:120px;min-width:80px;overflow:hidden}.mini-player-title{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.mini-player-time{font-size:10px}.mini-player-progress-section{flex:1 1;min-width:60px;overflow:hidden}.mini-control-btn{flex-shrink:0;height:34px;width:34px}.mini-player-controls{flex-shrink:0;gap:6px}.mini-close-btn svg,.mini-play-btn svg,.mini-volume-btn svg{height:16px;width:16px}.mini-volume-slider-container{height:110px;padding:10px 14px;width:44px}.mini-volume-slider{width:90px}}@media (max-width:480px){.mini-player-content{gap:4px;padding:6px 8px}.mini-player-icon{height:32px;width:32px}.mini-player-info{max-width:100px;min-width:70px}.mini-player-title{font-size:11px}.mini-player-time{font-size:9px}.mini-player-progress-section{min-width:50px}.mini-player-controls{gap:4px}.mini-control-btn{height:30px;width:30px}.mini-close-btn svg,.mini-play-btn svg,.mini-volume-btn svg{height:14px;width:14px}.mini-volume-slider-container{height:100px;padding:8px 12px;width:40px}.mini-volume-slider{width:80px}.mini-volume-slider::-webkit-slider-thumb{height:14px;width:14px}.mini-volume-slider::-moz-range-thumb{height:14px;width:14px}}.layout{display:flex;max-width:100vw;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.desktop-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:width .3s ease;width:260px;z-index:200}.desktop-sidebar.collapsed{width:80px}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:260px;max-width:calc(100vw - 260px);min-height:100vh;overflow-x:hidden;padding-bottom:80px;padding-top:88px;transition:margin-left .3s ease;width:100%}.main-content.expanded{margin-left:80px;max-width:calc(100vw - 80px)}.content-area{flex:1 1;padding:0}@media (max-width:768px){.desktop-sidebar{display:none}.main-content{padding-bottom:140px;padding-top:70px;width:100%}.main-content,.main-content.expanded{margin-left:0;max-width:100vw}.content-area{overflow-x:hidden;width:100%}}.admin-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:none;gap:.75rem;justify-content:space-between;left:0;overflow:hidden;padding:1rem .75rem;position:fixed;right:0;top:0;width:100%;z-index:60}.admin-menu-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:all .2s ease}.admin-menu-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-header-title{color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:600;min-width:0;overflow:hidden;padding:0 .5rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.admin-back-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:.9rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease;white-space:nowrap}.admin-back-btn:hover{background:var(--bg-hover);border-color:var(--accent-gold);color:var(--text-primary)}.admin-back-btn span{display:none}@media (max-width:767px){.admin-header{display:flex}.admin-header-title{font-size:.95rem}}@media (min-width:480px) and (max-width:767px){.admin-back-btn span{display:inline}.admin-header-title{font-size:1rem}}@media (max-width:480px){.admin-header{gap:.5rem;padding:.85rem .5rem}.admin-header-title{font-size:.9rem;padding:0 .25rem}.admin-menu-toggle{padding:.4rem}.admin-back-btn{padding:.4rem .6rem}}@media (max-width:375px){.admin-header{gap:.4rem;padding:.75rem .4rem}.admin-header-title{font-size:.85rem;padding:0}.admin-back-btn,.admin-menu-toggle{padding:.35rem .5rem}}.admin-layout{background:var(--bg-primary);display:flex;flex-direction:column;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}@media (min-width:768px){.admin-layout{flex-direction:row}}.admin-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:width .3s ease;width:280px;z-index:100}.admin-sidebar.collapsed{width:80px}.admin-sidebar-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem;position:relative}.admin-sidebar-header h2{color:var(--accent-gold);font-size:1.25rem}.admin-content{flex:1 1;overflow-x:hidden;padding:2rem;transition:margin-left .3s ease;width:100%}@media (min-width:768px){.admin-content{margin-left:280px;max-width:calc(100vw - 280px)}.admin-content.expanded{margin-left:80px;max-width:calc(100vw - 80px)}}.admin-nav{display:flex;flex-direction:column;gap:.25rem;padding:1rem}.admin-nav-item{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;gap:.75rem;padding:1rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.admin-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-nav-item.active{background:#f6d47626;border:1px solid #0000004d;color:var(--accent-gold)}.admin-sidebar.collapsed .admin-nav-item{justify-content:center;padding:1rem .5rem}.admin-mobile-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:55}.admin-mobile-menu{animation:slideInLeft .3s ease;background:var(--bg-secondary);border-right:1px solid var(--border-color);box-shadow:var(--shadow-lg);height:100%;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:56}.admin-mobile-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.admin-mobile-header h2{color:var(--accent-gold);font-size:1.25rem}.admin-mobile-close{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:.25rem;transition:all .2s ease}.admin-mobile-close:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-mobile-nav{display:flex;flex-direction:column;gap:.25rem;padding:1rem}.admin-mobile-nav-item{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.admin-mobile-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-mobile-nav-item.active{background:#f6d47626;border:1px solid #0000004d;color:var(--accent-gold)}.sidebar-toggle-btn{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:.25rem;transition:all .2s ease}.sidebar-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}@media (max-width:767px){.admin-sidebar{display:none}.admin-content{margin-left:0;max-width:100vw;padding:95px .75rem 1rem}.admin-mobile-overlay{display:block}}@media (max-width:480px){.admin-content{padding:95px .5rem .75rem}.admin-mobile-menu{max-width:260px;width:90%}.admin-mobile-nav-item{font-size:.9rem;padding:.65rem .85rem}.admin-mobile-header{padding:1.25rem}.admin-mobile-header h2{font-size:1.1rem}}@media (min-width:768px){.admin-mobile-overlay{display:none}}.welcome-bonus-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.welcome-bonus-modal{animation:slideIn .5s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid var(--accent-gold);border-radius:24px;box-shadow:0 20px 60px #00000080,0 0 40px #d4af374d;max-width:560px;padding:3rem 2.5rem;position:relative;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.welcome-bonus-modal.animating{animation:zoomOut .5s ease forwards}@keyframes zoomOut{to{opacity:0;transform:scale(.8)}}.welcome-close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:36px}.welcome-close-btn:hover{background:#d4af3733;border-color:var(--accent-gold);color:var(--accent-gold);transform:rotate(90deg)}.welcome-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.welcome-icon{animation:bounce 1s ease infinite}.welcome-congratulations{-webkit-text-fill-color:#0000;animation:scaleIn .6s ease;background:linear-gradient(135deg,var(--accent-gold-light) 0,var(--accent-gold) 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;line-height:1.2;margin:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.welcome-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-gold-light) 0,var(--accent-gold) 100%);-webkit-background-clip:text;font-size:1.75rem;font-weight:700;line-height:1.3;margin:0}.welcome-bonus-display{background:linear-gradient(135deg,#d4af3733,#d4af371a);border:2px solid #d4af3766;border-radius:16px;margin:1rem 0;padding:1.5rem 2rem}.bonus-amount{align-items:center;animation:pulse 2s ease infinite;color:#f4cd66;display:flex;font-size:2.5rem;font-weight:700;gap:.5rem;justify-content:center}.bonus-label{color:var(--text-muted);font-size:1rem;margin-top:.5rem}.welcome-message{color:var(--text-secondary);font-size:1rem;line-height:1.6}.welcome-message p{margin:.5rem 0}.welcome-message strong{color:var(--accent-gold);font-weight:600}.welcome-hint{color:var(--text-muted)!important;font-size:.9rem!important;font-style:italic}.days-remaining-info{align-items:center;background:#d4af371a;border:1px solid #d4af374d;border-radius:12px;display:flex;gap:1rem;margin-top:1rem;padding:1rem 1.5rem}.days-circle{align-items:center;background:linear-gradient(135deg,#d4af374d,#d4af371a);border:2px solid var(--accent-gold);border-radius:50%;display:flex;flex-direction:column;height:64px;justify-content:center;width:64px}.days-number{color:var(--accent-gold);font-size:1.75rem;font-weight:700}.days-label{color:var(--text-muted);font-size:.7rem;text-transform:uppercase}.days-remaining-info p{color:var(--text-secondary);flex:1 1;font-size:.95rem;margin:0}.countdown-timer{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-muted);font-family:Ubuntu,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem}.flying-ether{animation:flyToHeader 1.5s ease-out forwards;pointer-events:none;position:fixed;transform:translate(-12px,-12px);z-index:10000}@keyframes flyToHeader{0%{opacity:1;transform:translate(-12px,-12px) scale(1)}50%{opacity:1;transform:translate(calc(var(--delta-x)*.5 - 12px),calc(var(--delta-y)*.5 - 12px)) scale(1.3)}to{opacity:0;transform:translate(calc(var(--delta-x) - 12px),calc(var(--delta-y) - 12px)) scale(.3)}}@media (max-width:768px){.welcome-bonus-modal{max-width:90%;padding:2rem 1.5rem}.welcome-icon{font-size:3rem}.welcome-congratulations{font-size:1.6rem}.welcome-title{font-size:1.4rem}.bonus-amount{font-size:2rem}.welcome-bonus-display{padding:1rem 1.5rem}.welcome-message{font-size:.9rem}.days-remaining-info{flex-direction:column;text-align:center}.days-circle{height:56px;width:56px}.days-number{font-size:1.5rem}}@media (max-width:480px){.welcome-bonus-modal{padding:1.5rem 1rem}.welcome-congratulations{font-size:1.4rem}.welcome-title{font-size:1.2rem}.bonus-amount{font-size:1.75rem}}.home-page{max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.hero-section{align-items:center;display:flex;justify-content:center;min-height:500px;overflow:hidden;padding:4rem 2rem;position:relative;width:100%}.hero-animation{height:100%;left:50%;opacity:.3;position:absolute;top:0;transform:translateX(-50%);width:2px}.hero-content{max-width:800px;padding:0 1rem;position:relative;text-align:center;width:100%;z-index:1}.hero-title{-webkit-text-fill-color:#0000;animation:titleFloat 4s ease-in-out infinite;background:linear-gradient(135deg,var(--accent-gold-light) 0,var(--accent-gold) 50%,var(--accent-gold-dark) 100%);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-subtitle{color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:3rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (hover:hover){.btn-large.btn-primary:hover{box-shadow:0 4px 12px #0006;transform:translateY(-2px)}.btn-large.btn-ghost:hover,.btn-large.btn-secondary:hover{background:var(--bg-tertiary);box-shadow:0 4px 12px #0003;color:gold;transform:translateY(-2px)}}.state-widget{margin:0 auto;max-width:1200px;padding:2rem}.widget-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.widget-header h3{color:var(--accent-gold-light);font-size:1.5rem}.mood-emoji{animation:bounce 2s ease-in-out infinite;font-size:2rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.daily-tip{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.tip-label{color:var(--text-muted);font-size:.9rem;margin-bottom:.5rem}.tip-text{color:var(--text-primary);font-size:1.1rem;font-style:italic;line-height:1.6}.quick-actions{margin:0 auto;max-width:1200px;padding:3rem 2rem}.section-title{color:var(--accent-gold-light);font-size:2rem;margin-bottom:2rem}.actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;position:relative;text-decoration:none;transition:all .3s ease}.action-card:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-md);transform:translateY(-5px)}.action-icon{color:var(--accent-gold);margin-bottom:1rem}.action-card h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:.5rem}.action-card p{color:var(--text-secondary);font-size:.95rem}.action-card .lock-badge{font-size:1.25rem;position:absolute;right:1rem;top:1rem}.about-section{margin:0 auto 4rem;max-width:1000px;padding:3rem 2rem}.about-section h2{color:var(--accent-gold-light);font-size:2rem;margin-bottom:1.5rem}.about-section p{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin-bottom:1rem}.about-section strong{color:var(--accent-gold)}.btn-neuro{animation:neuroBounce 4s ease-in-out infinite;background:linear-gradient(135deg,#7d4fda,#663acf 50%,#5230b0);border:none;box-shadow:0 4px 15px #663acf66;color:#fcee6d;transition:all .2s ease}@media (hover:hover){.btn-neuro:hover{animation:none;background:linear-gradient(135deg,#6a3cc5,#5732a8 50%,#45288f);box-shadow:0 6px 20px #663acf99,0 0 30px #663acf4d;color:gold;transform:translateY(-2px)}}.btn-neuro:active{transform:scale(.98)}@keyframes neuroBounce{0%,to{transform:translateY(0)}2%{transform:translateY(-5px)}3%{transform:translateY(0)}3.5%{transform:translateY(-2.5px)}4%{transform:translateY(0)}4.3%{transform:translateY(-1px)}4.6%{transform:translateY(0)}}@media (max-width:768px){.hero-section{min-height:400px;padding:3rem 1rem}.hero-title{font-size:2.5rem;word-break:break-word}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column;width:100%}.btn-large{width:100%}.section-title{font-size:1.5rem}.actions-grid{gap:1rem;grid-template-columns:1fr}.action-card{padding:1.5rem}.btn-neuro{animation:neuroBounce 4s ease-in-out infinite}.about-section,.quick-actions{padding:2rem 1rem}.state-widget{padding:1rem}}@media (max-width:480px){.hero-section{min-height:350px;padding:2rem .75rem}.hero-title{font-size:2rem;line-height:1.2}.hero-subtitle{font-size:.9rem;line-height:1.4}.btn-large{font-size:1rem;padding:.85rem 1.5rem}.section-title{font-size:1.25rem}.action-card{padding:1.25rem}.action-card h3{font-size:1.1rem}.action-card p{font-size:.85rem}.about-section,.quick-actions{padding:1.5rem .75rem}}.nav-tabs-wrapper{width:100%}.nav-tab-item:hover:not(.active):not(:disabled){background:var(--bg-tertiary);box-shadow:0 4px 12px #0003;color:gold;transform:translateY(-2px)}.nav-tab-item:hover:not(.active):not(:disabled) svg{color:gold}.nav-tab-item:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.nav-tab-badge{align-items:center;border-radius:50%;box-shadow:0 0 8px #ef444499;display:flex;font-size:.75rem;font-weight:700;height:22px;justify-content:center;margin-left:.5rem;min-width:22px;padding:0 7px}.nav-tab-badge,.nav-tab-item.active .nav-tab-badge{background:#ef4444;color:#fff}.nav-tabs-compact{gap:6px;padding:16px;row-gap:6px}.nav-tabs-compact .nav-tab-item{font-size:.85rem;gap:6px;min-height:40px;padding:8px 12px}.nav-tabs-compact .nav-tab-badge{font-size:.7rem;height:18px;min-width:18px;padding:0 5px}@media (min-width:768px) and (max-width:1024px){.nav-tabs-compact.nav-tabs-tablet .nav-tab-item{flex-direction:column;gap:0;justify-content:center;text-align:center}.nav-tabs-compact.nav-tabs-tablet .nav-tab-item span{font-size:11px;line-height:1.2;margin-top:4px}.nav-tabs-compact.nav-tabs-tablet .nav-tab-badge{margin-left:0;margin-top:4px}}@media (max-width:767px){.nav-tabs-compact.nav-tabs-mobile .nav-tab-item{flex-direction:column;gap:0;justify-content:center;text-align:center}.nav-tabs-compact.nav-tabs-mobile .nav-tab-item span{font-size:11px;line-height:1.2;margin-top:4px}.nav-tabs-compact.nav-tabs-mobile .nav-tab-badge{margin-left:0;margin-top:4px}}@media (min-width:768px) and (max-width:1024px){.nav-tabs-example{align-content:flex-start;gap:6px;padding:20px;row-gap:8px}.nav-tab-item{flex-direction:column;gap:0;justify-content:center;padding:10px 12px;text-align:center}.nav-tabs-tablet{align-items:stretch;justify-content:flex-start}.nav-tabs-tablet.nav-tabs-count-2 .nav-tab-item{flex-basis:calc(50% - 6px);flex-grow:1;flex-shrink:1;max-width:none}.nav-tabs-tablet.nav-tabs-count-3 .nav-tab-item{flex-basis:calc(33.333% - 6px);flex-grow:1;flex-shrink:1;max-width:none}.nav-tabs-tablet.nav-tabs-count-4 .nav-tab-item,.nav-tabs-tablet.nav-tabs-count-5 .nav-tab-item:not(.nav-tabs-second-row){flex-basis:calc(50% - 6px);flex-grow:1;flex-shrink:1;max-width:none}.nav-tabs-tablet.nav-tabs-count-5 .nav-tab-item.nav-tabs-second-row,.nav-tabs-tablet.nav-tabs-count-6 .nav-tab-item,.nav-tabs-tablet.nav-tabs-count-7 .nav-tab-item.nav-tabs-second-row,.nav-tabs-tablet.nav-tabs-count-7 .nav-tab-item:not(.nav-tabs-second-row):not(.nav-tabs-third-row){flex-basis:calc(33.333% - 6px);flex-grow:1;flex-shrink:1;max-width:none}.nav-tabs-tablet.nav-tabs-count-7 .nav-tab-item.nav-tabs-third-row{flex:1 1 100%;margin:0 auto;max-width:400px}.nav-tabs-tablet .nav-tab-item span{font-size:11px;line-height:1.2;margin-top:4px}.nav-tabs-tablet .nav-tab-badge{margin-left:0;margin-top:4px}}@media (max-width:767px){.nav-tabs-example{align-content:flex-start;gap:4px;padding:16px;row-gap:8px}.nav-tab-item{flex-direction:column;gap:0;justify-content:center;padding:10px 8px;text-align:center}.nav-tabs-mobile{align-items:stretch;justify-content:flex-start}.nav-tabs-mobile.nav-tabs-count-2 .nav-tab-item{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;max-width:none}.nav-tabs-mobile.nav-tabs-count-3 .nav-tab-item{flex-basis:calc(33.333% - 4px);flex-grow:1;flex-shrink:1;max-width:none}.nav-tabs-mobile.nav-tabs-count-4 .nav-tab-item,.nav-tabs-mobile.nav-tabs-count-5 .nav-tab-item:not(.nav-tabs-second-row){flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;max-width:none}.nav-tabs-mobile.nav-tabs-count-5 .nav-tab-item.nav-tabs-second-row,.nav-tabs-mobile.nav-tabs-count-6 .nav-tab-item,.nav-tabs-mobile.nav-tabs-count-7 .nav-tab-item.nav-tabs-second-row,.nav-tabs-mobile.nav-tabs-count-7 .nav-tab-item:not(.nav-tabs-second-row):not(.nav-tabs-third-row){flex-basis:calc(33.333% - 4px);flex-grow:1;flex-shrink:1;max-width:none}.nav-tabs-mobile.nav-tabs-count-7 .nav-tab-item.nav-tabs-third-row{flex:1 1 100%;margin:0 auto;max-width:300px}.nav-tabs-mobile.nav-tabs-count-8 .nav-tab-item.nav-tabs-second-row,.nav-tabs-mobile.nav-tabs-count-8 .nav-tab-item:not(.nav-tabs-second-row):not(.nav-tabs-third-row){flex-basis:calc(33.333% - 4px);flex-grow:1;flex-shrink:1;max-width:none}.nav-tabs-mobile.nav-tabs-count-8 .nav-tab-item.nav-tabs-third-row{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;max-width:none}.nav-tabs-mobile .nav-tab-item span{font-size:11px;line-height:1.2;margin-top:4px}.nav-tabs-mobile .nav-tab-badge{font-size:.65rem;height:18px;margin-left:0;margin-top:4px;min-width:18px;padding:0 5px}}.nav-tab-item:active:not(.active):not(:disabled){background:var(--bg-tertiary);color:gold}.nav-tab-item:active:not(.active):not(:disabled) svg{color:gold}@media (hover:none) and (pointer:coarse){.nav-tab-item:hover:not(.active):not(:disabled){background:#0000;box-shadow:none;color:var(--text-secondary);transform:none}.nav-tab-item:hover:not(.active):not(:disabled) svg{color:inherit}}.nav-tab-item{will-change:transform}@media (prefers-reduced-motion:reduce){.nav-tab-item{transition-duration:.01ms!important}}@media (prefers-contrast:high){.nav-tab-item,.nav-tabs-example{border-width:2px}}.evolution-page{max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.evolution-sections{margin-top:2rem}.evolution-card{text-align:center}.card-icon{background:linear-gradient(135deg,#f6d47633,#f0bc3233);border-radius:50%;color:var(--accent-gold);display:inline-flex;margin-bottom:1rem}.evolution-card h3{color:var(--accent-gold-light);font-size:1.5rem;margin-bottom:.75rem}.evolution-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.placeholder-content{background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:8px;padding:2rem 1rem}.placeholder-text{color:var(--text-muted);font-size:.95rem;font-style:italic;margin-bottom:1rem}.evolution-page [role=tabpanel]{animation:fadeIn .3s ease}.header-with-caste{align-items:center;display:flex;gap:1.5rem;justify-content:center}.caste-icon-display{align-items:center;background:var(--bg-secondary);border:2px solid;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.caste-name{font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.self-discovery-section{align-items:center;display:flex;justify-content:center;min-height:400px}.start-test-card,.test-result-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;max-width:600px;padding:3rem;text-align:center;width:100%}.start-test-icon{color:var(--accent-gold);margin-bottom:1.5rem}.start-test-card h2,.test-result-card h2{color:var(--accent-gold-light);font-size:2rem;margin-bottom:1rem}.start-test-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.btn-large{font-size:1.1rem;min-width:200px}.test-result{align-items:center;display:flex;flex-direction:column;gap:1rem}.consciousness-level{color:var(--text-secondary);font-size:1.2rem;margin:1rem 0}.consciousness-level strong{color:var(--accent-gold);font-size:1.5rem}.caste-description,.caste-recommendations{padding:1.5rem;text-align:left;width:100%}.caste-recommendations h3{color:var(--accent-gold);font-size:1.1rem;margin-bottom:.75rem}.test-info{border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.9rem;margin-top:2rem;padding-top:1.5rem}.test-modal{background:var(--bg-primary)!important;max-height:85vh;max-width:600px!important;overflow-y:auto;padding:1.5rem!important}.test-modal .dialog-header{padding-bottom:1rem;text-align:center}.test-modal .dialog-title{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.test-modal .dialog-description{color:var(--text-secondary);font-size:.95rem}.modal-loader{align-items:center;color:var(--accent-gold);gap:1rem;padding:3rem}.form-fields,.modal-loader{display:flex;flex-direction:column}.form-fields{gap:.875rem;padding:.75rem 0}.form-group input,.form-group select{padding:.75rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 3px #f4cd661a}.field-hint{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:#60a5fa;font-size:.85rem;line-height:1.4;margin-top:.5rem;padding:.5rem .75rem}.field-hint.error{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.form-label{margin-bottom:4px}.form-input,.form-select{background:#281d4a80;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-input::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus{background:#281d4acc;border-color:var(--accent-gold);box-shadow:0 0 0 3px #0000001a;outline:none}.form-input:hover,.form-select:hover{border-color:var(--border-hover)}.form-hint-message{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:4px;margin-top:6px}@media (max-width:767px){.form-phone-container{flex-direction:column;gap:12px}.phone-code-selector{width:100%}.phone-code-button{justify-content:space-between;width:100%}.phone-code-dropdown{max-height:300px;min-width:100%}.phone-input-wrapper{width:100%}}.phone-input{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:120px 1fr}.birth-date-input{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:80px 1fr 100px}.birth-day,.birth-month,.birth-year,.phone-code-select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.75rem;transition:all .3s ease}.birth-day:focus,.birth-month:focus,.birth-year:focus,.phone-code-select:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #f4cd661a;outline:none}.phone-number-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all .3s ease}.phone-number-input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #f4cd661a;outline:none}.intro-message{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin:1.5rem 2rem;padding:2rem 2.5rem;text-align:center}.intro-message p{color:var(--text-primary);font-size:1.05rem;line-height:1.7;margin-bottom:0}.intro-message strong{color:var(--accent-gold)}.modal-header{flex-shrink:0}.progress-bar{background:var(--bg-tertiary);margin-top:.5rem;width:100%}.progress-fill{background:linear-gradient(90deg,var(--accent-gold) 0,var(--accent-gold-dark) 100%)}.question-content{flex:1 1;max-height:calc(90vh - 200px);overflow-y:auto;padding:1.5rem 2rem}.question-content::-webkit-scrollbar{width:8px}.question-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.question-content::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.question-content::-webkit-scrollbar-thumb:hover{background:var(--accent-gold-dark)}.question-title{color:gold;font-size:1.4rem;font-weight:700;line-height:1.6;margin-bottom:1.25rem;margin-top:1rem;text-align:center}.question-emoji{animation:iconPulse 2s ease-in-out infinite;font-size:64px;line-height:1}.question-content h3{color:gold;font-size:1.4rem;font-weight:700;line-height:1.6;margin-bottom:1.25rem;margin-top:1rem;text-align:center}.answers-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.answer-option{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;gap:1rem;line-height:1.5;padding:1rem 1.5rem;position:relative;text-align:left;transition:all .2s ease}.answer-option:hover{background:var(--bg-tertiary);border-color:var(--accent-gold);box-shadow:0 4px 12px #f4cd6626;transform:translateY(-1px)}.answer-option.selected{background:#f4cd6626;border-color:var(--accent-gold);color:var(--text-primary);font-weight:500}.answer-radio{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.answer-option:hover .answer-radio{border-color:var(--accent-gold)}.answer-option.selected .answer-radio{background:var(--accent-gold);border-color:var(--accent-gold)}.answer-radio-dot{animation:radioPulse .2s ease;background:var(--bg-primary);border-radius:50%;height:10px;width:10px}@keyframes radioPulse{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.answer-text{flex:1 1;text-align:left}.confirmation-message{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin:1.5rem 2rem;padding:2rem 2.5rem;text-align:center}.confirmation-message p{color:var(--text-primary);font-size:1.05rem;line-height:1.7;margin-bottom:.875rem}.confirmation-message p:last-child{margin-bottom:0}.confirmation-message strong{color:var(--accent-gold)}.answers-summary{background:var(--bg-secondary);border-radius:6px;margin-top:1.5rem;padding:1rem;text-align:center}.answers-summary p{color:var(--accent-gold);font-weight:600;margin:0}.modal-actions{background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;margin-top:0;padding:1.5rem 2rem}.modal-actions .btn{flex:1 1;gap:.5rem}.coming-soon,.modal-actions .btn{align-items:center;display:flex;justify-content:center}.coming-soon{color:var(--text-muted);flex-direction:column;gap:1rem;padding:4rem 2rem}.coming-soon svg{color:var(--accent-gold);opacity:.5}.coming-soon h2{color:var(--text-secondary);font-size:1.5rem}.evolution-history-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;margin-top:3rem;padding:2rem}.history-header{margin-bottom:2rem;text-align:center}.history-title{align-items:center;color:var(--accent-gold-light);display:flex;font-size:1.75rem;gap:.75rem;justify-content:center;margin-bottom:.5rem}.history-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6}.history-loader{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.history-loader p{color:var(--text-secondary)}.history-groups{display:flex;flex-direction:column;gap:1.5rem}.history-question-group{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease}.history-question-group:hover{border-color:var(--accent-gold);box-shadow:0 4px 16px #f6d47626}.group-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;transition:background .2s ease}.group-header:hover{background:#f6d4760d}.group-header-content{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:space-between}.group-question-text{color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.5;margin:0}.group-stats{align-items:center;display:flex;gap:.75rem}.stat-badge{align-items:center;background:var(--bg-tertiary);border-radius:20px;color:var(--text-secondary);display:inline-flex;font-size:.85rem;gap:.35rem;padding:.4rem .75rem;white-space:nowrap}.btn-expand{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--accent-gold);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:transform .3s ease,color .2s ease}.btn-expand:hover{background:#f6d4761a;transform:scale(1.1)}.group-timeline{padding:1.5rem}.timeline-item{display:flex;gap:1.25rem;padding-bottom:1.5rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-marker{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.clone-status-circle{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:help;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;transition:transform .2s ease;width:40px;z-index:2}.clone-status-circle:hover{box-shadow:0 4px 12px #0006;transform:scale(1.15)}.timeline-connector{background:linear-gradient(to bottom,var(--border-color),#0000);flex:1 1;margin-top:.5rem;min-height:20px;width:2px}.timeline-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;flex:1 1;padding:1.25rem;transition:all .2s ease}.timeline-content:hover{border-color:var(--accent-gold);box-shadow:0 2px 12px #f6d4761a}.timeline-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.timeline-date{color:var(--text-secondary);font-size:.9rem}.evolution-change{display:flex;gap:.5rem}.change-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;padding:.35rem .65rem;white-space:nowrap}.change-badge.change-up{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.change-badge.change-stable{background:#3b82f626;border:1px solid #3b82f64d;color:#3b82f6}.change-badge.change-down{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.timeline-answer{margin-top:.75rem}.answer-text{line-height:1.6;margin-bottom:.75rem}.answer-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:1.5rem}.level-change{color:var(--accent-gold);font-weight:600}.history-empty{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem;text-align:center}.history-empty svg{color:var(--text-muted);opacity:.5}.history-empty h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.history-empty p{color:var(--text-secondary);line-height:1.6;max-width:500px}@media (max-width:1024px){.evolution-page{padding:1.25rem}.evolution-sections{gap:1.25rem;grid-template-columns:1fr}.evolution-history-section{margin-top:2rem;padding:1.5rem}.history-title{font-size:1.5rem}.clone-status-circle{font-size:.95rem;height:36px;width:36px}.group-header{padding:1rem 1.25rem}.group-question-text{font-size:1rem}.btn-large{padding:.85rem 1.75rem}.answer-option,.btn-large{min-height:44px}}@media (max-width:768px){.evolution-sections{gap:1.25rem;grid-template-columns:1fr}.evolution-history-section{margin-top:1.5rem;padding:1.25rem}.history-title{flex-direction:column;font-size:1.3rem;gap:.5rem}.history-subtitle{font-size:.9rem}.group-header{gap:.75rem;padding:1rem}.group-header,.group-header-content{align-items:flex-start;flex-direction:column}.group-question-text{font-size:.95rem}.btn-expand{align-self:flex-end;margin-top:-2rem}.clone-status-circle{font-size:.9rem;height:32px;width:32px}.timeline-item{gap:1rem}.timeline-content{padding:1rem}.answer-meta,.timeline-header{align-items:flex-start;flex-direction:column}.answer-meta{gap:.5rem}.evolution-card{padding:1.25rem}.card-icon{height:56px;width:56px}.evolution-card h3{font-size:1.3rem}.header-with-caste{flex-direction:column;gap:1rem;text-align:center}.test-modal{max-height:90vh;max-width:95vw;padding:1.25rem!important}.test-modal .dialog-title{font-size:1.3rem}.start-test-card,.test-result-card{padding:2rem 1.5rem}.birth-date-input{gap:.375rem;grid-template-columns:70px 1fr 90px}.phone-input{grid-template-columns:110px 1fr}.answer-option{font-size:.95rem;padding:.875rem 1.25rem}.question-content h3,.question-title{font-size:1.25rem}.question-emoji{font-size:56px}.confirmation-message,.intro-message{margin:1.25rem 1.5rem;padding:1.5rem 1.75rem}.confirmation-message p,.intro-message p{font-size:1rem}.question-content{max-height:calc(90vh - 180px)}.modal-actions,.question-content{padding:1.25rem 1.5rem}.modal-actions{flex-direction:column;gap:.75rem}.modal-actions .btn{justify-content:center;min-height:52px;width:100%}.demo-question-modal{margin:.75rem;max-width:95vw}.demo-header{padding:1.5rem 1rem 1rem}.demo-header h2{font-size:1.25rem}.demo-emoji,.demo-icon{font-size:48px;height:48px;width:48px}.demo-question-text p{font-size:1rem}.demo-answer-option{font-size:.9rem;min-height:52px;padding:.875rem 1rem}.demo-confirmation-text p{font-size:.95rem}.modal-footer{flex-direction:column;gap:.75rem}.modal-footer .btn{min-height:52px;width:100%}.question-content h3,.question-title{font-size:1.15rem}.question-emoji{font-size:48px}.answer-option{font-size:.9rem;min-height:52px;padding:.85rem 1rem}}@media (max-width:640px){.evolution-card{padding:1rem}.evolution-card h3{font-size:1.2rem}.btn-large{font-size:1rem;min-width:160px;padding:.9rem 1.5rem}.start-test-card,.test-result-card{padding:1.75rem 1.25rem}.test-modal{padding:1rem!important}.test-modal .dialog-title{font-size:1.2rem}.birth-date-input{gap:.35rem;grid-template-columns:60px 1fr 85px}.birth-day,.birth-month,.birth-year,.phone-code-select,.phone-number-input{font-size:.95rem;padding:.625rem}.question-content h3,.question-title{font-size:1.05rem}.question-emoji{font-size:44px}.answer-option{font-size:.9rem;padding:.75rem 1rem}}@media (max-width:480px){.evolution-sections{gap:1rem}.evolution-card{padding:1rem}.card-icon{height:48px;width:48px}.evolution-card h3{font-size:1.15rem}.evolution-card p{font-size:.9rem}.placeholder-text{font-size:.85rem}.start-test-card h2,.test-result-card h2{font-size:1.5rem}.test-modal{max-width:98vw;padding:.875rem!important}.test-modal .dialog-title{font-size:1.1rem}.birth-date-input{gap:.3rem;grid-template-columns:55px 1fr 80px}.phone-input{gap:.35rem;grid-template-columns:100px 1fr}.birth-day,.birth-month,.birth-year,.phone-code-select,.phone-number-input{font-size:.875rem;padding:.6rem .5rem}.form-group label{font-size:.875rem}.field-hint{font-size:.8rem;padding:.4rem .6rem}.question-content h3,.question-title{margin-bottom:1rem}.answer-option{min-height:50px;padding:.75rem .875rem}.confirmation-message,.intro-message{margin:1rem 1.25rem;padding:1.25rem 1.5rem}.confirmation-message p,.intro-message p{font-size:.95rem;line-height:1.6}.question-content{max-height:calc(90vh - 160px)}.modal-actions,.question-content{padding:1rem 1.25rem}.form-fields{gap:.75rem}.demo-question-modal{margin:.5rem;max-width:98vw;padding:1.25rem}.demo-header{gap:.75rem;padding:1.25rem .875rem .875rem}.demo-header h2{font-size:1.05rem}.demo-emoji,.demo-icon{font-size:40px;height:40px;width:40px}.demo-question-text{padding:1rem 0}.demo-question-text p{font-size:.9rem;line-height:1.5}.demo-answers{gap:.625rem;margin-top:1rem}.demo-answer-option{border-radius:10px;font-size:.85rem;min-height:50px;padding:.875rem .75rem}.demo-confirmation-text{padding:.75rem 0}.demo-confirmation-text p{font-size:.875rem;margin-bottom:.625rem}.form-group input,.form-group select{font-size:16px;padding:.85rem}.phone-input{grid-template-columns:80px 1fr}.btn-large{font-size:.95rem;min-width:0;min-width:auto;padding:1rem;width:100%}.question-content h3,.question-title{font-size:1rem}.question-emoji{font-size:40px}.answer-option{font-size:.875rem;padding:1rem}}@media (max-width:375px){.evolution-page{padding:.75rem}.evolution-card{padding:.875rem}.evolution-card h3{font-size:1.05rem}.start-test-card,.test-result-card{padding:1.5rem 1rem}.start-test-card h2,.test-result-card h2{font-size:1.3rem}.test-modal{padding:.75rem!important}.birth-date-input{gap:.25rem;grid-template-columns:50px 1fr 75px}.phone-input{gap:.3rem;grid-template-columns:90px 1fr}.birth-day,.birth-month,.birth-year,.phone-code-select,.phone-number-input{font-size:.8rem;padding:.5rem .4rem}.form-fields{gap:.625rem}.form-group label{font-size:.8rem}.field-hint{font-size:.75rem;padding:.375rem .5rem}.answer-option{font-size:.8rem;min-height:48px;padding:.625rem .75rem}.confirmation-message,.intro-message{margin:.875rem 1rem;padding:1rem 1.25rem}.confirmation-message p,.intro-message p{font-size:.875rem;line-height:1.5}.question-content{max-height:calc(90vh - 140px);padding:.875rem 1rem}.modal-actions{padding:1rem}.answer-radio{height:22px;width:22px}.answer-radio-dot{height:9px;width:9px}.demo-question-modal{padding:1rem}.demo-header h2{font-size:1rem}.demo-emoji,.demo-icon{font-size:36px;height:36px;width:36px}.demo-answer-option{font-size:.8rem;min-height:48px;padding:.75rem .625rem}.modal-footer .btn{font-size:.9rem;min-height:48px}}.answers-modal-content{max-height:90vh;max-width:700px}.answers-modal-body{max-height:calc(90vh - 200px);overflow-y:auto;padding:1rem 1.5rem}.answers-list-compact{display:flex;flex-direction:column;gap:1rem}.answer-card-compact{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;padding:1rem;transition:all .3s ease}.answer-card-compact:hover{border-color:var(--accent-gold);box-shadow:0 4px 16px #f6d47626;transform:translateY(-2px)}.answer-card-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.question-number-badge{background:var(--accent-gold);border-radius:20px;color:var(--bg-primary);display:inline-block;font-size:.875rem;font-weight:700;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.answer-question-title{color:gold;font-size:1.2rem;font-weight:700;line-height:1.5;margin:0}.answer-divider{background:var(--border-color);height:1px;margin:.75rem 0;width:100%}.answer-selected-compact{display:flex;flex-direction:column;gap:.5rem}.answer-label{color:var(--text-muted);font-size:.875rem}.answer-text{background:#3b82f61a;border-left:3px solid var(--accent-gold);border-radius:6px;color:var(--text-primary);font-size:1rem;line-height:1.5;margin:0;padding:.75rem}.answers-list::-webkit-scrollbar{width:6px}.answers-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.answers-list::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:3px}.answers-list::-webkit-scrollbar-thumb:hover{background:var(--accent-gold-light)}@media (max-width:768px){.answers-modal-content{max-width:95vw}.answers-modal-body{max-height:calc(90vh - 180px);padding:.75rem 1rem}.answer-card-compact{padding:.875rem}.answer-question-title{font-size:1.05rem}.answer-text{font-size:.95rem;padding:.625rem}}@media (max-width:480px){.answers-modal-content{max-width:98vw}.answers-modal-body{max-height:calc(90vh - 160px);padding:.5rem .75rem}.answer-card-compact{padding:.75rem}.answer-question-title{font-size:1rem}.answer-text{font-size:.875rem;padding:.5rem}.question-number-badge{font-size:.75rem;padding:.2rem .6rem}.answers-list-compact{gap:.75rem}}@media (max-width:375px){.answers-modal-content{max-width:98vw}.answer-card-compact{padding:.625rem}.answer-question-title{font-size:.95rem}.answer-text{font-size:.8rem;padding:.5rem}.question-number-badge{font-size:.7rem;padding:.2rem .5rem}}@media (hover:none) and (pointer:coarse){.answer-card-compact,.modal-footer .btn{min-height:54px}}.daily-question-modal{max-width:600px}.daily-question-content{padding:1rem 0}.daily-question-content .question-text{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.daily-question-content .question-text p{color:var(--text-primary);font-size:1.05rem;line-height:1.6;margin:0}.daily-answers{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.daily-answer-option{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:1rem 1.25rem;position:relative;text-align:left;transition:all .3s ease}.daily-answer-option:hover{background:#f6d4760d;border-color:var(--accent-gold);transform:translateX(4px)}.daily-answer-option.selected{background:linear-gradient(135deg,#f6d47626,#f0bc321a);border-color:var(--accent-gold);box-shadow:0 4px 12px #f6d47633}.daily-answer-option .answer-check{animation:checkPop .3s ease;color:var(--accent-gold)}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:768px){.daily-question-modal{max-width:95vw}.daily-answer-option{font-size:.9rem;min-height:52px;padding:.85rem 1rem}}@media (max-width:480px){.daily-question-modal{max-width:98vw;padding:1.25rem}.daily-question-modal h3{font-size:1.1rem}.daily-answer-option{font-size:.875rem;padding:1rem}}.answers-modal .empty-state{color:var(--text-muted);padding:3rem 2rem;text-align:center}.answers-modal .empty-state p{font-size:1.1rem}.caste-icon-display.in-progress{align-items:center;animation:pulse 2s ease-in-out infinite;display:flex;gap:.75rem}.caste-icon-display.in-progress .spin{animation:spin 2s linear infinite}[data-radix-portal]>[data-radix-dialog-overlay]{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#000000b3!important;bottom:0!important;left:260px!important;position:fixed!important;right:0!important;top:0!important;transition:left .3s ease!important;z-index:200!important}@media (min-width:769px){[data-radix-dialog-overlay].sidebar-collapsed-overlay{left:80px!important}}@media (max-width:768px){[data-radix-portal]>[data-radix-dialog-overlay]{left:0!important}}.reminder-modal,.reminder-modal[data-state=closed],.reminder-modal[data-state=open]{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:16px!important;box-shadow:0 20px 60px #0009!important;left:50%!important;max-width:500px!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:calc(100% - 2rem)!important;z-index:201!important}.reminder-modal [data-radix-collection-item],.reminder-modal [role=heading],.reminder-modal h2{color:var(--text-primary)!important;font-size:1.5rem!important;margin-bottom:.5rem!important}.reminder-modal p{color:var(--text-secondary)!important}.reminder-modal>div{color:var(--text-primary)!important}.reminder-modal button.absolute,.reminder-modal button[class*=absolute]{color:var(--text-muted)!important;opacity:.7;transition:all .2s ease}.reminder-modal button.absolute:hover,.reminder-modal button[class*=absolute]:hover{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;opacity:1}.reminder-content{padding:1rem 0}.reminder-progress{background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.reminder-progress p{color:var(--text-primary)!important;font-size:1rem;margin-bottom:1rem}.reminder-progress strong{color:var(--accent-gold)!important;font-size:1.1rem}.reminder-modal .modal-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:1rem}.reminder-modal .modal-actions .btn{align-items:center;display:flex;flex:1 1;gap:.5rem;justify-content:center;min-height:48px}.progress-bar-container{background:#f6d4761a;border-radius:6px;box-shadow:inset 0 2px 4px #0000001a;height:12px}.progress-bar-fill{background:linear-gradient(90deg,var(--accent-gold) 0,var(--accent-gold-light) 100%);border-radius:6px;box-shadow:0 0 10px #f6d47680;transition:width .3s ease}@media (max-width:768px){.reminder-modal{max-width:95vw}.reminder-progress{font-size:.85rem;padding:1rem}.caste-icon-display.in-progress .caste-name{font-size:.85rem}.reminder-actions{flex-direction:column;gap:.75rem}.reminder-actions .btn{justify-content:center;min-height:52px;width:100%}}@media (max-width:480px){.evolution-history-section{border-radius:12px;margin-top:1.5rem;padding:1rem}.history-title{font-size:1.1rem}.history-subtitle{font-size:.85rem}.group-header{padding:.85rem}.group-question-text{font-size:.9rem}.stat-badge{font-size:.75rem;padding:.3rem .6rem}.clone-status-circle{font-size:.85rem;height:28px;width:28px}.timeline-content{padding:.85rem}.timeline-date{font-size:.8rem}.change-badge{font-size:.75rem;padding:.3rem .5rem}.answer-text{font-size:.9rem}.answer-meta{font-size:.8rem}.history-empty{padding:2.5rem 1rem}.history-empty h3{font-size:1.2rem}.history-empty p{font-size:.85rem}.reminder-modal{max-width:98vw;padding:1.25rem}.reminder-modal h3{font-size:1.1rem}.reminder-progress{font-size:.8rem}}@media (hover:none) and (pointer:coarse){.btn-expand{min-height:48px;min-width:48px}.clone-status-circle{min-height:44px;min-width:44px}.group-header{min-height:56px}.birth-day,.birth-month,.birth-year,.phone-code-select,.phone-number-input{min-height:48px}.answer-option,.demo-answer-option,.modal-actions .btn,.modal-footer .btn{min-height:54px}.btn-close{min-height:44px;min-width:44px}}.modal-overlay{animation:modalFadeIn .2s ease-out}.modal-content{animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.demo-header,.demo-header-confirm{border-bottom:none}.question-icon-container{align-items:center;display:flex;justify-content:center;margin-bottom:.5rem;padding:.5rem 0}.question-main-icon{animation:iconPulse 2s ease-in-out infinite;height:64px;object-fit:contain;width:64px}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.question-main-icon{height:56px;width:56px}}@media (max-width:480px){.question-main-icon{height:48px;width:48px}}.admin-templates{min-height:100vh;padding:16px}@media (min-width:769px){.admin-templates{padding:32px}}.page-header{margin-bottom:32px}.page-title{font-size:clamp(1.5rem,3vw,2rem);gap:16px}.page-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6;max-width:800px}.templates-tabs{width:100%}.templates-tab-content{animation:fadeIn .3s ease}.templates-section{display:flex;flex-direction:column;gap:32px}.template-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 16px #0003;padding:32px;transition:all .3s ease}.template-card:hover{border-color:var(--border-hover);box-shadow:0 8px 24px #0000004d}.template-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.template-header h2{color:var(--accent-gold-light);font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;margin:0}.template-badge{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);display:inline-flex;font-size:.85rem;font-weight:600;padding:6px 16px}.template-description{background:var(--bg-tertiary);border-left:4px solid var(--accent-gold);border-radius:12px;margin-bottom:24px;padding:20px}.template-description p{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin:0 0 12px}.template-description p:last-child{margin-bottom:0}.template-description strong{color:var(--text-primary);font-weight:600}.toast-type-selector{background:var(--bg-tertiary);border-radius:12px;margin-bottom:24px;padding:20px}.toast-type-selector label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:12px}.toast-type-buttons{display:flex;flex-wrap:wrap;gap:12px}.toast-type-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;min-height:48px;padding:12px 24px;transition:all .2s ease}.toast-type-btn:hover{background:var(--bg-secondary);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.toast-type-btn.active{background:var(--bg-secondary);box-shadow:0 4px 16px #0000004d;color:var(--text-primary);transform:scale(1.02)}.template-preview{margin-bottom:24px}.template-preview h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:16px}.toast-preview-container{background:linear-gradient(135deg,#140f2d80,#21174580);border:1px dashed var(--border-color);border-radius:12px;display:flex;justify-content:center;margin-bottom:24px;padding:48px 24px}.toast-template{align-items:flex-start;animation:toastSlideIn .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0000004d,0 4px 12px #0003;display:flex;gap:12px;max-width:420px;min-width:300px;padding:16px 20px}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.toast-template-success{border-left:4px solid #10b981}.toast-template-warning{border-left:4px solid #f59e0b}.toast-template-error{border-left:4px solid #ef4444}.toast-template-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.toast-template-success .toast-template-icon{color:#10b981}.toast-template-warning .toast-template-icon{color:#f59e0b}.toast-template-error .toast-template-icon{color:#ef4444}.toast-template-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.toast-template-title{color:var(--text-primary);font-size:14px;font-weight:600}.toast-template-message{color:var(--text-secondary);font-size:13px;line-height:1.5}.toast-template-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s}.toast-template-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tooltip-demo-section{background:linear-gradient(135deg,#140f2d80,#21174580);border:1px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:24px;margin-bottom:24px;padding:32px}.tooltip-demo-item{align-items:center;display:flex;gap:12px}.tooltip-demo-label{color:var(--text-primary);font-size:1rem;font-weight:500}.info-icon-btn-template{align-items:center;background:none;border:none;border-radius:50%;color:#6a6a6a;cursor:pointer;display:inline-flex;justify-content:center;min-height:44px;min-width:44px;padding:8px;transition:background-color .2s ease,color .2s ease}.info-icon-btn-template:before{background:var(--bg-tertiary);border-radius:50%;content:"";height:22px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease;width:22px;z-index:-1}.info-icon-btn-template:hover:before{transform:translate(-50%,-50%) scale(1)}.info-icon-btn-template:hover{color:var(--accent-gold)}.info-icon-btn-template:active{transform:scale(.95)}.info-icon-btn-template[data-tooltip]:after{word-wrap:break-word;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #0000004d;color:#8a8a8a;content:attr(data-tooltip);font-size:10px;font-weight:400;left:50%;line-height:1.3;max-height:min(160px,calc(90vw - 28.8px));max-width:min(180px,calc(100vw - 32px));opacity:0;overflow-wrap:break-word;overflow-y:auto;padding:8px 12px;pointer-events:none;position:absolute;text-align:left;transform:translateX(-50%) scale(.9);transition:all .2s ease;visibility:hidden;white-space:normal;width:-webkit-max-content;width:max-content;z-index:10000}@media (min-width:769px){.info-icon-btn-template[data-tooltip]:hover:after{opacity:1;transform:translateX(-50%) scale(1);visibility:visible}}@media (max-width:768px){.info-icon-btn-template.tooltip-active[data-tooltip]:after{opacity:1;transform:translateX(-50%) scale(1);visibility:visible}.form-label:first-child .info-icon-btn-template.tooltip-active[data-tooltip]:after,.info-icon-btn-template.tooltip-active.tooltip-left[data-tooltip]:after{left:0;transform:translateX(0) scale(1)}.info-icon-btn-template.tooltip-active.tooltip-right[data-tooltip]:after{left:auto;right:0;transform:translateX(0) scale(1)}}.info-icon-btn-template{position:relative}.form-label:first-child .info-icon-btn-template[data-tooltip]:after,.info-icon-btn-template.tooltip-left[data-tooltip]:after{left:0;transform:translateX(0) scale(.9)}.form-label:first-child .info-icon-btn-template[data-tooltip]:hover:after,.info-icon-btn-template.tooltip-left[data-tooltip]:hover:after{transform:translateX(0) scale(1)}.info-icon-btn-template.tooltip-right[data-tooltip]:after{left:auto;right:0;transform:translateX(0) scale(.9)}.info-icon-btn-template.tooltip-right[data-tooltip]:hover:after{transform:translateX(0) scale(1)}.template-specs{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:24px}.template-specs h4{color:var(--accent-gold-light);font-size:1.05rem;font-weight:600;margin-bottom:16px}.template-specs ul{list-style:none;margin:0;padding:0}.template-specs ul li{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;line-height:1.6;padding:10px 0}.template-specs ul li:last-child{border-bottom:none}.template-specs ul li strong{color:var(--text-primary);font-weight:600;min-width:140px}.color-preview{border-radius:6px;display:inline-block;height:24px;vertical-align:middle;width:24px}.template-usage{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.template-usage h4{color:var(--accent-gold-light);font-size:1.05rem;font-weight:600;margin-bottom:16px}.code-block{background:#0d0a1f;border:1px solid var(--border-color);border-radius:8px;color:#e0e7ff;font-family:Ubuntu,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.85rem;line-height:1.7;margin:0;overflow-x:auto;padding:20px}.code-block::-webkit-scrollbar{height:8px}.code-block::-webkit-scrollbar-track{background:#0003;border-radius:4px}.code-block::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:4px}.code-block::-webkit-scrollbar-thumb:hover{background:var(--accent-gold-dark)}@media (min-width:768px) and (max-width:1024px){.admin-templates,.template-card{padding:24px}.toast-preview-container{padding:32px 16px}.toast-type-buttons{gap:8px}.toast-type-btn{font-size:.85rem;padding:10px 20px}}@media (max-width:767px){.admin-templates{padding:12px}.page-title{font-size:1.5rem}.page-subtitle{font-size:.9rem}.template-card{padding:20px}.template-header{align-items:flex-start;flex-direction:column}.template-header h2{font-size:1.2rem}.template-badge{font-size:.8rem;padding:4px 12px}.template-description{padding:16px}.template-description p{font-size:.9rem}.toast-type-selector{padding:16px}.toast-type-buttons{flex-direction:column;gap:8px}.toast-type-btn{justify-content:center;padding:12px 16px;width:100%}.toast-preview-container{padding:24px 12px}.toast-template{max-width:100%;min-width:auto}.tooltip-demo-section{padding:20px}.tooltip-demo-item{align-items:flex-start;flex-direction:column;gap:8px}.template-specs,.template-usage{padding:16px}.template-specs ul li{align-items:flex-start;flex-direction:column;gap:4px;padding:12px 0}.template-specs ul li strong{min-width:auto}.code-block{font-size:.8rem;padding:16px}.info-icon-btn-template,.toast-type-btn{min-height:48px}}.nav-tabs-demo-container{margin-top:24px}.demo-subtitle{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:20px}.demo-example{margin-bottom:32px;overflow:visible}.demo-label{color:var(--accent-gold-light);font-size:.95rem;font-weight:600;margin-bottom:12px;padding-left:4px}.nav-tabs-example{align-content:flex-start;background:linear-gradient(135deg,#140f2d80,#21174580);border:1px dashed var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;height:auto;min-height:auto;padding:24px;row-gap:8px}.nav-tab-item{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex:1 1 auto;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;min-height:48px;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.nav-tab-item:hover{background:var(--bg-tertiary);box-shadow:0 4px 12px #0003;color:var(--text-primary);transform:translateY(-2px)}.nav-tab-item:active{transform:scale(.98)}.nav-tab-item.active{background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-gold-dark) 100%);border-color:var(--accent-gold);box-shadow:0 4px 12px #0000004d;color:var(--bg-primary)}.nav-tab-item svg{flex-shrink:0}.nav-tabs-demo-container{overflow:visible;width:100%}@media (min-width:769px){.nav-tabs-desktop{align-items:stretch;justify-content:flex-start}.nav-tabs-desktop.nav-tabs-count-2 .nav-tab-item{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1;max-width:300px}.nav-tabs-desktop.nav-tabs-count-3 .nav-tab-item{flex-basis:calc(33.333% - 8px);flex-grow:1;flex-shrink:1;max-width:250px}.nav-tabs-desktop.nav-tabs-count-4 .nav-tab-item{flex-basis:calc(25% - 8px);flex-grow:1;flex-shrink:1;max-width:220px}.nav-tabs-desktop.nav-tabs-count-5 .nav-tab-item{flex-basis:calc(20% - 8px);flex-grow:1;flex-shrink:1;max-width:200px}.nav-tabs-desktop.nav-tabs-count-6 .nav-tab-item{flex-basis:calc(16.666% - 8px);flex-grow:1;flex-shrink:1;max-width:180px}.nav-tabs-desktop.nav-tabs-count-7 .nav-tab-item:not(.nav-tabs-second-row){flex-basis:calc(33.333% - 8px);flex-grow:1;flex-shrink:1;max-width:250px}.nav-tabs-desktop.nav-tabs-count-7 .nav-tab-item.nav-tabs-second-row,.nav-tabs-desktop.nav-tabs-count-8 .nav-tab-item,.nav-tabs-desktop.nav-tabs-count-9 .nav-tab-item:not(.nav-tabs-second-row){flex-basis:calc(25% - 8px);flex-grow:1;flex-shrink:1;max-width:220px}.nav-tabs-desktop.nav-tabs-count-9 .nav-tab-item.nav-tabs-second-row{flex-basis:calc(20% - 8px);flex-grow:1;flex-shrink:1;max-width:200px}.nav-tabs-desktop .nav-tab-item{align-items:center;flex-direction:row}.nav-tabs-desktop .nav-tab-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (min-width:768px) and (max-width:1024px){.nav-tabs-example{align-content:flex-start;gap:6px;padding:20px;row-gap:8px}.nav-tab-item{gap:6px;padding:10px 12px}.nav-tabs-tablet{align-items:stretch;justify-content:flex-start}.nav-tabs-tablet.nav-tabs-count-2 .nav-tab-item{flex-basis:calc(50% - 6px);flex-grow:1;flex-shrink:1;max-width:250px}.nav-tabs-tablet.nav-tabs-count-3 .nav-tab-item{flex-basis:calc(33.333% - 6px);flex-grow:1;flex-shrink:1;max-width:200px}.nav-tabs-tablet.nav-tabs-count-4 .nav-tab-item{flex-basis:calc(50% - 6px);flex-grow:1;flex-shrink:1;max-width:250px}.nav-tabs-tablet .nav-tab-item{flex-basis:calc(25% - 6px);flex-grow:1;flex-shrink:1;max-width:180px}.nav-tabs-tablet.nav-tabs-count-5 .nav-tab-item:not(.nav-tabs-second-row){flex-basis:calc(50% - 6px);flex-grow:1;flex-shrink:1}.nav-tabs-tablet.nav-tabs-count-5 .nav-tab-item.nav-tabs-second-row,.nav-tabs-tablet.nav-tabs-count-7 .nav-tab-item:not(.nav-tabs-second-row){flex-basis:calc(33.333% - 6px);flex-grow:1;flex-shrink:1}.nav-tabs-tablet.nav-tabs-count-7 .nav-tab-item.nav-tabs-second-row{flex-basis:calc(25% - 6px);flex-grow:1;flex-shrink:1}.nav-tabs-tablet.nav-tabs-count-4 .nav-tab-item,.nav-tabs-tablet.nav-tabs-count-5 .nav-tab-item,.nav-tabs-tablet.nav-tabs-count-7 .nav-tab-item{flex-direction:column;gap:0;justify-content:center;text-align:center}.nav-tabs-tablet.nav-tabs-count-4 .nav-tab-item span,.nav-tabs-tablet.nav-tabs-count-5 .nav-tab-item span,.nav-tabs-tablet.nav-tabs-count-7 .nav-tab-item span{font-size:10px;line-height:1.2}}@media (max-width:767px){.nav-tabs-example{align-content:flex-start;gap:4px;padding:16px;row-gap:8px}.nav-tab-item{font-size:10px;gap:0;padding:10px 8px}.nav-tabs-mobile{align-items:stretch;justify-content:flex-start}.nav-tabs-mobile.nav-tabs-count-2 .nav-tab-item{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1}.nav-tabs-mobile .nav-tab-item{flex-direction:column;justify-content:center;max-width:none;text-align:center}.nav-tabs-mobile .nav-tab-item,.nav-tabs-mobile.nav-tabs-count-3 .nav-tab-item{flex-basis:calc(33.333% - 4px);flex-grow:1;flex-shrink:1}.nav-tabs-mobile.nav-tabs-count-4 .nav-tab-item,.nav-tabs-mobile.nav-tabs-count-5 .nav-tab-item:not(.nav-tabs-second-row){flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1}.nav-tabs-mobile.nav-tabs-count-5 .nav-tab-item.nav-tabs-second-row,.nav-tabs-mobile.nav-tabs-count-8 .nav-tab-item.nav-tabs-second-row,.nav-tabs-mobile.nav-tabs-count-8 .nav-tab-item:not(.nav-tabs-second-row):not(.nav-tabs-third-row){flex-basis:calc(33.333% - 4px);flex-grow:1;flex-shrink:1}.nav-tabs-mobile.nav-tabs-count-8 .nav-tab-item.nav-tabs-third-row{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1}.nav-tabs-mobile .nav-tab-item span{font-size:10px;line-height:1.2}.demo-label{font-size:.85rem}}.modal-overlay{animation:fadeIn .3s ease;height:100vh;overflow-y:auto;width:100vw}.template-form-modal{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 24px 64px #0009,0 0 32px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:min(900px,calc(100vw - 32px));position:relative;width:100%}.template-form-modal .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:24px 32px}.template-form-modal .modal-header h3{color:var(--accent-gold);font-size:1.5rem;font-weight:700;margin:0}.template-form-modal .modal-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.template-form-modal .modal-close:hover{background:var(--bg-tertiary);color:var(--accent-gold);transform:scale(1.1)}.template-form-modal .modal-body{flex:1 1;overflow-y:auto;padding:32px}.template-form-modal .modal-body::-webkit-scrollbar{width:8px}.template-form-modal .modal-body::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.template-form-modal .modal-body::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.template-form-modal .modal-body::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.template-form-modal .modal-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:24px 32px}.form-section{margin-bottom:16px}.form-section:last-child{margin-bottom:0}.form-section-title{border-bottom:2px solid var(--border-color);color:var(--accent-gold-light);margin:0 0 8px;padding-bottom:4px}.form-group{margin-bottom:10px}.form-group:last-child{margin-bottom:0}.form-label{margin-bottom:4px!important}.form-label+.custom-select-wrapper,.form-label+.form-checkbox-group,.form-label+.form-file-upload,.form-label+.form-input,.form-label+.form-input-with-icon,.form-label+.form-phone-container,.form-label+.form-radio-group,.form-label+.form-select,.form-label+.form-textarea{margin-top:0!important}.form-input,.form-select,.form-textarea{background:#281d4a80;font-size:.95rem;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#281d4acc;box-shadow:0 0 0 3px #0000001a}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-hover)}.form-input-error{background:#ef44441a!important;border-color:#ef4444!important}.form-input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444433!important}.form-error-message{align-items:center;color:#ef4444;display:flex;font-size:.85rem;gap:4px;margin-top:6px}.form-textarea{line-height:1.6;min-height:100px}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23cbd5e1' d='m4 6 4 4 4-4z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;font-weight:500;padding-right:48px}.form-select option{background:#1e3a5f;border-radius:0;color:#f8f9fa;font-weight:400;line-height:1.5;padding:14px 20px}.form-select option:checked{background:#2e5a8f;color:#f8f9fa;font-weight:500}.form-select option:hover{background:#2a4d7c;color:#f8f9fa}.form-select option:focus{background:#2e5a8f;outline:none}.form-select option:disabled{color:var(--text-muted);opacity:.5}@supports (-webkit-appearance:none){.form-select{background-size:16px 16px}.form-select:focus option{background:#1e3a5f}.form-select:focus option:checked{background:#2e5a8f;position:relative}.form-select:focus option:hover{background:#2a4d7c}}@-moz-document url-prefix(){.form-select option{background:#1e3a5f!important;padding:14px 20px}.form-select option:checked{background:#2e5a8f!important;color:#f8f9fa!important}.form-select option:hover{background:#2a4d7c!important}}.form-select[multiple],.form-select[size]{background:#1e3a5f;background-image:none;border:1px solid #ffffff1a;min-height:200px;padding:4px}.form-select[multiple] option,.form-select[size] option{background:#1e3a5f;border-radius:6px;color:#f8f9fa;cursor:pointer;margin:2px 0;padding:14px 20px}.form-select[multiple] option:checked,.form-select[size] option:checked{background:#2e5a8f!important;color:#f8f9fa;position:relative}.form-select[multiple] option:hover,.form-select[size] option:hover{background:#2a4d7c!important}.form-select[multiple] option:checked:after,.form-select[size] option:checked:after{color:#f3ca5e;content:"✓";font-size:18px;font-weight:700;position:absolute;right:20px}.form-input-with-icon{align-items:center;display:flex;position:relative;width:100%}.form-input-with-icon .form-input{padding-right:48px;width:100%}.form-input-icon-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:all .2s ease}.form-input-icon-btn:hover{background:#0000001a;color:var(--accent-gold)}.form-input-icon-left{color:var(--accent-gold);left:16px;pointer-events:none;position:absolute;z-index:1}.phone-code-button{background:#281d4a80;font-size:.95rem;font-weight:500;height:48px;min-width:120px;padding:12px 16px;transition:all .2s ease}.phone-code-button:hover{background:#281d4acc;border-color:var(--border-hover)}.phone-code-button:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #0000001a;outline:none}.phone-code-flag{font-size:1.5rem}.phone-code-text{text-align:left}.phone-code-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.phone-code-button:hover .phone-code-chevron{color:var(--accent-gold)}.phone-code-dropdown{animation:dropdownSlideIn .2s ease;box-shadow:0 8px 24px #0006;max-height:400px;min-width:300px;z-index:1000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.phone-code-dropdown::-webkit-scrollbar{width:8px}.phone-code-dropdown::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.phone-code-dropdown::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.phone-code-dropdown::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.phone-code-option{color:var(--text-secondary);font-size:.9rem}.phone-code-option:hover{background:var(--bg-tertiary);color:var(--text-primary)}.phone-code-option.active{color:var(--accent-gold);font-weight:600}.phone-code-option .phone-code-flag{flex-shrink:0;font-size:1.3rem}.phone-code-option .phone-code-name{min-width:150px}.phone-code-option .phone-code-number{font-weight:600;min-width:50px;text-align:right}@media (min-width:768px) and (max-width:1024px){.form-phone-container{flex-direction:row;gap:10px}.phone-code-button{min-width:110px;padding:10px 12px}.phone-code-dropdown{min-width:280px}}@media (max-width:767px){.form-phone-container{flex-direction:column;gap:12px}.phone-code-button{min-width:auto;width:100%}.phone-input-wrapper{width:100%}.phone-code-dropdown{max-height:300px;max-width:calc(100vw - 48px);min-width:100%}.phone-code-option .phone-code-name{min-width:auto}}.form-calendar-icon-clickable{color:#c3dbff!important;cursor:pointer!important;left:16px!important;pointer-events:auto!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;transition:all .2s ease;z-index:100!important}.form-calendar-icon-clickable:hover{color:var(--accent-gold)!important;transform:translateY(-50%) scale(1.1)!important}.form-calendar-icon-clickable:active{transform:translateY(-50%) scale(1.05)!important}.form-input-with-left-icon{padding-left:50px!important}.form-input[type=date]::-webkit-calendar-picker-indicator{display:none;opacity:0;pointer-events:none}.form-input[type=date]::-webkit-datetime-edit{color:var(--text-primary)}.form-input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0}.form-input[type=date]::-webkit-datetime-edit-text{color:var(--text-muted);padding:0 2px}.form-input[type=date]::-webkit-datetime-edit-day-field:not([aria-valuenow]),.form-input[type=date]::-webkit-datetime-edit-month-field:not([aria-valuenow]),.form-input[type=date]::-webkit-datetime-edit-year-field:not([aria-valuenow]){color:var(--text-muted)}.form-radio-group{display:flex;flex-direction:column;gap:12px}.form-radio-label{align-items:center;background:#281d4a4d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:12px 16px;transition:all .2s ease}.form-radio-label:hover{background:#281d4a99;border-color:var(--border-hover)}.form-radio{accent-color:var(--accent-gold);cursor:pointer;height:20px;width:20px}.form-radio-label:has(.form-radio:checked){background:#0000001a;border-color:var(--accent-gold);color:var(--text-primary)}.form-checkbox-group{display:flex;flex-direction:column;gap:12px}.form-checkbox-label{align-items:center;background:#281d4a4d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:12px 16px;transition:all .2s ease}.form-checkbox-label:hover{background:#281d4a99;border-color:var(--border-hover)}.form-checkbox{accent-color:var(--accent-gold);cursor:pointer;height:20px;width:20px}.form-checkbox-label:has(.form-checkbox:checked){background:#0000001a;border-color:var(--accent-gold);color:var(--text-primary)}.form-toggle-wrapper{background:#281d4a4d;border:1px solid var(--border-color);border-radius:8px;margin-bottom:0;padding:12px 16px;transition:all .2s ease}.form-toggle-wrapper:hover{background:#281d4a99;border-color:var(--border-hover)}.form-toggle-label-text{color:var(--text-secondary);font-size:.95rem;gap:8px}.form-toggle{border:1px solid var(--border-color);border-radius:14px;height:28px;width:52px}.form-toggle.active{background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-gold-dark) 100%)}.form-toggle-slider{background:var(--text-primary);box-shadow:0 2px 4px #0000004d;height:20px;left:3px;top:3px;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:20px}.form-toggle.active .form-toggle-slider{background:var(--bg-primary);transform:translateX(24px)}.form-file-input{height:1px;overflow:hidden;width:1px;z-index:-1}.form-file-label{background:#281d4a4d;border-radius:8px;justify-content:center;padding:32px;text-align:center;transition:all .2s ease}.form-file-label:hover{background:#281d4a99}.form-file-label>span:first-of-type{color:var(--text-primary);font-size:.95rem;font-weight:600}.form-file-input:focus+.form-file-label{outline:2px solid var(--accent-gold);outline-offset:2px}@media (min-width:768px) and (max-width:1024px){.modal-overlay{justify-content:flex-start;padding-left:300px}.template-form-modal{max-width:500px;width:calc(100vw - 320px)}.template-form-modal .modal-body,.template-form-modal .modal-footer,.template-form-modal .modal-header{padding-left:24px;padding-right:24px}.template-form-modal .modal-header{padding-bottom:20px;padding-top:20px}.template-form-modal .modal-body{padding-bottom:24px;padding-top:24px}.template-form-modal .modal-footer{padding-bottom:20px;padding-top:20px}}@media (max-width:767px){.modal-overlay{align-items:flex-start;padding:12px}.template-form-modal{border-radius:12px;margin:20px 0;max-height:calc(100vh - 40px);max-width:100%}.template-form-modal .modal-body,.template-form-modal .modal-footer,.template-form-modal .modal-header{padding-left:16px;padding-right:16px}.template-form-modal .modal-header{padding-bottom:16px;padding-top:16px}.template-form-modal .modal-header h3{font-size:1.25rem}.template-form-modal .modal-body{padding-bottom:20px;padding-top:20px}.template-form-modal .modal-footer{flex-direction:column-reverse;gap:8px;padding-bottom:16px;padding-top:16px}.template-form-modal .modal-footer .btn{justify-content:center;width:100%}.form-section{margin-bottom:12px}.form-section-title{font-size:1rem;margin-bottom:4px!important;padding-bottom:2px!important}.form-group{margin-bottom:8px}.form-input,.form-select,.form-textarea{font-size:16px}.form-checkbox-group,.form-radio-group{gap:10px}.form-checkbox-label,.form-radio-label{font-size:.9rem;padding:10px 12px}.form-toggle-wrapper{padding:10px 12px}.form-file-label{padding:24px 16px}}.form-input[type=date]{accent-color:#6ea8fe;color-scheme:light}.template-form-modal{--calendar-bg:#e3f2fd;--calendar-selected:#6ea8fe;--calendar-hover:#bbdefb;--calendar-text:#5eb3f6;--calendar-border:#90caf9;--calendar-border-radius:16px}input[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:16px 16px;opacity:1}@media (prefers-contrast:high){.form-checkbox-label,.form-file-label,.form-input,.form-radio-label,.form-select,.form-textarea,.form-toggle-wrapper,.template-card,.template-specs,.template-usage{border-width:2px}}.custom-select-wrapper{position:relative;width:100%}.custom-select-button{align-items:center;background:#1e1636cc;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.custom-select-button:hover{background:#1e1636e6;border-color:#0000004d}.custom-select-button:focus{background:#1e1636f2;border-color:var(--accent-gold);box-shadow:0 0 0 3px #0000001a;outline:none}.custom-select-text{flex:1 1}.custom-select-icon{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.custom-select-icon.rotated{transform:rotate(180deg)}.custom-select-dropdown{animation:dropdownSlideIn .2s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0006;left:0;max-height:300px;overflow-y:auto;padding:4px;position:absolute;top:calc(100% + 8px);width:100%;z-index:1000}.custom-select-dropdown.blue-dropdown{background:#1a1625;border:1px solid #ffffff1a}.custom-select-dropdown::-webkit-scrollbar{width:8px}.custom-select-dropdown::-webkit-scrollbar-track{background:#0000;border-radius:4px}.custom-select-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.custom-select-option{align-items:center;background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:400;justify-content:space-between;padding:14px 20px;position:relative;text-align:left;transition:all .2s ease;width:100%}.custom-select-option:hover{background:#0000001a;color:var(--accent-gold)}.custom-select-option.selected{background:#00000026;color:var(--accent-gold);font-weight:500}.custom-select-option .checkmark{color:#f3ca5e;font-size:18px;font-weight:700;margin-left:8px}.custom-select-option:focus{background:#2e5a8f;outline:none}@media (max-width:767px){.custom-select-dropdown{max-height:250px}.custom-select-option{font-size:16px;padding:12px 16px}}.badges-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1.5rem}.badge-preview-item{align-items:flex-start;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:1rem;transition:all .2s ease}.badge-preview-item:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #8b5cf626;transform:translateY(-2px)}.universal-badge{align-items:center;border-radius:999px;box-shadow:inset 0 1px 2px #0000001a;color:#fff;cursor:default;display:inline-flex;font-family:Inter,Roboto,SF Pro Display,-apple-system,sans-serif;font-size:12px;font-weight:600;height:20px;justify-content:center;padding:2px 10px;-webkit-user-select:none;user-select:none;white-space:nowrap}.badge-info{display:flex;flex-direction:column;gap:.25rem;width:100%}.badge-info code{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);font-family:Monaco,Menlo,Courier New,monospace;font-size:11px;padding:2px 6px}.badges-examples{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.example-row{align-items:center;color:var(--text-primary);display:flex;font-size:14px}@media (max-width:1024px){.badges-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.badges-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.badge-preview-item,.badges-examples{padding:.75rem}.example-row{font-size:13px}}@media (max-width:480px){.badges-grid{grid-template-columns:1fr}.example-row{align-items:flex-start;flex-direction:column;gap:.25rem}.example-row span:first-child{margin-right:0!important}}.sketches-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:1.5rem}.column-header{border-bottom:1px solid var(--border-color);justify-content:space-between}.column-header h3{color:var(--text-primary);font-size:18px}.count-badge{background:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);font-size:12px;font-weight:500;padding:2px 8px}.sketches-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.sketch-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease}.sketch-item:hover{border-color:var(--accent-primary);box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.sketch-preview{aspect-ratio:9/16;background:var(--bg-secondary);overflow:hidden;position:relative;width:100%}.sketch-preview img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.sketch-item:hover .sketch-preview img{transform:scale(1.05)}.sketch-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.sketch-item:hover .sketch-overlay{opacity:1}.btn-preview{background:#fff;border:none;border-radius:24px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:.75rem 1.25rem;transform:translateY(10px);transition:transform .3s ease}.sketch-item:hover .btn-preview{transform:translateY(0)}.sketch-info{display:flex;flex-direction:column;gap:.25rem;padding:1rem}.sketch-title{color:var(--text-primary);font-size:14px;font-weight:600}.sketch-date{color:var(--text-secondary);font-size:12px}@media (max-width:1024px){.sketches-container{gap:3rem;grid-template-columns:1fr}.sketches-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.frames-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1.5rem}.frame-preview-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.frame-preview-card:hover{border-color:var(--accent-primary);box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.frame-info{display:flex;flex-direction:column;gap:.5rem}.frame-name{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.frame-desc{color:var(--text-secondary);font-size:.875rem;margin:0}.frame-category{background:var(--accent-primary);border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.frame-demo-container{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative}.frame-demo-box,.frame-demo-container{align-items:center;display:flex;justify-content:center;padding:1.5rem;width:100%}.frame-demo-box{height:100%;transition:all .3s ease}.frame-preview-card:hover .frame-demo-box{transform:scale(1.02)}.frame-demo-content{align-items:center;color:inherit;display:flex;flex-direction:column;gap:.75rem}.demo-icon{opacity:.6}.demo-text{font-size:.875rem;font-weight:500;opacity:.7}.frame-code{background:var(--bg-tertiary);border-radius:6px;padding:.5rem;text-align:center}.frame-code code{color:var(--text-secondary);font-family:Monaco,Menlo,Courier New,monospace;font-size:.75rem}@media (max-width:1024px){.frames-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.frames-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.frame-preview-card{padding:1rem}}@media (max-width:480px){.frames-grid{grid-template-columns:1fr}}.placeholder-page{min-height:100vh}.placeholder-content-center{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.placeholder-icon{color:var(--accent-gold);margin-bottom:1.5rem;opacity:.7}.placeholder-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;margin:2rem auto;max-width:600px;padding:3rem 2rem;text-align:center}.placeholder-card h3{color:var(--accent-gold-light);font-size:1.5rem;margin:1rem 0}.placeholder-card p{color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.lock-icon-large{color:var(--accent-gold);opacity:.5}.features-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.feature-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.9rem;padding:1rem}@media (max-width:767px){.placeholder-content-center{padding:2rem 1rem}.placeholder-icon{height:48px;margin-bottom:1rem;width:48px}.placeholder-card{margin:1.5rem auto;padding:1.5rem 1rem}.placeholder-card h3{font-size:1.25rem}.placeholder-card p{font-size:.9rem;line-height:1.6}.features-list{gap:.75rem;grid-template-columns:1fr}.feature-item{font-size:.85rem;padding:.75rem}.page-title{font-size:1.5rem}.page-subtitle{font-size:.9rem}}@media (min-width:768px) and (max-width:1024px){.placeholder-card{padding:2.5rem 1.5rem}.features-list{grid-template-columns:repeat(2,1fr)}}.neuroprogram-player-card{background:linear-gradient(135deg,#0d1024,#1a1d3a);border:1px solid #2c2743!important;border-radius:20px;box-shadow:0 8px 24px #0006;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.neuroprogram-player-card:hover{box-shadow:0 12px 32px #0006;transform:translateY(-4px)}.player-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.player-title-section{flex:1 1}.player-title{color:#fff;font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700;margin:0 0 6px}.player-subtitle{color:#fff9;font-size:13px;line-height:1.4;margin:0}.player-timer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-radius:10px;display:flex;font-family:Ubuntu,Rajdhani,-apple-system,sans-serif;font-size:16px;font-weight:700;gap:6px;padding:6px 12px;transition:all .3s}.player-visualization{align-items:center;display:flex;height:120px;justify-content:center;margin-bottom:16px;position:relative}.wave-canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.player-icon-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d1024cc;display:flex;height:100px;justify-content:center;overflow:hidden;position:relative;width:100px;z-index:2}.player-icon,.player-icon-container{border:0;border-radius:50%;margin:0;padding:0}.player-icon{display:block;height:100%;min-height:100%;min-width:100%;object-position:center;width:100%}.player-icon-placeholder{align-items:center;color:#d4af3780;display:flex;height:100px;justify-content:center;width:100px}.player-progress-section{align-items:center;display:flex;gap:10px;margin-bottom:16px}.progress-time{color:#ffffffb3;font-family:Ubuntu,Rajdhani,-apple-system,sans-serif;font-size:12px;font-weight:600;min-width:40px;text-align:center}.progress-bar-container{cursor:pointer;flex:1 1;height:6px;transition:height .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.progress-bar-bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:4px;height:100%;overflow:hidden;width:100%}.progress-bar-fill{background:gold;box-shadow:0 0 20px currentColor;position:relative;transition:width .1s linear}.progress-bar-fill:after{background:gold;border-radius:50%;box-shadow:0 0 16px currentColor;content:"";height:16px;opacity:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .3s;width:16px}.progress-bar-container:hover .progress-bar-fill:after{opacity:1}.progress-bar-container.dragging,.progress-bar-container:active{box-shadow:0 0 20px #000000b3;height:14px}.progress-bar-container.dragging{cursor:grabbing!important}.progress-bar-container.dragging .progress-bar-fill{box-shadow:0 0 25px currentColor}.progress-bar-container.dragging .progress-bar-fill:after{box-shadow:0 0 20px currentColor;height:20px;opacity:1;width:20px}.player-controls{gap:16px;justify-content:center;margin-bottom:14px}.control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #d4af3780;border-radius:50%;color:#d4af37;cursor:pointer;display:flex;justify-content:center;transition:all .3s}.control-btn:hover:not(:disabled){background:#ffffff26;border-color:#2c2743!important;transform:scale(1.1)}.control-btn:disabled{cursor:not-allowed;opacity:.3}.control-btn:focus-visible{outline:3px solid #d4af37;outline-offset:4px}.control-btn-next,.control-btn-prev{height:40px;width:40px}.control-btn-play{background:linear-gradient(135deg,#d4af37,#f3ca5e);border:none;color:#0d1024;height:56px;width:56px}.control-btn-play:hover:not(:disabled){background:linear-gradient(135deg,#f3ca5e,#d4af37);transform:scale(1.1)}.control-btn-play:disabled{cursor:wait;opacity:.7}.spinner-icon{animation:spin 1s linear infinite;font-size:32px}.player-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding:0 8px}.volume-control{position:relative}.volume-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s}.volume-btn:hover{background:#ffffff1a;color:#d4af37}.volume-slider-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d1024f2;border:1px solid #d4af374d;border-radius:12px;bottom:100%;box-shadow:0 8px 24px #00000080;display:flex;height:120px;justify-content:center;left:50%;margin-bottom:8px;padding:12px 16px;position:absolute;transform:translateX(-50%);width:48px}.volume-slider{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;height:4px;outline:none;transform:rotate(-90deg);transform-origin:center;width:100px}@media (max-width:768px){.volume-slider-container{left:50%;transform:translateX(-50%)}}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#d4af37;border-radius:50%;box-shadow:0 0 8px #d4af3780;cursor:pointer;height:16px;-webkit-transition:all .2s;transition:all .2s;width:16px}.volume-slider::-webkit-slider-thumb:hover{box-shadow:0 0 16px #d4af37cc;transform:scale(1.2)}.loop-btn{align-items:center;background:#0000;border:2px solid #fff3;border-radius:12px;color:#fff9;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s}.loop-btn:hover{background:#a855f71a;transform:scale(1.1)}.loop-btn.active,.loop-btn:hover{border-color:#a855f7;color:#a855f7}.loop-btn.active{animation:loop-pulse .5s ease-in-out;background:#a855f726}@keyframes loop-pulse{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.15) rotate(5deg)}50%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.15) rotate(5deg)}}.favorite-btn{align-items:center;background:#0000;border:2px solid #fff3;border-radius:12px;color:#fff9;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s}.favorite-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444;transform:scale(1.1)}.favorite-btn.active{animation:heartbeat .5s ease-in-out;background:#ef444426;border-color:#ef4444;color:#ef4444}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1.1)}75%{transform:scale(1.15)}}@media (max-width:1024px){.neuroprogram-player-card{padding:16px}.player-title{font-size:19px}.player-subtitle{font-size:12px}.control-btn{height:38px;width:38px}.control-btn-play{height:50px;width:50px}}@media (max-width:768px){.neuroprogram-player-card{padding:14px}.player-title{font-size:17px}.player-subtitle{font-size:11px}.control-btn{height:34px;width:34px}.control-btn-play{height:46px;width:46px}}@media (max-width:480px){.neuroprogram-player-card{padding:10px}.player-title{font-size:15px}.player-subtitle{font-size:10px}.progress-time{font-size:9px}.player-visualization{height:70px}.player-controls{gap:8px}.volume-slider-container{left:0;transform:none}.control-btn{height:30px;width:30px}.control-btn-play{height:40px;width:40px}}@media (max-width:400px){.neuroprogram-player-card{padding:8px}.player-title{font-size:14px}.player-subtitle{font-size:9px}.progress-time{font-size:8px}.player-visualization{height:60px}.player-icon-container{height:60px;width:60px}.player-controls{gap:6px}.control-btn{height:28px;width:28px}.control-btn-play{height:36px;width:36px}.player-actions{gap:4px}.favorite-btn,.loop-btn,.volume-btn{padding:6px}}@media (max-width:360px){.player-title{font-size:13px}.player-subtitle{font-size:8px}.player-visualization{height:55px}.control-btn{height:26px;width:26px}.control-btn-play{height:34px;width:34px}}@media (max-width:640px){.player-header{align-items:flex-start;flex-direction:column;gap:6px}.player-title{font-size:17px}.player-subtitle{font-size:11px}.player-timer{align-self:flex-end;font-size:13px;padding:4px 9px}.progress-time{font-size:10px}.player-visualization{height:95px}.player-icon-container{height:75px;width:75px}.control-btn-play{height:48px;width:48px}}@media (max-width:768px){.neuroprogram-player-card{padding:16px}.player-title{font-size:18px}.player-timer{font-size:14px}.player-visualization{height:100px}.player-icon,.player-icon-container{height:80px;width:80px}.control-btn-play{height:48px;width:48px}.control-btn-next,.control-btn-prev{height:36px;width:36px}}.player-subtitle,.player-timer,.player-title,.progress-time{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.description-more-link{margin-left:4px;text-decoration:underline}.description-modal-content{box-shadow:0 20px 60px #d4af374d}.compact-neuro-card{align-items:center;background:linear-gradient(135deg,#0d1024,#1a1d3a);border:1px solid #2c2743!important;border-radius:12px;cursor:pointer;display:flex;gap:16px;min-height:100px;padding:12px 20px;transition:all .3s}.compact-neuro-card:hover{border-color:#2c2743!important;box-shadow:0 8px 20px #0006;transform:translateY(-2px)}.compact-icon-container{align-items:center;background:#0d1024cc;border-radius:50%;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.compact-icon{border-radius:50%;height:100%;object-fit:cover;width:100%}.compact-icon-placeholder{font-size:20px}.compact-info{flex:1 1;min-width:0}.compact-title{color:#fff;font-family:Rajdhani,sans-serif;font-size:17px;font-weight:700;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-description-wrapper{display:flex;flex-direction:column;gap:2px}.compact-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#ffffffb3;display:-webkit-box;font-size:13px;line-height:1.4;margin:0;overflow:hidden}.description-more-link{align-self:flex-start;color:#d4af37;cursor:pointer;font-size:12px;font-weight:600;transition:color .3s}.description-more-link:hover{color:#f3ca5e;text-decoration:underline}.compact-favorite{align-items:center;background:#0000;border:2px solid #fff3;border-radius:8px;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s;width:36px}.compact-favorite:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.compact-favorite.active{background:#ef444426;border-color:#ef4444;color:#ef4444}.compact-listen-btn{align-items:center;background:linear-gradient(135deg,#006b3c,#004d2c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:700;gap:6px;padding:8px 12px;text-transform:uppercase;transition:all .3s}.compact-listen-btn:hover{background:linear-gradient(135deg,#004d2c,#003d21);box-shadow:0 4px 12px #006b3c66;transform:translateY(-1px)}.compact-price{align-items:center;border-left:1px solid #ffffff4d;display:flex;font-size:12px;font-weight:700;gap:4px;margin-left:8px;padding-left:8px}@media (max-width:1024px){.compact-neuro-card{min-height:90px;padding:10px 16px}.compact-icon-container{height:50px;width:50px}.compact-title{font-size:16px}.compact-listen-btn{padding:7px 12px}}@media (max-width:768px){.compact-neuro-card{gap:10px;min-height:75px;padding:7px 10px}.compact-icon-container{height:40px;width:40px}.compact-title{font-size:14px;margin-bottom:3px}.compact-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:11px;line-height:1.3;overflow:hidden}.compact-listen-btn{font-size:11px;padding:5px 9px}.compact-favorite{height:30px;width:30px}}@media (max-width:480px){.compact-neuro-card{gap:6px;min-height:56px;padding:4px 6px}.compact-icon-container{height:30px;width:30px}.compact-info{flex:1 1;max-width:none;min-width:0}.compact-title{font-size:13px;margin-bottom:2px}.compact-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:11px;line-height:1.3;overflow:hidden}.compact-listen-btn{font-size:9px;height:22px;padding:3px 6px;white-space:nowrap}.compact-favorite{border-width:1px;height:22px;width:22px}.compact-price{font-size:9px;margin-left:2px;padding-left:2px}}@media (max-width:400px){.compact-neuro-card{gap:5px;min-height:52px;padding:3px 5px}.compact-icon-container{height:28px;width:28px}.compact-title{font-size:12px;margin-bottom:1px}.compact-description{font-size:10px}.compact-listen-btn{font-size:8px;height:20px;padding:2px 5px}.compact-favorite{height:20px;width:20px}.compact-price{font-size:8px;margin-left:1px;padding-left:1px}}@media (max-width:360px){.compact-title{font-size:11px;margin-bottom:0}.compact-description{font-size:9px}.compact-price{font-size:7px}}.description-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.description-modal-content{animation:modalFadeIn .3s ease-out;background:linear-gradient(135deg,#0d1024,#1a1d3a);border:1px solid #2c2743;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:600px;overflow:hidden;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.description-modal-header{align-items:center;border-bottom:1px solid #d4af3733;display:flex;justify-content:space-between;padding:24px}.description-modal-header h3{color:#fff;font-family:Rajdhani,sans-serif;font-size:22px;font-weight:700;margin:0;text-shadow:0 1px 4px #d4af374d}.description-modal-close{align-items:center;background:#0000;border:2px solid #fff3;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s;width:40px}.description-modal-close:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444;transform:rotate(90deg)}.description-modal-body{max-height:calc(80vh - 100px);overflow-y:auto;padding:24px}.description-modal-body p{color:#ffffffe6;font-size:16px;line-height:1.7;margin:0;white-space:pre-wrap}.description-modal-body::-webkit-scrollbar{width:6px}.description-modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.description-modal-body::-webkit-scrollbar-thumb{background:#d4af37;border-radius:3px}.description-modal-body::-webkit-scrollbar-thumb:hover{background:#f3ca5e}@media (max-width:768px){.description-modal-content{max-height:90vh;max-width:95%}.description-modal-header{padding:20px}.description-modal-header h3{font-size:18px}.description-modal-close{height:36px;width:36px}.description-modal-body{padding:20px}.description-modal-body p{font-size:14px}}.neuro-program-page{background:var(--bg-primary);max-width:100vw;min-height:100vh;padding-bottom:60px;padding-left:20px;padding-right:20px;width:100%}.neuro-program-page .page-container{max-width:none;overflow-x:visible!important;overflow:visible!important;padding:0}.page-header{margin-bottom:24px;padding-top:50px;text-align:center}.page-title{align-items:center;color:var(--text-primary);display:flex;font-size:36px;font-weight:700;gap:12px;justify-content:center;margin-bottom:12px}.page-subtitle{color:var(--text-muted);font-size:18px;font-weight:400}.folders-navigation{margin-bottom:24px}.folders-tabs{align-content:flex-start;background:linear-gradient(135deg,#140f2d80,#21174580);border:1px dashed var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;height:auto;min-height:auto;padding:16px;row-gap:8px}.nav-tab{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex:1 1 auto;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;min-height:48px;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.nav-tab:hover:not(.active){background:var(--bg-tertiary);box-shadow:0 4px 12px #0003;color:var(--text-primary);transform:translateY(-2px)}.nav-tab:active{transform:scale(.98)}.nav-tab.active{background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-gold-dark) 100%);border-color:var(--accent-gold);box-shadow:0 4px 12px #0000004d;color:var(--bg-primary)}.nav-tab img,.nav-tab svg{flex-shrink:0}@media (min-width:1024px){.folders-tabs{gap:10px;padding:20px 24px;row-gap:10px}.nav-tab{flex:0 1 auto;font-size:14px;max-width:200px;min-width:120px;padding:12px 20px}.nav-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.active-player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0000001a,#0000000d);border:2px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px #0003;gap:24px;justify-content:space-between;margin-bottom:40px;padding:24px}.active-player,.player-info{align-items:center;display:flex}.player-info{flex:1 1;gap:16px}.player-icon{border-radius:12px;height:64px;object-fit:cover;width:64px}.player-details h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.player-time{color:var(--text-muted);font-size:14px;gap:6px;margin:0}.player-controls,.player-time{align-items:center;display:flex}.player-controls{gap:12px}.btn-pause,.btn-play{align-items:center;background:var(--accent-gold);border:none;border-radius:50%;color:var(--bg-primary);cursor:pointer;display:flex;height:56px;justify-content:center;transition:all .3s;width:56px}.btn-pause:hover,.btn-play:hover{background:var(--accent-gold-dark);box-shadow:0 8px 24px #0006;transform:scale(1.05)}.btn-stop{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-stop:hover{background:var(--bg-secondary)}.programs-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:32px}.programs-two-columns{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-top:32px;width:100%}.programs-column{display:flex;flex-direction:column;gap:11px}.column-title{color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:20px;margin:24px 0 0;padding:0 8px}.programs-list{display:flex;flex-direction:column;gap:16px}.empty-column{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-muted);padding:40px 20px;text-align:center}.empty-column p{font-size:16px;margin:0}.programs-grid-new{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-top:32px}.program-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s}.program-card:before{background:var(--accent-gold);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s}.program-card.active:before,.program-card:hover:before{transform:scaleX(1)}.program-card:hover{box-shadow:0 12px 32px #0000004d;transform:translateY(-4px)}.program-card.active{background:linear-gradient(135deg,var(--bg-secondary) 0,#0000000d 100%);box-shadow:0 8px 24px #0003}.program-icon-wrapper{margin-bottom:16px;position:relative}.program-icon-img{border-radius:12px;object-fit:cover}.program-icon-img,.program-icon-placeholder{height:180px;width:100%}.access-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10b981e6;border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;position:absolute;right:12px;top:12px}.program-info{margin-bottom:16px}.program-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.program-description{line-clamp:2;margin:0 0 12px}.program-meta{align-items:center;gap:12px;justify-content:space-between}.program-category{background:var(--bg-tertiary);border-radius:6px;color:var(--text-muted);font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.program-cost{align-items:center;color:var(--accent-gold);display:flex;font-size:16px;font-weight:600;gap:4px}.program-actions{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.btn-action{align-items:center;border-radius:12px;display:flex;font-size:15px;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s;width:100%}.btn-play-sm{background:var(--accent-gold);color:var(--bg-primary)}.btn-play-sm:hover{background:var(--accent-gold-dark);box-shadow:0 8px 20px #0006;transform:translateY(-2px)}.btn-pause-sm{background:#f59e0b;color:#fff}.btn-pause-sm:hover{background:#d97706;box-shadow:0 8px 20px #f59e0b66;transform:translateY(-2px)}.btn-purchase{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-purchase:hover{background:var(--accent-gold);box-shadow:0 8px 20px #0000004d;color:var(--bg-primary);transform:translateY(-2px)}.expired-notice{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-top:12px;padding:8px 12px}.empty-state{grid-column:1/-1;padding:80px 20px}.empty-state svg{color:var(--text-muted);margin-bottom:16px}.empty-state p{color:var(--text-muted);font-size:18px}.loading-state{color:var(--text-muted);padding:80px 20px;text-align:center}@media (max-width:1300px) and (min-width:769px){.programs-two-columns{gap:40px;grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:800px}.programs-column-left{order:2}.programs-column-right{order:1}.column-title{font-size:22px;text-align:center}}@media (max-width:1280px){.programs-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:1024px){.page-title{font-size:28px}.programs-two-columns{gap:20px}.column-title{font-size:18px;margin-bottom:6px}}@media (max-width:768px){.neuro-program-page{padding-bottom:140px}.page-header{padding-top:50px}.page-title{font-size:26px;word-break:break-word}.page-subtitle{font-size:15px}.programs-two-columns{gap:20px;grid-template-columns:1fr;margin-top:20px}.programs-column-left{order:2}.programs-column-right{order:1}.column-title{font-size:17px;margin-bottom:14px;padding:0 4px}.programs-list{gap:14px}.folders-navigation{margin-bottom:18px}.folders-tabs{flex-wrap:wrap;gap:6px;padding:12px 14px;row-gap:6px}.nav-tab{flex:1 1 auto;font-size:13px;min-height:42px;padding:10px 14px}.active-player{flex-direction:column;gap:14px;padding:16px}.player-info{width:100%}.player-controls{gap:14px;justify-content:center;width:100%}.programs-grid{gap:14px;grid-template-columns:1fr}.btn-pause,.btn-play{height:44px;width:44px}}@media (max-width:600px){.page-title{font-size:24px}.page-subtitle{font-size:14px}.programs-two-columns{gap:18px}.column-title{font-size:16px}.nav-tab{font-size:11.5px;min-height:36px;padding:8px 11px}.programs-list{gap:12px}}@media (max-width:480px){.neuro-program-page{padding:0 24px 100px}.page-header{margin-bottom:12px;padding-bottom:12px;padding-left:4px;padding-right:4px;padding-top:30px!important}.page-title{font-size:20px;gap:5px}.page-title svg{height:28px!important;width:28px!important}.page-subtitle{font-size:12px}.folders-navigation{margin-bottom:12px}.folders-tabs{border-radius:10px;flex-wrap:wrap;gap:5px;padding:10px;row-gap:5px}.nav-tab{border-radius:6px;flex:1 1 auto;font-size:11px;min-height:34px;padding:8px 12px}.programs-two-columns{gap:10px;margin-top:10px}.column-title{font-size:15px;margin-bottom:6px;padding:0 2px}.programs-list{gap:8px}.active-player{border-radius:10px;gap:8px;margin-bottom:12px;padding:10px}.player-icon{height:36px;width:36px}.player-details h3{font-size:13px}.player-time{font-size:10px}.btn-pause,.btn-play{height:36px;width:36px}.btn-stop{font-size:10px;padding:5px 10px}.empty-column{padding:16px 8px}.empty-column p{font-size:12px}}@media (max-width:400px){.neuro-program-page{padding:0 20px 95px}.page-header{margin-bottom:10px;padding-bottom:10px;padding-left:2px;padding-right:2px;padding-top:30px!important}.page-title{font-size:18px;gap:4px}.page-title svg{height:26px!important;width:26px!important}.page-subtitle{font-size:11px}.folders-navigation{margin-bottom:10px}.folders-tabs{border-radius:8px;flex-wrap:wrap;gap:4px;padding:8px;row-gap:4px}.nav-tab{border-radius:5px;flex:1 1 auto;font-size:10px;min-height:30px;padding:6px 10px}.programs-two-columns{gap:8px;margin-top:8px}.column-title{font-size:14px;margin-bottom:5px;padding:0}.programs-list{gap:6px}.active-player{border-radius:8px;gap:6px;margin-bottom:10px;padding:8px}.player-icon{height:32px;width:32px}.player-details h3{font-size:12px}.player-time{font-size:9px}.btn-pause,.btn-play{height:32px;width:32px}.btn-stop{font-size:9px;padding:4px 8px}.empty-column{padding:12px 6px}.empty-column p{font-size:11px}}@media (max-width:360px){.column-title{font-size:13px;margin-bottom:4px}.page-title{font-size:17px}.programs-two-columns{gap:6px}.programs-list{gap:5px}.folders-tabs{border-radius:6px;gap:3px;padding:6px;row-gap:3px}.nav-tab{border-radius:4px;font-size:9px;min-height:28px;padding:5px 8px}}.demo-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;position:absolute;right:8px;top:8px;z-index:2}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.demo-timer{animation:pulse 2s infinite;color:#10b981;font-family:Ubuntu,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600}.btn-demo{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;font-weight:600}.btn-demo:hover{background:linear-gradient(135deg,#059669,#047857)!important;transform:translateY(-2px)}.demo-register-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid var(--gold);border-radius:20px;box-shadow:0 20px 60px #00000080;max-width:500px;padding:40px;width:90%}.demo-modal-content{align-items:center;display:flex;flex-direction:column;gap:20px;text-align:center}.demo-modal-content h2{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:24px;margin:0}.demo-modal-content p{color:#e5e7eb;font-size:16px;line-height:1.6;margin:0}.demo-benefits{display:flex;flex-direction:column;gap:12px;margin-top:10px;width:100%}.benefit-item{align-items:center;background:#d4af371a;border:1px solid #d4af374d;border-radius:10px;color:#e5e7eb;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left}.demo-modal-actions{display:flex;gap:12px;margin-top:10px;width:100%}.demo-modal-actions button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:all .3s}.demo-modal-actions .btn-primary{background:var(--primary-gradient);color:#fff}.demo-modal-actions .btn-primary:hover{transform:translateY(-2px)}.demo-modal-actions .btn-secondary{background:#ffffff0d;color:var(--text-muted)}.demo-modal-actions .btn-secondary:hover{background:#ffffff1a}@media (max-width:768px){.demo-register-modal{padding:30px 20px}.demo-modal-actions{flex-direction:column}}.error-boundary-fallback{align-items:center;display:flex;justify-content:center;min-height:400px;padding:40px}.error-content{max-width:500px;text-align:center}.error-content svg{margin-bottom:24px}.error-content h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 12px}.error-content p{color:var(--text-muted);font-size:16px;margin:0 0 24px}.btn-retry{background:var(--accent-gold);border:none;border-radius:12px;color:var(--bg-primary);cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s}.btn-retry:hover{background:var(--accent-gold-dark);box-shadow:0 8px 20px #0006;transform:translateY(-2px)}.sonnik-welcome-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.sonnik-welcome-modal{animation:slideUp .3s ease-out;background:#1e293b;background:var(--bg-secondary,#1e293b);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:16px;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.sonnik-welcome-header{border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-color,#ffffff0d);padding:1.5rem 1.5rem 1rem;text-align:center}.sonnik-welcome-icon{animation:bounceIn .5s cubic-bezier(.175,.885,.32,1.275);display:block;font-size:3rem;margin-bottom:1rem}.sonnik-welcome-title{color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;font-weight:700;line-height:1.4;margin:0}.sonnik-welcome-content{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.95rem;line-height:1.6;overflow-y:auto;padding:1.5rem;white-space:pre-wrap}.sonnik-welcome-footer{background:#0000001a;border-top:1px solid #ffffff0d;border-top:1px solid var(--border-color,#ffffff0d);display:flex;justify-content:center;padding:1rem 1.5rem 1.5rem}.sonnik-welcome-btn{background:linear-gradient(135deg,#f3ca5e,#f0bc32);background:linear-gradient(135deg,var(--accent-gold,#f3ca5e),var(--accent-gold-dark,#f0bc32));border:none;border-radius:12px;box-shadow:0 4px 12px #0000004d;color:#211745;color:var(--bg-primary,#211745);cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 2.5rem;transition:all .2s}.sonnik-welcome-btn:hover{box-shadow:0 6px 16px #0006;filter:brightness(1.1);transform:translateY(-2px)}.sonnik-welcome-btn:active{transform:translateY(0)}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.sonnik-welcome-modal{animation:slideUpMobile .3s ease-out;border-radius:20px 20px 0 0;bottom:0;margin:0;max-height:85vh;max-width:100%;position:absolute;width:100%}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sonnik-welcome-content{font-size:.9rem;padding:1.25rem}.sonnik-welcome-icon{font-size:2.5rem;margin-bottom:.5rem}}.ai-sonnik-page{display:flex;flex-direction:column;min-height:calc(100vh - 80px);position:relative}.ai-sonnik-layout,.ai-sonnik-page{max-width:100vw;overflow-x:hidden;width:100%}.ai-sonnik-layout{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:280px 1fr 280px;height:calc(100vh - 140px);min-height:600px}.ai-sonnik-layout.single-column{gap:0;grid-template-columns:1fr}.main-chat-area{height:100%}.chat-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:1rem 1.5rem}.chat-top-panel-mobile{display:none}@media (min-width:1025px){.btn-change-sonnik-mobile{display:none!important}.chat-top-panel-mobile{display:none}}.chat-header-left{align-items:center;display:flex;flex:1 1;gap:.75rem}.chat-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.btn-edit-title{background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:.25rem;transition:all .2s}.btn-edit-title:hover{background:var(--bg-hover);color:var(--accent-gold)}.title-edit-group{align-items:center;display:flex;flex:1 1;gap:.5rem}.title-edit-input{background:var(--bg-secondary);border:1px solid var(--accent-gold);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:1rem;padding:.5rem}.btn-title-cancel,.btn-title-save{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;padding:.4rem;transition:all .2s}.btn-title-save:hover{background:var(--accent-gold);color:var(--bg-primary)}.btn-title-cancel:hover{background:#ef4444;color:#fff}.mobile-burger-btn-panel{display:none}@media (max-width:1024px){.mobile-burger-btn-panel{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary);transition:all .2s}.mobile-burger-btn-panel:hover{background:var(--bg-hover);border-color:var(--accent-gold);color:var(--accent-gold)}.chat-top-panel-mobile{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0003;left:.75rem;min-height:100px;position:fixed;right:.75rem;top:80px;z-index:45}.chat-top-panel-content{align-items:flex-start;display:flex;gap:.25rem;height:100%;justify-content:space-between;overflow:visible;padding:1rem calc(1px + .3906vw) 2.5rem;position:relative}.chat-panel-left{flex:1 1;min-width:0;overflow:hidden}.chat-panel-left,.chat-panel-right{align-items:center;display:flex;gap:.25rem}.chat-panel-right{flex-shrink:0}.sonnik-type-badge-mobile{align-items:center;bottom:.5rem;color:var(--text-secondary);display:flex;font-size:.7rem;gap:.35rem;left:.75rem;opacity:.8;position:absolute}.sonnik-badge-icon{align-items:center;display:inline-flex;height:14px;justify-content:center;object-fit:contain;width:14px}.sonnik-badge-name{font-weight:500}.chat-title-display{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:.5rem;max-width:300px;min-width:0;overflow:hidden;padding:.5rem .75rem;transition:all .2s}.chat-title-display:hover{background:var(--bg-hover);border-color:#0000004d}.chat-title-text{color:var(--text-primary);flex:1 1;font-size:.9rem;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-edit-title-mobile{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.4rem;transition:all .2s}.btn-edit-title-mobile:hover{background:#0000001a;border-color:var(--accent-gold);color:var(--accent-gold)}.title-edit-mobile{align-items:center;display:flex;flex:1 1;gap:.5rem;max-width:400px}.title-edit-input-mobile{background:var(--bg-tertiary);border:1px solid var(--accent-gold);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:.9rem;outline:none;padding:.6rem .75rem;transition:all .2s}.title-edit-input-mobile:focus{box-shadow:0 0 0 3px #0000001a}.btn-title-cancel-mobile,.btn-title-save-mobile{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.6rem;transition:all .2s}.btn-title-save-mobile{border-color:var(--accent-gold);color:var(--accent-gold)}.btn-title-save-mobile:hover{background:var(--accent-gold);color:var(--bg-primary)}.btn-title-cancel-mobile{border-color:#ef44444d;color:#ef4444}.btn-title-cancel-mobile:hover{background:#ef44441a;border-color:#ef4444}.btn-change-sonnik-mobile{align-items:center;background:#7c3aed;border:1px solid #7c3aed;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:.7rem;transition:all .2s}.btn-change-sonnik-mobile span{display:none}.btn-change-sonnik-mobile:hover{background:#6d28d9;border-color:#6d28d9;box-shadow:0 4px 12px #7c3aed4d;transform:scale(1.05)}.btn-export-mobile{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.btn-export-mobile svg{height:18px;width:18px}.btn-export-mobile:hover{background:#0000001a;border-color:var(--accent-gold);box-shadow:0 0 12px #0006;color:var(--accent-gold)}.btn-export-mobile:disabled{cursor:not-allowed;opacity:.5}.btn-favorite-mobile{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.btn-favorite-mobile svg{height:18px;width:18px}.btn-favorite-mobile:hover{box-shadow:0 0 12px #0006}.btn-favorite-mobile.active,.btn-favorite-mobile:hover{background:#0000001a;border-color:var(--accent-gold)}.mobile-burger-btn-panel{align-items:center;background:var(--accent-gold);border:none;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:var(--bg-primary);cursor:pointer;display:flex;justify-content:center;padding:.6rem;transition:all .3s ease}.mobile-burger-btn-panel:hover{background:#d4a017;box-shadow:0 4px 12px #00000080;color:#1e3a8a;transform:scale(1.1)}}@media (min-width:769px) and (max-width:1024px){.chat-top-panel-mobile{left:calc(260px + .5rem);right:.5rem}.main-content.expanded .chat-top-panel-mobile{left:calc(80px + .5rem)}.chat-title-display{max-width:none}.chat-title-text{font-size:calc(12px + 1.17188vw)}.mobile-chat-date{font-size:8px}.btn-change-sonnik-mobile{padding:.6rem 1rem;width:auto}.btn-change-sonnik-mobile span{display:inline;font-size:.9rem;font-weight:500}}@media (max-width:768px){.chat-top-panel-mobile{min-height:85px;top:65px}.chat-top-panel-content{gap:.6rem;padding:.9rem calc(1.333px + .3472vw) 2.25rem}.chat-title-display{max-width:none;padding:.45rem .6rem}.chat-title-text{font-size:calc(13px + 1.04166vw)}.btn-edit-title-mobile{padding:.35rem}.btn-edit-title-mobile svg{height:16px;width:16px}.title-edit-input-mobile{font-size:.75rem;padding:.4rem .5rem}.btn-title-cancel-mobile svg,.btn-title-save-mobile svg{height:16px;width:16px}.btn-export-mobile,.btn-favorite-mobile{padding:.5rem}.btn-export-mobile svg,.btn-favorite-mobile svg{height:16px;width:16px}.btn-change-sonnik-mobile{padding:.6rem}.btn-change-sonnik-mobile svg{height:18px;width:18px}.mobile-burger-btn-panel{padding:.5rem}.mobile-burger-btn-panel svg{height:18px;width:18px}}@media (max-width:480px){.chat-top-panel-mobile{border-radius:6px;left:.25rem;min-height:75px;right:.25rem;top:60px}.chat-top-panel-content{gap:.5rem;padding:.75rem .625vw 2rem}.chat-title-display{max-width:none;padding:.4rem .5rem}.chat-title-text{font-size:calc(9px + 1.875vw)}.btn-edit-title-mobile{padding:.3rem}.btn-edit-title-mobile svg{height:14px;width:14px}.title-edit-mobile{max-width:200px}.title-edit-input-mobile{font-size:.7rem;padding:.35rem .4rem}.btn-export-mobile,.btn-favorite-mobile,.mobile-burger-btn-panel{padding:.45rem}.btn-export-mobile svg,.btn-favorite-mobile svg{height:14px;width:14px}.btn-change-sonnik-mobile{padding:.55rem}.btn-change-sonnik-mobile svg,.mobile-burger-btn-panel svg{height:16px;width:16px}}.btn-favorite.active,.btn-favorite:hover,.input-area textarea:focus{border-color:#000000b3}@media (max-width:1024px){.ai-sonnik-page{padding-bottom:140px}.ai-sonnik-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:calc(100vh - 280px)}.chats-sidebar{display:none}.main-chat-area{border-radius:8px;margin:0 .5rem;padding-top:100px}.sidebar-header .btn-new-chat{display:none}}@media (max-width:768px){.ai-sonnik-layout{height:auto;min-height:calc(100vh - 300px)}.messages-area{min-height:300px;padding:.85rem}.message{max-width:92%;padding:.85rem 1rem}.message.assistant,.message.user{font-size:.95rem}.input-area{padding:.85rem}.input-area textarea{font-size:.95rem;min-height:100px}.main-chat-area{padding-top:85px}.chat-header{padding:.85rem 1rem}.chat-header h2{font-size:1.1rem}}@media (max-width:480px){.ai-sonnik-page{padding-bottom:150px}.main-chat-area{border-radius:6px;margin:0 .25rem;padding-top:75px}.messages-area{min-height:250px;padding:.75rem}.message{font-size:.9rem;max-width:95%;padding:.75rem .85rem}.message-time{font-size:.65rem}.input-area{padding:.75rem}.input-area textarea{font-size:.9rem;min-height:90px;padding:.75rem}.send-btn{padding:.65rem 1rem}.chat-header{padding:.75rem .85rem}.chat-header h2{font-size:1rem}.mini-control-btn{height:32px;width:32px}.category-header{font-size:1rem;padding:.4rem .6rem}.list-item,.numbered-item,.text-line{font-size:.9rem}}.chat-header-actions{align-items:center;display:flex;gap:.5rem}.btn-export{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;padding:.5rem;transition:all .2s}.btn-export:hover{background:var(--bg-hover);color:var(--accent-gold)}.btn-export:hover,.mobile-section-header:hover{border-color:#000000b3}.modal-content.export-modal{border:1px solid #000000b3}.export-option-btn{border:1px solid var(--border-color)}.export-option-btn:hover:not(:disabled){border:1px solid #000000b3}.sonnik-type-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.sonnik-type-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.modal-header h2{color:var(--accent-gold-light);font-size:1.75rem}.modal-close-btn{padding:.5rem;transition:all .2s}.category-tabs{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1.5rem}.category-tab{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:.75rem 1.5rem;transition:all .3s ease}.category-tab:hover{background:var(--bg-hover);border:1px solid #000000b3;color:var(--text-primary)}.category-tab.active{background:linear-gradient(135deg,#f6d47626,#f0bc3226);border:1px solid #000000b3;color:var(--accent-gold-light)}.category-tab .tab-icon{font-size:1.5rem}.sonnik-types-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(6,1fr);justify-content:center;margin:0 auto;max-width:1400px;padding:1.5rem}.sonnik-type-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.85rem;min-width:0;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.sonnik-type-card:hover{background:var(--bg-hover);border:1px solid #000000a6;box-shadow:0 8px 24px #0003;transform:translateY(-4px)}.sonnik-type-card .card-icon{align-items:center;display:flex;filter:drop-shadow(0 0 8px rgba(0,0,0,.3));font-size:2.5rem;height:60px;justify-content:center;width:100%}.sonnik-type-card .card-icon img{height:100%;object-fit:contain;width:100%}.sonnik-type-card .card-name{color:var(--text-primary);font-size:1rem;font-weight:600}.btn-change-sonnik{align-items:center;background:#7c3aed;border:1px solid #7c3aed;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.8rem 1.3rem;transition:all .3s ease;white-space:nowrap}.btn-change-sonnik:hover{background:#6d28d9;border-color:#6d28d9;box-shadow:0 4px 12px #7c3aed66;transform:scale(1.08)}.desktop-only{display:inline}.chat-title-with-sonnik{display:flex;flex-direction:column;gap:.25rem}.sonnik-type-badge{color:var(--text-secondary);font-size:.85rem;font-weight:500}@media (max-width:1400px){.sonnik-types-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.sonnik-types-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.sonnik-type-modal{margin:1rem;max-width:100%}.category-tabs{flex-direction:column;gap:.75rem}.category-tab{justify-content:center;width:100%}.sonnik-types-grid{grid-template-columns:repeat(3,1fr)}.sonnik-type-card{padding:1.75rem 1rem}.desktop-only{display:none}.btn-change-sonnik{padding:.75rem}}@media (max-width:480px){.sonnik-types-grid{grid-template-columns:repeat(2,1fr)}.sonnik-type-card{padding:1.85rem 1.15rem}}.welcome-sonnik{flex-direction:column;gap:1.5rem;padding:2rem;text-align:center}.welcome-icon,.welcome-sonnik{align-items:center;display:flex}.welcome-icon{animation:float 3s ease-in-out infinite;border:3px solid #f3ca5e;border:3px solid var(--accent-gold,#f3ca5e);border-radius:50%;box-shadow:0 0 20px #0000004d;font-size:4rem;height:100px;justify-content:center;width:100px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-sonnik h2{color:var(--accent-gold-light);font-size:1.75rem;margin:0}.welcome-sonnik p{color:var(--text-secondary);font-size:1.1rem;margin:0}.btn-new-chat-large{box-shadow:0 4px 16px #0000004d;font-weight:600;transition:all .3s ease}.btn-new-chat-large:hover{background:var(--accent-gold-light);box-shadow:0 6px 24px #0006}.sonnik-selection-embedded{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:calc(100vh - 140px);overflow-y:auto;padding:2rem;width:100%}.selection-header{margin-bottom:2rem;text-align:center}.selection-header .welcome-icon{animation:float 3s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}.header-with-info{align-items:center;display:flex;justify-content:center;position:relative}.header-with-info h2{text-align:center}.header-with-info .info-icon-btn-template{position:absolute;right:-32px;top:-4px}.selection-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f6d476,#f3ca5e);-webkit-background-clip:text;background-clip:text;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2rem;font-weight:700;margin:0 0 .5rem}.selection-header p{color:var(--text-secondary);font-size:1.1rem;margin:0}.category-tabs-embedded{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.category-tabs-embedded .category-tab{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:.75rem 1.5rem;transition:all .3s ease}.category-tabs-embedded .category-tab:hover{background:var(--bg-hover);border:1px solid #000000b3;color:var(--text-primary)}.category-tabs-embedded .category-tab.active{background:linear-gradient(135deg,#f6d47626,#f0bc3226);border:1px solid #000000b3;color:var(--accent-gold-light)}.category-tabs-embedded .category-tab .tab-icon{font-size:1.5rem}@media (max-width:1024px) and (min-width:641px){.category-tabs-embedded .category-tab{font-size:.9rem;padding:.65rem 1.2rem}.category-tabs-embedded .category-tab .tab-icon{font-size:1.3rem}}@media (max-width:640px) and (min-width:441px){.category-tabs-embedded .category-tab{font-size:.85rem;gap:.6rem;padding:.6rem 1rem}.category-tabs-embedded .category-tab .tab-icon{font-size:1.2rem}}@media (max-width:440px){.category-tabs-embedded .category-tab{font-size:.75rem;gap:.5rem;padding:.5rem .8rem}.category-tabs-embedded .category-tab .tab-icon{font-size:1rem}}.sonnik-types-grid-embedded{grid-gap:1.35rem;display:grid;gap:1.35rem;grid-template-columns:repeat(6,1fr);margin:0 auto;max-width:1400px;width:100%}.sonnik-type-card-embedded{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;min-height:200px;min-width:0;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .3s ease}.sonnik-type-card-embedded:hover{background:var(--bg-hover);border:1px solid #000000a6;box-shadow:0 8px 24px #0003;transform:translateY(-4px)}.sonnik-type-card-embedded .card-icon{align-items:center;background:#372777;border-radius:8px;display:flex;font-size:60px;height:42px;justify-content:center;padding:.5rem;transition:background .3s ease;width:100%}.sonnik-type-card-embedded:hover .card-icon{background:#140f2d}.sonnik-type-card-embedded .card-icon img{height:60px;object-fit:contain;width:60px}.sonnik-type-card-embedded .card-name{color:#e0e0e0;font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-top:-.5rem;text-transform:uppercase}.sonnik-type-card-embedded .card-cost{align-items:center;bottom:12px;color:#4caf50;display:flex;font-size:.9rem;font-weight:600;gap:4px;pointer-events:none;position:absolute;right:12px}.sonnik-type-card-embedded .card-cost .cost-value{color:#4caf50;font-size:1rem;font-weight:700}@media (max-width:1400px){.sonnik-types-grid-embedded{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.sonnik-types-grid-embedded{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.sonnik-types-grid-embedded{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sonnik-selection-embedded{padding:1.5rem 1rem}.selection-header h2{font-size:1.5rem}.category-tabs-embedded{flex-direction:column;max-width:400px;width:100%}.category-tabs-embedded .category-tab{justify-content:center;width:100%}.header-with-info .info-icon-btn-template{top:-8px}}@media (max-width:480px){.sonnik-type-card-embedded{height:240px;min-height:240px;padding:1.85rem 1.15rem}.title-edit-input-mobile{font-size:.5rem!important;height:32px;padding:.25rem .35rem!important}}@media (max-width:440px){.selection-header{align-items:center;display:flex;flex-direction:column;justify-content:center}.selection-header .welcome-icon{margin:0 auto 1rem}.sonnik-types-grid-embedded{gap:1rem;grid-template-columns:1fr!important;max-width:100%}.sonnik-type-card-embedded{height:auto;min-height:200px;padding:1.5rem 1rem;width:100%}.sonnik-selection-embedded{padding:1rem .75rem}.selection-header h2{font-size:1.25rem}.selection-header p{font-size:.85rem}.category-tabs-embedded{flex-direction:column;gap:.5rem;width:100%}.category-tabs-embedded .category-tab{justify-content:center;padding:.75rem;width:100%}}@media (max-width:768px){.chat-title,.mobile-chat-title{font-size:.58rem}.chat-item,.mobile-chat-item{padding:.45rem}.chat-item-date,.mobile-chat-date{font-size:8px}}@media (max-width:480px){.chat-title,.mobile-chat-title{font-size:.55rem}.chat-item{margin-bottom:.3rem;padding:.4rem}.chat-item-date,.mobile-chat-date{font-size:7px}.mobile-chat-item{padding:.4rem}}.ai-mentor-page{display:flex;flex-direction:column;min-height:calc(100vh - 80px);position:relative}.ai-mentor-layout,.ai-mentor-page{max-width:100vw;overflow-x:hidden;width:100%}.ai-mentor-layout{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:280px 1fr 280px;height:calc(100vh - 200px);margin-top:1rem;min-height:600px}.chats-sidebar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem}.sidebar-header h3{color:var(--accent-gold-light);font-size:1rem;font-weight:600;margin:0}.btn-new-chat{align-items:center;background:var(--accent-gold);border:none;border-radius:6px;color:var(--bg-primary);cursor:pointer;display:flex;justify-content:center;padding:.4rem;transition:all .2s}.btn-new-chat:hover{background:var(--accent-gold-dark);transform:scale(1.1)}.chats-list{flex:1 1;overflow-y:auto;padding:.5rem}.chat-item{background:var(--bg-tertiary);border:1px solid #0000;border-radius:8px;cursor:pointer;margin-bottom:.5rem;padding:.75rem;position:relative;transition:all .2s}.chat-item:hover{background:var(--bg-hover)}.chat-item.active{background:linear-gradient(135deg,#f6d47626,#f0bc3226);border-color:#0000004d}.chat-item.favorite{border-left:3px solid var(--accent-gold)}.chat-item-header{margin-bottom:.15rem}.chat-item-footer,.chat-item-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.chat-item-footer{margin-top:.15rem}.chat-title-wrapper{align-items:center;display:flex;flex:1 1;gap:.35rem;min-width:0;overflow:hidden}.chat-title{color:var(--text-primary);flex:1 1;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-show-full-title{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--accent-gold);cursor:pointer;display:none;flex-shrink:0;justify-content:center;opacity:.7;padding:.15rem;transition:all .2s}.btn-show-full-title:hover{background:#0000001a;opacity:1;transform:scale(1.1)}@media (min-width:1025px){.btn-show-full-title{display:flex}}.chat-item-date{color:var(--text-muted);font-size:8px}.btn-edit-chat-desktop{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:.15rem;transition:all .2s}.btn-edit-chat-desktop:hover{background:#0000001a;color:var(--accent-gold);opacity:1}.btn-delete-chat{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s}.btn-delete-chat:hover{background:#ef4444;color:#fff}.messages-count-badge{align-items:center;background:linear-gradient(135deg,var(--accent-gold),#d4a853);border-radius:50%;box-shadow:0 2px 4px #0003;color:var(--bg-primary);cursor:help;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:20px;justify-content:center;margin-top:.25rem;transition:all .2s;width:20px}.messages-count-badge:hover{box-shadow:0 3px 6px #00000080;transform:scale(1.15)}.empty-state{padding:2rem 1rem}.btn-create-first{background:var(--accent-gold);border:none;border-radius:6px;color:var(--bg-primary);cursor:pointer;font-weight:600;margin-top:1rem;padding:.5rem 1rem;transition:all .2s}.btn-create-first:hover{background:var(--accent-gold-dark)}.main-chat-area{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.chat-panel-desktop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border-bottom:1px solid #0000001a;display:none;padding:1rem 1.5rem;z-index:100}.chat-panel-desktop-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;max-width:100%}.chat-title-with-edit{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.chat-title-desktop{color:var(--text-primary);flex:1 1;font-size:24px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-edit-title-desktop{align-items:center;background:#0000001a;border:1px solid #0000004d;border-radius:6px;color:var(--accent-gold);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:all .2s}.btn-edit-title-desktop:hover{background:#0003;border-color:#00000080;transform:scale(1.05)}.btn-export-desktop{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.8rem 1.3rem;transition:all .3s ease;white-space:nowrap}.btn-export-desktop:hover{background:#3b82f633;border-color:#3b82f6;transform:scale(1.05)}.btn-export-desktop:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (min-width:1025px){.chat-panel-desktop{display:block}}.chat-top-panel-mobile{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:block;margin-bottom:1rem;padding:1rem 1.5rem}.chat-top-panel-content{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}.chat-panel-left{flex:1 1;min-width:0;overflow:hidden}.chat-panel-left,.chat-panel-right{align-items:center;display:flex;gap:1rem}.chat-panel-right{flex-shrink:0}.btn-new-chat-mobile{align-items:center;background:var(--accent-gold);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s ease;white-space:nowrap}.btn-new-chat-mobile:hover{background:var(--accent-gold-dark);box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.btn-new-chat-mobile:active{transform:scale(.98)}.chat-title-display{align-items:center;background:#0000;border:none;border-radius:8px;display:none;flex:1 1;gap:.75rem;max-width:400px;min-width:0;overflow:hidden;padding:.6rem 1.2rem;transition:all .2s}.chat-title-display:hover{background:#0000}.chat-title-text{color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-edit-title-mobile{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.4rem;transition:all .2s}.btn-edit-title-mobile:hover{background:#0000001a;border-color:var(--accent-gold);color:var(--accent-gold)}.title-edit-mobile{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.title-edit-input-mobile{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:.95rem;min-width:0;padding:.6rem 1rem;transition:all .2s}.title-edit-input-mobile:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #0000001a;outline:none}.btn-title-cancel-mobile,.btn-title-save-mobile{align-items:center;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:all .2s}.btn-title-save-mobile{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-primary)}.btn-title-save-mobile:hover{background:var(--accent-gold-dark);box-shadow:0 2px 8px #0000004d}.btn-title-cancel-mobile{background:#0000;color:var(--text-secondary)}.btn-title-cancel-mobile:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-export-mobile,.btn-favorite-mobile{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.6rem;transition:all .2s}.btn-export-mobile:hover,.btn-favorite-mobile:hover{background:var(--bg-hover);border-color:var(--accent-gold);color:var(--accent-gold);transform:translateY(-1px)}.btn-favorite-mobile.active{background:#0000001a;border-color:var(--accent-gold);color:var(--accent-gold)}.btn-new-chat-mobile,.mobile-burger-btn-panel{display:none}@media (max-width:1024px){.mobile-burger-btn-panel{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary);transition:all .2s}.mobile-burger-btn-panel:hover{background:var(--bg-hover);border-color:var(--accent-gold);color:var(--accent-gold)}.chat-top-panel-mobile{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0003;left:.5rem;min-height:100px;position:fixed;right:.5rem;top:80px;z-index:45}.chat-top-panel-content{gap:1rem;height:100%;justify-content:space-between;padding:1.5rem calc(1px + .3906vw)}.chat-panel-left,.chat-top-panel-content{align-items:center;display:flex;overflow:hidden}.chat-panel-left{flex:1 1;gap:.5rem;min-width:0}.chat-panel-right{gap:.5rem}.btn-new-chat-mobile,.chat-panel-right{align-items:center;display:flex;flex-shrink:0}.btn-new-chat-mobile{background:var(--accent-gold);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem .8rem;transition:all .2s ease;white-space:nowrap}.btn-new-chat-mobile:hover{background:var(--accent-gold-dark);transform:translateY(-1px)}.btn-new-chat-mobile:active{transform:scale(.98)}.chat-title-display{align-items:center;background:#0000;border:none;border-radius:8px;display:flex;flex:1 1;gap:.5rem;max-width:280px;min-width:0;overflow:hidden;padding:.5rem .8rem;transition:all .2s}.chat-title-display:hover{background:#0000}.chat-title-text{color:var(--text-primary);flex:1 1;font-size:.9rem;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-edit-title-mobile{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.4rem;transition:all .2s}.btn-edit-title-mobile:hover{background:#0000001a;border-color:var(--accent-gold);color:var(--accent-gold)}.title-edit-mobile{align-items:center;display:flex;flex:1 1;gap:.5rem;max-width:400px}.title-edit-input-mobile{background:var(--bg-tertiary);border:1px solid var(--accent-gold);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:.9rem;outline:none;padding:.6rem .75rem;transition:all .2s}.title-edit-input-mobile:focus{box-shadow:0 0 0 3px #0000001a}.btn-title-cancel-mobile,.btn-title-save-mobile{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.6rem;transition:all .2s}.btn-title-save-mobile{border-color:var(--accent-gold);color:var(--accent-gold)}.btn-title-save-mobile:hover{background:var(--accent-gold);color:var(--bg-primary)}.btn-title-cancel-mobile{border-color:#ef44444d;color:#ef4444}.btn-title-cancel-mobile:hover{background:#ef44441a;border-color:#ef4444}.btn-export-mobile{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.6rem;transition:all .2s}.btn-export-mobile:hover{background:var(--bg-hover);border-color:var(--accent-gold);color:var(--accent-gold)}.btn-favorite-mobile{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.6rem;transition:all .2s}.btn-favorite-mobile:hover{background:var(--bg-hover);border-color:var(--accent-gold)}.btn-favorite-mobile.active{background:#0000001a;border-color:var(--accent-gold)}.mobile-burger-btn-panel{align-items:center;background:var(--accent-gold);border:none;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:var(--bg-primary);cursor:pointer;display:flex;justify-content:center;padding:.6rem;transition:all .3s ease}.mobile-burger-btn-panel:hover{background:#d4a017;box-shadow:0 4px 12px #00000080;color:#1e3a8a;transform:scale(1.1)}}@media (min-width:769px) and (max-width:1024px){.chat-top-panel-mobile{left:calc(260px + .5rem);right:.5rem}.main-content.expanded .chat-top-panel-mobile{left:calc(80px + .5rem)}.chat-title-display{max-width:none}.chat-title-text{font-size:calc(12px + 1.17188vw)}.mobile-chat-date{font-size:8px}}@media (max-width:768px){.chat-top-panel-mobile{min-height:85px;top:65px}.chat-top-panel-content{gap:.8rem;padding:1.25rem calc(1.333px + .3472vw)}.chat-panel-left,.chat-panel-right{gap:.5rem}.chat-title-display{max-width:200px;max-width:none;padding:.45rem .85rem}.chat-title-text{font-size:calc(13px + 1.04166vw)}.btn-edit-title-mobile{padding:.4rem}.btn-edit-title-mobile svg{height:16px;width:16px}.title-edit-input-mobile{font-size:.85rem;padding:.5rem}.btn-title-cancel-mobile svg,.btn-title-save-mobile svg{height:16px;width:16px}.btn-export-mobile,.btn-favorite-mobile{padding:.5rem}.btn-export-mobile svg,.btn-favorite-mobile svg{height:16px;width:16px}.mobile-burger-btn-panel{padding:.5rem}.mobile-burger-btn-panel svg{height:18px;width:18px}}@media (max-width:480px){.chat-top-panel-mobile{border-radius:6px;left:.25rem;min-height:75px;right:.25rem;top:60px}.chat-top-panel-content{gap:.65rem;padding:1rem .625vw}.chat-panel-left,.chat-panel-right{gap:.5rem}.chat-title-display{max-width:none;padding:.4rem .7rem}.chat-title-text{font-size:calc(9px + 1.875vw)}.btn-edit-title-mobile{padding:.4rem}.title-edit-mobile{max-width:200px}.title-edit-input-mobile{font-size:.8rem;padding:.45rem}}.btn-favorite{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;padding:.5rem;transition:all .2s}.btn-favorite:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.btn-favorite.active{background:#0000001a;border-color:var(--accent-gold)}.messages-area{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.message{animation:messageSlide .3s ease;border-radius:12px;max-width:75%;padding:1rem 1.25rem}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;background:#52086d;color:#fff;margin-left:auto}.message.assistant{align-self:flex-start;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.message.error{align-self:center;background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5;text-align:center}.message.loading{align-items:center;display:flex;gap:.5rem;opacity:.7}.ai-structured-response{display:flex;flex-direction:column;gap:.5rem}.category-header{background:#0000001a;border-left:3px solid var(--accent-gold);border-radius:4px;color:var(--accent-gold);font-size:1.1rem;font-weight:600;margin-bottom:.5rem;margin-top:1rem;padding:.5rem .75rem}.category-header:first-child{margin-top:0}.list-item{color:var(--text-primary);line-height:1.7;list-style-type:none;margin:.25rem 0;padding-left:1.5rem}.list-item.with-checkmark{list-style-type:none;padding-left:0}.numbered-item{color:var(--text-primary);font-weight:500;line-height:1.7;margin:.5rem 0;padding-left:.5rem}.numbered-item:first-letter{font-size:1.2em}.text-line{color:var(--text-secondary);line-height:1.7;margin:.25rem 0}.category-header>:first-child{font-size:1.3em}.message-source{display:block;font-size:.75rem;font-style:italic;margin-top:.5rem;opacity:.7}.message-time{color:#4a4a4a;font-size:.7rem;margin-top:.5rem;opacity:.9}.message.user .message-time{color:#fffc}.input-area{background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem}.input-area textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;min-height:120px;padding:.875rem;resize:vertical;transition:border-color .3s ease;width:100%}.input-area textarea:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #0000001a;outline:none}.input-footer{align-items:center;display:flex;justify-content:space-between}.char-counter{color:var(--text-muted);font-size:.75rem}.send-btn{align-items:center;background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-gold-dark) 100%);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.send-btn:hover:not(:disabled){box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.no-chat-selected{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center}@media (max-width:1024px){.no-chat-selected{height:calc(100% - 100px);margin-top:-50px;padding-top:1rem}}@media (max-width:768px){.no-chat-selected{height:calc(100% - 85px);margin-top:-42.5px}}@media (max-width:480px){.no-chat-selected{height:calc(100% - 75px);margin-top:-37.5px}}.btn-new-chat-large{align-items:center;background:var(--accent-gold);border:none;border-radius:12px;color:var(--bg-primary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;padding:1rem 2rem;transition:all .3s}.btn-new-chat-large:hover{background:var(--accent-gold-dark);box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}@media (max-width:1024px){.ai-mentor-page{padding-bottom:140px}.ai-mentor-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:calc(100vh - 280px)}.chats-sidebar{display:none}.main-chat-area{border-radius:8px;margin:.5rem .5rem 0;padding-top:100px}.sidebar-header .btn-new-chat{display:none}}@media (max-width:768px){.ai-mentor-layout{height:auto;min-height:calc(100vh - 300px)}.messages-area{min-height:300px;padding:.85rem}.message{max-width:92%;padding:.85rem 1rem}.message.assistant,.message.user{font-size:.95rem}.input-area{padding:.85rem}.input-area textarea{font-size:.95rem;min-height:100px}.main-chat-area{padding-top:85px}}@media (max-width:480px){.ai-mentor-page{padding-bottom:150px}.main-chat-area{border-radius:6px;margin:.25rem .25rem 0;padding-top:75px}.messages-area{min-height:250px;padding:.75rem}.message{font-size:.9rem;max-width:95%;padding:.75rem .85rem}.message-time{font-size:.65rem}.input-area{padding:.75rem}.input-area textarea{font-size:.9rem;min-height:90px;padding:.75rem}.send-btn{padding:.65rem 1rem}.mini-control-btn{height:32px;width:32px}.category-header{font-size:1rem;padding:.4rem .6rem}.list-item,.numbered-item,.text-line{font-size:.9rem}}.mobile-burger-btn{align-items:center;background:var(--accent-gold);border:none;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:var(--bg-primary);cursor:pointer;display:none;flex-shrink:0;justify-content:center;padding:.5rem;transition:all .3s ease}.mobile-burger-btn:hover{background:#d4a017;box-shadow:0 6px 16px #00000080;color:#1e3a8a;transform:scale(1.1)}@media (max-width:1024px){.mobile-burger-btn{display:flex}}@media (max-width:768px){.mobile-burger-btn{padding:.45rem}}@media (max-width:480px){.mobile-burger-btn{padding:.4rem}.mobile-burger-btn svg{height:20px;width:20px}}.mobile-menu-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}@media (max-width:1024px){.mobile-menu-overlay{display:block}}.mobile-menu-panel{animation:slideInLeft .3s ease;background:var(--bg-secondary);box-shadow:4px 0 12px #0000004d;height:100%;left:0;max-width:320px;overflow-x:hidden;overflow-y:auto;padding:1rem;position:absolute;top:0;width:85%}@media (max-width:480px){.mobile-menu-panel{max-width:280px;padding:.85rem;width:90%}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.mobile-new-chat-btn{align-items:center;background:var(--accent-gold);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1.5rem;padding:1rem;transition:all .3s ease;width:100%}.mobile-new-chat-btn:hover{background:var(--accent-gold-dark);transform:translateY(-2px)}.mobile-new-chat-btn span{align-items:center;display:flex;gap:.5rem}.mobile-menu-section{margin-bottom:1.5rem}.mobile-section-header{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:.75rem;transition:all .2s;width:100%}.mobile-section-header:hover{background:var(--bg-hover);border-color:var(--accent-gold)}.mobile-section-header span{color:var(--accent-gold-light)}.mobile-chats-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.mobile-chat-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;padding:.6rem;transition:all .2s}.mobile-chat-item.active,.mobile-chat-item:hover{background:var(--bg-hover);border-color:#000000b3}.mobile-chat-content{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0;overflow:hidden}.mobile-chat-title{color:var(--text-primary);font-size:.85rem;font-weight:500}.mobile-chat-date,.mobile-chat-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-chat-date{color:#999;font-size:10px}.mobile-chat-actions{align-items:center;display:flex;flex-shrink:0;gap:.35rem}.mobile-chat-actions .btn-delete-chat,.mobile-chat-actions .btn-edit-chat-mobile,.mobile-chat-actions .btn-favorite-inline{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;min-width:auto;padding:.35rem}.mobile-chat-actions .btn-edit-chat-mobile:hover{background:#0000001a;color:var(--accent-gold)}.mobile-chat-actions .btn-delete-chat:hover{background:#ef4444;color:#fff}.mobile-chat-actions .messages-count-badge{font-size:.7rem;height:20px;margin-top:0;width:20px}.mobile-empty-state{color:var(--text-muted);font-size:.9rem;padding:1.5rem;text-align:center}.mobile-pagination{align-items:center;background:var(--bg-tertiary);border-radius:6px;display:flex;gap:1rem;justify-content:center;margin-top:1rem;padding:.5rem}.mobile-pagination button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;padding:.4rem .8rem;transition:all .2s}.mobile-pagination button:hover:not(:disabled){background:var(--accent-gold);color:var(--bg-primary)}.mobile-pagination button:disabled{cursor:not-allowed;opacity:.3}.mobile-pagination span{color:var(--text-secondary);font-size:.85rem}.chat-item-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem}.btn-favorite-inline{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s}.btn-favorite-inline:hover{background:#0000001a}.btn-favorite-inline .heart-icon{transition:transform .3s ease}.btn-favorite-inline:active .heart-icon{animation:heartPulse .6s ease}@keyframes heartPulse{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.1)}75%{transform:scale(1.2)}to{transform:scale(1)}}.btn-favorite .heart-icon{transition:transform .3s ease}.btn-favorite:active .heart-icon{animation:heartPulse .6s ease}.modal-overlay{z-index:9999}.modal-content.export-modal{animation:modalSlideIn .3s ease;background:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:500px;padding:2rem;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{margin-bottom:1.5rem}.modal-header h2{color:var(--accent-gold);font-weight:700}.btn-close-modal{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.btn-close-modal:hover{background:#ef44441a;color:#ef4444}.export-options{display:flex;flex-direction:column;gap:1rem}.export-option-btn{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:1.5rem;padding:1.5rem;text-align:left;transition:all .3s}.export-option-btn:hover:not(:disabled){background:var(--bg-hover);border-color:#00000080;box-shadow:0 4px 12px #0003;transform:translateX(8px)}.export-option-btn:disabled{cursor:not-allowed;opacity:.5}.export-icon{flex-shrink:0;font-size:3rem;line-height:1}.export-info h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.export-info p{color:var(--text-muted);font-size:.9rem;margin:0}@media (max-width:768px){.modal-content.export-modal{max-width:95%;padding:1.5rem}.modal-header h2{font-size:1.2rem}.export-option-btn{gap:1rem;padding:1rem}.export-icon{font-size:2.5rem}.export-info h3{font-size:1rem}.export-info p{font-size:.8rem}}.edit-title-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.edit-title-modal{animation:slideUp .3s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;gap:1rem;max-width:90%;padding:1.5rem;width:100%}.edit-title-modal-input{background:var(--bg-tertiary);border:.5px solid #00000080;border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;min-height:50px;outline:none;padding:1rem;resize:none;transition:all .2s;width:100%}.edit-title-modal-input:focus{border-color:#000000b3;box-shadow:0 0 0 3px #0003}.edit-title-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-edit-cancel,.btn-edit-save{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-width:50px;padding:.75rem 1rem;transition:all .2s}.btn-edit-save{background:var(--accent-gold);color:var(--bg-primary)}.btn-edit-save:hover:not(:disabled){background:var(--accent-gold-light);box-shadow:0 4px 12px #0006;transform:scale(1.05)}.btn-edit-save:disabled{cursor:not-allowed;opacity:.6}.btn-edit-cancel{background:#0000;border:1px solid #ef444480;color:#ef4444}.btn-edit-cancel:hover{background:#ef44441a;border-color:#ef4444;transform:scale(1.05)}@media (max-width:768px){.edit-title-modal{max-width:95%;padding:1.25rem}.edit-title-modal-input{font-size:.95rem;min-height:45px;padding:.85rem}}@media (max-width:480px){.edit-title-modal{max-width:98%;padding:1rem}.edit-title-modal-input{font-size:.9rem;min-height:40px;padding:.75rem}.btn-edit-cancel,.btn-edit-save{min-width:45px;padding:.65rem .85rem}.btn-edit-cancel svg,.btn-edit-save svg{height:18px;width:18px}}@media (max-width:1024px){.chat-item{margin-bottom:.35rem;padding:.5rem}.chat-item-header{align-items:flex-start;gap:.35rem;margin-bottom:.15rem}.chat-title{word-wrap:break-word;font-size:.63rem;font-weight:500;line-height:1.3;overflow:visible;overflow-wrap:break-word;text-overflow:clip;white-space:normal}.chat-item-date{flex-shrink:0;font-size:10px;line-height:1.2}.chat-item-actions{gap:.15rem}.btn-delete-chat,.btn-favorite-inline{padding:.15rem}.btn-delete-chat svg,.btn-favorite-inline svg{height:14px;width:14px}.mobile-chats-list{gap:.35rem}.messages-count-badge{font-size:.6rem;height:18px;min-width:18px;padding:.1rem .3rem}}@media (max-width:768px){.chat-title,.mobile-chat-title{font-size:.58rem}.chat-item,.mobile-chat-item{padding:.45rem}.mobile-chat-date{font-size:8px}}@media (max-width:480px){.chat-title,.mobile-chat-title{font-size:.55rem}.chat-item{margin-bottom:.3rem}.chat-item,.mobile-chat-item{padding:.4rem}.mobile-chat-date{font-size:7px}}.title-tooltip-modal{animation:fadeInScale .2s ease;background:var(--bg-secondary);border:1px solid var(--accent-gold);border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:400px;padding:.75rem 1rem;position:fixed;z-index:10000}.title-tooltip-content{word-wrap:break-word;color:var(--text-primary);font-size:.85rem;font-weight:500;line-height:1.4;overflow-wrap:break-word}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.title-tooltip-modal{display:none}}.history-page{min-height:100vh}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.history-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.history-info{flex:1 1}.history-action{color:var(--text-primary);font-size:1.05rem;margin-bottom:.25rem}.history-date{color:var(--text-muted);font-size:.85rem}.history-ethers{font-weight:600;gap:1rem}.ethers-spent,.history-ethers{align-items:center;display:flex}.ethers-spent{color:#f87171;gap:.25rem}.ethers-received-group{align-items:flex-end;display:flex;flex-direction:column;gap:.375rem}.ethers-received{align-items:center;display:flex;gap:.25rem}.ethers-received.ethers-main{color:#10b981}.ethers-received.ethers-bonus{color:#f4cd66}.btn-apply-promocode{align-items:center;background:linear-gradient(135deg,#a855f7,#9333ea);border:none;border-radius:8px;box-shadow:0 2px 8px #a855f733;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.btn-apply-promocode:hover{background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 4px 12px #a855f74d;transform:translateY(-2px)}.btn-apply-promocode:active{box-shadow:0 2px 6px #a855f733;transform:translateY(0)}.history-page [role=tabpanel]{animation:fadeIn .3s ease}.notifications-section{width:100%}.notifications-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.notifications-info{flex:1 1}.notifications-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.notifications-subtitle{color:var(--text-muted);font-size:.9rem}.btn-mark-all-read{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.btn-mark-all-read:hover{background:var(--bg-hover);border-color:var(--accent-gold);box-shadow:var(--shadow-sm);color:var(--accent-gold);transform:translateY(-2px)}.notifications-empty{padding:4rem 2rem;text-align:center}.empty-icon-wrapper{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-muted);display:inline-flex;height:120px;justify-content:center;margin-bottom:1.5rem;width:120px}.notifications-empty h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.notifications-empty>p{color:var(--text-secondary);font-size:1rem;margin-bottom:1rem}.notification-types-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:1.5rem 0;padding:0}.notification-types-list li{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.5rem;justify-content:center}.notification-note{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);font-size:.85rem;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:500px;padding:1rem 1.5rem}.notifications-list{display:flex;flex-direction:column;gap:1rem}@media (max-width:1024px){.history-page{padding:1rem}}@media (max-width:768px){.history-item{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.25rem}.history-ethers{flex-wrap:wrap;justify-content:flex-start;width:100%}.notifications-header{flex-direction:column;gap:1rem}.btn-mark-all-read{justify-content:center;min-height:48px;width:100%}.empty-icon-wrapper{height:100px;width:100px}.notifications-empty h3{font-size:1.25rem}.btn-apply-promocode{justify-content:center;min-height:48px;width:100%}}@media (max-width:640px){.history-item{padding:1rem}.history-action{font-size:.95rem}.history-date{font-size:.8rem}.notifications-title{font-size:1.15rem}.notifications-subtitle{font-size:.85rem}}@media (max-width:480px){.history-page{padding:.5rem}.page-header{padding:0 .5rem}.history-item{padding:.875rem}.history-action{font-size:.9rem}.notifications-empty{padding:3rem 1rem}.notification-types-list{gap:.5rem}.notification-types-list li{font-size:.875rem}}.notification-history-item{align-items:flex-start;background:#1e1833;border:1px solid #3a3456;border-radius:12px;cursor:pointer;display:flex;gap:20px;margin-bottom:12px;padding:20px;position:relative;transition:all .2s}.notification-history-item:hover{background:#252040;border-color:#4a4266}.notification-history-item.unread{background:#f4cd660d;border-left:4px solid #f4cd66}.notification-history-icon-wrapper{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-shrink:0;justify-content:center;padding:12px}.notification-history-content{flex:1 1;min-width:0}.notification-history-title-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.notification-history-title{color:#f4cd66;flex:1 1;font-size:16px;font-weight:600;margin:0;min-width:0}.notification-history-message{color:#b8b3d1;font-size:14px;line-height:1.6;margin:0 0 12px;white-space:pre-wrap}.notification-history-meta{align-items:center;display:flex;gap:16px}.notification-history-date{color:#666;font-size:13px}.notification-history-status{border-radius:20px;font-size:12px;font-weight:500;padding:4px 10px}.notification-history-status.read{background:#4ade8026;color:#4ade80}.notification-history-status.unread{background:#f4cd6626;color:#f4cd66}.notification-history-delete{align-items:center;background:none;border:none;border-radius:6px;color:#8a859e;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s}.notification-history-delete:hover{background:#ef444426;color:#ef4444}.pagination{gap:16px;margin-top:24px;padding:20px 0}.pagination-btn{background:#1a1a1a;border:1px solid #333;color:#f4cd66;font-size:14px;padding:10px 20px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#252525;border-color:#f4cd66}.pagination-info{color:#aaa;font-size:14px}@media (max-width:768px){.notification-history-item{gap:12px;padding:16px}.notification-history-icon-wrapper{padding:10px}.notification-history-title{font-size:15px}.notification-history-message{font-size:13px}.notification-history-delete{padding:6px;position:absolute;right:12px;top:12px}.pagination{flex-direction:column;gap:12px}.pagination-btn{max-width:200px;min-height:48px;width:100%}}@media (max-width:480px){.notification-history-item{padding:12px}.notification-history-icon-wrapper{padding:8px}.notification-history-icon-wrapper svg{height:20px;width:20px}.notification-history-title{font-size:14px}.notification-history-message{font-size:12px}.notification-history-meta{align-items:flex-start;flex-direction:column;gap:8px}.pagination-btn{font-size:13px;padding:8px 16px}.pagination-info{font-size:13px}}.edit-profile-modal-overlay{align-items:center;animation:editProfileModalFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@keyframes editProfileModalFadeIn{0%{opacity:0}to{opacity:1}}.edit-profile-modal-content{animation:editProfileModalSlideUp .3s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:100%}@keyframes editProfileModalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.edit-profile-modal-close{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:.25rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease;z-index:10}.edit-profile-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.edit-profile-modal-title{color:var(--accent-gold-light);font-size:1.5rem;margin-bottom:2rem;text-align:center}.avatar-upload-section{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding-bottom:2rem}.avatar-upload-btn{color:var(--accent-gold);display:flex;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem;transition:all .3s ease}@media (hover:hover){.avatar-upload-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-gold);box-shadow:0 4px 12px #0003;color:gold;transform:translateY(-2px)}}.avatar-upload-btn:active{transform:scale(.98)}.avatar-hint{color:var(--text-muted);font-size:.8rem;text-align:center}.edit-form{display:flex;flex-direction:column;gap:1.25rem}.country-select,.form-group input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.85rem 1rem;transition:all .3s ease}.country-select:focus,.form-group input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #0000001a;outline:none}.country-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23f3ca5e' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;font-size:1rem;padding-right:3rem}.password-input-wrapper input{flex:1 1}.password-toggle{padding:.85rem}.modal-actions{margin-top:2rem;padding-top:2rem}.modal-actions button{flex:1 1}.spinner{animation:spin 1s linear infinite}.form-phone-container{align-items:flex-start;display:flex;gap:12px}.phone-code-selector{flex-shrink:0;position:relative}.phone-code-button{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;gap:8px;justify-content:space-between;min-width:130px;padding:.85rem 1rem;transition:all .3s ease}.phone-code-button:hover{border-color:var(--accent-gold);box-shadow:0 0 0 3px #0000001a}.phone-code-flag{font-size:1.25rem;line-height:1}.phone-code-text{flex:1 1;font-weight:500}.phone-code-chevron{opacity:.6;transition:transform .3s ease}.phone-code-dropdown{animation:editProfileModalSlideUp .2s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);left:0;max-height:300px;min-width:280px;overflow-y:auto;position:absolute;top:calc(100% + 8px);z-index:100}.phone-code-option{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.phone-code-option:hover{background:var(--bg-hover)}.phone-code-option.active{background:#0000001a}.phone-code-option .phone-code-flag{font-size:1.5rem}.phone-code-option .phone-code-name{flex:1 1;font-size:.95rem}.phone-code-option .phone-code-number{color:var(--text-muted);font-size:.9rem;font-weight:500}.phone-code-option.active .phone-code-number{color:var(--accent-gold)}.phone-input-wrapper{flex:1 1;min-width:0;position:relative}.phone-input-icon{color:var(--text-muted);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.phone-input{padding-left:44px!important}.phone-input.error{border-color:#ef444480}.form-error-message{color:#fca5a5;font-size:.8rem;margin-top:.5rem}@media (max-width:768px){.edit-profile-modal-overlay{padding:.75rem}.edit-profile-modal-content{max-height:85vh;max-width:100%;padding:1.5rem}.edit-profile-modal-title{font-size:1.35rem}.modal-actions{flex-direction:column}.form-phone-container{align-items:stretch;flex-direction:column;gap:12px}.phone-code-selector{flex-shrink:0;width:100%}.phone-code-button{box-sizing:border-box;gap:8px;justify-content:space-between;padding:.85rem 1rem;width:100%}.phone-code-flag{font-size:1.1rem}.phone-code-text{font-size:.9rem}.phone-code-dropdown{max-height:250px;min-width:100%}.phone-input-wrapper{flex:1 1;min-width:0}.phone-input{font-size:.95rem;padding:.85rem .85rem .85rem 40px!important}.phone-input-icon{left:10px}}.profile-page{max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.profile-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:2rem}.profile-card h3{align-items:center;color:var(--accent-gold-light);display:flex;font-size:1.25rem!important;gap:.5rem;margin-bottom:1.5rem}.profile-info{display:flex;flex-direction:column;gap:1rem}.info-row{padding:.75rem 0}.info-label{align-items:center;display:flex;font-size:.95rem!important;gap:.5rem}.info-value{font-size:1rem!important;font-weight:500}.role-badge{font-size:.85rem;padding:.25rem .75rem}.profile-card .subscription-badge{border-radius:25px;display:inline-block;font-size:.85rem;font-weight:600;padding:.3rem 1rem}.profile-card .subscription-badge.free{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:2px solid #dc2626!important;box-shadow:0 0 0 1px #ef444433!important;color:#fff!important;text-shadow:0 1px 2px #0003!important}.profile-card .subscription-badge.basic{background:linear-gradient(135deg,#f97316,#ea580c)!important;border:none!important;color:#fff!important;text-shadow:0 1px 2px #0003!important}.profile-card .subscription-badge.plus{background:linear-gradient(135deg,#eab308,#ca8a04)!important;border:none!important;color:#451a03!important;text-shadow:0 1px 2px #ffffff4d!important}.profile-card .subscription-badge.premium{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border:none!important;color:#fff!important;text-shadow:0 1px 2px #0003!important}.profile-card .subscription-badge.teacher{background:linear-gradient(135deg,#a855f7,#9333ea)!important;border:none!important;color:#fff!important;text-shadow:0 1px 2px #0003!important}.ethers-value{color:#10b981;font-size:1.25rem;font-weight:700}.ethers-value.bonus{color:#f4cd66}.btn-full{justify-content:center;margin-top:.5rem;width:100%}.social-type-result{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:2rem 1rem;text-align:center}.caste-icon-container{align-items:center;display:flex;height:auto;justify-content:center;max-width:200px;width:100%}.caste-icon{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));height:auto;max-height:200px;object-fit:contain;transition:transform .3s ease;width:100%}.caste-icon:hover{transform:scale(1.05)}.caste-icon-placeholder{align-items:center;background:var(--bg-tertiary);border:3px solid;border-radius:50%;display:flex;font-size:3rem;font-weight:700;height:120px;justify-content:center;opacity:.7;width:120px}.consciousness-level{color:#fcee6d;font-size:1.25rem;font-weight:600;margin:0;text-align:center}.consciousness-level strong{font-size:1.35rem;font-weight:700}.social-type-value{color:var(--accent-gold-light);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.social-type-desc{color:var(--text-muted);font-size:.9rem}.social-type-empty{padding:2rem 1rem;text-align:center}.social-type-empty p{color:var(--text-muted);margin-bottom:1rem}.social-test-title{color:var(--accent-gold);font-size:1.35rem;font-weight:700;margin-bottom:1rem}.social-test-description{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.social-test-description p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.btn-gold{background:linear-gradient(135deg,var(--accent-gold-light) 0,var(--accent-gold) 50%,var(--accent-gold-dark) 100%);border:none;box-shadow:0 4px 15px #0000004d;color:#1a1a1a;font-weight:600;transition:all .3s ease}.btn-gold:hover{background:linear-gradient(135deg,gold 0,var(--accent-gold-light) 50%,var(--accent-gold) 100%);box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.btn-gold:active{transform:scale(.98)}.profile-actions{display:flex;flex-direction:column;gap:1rem}.card-header-with-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.card-header-with-actions h3{align-items:center;color:var(--accent-gold-light);display:flex;font-size:1.25rem;gap:.5rem;margin:0}.header-actions{align-items:center;display:flex;gap:.75rem}.country-flag-display{cursor:help;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.5rem}.timezone-display{background:linear-gradient(135deg,#00000026,#0000000d);border:1px solid #0000004d;border-radius:8px;color:var(--accent-gold-light);cursor:help;font-size:.85rem;font-weight:600;padding:.35rem .75rem;transition:all .3s ease;white-space:nowrap}.timezone-display:hover{background:linear-gradient(135deg,#00000040,#0000001a);border-color:var(--accent-gold);box-shadow:0 0 8px #0003}.edit-icon-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--accent-gold);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.edit-icon-btn:hover{background:var(--bg-hover);border-color:var(--accent-gold);box-shadow:0 0 12px #0000004d}.edit-input,.edit-select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:.95rem;padding:.5rem .75rem;transition:all .3s ease}.edit-input:focus,.edit-select:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #0000001a;outline:none}.edit-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23f3ca5e' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.password-display-wrapper{justify-content:flex-end}.password-display-wrapper,.password-input-wrapper{align-items:center;display:flex;flex:1 1;gap:.5rem}.password-input-wrapper{position:relative}.country-value{align-items:center;display:flex;gap:.5rem}.country-flag-large{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.75rem}.password-toggle{border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);padding:.5rem;transition:all .3s ease}.password-toggle:hover{background:var(--bg-hover);border-color:var(--accent-gold);color:var(--accent-gold)}.edit-actions{border-top:1px solid var(--border-color);gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.edit-actions button{flex:1 1}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5}.error-message,.success-message{font-size:.9rem;margin-bottom:1rem;padding:.75rem}.success-message{background:#4ade801a;border:1px solid #4ade804d;border-radius:8px;color:#86efac}@media (max-width:768px){.profile-grid{gap:1.25rem;grid-template-columns:1fr}.edit-actions{flex-direction:column}.country-flag-display{font-size:1.25rem}.timezone-display{font-size:.8rem;padding:.3rem .6rem}.profile-info{gap:.85rem}.info-row{align-items:flex-start;flex-direction:column;gap:.25rem}.caste-icon-container{max-width:160px}.caste-icon{max-height:160px}.consciousness-level{font-size:1.15rem}.consciousness-level strong{font-size:1.25rem}}@media (max-width:480px){.profile-grid{gap:1rem}.subscription-badge{font-size:.8rem!important;padding:.25rem .85rem!important}.ethers-value{font-size:1.1rem}.social-type-result{gap:1.25rem;padding:1.5rem .75rem}.caste-icon-container{max-width:120px}.caste-icon{max-height:120px}.caste-icon-placeholder{font-size:2.25rem;height:90px;width:90px}.consciousness-level{font-size:1rem}.consciousness-level strong{font-size:1.1rem}}.social-type-result-new{gap:16px;margin-top:12px}.caste-display-card,.social-type-result-new{align-items:center;display:flex;flex-direction:column}.caste-display-card{background:#0003;border:2px solid;border-radius:16px;height:140px;justify-content:center;padding:24px;transition:transform .2s;width:140px}.caste-display-card:hover{transform:scale(1.05)}.caste-icon-img{height:48px;margin-bottom:8px;object-fit:contain;width:48px}.caste-name-display{font-size:14px;font-weight:700;letter-spacing:.5px;margin-top:8px;text-align:center}.consciousness-level-new{color:var(--text-primary);font-size:16px;margin:0}.consciousness-level-new strong{font-size:18px;margin-left:6px}.admin-page{min-height:100vh;padding-bottom:2rem}.page-header-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.page-header-section h1{align-items:center;color:var(--accent-gold);display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin:0}.btn{border-radius:10px}.btn-primary{background:linear-gradient(135deg,var(--accent-gold-light) 0,var(--accent-gold) 100%);box-shadow:0 4px 12px #0000004d}.action-bar{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.admin-page .page-header{margin-bottom:2rem}.admin-page .page-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.75rem;font-weight:700;gap:.75rem}.admin-page .page-subtitle{color:var(--text-muted);font-size:1rem;margin-top:.5rem}.search-bar{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem 1.5rem}.search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:1rem;outline:none}.search-input::placeholder{color:var(--text-muted)}.users-table{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.users-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.users-table th{color:var(--accent-gold-light);font-size:.8rem;padding:.75rem;text-align:left}.users-table td{color:var(--text-secondary);font-size:.85rem;padding:.75rem}.users-table tbody tr,.users-table tbody tr:last-child{border-bottom:1px solid var(--border-color)}.role-badge,.subscription-badge{border-radius:25px;padding:.2rem .6rem}.role-badge,.subscription-badge{display:inline-block;font-size:.75rem;font-weight:600}.role-badge{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--accent-gold);padding:.25rem .6rem}.subscription-badge.free{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #dc2626;color:#fff;text-shadow:0 1px 2px #0003}.subscription-badge.basic{background:linear-gradient(135deg,#f97316,#ea580c);border:1px solid #ea580c;color:#fff;text-shadow:0 1px 2px #0003}.subscription-badge.plus{background:linear-gradient(135deg,#eab308,#ca8a04);border:1px solid #ca8a04;color:#451a03;text-shadow:0 1px 2px #ffffff4d}.subscription-badge.premium{background:linear-gradient(135deg,#22c55e,#16a34a);border:1px solid #16a34a;color:#fff;text-shadow:0 1px 2px #0003}.subscription-badge.teacher{background:linear-gradient(135deg,#a855f7,#9333ea);border:1px solid #9333ea;color:#fff;text-shadow:0 1px 2px #0003}.ethers-cell{color:var(--accent-gold);font-size:.85rem;font-weight:600}.empty-state,.loading-state{gap:1rem;padding:4rem 2rem}@media (max-width:767px){.page-header-section{align-items:stretch;flex-direction:column;margin-bottom:1.5rem}.page-header-section h1{font-size:1.25rem;gap:.5rem}.page-header-section h1 svg{height:24px;width:24px}.btn{justify-content:center;padding:1rem 1.5rem;width:100%}.admin-page .page-header{margin-bottom:1.5rem}.admin-page .page-title{font-size:1.25rem;gap:.5rem}.admin-page .page-title svg{height:24px;width:24px}.admin-page .page-subtitle{font-size:.9rem}.search-bar{gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem}.search-input{font-size:.9rem}.users-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.users-table table{min-width:800px}.users-table td,.users-table th{font-size:.85rem;padding:.75rem}.role-badge,.subscription-badge{font-size:.75rem;padding:.2rem .6rem}.stats-grid{gap:1rem!important;grid-template-columns:1fr!important}.stat-card{padding:1rem!important}.stat-value{font-size:1.5rem!important}.stat-label{font-size:.85rem!important}.empty-state,.loading-state{padding:3rem 1rem}}@media (min-width:768px) and (max-width:1024px){.admin-page .page-title{font-size:1.5rem}.users-table td,.users-table th{font-size:.9rem;padding:.85rem}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{gap:.5rem}.stat-value{color:var(--accent-gold)}.stat-label{letter-spacing:.05em;text-transform:uppercase}.action-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.btn-action{background:var(--accent-gold);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}@media (hover:hover){.btn-action:hover{box-shadow:0 4px 12px #0006;transform:translateY(-2px)}}.btn-action:active{transform:scale(.98)}.content-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.content-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.content-card-title{color:var(--text-primary);font-size:1.25rem;font-weight:600}@media (max-width:767px){.action-buttons{flex-direction:column;gap:.5rem}.btn-action,.btn-secondary{text-align:center;width:100%}.content-card{margin-bottom:1rem;padding:1rem}.content-card-header{align-items:flex-start;flex-direction:column;gap:.75rem}.content-card-title{font-size:1.1rem}.desktop-only{display:none!important}}.admin-dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.admin-dashboard-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin:0}.dashboard-controls{align-items:center;display:flex;gap:1rem}.btn-clear-cache,.btn-refresh{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;gap:.5rem;padding:.6rem 1rem;transition:all .2s ease}.btn-refresh{height:40px;justify-content:center;padding:.6rem;width:40px}.btn-clear-cache{background:var(--accent-gold);border:none;color:var(--bg-primary)}.btn-refresh:hover{background:var(--bg-hover);border-color:var(--accent-gold);color:var(--text-primary)}.btn-clear-cache:hover{filter:brightness(1.15)}.btn-refresh:disabled{cursor:not-allowed;opacity:.5}.spinning{animation:spin 1s linear infinite}.auto-update-toggle{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.75rem;padding:.6rem 1rem}.toggle-switch{display:inline-block;height:24px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:18px;left:2px;position:absolute;transition:.3s;width:18px}input:checked+.toggle-slider{background-color:#22c55e;border-color:#22c55e}input:checked+.toggle-slider:before{transform:translateX(24px)}.dashboard-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.dashboard-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s ease}.dashboard-card:hover{border-color:var(--accent-gold);box-shadow:0 8px 24px #0003;transform:translateY(-4px)}.card-content{align-items:center;display:flex;gap:1rem;justify-content:space-between}.card-info{flex:1 1}.card-info h3{color:var(--text-secondary);font-size:.95rem;font-weight:500;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.card-value{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1}.card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.card-icon.purple{background:linear-gradient(135deg,#9333ea,#7e22ce);color:#fff}.card-icon.green{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.card-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.card-icon.orange{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}@media (max-width:768px){.admin-dashboard-header{align-items:flex-start;flex-direction:column}.admin-dashboard-header h1{font-size:1.5rem}.dashboard-controls{flex-direction:column;width:100%}.auto-update-toggle,.btn-clear-cache{justify-content:center;width:100%}.dashboard-cards{grid-template-columns:1fr}.card-value{font-size:2rem}.card-icon{height:56px;width:56px}.card-icon svg{height:28px;width:28px}}@media (max-width:480px){.dashboard-card{padding:1rem}.card-info h3{font-size:.85rem}.card-value{font-size:1.75rem}.card-icon{height:48px;width:48px}.card-icon svg{height:24px;width:24px}}.user-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.modal-header-user{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.modal-header-user h2{color:var(--text-primary);font-size:1.5rem;font-weight:600}.modal-close-btn{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:.25rem;transition:all .2s ease}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.user-form{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.form-group input,.form-group select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{background:var(--bg-primary);border-color:var(--accent-gold);outline:none}.form-group input.error,.form-group select.error{border-color:#ef4444}.password-input{align-items:center;display:flex;position:relative}.password-input input{padding-right:3rem;width:100%}.password-toggle{align-items:center;background:#0000;border:none;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;transition:all .2s ease}.password-toggle:hover{color:var(--text-primary)}.error-text{color:#ef4444;font-size:.8rem;margin-top:-.25rem}.modal-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-cancel{color:var(--text-secondary)}.btn-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-submit{background:var(--accent-gold);color:var(--bg-primary)}.btn-submit:hover{background:var(--accent-gold-dark);transform:translateY(-2px)}.avatar-upload-container{display:flex;flex-direction:column;gap:1rem}.avatar-preview{border:2px solid var(--border-color);border-radius:12px;height:120px;overflow:hidden;position:relative;width:120px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.remove-avatar-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s ease;width:28px}.remove-avatar-btn:hover{background:#ef4444e6;transform:scale(1.1)}.avatar-upload-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.95rem;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.avatar-upload-btn:hover{background:var(--bg-hover);border-color:var(--accent-gold);color:var(--text-primary)}.field-hint{color:var(--text-tertiary);font-size:.8rem;margin:0}@media (max-width:767px){.user-modal{max-height:95vh;width:95%}.modal-header-user{padding:1rem}.modal-header-user h2{font-size:1.25rem}.user-form{gap:1rem;padding:1rem}.form-row{gap:1rem;grid-template-columns:1fr}.modal-actions{flex-direction:column;gap:.75rem}.btn-cancel,.btn-submit{width:100%}}.bulk-actions-bar{align-items:center;animation:slideDown .3s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.bulk-actions-info{align-items:center;display:flex;gap:1rem}.selected-count{color:var(--accent-gold);font-size:1rem;font-weight:600}.btn-clear-selection{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-clear-selection:hover{background:var(--bg-hover);color:var(--text-primary)}.bulk-actions-buttons{align-items:center;display:flex;gap:.75rem}.bulk-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1rem;transition:all .2s ease}.bulk-action-btn span{display:inline}.btn-role{background:var(--accent-gold);color:var(--bg-primary)}.btn-role:hover{background:var(--accent-gold-dark);transform:translateY(-2px)}.btn-reset{background:#f59e0b;color:#fff}.btn-reset:hover{background:#d97706;transform:translateY(-2px)}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}.role-selector{align-items:center;display:flex;gap:.75rem}.role-select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary)}.btn-apply-role,.btn-cancel-role,.role-select{cursor:pointer;font-family:inherit;font-size:.9rem;padding:.6rem 1rem}.btn-apply-role,.btn-cancel-role{border:none;border-radius:8px;font-weight:600;transition:all .2s ease}.btn-apply-role{background:var(--accent-gold);color:var(--bg-primary)}.btn-apply-role:hover{background:var(--accent-gold-dark)}.btn-cancel-role{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-cancel-role:hover{background:var(--bg-hover);color:var(--text-primary)}@media (max-width:767px){.bulk-actions-bar{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.bulk-actions-info{justify-content:space-between}.bulk-actions-buttons{flex-direction:column;gap:.5rem}.bulk-action-btn{justify-content:center;width:100%}.bulk-action-btn span{display:inline}.role-selector{flex-direction:column;gap:.5rem}.btn-apply-role,.btn-cancel-role,.role-select{width:100%}}@media (min-width:768px) and (max-width:1024px){.bulk-action-btn span{display:none}}.add-user-section{margin-bottom:1.5rem}.btn-add-user{align-items:center;background:var(--accent-gold);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-add-user:hover{filter:brightness(1.15)}.filters-section{margin-bottom:1.5rem}.btn-toggle-filters{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.btn-toggle-filters:hover{background:var(--bg-hover);border-color:var(--accent-gold);color:var(--text-primary);opacity:.5}.filters-panel{grid-gap:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem;padding:1.5rem}.filter-group{flex-direction:column}.filter-group label{color:var(--text-muted);font-family:Roboto,sans-serif;font-size:12px;font-weight:500}.filter-group input,.filter-group select{color:var(--text-primary);padding:.65rem .85rem}.btn-clear-filters,.filter-group input,.filter-group select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;font-family:Roboto,sans-serif;font-size:12px}.btn-clear-filters{align-items:center;align-self:flex-end;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.65rem 1rem;transition:all .2s ease}.btn-clear-filters:hover{background:var(--bg-hover);color:var(--text-primary)}.user-cell{align-items:center;display:flex;gap:.75rem}.avatar-edit-wrapper{cursor:pointer;flex-shrink:0;position:relative}.avatar-edit-hint{background:#000c;border-radius:4px;bottom:-20px;color:#fff;display:none;font-family:Roboto,sans-serif;font-size:10px;left:50%;padding:.25rem .5rem;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.avatar-edit-wrapper:hover .avatar-edit-hint{display:block}.avatar-edit-overlay{align-items:center;background:#000000d9;border-radius:50%;bottom:0;display:flex;gap:.25rem;justify-content:center;left:0;padding:.25rem;position:absolute;right:0;top:0}.avatar-upload-label{background:var(--accent-gold);border-radius:4px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:10px;padding:.25rem;white-space:nowrap}.avatar-upload-label:hover{background:var(--accent-gold-dark)}.user-info-wrapper{display:flex;flex:1 1;flex-direction:column;gap:0;min-width:0}.lastname-edit-wrapper,.name-edit-wrapper{width:100%}.user-name{font-size:12px!important;font-weight:500}.user-lastname,.user-name{display:block;font-family:Roboto,sans-serif;line-height:1;margin:0;padding:0}.user-lastname{color:var(--text-secondary);font-size:12px;font-style:normal}.online-status{align-items:center;border-radius:999px;box-shadow:inset 0 1px 2px #0000001a;cursor:default;display:inline-flex;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;height:20px;justify-content:center;padding:2px 10px;text-shadow:0 1px 2px #0006;transition:all .15s ease;white-space:nowrap}.online-status:hover{filter:brightness(.9);transform:scale(1.05)}.online-status.online{background-color:#23d364;color:#fff}.online-status.offline{background-color:#2d3436;color:#fff}.role-badge{align-items:center!important;border:none!important;border-radius:999px!important;box-shadow:inset 0 1px 2px #0000001a!important;cursor:default!important;display:inline-flex!important;font-family:Roboto,sans-serif!important;font-size:12px!important;font-weight:600!important;height:20px!important;justify-content:center!important;padding:2px 10px!important;text-transform:none!important;transition:all .15s ease!important;white-space:nowrap!important}.role-badge:hover{filter:brightness(.9)!important;transform:scale(1.05)!important}.role-badge-user{background-color:#6c5ce7!important}.role-badge-admin,.role-badge-user{color:#fff!important;text-shadow:0 1px 2px #0006!important}.role-badge-admin{background-color:#f2a200!important}.role-badge-super-admin{background-color:#ff4f4f!important;color:#fff!important;text-shadow:0 1px 2px #0006!important}.subscription-badge-basic,.subscription-badge-free,.subscription-badge-plus,.subscription-badge-premium,.subscription-badge-teacher{align-items:center!important;border:none!important;border-radius:999px!important;box-shadow:inset 0 1px 2px #0000001a!important;cursor:default!important;display:inline-flex!important;font-family:Roboto,sans-serif!important;font-size:12px!important;font-weight:600!important;height:20px!important;justify-content:center!important;padding:2px 10px!important;text-transform:none!important;transition:all .15s ease!important;white-space:nowrap!important}.subscription-badge-basic:hover,.subscription-badge-free:hover,.subscription-badge-plus:hover,.subscription-badge-premium:hover,.subscription-badge-teacher:hover{filter:brightness(.9)!important;transform:scale(1.05)!important}.subscription-badge-free{background-color:#ef4444!important}.subscription-badge-basic,.subscription-badge-free{color:#fff!important;text-shadow:0 1px 2px #0006!important}.subscription-badge-basic{background-color:#f97316!important}.subscription-badge-plus{background-color:#eab308!important;color:#451a03!important;text-shadow:0 1px 2px #fffc!important}.subscription-badge-premium{background-color:#22c55e!important}.subscription-badge-premium,.subscription-badge-teacher{color:#fff!important;text-shadow:0 1px 2px #0006!important}.subscription-badge-teacher{background-color:#a855f7!important}.caste-badge{align-items:center!important;border:none!important;border-radius:999px!important;box-shadow:inset 0 1px 2px #0000001a!important;color:#fff!important;cursor:default!important;display:inline-flex!important;font-family:Roboto,sans-serif!important;font-size:12px!important;font-weight:600!important;height:20px!important;justify-content:center!important;padding:2px 10px!important;text-shadow:0 1px 2px #0006!important;text-transform:none!important;transition:all .15s ease!important;white-space:nowrap!important}.caste-badge:hover{filter:brightness(.9)!important;transform:scale(1.05)!important}.caste-badge.worker{background-color:#ef4444!important}.caste-badge.merchant{background-color:#f97316!important}.caste-badge.warrior{background-color:#eab308!important;color:#451a03!important;text-shadow:0 1px 2px #fffc!important}.caste-badge.transitioning{background-color:#a855f7!important}.caste-badge.sage{background-color:#22c55e!important}.no-caste-badge{align-items:center!important;background-color:#2d3436!important;border:none!important;border-radius:999px!important;box-shadow:inset 0 1px 2px #0000001a!important;color:#fff!important;cursor:default!important;display:inline-flex!important;font-family:Roboto,sans-serif!important;font-size:12px!important;font-weight:600!important;height:20px!important;justify-content:center!important;padding:2px 10px!important;text-shadow:0 1px 2px #0006!important;text-transform:none!important;transition:all .15s ease!important;white-space:nowrap!important}.no-caste-badge:hover{filter:brightness(.9)!important;transform:scale(1.05)!important}.actions-cell{align-items:center;display:flex;padding:0 12px 0 0!important;transform:translateY(-7px)!important}.action-btn-fixed{align-items:center;aspect-ratio:1/1;background:var(--bg-tertiary);border:none;border-radius:6px;box-sizing:border-box!important;color:var(--text-secondary);cursor:pointer;display:flex;flex:0 0 32px!important;height:32px!important;justify-content:center;margin-right:.5rem!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;padding:0!important;transition:all .2s ease;width:32px!important}.action-btn-fixed:last-child{margin-right:0!important}.action-btn-fixed:hover{background:var(--accent-gold)!important;color:var(--bg-primary)!important;transform:translateY(-2px)}.users-table td:nth-child(2){text-align:center;vertical-align:middle}.users-table td:nth-child(6){color:var(--text-primary)}.row-number,.user-card-number,.users-table td:nth-child(6){font-family:Roboto,sans-serif;font-size:12px;font-weight:600}.row-number,.user-card-number{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);display:inline-flex;height:28px;justify-content:center;min-width:28px;padding:0 6px}.ethers-cell{padding:.5rem!important}.ethers-display-wrapper{flex-direction:column;gap:4px!important;height:100%}.ethers-display-wrapper,.ethers-row{align-items:center;display:flex;justify-content:center;line-height:0!important;width:100%}.ethers-row{height:16px;margin:0!important;padding:0!important}.ethers-row .editable-cell{align-items:center;display:flex;font-family:Roboto,sans-serif;font-size:12px;height:100%;justify-content:center;line-height:1;margin:0!important;min-width:auto;padding:0 .5rem}.main-ethers .editable-cell{color:#4ade80;font-weight:600}.bonus-ethers .editable-cell{color:#f4cd67;font-weight:600}.gender-cell{text-align:center}.gender-short{align-items:center;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:Roboto,sans-serif;font-size:15px!important;font-weight:600;justify-content:center}.country-cell{padding:.5rem!important;text-align:center}.country-flag-display{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;font-size:24px;justify-content:center;padding:.25rem;transition:all .2s ease}.country-flag-display:hover{background:var(--bg-hover);transform:scale(1.1)}.country-flag-display:has(text){font-family:Roboto,sans-serif;font-size:12px}input[type=checkbox]{accent-color:var(--accent-gold);cursor:pointer;height:18px;width:18px}@media (max-width:767px){.add-user-section{margin-bottom:1rem}.btn-add-user{justify-content:center;width:100%}.filters-panel{grid-template-columns:1fr;padding:1rem}.btn-clear-filters{width:100%}.actions-cell{flex-direction:column;gap:.25rem}.action-btn{height:32px;width:32px}.user-cell{align-items:flex-start;flex-direction:column;gap:.5rem}.inline-edit-container{min-width:auto}.inline-edit-input,.inline-edit-select{width:100%}.ethers-cell{padding:.35rem!important}.ethers-display-wrapper{gap:.25rem;line-height:1}.ethers-row .editable-cell{font-size:12px;line-height:1;margin:0;padding:0 .4rem}}.editable-cell{border-radius:4px;cursor:pointer;display:inline-block;font-family:Roboto,sans-serif;font-size:12px;min-width:60px;padding:.25rem .5rem;transition:all .2s ease}.editable-cell:hover{background:var(--bg-hover)}.inline-edit-container{align-items:center;background:var(--bg-primary);border-radius:6px;display:flex;gap:.25rem;min-width:150px;padding:.25rem}.inline-edit-input,.inline-edit-select{background:var(--bg-secondary);border:1px solid var(--accent-gold);border-radius:4px;color:var(--text-primary);flex:1 1;font-family:Roboto,sans-serif;font-size:12px;outline:none;padding:.35rem .5rem}.inline-edit-input:focus,.inline-edit-select:focus{background:var(--bg-secondary);border-color:var(--accent-gold);color:var(--text-primary);opacity:.5;outline:none}.inline-cancel-btn,.inline-save-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.inline-save-btn{background:var(--accent-gold);color:var(--bg-primary)}.inline-save-btn:hover{background:var(--accent-gold-dark);transform:scale(1.1)}.inline-cancel-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.inline-cancel-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.1)}.pagination-controls-top{align-items:center;display:flex;justify-content:flex-end;margin-bottom:1.5rem}.users-per-page-label{align-items:center;color:var(--text-secondary);display:flex;gap:.5rem}.users-per-page-label,.users-per-page-select{font-family:Roboto,sans-serif;font-size:12px;font-weight:500}.users-per-page-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;padding:.5rem .75rem;transition:all .2s ease}.users-per-page-select:focus,.users-per-page-select:hover{border-color:var(--accent-gold);opacity:.5}.users-per-page-select:focus{outline:none}.pagination{border-top:1px solid var(--border-color);justify-content:center;margin-top:2rem;padding:1.5rem}.pagination,.pagination-btn{align-items:center;display:flex;gap:.5rem}.pagination-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-gold);color:var(--text-primary);opacity:.5;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-numbers{align-items:center;display:flex;gap:.25rem}.pagination-number{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:.5rem;transition:all .2s ease}.pagination-number:hover{background:var(--bg-hover);border-color:var(--accent-gold);color:var(--text-primary);opacity:.5;transform:translateY(-2px)}.pagination-number.active{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-primary);font-weight:600;opacity:.5;transform:scale(1.1)}.pagination-ellipsis{color:var(--text-muted);padding:0 .25rem;-webkit-user-select:none;user-select:none}.pagination-info{color:var(--text-secondary);font-family:Roboto,sans-serif;font-size:12px;font-weight:500;margin-top:1rem;text-align:center}@keyframes highlight-row{0%{background:#0000}25%{background:#d4af374d;transform:scale(1.01)}50%{background:#d4af3733}75%{background:#d4af374d}to{background:#0000;transform:scale(1)}}@media (max-width:767px){.users-table table{display:none}.mobile-users-list{display:flex;flex-direction:column;gap:.75rem;padding:0}.user-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;transition:all .2s ease}.user-card-header{align-items:flex-start;display:flex;gap:.5rem;margin-bottom:.75rem}.user-card-number{flex-shrink:0;margin-top:.25rem}.user-card-name-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.user-card-name{color:var(--text-primary);font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.user-card-name.editable-cell{cursor:pointer}.user-card-name.editable-cell:hover{background:var(--bg-hover);border-radius:4px;padding:2px 4px}.user-card-email{color:var(--text-secondary);font-family:Roboto,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-email,.user-card-email.editable-cell{font-size:12px;font-weight:600}.user-card-email.editable-cell:hover{background:var(--bg-hover);border-radius:4px;padding:2px 4px}.mobile-users-list .inline-edit-input{background:var(--bg-secondary);border:1px solid var(--accent-gold);border-radius:4px;color:var(--text-primary);font-family:Roboto,sans-serif;font-size:12px;padding:.25rem .5rem;width:100%}.user-card-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.75rem;margin-left:62px}.user-card-badges .online-status,.user-card-badges .role-badge,.user-card-badges .subscription-badge{font-size:11px!important;height:auto!important;padding:2px 8px!important}.user-card-checkbox{accent-color:var(--accent-gold);cursor:pointer;flex-shrink:0;height:20px;margin-top:.25rem;width:20px}.user-card-info-grid{display:flex;gap:.5rem;margin-bottom:.75rem}.info-col{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;display:flex;flex:1 1;flex-direction:column;gap:.25rem;padding:.75rem}.ethers-col .ether-row{align-items:center;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;gap:.25rem}.ethers-col .ether-row.green{color:#4ade80}.ethers-col .ether-row.yellow{color:#f4cd67}.details-col .detail-row{align-items:center;color:var(--text-secondary);display:flex;font-family:Roboto,sans-serif;font-size:12px;gap:.5rem}.details-col .gender-short{font-size:15px;font-weight:500}.details-col .country-flag{font-size:18px}.details-col .detail-row.date{color:var(--text-muted);font-size:12px}.user-card-actions{grid-gap:.5rem;border-top:1px solid var(--border-color);display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);padding-top:.75rem}.mobile-action-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;justify-content:center;min-height:36px;padding:.5rem;transition:all .2s ease}.mobile-action-btn:active,.mobile-action-btn:hover{background:var(--accent-gold)!important;border-color:var(--accent-gold)!important;color:var(--bg-primary)!important;opacity:.5;transform:translateY(-1px)}.add-user-section{margin-bottom:1rem}.btn-add-user{justify-content:center;min-height:44px;width:100%}.filters-panel{grid-template-columns:1fr;padding:1rem}.btn-clear-filters{min-height:44px;width:100%}.btn-toggle-filters,.filter-group input,.filter-group select{min-height:44px}.pagination-controls-top{justify-content:center}.pagination{flex-wrap:wrap;gap:.5rem;padding:1rem}.pagination-btn{font-size:12px;min-height:44px;padding:.6rem 1rem}.pagination-number{font-size:12px;height:44px;min-width:44px}.pagination-numbers{gap:.25rem}.pagination-info{font-size:12px;margin-top:.75rem;width:100%}}@media (max-width:374px){.user-card{padding:.6rem}.user-card-info-grid{gap:.5rem}.user-card-actions,.user-card-info-grid{grid-template-columns:1fr}.mobile-action-btn{min-height:40px}}@media (min-width:768px) and (max-width:1023px){.mobile-users-list{display:none}.users-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.users-table table{min-width:900px}.filters-panel{grid-template-columns:repeat(2,1fr)}.pagination-number{height:40px;min-width:40px}}@media (min-width:768px){.mobile-users-list{display:none!important}}.registration-date{color:var(--text-primary);font-family:Roboto,sans-serif;font-size:14px!important}.sortable-header{cursor:pointer;transition:color .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-header:hover{color:var(--accent-gold)}.user-cell{border-bottom:hidden!important;padding:.75rem!important;vertical-align:middle!important}.user-cell>*{border:none!important;padding:0!important}td:last-child{border-bottom:hidden!important}.admin-folders-navigation{border-bottom:2px solid var(--border-color);margin:24px 0}.admin-folders-tabs{display:flex;flex-wrap:wrap;gap:8px;row-gap:12px}.admin-nav-tab-wrapper{align-items:center;display:flex;gap:4px;position:relative}.admin-nav-tab{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;min-height:48px;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.admin-nav-tab:hover:not(.active):not(.add-folder-btn){background:var(--bg-tertiary);box-shadow:0 4px 12px #0003;color:gold;transform:translateY(-2px)}.admin-nav-tab.active{background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-gold-dark) 100%);border-color:var(--accent-gold);box-shadow:0 4px 12px #0000004d;color:var(--bg-primary)}.folder-actions{display:flex;gap:2px;opacity:1;transition:opacity .2s}.admin-nav-tab-wrapper:hover .folder-actions{opacity:1}.folder-action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px 6px;transition:all .2s}.folder-action-btn:hover{background:#ffffff1a;border-color:var(--accent-gold)}.folder-action-btn.visibility.visible:hover{background:#d4af371a;border-color:var(--accent-gold);color:var(--accent-gold)}.folder-action-btn.visibility.hidden{color:#6b7280}.folder-action-btn.visibility.hidden:hover{background:#9ca3af1a;border-color:#9ca3af;color:#9ca3af}.folder-action-btn.edit:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.folder-action-btn.delete:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.admin-nav-tab.hidden-folder{font-style:italic;opacity:.5}.admin-nav-tab-wrapper[draggable=true]{transition:opacity .2s}.admin-nav-tab-wrapper[draggable=true]:hover{cursor:grab}.admin-nav-tab-wrapper[draggable=true]:active{cursor:grabbing}.add-folder-btn{align-items:center;background:#23d3641a!important;border:1px solid #23d364!important;border-bottom:3px solid #0000!important;color:#23d364!important;display:flex;gap:6px;padding:10px 20px!important}.add-folder-btn:hover{background:#23d36433!important;color:#23d364!important}.neuroprograms-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:24px}.neuroprogram-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:20px;position:relative;transition:all .3s}.neuroprogram-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.neuroprogram-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.program-icon{object-fit:cover}.program-icon,.program-icon-placeholder{border-radius:12px;height:64px;width:64px}.program-icon-placeholder{align-items:center;background:var(--bg-tertiary);color:var(--text-muted);display:flex;justify-content:center}.btn-toggle-enabled{background:#0000;border:none;border-radius:8px;cursor:pointer;padding:8px;transition:all .2s}.btn-toggle-enabled.enabled{color:var(--accent-gold)}.btn-toggle-enabled.enabled:hover{background:#0000001a}.btn-toggle-enabled.disabled{color:var(--text-muted)}.btn-toggle-enabled.disabled:hover{background:var(--bg-tertiary)}.neuroprogram-content h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.program-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 16px;overflow:hidden}.program-meta{gap:8px}.admin-preview-player,.program-meta{display:flex;flex-direction:column;margin-bottom:16px}.admin-preview-player{background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;gap:10px;padding:12px 16px}.admin-preview-head{align-items:center;color:var(--text-muted);display:flex;font-size:12px;font-weight:600;justify-content:space-between;letter-spacing:.08em;text-transform:uppercase}.admin-preview-label{align-items:center;display:inline-flex;gap:6px}.admin-preview-time{color:var(--text-primary);font-family:Rajdhani,monospace}.admin-preview-body{align-items:center;display:flex;gap:12px}.admin-preview-btn{align-items:center;background:#d4af3726;border:none;border-radius:50%;color:var(--accent-gold);cursor:pointer;display:flex;height:42px;justify-content:center;transition:transform .2s,box-shadow .2s;width:42px}.admin-preview-btn:hover:not(:disabled){box-shadow:0 6px 20px #d4af3740;transform:translateY(-2px)}.admin-preview-btn:disabled{cursor:not-allowed;opacity:.6}.admin-preview-progress{flex:1 1;position:relative}.admin-preview-progress-track{background:#ffffff14;border-radius:999px;height:6px;overflow:visible;position:relative;width:100%}.admin-preview-progress-fill{background:var(--accent-gold);border-radius:999px;bottom:0;box-shadow:0 0 12px currentColor;left:0;position:absolute;top:0;transition:width .1s linear;width:0}.admin-preview-progress-thumb{background:var(--accent-gold);border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .15s ease;width:14px}.admin-preview-progress:hover .admin-preview-progress-thumb{transform:translate(-50%,-50%) scale(1.2)}.admin-preview-volume-container{align-items:center;display:flex;position:relative}.admin-preview-volume-btn{align-items:center;background:#ffffff14;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.admin-preview-volume-btn:hover{background:#d4af3726;color:var(--accent-gold)}.admin-preview-volume-slider-container{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;bottom:100%;box-shadow:0 4px 16px #0000004d;display:flex;flex-direction:column;gap:8px;left:50%;margin-bottom:8px;padding:12px 8px;position:absolute;transform:translateX(-50%);z-index:10}.admin-preview-volume-slider{background:#ffffff1a;border-radius:4px;cursor:pointer;height:80px;position:relative;width:8px}.admin-preview-volume-fill{background:var(--accent-gold);border-radius:4px;bottom:0;left:0;position:absolute;right:0;transition:height .1s linear}.admin-preview-volume-thumb{background:var(--accent-gold);border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:12px;left:50%;position:absolute;transform:translate(-50%,50%);width:12px}.admin-preview-volume-btn.active{background:#d4af3733;color:var(--accent-gold)}.admin-preview-mute-btn{align-items:center;background:#ffffff1a;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:all .2s;width:24px}.admin-preview-mute-btn:hover{background:#fff3}.admin-preview-error{color:#ef4444;font-size:12px}.admin-preview-spinner{animation:adminPreviewSpin 1s linear infinite}@keyframes adminPreviewSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.meta-item{align-items:center;display:flex;font-size:13px;justify-content:space-between}.meta-label{color:var(--text-muted)}.meta-value{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:4px}.meta-value.cost{color:var(--accent-gold)}.meta-value.has-audio{color:#10b981}.meta-value.no-audio{color:var(--text-muted);font-style:italic}.neuroprogram-actions{border-top:1px solid var(--border-color);display:flex;gap:8px;padding-top:16px}.btn-delete,.btn-duplicate,.btn-edit,.btn-move{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:4px;justify-content:center;padding:8px;transition:all .2s}.btn-edit{color:var(--text-primary)}.btn-edit:hover{background:var(--accent-gold);color:var(--bg-primary);transform:translateY(-2px)}.btn-move{background:#3b82f61a;color:#3b82f6}.btn-move:hover{background:#3b82f6;color:#fff;transform:translateY(-2px)}.btn-duplicate{background:#8b5cf61a;color:#8b5cf6}.btn-duplicate:hover{background:#8b5cf6;color:#fff;transform:translateY(-2px)}.btn-delete{background:#ef44441a;color:#ef4444}.btn-delete:hover{background:#ef4444;color:#fff;transform:translateY(-2px)}.neuroprogram-modal{max-height:90vh;max-width:600px;overflow-y:auto}.form-group{margin-bottom:20px}.form-group label{font-size:14px}.admin-media-overlay{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1200}.admin-media-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:16px;max-height:90vh;padding:20px;width:min(100%,960px)}.admin-media-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.admin-media-header h2{align-items:center;display:flex;font-size:20px;gap:8px;margin:0}.admin-media-close{background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;padding:6px;transition:background .2s}.admin-media-close:hover{background:#ffffff14;color:var(--text-primary)}.admin-media-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.admin-media-breadcrumbs{display:flex;flex-wrap:wrap;gap:6px}.breadcrumb-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;color:var(--text-muted);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.breadcrumb-item:hover{background:#d4af3726;border-color:#d4af3766;color:var(--accent-gold)}.breadcrumb-item.active{background:#d4af3733;border-color:#d4af3799;color:var(--accent-gold)}.admin-media-actions{display:flex;gap:8px}.admin-media-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:8px 12px;transition:all .2s}.admin-media-btn:hover{background:#d4af3726;border-color:#d4af3766;color:var(--accent-gold)}.admin-media-btn.active{background:#3b82f626;border-color:#3b82f666;color:#60a5fa}.admin-media-create-folder{display:flex;gap:12px}.admin-media-create-folder input{background:#ffffff0a;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;padding:8px 12px}.admin-media-back{align-items:center;align-self:flex-start;background:#ffffff0d;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:6px 10px;transition:all .2s}.admin-media-back:hover{background:#d4af3726;color:var(--accent-gold)}.admin-media-content{background:#00000040;border:1px solid var(--border-color);border-radius:12px;flex:1 1;min-height:200px;overflow:auto;padding:16px}.admin-media-empty{color:var(--text-muted);font-size:14px;padding:40px 0;text-align:center}.admin-media-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.admin-media-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:12px;padding:14px;position:relative;transition:border-color .2s,background .2s}.admin-media-card.folder{background:#3b82f60d}.admin-media-card:hover{background:#d4af3714;border-color:#d4af374d}.admin-media-card-icon{align-items:center;background:#d4af371a;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.admin-media-card-icon.file{background:#ffffff0f}.admin-media-card-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.admin-media-card-name{color:var(--text-primary);font-size:14px;font-weight:600;word-break:break-word}.admin-media-card-meta{color:var(--text-muted);font-size:12px}.admin-media-card-link{color:var(--accent-gold);font-size:12px;text-decoration:none;transition:opacity .2s}.admin-media-card-link:hover{opacity:.8}.admin-media-card-delete{background:#ef44441f;border:none;border-radius:8px;color:#f87171;cursor:pointer;padding:4px 6px;position:absolute;right:8px;top:8px;transition:background .2s,color .2s}.admin-media-card-delete:hover{background:#ef444433;color:#fca5a5}.admin-media-card.linked{background:#3b82f60d;border-color:#3b82f64d}.admin-media-card-linked{background:#3b82f626;color:#60a5fa}.admin-media-card-linked,.admin-media-card-locked{border-radius:8px;cursor:help;font-size:14px;padding:4px 8px;position:absolute;right:8px;top:8px}.admin-media-card-locked{background:#9ca3af26;color:#9ca3af}.admin-media-card-icon.folder-icon{background:#eab30826;color:#eab308}.admin-media-card.folder{background:#eab3080d;border-color:#eab30833;cursor:pointer}.admin-media-card.folder:hover{background:#eab3081a;border-color:#eab30866}.admin-media-card.folder.has-children{opacity:1}.admin-media-view-toggle{background:#ffffff0d;border-radius:8px;display:flex;gap:2px;padding:2px}.admin-media-view-toggle .admin-media-btn{border-radius:6px;padding:6px 10px}.admin-media-view-toggle .admin-media-btn.active{background:#d4af3733;border-color:#d4af3780}.admin-media-list{display:flex;flex-direction:column;gap:8px}.admin-media-list .admin-media-card{align-items:center;flex-direction:row;padding:10px 14px}.admin-media-list .admin-media-card-icon{height:32px;width:32px}.admin-media-list .admin-media-card-info{align-items:center;flex-direction:row;gap:16px}.admin-media-list .admin-media-card-name{min-width:200px}.admin-media-list .admin-media-card-meta{white-space:nowrap}.admin-media-columns{display:flex;gap:0;height:100%;min-height:400px;overflow-x:auto;scrollbar-color:#d4af374d #0000;scrollbar-width:thin}.admin-media-columns::-webkit-scrollbar{height:8px}.admin-media-columns::-webkit-scrollbar-track{background:#0000}.admin-media-columns::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:4px}.admin-media-column{background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;max-width:280px;min-width:220px}.admin-media-column:last-child{border-right:none}.admin-media-column-header{background:#ffffff08;border-bottom:1px solid var(--border-color);color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-transform:uppercase}.admin-media-column-content{flex:1 1;overflow-y:auto;padding:4px 0}.admin-media-column-item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:background .15s}.admin-media-column-item:hover{background:#d4af371a}.admin-media-column-item.selected{background:#d4af3733}.admin-media-column-item.folder{color:#eab308}.admin-media-column-item.file{color:var(--text-secondary)}.admin-media-column-item span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-item-arrow{color:var(--text-muted);flex:0 0 auto!important;font-size:16px;margin-left:auto}.admin-media-column-empty{color:var(--text-muted);font-size:13px;padding:20px;text-align:center}.admin-media-gallery{display:flex;flex-direction:column;height:100%;min-height:400px}.admin-media-gallery-preview{align-items:center;background:#0003;border-radius:12px;display:flex;flex:1 1;justify-content:center;margin-bottom:16px;min-height:250px;padding:20px}.gallery-preview-image{object-fit:contain}.gallery-preview-image,.gallery-preview-video{border-radius:8px;max-height:300px;max-width:100%}.gallery-preview-audio{align-items:center;color:#eab308;display:flex;flex-direction:column;gap:16px}.gallery-preview-name{color:var(--text-primary);font-size:16px;font-weight:500;max-width:300px;text-align:center;word-break:break-word}.gallery-preview-size{color:var(--text-muted);font-size:13px}.gallery-audio-player{height:40px;width:280px}.gallery-preview-empty,.gallery-preview-file{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:12px}.admin-media-gallery-strip{display:flex;gap:12px;overflow-x:auto;padding:12px 0;scrollbar-color:#d4af374d #0000;scrollbar-width:thin}.admin-media-gallery-strip::-webkit-scrollbar{height:6px}.admin-media-gallery-strip::-webkit-scrollbar-track{background:#0000}.admin-media-gallery-strip::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:3px}.gallery-thumbnail{align-items:center;background:#ffffff08;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;gap:6px;padding:8px;transition:all .2s;width:80px}.gallery-thumbnail:hover{background:#d4af371a;border-color:#d4af374d}.gallery-thumbnail.selected{background:#d4af3726;border-color:var(--accent-gold)}.gallery-thumb-image{border-radius:6px;height:60px;object-fit:cover;width:60px}.gallery-thumb-icon{align-items:center;background:#ffffff0d;border-radius:6px;color:var(--text-muted);display:flex;height:60px;justify-content:center;width:60px}.gallery-thumb-icon.audio{background:#eab3081a;color:#eab308}.gallery-thumb-icon.video{background:#3b82f61a;color:#3b82f6}.gallery-thumb-icon.folder{background:#eab30826;color:#eab308}.gallery-thumbnail.folder{border-color:#eab30833;cursor:pointer}.gallery-thumbnail.folder:hover{background:#eab3081a;border-color:#eab30880}.gallery-thumb-name{color:var(--text-secondary);font-size:11px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.gallery-strip-empty{color:var(--text-muted);font-size:13px;padding:20px}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--bg-secondary)}.form-group textarea{font-family:inherit;min-height:100px;resize:vertical}.file-upload-area{align-items:center;display:flex;gap:12px}.file-upload-btn{align-items:center;background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 20px;transition:all .2s}.file-upload-btn:hover{background:var(--bg-secondary);border-color:var(--accent-gold);color:var(--accent-gold)}.current-file{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:6px}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-group input[type=checkbox]{cursor:pointer;width:auto}.modal-footer{gap:12px;padding:20px 24px}.file-upload-btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.upload-success{align-items:center;background:#22c55e1a;border-radius:6px;color:#22c55e;display:inline-flex;font-size:14px;font-weight:500;gap:4px;padding:6px 12px}.upload-progress{align-items:center;display:flex;gap:12px;margin-top:12px}.progress-bar{background:#d4af371a;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:var(--primary-gradient);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:var(--gold);font-size:14px;min-width:40px;text-align:right}.radio-label{background:#ffffff05;border:2px solid #d4af3733;border-radius:8px;flex:1 1;gap:8px;min-width:180px;padding:12px 16px;transition:all .3s ease}.radio-label:hover{background:#ffffff0d;border-color:#d4af3766}.radio-label input[type=radio]{accent-color:var(--gold);height:18px;width:18px}.radio-label input[type=radio]:checked{outline:2px solid var(--gold);outline-offset:2px}.radio-label span{color:#e5e7eb;font-size:14px;transition:color .3s ease}.radio-label:has(input:checked){background:#d4af371a;border-color:var(--gold)}.radio-label:has(input:checked) span{color:var(--gold);font-weight:600}@media (max-width:768px){.form-row,.neuroprograms-grid{grid-template-columns:1fr}.neuroprogram-modal{max-width:95%}.radio-group{flex-direction:column}.radio-label{min-width:100%}.color-pickers-group{flex-direction:column}.admin-folders-tabs{gap:6px;row-gap:10px}.admin-nav-tab{font-size:14px;padding:10px 20px}}@media (max-width:1024px) and (min-width:769px){.admin-folders-tabs{gap:6px;row-gap:10px}.admin-nav-tab{font-size:14px;padding:11px 22px}}@media (max-width:480px){.admin-folders-tabs{gap:4px;row-gap:8px}.admin-nav-tab{font-size:13px;padding:8px 16px}}.color-pickers-group{display:flex;flex-wrap:wrap;gap:16px}.color-picker-item{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:150px}.color-picker-item label{color:var(--text-primary);font-size:13px;margin:0}.color-input{border:2px solid var(--border-color);border-radius:8px;cursor:pointer;height:50px;transition:all .2s;width:100%}.color-input:hover{border-color:var(--gold);transform:scale(1.02)}.color-value{background:#ffffff0d;border-radius:4px;color:var(--text-muted);font-family:monospace;font-size:12px;padding:4px 8px;text-align:center}.media-preview-overlay{align-items:center;animation:fadeIn .15s ease-out;background:#000000d9;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1300}.media-preview-modal{animation:slideUp .2s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:min(100%,800px)}.media-preview-header{align-items:center;background:#0003;border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;padding:16px 20px}.media-preview-title{color:var(--text-primary);flex:1 1;font-size:16px;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-preview-actions{display:flex;flex-shrink:0;gap:8px}.media-preview-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.media-preview-btn.download{background:#22c55e26;color:#22c55e}.media-preview-btn.download:hover{background:#22c55e40;transform:translateY(-1px)}.media-preview-btn.close{background:#ef44441f;color:#f87171;padding:8px}.media-preview-btn.close:hover{background:#ef444433}.media-preview-content{flex:1 1;min-height:200px;overflow:auto;padding:24px}.media-preview-content,.media-preview-image-container{align-items:center;display:flex;justify-content:center}.media-preview-image-container{max-height:70vh;width:100%}.media-preview-image{border-radius:8px;box-shadow:0 8px 32px #0006;max-height:70vh;max-width:100%;object-fit:contain}.media-preview-error{color:#ef4444;padding:40px;text-align:center}.media-preview-audio-container{align-items:center;display:flex;flex-direction:column;gap:24px;max-width:500px;padding:32px;width:100%}.media-preview-audio-icon{color:var(--accent-gold);opacity:.8}.media-preview-audio{border-radius:12px;height:54px;outline:none;width:100%}.media-preview-audio::-webkit-media-controls-panel{background:#ffffff0d}.media-preview-audio-info{color:var(--text-muted);font-size:14px}.media-preview-video-container{display:flex;justify-content:center;width:100%}.media-preview-video{border-radius:8px;box-shadow:0 8px 32px #0006;max-height:70vh;max-width:100%}.media-preview-text-container{background:#0000004d;border:1px solid var(--border-color);border-radius:8px;max-height:60vh;overflow:auto;padding:16px;width:100%}.media-preview-text{color:var(--text-primary);font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.media-preview-loading{color:var(--text-muted);padding:40px;text-align:center}.media-preview-other-container,.media-preview-pdf-container{align-items:center;display:flex;flex-direction:column;gap:16px;padding:40px;text-align:center}.media-preview-other-icon,.media-preview-pdf-icon{color:var(--text-muted);opacity:.6}.media-preview-other-name,.media-preview-pdf-text{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.media-preview-other-size,.media-preview-pdf-size{color:var(--text-muted);font-size:14px;margin:0}.media-preview-other-hint,.media-preview-pdf-hint{color:var(--accent-gold);font-size:13px;margin:8px 0 0;opacity:.8}@media (max-width:768px){.media-preview-modal{border-radius:12px;max-height:95vh;width:100%}.media-preview-header{padding:12px 16px}.media-preview-title{font-size:14px}.media-preview-btn{font-size:13px;padding:6px 10px}.media-preview-btn.download span{display:none}.media-preview-content{padding:16px}.media-preview-image{max-height:60vh}.media-preview-video{max-height:50vh}}@media (max-width:480px){.media-preview-overlay{padding:8px}.media-preview-modal{border-radius:8px}.media-preview-header{flex-wrap:wrap;padding:10px 12px}.media-preview-actions{gap:6px}.media-preview-btn{font-size:12px;padding:6px 8px}.media-preview-audio-container{gap:16px;padding:20px}.media-preview-audio-icon svg{height:48px;width:48px}}.media-preview-usages{background:#0003;border-bottom:1px solid var(--border-color);padding:16px}.media-usage-loading{align-items:center;color:var(--text-muted);display:flex;font-size:13px;font-style:italic;gap:8px}.media-usage-list{display:flex;flex-direction:column;gap:8px}.media-usage-title{color:var(--text-secondary);font-size:13px;font-weight:600;margin-bottom:4px}.media-usage-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:6px;display:flex;font-size:13px;gap:8px;padding:6px 10px}.media-usage-type{background:#0003;border-radius:4px;color:var(--text-muted);font-size:12px;padding:2px 6px}.media-usage-name{color:var(--text-primary);font-weight:500}@media (max-width:1024px){.admin-media-modal{padding:16px;width:95%}.admin-media-header h2{font-size:18px}.admin-media-toolbar{gap:10px}.admin-media-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.admin-media-columns{min-height:350px}.admin-media-column{max-width:220px;min-width:180px}}@media (max-width:768px){.admin-media-overlay{padding:12px}.admin-media-modal{border-radius:12px;gap:12px;max-height:95vh;padding:12px;width:100%}.admin-media-header{gap:12px}.admin-media-header h2{font-size:16px;gap:6px}.admin-media-close{padding:4px}.admin-media-toolbar{align-items:stretch;flex-direction:column;gap:8px}.admin-media-breadcrumbs{gap:4px;order:2}.breadcrumb-item{font-size:11px;padding:4px 10px}.admin-media-actions{flex-wrap:wrap;gap:6px;order:1}.admin-media-btn{font-size:12px;gap:4px;padding:6px 10px}.admin-media-view-toggle{flex:1 1;justify-content:space-between}.admin-media-view-toggle .admin-media-btn{flex:1 1;padding:8px 4px}.admin-media-content{min-height:300px;padding:12px}.admin-media-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.admin-media-card{gap:10px;padding:10px}.admin-media-card-icon{height:36px;width:36px}.admin-media-card-name{font-size:13px}.admin-media-card-meta{font-size:11px}.admin-media-card-delete,.admin-media-card-linked,.admin-media-card-locked{font-size:12px;padding:3px 6px;right:6px;top:6px}.admin-media-columns{min-height:300px}.admin-media-column{max-width:200px;min-width:160px}.admin-media-column-header{font-size:11px;padding:8px 10px}.admin-media-column-item{font-size:12px;gap:6px;padding:6px 10px}.admin-media-gallery{min-height:350px}.admin-media-gallery-preview{margin-bottom:12px;min-height:200px;padding:16px}.gallery-preview-image,.gallery-preview-video{max-height:250px}.gallery-preview-audio{gap:12px}.gallery-preview-name{font-size:14px}.gallery-audio-player{width:240px}.admin-media-gallery-strip{gap:10px;padding:10px 0}.gallery-thumbnail{gap:4px;padding:6px;width:70px}.gallery-thumb-icon,.gallery-thumb-image{height:50px;width:50px}.gallery-thumb-name{font-size:10px}.admin-media-list .admin-media-card{padding:8px 12px}.admin-media-list .admin-media-card-icon{height:28px;width:28px}.admin-media-list .admin-media-card-info{gap:12px}.admin-media-list .admin-media-card-name{font-size:12px;min-width:150px}}@media (max-width:480px){.admin-media-overlay{padding:8px}.admin-media-modal{border-radius:10px;gap:10px;padding:10px;width:100%}.admin-media-header{gap:8px}.admin-media-header h2{font-size:14px;gap:4px}.admin-media-close svg{height:18px;width:18px}.admin-media-toolbar{gap:6px}.admin-media-breadcrumbs{gap:3px}.breadcrumb-item{font-size:10px;padding:3px 8px}.admin-media-actions{gap:4px}.admin-media-btn{font-size:11px;gap:3px;padding:6px 8px}.admin-media-btn svg{height:14px;width:14px}.admin-media-view-toggle .admin-media-btn{padding:6px 3px}.admin-media-content{min-height:250px;padding:10px}.admin-media-grid{gap:8px;grid-template-columns:1fr}.admin-media-card{padding:10px}.admin-media-card-icon{height:32px;width:32px}.admin-media-card-icon svg{height:18px;width:18px}.admin-media-card-name{font-size:12px}.admin-media-card-meta{font-size:10px}.admin-media-card-link{font-size:11px}.admin-media-columns{min-height:250px}.admin-media-column{max-width:180px;min-width:140px}.admin-media-column-header{font-size:10px;padding:6px 8px}.admin-media-column-item{font-size:11px;gap:4px;padding:6px 8px}.admin-media-column-item svg{height:14px;width:14px}.column-item-arrow{font-size:14px}.admin-media-gallery{min-height:300px}.admin-media-gallery-preview{margin-bottom:10px;min-height:180px;padding:12px}.gallery-preview-image,.gallery-preview-video{max-height:200px}.gallery-preview-audio svg{height:48px;width:48px}.gallery-preview-name{font-size:13px;max-width:250px}.gallery-preview-size{font-size:11px}.gallery-audio-player{height:36px;width:200px}.gallery-preview-file svg{height:48px;width:48px}.gallery-preview-empty svg{height:40px;width:40px}.admin-media-gallery-strip{gap:8px;padding:8px 0}.gallery-thumbnail{gap:3px;padding:5px;width:60px}.gallery-thumb-icon,.gallery-thumb-image{height:45px;width:45px}.gallery-thumb-icon svg{height:20px;width:20px}.gallery-thumb-name{font-size:9px}.admin-media-list .admin-media-card-info{align-items:flex-start;flex-direction:column;gap:4px}.admin-media-list .admin-media-card-name{min-width:auto;width:100%}}@media (max-width:375px){.admin-media-modal{gap:8px;padding:8px}.admin-media-header h2{font-size:13px}.admin-media-content{padding:8px}.admin-media-card{gap:8px;padding:8px}.admin-media-column{max-width:160px;min-width:120px}.gallery-preview-image,.gallery-preview-video{max-height:180px}.gallery-audio-player{width:180px}.gallery-thumbnail{width:55px}.gallery-thumb-icon,.gallery-thumb-image{height:40px;width:40px}}@media (max-width:320px){.admin-media-overlay{padding:4px}.admin-media-modal{border-radius:8px;gap:6px;padding:6px}.admin-media-header h2{font-size:12px}.admin-media-toolbar{gap:4px}.admin-media-btn{font-size:10px;padding:5px 6px}.admin-media-content{min-height:200px;padding:6px}.admin-media-card{padding:6px}.admin-media-card-icon{height:28px;width:28px}.admin-media-card-name{font-size:11px}.admin-media-card-meta{font-size:9px}.admin-media-column{max-width:140px;min-width:100px}.admin-media-column-item{font-size:10px;padding:5px 6px}.gallery-preview-image,.gallery-preview-video{max-height:150px}.gallery-audio-player{height:32px;width:160px}.gallery-thumbnail{padding:4px;width:50px}.gallery-thumb-icon,.gallery-thumb-image{height:36px;width:36px}.gallery-thumb-name{font-size:8px}}.settings-card{padding:2rem}.card-header{margin-bottom:1.5rem}.card-header h2{color:var(--accent-gold-light);font-size:1.5rem;font-weight:700;gap:.75rem}.exchange-rate-block{display:flex;flex-direction:column;gap:1rem}.exchange-input-group{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:1rem}.exchange-input-group label{color:var(--text-primary)}.exchange-input{background:var(--bg-tertiary);border:2px solid var(--accent-gold);border-radius:8px;color:var(--accent-gold);font-family:inherit;font-size:1.5rem;font-weight:700;padding:.75rem 1rem;text-align:center;width:120px}.exchange-input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 4px #0003;outline:none}.currency-label{color:var(--accent-gold);font-weight:600}.exchange-hint{background:#0000001a;border-left:4px solid var(--accent-gold);border-radius:6px;color:var(--text-secondary);font-size:.95rem;padding:1rem}.plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.plan-card{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;padding:1.25rem;transition:all .3s ease}.plan-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.plan-card.plan-basic{border-color:#f97316}.plan-card.plan-plus{border-color:#eab308}.plan-card.plan-premium{border-color:#22c55e}.plan-card.plan-teacher{border-color:#a855f7}.plan-header{border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:.75rem;text-align:center}.plan-header h3{color:var(--accent-gold);font-size:1.5rem;font-weight:700}.plan-card.plan-basic .plan-header h3{color:#f97316}.plan-card.plan-plus .plan-header h3{color:#eab308}.plan-card.plan-premium .plan-header h3{color:#22c55e}.plan-card.plan-teacher .plan-header h3{color:#a855f7}.plan-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.form-group{gap:.4rem}.form-group label{color:var(--text-secondary);gap:.5rem}.plan-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;font-weight:600;padding:.75rem}.plan-input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #0000001a;outline:none}.plan-calculations{border-top:1px solid var(--border-color);padding-top:.75rem}.plan-calculations h4{color:var(--text-muted);font-size:.85rem;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.calc-row{align-items:center;display:flex;font-size:.95rem;justify-content:space-between;padding:.35rem 0}.calc-row.bonus{color:#22c55e;font-weight:600}.calc-row.total{color:var(--accent-gold);font-size:1.1rem;font-weight:700;padding-top:.5rem}.calc-row.renewal{color:var(--accent-gold-light);font-weight:600}.calc-value{font-family:Ubuntu,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700}.calc-divider{background:var(--border-color);height:1px;margin:.5rem 0}.free-plan-info{color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem}.free-plan-info strong{color:var(--text-primary)}.link-primary{color:var(--accent-gold);font-weight:600;text-decoration:none;transition:color .2s}.link-primary:hover{color:var(--accent-gold-light);text-decoration:underline}.free-plan-card{background:linear-gradient(135deg,#64748b1a,#4755691a);border:2px solid #94a3b84d}.daily-bonus-settings{background:#f59e0b0d;border:2px solid #f59e0b33;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.daily-bonus-settings h3{color:var(--accent-gold);font-size:1.2rem;margin:0 0 1.5rem}.bonus-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.input-hint{color:var(--text-muted);display:block;font-size:.85rem;font-style:italic;margin-top:.5rem}.bonus-calculation{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.calc-result{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.calc-result.total-calc{border-top:2px solid #0000004d;margin-top:1rem;padding-top:1rem}.calc-label{color:var(--text-primary);font-size:1rem;font-weight:600}.calc-value-large{color:var(--accent-gold);font-size:1.5rem;font-weight:700}.calc-hint{color:var(--text-muted);font-size:.9rem;margin:0;text-align:center}.save-actions{display:flex;justify-content:center;margin:2rem 0}.btn-save-large{align-items:center;background:linear-gradient(135deg,var(--accent-gold-light) 0,var(--accent-gold) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #0000004d;color:var(--bg-primary);cursor:pointer;display:flex;font-family:inherit;font-size:1.2rem;font-weight:700;gap:.75rem;padding:1rem 3rem;transition:all .3s ease}@media (hover:hover){.btn-save-large:hover{box-shadow:0 4px 12px #0006;transform:translateY(-2px)}}.btn-save-large:active{transform:scale(.98)}.btn-save-large:disabled{cursor:not-allowed;opacity:.6;transform:none}.info-block{background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--accent-gold);border-radius:8px;padding:1.5rem}.info-block h3{color:var(--accent-gold-light);font-size:1.1rem;margin-bottom:1rem}.info-block ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:0}.info-block li{align-items:flex-start;color:var(--text-secondary);display:flex;gap:.5rem;line-height:1.6}.info-block li:before{color:var(--accent-gold);content:"→";flex-shrink:0;font-weight:700}.info-block strong{color:var(--accent-gold-light)}@media (max-width:1024px) and (min-width:769px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.settings-card{padding:1.5rem}.plans-grid{grid-template-columns:1fr}.exchange-input-group{align-items:flex-start;flex-direction:column;font-size:1rem}.exchange-input{font-size:1.2rem;width:100%}.btn-save-large{font-size:1rem;justify-content:center;padding:.875rem 2rem;width:100%}.plan-card{padding:1.25rem}}.promocodes-grid{grid-gap:clamp(.75rem,2vw,1.5rem);display:grid;gap:clamp(.75rem,2vw,1.5rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));margin-top:clamp(1rem,3vw,2rem)}.promocode-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:clamp(8px,1.5vw,12px);display:flex;flex-direction:column;padding:clamp(.875rem,2.5vw,1.5rem);position:relative;transition:all .3s ease}.promocode-card:hover{box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.promocode-card.inactive{border-color:#ef44444d;opacity:.6}.promocode-card.expired{border-color:#9ca3af4d;opacity:.5}.promocode-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.promocode-code{align-items:center;display:flex;gap:.5rem}.promocode-code span{color:var(--accent-gold);font-family:Ubuntu,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.125rem,3vw,1.5rem);font-weight:700;letter-spacing:.05em;word-break:break-all}.promocode-actions{display:flex;flex-wrap:wrap;gap:clamp(.25rem,1vw,.5rem)}.btn-icon{border:none;border-radius:clamp(4px,1vw,6px);min-height:40px;min-width:40px;padding:clamp(.375rem,1vw,.5rem);transition:all .2s}.btn-icon.btn-danger:hover{background:#ef44441a;color:#ef4444}.promocode-info{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vw,.75rem)}.info-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:clamp(.375rem,1vw,.5rem) 0}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-size:clamp(.75rem,2vw,.875rem);font-weight:500}.info-value{color:var(--text-primary);font-size:clamp(.8rem,2.2vw,.9375rem);font-weight:600}.info-value.highlight{color:var(--accent-gold)}.info-value.success{color:#22c55e}.info-value.bonus-ethers{color:#f4cd66;font-weight:700}.info-value.regular-ethers{color:#10b981;font-weight:700}.promocode-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.promocode-badge.expired-badge{background:#9ca3af33;border:1px solid #9ca3af4d;color:#9ca3af}.promocode-badge.inactive-badge{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.promocode-title{background:#d4af371a;border-bottom:2px solid var(--accent-gold);color:var(--accent-gold);font-size:clamp(.8rem,2.2vw,.95rem);font-weight:600;margin-bottom:clamp(6px,1.5vw,8px);padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1rem);text-align:center}.promocode-title.empty-title{min-height:38px;opacity:.3}.countdown-value{border-radius:4px;font-family:Ubuntu,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;padding:.25rem .5rem;transition:all .3s ease}.countdown-value:hover{transform:scale(1.05)}.countdown-green{background:#22c55e1a;color:#22c55e}.countdown-yellow{background:#eab3081a;color:#eab308}.validity-period{border-radius:6px;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.validity-green{background:#22c55e1a;color:#22c55e}.validity-yellow{background:#f59e0b1a;color:#f59e0b}.validity-red{background:#ef44441a;color:#ef4444}.validity-purple{background:#a855f71a;color:#a855f7}.countdown-red{background:#ef44441a;color:#ef4444}.countdown-gray{background:#9ca3af1a;color:#9ca3af}.countdown-purchased{animation:countdown-pulse-purchased 3s ease infinite;box-shadow:0 0 0 2px #22c55e33;font-weight:700}.countdown-not-purchased{font-weight:600}@keyframes countdown-pulse-purchased{0%,to{box-shadow:0 0 0 2px #22c55e33}50%{box-shadow:0 0 0 4px #22c55e66}}@keyframes checkmark-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}.promocode-status{border-radius:clamp(4px,1vw,6px);font-size:clamp(.75rem,1.8vw,.875rem);font-weight:600;letter-spacing:.05em;margin-top:auto;padding:clamp(.375rem,1vw,.5rem);text-align:center;text-transform:uppercase}.status-green{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.status-gray{background:#9ca3af33;border:1px solid #9ca3af4d;color:#9ca3af}.users-table{margin-top:1.5rem;overflow-x:auto}.users-table table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid var(--border-color);padding:.75rem;text-align:left}.users-table th{background:var(--bg-tertiary);color:var(--accent-gold);font-size:.85rem;font-weight:600;letter-spacing:.05em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.users-table tbody tr:hover{background:var(--bg-hover)}.users-table .subscription-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:700;padding:.25rem .75rem;text-shadow:0 1px 2px #0003;text-transform:uppercase}.users-table .subscription-badge.free{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #dc2626;color:#fff}.users-table .subscription-badge.basic{background:linear-gradient(135deg,#f97316,#ea580c);border:1px solid #ea580c;color:#fff}.users-table .subscription-badge.plus{background:linear-gradient(135deg,#eab308,#ca8a04);border:1px solid #ca8a04;color:#451a03;text-shadow:0 1px 2px #ffffff4d}.users-table .subscription-badge.premium{background:linear-gradient(135deg,#22c55e,#16a34a);border:1px solid #16a34a;color:#fff}.users-table .subscription-badge.teacher{background:linear-gradient(135deg,#a855f7,#9333ea);border:1px solid #9333ea;color:#fff}.users-table .countdown-value{font-size:.75rem;padding:.2rem .4rem;white-space:nowrap}@media (max-width:1024px){.users-table{font-size:.85rem}.users-table td,.users-table th{padding:.5rem}}.label-with-tooltip{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.label-with-tooltip label{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem}.info-tooltip-wrapper{display:inline-flex;position:relative}.info-icon-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s}.info-icon-button:hover{background:#9ca3af26;color:#6b7280;transform:scale(1.1)}.tooltip-popup{word-wrap:break-word;animation:tooltip-appear .2s ease;background:#141414fa;border:1px solid #d4af374d;border-radius:6px;box-shadow:0 8px 24px #0006;color:#fff;font-size:.75rem;line-height:1.4;max-width:min(280px,90vw);min-width:180px;padding:.5rem .75rem;pointer-events:auto;top:calc(100% + 8px);white-space:normal;z-index:10000}.tooltip-popup,.tooltip-popup:before{left:50%;position:absolute;transform:translateX(-50%)}.tooltip-popup:before{border:5px solid;border-color:#0000 #0000 #141414fa;bottom:100%;content:""}.tooltip-popup[data-position=left]:before{left:16px;transform:translateX(0)}.tooltip-popup[data-position=right]:before{left:auto;right:16px;transform:translateX(0)}.tooltip-popup[data-position=center]:before{left:50%;right:auto;transform:translateX(-50%)}@keyframes tooltip-appear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-group small{color:var(--text-secondary);display:block;font-size:.875rem;margin-top:.25rem}.form-input{padding:.75rem 1rem;transition:all .2s}.form-input:focus{box-shadow:0 0 0 3px #d4af371a}.form-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.form-row.duration-fields{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media (min-width:481px){.form-row.duration-fields{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.form-row.duration-fields{gap:.5rem;grid-template-columns:repeat(3,1fr)}.form-row.duration-fields .form-group label{font-size:.875rem}.form-row.duration-fields .form-input{font-size:.9rem;padding:.5rem}}.form-row.tariffs-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.form-row.tariffs-grid{grid-template-columns:repeat(2,1fr)}}.checkbox-label{background:var(--bg-tertiary);border-radius:8px;gap:.75rem;padding:.75rem;transition:all .2s}.checkbox-label:hover{background:var(--bg-hover)}.ethers-input{font-size:1.1rem;font-weight:600;transition:all .3s ease}.ethers-input.bonus{border-color:#f4cd6666;color:#f4cd66}.ethers-input.bonus:focus{border-color:#f4cd66;box-shadow:0 0 0 3px #f4cd6626}.ethers-input.regular{border-color:#10b98166;color:#10b981}.ethers-input.regular:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.ethers-hint{align-items:center;border-radius:6px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.ethers-hint.bonus{background:#f4cd661a;color:#f4cd66}.ethers-hint.regular{background:#10b9811a;color:#10b981}.empty-state{color:var(--text-secondary)}.empty-state svg{margin-bottom:1rem}.empty-state h3{color:var(--text-primary);font-size:1.5rem;margin:1rem 0 .5rem}@media (max-width:768px){.promocodes-grid{grid-template-columns:1fr}.promocode-code span{font-size:1.25rem}.form-row:not(.duration-fields):not(.tariffs-grid){grid-template-columns:1fr}.tooltip-popup{font-size:.7rem;max-width:min(240px,calc(100vw - 40px));min-width:150px;padding:.4rem .6rem}}.form-section{margin-bottom:24px}.form-section-title{border-bottom:1px solid var(--border-color);color:var(--accent-gold);font-size:1.1rem;font-weight:600;margin-bottom:16px;padding-bottom:8px}.form-row{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.duration-fields{grid-template-columns:repeat(3,1fr)}.tariffs-grid{grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.form-row:not(.duration-fields),.tariffs-grid{grid-template-columns:1fr}}.form-group{width:100%}.form-label{color:var(--text-secondary);font-size:.9rem;font-weight:500;gap:8px;margin-bottom:8px}.form-input{background:var(--bg-tertiary);font-size:.95rem;padding:12px;transition:border-color .2s ease}.form-input:disabled{opacity:.5}.user-count-indicator{align-items:center;border-radius:50%;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;line-height:1;margin-left:8px;min-width:24px;padding:0 6px;transition:all .3s ease}.indicator-gray{background:#e5e7eb80;border:1px solid #d1d5db80;color:#9ca3af}.indicator-red{background:#ef4444;box-shadow:0 2px 8px #ef44444d}.indicator-orange{background:#f97316;box-shadow:0 2px 8px #f973164d}.indicator-yellow{background:#eab308;box-shadow:0 2px 8px #eab3084d;color:#422006}.indicator-green{background:#22c55e;box-shadow:0 2px 8px #22c55e4d}.indicator-lightblue{background:#0ea5e9;box-shadow:0 2px 8px #0ea5e94d}.indicator-blue{background:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.indicator-purple{background:#a855f7;box-shadow:0 2px 8px #a855f74d}.clickable-row{border-radius:4px;cursor:pointer;margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px;transition:all .2s ease}.clickable-row:hover{background:#ffffff0d}.clickable-row:hover .info-label,.clickable-row:hover .info-value{color:var(--accent-gold)}.discounts-badges-container{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.discount-badge{align-items:center;border-radius:999px;box-shadow:inset 0 1px 2px #0000001a;color:#fff;cursor:default;display:inline-flex;font-family:Inter,Roboto,SF Pro Display,-apple-system,sans-serif;font-size:12px;font-weight:600;height:20px;justify-content:center;padding:2px 10px;-webkit-user-select:none;user-select:none;white-space:nowrap}.pricing-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.btn-primary,.btn-success{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}@media (hover:hover){.btn-success:hover{box-shadow:0 4px 12px #22c55e66;transform:translateY(-2px)}}.btn-success:active{transform:scale(.98)}.btn-success:disabled{cursor:not-allowed;opacity:.6;transform:none}.pricing-category{margin-bottom:2rem}.category-title{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.category-title:before{background:var(--accent-gold);border-radius:2px;content:"";height:24px;width:4px}.pricing-table{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.pricing-table table{border-collapse:collapse;width:100%}.pricing-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.pricing-table th{color:var(--accent-gold-light);font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.pricing-table tbody tr:last-child td{border-bottom:1px solid var(--border-color)}.pricing-table tbody tr:hover{background:var(--bg-hover)}.pricing-table code{background:var(--bg-tertiary);border-radius:4px;color:var(--accent-gold);font-family:Ubuntu,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.85rem;padding:.25rem .5rem}.cost-value{color:var(--accent-gold);font-size:1.1rem;font-weight:600}.status-badge{display:inline-block}.status-badge.enabled{background:#22c55e26;color:#22c55e}.status-badge.disabled{background:var(--bg-tertiary);color:var(--text-muted)}.edit-input,.edit-input-number,.edit-input-small,.edit-select{background:var(--bg-tertiary);border:1px solid var(--accent-gold);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:.9rem;padding:.5rem .75rem;width:100%}.edit-input-small{max-width:200px}.edit-input-number{max-width:120px}.edit-input-number:focus,.edit-input-small:focus,.edit-input:focus,.edit-select:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #0000001a;outline:none}@media (hover:hover){.btn-save:hover{box-shadow:0 4px 12px #22c55e66;color:#fff;transform:translateY(-2px)}}@media (max-width:768px){.pricing-actions{flex-direction:column}.btn-primary,.btn-success{justify-content:center;width:100%}.pricing-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.pricing-table table{min-width:800px}.category-title{font-size:1.25rem}}.pricing-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:1rem;vertical-align:middle}.pricing-table td:nth-child(3),.pricing-table td:nth-child(4){text-align:center}.actions-cell{gap:0!important;height:100%!important;padding:.75rem!important;vertical-align:middle!important}.action-btn,.actions-cell{align-items:center!important;display:flex!important;justify-content:center!important}.action-btn{background:var(--bg-tertiary)!important;border:none!important;border-radius:6px!important;box-sizing:border-box!important;color:var(--text-secondary)!important;cursor:pointer!important;flex:0 0 32px!important;height:32px!important;margin-right:8px!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;padding:0!important;transition:all .2s ease;width:32px!important}.action-btn:last-child{margin-right:0!important}.action-btn:hover{background:var(--accent-gold)!important;color:var(--bg-primary)!important;transform:translateY(-2px)}.btn-delete:hover{background:#ef4444!important;color:#fff!important}.btn-save:hover{background:#22c55e!important;color:#fff!important}.btn-cancel:hover{background:var(--bg-tertiary)!important;color:#ef4444!important}.admin-ai{min-height:100vh;padding-bottom:2rem}.empty-tab-content{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.empty-tab-content h2{color:var(--text-primary);font-size:1.5rem;margin:0}.empty-tab-content p{font-size:1rem;margin:0}.ai-settings-section{display:flex;flex-direction:column;gap:2rem}.settings-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.settings-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.ai-columns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.ai-column{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.column-header{align-items:center;border-bottom:2px solid var(--accent-gold);display:flex;gap:.75rem;margin-bottom:.5rem;padding-bottom:1rem}.column-header h3{color:var(--accent-gold);font-size:1.25rem;font-weight:600;margin:0}.setting-group{display:flex;flex-direction:column;gap:.5rem}.setting-group label{color:var(--text-primary);font-size:.9rem;font-weight:600}.setting-input,.setting-select,.setting-textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:.75rem;transition:all .2s ease;width:100%}.setting-input:focus,.setting-select:focus,.setting-textarea:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #0000001a;outline:none}.setting-textarea{font-family:Ubuntu,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.85rem;line-height:1.6;min-height:200px;resize:vertical}.settings-footer{border-top:1px solid var(--border-color);padding-top:1rem}.btn-large{padding:1rem 2rem}.kb-section{display:flex;flex-direction:column;gap:2rem}.kb-nested-tabs{width:100%}.kb-tabs-list{background:#0000;border:none;border-radius:0;display:inline-flex;gap:1rem;margin-bottom:2rem;padding:0}.kb-tab-trigger{align-items:center;background:#2a2542;border:none;border-radius:12px;color:#b8b3d1;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.kb-tab-trigger:hover{background:#342c52;box-shadow:0 4px 12px #00000026;color:#e5e1f5;transform:translateY(-2px)}.kb-tab-trigger[data-state=active]{background:linear-gradient(135deg,#f3ca5e,#e5b84a);box-shadow:0 4px 16px #00000059;color:#1a1625}.kb-tab-content{animation:fadeIn .3s ease}.kb-inner-section{display:flex;flex-direction:column;gap:2rem}.kb-actions{margin-bottom:1rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.form-row.full-width{border-top:1px solid var(--border-color);grid-column:1/-1;margin-top:.5rem;padding-top:.5rem}.form-row.full-width textarea{background:var(--bg-primary);border:2px solid var(--border-color);min-height:200px}@media (max-width:1024px){.ai-columns{grid-template-columns:1fr}.kb-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.admin-ai{padding-bottom:1rem}.settings-header{align-items:stretch;flex-direction:column}.ai-column{padding:1.5rem}.kb-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.kb-grid{grid-template-columns:1fr}.kb-form{padding:1.5rem}.form-actions{flex-direction:column}.btn-cancel,.btn-save{text-align:center;width:100%}.settings-footer{padding-top:.5rem}.btn-large{padding:1rem;width:100%}.kb-tabs-list{justify-content:stretch;width:100%}.kb-tab-trigger{flex:1 1;font-size:.9rem;justify-content:center;padding:.75rem 1rem}.kb-tab-trigger span{display:none}}@media (min-width:769px) and (max-width:1024px){.ai-column{padding:1.75rem}.history-tabs-list{gap:.5rem;width:100%}.history-tab-trigger{flex:1 1;font-size:.85rem;gap:.35rem;padding:.65rem .75rem}.history-tab-trigger svg{height:16px;width:16px}.history-tab-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.mentor-admin-section{display:flex;flex-direction:column;gap:1.5rem}.mentor-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{flex-direction:column;padding:1.25rem;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:var(--accent-gold);box-shadow:0 4px 12px #00000080;transform:translateY(-2px)}.stat-card svg{color:var(--accent-gold);flex-shrink:0}.stat-card h3{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0}.stat-card p{color:var(--text-secondary);font-size:.9rem;margin:0}.stat-card.centered>div{align-items:center;display:flex;flex-direction:column;width:100%}.stat-card .current-count{color:#4ade80;font-weight:700}.stat-card .total-count{color:var(--text-primary);font-weight:400}.stat-card .total-count.bold{font-weight:700}.mentor-filters{flex-wrap:wrap;gap:1rem}.filter-group,.mentor-filters{align-items:center;display:flex}.filter-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex:1 1;gap:.5rem;min-width:250px;padding:.75rem 1rem;transition:all .3s ease}.filter-group:focus-within{border-color:var(--accent-gold);box-shadow:0 0 0 3px #0000001a}.filter-group svg{color:var(--text-secondary);flex-shrink:0}.filter-group input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:.95rem;outline:none}.filter-group input::placeholder{color:var(--text-muted)}.mentor-filters select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease}.mentor-filters select:focus,.mentor-filters select:hover{border-color:var(--accent-gold)}.mentor-filters select:focus{box-shadow:0 0 0 3px #0000001a;outline:none}.mentor-chats-list{display:flex;flex-direction:column;gap:1rem}.chat-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;transition:all .3s ease}.chat-item:hover{border-color:#0000;box-shadow:0 4px 12px #0000001a}.chat-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.chat-info{flex:1 1}.chat-info h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.chat-meta{color:var(--text-secondary);font-size:.85rem;margin:.25rem 0}.favorite-badge{color:var(--accent-gold);font-weight:600}.chat-actions{display:flex;gap:.5rem}.btn-icon{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.btn-icon:hover{background:var(--bg-hover);border-color:var(--accent-gold);color:var(--accent-gold)}.btn-icon.danger:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.btn-icon.visible,.btn-icon.visible:hover{border-color:#10b981;color:#10b981}.btn-icon.visible:hover{background:#10b9811a}.btn-icon.hidden{border-color:#ef4444;color:#ef4444;opacity:.6}.btn-icon.hidden:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444;opacity:1}.chat-dialog-modal{background:var(--bg-primary);border-radius:16px;display:flex;flex-direction:column;max-height:85vh;max-width:800px;overflow:hidden;width:90%}.modal-header h2{font-size:1.25rem}.modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;padding:.5rem;transition:all .3s ease}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-dialog-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.message-block{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1rem}.message-block.user{border-left:3px solid #3b82f6}.message-block.assistant{border-left:3px solid var(--accent-gold)}.message-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.message-header strong{color:var(--text-primary);font-size:.95rem}.message-time{color:var(--text-muted);font-size:.8rem}.message-content{word-wrap:break-word;color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.message-edited{color:var(--text-muted);font-size:.8rem;font-style:italic;margin-top:.5rem}.message-actions{border-top:1px solid var(--border-color);display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.message-edit{display:flex;flex-direction:column;gap:.75rem}.message-edit textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:.75rem;resize:vertical;width:100%}.message-edit textarea:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #0000001a;outline:none}.edit-actions{display:flex;gap:.5rem}@media (max-width:768px){.mentor-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{align-items:flex-start;flex-direction:column;padding:1rem}.stat-card h3{font-size:1.5rem}.mentor-filters{flex-direction:column}.filter-group{min-width:100%}.chat-dialog-modal{max-height:90vh;width:95%}.chat-dialog-content,.modal-header{padding:1rem}.message-actions{flex-wrap:wrap}}.collapsible-section{background:#2a25424d;border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease}.collapsible-section:hover{border-color:var(--accent-gold);box-shadow:0 2px 8px #0000001a}.section-header-collapsible{align-items:center;background:linear-gradient(135deg,#00000014,#00000008);cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.section-header-collapsible:hover{background:linear-gradient(135deg,#0000001f,#0000000d)}.section-header-collapsible:active{transform:scale(.99)}.section-header-left{align-items:center;color:var(--accent-gold);display:flex;gap:.75rem}.section-header-left h3{color:var(--accent-gold);font-size:1.1rem;font-weight:600;margin:0}.section-header-left svg{flex-shrink:0}.section-header-collapsible>svg{color:var(--accent-gold);flex-shrink:0;transition:transform .3s ease}.section-content{animation:slideDown .3s ease;padding:1.5rem}.pdf-template-section,.section-content{display:flex;flex-direction:column;gap:1rem}.pdf-template-section{border-top:2px solid var(--border-color);margin-top:2rem;padding-top:2rem}.pdf-section-title{align-items:center;color:var(--accent-gold);display:flex;font-size:1.15rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.setting-group-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.setting-color-picker{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;height:45px;padding:.25rem;transition:all .2s ease;width:100%}.setting-color-picker:focus,.setting-color-picker:hover{border-color:var(--accent-gold)}.setting-color-picker:focus{box-shadow:0 0 0 3px #0000001a;outline:none}.logo-preview{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;gap:1rem;margin-top:.75rem;padding:1rem}.logo-preview img{border:1px solid var(--border-color);border-radius:8px}.btn-sm{padding:.5rem 1rem}.btn-preview{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.pdf-preview-modal{background:var(--bg-primary);border-radius:16px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.pdf-preview-content{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.preview-info{background:#0000000d;border:1px solid #0003;border-radius:8px;color:var(--text-secondary);line-height:1.6;margin:0;padding:1rem}.preview-details{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.preview-details h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem}.preview-details ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.preview-details li{color:var(--text-secondary);font-size:.95rem;padding-left:1.5rem;position:relative}.preview-details li:before{color:var(--accent-gold);content:"→";font-weight:700;left:0;position:absolute}.settings-footer{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (max-width:768px){.setting-group-row{grid-template-columns:1fr}.pdf-preview-modal{max-height:90vh;width:95%}.pdf-preview-content{padding:1rem}.settings-footer{flex-direction:column}.settings-footer button{width:100%}}.sonnik-categories-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.sonnik-categories-section .section-header{align-items:center;border-bottom:2px solid var(--accent-gold);display:flex;justify-content:space-between;padding-bottom:1rem}.sonnik-categories-section .section-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.3rem;font-weight:600;gap:.75rem;margin:0}.categories-list{grid-gap:1.5rem;contain:layout style;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.category-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transform:translateZ(0);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);will-change:transform}.category-card:hover{border-color:var(--accent-gold);box-shadow:0 8px 24px #0000004d;transform:translateY(-4px) translateZ(0)}.category-header{align-items:center;display:flex;gap:1rem}.category-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;height:48px;transform:translateZ(0);width:48px}.category-icon img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.category-header h4{color:var(--text-primary);flex:1 1;font-size:clamp(1rem,2.5vw + .5rem,1.1rem);font-weight:600;margin:0}.category-actions{display:flex;gap:.5rem;justify-content:flex-end}.access-denied-message{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 2rem;text-align:center}.access-denied-message p{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.access-denied-subtitle{color:var(--text-muted)!important;font-size:.95rem!important;font-weight:400!important}.access-denied-container{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-muted);display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px;padding:4rem 2rem;text-align:center}.access-denied-container h2{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0}.access-denied-container p{color:var(--text-muted);font-size:1.1rem;font-weight:400;margin:0;max-width:500px}.access-denied-container svg{color:#ef4444;opacity:.8}@media (max-width:1200px){.categories-list{gap:1rem}.category-card{padding:1.25rem}}@media (max-width:768px){.categories-list{gap:.75rem;grid-template-columns:1fr}.category-card{padding:1rem;transition:border-color .2s ease}.category-card:hover{box-shadow:none;transform:none}.sonnik-categories-section{padding:1rem}.access-denied-message{padding:2rem 1rem}}.sonnik-admin-section{display:flex;flex-direction:column;gap:2rem}.sonnik-admin-section .section-header{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem}.sonnik-admin-section .section-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.3rem;font-weight:600;gap:.75rem;margin:0}.category-group{display:flex;flex-direction:column;gap:1rem}.category-title{border-bottom:2px solid var(--border-color);color:var(--accent-gold-light);font-size:1.25rem;margin:0;padding:1rem 0 .5rem}.types-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.type-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .2s}.type-card:hover{border-color:var(--accent-gold);box-shadow:0 4px 12px #00000026}.type-header{gap:.75rem;margin-bottom:1rem}.type-header,.type-icon{align-items:center;display:flex}.type-icon{filter:drop-shadow(0 0 6px rgba(0,0,0,.3));flex-shrink:0;font-size:2rem;height:2.5rem;justify-content:center;width:2.5rem}.type-header h4{color:var(--text-primary);flex:1 1;font-size:1.1rem;margin:0}.status-badge{font-size:.8rem;font-weight:500}.status-badge.active{background:#4ade8026;border:1px solid #4ade804d;color:#4ade80}.status-badge.inactive{background:#ef444426;border:1px solid #ef44444d}.status-badge.visible{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.status-badge.hidden{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.type-prompt{background:var(--bg-tertiary);border-left:3px solid var(--accent-gold);border-radius:6px;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem;padding:.75rem}.type-actions{display:flex;gap:.5rem;justify-content:flex-end}@media (max-width:768px){.form-grid,.types-list{grid-template-columns:1fr}}.modal-content{max-width:900px}.modal-header{padding:1.5rem 2rem}.modal-header h3{font-size:1.5rem;margin:0}.btn-close{background:#0000;border-radius:8px;font-size:2rem;height:32px;line-height:1;padding:0;width:32px}.modal-body{padding:2rem}.modal-body .form-row{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:1.5rem;width:100%}.modal-body .form-row:last-child{margin-bottom:0}.modal-body .form-row label{color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.modal-body .form-row input,.modal-body .form-row textarea{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.modal-body .form-row textarea{font-family:Ubuntu,-apple-system,BlinkMacSystemFont,sans-serif;resize:vertical}.modal-body .form-row input:focus,.modal-body .form-row textarea:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #0000001a;outline:none}.modal-body .form-row.full-width-prompt{margin-left:0;margin-right:0;max-width:100%;width:100%}.modal-body .form-row.full-width-prompt textarea.system-prompt-textarea{box-sizing:border-box;font-family:Ubuntu,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;max-width:100%;min-height:400px;padding:.75rem;width:100%}.modal-footer{padding:1.5rem 2rem}@media (max-width:768px){.modal-overlay{padding:1rem}.modal-content{max-width:100%}.modal-body,.modal-footer,.modal-header{padding:1rem}}.sub-navigation-tabs .nav-tabs-example{background:#140f2d4d;border:1px dashed #ffffff1a;margin-bottom:1.5rem;padding:12px}.sub-navigation-tabs .nav-tab-item{font-size:.9rem;min-height:40px}.popularity-rating{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.popularity-rating h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;gap:.5rem}.popularity-header,.popularity-rating h3{align-items:center;display:flex;margin-bottom:1.5rem}.popularity-header{flex-wrap:wrap;gap:1rem;justify-content:space-between}.sort-toggle{border-radius:0;padding:0}.sort-btn,.sort-toggle{background:#0000;display:flex;gap:.5rem}.sort-btn{align-items:center;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;min-height:36px;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.sort-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-gold);box-shadow:0 4px 12px #0003;color:gold;transform:translateY(-2px)}.sort-btn:hover .sort-icon{color:gold}.sort-btn.active{background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-gold-dark) 100%);border-color:var(--accent-gold);box-shadow:0 4px 12px #0000004d;color:var(--bg-primary)}.sort-icon{display:inline-block;font-size:1.1rem}.sort-text{display:inline}.icon-current{color:#4ade80}.icon-total{color:#fff}.sort-btn.active .icon-current,.sort-btn.active .icon-total{color:var(--bg-primary)}@media (max-width:380px){.sort-text{display:none}.sort-btn{justify-content:center;min-width:40px;padding:.5rem}.popularity-header{align-items:flex-start;flex-direction:column}}.rating-list{display:flex;flex-direction:column;gap:1rem}.rating-item{grid-gap:1rem;align-items:center;background:var(--bg-tertiary);border-radius:8px;display:grid;gap:1rem;grid-template-columns:40px 40px 1fr auto;padding:.75rem;transition:all .3s ease}.rating-item:hover{box-shadow:0 4px 12px #00000080;transform:translateX(4px)}.rating-rank{color:#f6d476;font-size:1.25rem;font-weight:700;text-align:center}.rating-icon{align-items:center;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.rating-icon img{height:100%;object-fit:contain;width:100%}.rating-info{display:flex;flex-direction:column;gap:.5rem;min-width:0}.rating-name{color:var(--text-primary);font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rating-bar-container{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.rating-bar{background:linear-gradient(90deg,#f6d476,#f3ca5e);border-radius:4px;box-shadow:0 0 8px #f6d47666;height:100%;transition:width .5s ease}.rating-count{color:var(--text-secondary);font-size:.9rem;font-weight:600;min-width:100px;text-align:right;white-space:nowrap}.mentor-filters,.sonnik-filters{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;margin-bottom:1.5rem}.mentor-filters select,.sonnik-filters select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--bg-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23e2e8f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.9rem;height:42px;overflow:hidden;padding:0 2.5rem 0 1rem;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.mentor-filters select:hover,.sonnik-filters select:hover{border-color:var(--accent-primary)}.mentor-filters select:focus,.sonnik-filters select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf61a;outline:none}@media (max-width:1024px){.mentor-filters,.sonnik-filters{gap:.75rem;grid-template-columns:1fr 1fr}.rating-item{gap:.75rem;grid-template-columns:30px 35px 1fr auto;padding:.65rem}.rating-rank{font-size:1.1rem}.rating-icon{font-size:1.35rem;height:35px;width:35px}.rating-name{font-size:.9rem}.rating-bar-container{height:6px}.rating-count{font-size:.85rem;min-width:90px}.popularity-rating{padding:1.25rem}.popularity-rating h3{font-size:1rem;margin-bottom:1.25rem}}@media (max-width:768px){.mentor-filters,.sonnik-filters{gap:.5rem;grid-template-columns:1fr}.mentor-filters .filter-group,.mentor-filters select,.sonnik-filters .filter-group,.sonnik-filters select{width:100%}.mentor-filters button,.sonnik-filters button{justify-content:center;width:100%}.rating-item{gap:.5rem;grid-template-columns:25px 30px 1fr auto;padding:.5rem}.rating-rank{font-size:1rem}.rating-icon{font-size:1.25rem;height:30px;width:30px}.rating-name{font-size:.85rem}.rating-bar-container{height:5px}.rating-count{font-size:.8rem;min-width:80px}.popularity-rating{padding:1rem}.popularity-rating h3{font-size:.95rem;margin-bottom:1rem}.rating-list{gap:.75rem}}@media (max-width:480px){.rating-item{gap:.4rem;grid-template-columns:20px 28px 1fr auto}.rating-count{font-size:.75rem;grid-column:3/4;grid-row:2/3;margin-top:.25rem;text-align:left}.rating-count-container{justify-self:end;margin-left:auto}.rating-info{grid-column:3/4;grid-row:1/2}.rating-rank{font-size:.9rem}.rating-icon{font-size:1.1rem;height:28px;width:28px}.rating-name{font-size:.8rem}.rating-bar-container{height:4px}}.rating-bar-container.double-bar{background:#0000;display:flex;flex-direction:column;gap:4px;height:auto;position:relative}.rating-bar.current{background:#4ade80;z-index:2}.rating-bar.current,.rating-bar.total{border-radius:2px;height:3px;position:relative}.rating-bar.total{background:#fff;opacity:1;z-index:1}.rating-count-container{align-items:center;display:flex;font-family:monospace;font-size:.9rem;gap:.5rem}.rating-count-container .current-count{color:#4ade80;font-weight:700}.rating-count-container .separator{color:var(--text-muted)}.rating-count-container .total-count{color:#fff;font-weight:400}.sonnik-admin-section{width:100%}.sonnik-admin-section .chat-item .chat-meta{color:var(--text-secondary);font-size:.85rem;margin:.25rem 0}.sonnik-admin-section .chat-meta strong{color:var(--text-primary);font-weight:600}.rating-item:focus-within{outline:2px solid var(--accent-primary);outline-offset:2px}.mentor-filters select:disabled,.sonnik-filters select:disabled{cursor:not-allowed;opacity:.5}.sonnik-filters .filter-group{align-items:center;display:flex;flex-direction:row;gap:.75rem;justify-content:flex-start}.sonnik-filters .filter-group svg{flex-shrink:0}.sonnik-filters .filter-group input{text-align:left}.mentor-chats-list .chat-item,.sonnik-admin-section .chat-item{border-radius:20px;overflow:hidden}.rating-item{border-radius:20px}.mentor-filters .filter-group,.mentor-filters button,.mentor-filters select,.sonnik-filters .filter-group,.sonnik-filters button,.sonnik-filters select{box-sizing:border-box;height:48px}.mentor-filters .filter-group,.sonnik-filters .filter-group{padding:0 1rem}@media (max-width:1024px){.mentor-filters,.sonnik-filters{grid-gap:.75rem;align-items:stretch;display:grid!important;gap:.75rem;grid-template-columns:1fr 1fr!important}.mentor-filters .filter-group,.sonnik-filters .filter-group{grid-column:1/-1;width:100%}.mentor-filters button,.mentor-filters select,.sonnik-filters button,.sonnik-filters select{justify-content:center;width:100%}}.mentor-filters .filter-group{align-items:center;display:flex;flex-direction:row;gap:.75rem;justify-content:flex-start}.mentor-filters .filter-group svg{flex-shrink:0}.mentor-filters .filter-group input{text-align:left}@media (max-width:768px){.sonnik-admin-section .section-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.sonnik-admin-section .section-header h2{font-size:1.25rem;justify-content:center}.sonnik-admin-section .section-header button{justify-content:center;width:100%}.types-list{grid-template-columns:1fr}.type-card{padding:1rem}.type-header{flex-wrap:wrap}.type-actions{gap:.5rem;justify-content:space-between}.type-actions button{flex:1 1;justify-content:center;padding:.75rem}}@media (max-width:480px){.types-list{grid-template-columns:1fr}.type-header h4{font-size:1rem}.type-prompt{-webkit-line-clamp:3;font-size:.9rem}.sonnik-admin-section .section-header h2,.sonnik-categories-section .section-header h2{flex-wrap:wrap;font-size:clamp(1.1rem,5vw,1.3rem);line-height:1.3}.sonnik-admin-section .section-header h2 svg,.sonnik-categories-section .section-header h2 svg{height:20px;width:20px}}.kb-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background:var(--accent-gold)}.btn-primary:hover{filter:brightness(1.15)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-gold)}.kb-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:2rem}.form-row{margin-bottom:1.5rem}.form-row label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.form-row input,.form-row select,.form-row textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;width:100%}.form-row textarea{min-height:150px;resize:vertical}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #0000001a;outline:none}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-save{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}@media (hover:hover){.btn-save:hover{box-shadow:0 4px 12px #22c55e66;transform:translateY(-2px)}}.btn-save:active{transform:scale(.98)}.btn-cancel{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}@media (hover:hover){.btn-cancel:hover{background:var(--bg-tertiary);box-shadow:0 4px 12px #0003;color:gold;transform:translateY(-2px)}}.btn-cancel:active{transform:scale(.98)}.kb-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.kb-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s}.kb-card:hover{border-color:var(--accent-gold);box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.kb-card-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.kb-card-header h3{color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.category-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.category-badge.admin{background:#ef444426;color:#ef4444}.category-badge.news{background:#22c55e26;color:#22c55e}.category-badge.education{background:#3b82f626;color:#3b82f6}.category-badge.chakras{background:#a855f726;color:#a855f7}.category-badge.other{background:var(--bg-tertiary);color:var(--text-secondary)}.kb-card-content{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.kb-keywords{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.keyword-tag{background:#0000001a;border:1px solid var(--accent-gold);border-radius:6px;color:var(--accent-gold);font-size:.7rem;padding:.25rem .5rem}.kb-card-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:1rem}.kb-card-footer small{color:var(--text-muted);font-size:.8rem}.btn-delete-kb{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;padding:.5rem;transition:all .2s}.btn-delete-kb:hover{background:#ef4444;border-color:#ef4444;color:#fff}.kb-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--accent-gold);border-radius:8px;padding:1.5rem}.kb-info h3{color:var(--accent-gold-light);font-size:1.1rem;margin-bottom:1rem}.kb-info ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:0}.kb-info li{align-items:flex-start;color:var(--text-secondary);display:flex;gap:.5rem;line-height:1.6}.kb-info li:before{color:var(--accent-gold);content:"→";flex-shrink:0;font-weight:700}.kb-info strong{color:var(--accent-gold-light)}@media (max-width:1024px){.kb-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.kb-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.kb-grid{grid-template-columns:1fr}.kb-form{padding:1.5rem}}.admin-notifications{min-height:100vh;padding:16px}@media (min-width:769px){.admin-notifications{padding:32px}}.analytics-section,.notification-send-section,.settings-section,.stats-section{display:flex;flex-direction:column;gap:24px}.notification-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:border-color .2s ease;will-change:border-color}.notification-card:hover{border-color:var(--border-hover)}.card-header{justify-content:space-between;margin-bottom:24px}.card-header,.card-header h2{align-items:center;display:flex}.card-header h2{color:var(--text-primary);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;gap:8px}.info-icon-btn{background:none;min-height:44px;min-width:44px;transition:background-color .2s ease,color .2s ease}.form-group{margin-bottom:24px}.form-group label{align-items:center;display:flex;font-size:clamp(.875rem,1.5vw,.95rem);font-weight:500;gap:8px;margin-bottom:8px}.form-input,.form-select,.form-textarea{padding:12px 16px;transition:border-color .2s ease,background-color .2s ease;will-change:border-color,background-color}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--bg-primary)}.form-textarea{font-family:inherit;min-height:120px;resize:vertical}.radio-group{display:flex;flex-wrap:wrap;gap:16px}.radio-label{align-items:center;cursor:pointer;display:flex;gap:12px;min-height:44px;padding:8px 0 8px 8px}.radio-label input[type=radio]{accent-color:var(--accent-gold);cursor:pointer;flex-shrink:0;height:20px;margin:0;width:20px}.radio-label span{color:var(--text-secondary);font-size:.95rem;-webkit-user-select:none;user-select:none}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:12px;min-height:44px;padding:8px 0 8px 8px}.checkbox-label input[type=checkbox]{accent-color:var(--accent-gold);cursor:pointer;flex-shrink:0;height:20px;margin:0;width:20px}.btn{gap:8px;justify-content:center;min-height:48px;transform:translateZ(0);transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap;will-change:transform}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn:active:not(:disabled){transform:scale(.98) translateZ(0)}.btn-secondary:hover:not(:disabled){border-color:#00000080;filter:brightness(1.2)}.btn-danger{background:#ef4444}.btn-danger:hover:not(:disabled){filter:brightness(1.15)}.btn-send{font-size:1rem;margin-top:16px;padding:16px 24px;width:100%}.btn-sm{font-size:.875rem;min-height:40px;padding:8px 16px}.user-search-container{position:relative}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper svg{color:var(--text-muted);left:16px;pointer-events:none;position:absolute}.search-input-wrapper input{padding-left:50px}.search-results{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0000004d;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:10}.search-results-header{align-items:center;background:var(--bg-tertiary);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.search-results-header span{color:var(--text-secondary);font-size:.9rem;font-weight:600}.search-result-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .15s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-tertiary)}.search-result-item.selected{background:#22c55e1a;border-left:3px solid #22c55e}.search-result-item.selected:hover{background:#22c55e26}.user-info-block{display:flex;flex-direction:column;gap:4px}.user-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.user-email{font-size:.85rem}.user-email,.user-id{color:var(--text-muted)}.user-id{font-family:Ubuntu,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem}.user-meta{align-items:center;display:flex;gap:8px}.user-subscription{background:var(--bg-tertiary);border-radius:6px;color:var(--accent-gold);font-size:.75rem;font-weight:600;padding:4px 12px}.selected-users{background:var(--bg-tertiary);border-radius:8px;margin-top:16px;padding:16px}.selected-users h4{color:var(--text-primary);font-size:.95rem;margin-bottom:12px}.user-chips{display:flex;flex-wrap:wrap;gap:8px}.user-chip{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);display:inline-flex;font-size:.85rem;gap:8px;padding:8px 12px}.user-chip button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:32px;padding:4px;transition:background-color .15s ease,color .15s ease;will-change:background-color,color}.user-chip button:hover{background:var(--bg-secondary);color:#ef4444}.categories-list{margin:24px 0}.categories-list h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:16px}.category-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:16px;margin-bottom:12px;min-height:56px;padding:16px;transition:background-color .2s ease,border-color .2s ease;will-change:background-color,border-color}.category-item:hover{background:var(--bg-hover);border-color:var(--accent-gold)}.category-item input[type=checkbox]{accent-color:var(--accent-gold);cursor:pointer;flex-shrink:0;height:20px;margin:0;width:20px}.category-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.category-label{color:var(--text-primary);flex:1 1;font-weight:500}.category-count{color:var(--text-muted);font-size:.9rem;font-weight:600}.delete-warning{background:#ef44441a;border:1px solid #ef4444;border-radius:8px;color:#ef4444;font-weight:500;margin:16px 0;padding:16px}.filters-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:24px}.filters-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:16px}.filters-row{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr 1fr}.filter-item{display:flex;flex-direction:column;gap:8px}.filter-item label{color:var(--text-primary);font-size:.9rem;font-weight:500;min-height:20px}.filter-item .form-input,.filter-item .form-select,.filters-row .btn{height:48px;min-height:48px}.filters-row .btn{margin-top:auto}.filter-item input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.filter-item input[type=date]::-moz-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.notification-card-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid;border-radius:12px;margin-bottom:16px;padding:24px;transition:border-color .2s ease;will-change:border-color}.notification-card-item:hover{border-color:var(--border-hover)}.notification-header-row{align-items:center;display:flex;gap:16px}.notification-icon{align-items:center;background:var(--bg-tertiary);border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.notification-info{flex:1 1;min-width:0}.notification-info h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.85rem;gap:16px}.notification-type-badge{border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px}.notification-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.progress-container{display:flex;flex-direction:column;gap:8px;min-width:200px}.progress-text{color:var(--text-secondary);font-size:.9rem;font-weight:600;white-space:nowrap}.progress-bar-container{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{animation:progress-fill .6s ease-out;border-radius:4px;box-shadow:0 0 8px #ffffff4d;height:100%;transition:width .6s ease-out;will-change:width}@keyframes progress-fill{0%{opacity:.7;width:0!important}to{opacity:1}}.notification-details{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.detail-section{margin-bottom:24px}.detail-section h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:12px}.notification-message{background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px;padding:16px;white-space:pre-wrap}.notification-metadata{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.875rem;gap:16px}.recipients-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.recipients-group h4{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:16px}.recipients-list{display:flex;flex-direction:column;gap:12px}.recipient-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;min-height:56px;padding:12px}.recipient-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.recipient-email{color:var(--text-muted);font-size:.8rem;margin-top:4px}.status-badge{border-radius:6px;padding:4px 12px;white-space:nowrap}.status-read{background:#10b9811a;color:#10b981}.status-unread{background:#ef44441a;color:#ef4444}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;padding:16px;will-change:opacity;z-index:1000}.modal-content{border-radius:12px;max-width:500px;transform:translateZ(0);will-change:transform}.modal-header{padding:24px}.modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600}.modal-header button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:8px;transition:background-color .2s ease,color .2s ease}.modal-header button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:24px}.modal-body>p{color:var(--text-secondary);margin-bottom:16px}.modal-footer{gap:16px;padding:24px}.stats-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.stat-card{gap:16px;padding:24px;transform:translateZ(0);transition:border-color .2s ease,transform .2s ease;will-change:border-color,transform}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px) translateZ(0)}.stat-icon{background:var(--bg-tertiary);border-radius:12px;height:64px;width:64px}.stat-info{flex:1 1;min-width:0}.stat-label{color:var(--text-muted);font-size:.9rem;margin-bottom:8px}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:700}.settings-card{padding:24px}.settings-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.info-message{background:#3b82f61a;border:1px solid #3b82f6;border-radius:8px;color:#3b82f6;font-size:.9rem;margin-top:16px;padding:16px}.empty-state,.loading-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:64px 32px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--accent-gold);height:48px;width:48px;will-change:transform}@media (min-width:768px) and (max-width:1024px){.admin-notifications{padding:24px}.notification-header-row{flex-wrap:wrap}.filters-row{grid-template-columns:1fr 1fr}.filters-row .btn{grid-column:1/-1}.recipients-section{grid-template-columns:1fr}.history-tabs-list{gap:.5rem;width:100%}.history-tab-trigger{flex:1 1;font-size:.85rem;gap:.35rem;padding:.65rem .75rem}.history-tab-trigger svg{height:16px;width:16px}.history-tab-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:767px){.admin-notifications{padding:12px}.filters-card,.notification-card,.settings-card{padding:16px}.card-header h2{font-size:1.25rem}.notification-header-row{align-items:flex-start;flex-direction:column;gap:12px}.notification-icon{height:40px;width:40px}.notification-actions{justify-content:flex-start;width:100%}.progress-container{min-width:0;min-width:auto;width:100%}.filters-row{gap:12px;grid-template-columns:1fr}.filters-row .btn{margin-top:8px}.recipients-section,.stats-cards{gap:16px;grid-template-columns:1fr}.stat-card{padding:16px}.stat-icon{height:48px;width:48px}.stat-value{font-size:1.5rem}.settings-actions{flex-direction:column;gap:12px}.settings-actions .btn{justify-content:center;width:100%}.radio-group{flex-direction:column;gap:8px}.modal-content{margin:12px}.modal-body,.modal-footer,.modal-header{padding:16px}.btn-send{padding:14px 20px}.btn,.category-item,.checkbox-label,.radio-label{min-height:48px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.filters-card,.notification-card,.settings-card{border-width:2px}}.pagination-controls{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1.5rem;justify-content:center;margin-top:2rem;padding:1.5rem}.page-info{color:var(--text-secondary);font-size:.95rem;font-weight:600}.admin-settings-page{margin:0 auto;max-width:1400px;padding:2rem}.admin-settings-content{margin-top:2rem}.admin-message{align-items:center;animation:slideDown .3s ease;border-radius:12px;display:flex;font-weight:500;gap:12px;margin-bottom:2rem;padding:16px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-message-success{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.admin-message-error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.admin-settings-section{background:linear-gradient(135deg,#140f2d80,#21174580);border:1px solid var(--border-color);border-radius:16px;margin-bottom:2rem;padding:2rem}.section-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin-bottom:.5rem}.section-description{color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem}.logo-preview-container{margin:1.5rem 0}.preview-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.logo-preview{align-items:center;background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:12px;display:flex;justify-content:center;min-height:200px;padding:2rem}.logo-preview-image{height:auto;max-width:100%;object-fit:contain}.form-file-upload{margin-bottom:1rem;position:relative}.form-file-input{height:0;opacity:0;position:absolute;width:0}.form-file-label{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:3rem 2rem;transition:all .3s ease}.form-file-label:hover{background:var(--bg-tertiary);border-color:var(--accent-gold);color:var(--text-primary)}.form-file-label svg{color:var(--accent-gold)}.form-file-hint{color:var(--text-muted);font-size:.85rem}.logo-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.btn-danger:disabled{cursor:not-allowed;opacity:.5}.size-settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.size-input-wrapper{align-items:center;display:flex;position:relative}.size-input{padding-right:3rem!important}.size-unit{color:var(--text-muted);font-weight:600;pointer-events:none;position:absolute;right:1rem}.form-toggle-wrapper{align-items:center;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;width:100%}.form-toggle-label-text{align-items:center;color:var(--text-primary);display:flex;flex:1 1;font-weight:500;gap:.5rem}.form-toggle{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;flex-shrink:0;height:32px;position:relative;transition:all .3s ease;width:60px}.form-toggle.active,.form-toggle:hover{border-color:var(--accent-gold)}.form-toggle.active{background:var(--accent-gold)}.form-toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:24px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:24px}.form-toggle.active .form-toggle-slider{transform:translateX(28px)}.settings-save-section{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.btn-large{font-size:1.05rem;font-weight:600;padding:14px 32px}.info-icon-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:inline-flex;justify-content:center;margin-left:8px;min-height:32px;min-width:32px;padding:8px;position:relative;transition:all .2s ease}.info-icon-btn:hover{background:var(--bg-tertiary);color:var(--accent-gold)}.info-icon-btn:active{transform:scale(.95)}.info-icon-btn:after{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;bottom:calc(100% + 12px);box-shadow:0 4px 12px #0000004d;color:var(--text-primary);content:attr(data-tooltip);font-size:.875rem;line-height:1.4;max-width:300px;padding:12px 16px;transform:translateX(-50%) scale(.9);transition:all .2s ease;white-space:normal;width:-webkit-max-content;width:max-content;z-index:1000}.info-icon-btn:after,.info-icon-btn:before{left:50%;opacity:0;pointer-events:none;position:absolute}.info-icon-btn:before{border:8px solid #0000;border-top:8px solid var(--bg-secondary);bottom:calc(100% + 4px);content:"";transform:translateX(-50%);transition:opacity .2s ease;z-index:1001}.info-icon-btn.tooltip-active:after,.info-icon-btn.tooltip-active:before,.info-icon-btn:hover:after,.info-icon-btn:hover:before{opacity:1;transform:translateX(-50%) scale(1)}@media (max-width:768px){.info-icon-btn:hover:after,.info-icon-btn:hover:before{opacity:0}}@media (max-width:1024px){.admin-settings-page,.admin-settings-section{padding:1.5rem}.size-settings-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-settings-page{padding:1rem}.admin-settings-section{padding:1.25rem}.section-title{font-size:1.25rem}.logo-actions{flex-direction:column}.logo-actions .btn{width:100%}.settings-save-section{justify-content:stretch}.settings-save-section .btn{width:100%}.form-toggle-wrapper{align-items:flex-start;flex-direction:column;gap:1rem}.form-toggle-label-text{width:100%}}.form-group{margin-bottom:1.5rem}.form-label{align-items:center;display:flex;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-input,.form-label{color:var(--text-primary)}.form-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #0000001a;outline:none}.form-input:disabled{cursor:not-allowed;opacity:.6}.btn{font-size:1rem;padding:12px 24px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-gold-dark) 100%);color:var(--bg-primary)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-gold)}.admin-castes-page{min-height:100vh;padding:2rem}.access-denied{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.access-denied svg{color:var(--accent-gold)}.access-denied h2{color:var(--text-primary);font-size:1.5rem}.admin-castes-page [role=tabpanel]{animation:fadeIn .3s ease}.section-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.section-header h2{color:var(--accent-gold-light);font-size:1.5rem;margin-bottom:.5rem}.section-header p{color:var(--text-secondary);font-size:.9rem}.castes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));width:100%}.caste-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.caste-header{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1rem}.caste-title h3{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.25rem}.caste-slug{color:var(--text-muted);font-family:monospace;font-size:.85rem}.btn-edit{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px!important;justify-content:center;max-width:40px!important;min-width:40px!important;padding:0!important;transition:all .2s;width:40px!important}.btn-edit:hover{background:var(--bg-hover);color:var(--accent-gold)}.caste-params-row{background:var(--bg-tertiary);border-radius:8px;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:1rem}.param-item{align-items:center;display:flex;gap:.5rem}.param-item .admin-caste-icon-display{background:none!important;border:none!important}.param-label{color:var(--text-secondary);font-size:.9rem;white-space:nowrap}.color-display{border:2px solid var(--border-color);border-radius:6px;box-shadow:0 2px 4px #0000001a;height:32px;width:32px}.admin-caste-icon-display{align-items:center;display:flex;justify-content:center;min-width:48px;padding:0!important}.admin-caste-icon-display,.admin-caste-icon-img{background:#0000!important;border:none!important;box-shadow:none!important;height:48px;outline:none!important}.admin-caste-icon-img{display:block;object-fit:contain;width:48px}.caste-description,.caste-recommendations{background:var(--bg-tertiary);border-radius:8px;margin-top:1rem;padding:1rem}.section-label{color:var(--accent-gold);display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.caste-description p,.caste-recommendations p{color:var(--text-secondary);line-height:1.6;margin:0}.text-muted{color:var(--text-muted);font-style:italic}.caste-edit-form,.question-form-card{display:flex;flex-direction:column;gap:1rem}.question-form-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.question-form-card h3{color:var(--accent-gold-light);margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #f4cd661a;outline:none}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.color-input{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:60px 1fr}.color-input-wrapper{align-items:center;display:flex;gap:.75rem}.color-preview{border:2px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #00000026;flex-shrink:0;height:48px;width:48px}.color-input-wrapper input[type=text]{flex:1 1;min-width:120px}.color-picker{border:1px solid var(--border-color);border-radius:6px;cursor:pointer;flex-shrink:0;height:48px;width:50px}.icon-input-wrapper{align-items:center;display:flex;gap:.75rem}.icon-input-wrapper input[type=text]{flex:1 1}.icon-preview{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.file-upload-wrapper{display:flex;flex-direction:column;gap:.75rem}.file-upload-wrapper input[type=file]{background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:8px;cursor:pointer;padding:.75rem;transition:all .2s}.file-upload-wrapper input[type=file]:hover{background:#f4cd660d;border-color:var(--accent-gold)}.uploaded-icon-preview{align-items:center;background:#0000!important;border:none!important;border-radius:0;display:flex;height:80px;justify-content:center;padding:0;position:relative;width:80px}.uploaded-icon-preview img{background:#0000!important;border:none!important;box-shadow:none!important;max-height:100%;max-width:100%;object-fit:contain}.btn-delete-caste-icon{align-items:center;background:#ef4444;border:2px solid var(--bg-secondary);border-radius:50%;box-shadow:0 2px 8px #ef444466;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:28px;z-index:10}.btn-delete-caste-icon:hover{box-shadow:0 4px 12px #ef444499;filter:brightness(1.15)}.btn-delete-caste-icon:active{transform:scale(.95)}.icon-not-selected{background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-muted);font-size:.9rem;font-style:italic;margin-top:.5rem;padding:1.5rem 1rem;text-align:center}.icon-not-selected p{margin:0}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.answers-form,.form-actions{margin-top:1rem}.answers-form h4{color:var(--text-primary);font-size:1rem;margin-bottom:.75rem}.answer-form-row{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:30px 1fr 70px 150px;margin-bottom:.75rem}.answer-form-row input[type=text]{background:linear-gradient(135deg,#2563eb1a,#3b82f61a);border:1px solid #3b82f64d;border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:.625rem 1rem;transition:all .3s ease}.answer-form-row input[type=text]:hover{background:linear-gradient(135deg,#2563eb26,#3b82f626);border-color:#3b82f680}.answer-form-row input[type=text]:focus{background:linear-gradient(135deg,#2563eb33,#3b82f633);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.answer-number{color:var(--text-muted);font-weight:600}.answer-form-row input[type=number]{background:linear-gradient(135deg,#2563eb1a,#3b82f61a);border:1px solid #3b82f64d;border-radius:8px;color:var(--text-primary);font-size:.95rem;font-weight:600;padding:.625rem .5rem;text-align:center;transition:all .3s ease}.answer-form-row input[type=number]:hover{background:linear-gradient(135deg,#2563eb26,#3b82f626);border-color:#3b82f680}.answer-form-row input[type=number]:focus{background:linear-gradient(135deg,#2563eb33,#3b82f633);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.answer-form-row select{background:linear-gradient(135deg,#2563eb1a,#3b82f61a);border:1px solid #3b82f64d;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.95rem;padding:.625rem .75rem;transition:all .3s ease}.answer-form-row select:hover{background:linear-gradient(135deg,#2563eb26,#3b82f626);border-color:#3b82f680}.answer-form-row select:focus{background:linear-gradient(135deg,#2563eb33,#3b82f633);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.answer-value{text-align:center}.questions-list{display:flex;flex-direction:column;gap:1rem}.question-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.question-header{justify-content:space-between;margin-bottom:1rem}.question-header,.question-header-left{align-items:flex-start;display:flex;gap:1rem}.question-header-left{flex:1 1;min-width:0}.question-number-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.question-number{background:var(--accent-gold);border-radius:4px;color:#1e1833;flex-shrink:0;font-size:.85rem;font-weight:600;padding:.25rem .5rem}.clone-status-badge{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:help;display:flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;transition:transform .2s ease;width:32px}.clone-status-badge:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.1)}.question-text-container{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.question-text-container h4{color:var(--text-primary);font-size:1.1rem;line-height:1.5;margin:0}.schedule-info{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.schedule-item{align-items:center;background:#f6d4761a;border:1px solid #f6d47633;border-radius:6px;color:var(--text-secondary);display:inline-flex;font-size:.85rem;gap:.35rem;padding:.3rem .65rem;transition:all .2s ease}.schedule-item:hover{background:#f6d47626;border-color:#f6d4764d}.schedule-item svg{color:var(--accent-gold);flex-shrink:0}.schedule-days{color:var(--accent-gold);font-weight:600}.schedule-date{color:var(--text-secondary);font-size:.85rem}.question-header h4{color:var(--text-primary);flex:1 1;font-size:1.1rem;line-height:1.5;margin:0;min-width:0}.question-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.btn-collapse{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:.5rem;transition:all .2s}.btn-collapse:hover{background:var(--bg-hover);border-color:var(--accent-gold);color:var(--accent-gold);transform:translateY(-1px)}.btn-edit-action{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:#f4cd66;cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:.5rem;transition:all .2s}.btn-edit-action:hover{background:var(--bg-hover);border-color:#f4cd66;color:#f4cd66;transform:translateY(-1px)}.btn-clone{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:#a855f7;cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:.5rem;transition:all .2s}.btn-clone:hover{background:var(--bg-hover);border-color:#a855f7;color:#a855f7;transform:translateY(-1px)}.btn-delete,.btn-toggle{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:.5rem;transition:all .2s}.btn-toggle:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.btn-delete:hover,.btn-toggle:hover{background:var(--bg-hover);transform:translateY(-1px)}.btn-delete:hover{border-color:#ef4444;color:#ef4444}.question-answers{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-left:2.5rem}.answer-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.75rem;line-height:1.5}.answer-badge{background:var(--bg-tertiary);border-radius:4px;color:var(--accent-gold);flex-shrink:0;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.question-meta{align-items:center;border-top:1px solid var(--border-color);color:var(--text-muted);display:flex;font-size:.85rem;gap:1rem;padding-top:1rem}.status-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.status-badge.active{background:#22c55e33;color:#22c55e}.status-badge.inactive{background:#ef444433;color:#ef4444}.info-banner{background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--accent-gold);border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.info-banner svg{color:var(--accent-gold);flex-shrink:0;margin-top:.25rem}.info-banner h3{color:var(--accent-gold-light);font-size:1.1rem;margin-bottom:.5rem}.info-banner p{color:var(--text-secondary);line-height:1.6;margin:0}.empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state svg{color:var(--accent-gold);opacity:.5}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;gap:1rem;padding:1.5rem}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{background:#f4cd661a;border-radius:50%;color:var(--accent-gold);flex-shrink:0;height:56px;justify-content:center;width:56px}.stat-content h3{color:var(--accent-gold);font-size:2rem;margin-bottom:.25rem}.stat-content p{color:var(--text-secondary);font-size:.9rem;margin:0}.distribution-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.distribution-section h3{color:var(--accent-gold-light);font-size:1.2rem;margin-bottom:1.5rem}.distribution-chart{display:flex;flex-direction:column;gap:1rem}.distribution-item{display:flex;flex-direction:column;gap:.5rem}.distribution-label{display:flex;font-size:.9rem;font-weight:600;justify-content:space-between}.distribution-bar{background:var(--bg-tertiary);border-radius:12px;height:24px;overflow:hidden;width:100%}.distribution-fill{border-radius:12px;height:100%;transition:width .5s ease}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#f4cd66,#e5b84a);color:#1e1833}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #f4cd6666;filter:brightness(1.15)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{color:var(--text-primary);filter:brightness(1.2)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1280px){.admin-castes-page{padding:1.5rem}.castes-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.admin-castes-page{padding:1.25rem}.castes-grid{gap:1.25rem;grid-template-columns:1fr}.caste-card{max-width:100%;padding:1.25rem}.stats-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.caste-params-row{gap:1.25rem}.section-header h2{font-size:1.35rem}.btn-edit{height:44px!important;max-width:44px!important;min-width:44px!important;width:44px!important}.btn{min-height:44px;padding:.85rem 1.5rem}.schedule-info{gap:.65rem}.schedule-item{font-size:.82rem;padding:.3rem .6rem}.schedule-item svg{height:13px;width:13px}.schedule-date,.schedule-days{font-size:.82rem}}@media (max-width:768px){.admin-castes-page{padding:1rem}.section-header{align-items:stretch;flex-direction:column;gap:1rem}.section-header h2{font-size:1.25rem}.section-header p{font-size:.85rem}.question-text-container h4{font-size:1rem}.schedule-info{align-items:flex-start;flex-direction:column;gap:.5rem}.schedule-item{font-size:.8rem;padding:.25rem .5rem}.schedule-item svg{height:12px;width:12px}.schedule-days{font-size:.8rem}.schedule-date{font-size:.75rem}.caste-card{padding:1rem}.caste-header{flex-wrap:wrap;gap:1rem}.caste-title h3{font-size:1.25rem}.caste-slug{font-size:.8rem}.caste-params-row{flex-direction:column;gap:1rem;padding:.875rem}.param-item{justify-content:space-between;width:100%}.param-label{font-size:.875rem}.admin-caste-icon-display{height:44px;min-width:44px}.admin-caste-icon-img{height:44px;width:44px}.color-display{height:36px;width:36px}.form-row{gap:.875rem;grid-template-columns:1fr}.color-input-wrapper{flex-wrap:wrap}.color-preview{height:44px;width:44px}.color-picker{height:44px;width:60px}.icon-preview{height:44px;width:44px}.uploaded-icon-preview{height:70px;width:70px}.btn-delete-caste-icon{height:26px;right:-6px;top:-6px;width:26px}.icon-not-selected{font-size:.875rem;padding:1.25rem .875rem}.answer-form-row{gap:.5rem;grid-template-columns:30px 1fr}.answer-form-row select,.answer-value{grid-column:2}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1.25rem}.stat-icon{height:48px;width:48px}.stat-content h3{font-size:1.75rem}.stat-content p{font-size:.85rem}.question-card{padding:1.25rem}.question-header{flex-wrap:wrap}.question-header h4{flex-basis:100%;font-size:1rem}.question-answers{margin-top:.75rem;padding-left:0}.answer-item{font-size:.875rem}.btn{font-size:.9rem;min-height:48px;padding:.875rem 1.25rem}.btn-edit{height:48px!important;max-width:48px!important;min-width:48px!important;width:48px!important}.btn-delete,.btn-toggle{min-height:44px;min-width:44px;padding:.65rem}.info-banner{flex-direction:column;gap:.75rem;padding:1.25rem}.info-banner h3{font-size:1rem}.info-banner p{font-size:.875rem}}@media (max-width:640px){.admin-castes-page{padding:.875rem}.section-header h2{font-size:1.15rem}.caste-card{padding:.875rem}.caste-title h3{font-size:1.15rem}.caste-params-row{padding:.75rem}.caste-description,.caste-recommendations{padding:.875rem}.section-label{font-size:.875rem}.distribution-section,.question-form-card{padding:1.25rem}.question-header{flex-wrap:wrap}.question-actions{flex-direction:row;flex-wrap:wrap;gap:.5rem;width:100%}.btn-clone,.btn-collapse,.btn-delete,.btn-edit-action,.btn-toggle{flex:1 1;min-height:44px;min-width:100px}}@media (max-width:480px){.admin-castes-page{padding:.75rem}.section-header h2{font-size:1.1rem}.section-header p{font-size:.8rem}.schedule-info{flex-direction:column;gap:.35rem;width:100%}.schedule-item{font-size:.75rem;padding:.25rem .5rem;width:100%}.schedule-item svg{height:12px;width:12px}.schedule-date,.schedule-days{font-size:.75rem}.btn-delete-caste-icon{height:24px;right:-5px;top:-5px;width:24px}.btn-delete-caste-icon svg{height:16px;width:16px}.icon-not-selected{font-size:.85rem;padding:1rem .75rem}.uploaded-icon-preview{height:60px;width:60px}.caste-card{padding:.75rem}.caste-header{flex-wrap:wrap;gap:1rem}.caste-title{flex:1 1;min-width:200px}.btn-edit{flex-shrink:0}.caste-title h3{font-size:1.05rem}.caste-slug{font-size:.75rem}.caste-params-row{gap:.75rem;padding:.65rem}.param-label{font-size:.8rem}.form-group{gap:.4rem}.form-group label{font-size:.85rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.65rem}.color-input-wrapper,.icon-input-wrapper{align-items:stretch;flex-direction:column}.color-preview,.icon-preview{height:50px;width:100%}.form-actions{flex-direction:column-reverse;gap:.75rem}.form-actions .btn{justify-content:center;min-height:52px;padding:1rem;width:100%}.btn{font-size:.875rem}.question-card{padding:1rem}.question-header{flex-wrap:wrap;gap:.75rem}.question-number{font-size:.75rem;padding:.2rem .4rem}.question-header h4{flex-basis:100%;font-size:.95rem;order:1}.question-number{order:2}.question-actions{flex-direction:column;gap:.5rem;order:3;width:100%}.btn-clone,.btn-collapse,.btn-delete,.btn-edit-action,.btn-toggle{justify-content:center;min-height:52px;width:100%}.answer-item{align-items:flex-start;flex-direction:column;font-size:.85rem;gap:.5rem}.stat-card{flex-direction:column;padding:1rem;text-align:center}.stat-content h3{font-size:1.5rem}.stat-content p{font-size:.8rem}.info-banner{padding:1rem}.info-banner h3{font-size:.95rem}.info-banner p{font-size:.8rem}.empty-state{padding:3rem 1rem}.empty-state h3{font-size:1rem}.empty-state p{font-size:.85rem}}@media (max-width:375px){.admin-castes-page{padding:.5rem}.castes-tabs{margin-top:1.5rem}.caste-title h3,.section-header h2{font-size:1rem}.btn-edit{height:44px!important;max-width:44px!important;min-width:44px!important;width:44px!important}.admin-caste-icon-display{height:40px;min-width:40px}.admin-caste-icon-img{height:40px;width:40px}.uploaded-icon-preview{height:56px;width:56px}.btn-delete-caste-icon{height:22px;right:-4px;top:-4px;width:22px}.btn-delete-caste-icon svg{height:14px;width:14px}.icon-not-selected{font-size:.8rem;padding:.875rem .625rem}}@media (hover:none) and (pointer:coarse){.btn,input[type=file],select{min-height:48px}.btn-edit{height:48px!important;max-width:48px!important;min-width:48px!important;width:48px!important}.btn-delete-caste-icon{height:32px;min-height:32px;min-width:32px;width:32px}.btn-clone,.btn-collapse,.btn-delete,.btn-edit-action,.btn-toggle{min-height:48px;min-width:48px}.btn-clone:hover,.btn-collapse:hover,.btn-delete:hover,.btn-edit-action:hover,.btn-edit:hover,.btn-toggle:hover,.btn:hover{transform:none}.btn-clone:active,.btn-collapse:active,.btn-delete:active,.btn-edit-action:active,.btn-edit:active,.btn-toggle:active,.btn:active{transform:scale(.95);transition:transform .1s}.modal-overlay{padding:1rem}.modal-content{max-width:100%}.modal-body,.modal-footer,.modal-header{padding:1rem}.modal-footer{flex-direction:column;gap:.75rem}.modal-footer .btn{min-height:52px;width:100%}}@media (max-width:896px) and (orientation:landscape){.admin-castes-page{padding:1rem 2rem}.castes-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}.caste-params-row{flex-direction:row;flex-wrap:wrap}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.modal-content{animation:slideUp .3s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.btn-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.btn-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.answers-editor{display:flex;flex-direction:column;gap:1rem}.answer-editor-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.answer-editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.answer-label{color:var(--accent-gold);font-size:.9rem;font-weight:600}.answer-value-input{background:linear-gradient(135deg,#2563eb1a,#3b82f61a);border:1px solid #3b82f64d;border-radius:8px;color:var(--text-primary);font-size:.9rem;font-weight:600;padding:.5rem;text-align:center;transition:all .3s ease;width:60px}.answer-value-input:hover{background:linear-gradient(135deg,#2563eb26,#3b82f626);border-color:#3b82f680}.answer-value-input:focus{background:linear-gradient(135deg,#2563eb33,#3b82f633);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input,.form-select,.form-textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;line-height:1.5;padding:.75rem;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--bg-secondary);border-color:var(--accent-gold);box-shadow:0 0 0 3px #f4cd661a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted);opacity:.6}.required{color:#ef4444;margin-left:.25rem}.clone-info{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.clone-info h3{color:var(--accent-gold);font-size:.9rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.clone-info p{color:var(--text-primary);line-height:1.6;margin-bottom:.75rem}.clone-meta{display:flex;flex-wrap:wrap;font-size:.9rem;gap:1rem}.clone-meta span{background:var(--bg-secondary);border-radius:6px;color:var(--text-secondary);padding:.25rem .75rem}.warning-text{background:#ef44441a!important;color:#ef4444!important;font-weight:600}.clone-explanation{align-items:flex-start;background:#f4cd661a;border-left:3px solid var(--accent-gold);border-radius:6px;display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem}.clone-explanation svg{color:var(--accent-gold);flex-shrink:0;margin-top:.25rem}.clone-explanation p{color:var(--text-secondary);line-height:1.6;margin:0}.clone-explanation strong{color:var(--accent-gold);font-weight:600}.form-hint{color:var(--text-muted);display:block;font-size:.85rem;font-style:italic;margin-top:.5rem}.daily-scheduled-container,.daily-sub-tabs{width:100%}.sub-tab-content{animation:fadeIn .3s ease;margin-top:0;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px) and (orientation:landscape){.admin-castes-page{padding:1rem}.page-header{margin-bottom:1rem}.page-title{font-size:1.25rem}.castes-tabs{margin-top:1rem}.castes-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.caste-card{padding:1rem}.section-header{margin-bottom:1rem}}@media (max-height:600px) and (orientation:landscape) and (min-width:769px){.admin-castes-page{padding:1rem 1.5rem}.page-header{margin-bottom:1rem}.castes-tabs{margin-top:1rem}.castes-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.caste-card{padding:1rem}}@media (max-width:1024px){.question-number-container{gap:.4rem}.clone-status-badge{font-size:.85rem;height:28px;width:28px}.modal-content{margin:2rem auto;max-width:90%}}@media (max-width:768px){.admin-castes-page{padding:1rem}.page-header{margin-bottom:1.5rem}.page-title{font-size:1.5rem}.page-subtitle{font-size:.9rem}.question-card{margin-bottom:1rem;padding:1rem}.question-card:last-child{margin-bottom:0}.question-header{align-items:flex-start;flex-direction:column;gap:1rem}.question-header-left{flex-direction:row;gap:.75rem;width:100%}.question-number-container{flex-direction:row;gap:.5rem}.question-number{font-size:.8rem;padding:.2rem .4rem}.clone-status-badge{font-size:.8rem;height:28px;width:28px}.question-header h4{font-size:1rem;line-height:1.4}.question-actions{flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.btn-clone,.btn-collapse,.btn-delete,.btn-edit-action,.btn-toggle{min-height:44px;min-width:44px;padding:.75rem}.btn-clone svg,.btn-collapse svg,.btn-delete svg,.btn-edit-action svg,.btn-toggle svg{height:18px;width:18px}.modal-content{margin:1rem auto;max-height:90vh;max-width:95%;width:95%}.modal-header{padding:1rem}.modal-header h2{font-size:1.1rem}.modal-body{padding:1rem}.modal-footer{flex-direction:column;gap:.75rem;padding:1rem}.modal-footer .btn{justify-content:center;min-height:48px;width:100%}.clone-info{padding:.75rem}.clone-info h3{font-size:.85rem}.clone-info p{font-size:.9rem}.clone-meta{flex-direction:column;gap:.5rem}.clone-meta span{font-size:.85rem;width:100%}.clone-explanation{gap:.5rem;padding:.75rem}.clone-explanation svg{height:18px;width:18px}.clone-explanation p{font-size:.85rem}.form-row{flex-direction:column;gap:1rem}.form-group{width:100%}.form-input,.form-select,.form-textarea{font-size:16px;min-height:48px}.form-hint{font-size:.8rem}.info-banner{flex-direction:column;gap:.75rem;padding:1rem}.info-banner svg{height:32px;width:32px}.info-banner h3{font-size:1rem}.info-banner p{font-size:.85rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.section-header h2{font-size:1.2rem}.section-header p{font-size:.85rem}.section-header .btn{justify-content:center;width:100%}}@media (max-width:480px){.admin-castes-page{padding:.75rem}.page-title{font-size:1.3rem}.page-title svg{height:24px;width:24px}.question-card{padding:.75rem}.question-header-left{flex-direction:column;gap:.5rem}.question-number-container{flex-direction:row;gap:.5rem;justify-content:flex-start;width:100%}.clone-status-badge{font-size:.75rem;height:26px;width:26px}.question-header h4{font-size:.95rem;width:100%}.question-actions{justify-content:space-between;width:100%}.btn-clone,.btn-collapse,.btn-delete,.btn-edit-action,.btn-toggle{min-height:42px;min-width:42px;padding:.65rem}.modal-content{margin:.5rem auto;max-width:98%;width:98%}.modal-header h2{font-size:1rem}.clone-info p{font-size:.85rem}.clone-explanation p{font-size:.8rem}}@media (hover:none) and (pointer:coarse){.btn-clone,.btn-collapse,.btn-delete,.btn-edit-action,.btn-toggle{min-height:48px;min-width:48px}.clone-status-badge{min-height:32px;min-width:32px}.form-input,.form-select,.form-textarea{font-size:16px;min-height:52px}.btn{min-height:48px}}.settings-section{width:100%}.settings-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.settings-card-header{margin-bottom:1.5rem}.settings-card-header h3{color:var(--accent-gold-light);font-size:1.2rem;margin-bottom:.5rem}.settings-card-header p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.icon-upload-section{align-items:center;display:flex;flex-wrap:wrap;gap:2rem}.icon-preview-container{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;display:flex;height:120px;justify-content:center;position:relative;width:120px}.main-icon-preview{max-height:100%;max-width:100%;object-fit:contain}.btn-delete-icon{align-items:center;background:#ef4444;border:2px solid var(--bg-secondary);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .2s;width:32px}.btn-delete-icon:hover{background:#dc2626;transform:scale(1.1)}.icon-placeholder{align-items:center;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-muted);display:flex;flex-direction:column;gap:.5rem;height:120px;justify-content:center;width:120px}.icon-placeholder svg{opacity:.5}.icon-placeholder p{font-size:.85rem;margin:0}.icon-upload-controls{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.upload-hint{color:var(--text-muted);font-size:.85rem;font-style:italic;margin:0}.color-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem}.square-colors-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.color-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;gap:.75rem;overflow:hidden;padding:.875rem}.color-item,.color-item-header{display:flex;flex-direction:column}.color-item-header{gap:.25rem;margin-bottom:0}.color-label{color:var(--text-primary);font-size:.95rem;font-weight:600}.color-level{background:var(--bg-secondary);border-radius:4px;padding:.25rem .5rem}.color-description,.color-level{color:var(--text-muted);font-size:.85rem}.color-picker-wrapper{align-items:center;box-sizing:border-box;display:flex;gap:.75rem;width:100%}.color-preview-circle{border:2px solid var(--border-color);border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;font-size:1.1rem;height:48px;width:48px}.color-preview-circle,.color-preview-square{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;font-weight:700;justify-content:center}.color-preview-square{border:2px solid var(--border-color);border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#1e1833;font-size:.95rem;height:40px;width:56px}.color-picker-input{cursor:pointer;flex-shrink:0;height:40px;width:50px}.color-hex-input,.color-picker-input{border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box}.color-hex-input{background:var(--bg-secondary);color:var(--text-primary);flex:1 1;font-family:monospace;font-size:.9rem;padding:.5rem .75rem;transition:all .2s}.color-hex-input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #f4cd661a;outline:none}.demo-controls{display:flex;justify-content:center;padding:1rem 0}.demo-question-modal{max-width:600px}.demo-header{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem 1.5rem 1.5rem;text-align:center}.demo-icon{height:64px;object-fit:contain;width:64px}.demo-emoji{font-size:64px;line-height:1}.demo-question-text{padding:1.5rem 0;text-align:center}.demo-question-text p{color:var(--text-primary);font-size:1.1rem;line-height:1.6;margin:0}.demo-answers{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.demo-answer-option{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;gap:.75rem;padding:1rem 1.5rem;position:relative;text-align:left;transition:all .3s ease}.demo-answer-option:hover{background:var(--bg-hover);border-color:var(--accent-gold);transform:translateY(-2px)}.demo-answer-option.selected{background:#f4cd6626;border-color:var(--accent-gold);color:var(--accent-gold)}.answer-check{color:var(--accent-gold);flex-shrink:0}.demo-header-confirm{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem 1.5rem 1.5rem;text-align:center}.warning-icon{color:#ef4444}.demo-confirmation-text{padding:1rem 0;text-align:center}.demo-confirmation-text p{color:var(--text-primary);font-size:1rem;line-height:1.6;margin-bottom:.75rem}.demo-confirmation-text strong{color:#ef4444;font-size:1.1rem}@media (max-width:1280px){.settings-section{padding:0 1rem}.color-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.square-colors-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:1024px){.settings-card{margin-bottom:1.5rem;padding:1.5rem 1.25rem}.settings-card-header h3{font-size:1.15rem}.settings-card-header p{font-size:.875rem}.icon-upload-section{gap:1.5rem}.icon-placeholder,.icon-preview-container{height:100px;width:100px}.color-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.square-colors-grid{gap:1.25rem;grid-template-columns:1fr}.color-item{padding:.875rem}.color-label{font-size:.9rem}.demo-controls .btn{font-size:.95rem;padding:.875rem 1.5rem}}@media (max-width:768px){.settings-section{padding:0}.settings-card{border-radius:10px;margin-bottom:1.25rem;padding:1.25rem 1rem}.settings-card-header h3{font-size:1.1rem}.settings-card-header p{font-size:.85rem;line-height:1.4}.icon-upload-section{align-items:stretch;flex-direction:column;gap:1.25rem}.icon-placeholder,.icon-preview-container{height:140px;margin:0 auto;max-width:200px;width:100%}.icon-upload-controls{text-align:center}.icon-upload-controls label{justify-content:center;width:100%}.upload-hint{text-align:center}.color-grid,.square-colors-grid{gap:1rem;grid-template-columns:1fr}.color-item{padding:1rem .875rem}.color-item-header{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:.875rem}.color-picker-wrapper{gap:.5rem}.color-preview-circle,.color-preview-square{flex-shrink:0}.demo-controls{padding:.75rem 0}.demo-controls .btn{font-size:1rem;min-height:52px;padding:1rem;width:100%}.demo-question-modal{margin:.75rem;max-width:95vw}.demo-header{padding:1.5rem 1rem 1rem}.demo-header h2{font-size:1.25rem}.demo-emoji,.demo-icon{font-size:48px;height:48px;width:48px}.demo-question-text p{font-size:1rem}.demo-answer-option{font-size:.9rem;min-height:52px;padding:.875rem 1rem}.demo-confirmation-text p{font-size:.95rem}.modal-footer{flex-direction:column;gap:.75rem}.modal-footer .btn{min-height:52px;width:100%}}@media (max-width:640px){.settings-card{border-radius:8px;padding:1rem .875rem}.settings-card-header h3{font-size:1.05rem}.color-label{font-size:.875rem}.color-description,.color-level{font-size:.8rem}.color-preview-circle{font-size:1rem;height:44px;width:44px}.color-preview-square{font-size:.9rem;height:38px;width:52px}.demo-header h2{font-size:1.15rem}.demo-question-text p{font-size:.95rem}.demo-answer-option{font-size:.875rem;padding:.875rem}}@media (max-width:480px){.settings-card{padding:1rem .75rem}.settings-card,.settings-card-header{margin-bottom:1rem}.settings-card-header h3{font-size:1rem;margin-bottom:.375rem}.settings-card-header p{font-size:.8rem}.icon-upload-section{gap:1rem}.icon-placeholder,.icon-preview-container{height:120px;max-width:150px;width:100%}.btn-delete-icon{height:28px;right:-8px;top:-8px;width:28px}.icon-upload-controls label{font-size:.9rem;padding:.875rem 1.25rem}.upload-hint{font-size:.8rem}.color-item{padding:.875rem .75rem}.color-item-header{gap:.375rem;margin-bottom:.75rem}.color-label{font-size:.825rem}.color-description,.color-level{font-size:.75rem}.color-picker-wrapper{flex-wrap:wrap;gap:.5rem}.color-preview-circle{font-size:.95rem;height:40px;width:40px}.color-preview-square{font-size:.875rem;height:36px;width:48px}.color-picker-input{height:36px;width:45px}.color-hex-input{font-size:.875rem;padding:.5rem .625rem;width:100%}.demo-controls .btn{font-size:.95rem;padding:.875rem}.demo-question-modal{margin:.5rem;max-width:98vw;padding:1.25rem}.demo-header{gap:.75rem;padding:1.25rem .875rem .875rem}.demo-header h2{font-size:1.05rem}.demo-emoji,.demo-icon{font-size:40px;height:40px;width:40px}.demo-question-text{padding:1rem 0}.demo-question-text p{font-size:.9rem;line-height:1.5}.demo-answers{gap:.625rem;margin-top:1rem}.demo-answer-option{border-radius:10px;font-size:.85rem;min-height:50px;padding:.875rem .75rem}.demo-confirmation-text{padding:.75rem 0}.demo-confirmation-text p{font-size:.875rem;margin-bottom:.625rem}.demo-confirmation-text strong{font-size:1rem}.modal-footer{gap:.625rem;margin-top:1.25rem;padding-top:1.25rem}.modal-footer .btn{font-size:.95rem;min-height:50px;padding:.875rem}}@media (max-width:375px){.settings-card{padding:.875rem .625rem}.settings-card-header h3{font-size:.95rem}.settings-card-header p{font-size:.75rem}.icon-placeholder,.icon-preview-container{height:100px;max-width:120px}.color-label{font-size:.8rem}.color-preview-circle{font-size:.9rem;height:36px;width:36px}.color-preview-square{font-size:.85rem;height:34px;width:44px}.demo-question-modal{padding:1rem}.demo-header h2{font-size:1rem}.demo-emoji,.demo-icon{font-size:36px;height:36px;width:36px}.demo-answer-option{font-size:.8rem;min-height:48px;padding:.75rem .625rem}.modal-footer .btn{font-size:.9rem;min-height:48px}}@media (hover:none) and (pointer:coarse){.btn-delete-icon,.color-picker-input{min-height:44px;min-width:44px}.demo-answer-option,.icon-upload-controls label,.modal-footer .btn{min-height:54px}}@media print{.admin-castes-page{padding:0}.btn-clone,.btn-collapse,.btn-delete,.btn-edit,.btn-edit-action,.btn-toggle,.form-actions,.modal-overlay{display:none}.caste-card{border:1px solid #000;page-break-inside:avoid}}.admin-sketches{margin:0 auto;max-width:1600px;padding:2rem}.sketches-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:2rem}.sketches-column{display:flex;flex-direction:column;gap:1.5rem}.column-title{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin-bottom:1rem}.column-title.dark,.column-title.light{color:#e2e8f0}.style-preview-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.style-preview-card:hover{border-color:var(--accent-primary);box-shadow:0 10px 25px #0003;transform:translateY(-4px)}.preview-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.style-name{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.style-desc{color:var(--text-secondary);font-size:.85rem}.color-palette{display:flex;gap:.5rem}.color-dot{border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:20px;width:20px}.mini-mockup{aspect-ratio:16/9;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.mockup-nav{align-items:center;display:flex;height:12%;justify-content:space-between;padding:0 5%}.mockup-logo{border-radius:4px;height:40%;opacity:.8;width:20%}.mockup-menu{display:flex;gap:4px}.mockup-menu-item{border-radius:2px;height:4px;opacity:.6;width:20px}.mockup-hero{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;padding:10%;text-align:center}.mockup-title{border-radius:6px;height:12px;margin-bottom:4px;width:70%}.mockup-subtitle{border-radius:4px;height:8px;opacity:.7;width:50%}.mockup-btn{border-radius:4px;font-size:8px;font-weight:700;justify-content:center;margin-top:8px;padding:6px 16px}.mockup-btn,.mockup-features{align-items:center;display:flex}.mockup-features{height:25%;justify-content:space-around;padding:0 5%}.mockup-feature{background:currentColor;border-radius:6px;height:60%;opacity:.1;width:25%}@media (max-width:1024px){.sketches-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.93d9e272.css.map*/