*,: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.19 | 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;margin:0}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{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}.\!container{margin-left:auto!important;margin-right:auto!important;padding-left:2rem!important;padding-right:2rem!important;width:100%!important}.container{margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem;width:100%}@media (min-width:1400px){.\!container{max-width:1400px!important}.container{max-width:1400px}}.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-auto{pointer-events:auto}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-auto{top:auto}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.z-\[3000\]{z-index:3000}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[70px\]{height:70px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.max-h-screen{max-height:100vh}.min-h-\[120px\]{min-height:120px}.min-h-\[400px\]{min-height:400px}.min-h-\[44px\]{min-height:44px}.min-h-\[80px\]{min-height:80px}.min-h-\[calc\(100vh-70px\)\]{min-height:calc(100vh - 70px)}.w-10{width:2.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-72{width:18rem}.w-8{width:2rem}.w-\[280px\]{width:280px}.w-full{width:100%}.w-max{width:-webkit-max-content;width:max-content}.min-w-0{min-width:0}.min-w-5{min-width:1.25rem}.min-w-\[10rem\]{min-width:10rem}.min-w-\[44px\]{min-width:44px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[180px\]{max-width:180px}.max-w-lg{max-width:32rem}.max-w-max{max-width:-webkit-max-content;max-width:max-content}.flex-1{flex:1 1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-full{--tw-translate-y:-100%}.-translate-y-full,.translate-x-0{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-x-0{--tw-translate-x:0px}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-0{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-0{--tw-translate-y:0px}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.rotate-45,.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))}.rotate-45{--tw-rotate:45deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-in-from-bottom{animation:slide-in-from-bottom .3s ease-out}@keyframes slide-in-from-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.animate-slide-in-from-left{animation:slide-in-from-left .3s ease-out}@keyframes slide-in-from-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animate-slide-in-from-right{animation:slide-in-from-right .3s ease-out}.animate-slide-in-from-top{animation:slide-in-from-top .3s ease-out}.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}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.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-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))}.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-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(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)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-\[var\(--border-color\)\]>:not([hidden])~:not([hidden]){border-color:var(--border-color)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.75rem;border-radius:var(--radius)}.rounded-md{border-radius:calc(.75rem - 2px);border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:.75rem}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-tl-sm{border-top-left-radius:calc(.75rem - 4px);border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-\[var\(--accent-color\)\]{border-color:var(--accent-color)}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.border-background{border-color:hsl(var(--background))}.border-border{border-color:hsl(var(--border))}.border-l-transparent{border-left-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-\[\#A3C76D\]{--tw-bg-opacity:1;background-color:#a3c76d;background-color:rgb(163 199 109/var(--tw-bg-opacity,1))}.bg-\[var\(--accent-color\)\]{background-color:var(--accent-color)}.bg-\[var\(--accent-color-alpha\)\]{background-color:var(--accent-color-alpha)}.bg-\[var\(--bg-secondary\)\]{background-color:var(--bg-secondary)}.bg-\[var\(--card-bg\)\]{background-color:var(--card-bg)}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/80{background-color:#000c}.bg-destructive{background-color:hsl(var(--destructive))}.bg-destructive\/15{background-color:hsl(var(--destructive)/.15)}.bg-primary\/10{background-color:hsl(var(--primary)/.1)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-accent\/20{--tw-gradient-from:hsl(var(--accent)/0.2) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--accent)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-background{--tw-gradient-from:hsl(var(--background)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--background)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-foreground{--tw-gradient-from:hsl(var(--foreground)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--foreground)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/20{--tw-gradient-from:hsl(var(--primary)/0.2) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--primary)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/20{--tw-gradient-from:hsl(var(--secondary)/0.2) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--secondary)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-primary\/10{--tw-gradient-to:hsl(var(--primary)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsl(var(--primary)/0.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-accent\/5{--tw-gradient-to:hsl(var(--accent)/0.05) var(--tw-gradient-to-position)}.to-foreground\/70{--tw-gradient-to:hsl(var(--foreground)/0.7) var(--tw-gradient-to-position)}.to-muted\/50{--tw-gradient-to:hsl(var(--muted)/0.5) var(--tw-gradient-to-position)}.to-primary\/5{--tw-gradient-to:hsl(var(--primary)/0.05) var(--tw-gradient-to-position)}.to-secondary\/5{--tw-gradient-to:hsl(var(--secondary)/0.05) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[1px\]{padding:1px}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.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}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-0{padding-bottom:0}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.pt-\[70px\]{padding-top:70px}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-current{color:currentColor}.text-destructive{color:hsl(var(--destructive))}.text-foreground{color:hsl(var(--foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.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-2xl{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-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.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-lg,.shadow-md{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-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-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[var\(--shadow-lg\)\]{--tw-shadow-color:var(--shadow-lg);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{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)}.blur-3xl{--tw-blur:blur(64px)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.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-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}:root{--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--radius:0.75rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-base),color var(--transition-base)}code{font-family:SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Droid Sans Mono,Courier New,monospace;font-size:.9em}a{color:inherit;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}button{border:none;cursor:pointer;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}button,input,select,textarea{font-family:inherit;outline:none}input,select,textarea{transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f5f5f5;background:var(--b2,#f5f5f5)}::-webkit-scrollbar-thumb{background:#e0e0e0;background:var(--b3,#e0e0e0);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--bc,#6b7280)}body.modal-open-blur .modal-backdrop,body.modal-open-blur [class*=-overlay]{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.modal-box,.modal-content,[class*=-modal]:not([class*=-overlay]),[class*=Modal]:not([class*=Overlay]){filter:none!important;-webkit-filter:none!important;opacity:1!important}@media (max-width:768px){html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{-webkit-tap-highlight-color:rgba(74,144,226,.2);-webkit-touch-callout:none;font-size:16px}.action-btn,.btn,.dropdown-item,.nav-link,button{min-height:44px;min-width:44px;padding:12px 16px;touch-action:manipulation}input,select,textarea{border-radius:8px;font-size:16px;padding:12px}a{align-items:center;display:inline-flex;min-height:44px}::-webkit-scrollbar{height:6px;width:6px}*{max-width:100%}li,p,span{word-wrap:break-word;line-height:1.6}img{height:auto;max-width:100%}}@media (max-width:480px){body{font-size:15px}.action-btn,.btn,button{font-size:14px;padding:10px 14px}input,select,textarea{font-size:16px;padding:10px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}}@media (hover:none) and (pointer:coarse){.clickable,a,button{touch-action:manipulation}}.placeholder\:text-gray-300::placeholder{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem}.hover\:-translate-y-2:hover,.hover\:scale-105:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:border-\[var\(--accent-color\)\]:hover{border-color:var(--accent-color)}.hover\:border-primary\/50:hover{border-color:hsl(var(--primary)/.5)}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-accent\/50:hover{background-color:hsl(var(--accent)/.5)}.hover\:text-\[var\(--accent-color\)\]:hover{color:var(--accent-color)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-primary:hover{color:hsl(var(--primary))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:shadow-lg:hover{--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)}.hover\:shadow-lg:hover,.hover\:shadow-xl:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.focus\:border-\[var\(--accent-color\)\]:focus{border-color:var(--accent-color)}.focus\:text-destructive:focus{color:hsl(var(--destructive))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.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-primary:focus-visible{--tw-ring-color:hsl(var(--primary))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group\/link:hover .group-hover\/link\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:scale-110,.group\/link:hover .group-hover\/link\:translate-x-1{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))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:bg-primary\/20{background-color:hsl(var(--primary)/.2)}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel],.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{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\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);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-\[motion\^\=from-\]\:animate-fade-in[data-motion^=from-]{animation:fade-in .2s ease-out}.data-\[motion\^\=to-\]\:animate-fade-out[data-motion^=to-]{animation:fade-out .2s ease-out}@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}.data-\[state\=closed\]\:animate-fade-out[data-state=closed]{animation:fade-out .2s ease-out}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.data-\[state\=hidden\]\:animate-fade-out[data-state=hidden]{animation:fade-out .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}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.data-\[state\=open\]\:animate-bounce-in[data-state=open]{animation:bounce-in .5s ease-out}.data-\[state\=open\]\:animate-fade-in[data-state=open]{animation:fade-in .2s ease-out}@keyframes slide-in-from-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.data-\[state\=open\]\:animate-slide-in-from-top[data-state=open]{animation:slide-in-from-top .3s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.data-\[state\=visible\]\:animate-fade-in[data-state=visible]{animation:fade-in .2s ease-out}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed],.data-\[state\=open\]\:duration-300[data-state=open]{transition-duration:.3s}.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))}@media (min-width:640px){.sm\:absolute{position:absolute}.sm\:bottom-0{bottom:0}.sm\:bottom-auto{bottom:auto}.sm\:left-\[50\%\]{left:50%}.sm\:right-0{right:0}.sm\:right-4{right:1rem}.sm\:right-auto{right:auto}.sm\:top-4{top:1rem}.sm\:top-\[50\%\]{top:50%}.sm\:top-auto{top:auto}.sm\:mt-0{margin-top:0}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:h-4{height:1rem}.sm\:max-h-\[85vh\]{max-height:85vh}.sm\:w-4{width:1rem}.sm\:w-\[320px\]{width:320px}.sm\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.sm\:w-auto{width:auto}.sm\:max-w-\[425px\]{max-width:425px}.sm\:max-w-\[500px\]{max-width:500px}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-sm{max-width:24rem}.sm\:translate-x-\[-50\%\]{--tw-translate-x:-50%}.sm\:translate-x-\[-50\%\],.sm\: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))}.sm\:translate-y-\[-50\%\]{--tw-translate-y:-50%}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.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\:rounded-xl{border-radius:.75rem}.sm\:p-6{padding:1.5rem}.sm\:text-left{text-align:left}}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:max-w-\[420px\]{max-width:420px}.md\:translate-y-0{--tw-translate-y: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))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-20{padding:5rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:text-7xl{font-size:4.5rem;line-height:1}}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--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))}[data-theme=light]{--bg-primary:#fff9ec;--bg-secondary:#fff;--card-bg:#fff;--text-primary:#2d3a2e;--text-secondary:#6b7a6b;--accent-color:#7b9b6f;--accent-color-alpha:#7b9b6f1a;--border-color:#e0e0e0;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 24px #0003;--background:43 100% 96%;--foreground:120 10% 20%;--card:0 0% 100%;--card-foreground:120 10% 20%;--popover:0 0% 100%;--popover-foreground:120 10% 20%;--primary:100 20% 54%;--primary-foreground:0 0% 100%;--secondary:43 50% 95%;--secondary-foreground:120 10% 20%;--muted:43 30% 92%;--muted-foreground:120 6% 45%;--accent:100 20% 54%;--accent-foreground:0 0% 100%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:0 0% 88%;--input:0 0% 88%;--ring:100 20% 54%;--radius:0.75rem;--b1:97.5% 0.015 85;--b2:100% 0 0;--b3:95% 0.012 85;--bc:25% 0.02 140;--p:55% 0.08 130;--pc:100% 0 0;--s:90% 0.025 85;--sc:25% 0.02 140;--a:55% 0.08 130;--ac:100% 0 0;--n:30% 0.02 140;--nc:95% 0.01 85}[data-theme=dark]{--bg-primary:#1e293b;--bg-secondary:#0f172a;--card-bg:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--accent-color:#7b9b6f;--accent-color-alpha:#7b9b6f33;--border-color:#475569;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--background:222 47% 11%;--foreground:210 40% 98%;--card:217 33% 17%;--card-foreground:210 40% 98%;--popover:217 33% 17%;--popover-foreground:210 40% 98%;--primary:100 20% 54%;--primary-foreground:0 0% 100%;--secondary:217 33% 17%;--secondary-foreground:210 40% 98%;--muted:217 33% 17%;--muted-foreground:215 20% 65%;--accent:100 20% 54%;--accent-foreground:0 0% 100%;--destructive:0 62% 50%;--destructive-foreground:0 0% 100%;--border:217 33% 17%;--input:217 33% 17%;--ring:100 20% 54%;--radius:0.75rem;--b1:25% 0.02 250;--b2:30% 0.025 250;--b3:35% 0.03 250;--bc:95% 0.01 250;--p:55% 0.08 130;--pc:100% 0 0;--s:35% 0.03 250;--sc:95% 0.01 250;--a:55% 0.08 130;--ac:100% 0 0;--n:25% 0.02 250;--nc:95% 0.01 250}[data-theme=boys-light]{--bg-primary:#f0f9ff;--bg-secondary:#e0f2fe;--card-bg:#fff;--text-primary:#0c4a6e;--text-secondary:#075985;--accent-color:#0284c7;--accent-color-alpha:#0284c71a;--border-color:#bae6fd;--shadow-sm:0 1px 3px #0284c71a;--shadow-md:0 4px 12px #0284c726;--shadow-lg:0 8px 24px #0284c733;--background:201 100% 97%;--foreground:203 76% 24%;--card:0 0% 100%;--card-foreground:203 76% 24%;--popover:0 0% 100%;--popover-foreground:203 76% 24%;--primary:200 98% 39%;--primary-foreground:0 0% 100%;--secondary:199 89% 48%;--secondary-foreground:0 0% 100%;--muted:201 90% 95%;--muted-foreground:203 76% 30%;--accent:200 98% 39%;--accent-foreground:0 0% 100%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:199 89% 88%;--input:199 89% 88%;--ring:200 98% 39%;--radius:0.75rem;--b1:97% 0.02 220;--b2:94% 0.03 220;--b3:100% 0 0;--bc:30% 0.08 230;--p:55% 0.15 230;--pc:100% 0 0;--s:65% 0.12 230;--sc:100% 0 0;--a:55% 0.15 230;--ac:100% 0 0;--n:30% 0.08 230;--nc:95% 0.02 220}[data-theme=boys-dark]{--bg-primary:#1e293b;--bg-secondary:#0f172a;--card-bg:#334155;--text-primary:#bae6fd;--text-secondary:#7dd3fc;--accent-color:#38bdf8;--accent-color-alpha:#38bdf833;--border-color:#475569;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--background:222 47% 11%;--foreground:199 89% 88%;--card:217 33% 17%;--card-foreground:199 89% 88%;--popover:217 33% 17%;--popover-foreground:199 89% 88%;--primary:199 89% 70%;--primary-foreground:222 47% 11%;--secondary:217 33% 17%;--secondary-foreground:199 89% 88%;--muted:217 33% 17%;--muted-foreground:199 89% 75%;--accent:199 89% 70%;--accent-foreground:222 47% 11%;--destructive:0 62% 50%;--destructive-foreground:0 0% 100%;--border:217 33% 17%;--input:217 33% 17%;--ring:199 89% 70%;--radius:0.75rem;--b1:25% 0.02 250;--b2:30% 0.025 250;--b3:35% 0.03 250;--bc:85% 0.08 220;--p:75% 0.12 220;--pc:25% 0.02 250;--s:35% 0.03 250;--sc:85% 0.08 220;--a:75% 0.12 220;--ac:25% 0.02 250;--n:25% 0.02 250;--nc:85% 0.08 220}[data-theme=girls-light]{--bg-primary:#fdf2f8;--bg-secondary:#fce7f3;--card-bg:#fff;--text-primary:#831843;--text-secondary:#9f1239;--accent-color:#ec4899;--accent-color-alpha:#ec48991a;--border-color:#fbcfe8;--shadow-sm:0 1px 3px #ec48991a;--shadow-md:0 4px 12px #ec489926;--shadow-lg:0 8px 24px #ec489933;--background:330 100% 98%;--foreground:335 78% 28%;--card:0 0% 100%;--card-foreground:335 78% 28%;--popover:0 0% 100%;--popover-foreground:335 78% 28%;--primary:330 81% 60%;--primary-foreground:0 0% 100%;--secondary:330 81% 70%;--secondary-foreground:0 0% 100%;--muted:330 90% 96%;--muted-foreground:335 78% 35%;--accent:330 81% 60%;--accent-foreground:0 0% 100%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:330 81% 90%;--input:330 81% 90%;--ring:330 81% 60%;--radius:0.75rem;--b1:97% 0.02 350;--b2:94% 0.03 350;--b3:100% 0 0;--bc:35% 0.12 350;--p:65% 0.18 350;--pc:100% 0 0;--s:75% 0.15 350;--sc:100% 0 0;--a:65% 0.18 350;--ac:100% 0 0;--n:35% 0.12 350;--nc:95% 0.02 350}[data-theme=girls-dark]{--bg-primary:#1e293b;--bg-secondary:#0f172a;--card-bg:#334155;--text-primary:#fbcfe8;--text-secondary:#f9a8d4;--accent-color:#f472b6;--accent-color-alpha:#f472b633;--border-color:#475569;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--background:222 47% 11%;--foreground:330 81% 90%;--card:217 33% 17%;--card-foreground:330 81% 90%;--popover:217 33% 17%;--popover-foreground:330 81% 90%;--primary:330 81% 75%;--primary-foreground:222 47% 11%;--secondary:217 33% 17%;--secondary-foreground:330 81% 90%;--muted:217 33% 17%;--muted-foreground:330 81% 85%;--accent:330 81% 75%;--accent-foreground:222 47% 11%;--destructive:0 62% 50%;--destructive-foreground:0 0% 100%;--border:217 33% 17%;--input:217 33% 17%;--ring:330 81% 75%;--radius:0.75rem;--b1:25% 0.02 250;--b2:30% 0.025 250;--b3:35% 0.03 250;--bc:88% 0.12 350;--p:75% 0.15 350;--pc:25% 0.02 250;--s:35% 0.03 250;--sc:88% 0.12 350;--a:75% 0.15 350;--ac:25% 0.02 250;--n:25% 0.02 250;--nc:88% 0.12 350}[data-theme=custom]{--radius:0.75rem;--b1:97.5% 0.015 85;--b2:100% 0 0;--b3:95% 0.012 85;--bc:25% 0.02 140;--p:55% 0.08 130;--pc:100% 0 0;--s:90% 0.025 85;--sc:25% 0.02 140;--a:55% 0.08 130;--ac:100% 0 0;--n:30% 0.02 140;--nc:95% 0.01 85}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{background-color:var(--bg-primary);color:var(--text-primary)}.toast{animation:slideDown .3s ease-out;border:1px solid #fff3;border-radius:8px;box-shadow:var(--shadow-lg);left:50%;max-width:500px;min-width:300px;padding:16px 24px;position:fixed;top:90px;transform:translateX(-50%);z-index:10000}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.toast-success{background-color:var(--accent-color);color:var(--text-primary)}.toast-error{background-color:#e74c3c;color:var(--text-primary)}.toast-content{color:var(--text-primary);font-size:16px;font-weight:500;text-align:center}.toast-confirm{padding-bottom:12px}.toast-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.toast-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:8px 20px;transition:all .2s}.toast-btn-confirm{background-color:#fff3;border:1px solid #ffffff4d;color:var(--text-primary)}.toast-btn-confirm:hover{background-color:#ffffff4d;transform:translateY(-1px)}.toast-btn-cancel{background-color:#0003;border:1px solid #fff3;color:var(--text-primary)}.toast-btn-cancel:hover{background-color:#0000004d;transform:translateY(-1px)}@media (max-width:768px){.toast{left:clamp(.5rem,2vw,.625rem);max-width:none;min-width:auto;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);right:clamp(.5rem,2vw,.625rem);top:90px;transform:none;width:calc(100% - clamp(1rem, 4vw, 1.25rem))}.toast-content{font-size:clamp(.8125rem,3.25vw,.875rem)}}@media (max-width:480px){.toast{left:clamp(.375rem,1.5vw,.5rem);padding:clamp(.625rem,2.5vw,.75rem) clamp(.875rem,3vw,1rem);right:clamp(.375rem,1.5vw,.5rem);top:90px;width:calc(100% - clamp(.75rem, 3vw, 1rem))}.toast-content{font-size:clamp(.75rem,3vw,.8125rem)}}.change-password-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;filter:none;justify-content:center;left:0;padding:20px;pointer-events:auto;position:fixed;right:0;top:0;z-index:3000}.change-password-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);filter:none;max-width:500px;padding:30px;position:relative;width:100%}.change-password-content{margin-top:10px}.change-password-content h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 10px}.change-password-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 25px}.form-field{margin-bottom:20px}.form-label{display:block;font-weight:500;margin-bottom:8px}.form-input,.form-label{color:var(--text-primary);font-size:14px}.form-input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;padding:12px;transition:border-color .2s;width:100%}.form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.form-error{background-color:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:6px;color:#e74c3c;font-size:14px;margin-bottom:20px;padding:12px}.form-actions{margin-top:25px}.save-password-btn{background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.save-password-btn:hover:not(:disabled){box-shadow:var(--shadow-sm);opacity:.9;transform:translateY(-1px)}.save-password-btn:disabled{background-color:var(--border-color);color:var(--text-secondary);cursor:not-allowed;opacity:.6}@media (max-width:768px){.change-password-modal-overlay{align-items:flex-end;padding:clamp(.5rem,2vw,.625rem)}.change-password-modal{border-radius:clamp(1rem,4vw,1.25rem) clamp(1rem,4vw,1.25rem) 0 0;max-height:95vh;max-width:100%;overflow-y:auto;padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem);width:100%}.change-password-content h2{font-size:clamp(1.125rem,4.5vw,1.375rem)}.change-password-description{font-size:clamp(.8125rem,3.25vw,.9375rem)}.form-input{padding:clamp(.625rem,2.5vw,.75rem)}.form-input,.save-password-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem}.save-password-btn{padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.change-password-modal{padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,3.5vw,1rem)}.change-password-content h2{font-size:clamp(1rem,4vw,1.25rem)}}.idle-warning-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.idle-warning-modal{animation:slideUp .3s ease;background:#1f1f2e;background:var(--fallback-b1,#1f1f2e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 50px #0006;max-width:400px;padding:32px;text-align:center;width:90%}.idle-warning-icon{animation:pulse 1s ease infinite;font-size:48px;margin-bottom:16px}.idle-warning-title{color:#f59e0b;font-size:1.5rem;font-weight:700;margin:0 0 12px}.idle-warning-message{color:#fffc;color:var(--fallback-bc,#fffc);font-size:1rem;line-height:1.6;margin:0 0 24px}.idle-warning-message strong{color:#ef4444;font-size:1.25rem}.idle-warning-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 32px;transition:all .2s;width:100%}.idle-warning-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.idle-warning-btn:active{transform:translateY(0)}.access-check-loading{color:#666;font-size:16px;min-height:400px}.access-check-loading,.access-denied-message{align-items:center;display:flex;justify-content:center}.access-denied-message{min-height:60vh;padding:40px 20px}.access-denied-content{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:500px;padding:40px;text-align:center}.access-denied-content h2{color:#e74c3c;font-size:28px;margin-bottom:20px}.access-denied-content p{color:#666;font-size:16px;line-height:1.6;margin-bottom:15px}.request-access-text{border-top:1px solid #e0e0e0;color:#999;font-style:italic;margin-top:20px;padding-top:20px}.resource-library-page{margin:0 auto;max-width:1200px;padding:40px 20px}.page-header{flex-wrap:wrap;gap:12px}.resource-header-btn{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s}.resource-header-btn:hover{background-color:var(--card-bg);border-color:var(--accent-color);color:var(--accent-color)}.resource-my-actions{border-top:1px solid var(--border-color);display:flex;gap:8px;margin-top:12px;padding-top:12px}.resource-delete-btn,.resource-edit-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:600;padding:8px 16px;transition:all .2s}.resource-edit-btn{background:var(--accent-color);color:#fff}.resource-edit-btn:hover{opacity:.9}.resource-delete-btn{background:#e74c3c;color:#fff}.resource-delete-btn:hover{opacity:.9}.upload-btn{background-color:var(--accent-color);border-radius:8px;color:#fff;font-weight:500;padding:12px 24px;transition:background-color .3s,opacity .3s}.upload-btn:hover{opacity:.9}.upload-form-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:30px;padding:30px}.upload-form{display:flex;flex-direction:column;gap:15px}.upload-form h3{color:var(--text-primary);margin-bottom:10px}.upload-form input,.upload-form select,.upload-form textarea{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:12px}.upload-form textarea{resize:vertical}.submit-btn{transition:opacity .3s}.resource-search-filters-section{margin-bottom:30px;position:relative;width:100%}.resource-search-bar{align-items:center;display:flex;gap:12px;width:100%}.resource-search-field{flex:0 0 80%;min-width:280px;position:relative}.resource-search-input{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 50px 12px 16px;transition:all .25s;width:100%}.resource-search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.resource-filter-icon-btn,.resource-search-input::placeholder{color:var(--text-secondary)}.resource-filter-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .25s;width:36px;z-index:1}.resource-filter-icon-btn:hover{background:var(--bg-secondary);color:var(--accent-color)}.resource-filter-icon-btn.has-filters{color:var(--accent-color)}.resource-filter-icon-btn svg{height:20px;width:20px}.resource-filter-badge{background:var(--accent-color);border:2px solid var(--card-bg);border-radius:12px;color:#fff;font-size:10px;font-weight:600;line-height:1.2;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.resource-sort-select{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:0 0 20%;font-size:14px;min-width:160px;padding:12px 16px;transition:all .25s}.resource-sort-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.resource-filters-panel{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);margin-top:16px;padding:20px}.resource-filters-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:18px;padding-bottom:12px}.resource-filters-header h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.resource-clear-filters-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .25s}.resource-clear-filters-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.resource-filter-group{margin-bottom:18px}.resource-filter-group:last-child{margin-bottom:0}.resource-filter-label{color:var(--text-primary);display:block;font-size:14px;font-weight:700;margin-bottom:10px}.resource-filter-checkboxes{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.resource-filter-checkbox{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;transition:color .25s}.resource-filter-checkbox:hover{color:var(--text-primary)}.resource-filter-checkbox input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;height:18px;width:18px}.resource-filter-empty{color:var(--text-secondary);font-size:13px}.resources-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.resource-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);cursor:pointer;padding:25px;transition:transform .3s,box-shadow .3s}.resource-card:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.resource-rating-row{margin:6px 0 10px}.resource-card-image{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;height:170px;margin-bottom:14px;object-fit:cover;width:100%}.resource-card:hover{animation:resourceCardGlow 2s ease-in-out infinite;border-color:var(--accent-color);transform:translateY(-3px)}@keyframes resourceCardGlow{0%,to{box-shadow:var(--shadow-md),0 0 10px var(--accent-color-alpha),0 0 20px var(--accent-color-alpha)}50%{box-shadow:var(--shadow-md),0 0 20px var(--accent-color-alpha),0 0 30px var(--accent-color-alpha),0 0 40px var(--accent-color-alpha)}}.resource-card h3{color:var(--text-primary);font-size:20px;margin-bottom:12px}.resource-description{color:var(--text-secondary);line-height:1.6;margin-bottom:15px}.resource-meta{display:flex;gap:10px;margin-bottom:12px}.category,.grade{background-color:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);font-size:12px;font-weight:500;padding:4px 12px}.resource-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tag{color:var(--accent-color);font-size:12px}.resource-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:15px}.author{color:var(--text-secondary);font-size:14px}.votes{display:flex;font-size:14px;gap:15px}.overview-content{border:1px solid var(--border-color)}.primary-btn{transition:opacity .3s}@media (max-width:768px){.resource-library-page{padding:clamp(1rem,4vw,1.25rem) clamp(.5rem,2vw,.625rem)}.page-header{align-items:flex-start;flex-direction:column;gap:clamp(.75rem,3vw,.9375rem);margin-bottom:clamp(1rem,4vw,1.25rem)}.page-header h1{font-size:clamp(1.5rem,6vw,1.75rem)}.page-subtitle,.upload-btn{font-size:clamp(.875rem,3.5vw,1rem)}.upload-btn{min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}.upload-form-container{padding:clamp(1rem,4vw,1.25rem)}.upload-form input,.upload-form select,.upload-form textarea{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}.submit-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}.resource-search-bar{align-items:stretch;flex-direction:column;gap:clamp(.625rem,2.5vw,.75rem)}.resource-search-field,.resource-sort-select{flex:1 1 auto;min-width:auto;width:100%}.resource-search-input,.resource-sort-select{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem) clamp(.875rem,3.5vw,1rem)}.resources-grid{gap:clamp(1rem,4vw,1.25rem);grid-template-columns:1fr}.resource-card{padding:clamp(1rem,4vw,1.25rem)}.resource-card h3{font-size:clamp(1.125rem,4.5vw,1.25rem)}.overview-content{padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem)}.overview-section h2{font-size:clamp(1.25rem,5vw,1.5rem)}.info-grid{grid-template-columns:1fr}.auth-prompt{padding:clamp(1.5rem,6vw,1.875rem) clamp(1rem,4vw,1.25rem)}.auth-link-btn,.primary-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.resource-library-page{padding:clamp(.75rem,3vw,.9375rem) clamp(.375rem,1.5vw,.5rem)}.page-header h1{font-size:clamp(1.25rem,5vw,1.5rem)}.resource-card,.upload-form-container{padding:clamp(.875rem,3.5vw,1rem)}.overview-content{padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,3.5vw,1rem)}}.resource-upload-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.resource-upload-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);max-height:90vh;max-width:720px;overflow-y:auto;padding:28px;position:relative;width:100%}.resource-upload-modal h2{color:var(--text-primary);margin:0 0 18px}.resource-upload-form{display:flex;flex-direction:column;gap:16px}.form-row label{color:var(--text-primary);display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:8px}.form-grid select,.form-row input,.form-row textarea{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:12px}.form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-grid label{color:var(--text-primary);display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:8px}.image-upload-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.hint{color:var(--text-secondary);font-size:12px;font-weight:500;margin-top:4px}.file-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;padding:10px 14px;-webkit-user-select:none;user-select:none}.file-btn:hover{border-color:var(--accent-color)}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-top:12px}.image-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.image-preview.primary{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-alpha)}.image-preview img{display:block;height:130px;object-fit:cover;width:100%}.image-actions{display:flex;gap:8px;padding:10px}.primary-btn,.remove-btn{border-radius:8px;flex:1 1;font-size:12px;font-weight:600;padding:8px 10px}.primary-btn{background:var(--accent-color)}.primary-btn.selected{opacity:.95}.remove-btn{background:#0000;border:1px solid var(--border-color);color:var(--text-primary)}.upload-progress{background:#00000014;height:6px}.progress-bar{background:var(--accent-color);height:100%;transition:width .15s linear;width:0}.resource-attachments-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.resource-attachment-item{grid-gap:10px;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:grid;gap:10px;grid-template-columns:1fr auto;padding:10px}.resource-attachment-name{color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-attachment-actions{align-items:center;display:flex;gap:8px}.resource-attachment-item .remove-btn{background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:600;padding:8px 10px}.resource-attachment-item .remove-btn:hover{border-color:var(--accent-color)}.form-actions{gap:10px}.cancel-btn{border:1px solid var(--border-color);padding:12px 16px}.submit-btn{border-radius:8px;padding:12px 16px}@media (max-width:768px){.resource-upload-modal-overlay{align-items:flex-end;padding:clamp(.5rem,2vw,.625rem)}.resource-upload-modal{border-radius:16px 16px 0 0;max-height:95vh;max-width:100%;padding:18px}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.resource-image-btn{all:unset;cursor:pointer;display:block;position:relative;width:100%}.resource-image-img{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;height:170px;object-fit:cover}.resource-image-detail,.resource-image-img{margin-bottom:14px;width:100%}.resource-image-detail-stage{all:unset;cursor:pointer;display:block;width:75%}.resource-image-detail-img{aspect-ratio:1/1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:block;object-fit:cover;width:100%}.resource-image-detail-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:2px}.resource-image-detail-thumb{all:unset;border:2px solid #0000;border-radius:10px;cursor:pointer;flex:0 0 auto;height:112px;overflow:hidden;width:112px}.resource-image-detail-thumb.active{border-color:var(--accent-color)}.resource-image-detail-thumb img{display:block;height:100%;object-fit:cover;width:100%}.resource-image-lightbox-overlay{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:4000}.resource-image-lightbox{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-lg);max-width:900px;overflow:hidden;position:relative;width:100%}.resource-image-close{align-items:center;background:#00000080;border:1px solid var(--border-color);border-radius:999px;color:#fff;display:flex;font-size:28px;height:40px;justify-content:center;line-height:1;position:absolute;right:10px;top:10px;width:40px}.resource-image-stage{background:#000;position:relative}.resource-image-full{display:block;max-height:70vh;object-fit:contain;width:100%}.resource-image-nav{align-items:center;background:#00000073;border:1px solid #ffffff40;border-radius:999px;color:#fff;display:flex;font-size:28px;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:44px}.resource-image-nav.prev{left:12px}.resource-image-nav.next{right:12px}.resource-image-thumbs{background:var(--bg-secondary);display:flex;gap:8px;overflow-x:auto;padding:12px}.resource-image-thumb{all:unset;border:2px solid #0000;border-radius:10px;cursor:pointer;flex:0 0 auto;height:50px;overflow:hidden;width:70px}.resource-image-thumb.active{border-color:var(--accent-color)}.resource-image-thumb img{display:block;height:100%;object-fit:cover;width:100%}@media (max-width:768px){.resource-image-lightbox-overlay{align-items:flex-end;padding:10px}.resource-image-lightbox{border-radius:16px 16px 0 0;max-width:100%}}.star-rating{align-items:center;display:inline-flex;gap:8px}.star-rating-stars{display:inline-flex;gap:2px;line-height:1}.star-rating-star{display:inline-block;font-size:18px;font-size:var(--star-size,18px);height:18px;height:var(--star-size,18px);line-height:1;position:relative;width:18px;width:var(--star-size,18px)}.star-rating-star-bg{color:var(--text-secondary);justify-content:center;opacity:.45;width:100%;z-index:1}.star-rating-star-bg,.star-rating-star-fg{align-items:center;display:flex;height:100%;left:0;line-height:1;position:absolute;top:0}.star-rating-star-fg{color:var(--accent-color);justify-content:flex-start;overflow:hidden;width:0;width:var(--fill,0);z-index:2}.star-rating-text{color:var(--text-secondary);font-size:13px;font-weight:700}.resource-detail-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3500}.resource-detail-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:980px;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.resource-detail-close-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:28px;height:40px;line-height:1;position:absolute;right:12px;top:12px;width:40px}.resource-detail-header{padding:24px 24px 0}.resource-detail-title{color:var(--text-primary);font-size:26px;margin:0 48px 10px 0}.resource-detail-subtitle{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.resource-detail-pill{background-color:var(--bg-secondary);border-radius:999px;color:var(--text-secondary);font-size:12px;font-weight:700;padding:4px 12px}.resource-detail-author{color:var(--text-secondary);font-size:13px}.resource-detail-body{grid-gap:22px;display:grid;flex:1 1;gap:22px;grid-template-columns:1.25fr .75fr;min-height:0;padding:0 24px 24px}.resource-detail-description{color:var(--text-secondary);line-height:1.6;margin:0 0 12px}.resource-detail-tags{display:flex;flex-wrap:wrap;gap:8px}.resource-detail-tag{color:var(--accent-color);font-size:12px;font-weight:600}.resource-detail-downloads{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-top:16px;padding:14px}.resource-detail-downloads h3{color:var(--text-primary);margin:0 0 10px}.resource-detail-download-list{display:flex;flex-direction:column;gap:10px}.resource-detail-download-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.resource-detail-download-name{color:var(--text-primary);font-size:13px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-detail-download-link{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);flex-shrink:0;font-size:13px;font-weight:800;padding:8px 12px;text-decoration:none}.resource-detail-download-link:hover{background:var(--accent-color-alpha);border-color:var(--accent-color);color:var(--accent-color)}.resource-detail-actions{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:14px;margin-bottom:14px;padding:14px}.resource-detail-favorite-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:center;padding:10px 12px;transition:all .2s}.resource-detail-favorite-btn.active,.resource-detail-favorite-btn:hover{background:var(--accent-color-alpha);border-color:var(--accent-color)}.resource-detail-favorite-btn.active{color:var(--accent-color)}.resource-detail-votes{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.resource-detail-vote-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:space-between;padding:10px 12px;transition:all .2s}.resource-detail-vote-btn.active,.resource-detail-vote-btn:hover:not(:disabled){background:var(--accent-color-alpha);border-color:var(--accent-color)}.resource-detail-vote-btn.active{box-shadow:0 0 0 3px var(--accent-color-alpha)}.resource-detail-vote-btn:disabled{cursor:not-allowed;opacity:.6}.resource-detail-vote-btn .count{color:var(--text-secondary);font-weight:800}.resource-detail-rating{display:flex;flex-direction:column;gap:10px}.resource-detail-rating-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.resource-detail-rating-row .label{color:var(--text-secondary);font-size:13px;font-weight:800}.resource-detail-rating-input{display:inline-flex;gap:4px}.resource-detail-star-btn{all:unset;color:#ffffff59;cursor:pointer;font-size:22px;line-height:1;padding:2px}.resource-detail-star-btn.filled{color:var(--accent-color)}.resource-detail-comments{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:14px}.resource-detail-comments-full{display:flex;flex-direction:column;margin-top:16px;width:100%}.resource-detail-comments h3{color:var(--text-primary);flex-shrink:0;margin:0 0 10px}.resource-detail-comment-input-section{display:flex;flex-direction:column;flex-shrink:0;gap:10px;margin-bottom:12px}.resource-detail-comment-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;width:100%}.resource-detail-comment-submit{align-self:flex-end;background:var(--accent-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:800;padding:10px 20px;transition:opacity .2s}.resource-detail-comment-submit:hover:not(:disabled){opacity:.9}.resource-detail-comment-submit:disabled{cursor:not-allowed;opacity:.6}.resource-detail-comments-empty{color:var(--text-secondary);font-size:13px;padding:12px 0}.resource-detail-comments-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-x:hidden;overflow-y:auto;padding-right:4px}.resource-detail-comments-list::-webkit-scrollbar{width:6px}.resource-detail-comments-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.resource-detail-comments-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.resource-detail-comments-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.resource-detail-comment{border-top:1px solid var(--border-color);padding-top:10px}.resource-detail-comment-meta{justify-content:space-between}.resource-detail-comment-author,.resource-detail-comment-meta{align-items:center;display:flex;gap:8px}.resource-detail-comment-meta .name{color:var(--text-primary);font-size:13px;font-weight:800}.resource-detail-comment-date{color:var(--text-secondary);font-size:11px;font-weight:400}.resource-detail-comment-delete{align-items:center;background-color:initial;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:24px}.resource-detail-comment-delete:hover{background-color:var(--accent-color);color:#fff;transform:scale(1.1)}.resource-detail-comment-text{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-top:4px;white-space:pre-wrap}@media (max-width:900px){.resource-detail-body{grid-template-columns:1fr}}@media (max-width:768px){.resource-detail-modal-overlay{align-items:flex-end;padding:10px}.resource-detail-modal{border-radius:16px 16px 0 0;max-height:92vh}}.resource-edit-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.resource-edit-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);max-height:90vh;max-width:720px;overflow-y:auto;padding:28px;position:relative;width:100%}.resource-edit-modal h2{color:var(--text-primary);margin:0 0 18px}.resource-edit-close-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;width:32px}.resource-edit-close-btn:hover{background:var(--bg-tertiary)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);padding:10px 12px}.form-group textarea{min-height:80px}.image-preview-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:12px}.image-preview-item{aspect-ratio:1;border:1px solid var(--border-color);border-radius:8px}.image-preview-item img{display:block}.image-preview-actions{background:#000000b3;bottom:0;display:flex;flex-wrap:wrap;gap:4px;left:0;padding:8px;position:absolute;right:0}.image-preview-actions button{background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px}.image-preview-actions .remove-btn{background:#e74c3c}.primary-badge{background:var(--accent-color);border-radius:4px;color:#fff;font-size:11px;padding:4px 8px}.upload-progress{background:#000c;border-radius:4px;color:#fff;font-weight:600;left:50%;padding:8px 12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.file-upload-button,.file-upload-label{display:inline-block}.file-upload-button{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;padding:10px 20px;text-align:center;transition:all .2s}.file-upload-button:hover{background:var(--card-bg);border-color:var(--accent-color)}.form-actions{margin-top:20px}.form-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s}.form-actions button[type=button]{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.form-actions button[type=submit]{background:var(--accent-color);color:#fff}.form-actions button:disabled{cursor:not-allowed;opacity:.6}.attachment-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.attachment-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:10px;padding:10px 12px}.attachment-name{color:var(--text-primary);flex:1 1;font-size:13px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-progress{color:var(--text-secondary);font-size:12px;font-weight:700}.attachment-remove{background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:700;padding:8px 10px}.attachment-remove:hover{background:var(--accent-color-alpha);border-color:var(--accent-color);color:var(--accent-color)}.events-page{margin:0 auto;max-width:1200px;padding:40px 20px}.calendar-container{margin-bottom:30px;max-height:1000px;transition:all .3s ease}.calendar-container.minimized{margin-bottom:0;max-height:0;opacity:0;transform:translateY(-20px)}.search-filters-section{margin-bottom:30px;position:relative;width:100%}.search-bar-container{align-items:center;display:flex;gap:0;position:relative;width:100%}.search-input{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 50px 12px 16px;transition:all .25s;width:100%}.search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.filter-icon-btn,.search-input::placeholder{color:var(--text-secondary)}.filter-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .25s;width:36px;z-index:1}.filter-icon-btn:hover{background:var(--bg-secondary)}.filter-icon-btn.has-filters,.filter-icon-btn:hover{color:var(--accent-color)}.filter-icon-btn svg{height:20px;width:20px}.filter-badge{background:var(--accent-color);border:2px solid var(--card-bg);border-radius:12px;color:#fff;font-size:10px;font-weight:600;line-height:1.2;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.filters-panel{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);margin-top:20px;padding:24px}.filters-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.filters-header h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.clear-filters-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .25s}.clear-filters-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.filter-group{margin-bottom:24px}.filter-group:last-child{margin-bottom:0}.filter-label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:12px}.filter-checkboxes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.filter-checkbox{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;transition:color .25s}.filter-checkbox:hover{color:var(--text-primary)}.filter-checkbox input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;height:18px;width:18px}.filter-radio-group{display:flex;flex-wrap:wrap;gap:16px}.filter-radio{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;transition:color .25s}.filter-radio:hover{color:var(--text-primary)}.filter-radio input[type=radio]{accent-color:var(--accent-color);cursor:pointer;height:18px;width:18px}.filter-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='%23666' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;padding:12px 40px 12px 16px;transition:all .25s;width:100%}.filter-select:focus{box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.filter-select:focus,.filter-select:hover{border-color:var(--accent-color)}.events-list{gap:25px}.event-card{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-sm);padding:30px;transition:transform .3s,box-shadow .3s}.event-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.event-card.event-past{filter:grayscale(.3);opacity:.5}.event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.event-header h3{color:var(--text-primary);font-size:24px}.event-type{border-radius:20px;font-size:12px;font-weight:500;padding:6px 14px}.event-type.local,.event-type.virtual{background-color:var(--bg-secondary);color:var(--text-primary)}.event-description,.event-details{margin-bottom:20px}.event-details{grid-gap:15px;background-color:var(--bg-secondary);border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:15px}.detail-item{color:var(--text-secondary);font-size:14px}.detail-item strong{color:var(--text-primary);margin-right:5px}.detail-item a{color:var(--accent-color);text-decoration:underline}.event-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:20px}.creator{color:var(--text-secondary);font-size:14px}.rsvp-section{gap:8px}.attendee-info,.rsvp-section{align-items:flex-end;display:flex;flex-direction:column}.attendee-info{gap:4px}.rsvp-status-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.attendee-count{color:var(--text-secondary);font-size:14px}.waitlist-badge{background-color:#ffc10733;color:#ffc107}.waitlist-badge,.waitlist-position-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.waitlist-position-badge{background-color:#007bff33;color:#007bff}.rsvp-buttons{display:flex;gap:8px}.rsvp-btn,.rsvp-btn-family{background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background-color .3s}.rsvp-btn-family{background-color:#007bffcc}.rsvp-btn-family:hover:not(:disabled),.rsvp-btn:hover:not(:disabled){opacity:.9}.rsvp-btn.cancel{background-color:#dc3545}.rsvp-btn.cancel:hover:not(:disabled){background-color:#c82333}.rsvp-btn.cancel.inline{font-size:12px;margin:0;padding:4px 12px}.rsvp-btn-family:disabled,.rsvp-btn.disabled,.rsvp-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.events-page{padding:clamp(1rem,4vw,1.25rem) clamp(.5rem,2vw,.625rem)}.page-header{align-items:flex-start;flex-direction:column;gap:clamp(.75rem,3vw,.9375rem);margin-bottom:clamp(1rem,4vw,1.25rem)}.page-header h1{font-size:clamp(1.5rem,6vw,1.75rem)}.create-btn,.page-subtitle{font-size:clamp(.875rem,3.5vw,1rem)}.create-btn{min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}.create-form-container{padding:clamp(1rem,4vw,1.25rem)}.event-card{padding:clamp(.875rem,3.5vw,1rem)}.event-card h3{font-size:clamp(1.125rem,4.5vw,1.25rem)}.rsvp-buttons{flex-direction:column;gap:clamp(.5rem,2vw,.625rem)}.rsvp-buttons button{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}.info-card{padding:clamp(.875rem,3.5vw,1rem)}}@media (max-width:480px){.events-page{padding:clamp(.75rem,3vw,.9375rem) clamp(.375rem,1.5vw,.5rem)}.page-header h1{font-size:clamp(1.25rem,5vw,1.5rem)}.event-card{padding:clamp(.625rem,2.5vw,.75rem)}.event-card h3{font-size:clamp(1.125rem,4.5vw,1.25rem)}.create-form-container{padding:clamp(.875rem,3.5vw,1rem)}}.day-events-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;filter:none;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.day-events-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-lg);display:flex;filter:none;flex-direction:column;max-height:90vh;max-width:700px;overflow-y:auto;padding:32px;position:relative;width:100%}.modal-header{align-items:flex-start}.modal-header-content{display:flex;flex:1 1;flex-direction:column;gap:12px}.day-badges{align-items:center;display:flex;gap:8px}.events-badge{background-color:var(--accent-color)}.events-badge,.rsvp-badge-day{border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 10px}.rsvp-badge-day{background-color:#28a745}.search-filters-section-modal{margin-bottom:20px;position:relative;width:100%}.search-bar-container-modal{align-items:center;display:flex;gap:0;position:relative;width:100%}.search-input-modal{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:14px;padding:12px 50px 12px 16px;transition:all .25s;width:100%}.search-input-modal:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.filter-icon-btn-modal,.search-input-modal::placeholder{color:var(--text-secondary)}.filter-icon-btn-modal{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .25s;width:36px;z-index:1}.filter-icon-btn-modal:hover{background:var(--bg-secondary);color:var(--accent-color)}.filter-icon-btn-modal.has-filters{color:var(--accent-color)}.filter-icon-btn-modal svg{height:20px;width:20px}.filter-badge-modal{background:var(--accent-color);border:2px solid var(--card-bg);border-radius:12px;color:#fff;font-size:10px;font-weight:600;line-height:1.2;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.filters-panel-modal{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);margin-top:16px;max-height:400px;overflow-y:auto;padding:20px}.filters-header-modal{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.filters-header-modal h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.clear-filters-btn-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .25s}.clear-filters-btn-modal:hover{border-color:var(--accent-color);color:var(--accent-color)}.filter-group-modal{margin-bottom:20px}.filter-group-modal:last-child{margin-bottom:0}.filter-label-modal{color:var(--text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:10px}.filter-checkboxes-modal{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.filter-checkbox-modal{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;transition:color .25s}.filter-checkbox-modal:hover{color:var(--text-primary)}.filter-checkbox-modal input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;height:16px;width:16px}.filter-radio-group-modal{display:flex;flex-wrap:wrap;gap:12px}.filter-radio-modal{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;transition:color .25s}.filter-radio-modal:hover{color:var(--text-primary)}.filter-radio-modal input[type=radio]{accent-color:var(--accent-color);cursor:pointer;height:16px;width:16px}.filter-select-modal{-webkit-appearance:none;appearance:none;background:var(--card-bg);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='%23666' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:13px;padding:10px 36px 10px 14px;transition:all .25s;width:100%}.filter-select-modal:focus{box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.filter-select-modal:focus,.filter-select-modal:hover{border-color:var(--accent-color)}.filters-panel-modal::-webkit-scrollbar{width:6px}.filters-panel-modal::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.filters-panel-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.filters-panel-modal::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.no-events{color:var(--text-secondary);padding:60px 20px}.no-events p{font-size:16px}.event-item-modal{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .25s}.event-item-modal:hover{border-color:var(--accent-color);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.event-item-modal.event-past{filter:grayscale(.3);opacity:.5}.event-item-modal.event-rsvp{background-color:#28a7450d;border-color:#28a745}.event-item-modal.event-rsvp:hover{background-color:#28a7451a;border-color:#28a745}.event-header-modal{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.event-header-modal h3{color:var(--text-primary);flex:1 1;font-size:20px;font-weight:700;margin:0}.event-type-modal{border-radius:20px;font-size:12px;font-weight:500;padding:6px 14px}.event-type-modal.event-local{background-color:var(--accent-color);color:#fff}.event-type-modal.event-virtual{background-color:var(--bg-primary);border:1px solid var(--accent-color);color:var(--text-primary)}.event-description-modal{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:16px}.event-details-modal{grid-gap:12px;background-color:var(--card-bg);border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px;padding:12px}.detail-item-modal{color:var(--text-secondary);font-size:13px}.detail-item-modal strong{color:var(--text-primary);margin-right:6px}.detail-item-modal a{color:var(--accent-color);text-decoration:underline}.event-footer-modal{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:16px}.attendee-count-modal,.creator-modal{color:var(--text-secondary);font-size:13px}.day-events-modal::-webkit-scrollbar{width:8px}.day-events-modal::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.day-events-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.day-events-modal::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:768px){.day-events-modal{max-width:95%;padding:clamp(1rem,4vw,1.25rem)}.modal-header h2{font-size:clamp(1.125rem,4.5vw,1.375rem)}.event-header-modal h3{font-size:clamp(1.125rem,4.5vw,1.25rem)}}.week-calendar-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 2px 8px #00000014;margin-bottom:32px;padding:24px}.week-calendar-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.week-range{align-items:center;display:flex;flex:1 1;gap:16px;justify-content:center}.week-range h2{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0}.today-btn{background-color:var(--accent-color);border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px;transition:all .25s}.today-btn:hover{box-shadow:0 4px 12px #4a90e24d;transform:translateY(-2px)}.week-nav-btn{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .25s;width:40px}.week-nav-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:scale(1.1)}.week-calendar{cursor:grab;position:relative;transition:transform .2s ease-out;-webkit-user-select:none;user-select:none}.week-calendar:active{cursor:grabbing}.week-days-header{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:12px}.day-header{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px;text-align:center;text-transform:uppercase}.week-days{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.day-cell{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-height:120px;padding:12px;position:relative;transition:all .25s}.day-cell.has-events{border-color:var(--accent-color);border-width:2px}.day-cell:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.day-cell.today,.day-cell:hover{background:var(--accent-color-alpha);border-color:var(--accent-color)}.day-cell.today{border-width:3px;box-shadow:0 0 0 3px var(--accent-color-alpha)}.day-number{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:8px;text-align:center}.day-cell.today .day-number{color:var(--accent-color);font-size:20px}.day-events{align-items:center;flex:1 1;justify-content:center;min-height:40px}.day-event-badges{align-items:center;display:flex;flex-direction:column;gap:6px;width:100%}.event-count-badge{background-color:var(--accent-color);border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:12px;font-weight:600;min-width:60px;padding:6px 10px;text-align:center;transition:all .2s;width:-webkit-fit-content;width:fit-content}.event-count-badge.rsvp-badge{background-color:#28a745}.day-cell:hover .event-count-badge{box-shadow:0 4px 8px #00000026;transform:scale(1.05)}.no-events-text{color:var(--text-secondary);font-size:11px;font-style:italic;text-align:center}.day-events::-webkit-scrollbar{width:4px}.day-events::-webkit-scrollbar-track{background:#0000}.day-events::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.day-events::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:768px){.week-calendar-container{padding:clamp(.875rem,3.5vw,1rem)}.week-range{flex-direction:column;gap:clamp(.375rem,1.5vw,.5rem)}.week-range h2{font-size:clamp(1rem,4vw,1.125rem)}.week-days,.week-days-header{gap:clamp(.25rem,1vw,.375rem)}.day-cell{min-height:clamp(5.5rem,22vw,6.25rem);padding:clamp(.375rem,1.5vw,.5rem)}.day-number{font-size:clamp(.875rem,3.5vw,1rem)}.event-item{font-size:clamp(.5625rem,2.25vw,.625rem);padding:clamp(.25rem,1vw,.375rem) clamp(.375rem,1.5vw,.5rem)}.event-time{font-size:clamp(.5rem,2vw,.5625rem)}.week-nav-btn{font-size:clamp(1rem,4vw,1.125rem);height:clamp(2rem,8vw,2.25rem);width:clamp(2rem,8vw,2.25rem)}.today-btn{font-size:clamp(.75rem,3vw,.8125rem);padding:clamp(.5rem,2vw,.625rem) clamp(.875rem,3vw,1rem)}}@media (max-width:480px){.week-calendar-container{padding:clamp(.625rem,2.5vw,.75rem)}.week-range h2{font-size:clamp(.875rem,3.5vw,1rem)}.week-days,.week-days-header{gap:clamp(.125rem,.5vw,.1875rem)}.day-cell{min-height:clamp(4.5rem,18vw,5rem);padding:clamp(.375rem,1.5vw,.5rem)}.day-number{font-size:clamp(.8125rem,3.25vw,.875rem)}.event-count-badge{font-size:clamp(.5625rem,2.25vw,.625rem);min-width:clamp(2.5rem,10vw,3.125rem);padding:clamp(.25rem,1vw,.375rem) clamp(.375rem,1.5vw,.5rem)}.week-nav-btn{font-size:clamp(.875rem,3.5vw,1rem);height:clamp(1.75rem,7vw,2rem);width:clamp(1.75rem,7vw,2rem)}}.create-event-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;filter:none;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.create-event-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-lg);filter:none;max-height:90vh;max-width:700px;overflow-y:auto;padding:32px;position:relative;width:100%}.create-event-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-weight:600}.form-group input,.form-group select,.form-group textarea{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .25s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.form-group textarea{min-height:100px;resize:vertical}.form-row{grid-gap:16px;gap:16px}.field-error{color:#dc3545;font-size:12px;margin-top:-4px}.form-actions{border-top:2px solid var(--border-color);margin-top:8px;padding-top:20px}.cancel-btn,.submit-btn{border:2px solid var(--border-color);border-radius:8px;transition:all .25s}.cancel-btn{background:var(--bg-secondary);color:var(--text-primary)}.cancel-btn:hover:not(:disabled){background:var(--bg-primary);border-color:var(--text-secondary)}.submit-btn{background:var(--accent-color);border-color:var(--accent-color)}.submit-btn:hover:not(:disabled){box-shadow:var(--shadow-md);opacity:.9;transform:translateY(-1px)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6}.create-event-modal::-webkit-scrollbar{width:8px}.create-event-modal::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.create-event-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.create-event-modal::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:768px){.create-event-modal{max-width:95%;padding:clamp(1rem,4vw,1.25rem)}.modal-header h2{font-size:clamp(1.125rem,4.5vw,1.375rem)}.form-row{grid-template-columns:1fr}.create-event-modal input,.create-event-modal select,.create-event-modal textarea{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}.modal-actions{flex-direction:column;gap:clamp(.5rem,2vw,.625rem)}.btn-primary,.btn-secondary{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.create-event-modal{max-width:98%;padding:clamp(.875rem,3.5vw,1rem)}.modal-header h2{font-size:clamp(1rem,4vw,1.25rem)}}.family-rsvp-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;filter:none;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.family-rsvp-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-lg);filter:none;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;position:relative;width:100%}.modal-close-btn{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-primary);font-size:24px;height:36px;transition:all .25s;width:36px}.modal-close-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:scale(1.1)}.form-group{margin-bottom:20px}.family-rsvp-modal .form-group>label{color:var(--text-primary);font-size:14px;font-weight:700;margin:0}.required{color:#dc3545}.learner-checkboxes{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:12px;max-height:200px;overflow-y:auto;padding:12px}.learner-checkbox{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .2s}.learner-checkbox:hover{background-color:var(--bg-secondary);border-color:var(--border-color)}.learner-checkbox input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;height:18px;width:18px}.learner-checkbox span{color:var(--text-primary);font-size:14px;-webkit-user-select:none;user-select:none}.form-group input[type=number]{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .25s;width:100%}.form-group input[type=number]:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.form-group input[type=number]:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.helper-text{color:var(--text-secondary);font-size:12px;margin-top:6px}.error-message{background-color:#dc35451a;border:1px solid #dc35454d;border-radius:8px;color:#dc3545;font-size:14px;margin-bottom:20px;padding:12px 16px}.empty-state,.loading-state{color:var(--text-secondary);padding:40px 20px}.modal-actions{border-top:2px solid var(--border-color);padding-top:20px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary{background-color:var(--accent-color);border:2px solid var(--accent-color)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{transform:none}.btn-secondary{border:2px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-primary);border-color:var(--text-secondary)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.family-rsvp-modal::-webkit-scrollbar{width:8px}.family-rsvp-modal::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.family-rsvp-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.family-rsvp-modal::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:768px){.family-rsvp-modal-overlay{align-items:flex-end;padding:clamp(.5rem,2vw,.625rem)}.family-rsvp-modal{border-radius:clamp(1rem,4vw,1.25rem) clamp(1rem,4vw,1.25rem) 0 0;max-height:95vh;max-width:100%;padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem);width:100%}.modal-header h2{font-size:clamp(1.25rem,5vw,1.5rem)}.modal-close-btn{font-size:clamp(1.5rem,6vw,1.75rem);height:2.75rem;width:2.75rem}.form-group input[type=number]{font-size:clamp(.875rem,3.5vw,1rem)}.form-group input[type=number],.learner-checkbox{min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}.learner-checkbox input[type=checkbox]{height:clamp(1.125rem,4.5vw,1.25rem);width:clamp(1.125rem,4.5vw,1.25rem)}.modal-actions{flex-direction:column;gap:clamp(.5rem,2vw,.625rem)}.btn-primary,.btn-secondary{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.family-rsvp-modal{padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,3.5vw,1rem)}.modal-header h2{font-size:clamp(1.125rem,4.5vw,1.375rem)}}.modal-overlay{background-color:#00000080;filter:none;padding:20px;z-index:3000}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-lg);filter:none;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;position:relative;width:100%}.modal-header{border-bottom:2px solid var(--border-color);margin-bottom:24px;padding-bottom:16px}.modal-header h2{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.01em;margin:0}.modal-close{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .2s;width:36px}.modal-close:hover{background:var(--bg-secondary);border-color:var(--accent-color);color:var(--text-primary)}.modal-body{margin-bottom:24px}.cancel-rsvp-modal{max-width:500px}.cancel-instructions{color:var(--text-secondary);font-size:15px;line-height:1.5;margin-bottom:20px}.cancel-option{background-color:var(--bg-secondary);border-radius:6px;margin-bottom:12px;padding:12px;transition:background-color .2s}.cancel-option:hover{background-color:var(--bg-tertiary)}.checkbox-label{gap:10px}.checkbox-label input[type=checkbox]{accent-color:var(--accent-color)}.checkbox-label span{color:var(--text-primary);font-size:15px}.learners-list{margin-top:20px}.learners-list h3{color:var(--text-primary);font-size:16px;margin-bottom:12px}.no-rsvp-message{color:var(--text-secondary);padding:20px;text-align:center}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-secondary{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);padding:10px 20px;transition:background-color .2s}.btn-secondary:hover{background-color:var(--bg-tertiary)}.btn-primary.cancel-btn{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.btn-primary.cancel-btn:hover:not(:disabled){background-color:#c82333}.btn-primary.cancel-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:clamp(.5rem,2vw,.625rem)}.modal-content{border-radius:clamp(1rem,4vw,1.25rem) clamp(1rem,4vw,1.25rem) 0 0;max-height:95vh;max-width:100%;padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem);width:100%}.modal-header h2{font-size:clamp(1.25rem,5vw,1.5rem)}.modal-close{font-size:clamp(1.5rem,6vw,1.75rem);height:2.75rem;width:2.75rem}.checkbox-label{min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}.checkbox-label input[type=checkbox]{height:clamp(1.125rem,4.5vw,1.25rem);width:clamp(1.125rem,4.5vw,1.25rem)}.modal-footer{flex-direction:column;gap:clamp(.5rem,2vw,.625rem)}.btn-primary.cancel-btn,.btn-secondary{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.modal-content{padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,3.5vw,1rem)}.modal-header h2{font-size:clamp(1.125rem,4.5vw,1.375rem)}}.study-groups-page{margin:0 auto;max-width:1200px;padding:40px 20px}.create-form-container{border:1px solid var(--border-color)}.groups-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.groups-list h2{color:var(--text-primary);font-size:24px;margin-bottom:20px}.groups-list-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.groups-list-header h2{margin-bottom:0}.study-groups-subheader{color:var(--text-primary);font-size:13px;font-weight:900;letter-spacing:.02em;margin:18px 0 10px;opacity:.9;text-transform:uppercase}.study-groups-search{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);max-width:240px;padding:10px 12px;width:100%}.study-groups-controls{align-items:center;display:flex;gap:10px}.study-groups-filter{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);padding:10px 12px}@media (max-width:860px){.study-groups-controls{align-items:stretch;flex-direction:column;width:100%}.study-groups-search{max-width:100%}}.group-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);cursor:pointer;margin-bottom:20px;padding:25px;transition:transform .3s,box-shadow .3s,border .3s}.group-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.group-card.selected{border-color:var(--accent-color);box-shadow:0 4px 12px var(--accent-color-alpha)}.group-card h3{color:var(--text-primary);font-size:20px;margin-bottom:12px}.group-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;line-height:1.6;margin-bottom:15px;overflow:hidden}.group-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.meta-item{background-color:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);font-size:12px;font-weight:500;padding:4px 12px}.group-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:15px}.member-count{color:var(--text-secondary);font-size:14px}.join-btn,.leave-btn{border-radius:6px;font-weight:500;padding:8px 20px;transition:background-color .3s}.join-btn{background-color:var(--accent-color);color:#fff}.join-btn:hover{opacity:.9}.leave-btn{background-color:#e74c3c;color:#fff}.leave-btn:hover{background-color:#c0392b}.group-details{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);height:-webkit-fit-content;height:fit-content;padding:30px;position:-webkit-sticky;position:sticky;top:90px}.group-details h2{color:var(--text-primary);font-size:28px;margin-bottom:15px}.group-full-description{color:var(--text-secondary);line-height:1.6;margin-bottom:25px}.group-info{margin-bottom:25px}.info-item{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;padding:12px 0}.info-item strong{color:var(--text-primary);margin-right:8px}.group-actions{margin-top:25px}.action-btn{padding:12px;transition:background-color .3s;width:100%}.action-btn.join{background-color:var(--accent-color);color:#fff}.action-btn.join:hover{opacity:.9}.action-btn.leave{background-color:#e74c3c;color:#fff}.action-btn.leave:hover{background-color:#c0392b}@media (max-width:768px){.study-groups-page{padding:clamp(1rem,4vw,1.25rem) clamp(.5rem,2vw,.625rem)}.page-header{align-items:flex-start;flex-direction:column;gap:clamp(.75rem,3vw,.9375rem);margin-bottom:clamp(1rem,4vw,1.25rem)}.page-header h1{font-size:clamp(1.5rem,6vw,1.75rem)}.create-btn,.page-subtitle{font-size:clamp(.875rem,3.5vw,1rem)}.create-btn{min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}.create-form-container{padding:clamp(1rem,4vw,1.25rem)}.create-form input,.create-form select,.create-form textarea{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}.submit-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}.groups-container{gap:clamp(1rem,4vw,1.25rem);grid-template-columns:1fr}.group-card{padding:clamp(1rem,4vw,1.25rem)}.group-card h3{font-size:clamp(1.125rem,4.5vw,1.25rem)}.join-btn,.leave-btn{font-size:clamp(.8125rem,3.25vw,.9375rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem) clamp(1rem,4vw,1.25rem);width:100%}.group-details{padding:clamp(1rem,4vw,1.25rem);position:static}.group-details h2{font-size:clamp(1.25rem,5vw,1.5rem)}.action-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem}.overview-content{padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem)}.overview-section h2{font-size:clamp(1.25rem,5vw,1.5rem)}.info-grid{grid-template-columns:1fr}.auth-prompt{padding:clamp(1.5rem,6vw,1.875rem) clamp(1rem,4vw,1.25rem)}.auth-link-btn,.primary-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.study-groups-page{padding:clamp(.75rem,3vw,.9375rem) clamp(.375rem,1.5vw,.5rem)}.page-header h1{font-size:clamp(1.25rem,5vw,1.5rem)}.create-form-container,.group-card,.group-details{padding:clamp(.875rem,3.5vw,1rem)}}.create-study-group-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000073;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:3500}.create-study-group-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);max-height:90vh;overflow:auto;width:min(760px,100%)}.create-study-group-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:14px 16px}.create-study-group-header h2{color:var(--text-primary);font-size:18px;margin:0}.create-study-group-close{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:22px;height:40px;width:40px}.create-study-group-body{padding:16px}.sg-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.sg-field{display:flex;flex-direction:column;gap:6px}.sg-field span{color:var(--text-secondary);font-size:12px;font-weight:800}.sg-field input,.sg-field select,.sg-field textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);padding:10px 12px}.sg-field textarea{resize:vertical}.sg-field--full{margin-top:12px}.sg-tags-preview{color:var(--text-secondary);font-size:12px;margin-top:6px}.create-study-group-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.sg-btn{padding:10px 14px}.sg-btn:disabled{opacity:.65}@media (max-width:720px){.sg-form-grid{grid-template-columns:1fr}}.sg-chat{display:flex;flex-direction:column;gap:12px}.sg-chat__stream{background:var(--bg-secondary);height:min(420px,55vh);overflow:auto;padding:10px}.sg-chat-msg,.sg-chat__stream{border:1px solid var(--border-color);border-radius:12px}.sg-chat-msg{background:var(--card-bg);margin-bottom:10px;padding:10px 10px 8px}.sg-chat-msg--me{background:#7b9b6f14;border-color:#7b9b6f59}.sg-chat-msg__top{align-items:center;display:flex;gap:8px;margin-bottom:6px}.sg-chat-msg__name{color:var(--text-primary);font-size:13px;font-weight:900}.sg-chat-msg__time{color:var(--text-secondary);font-size:12px}.sg-chat-msg__delete{background:#dc35451f;border:1px solid #dc354559;border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:900;margin-left:auto;padding:6px 10px}.sg-chat-msg__bubble{color:var(--text-primary);line-height:1.4;white-space:pre-wrap}.sg-chat__composer{align-items:flex-end;display:flex;gap:10px}.sg-chat__composer textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);flex:1 1;max-height:140px;min-height:44px;padding:10px 12px;resize:vertical}@media (max-width:720px){.sg-chat__composer{align-items:stretch;flex-direction:column}}.sg-posts{display:flex;flex-direction:column;gap:12px}.sg-posts__composer{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:12px}.sg-posts__composerTitle{color:var(--text-primary);font-weight:900;margin-bottom:8px}.sg-posts__composer input,.sg-posts__composer textarea{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);margin-top:8px;padding:10px 12px;width:100%}.sg-posts__composer textarea{resize:vertical}.sg-posts__composerActions{display:flex;justify-content:flex-end;margin-top:10px}.sg-posts__layout{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr .9fr}.sg-posts__detail,.sg-posts__list{background:var(--bg-secondary);min-height:220px;padding:10px}.sg-postCard,.sg-posts__detail,.sg-posts__list{border:1px solid var(--border-color);border-radius:12px}.sg-postCard{background:var(--card-bg);cursor:pointer;margin-bottom:10px;padding:10px 10px 8px}.sg-postCard--active{background:#7b9b6f14;border-color:#7b9b6f59}.sg-postCard__titleRow{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sg-postCard__title{color:var(--text-primary);font-weight:900}.sg-postCard__meta{color:var(--text-secondary);font-size:12px;margin-top:4px}.sg-postCard__body{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;line-height:1.4;margin-top:8px;overflow:hidden;white-space:pre-wrap}.sg-postCard__actions{display:flex;gap:8px;margin-top:10px}.sg-posts__commentsTitle{color:var(--text-primary);font-weight:900;margin-bottom:8px}.sg-comments{display:flex;flex-direction:column;gap:10px}.sg-comment{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:10px 10px 8px}.sg-comment__top{align-items:center;display:flex;gap:8px;margin-bottom:6px}.sg-comment__name{color:var(--text-primary);font-size:13px;font-weight:900}.sg-comment__time{color:var(--text-secondary);font-size:12px}.sg-comment__delete{background:#dc35451f;border:1px solid #dc354559;border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:900;margin-left:auto;padding:6px 10px}.sg-comment__body{color:var(--text-primary);line-height:1.4;white-space:pre-wrap}.sg-posts__commentComposer{align-items:flex-end;display:flex;gap:10px;margin-top:12px}.sg-posts__commentComposer textarea{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);flex:1 1;min-height:44px;padding:10px 12px;resize:vertical}@media (max-width:920px){.sg-posts__layout{grid-template-columns:1fr}}@media (max-width:720px){.sg-posts__commentComposer{align-items:stretch;flex-direction:column}}.sg-detail{display:flex;flex-direction:column;gap:12px}.sg-detail-loading{color:var(--text-secondary);padding:18px}.sg-detail-empty{background:var(--card-bg);border:1px dashed var(--border-color);border-radius:12px;padding:18px}.sg-detail-empty__title{color:var(--text-primary);font-weight:900;margin-bottom:6px}.sg-detail-empty__sub{color:var(--text-secondary);font-size:14px}.sg-link{color:var(--accent-color);font-weight:900;text-decoration:none}.sg-detail__header{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:14px 14px 12px}.sg-detail__titleRow{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.sg-detail__title{color:var(--text-primary);font-size:18px;margin:0}.sg-detail__metaRight{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.sg-detail__subtitle{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.sg-detail__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.sg-tabs{display:flex;flex-wrap:wrap;gap:8px}.sg-tab{background:var(--card-bg);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);cursor:pointer;font-weight:900;padding:8px 12px}.sg-tab:disabled{cursor:not-allowed;opacity:.55}.sg-tab--active{background:#7b9b6f33;border-color:#7b9b6f59}.sg-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:14px}.sg-section+.sg-section{margin-top:12px}.sg-section__title{color:var(--text-primary);font-weight:900;margin-bottom:6px}.sg-section__body{line-height:1.45}.sg-note,.sg-section__body{color:var(--text-secondary)}.sg-note{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:12px;padding:12px}.sg-tagRow{display:flex;flex-wrap:wrap;gap:8px}.sg-chip{font-weight:800}.sg-chip,.sg-pill{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);font-size:12px;padding:6px 10px}.sg-pill{font-weight:900}.sg-pill--admin{background:#7b9b6f33;border-color:#7b9b6f59}.sg-btn{border:1px solid var(--border-color);border-radius:10px;cursor:pointer;font-weight:900;padding:9px 12px}.sg-btn--secondary{background:var(--card-bg);color:var(--text-primary)}.sg-btn--primary{background:var(--accent-color);border-color:#0000;color:#fff}.sg-btn--danger{background:#dc35451f;border-color:#dc354559;color:var(--text-primary)}.sg-btn:disabled{cursor:not-allowed;opacity:.6}.sg-list{display:flex;flex-direction:column;gap:10px}.sg-listItem{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:10px;justify-content:space-between;padding:10px 12px}.sg-listItem__title{color:var(--text-primary);font-weight:900}.sg-listItem__sub{color:var(--text-secondary);font-size:12px;margin-top:2px}.sg-listItem__right--buttons{display:flex;gap:8px}.sg-mini{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-weight:900;padding:8px 10px}.sg-mini--ok{background:#7b9b6f2e;border-color:#7b9b6f59}.sg-mini--no{background:#dc35451f;border-color:#dc354559}.marketplace-page{margin:0 auto;max-width:1200px;padding:40px 20px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.secondary-btn{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-weight:700;padding:12px 18px;transition:transform .2s,border-color .2s,color .2s,background-color .2s}.secondary-btn:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px)}.page-header h1{color:var(--text-primary);font-size:36px}.page-subtitle{color:var(--text-secondary);font-size:18px;margin-top:10px}.create-btn{background-color:var(--accent-color);border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:background-color .3s}.create-btn:hover{opacity:.9}.create-form-container{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:30px;padding:30px}.create-form{display:flex;flex-direction:column;gap:15px}.create-form h3{color:var(--text-primary);margin-bottom:10px}.create-form input,.create-form select,.create-form textarea{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:12px}.create-form textarea{resize:vertical}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.submit-btn{border-radius:6px;font-weight:500;margin-top:10px;padding:12px 24px}.filters-section{margin-bottom:30px}.filter-select{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;min-width:200px;padding:12px}.listings-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.listing-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:18px;transition:transform .25s,box-shadow .25s,border-color .25s}.listing-image-wrap{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;margin-bottom:14px;overflow:hidden;width:100%}.listing-image{display:block;height:180px;object-fit:cover;width:100%}.listing-card:hover{animation:marketplaceCardGlow 1.4s ease-in-out infinite;border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-3px)}@keyframes marketplaceCardGlow{0%{box-shadow:0 0 0 #0000}50%{box-shadow:0 0 18px var(--accent-color-alpha)}to{box-shadow:0 0 0 #0000}}.listing-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.listing-header h3{color:var(--text-primary);flex:1 1;font-size:20px}.listing-type{border-radius:20px;font-size:12px;font-weight:500;padding:6px 14px}.listing-type.product{background-color:#e8f5e9;color:#2e7d32}.listing-type.service{background-color:#fff3e0;color:#e65100}.listing-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;line-height:1.6;margin-bottom:15px;overflow:hidden}.listing-details{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.price{color:var(--accent-color);font-size:24px;font-weight:700}.category,.location{background-color:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);font-size:12px;font-weight:500;padding:4px 12px}.listing-footer{border-top:1px solid var(--border-color);padding-top:15px}.seller{display:block;margin-bottom:8px}.contact-info,.seller{color:var(--text-secondary);font-size:14px}.contact-info strong{color:var(--text-primary);margin-right:5px}.listing-actions{display:flex;justify-content:flex-end;margin-top:auto;padding-top:12px}.listing-action-btn{background:var(--accent-color);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:900;padding:10px 14px}.listing-action-btn:hover{opacity:.92}.loading{padding:40px}.auth-prompt{background:linear-gradient(135deg,#667eea,#764ba2)}.auth-link-btn{background-color:#fff;color:#667eea}@media (max-width:768px){.marketplace-page{padding:clamp(1rem,4vw,1.25rem) clamp(.5rem,2vw,.625rem)}.page-header{align-items:flex-start;flex-direction:column;gap:clamp(.75rem,3vw,.9375rem);margin-bottom:clamp(1rem,4vw,1.25rem)}.page-header h1{font-size:clamp(1.5rem,6vw,1.75rem)}.create-btn,.page-subtitle{font-size:clamp(.875rem,3.5vw,1rem)}.create-btn{min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}.create-form-container{padding:clamp(1rem,4vw,1.25rem)}.create-form input,.create-form select,.create-form textarea{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}.form-row{grid-template-columns:1fr}.submit-btn{padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem)}.filter-select,.submit-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;width:100%}.filter-select{min-width:auto;padding:clamp(.625rem,2.5vw,.75rem)}.listings-grid{gap:clamp(1rem,4vw,1.25rem);grid-template-columns:1fr}.listing-card{padding:clamp(1rem,4vw,1.25rem)}.listing-header h3,.price{font-size:clamp(1.125rem,4.5vw,1.25rem)}.overview-content{padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem)}.overview-section h2{font-size:clamp(1.25rem,5vw,1.5rem)}.info-grid{grid-template-columns:1fr}.auth-prompt{padding:clamp(1.5rem,6vw,1.875rem) clamp(1rem,4vw,1.25rem)}.auth-link-btn,.primary-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.marketplace-page{padding:clamp(.75rem,3vw,.9375rem) clamp(.375rem,1.5vw,.5rem)}.page-header h1{font-size:clamp(1.25rem,5vw,1.5rem)}.create-form-container,.listing-card{padding:clamp(.875rem,3.5vw,1rem)}}.subscription-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.subscription-modal{background:var(--card-bg);border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:520px;padding:32px;position:relative;width:100%}.subscription-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:16px;top:16px;transition:background-color .2s;width:32px}.subscription-modal-close:hover{background:var(--bg-secondary)}.subscription-modal h2{color:var(--text-primary);font-size:24px;margin:0 0 8px}.subscription-modal-subtitle{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 18px}.subscription-plans{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.subscription-plan{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;padding:18px;text-align:left;transition:border-color .2s,transform .2s}.subscription-plan:hover{border-color:var(--accent-color);transform:translateY(-1px)}.subscription-plan.active{background:var(--accent-color-alpha);border-color:var(--accent-color)}.subscription-plan-title{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.subscription-plan-price{color:var(--accent-color);font-size:22px;font-weight:700;margin-bottom:4px}.subscription-plan-note{color:var(--text-secondary);font-size:12px}.subscription-actions{display:flex;gap:12px}.subscription-secondary{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;flex:1 1;font-weight:600;padding:12px 18px;transition:border-color .2s,color .2s}.subscription-secondary:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.subscription-primary{background:var(--accent-color);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-weight:700;padding:12px 18px;transition:opacity .2s}.subscription-primary:hover:not(:disabled){opacity:.92}.subscription-primary:disabled,.subscription-secondary:disabled{cursor:not-allowed;opacity:.5}.subscription-hint{background:var(--bg-secondary);border-radius:10px;color:var(--text-secondary);font-size:14px;margin-top:14px;padding:12px;text-align:center}@media (max-width:560px){.subscription-plans{grid-template-columns:1fr}}.marketplace-listing-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.marketplace-listing-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 12px 40px #00000059;display:flex;flex-direction:column;max-height:min(86vh,900px);overflow:hidden;width:min(980px,100%)}.marketplace-listing-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 18px}.marketplace-listing-modal-header h2{color:var(--text-primary);font-size:18px;margin:0}.marketplace-listing-modal-close{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:26px;line-height:1}.marketplace-listing-modal-body{overflow:auto;padding:18px}.marketplace-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.marketplace-form-group{display:flex;flex-direction:column;gap:8px}.marketplace-form-group.full{grid-column:1/-1}.marketplace-form-group label{color:var(--text-secondary);font-size:12px}.marketplace-form-group input,.marketplace-form-group select,.marketplace-form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);padding:10px 12px;width:100%}.marketplace-form-group textarea{min-height:110px;resize:vertical}.marketplace-image-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:10px}.marketplace-image-tile{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;position:relative}.marketplace-image-tile img{display:block;height:110px;object-fit:cover;width:100%}.marketplace-image-actions{display:flex;gap:8px;padding:10px}.marketplace-image-actions button{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px}.marketplace-image-actions button:hover{border-color:var(--accent-color);color:var(--accent-color)}.marketplace-primary-badge{background:#000000a6;border-radius:999px;color:#fff;font-size:12px;font-weight:700;left:8px;padding:4px 8px;position:absolute;top:8px}.marketplace-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 18px}.marketplace-btn{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-weight:700;padding:10px 14px}.marketplace-btn.primary{background:var(--accent-color);border:none;color:#fff}.marketplace-btn:disabled{cursor:not-allowed;opacity:.6}.marketplace-hint{color:var(--text-secondary);font-size:13px;margin:8px 0 0}@media (max-width:860px){.marketplace-form-grid{grid-template-columns:1fr}}.shopping-cart-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;inset:0;position:fixed;z-index:1000}.shopping-cart-panel{background:var(--card-bg);border-left:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;position:absolute;right:0;top:0;width:min(420px,92vw)}.shopping-cart-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px}.shopping-cart-header h2{color:var(--text-primary);font-size:18px;margin:0}.shopping-cart-close{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:26px}.shopping-cart-body{flex:1 1;overflow:auto;padding:14px 16px}.cart-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;margin-bottom:12px;padding:12px}.cart-item-title{color:var(--text-primary);font-weight:700;margin:0 0 6px}.cart-item-meta{color:var(--text-secondary);font-size:13px;margin-bottom:10px}.cart-item-actions{gap:10px;justify-content:space-between}.cart-item-actions,.cart-qty{align-items:center;display:flex}.cart-qty{gap:8px}.cart-btn{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-weight:800;padding:8px 10px}.cart-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.cart-remove{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-weight:700}.cart-remove:hover{color:var(--accent-color)}.shopping-cart-footer{border-top:1px solid var(--border-color);padding:16px}.cart-summary{align-items:center;color:var(--text-primary);display:flex;font-weight:700;justify-content:space-between;margin-bottom:12px}.cart-checkout{background:var(--accent-color);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:800;padding:12px 14px;width:100%}.cart-checkout:disabled{cursor:not-allowed;opacity:.6}.product-gallery{display:flex;flex-direction:column;gap:12px}.gallery-main{align-items:center;aspect-ratio:1/1;background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:16px;cursor:zoom-in;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.gallery-main.no-image{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);cursor:default;font-size:14px}.gallery-main-img{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.gallery-main:hover .gallery-main-img{transform:scale(1.02)}.gallery-nav{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s,background .2s;width:40px}.gallery-main:hover .gallery-nav{opacity:1}.gallery-nav:hover{background:#000c}.gallery-nav.prev{left:12px}.gallery-nav.next{right:12px}.gallery-counter{background:#0009;border-radius:12px;bottom:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;position:absolute;right:12px}.gallery-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:4px 0}.thumbnail{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:64px;overflow:hidden;padding:0;transition:border-color .2s,transform .2s;width:64px}.thumbnail:hover{transform:scale(1.05)}.thumbnail.active{border-color:#6366f1;border-color:var(--primary,#6366f1)}.thumbnail img{height:100%;object-fit:cover;width:100%}.gallery-zoom-overlay{background:#000000f2;bottom:0;cursor:zoom-out;left:0;position:fixed;right:0;top:0;z-index:9999}.gallery-zoom-overlay,.zoom-close{align-items:center;display:flex;justify-content:center}.zoom-close{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:28px;height:44px;position:absolute;right:20px;top:20px;transition:background .2s;width:44px}.zoom-close:hover{background:#fff3}.zoomed-image{border-radius:8px;cursor:default;max-height:85vh;max-width:90vw;object-fit:contain}.zoom-nav{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s;width:50px}.zoom-nav:hover{background:#fff3}.zoom-nav.prev{left:20px}.zoom-nav.next{right:20px}@media (max-width:768px){.thumbnail{height:56px;width:56px}.gallery-nav{font-size:20px;height:36px;opacity:1;width:36px}.zoom-nav{font-size:24px;height:44px;width:44px}}.product-detail-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.product-error,.product-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px;text-align:center}.product-error h2{color:#fff;color:var(--text-primary,#fff);font-size:24px}.product-error p{color:#8a8aa3;color:var(--text-secondary,#8a8aa3)}.back-btn{background:#6366f1;background:var(--primary,#6366f1);display:inline-block;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s}.back-btn:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.product-breadcrumb{align-items:center;color:#8a8aa3;color:var(--text-secondary,#8a8aa3);display:flex;flex-wrap:wrap;font-size:14px;gap:8px;margin-bottom:24px}.product-breadcrumb a{color:#6366f1;color:var(--primary,#6366f1);text-decoration:none;transition:color .2s}.product-breadcrumb a:hover{color:#818cf8;color:var(--primary-light,#818cf8)}.product-breadcrumb .separator{color:#4a4a5a;color:var(--text-muted,#4a4a5a)}.product-breadcrumb .current{color:#fff;color:var(--text-primary,#fff);font-weight:500}.product-detail-content{grid-gap:48px;display:grid;gap:48px;grid-template-columns:1fr 1fr;margin-bottom:48px}.product-gallery-section{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:24px}.product-info-section{display:flex;flex-direction:column;gap:20px}.product-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.product-type-badge{align-items:center;background:#6366f126;border-radius:20px;color:#6366f1;color:var(--primary,#6366f1);display:inline-flex;font-size:12px;font-weight:600;padding:6px 12px}.product-type-badge.service{background:#22c55e26;color:#22c55e}.product-category{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:20px;color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:12px;padding:6px 12px}.product-title{color:#fff;color:var(--text-primary,#fff);font-size:32px;font-weight:700;line-height:1.2;margin:0}.product-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#6366f1;color:var(--primary,#6366f1);font-size:36px;font-weight:800}.product-description{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:12px;padding:20px}.product-description h3{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.product-description p{color:#fff;color:var(--text-primary,#fff);line-height:1.7;margin:0}.seller-info{align-items:center;display:flex;font-size:14px;gap:8px}.seller-label{color:#8a8aa3;color:var(--text-secondary,#8a8aa3)}.seller-name{color:#fff;color:var(--text-primary,#fff);font-weight:500}.stock-status{align-items:center;border-radius:8px;display:inline-flex;font-size:14px;font-weight:600;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.stock-status.in-stock{background:#22c55e26;color:#22c55e}.stock-status.out-of-stock{background:#ef444426;color:#ef4444}.quantity-selector{align-items:center;display:flex;gap:16px}.quantity-selector label{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:14px;font-weight:500}.quantity-controls{align-items:center;background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:8px;display:flex;overflow:hidden}.quantity-controls button{background:#0000;border:none;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:20px;height:40px;transition:background .2s;width:40px}.quantity-controls button:hover:not(:disabled){background:#6366f126}.quantity-controls button:disabled{cursor:not-allowed;opacity:.4}.quantity-value{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:600;min-width:48px;text-align:center}.product-actions{display:flex;gap:12px;margin-top:8px}.add-to-cart-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:16px 32px;transition:transform .2s,box-shadow .2s}.add-to-cart-btn:hover:not(:disabled){box-shadow:0 8px 24px #6366f166;transform:translateY(-2px)}.add-to-cart-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.view-cart-btn{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:2px solid #6366f1;border:2px solid var(--primary,#6366f1);border-radius:12px;color:#6366f1;color:var(--primary,#6366f1);cursor:pointer;font-size:14px;font-weight:600;padding:16px 24px;transition:background .2s}.view-cart-btn:hover{background:#6366f11a}.related-products{border-top:1px solid #ffffff1a;margin-top:48px;padding-top:48px}.related-products h2{color:#fff;color:var(--text-primary,#fff);font-size:24px;font-weight:700;margin:0 0 24px}.related-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.related-card{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}.related-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.related-image{aspect-ratio:1/1;object-fit:cover;width:100%}.related-info{padding:16px}.related-info h4{color:#fff;color:var(--text-primary,#fff);font-size:14px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-price{color:#6366f1;color:var(--primary,#6366f1);font-size:16px;font-weight:700}@media (max-width:1024px){.product-detail-content{gap:32px;grid-template-columns:1fr}.product-gallery-section{position:static}}@media (max-width:640px){.product-detail-page{padding:16px}.product-title{font-size:24px}.product-price{font-size:28px}.product-actions{flex-direction:column}.add-to-cart-btn,.view-cart-btn{width:100%}}.order-card{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #ffffff0d;border-radius:12px;display:block;padding:20px;text-decoration:none;transition:transform .2s,box-shadow .2s}.order-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.order-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.order-id{color:#fff;color:var(--text-primary,#fff);font-size:14px;font-weight:600}.order-status{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.order-status.status-pending{background:#eab30826;color:#eab308}.order-status.status-paid{background:#3b82f626;color:#3b82f6}.order-status.status-processing{background:#a855f726;color:#a855f7}.order-status.status-shipped{background:#22c55e26;color:#22c55e}.order-status.status-delivered{background:#22c55e40;color:#22c55e}.order-status.status-cancelled{background:#ef444426;color:#ef4444}.order-card-body{display:flex;gap:16px;margin-bottom:16px}.order-image{background:#0f0f1a;background:var(--bg-darker,#0f0f1a);border-radius:8px;flex-shrink:0;height:64px;overflow:hidden;position:relative;width:64px}.order-image img{height:100%;object-fit:cover;width:100%}.item-count{background:#000000b3;border-radius:10px;bottom:4px;color:#fff;font-size:10px;padding:2px 6px;position:absolute;right:4px}.order-details{flex:1 1;min-width:0}.order-items{color:#fff;color:var(--text-primary,#fff);font-size:14px;margin:0 0 4px;text-overflow:ellipsis;white-space:nowrap}.order-buyer,.order-tracking{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:12px;margin:0}.order-card-footer{align-items:center;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;padding-top:16px}.order-date{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:12px}.order-total{color:#6366f1;color:var(--primary,#6366f1);font-size:18px;font-weight:700}.orders-page{margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.orders-container{display:flex;flex-direction:column;gap:24px}.orders-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.orders-header h1{color:#fff;color:var(--text-primary,#fff);font-size:28px;font-weight:700;margin:0}.orders-subtitle{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);margin:4px 0 0}.back-btn{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #ffffff1a;color:var(--text-primary,#fff);padding:10px 20px}.back-btn:hover{background:#6366f11a}.orders-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.empty-state p{margin-bottom:20px}.shop-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:transform .2s}.shop-btn:hover{transform:translateY(-2px)}@media (max-width:640px){.orders-page{padding:16px}.orders-header{flex-direction:column}.orders-grid{grid-template-columns:1fr}}.order-detail-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.order-detail-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;max-height:86vh;overflow:hidden;width:min(900px,100%)}.order-detail-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 18px}.order-detail-header h2{color:var(--text-primary);font-size:18px;margin:0}.order-detail-close{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:26px}.order-detail-body{overflow:auto;padding:18px}.order-kv{grid-gap:10px;border-bottom:1px solid var(--border-color);display:grid;gap:10px;grid-template-columns:160px 1fr;padding:10px 0}.order-kv .k{color:var(--text-secondary);font-size:12px}.order-kv .v{color:var(--text-primary);font-size:13px;font-weight:700}.order-items{border:1px solid var(--border-color);border-radius:14px;margin-top:14px;overflow:hidden}.order-item-row{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 14px}.order-item-row:last-child{border-bottom:none}.order-item-row .title{color:var(--text-primary);font-weight:800}.order-item-row .meta{color:var(--text-secondary);font-size:12px;margin-top:4px}.order-fulfillment-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.order-fulfillment-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;max-height:86vh;overflow:hidden;width:min(900px,100%)}.order-fulfillment-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 18px}.order-fulfillment-header h2{color:var(--text-primary);font-size:18px;margin:0}.order-fulfillment-close{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:26px}.order-fulfillment-body{overflow:auto;padding:18px}.seller-field{margin-bottom:12px}.seller-field label{color:var(--text-secondary);display:block;font-size:12px;margin-bottom:6px}.seller-field input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);padding:10px 12px;width:100%}.seller-actions{margin-top:12px}.seller-btn:disabled{cursor:not-allowed;opacity:.6}.rate-list{margin-top:12px}.rate-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;margin-bottom:10px;padding:10px 12px}.rate-item.active{border-color:var(--accent-color)}.seller-dashboard{margin:0 auto;max-width:1200px;padding:40px 20px}.seller-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.seller-header h1{color:var(--text-primary);margin:0}.seller-actions{display:flex;flex-wrap:wrap;gap:10px}.seller-btn{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-weight:800;padding:10px 14px}.seller-btn.primary{background:var(--accent-color);border:none;color:#fff}.seller-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.seller-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:14px}.seller-card h2{color:var(--text-primary);font-size:16px;margin:0 0 10px}.seller-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.seller-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:12px}.seller-item-top{display:flex;gap:10px;justify-content:space-between}.seller-item-title{color:var(--text-primary);font-weight:800}.seller-item-meta{color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between;margin-top:6px}.seller-item-actions{display:flex;gap:8px;margin-top:10px}.seller-item-actions button{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-weight:800;padding:8px 10px}.seller-item-actions button:hover{border-color:var(--accent-color);color:var(--accent-color)}@media (max-width:900px){.seller-grid{grid-template-columns:1fr}}.seller-orders-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.seller-orders-container{display:flex;flex-direction:column;gap:24px}.seller-orders-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.seller-orders-header h1{color:#fff;color:var(--text-primary,#fff);font-size:28px;font-weight:700;margin:0}.subtitle{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);margin:4px 0 0}.header-actions{gap:12px}.dashboard-btn,.listings-btn{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-size:14px;padding:10px 20px;text-decoration:none;transition:background .2s}.dashboard-btn:hover,.listings-btn:hover{background:#6366f11a}.orders-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #ffffff1a;border-radius:20px;color:#8a8aa3;color:var(--text-secondary,#8a8aa3);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.filter-btn:hover{background:#6366f11a;color:#fff;color:var(--text-primary,#fff)}.filter-btn.active{background:#6366f1;background:var(--primary,#6366f1);border-color:#6366f1;border-color:var(--primary,#6366f1);color:#fff}.orders-table-wrap{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:12px;overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table td,.orders-table th{border-bottom:1px solid #ffffff0d;padding:16px;text-align:left}.orders-table th{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.orders-table td{color:#fff;color:var(--text-primary,#fff);font-size:14px}.order-id-cell{font-family:monospace;font-size:12px}.total-cell{color:#6366f1;color:var(--primary,#6366f1);font-weight:700}.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px}.status-badge.status-paid{background:#3b82f626;color:#3b82f6}.status-badge.status-shipped{background:#22c55e26;color:#22c55e}.status-badge.status-delivered{background:#22c55e40;color:#22c55e}.status-badge.status-cancelled{background:#ef444426;color:#ef4444}.actions-cell{display:flex;gap:8px}.action-btn{transition:transform .2s}.action-btn:hover{transform:translateY(-1px)}.ship-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.deliver-btn{background:#22c55e33;color:#22c55e}.view-btn{background:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.empty-state{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:16px}.empty-message,.empty-state p{color:#8a8aa3;color:var(--text-secondary,#8a8aa3)}.modal-overlay{background:#000c;bottom:0;left:0;right:0;top:0;z-index:9999}.modal-content{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:16px;padding:24px}.modal-content h3{color:#fff;color:var(--text-primary,#fff);margin:0 0 8px}.modal-content>p{font-size:14px;margin:0 0 20px}.form-group label,.modal-content>p{color:#8a8aa3;color:var(--text-secondary,#8a8aa3)}.form-group label{font-size:12px;margin-bottom:6px}.form-group input,.form-group select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-primary,#fff);width:100%}.modal-actions{gap:12px;margin-top:24px}.cancel-btn,.confirm-btn{padding:10px 20px}.confirm-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600}.confirm-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.seller-orders-header{flex-direction:column}.orders-table td:nth-child(3),.orders-table th:nth-child(3){display:none}.actions-cell{flex-direction:column}}.profiles-page{margin:0 auto;max-width:1200px;padding:40px 20px}.profile-hero{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);gap:30px;margin-bottom:30px;padding:40px}.hero-avatar,.profile-hero{align-items:center;display:flex}.hero-avatar{border-radius:50%;box-shadow:var(--shadow-md);color:#fff;flex-shrink:0;font-size:48px;font-weight:600;height:120px;justify-content:center;width:120px}.hero-info{flex:1 1}.hero-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:8px}.hero-info h1{color:var(--text-primary);font-size:36px;margin:0}.hero-edit-btn{font-size:14px;padding:6px 12px}.hero-subtitle{font-size:18px;margin:0 0 4px}.hero-state,.hero-subtitle{color:var(--text-secondary)}.hero-state{font-size:16px;font-style:italic;margin:4px 0 0}.hero-edit-form{display:flex;flex-direction:column;gap:20px;width:100%}.hero-edit-form .form-group{display:flex;flex-direction:column;gap:8px}.hero-edit-form label{color:var(--text-primary);font-size:14px;font-weight:500}.hero-edit-form .form-hint{color:var(--text-secondary);font-size:12px;font-style:italic;margin-top:-4px}.checkbox-group{margin-top:8px}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label span{color:var(--text-secondary);font-size:14px}.hero-state-selector{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:12px;margin-top:12px;padding-top:12px}.state-select-small{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;max-width:200px;min-width:150px;padding:6px 10px;transition:border-color .2s;width:auto}.state-select-small:focus{border-color:var(--accent-color);outline:none}.checkbox-label-small{align-items:center;cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:6px}.checkbox-label-small input[type=checkbox]{cursor:pointer;height:16px;width:16px}.checkbox-label-small span{color:var(--text-secondary);font-size:13px}.profile-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:30px;padding:30px}.section-header{border-bottom:2px solid var(--border-color);margin-bottom:20px;padding-bottom:15px}.section-header h2{color:var(--text-primary);font-size:24px;margin:0}.edit-section-btn{background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .3s}.edit-section-btn:hover{opacity:.9}.view-events-btn{background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .3s}.view-events-btn:hover{opacity:.9}.section-content{color:var(--text-secondary);line-height:1.6}.empty-text{color:var(--text-secondary);font-style:italic}.edit-section{display:flex;flex-direction:column;gap:15px}.edit-input,.edit-textarea{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .2s}.edit-input:focus,.edit-textarea:focus{border-color:var(--accent-color);outline:none}.edit-actions{gap:12px}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.save-btn{background-color:var(--accent-color);color:#fff}.save-btn:hover{opacity:.9}.interests-list{display:flex;flex-wrap:wrap;gap:10px}.interest-tag{background-color:var(--bg-secondary);border-radius:20px;color:var(--text-secondary);display:inline-block;font-size:14px;font-weight:500;padding:8px 16px}.learner-events-list{display:flex;flex-direction:column;gap:12px}.learner-event-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:15px;transition:all .2s}.learner-event-item:hover{background:var(--card-bg);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.learner-event-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.learner-event-item h3{color:var(--text-primary);flex:1 1;font-size:18px;margin:0}.attending-badge{background-color:#28a74533;color:#28a745}.attending-badge,.event-creator-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;white-space:nowrap}.event-creator-badge{background-color:#4caf5033;color:#4caf50}.learner-event-details{color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;gap:4px}.event-attendees-list{border-top:1px solid var(--border-color);margin-top:12px;padding-top:12px}.event-attendees-list strong{color:var(--text-primary);display:block;font-size:13px;margin-bottom:8px}.attendee-names{display:flex;flex-wrap:wrap;gap:6px}.attendee-name{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.learners-empty{padding:40px 20px;text-align:center}.learners-empty p{color:var(--text-secondary);font-size:16px;margin-bottom:20px}.learners-list{display:flex;flex-direction:column;gap:20px}.learner-card{align-items:flex-start;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--accent-color);border-radius:8px;gap:15px;justify-content:space-between;padding:20px;position:relative;transition:all .2s}.learner-card-content{cursor:pointer;flex:1 1}.learner-card:hover{background-color:var(--card-bg);box-shadow:var(--shadow-md);transform:translateY(-2px)}.delete-learner-btn{align-items:center;background-color:initial;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:30px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:30px}.delete-learner-btn:hover{background-color:var(--accent-color);color:#fff;transform:scale(1.1)}.learner-card-header{align-items:center;gap:12px;margin-bottom:12px}.learner-card h3{color:var(--text-primary);flex:1 1;font-size:20px;margin:0}.learner-events-badge{align-items:center;background-color:var(--accent-color);border-radius:12px;color:#fff;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.learner-details{color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;gap:8px}.add-learner-btn{background-color:var(--accent-color);background-image:linear-gradient(135deg,var(--accent-color) 0,var(--accent-color) 100%);background-position:0 100%;background-size:100% 100%;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;overflow:hidden;padding:12px 24px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.add-learner-btn:before{background-image:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border-radius:8px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity 1s ease;z-index:0}.add-learner-btn:hover:before{opacity:1}.add-learner-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.add-learner-btn span{color:#fff;display:inline-block;position:relative;transition:color 1s ease;z-index:1}.add-learner-btn:hover span{color:var(--accent-color)}.loading{color:var(--text-secondary);font-size:18px;padding:60px 20px;text-align:center}.overview-content{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-sm);padding:40px}.overview-section{margin-bottom:40px}.overview-section h2{color:var(--text-primary);font-size:28px;margin-bottom:20px}.feature-list{list-style:none;padding:0}.feature-list li{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:16px;padding:12px 0}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.info-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px}.info-card h3{color:var(--text-primary);font-size:18px;margin-bottom:10px}.info-card p{color:var(--text-secondary);line-height:1.6}.auth-prompt{background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-color) 100%);border-radius:12px;color:#fff;margin-top:40px;opacity:.9;padding:40px;text-align:center}.auth-prompt h2{margin-bottom:15px}.auth-prompt p{margin-bottom:20px;opacity:.95}.auth-link-btn{background-color:var(--card-bg);border-radius:8px;color:var(--accent-color);display:inline-block;font-weight:600;padding:12px 28px;text-decoration:none;transition:transform .2s}.auth-link-btn:hover{transform:translateY(-2px)}.authenticated-cta{margin-top:40px;text-align:center}.primary-btn{background-color:var(--accent-color);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:14px 32px;text-decoration:none;transition:background-color .3s}.primary-btn:hover{opacity:.9}@media (max-width:768px){.profiles-page{padding:clamp(1rem,4vw,1.25rem) clamp(.5rem,2vw,.625rem)}.profile-hero{flex-direction:column;padding:clamp(1.5rem,6vw,1.875rem) clamp(1rem,4vw,1.25rem);text-align:center}.hero-avatar{font-size:clamp(2rem,8vw,2.5rem);height:clamp(5rem,20vw,6.25rem);margin:0 auto;width:clamp(5rem,20vw,6.25rem)}.hero-info{width:100%}.hero-header{align-items:center;flex-direction:column;gap:clamp(.625rem,2.5vw,.75rem)}.hero-info h1{font-size:clamp(1.5rem,6vw,1.75rem)}.hero-subtitle{font-size:clamp(.875rem,3.5vw,1rem)}.hero-edit-btn{font-size:clamp(.8125rem,3.25vw,.875rem);min-height:2.75rem;padding:clamp(.5rem,2vw,.625rem) clamp(.875rem,3vw,1rem)}.hero-state-selector{align-items:flex-start;flex-direction:column}.state-select-small{font-size:clamp(.875rem,3.5vw,1rem);max-width:none;min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem);width:100%}.profile-section{padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem)}.section-header{align-items:flex-start;flex-direction:column;gap:clamp(.625rem,2.5vw,.75rem)}.section-header h2{font-size:clamp(1.25rem,5vw,1.375rem)}.edit-section-btn{font-size:clamp(.8125rem,3.25vw,.9375rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem) clamp(1rem,4vw,1.25rem);width:100%}.edit-input,.edit-textarea{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}.edit-actions{flex-direction:column;width:100%}.add-learner-btn,.cancel-btn,.save-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}.learner-card{padding:clamp(.875rem,3.5vw,1rem)}.learner-card h3{font-size:clamp(1.125rem,4.5vw,1.25rem)}.overview-content{padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem)}.overview-section h2{font-size:clamp(1.25rem,5vw,1.5rem)}.info-grid{grid-template-columns:1fr}.auth-prompt{padding:clamp(1.5rem,6vw,1.875rem) clamp(1rem,4vw,1.25rem)}.auth-link-btn,.primary-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.profiles-page{padding:clamp(.75rem,3vw,.9375rem) clamp(.375rem,1.5vw,.5rem)}.profile-hero{padding:clamp(1.25rem,5vw,1.5rem) clamp(.875rem,3.5vw,1rem)}.hero-avatar{font-size:clamp(1.75rem,7vw,2rem);height:clamp(4rem,16vw,5rem);width:clamp(4rem,16vw,5rem)}.hero-info h1{font-size:clamp(1.25rem,5vw,1.5rem)}.profile-section{padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,3.5vw,1rem)}.section-header h2{font-size:clamp(1.125rem,4.5vw,1.25rem)}}.add-learner-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;filter:none;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.add-learner-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);filter:none;max-width:500px;padding:30px;position:relative;width:100%}.modal-close-btn{background:none;font-size:28px;height:30px;line-height:1;padding:0;transition:color .2s;width:30px}.add-learner-modal h2{color:var(--text-primary);font-size:24px;margin:0 0 25px}.add-learner-form{gap:20px}.add-learner-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:var(--text-primary)}.required{color:#e74c3c}.form-group input,.form-group select{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.form-group input.error,.form-group select.error{border-color:#e74c3c}.error-message{color:#e74c3c;font-size:12px;margin-top:-5px}.form-actions{align-items:center;justify-content:flex-end;margin-top:10px}.cancel-btn,.submit-btn{align-items:center;border:1px solid #0000;border-radius:6px;box-shadow:none;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;height:44px;justify-content:center;line-height:1.2;margin:0;outline:none;padding:12px 24px;transition:all .2s;white-space:nowrap;width:160px}.cancel-btn{background-color:var(--bg-secondary);color:var(--text-secondary)}.cancel-btn:hover{background-color:var(--border-color);color:var(--text-primary)}.submit-btn{background-color:var(--accent-color);color:#fff}.submit-btn:hover{box-shadow:var(--shadow-sm);opacity:.9;transform:translateY(-1px)}.submit-btn:disabled{background-color:var(--border-color);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.registration-success{padding:10px 0;text-align:center}.success-icon{align-items:center;background-color:#27ae60;border-radius:50%;color:#fff;display:flex;font-size:36px;font-weight:700;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.registration-success h2{color:#27ae60;margin-bottom:10px}.success-message{color:var(--text-secondary);font-size:14px;margin-bottom:30px}.credentials-box{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;margin-bottom:25px;padding:20px;text-align:left}.credential-item{margin-bottom:20px}.credential-item:last-child{margin-bottom:0}.credential-item label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.credential-value{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:Courier New,monospace;font-size:14px;padding:12px;word-break:break-all}.password-container{align-items:center;display:flex;gap:8px}.password-input{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;font-size:14px;font-weight:600;letter-spacing:1px;padding:12px}.password-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.copy-password-btn{align-items:center;background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;min-height:44px;padding:12px 24px;transition:all .2s;white-space:nowrap}.copy-password-btn:hover{box-shadow:var(--shadow-sm);opacity:.9;transform:translateY(-1px)}.password-warning{color:#e67e22;font-size:12px;font-style:italic;margin-bottom:0;margin-top:10px}@media (max-width:768px){.add-learner-modal-overlay{align-items:flex-end;padding:clamp(.5rem,2vw,.625rem)}.add-learner-modal{border-radius:clamp(1rem,4vw,1.25rem) clamp(1rem,4vw,1.25rem) 0 0;max-height:95vh;max-width:100%;overflow-y:auto;padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem);width:100%}.add-learner-modal h2{font-size:clamp(1.125rem,4.5vw,1.375rem);margin-bottom:clamp(1rem,4vw,1.25rem)}.modal-close-btn{font-size:clamp(1.75rem,7vw,2rem);height:2.75rem;right:clamp(.5rem,2vw,.625rem);top:clamp(.5rem,2vw,.625rem);width:2.75rem}.form-group input,.form-group select{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}.form-actions{flex-direction:column;gap:clamp(.5rem,2vw,.625rem)}.cancel-btn,.submit-btn{width:100%}.cancel-btn,.copy-password-btn,.submit-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem)}.password-container{align-items:stretch;flex-direction:column}.password-input{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}}@media (max-width:480px){.add-learner-modal{padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,3.5vw,1rem)}.add-learner-modal h2{font-size:clamp(1rem,4vw,1.25rem)}}.my-events-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;filter:none;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.my-events-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);display:flex;filter:none;flex-direction:column;max-height:90vh;max-width:900px;position:relative;width:100%}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:40px;z-index:10}.modal-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.my-events-header{border-bottom:1px solid var(--border-color);padding:30px 30px 20px}.my-events-header h2{color:var(--text-primary);font-size:28px;margin:0}.my-events-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:0;padding:0 30px}.tab-btn{border-bottom:3px solid #0000;color:var(--text-secondary);font-size:16px;padding:15px 25px;position:relative;top:1px;transition:all .2s ease}.tab-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.tab-btn.active{background:#0000;border-bottom-color:var(--accent-color);color:var(--accent-color)}.my-events-content{flex:1 1;overflow-y:auto;padding:30px}.loading-message{color:var(--text-secondary);padding:40px;text-align:center}.events-list{display:flex;flex-direction:column;gap:20px}.event-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px;transition:all .2s ease}.event-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.event-card.past-event{opacity:.7}.event-card-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:15px}.event-card-header h3{color:var(--text-primary);font-size:20px;margin:0}.past-badge{background:var(--text-secondary);border-radius:12px;color:var(--card-bg);font-size:12px;font-weight:600;padding:4px 12px}.rsvp-pending-badge{background-color:#ffc10733;border-radius:4px;color:#ffc107;font-size:12px;font-weight:500;padding:4px 8px;white-space:nowrap}.event-card-body{display:flex;flex-direction:column;gap:12px}.event-description{color:var(--text-secondary);line-height:1.6;margin:0 0 15px}.event-details{gap:8px}.event-detail-item{gap:10px}.detail-label{color:var(--text-primary);font-weight:600;min-width:100px}.detail-value{color:var(--text-secondary);flex:1 1}.event-url{color:var(--accent-color);text-decoration:none;word-break:break-all}.event-url:hover{text-decoration:underline}.empty-state{color:var(--text-secondary);padding:60px 20px}.empty-state p{font-size:16px;margin:0}.event-attendees-section{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.attendees-section-title{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:12px}.attendee-list-container{display:flex;flex-direction:column;gap:12px}.attendee-list-columns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.attendee-list-column{display:flex;flex-direction:column;gap:6px}.attendee-list-item{align-items:center;display:flex;font-size:13px;gap:8px;padding:4px 0}.attendee-number{color:var(--text-primary);font-weight:600;min-width:28px}.attendee-name-text{color:var(--text-secondary);flex:1 1}.attendee-pagination{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:center;margin-top:8px;padding-top:12px}.pagination-btn{background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.pagination-info{color:var(--text-secondary);font-size:13px;font-weight:500}@media (max-width:768px){.my-events-modal{border-radius:0;max-height:100vh;max-width:100%}.my-events-header{padding:20px 20px 15px}.my-events-header h2{font-size:24px}.my-events-tabs{padding:0 20px}.tab-btn{font-size:14px;padding:12px 15px}.my-events-content{padding:20px}.event-card{padding:15px}.event-card-header h3{font-size:18px}.event-detail-item{flex-direction:column;gap:4px}.detail-label{min-width:auto}}.event-detail-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;filter:none;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.event-detail-modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);filter:none;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;position:relative;width:100%}.event-detail-modal-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.event-detail-modal-header h2{color:var(--text-primary);font-size:24px;margin:0}.event-detail-modal-close{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;line-height:1;padding:0;transition:color .2s;width:30px}.event-detail-modal-close:hover{color:var(--text-primary)}.event-detail-modal-body{display:flex;flex-direction:column;gap:20px}.event-detail-type{margin-bottom:10px}.event-type-badge{background-color:var(--bg-secondary);border-radius:6px;color:var(--text-primary);display:inline-block;font-size:14px;font-weight:600;padding:6px 12px}.event-detail-description{color:var(--text-secondary);line-height:1.6}.event-detail-description p{margin:0}.event-detail-info{display:flex;flex-direction:column;gap:12px}.event-detail-item{color:var(--text-secondary);display:flex;font-size:14px;gap:8px}.event-detail-item strong{color:var(--text-primary);font-weight:600;min-width:100px}.event-detail-item a{color:var(--accent-color);text-decoration:none}.event-detail-item a:hover{text-decoration:underline}.event-detail-actions{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.event-detail-cancel-btn{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s;width:100%}.event-detail-cancel-btn:hover:not(:disabled){background-color:#c0392b;transform:translateY(-1px)}.event-detail-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.event-detail-past-message{background-color:var(--bg-secondary);border-radius:6px;color:var(--text-secondary);font-style:italic;margin-top:20px;padding:12px;text-align:center}@media (max-width:768px){.event-detail-modal-overlay{padding:10px}.event-detail-modal-content{max-height:95vh;padding:20px}.event-detail-modal-header h2{font-size:20px}.event-detail-item{flex-direction:column;gap:4px}.event-detail-item strong{min-width:auto}}.settings-page{margin-top:70px;min-height:calc(100vh - 70px);padding:60px 24px}.settings-container{margin:0 auto;max-width:1280px}.settings-title{color:var(--text-primary);font-size:48px;font-weight:800;letter-spacing:-.02em;margin-bottom:48px}.settings-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 2px 8px #00000014;margin-bottom:32px;padding:40px;transition:box-shadow .25s}.settings-section:hover{box-shadow:0 4px 16px #0000001f}.settings-section-title{margin-bottom:12px}.settings-section-description{font-size:15px;margin-bottom:24px}.theme-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.theme-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1)}.theme-card:before{background:linear-gradient(90deg,var(--accent-color),#0000);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .35s}.theme-card:hover{border-color:var(--accent-color);box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.theme-card:hover:before{opacity:1}.theme-card.active{border-color:var(--accent-color);border-width:3px;box-shadow:0 0 0 3px var(--accent-color-alpha)}.theme-card.active:before{opacity:1}.theme-preview{margin-bottom:16px}.theme-preview-bg{align-items:center;border:1px solid var(--border-color);border-radius:8px;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;width:100%}.theme-preview-text{font-size:32px;font-weight:700;z-index:1}.theme-preview-accent{bottom:0;height:20px;left:0;position:absolute;right:0;z-index:0}.theme-info{text-align:center}.theme-name{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:4px}.theme-description{color:var(--text-secondary);font-size:13px;margin:0}.theme-checkmark{align-items:center;background:var(--accent-color);border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px}.custom-theme-picker{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;margin-top:32px;padding:32px}.custom-theme-title{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.custom-theme-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:24px}.custom-preview-tile{border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:32px;overflow:hidden}.custom-preview-bg{align-items:center;display:flex;justify-content:center;min-height:200px;padding:24px;width:100%}.custom-preview-card{border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm);max-width:400px;padding:20px;width:100%}.custom-preview-text-primary{font-size:18px;font-weight:600;margin-bottom:8px}.custom-preview-text-secondary{font-size:14px;margin-bottom:16px}.custom-preview-accent-bar{border-radius:2px;height:4px;width:100%}.color-picker-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:24px}.color-picker-item{display:flex;flex-direction:column;gap:8px}.color-picker-label{color:var(--text-primary);font-size:14px;font-weight:500}.color-picker-wrapper{align-items:center;display:flex;gap:12px}.color-picker-input{background:none;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;height:40px;overflow:hidden;padding:0;width:60px}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:6px}.color-picker-text{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;font-size:14px;padding:10px 12px;transition:border-color .2s}.color-picker-text:focus{border-color:var(--accent-color);outline:none}.custom-theme-actions{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;margin-top:24px;padding-top:24px}.save-custom-theme-btn{background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.save-custom-theme-btn:hover:not(:disabled){box-shadow:var(--shadow-md);opacity:.9;transform:translateY(-1px)}.save-custom-theme-btn:disabled{cursor:not-allowed;opacity:.6}.custom-theme-card{position:relative}.custom-theme-card:after{content:"✨";font-size:18px;position:absolute;right:8px;top:8px}@media (max-width:768px){.settings-page{padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,3.5vw,1rem)}.settings-section{padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem)}.theme-grid{gap:clamp(.875rem,3.5vw,1rem);grid-template-columns:1fr}.custom-theme-picker{padding:clamp(1rem,4vw,1.25rem)}.color-picker-grid{gap:clamp(.875rem,3.5vw,1rem);grid-template-columns:1fr}.color-picker-wrapper{align-items:stretch;flex-direction:column}.color-picker-input{width:100%}.settings-section-title{font-size:clamp(1.125rem,4.5vw,1.25rem)}.theme-card{padding:clamp(.875rem,3.5vw,1rem)}.theme-card h3{font-size:clamp(1.125rem,4.5vw,1.25rem)}.reset-theme-btn,.save-theme-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.settings-page{padding:clamp(.75rem,3vw,.9375rem) clamp(.375rem,1.5vw,.5rem)}.settings-section{padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,3.5vw,1rem)}.settings-section-title{font-size:clamp(1rem,4vw,1.125rem)}.theme-card{padding:clamp(.625rem,2.5vw,.75rem)}}.account-settings-page{background:var(--bg-primary);min-height:100vh;padding:100px 24px 40px}.account-settings-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 4px 16px #00000014;margin:0 auto;max-width:900px;padding:48px;transition:box-shadow .25s}.account-settings-container:hover{box-shadow:0 8px 24px #0000001f}.account-settings-title{color:var(--text-primary);font-size:40px;font-weight:800;letter-spacing:-.02em;margin:0 0 40px}.account-settings-section{border-bottom:1px solid var(--border-color);margin-bottom:40px;padding-bottom:30px}.account-settings-section:last-of-type{border-bottom:none;margin-bottom:30px}.settings-section-title{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.01em;margin:0 0 12px}.settings-section-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 20px}.settings-field{margin-bottom:20px}.settings-label{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:500;gap:8px;margin-bottom:8px}.tooltip-trigger{position:relative}.tooltip-icon,.tooltip-trigger{align-items:center;cursor:help;display:inline-flex}.tooltip-icon{background-color:var(--accent-color);border-radius:50%;color:#fff;font-size:13px;font-weight:600;height:20px;justify-content:center;transition:all .2s;width:20px}.tooltip-trigger:hover .tooltip-icon{background-color:var(--accent-color);transform:scale(1.1)}.tooltip-trigger:after{background-color:var(--text-primary);border-radius:6px;bottom:100%;color:var(--card-bg);content:attr(title);font-size:12px;left:50%;margin-bottom:8px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap;z-index:1000}.tooltip-trigger:hover:after{opacity:1}.settings-select{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:500;max-width:400px;padding:14px 18px;transition:all .25s;width:100%}.settings-select:focus,.settings-select:hover{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha)}.settings-select:focus{outline:none}.settings-checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;gap:10px;-webkit-user-select:none;user-select:none}.settings-checkbox{accent-color:var(--accent-color);cursor:pointer;height:20px;width:20px}.account-settings-actions{display:flex;justify-content:flex-end;margin-top:30px}.save-settings-btn{background-color:var(--accent-color);border:none;border-radius:12px;box-shadow:0 4px 14px 0 #4a90e24d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 36px;transition:all .25s cubic-bezier(.4,0,.2,1)}.save-settings-btn:hover:not(:disabled){box-shadow:0 8px 24px #4a90e266;transform:translateY(-2px)}.save-settings-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.account-settings-page{padding:clamp(4rem,16vw,5rem) clamp(.5rem,2vw,.625rem) clamp(1rem,4vw,1.25rem)}.account-settings-container{padding:clamp(1rem,4vw,1.25rem)}.account-settings-title{font-size:clamp(1.25rem,5vw,1.5rem)}.settings-section-title{font-size:clamp(1.125rem,4.5vw,1.25rem)}.account-settings-form input,.account-settings-form select{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}.save-settings-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.account-settings-page{padding:clamp(3.5rem,14vw,4.375rem) clamp(.375rem,1.5vw,.5rem) clamp(.75rem,3vw,.9375rem)}.account-settings-container{padding:clamp(.875rem,3.5vw,1rem)}.account-settings-title{font-size:clamp(1.125rem,4.5vw,1.375rem)}.settings-section-title{font-size:clamp(1rem,4vw,1.125rem)}}.state-info-page{color:var(--text-primary);padding:40px 24px}.state-info-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 16px #00000014;margin:0 auto;max-width:1200px;padding:40px;transition:box-shadow .25s}.state-info-container:hover{box-shadow:0 8px 24px #0000001f}.state-info-header h1{color:var(--text-primary);font-size:36px;font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.state-info-subtitle{color:var(--text-secondary);margin:0 0 20px}.state-selector{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.state-selector label{color:var(--text-primary);font-weight:600}.state-selector select{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:500;max-width:320px;padding:12px 16px;transition:all .25s}.state-selector select:focus,.state-selector select:hover{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha)}.state-selector select:focus{outline:none}.state-info-table{border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #0000000a;overflow:hidden}.table-row{grid-gap:20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:grid;gap:20px;grid-template-columns:240px 1fr;padding:20px 24px;transition:background-color .2s}.table-row:nth-child(odd){background:var(--card-bg)}.table-row:hover{background:var(--accent-color-alpha)}.table-row:last-child{border-bottom:none}.table-label{color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:-.01em}.table-value{color:var(--text-secondary);font-size:15px;line-height:1.7}.reference-link{margin-top:10px}.reference-link a{color:var(--accent-color);font-weight:500;text-decoration:none}.reference-link a:hover{text-decoration:underline}.precedents-list{list-style-type:disc;margin:0;padding-left:20px}.precedents-list li{color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.reference-note{color:var(--text-secondary);font-size:12px;font-style:italic;line-height:1.5;margin-top:15px}@media (max-width:768px){.state-info-page{padding:clamp(1rem,4vw,1.25rem) clamp(.5rem,2vw,.625rem)}.state-info-container{border-radius:clamp(.875rem,3.5vw,1rem);padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem)}.state-info-header h1{font-size:clamp(1.5rem,6vw,1.75rem)}.state-info-subtitle,.state-selector select{font-size:clamp(.875rem,3.5vw,1rem)}.state-selector select{max-width:none;min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem);width:100%}.table-row{gap:clamp(.625rem,2.5vw,.75rem);grid-template-columns:1fr;padding:clamp(.875rem,3.5vw,1rem)}.table-label{margin-bottom:clamp(.25rem,1vw,.375rem)}.table-label,.table-value{font-size:clamp(.8125rem,3.25vw,.875rem)}}@media (max-width:480px){.state-info-page{padding:clamp(.75rem,3vw,.9375rem) clamp(.375rem,1.5vw,.5rem)}.state-info-container{padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,3.5vw,1rem)}.state-info-header h1{font-size:clamp(1.25rem,5vw,1.5rem)}.table-row{padding:clamp(.625rem,2.5vw,.75rem)}}.messages-page{background:#f5f5f5;background:var(--bg-primary,#f5f5f5);min-height:calc(100vh - 80px);padding:20px}.messages-container{display:flex;gap:20px;height:calc(100vh - 120px);margin:0 auto;max-width:1400px}.messages-sidebar{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-md,0 2px 8px #0000001a);display:flex;flex-direction:column;padding:20px 0;width:240px}.sidebar-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:10px;padding:0 20px 20px}.sidebar-header h2{color:#333;color:var(--text-primary,#333);font-size:24px;font-weight:600;margin:0}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:0 12px}.nav-item{background:none;border-radius:8px;color:#333;color:var(--text-primary,#333);font-size:15px;justify-content:space-between;padding:12px 16px}.nav-item:hover{background:#f0f0f0;background:var(--bg-secondary,#f0f0f0)}.nav-item.active{background:#4a90e2;background:var(--accent-color,#4a90e2);font-weight:500}.nav-label{color:inherit;display:block;flex:1 1}@media (max-width:768px){.nav-label{align-items:center!important;display:flex!important;justify-content:center!important}}.nav-badge{background:#4a90e2;background:var(--accent-color,#4a90e2);border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.nav-item.active .nav-badge{background:#ffffff4d;color:#fff}.sidebar-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;gap:8px;margin-top:auto;padding:20px 12px 0}.messages-content{display:flex;flex:1 1;gap:20px;min-width:0}.messages-content.hide-messages-pane .messages-reading-pane{flex:1 1;max-width:100%}.messages-list-pane{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-md,0 2px 8px #0000001a);display:flex;flex:0 0 400px;flex-direction:column;overflow:hidden}.messages-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.empty-messages{color:#666;color:var(--text-secondary,#666);font-size:15px;height:100%}.empty-messages,.support-request-btn{align-items:center;display:flex;justify-content:center}.support-request-btn{background:#f0f0f0;background:var(--bg-secondary,#f0f0f0);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#333;color:var(--text-primary,#333);cursor:pointer;flex:0 0 45%;font-size:14px;font-weight:500;gap:6px;padding:12px 16px;transition:all .2s ease}.support-request-btn:hover{background:#4a90e2;background:var(--accent-color,#4a90e2);border-color:#4a90e2;border-color:var(--accent-color,#4a90e2);color:#fff}.support-request-btn svg{flex-shrink:0}.submit-feedback-btn{align-items:center;background:#f0f0f0;background:var(--bg-secondary,#f0f0f0);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:12px 16px;transition:all .2s ease}.submit-feedback-btn:hover{background:#4a90e2;background:var(--accent-color,#4a90e2);border-color:#4a90e2;border-color:var(--accent-color,#4a90e2);color:#fff}.support-back-btn{align-items:center;background:#f0f0f0;background:var(--bg-secondary,#f0f0f0);border:none;border-radius:6px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:14px;gap:6px;margin:8px;padding:8px 12px;transition:all .2s ease}.support-back-btn:hover{background:#e0e0e0;background:var(--border-color,#e0e0e0)}.support-back-btn svg{flex-shrink:0}.message-item{background:#f9f9f9;background:var(--bg-primary,#f9f9f9);border:2px solid #0000;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:16px;position:relative;transition:all .2s ease}.support-request-list .message-item{padding-top:8px}.message-item:hover{background:#f0f0f0;background:var(--bg-secondary,#f0f0f0);border-color:#e0e0e0;border-color:var(--border-color,#e0e0e0)}.message-item.selected{background:#4a90e21a;background:var(--accent-color-alpha,#4a90e21a);border-color:#4a90e2;border-color:var(--accent-color,#4a90e2)}.message-item.unread{background:#fff;background:var(--card-bg,#fff);font-weight:500}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.message-from{color:#333;color:var(--text-primary,#333);font-size:15px;font-weight:600}.message-item.unread .message-from{font-weight:700}.message-time{color:#666;color:var(--text-secondary,#666);font-size:12px;white-space:nowrap}.message-subject{color:#333;color:var(--text-primary,#333);font-size:14px;font-weight:500;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-item.unread .message-subject{font-weight:600}.message-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;color:var(--text-secondary,#666);display:-webkit-box;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.unread-indicator{background:#4a90e2;background:var(--accent-color,#4a90e2);border-radius:50%;height:8px;position:absolute;right:16px;top:16px;width:8px}.messages-reading-pane{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-md,0 2px 8px #0000001a);display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.no-message-selected{align-items:center;color:#666;color:var(--text-secondary,#666);justify-content:center;padding:40px}.message-type-info,.no-message-selected{display:flex;flex-direction:column;height:100%}.message-type-info{overflow-y:auto;padding:24px}.message-type-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:24px;padding-bottom:20px}.message-type-header h2{color:#333;color:var(--text-primary,#333);font-size:28px;font-weight:600;margin:0 0 8px}.message-type-count{color:#666;color:var(--text-secondary,#666);font-size:15px;font-weight:500}.message-type-description{margin-bottom:24px}.message-type-description p{color:#333;color:var(--text-primary,#333);font-size:16px;line-height:1.6;margin:0}.empty-message-type{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px}.empty-message-type .empty-state-icon{color:#999;color:var(--text-secondary,#999);margin-bottom:16px;opacity:.5}.empty-message-type p{font-size:16px;margin:0}.empty-state-icon{color:#999;color:var(--text-secondary,#999);margin-bottom:16px;opacity:.5}.no-message-selected p{font-size:16px;margin:0}.message-view{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:24px}.message-view-header{align-items:flex-start;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.message-view.billing-view{padding-top:8px}.message-view-header.billing-header{margin-top:0;padding-top:0}.message-view-from{color:#666;color:var(--text-secondary,#666);font-size:14px}.message-view-from strong{color:#333;color:var(--text-primary,#333);margin-right:8px}.message-view-time{color:#666;color:var(--text-secondary,#666);font-size:13px;white-space:nowrap}.message-view-subject{margin-bottom:20px}.message-view-subject h3{color:#333;color:var(--text-primary,#333);font-size:24px;font-weight:600;line-height:1.3;margin:0}.message-view-body{color:#333;color:var(--text-primary,#333);flex:1 1;font-size:15px;line-height:1.6;margin-bottom:24px}.message-view-body p{margin:0 0 16px;white-space:pre-line}.support-body-textarea{background:#fff;background:var(--card-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;color:#333;color:var(--text-primary,#333);font-family:inherit;font-size:15px;line-height:1.5;min-height:40px;overflow:hidden;padding:12px;resize:none;width:100%}.support-body-textarea:focus{border-color:#4a90e2;border-color:var(--accent-color,#4a90e2);box-shadow:0 0 0 3px #4a90e21a;box-shadow:0 0 0 3px var(--accent-color-alpha,#4a90e21a);outline:none}.support-image-preview{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;display:inline-block;margin-bottom:16px;max-width:300px;overflow:hidden;position:relative}.support-image-preview img{display:block;height:auto;width:100%}.remove-image-btn{background:#0009;font-size:20px;line-height:1;right:8px;top:8px;transition:all .2s ease}.remove-image-btn:hover{background:#000c;transform:scale(1.1)}.compose-actions{align-items:center;display:flex;justify-content:space-between;width:100%}.upload-image-btn{align-items:center;display:flex;flex:0 0 auto;gap:4px;height:auto;justify-content:center;max-width:none;min-height:auto;min-width:100px;width:auto}.compose-action-buttons{display:flex;gap:12px;margin-left:auto}.message-view-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;gap:12px;padding-top:20px}.action-btn{border-radius:8px;box-sizing:border-box;font-size:14px;min-height:40px;min-width:100px;padding:10px 20px;transition:all .2s ease}.action-btn.primary{background:#4a90e2;background:var(--accent-color,#4a90e2);color:#fff}.action-btn.primary:hover{background:#357abd;background:var(--accent-color-hover,#357abd)}.action-btn.secondary{background:#f0f0f0;background:var(--bg-secondary,#f0f0f0);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);color:#333;color:var(--text-primary,#333)}.action-btn.secondary:hover{background:#e0e0e0;background:var(--border-color,#e0e0e0)}.action-btn.danger{background:#0000;border:1px solid #e74c3c;color:#e74c3c}.action-btn.danger:hover{background:#e74c3c;color:#fff}@media (max-width:1024px){.messages-content{flex-direction:column}.messages-list-pane{flex:0 0 300px}.messages-reading-pane{min-height:400px}}@media (max-width:768px){.messages-page{min-height:calc(100vh - 4.375rem);padding:clamp(.5rem,2vw,1rem)}.messages-container{flex-direction:column;gap:clamp(.5rem,2vw,1rem);height:auto;max-width:100%}.messages-sidebar{border-radius:clamp(.5rem,2vw,.75rem);flex-direction:column;overflow:visible;padding:0;width:100%}.sidebar-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:0;padding:clamp(.875rem,3vw,1rem) clamp(.875rem,3vw,1rem) clamp(.625rem,2.5vw,.75rem)}.sidebar-header h2{font-size:clamp(1.125rem,4.5vw,1.375rem);margin:0}.sidebar-nav{grid-gap:clamp(.5rem,2vw,.625rem);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:grid;gap:clamp(.5rem,2vw,.625rem);grid-template-columns:repeat(2,1fr);padding:clamp(.75rem,3vw,1rem)}.nav-item{align-items:center;background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border:1px solid #0000;border-radius:clamp(.5rem,2vw,.625rem);color:#333!important;color:var(--text-primary,#333)!important;display:flex;flex-direction:row;font-size:clamp(.8125rem,3.25vw,.875rem);font-weight:500;gap:clamp(.375rem,1.5vw,.5rem);justify-content:center;min-height:2.75rem;min-width:0;overflow:visible;padding:clamp(.75rem,3vw,.875rem) clamp(.5rem,2vw,.625rem);position:relative;text-align:center;transition:all .2s ease;width:100%}.nav-item *{color:inherit}.nav-item.active *{color:#fff!important}.nav-item:not(.active):hover{background:#e8e8e8;background:var(--bg-secondary,#e8e8e8);border-color:#e0e0e0;border-color:var(--border-color,#e0e0e0)}.nav-item.active{background:#4a90e2;background:var(--accent-color,#4a90e2);border-color:#4a90e2;border-color:var(--accent-color,#4a90e2);box-shadow:0 2px 8px #4a90e24d}.nav-item.active,.nav-item.active .nav-label,.nav-item.active .nav-label-full,.nav-item.active .nav-label-short{color:#fff!important}.nav-item:active{transform:scale(.98)}.nav-label{align-items:center;color:#333!important;color:var(--text-primary,#333)!important;display:flex;flex:1 1;font-weight:500;justify-content:center;line-height:1.3;min-width:0;opacity:1!important;overflow:visible;padding-left:clamp(.25rem,1vw,.5rem);padding-right:clamp(1.25rem,5vw,1.75rem);position:relative;text-align:center;visibility:visible!important;white-space:nowrap;z-index:1}.nav-label>*{color:inherit!important}.nav-label-full,.nav-label>*{display:inline-block!important;opacity:1!important;visibility:visible!important}.nav-label-full{color:#333!important;color:var(--text-primary,#333)!important;font-size:inherit;line-height:inherit;position:relative;text-align:center;width:auto;z-index:1}.nav-item.active .nav-label-full{color:#fff!important}.nav-label-short{display:none!important;height:0;opacity:0!important;overflow:hidden;pointer-events:none;position:absolute;visibility:hidden!important;width:0}.nav-item .nav-badge{align-items:center;background:#4a90e2;background:var(--accent-color,#4a90e2);border-radius:50%;box-shadow:0 2px 4px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:clamp(.625rem,2.5vw,.6875rem);font-weight:600;height:clamp(1.125rem,4.5vw,1.25rem);justify-content:center;min-width:clamp(1.125rem,4.5vw,1.25rem);padding:clamp(.125rem,.5vw,.1875rem) clamp(.375rem,1.5vw,.5rem);position:absolute;right:clamp(.25rem,1vw,.375rem);top:clamp(.25rem,1vw,.375rem);z-index:2}@media (max-width:480px){.nav-label{color:#333!important;color:var(--text-primary,#333)!important;font-size:clamp(.75rem,3vw,.8125rem);line-height:1.2;white-space:normal}.nav-item.active .nav-label{color:#fff!important}.nav-item .nav-label-full{color:inherit!important;display:inline-block!important;opacity:1!important;visibility:visible!important}.nav-item .nav-label-short{display:none!important;opacity:0!important;visibility:hidden!important}.nav-item.active .nav-label-full{color:#fff!important}.nav-item{color:#333!important;color:var(--text-primary,#333)!important;font-size:clamp(.75rem,3vw,.8125rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem) clamp(.375rem,1.5vw,.5rem)}.nav-item.active{color:#fff!important}}.nav-badge{align-items:center;border-radius:50%;box-shadow:0 2px 4px #00000026;display:flex;font-size:clamp(.625rem,2.5vw,.6875rem);font-weight:600;height:clamp(1.125rem,4.5vw,1.25rem);justify-content:center;min-width:clamp(1.125rem,4.5vw,1.25rem);padding:clamp(.125rem,.5vw,.1875rem) clamp(.375rem,1.5vw,.5rem);position:absolute;right:clamp(.25rem,1vw,.375rem);top:clamp(.25rem,1vw,.375rem)}.nav-item.active .nav-badge{background:#ffffff40;box-shadow:0 2px 4px #0003;color:#fff}.sidebar-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);flex-direction:row;flex-shrink:0;gap:clamp(.5rem,2vw,.625rem)}.sidebar-footer,.submit-feedback-btn,.support-request-btn{padding:clamp(.625rem,2.5vw,.75rem) clamp(.875rem,3vw,1rem)}.submit-feedback-btn,.support-request-btn{flex:1 1;font-size:clamp(.875rem,3.5vw,.9375rem);justify-content:center;min-height:2.75rem}.messages-content{flex-direction:column;gap:clamp(.5rem,2vw,1rem)}.messages-list-pane{border-radius:clamp(.5rem,2vw,.75rem);flex:0 0 auto;max-height:60vh;order:1;width:100%}.messages-content.hide-messages-pane .messages-list-pane{display:none}.messages-reading-pane{border-radius:clamp(.5rem,2vw,.75rem);min-height:60vh;order:2;width:100%}.messages-content.hide-messages-pane .messages-reading-pane{min-height:calc(100vh - 12.5rem)}.message-item{min-height:clamp(3.5rem,12vw,3.75rem);padding:clamp(.75rem,3vw,.875rem)}.message-header{margin-bottom:clamp(.375rem,1.5vw,.5rem)}.message-from{font-size:clamp(.875rem,3.5vw,.9375rem)}.message-time{font-size:clamp(.6875rem,2.75vw,.75rem)}.message-subject{font-size:clamp(.8125rem,3.25vw,.875rem);margin-bottom:clamp(.375rem,1.5vw,.5rem)}.message-preview{font-size:clamp(.75rem,3vw,.8125rem)}.message-view{padding:clamp(1rem,4vw,1.25rem)}.mobile-back-btn{align-items:center;background:#f0f0f0;background:var(--bg-secondary,#f0f0f0);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:clamp(.375rem,1.5vw,.5rem);color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:clamp(.875rem,3.5vw,.9375rem);font-weight:500;gap:clamp(.375rem,1.5vw,.5rem);margin-bottom:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem) clamp(.875rem,3vw,1rem);transition:all .2s ease;width:100%}.mobile-back-btn:hover{background:#e0e0e0;background:var(--border-color,#e0e0e0)}.mobile-back-btn svg{flex-shrink:0;height:clamp(1rem,4vw,1.25rem);width:clamp(1rem,4vw,1.25rem)}.message-view-header{align-items:flex-start;flex-direction:column;gap:clamp(.375rem,1.5vw,.5rem);margin-bottom:clamp(.875rem,3.5vw,1rem)}.message-view-subject h3{font-size:clamp(1.125rem,4.5vw,1.25rem)}.message-view-body{font-size:clamp(.875rem,3.5vw,.9375rem);margin-bottom:clamp(1rem,4vw,1.25rem)}.message-view-actions{flex-direction:column;gap:clamp(.5rem,2vw,.625rem);padding-top:clamp(.875rem,3.5vw,1rem)}.action-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;min-width:auto;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}.compose-action-buttons{flex-direction:column;gap:clamp(.5rem,2vw,.625rem);margin-left:0;width:100%}.upload-image-btn{font-size:clamp(.875rem,3.5vw,.9375rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem) clamp(.875rem,3vw,1rem);width:100%}.support-body-textarea{font-size:clamp(.875rem,3.5vw,1rem);min-height:clamp(7rem,25vw,7.5rem);padding:clamp(.625rem,2.5vw,.75rem)}.message-type-header h2{font-size:clamp(1.25rem,5vw,1.5rem)}.message-type-info{padding:clamp(1rem,4vw,1.25rem)}.no-message-selected{padding:clamp(1.5rem,6vw,1.875rem) clamp(1rem,4vw,1.25rem)}}@media (max-width:480px){.messages-page{padding:clamp(.375rem,2vw,.5rem)}.messages-container{gap:clamp(.375rem,2vw,.5rem)}.messages-sidebar{border-radius:clamp(.5rem,2.5vw,.625rem)}.sidebar-header{padding:clamp(.75rem,3.5vw,.875rem)}.sidebar-header h2{font-size:clamp(1.125rem,5vw,1.25rem)}.sidebar-nav{gap:clamp(.5rem,2vw,.625rem);padding:clamp(.625rem,2.5vw,.75rem)}.nav-item{font-size:clamp(.75rem,3vw,.8125rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem) clamp(.375rem,1.5vw,.5rem)}.nav-badge{font-size:clamp(.5625rem,2.25vw,.625rem);height:clamp(1rem,4vw,1.125rem);min-width:clamp(1rem,4vw,1.125rem);padding:clamp(.125rem,.5vw,.1875rem) clamp(.375rem,1.5vw,.5rem);right:clamp(.1875rem,.75vw,.25rem);top:clamp(.1875rem,.75vw,.25rem)}.sidebar-footer{flex-direction:column;gap:clamp(.375rem,1.5vw,.5rem);padding:clamp(.5rem,2.5vw,.625rem) clamp(.75rem,3.5vw,.875rem)}.submit-feedback-btn,.support-request-btn{font-size:clamp(.8125rem,3.5vw,.875rem);padding:clamp(.625rem,2.5vw,.75rem) clamp(.875rem,3vw,1rem);width:100%}.messages-list-pane{border-radius:clamp(.5rem,2.5vw,.625rem);max-height:45vh}.messages-reading-pane{border-radius:clamp(.5rem,2.5vw,.625rem);min-height:45vh}.message-item{margin-bottom:clamp(.375rem,1.5vw,.5rem);padding:clamp(.625rem,2.5vw,.75rem)}.message-from{font-size:clamp(.8125rem,3.5vw,.875rem)}.message-subject{font-size:clamp(.75rem,3vw,.8125rem)}.message-preview{font-size:clamp(.6875rem,2.75vw,.75rem)}.message-view{padding:clamp(.875rem,3.5vw,1rem)}.mobile-back-btn{font-size:clamp(.8125rem,3.5vw,.875rem);margin-bottom:clamp(.625rem,2.5vw,.75rem);padding:clamp(.5rem,2.5vw,.625rem) clamp(.75rem,3.5vw,.875rem)}.message-view-subject h3{font-size:clamp(1rem,4.5vw,1.125rem)}.message-view-body{font-size:clamp(.8125rem,3.5vw,.875rem)}.message-view-actions{padding-top:clamp(.625rem,2.5vw,.75rem)}.action-btn{font-size:clamp(.875rem,3.5vw,.9375rem);padding:clamp(.625rem,2.5vw,.75rem) clamp(.875rem,3vw,1rem)}.message-type-header h2{font-size:clamp(1.125rem,5vw,1.25rem)}.message-type-info{padding:clamp(.875rem,3.5vw,1rem)}.support-back-btn{font-size:clamp(.8125rem,3.5vw,.875rem);min-height:2.75rem;padding:clamp(.5rem,2.5vw,.625rem) clamp(.75rem,3.5vw,.875rem)}.support-image-preview{max-width:100%}.remove-image-btn{font-size:clamp(1rem,4.5vw,1.125rem);height:clamp(1.75rem,8vw,2rem);width:clamp(1.75rem,8vw,2rem)}}.games-hub{background:linear-gradient(135deg,#0f0f1a,#1a1a2e);min-height:calc(100vh - 70px);padding:24px}.games-header{margin-bottom:32px}.header-content{gap:20px}.header-content,.header-icon{align-items:center;display:flex}.header-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;height:72px;justify-content:center;width:72px}.games-header h1{color:#fff;font-size:32px;font-weight:700;margin:0}.games-header p{color:#fff9;font-size:16px;margin:4px 0 0}.featured-game{align-items:center;background:linear-gradient(135deg,#667eea26,#667eea0d);background:linear-gradient(135deg,rgba(var(--accent-color-rgb,102,126,234),.15) 0,rgba(var(--accent-color-rgb,102,126,234),.05) 100%);border:1px solid #ffffff1a;border-radius:20px;display:flex;gap:24px;margin-bottom:40px;overflow:hidden;padding:32px;position:relative;text-decoration:none;transition:all .3s}.featured-game:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.featured-game:hover:before{opacity:.1}.featured-game:hover{border-color:#667eea66;transform:translateY(-4px)}.featured-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;position:absolute;right:16px;top:16px}.featured-content{align-items:center;display:flex;flex:1 1;gap:24px}.featured-icon{font-size:64px;line-height:1}.featured-info h2{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.featured-info p{color:#ffffffb3;font-size:16px;margin:0 0 16px}.featured-stats{align-items:center;display:flex;gap:16px}.featured-stats span{align-items:center;color:#fff9;display:flex;font-size:14px;gap:6px}.category-badge{background:#667eea33;border-radius:20px;color:#667eea!important;font-size:12px;font-weight:500;padding:4px 10px}.featured-cta{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:16px;font-weight:600;padding:14px 28px;white-space:nowrap}.games-section h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.games-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.game-tile{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;overflow:hidden;transition:all .3s}.game-tile:not(.coming-soon):hover{background:#ffffff0d;border-color:#667eea66;transform:translateY(-4px)}.game-tile.coming-soon{opacity:.7}.tile-content{padding:24px}.tile-link{display:block;text-decoration:none}.tile-icon{align-items:center;border-radius:14px;display:flex;font-size:28px;height:56px;justify-content:center;margin-bottom:16px;width:56px}.game-tile h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.game-tile p{color:#fff9;font-size:14px;line-height:1.5;margin:0 0 16px}.tile-meta{align-items:center;display:flex;gap:12px}.difficulty{background:#ffffff14;border-radius:6px;color:#fff9;font-size:12px;padding:4px 10px}.rating{align-items:center;color:#f59e0b;display:flex;gap:4px}.coming-soon-badge,.rating{font-size:13px;font-weight:500}.coming-soon-badge{background:#ffffff0d;border-radius:8px;color:#fff6;margin-top:16px;padding:8px 16px;text-align:center}@media (max-width:768px){.games-hub{padding:16px}.featured-game,.header-content{flex-direction:column;text-align:center}.featured-game{padding:24px}.featured-content{flex-direction:column}.featured-stats{flex-wrap:wrap;justify-content:center}.featured-cta{text-align:center;width:100%}.games-grid{grid-template-columns:1fr}}.turbotype-game{background:linear-gradient(135deg,#0a0a1a,#1a1a2e);display:flex;flex-direction:column;min-height:calc(100vh - 70px);padding:20px}.game-header{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;margin-bottom:20px;padding:16px 24px}.game-header,.game-title{align-items:center;display:flex}.game-title{gap:12px}.title-icon{font-size:32px}.game-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ade80,#22d3ee);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:24px;font-weight:700;margin:0}.game-stats{display:flex;gap:24px}.stat{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;letter-spacing:.5px;text-transform:uppercase}.stat-value{font-size:20px}.stat.lives .stat-value{font-size:18px;letter-spacing:2px}.game-arena{background:#0a0a1a;border:2px solid #4ade804d;border-radius:16px;flex:1 1;min-height:400px;overflow:hidden;position:relative}.game-arena canvas{display:block;height:100%;width:100%}.game-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a1af2;bottom:0;left:0;right:0;top:0}.overlay-content{padding:40px;text-align:center}.overlay-content h2{color:#fff;font-size:32px;font-weight:700;margin:0 0 16px}.overlay-content p{color:#ffffffb3;font-size:16px;margin:0 0 24px}.overlay-content p strong{color:#4ade80;font-size:24px}.meteor-legend{display:flex;gap:24px;justify-content:center;margin-bottom:32px}.legend-item{align-items:center;color:#ffffffb3;display:flex;font-size:14px;gap:8px}.legend-dot{border-radius:50%;height:16px;width:16px}.legend-dot.green{background:#4ade80;box-shadow:0 0 10px #4ade80}.legend-dot.yellow{background:#fbbf24;box-shadow:0 0 10px #fbbf24}.legend-dot.red{background:#ef4444;box-shadow:0 0 10px #ef4444}.start-btn{background:linear-gradient(135deg,#4ade80,#22d3ee);color:#0a0a1a;transition:all .3s}.start-btn:hover{box-shadow:0 0 30px #4ade8080;transform:scale(1.05)}.game-over .overlay-content h2{color:#ef4444}.game-input{margin-top:20px;position:relative}.game-input input{background:#ffffff0d;border:2px solid #4ade804d;border-radius:12px;color:#fff;font-family:Inter,monospace;font-size:20px;outline:none;padding:18px 24px;text-align:center;transition:all .3s;width:100%}.game-input input:focus{border-color:#4ade80;box-shadow:0 0 20px #4ade804d}.game-input input:disabled{cursor:not-allowed;opacity:.5}.game-input input::placeholder{color:#fff6}.target-hint{background:#4ade8033;border:1px solid #4ade8066;border-radius:8px;color:#fffc;font-size:14px;left:50%;padding:8px 16px;position:absolute;top:-40px;transform:translateX(-50%)}.target-hint span{color:#4ade80;font-weight:600;text-transform:uppercase}@media (max-width:768px){.turbotype-game{padding:12px}.game-header{flex-direction:column;gap:16px;padding:16px}.game-stats{justify-content:space-around;width:100%}.game-title h1{font-size:20px}.meteor-legend{flex-direction:column;gap:12px}.game-input input{font-size:16px;padding:14px 20px}.overlay-content h2{font-size:24px}.start-btn{font-size:16px;padding:14px 36px}}.mathquest-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;min-height:100vh;padding:20px}.mathquest-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;max-width:840px;width:100%}.mathquest-header h1{color:#fff;font-size:1.5rem;margin:0}.back-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;display:flex;font-size:14px;gap:8px;padding:8px 16px;text-decoration:none;transition:background .2s}.back-btn:hover{background:#fff3}.mute-btn{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px;transition:background .2s}.mute-btn:hover{background:#fff3}.mathquest-game-area{border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:80vh;max-width:80vw;overflow:hidden;position:relative}.game-canvas{background:#1a472a;display:block;height:auto;max-height:675px;max-width:1200px;width:100%}.three-container{background:#0000;border-radius:8px;overflow:hidden}.three-container canvas{display:block;height:auto!important;width:100%!important}.game-hud{align-items:center;display:flex;justify-content:space-between;left:16px;pointer-events:none;position:absolute;right:16px;top:30px}.hud-lives{display:flex;gap:4px}.hud-level{color:#fff}.hud-level,.hud-score{font-size:18px;font-weight:700;text-shadow:2px 2px 4px #00000080}.hud-score{align-items:center;color:#ffd93d;display:flex;gap:6px}.hud-powerups{bottom:-35px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.powerup-icon{align-items:center;animation:powerup-pulse 1s infinite;background:#0009;border-radius:8px;display:flex;font-size:18px;height:32px;justify-content:center;width:32px}.powerup-icon.speed{border:2px solid #0f8;box-shadow:0 0 10px #00ff8880}.powerup-icon.shield{border:2px solid #48f;box-shadow:0 0 10px #4488ff80}.powerup-icon.magnet{border:2px solid #f4f;box-shadow:0 0 10px #ff44ff80}@keyframes powerup-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.game-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;position:absolute}.menu-content{color:#fff;text-align:center}.menu-content h2{font-size:48px;margin:0 0 16px}.menu-content p{color:#ffffffb3;font-size:18px;margin-bottom:24px}.character-select{margin-bottom:20px}.character-select h3{color:#fff9;font-size:14px;margin-bottom:12px}.character-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:400px}.character-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 6px;transition:all .2s}.character-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.character-btn.selected{background:#ffffff1a;border-color:var(--char-color);box-shadow:0 0 15px var(--char-color)}.char-emoji{font-size:28px}.char-name{font-size:10px;font-weight:600;white-space:nowrap}.ability-info{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:10px}.ability-name{color:#4ecdc4;font-size:14px;font-weight:700}.ability-desc{color:#ffffffb3;font-size:11px}.ability-type{background:#ff98004d;border-radius:10px;color:#ff9800;font-size:10px;padding:2px 8px}.controls-info{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:300px}.controls-info div{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;font-size:14px;gap:8px;padding:8px 12px}.controls-info span{background:#4ecdc4;border-radius:4px;font-size:12px;font-weight:700;padding:4px 8px}.start-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:16px 48px;transition:transform .2s,box-shadow .2s}.start-btn:hover{box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}.high-scores{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-top:24px;padding:16px}.high-scores h3{color:#ffd93d;font-size:16px;margin:0 0 12px}.scores-list{display:flex;flex-direction:column;gap:6px}.score-entry{align-items:center;background:#ffffff0d;border-radius:6px;display:flex;font-size:14px;gap:12px;padding:6px 12px}.score-entry .rank{color:#ffffff80;width:20px}.score-entry .hs-score{color:#4ecdc4;flex:1 1;font-weight:700}.score-entry .hs-level{color:#fff9;font-size:12px}.leaderboard-section{margin-top:16px;max-width:350px;width:100%}.leaderboard-section h3{color:#ffd93d;font-size:16px;margin:0 0 12px}.leaderboard-tabs{display:flex;gap:4px;margin-bottom:12px}.leaderboard-tabs button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff9;cursor:pointer;display:flex;flex:1 1;font-size:12px;gap:4px;justify-content:center;padding:8px 12px;transition:all .2s}.leaderboard-tabs button:hover:not(:disabled){background:#ffffff1a;color:#fff}.leaderboard-tabs button.active{background:#4ecdc433;border-color:#4ecdc4;color:#4ecdc4}.leaderboard-tabs button:disabled{cursor:not-allowed;opacity:.4}.score-entry .player-name{color:#fffc;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-scores,.no-scores{color:#fff6;font-size:13px;padding:16px;text-align:center}.pause-content{color:#fff;text-align:center}.pause-content h2{font-size:32px;margin:16px 0 24px}.pause-content button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;justify-content:center;margin:8px auto;padding:12px 24px;transition:background .2s;width:200px}.pause-content button:hover{background:#fff3}.math-content{color:#fff;max-width:400px;padding:40px;text-align:center}.math-content h2{font-size:32px;margin:0 0 8px}.level-name{color:#fff9;font-size:14px;margin-bottom:24px}.question-progress{color:#ffffff80;font-size:14px;margin-bottom:16px}.question-box{background:#ffffff1a;border-radius:12px;margin-bottom:24px;padding:24px 32px;transition:background .3s}.question-box.correct{background:#10b9814d}.question-box.incorrect{background:#ef44444d}.question-text{color:#fff;font-size:32px;font-weight:700}.answer-form{display:flex;gap:12px;margin-bottom:16px}.answer-form input{background:#ffffff1a;border:2px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-size:20px;outline:none;padding:12px 16px;text-align:center}.answer-form input:focus{border-color:#4ecdc4}.answer-form input::placeholder{color:#fff6}.answer-form button{background:#4ecdc4;border:none;border-radius:8px;color:#1a1a2e;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:background .2s}.answer-form button:hover:not(:disabled){background:#45b7aa}.answer-form button:disabled{cursor:not-allowed;opacity:.5}.feedback{border-radius:8px;font-size:24px;font-weight:700;margin-bottom:16px;padding:12px}.feedback.correct{color:#10b981}.feedback.incorrect{color:#ef4444}.combo-display{align-items:center;animation:combo-pop .3s ease-out;display:flex;gap:12px;justify-content:center;margin-bottom:16px}.combo-streak{color:#ff9800;font-size:20px;font-weight:700;text-shadow:0 0 10px #ff980080}.combo-multiplier{animation:pulse-glow .5s infinite alternate;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:20px;color:#fff;font-size:16px;font-weight:800;padding:6px 12px}@keyframes combo-pop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%{box-shadow:0 0 5px #ff6b6b80}to{box-shadow:0 0 15px #ff6b6bcc}}.score-display{color:#fff9;font-size:14px}.complete-content,.gameover-content,.victory-content{color:#fff;padding:40px;text-align:center}.complete-content h2,.gameover-content h2,.victory-content h2{font-size:36px;margin:0 0 16px}.complete-content p,.gameover-content p,.victory-content p{color:#ffffffb3;font-size:16px;margin:8px 0}.stats{display:flex;font-size:18px;gap:32px;justify-content:center;margin:24px 0}.complete-content button,.gameover-content button,.victory-content button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin:8px;padding:14px 32px;transition:transform .2s,box-shadow .2s}.complete-content button:hover,.gameover-content button:hover,.victory-content button:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.gameover-content button:last-child,.victory-content button:last-child{background:#ffffff1a}.gameover-content button:last-child:hover,.victory-content button:last-child:hover{background:#fff3;box-shadow:none}.game-instructions{color:#fff9;display:flex;font-size:13px;gap:24px;justify-content:center;margin-top:16px}.game-instructions span{background:#ffffff0d;border-radius:6px;padding:6px 12px}@media (max-width:850px){.game-canvas{height:auto;width:100%}.mathquest-game-area{max-width:100%;width:100%}.game-instructions{align-items:center;flex-direction:column;gap:8px}.controls-info{grid-template-columns:1fr}.menu-content h2{font-size:36px}}.learner-access-page{background:var(--background);min-height:calc(100vh - 70px);padding:2rem 1rem}.learner-access-container{margin:0 auto;max-width:1200px}.learner-avatar-small{font-size:.875rem;height:40px;width:40px}.learner-avatar-large,.learner-avatar-small{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;justify-content:center}.learner-avatar-large{font-size:1.25rem;height:64px;width:64px}.learner-access-table-wrapper{overflow-x:auto}.learner-access-page table{border:2px solid var(--border);border-collapse:initial;border-radius:8px;border-spacing:0;min-width:700px;width:100%}.learner-access-page thead{background:var(--muted)}.learner-access-page th{border-bottom:2px solid var(--border);border-right:1px solid var(--border);font-weight:600;padding:1rem .75rem;text-align:center}.learner-access-page th:first-child{text-align:left}.learner-access-page th:last-child{border-right:none}.learner-access-page td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:.75rem}.learner-access-page td:last-child{border-right:none}.learner-access-page tbody tr:last-child td{border-bottom:none}.learner-access-page tbody tr:hover{background:var(--muted)}.learner-name-col{min-width:180px;width:200px}.learner-name-cell{padding:.5rem .75rem!important}.learner-name-button{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.25rem;text-align:left;transition:background-color .2s;width:100%}.learner-name-button:hover{background:var(--accent)}.learner-name-info{display:flex;flex-direction:column}.learner-username{color:var(--primary);font-weight:600}.learner-age{color:var(--muted-foreground);font-size:.75rem}.permission-col{min-width:100px;width:120px}.profile-modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.profile-modal{background:#1e293b;border:1px solid #334155;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;max-height:80vh;overflow-y:auto;position:relative;width:90%}.changelog-modal,.profile-modal{max-width:1200px}.changelog-modal .change-log-scroll{max-height:60vh;overflow-y:auto}.profile-modal-close{background:none;border:none;color:var(--muted-foreground);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;position:absolute;right:1rem;top:1rem}.profile-modal-close:hover{color:var(--foreground)}.profile-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:1rem;padding:1.5rem}.profile-modal-title{color:var(--foreground);font-size:1.5rem;font-weight:600;margin:0}.profile-modal-subtitle{color:var(--muted-foreground);margin:0}.profile-modal-content{padding:1.5rem}.profile-section{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.5rem}.profile-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.profile-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.profile-section h3{color:var(--foreground);font-size:1rem;font-weight:600;margin:0}.profile-section-buttons{display:flex;gap:.5rem}.profile-value{color:var(--muted-foreground);margin:0}.profile-details,.profile-value{font-size:.875rem}.profile-details p{margin:.25rem 0}.detail-label{color:var(--muted-foreground)}.edit-container{display:flex;flex-direction:column;gap:.5rem}.profile-textarea{background:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--foreground);font-size:.875rem;padding:.75rem;resize:vertical;width:100%}.profile-textarea:focus{border-color:var(--primary);outline:none}.edit-buttons{display:flex;gap:.5rem;justify-content:flex-end}.change-log-container{margin-top:.5rem}.change-log-table{border-collapse:collapse;font-size:.875rem;margin-top:.5rem;width:100%}.change-log-table td,.change-log-table th{border-bottom:1px solid var(--border);padding:.5rem;text-align:left}.change-log-table th{color:var(--muted-foreground);font-size:.75rem;font-weight:600;text-transform:uppercase}.change-log-table tbody tr:hover,.change-log-table th{background:var(--muted)}.change-old-value{color:var(--destructive)}.change-new-value{color:var(--primary)}.change-log-scroll{max-height:200px;overflow-y:auto}@media (max-width:768px){.learner-access-page{padding:1rem .5rem}.learner-access-page td,.learner-access-page th{padding:.5rem}.learner-avatar-small{font-size:.75rem;height:32px;width:32px}.learner-name-button{gap:.5rem}.profile-modal{min-width:0;min-width:auto;width:95%}.profile-section-header{align-items:flex-start;flex-direction:column;gap:.5rem}}.notification-center{position:relative}.notification-bell{align-items:center;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:relative;transition:background .2s;width:40px}.notification-bell:hover{background:#ffffff26}.notification-bell.has-unread{animation:pulse-bell 2s infinite}@keyframes pulse-bell{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.unread-badge{align-items:center;background:#ef4444;border-radius:9px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-2px;top:-2px}.notification-dropdown{animation:fadeInDown .2s ease-out;background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006;margin-top:8px;max-height:480px;overflow:hidden;position:absolute;right:0;top:100%;width:360px;z-index:1000}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:14px 16px}.dropdown-header h4{color:#fff;color:var(--text-primary,#fff);font-size:16px;margin:0}.mark-all-btn{background:none;border:none;color:#6366f1;color:var(--primary,#6366f1);cursor:pointer;font-size:13px}.notification-list{max-height:400px;overflow-y:auto}.empty-state,.loading-state{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:14px;padding:32px;text-align:center}.notification-item{align-items:center;display:flex;gap:12px;padding:12px 16px;position:relative;text-decoration:none;transition:background .2s}.notification-item:hover{background:#ffffff0d}.notification-item.unread{background:#6366f114}.notif-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.notif-avatar img{height:100%;object-fit:cover;width:100%}.notif-content{flex:1 1;min-width:0}.notif-message{color:#fff;color:var(--text-primary,#fff);font-size:13px;line-height:1.4;margin:0}.notif-time{color:#5a5a6a;color:var(--text-muted,#5a5a6a);font-size:11px}.unread-dot{background:#6366f1;background:var(--primary,#6366f1);border-radius:50%;flex-shrink:0;height:8px;width:8px}@media (max-width:640px){.notification-dropdown{right:-100px;width:calc(100vw - 32px)}}.reaction-button-container{display:inline-block;position:relative}.reaction-btn{align-items:center;background:none;border:none;border-radius:6px;color:#8a8aa3;color:var(--text-secondary,#8a8aa3);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:4px 8px;transition:background .2s}.reaction-btn:hover{background:#ffffff14}.reaction-btn.reacted{color:#6366f1;color:var(--primary,#6366f1)}.reaction-emoji{font-size:16px}.reaction-button-container.small .reaction-btn{font-size:12px;padding:2px 4px}.reaction-button-container.small .reaction-emoji{font-size:14px}.reaction-button-container.small .reaction-label{display:none}.reaction-picker{animation:fadeInUp .15s ease-out;background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #ffffff1a;border-radius:24px;bottom:100%;box-shadow:0 4px 20px #0006;display:flex;gap:4px;left:0;padding:6px 8px;position:absolute;z-index:100}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.picker-reaction{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:transform .15s,background .15s;width:36px}.picker-reaction:hover{background:#ffffff1a;transform:scale(1.3)}.picker-reaction.selected{background:#6366f133}.comment-card{display:flex;gap:10px;margin-bottom:12px}.comment-avatar{align-items:center;background:linear-gradient(135deg,#1877f2,#00c6ff);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.comment-avatar img{height:100%;object-fit:cover;width:100%}.comment-body{flex:1 1;min-width:0}.comment-bubble{background:#f0f2f5;border-radius:18px;display:inline-block;max-width:100%;padding:8px 12px}.comment-author{color:#050505;font-size:13px;font-weight:600;margin-right:6px}.comment-content{word-wrap:break-word;color:#050505;font-size:15px;line-height:1.33;margin:2px 0 0}.comment-edit textarea{background:#f0f2f5;border:1px solid #ced0d4;border-radius:8px;color:#050505;font-size:14px;margin-top:4px;padding:8px;resize:none;width:100%}.edit-actions{display:flex;gap:8px;margin-top:6px}.edit-actions button{border:none;border-radius:6px;cursor:pointer;font-size:12px;padding:4px 12px}.edit-actions button:first-child{background:#e4e6eb;color:#65676b}.edit-actions button:last-child{background:#1877f2;color:#fff}.comment-meta{align-items:center;display:flex;gap:12px;margin-top:4px;padding-left:4px}.meta-btn{background:none;border:none;color:#65676b;cursor:pointer;font-size:12px;font-weight:600;padding:0}.meta-btn:hover{color:#1877f2;text-decoration:underline}.meta-btn.delete:hover{color:#ef4444}.comment-time,.reaction-summary,.show-replies-btn{color:#65676b;font-size:12px}.show-replies-btn{background:none;border:none;cursor:pointer;margin-top:4px;padding:0}.show-replies-btn:hover{color:#1877f2}.comment-replies{border-left:2px solid #e4e6eb;margin-top:8px;padding-left:16px}.comment-section{background:#0000001a;border-top:1px solid #ffffff14;padding:16px}.comment-form{margin-bottom:16px}.replying-to{align-items:center;background:#6366f11a;border-radius:8px 8px 0 0;color:#8a8aa3;color:var(--text-secondary,#8a8aa3);display:flex;font-size:12px;gap:8px;margin-bottom:-4px;padding:6px 12px}.replying-to button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;margin-left:auto}.comment-input-row{align-items:center;background:#ffffff0d;border-radius:24px;display:flex;gap:10px;padding:6px 6px 6px 12px}.comment-user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.comment-user-avatar img{height:100%;object-fit:cover;width:100%}.comment-input{background:none;border:none;color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:14px;min-width:0;outline:none}.comment-input::placeholder{color:#5a5a6a;color:var(--text-muted,#5a5a6a)}.comment-submit{align-items:center;background:#6366f1;background:var(--primary,#6366f1);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:opacity .2s;width:32px}.comment-submit:disabled{cursor:not-allowed;opacity:.4}.comments-empty,.comments-loading{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:13px;padding:12px;text-align:center}.comments-list{max-height:400px;overflow-y:auto}.comment-error{background:#ffc10733;border:1px solid #ffc1074d;border-radius:8px;color:#ffc107;font-size:12px;margin-bottom:8px;padding:8px 12px}.comment-input.has-error{background:#dc35451a}.comments-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.comments-modal{background:#242526;background:var(--quad-card,#242526);border-radius:8px;box-shadow:0 8px 32px #0006;color:#e4e6eb;color:var(--quad-text,#e4e6eb);display:flex;flex-direction:column;max-height:90vh;max-width:680px;overflow:hidden;width:100%}.comments-modal-header{align-items:center;border-bottom:1px solid #ced0d4;border-bottom:1px solid var(--quad-divider,#ced0d4);display:flex;justify-content:center;padding:16px;position:relative}.comments-modal-title{color:#e4e6eb;color:var(--quad-text,#e4e6eb);font-size:20px;font-weight:700;margin:0}.comments-modal-close{align-items:center;background:#3a3b3c;background:var(--quad-hover,#3a3b3c);border:none;border-radius:50%;color:#b0b3b8;color:var(--quad-text-secondary,#b0b3b8);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:16px;transition:background .2s;width:36px}.comments-modal-close:hover{background:#4e4f50;background:var(--quad-border,#4e4f50);color:#e4e6eb;color:var(--quad-text,#e4e6eb)}.comments-modal-post-preview{border-bottom:1px solid #ced0d4;border-bottom:1px solid var(--quad-divider,#ced0d4);padding:16px}.post-preview-author{align-items:center;display:flex;gap:8px;margin-bottom:8px}.post-preview-avatar{align-items:center;background:linear-gradient(135deg,#1877f2,#00c6ff);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.post-preview-avatar img{height:100%;object-fit:cover;width:100%}.post-preview-info{display:flex;flex-direction:column}.post-preview-name{color:#050505;color:var(--quad-text,#050505);font-size:15px;font-weight:600}.post-preview-time{color:#65676b;color:var(--quad-text-secondary,#65676b);font-size:13px}.post-preview-content{color:#050505;color:var(--quad-text,#050505);font-size:15px;line-height:1.33;margin:0}.comments-modal-controls{align-items:center;border-bottom:1px solid #ced0d4;border-bottom:1px solid var(--quad-divider,#ced0d4);display:flex;justify-content:space-between;padding:12px 16px}.comments-sort-wrapper{position:relative}.comments-sort-btn{background:none;border:none;border-radius:6px;color:#65676b;color:var(--quad-text-secondary,#65676b);cursor:pointer;font-size:15px;font-weight:600;padding:6px 12px;transition:background .2s}.comments-sort-btn:hover{background:#f0f2f5;background:var(--quad-hover,#f0f2f5)}.comments-sort-menu{background:#242526;background:var(--quad-card,#242526);border:1px solid #3e4042;border:1px solid var(--quad-border,#3e4042);border-radius:8px;box-shadow:0 4px 16px #0000004d;left:0;margin-top:4px;min-width:180px;overflow:hidden;position:absolute;top:100%;z-index:10}.sort-option{align-items:center;background:none;border:none;color:#050505;color:var(--quad-text,#050505);cursor:pointer;display:flex;font-size:15px;gap:10px;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.sort-option:hover{background:#f0f2f5;background:var(--quad-hover,#f0f2f5)}.sort-option.active{background:#1877f21a;background:var(--quad-primary-light,#1877f21a);color:#1877f2;color:var(--quad-primary,#1877f2)}.sort-icon{font-size:18px}.comments-count-label{color:#65676b;color:var(--quad-text-secondary,#65676b);font-size:15px}.comments-modal-list{flex:1 1;overflow-y:auto;padding:16px}.comments-modal-loading{display:flex;justify-content:center;padding:40px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #f0f2f5;border-top-color:#1877f2;border:3px solid var(--quad-hover,#f0f2f5);border-radius:50%;border-top-color:var(--quad-primary,#1877f2);height:32px;width:32px}.featured-comments{border-bottom:1px solid #ced0d4;border-bottom:1px solid var(--quad-divider,#ced0d4);margin-bottom:16px;padding-bottom:16px}.featured-label{align-items:center;color:#65676b;color:var(--quad-text-secondary,#65676b);display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:12px}.featured-comments .comment-card{background:#1877f20d;background:var(--quad-primary-light,#1877f20d);border-radius:12px;margin-bottom:8px;padding:12px}.regular-comments .comment-card{margin-bottom:12px}.comments-empty-state{color:#65676b;color:var(--quad-text-secondary,#65676b);padding:40px 20px;text-align:center}.comments-empty-state span{display:block;font-size:48px;margin-bottom:12px}.comments-empty-state p{font-size:15px;margin:0}.comments-modal-input-area{background:#242526;background:var(--quad-card,#242526);border-top:1px solid #3e4042;border-top:1px solid var(--quad-border,#3e4042);padding:12px 16px}.replying-indicator{align-items:center;background:#f0f2f5;background:var(--quad-hover,#f0f2f5);border-radius:8px;display:flex;font-size:13px;gap:4px;margin-bottom:8px;padding:8px 12px}.replying-indicator,.replying-indicator button{color:#65676b;color:var(--quad-text-secondary,#65676b)}.replying-indicator button{background:none;border:none;cursor:pointer;font-size:18px;margin-left:auto;padding:0 4px}.comments-modal-form{align-items:center;display:flex;gap:8px}.input-avatar{align-items:center;background:linear-gradient(135deg,#1877f2,#00c6ff);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.input-avatar img{height:100%;object-fit:cover;width:100%}.comments-modal-input{background:#3a3b3c;background:var(--quad-hover,#3a3b3c);border:none;border-radius:20px;color:#e4e6eb;color:var(--quad-text,#e4e6eb);flex:1 1;font-size:15px;outline:none;padding:10px 16px}.comments-modal-input::placeholder{color:#b0b3b8;color:var(--quad-text-secondary,#b0b3b8)}.comments-modal-input:focus{background:#4e4f50;background:var(--quad-border,#4e4f50)}.comments-modal-submit{align-items:center;background:#1877f2;background:var(--quad-primary,#1877f2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:background .2s;width:36px}.comments-modal-submit:hover:not(:disabled){background:#166fe5;background:var(--quad-primary-hover,#166fe5)}.comments-modal-submit:disabled{background:#f0f2f5;background:var(--quad-hover,#f0f2f5);color:#65676b;color:var(--quad-text-secondary,#65676b);cursor:not-allowed}.content-error{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:13px;margin-bottom:8px;padding:8px 12px}.comments-modal-input.has-error{background:#fff5f5;border:2px solid #dc3545}@media (max-width:768px){.comments-modal-overlay{align-items:flex-end;padding:0}.comments-modal{border-radius:16px 16px 0 0;max-height:95vh;max-width:100%}.comments-modal-title{font-size:18px}.comments-modal-list{padding:12px}.comments-modal-input-area{padding:12px 12px calc(12px + env(safe-area-inset-bottom, 0))}}.quad-post-images{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1rem}.quad-post-image{border-radius:.5rem;max-height:300px}@media (max-width:768px){.quad-post-images{border-radius:0;gap:2px;grid-template-columns:repeat(2,1fr);margin:0 -.75rem .5rem}.quad-post-image{border-radius:0;max-height:200px}}@media (max-width:480px){.quad-post-images{grid-template-columns:1fr}}.unified-post-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.unified-post-modal{animation:slideUp .3s ease;background:var(--card);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:550px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.unified-post-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem 1.25rem}.unified-post-title{color:var(--foreground);font-size:1.25rem;font-weight:600;margin:0}.unified-post-close{background:#0000;border:none;border-radius:50%;color:var(--muted-foreground);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem .5rem;transition:all .2s}.unified-post-close:hover{background:var(--muted);color:var(--foreground)}.unified-post-type-selector{background:var(--muted);border-bottom:1px solid var(--border);display:flex;gap:.5rem;padding:1rem 1.25rem}.type-btn{align-items:center;background:#0000;border:2px solid #0000;border-radius:12px;color:var(--muted-foreground);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.25rem;padding:.75rem;transition:all .2s}.type-btn:hover{background:var(--card);color:var(--foreground)}.type-btn.active{background:var(--card);border-color:var(--primary);color:var(--primary)}.type-btn .type-icon{font-size:1.5rem}.type-btn span:last-child{font-size:.8rem;font-weight:500}.unified-post-body{padding:1.25rem}.unified-post-error{background:#ef44441a;border-radius:8px;color:#ef4444;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.unified-post-author{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.author-avatar{font-size:1rem;height:42px;width:42px}.author-info{gap:.1rem}.author-name{color:var(--foreground)}.post-visibility{color:var(--muted-foreground);font-size:.75rem}.life-event-selector{margin-bottom:1rem}.selector-label{color:var(--muted-foreground);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.life-event-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.life-event-btn{align-items:center;background:var(--muted);border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:.75rem .5rem;transition:all .2s}.life-event-btn:hover{background:var(--card);border-color:var(--border)}.life-event-btn.active{background:#3b82f61a;background:rgba(var(--primary-rgb,59,130,246),.1);border-color:var(--primary)}.event-icon{font-size:1.5rem}.event-label{color:var(--muted-foreground);font-size:.7rem;text-align:center}.unified-post-textarea{background:var(--background);border:1px solid var(--border);border-radius:12px;color:var(--foreground);font-family:inherit;font-size:1rem;padding:.75rem;resize:none;transition:border-color .2s;width:100%}.unified-post-textarea:focus{border-color:var(--primary);outline:none}.char-count,.unified-post-textarea::placeholder{color:var(--muted-foreground)}.char-count{font-size:.75rem;margin-bottom:.75rem;margin-top:.25rem;text-align:right}.image-preview-grid{grid-gap:.5rem;display:grid;gap:.5rem;margin-bottom:1rem}.image-preview-grid.cols-1{grid-template-columns:1fr}.image-preview-grid.cols-2{grid-template-columns:repeat(2,1fr)}.image-preview-item{aspect-ratio:4/3;border-radius:12px;overflow:hidden;position:relative}.image-preview-item img{height:100%;object-fit:cover;width:100%}.upload-progress-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:absolute}.progress-bar{background:#ffffff4d;border-radius:3px;width:80%}.progress-fill{background:var(--primary);border-radius:3px;transition:width .2s}.remove-image-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:28px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:background .2s;width:28px}.remove-image-btn:hover{background:#ef4444e6}.drop-zone{background:var(--muted);border:2px dashed var(--border);border-radius:12px;cursor:pointer;padding:2rem 1rem;text-align:center;transition:all .2s}.drop-zone.dragging,.drop-zone:hover{background:#3b82f60d;background:rgba(var(--primary-rgb,59,130,246),.05);border-color:var(--primary)}.drop-icon{font-size:2rem;margin-bottom:.5rem}.drop-text{color:var(--muted-foreground);font-size:.9rem;margin:0}.drop-hint{color:#f59e0b;font-size:.8rem;margin:.5rem 0 0}.unified-post-footer{background:var(--muted);border-radius:0 0 16px 16px;border-top:1px solid var(--border);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem}.btn-cancel,.btn-submit{border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.25rem;transition:all .2s}.btn-cancel{background:#0000;border:1px solid var(--border);color:var(--muted-foreground)}.btn-cancel:hover:not(:disabled){background:var(--muted);color:var(--foreground)}.btn-submit{background:var(--primary);border:none;color:#fff}.btn-submit:hover:not(:disabled){opacity:.9}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.5}@media (max-width:600px){.unified-post-modal{border-radius:12px 12px 0 0;margin-top:auto;max-height:95vh}.life-event-grid{grid-template-columns:repeat(2,1fr)}.event-icon{font-size:1.25rem}.type-btn{padding:.5rem}.type-btn .type-icon{font-size:1.25rem}}.story-viewer-overlay{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.story-viewer{background:#000;border-radius:16px;height:100%;max-height:90vh;max-width:420px;overflow:hidden;position:relative;width:100%}.story-progress-bar{display:flex;gap:4px;left:12px;position:absolute;right:12px;top:12px;z-index:10}.progress-segment{background:#ffffff4d;border-radius:2px;flex:1 1;height:3px;overflow:hidden}.progress-fill{background:#fff;transition:width .05s linear}.story-header{justify-content:space-between;left:12px;position:absolute;right:12px;top:24px;z-index:10}.story-author,.story-header{align-items:center;display:flex}.story-author{gap:10px}.author-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;overflow:hidden;width:36px}.author-avatar img{height:100%;object-fit:cover;width:100%}.author-info{display:flex;flex-direction:column}.author-name{color:#fff;font-size:14px;font-weight:600}.story-ago{color:#ffffffb3;font-size:12px}.story-actions{display:flex;gap:8px}.story-actions button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.close-btn{font-size:24px!important}.story-content{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.story-media{max-height:100%;max-width:100%;object-fit:contain}.story-caption{background:#0000004d;border-radius:12px;bottom:60px;color:#fff;font-size:16px;left:16px;padding:12px;position:absolute;right:16px;text-align:center;text-shadow:0 2px 4px #00000080}.story-nav{bottom:80px;cursor:pointer;position:absolute;top:80px;width:30%;z-index:5}.story-nav.prev{left:0}.story-nav.next{right:0}.story-views{background:#00000080;border-radius:16px;bottom:16px;color:#fff;font-size:14px;left:16px;padding:6px 12px;position:absolute}@media (max-width:640px){.story-viewer{border-radius:0;max-height:100%;max-width:100%}}.create-story-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.create-story-modal{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:16px;max-width:420px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h3{color:#fff;color:var(--text-primary,#fff);font-size:18px;margin:0}.modal-header .close-btn{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:32px;width:32px}.modal-body{padding:20px}.file-drop-zone{border:2px dashed #fff3;border-radius:12px;cursor:pointer;padding:40px;text-align:center;transition:border-color .2s}.file-drop-zone:hover{border-color:#6366f1;border-color:var(--primary,#6366f1)}.drop-icon{display:block;font-size:48px;margin-bottom:12px}.file-drop-zone p{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);margin:0}.file-drop-zone .hint{font-size:12px;margin-top:8px}.preview-zone{align-items:center;border-radius:12px;display:flex;justify-content:center;min-height:200px;overflow:hidden;padding:20px;position:relative}.preview-media{border-radius:8px;max-height:300px;max-width:100%}.remove-preview{background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:28px;position:absolute;right:10px;top:10px;width:28px}.caption-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-size:14px;margin-top:16px;padding:12px 16px;width:100%}.caption-input::placeholder{color:#5a5a6a;color:var(--text-muted,#5a5a6a)}.color-picker{align-items:center;display:flex;gap:8px;margin-top:16px}.color-picker span{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:13px}.color-btn{border:2px solid #0000;border-radius:50%;cursor:pointer;height:28px;transition:transform .2s;width:28px}.color-btn:hover{transform:scale(1.1)}.color-btn.selected{border-color:#fff}.error-message{color:#ef4444;font-size:13px;margin-top:12px}.modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:12px;padding:16px 20px}.cancel-btn{background:#ffffff1a;color:#fff;color:var(--text-primary,#fff);flex:1 1}.cancel-btn,.share-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:12px}.share-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;flex:2 1;font-weight:600}.share-btn:disabled{cursor:not-allowed;opacity:.5}.stories-bar{background:#fff;background:var(--quad-card,#fff);border-radius:8px;box-shadow:0 1px 2px #0000001a;display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding:16px}.stories-bar::-webkit-scrollbar{display:none;height:0}.stories-bar.loading{justify-content:flex-start}.story-placeholder{animation:storyPulse 1.5s infinite;background:#e4e6eb;border-radius:12px;height:200px;width:112px}@keyframes storyPulse{0%,to{opacity:.6}50%{opacity:1}}.story-item{align-items:center;background:linear-gradient(135deg,#1877f2,#00c6ff);border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:200px;min-width:112px;overflow:hidden;padding:0;position:relative;transition:transform .2s,box-shadow .2s}.story-item:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.02)}.story-overlay{background:linear-gradient(180deg,#0000001a,#00000080);inset:0;pointer-events:none;position:absolute;z-index:1}.story-avatar-wrap{height:40px;left:12px;position:absolute;top:12px;width:40px;z-index:2}.story-avatar{align-items:center;background:linear-gradient(135deg,#1877f2,#00c6ff);border:4px solid #1877f2;border:4px solid var(--quad-primary,#1877f2);border-radius:50%;box-sizing:border-box;color:#fff;display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;overflow:hidden;width:100%}.story-item.unviewed .story-avatar{border-color:#1877f2;border-color:var(--quad-primary,#1877f2);box-shadow:0 0 0 2px #1877f24d}.story-avatar img{height:100%;object-fit:cover;width:100%}.add-icon{border:3px solid #fff;border:3px solid var(--quad-card,#fff);border-radius:50%;bottom:-4px;font-size:18px;height:28px;right:-4px;width:28px}.add-icon,.story-count{align-items:center;background:#1877f2;background:var(--quad-primary,#1877f2);color:#fff;display:flex;font-weight:700;justify-content:center;position:absolute}.story-count{border-radius:10px;font-size:11px;height:20px;min-width:20px;padding:0 6px;right:8px;top:8px;z-index:2}.story-name{bottom:12px;color:#fff;font-size:13px;font-weight:600;overflow:hidden;right:12px;text-overflow:ellipsis;text-shadow:0 1px 2px #0000004d;white-space:nowrap}.story-name,.story-time{left:12px;position:absolute;z-index:2}.story-time{bottom:32px;color:#fffc;font-size:11px}.no-stories{color:#65676b;color:var(--quad-text-secondary,#65676b);font-size:15px;padding:40px 20px;text-align:center;width:100%}.create-story{opacity:1;transition:opacity .2s,transform .2s}.create-story:hover{transform:scale(1.02)}.story-item.create-story:before{background:linear-gradient(180deg,#e4e6eb,#ccd0d5)}.story-item.create-story .story-avatar-wrap{bottom:52px;left:50%;top:auto;transform:translateX(-50%)}.story-item.create-story .story-name{color:#050505;color:var(--quad-text,#050505);text-align:center;text-shadow:none}@media (max-width:768px){.stories-bar{border-radius:0;margin:0 -4px 12px;padding:12px}.story-item{height:180px;min-width:100px}.story-avatar-wrap{height:32px;left:10px;top:10px;width:32px}.story-name{bottom:10px;font-size:12px}}.friend-card{align-items:center;background:#ffffff08;border-radius:12px;display:flex;gap:12px;padding:12px;transition:background .2s}.friend-card:hover{background:#ffffff0f}.friend-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:50px;justify-content:center;overflow:hidden;text-decoration:none;width:50px}.friend-avatar img{height:100%;object-fit:cover;width:100%}.friend-info{flex:1 1;min-width:0}.friend-name{color:#fff;color:var(--text-primary,#fff);display:block;font-size:15px;font-weight:600;text-decoration:none}.friend-name:hover{text-decoration:underline}.mutual-count{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:12px}.friend-actions{display:flex;gap:8px}.action-btn{background:#ffffff1a;border-radius:50%;color:#fff;color:var(--text-primary,#fff);font-size:16px;height:36px;transition:background .2s;width:36px}.action-btn:hover{background:#ffffff26}.action-menu{position:relative}.action-menu .dropdown{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #ffffff1a;border-radius:8px;min-width:120px;opacity:0;padding:4px;position:absolute;right:0;top:100%;transition:opacity .2s;visibility:hidden;z-index:10}.action-menu:focus-within .dropdown,.action-menu:hover .dropdown{opacity:1;visibility:visible}.action-menu .dropdown button{background:none;border:none;border-radius:4px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:block;font-size:13px;padding:8px 12px;text-align:left;width:100%}.action-menu .dropdown button:hover{background:#ffffff1a}.action-menu .dropdown button.danger{color:#ef4444}.friend-requests{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:12px;margin-bottom:16px;padding:16px}.friend-requests h3{color:#fff;color:var(--text-primary,#fff);font-size:16px;margin:0 0 12px}.friend-requests.loading{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:14px}.requests-list{display:flex;flex-direction:column;gap:12px}.request-card{background:#ffffff08;border-radius:10px;gap:12px;padding:12px}.request-avatar,.request-card{align-items:center;display:flex}.request-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;overflow:hidden;text-decoration:none;width:48px}.request-avatar img{height:100%;object-fit:cover;width:100%}.request-info{flex:1 1;min-width:0}.request-name{color:#fff;color:var(--text-primary,#fff);display:block;font-size:14px;font-weight:600;text-decoration:none}.request-name:hover{text-decoration:underline}.request-time{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:12px}.request-actions{display:flex;gap:8px}.accept-btn,.decline-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:opacity .2s}.accept-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.decline-btn{background:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.accept-btn:disabled,.decline-btn:disabled{cursor:not-allowed;opacity:.5}.accept-btn:hover:not(:disabled){opacity:.9}.decline-btn:hover:not(:disabled){background:#ffffff26}.friends-list{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:12px;padding:16px}.friends-list.loading .friend-placeholder{animation:pulse 1.5s infinite;background:#ffffff0d;border-radius:12px;height:74px;margin-bottom:12px}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.friends-search{margin-bottom:16px}.friends-search input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-size:14px;padding:10px 14px;width:100%}.friends-search input::placeholder{color:#5a5a6a;color:var(--text-muted,#5a5a6a)}.friends-search input:focus{border-color:#6366f1;border-color:var(--primary,#6366f1);outline:none}.no-friends{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);padding:24px;text-align:center}.no-friends p{font-size:14px;margin:0}.friends-grid{display:flex;flex-direction:column;gap:8px}.friends-count{border-top:1px solid #ffffff0d;color:#5a5a6a;color:var(--text-muted,#5a5a6a);font-size:12px;margin-top:12px;padding-top:12px;text-align:center}.quad-search{background:#0f0f1a;background:var(--bg-base,#0f0f1a);min-height:100vh}.quad-search.modal{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.search-overlay{background:#000c;bottom:0;left:0;position:absolute;right:0;top:0}.search-container{margin:0 auto;max-width:600px;padding:16px;position:relative}.search-input-wrap{align-items:center;background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:24px;display:flex;gap:10px;margin-bottom:16px;padding:8px 16px}.search-icon{font-size:18px}.search-input{background:none;border:none;color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:16px;outline:none}.search-input::placeholder{color:#5a5a6a;color:var(--text-muted,#5a5a6a)}.clear-btn{background:#ffffff1a;border:none;border-radius:50%;color:#8a8aa3;color:var(--text-secondary,#8a8aa3);cursor:pointer;font-size:16px;height:24px;width:24px}.close-search-btn{background:none;border:none;color:#6366f1;color:var(--primary,#6366f1);cursor:pointer;font-size:14px}.search-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto}.search-tabs button{background:#ffffff0d;border:none;border-radius:20px;color:#8a8aa3;color:var(--text-secondary,#8a8aa3);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s;white-space:nowrap}.search-tabs button.active{background:#6366f1;background:var(--primary,#6366f1);color:#fff}.search-results{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:12px;min-height:200px;padding:16px}.no-results,.search-loading{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);padding:32px;text-align:center}.search-suggestions h4,.section-title{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:14px;margin:0 0 12px;text-transform:capitalize}.trending-tags{display:flex;flex-wrap:wrap;gap:8px}.trending-tag{background:#6366f11a;border:1px solid #6366f133;border-radius:20px;color:#6366f1;color:var(--primary,#6366f1);cursor:pointer;font-size:13px;padding:8px 14px;transition:all .2s}.trending-tag:hover{background:#6366f133}.tag-count{color:#5a5a6a;color:var(--text-muted,#5a5a6a);margin-left:4px}.result-section{margin-bottom:20px}.result-section:last-child{margin-bottom:0}.no-items{color:#5a5a6a;color:var(--text-muted,#5a5a6a);font-size:13px;margin:0}.result-items{display:flex;flex-direction:column;gap:8px}.result-item{align-items:center;background:#ffffff08;border-radius:10px;display:flex;gap:12px;padding:10px;text-decoration:none;transition:background .2s}.result-item:hover{background:#ffffff0f}.result-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:44px;justify-content:center;overflow:hidden;width:44px}.result-avatar.group-avatar{border-radius:12px}.result-avatar img{height:100%;object-fit:cover;width:100%}.result-info{flex:1 1;min-width:0}.result-name{color:#fff;color:var(--text-primary,#fff);font-size:14px;font-weight:600}.result-meta{display:block;font-size:12px}.result-content,.result-meta{color:#8a8aa3;color:var(--text-secondary,#8a8aa3)}.result-content{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;margin:4px 0 0;overflow:hidden}.quad-page{--quad-primary:#1877f2;--quad-primary-hover:#166fe5;--quad-primary-light:#1877f21a;--quad-bg:var(--background,#f0f2f5);--quad-card:var(--card,#fff);--quad-hover:var(--muted,#f0f2f5);--quad-border:var(--border,#dddfe2);--quad-divider:#ced0d4;--quad-text:var(--foreground,#050505);--quad-text-secondary:var(--muted-foreground,#65676b);--quad-green:#31a24c;--quad-red:#f02849;--quad-yellow:#f7b928;--quad-shadow-sm:0 1px 2px #0000001a;--quad-shadow-md:0 2px 8px #0000001a;--quad-shadow-lg:0 4px 12px #00000026;background:var(--quad-bg);min-height:calc(100vh - 70px);padding:1rem .5rem}.quad-container{margin:0 auto;max-width:100%;padding:0}.quad-layout{display:flex;min-height:calc(100vh - 90px)}.quad-left-sidebar{background:var(--quad-bg);height:calc(100vh - 70px);left:0;overflow-y:auto;padding:1rem .75rem;position:fixed;top:70px;width:280px;z-index:100}.quad-left-sidebar::-webkit-scrollbar{width:6px}.quad-left-sidebar::-webkit-scrollbar-thumb{background:var(--quad-border);border-radius:3px}.quad-right-sidebar{background:var(--quad-bg);height:calc(100vh - 70px);overflow-y:auto;padding:1rem .75rem;position:fixed;right:0;top:70px;width:280px;z-index:100}.quad-feed{margin:0 auto 0 280px;max-width:100%;padding:0 1.5rem;width:calc(100% - 560px)}.quad-nav-item{align-items:center;border-radius:8px;color:var(--quad-text);display:flex;font-size:15px;font-weight:500;gap:12px;padding:8px;text-decoration:none;transition:background .2s}.quad-nav-item:hover{background:var(--quad-hover)}.quad-nav-item.active{background:var(--quad-primary-light);color:var(--quad-primary)}.quad-nav-icon{align-items:center;background:var(--quad-hover);border-radius:50%;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.quad-nav-item.active .quad-nav-icon{background:var(--quad-primary);color:#fff}.quad-profile-card{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:background .15s}.quad-profile-card:hover{background:var(--quad-hover)}.quad-profile-avatar{align-items:center;background:linear-gradient(135deg,#1877f2,#00c6ff);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.quad-profile-name{color:var(--quad-text);font-weight:500}.quad-sidebar-section{margin-bottom:1rem}.quad-sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem;padding:.5rem .75rem}.quad-sidebar-title{color:var(--quad-text);font-size:1rem;font-weight:600}.quad-sidebar-action{color:var(--quad-primary);cursor:pointer;font-size:.875rem}.quad-sidebar-action:hover{text-decoration:underline}.quad-divider{background:var(--quad-border);height:1px;margin:.75rem 0}.quad-create-post{background:var(--quad-card);border-radius:8px;box-shadow:var(--quad-shadow-sm);margin-bottom:16px;padding:12px 16px}.quad-create-post-top{align-items:center;display:flex;gap:8px}.quad-create-post-input{background:var(--quad-hover);border:none;border-radius:20px;color:var(--quad-text-secondary);cursor:pointer;flex:1 1;font-size:17px;height:40px;padding:8px 12px;text-align:left;transition:background .2s}.quad-create-post-input:hover{background:#e4e6e9}.quad-create-post-divider{background:var(--quad-divider);height:1px;margin:12px 0}.quad-create-post-actions{display:flex;justify-content:space-around}.quad-create-post-action{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--quad-text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:8px 12px;transition:background .2s}.quad-create-post-action:hover{background:var(--quad-hover)}.quad-create-post-action-icon{font-size:24px}.quad-create-post-action-icon.photo{color:#45bd62}.quad-create-post-action-icon.video{color:#f3425f}.quad-create-post-action-icon.event{color:#f7b928}.quad-post{background:var(--quad-card);border-radius:8px;box-shadow:var(--quad-shadow-sm);margin-bottom:16px;overflow:hidden}.quad-post-header{align-items:flex-start;display:flex;gap:8px;padding:12px 16px 0}.quad-post-avatar{align-items:center;background:linear-gradient(135deg,#1877f2,#00c6ff);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.quad-post-info{flex:1 1;min-width:0}.quad-post-author{color:var(--quad-text);cursor:pointer;font-size:15px;font-weight:600;line-height:1.2}.quad-post-author:hover{text-decoration:underline}.quad-post-meta{align-items:center;color:var(--quad-text-secondary);display:flex;font-size:13px;gap:4px;line-height:1.2}.quad-post-group{color:var(--quad-primary);cursor:pointer}.quad-post-group:hover{text-decoration:underline}.quad-post-options{border-radius:50%;color:var(--quad-text-secondary);cursor:pointer;margin-left:auto;padding:8px;transition:background .2s}.quad-post-options:hover{background:var(--quad-hover)}.quad-post-content{color:var(--quad-text);font-size:15px;line-height:1.33;padding:4px 16px 12px}.quad-post-content p{margin:0}.quad-post-image{max-height:500px;object-fit:cover;width:100%}.quad-post-stats{border-bottom:1px solid var(--quad-divider);color:var(--quad-text-secondary);display:flex;font-size:15px;justify-content:space-between;padding:10px 16px}.quad-post-reactions{align-items:center;display:flex;gap:4px}.quad-reaction-icons{display:flex}.quad-reaction-icon{align-items:center;border:2px solid var(--quad-card);border-radius:50%;display:flex;font-size:10px;height:18px;justify-content:center;margin-left:-4px;width:18px}.quad-reaction-icon:first-child{margin-left:0}.quad-reaction-icon.like{background:var(--quad-primary)}.quad-reaction-icon.love{background:#f33e58}.quad-reaction-icon.celebrate{background:#f7b928}.quad-post-comments-count{cursor:pointer}.quad-post-comments-count:hover{text-decoration:underline}.quad-post-actions{display:flex;padding:4px 16px}.quad-post-action{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--quad-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:6px;height:36px;justify-content:center;padding:6px;transition:background .2s}.quad-post-action:hover{background:var(--quad-hover)}.quad-post-action.liked{color:var(--quad-primary)}.quad-post-action-icon{font-size:18px}.quad-comments-section{border-top:1px solid var(--quad-divider);padding:8px 16px 16px}.quad-comment-input-container{align-items:flex-start;display:flex;gap:8px}.quad-comment-avatar{align-items:center;background:linear-gradient(135deg,#1877f2,#00c6ff);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.quad-comment-input{background:var(--quad-hover);border:none;border-radius:20px;color:var(--quad-text);flex:1 1;font-size:15px;max-height:150px;min-height:36px;padding:8px 12px;resize:none}.quad-comment-input::placeholder{color:var(--quad-text-secondary)}.quad-comment-input:focus{background:#e4e6e9;outline:none}.quad-comments-list{margin-top:8px}.quad-comment{display:flex;gap:8px;margin-bottom:8px}.quad-comment-body{background:var(--quad-hover);border-radius:18px;max-width:85%;padding:8px 12px}.quad-comment-author{color:var(--quad-text);cursor:pointer;font-size:13px;font-weight:600}.quad-comment-author:hover{text-decoration:underline}.quad-comment-text{color:var(--quad-text);font-size:15px;line-height:1.33}.quad-comment-actions{display:flex;font-size:12px;gap:12px;margin-top:4px;padding-left:12px}.quad-comment-action{color:var(--quad-text-secondary);cursor:pointer;font-weight:600}.quad-comment-action:hover{text-decoration:underline}.quad-comment-time{color:var(--quad-text-secondary);font-weight:400}.quad-active-user{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem .75rem;transition:background .15s}.quad-active-user:hover{background:var(--quad-hover)}.quad-active-avatar{height:36px;position:relative;width:36px}.quad-active-avatar .quad-avatar-placeholder,.quad-active-avatar img{align-items:center;background:linear-gradient(135deg,#1877f2,#00c6ff);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.quad-online-badge{background:var(--quad-green);border:2px solid var(--quad-bg);border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.quad-active-name{color:var(--quad-text);font-size:.9rem;font-weight:500}.quad-suggested-group{border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem .75rem;transition:background .15s}.quad-suggested-group-image,.quad-suggested-group:hover{background:var(--quad-hover)}.quad-suggested-group-image{align-items:center;border-radius:8px;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.quad-suggested-group-info{flex:1 1}.quad-suggested-group-name{color:var(--quad-text);font-size:.875rem;font-weight:600}.quad-suggested-group-meta{color:var(--quad-text-secondary);font-size:.75rem}.quad-empty{color:var(--quad-text-secondary);padding:3rem 1.5rem;text-align:center}.quad-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.quad-empty-title{color:var(--quad-text);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.quad-empty-description{font-size:.95rem;margin-bottom:1.5rem}.quad-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:6px;height:36px;justify-content:center;padding:0 16px;text-decoration:none;transition:all .2s}.quad-btn-primary{background:var(--quad-primary);color:#fff}.quad-btn-primary:hover{background:var(--quad-primary-hover)}.quad-btn-secondary{background:#e4e6eb;color:var(--quad-text)}.quad-btn-secondary:hover{background:#d8dadf}.quad-btn-ghost{background:#0000;color:var(--quad-text-secondary)}.quad-btn-ghost:hover{background:var(--quad-hover)}.quad-subnav{background:var(--quad-card);border-radius:8px;display:none;gap:.5rem;margin-bottom:1rem;overflow-x:auto;padding:.5rem}.quad-subnav-item{border-radius:6px;color:var(--quad-text-secondary);font-weight:500;padding:.6rem 1rem;text-decoration:none;transition:all .15s;white-space:nowrap}.quad-subnav-item:hover{background:var(--quad-hover);color:var(--quad-text)}.quad-subnav-item.active{background:var(--quad-primary);color:#fff}.quad-subnav-badge{align-items:center;background:#f33e58;border-radius:999px;color:#fff;display:inline-flex;font-size:.65rem;font-weight:600;height:1.1rem;justify-content:center;margin-left:.4rem;min-width:1.1rem;padding:0 .3rem}.quad-card{background:var(--quad-card);border:1px solid var(--quad-border);border-radius:8px;display:block;padding:1rem;text-decoration:none;transition:all .15s}.quad-card:hover{background:var(--quad-hover)}.quad-card-title{color:var(--quad-text);font-size:1rem;font-weight:600;margin:0 0 .35rem}.quad-card-description{color:var(--quad-text-secondary);font-size:.875rem;line-height:1.4;margin-bottom:.75rem}.quad-card-meta{color:var(--quad-text-secondary);display:flex;font-size:.8rem;gap:.75rem}.quad-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.quad-modal{background:var(--quad-card);border-radius:8px;box-shadow:0 8px 32px #0006;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.quad-modal-header{align-items:center;border-bottom:1px solid var(--quad-border);display:flex;justify-content:space-between;padding:1rem}.quad-modal-title{color:var(--quad-text);flex:1 1;font-size:1.25rem;font-weight:700;margin:0;text-align:center}.quad-modal-close{align-items:center;background:var(--quad-hover);border:none;border-radius:50%;color:var(--quad-text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;transition:background .15s;width:36px}.quad-modal-close:hover{background:var(--quad-border);color:var(--quad-text)}.quad-modal-body{padding:1rem}.quad-modal-footer{border-top:1px solid var(--quad-border);display:flex;gap:.5rem;justify-content:flex-end;padding:1rem}.quad-input,.quad-textarea{background:var(--quad-hover);border:1px solid #0000;border-radius:6px;color:var(--quad-text);font-size:.9rem;padding:.6rem .75rem;transition:border-color .15s;width:100%}.quad-input:focus,.quad-textarea:focus{border-color:var(--quad-primary);outline:none}.quad-input::placeholder,.quad-textarea::placeholder{color:var(--quad-text-secondary)}.quad-textarea{min-height:100px;resize:vertical}.quad-form-group{margin-bottom:1rem}.quad-form-label{color:var(--quad-text);display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem}@media (max-width:1200px){.quad-left-sidebar,.quad-right-sidebar{display:none}.quad-feed{margin:0 auto;max-width:680px;padding:0 1rem;width:100%}.quad-subnav{display:flex}}@media (max-width:768px){.quad-page{padding:.25rem}.quad-feed{padding:0 .25rem}.quad-btn{font-size:1rem;min-height:48px;padding:.75rem 1.25rem}.quad-nav-item{min-height:48px;padding:.75rem}.quad-post-action{min-height:48px;padding:.75rem .5rem}.quad-post-action span{display:none}.quad-post-action-icon{font-size:1.35rem}.quad-create-post{margin-bottom:.75rem;padding:.5rem .75rem}.quad-create-post-actions{flex-wrap:wrap;gap:.25rem}.quad-create-post-action{flex:1 1;min-height:44px;min-width:30%;padding:.5rem}.quad-create-post-action span{display:none}.quad-create-post-input{font-size:1rem;padding:.75rem 1rem}.quad-post{border-radius:0;margin:0 -.25rem .5rem}.quad-post-header{padding:.5rem .75rem}.quad-post-content{font-size:.95rem;padding:0 .75rem .5rem}.quad-post-stats{font-size:.8rem;padding:.35rem .75rem}.quad-post-actions{margin:0 .5rem}.quad-comments-section{padding:.5rem .75rem .75rem}.quad-comment-input{font-size:1rem;min-height:44px}.quad-modal-overlay{align-items:flex-end;padding:0}.quad-modal{border-radius:16px 16px 0 0;max-height:95vh;max-width:100%;width:100%}.quad-modal-header{padding:.75rem 1rem}.quad-modal-title{font-size:1.1rem}.quad-modal-close{height:40px;width:40px}.quad-modal-body{padding:.75rem}.quad-modal-footer{flex-direction:column;padding:.75rem}.quad-modal-footer .quad-btn{width:100%}.quad-input,.quad-textarea{font-size:16px;padding:.75rem}.quad-subnav{-webkit-overflow-scrolling:touch;gap:.25rem;padding:.25rem}.quad-subnav-item{min-height:44px;padding:.75rem 1rem}.quad-empty{padding:2rem 1rem}.quad-empty-icon{font-size:2.5rem}.quad-empty-title{font-size:1.1rem}.quad-card{padding:.75rem}.quad-card-meta{flex-wrap:wrap;gap:.5rem}.quad-tabs{-webkit-overflow-scrolling:touch;gap:0;overflow-x:auto}.quad-tab{flex-shrink:0;min-height:48px;padding:.75rem 1rem;white-space:nowrap}.quad-header{align-items:stretch;flex-direction:column;gap:.75rem}.quad-header-actions{display:flex;gap:.5rem}.quad-header-actions .quad-btn{flex:1 1}.quad-member{min-height:48px;padding:.5rem 0}}@media (max-width:480px){.quad-post-avatar{font-size:.8rem;height:36px;width:36px}.quad-comment-avatar{font-size:.65rem;height:28px;width:28px}.quad-post-author{font-size:.9rem}.quad-post-meta{font-size:.75rem}.quad-reaction-icon{font-size:.6rem;height:16px;width:16px}}.quad-back-link{align-items:center;border-radius:6px;color:var(--quad-text-secondary);display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;min-height:44px;padding:.5rem .75rem;text-decoration:none;transition:background .15s}.quad-back-link:hover{background:var(--quad-hover);color:var(--quad-text)}@supports (padding-bottom:env(safe-area-inset-bottom)){.quad-modal{padding-bottom:env(safe-area-inset-bottom)}.quad-modal-footer{padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}}.quad-message-error{background:#ffc10726;border:1px solid #ffc1074d;border-radius:8px;color:#ffc107;font-size:13px;margin-bottom:8px;padding:8px 12px;width:100%}.quad-chat-input.has-error{background:#dc35451a;border-color:#dc3545!important}.quad-chat-input-container{border-top:1px solid #ced0d4;border-top:1px solid var(--quad-divider,#ced0d4);display:flex;flex-wrap:wrap;gap:8px;padding:12px}.learner-wishlist{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:12px;margin-top:16px;padding:16px}.learner-wishlist h4{color:#fff;color:var(--text-primary,#fff);font-size:14px;font-weight:600;margin:0 0 12px}.learner-wishlist.empty,.learner-wishlist.loading{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:14px}.learner-wishlist.empty p{margin:0}.wishlist-items{display:flex;flex-wrap:wrap;gap:12px}.wishlist-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:10px;max-width:200px;padding:8px 12px;text-decoration:none;transition:background .2s,transform .2s}.wishlist-item:hover{background:#6366f11a;transform:translateY(-2px)}.wishlist-image{border-radius:6px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.wishlist-info{display:flex;flex-direction:column;gap:2px;min-width:0}.wishlist-title{color:#fff;color:var(--text-primary,#fff);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wishlist-price{color:#6366f1;color:var(--primary,#6366f1);font-size:12px;font-weight:700}.dashboard-marketplace{padding:24px}.marketplace-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.marketplace-header h1{color:#fff;font-size:28px;font-weight:700;margin:0}.marketplace-header p{color:#fff9;font-size:14px;margin:4px 0 0}.marketplace-create-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.marketplace-create-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.marketplace-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s}.stat-card:hover{background:#ffffff0d;border-color:#ffffff1f}.stat-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.stat-icon.revenue{background:#10b98133;color:#10b981}.stat-icon.listings{background:#667eea33;color:#667eea}.stat-icon.orders{background:#fbbf2433;color:#fbbf24}.stat-icon.pending{background:#ef444433;color:#ef4444}.stat-info{display:flex;flex-direction:column}.stat-value{color:#fff;font-size:24px;font-weight:700}.stat-label{color:#ffffff80;font-size:13px}.marketplace-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:8px;margin-bottom:16px;padding-bottom:16px}.tab-btn{background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.tab-btn:hover{background:#ffffff0d;color:#fff}.tab-btn.active{background:#667eea33;color:#fff}.marketplace-filters{display:flex;gap:12px;margin-bottom:16px}.filter-box,.search-box{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffff80;display:flex;gap:10px;padding:10px 14px}.search-box{flex:1 1;max-width:300px}.search-box input{background:#0000;border:none;color:#fff;flex:1 1;font-size:14px;outline:none}.search-box input::placeholder{color:#fff6}.filter-box select{background:#0000;border:none;color:#fff;cursor:pointer;font-size:14px;outline:none}.filter-box select option{background:#1e1e2e;color:#fff}.marketplace-table-container{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.marketplace-table{border-collapse:collapse;width:100%}.marketplace-table th{background:#ffffff08;border-bottom:1px solid #ffffff14;color:#ffffff80;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.marketplace-table td{border-bottom:1px solid #ffffff0d;color:#fffc;font-size:14px;padding:14px 16px}.marketplace-table tbody tr:hover{background:#ffffff05}.marketplace-table tbody tr:last-child td{border-bottom:none}.listing-title,.order-id{color:#fff;font-weight:500}.listing-price,.order-total{color:#10b981;font-weight:600}.empty-state{color:#fff6!important;padding:40px!important}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;text-transform:capitalize}.badge.type{background:#667eea33;color:#667eea}.badge.status.active{background:#10b98133;color:#10b981}.badge.status.sold{background:#6464644d;color:#999}.badge.status.draft{background:#fbbf2433;color:#fbbf24}.badge.status.paid{background:#10b98133;color:#10b981}.badge.status.shipped{background:#3b82f633;color:#3b82f6}.badge.status.delivered{background:#667eea33;color:#667eea}.badge.status.canceled{background:#ef444433;color:#ef4444}.actions{display:flex;gap:8px}.action-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;padding:6px 12px}.action-btn.edit,.action-btn.view{background:#667eea33;color:#667eea}.action-btn.edit:hover,.action-btn.view:hover{background:#667eea4d}.action-btn.delete{background:#ef444433;color:#ef4444}.action-btn.delete:hover{background:#ef44444d}.action-btn.fulfill{background:#10b98133;color:#10b981}.action-btn.fulfill:hover{background:#10b9814d}@media (max-width:1024px){.marketplace-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-marketplace{padding:16px}.marketplace-header{flex-direction:column;gap:16px}.marketplace-create-btn{justify-content:center;width:100%}.marketplace-stats{grid-template-columns:1fr}.marketplace-filters{flex-direction:column}.search-box{max-width:none}.marketplace-table-container{overflow-x:auto}.marketplace-table{min-width:600px}}.dashboard-events{padding:24px}.events-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.events-header h1{color:#fff;font-size:28px;font-weight:700;margin:0}.events-header p{color:#fff9;font-size:14px;margin:4px 0 0}.member-filter{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px}.member-filter option{background:#1e1e2e;color:#fff}.calendar-nav{justify-content:space-between;margin-bottom:20px}.calendar-nav,.nav-btn{align-items:center;display:flex}.nav-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;height:40px;justify-content:center;transition:all .2s;width:40px}.nav-btn:hover{background:#ffffff1a}.calendar-title{align-items:center;display:flex;gap:16px}.calendar-title h2{color:#fff;font-size:20px;font-weight:600;margin:0}.today-btn{background:#667eea33;border:none;border-radius:6px;color:#667eea;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:background .2s}.today-btn:hover{background:#667eea4d}.calendar-container{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.calendar-weekdays{background:#ffffff08;border-bottom:1px solid #ffffff14;display:grid;grid-template-columns:repeat(7,1fr)}.weekday{color:#ffffff80;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:center;text-transform:uppercase}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{border-bottom:1px solid #ffffff0d;border-right:1px solid #ffffff0d;cursor:pointer;min-height:100px;padding:8px;transition:background .2s}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background:#ffffff08}.calendar-day.other-month{opacity:.3}.calendar-day.today{background:#667eea1a}.calendar-day.today .day-number{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;height:28px;justify-content:center;width:28px}.calendar-day.selected{background:#667eea26;border-color:#667eea4d}.day-number{color:#fff;font-size:14px;font-weight:500;margin-bottom:4px}.day-events{display:flex;flex-direction:column;gap:2px}.event-dot{align-items:center;border-radius:4px;display:flex;font-size:10px;gap:4px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.event-dot.virtual{background:#3b82f633;color:#3b82f6}.event-dot.local{background:#10b98133;color:#10b981}.event-title{overflow:hidden;text-overflow:ellipsis}.more-events{color:#ffffff80;font-size:10px;padding:2px 6px}.selected-day-panel{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;margin-top:24px;padding:20px}.selected-day-panel h3{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 16px}.selected-day-events{display:flex;flex-direction:column;gap:12px}.no-events{color:#fff6;padding:20px;text-align:center}.event-card{background:#ffffff08;border-left:3px solid;border-radius:10px;display:flex;gap:12px;padding:12px 16px}.event-card.virtual{border-left-color:#3b82f6}.event-card.local{border-left-color:#10b981}.event-type-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.event-card.virtual .event-type-icon{background:#3b82f633;color:#3b82f6}.event-card.local .event-type-icon{background:#10b98133;color:#10b981}.event-details{display:flex;flex-direction:column;gap:2px}.event-name{color:#fff;font-size:14px;font-weight:500}.event-location,.event-time{color:#ffffff80;font-size:12px}.events-loading{align-items:center;color:#ffffff80;display:flex;gap:12px;justify-content:center;padding:40px}.spinner{height:20px;width:20px}@media (max-width:768px){.dashboard-events{padding:16px}.events-header{flex-direction:column;gap:16px}.calendar-day{min-height:60px;padding:4px}.event-dot{padding:1px 3px}.event-title{display:none}.weekday{font-size:10px;padding:8px 4px}}.dashboard-family{padding:24px}.dashboard-family.loading{align-items:center;color:#ffffff80;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#667eea;height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.family-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.family-header h1{color:#fff;font-size:28px;font-weight:700;margin:0}.family-header p{color:#fff9;font-size:14px;margin:4px 0 0}.premium-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.premium-required{background:#f59e0b14;border:1px solid #f59e0b33;border-radius:12px;margin-top:24px;padding:24px}.premium-badge-large{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px;padding:8px 16px}.premium-required p{color:#ffffffb3;font-size:14px;line-height:1.5;margin:0 0 16px}.premium-benefits{list-style:none;margin:0 0 20px;padding:0;text-align:left}.premium-benefits li{color:#fffc;font-size:14px;padding:6px 0}.btn-upgrade{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s}.btn-upgrade:hover{box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.family-message{align-items:center;border-radius:10px;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:14px 16px}.family-message.success{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.family-message.error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.family-message button{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;opacity:.7}.family-message button:hover{opacity:1}.family-empty{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;padding:60px 40px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px}.family-empty h2{color:#fff;font-size:24px;font-weight:600;margin:0 0 12px}.family-empty p{color:#fff9;font-size:15px;margin:0 auto 24px;max-width:400px}.btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-primary.large{font-size:15px;padding:14px 32px}.btn-secondary{background:#ffffff1a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background .2s}.btn-secondary:hover{background:#ffffff26}.btn-invite{align-items:center;background:#667eea33;border:none;border-radius:6px;color:#667eea;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:background .2s}.btn-invite:hover{background:#667eea4d}.create-form{margin:0 auto;max-width:400px}.create-form input{background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;color:#fff;font-size:15px;margin-bottom:16px;padding:14px 16px;width:100%}.create-form input::placeholder{color:#fff6}.create-form input:focus{border-color:#667eea;outline:none}.form-actions{display:flex;gap:12px;justify-content:center}.family-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;margin-bottom:24px;padding:20px}.family-info{align-items:center;display:flex;gap:16px}.family-icon{font-size:40px}.family-info h2{color:#fff;font-size:20px;font-weight:600;margin:0}.family-info span{color:#ffffff80;font-size:13px}.learners-section,.members-section{margin-bottom:24px}.section-header{margin-bottom:16px}.section-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.count{color:#ffffff80;font-size:13px}.section-desc{color:#ffffff80;font-size:14px;margin:0}.members-list{display:flex;flex-direction:column;gap:8px}.member-card{background:#ffffff05;border:1px solid #ffffff0f;gap:12px;padding:14px 16px}.member-card,.member-icon{align-items:center;border-radius:10px;display:flex}.member-icon{background:#667eea26;color:#667eea;height:40px;justify-content:center;width:40px}.member-info{display:flex;flex-direction:column;gap:2px}.member-name{color:#fff;font-size:14px;font-weight:500}.member-role{color:#ffffff80;font-size:12px}.owner-badge{background:#fbbf2433;border-radius:20px;color:#fbbf24;font-size:11px;font-weight:600;margin-left:auto;padding:4px 10px;text-transform:uppercase}.invite-form-container{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;margin-bottom:24px;padding:24px}.invite-form-container h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.invite-form-container>p{color:#ffffff80;font-size:14px;margin:0 0 20px}.form-group{margin-bottom:16px}.form-group label{color:#fffc;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.input-with-icon{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;color:#ffffff80;display:flex;gap:12px;padding:12px 16px}.input-with-icon input{background:#0000;border:none;color:#fff;flex:1 1;font-size:15px;outline:none}.input-with-icon input::placeholder{color:#fff6}.role-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.role-option{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:all .2s}.role-option:hover{background:#ffffff0d}.role-option.selected{background:#667eea26;border-color:#667eea66}.role-option input{display:none}.role-option span{color:#fff;font-size:14px}@media (max-width:768px){.dashboard-family{padding:16px}.family-empty{padding:40px 24px}.form-actions{flex-direction:column}.role-options{grid-template-columns:1fr}}.dashboard-settings{padding:24px}.settings-header{margin-bottom:32px}.settings-header h1{color:#fff;font-size:28px;font-weight:700;margin:0}.settings-header p{color:#fff9;font-size:14px;margin:4px 0 0}.settings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.settings-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:16px;padding:24px;text-decoration:none;transition:all .2s}.settings-card:hover{background:#ffffff0d;border-color:#667eea4d;transform:translateY(-2px)}.settings-icon{align-items:center;background:#667eea26;border-radius:12px;color:#667eea;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.settings-info h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.settings-info p{color:#ffffff80;font-size:14px;margin:0}@media (max-width:768px){.dashboard-settings{padding:16px}.settings-grid{grid-template-columns:1fr}}:root{--sidebar-width:260px;--sidebar-collapsed-width:72px;--sidebar-bg:linear-gradient(195deg,#42424a,#191919);--sidebar-text:#fffc;--sidebar-active:#fff;--transition-speed:0.3s}.dashboard-layout{background:oklch(var(--b1));background:var(--fallback-b1,oklch(var(--b1)));display:flex;min-height:calc(100vh - 70px)}.dashboard-main{flex:1 1;margin-left:260px;margin-left:var(--sidebar-width);max-width:calc(100% - 260px);max-width:calc(100% - var(--sidebar-width));padding:1.5rem 2rem;transition:margin-left .3s ease;transition:margin-left var(--transition-speed) ease}.dashboard-layout.sidebar-collapsed .dashboard-main{margin-left:72px;margin-left:var(--sidebar-collapsed-width);max-width:calc(100% - 72px);max-width:calc(100% - var(--sidebar-collapsed-width))}.dashboard-sidebar{background:linear-gradient(195deg,#42424a,#191919);background:var(--sidebar-bg);display:flex;flex-direction:column;height:calc(100vh - 70px);left:0;overflow:hidden;position:fixed;top:70px;transition:width .3s ease;transition:width var(--transition-speed) ease;width:260px;width:var(--sidebar-width);z-index:40}.dashboard-sidebar.collapsed{width:72px;width:var(--sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:1.25rem 1rem}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{gap:.75rem}.brand-icon{font-size:1.5rem}.brand-text{color:#fff;font-size:1.1rem;font-weight:700;white-space:nowrap}.collapse-btn{color:#fffc;color:var(--sidebar-text)}.collapse-btn:hover{background:#ffffff1a;color:#fff}.sidebar-profile{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:.75rem;padding:1.25rem 1rem}.profile-avatar{align-items:center;border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:42px;justify-content:center;width:42px}.profile-info,.profile-name{overflow:hidden}.profile-name{color:#fff;font-size:.875rem;font-weight:600;margin:0;text-overflow:ellipsis;white-space:nowrap}.profile-badge{background:#ffffff26;border-radius:999px;color:#fffc;color:var(--sidebar-text);display:inline-block;font-size:.7rem;margin-top:.25rem;padding:.15rem .5rem}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem .75rem}.nav-list{list-style:none;margin:0;padding:0}.nav-item{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#fffc;color:var(--sidebar-text);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px 0 #667eea4d;color:#fff}.nav-icon{flex-shrink:0}.nav-label{white-space:nowrap}.nav-indicator{background:#fff;border-radius:2px 0 0 2px;height:60%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px}.sidebar-footer{border-top:1px solid #ffffff1a;padding:.75rem}.logout-btn:hover{background:#ef444433;color:#f87171}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-title h1{color:oklch(var(--bc));color:var(--fallback-bc,oklch(var(--bc)));font-size:1.75rem;font-weight:700;margin:0}.header-title p{color:oklch(var(--bc)/.6);color:var(--fallback-bc,oklch(var(--bc)/.6));font-size:.875rem;margin:.25rem 0 0}.header-actions{display:flex;gap:.75rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.stats-card{background:oklch(var(--b2));background:var(--fallback-b2,oklch(var(--b2)));border-radius:1rem;box-shadow:0 2px 12px #00000014;padding:1.25rem;transition:transform .2s,box-shadow .2s}.stats-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.stats-card-inner{align-items:flex-start;display:flex;gap:1rem}.stats-icon{align-items:center;border-radius:.75rem;box-shadow:0 4px 20px #00000026;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.stats-content{flex:1 1;min-width:0}.stats-label{color:oklch(var(--bc)/.5);color:var(--fallback-bc,oklch(var(--bc)/.5));font-size:.75rem;letter-spacing:.5px;margin:0 0 .25rem;text-transform:uppercase}.stats-value{color:oklch(var(--bc));color:var(--fallback-bc,oklch(var(--bc)));font-size:1.75rem;font-weight:700;margin:0}.stats-trend{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;margin-top:.5rem;padding:.2rem .5rem}.stats-trend.positive{background:#22c55e26;color:#22c55e}.stats-trend.negative{background:#ef444426;color:#ef4444}.trend-label{color:oklch(var(--bc)/.5);color:var(--fallback-bc,oklch(var(--bc)/.5));font-weight:400;margin-left:.25rem}.widget-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(12,1fr);margin-bottom:2rem}.widget-col-8{grid-column:span 8}.widget-col-4{grid-column:span 4}.widget-col-6{grid-column:span 6}.widget-col-12{grid-column:span 12}.activity-chart-card{background:oklch(var(--b2));background:var(--fallback-b2,oklch(var(--b2)));border-radius:1rem;box-shadow:0 2px 12px #00000014;height:100%;padding:1.5rem}.chart-header{margin-bottom:1.25rem}.chart-title{color:oklch(var(--bc));color:var(--fallback-bc,oklch(var(--bc)));font-size:1rem;font-weight:600;margin:0}.chart-subtitle{color:oklch(var(--bc)/.5);color:var(--fallback-bc,oklch(var(--bc)/.5));font-size:.75rem;margin:.25rem 0 0}.chart-container{height:200px}.chart-bars{align-items:flex-end;display:flex;gap:.5rem;height:100%;justify-content:space-between;padding-bottom:1.5rem}.bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;position:relative}.bar{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:.5rem .5rem 0 0;max-width:32px;transition:height .5s ease;width:100%}.bar-label{bottom:0;color:oklch(var(--bc)/.5);color:var(--fallback-bc,oklch(var(--bc)/.5));text-transform:uppercase}.bar-label,.bar-tooltip{font-size:.7rem;position:absolute}.bar-tooltip{color:oklch(var(--bc));color:var(--fallback-bc,oklch(var(--bc)));font-weight:600;opacity:0;top:-1.5rem;transition:opacity .2s}.bar-wrapper:hover .bar-tooltip{opacity:1}.bar-wrapper:hover .bar{background:linear-gradient(180deg,#764ba2,#667eea)}.quick-actions-card{background:oklch(var(--b2));background:var(--fallback-b2,oklch(var(--b2)));border-radius:1rem;box-shadow:0 2px 12px #00000014;height:100%;padding:1.5rem}.quick-actions-title{color:oklch(var(--bc));color:var(--fallback-bc,oklch(var(--bc)));font-size:1rem;font-weight:600;margin:0 0 1rem}.quick-actions-grid{display:flex;flex-direction:column;gap:.75rem}.quick-action-item{align-items:center;background:oklch(var(--b1));background:var(--fallback-b1,oklch(var(--b1)));border:none;border-radius:.75rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;text-align:left;text-decoration:none;transition:all .2s;width:100%}.quick-action-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.action-icon-wrapper{align-items:center;border-radius:.5rem;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.quick-action-primary .action-icon-wrapper{background:linear-gradient(135deg,#667eea,#764ba2)}.quick-action-secondary .action-icon-wrapper{background:linear-gradient(135deg,#f093fb,#f5576c)}.quick-action-accent .action-icon-wrapper{background:linear-gradient(135deg,#4facfe,#00f2fe)}.quick-action-info .action-icon-wrapper{background:linear-gradient(135deg,#2193b0,#6dd5ed)}.action-content{display:flex;flex-direction:column}.action-label{color:oklch(var(--bc));color:var(--fallback-bc,oklch(var(--bc)));font-size:.875rem;font-weight:600}.action-desc{color:oklch(var(--bc)/.5);color:var(--fallback-bc,oklch(var(--bc)/.5));font-size:.7rem}.learners-section{margin-top:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.section-title{font-size:1.125rem;font-weight:600;margin:0}.learners-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.learner-card{background:oklch(var(--b2));background:var(--fallback-b2,oklch(var(--b2)));border-radius:1rem;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.learner-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-4px)}.learner-card-header{align-items:flex-start;background:#0000;display:flex;justify-content:space-between;min-height:80px;padding:1rem;position:relative}.learner-avatar{border:3px solid #ffffff4d;border-radius:1rem;box-shadow:0 4px 15px #0003;flex-shrink:0;font-size:1.5rem;font-weight:700;height:64px;width:64px}.delete-btn,.learner-avatar{align-items:center;color:#fff;display:flex;justify-content:center}.delete-btn{background:#ef4444cc;border:none;border-radius:.5rem;cursor:pointer;height:42px;padding:.75rem;transition:all .2s;width:42px}.delete-btn:hover{background:#ef4444;transform:scale(1.05)}.card-header-actions{align-self:flex-start;display:flex;gap:.35rem;margin-left:auto}.pause-btn{align-items:center;background:#fbbf24e6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;height:42px;justify-content:center;padding:.75rem;transition:all .2s;width:42px}.pause-btn:hover{background:#f59e0b;transform:scale(1.05)}.pause-btn.is-paused{background:#22c55ee6}.pause-btn.is-paused:hover{background:#16a34a}.pause-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.learner-card.paused{opacity:.7}.learner-card.paused .learner-card-header{background:linear-gradient(135deg,#6b7280,#4b5563)}.learner-card.paused .learner-name:after{color:#fbbf24;content:" (Paused)";font-size:.75rem;font-weight:500}.learner-card-body{display:flex;flex:1 1;flex-direction:column;padding:1.25rem}.learner-name{color:oklch(var(--bc));color:var(--fallback-bc,oklch(var(--bc)));font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.learner-age{color:oklch(var(--bc)/.6);color:var(--fallback-bc,oklch(var(--bc)/.6));font-size:.8rem;margin:0 0 1rem}.learner-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.stat-item{align-items:center;color:oklch(var(--bc)/.7);color:var(--fallback-bc,oklch(var(--bc)/.7));display:flex;font-size:.8rem;gap:.35rem}.access-progress{margin-bottom:1rem}.progress-label{color:oklch(var(--bc)/.5);color:var(--fallback-bc,oklch(var(--bc)/.5));display:flex;font-size:.7rem;justify-content:space-between;margin-bottom:.35rem}.progress-bar{background:oklch(var(--b3));background:var(--fallback-b3,oklch(var(--b3)));border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:999px;height:100%;transition:width .5s ease}.learner-interests{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.interest-tag{background:oklch(var(--p)/.15);background:var(--fallback-p,oklch(var(--p)/.15));border-radius:999px;color:oklch(var(--p));color:var(--fallback-p,oklch(var(--p)));font-size:.7rem;padding:.2rem .6rem}.interest-more{color:oklch(var(--bc)/.5);color:var(--fallback-bc,oklch(var(--bc)/.5));font-size:.7rem;padding:.2rem .5rem}.learner-actions{display:flex;gap:.5rem;margin-top:auto}.action-btn{align-items:center;border-radius:.5rem;display:flex;flex:1 1;font-size:.8rem;font-weight:500;gap:.35rem;justify-content:center;padding:.6rem;text-decoration:none;transition:all .2s}.action-view{background:oklch(var(--b1));background:var(--fallback-b1,oklch(var(--b1)));color:oklch(var(--bc));color:var(--fallback-bc,oklch(var(--bc)))}.action-view:hover{background:oklch(var(--b3));background:var(--fallback-b3,oklch(var(--b3)))}.action-manage{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-manage:hover{box-shadow:0 4px 15px #667eea66}.action-pause{background:#fbbf24;border:none;color:#fff;cursor:pointer;flex:0 0 auto}.action-pause:hover{background:#f59e0b;transform:scale(1.05)}.action-pause.is-paused{background:#22c55e}.action-pause.is-paused:hover{background:#16a34a}.action-pause:disabled{cursor:not-allowed;opacity:.7;transform:none}.action-delete{background:#ef444426;border:none;color:#ef4444;cursor:pointer;flex:0 0 auto}.action-delete:hover{background:#ef4444;color:#fff}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal-content{background:oklch(var(--b1));background:var(--fallback-b1,oklch(var(--b1)));border-radius:1rem;box-shadow:0 25px 50px #00000040;max-width:400px;padding:1.5rem;width:90%}.modal-title{color:#ef4444;font-size:1.125rem;font-weight:700;margin:0 0 .75rem}.modal-text{color:oklch(var(--bc));color:var(--fallback-bc,oklch(var(--bc)));font-size:.9rem;margin:0 0 .5rem}.modal-warning{color:oklch(var(--bc)/.6);color:var(--fallback-bc,oklch(var(--bc)/.6));font-size:.8rem;margin:0 0 1.25rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.empty-state{background:oklch(var(--b2));background:var(--fallback-b2,oklch(var(--b2)));border-radius:1rem;padding:3rem 2rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-title{font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.empty-text{color:oklch(var(--bc)/.6);color:var(--fallback-bc,oklch(var(--bc)/.6));font-size:.875rem;margin:0 0 1.25rem}@media (max-width:1200px){.widget-col-4,.widget-col-8{grid-column:span 6}}@media (max-width:1024px){.dashboard-sidebar{width:72px;width:var(--sidebar-collapsed-width)}.dashboard-sidebar:not(.collapsed){width:260px;width:var(--sidebar-width)}.dashboard-main{margin-left:72px;margin-left:var(--sidebar-collapsed-width);max-width:calc(100% - 72px);max-width:calc(100% - var(--sidebar-collapsed-width))}.widget-col-4,.widget-col-6,.widget-col-8{grid-column:span 12}}@media (max-width:768px){.dashboard-sidebar{transform:translateX(-100%);width:260px;width:var(--sidebar-width)}.dashboard-sidebar.mobile-open{transform:translateX(0)}.dashboard-main{margin-left:0;max-width:100%;padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.learners-grid{grid-template-columns:1fr}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.dashboard-header{align-items:stretch;flex-direction:column}.header-actions{justify-content:stretch}.header-actions .btn{flex:1 1}}.learners-management{padding:0}.learners-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.filter-search{flex:1 1;min-width:200px;position:relative}.filter-search .search-icon{color:oklch(var(--bc)/.4);color:var(--fallback-bc,oklch(var(--bc)/.4));left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.filter-search input{padding-left:2.5rem}.filter-select{align-items:center;display:flex;gap:.5rem}.filter-select svg{color:oklch(var(--bc)/.4);color:var(--fallback-bc,oklch(var(--bc)/.4))}.learners-summary{background:oklch(var(--b2));background:var(--fallback-b2,oklch(var(--b2)));border-radius:.75rem;display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.summary-item{display:flex;flex-direction:column}.summary-value{color:oklch(var(--p));color:var(--fallback-p,oklch(var(--p)));font-size:1.5rem;font-weight:700}.summary-label{color:oklch(var(--bc)/.5);color:var(--fallback-bc,oklch(var(--bc)/.5));font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.landing-single-view{--landing-text:#1f2937;--landing-text-muted:#6b7280;--landing-border:#e5e7eb;align-items:center;bottom:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;left:0;overflow:hidden;right:0;top:0;transition:background .6s ease-out}.landing-single-view,.slide-progress{display:flex;flex-direction:column;position:fixed}.slide-progress{gap:1rem;left:2rem;top:50%;transform:translateY(-50%);z-index:100}.slide-dot{background:#0000;border:2px solid var(--dot-color,var(--slide-color));border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.slide-dot:hover{opacity:.6;transform:scale(1.3)}.slide-dot.completed,.slide-dot:hover{background:var(--slide-color);background:var(--dot-color,var(--slide-color))}.slide-dot.completed{opacity:.4}.slide-dot.active{background:var(--slide-color);background:var(--dot-color,var(--slide-color));box-shadow:0 0 20px var(--slide-color);box-shadow:0 0 20px var(--dot-color,var(--slide-color));transform:scale(1.4)}.slide-main{animation:slideIn .5s ease-out;max-width:1200px;padding:2rem;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.slide-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.slide-hero .slide-icon-wrapper{align-items:center;animation:floatIcon 4s ease-in-out infinite;border-radius:30px;display:flex;height:120px;justify-content:center;margin-bottom:1rem;width:120px}@keyframes floatIcon{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(3deg)}}.slide-icon-huge{filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));font-size:4rem}.slide-title-hero{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--landing-text),var(--slide-color));-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:900;line-height:1.1;margin:0}.slide-title-hero.light{-webkit-text-fill-color:#0000;background:#fff;-webkit-background-clip:text;background-clip:text}.slide-subtitle-hero{color:var(--slide-color);font-size:1.75rem;font-weight:600;margin:0}.slide-subtitle-hero.light{color:#ffffffe6}.slide-description{color:var(--landing-text-muted);font-size:1.125rem;line-height:1.7;max-width:500px}.slide-feature{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr;text-align:left}.slide-left{display:flex;flex-direction:column;gap:1rem}.slide-number{color:var(--slide-color);font-size:6rem;font-weight:900;line-height:1;margin-bottom:-2rem;opacity:.1}.slide-title{color:var(--landing-text);font-size:3rem;font-weight:800;line-height:1.1;margin:0}.slide-title.light{color:#fff}.slide-subtitle{font-size:1.5rem;font-weight:600;margin:0}.slide-subtitle.light{color:#fffc}.slide-benefits{list-style:none;margin:1rem 0;padding:0}.slide-benefits li{border-bottom:1px solid var(--landing-border);color:var(--landing-text);font-size:1rem;padding:.75rem 0 .75rem 2rem;position:relative}.slide-benefits li:before{color:var(--slide-color);color:var(--accent,var(--slide-color));content:"✓";font-weight:700;left:0;position:absolute}.slide-benefits li:last-child{border-bottom:none}.slide-right,.slide-visual{display:flex;justify-content:center}.slide-visual{align-items:center;animation:floatIcon 5s ease-in-out infinite;aspect-ratio:1;border-radius:40px;box-shadow:0 40px 80px #00000026;max-width:350px;width:100%}.slide-visual .slide-icon-huge{font-size:8rem}.slide-cta-primary{align-items:center;background:var(--slide-color);border-radius:50px;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;margin-top:1rem;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.slide-cta-primary:hover{box-shadow:0 15px 40px #0003;transform:translateY(-3px) scale(1.02)}.slide-cta-primary.large{font-size:1.125rem;padding:1.25rem 3rem}.slide-security{color:#fff}.slide-icon-wrapper.dark{background:#ffffff1a;border:1px solid #fff3}.security-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-top:2rem;max-width:600px}.security-feature{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;font-weight:500;gap:1rem;padding:1rem}.security-feature-icon{font-size:1.5rem}.slide-final{color:#fff}.slide-stats{display:flex;gap:3rem;margin:2rem 0}.slide-stat{align-items:center;display:flex;flex-direction:column}.stat-value{font-size:2.5rem;font-weight:800}.stat-label{font-size:.875rem;opacity:.8}.slide-note{font-size:.875rem;margin-top:1rem;opacity:.7}.slide-final .slide-cta-primary{background:#fff;color:#667eea}.slide-scroll-hint{align-items:center;animation:bounceHint 2s ease-in-out infinite;bottom:2rem;display:flex;flex-direction:column;font-size:.75rem;gap:.5rem;left:50%;letter-spacing:2px;position:fixed;text-transform:uppercase;transform:translateX(-50%)}@keyframes bounceHint{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}.scroll-arrow{font-size:1.25rem}.back-to-top-btn{background:none;border:none;cursor:pointer;font-size:.75rem;letter-spacing:2px;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s}.back-to-top-btn:hover{opacity:1;transform:translateY(-3px)}.slide-counter{bottom:2rem;font-size:.875rem;font-weight:600;letter-spacing:2px;position:fixed;right:2rem}@media (min-width:768px){.slide-feature{grid-template-columns:1fr 1fr}.slide-title-hero{font-size:5rem}.slide-title{font-size:4rem}.slide-icon-huge{font-size:5rem}.slide-visual .slide-icon-huge{font-size:10rem}.slide-hero .slide-icon-wrapper{height:150px;width:150px}}@media (min-width:1024px){.slide-title-hero{font-size:6rem}.slide-number{font-size:8rem}}@media (max-width:767px){.slide-progress{display:none}.slide-main{padding:1rem}.slide-title-hero{font-size:2.5rem}.slide-title{font-size:2rem}.slide-subtitle,.slide-subtitle-hero{font-size:1.25rem}.slide-description{font-size:1rem}.slide-number{font-size:4rem;margin-bottom:-1rem}.slide-visual{max-width:200px}.slide-visual .slide-icon-huge{font-size:5rem}.security-features{grid-template-columns:1fr}.slide-stats{gap:1.5rem}.stat-value{font-size:1.75rem}.slide-counter{bottom:1rem;right:1rem}.slide-scroll-hint{bottom:1rem}}.App{color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base)}.App,.main-content{background-color:var(--bg-primary)}.main-content{flex:1 1;min-height:calc(100vh - 80px);padding-top:80px}@media (max-width:768px){.main-content{padding-left:10px;padding-right:10px;padding-top:70px}}@media (max-width:480px){.main-content{padding-left:8px;padding-right:8px;padding-top:60px}}
/*# sourceMappingURL=main.a7e081fb.css.map*/