*,:before,:after,::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: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-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;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color: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:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--radius:.5rem}.dark{--background:0 0% 3.9%;--foreground:0 0% 98%;--card:0 0% 3.9%;--card-foreground:0 0% 98%;--popover:0 0% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:0 0% 9%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--accent:0 0% 14.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:0 0% 14.9%;--input:0 0% 14.9%;--ring:0 0% 83.1%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-12{right:-3rem}.-top-12{top:-3rem}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.block{display:block}.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}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-context-menu-content-available-height\]{max-height:var(--radix-context-menu-content-available-height)}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-\[60px\]{min-height:60px}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[1px\]{width:1px}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-lg{max-width:32rem}.max-w-max{max-width:max-content}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;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-\[-50\%\]{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%;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:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg;transform: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))}.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 pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px;border-bottom-width:1px}.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-destructive{border-color:hsl(var(--destructive))}.border-destructive\/50{border-color:hsl(var(--destructive) / .5)}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-primary\/50{border-color:hsl(var(--primary) / .5)}.border-transparent{border-color:#0000}.border-l-transparent{border-left-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-accent{background-color:hsl(var(--accent))}.bg-background{background-color:hsl(var(--background))}.bg-black\/80{background-color:#000c}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-foreground{background-color:hsl(var(--foreground))}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\/50{background-color:hsl(var(--muted) / .5)}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/10{background-color:hsl(var(--primary) / .1)}.bg-primary\/20{background-color:hsl(var(--primary) / .2)}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.fill-primary{fill:hsl(var(--primary))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[1px\]{padding:1px}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-4{padding-bottom:1rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-\[0\.8rem\]{font-size:.8rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/50{color:hsl(var(--foreground) / .5)}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-ring{--tw-ring-color:hsl(var(--ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.duration-1000{animation-duration:1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-y-0:after{content:var(--tw-content);top:0;bottom:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:.25rem}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:-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))}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-width:1px}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / .8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / .5)}.hover\:bg-primary:hover{background-color:hsl(var(--primary))}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / .8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:text-primary-foreground:hover{color:hsl(var(--primary-foreground))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:bg-primary:focus{background-color:hsl(var(--primary))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:text-primary-foreground:focus{color:hsl(var(--primary-foreground))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:hsl(var(--muted) / .4)}.group.toaster .group-\[\.toaster\]\:border-border{border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:hsl(var(--background))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:hsl(var(--destructive) / .3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity:1;color:rgb(254 242 242/var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color:#dc2626}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color:hsl(var(--accent))}.aria-selected\:bg-accent\/50[aria-selected=true]{background-color:hsl(var(--accent) / .5)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:hsl(var(--accent-foreground))}.aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);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 accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:.2s ease-out accordion-up}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:.2s ease-out accordion-down}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:hsl(var(--accent))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent) / .5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:.8}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:-13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:-13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-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))}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open],.data-\[state\=open\]\:focus\:bg-accent:focus[data-state=open]{background-color:hsl(var(--accent))}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:border-destructive:is(.dark *){border-color:hsl(var(--destructive))}@media (width>=640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:mt-0{margin-top:0}.sm\:max-w-sm{max-width:24rem}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:.625rem}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y:100%}}@media (width>=768px){.md\:absolute{position:absolute}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&\+div\]\:text-xs+div{font-size:.75rem;line-height:1rem}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){border-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:hsl(var(--accent))}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){background-color:hsl(var(--accent) / .5)}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:h-3\.5>svg{height:.875rem}.\[\&\>svg\]\:w-3\.5>svg{width:.875rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:hsl(var(--foreground))}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg;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))}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}.skip-to-content{z-index:10000;background:var(--primary-blue,#0080c8);color:#fff;border-radius:6px;padding:8px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:left .2s;position:absolute;top:8px;left:-9999px}.skip-to-content:focus{outline-offset:2px;outline:2px solid #fff;left:16px}:root{--primary-blue:#0080c8;--primary-orange:#ff8c00;--deep-blue:#003d7a;--light-blue:#4db8e8;--burnt-orange:#e67300;--accent-blue:#4db8e8;--accent-orange:#e67300;--white:#fff;--black:#000;--gray:#666;--light-gray:#f5f5f5;--gradient-primary:linear-gradient(90deg, #0080c8 0%, #ff8c00 100%);--gradient-evolution:linear-gradient(90deg, #003d7a 0%, #0080c8 33%, #4db8e8 66%, #ff8c00 100%);--gradient-radial:radial-gradient(circle, #ff8c00 0%, #0080c8 100%);--gradient-blue:linear-gradient(135deg, #003d7a 0%, #0080c8 100%);--gradient-orange:linear-gradient(135deg, #ff8c00 0%, #e67300 100%);--bg-dark:#0a1628;--bg-darker:#050b16;--bg-card:#0080c814;--bg-card-hover:#0080c826;--bg-orange-subtle:#ff8c0014;--text-primary:#fff;--text-secondary:#e0e7ef;--text-muted:#94a3b8;--text-on-light:#003d7a;--border-primary:#0080c84d;--border-orange:#ff8c004d;--border-light:#ffffff1a;--border-color:#0080c833;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--info:var(--primary-blue)}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--bg-darker) 0%, var(--bg-dark) 100%);color:var(--text-primary);min-height:100vh;font-family:Arial,Helvetica,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}h1,.h1{color:var(--primary-blue);margin-bottom:1rem;font-size:48px;font-weight:700;line-height:1.2}h2,.h2{color:var(--deep-blue);margin-bottom:.875rem;font-size:32px;font-weight:700;line-height:1.2}h3,.h3{color:var(--primary-orange);margin-bottom:.75rem;font-size:24px;font-weight:700;line-height:1.2}h4,.h4{color:var(--primary-blue);font-size:20px;font-weight:600;line-height:1.3}h5,.h5{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.3}h6,.h6{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.3}p{margin-bottom:1em;line-height:1.5}.caption,.small-text{color:var(--gray);font-size:12px;line-height:1.4}.cta-text,.button-text{color:var(--white);font-size:16px;font-weight:700}a{color:var(--primary-blue);border-bottom:1px solid #0000;text-decoration:none;transition:all .3s}a:hover{border-bottom-color:var(--primary-blue)}.App{flex-direction:column;min-height:100vh;display:flex}.app-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary);z-index:1000;background:#0f0f23f2;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;height:70px;margin:0 auto;padding:0 24px;display:flex}.header-actions{align-items:center;gap:16px;display:flex}.user-menu{align-items:center;gap:12px;display:flex}.user-welcome{color:var(--text-secondary);font-size:.9rem}.guest-actions{align-items:center;gap:12px;display:flex}.signup-btn{background:var(--gradient-primary);color:var(--white);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.signup-btn:hover{background:var(--gradient-radial);transform:translateY(-2px);box-shadow:0 8px 25px #ff8c0080}.login-btn,.logout-btn{border:1px solid var(--primary-blue);color:var(--primary-blue);cursor:pointer;background:#0080c81a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.logout-btn{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.login-btn:hover{border-color:var(--light-blue);background:#0080c833;transform:translateY(-1px)}.logout-btn:hover{color:#dc2626;background:#ef444433;border-color:#ef4444;transform:translateY(-1px)}.nav-menu .logout-mobile{display:none!important}.auth-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;background:#0f0f23e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-accent);background:linear-gradient(135deg,#0f0f23f2 0%,#0080c81a 100%);border-radius:20px;width:100%;max-width:400px;padding:32px;position:relative;box-shadow:0 20px 60px #0080c833}.auth-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.auth-modal-header h2{color:var(--text-primary);margin:0;font-size:1.8rem;font-weight:600}.auth-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .3s}.auth-modal-close:hover{color:var(--primary-blue);background:#0080c81a}.auth-error-message{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:.9rem;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-error-message svg{color:#ef4444;flex-shrink:0}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.form-group input{border:1px solid var(--border-primary);color:var(--text-primary);background:#0080c80d;border-radius:8px;padding:12px 16px;font-size:1rem;transition:all .3s}.form-group input:focus{border-color:var(--primary-blue);background:#0080c814;outline:none;box-shadow:0 0 0 3px #0080c833}.form-group input::placeholder{color:var(--text-muted)}.auth-submit-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px 24px;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff8c0066}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-switch{text-align:center;border-top:1px solid var(--border-primary);margin-top:20px;padding-top:20px}.auth-switch p{color:var(--text-secondary);margin:0}.auth-switch-btn{color:var(--primary-blue);cursor:pointer;background:0 0;border:none;font-weight:500;text-decoration:underline;transition:color .3s}.auth-switch-btn:hover{color:var(--light-blue)}.form-label-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.form-label-row label{margin-bottom:0}.forgot-password-link{color:var(--primary-blue);cursor:pointer;background:0 0;border:none;font-size:.78rem;text-decoration:underline;transition:color .2s}.article-back-footer{border-top:1px solid var(--border-color,#ffffff14);justify-content:flex-start;margin-top:40px;padding-top:24px;display:flex}.article-back-bottom-btn{min-width:160px}.rule-citation-badge{color:var(--primary-color,#e88c2e);letter-spacing:.03em;background:#e88c2e1f;border:1px solid #e88c2e4d;border-radius:4px;margin-bottom:8px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.ai-rule-citation{border-left:3px solid var(--primary-color,#e88c2e);color:var(--text-secondary);background:#e88c2e14;border-radius:0 4px 4px 0;margin-bottom:6px;padding:6px 10px;font-size:.8rem}.exam-results-screen{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 32px;display:flex}.results-badge{border-radius:50%;justify-content:center;align-items:center;padding:16px;display:flex}.results-pass{color:#22c55e;background:#22c55e26}.results-fail{color:#ef4444;background:#ef444426}.results-title{margin:0;font-size:2rem;font-weight:700}.results-score-row{align-items:baseline;gap:16px;display:flex}.results-score-big{color:var(--primary-color,#e88c2e);font-size:3.5rem;font-weight:800}.results-score-denom{color:var(--text-secondary);font-size:1.8rem}.results-accuracy{color:var(--text-secondary);font-size:2rem;font-weight:700}.results-subtitle{color:var(--text-secondary);max-width:380px;margin:0;font-size:1rem}.results-retry-btn{min-width:200px;margin-top:8px}.remember-me-row{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 8px;display:flex}.remember-me-label{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.875rem;display:flex}.remember-me-checkbox{width:16px;height:16px;accent-color:var(--primary-color,#e88c2e);cursor:pointer;flex-shrink:0}.remember-me-hint{color:var(--text-secondary);text-align:right;flex-shrink:0;font-size:.75rem}.auth-forgot-hint{color:var(--text-secondary);margin-bottom:16px;font-size:.9rem;line-height:1.5}.auth-sent-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:8px 0 16px;display:flex}.auth-sent-icon{color:#3fb950}.auth-sent-state p{color:var(--text-primary);line-height:1.6}.auth-sent-note{color:var(--text-secondary)!important;font-size:.83rem!important}.reset-password-page{background:var(--bg-primary,#0d1117);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.reset-password-card{background:var(--bg-secondary,#161b22);border:1px solid var(--border-color,#ffffff1a);border-radius:16px;width:100%;max-width:420px;padding:32px;box-shadow:0 20px 60px #0006}.logo{align-items:center;gap:12px;display:flex}.logo-text{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--light-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.nav-menu{gap:8px;display:flex}.nav-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.nav-button:hover{color:var(--primary-blue);background:#0080c826;transform:translateY(-1px)}.nav-button.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px #ff8c004d}.logout-nav-button{margin-top:8px;color:#ef4444!important;background:#ef44441a!important;border-color:#ef444433!important}.logout-nav-button:hover{color:#dc2626!important;background:#ef444433!important;border-color:#ef4444!important}.ai-chat-layout{grid-template-columns:1fr;gap:16px;padding:0 16px}.ai-avatar-section{order:1}.custom-chat-section{order:2}.ai-chat-section{order:3}.ai-assistant-info{order:4}.mobile-menu-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px;display:none}.app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 24px}.section-title{text-align:center;background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:48px;font-size:2.5rem;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1000px;margin:0 auto;display:grid}.feature-card{background:linear-gradient(135deg, var(--bg-card) 0%, #0080c814 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);text-align:center;cursor:pointer;border-radius:20px;padding:32px;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;background:linear-gradient(135deg,#0080c81a 0% 100%);transition:opacity .3s;position:absolute;inset:0}.feature-card:hover:before{opacity:1}.feature-card>*{z-index:1;position:relative}.feature-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.feature-icon{width:32px;height:32px;color:var(--primary-blue);margin-bottom:20px}.feature-icon-wrapper{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--light-blue) 100%);border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;display:flex;box-shadow:0 8px 25px #0080c866}.stat-item{text-align:center;background:var(--bg-card);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;min-width:120px;padding:20px}.stat-number{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--light-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.5rem;font-weight:700;display:block}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:40px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;transition:all .3s}.stat-card:hover{border-color:var(--light-blue);transform:translateY(-4px);box-shadow:0 12px 40px #0080c826}.stat-value{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:3rem;font-weight:700}.stat-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:500}.landing-page{background:linear-gradient(135deg, var(--bg-darker) 0%, var(--bg-dark) 100%);width:100%;min-height:100vh}.landing-hero{justify-content:space-between;align-items:center;gap:60px;max-width:1200px;min-height:90vh;margin:0 auto;padding:80px 0;display:flex}.hero-content{flex:1;max-width:600px}.hero-branding{justify-content:flex-start;align-items:center;margin-bottom:32px;display:flex}.hero-logo{object-fit:contain;filter:drop-shadow(0 6px 30px #0080c866);width:120px;height:120px}.hero-headline{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 50%, var(--primary-orange) 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 20px #00000080;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.1}.hero-description{color:var(--text-secondary);margin-bottom:40px;font-size:1.25rem;line-height:1.6}.hero-ctas{align-items:center;gap:20px;display:flex}.cta-primary{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:16px 32px;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 8px 25px #ff8c004d}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #ff8c0080}.cta-secondary{border:2px solid var(--primary-blue);color:var(--primary-blue);cursor:pointer;background:0 0;border-radius:12px;padding:16px 32px;font-size:1.1rem;font-weight:600;transition:all .3s}.cta-secondary:hover{border-color:var(--light-blue);background:#0080c81a;transform:translateY(-2px)}.hero-visual{flex:1;justify-content:center;align-items:center;display:flex}.hero-referee-image{filter:drop-shadow(0 8px 30px #0080c833);border-radius:20px;width:100%;max-width:400px;height:auto;box-shadow:0 20px 60px #0006}.landing-features{background:linear-gradient(135deg, var(--bg-card) 0%, #0080c805 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-primary);padding:100px 0}.features-header{text-align:center;max-width:800px;margin:0 auto 60px}.features-header h2{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:2.5rem;font-weight:700}.features-header p{color:var(--text-secondary);font-size:1.2rem;line-height:1.6}.landing-social-proof{border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-accent);background:linear-gradient(135deg,#0080c80d 0% 100%);padding:80px 0}.social-proof-content{text-align:center;max-width:1200px;margin:0 auto}.social-proof-content h2{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:50px;font-size:2.5rem;font-weight:700}.live-activity-counter{background:linear-gradient(135deg, var(--bg-card) 0%, #0080c814 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-accent);border-radius:20px;margin-bottom:50px;padding:32px;position:relative;overflow:hidden}.live-activity-counter:before{content:"";background:linear-gradient(45deg,#ef44441a 0%,#ef44440d 25%,#0000 50%,#ef44440d 75%,#ef44441a 100%);animation:4s ease-in-out infinite liveGradient;position:absolute;inset:0}@keyframes liveGradient{0%,to{opacity:.3}50%{opacity:.7}}.live-activity-counter>*{z-index:1;position:relative}.live-activity-counter h3{color:var(--text-primary);justify-content:center;align-items:center;gap:8px;margin-bottom:24px;font-size:1.4rem;font-weight:600;display:flex}.activity-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;margin-bottom:20px;display:grid}.activity-stat{text-align:center;background:#0080c81a;border:1px solid #0080c833;border-radius:12px;padding:16px;transition:all .3s}.activity-stat:hover{border-color:var(--light-blue);transform:translateY(-2px);box-shadow:0 8px 25px #0080c833}.activity-number{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--light-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:2rem;font-weight:700;animation:2s ease-in-out infinite countPulse;display:block}@keyframes countPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.activity-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:500}.stats-row{justify-content:center;gap:80px;display:flex}.landing-final-cta{text-align:center;background:radial-gradient(circle,#0080c81a 0%,#0000 70%);padding:100px 0}.landing-final-cta h2{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:2.5rem;font-weight:700}.landing-final-cta p{color:var(--text-secondary);max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.2rem}.final-cta-buttons{justify-content:center;display:flex}.dashboard-container{flex-direction:column;gap:48px;display:flex}.onboarding-checklist{background:linear-gradient(135deg,#0e1e32eb 0%,#081426f5 100%);border:1px solid #00a0f02e;border-radius:14px;margin-bottom:24px;padding:20px 24px 18px;animation:.35s ease-out onboard-in;position:relative;overflow:hidden}.onboarding-checklist:before{content:"";pointer-events:none;background:radial-gradient(at 20% -10%,#00a0f014,#0000 60%);border-radius:14px;position:absolute;inset:0}.onboarding-closing{opacity:0;transition:all .3s ease-in;transform:translateY(-12px)}@keyframes onboard-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.onboarding-title-row{align-items:center;gap:8px;display:flex}.onboarding-title-row h3{color:#ffffffeb;letter-spacing:.01em;margin:0;font-size:15px;font-weight:700}.onboarding-icon{color:#f59e0b}.onboarding-dismiss{cursor:pointer;color:#ffffff59;background:0 0;border:none;border-radius:6px;padding:4px;transition:color .2s,background .2s}.onboarding-dismiss:hover{color:#ffffffb3;background:#ffffff0f}.onboarding-progress-bar{background:#ffffff12;border-radius:5px;height:5px;margin-bottom:6px;overflow:hidden}.onboarding-progress-fill{background:linear-gradient(90deg,#0ea5e9,#38bdf8);border-radius:5px;height:100%;transition:width .6s}.onboarding-progress-text{color:#fff6;margin:0 0 12px;font-size:12px}.onboarding-steps{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.onboarding-step-btn{cursor:pointer;color:#ffffffd1;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13.5px;transition:background .15s;display:flex}.onboarding-step-btn:hover:not(:disabled){background:#ffffff0d}.onboarding-step-btn:disabled{cursor:default}.step-icon-done{color:#22c55e;flex-shrink:0}.step-icon-todo{color:#fff3;flex-shrink:0}.step-label{flex:1}.onboarding-step.done .step-label{color:#ffffff73;text-decoration:line-through}.step-arrow{color:#ffffff40;flex-shrink:0}.dashboard-hero{text-align:center;border:1px solid var(--border-primary);background:radial-gradient(circle,#0080c826 0%,#0080c80d 40%,#0000 70%);border-radius:24px;margin-bottom:20px;padding:60px 0}.dashboard-content{max-width:800px;margin:0 auto}.dashboard-title{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:3rem;font-weight:700}.dashboard-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:1.3rem}.dashboard-features{max-width:1000px;margin:0 auto}.dashboard-activity{background:linear-gradient(135deg, var(--bg-card) 0%, #0080c814 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);text-align:center;border-radius:16px;margin-bottom:40px;padding:24px}.dashboard-activity h3{color:var(--text-primary);justify-content:center;align-items:center;gap:8px;margin-bottom:20px;font-size:1.2rem;font-weight:600;display:flex}.dashboard-activity-grid{justify-content:center;gap:32px;display:flex}.dashboard-activity-stat{text-align:center;background:#0080c81a;border:1px solid #0080c833;border-radius:8px;min-width:100px;padding:12px 16px}.dashboard-activity-number{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--light-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:1.8rem;font-weight:700;display:block}.dashboard-activity-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;font-weight:500}.feature-icon-wrapper{background:linear-gradient(135deg,#ff8c00 0%,#e67300 100%);border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;display:flex;box-shadow:0 8px 25px #ff851b4d}.feature-icon-wrapper .feature-icon{color:#fff;width:28px;height:28px}@media (width<=1024px){.landing-hero{text-align:center;flex-direction:column;gap:40px;min-height:auto;padding:60px 20px}.hero-headline{font-size:2.8rem}.stats-row{gap:40px}}@media (width<=768px){.hero-headline{font-size:2.2rem}.hero-description{font-size:1.1rem}.hero-ctas{flex-direction:column;width:100%}.cta-primary,.cta-secondary{width:100%;max-width:300px}.features-header h2,.social-proof-content h2,.landing-final-cta h2{font-size:2rem}.stats-row{flex-direction:column;gap:30px}.hero-referee-image{max-width:300px}.dashboard-title{font-size:2.2rem}}@media (width<=480px){.hero-branding{justify-content:center;margin-bottom:24px}.hero-logo{width:100px;height:100px}.hero-title{font-size:2.2rem}.hero-headline,.features-header h2,.social-proof-content h2,.landing-final-cta h2{font-size:1.8rem}}.hero-section{text-align:center;background:radial-gradient(circle,#ff851b1a 0%,#0000 70%);border-radius:24px;padding:80px 0;position:relative;overflow:hidden}.hero-section:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FF851B' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{z-index:1;position:relative}.hero-title{background:linear-gradient(135deg,#ff8c00 0%,#e67300 50%,gold 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #ff851b4d;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:4rem;font-weight:700}.hero-subtitle{color:#bbb;max-width:600px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:1.3rem}.hero-stats{justify-content:center;gap:48px;margin-top:48px;display:flex}.stat-item{flex-direction:column;align-items:center;gap:8px;display:flex}.stat-number{color:#ff8c00;font-size:2.5rem;font-weight:700}.features-section{text-align:center}.section-title{color:#fff;margin-bottom:48px;font-size:2.5rem;font-weight:600}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;cursor:pointer;background:#ffffff05;border:1px solid #ff851b33;border-radius:20px;padding:40px;transition:all .4s;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg,#0000,#ff851b1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.feature-card:hover:before{left:100%}.feature-card:hover{border-color:#ff8c00;transform:translateY(-8px);box-shadow:0 20px 40px #ff851b33}.feature-icon{color:#ff8c00;width:64px;height:64px;margin-bottom:24px}.feature-card h3{color:#fff;margin-bottom:16px;font-size:1.5rem;font-weight:600}.feature-card p{color:#bbb;line-height:1.6}.ai-chat-layout{grid-template-columns:1fr 2fr;gap:24px;max-width:1400px;margin:0 auto;display:grid}.custom-chat-section,.ai-chat-section{border:1px solid var(--border-primary);background:#ffffff05;border-radius:16px;padding:0;overflow:hidden}.chat-header,.whistle-chat-header{border-bottom:1px solid var(--border-primary);background:#0080c81a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-header h4,.fastbots-header h4{color:var(--light-blue);margin:0;font-size:1.1rem;font-weight:600}.whistle-chat-note{color:var(--text-secondary);margin:0;font-size:.9rem}.chat-actions{gap:8px;display:flex}.clear-chat-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;transition:all .3s;display:flex}.clear-chat-btn:hover{background:#ef444433;border-color:#ef4444}.chat-messages-container{flex-direction:column;gap:12px;height:400px;padding:16px 20px;display:flex;overflow-y:auto}.typing-indicator{align-items:center;gap:4px;display:flex}.typing-indicator span{background:var(--light-blue);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typing}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.chat-input-section{border-top:1px solid var(--border-primary);background:#0000001a;padding:16px 20px}.chat-input-container{align-items:center;gap:12px;display:flex}.chat-input{border:1px solid var(--border-primary);color:var(--text-primary);background:#ffffff0d;border-radius:8px;flex:1;padding:12px 16px;font-size:.95rem;transition:all .3s}.chat-input:focus{border-color:var(--light-blue);outline:none;box-shadow:0 0 0 3px #0080c81a}.send-btn{background:var(--light-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:44px;padding:12px;transition:all .3s;display:flex}.send-btn:hover:not(:disabled){background:var(--primary-blue);transform:translateY(-1px)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.ai-assistant-container{flex-direction:column;gap:40px;max-width:1200px;margin:0 auto;display:flex}.ai-chat-layout{grid-template-columns:300px 1fr;align-items:start;gap:40px;display:grid}.ai-avatar-section{text-align:center;background:linear-gradient(135deg, var(--bg-card) 0%, #0080c814 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:24px;flex-direction:column;align-items:center;padding:32px 24px;display:flex;position:sticky;top:100px}.ai-avatar-container{margin-bottom:24px;position:relative}.ai-avatar-image{object-fit:cover;border:4px solid var(--primary-blue);border-radius:50%;width:120px;height:120px;transition:all .3s;box-shadow:0 8px 32px #0080c84d}.ai-avatar-image:hover{transform:scale(1.05);box-shadow:0 12px 40px #0080c866}.ai-status-indicator{border:3px solid var(--bg-dark);background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;width:20px;height:20px;animation:2s infinite pulse;position:absolute;bottom:8px;right:8px}.ai-intro{text-align:center;color:#fff;margin-top:1rem}.ai-greeting{margin-bottom:.75rem}.ai-personal-greeting{color:#e8f4f8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin:0;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:500;display:inline-block;box-shadow:0 4px 15px #0000001a}.ai-intro h2{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:1.4rem;font-weight:600}.ai-intro p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.ai-chat-section{min-height:700px}.whistle-chat-container{background:linear-gradient(135deg, var(--bg-card) 0%, #0080c814 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:20px;width:100%;height:800px;overflow:hidden;box-shadow:0 12px 40px #0080c81a}.whistle-chat-iframe{border:none;border-radius:20px;width:100%;height:100%}.ai-assistant-info{margin-top:20px}.info-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px;display:grid}.info-card{background:linear-gradient(135deg, var(--bg-card) 0%, #0080c814 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:16px;padding:24px;transition:all .3s}.info-card:hover{border-color:var(--light-blue);transform:translateY(-4px);box-shadow:0 12px 40px #0080c826}.info-card h4{color:var(--text-primary);margin-bottom:8px;font-size:1.1rem;font-weight:600}.info-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.improvement-plan-section{background:linear-gradient(135deg, var(--bg-card) 0%, #10b9810d 100%);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;margin-top:40px;padding:32px}.improvement-plan-section h3{color:var(--text-primary);text-align:center;margin-bottom:32px;font-size:1.5rem;font-weight:700}.phase-section{margin-bottom:40px}.phase-section h4{color:var(--light-blue);border-bottom:2px solid var(--light-blue);margin-bottom:24px;padding-bottom:8px;font-size:1.2rem;font-weight:600}.step-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:16px;align-items:flex-start;gap:20px;margin-bottom:24px;padding:24px;transition:all .3s;display:flex}.step-card:hover{border-color:var(--light-blue);background:#ffffff0a;transform:translateY(-2px)}.step-number{background:linear-gradient(135deg, var(--light-blue), var(--accent-purple));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.step-content{flex:1}.step-content h5{color:var(--text-primary);margin-bottom:12px;font-size:1.1rem;font-weight:600}.step-content p{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem;line-height:1.6}.step-content p strong{color:var(--text-primary);font-weight:600}.general-tips-section{margin-bottom:32px}.general-tips-section h4{color:var(--accent-purple);text-align:center;margin-bottom:24px;font-size:1.2rem;font-weight:600}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.tip-card{color:var(--text-secondary);background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:12px;padding:20px;font-size:.9rem;line-height:1.5;transition:all .3s}.tip-card:hover{border-color:var(--accent-purple);background:#8b5cf626;transform:translateY(-2px)}.tip-card strong{color:var(--text-primary);font-weight:600}.cta-section{background:linear-gradient(135deg, var(--light-blue), var(--accent-purple));color:#fff;text-align:center;border-radius:16px;margin-bottom:24px;padding:24px}.cta-section p{margin:0;font-size:1rem;font-weight:500;line-height:1.6}.cta-section strong{font-weight:700;line-height:1.5}.ai-disclaimer{text-align:center;background:#ff8c001a;border:1px solid #ff8c0033;border-radius:12px;padding:20px}.ai-disclaimer p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}@media (width<=1024px){.ai-chat-layout{grid-template-columns:1fr;gap:24px}.ai-avatar-section{text-align:left;flex-direction:row;align-items:center;gap:20px;position:static}.ai-avatar-container{flex-shrink:0;margin-bottom:0}.ai-avatar-image{width:80px;height:80px}.ai-status-indicator{width:16px;height:16px;bottom:4px;right:4px}}@media (width<=768px){.ai-avatar-section{text-align:center;flex-direction:column}.ai-avatar-container{margin-bottom:16px}.info-cards{grid-template-columns:1fr}.whistle-chat-container{height:500px}}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.welcome-message{text-align:center;background:#ff851b1a;border:1px solid #ff851b4d;border-radius:16px;padding:24px}.welcome-message ul{margin:16px 0;list-style:none}.welcome-message li{color:#bbb;padding:4px 0}.welcome-message li:before{content:"🏀";margin-right:8px}.message{max-width:80%;margin-bottom:16px}.user-message{align-self:flex-end}.user-message .message-content{color:#fff;background:linear-gradient(135deg,#ff8c00 0%,#e67300 100%);border-radius:20px 20px 4px;padding:16px 20px;box-shadow:0 4px 16px #ff851b4d}.ai-message{align-self:flex-start}.ai-message .message-content{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px 20px 20px 4px;padding:16px 20px}.error-message .message-content{color:#ff6b6b;background:#ff00001a;border:1px solid #ff00004d;border-radius:20px 20px 20px 4px;padding:16px 20px}.loading-spinner{color:#ff8c00;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-input-container{background:#0000004d;border-top:1px solid #ff851b33;gap:12px;padding:24px;display:flex}.chat-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;outline:none;flex:1;padding:16px 20px;font-size:16px;transition:all .3s}.chat-input:focus{border-color:#ff8c00;box-shadow:0 0 0 3px #ff851b33}.chat-input::placeholder{color:#888}.send-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8c00 0%,#e67300 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;box-shadow:0 4px 16px #ff851b4d}.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff851b66}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.quiz-container{max-width:800px;margin:0 auto}.quiz-start{background:linear-gradient(135deg, var(--bg-card) 0%, #0080c814 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:20px;padding:32px}.quiz-header{background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:20px 24px;display:flex}.quiz-header h2{color:#fff;text-shadow:0 2px 4px #0000004d;margin:0;font-size:1.8rem;font-weight:700}.quiz-header .question-counter{color:#fff;text-shadow:0 1px 2px #0003;background:#0080c833;border:1px solid #0080c84d;border-radius:20px;padding:8px 16px;font-size:1.2rem;font-weight:600}.quiz-start h2{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.2rem;font-weight:600}.quiz-history-btn{background:linear-gradient(135deg, var(--primary-orange) 0%, var(--accent-orange) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .3s}.quiz-history-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff8c004d}.quiz-config-section{margin-bottom:32px}.quiz-config-section h3,.quiz-difficulty-section h3,.quiz-mode-section h3{color:#fff;margin-bottom:16px;font-size:1.4rem;font-weight:600}.question-count-buttons{gap:16px;margin-bottom:8px;display:flex}.count-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-secondary);cursor:pointer;background:#ffffff14;border:2px solid #ffffff1a;border-radius:12px;flex:1;padding:16px 24px;font-weight:500;transition:all .3s}.count-btn:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.count-btn.selected{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-color:#22c55e;transform:translateY(-2px);box-shadow:0 8px 25px #22c55e4d}.quiz-difficulty-section{margin-bottom:32px}.difficulty-buttons{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.difficulty-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-secondary);cursor:pointer;background:#ffffff14;border:2px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;font-weight:500;transition:all .3s;display:flex}.difficulty-btn:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-3px)}.difficulty-btn.selected{border-color:var(--primary-blue);color:#fff;background:#0080c826;transform:translateY(-3px);box-shadow:0 8px 25px #0080c84d}.difficulty-btn .btn-icon{font-size:1.5rem}.quiz-mode-section{margin-bottom:32px}.mode-buttons{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mode-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-secondary);cursor:pointer;text-align:left;background:#ffffff14;border:2px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s;position:relative}.mode-btn:hover:not(:disabled){background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.mode-btn.selected{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-color:#22c55e;transform:translateY(-2px);box-shadow:0 8px 25px #22c55e4d}.mode-btn:disabled{opacity:.6;cursor:not-allowed}.mode-title{margin-bottom:8px;font-size:1.1rem;font-weight:600}.mode-description{opacity:.8;font-size:.9rem;line-height:1.4}.pro-badge{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 100%);color:#fff;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600;position:absolute;top:8px;right:8px}.quiz-start-section{text-align:center;margin-top:32px}.start-quiz-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:18px 36px;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #ff8c004d}.start-quiz-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #ff8c0080}.start-quiz-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-prompt{color:var(--text-secondary);margin-top:16px;font-size:.95rem}.login-link{color:var(--primary-blue);cursor:pointer;font-size:inherit;background:0 0;border:none;text-decoration:underline}.login-link:hover{color:var(--light-blue)}@media (width<=768px){.quiz-header{text-align:center;flex-direction:column;gap:16px}.quiz-start h2{font-size:1.8rem}.question-count-buttons{flex-direction:column}.mode-buttons,.difficulty-buttons{grid-template-columns:1fr}.start-quiz-btn{width:100%;padding:16px 24px}}.quiz-active{background:linear-gradient(135deg, var(--bg-card) 0%, #0080c814 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:20px;padding:32px}.quiz-progress{color:#fff;text-shadow:0 1px 2px #0003;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:16px 20px;font-weight:600;display:flex}.progress-bar{background:#0080c81a;border-radius:4px;flex:1;height:8px;margin-left:20px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ff8c00 0%,#e67300 100%);height:100%;transition:width .3s}.question-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:16px;padding:32px}.question-text{color:#fff;text-shadow:0 2px 4px #0000004d;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;margin-bottom:32px;padding:24px;font-size:1.6rem;font-weight:700;line-height:1.6}.answer-options{flex-direction:column;gap:20px;margin-bottom:32px;display:flex}.answer-option{color:#fff;text-align:left;cursor:pointer;background:#ffffff14;border:2px solid #fff3;border-radius:14px;padding:24px 28px;font-size:1.1rem;font-weight:500;line-height:1.5;transition:all .3s;box-shadow:0 4px 12px #0000001a}.answer-option:hover{color:#fff;background:#ff851b26;border-color:#ff851b80;transform:translate(8px);box-shadow:0 8px 20px #ff851b33}.answer-option.selected{color:#fff;background:#ff851b40;border-color:#ff8c00;font-weight:600;box-shadow:0 8px 24px #ff851b4d}.submit-answer-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ff8c00 0%,#e67300 100%);border:none;border-radius:14px;width:100%;padding:18px 24px;font-size:1.2rem;font-weight:700;transition:all .3s;box-shadow:0 6px 20px #ff851b4d}.submit-answer-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #ff851b66}.submit-answer-btn:disabled{opacity:.6;cursor:not-allowed;color:#ffffff80;background:#ffffff1a;transform:none}.answer-result{text-align:center}.result-header{justify-content:center;align-items:center;gap:12px;margin-bottom:24px;font-size:1.3rem;font-weight:600;display:flex}.result-header.correct{color:#4caf50}.result-header.incorrect{color:#e74c3c}.result-icon{width:32px;height:32px}.explanation{background:#0080c826;border:2px solid #3b82f64d;border-radius:14px;margin-top:24px;padding:24px;box-shadow:0 4px 12px #0080c81a}.explanation h4{color:#fff;text-shadow:0 1px 2px #0003;margin-bottom:16px;font-size:1.3rem;font-weight:700}.explanation p{color:#fff;text-shadow:0 1px 2px #0000001a;margin:0;font-size:1.05rem;font-weight:500;line-height:1.7}.result-actions{text-align:center;margin-top:24px}.next-question-btn,.finish-quiz-btn{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--light-blue) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #0080c84d}.next-question-btn:hover,.finish-quiz-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0080c866}.finish-quiz-btn{background:linear-gradient(135deg, var(--primary-orange) 0%, var(--accent-orange) 100%);box-shadow:0 4px 20px #ff8c004d}.finish-quiz-btn:hover{box-shadow:0 8px 25px #ff8c0066}.quiz-complete{text-align:center;padding:48px}.quiz-complete h2{color:#4caf50;margin-bottom:32px;font-size:2.5rem}.final-score{background:#ffffff0d;border:1px solid #ffffff26;border-radius:16px;flex-direction:column;align-items:center;gap:20px;margin-bottom:32px;padding:32px;display:flex}.score-text{color:#fff;text-shadow:0 1px 2px #0003;font-size:1.4rem;font-weight:600}.score-percentage{background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 8px #4caf504d;filter:drop-shadow(0 2px 4px #4caf504d);-webkit-background-clip:text;background-clip:text;font-size:4.5rem;font-weight:800}.restart-quiz-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8c00 0%,#e67300 100%);border:none;border-radius:12px;padding:16px 32px;font-size:1.1rem;font-weight:600;transition:all .3s}.restart-quiz-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff851b4d}.articles-container{max-width:1000px;margin:0 auto}.articles-header{text-align:center;margin-bottom:48px}.articles-header h2{color:#fff;margin-bottom:16px;font-size:2.5rem;font-weight:600}.articles-header p{color:#bbb;font-size:1.1rem}.articles-filters{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px;display:flex}.filter-button{color:#bbb;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .3s}.filter-button:hover{color:#ff8c00;background:#ff851b1a;border-color:#ff851b4d}.filter-button.active{color:#fff;background:linear-gradient(135deg,#ff8c00 0%,#e67300 100%);border-color:#ff8c00}.articles-loading{color:#bbb;justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.articles-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:48px;display:grid}.article-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:#ffffff05;border:1px solid #ff851b33;border-radius:16px;padding:24px;transition:all .4s;position:relative;overflow:hidden}.article-card:before{content:"";background:linear-gradient(90deg,#0000,#ff851b1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.article-card:hover:before{left:100%}.article-card:hover{border-color:#ff8c00;transform:translateY(-4px);box-shadow:0 12px 30px #ff851b33}.article-card.featured{border-color:gold;box-shadow:0 4px 20px #ffd7001a}.featured-badge{color:#000;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,gold 0%,orange 100%);border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:600;position:absolute;top:16px;right:16px}.article-card-category{color:#ff8c00;background:#ff851b1a;border-radius:12px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:500;display:flex}.article-card-date{color:#888;font-size:.85rem}.article-card-title{color:#fff;margin-bottom:12px;font-size:1.3rem;font-weight:600;line-height:1.4}.article-card-excerpt{color:#bbb;margin-bottom:16px;line-height:1.6}.article-card-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.article-card-author{color:#999;font-size:.85rem}.article-card-read-time{color:#888;align-items:center;gap:4px;font-size:.8rem;display:flex}.no-articles{text-align:center;color:#bbb;padding:48px}.no-articles svg{color:#666;margin-bottom:16px}.no-articles h3{color:#fff;margin-bottom:8px}.article-detail-container{max-width:750px;margin:0 auto;padding:0 24px}.article-detail-container.dark-mode{--article-bg:#0a1628f2;--article-text:#e8e8e8;--article-text-secondary:#b8b8b8;--article-heading:#fff;--article-subheading:#ff8c00;--article-border:#ffffff1a;--article-accent:#0080c826;--article-highlight:#ff8c001a}.article-detail-container.light-mode{--article-bg:#fff;--article-text:#2d2d2d;--article-text-secondary:#6b6b6b;--article-heading:#1a1a1a;--article-subheading:#e67300;--article-border:#0000001a;--article-accent:#0080c814;--article-highlight:#ff8c0014}.article-detail-container.sepia-mode{--article-bg:#f4f1ea;--article-text:#3d3d3d;--article-text-secondary:#6d6d6d;--article-heading:#2d2412;--article-subheading:#b8651b;--article-border:#8b745533;--article-accent:#8b74551a;--article-highlight:#b8651b14}.article-detail-container:not(.dark-mode):not(.light-mode):not(.sepia-mode){--article-bg:#0a1628f2;--article-text:#e8e8e8;--article-text-secondary:#b8b8b8;--article-heading:#fff;--article-subheading:#ff8c00;--article-border:#ffffff1a;--article-accent:#0080c826;--article-highlight:#ff8c001a}.reading-progress-bar{background:linear-gradient(90deg, var(--primary-blue) 0%, var(--primary-orange) 100%);z-index:999;height:4px;transition:width .3s;position:fixed;top:70px;left:0;box-shadow:0 2px 8px #0080c866}.back-button{color:var(--article-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:32px;padding:12px 0;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.back-button:hover{color:var(--primary-blue);transform:translate(-4px)}.article-detail{background:var(--article-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--article-border);border-radius:16px;padding:48px 56px;box-shadow:0 8px 40px #0000001f}.article-header{border-bottom:1px solid var(--article-border);margin-bottom:48px;padding-bottom:32px}.article-meta{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.article-category{background:var(--article-highlight);color:var(--article-subheading);text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--article-subheading);border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.article-date,.article-read-time{color:var(--article-text-secondary);align-items:center;gap:6px;font-size:.9rem;display:flex}.article-title{color:var(--article-heading);letter-spacing:-.02em;margin-bottom:20px;font-size:2.75rem;font-weight:700;line-height:1.2}.article-excerpt{color:var(--article-text-secondary);margin-bottom:16px;font-size:1.25rem;font-style:italic;line-height:1.6}.article-text-content{color:var(--article-text);line-height:2}.article-document-attachment{background:#3b82f614;border:1px solid #3b82f640;border-radius:8px;margin:1.5rem 0;padding:1rem}.article-document-attachment a{color:var(--primary-blue);font-weight:700}.article-main-heading{color:var(--article-heading);letter-spacing:-.01em;margin:48px 0 24px;font-size:2rem;font-weight:700;line-height:1.3}.article-main-heading:first-child{margin-top:0}.article-subheading{color:var(--article-subheading);border-bottom:3px solid;border-image:linear-gradient(90deg, var(--article-subheading) 0%, transparent 100%) 1;margin:40px 0 20px;padding-bottom:12px;font-size:1.5rem;font-weight:600;line-height:1.4;position:relative}.article-paragraph{color:var(--article-text);letter-spacing:-.003em;margin-bottom:28px;font-size:1.125rem;font-weight:400;line-height:1.9}.article-paragraph:last-child{margin-bottom:0}.article-paragraph strong,.article-list li strong{color:var(--article-heading);background:var(--article-highlight);border-radius:3px;padding:2px 6px;font-weight:700}.article-paragraph em,.article-list li em{color:var(--article-text-secondary);font-style:italic}.article-list{margin:24px 0;padding-left:0;list-style:none}.article-list li{color:var(--article-text);margin-bottom:16px;padding-left:32px;font-size:1.125rem;line-height:1.8;position:relative}.article-list li:before{content:"●";color:var(--primary-orange);font-size:.8em;font-weight:700;position:absolute;left:8px}.article-list ul{margin-top:12px;margin-left:20px}.article-list ul li:before{content:"○";color:var(--primary-blue)}.article-minor-heading{color:var(--article-subheading);letter-spacing:.01em;opacity:.85;margin:16px 0 8px;font-size:1.05rem;font-weight:700}.article-page-divider{border:none;border-top:1px dashed #ffffff26;margin:32px 0}.light-mode .article-page-divider{border-top-color:#0000001f}.sepia-mode .article-page-divider{border-top-color:#8b5a2b40}.font-size-small .article-paragraph{font-size:1rem}.article-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.article-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.view-mode-control{background:var(--article-accent);border:1px solid var(--article-border);border-radius:10px;gap:4px;padding:4px;display:flex}.view-mode-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s;display:flex}.view-mode-btn:hover{background:var(--article-highlight);transform:scale(1.05)}.view-mode-btn.active{background:var(--article-subheading);box-shadow:0 2px 8px #ff8c004d}.font-size-control{background:var(--article-accent);border:1px solid var(--article-border);border-radius:10px;gap:4px;padding:4px;display:flex}.font-btn{width:40px;height:40px;color:var(--article-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;font-size:.9rem;font-weight:600;transition:all .2s}.font-btn:hover{background:var(--article-highlight);color:var(--article-heading)}.font-btn.active{background:var(--primary-blue);color:#fff;box-shadow:0 2px 8px #0080c84d}.bookmark-btn,.print-btn{border:1px solid var(--article-border);background:var(--article-accent);width:40px;height:40px;color:var(--article-text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s;display:flex}.bookmark-btn:hover,.print-btn:hover{background:var(--article-highlight);border-color:var(--article-subheading);transform:translateY(-2px)}.bookmark-btn.bookmarked{color:var(--primary-orange);background:var(--article-highlight);border-color:var(--primary-orange)}.article-share{border-top:1px solid var(--article-border);align-items:center;gap:12px;margin-top:24px;padding-top:20px;display:flex}.article-share span{color:var(--article-text-secondary);font-size:.9rem;font-weight:600}.share-btn{border:1px solid var(--article-border);background:var(--article-accent);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.share-btn.twitter:hover{color:#fff;background:#1da1f2;border-color:#1da1f2}.share-btn.facebook:hover{color:#fff;background:#1877f2;border-color:#1877f2}.share-btn.linkedin:hover{color:#fff;background:#0a66c2;border-color:#0a66c2}.export-section{background:var(--article-accent);border:1px solid var(--article-border);border-radius:12px;margin-top:48px;padding:32px}.export-section h4{color:var(--article-heading);align-items:center;gap:8px;margin-bottom:12px;font-size:1.1rem;display:flex}.export-section p{color:var(--article-text-secondary);margin-bottom:20px;font-size:.95rem}.export-buttons{flex-wrap:wrap;gap:12px;display:flex}.export-btn{border:2px solid var(--article-border);color:var(--article-text);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.export-btn:hover:not(:disabled){background:var(--primary-blue);border-color:var(--primary-blue);color:#fff;transform:translateY(-2px)}.export-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.article-detail-container{padding:0 16px}.article-detail{border-radius:12px;padding:32px 24px}.article-detail-header{flex-direction:column;align-items:flex-start}.article-controls{justify-content:space-between;width:100%}.article-title{font-size:2rem}.article-excerpt{font-size:1.1rem}.article-main-heading{font-size:1.75rem}.article-subheading{font-size:1.25rem}.article-paragraph,.article-list li{font-size:1rem}.export-section{padding:24px 20px}.export-buttons{justify-content:center}}@media (width<=480px){.article-title{font-size:1.75rem}.view-mode-btn,.font-btn,.bookmark-btn,.print-btn{width:36px;height:36px;font-size:1rem}.article-controls{gap:8px}.view-mode-control,.font-size-control{gap:2px}}.spinner{animation:1s linear infinite spin}.font-size-small .article-list li,.font-size-small .article-text-content p{font-size:1rem}.font-size-small .article-title{font-size:2.25rem}.font-size-small .article-main-heading{font-size:1.75rem}.font-size-small .article-subheading{font-size:1.25rem}.font-size-medium .article-paragraph,.font-size-medium .article-list li,.font-size-medium .article-text-content p{font-size:1.125rem}.font-size-large .article-paragraph,.font-size-large .article-list li,.font-size-large .article-text-content p{font-size:1.25rem}.font-size-large .article-title{font-size:3rem}.font-size-large .article-main-heading{font-size:2.25rem}.font-size-large .article-subheading{font-size:1.75rem}.profile-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:2rem;padding:2rem}.profile-tabs{border-bottom:1px solid var(--border-primary);gap:.5rem;margin-bottom:2rem;padding-bottom:0;display:flex}.profile-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-1px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.profile-tab:hover{color:var(--text-primary)}.profile-tab.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue)}.bookmarks-section{animation:.3s fadeIn}.bookmarks-header{margin-bottom:1.5rem}.bookmarks-header h3{color:var(--text-primary);margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.bookmarks-header p{color:var(--text-muted);font-size:.9rem}.bookmarks-loading{color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.bookmarks-empty{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.empty-bookmark-icon{color:var(--border-primary)}.bookmarks-empty h4{color:var(--text-secondary);font-size:1.1rem}.bookmarks-empty p{color:var(--text-muted);font-size:.9rem}.browse-articles-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;transition:opacity .2s;display:flex}.browse-articles-btn:hover{opacity:.88}.bookmarks-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.bookmark-card{background:var(--bg-card);border:1px solid var(--border-primary);cursor:pointer;border-radius:12px;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.bookmark-card:hover{border-color:var(--primary-blue);transform:translateY(-3px);box-shadow:0 6px 20px #0080c833}.bookmark-card-image img{object-fit:cover;width:100%;height:140px}.bookmark-card-body{padding:1rem}.bookmark-card-meta{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.bookmark-category{color:var(--primary-blue);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.bookmark-read-time{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.bookmark-card-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600;line-height:1.4}.bookmark-card-excerpt{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.bookmark-card-footer{justify-content:space-between;align-items:center;display:flex}.bookmark-author{color:var(--text-muted);font-size:.8rem}.bookmark-arrow{color:var(--primary-blue);transition:transform .2s}.bookmark-card:hover .bookmark-arrow{transform:translate(3px)}.profile-title-section{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex;position:relative}.restart-tutorial-btn{color:var(--light-blue);cursor:pointer;background:#0080c81a;border:1px solid #0080c84d;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex;position:absolute;top:0;right:0}.restart-tutorial-btn:hover{background:#0080c833;border-color:#0080c880;transform:translateY(-1px)}.profile-info{flex-direction:column;align-items:center;gap:.5rem;display:flex}.profile-info h2{color:#fff;margin:0;font-size:1.8rem;font-weight:600}.user-title{background:#ffffff1a;border:1px solid #fff3;border-radius:25px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.title-icon{color:gold;width:20px;height:20px}.current-title{color:gold;font-size:1rem;font-weight:600}.achievement-points{color:#06b6d4;font-size:.9rem;font-weight:500}.profile-icon{width:48px;height:48px;color:var(--primary-blue)}.extended-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.extended-stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.extended-stat-card:hover{background:#ffffff14;border-color:#0080c84d;transform:translateY(-2px)}.extended-stat-icon{width:32px;height:32px;color:var(--primary-blue);flex-shrink:0}.extended-stat-info{flex-direction:column;display:flex}.extended-stat-value{color:#fff;font-size:1.5rem;font-weight:700;line-height:1}.extended-stat-title{color:#ffffffb3;margin-top:.25rem;font-size:.85rem}.achievements-section{margin-top:2rem}.achievements-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.achievements-header h3{color:#fff;margin:0;font-size:1.5rem}.achievement-summary{align-items:center;gap:1rem;display:flex}.unlocked-count{color:#4caf50;background:#4caf5033;border:1px solid #4caf504d;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.achievement-category{margin-bottom:2.5rem}.category-title{color:#ffffffe6;border-bottom:2px solid #ffffff1a;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.2rem;font-weight:600}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;display:grid}.achievement{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.achievement.unlocked{background:#4caf501a;border-color:#4caf504d;box-shadow:0 4px 20px #4caf5026}.achievement.locked{opacity:.6}.achievement:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}.achievement-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.achievement-icon-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.achievement-icon{width:24px;height:24px}.achievement-tier-badge{text-transform:uppercase;color:#fff;text-shadow:0 1px 2px #00000080;border-radius:12px;padding:.25rem .75rem;font-size:.7rem;font-weight:700}.achievement-content{flex-direction:column;gap:1rem;display:flex}.achievement-text{flex:1}.achievement-name{color:#fff;margin:0 0 .5rem;font-size:1.1rem;font-weight:600;line-height:1.2}.achievement-description{color:#fffc;margin:0;font-size:.9rem;line-height:1.4}.achievement-progress{margin-top:1rem}.progress-info{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.progress-text{color:#ffffffe6;font-size:.85rem;font-weight:500}.progress-points{color:#06b6d4;font-size:.8rem;font-weight:600}.title-progression-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;margin-top:3rem;padding:2rem}.title-progression-section h3{color:#fff;text-align:center;margin:0 0 1.5rem;font-size:1.4rem}.title-progression{flex-direction:column;gap:1rem;display:flex}.title-milestone{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex;position:relative}.title-milestone.achieved{background:#4caf501a;border-color:#4caf504d}.title-milestone.current{background:#ffd70026;border-color:#ffd70066;box-shadow:0 0 20px #ffd70033}.title-milestone.locked{opacity:.5}.title-milestone .title-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.title-info{flex:1}.title-name{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.title-requirement{color:#ffffffb3;margin:.25rem 0 0;font-size:.85rem}.current-badge{color:#000;text-transform:uppercase;background:gold;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}@media (width<=768px){.achievements-grid{grid-template-columns:1fr;gap:1rem}.extended-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.extended-stat-card{padding:1rem}.profile-title-section{text-align:center;flex-direction:column}.achievements-header{flex-direction:column;align-items:flex-start}.title-progression{gap:.75rem}.title-milestone{padding:.75rem}.header-content{padding:0 16px}.header-actions .user-menu{display:none}.logout-mobile,.nav-menu .logout-mobile{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:16px;color:#ef4444!important;display:flex!important}.user-welcome{display:none}.auth-modal{margin:0 16px;padding:24px}.auth-modal-header h2{font-size:1.5rem}.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;background:#000000f2;border-bottom:1px solid #ff851b33;flex-direction:column;padding:20px;transition:all .3s;position:fixed;top:70px;left:0;right:0;transform:translateY(-100%)}.nav-menu.mobile-open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu-toggle{z-index:1001;border:2px solid var(--primary-blue);color:var(--text-primary);background:#0080c833;border-radius:8px;padding:12px;transition:all .2s;position:relative;box-shadow:0 2px 8px #0080c84d;display:block!important}.mobile-menu-toggle:hover{background:#0080c84d;transform:translateY(-1px);box-shadow:0 4px 12px #0080c866}.mobile-menu-toggle:active{background:#0080c866;transform:translateY(0)}.nav-button{justify-content:flex-start;width:100%;padding:16px 20px}.app-main{padding:20px 16px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-stats{flex-direction:column;gap:24px}.features-grid{grid-template-columns:1fr;gap:24px}.difficulty-buttons{flex-direction:column;gap:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:24px}.stat-value{font-size:2rem}.whistle-chat-iframe{border-radius:12px;height:400px}.info-cards{grid-template-columns:1fr;gap:12px}.info-card{padding:12px}.ai-assistant-info{padding:16px}.ai-disclaimer{padding:12px}.ai-assistant-container{height:calc(100vh - 150px)}.chat-header{text-align:center;flex-direction:column;gap:8px}.chat-messages{padding:16px}.message{max-width:95%}.chat-input-container{padding:16px}.articles-grid{grid-template-columns:1fr;gap:20px}.article-card{padding:20px}.article-card-header{flex-direction:column;align-items:flex-start;gap:8px}.article-detail{padding:24px}.article-title{font-size:2rem}.article-meta{flex-direction:column;gap:12px}.articles-filters{justify-content:flex-start;padding-bottom:8px;overflow-x:auto}.filter-button{white-space:nowrap}.achievements-grid{gap:12px}.achievement{padding:16px}}@media (width<=480px){.hero-title,.section-title,.quiz-complete h2{font-size:2rem}.score-percentage{font-size:3rem}.feature-card{padding:24px}.stats-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff8c00 0%,#e67300 100%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e67300 0%,#ff8c00 100%)}.fade-in{animation:.5s ease-in fadeIn}.slide-up{animation:.6s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #ff8c00}@media (prefers-contrast:high){.feature-card,.stat-card,.achievement{border-width:2px}.nav-button.active{border:2px solid #ff8c00}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.admin-footer{text-align:center;border-top:1px solid #ffffff1a;margin-top:48px;padding:24px 0}.admin-link{color:#888;background:#ffffff08;border:1px solid #ffffff1a;border-radius:25px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.admin-link:hover{color:var(--primary-blue);background:#0080c81a;border-color:#0080c84d;transform:translateY(-2px)}.admin-icon{width:16px;height:16px}.admin-login-container{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.admin-login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;width:100%;max-width:400px;padding:3rem;box-shadow:0 20px 40px #0000001a}.admin-login-header{text-align:center;margin-bottom:2rem}.admin-login-header h1{color:var(--primary-blue);margin-bottom:.5rem;font-size:2rem;font-weight:700}.admin-login-header p{color:#6b7280;font-size:.95rem}.admin-login-form{flex-direction:column;gap:1.5rem;display:flex}.admin-login-form .form-group{flex-direction:column;gap:.5rem;display:flex}.admin-login-form label{color:#374151;font-size:.9rem;font-weight:600}.admin-login-form input{color:#374151;background:#fff;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.admin-login-form input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #3b82f61a}.admin-login-form input::placeholder{color:#9ca3af}.admin-login-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:700;transition:all .3s;display:flex}.admin-login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff8c0066}.admin-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-login-note{border-left:4px solid var(--primary-blue);background:#3b82f60d;border-radius:10px;margin-top:1.5rem;padding:1rem}.admin-login-note p{color:#4b5563;margin:.25rem 0;font-size:.85rem}.admin-panel{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:Inter,sans-serif}.admin-message{z-index:1000;border-radius:10px;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:500;display:flex;position:fixed;top:1rem;right:1rem;box-shadow:0 10px 25px #00000026}.admin-message.success{color:#fff;background:#10b981}.admin-message.error{color:#fff;background:#ef4444}.admin-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 1px 3px #0003}.admin-brand h1{color:var(--primary-blue);margin:0;font-size:1.5rem;font-weight:700}.admin-user-menu{align-items:center;gap:1rem;display:flex;position:relative}.admin-ops-wrapper{position:relative}.admin-ops-pill{letter-spacing:.02em;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.admin-ops-pill-button{cursor:pointer;transition:transform .2s,box-shadow .2s}.admin-ops-pill-button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #00000038}.admin-ops-pill-button:focus-visible{outline-offset:2px;outline:2px solid #60a5facc}.admin-ops-dot{background:currentColor;border-radius:999px;width:8px;height:8px}.admin-ops-pill.healthy{color:#34d399;background:#10b9811f;border-color:#10b98147}.admin-ops-pill.warning{color:#f59e0b;background:#f59e0b24;border-color:#f59e0b4d}.admin-ops-pill.critical{color:#f87171;background:#f871711f;border-color:#f871714d}.admin-ops-pill.unknown{color:#60a5fa;background:#60a5fa24;border-color:#60a5fa4d}.admin-ops-drawer{z-index:40;background:#0f172a;border:1px solid #94a3b840;border-radius:12px;width:360px;max-width:min(360px,100vw - 40px);padding:12px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 36px #00000059}.admin-ops-drawer h4{color:#e2e8f0;margin:0 0 6px;font-size:13px;font-weight:700}.admin-ops-drawer p{margin:0}.admin-ops-drawer-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.admin-ops-drawer-item{background:#94a3b814;border:1px solid #94a3b833;border-radius:8px;flex-direction:column;gap:3px;padding:8px;display:flex}.admin-ops-drawer-item span{color:#e2e8f0b8;font-size:11px}.admin-ops-drawer-item strong{color:#f8fafc;font-size:13px}.admin-ops-drawer-updated{color:#e2e8f0a6;font-size:11px;margin-top:10px!important}.admin-user-menu span{color:var(--text-secondary);font-weight:500}.admin-logout-btn{color:var(--text-secondary);cursor:pointer;background:#0080c81a;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .3s;display:flex}.admin-logout-btn:hover{color:var(--text-primary);background:#0080c833}.admin-layout{min-height:calc(100vh - 73px);display:flex}.admin-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-primary);width:250px;padding:1.5rem 0}.admin-nav{flex-direction:column;gap:.25rem;padding:0 1rem;display:flex}.admin-nav-btn{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;transition:all .3s;display:flex}.admin-nav-btn:hover{color:var(--text-primary);background:#0080c81a}.admin-nav-btn.active{background:var(--gradient-primary);color:#fff}.admin-main{background:var(--bg-primary);flex:1;padding:2rem;overflow-y:auto}.admin-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.admin-dashboard{max-width:1200px}.admin-page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.admin-page-header h2{color:var(--text-primary);margin:0;font-size:2rem;font-weight:700}.admin-page-header p{color:var(--text-secondary);margin:0}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.admin-stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:15px;align-items:center;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px #0003}.stat-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.stat-icon.users{background:linear-gradient(135deg, var(--primary-blue), #003d7a)}.stat-icon.articles{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.quiz{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.chat{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-content h3{color:var(--text-primary);margin:0;font-size:2rem;font-weight:700}.stat-content p{color:var(--text-secondary);margin:.25rem 0;font-weight:500}.stat-change{color:#10b981;font-size:.875rem;font-weight:500}.admin-activity-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:15px;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.admin-activity-section h3{color:#1f2937;margin:0 0 1rem;font-weight:600}.activity-stats{flex-wrap:wrap;gap:2rem;display:flex}.activity-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.activity-number{color:var(--primary-blue);font-size:1.5rem;font-weight:700}.activity-label{color:#6b7280;font-size:.875rem}.admin-articles{max-width:1200px}.admin-primary-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;transition:all .3s;display:flex}.admin-primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff8c0066}.admin-secondary-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.admin-secondary-btn:hover{background:#e5e7eb}.admin-articles-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.admin-article-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:15px;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.admin-article-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.article-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.article-category{color:var(--text-secondary);background:#0080c81a;border-radius:20px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.8rem;font-weight:500;display:flex}.featured-badge{background:linear-gradient(135deg, var(--primary-orange), #f59e0b);color:#fff;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.article-actions{gap:.5rem;display:flex}.admin-action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.admin-action-btn.edit{color:#6b7280;background:#f3f4f6}.admin-action-btn.edit:hover{background:var(--primary-blue);color:#fff}.admin-action-btn.delete{color:#dc2626;background:#fef2f2}.admin-action-btn.delete:hover{color:#fff;background:#dc2626}.admin-action-btn.reset-password{color:#ea580c;background:#fef7f0}.admin-action-btn.reset-password:hover{color:#fff;background:#ea580c}.admin-action-btn.activate-user{color:#059669;background:#ecfdf5}.admin-action-btn.activate-user:hover{color:#fff;background:#059669}.admin-action-btn.deactivate-user{color:#6b7280;background:#f3f4f6}.admin-action-btn.deactivate-user:hover{color:#fff;background:#6b7280}.current-file-info{background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;margin-bottom:.5rem;padding:.75rem}.current-file-info p{color:var(--text-primary);margin:0 0 .25rem;font-weight:500}.current-file-info small{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.admin-article-card h3{color:#1f2937;margin:0 0 .75rem;font-weight:600;line-height:1.4}.admin-article-footer{color:#6b7280;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:1rem;font-size:.85rem;display:flex}.article-date{align-items:center;gap:.25rem;display:flex}.admin-users{max-width:1200px}.admin-users-controls{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-box{flex:1;max-width:400px;position:relative}.search-box svg{color:#9ca3af;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-box input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:.75rem 1rem .75rem 3rem;transition:all .3s}.search-box input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #3b82f61a}.admin-users-table{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.table-header{color:#374151;background:#f8fafc;border-bottom:1px solid #e5e7eb;grid-template-columns:1fr 1fr 120px 100px 120px;padding:1rem 1.5rem;font-size:.875rem;font-weight:600;display:grid}.table-row{border-bottom:1px solid #f3f4f6;grid-template-columns:1fr 1fr 120px 100px 120px;align-items:center;padding:1rem 1.5rem;display:grid}.table-row:last-child{border-bottom:none}.table-row:hover{background:#f8fafc}.user-info{color:#1f2937;align-items:center;gap:.5rem;font-weight:500;display:flex}.user-status{align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}.user-status.active{color:#10b981}.user-status.inactive{color:#ef4444}.table-actions{gap:.5rem;display:flex}.admin-users-summary{text-align:center;color:#6b7280;margin-top:1rem;font-size:.9rem}.admin-empty-state{color:#6b7280;text-align:center;padding:1.5rem}.admin-community{max-width:1200px}.community-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.community-controls{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.community-controls .search-box{min-width:280px}.community-controls select{color:#374151;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem}.community-post-list{flex-direction:column;gap:1rem;display:flex}.community-post-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;padding:1rem;display:grid;box-shadow:0 2px 4px #0000000a}.community-post-card.deleted,.community-comment.deleted{opacity:.65;background:#f9fafb}.community-post-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.community-post-title-row h3{color:#111827;margin:0;font-size:1rem}.community-pin-badge,.community-deleted-badge{border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.community-pin-badge{color:#1d4ed8;background:#eff6ff}.community-deleted-badge{color:#b91c1c;background:#fef2f2}.community-post-excerpt{color:#4b5563;margin:0 0 .75rem;line-height:1.45}.community-post-meta,.community-post-detail-meta{color:#6b7280;flex-wrap:wrap;gap:.75rem;font-size:.85rem;display:flex}.community-post-meta span{align-items:center;gap:.25rem;display:inline-flex}.community-post-actions,.community-detail-actions{gap:.5rem;display:flex}.community-modal{width:min(92vw,820px);max-width:820px}.community-modal-content{flex-direction:column;gap:1rem;display:flex}.community-post-detail-body{white-space:pre-wrap;color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;line-height:1.55}.community-comments-list{flex-direction:column;gap:.75rem;display:flex}.community-comment{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.9rem}.community-comment-header{color:#6b7280;justify-content:space-between;gap:1rem;font-size:.85rem;display:flex}.community-comment p{color:#1f2937;white-space:pre-wrap;margin:.5rem 0 .75rem}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.admin-modal.large{max-width:800px}.admin-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.admin-modal-header h3{color:#1f2937;margin:0;font-weight:600}.modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .3s;display:flex}.modal-close:hover{color:#6b7280;background:#f3f4f6}.admin-modal-form{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#374151;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.form-group input,.form-group textarea,.form-group select{color:#374151;background:#fff;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group textarea{resize:vertical;min-height:80px}.admin-modal-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}.mode-selector{gap:.5rem;margin-top:.5rem;display:flex}.mode-btn{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:500;transition:all .3s;display:flex}.mode-btn:hover{background:#f0f9ff;border-color:#0080c8}.mode-btn.active{color:#fff;background:#0080c8;border-color:#0080c8}.content-field{margin-bottom:1.5rem}.formatting-guide{background:linear-gradient(135deg,#0080c814 0%,#ff8c0014 100%);border:1px solid #0080c833;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px;padding:12px 16px;font-size:.85rem;display:flex}.formatting-guide strong{color:var(--primary-blue);margin-right:8px;font-weight:600}.formatting-guide span{color:var(--text-secondary)}.formatting-guide code{color:var(--primary-orange);background:#ffffffe6;border:1px solid #ff8c0033;border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:.8rem;font-weight:600}.article-content-textarea{resize:vertical;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;min-height:300px;padding:16px;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.6;transition:all .2s}.article-content-textarea:focus{border-color:var(--primary-blue);background:#fff;outline:none;box-shadow:0 0 0 3px #0080c81a}.article-content-textarea::placeholder{color:#9ca3af;font-size:.85rem;line-height:1.5}.char-count{text-align:right;color:var(--text-muted);margin-top:6px;padding-right:4px;font-size:.8rem}.file-upload-group,.file-upload-area{width:100%}.file-upload-label{color:#374151;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.file-input{display:none}.file-upload-button{cursor:pointer;width:100%;display:block}.file-selected,.file-upload-placeholder{background:#f9fafb;border:2px dashed #d1d5db;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;transition:all .3s;display:flex}.file-upload-button:hover .file-upload-placeholder,.file-upload-button:hover .file-selected{background:#f0f9ff;border-color:#0080c8}.file-selected{color:#059669;background:#ecfdf5;border-color:#10b981}.remove-file-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;margin-top:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .3s}.remove-file-btn:hover{background:#dc2626}.w-md-editor{background:#fff}.w-md-editor.w-md-editor-focus{border-color:var(--primary-blue)!important;box-shadow:0 0 0 3px #3b82f61a!important}.w-md-editor-text-textarea,.w-md-editor-text-input,.w-md-editor-text{border:2px solid #e5e7eb!important;border-radius:10px!important;font-family:inherit!important}.w-md-editor-toolbar{border-radius:10px 10px 0 0;background:#f8fafc!important;border:2px solid #e5e7eb!important;border-bottom-width:1px!important}.document-upload-section{background:#f8fafc;border:2px dashed #e5e7eb;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.document-upload-area{text-align:center}.document-upload-input{display:none}.document-upload-label{background:linear-gradient(135deg, var(--primary-blue), var(--primary-blue));color:#fff;cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex}.document-upload-label:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.document-upload-label:has(.loading-spinner){opacity:.7;cursor:not-allowed;transform:none}.document-upload-note{color:#6b7280;margin-top:.75rem;font-size:.875rem}.document-preview-section{padding:2rem}.document-preview-header{text-align:center;margin-bottom:2rem}.document-preview-header h4{color:var(--primary-blue);margin:0 0 .5rem;font-size:1.5rem}.document-preview-header p{color:#6b7280;margin:0}.document-preview-content{flex-direction:column;gap:1.5rem;display:flex}.preview-field{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:1rem}.preview-field label{color:#374151;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.preview-value{color:#1f2937;margin:0;font-size:1rem;line-height:1.5}.preview-content-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:300px;padding:1rem;font-size:.9rem;overflow-y:auto}.preview-content-box .w-md-editor-text{background:0 0!important;border:none!important}.preview-stats{background:var(--primary-blue);color:#fff;border-radius:10px;flex-direction:column;gap:1rem;padding:1rem;font-size:.9rem;display:flex}.processing-notes{margin-top:.5rem}.processing-notes ul{margin:.5rem 0 0 1rem;padding:0}.processing-notes li{opacity:.9;margin-bottom:.25rem;font-size:.85rem}.error-message{color:#dc2626;background:#fef2f2;border-left:4px solid #dc2626;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;display:flex}@media (width<=768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;padding:1rem 0}.admin-nav{flex-direction:row;padding:0 1rem;overflow-x:auto}.admin-nav-btn{white-space:nowrap;min-width:fit-content}.admin-main{padding:1rem}.admin-page-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-stats-grid,.admin-articles-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr 1fr 80px 60px;font-size:.8rem}.table-header>div:nth-child(3),.table-row>div:nth-child(3){display:none}.form-row{grid-template-columns:1fr}.admin-modal{max-width:none;margin:1rem}}.admin-videos-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.admin-video-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;transition:all .3s;box-shadow:0 2px 8px #00000026}.admin-video-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000040}.video-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.video-info{flex:1;margin-right:1rem}.video-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.1rem;font-weight:600;line-height:1.3}.video-meta{gap:.5rem;margin-bottom:.5rem;display:flex}.video-difficulty{text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.video-difficulty.beginner{color:#16a34a;background:#dcfce7}.video-difficulty.intermediate{color:#d97706;background:#fef3c7}.video-difficulty.advanced{color:#dc2626;background:#fee2e2}.video-difficulty.expert{color:#7c3aed;background:#ede9fe}.video-category{color:#6b7280;background:#f3f4f6;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:500}.video-actions{gap:.5rem;display:flex}.video-description{color:#6b7280;margin:0 0 1rem;font-size:.9rem;line-height:1.5}.video-stats{background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem;display:flex}.video-stat{color:#6b7280;align-items:center;gap:.25rem;font-size:.85rem;display:flex}.video-status{align-items:center;gap:.25rem;font-size:.85rem;font-weight:500;display:flex}.video-status.active{color:#16a34a}.video-status.inactive{color:#dc2626}.video-tags{flex-wrap:wrap;gap:.5rem;display:flex}.video-tag{color:#4b5563;background:#e5e7eb;border-radius:6px;align-items:center;gap:.25rem;padding:2px 6px;font-size:.7rem;font-weight:500;display:flex}.video-upload-note{color:#6b7280;align-items:center;gap:.5rem;font-weight:600;display:flex}.form-help-text{color:#6b7280;margin:.5rem 0 0;font-size:.85rem;line-height:1.4}.form-help-text code{background:#f3f4f6;border-radius:4px;padding:2px 6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem}.video-upload-group{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s}.video-upload-group:hover{background:#eff6ff;border-color:#0080c8}.video-upload-label{color:#374151;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;display:flex}.video-file-input{display:none}.video-upload-button{cursor:pointer;text-align:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:1.5rem;transition:all .3s;display:block}.video-upload-button:hover{background:#f8faff;border-color:#0080c8}.video-upload-placeholder{color:#6b7280;flex-direction:column;align-items:center;gap:.5rem;display:flex}.video-upload-placeholder span:first-of-type{color:#374151;font-weight:600}.upload-help{color:#9ca3af;font-size:.8rem}.video-file-selected{color:#16a34a;justify-content:center;align-items:center;gap:.75rem;display:flex}.video-file-selected span:first-of-type{font-weight:600}.file-size{color:#6b7280;font-size:.9rem}.remove-file-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin-top:.75rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .3s}.remove-file-btn:hover{background:#fecaca;border-color:#fca5a5}.upload-progress-section{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin:1rem 0;padding:1rem}.progress-header{color:#0369a1;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.admin-action-btn.preview{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0}.admin-action-btn.preview:hover{color:#15803d;background:#bbf7d0;border-color:#86efac}.video-preview-overlay{z-index:1100;background:#000c}.video-preview-modal{background:#fff;border-radius:16px;width:95vw;max-width:1200px;max-height:90vh;overflow-y:auto}.preview-header-info{flex:1;margin-right:1rem}.preview-header-info h3{color:#1f2937;margin:0 0 .5rem;font-size:1.25rem}.preview-meta{align-items:center;gap:.75rem;display:flex}.video-preview-content{padding:1.5rem 2rem 2rem}.video-player-container{background:#000;border-radius:12px;margin-bottom:2rem;position:relative;overflow:hidden}.preview-video-player{object-fit:contain;width:100%;height:auto;min-height:400px;max-height:600px}.video-not-available{color:#6b7280;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.video-not-available h4{color:#374151;margin:1rem 0 .5rem;font-size:1.1rem}.video-not-available p{margin:0;font-size:.9rem}.video-preview-details{gap:1.5rem;display:grid}.preview-description h4,.preview-tags h4{color:#374151;margin:0 0 .75rem;font-size:1rem;font-weight:600}.preview-description p{color:#6b7280;margin:0;line-height:1.6}.preview-stats{background:#f9fafb;border-radius:8px;align-items:center;gap:1.5rem;padding:1rem;display:flex}.preview-stat{color:#6b7280;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.preview-status{align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.preview-status.active{color:#16a34a}.preview-status.inactive{color:#dc2626}.preview-tags-list{flex-wrap:wrap;gap:.5rem;display:flex}.preview-tag{color:#4b5563;background:#f3f4f6;border-radius:20px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.8rem;font-weight:500;display:flex}@media (width<=768px){.video-preview-modal{width:98vw;max-height:95vh}.video-preview-content{padding:1rem}.preview-video-player{min-height:200px;max-height:300px}.preview-stats{flex-direction:column;align-items:flex-start;gap:.75rem}.preview-header-info h3{font-size:1.1rem}.admin-videos-grid{grid-template-columns:1fr;gap:1rem}.video-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.video-info{margin-right:0}.video-stats{flex-direction:column;align-items:flex-start;gap:.5rem}}.pdf-upload-group{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s}.pdf-upload-group:hover{background:#eff6ff;border-color:#0080c8}.pdf-upload-label{color:#374151;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;display:flex}.pdf-file-input{display:none}.pdf-upload-button{cursor:pointer;text-align:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:1.5rem;transition:all .3s;display:block}.pdf-upload-button:hover{background:#f8faff;border-color:#0080c8}.pdf-upload-placeholder{color:#6b7280;flex-direction:column;align-items:center;gap:.5rem;display:flex}.pdf-upload-placeholder span:first-of-type{color:#374151;font-weight:600}.pdf-file-selected{color:#16a34a;justify-content:center;align-items:center;gap:.75rem;display:flex}.pdf-file-selected span:first-of-type{font-weight:600}.checkbox-group{align-items:center;gap:.5rem;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.checkbox-text{color:#374151}.pdf-viewer-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:2rem;overflow:hidden}.pdf-viewer-header,.article-viewer-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.pdf-viewer-header h3,.article-viewer-header h3{color:#374151;margin:0;font-size:1.1rem}.article-actions{align-items:center;gap:1rem;display:flex}.format-selector{align-items:center;gap:.5rem;display:flex}.format-selector label{color:#6b7280;font-size:.875rem;font-weight:500}.export-format-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.export-format-select:hover{border-color:#0080c8}.export-format-select:focus{border-color:#0080c8;outline:none;box-shadow:0 0 0 3px #3b82f61a}.pdf-download-btn,.export-download-btn{color:#fff;background:#0080c8;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.pdf-download-btn:hover,.export-download-btn:hover{background:#2563eb;transform:translateY(-1px)}.article-text-content h1,.article-text-content h2,.article-text-content h3,.article-text-content h4,.article-text-content h5,.article-text-content h6{color:var(--article-heading);margin:2.5rem 0 1.25rem;font-weight:600;line-height:1.3;position:relative}.article-text-content h1{border-bottom:3px solid var(--primary-orange);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:2.25rem}.article-text-content h2{border-bottom:2px solid #ff851b4d;padding-bottom:.5rem;font-size:1.875rem}.article-text-content h2:before{content:"";background:var(--primary-orange);width:60px;height:2px;position:absolute;bottom:-2px;left:0}.article-text-content h3{color:var(--article-subheading);font-size:1.5rem}.article-text-content h4{color:var(--article-subheading);font-size:1.25rem}.article-text-content h5,.article-text-content h6{font-size:1.125rem}.article-text-content p{color:var(--article-text);margin-bottom:1.25rem;line-height:1.85}.article-text-content p:first-of-type{color:var(--article-text);line-height:1.9}.article-text-content ul,.article-text-content ol{color:var(--article-text);margin:1.5rem 0;padding-left:2rem}.article-text-content li{margin-bottom:.75rem;line-height:1.75}.article-text-content ul li::marker{color:var(--primary-orange);font-size:1.2em}.article-text-content ol li::marker{color:var(--primary-blue);font-weight:600}.article-text-content blockquote{border-left:4px solid var(--primary-blue);color:var(--text-primary);background:#0080c814;border-radius:0 12px 12px 0;margin:2rem 0;padding:1.5rem 2rem;font-style:italic;position:relative}.article-text-content blockquote:before{content:"\"";color:var(--primary-blue);opacity:.3;font-family:Georgia,serif;font-size:4rem;position:absolute;top:-10px;left:15px}.article-text-content blockquote p{margin:0;font-size:1.1rem}.article-text-content .pull-quote{border:2px solid var(--primary-orange);text-align:center;color:var(--text-primary);background:linear-gradient(135deg,#ff8c001a 0%,#0080c81a 100%);border-radius:16px;margin:2.5rem 0;padding:2rem;font-size:1.35rem;font-style:italic;font-weight:500;line-height:1.6}.article-text-content code{color:var(--light-blue);background:#ffffff0d;border:1px solid #0080c833;border-radius:4px;padding:.2em .5em;font-family:Courier New,monospace;font-size:.9em}.article-text-content pre{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;margin:2rem 0;padding:1.5rem;position:relative;overflow-x:auto}.article-text-content pre code{color:#e0e0e0;background:0 0;border:none;padding:0;font-size:.95rem;line-height:1.6}.article-text-content a{color:var(--primary-blue);border-bottom:1px solid #0000;text-decoration:none;transition:all .3s}.article-text-content a:hover{color:var(--light-blue);border-bottom-color:var(--light-blue)}.article-text-content hr{background:linear-gradient(90deg, transparent, var(--primary-orange), transparent);border:none;height:2px;margin:3rem 0;position:relative}.article-text-content hr:after{content:"⚡";background:var(--bg-card);color:var(--primary-orange);padding:0 1rem;font-size:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.article-text-content strong{color:var(--text-primary);font-weight:600}.article-text-content em{color:var(--light-blue);font-style:italic}.article-cover-image{background:#0003;border:2px solid #ff851b4d;border-radius:16px;margin:2rem 0 3rem;transition:all .3s;overflow:hidden;box-shadow:0 12px 40px #0006}.article-cover-image:hover{border-color:var(--primary-orange);transform:translateY(-4px);box-shadow:0 16px 50px #ff851b66}.article-cover-image img{width:100%;height:auto;transition:all .3s;display:block}.article-cover-image:hover img{transform:scale(1.02)}.cover-image-caption{color:#fff;text-align:center;background:linear-gradient(#000000b3,#000000e6);padding:1rem 1.5rem;font-size:1rem;font-style:italic}.article-text-content img{border:1px solid #ffffff1a;border-radius:12px;max-width:100%;height:auto;margin:2rem auto;transition:all .3s;display:block;box-shadow:0 8px 30px #0000004d}.article-text-content img:hover{transform:scale(1.02);box-shadow:0 12px 40px #0006}.article-image-gallery{background:#ffffff05;border:1px solid #ff851b33;border-radius:16px;margin:3rem 0;padding:2rem}.article-image-gallery h3{color:var(--text-primary);text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;display:grid}.gallery-item{cursor:pointer;aspect-ratio:4/3;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;transition:all .3s;position:relative;overflow:hidden}.gallery-item:hover{border-color:var(--primary-orange);transform:translateY(-4px);box-shadow:0 12px 35px #ff851b4d}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:all .3s}.gallery-item:hover img{transform:scale(1.1)}.gallery-item-caption{color:#fff;text-align:center;opacity:0;background:linear-gradient(#0000,#000000e6);padding:.75rem;font-size:.875rem;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.gallery-item:hover .gallery-item-caption{opacity:1}.image-lightbox{z-index:10000;background:#000000f2;justify-content:center;align-items:center;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{max-width:90%;max-height:90%;position:relative}.lightbox-image{border-radius:8px;max-width:100%;max-height:90vh;box-shadow:0 20px 60px #000c}.lightbox-close{background:var(--primary-orange);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:-40px;right:0}.lightbox-caption{text-align:center;color:#fff;margin-top:1rem;font-size:1rem}.lightbox-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.article-text-content table{border-collapse:collapse;background:#ffffff05;border-radius:12px;width:100%;margin:2rem 0;overflow:hidden}.article-text-content th,.article-text-content td{text-align:left;border-bottom:1px solid #ffffff1a;padding:1rem}.article-text-content th{color:var(--text-primary);border-bottom:2px solid var(--primary-orange);background:#ff8c001a;font-weight:600}.article-text-content tr:hover{background:#ffffff08}@media (width<=768px){.article-text-content{padding:1.5rem;font-size:1rem}.article-text-content h1{font-size:1.75rem}.article-text-content h2{font-size:1.5rem}.article-text-content h3{font-size:1.25rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.lightbox-nav{width:40px;height:40px;font-size:1.2rem}.lightbox-nav.prev{left:1rem}.lightbox-nav.next{right:1rem}}.pdf-iframe{border:none;display:block}.no-pdf-available{color:#6b7280;text-align:center;background:#f9fafb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem;padding:4rem 2rem;display:flex}.no-pdf-available h3{color:#374151;margin:1rem 0 .5rem;font-size:1.2rem}.no-pdf-available p{margin:0;font-size:.9rem}.pdf-indicator{color:#16a34a;background:#22c55e1a;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8rem;font-weight:600;display:flex}.no-pdf-indicator{color:#6b7280;background:#6b72801a;border-radius:6px;padding:.25rem .5rem;font-size:.8rem;font-weight:500}.category-filter{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:10px;margin-bottom:2rem;padding:.75rem 1rem;font-size:1rem}.category-filter:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #0080c81a}.category-filter option{color:#fff;background:#1f2937}.article-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.article-card-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.article-card-meta{flex-direction:column;gap:.25rem;display:flex}.article-author{color:var(--article-text-secondary);font-size:.85rem;font-weight:500}.article-date{color:var(--article-text-secondary);font-size:.75rem}.article-excerpt{color:var(--article-text-secondary);margin:.5rem 0 0;font-size:.9rem;line-height:1.4}.onboarding-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.onboarding-modal{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:600px;max-height:80vh;position:relative;overflow-y:auto;box-shadow:0 25px 50px #00000080}.onboarding-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;display:flex}.onboarding-progress{flex-direction:column;gap:.5rem;display:flex}.progress-dots{gap:.5rem;display:flex}.progress-dot{background:#ffffff4d;border-radius:50%;width:10px;height:10px;transition:all .3s}.progress-dot.completed{background:var(--light-blue);box-shadow:0 0 10px #0080c866}.progress-dot.current{background:#f59e0b;transform:scale(1.2);box-shadow:0 0 15px #f59e0b99}.step-counter{color:#ffffffb3;font-size:.85rem;font-weight:500}.skip-button{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;transition:all .3s}.skip-button:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.onboarding-content{text-align:center;padding:2rem}.onboarding-title{color:#fff;margin:0 0 1rem;font-size:1.8rem;font-weight:700;line-height:1.2}.onboarding-description{color:#fffc;margin:0 0 1.5rem;font-size:1.1rem;line-height:1.6}.onboarding-highlight-note{background:#0080c81a;border:1px solid #0080c84d;border-radius:10px;margin-top:1rem;padding:1rem}.onboarding-highlight-note span{color:var(--light-blue);font-size:.95rem;font-weight:600}.onboarding-actions{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem 2rem 2rem;display:flex}.action-buttons{gap:1rem;display:flex}.onboarding-btn{cursor:pointer;border:none;border-radius:10px;min-width:120px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.onboarding-btn.primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #ff8c004d}.onboarding-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff8c0080}.onboarding-btn.secondary{color:#fffc;background:#ffffff1a;border:1px solid #fff3}.onboarding-btn.secondary:hover:not(:disabled){color:#fff;background:#ffffff26;border-color:#ffffff4d}.onboarding-btn.secondary:disabled{opacity:.4;cursor:not-allowed}.onboarding-highlight{pointer-events:none;z-index:9999;border:3px solid var(--light-blue);background:#0080c833;border-radius:10px;animation:2s infinite highlightPulse;position:absolute;box-shadow:0 0 0 4px #0080c81a,0 0 30px #0080c84d}@keyframes highlightPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@media (width<=768px){.onboarding-overlay{padding:1rem}.onboarding-modal{max-height:90vh}.onboarding-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 1rem}.onboarding-content{padding:1.5rem}.onboarding-title{font-size:1.5rem}.onboarding-description{font-size:1rem}.onboarding-actions{flex-direction:column;gap:1rem;padding:1rem 1.5rem 1.5rem}.action-buttons{justify-content:center;width:100%}.onboarding-btn{flex:1;min-width:auto}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;border-radius:0;box-shadow:0 -4px 20px #0000004d}.mobile-nav button{border-radius:0;padding:1rem;font-size:.9rem;transition:all .2s}.mobile-nav button:active{background:#0080c833;transform:scale(.98)}.quiz-answer-option{border-radius:12px;align-items:center;min-height:60px;margin-bottom:1rem;padding:1.2rem;font-size:1.1rem;transition:all .2s;display:flex}.quiz-answer-option:active{transform:scale(.98)}.video-player{border-radius:12px;height:250px;overflow:hidden}.video-controls{gap:1rem;padding:1rem}.video-control-btn{border-radius:12px;min-height:48px;padding:.75rem 1.5rem;font-size:1rem}.article-card{border-radius:16px;margin-bottom:1rem;padding:1.5rem;transition:all .2s}.article-card:active{transform:scale(.98)}.achievement{border-radius:16px;margin-bottom:1rem;padding:1.25rem}.form-group input,.form-group textarea,.form-group select{border-radius:12px;min-height:48px;padding:1rem;font-size:1.1rem}.quiz-progress{border-radius:12px;margin-bottom:1.5rem;padding:1rem}.quiz-progress-bar{border-radius:4px;height:8px}.stat-card{text-align:center;border-radius:16px;padding:1.5rem}.stat-value{font-size:2rem;font-weight:800}.primary-btn,.secondary-btn,.quiz-submit-btn{border-radius:12px;min-height:48px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .2s}.primary-btn:active,.secondary-btn:active,.quiz-submit-btn:active{transform:scale(.98)}.auth-modal{border-radius:20px;max-height:90vh;margin:1rem;overflow-y:auto}.auth-modal input{border-radius:12px;padding:1rem;font-size:1.1rem}.loading-spinner{width:24px;height:24px}.hamburger-menu{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:.75rem;transition:all .2s}.hamburger-menu:active{background:#fff3;transform:scale(.95)}.ai-assistant-container{padding:1rem}.chat-input-container{gap:.75rem;padding:1rem}.chat-input{border-radius:12px;min-height:48px;padding:1rem;font-size:1.1rem}.send-btn{border-radius:12px;min-width:48px;min-height:48px;padding:1rem}.profile-container{padding:1rem}.profile-header{text-align:center;border-radius:16px;padding:1.5rem}.restart-tutorial-btn{justify-content:center;width:100%;margin-top:1rem;position:static}}.touch-target{min-width:44px;min-height:44px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--light-blue);outline-offset:2px}.loading-message{color:#fffc;flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}.loading-spinner{animation:1s linear infinite spin}*{transition:background-color .2s,border-color .2s,color .2s}.success-stories-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172af2 0%,#1e293bf2 100%);padding:6rem 0}.success-stories-section h2{text-align:center;color:#fff;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem;display:grid}.testimonial-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem;transition:all .3s}.testimonial-card:hover{background:#ffffff14;border-color:#0080c84d;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.testimonial-content p{color:#ffffffe6;margin:0 0 1.5rem;font-size:1.1rem;font-style:italic;line-height:1.6}.testimonial-author{align-items:center;gap:1rem;display:flex}.author-info h4{color:#fff;margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.author-info span{color:#ffffffb3;font-size:.9rem}.author-achievements{color:var(--light-blue);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.85rem;font-weight:600;display:flex}.features-showcase-section{background:#0080c808;padding:6rem 0}.features-showcase-section h2{text-align:center;color:#fff;max-width:800px;margin:0 auto 3rem;font-size:2.5rem;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;display:grid}.feature-showcase{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2.5rem;transition:all .3s}.feature-showcase:hover{background:#ffffff14;border-color:#0080c84d;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.feature-icon{background:linear-gradient(135deg, var(--light-blue), var(--primary-blue));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;box-shadow:0 10px 30px #0080c84d}.feature-showcase h3{color:#fff;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.feature-showcase p{color:#fffc;margin:0 0 1.5rem;font-size:1rem;line-height:1.6}.feature-stats{flex-direction:column;gap:.5rem;display:flex}.feature-stats span{color:var(--light-blue);background:#0080c81a;border:1px solid #0080c833;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:600}@media (width<=768px){.success-stories-section,.features-showcase-section{padding:4rem 0}.success-stories-section h2,.features-showcase-section h2{margin-bottom:2rem;font-size:2rem}.testimonials-grid,.features-grid{grid-template-columns:1fr;gap:1.5rem}.testimonial-card,.feature-showcase{padding:1.5rem}.feature-icon{width:60px;height:60px}.feature-showcase h3{font-size:1.3rem}}.quiz-history-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-top:24px;padding:24px}.history-header{text-align:center;margin-bottom:32px}.history-header h3{color:var(--primary-blue);margin:0 0 8px;font-size:1.5rem}.history-header p{color:#ffffffb3;margin:0}.history-loading{text-align:center;color:#ffffffb3;padding:40px}.history-loading .spinner{width:32px;height:32px;margin-bottom:16px;animation:1s linear infinite spin}.overall-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-number{color:var(--primary-orange);margin-bottom:4px;font-size:2rem;font-weight:700}.stat-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.difficulty-stats{margin-bottom:32px}.difficulty-stats h4{color:var(--primary-blue);margin-bottom:16px;font-size:1.2rem}.difficulty-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.difficulty-stat{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:16px}.difficulty-name{color:#fff;margin-bottom:8px;font-weight:600}.difficulty-count{color:var(--primary-orange);font-weight:500}.difficulty-percentage{color:#fff9;font-size:.9rem}.recent-sessions{margin-bottom:32px}.recent-sessions h4{color:var(--primary-blue);margin-bottom:16px;font-size:1.2rem}.sessions-list{flex-direction:column;gap:16px;display:flex}.session-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.session-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.session-date{color:#fffc;align-items:center;gap:8px;font-weight:500;display:flex}.date-icon{width:16px;height:16px}.session-score{border-radius:6px;padding:6px 12px;font-size:.9rem;font-weight:700}.session-score.high{color:#22c55e;background:#22c55e33}.session-score.medium{color:#fbbf24;background:#fbbf2433}.session-score.low{color:#ef4444;background:#ef444433}.session-details{flex-direction:column;gap:12px;display:flex}.session-stat{color:#ffffffb3;align-items:center;gap:8px;display:flex}.stat-icon{width:16px;height:16px}.session-difficulties{flex-wrap:wrap;gap:8px;display:flex}.difficulty-badge{color:#fffc;background:#ffffff1a;border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:500}.improvement-suggestions{margin-bottom:24px}.improvement-suggestions h4{color:var(--primary-blue);margin-bottom:16px;font-size:1.2rem}.suggestions-list{flex-direction:column;gap:12px;display:flex}.suggestion{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:flex-start;gap:12px;padding:16px;display:flex}.suggestion-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.suggestion.success{color:#22c55e;background:#22c55e1a;border-color:#22c55e4d}.suggestion.warning{color:#fbbf24;background:#fbbf241a;border-color:#fbbf244d}.suggestion.info{color:#0080c8;background:#3b82f61a;border-color:#3b82f64d}.suggestion.tip{color:#a855f7;background:#a855f71a;border-color:#a855f74d}.no-history{text-align:center;color:#ffffffb3;padding:60px 20px}.no-history-icon{width:48px;height:48px;color:var(--primary-blue);margin-bottom:16px}.no-history h4{color:#fff;margin-bottom:12px;font-size:1.3rem}.no-history p{margin-bottom:24px;line-height:1.6}.start-first-quiz-btn{background:linear-gradient(135deg, var(--primary-orange) 0%, var(--primary-blue) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s}.start-first-quiz-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff851b66}.no-sessions{text-align:center;color:#fff9;padding:40px 20px}@media (width<=768px){.quiz-history-container{margin-top:16px;padding:16px}.overall-stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat-number{font-size:1.5rem}.difficulty-grid{grid-template-columns:1fr}.session-header{flex-direction:column;align-items:flex-start;gap:8px}.suggestions-list .suggestion{padding:12px}.suggestion-icon{width:16px;height:16px}}.video-training-container{max-width:1200px;margin:0 auto;padding:20px}.video-training-header{text-align:center;margin-bottom:32px}.video-training-header h2{color:var(--primary-blue);margin-bottom:8px;font-size:2rem}.video-training-header p{color:#fffc;font-size:1.1rem}.video-list{width:100%}.loading-container{color:#fffc;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;display:flex}.loading-spinner{width:32px;height:32px;animation:1s linear infinite spin}.fetch-videos-btn{background:linear-gradient(135deg, var(--primary-orange) 0%, var(--primary-blue) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;margin:0 auto 32px;padding:16px 32px;font-size:1.1rem;font-weight:600;transition:all .3s;display:block}.fetch-videos-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff851b66}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:32px;display:grid}.recently-watched-section{margin-bottom:36px}.recently-watched-header{color:#ffffffd9;letter-spacing:.01em;align-items:center;gap:8px;margin-bottom:14px;font-size:1rem;font-weight:700;display:flex}.recently-watched-header svg{color:var(--primary-orange)}.recently-watched-scroll{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.recently-watched-scroll::-webkit-scrollbar{height:4px}.recently-watched-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.rw-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;width:200px;transition:transform .2s,border-color .2s;overflow:hidden}.rw-card:hover{border-color:var(--primary-orange);transform:scale(1.03)}.rw-card:hover .rw-play-overlay{opacity:1}.rw-thumb{background:#ffffff0f;width:100%;height:112px;position:relative;overflow:hidden}.rw-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.rw-thumb-placeholder{color:#ffffff40;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.rw-play-overlay{opacity:0;color:#fff;background:#00000073;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.rw-progress-bar{background:#ffffff26;height:3px;position:absolute;bottom:0;left:0;right:0}.rw-progress-fill{background:var(--primary-orange);border-radius:2px;height:100%;transition:width .3s}.rw-info{padding:10px 12px 12px}.rw-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.rw-meta{color:#ffffff73;align-items:center;gap:5px;font-size:11px;display:flex}.rw-pct{color:var(--primary-orange);background:#f9731633;border-radius:4px;margin-left:4px;padding:1px 6px;font-weight:600}.video-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;transition:all .3s;overflow:hidden}.video-card:hover{border-color:#ff851b4d;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.video-thumbnail{background:linear-gradient(135deg, var(--primary-blue), var(--primary-blue));justify-content:center;align-items:center;width:100%;height:180px;display:flex;position:relative;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%}.video-placeholder{text-align:center;color:#fffc;font-size:2rem}.video-player .video-placeholder{color:#fffc;text-align:center;background:#000000b3;border-radius:8px;padding:40px 20px;font-size:1rem}.video-player .video-placeholder p{margin:8px 0}.video-info{padding:20px}.video-info h3{color:#fff;margin-bottom:8px;font-size:1.2rem;font-weight:600}.video-info p{color:#ffffffb3;margin-bottom:16px;font-size:.9rem;line-height:1.5}.video-meta{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.85rem;display:flex}.video-duration{color:#fffffff2;background:#0009;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:.8rem;display:flex;position:absolute;bottom:8px;right:8px}.video-thumb-img{object-fit:cover;width:100%;height:100%}.video-resume-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ff851be6;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:8px;left:8px}.video-resumed-indicator{color:var(--primary-orange);background:#ff851b26;border:1px solid #ff851b4d;border-radius:20px;align-items:center;gap:5px;margin-left:8px;padding:4px 10px;font-size:.8rem;display:inline-flex}.video-category-tag{color:#63b3ed;text-transform:capitalize;background:#63b3ed26;border-radius:4px;padding:4px 8px;font-size:.75rem}.video-filters{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:14px 16px;display:flex}.video-search-wrapper{flex:1;align-items:center;min-width:200px;display:flex;position:relative}.video-search-wrapper .search-icon{color:#fff6;pointer-events:none;position:absolute;left:12px}.video-search-input{color:#fff;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:9px 12px 9px 36px;font-size:.9rem;transition:border-color .2s}.video-search-input:focus{border-color:#ff851b80}.video-search-input::placeholder{color:#ffffff59}.video-filter-selects{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-select-wrapper{color:#ffffff80;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:flex}.filter-select-wrapper svg{flex-shrink:0}.video-filter-select{color:#fff;cursor:pointer;appearance:none;background:0 0;border:none;outline:none;min-width:120px;padding:9px 0;font-size:.88rem}.video-filter-select option{color:#fff;background:#1a1a2e}.video-filter-clear{color:#fc8181;cursor:pointer;white-space:nowrap;background:#ff646426;border:1px solid #ff64644d;border-radius:8px;align-items:center;gap:5px;padding:8px 12px;font-size:.85rem;transition:all .2s;display:flex}.video-filter-clear:hover{background:#ff646440}.video-difficulty{color:var(--primary-orange);background:#ff851b33;border-radius:4px;padding:4px 8px;font-weight:500}.start-video-btn{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-weight:600;transition:all .3s}.start-video-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #14b8a666}.video-player-container{max-width:1000px;margin:0 auto}.video-player-wrapper{width:100%;margin-bottom:24px}.video-container{background:#000;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:400px;display:flex;position:relative;overflow:hidden}.video-iframe{border:none;width:100%;height:450px;display:block}.video-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.back-button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:10px 16px;font-weight:500;transition:all .3s}.back-button:hover{background:#fff3;border-color:#ffffff4d}.video-header h3{color:var(--primary-blue);margin:0;font-size:1.5rem}.video-content{background:#ffffff0d;border-radius:12px;margin-bottom:24px;padding:24px}.video-player{width:100%;margin-bottom:24px}.video-player video{background:#000;border-radius:8px;width:100%;height:auto}.decision-point{background:#ff851b1a;border:1px solid #ff851b4d;border-radius:12px;margin:24px 0;padding:24px}.decision-point h4{color:var(--primary-orange);margin-bottom:12px;font-size:1.3rem}.decision-point p{color:#fff;margin-bottom:20px;font-size:1.1rem;line-height:1.6}.decision-options{flex-direction:column;gap:12px;display:flex}.decision-option{color:#fff;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;padding:16px 20px;font-size:1rem;transition:all .3s}.decision-option:hover{border-color:var(--primary-orange);background:#ffffff1a;transform:translate(4px)}.video-result{background:#ffffff0d;border-radius:12px;margin:24px 0;padding:20px}.video-result .result-header{align-items:center;gap:12px;margin-bottom:16px;font-size:1.2rem;font-weight:600;display:flex}.video-result .result-header.correct{color:#22c55e}.video-result .result-header.incorrect{color:#ef4444}.video-result .result-icon{width:24px;height:24px}.video-result .explanation{color:#ffffffe6}.video-result .explanation h4{color:var(--primary-blue);margin-bottom:8px}.video-result .explanation p{line-height:1.6}.session-info{background:#ffffff0d;border-radius:12px;padding:20px}.session-progress{justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:500;display:flex}.session-progress span:first-child{color:#fffc}.session-progress span:last-child{color:var(--primary-orange);font-size:1.1rem}.session-complete{text-align:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;padding:20px}.session-complete h4{color:#22c55e;margin-bottom:12px;font-size:1.3rem}.session-complete p{color:#ffffffe6;margin-bottom:8px}.new-training-btn{background:linear-gradient(135deg, var(--primary-orange) 0%, var(--primary-blue) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:16px;padding:12px 24px;font-weight:600;transition:all .3s}.new-training-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff851b66}@media (width<=768px){.video-training-container{padding:16px}.videos-grid{grid-template-columns:1fr;gap:16px}.video-card{margin-bottom:0}.video-header{flex-direction:column;align-items:flex-start;gap:12px}.video-content{padding:16px}.decision-options{gap:8px}.decision-option{padding:12px 16px;font-size:.95rem}.session-progress{text-align:center;flex-direction:column;gap:8px}.app-container{padding:10px}.nav-container{flex-direction:column;gap:10px}.nav-buttons{flex-wrap:wrap;justify-content:center}.nav-button{min-width:120px;padding:12px 16px;font-size:14px}.quiz-container{padding:15px}.question h3{font-size:18px;line-height:1.4}.options button{min-height:60px;padding:15px;font-size:16px}.admin-form{padding:15px}.admin-form input,.admin-form textarea,.admin-form select{padding:12px;font-size:16px}.video-player{width:100%;height:auto;max-height:300px}}.feedback-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:15000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.feedback-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;width:100%;max-width:600px;max-height:90vh;padding:0;overflow-y:auto;box-shadow:0 25px 50px #0000004d}.feedback-header{border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;padding:24px 28px 16px;display:flex}.feedback-title{align-items:center;gap:12px;display:flex}.feedback-title h2{color:#1f2937;margin:0;font-size:24px;font-weight:700}.feedback-icon{color:#0080c8;width:28px;height:28px}.feedback-close-btn{cursor:pointer;color:#6b7280;background:#fff3;border:none;border-radius:12px;padding:8px;transition:all .2s}.feedback-close-btn:hover{color:#374151;background:#ffffff4d}.feedback-form{padding:24px 28px}.feedback-status{border-radius:12px;align-items:center;gap:12px;margin:16px 28px;padding:16px;font-weight:500;display:flex}.feedback-status.success{color:#059669;background:#22c55e1a;border:1px solid #22c55e33}.feedback-status.error{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.feedback-status p{flex:1;margin:0}.feedback-status small{opacity:.8;margin-top:4px;font-size:12px;display:block}.form-group{margin-bottom:24px}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.category-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:8px;display:grid}.category-card{cursor:pointer;background:#ffffff80;border:2px solid #ffffff4d;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}.category-card:hover{background:#3b82f60d;border-color:#3b82f680}.category-card.selected{background:#3b82f61a;border-color:#0080c8}.category-card svg{color:#6b7280;flex-shrink:0;margin-top:2px}.category-card.selected svg{color:#0080c8}.category-info{flex-direction:column;gap:2px;display:flex}.category-name{color:#374151;font-size:14px;font-weight:600}.category-card.selected .category-name{color:#0080c8}.category-desc{color:#6b7280;font-size:12px;line-height:1.4}.rating-stars{align-items:center;gap:4px;margin-top:8px;display:flex}.star{cursor:pointer;color:#d1d5db;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.star:hover{background:#3b82f61a}.star.filled{color:#fbbf24}.rating-text{color:#6b7280;margin-left:8px;font-size:14px;font-weight:500}.form-group input,.form-group textarea{color:#374151;resize:vertical;background:#ffffff80;border:2px solid #ffffff4d;border-radius:12px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{background:#fffc;border-color:#0080c8;outline:none}.form-group input.error,.form-group textarea.error{background:#ef44440d;border-color:#ef4444}.character-count{text-align:right;color:#6b7280;margin-top:4px;font-size:12px}.error-message{color:#ef4444;margin-top:4px;font-size:12px;font-weight:500;display:block}.feedback-context{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:12px;margin-bottom:24px;padding:12px 16px}.feedback-context p{color:#6b7280;margin:4px 0;font-size:13px}.feedback-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.feedback-actions .btn-secondary{color:#6b7280;cursor:pointer;background:#ffffffb3;border:2px solid #ffffff4d;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:flex}.feedback-actions .btn-secondary:hover{color:#374151;background:#ffffffe6}.feedback-actions .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0080c8,#003d7a);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:flex}.feedback-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg, #003d7a, var(--primary-blue));transform:translateY(-1px)}.feedback-actions .btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.feedback-footer{text-align:center;border-top:1px solid #fff3;padding:16px 28px 24px}.feedback-footer p{color:#6b7280;margin:0;font-size:13px;line-height:1.5}.feedback-trigger{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#0080c8,#003d7a);border:none;border-radius:50px;align-items:center;gap:8px;padding:16px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 25px #3b82f64d}.feedback-trigger:hover{transform:translateY(-2px);box-shadow:0 12px 35px #3b82f666}.feedback-trigger:active{transform:translateY(0)}@media (width<=768px){.feedback-overlay{padding:10px}.feedback-modal{max-height:95vh}.feedback-header,.feedback-form,.feedback-footer{padding-left:20px;padding-right:20px}.category-grid{grid-template-columns:1fr}.feedback-actions{flex-direction:column-reverse}.feedback-actions button{justify-content:center;width:100%}.feedback-trigger{padding:12px 16px;font-size:13px;bottom:16px;right:16px}}.admin-feedback{padding:24px}.feedback-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:20px}.stat-value{color:#0080c8;margin-bottom:4px;font-size:32px;font-weight:700}.stat-label{color:#6b7280;font-size:14px;font-weight:500}.feedback-filters{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.feedback-filters select{color:#374151;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;padding:8px 12px;font-size:14px}.feedback-list{flex-direction:column;gap:16px;display:flex}.feedback-card{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:20px;transition:all .2s}.feedback-card:hover{background:#ffffff26;transform:translateY(-2px)}.feedback-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.feedback-info h4{color:#1f2937;margin:0 0 8px;font-size:18px;font-weight:600}.feedback-meta{flex-wrap:wrap;gap:8px;margin:0;display:flex}.category-badge,.status-badge,.priority-badge{text-transform:capitalize;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.category-badge.ui_ux{color:var(--primary-blue);background:#dbeafe}.category-badge.content{color:#166534;background:#dcfce7}.category-badge.bugs{color:#dc2626;background:#fee2e2}.category-badge.features{color:#d97706;background:#fef3c7}.category-badge.performance{color:#7c3aed;background:#f3e8ff}.category-badge.general{color:#475569;background:#f1f5f9}.status-badge.new{color:#d97706;background:#fef3c7}.status-badge.in_review{color:var(--primary-blue);background:#dbeafe}.status-badge.in_progress{color:#d97706;background:#fde68a}.status-badge.resolved{color:#166534;background:#dcfce7}.status-badge.closed,.priority-badge.low{color:#475569;background:#f1f5f9}.priority-badge.medium{color:#d97706;background:#fef3c7}.priority-badge.high{color:#ea580c;background:#fed7aa}.priority-badge.critical{color:#dc2626;background:#fee2e2}.rating{color:#fbbf24;font-size:14px}.feedback-actions{gap:8px;display:flex}.feedback-content p{color:#374151;margin:0 0 12px;line-height:1.6}.feedback-details{color:#6b7280;flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.feedback-modal{width:100%;max-width:800px;max-height:90vh;overflow-y:auto}.feedback-details-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.feedback-detail-section h4{color:#1f2937;border-bottom:1px solid #fff3;margin:0 0 16px;padding-bottom:8px;font-size:16px;font-weight:600}.detail-row{align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.detail-row strong{color:#374151;min-width:80px}.feedback-message-section h4{color:#1f2937;margin:0 0 12px;font-size:16px;font-weight:600}.feedback-message{color:#374151;background:#ffffff80;border:1px solid #ffffff4d;border-radius:8px;margin-bottom:24px;padding:16px;line-height:1.6}.feedback-admin-section h4{color:#1f2937;border-bottom:1px solid #fff3;margin:0 0 16px;padding-bottom:8px;font-size:16px;font-weight:600}.admin-actions-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.admin-actions-grid label{color:#374151;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.admin-actions-grid select,.feedback-admin-section textarea{color:#374151;background:#ffffff80;border:1px solid #ffffff4d;border-radius:8px;width:100%;padding:8px 12px;font-size:14px}.feedback-admin-section textarea{resize:vertical;min-height:80px}@media (width<=768px){.feedback-details-grid,.admin-actions-grid{grid-template-columns:1fr}.feedback-filters{flex-direction:column}.feedback-meta{flex-direction:column;align-items:flex-start}}.admin-quiz-questions{padding:2rem}.quiz-header-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.import-result-modal{max-width:520px}.import-result-body{padding:1.5rem 0}.import-result-stats{justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.import-stat{border-radius:12px;flex-direction:column;align-items:center;gap:.4rem;min-width:110px;padding:1.25rem 1.75rem;display:flex}.import-stat.success{background:#22c55e1f;border:1px solid #22c55e4d}.import-stat.skipped{background:#eab3081f;border:1px solid #eab3084d}.import-stat.total{background:#0080c81a;border:1px solid #0080c840}.import-stat-icon{opacity:.8}.import-stat.success .import-stat-icon{color:#22c55e}.import-stat.skipped .import-stat-icon{color:#eab308}.import-stat.total .import-stat-icon{color:var(--primary-blue)}.import-stat-value{font-size:2rem;font-weight:800;line-height:1}.import-stat.success .import-stat-value{color:#22c55e}.import-stat.skipped .import-stat-value{color:#eab308}.import-stat.total .import-stat-value{color:var(--primary-blue)}.import-stat-label{color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.import-errors{background:#ef444414;border:1px solid #ef444440;border-radius:8px;margin-top:.5rem;padding:1rem}.import-errors-header{color:#ef4444;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;font-weight:600;display:flex}.import-error-list{flex-direction:column;gap:.3rem;max-height:180px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.import-error-list li{color:var(--text-muted);border-bottom:1px solid #ffffff0d;padding:.2rem 0;font-size:.82rem}.import-empty-msg{text-align:center;color:var(--text-muted);padding:1rem;font-size:.9rem}.admin-quiz-questions .quiz-questions-list{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.admin-quiz-questions .quiz-question-card{background:#0080c80d;border:1px solid #0080c833;border-radius:12px;transition:all .3s;overflow:hidden}.admin-quiz-questions .quiz-question-card:hover{border-color:var(--primary-blue);background:#0080c814;box-shadow:0 4px 12px #0080c84d}.admin-quiz-questions .quiz-question-header{background:#0080c81a;border-bottom:1px solid #0080c833;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.admin-quiz-questions .quiz-question-info{align-items:center;gap:1rem;display:flex}.admin-quiz-questions .quiz-question-info h4{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.admin-quiz-questions .quiz-question-content{padding:1.5rem}.admin-quiz-questions .question-text{color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem;font-weight:500;line-height:1.6}.admin-quiz-questions .question-options{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.admin-quiz-questions .option{color:var(--text-secondary);background:#0080c80d;border:1px solid #0080c826;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.95rem;display:flex}.admin-quiz-questions .option.correct{color:#10b981;background:#10b9811a;border-color:#10b9814d;font-weight:500}.admin-quiz-questions .correct-icon{color:#10b981}.admin-quiz-questions .question-explanation{color:var(--text-secondary);background:#0080c808;border-radius:8px;padding:1rem;font-size:.95rem;line-height:1.5}.admin-quiz-questions .question-explanation strong{color:var(--text-primary)}.admin-quiz-questions .difficulty-badge{text-transform:capitalize;border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.admin-quiz-questions .difficulty-badge.beginner{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.admin-quiz-questions .difficulty-badge.intermediate{color:var(--primary-orange);background:#ff8c001a;border:1px solid #ff8c0033}.admin-quiz-questions .difficulty-badge.advanced{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.admin-quiz-questions .difficulty-badge.expert{color:#9333ea;background:#9333ea1a;border:1px solid #9333ea33}.difficulty-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:15px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.difficulty-badge.beginner{color:#166534;background:#dcfce7}.difficulty-badge.intermediate{color:#92400e;background:#fef3c7}.difficulty-badge.advanced{color:#be185d;background:#fce7f3}.difficulty-badge.expert{color:#dc2626;background:#fee2e2}.quiz-question-actions{gap:.5rem;display:flex}.quiz-question-content{padding:1.5rem}.question-text{color:#1f2937;margin-bottom:1rem;font-size:1.1rem;font-weight:500;line-height:1.6}.question-options{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.option{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.95rem;display:flex}.option.correct{color:#065f46;background:#dcfce7;border-color:#10b981;font-weight:500}.correct-icon{color:#10b981}.question-explanation{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:1rem;font-size:.95rem;line-height:1.5}.question-explanation strong{color:#0369a1}.quiz-question-modal{max-width:700px;max-height:90vh;overflow-y:auto}.option-input-group{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.option-label{color:#374151;min-width:20px;font-weight:600}.option-input-group input[type=text]{flex:1}.option-input-group input[type=radio]{width:20px;height:20px;accent-color:var(--primary-blue)}.admin-stat-breakdown{flex-direction:column;gap:.5rem;display:flex}.admin-stat-item{justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.9rem;display:flex}.admin-stat-item span:first-child{text-transform:capitalize;color:#6b7280}.admin-stat-item span:last-child{color:#1f2937;font-weight:600}@media (width<=768px){.quiz-question-header{flex-direction:column;align-items:flex-start;gap:1rem}.quiz-question-actions{justify-content:flex-end;width:100%}.option-input-group{flex-direction:column;align-items:flex-start;gap:.5rem}.option-input-group input[type=text]{width:100%}.quiz-question-modal{max-width:95vw;margin:1rem}}.leaderboard-page{max-width:860px;margin:0 auto;padding:32px 24px;animation:.3s fadeIn}.leaderboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.leaderboard-header-left{align-items:center;gap:16px;display:flex}.leaderboard-icon{color:#f97316}.leaderboard-header h2{color:#fff;margin:0;font-size:1.6rem;font-weight:800}.leaderboard-header p{color:#ffffff73;margin:4px 0 0;font-size:13px}.leaderboard-period-tabs{background:#ffffff0d;border-radius:8px;gap:2px;padding:3px;display:flex}.period-tab{color:#ffffff73;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 18px;font-size:13px;font-weight:600;transition:all .2s}.period-tab.active{color:#fff;background:#f97316}.podium-row{justify-content:center;align-items:flex-end;gap:16px;margin-bottom:32px;display:flex}.podium-card{text-align:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;flex:1;max-width:200px;padding:20px 16px;position:relative}.podium-1st{background:#f59e0b14;border-color:#f59e0b40;margin-bottom:0}.podium-2nd{background:#9ca3af0f;border-color:#9ca3af33;margin-bottom:12px}.podium-3rd{background:#cd7c3e0f;border-color:#cd7c3e33;margin-bottom:20px}.podium-crown{color:#f59e0b;filter:drop-shadow(0 0 8px #f59e0b99);position:absolute;top:-16px;left:50%;transform:translate(-50%)}.podium-medal{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto 10px;display:flex}.podium-medal.gold{color:#f59e0b;background:#f59e0b33}.podium-medal.silver{color:#9ca3af;background:#9ca3af33}.podium-medal.bronze{color:#cd7c3e;background:#cd7c3e33}.podium-name{color:#fff;margin-bottom:4px;font-size:14px;font-weight:700}.podium-title{color:#fff6;margin-bottom:8px;font-size:11px}.podium-pts{color:#f97316;font-size:18px;font-weight:800}.leaderboard-list{flex-direction:column;gap:8px;display:flex}.lb-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;grid-template-columns:40px 1fr 80px 70px 60px;align-items:center;gap:16px;padding:14px 16px;transition:background .2s,border-color .2s;display:grid}.lb-row:hover{background:#ffffff0f}.lb-row-me{background:#f9731612!important;border-color:#f9731640!important}.lb-username{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.lb-you-badge{color:#f97316;background:#f9731633;border-radius:4px;padding:1px 7px;font-size:11px;font-weight:700}.lb-user-title{color:#fff6;margin-top:2px;font-size:11px}.lb-stats{justify-content:flex-end;gap:10px;display:flex}.lb-stat{color:#fff6;align-items:center;gap:4px;font-size:12px;display:flex}.lb-points{text-align:right}.lb-pts-value{color:#f97316;font-size:18px;font-weight:800}.lb-pts-label{color:#ffffff59;margin-left:3px;font-size:11px}.lb-ach{text-align:right;color:#fff9;font-size:13px;font-weight:600}.lb-my-rank-sep{margin-top:24px}.lb-separator-label{color:#ffffff40;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px;font-weight:700}.leaderboard-loading,.leaderboard-empty{color:#ffffff4d;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.leaderboard-cta{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:10px 20px;font-size:14px;font-weight:700;display:flex}.dashboard-main-row{align-items:flex-start;gap:32px;display:flex}.dashboard-features-col{flex:1;min-width:0}.dashboard-sidebar{flex-shrink:0;width:260px}.mini-leaderboard-widget{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:16px;position:sticky;top:24px}.mini-lb-header{color:#ffffffd9;align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.mini-lb-see-all{color:#f97316;cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;margin-left:auto;padding:0;font-size:12px;font-weight:600;transition:opacity .15s;display:flex}.mini-lb-see-all:hover{opacity:.7}.mini-lb-list{flex-direction:column;gap:8px;display:flex}.mini-lb-row{background:#ffffff08;border-radius:8px;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:grid}.mini-lb-me{background:#f9731614!important}.mini-lb-rank{justify-content:center;align-items:center;display:flex}.mini-lb-name{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.mini-lb-you{color:#f97316;background:#f9731626;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:700}.mini-lb-pts{color:#f97316;white-space:nowrap;font-size:13px;font-weight:700}.mini-lb-pts span{color:#ffffff59;margin-left:1px;font-size:10px}.mini-lb-divider{text-align:center;color:#fff3;letter-spacing:4px;margin:4px 0;font-size:16px}@media (width<=768px){.dashboard-main-row{flex-direction:column}.dashboard-sidebar{width:100%}.lb-row{grid-template-columns:40px 1fr 60px}.lb-stats,.lb-ach{display:none}.podium-row{gap:8px}.podium-card{padding:14px 8px}}.admin-email-panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-top:24px;padding:24px}.admin-email-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.admin-email-header h3{color:#fff;margin:0;font-size:16px;font-weight:700}.admin-email-desc{color:#ffffff73;margin:0 0 18px;font-size:13px;line-height:1.5}.admin-email-actions{flex-wrap:wrap;gap:12px;display:flex}.admin-btn-secondary{color:#fffc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.admin-btn-secondary:hover{background:#ffffff1a}.admin-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.admin-btn-primary{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:700;transition:opacity .2s;display:flex}.admin-btn-primary:hover{opacity:.85}.admin-btn-primary:disabled{opacity:.5;cursor:not-allowed}.admin-email-result{border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:10px 14px;font-size:13px;display:flex}.admin-email-result.success{color:#10b981;background:#10b9811a}.admin-email-result.error{color:#ef4444;background:#ef44441a}.admin-security-panel{flex-direction:column;gap:16px;display:flex}.admin-security-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-security-header h2{color:#fff;margin:0;font-size:20px;font-weight:700}.admin-security-header p{color:#ffffff80;margin:6px 0 0;font-size:13px}.admin-security-loading,.admin-security-error,.admin-security-empty,.admin-security-updated{color:#ffffff8c;font-size:13px}.admin-security-error{color:#f87171;background:#f8717114;border:1px solid #f8717133;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.admin-security-summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.admin-security-summary-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:14px;display:flex}.admin-security-summary-icon{border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.admin-security-summary-icon.orange{color:#fb923c;background:#f9731626}.admin-security-summary-icon.red{color:#f87171;background:#f8717126}.admin-security-summary-icon.blue{color:#60a5fa;background:#3b82f626}.admin-security-summary-icon.green{color:#34d399;background:#10b98126}.admin-security-summary-content{flex-direction:column;gap:2px;display:flex}.admin-security-summary-content span{color:#fff;font-size:20px;font-weight:700}.admin-security-summary-content small{color:#ffffff8c;font-size:12px}.admin-security-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-security-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:14px}.admin-security-card h3{color:#fff;margin:0 0 10px;font-size:14px;font-weight:700}.admin-security-table{flex-direction:column;gap:8px;display:flex}.admin-security-table-row{color:#ffffffb8;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:grid}.admin-security-table-row.four-col{grid-template-columns:1.2fr .8fr 1fr .8fr}.admin-security-table-row span:last-child{text-align:right}.admin-security-updated{margin-top:10px}.admin-config-health-meta{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-bottom:10px;display:grid}.admin-config-health-meta span{color:#ffffffb8;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:7px 9px;font-size:12px}.admin-config-health-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.admin-config-health-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.admin-config-health-item span:first-child{color:#ffffffc2;font-size:12px;font-weight:600}.admin-config-health-badge{letter-spacing:.04em;border:1px solid #0000;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.admin-config-health-badge.ok{color:#34d399;background:#10b9811f;border-color:#10b9814d}.admin-config-health-badge.missing{color:#f87171;background:#f871711f;border-color:#f871714d}@media (width<=960px){.admin-security-grid{grid-template-columns:1fr}.admin-security-table-row{grid-template-columns:1fr;gap:4px}.admin-security-table-row span:last-child{text-align:left}}.exam-mode-container{background:#ffffff05;border:1px solid #ffffff1a;border-radius:20px;max-width:1200px;margin:0 auto;padding:2rem}.exam-header{background:#ffffff0d;border:1px solid #ffffff26;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;display:flex}.exam-info{flex:1}.exam-title{color:#fff;text-shadow:0 2px 4px #0000004d;margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.exam-meta{align-items:center;gap:1.5rem;display:flex}.exam-difficulty{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#0080c833;border:1px solid #0080c84d;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.exam-questions{color:#fffc;font-weight:500}.exam-progress-info{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.questions-completed{color:#fff;font-size:1.1rem;font-weight:600}.progress-bar-container{background:#ffffff1a;border-radius:4px;width:200px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--light-blue) 100%);border-radius:4px;height:100%;transition:width .3s}.exam-question-container{grid-template-columns:300px 1fr;align-items:start;gap:2rem;display:grid}.question-navigation{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;position:sticky;top:2rem}.question-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.question-nav-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;transition:all .3s;display:flex}.question-nav-btn.current{background:linear-gradient(135deg, var(--primary-orange) 0%, var(--accent-orange) 100%);color:#fff;box-shadow:0 4px 12px #ff851b4d}.question-nav-btn.answered{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);box-shadow:0 2px 8px #22c55e33}.question-nav-btn.unanswered{color:#fff9;background:#ffffff1a;border:1px solid #fff3}.question-nav-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.navigation-legend{flex-direction:column;gap:.5rem;font-size:.85rem;display:flex}.legend-item{color:#fffc;align-items:center;gap:.5rem;display:flex}.legend-color{border-radius:3px;width:12px;height:12px}.legend-color.current{background:linear-gradient(135deg, var(--primary-orange) 0%, var(--accent-orange) 100%)}.legend-color.answered{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.legend-color.unanswered{background:#ffffff1a;border:1px solid #fff3}.exam-question-panel{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:2rem}.question-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.question-number{color:#fff;margin:0;font-size:1.4rem;font-weight:700}.difficulty-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.difficulty-tag.beginner{color:#22c55e;background:#22c55e33;border:1px solid #22c55e4d}.difficulty-tag.intermediate{color:var(--primary-orange);background:#ff8c0033;border:1px solid #ff8c004d}.difficulty-tag.advanced{color:#a855f7;background:#a855f733;border:1px solid #a855f74d}.difficulty-tag.expert{color:#ef4444;background:#ef444433;border:1px solid #ef44444d}.question-text-exam{color:#fff;text-shadow:0 1px 2px #0003;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:2rem;padding:1.5rem;font-size:1.3rem;font-weight:600;line-height:1.6}.answer-options-exam{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.exam-option-label{cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;align-items:center;padding:1rem 1.5rem;transition:all .3s;display:flex}.exam-option-label:hover{background:#ffffff14;border-color:#fff3;transform:translate(4px)}.exam-option-radio{width:20px;height:20px;accent-color:var(--primary-blue);margin-right:1rem}.exam-option-content{flex:1;align-items:center;gap:1rem;display:flex}.option-letter{width:32px;height:32px;color:var(--primary-blue);background:#0080c833;border:1px solid #0080c84d;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.option-text{color:#fff;flex:1;font-weight:500;line-height:1.5}.exam-option-label input[type=radio]:checked+.exam-option-content .option-letter{background:var(--primary-blue);color:#fff;box-shadow:0 0 0 3px #0080c84d}.exam-option-label:has(input[type=radio]:checked){border-color:var(--primary-blue);background:#0080c81a;box-shadow:0 0 0 1px #0080c84d}.question-controls{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.prev-btn{color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.prev-btn:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px)}.prev-btn:disabled{opacity:.4;cursor:not-allowed}.save-answer-btn{background:linear-gradient(135deg, var(--primary-orange) 0%, var(--accent-orange) 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;min-width:160px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #ff851b4d}.save-answer-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff851b66}.save-answer-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.exam-review{max-width:900px;margin:0 auto}.review-header{text-align:center;margin-bottom:2rem}.review-header h2{color:#fff;margin-bottom:.5rem;font-size:2rem;font-weight:700}.review-header p{color:#fffc;font-size:1.1rem}.review-summary{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.summary-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.summary-number{color:var(--primary-blue);margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.summary-label{color:#fffc;font-weight:500}.review-questions{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.review-question{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:all .3s}.review-question.answered{background:#22c55e0d;border-color:#22c55e4d}.review-question.unanswered{background:#ef44440d;border-color:#ef44444d}.review-question-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.question-num{color:#fff;font-weight:600}.edit-answer-btn{color:var(--primary-blue);cursor:pointer;background:#0080c833;border:1px solid #0080c84d;border-radius:8px;padding:.5rem 1rem;font-weight:500;transition:all .3s}.edit-answer-btn:hover{background:#0080c84d;transform:translateY(-1px)}.review-question-text{color:#ffffffe6;margin-bottom:.5rem;line-height:1.5}.selected-answer{color:#ffffffb3;font-style:italic}.review-actions{justify-content:space-between;gap:1rem;display:flex}.back-to-questions-btn{color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1rem 2rem;font-weight:600;transition:all .3s}.back-to-questions-btn:hover{background:#ffffff26;transform:translateY(-2px)}.submit-exam-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;border-radius:12px;padding:1rem 2rem;font-weight:700;transition:all .3s;box-shadow:0 6px 20px #22c55e4d}.submit-exam-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #22c55e66}.submit-exam-btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff1a;transform:none}@media (width<=1024px){.exam-question-container{grid-template-columns:1fr;gap:1.5rem}.question-navigation{position:relative;top:0}.exam-header{text-align:center;flex-direction:column;gap:1rem}.exam-progress-info{align-items:center}}@media (width<=768px){.exam-mode-container{padding:1rem}.question-grid{grid-template-columns:repeat(4,1fr)}.review-summary{grid-template-columns:1fr;gap:1rem}.review-actions{flex-direction:column}.exam-option-label{padding:.75rem 1rem}.question-text-exam{padding:1rem;font-size:1.1rem}.reading-progress-bar{background:linear-gradient(90deg, var(--primary-blue), var(--primary-blue));z-index:1000;height:3px;transition:width .3s;position:fixed;top:0;left:0}.article-detail-header{background:var(--bg-card);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex}.article-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.font-size-control{background:#0080c81a;border-radius:6px;gap:.5rem;padding:.25rem;display:flex}.font-size-control button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.5rem .75rem;font-weight:600;transition:all .2s}.font-size-control button:hover{color:var(--primary-blue);background:#0080c833}.font-size-control button.active{background:var(--primary-blue);color:#fff}.dark-mode-toggle{cursor:pointer;background:#0080c81a;border:none;border-radius:6px;padding:.5rem 1rem;font-size:1.25rem;transition:all .2s}.dark-mode-toggle:hover{background:#0080c833;transform:scale(1.1)}.bookmark-btn{cursor:pointer;color:var(--text-muted);background:#0080c81a;border:none;border-radius:6px;padding:.5rem 1rem;font-size:1.5rem;transition:all .2s}.bookmark-btn:hover{color:var(--primary-orange);background:#0080c833;transform:scale(1.1)}.bookmark-btn.bookmarked{color:var(--primary-orange)}.bookmark-btn-card{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:.25rem;font-size:1.25rem;transition:all .2s}.bookmark-btn-card:hover{color:var(--primary-orange);transform:scale(1.2)}.bookmark-btn-card.bookmarked{color:var(--primary-orange)}.print-btn{cursor:pointer;background:#0080c81a;border:none;border-radius:6px;padding:.5rem 1rem;font-size:1.25rem;transition:all .2s}.print-btn:hover{background:#0080c833;transform:scale(1.1)}.font-size-small{font-size:14px}.font-size-medium{font-size:16px}.font-size-large{font-size:18px}.font-size-small .article-title{font-size:2rem}.font-size-medium .article-title{font-size:2.5rem}.font-size-large .article-title{font-size:3rem}.article-detail-container.dark-mode{color:#eaeaea;background:#1a1a2e}.article-detail-container.dark-mode .article-detail{background:#16213e}.article-detail-container.dark-mode .article-header{border-bottom-color:#ffffff1a}.article-detail-container.dark-mode .pdf-viewer-container{background:#0f3460}.article-detail-container.dark-mode .pdf-viewer-header{background:#0a2647}.article-share{border-top:1px solid var(--border-primary);align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.article-share span{color:var(--text-muted);font-weight:600}.share-btn{cursor:pointer;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:1.25rem;font-weight:700;transition:all .2s}.share-btn.twitter{background:#1da1f2}.share-btn.facebook{background:#1877f2}.share-btn.linkedin{background:#0a66c2}.share-btn.copy{background:var(--primary-blue)}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.pdf-download-btn.prominent{background:linear-gradient(135deg, var(--primary-blue), var(--primary-blue));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #0080c84d}.pdf-download-btn.prominent:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0080c866}.articles-controls{background:var(--bg-card);border-radius:8px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex}.search-bar{flex:1;min-width:250px;position:relative}.search-input{border:1px solid var(--border-primary);width:100%;color:var(--text-primary);background:#0080c81a;border-radius:8px;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;transition:all .2s}.search-input:focus{border-color:var(--primary-blue);background:#0080c826;outline:none}.search-input::placeholder{color:var(--text-muted)}.clear-search{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.25rem;transition:all .2s;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.clear-search:hover{color:var(--text-primary)}.view-mode-toggle{background:#0080c81a;border-radius:6px;gap:.5rem;padding:.25rem;display:flex}.view-mode-toggle button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.5rem .75rem;font-size:1.25rem;transition:all .2s}.view-mode-toggle button:hover{color:var(--primary-blue);background:#0080c833}.view-mode-toggle button.active{background:var(--primary-blue);color:#fff}.sort-select,.category-filter{border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;background:#0080c81a;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.sort-select:hover,.category-filter:hover{border-color:var(--primary-blue);background:#0080c826}.sort-select:focus,.category-filter:focus{border-color:var(--primary-blue);outline:none}.articles-count{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;padding:1rem 0;display:grid}.articles-list{flex-direction:column;gap:1rem;padding:1rem 0;display:flex}.article-card.list{flex-direction:row;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.article-card.list .article-card-header{flex-direction:column;flex-shrink:0;gap:.5rem;width:auto}.article-card.list .article-card-title{margin:0;font-size:1.5rem}.article-card.list .article-card-excerpt{flex:1;margin:.5rem 0}.article-card.list .article-card-footer{margin-top:auto}.articles-magazine{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem;padding:1rem 0;display:grid}.article-card.magazine{flex-direction:column;min-height:400px;display:flex;position:relative;overflow:hidden}.article-card.magazine:before{content:"";background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue) 100%);opacity:.1;z-index:0;height:200px;position:absolute;top:0;left:0;right:0}.article-card.magazine .article-card-title{z-index:1;margin-top:1rem;font-size:1.75rem}.article-card.magazine .article-card-excerpt{z-index:1;flex:1;font-size:1.1rem;line-height:1.8}.article-card-badges{align-items:center;gap:.5rem;display:flex}@media print{.article-detail-header,.article-controls,.articles-controls,.back-button,.article-share,header,nav{display:none!important}.article-detail-container{color:#000;background:#fff}.article-detail{box-shadow:none;border:none}}@media (width<=768px){.article-detail-header{flex-direction:column;align-items:stretch}.article-controls{justify-content:center}.articles-controls{flex-direction:column}.search-bar{width:100%}.view-mode-toggle{justify-content:center}.articles-grid,.articles-magazine{grid-template-columns:1fr}.article-card.list{flex-direction:column}.article-share{flex-wrap:wrap}.share-btn{flex:1;min-width:60px}}@media (width<=480px){.font-size-control{justify-content:center;width:100%}.article-controls{width:100%}.article-controls>*{flex:1}}}.video-type-select{border:1px solid var(--border-primary);width:100%;color:var(--text-primary);cursor:pointer;background:#0080c81a;border-radius:8px;padding:.75rem;font-size:1rem}.youtube-input-group{background:#0080c80d;border:1px solid #0080c833;border-radius:8px;padding:1.5rem}.youtube-label{color:var(--primary-blue);align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;display:flex}.youtube-url-input{border:1px solid var(--border-primary);width:100%;color:var(--text-primary);background:#0080c81a;border-radius:8px;padding:.75rem;font-family:Courier New,monospace;font-size:1rem}.youtube-url-input:focus{border-color:var(--primary-blue);background:#0080c81a;outline:none}.input-help{color:var(--text-muted);margin-top:.75rem;font-size:.85rem;display:block}.input-help ul{margin-top:.5rem;margin-left:1.5rem;list-style:outside}.youtube-iframe{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;min-height:400px}@media (width<=768px){.youtube-iframe{min-height:250px}.youtube-iframe .youtube-preview{aspect-ratio:16/9;border-radius:8px;width:100%;min-height:400px}.youtube-iframe .youtube-preview .decision-points-section{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:8px;padding:1.5rem}.youtube-iframe .youtube-preview .decision-points-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.youtube-iframe .youtube-preview .decision-points-header label{color:var(--primary-purple,#8b5cf6);font-size:1.1rem;font-weight:600}.youtube-iframe .youtube-preview .add-decision-point-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600;transition:all .2s}.youtube-iframe .youtube-preview .add-decision-point-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.youtube-iframe .youtube-preview .decision-points-help{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.youtube-iframe .youtube-preview .decision-points-list{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.youtube-iframe .youtube-preview .decision-point-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1rem}.youtube-iframe .youtube-preview .dp-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.youtube-iframe .youtube-preview .dp-timestamp{color:var(--primary-blue);font-family:Courier New,monospace;font-weight:600}.youtube-iframe .youtube-preview .dp-difficulty{color:var(--text-secondary);background:#0080c81a;border-radius:4px;padding:.25rem .75rem;font-size:.85rem}.youtube-iframe .youtube-preview .dp-question{color:var(--text-primary);margin-bottom:.75rem;font-weight:500}.youtube-iframe .youtube-preview .dp-options{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.youtube-iframe .youtube-preview .dp-option{background:#0080c80d;border-radius:4px;padding:.5rem;font-size:.9rem}.youtube-iframe .youtube-preview .dp-option.correct{color:var(--success-green,#10b981);background:#10b9811a;font-weight:500}.youtube-iframe .youtube-preview .dp-actions{gap:.5rem;display:flex}.youtube-iframe .youtube-preview .edit-dp-btn,.youtube-iframe .youtube-preview .remove-dp-btn{cursor:pointer;border:none;border-radius:4px;padding:.4rem .75rem;font-size:.85rem;transition:all .2s}.youtube-iframe .youtube-preview .edit-dp-btn{color:var(--primary-blue);background:#0080c81a}.youtube-iframe .youtube-preview .edit-dp-btn:hover{background:#0080c833}.youtube-iframe .youtube-preview .remove-dp-btn{color:#ef4444;background:#ef44441a}.youtube-iframe .youtube-preview .remove-dp-btn:hover{background:#ef444433}.youtube-iframe .youtube-preview .no-decision-points{text-align:center;color:var(--text-muted);padding:2rem}.youtube-iframe .youtube-preview .decision-point-form-overlay{z-index:2000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.youtube-iframe .youtube-preview .decision-point-form{background:var(--bg-primary);border-radius:12px;width:100%;max-width:600px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 20px 60px #00000080}.youtube-iframe .youtube-preview .decision-point-form h4{color:var(--primary-purple,#8b5cf6);margin-bottom:1.5rem}.youtube-iframe .youtube-preview .dp-form-group{margin-bottom:1.25rem}.youtube-iframe .youtube-preview .dp-form-group label{color:var(--text-primary);margin-bottom:.5rem;font-weight:600;display:block}.youtube-iframe .youtube-preview .dp-form-group input,.youtube-iframe .youtube-preview .dp-form-group textarea,.youtube-iframe .youtube-preview .dp-form-group select{border:1px solid var(--border-primary);width:100%;color:var(--text-primary);background:#0080c81a;border-radius:6px;margin-bottom:.5rem;padding:.75rem;font-size:.95rem}.youtube-iframe .youtube-preview .dp-form-group input:focus,.youtube-iframe .youtube-preview .dp-form-group textarea:focus,.youtube-iframe .youtube-preview .dp-form-group select:focus{border-color:var(--primary-purple,#8b5cf6);background:#8b5cf61a;outline:none}.youtube-iframe .youtube-preview .dp-form-group small{color:var(--text-muted);font-size:.85rem}.youtube-iframe .youtube-preview .dp-form-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.youtube-iframe .youtube-preview .dp-form-actions button{cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.youtube-iframe .youtube-preview .dp-form-actions button[type=button]{color:var(--text-secondary);background:#9ca3af1a}.youtube-iframe .youtube-preview .dp-form-actions button.primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.youtube-iframe .youtube-preview .dp-form-actions button:hover{transform:translateY(-2px)}@media (width<=768px){.youtube-iframe .youtube-preview .decision-point-form{padding:1.5rem}.youtube-iframe .youtube-preview .decision-points-header{flex-direction:column;align-items:stretch;gap:.75rem}.youtube-iframe .youtube-preview .add-decision-point-btn{width:100%}}}.input-help li{margin:.25rem 0;font-family:Courier New,monospace;font-size:.8rem}.admin-curriculum{padding:1.5rem}.admin-curriculum .admin-section-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.admin-curriculum .admin-section-header h2{color:var(--deep-blue);margin-bottom:.5rem;font-size:1.75rem}.admin-curriculum .admin-section-header p{color:var(--text-secondary);font-size:.95rem}.curriculum-volumes-list{flex-direction:column;gap:1.5rem;display:flex}.curriculum-volume-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.curriculum-volume-card .volume-header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#0080c80d,#003d7a0d);justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.curriculum-volume-card .volume-info h3{color:var(--deep-blue);margin-bottom:.5rem;font-size:1.25rem}.curriculum-volume-card .volume-info p{color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem}.curriculum-volume-card .volume-meta{color:var(--text-muted);gap:1.5rem;font-size:.85rem;display:flex}.curriculum-volume-card .volume-actions{gap:.5rem;display:flex}.volume-acts{padding:1.5rem}.volume-acts .acts-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.volume-acts .acts-header h4{color:var(--deep-blue);font-size:1rem;font-weight:600}.curriculum-act-card{border:1px solid var(--border-color);background:#f8fafc;border-radius:8px;margin-bottom:1rem;overflow:hidden}.curriculum-act-card .act-header{border-bottom:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:flex-start;padding:1rem;display:flex}.curriculum-act-card .act-info h5{color:var(--deep-blue);margin-bottom:.25rem;font-size:1rem}.curriculum-act-card .act-info p{color:var(--text-secondary);font-size:.85rem}.curriculum-act-card .act-actions{gap:.5rem;display:flex}.act-songs{padding:1rem}.act-songs .songs-header{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.85rem;font-weight:500;display:flex}.act-songs .songs-list{flex-direction:column;gap:.5rem;display:flex}.act-songs .song-item{border:1px solid var(--border-color);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.act-songs .song-item .song-info{align-items:center;gap:1rem;display:flex}.act-songs .song-item .song-title{color:#1f2937;font-weight:500}.act-songs .song-item .song-duration{color:#6b7280;font-size:.8rem}.act-songs .song-item .song-actions{gap:.25rem;display:flex}.curriculum-volume-card .volume-info p{color:#4b5563!important}.curriculum-volume-card .volume-meta{color:#6b7280!important}.curriculum-volume-card .volume-meta strong{color:#374151!important}.curriculum-act-card .act-info p{color:#4b5563!important}.act-songs .songs-header{color:#374151!important;font-weight:600!important}.act-songs .song-item .song-duration,.admin-curriculum .admin-section-header p{color:#4b5563!important}.volume-acts .acts-header h4{color:#1f2937!important}.volume-acts .btn-primary,.act-songs .btn-primary,.admin-curriculum .btn-primary{color:#fff!important;background:linear-gradient(135deg,#0891b2,#ea580c)!important}.volume-acts .btn-primary:hover,.act-songs .btn-primary:hover{background:linear-gradient(135deg,#0e7490,#dc2626)!important}.curriculum-volume-card .btn-secondary,.curriculum-act-card .btn-secondary,.act-songs .btn-secondary{color:#374151!important;background:#f3f4f6!important;border:1px solid #d1d5db!important}.curriculum-volume-card .btn-secondary:hover,.curriculum-act-card .btn-secondary:hover,.act-songs .btn-secondary:hover{background:#e5e7eb!important}.curriculum-volume-card .btn-danger,.curriculum-act-card .btn-danger,.act-songs .btn-danger{color:#dc2626!important;background:#fee2e2!important;border:1px solid #fecaca!important}.curriculum-volume-card .btn-danger:hover,.curriculum-act-card .btn-danger:hover,.act-songs .btn-danger:hover{background:#fecaca!important}.curriculum-volume-card .btn svg,.curriculum-act-card .btn svg,.act-songs .btn svg{opacity:1!important}.act-songs .song-item span[style*=text-muted]{color:#6b7280!important}.btn-xs{padding:.25rem .5rem;font-size:.75rem}.btn-sm{padding:.375rem .75rem;font-size:.85rem}.discussion-prompt-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.discussion-prompt-row .prompt-number{color:var(--primary-orange);width:24px;font-weight:600}.discussion-prompt-row input{flex:1}.admin-modal-lg{width:95%;max-width:800px}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.curriculum-container{max-width:1200px;margin:0 auto;padding:2rem}.curriculum-header{text-align:center;margin-bottom:3rem}.curriculum-header h1{color:var(--primary-blue);margin-bottom:1rem;font-size:48px;font-weight:700}.curriculum-header p{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:18px}.curriculum-progress-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.progress-stat-card{border:1px solid var(--border-primary);text-align:center;background:#0080c80d;border-radius:12px;padding:1.5rem}.progress-stat-number{color:var(--primary-orange);margin-bottom:.5rem;font-size:36px;font-weight:700;display:block}.progress-stat-label{color:var(--text-secondary);font-size:14px}.volumes-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2rem;display:grid}.volume-card{border:2px solid var(--border-primary);cursor:pointer;background:#0080c80d;border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.volume-card:before{content:"";background:var(--gradient-primary);height:4px;position:absolute;top:0;left:0;right:0}.volume-card:hover{border-color:var(--primary-orange);transform:translateY(-8px);box-shadow:0 12px 40px #ff8c004d}.volume-number{color:var(--primary-blue);opacity:.1;font-size:72px;font-weight:700;position:absolute;top:10px;right:20px}.volume-title{color:var(--primary-orange);z-index:1;margin-bottom:.5rem;font-size:28px;font-weight:700;position:relative}.volume-description{color:var(--text-secondary);margin-bottom:1rem;font-size:15px;line-height:1.6}.volume-meta{border-top:1px solid var(--border-light);gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.volume-meta-item{color:var(--text-muted);align-items:center;gap:.5rem;font-size:14px;display:flex}.volume-target{color:var(--primary-blue);margin-top:1rem;font-size:13px;font-style:italic}.acts-list{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.act-card{border:1px solid var(--border-primary);cursor:pointer;background:#0080c80d;border-radius:12px;padding:1.5rem;transition:all .3s}.act-card:hover{border-color:var(--primary-orange);box-shadow:0 8px 25px #ff8c0033}.act-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.act-title{color:var(--deep-blue);font-size:22px;font-weight:700}.act-description{color:var(--text-secondary);margin-bottom:1rem;font-size:15px}.songs-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.song-item{border:1px solid var(--border-light);cursor:pointer;background:#003d7a1a;border-radius:8px;align-items:center;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.song-item:hover{border-color:var(--primary-orange);background:#ff8c001a;transform:translate(4px)}.song-item.completed{border-color:var(--success);background:#10b9810d}.song-icon{background:var(--gradient-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.song-icon svg{color:#fff}.song-info{flex:1}.song-title{color:var(--text-primary);margin-bottom:.25rem;font-size:16px;font-weight:600}.song-duration{color:var(--text-muted);font-size:13px}.song-status{background:var(--success);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.song-status svg{color:#fff;width:14px;height:14px}.song-viewer{max-width:900px;margin:0 auto;padding:2rem}.song-viewer-header{margin-bottom:2rem}.song-breadcrumb{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:14px;display:flex}.breadcrumb-link{color:var(--primary-blue);cursor:pointer;text-underline-offset:3px;text-decoration:underline;transition:color .3s}.breadcrumb-link:hover{color:var(--primary-orange)}.song-viewer-title{color:var(--primary-blue);margin-bottom:1rem;font-size:42px;font-weight:700}.song-viewer-meta{align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.song-viewer-content{border:1px solid var(--border-light);background:#0080c808;border-radius:16px;margin-bottom:2rem;padding:3rem;line-height:1.8}.song-viewer-content h2{color:var(--deep-blue);margin:2rem 0 1rem;font-size:32px;font-weight:700}.song-viewer-content h3{color:var(--primary-orange);margin:1.5rem 0 1rem;font-size:24px;font-weight:700}.song-viewer-content p{color:var(--text-secondary);margin-bottom:1rem}.song-viewer-content ul,.song-viewer-content ol{margin:1rem 0;padding-left:2rem}.song-viewer-content li{color:var(--text-secondary);margin-bottom:.5rem}.song-viewer-content strong{color:var(--text-primary);font-weight:600}.discussion-prompts{background:#ff8c000d;border:2px solid #ff8c004d;border-radius:12px;margin-top:2rem;padding:2rem}.discussion-prompts h3{color:var(--primary-orange);margin-bottom:1.5rem;font-size:24px;font-weight:700}.prompt-item{background:#0080c80d;border-radius:8px;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.prompt-number{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.prompt-question{color:var(--text-primary);font-size:16px;line-height:1.6}.lesson-actions{border-top:1px solid var(--border-light);gap:1rem;margin-top:2rem;padding-top:2rem;display:flex}.complete-lesson-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:16px;font-weight:700;transition:all .3s;display:flex}.complete-lesson-btn:hover{background:var(--gradient-radial);box-shadow:0 8px 25px #ff8c0066}.complete-lesson-btn.completed{background:var(--success)}.back-to-act-btn{color:var(--primary-blue);border:1px solid var(--border-primary);cursor:pointer;background:#0080c81a;border-radius:8px;padding:1rem 2rem;font-size:16px;font-weight:600;transition:all .3s}.back-to-act-btn:hover{border-color:var(--primary-blue);background:#0080c833}.curriculum-breadcrumb{background:#0080c80d;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1rem;display:flex}.breadcrumb-item{color:var(--text-muted);font-size:14px}.breadcrumb-separator{color:var(--text-muted)}.breadcrumb-current{color:var(--primary-orange);font-weight:600}@media (width<=768px){.curriculum-header h1{font-size:36px}.volumes-grid,.songs-list{grid-template-columns:1fr}.song-viewer{padding:1rem}.song-viewer-content{padding:1.5rem}.lesson-actions{flex-direction:column}}.ai-suggestions-panel{max-width:900px;padding:1.5rem}.ai-suggestions-header{margin-bottom:1.5rem}.ai-suggestions-title{align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.ai-suggestions-title h2{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.ai-icon{color:#7c3aed}.ai-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:9999px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.ai-suggestions-desc{color:#64748b;margin:0;font-size:.875rem}.ai-generator-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.ai-generator-controls{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.ai-control-group{flex-direction:column;gap:.35rem;min-width:150px;display:flex}.ai-control-group label{color:#475569;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.ai-control-group select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.45rem .75rem;font-size:.875rem}.ai-search-filter{color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.45rem;min-width:260px;padding:.4rem .65rem;display:flex}.ai-search-filter input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:.85rem}.ai-search-filter input::placeholder{color:#94a3b8}.ai-generate-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1.25rem;font-size:.875rem;font-weight:600;transition:opacity .2s;display:flex}.ai-generate-btn:hover:not(:disabled){opacity:.9}.ai-generate-btn:disabled{opacity:.6;cursor:not-allowed}.ai-status-tabs{border-bottom:1px solid #e2e8f0;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.ai-status-tab{cursor:pointer;color:#64748b;background:0 0;border:1px solid #0000;border-radius:8px;padding:.4rem 1rem;font-size:.8rem;font-weight:600;transition:all .15s}.ai-status-tab.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.ai-status-tab:hover:not(.active){background:#f1f5f9;border-color:#cbd5e1}.ai-refresh-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;margin-left:auto;padding:.4rem .6rem;transition:all .15s;display:flex}.ai-refresh-btn:hover{background:#f8fafc}.ai-loading,.ai-empty{text-align:center;color:#94a3b8;padding:3rem 1rem;font-size:.9rem}.ai-suggestions-list{flex-direction:column;gap:1rem;display:flex}.ai-suggestion-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;transition:box-shadow .2s}.ai-suggestion-card:hover{box-shadow:0 4px 12px #0000000f}.ai-suggestion-card.approved{border-left:3px solid #22c55e}.ai-suggestion-card.rejected{opacity:.7;border-left:3px solid #ef4444}.ai-suggestion-top{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.ai-suggestion-meta{flex-wrap:wrap;gap:.5rem;display:flex}.ai-tag{text-transform:capitalize;border-radius:9999px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.ai-tag.difficulty-beginner{color:#166534;background:#dcfce7}.ai-tag.difficulty-intermediate{color:#713f12;background:#fef9c3}.ai-tag.difficulty-advanced{color:#991b1b;background:#fee2e2}.ai-tag.category{color:#5b21b6;background:#ede9fe}.ai-suggestion-actions{gap:.5rem;display:flex}.ai-approve-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:7px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;transition:opacity .2s;display:flex}.ai-approve-btn:hover{opacity:.85}.ai-reject-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:7px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;transition:opacity .2s;display:flex}.ai-reject-btn:hover{opacity:.85}.ai-status-badge{text-transform:capitalize;border-radius:9999px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:flex}.ai-status-badge.approved{color:#166534;background:#dcfce7}.ai-status-badge.rejected{color:#991b1b;background:#fee2e2}.ai-question-text{color:#1e293b;margin:0 0 .875rem;font-size:.95rem;font-weight:600;line-height:1.5}.ai-options-grid{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem;display:grid}.ai-option{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.ai-option input{accent-color:#22c55e;flex-shrink:0}.ai-option span:nth-child(3){flex:1}.ai-option.correct{color:#166534;background:#f0fdf4;border-color:#bbf7d0;font-weight:600}.ai-option-letter{min-width:18px;font-weight:700}.ai-correct-icon{color:#22c55e;flex-shrink:0;margin-left:auto}.ai-explanation-toggle{margin-top:.5rem}.ai-expand-btn{color:#7c3aed;cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-size:.8rem;font-weight:600;display:flex}.ai-explanation{color:#475569;background:#faf5ff;border-left:3px solid #7c3aed;border-radius:8px;margin-top:.5rem;padding:.75rem;font-size:.825rem;line-height:1.5}.ai-filters-row{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.ai-filters-row .ai-status-tabs{border-bottom:none;flex:1;min-width:200px;margin-bottom:0;padding-bottom:0}.ai-quality-filter{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.ai-quality-filter span{color:#64748b;font-size:.78rem;font-weight:600}.ai-quality-filter-icon{color:#f59e0b;flex-shrink:0}.ai-quality-tier-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;padding:.3rem .7rem;font-size:.75rem;font-weight:600;transition:all .15s}.ai-quality-tier-btn:hover:not(.active){color:#d97706;border-color:#f59e0b}.ai-quality-tier-btn.active{color:#fff;background:#f59e0b;border-color:#f59e0b}.quality-badge-wrapper{display:inline-block;position:relative}.quality-badge{cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.7rem;font-weight:700;transition:opacity .15s;display:inline-flex}.quality-badge:hover{opacity:.85}.quality-badge .quality-tier-label{opacity:.85;font-weight:600}.quality-excellent{color:#166534;background:#dcfce7}.quality-good{color:#1e40af;background:#dbeafe}.quality-fair{color:#854d0e;background:#fef9c3}.quality-poor{color:#991b1b;background:#fee2e2}.quality-breakdown{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:220px;padding:.75rem 1rem;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 4px 16px #0000001a}.quality-breakdown-row{color:#475569;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.75rem;display:flex}.quality-breakdown-row span:first-child{min-width:90px;font-weight:600}.quality-breakdown-row span:last-child{text-align:right;color:#1e293b;min-width:36px;font-weight:700}.quality-bar-wrap{background:#f1f5f9;border-radius:9999px;flex:1;height:6px;overflow:hidden}.quality-bar{border-radius:9999px;height:100%;transition:width .3s}.quality-similarity-note{color:#94a3b8;border-top:1px solid #f1f5f9;margin:.5rem 0 0;padding-top:.4rem;font-size:.7rem}.ai-bulk-approve-wrapper{margin-left:auto}.ai-bulk-approve-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.8rem;font-weight:700;transition:opacity .15s;display:inline-flex}.ai-bulk-approve-btn:hover:not(:disabled){opacity:.88}.ai-bulk-approve-btn:disabled{opacity:.6;cursor:not-allowed}.ai-bulk-confirm{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;align-items:center;gap:.5rem;padding:.35rem .75rem;display:flex}.ai-bulk-confirm span{color:#166534;white-space:nowrap;font-size:.78rem;font-weight:600}.ai-bulk-confirm-yes{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.75rem;font-weight:700;transition:opacity .15s;display:inline-flex}.ai-bulk-confirm-yes:hover{opacity:.88}.ai-bulk-confirm-no{color:#16a34a;cursor:pointer;background:0 0;border:1px solid #86efac;border-radius:6px;padding:.3rem .6rem;font-size:.75rem;font-weight:600;transition:all .15s}.ai-bulk-confirm-no:hover{background:#dcfce7}.ai-bulk-reject-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.8rem;font-weight:700;transition:opacity .15s;display:inline-flex}.ai-bulk-reject-btn:hover:not(:disabled){opacity:.88}.ai-bulk-reject-btn:disabled{opacity:.6;cursor:not-allowed}.ai-bulk-reject-confirm{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:.5rem;padding:.35rem .75rem;display:flex}.ai-bulk-reject-confirm span{color:#991b1b;white-space:nowrap;font-size:.78rem;font-weight:600}.ai-bulk-reject-confirm-yes{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.75rem;font-weight:700;transition:opacity .15s;display:inline-flex}.ai-bulk-reject-confirm-yes:hover{opacity:.88}.ai-bulk-reject-confirm-no{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #fca5a5;border-radius:6px;padding:.3rem .6rem;font-size:.75rem;font-weight:600;transition:all .15s}.ai-bulk-reject-confirm-no:hover{background:#fee2e2}.spin{animation:1s linear infinite spin}.ai-expand-row{align-items:center;gap:.75rem;display:flex}.ai-view-source-btn{color:#0369a1;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.ai-view-source-btn:hover{background:#eff6ff;border-color:#93c5fd}.source-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.source-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:680px;max-height:80vh;animation:.2s slideUp;display:flex;box-shadow:0 20px 60px #0003}.source-modal-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.source-modal-title{color:#0f172a;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.source-modal-title svg{color:#0369a1}.source-modal-subtitle{color:#64748b;margin-left:.25rem;font-size:.75rem;font-weight:400}.source-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.3rem;transition:all .15s;display:flex}.source-modal-close:hover{color:#475569;background:#f1f5f9}.source-modal-body{flex-direction:column;flex:1;gap:.875rem;padding:1rem 1.25rem;display:flex;overflow-y:auto}.source-modal-loading{color:#64748b;justify-content:center;align-items:center;gap:.5rem;padding:2rem;font-size:.875rem;display:flex}.source-modal-empty{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;display:flex}.source-modal-empty svg{color:#cbd5e1}.source-modal-empty p{margin:0;font-size:.875rem}.source-modal-empty-hint{color:#b0bec5;font-size:.8rem!important}.source-passage{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.source-passage-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem}.source-passage-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.source-passage-rule-set{color:#1d4ed8;background:#dbeafe;border-radius:9999px;padding:.15rem .55rem;font-size:.7rem;font-weight:700}.source-passage-page{color:#64748b;font-size:.7rem;font-weight:500}.source-relevance-bar{color:#64748b;align-items:center;gap:.3rem;margin-left:auto;font-size:.7rem;display:flex}.source-relevance-bar svg{color:#f59e0b}.source-relevance-track{background:#e2e8f0;border-radius:9999px;width:60px;height:5px;overflow:hidden}.source-relevance-fill{background:linear-gradient(90deg,#f59e0b,#f97316);border-radius:9999px;height:100%;transition:width .3s}.source-passage-heading{color:#0f172a;margin:0;font-size:.85rem;font-weight:700}.source-passage-doc{color:#64748b;margin:.2rem 0 0;font-size:.75rem}.source-passage-content{padding:.875rem 1rem}.source-passage-content p{color:#334155;margin:0;font-size:.82rem;line-height:1.65}.source-passage-toggle{color:#0369a1;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:.25rem 1rem .75rem;font-size:.75rem;font-weight:600;transition:color .15s;display:flex}.source-passage-toggle:hover{color:#0284c7}.image-lightbox{z-index:9999;background:#000000e6;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{flex-direction:column;align-items:center;gap:16px;max-width:90vw;max-height:90vh;display:flex;position:relative}.lightbox-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:80vh;box-shadow:0 10px 40px #00000080}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:40px;line-height:1;transition:all .2s;display:flex;position:absolute;top:-40px;right:0}.lightbox-close:hover{background:#fff3;transform:rotate(90deg)}.lightbox-caption{color:#fff;text-align:center;background:#00000080;border-radius:4px;max-width:600px;padding:8px 16px;font-size:16px}.lightbox-nav{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:60px;font-weight:300;line-height:1;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#fff3}.lightbox-nav.prev{left:20px}.lightbox-nav.next{right:20px}@media (width<=768px){.lightbox-content{max-width:95vw}.lightbox-close{width:40px;height:40px;font-size:32px;top:-50px}.lightbox-nav{width:50px;height:50px;font-size:40px}.lightbox-nav.prev{left:10px}.lightbox-nav.next{right:10px}.lightbox-caption{max-width:90vw;font-size:14px}}