*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--radius:0.5rem}.dark{--background:0 0% 3.9%;--foreground:0 0% 98%;--card:0 0% 3.9%;--card-foreground:0 0% 98%;--popover:0 0% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:0 0% 9%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--accent:0 0% 14.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:0 0% 14.9%;--input:0 0% 14.9%;--ring:0 0% 83.1%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}*{border-color:#e5e5e5;border-color:hsl(var(--border))}body{background-color:#fff;background-color:hsl(var(--background));color:#0a0a0a;color:hsl(var(--foreground))}[data-debug-wrapper=true]{display:contents!important}[data-debug-wrapper=true]>*{border:inherit;column-gap:inherit;gap:inherit;margin:inherit;padding:inherit;row-gap:inherit}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.inset-\[-8px\]{inset:-8px}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.-bottom-12{bottom:-3rem}.-bottom-20{bottom:-5rem}.-bottom-7{bottom:-1.75rem}.-left-12{left:-3rem}.-right-1{right:-.25rem}.-right-12{right:-3rem}.-top-1{top:-.25rem}.-top-12{top:-3rem}.-top-20{top:-5rem}.bottom-0{bottom:0}.bottom-20{bottom:5rem}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-14{top:3.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.z-\[5\]{z-index:5}.z-\[9999\]{z-index:9999}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem;margin-top:.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-auto{margin-right:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-60{height:15rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[1px\]{height:1px}.h-\[350px\]{height:350px}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.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}.h-screen{height:100vh}.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-\[450px\]{max-height:450px}.max-h-\[80vh\]{max-height:80vh}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-\[60px\]{min-height:60px}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[100px\]{width:100px}.w-\[1px\]{width:1px}.w-\[350px\]{width:350px}.w-\[49\%\]{width:49%}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-fit{width:-webkit-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-webkit-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[120px\]{min-width:120px}.min-w-\[12rem\]{min-width:12rem}.min-w-\[130px\]{min-width:130px}.min-w-\[140px\]{min-width:140px}.min-w-\[60px\]{min-width:60px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[120px\]{max-width:120px}.max-w-\[1300px\]{max-width:1300px}.max-w-\[200px\]{max-width:200px}.max-w-\[80\%\]{max-width:80%}.max-w-\[85\%\]{max-width:85%}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-max{max-width:-webkit-max-content;max-width:max-content}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.-rotate-90{--tw-rotate:-90deg}.-rotate-90,.rotate-45{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}.rotate-90{--tw-rotate:90deg}.rotate-90,.scale-100{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))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-110,.scale-125{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))}.scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.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}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-\[5px\]{gap:5px}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.625rem*var(--tw-space-y-reverse));margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.875rem*var(--tw-space-y-reverse));margin-top:calc(.875rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-white\/5>:not([hidden])~:not([hidden]){border-color:#ffffff0d}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.rounded-md{border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(.5rem - 4px);border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-b-xl{border-bottom-right-radius:.75rem}.rounded-b-xl,.rounded-l-xl{border-bottom-left-radius:.75rem}.rounded-l-xl{border-top-left-radius:.75rem}.rounded-r-xl{border-bottom-right-radius:.75rem;border-top-right-radius:.75rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.rounded-tl-sm{border-top-left-radius:calc(.5rem - 4px);border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-300{--tw-border-opacity:1;border-color:#fcd34d;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.border-amber-500\/20{border-color:#f59e0b33}.border-blue-500{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-blue-500\/20{border-color:#3b82f633}.border-blue-500\/30{border-color:#3b82f64d}.border-blue-500\/40{border-color:#3b82f666}.border-blue-500\/50{border-color:#3b82f680}.border-blue-600{--tw-border-opacity:1;border-color:#2563eb;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-cyan-400{--tw-border-opacity:1;border-color:#22d3ee;border-color:rgb(34 211 238/var(--tw-border-opacity,1))}.border-cyan-500{--tw-border-opacity:1;border-color:#06b6d4;border-color:rgb(6 182 212/var(--tw-border-opacity,1))}.border-destructive{border-color:#ef4444;border-color:hsl(var(--destructive))}.border-destructive\/50{border-color:#ef444480;border-color:hsl(var(--destructive)/.5)}.border-emerald-400{--tw-border-opacity:1;border-color:#34d399;border-color:rgb(52 211 153/var(--tw-border-opacity,1))}.border-emerald-500{--tw-border-opacity:1;border-color:#10b981;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.border-emerald-500\/20{border-color:#10b98133}.border-emerald-500\/30{border-color:#10b9814d}.border-emerald-500\/50{border-color:#10b98180}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-500{--tw-border-opacity:1;border-color:#6b7280;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:#4b5563;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-green-500\/30{border-color:#22c55e4d}.border-input{border-color:#e5e5e5;border-color:hsl(var(--input))}.border-primary{border-color:#171717;border-color:hsl(var(--primary))}.border-primary\/50{border-color:#17171780;border-color:hsl(var(--primary)/.5)}.border-purple-400{--tw-border-opacity:1;border-color:#c084fc;border-color:rgb(192 132 252/var(--tw-border-opacity,1))}.border-purple-500\/20{border-color:#a855f733}.border-purple-500\/30{border-color:#a855f74d}.border-purple-500\/40{border-color:#a855f766}.border-purple-600{--tw-border-opacity:1;border-color:#9333ea;border-color:rgb(147 51 234/var(--tw-border-opacity,1))}.border-red-500\/20{border-color:#ef444433}.border-red-500\/30{border-color:#ef44444d}.border-red-500\/40{border-color:#ef444466}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-white\/5{border-color:#ffffff0d}.border-white\/50{border-color:#ffffff80}.border-white\/\[0\.03\]{border-color:#ffffff08}.border-white\/\[0\.06\]{border-color:#ffffff0f}.border-white\/\[0\.08\]{border-color:#ffffff14}.border-yellow-500{--tw-border-opacity:1;border-color:#eab308;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.border-l-transparent{border-left-color:#0000}.border-t-gray-300{--tw-border-opacity:1;border-top-color:#d1d5db;border-top-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:#0000}.bg-accent{background-color:#f5f5f5;background-color:hsl(var(--accent))}.bg-amber-400\/40{background-color:#fbbf2466}.bg-amber-500{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-amber-500\/15{background-color:#f59e0b26}.bg-amber-500\/20{background-color:#f59e0b33}.bg-amber-600{--tw-bg-opacity:1;background-color:#d97706;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.bg-background{background-color:#fff;background-color:hsl(var(--background))}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-black\/95{background-color:#000000f2}.bg-blue-400\/40{background-color:#60a5fa66}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-500\/15{background-color:#3b82f626}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-500\/5{background-color:#3b82f60d}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-blue-600\/20{background-color:#2563eb33}.bg-blue-600\/90{background-color:#2563ebe6}.bg-blue-900{--tw-bg-opacity:1;background-color:#1e3a8a;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.bg-border{background-color:#e5e5e5;background-color:hsl(var(--border))}.bg-card{background-color:#fff;background-color:hsl(var(--card))}.bg-cyan-400\/40{background-color:#22d3ee66}.bg-cyan-500\/20{background-color:#06b6d433}.bg-cyan-500\/25{background-color:#06b6d440}.bg-cyan-600{--tw-bg-opacity:1;background-color:#0891b2;background-color:rgb(8 145 178/var(--tw-bg-opacity,1))}.bg-destructive{background-color:#ef4444;background-color:hsl(var(--destructive))}.bg-emerald-500{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-500\/10{background-color:#10b9811a}.bg-emerald-500\/15{background-color:#10b98126}.bg-emerald-500\/20{background-color:#10b98133}.bg-emerald-600{--tw-bg-opacity:1;background-color:#059669;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-emerald-600\/20{background-color:#05966933}.bg-emerald-600\/90{background-color:#059669e6}.bg-foreground{background-color:#0a0a0a;background-color:hsl(var(--foreground))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:#6b7280;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-gray-500\/15{background-color:#6b728026}.bg-gray-700{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-700\/40{background-color:#37415166}.bg-gray-700\/50{background-color:#37415180}.bg-gray-800\/40{background-color:#1f293766}.bg-gray-800\/50{background-color:#1f293780}.bg-gray-800\/60{background-color:#1f293799}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-500\/20{background-color:#22c55e33}.bg-muted{background-color:#f5f5f5;background-color:hsl(var(--muted))}.bg-muted\/50{background-color:#f5f5f580;background-color:hsl(var(--muted)/.5)}.bg-orange-500\/10{background-color:#f973161a}.bg-orange-500\/15{background-color:#f9731626}.bg-pink-500\/25{background-color:#ec489940}.bg-popover{background-color:#fff;background-color:hsl(var(--popover))}.bg-primary{background-color:#171717;background-color:hsl(var(--primary))}.bg-primary\/10{background-color:#1717171a;background-color:hsl(var(--primary)/.1)}.bg-primary\/20{background-color:#17171733;background-color:hsl(var(--primary)/.2)}.bg-purple-400\/40{background-color:#c084fc66}.bg-purple-500\/10{background-color:#a855f71a}.bg-purple-500\/20{background-color:#a855f733}.bg-purple-500\/80{background-color:#a855f7cc}.bg-purple-600{--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-purple-600\/20{background-color:#9333ea33}.bg-red-400{--tw-bg-opacity:1;background-color:#f87171;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/15{background-color:#ef444426}.bg-red-500\/20{background-color:#ef444433}.bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-red-600\/20{background-color:#dc262633}.bg-red-600\/80{background-color:#dc2626cc}.bg-red-600\/90{background-color:#dc2626e6}.bg-secondary{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/15{background-color:#ffffff26}.bg-white\/5{background-color:#ffffff0d}.bg-white\/90{background-color:#ffffffe6}.bg-white\/95{background-color:#fffffff2}.bg-white\/\[0\.02\]{background-color:#ffffff05}.bg-white\/\[0\.03\]{background-color:#ffffff08}.bg-white\/\[0\.05\]{background-color:#ffffff0d}.bg-yellow-500\/10{background-color:#eab3081a}.bg-yellow-500\/15{background-color:#eab30826}.bg-yellow-500\/20{background-color:#eab30833}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-50{--tw-gradient-from:#fffbeb var(--tw-gradient-from-position);--tw-gradient-to:#fffbeb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-400{--tw-gradient-from:#22d3ee var(--tw-gradient-from-position);--tw-gradient-to:#22d3ee00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-600{--tw-gradient-from:#0891b2 var(--tw-gradient-from-position);--tw-gradient-to:#0891b200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-600{--tw-gradient-from:#059669 var(--tw-gradient-from-position);--tw-gradient-to:#05966900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-100{--tw-gradient-from:#f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to:#f3f4f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:#f9fafb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-600{--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:#16a34a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-50{--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:#faf5ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-blue-50{--tw-gradient-to:#eff6ff var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-cyan-600{--tw-gradient-to:#0891b2 var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to:#059669 var(--tw-gradient-to-position)}.to-gray-100{--tw-gradient-to:#f3f4f6 var(--tw-gradient-to-position)}.to-gray-200{--tw-gradient-to:#e5e7eb var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.to-orange-50{--tw-gradient-to:#fff7ed var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to:#0d9488 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.fill-primary{fill:#171717;fill:hsl(var(--primary))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-\[1px\]{padding:1px}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.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-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-11{padding-left:2.75rem}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-10{padding-right:2.5rem}.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-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-accent-foreground{color:#171717;color:hsl(var(--accent-foreground))}.text-amber-200{--tw-text-opacity:1;color:#fde68a;color:rgb(253 230 138/var(--tw-text-opacity,1))}.text-amber-300{--tw-text-opacity:1;color:#fcd34d;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-amber-300\/70{color:#fcd34db3}.text-amber-400{--tw-text-opacity:1;color:#fbbf24;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:#d97706;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:#b45309;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-blue-200{--tw-text-opacity:1;color:#bfdbfe;color:rgb(191 219 254/var(--tw-text-opacity,1))}.text-blue-300{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-300\/70{color:#93c5fdb3}.text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-400\/60{color:#60a5fa99}.text-blue-400\/70{color:#60a5fab3}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-card-foreground{color:#0a0a0a;color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-cyan-200{--tw-text-opacity:1;color:#a5f3fc;color:rgb(165 243 252/var(--tw-text-opacity,1))}.text-cyan-300{--tw-text-opacity:1;color:#67e8f9;color:rgb(103 232 249/var(--tw-text-opacity,1))}.text-cyan-400{--tw-text-opacity:1;color:#22d3ee;color:rgb(34 211 238/var(--tw-text-opacity,1))}.text-cyan-400\/60{color:#22d3ee99}.text-cyan-400\/80{color:#22d3eecc}.text-destructive{color:#ef4444;color:hsl(var(--destructive))}.text-destructive-foreground{color:#fafafa;color:hsl(var(--destructive-foreground))}.text-emerald-400{--tw-text-opacity:1;color:#34d399;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-emerald-400\/60{color:#34d39999}.text-emerald-400\/70{color:#34d399b3}.text-emerald-400\/80{color:#34d399cc}.text-emerald-600{--tw-text-opacity:1;color:#059669;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-foreground{color:#0a0a0a;color:hsl(var(--foreground))}.text-foreground\/50{color:#0a0a0a80;color:hsl(var(--foreground)/.5)}.text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-green-300\/70{color:#86efacb3}.text-green-400{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-muted-foreground{color:#737373;color:hsl(var(--muted-foreground))}.text-orange-400{--tw-text-opacity:1;color:#fb923c;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-pink-400{--tw-text-opacity:1;color:#f472b6;color:rgb(244 114 182/var(--tw-text-opacity,1))}.text-popover-foreground{color:#0a0a0a;color:hsl(var(--popover-foreground))}.text-primary{color:#171717;color:hsl(var(--primary))}.text-primary-foreground{color:#fafafa;color:hsl(var(--primary-foreground))}.text-purple-200{--tw-text-opacity:1;color:#e9d5ff;color:rgb(233 213 255/var(--tw-text-opacity,1))}.text-purple-300{--tw-text-opacity:1;color:#d8b4fe;color:rgb(216 180 254/var(--tw-text-opacity,1))}.text-purple-300\/70{color:#d8b4feb3}.text-purple-400{--tw-text-opacity:1;color:#c084fc;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-red-200{--tw-text-opacity:1;color:#fecaca;color:rgb(254 202 202/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-400\/50{color:#f8717180}.text-red-400\/60{color:#f8717199}.text-secondary-foreground{color:#171717;color:hsl(var(--secondary-foreground))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/10{color:#ffffff1a}.text-white\/15{color:#ffffff26}.text-white\/20{color:#fff3}.text-white\/25{color:#ffffff40}.text-white\/30{color:#ffffff4d}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.text-white\/\[0\.06\]{color:#ffffff0f}.text-yellow-400{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-400\/70{color:#facc15b3}.text-yellow-400\/80{color:#facc15cc}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.opacity-\[0\.015\]{opacity:.015}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.shadow-amber-500\/30{--tw-shadow-color:#f59e0b4d;--tw-shadow:var(--tw-shadow-colored)}.shadow-blue-500\/20{--tw-shadow-color:#3b82f633;--tw-shadow:var(--tw-shadow-colored)}.shadow-blue-500\/25{--tw-shadow-color:#3b82f640;--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-500\/20{--tw-shadow-color:#10b98133;--tw-shadow:var(--tw-shadow-colored)}.shadow-purple-500\/20{--tw-shadow-color:#a855f733;--tw-shadow:var(--tw-shadow-colored)}.shadow-red-600\/20{--tw-shadow-color:#dc262633;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-0{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--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)}.ring-blue-300{--tw-ring-opacity:1;--tw-ring-color:rgb(147 197 253/var(--tw-ring-opacity,1))}.ring-cyan-400\/30{--tw-ring-color:#22d3ee4d}.ring-purple-500\/50{--tw-ring-color:#a855f780}.ring-ring{--tw-ring-color:hsl(var(--ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.drop-shadow-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px #00000026)}.drop-shadow-2xl,.drop-shadow-\[0_4px_20px_rgba\(139\2c 92\2c 246\2c 0\.4\)\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_4px_20px_rgba\(139\2c 92\2c 246\2c 0\.4\)\]{--tw-drop-shadow:drop-shadow(0 4px 20px #8b5cf666)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-lg,.backdrop-blur-md{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-blur-xl{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:1;opacity:var(--tw-exit-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.duration-1000{animation-duration:1s}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.ease-in{animation-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\!running{animation-play-state:running!important}.running{animation-play-state:running}.paused{animation-play-state:paused}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.file\:ml-3::-webkit-file-upload-button{margin-left:.75rem}.file\:ml-3::file-selector-button{margin-left:.75rem}.file\:cursor-pointer::-webkit-file-upload-button{cursor:pointer}.file\:cursor-pointer::file-selector-button{cursor:pointer}.file\:rounded-lg::-webkit-file-upload-button{border-radius:.5rem;border-radius:var(--radius)}.file\:rounded-lg::file-selector-button{border-radius:.5rem;border-radius:var(--radius)}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:bg-purple-600\/20::-webkit-file-upload-button{background-color:#9333ea33}.file\:bg-purple-600\/20::file-selector-button{background-color:#9333ea33}.file\:bg-transparent::-webkit-file-upload-button{background-color:initial}.file\:bg-transparent::file-selector-button{background-color:initial}.file\:px-4::-webkit-file-upload-button{padding-left:1rem;padding-right:1rem}.file\:px-4::file-selector-button{padding-left:1rem;padding-right:1rem}.file\:py-2\.5::-webkit-file-upload-button{padding-bottom:.625rem;padding-top:.625rem}.file\:py-2\.5::file-selector-button{padding-bottom:.625rem;padding-top:.625rem}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem;line-height:1.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:text-xs::-webkit-file-upload-button{font-size:.75rem;line-height:1rem}.file\:text-xs::file-selector-button{font-size:.75rem;line-height:1rem}.file\:font-bold::-webkit-file-upload-button{font-weight:700}.file\:font-bold::file-selector-button{font-weight:700}.file\:font-medium::-webkit-file-upload-button{font-weight:500}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::-webkit-file-upload-button{color:#0a0a0a;color:hsl(var(--foreground))}.file\:text-foreground::file-selector-button{color:#0a0a0a;color:hsl(var(--foreground))}.file\:text-purple-300::-webkit-file-upload-button{--tw-text-opacity:1;color:#d8b4fe;color:rgb(216 180 254/var(--tw-text-opacity,1))}.file\:text-purple-300::file-selector-button{--tw-text-opacity:1;color:#d8b4fe;color:rgb(216 180 254/var(--tw-text-opacity,1))}.placeholder\:text-muted-foreground::placeholder{color:#737373;color:hsl(var(--muted-foreground))}.placeholder\:text-white\/20::placeholder{color:#fff3}.placeholder\:text-white\/40::placeholder{color:#fff6}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-y-0:after{bottom:0;content:var(--tw-content);top:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:.25rem}.after\:-translate-x-1\/2:after{--tw-translate-x:-50%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.first\:rounded-l-md:first-child{border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-width:1px}.last\:rounded-r-md:last-child{border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:-translate-y-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-110:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-purple-500\/30:hover{border-color:#a855f74d}.hover\:border-white\/10:hover{border-color:#ffffff1a}.hover\:border-white\/40:hover{border-color:#fff6}.hover\:border-white\/\[0\.12\]:hover{border-color:#ffffff1f}.hover\:bg-accent:hover{background-color:#f5f5f5;background-color:hsl(var(--accent))}.hover\:bg-amber-500\/20:hover{background-color:#f59e0b33}.hover\:bg-amber-500\/25:hover{background-color:#f59e0b40}.hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:#b45309;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.hover\:bg-black\/70:hover{background-color:#000000b3}.hover\:bg-blue-500\/10:hover{background-color:#3b82f61a}.hover\:bg-blue-500\/15:hover{background-color:#3b82f626}.hover\:bg-blue-500\/20:hover{background-color:#3b82f633}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-blue-600\/30:hover{background-color:#2563eb4d}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:#1e40af;background-color:rgb(30 64 175/var(--tw-bg-opacity,1))}.hover\:bg-cyan-500:hover{--tw-bg-opacity:1;background-color:#06b6d4;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.hover\:bg-cyan-500\/30:hover{background-color:#06b6d44d}.hover\:bg-destructive\/80:hover{background-color:#ef4444cc;background-color:hsl(var(--destructive)/.8)}.hover\:bg-destructive\/90:hover{background-color:#ef4444e6;background-color:hsl(var(--destructive)/.9)}.hover\:bg-emerald-500\/15:hover{background-color:#10b98126}.hover\:bg-emerald-500\/20:hover{background-color:#10b98133}.hover\:bg-emerald-500\/25:hover{background-color:#10b98140}.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:#047857;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-green-500\/30:hover{background-color:#22c55e4d}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-muted:hover{background-color:#f5f5f5;background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:#f5f5f580;background-color:hsl(var(--muted)/.5)}.hover\:bg-primary:hover{background-color:#171717;background-color:hsl(var(--primary))}.hover\:bg-primary\/80:hover{background-color:#171717cc;background-color:hsl(var(--primary)/.8)}.hover\:bg-primary\/90:hover{background-color:#171717e6;background-color:hsl(var(--primary)/.9)}.hover\:bg-purple-500\/10:hover{background-color:#a855f71a}.hover\:bg-purple-500\/15:hover{background-color:#a855f726}.hover\:bg-purple-500\/20:hover{background-color:#a855f733}.hover\:bg-purple-600\/30:hover{background-color:#9333ea4d}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:#7e22ce;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-red-500\/15:hover{background-color:#ef444426}.hover\:bg-red-500\/20:hover{background-color:#ef444433}.hover\:bg-red-500\/25:hover{background-color:#ef444440}.hover\:bg-red-500\/30:hover{background-color:#ef44444d}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-red-600\/30:hover{background-color:#dc26264d}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-secondary:hover{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:#f5f5f5cc;background-color:hsl(var(--secondary)/.8)}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-white\/\[0\.02\]:hover{background-color:#ffffff05}.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}.hover\:bg-white\/\[0\.1\]:hover{background-color:#ffffff1a}.hover\:from-blue-600:hover{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-cyan-500:hover{--tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-emerald-500:hover{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:#10b98100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-purple-500:hover{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-purple-700:hover{--tw-gradient-from:#7e22ce var(--tw-gradient-from-position);--tw-gradient-to:#7e22ce00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-blue-500:hover{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.hover\:to-blue-700:hover{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.hover\:to-indigo-500:hover{--tw-gradient-to:#6366f1 var(--tw-gradient-to-position)}.hover\:to-pink-700:hover{--tw-gradient-to:#be185d var(--tw-gradient-to-position)}.hover\:to-teal-500:hover{--tw-gradient-to:#14b8a6 var(--tw-gradient-to-position)}.hover\:text-accent-foreground:hover{color:#171717;color:hsl(var(--accent-foreground))}.hover\:text-amber-400:hover{--tw-text-opacity:1;color:#fbbf24;color:rgb(251 191 36/var(--tw-text-opacity,1))}.hover\:text-blue-400:hover{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.hover\:text-emerald-400:hover{--tw-text-opacity:1;color:#34d399;color:rgb(52 211 153/var(--tw-text-opacity,1))}.hover\:text-foreground:hover{color:#0a0a0a;color:hsl(var(--foreground))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-muted-foreground:hover{color:#737373;color:hsl(var(--muted-foreground))}.hover\:text-primary-foreground:hover{color:#fafafa;color:hsl(var(--primary-foreground))}.hover\:text-purple-400:hover{--tw-text-opacity:1;color:#c084fc;color:rgb(192 132 252/var(--tw-text-opacity,1))}.hover\:text-red-400:hover{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:text-white\/60:hover{color:#fff9}.hover\:text-white\/70:hover{color:#ffffffb3}.hover\:text-white\/80:hover{color:#fffc}.hover\:text-white\/90:hover{color:#ffffffe6}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl:hover,.hover\:shadow-lg:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-blue-500\/30:focus{border-color:#3b82f64d}.focus\:bg-accent:focus{background-color:#f5f5f5;background-color:hsl(var(--accent))}.focus\:bg-primary:focus{background-color:#171717;background-color:hsl(var(--primary))}.focus\:text-accent-foreground:focus{color:#171717;color:hsl(var(--accent-foreground))}.focus\:text-primary-foreground:focus{color:#fafafa;color:hsl(var(--primary-foreground))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-blue-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(30 58 138/var(--tw-ring-opacity,1))}.focus\:ring-purple-500\/50:focus{--tw-ring-color:#a855f780}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}.active\:scale-95:active,.active\:scale-\[0\.98\]:active{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))}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98}.active\:bg-blue-800:active{--tw-bg-opacity:1;background-color:#1e40af;background-color:rgb(30 64 175/var(--tw-bg-opacity,1))}.active\:bg-red-800:active{--tw-bg-opacity:1;background-color:#991b1b;background-color:rgb(153 27 27/var(--tw-bg-opacity,1))}.active\:bg-white\/20:active{background-color:#fff3}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-20:disabled{opacity:.2}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:bg-transparent:hover:disabled{background-color:initial}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-amber-400{--tw-bg-opacity:1;background-color:#fbbf24;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-blue-400{--tw-bg-opacity:1;background-color:#60a5fa;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-cyan-400{--tw-bg-opacity:1;background-color:#22d3ee;background-color:rgb(34 211 238/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-purple-400{--tw-bg-opacity:1;background-color:#c084fc;background-color:rgb(192 132 252/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-emerald-400{--tw-text-opacity:1;color:#34d399;color:rgb(52 211 153/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-purple-100{--tw-text-opacity:1;color:#f3e8ff;color:rgb(243 232 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-purple-200{--tw-text-opacity:1;color:#e9d5ff;color:rgb(233 213 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-red-100{--tw-text-opacity:1;color:#fee2e2;color:rgb(254 226 226/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-red-200{--tw-text-opacity:1;color:#fecaca;color:rgb(254 202 202/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white\/50{color:#ffffff80}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-90{opacity:.9}.group:hover .group-hover\:shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:shadow-purple-500\/20{--tw-shadow-color:#a855f733;--tw-shadow:var(--tw-shadow-colored)}.group:hover .group-hover\:shadow-red-500\/20{--tw-shadow-color:#ef444433;--tw-shadow:var(--tw-shadow-colored)}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:#f5f5f566;border-color:hsl(var(--muted)/.4)}.group.toaster .group-\[\.toaster\]\:border-border{border-color:#e5e5e5;border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:#f5f5f5;background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:#171717;background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:#fff;background-color:hsl(var(--background))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:#737373;color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:#fafafa;color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:#0a0a0a;color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:#ef44444d;border-color:hsl(var(--destructive)/.3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:#ef4444;background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:#fafafa;color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity:1;color:#fef2f2;color:rgb(254 242 242/var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color:#dc2626}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.aria-selected\:bg-accent\/50[aria-selected=true]{background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:#171717;color:hsl(var(--accent-foreground))}.aria-selected\:text-muted-foreground[aria-selected=true]{color:#737373;color:hsl(var(--muted-foreground))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end],.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x)}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:#fff;background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:#171717;background-color:hsl(var(--primary))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:#f5f5f5;background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:#e5e5e5;background-color:hsl(var(--input))}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:#737373;color:hsl(var(--muted-foreground))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:#171717;color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:#0a0a0a;color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:#fafafa;color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:#171717;color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:#737373;color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-duration:.15s;animation-name:exit}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:0.8}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:-13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:-13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{--tw-translate-y:-50%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{--tw-translate-x:0px;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:focus\:bg-accent:focus[data-state=open],.data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:border-destructive:is(.dark *){border-color:#ef4444;border-color:hsl(var(--destructive))}@media (min-width:640px){.sm\:relative{position:relative}.sm\:bottom-0{bottom:0}.sm\:left-4{left:1rem}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:mt-0{margin-top:0}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:h-10{height:2.5rem}.sm\:h-11{height:2.75rem}.sm\:h-4{height:1rem}.sm\:h-5{height:1.25rem}.sm\:w-10{width:2.5rem}.sm\:w-11{width:2.75rem}.sm\:w-4{width:1rem}.sm\:w-5{width:1.25rem}.sm\:w-80{width:20rem}.sm\:w-auto{width:auto}.sm\:max-w-\[200px\]{max-width:200px}.sm\:max-w-sm{max-width:24rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:gap-1\.5{gap:.375rem}.sm\:gap-2{gap:.5rem}.sm\:gap-2\.5{gap:.625rem}.sm\:gap-3{gap:.75rem}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.sm\:rounded-2xl{border-radius:1rem}.sm\:rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.sm\:p-10{padding:2.5rem}.sm\:p-3{padding:.75rem}.sm\:p-6{padding:1.5rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-3{padding-bottom:.75rem;padding-top:.75rem}.sm\:pb-4{padding-bottom:1rem}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y:100%}}@media (min-width:768px){.md\:absolute{position:absolute}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.\[\&\+div\]\:text-xs+div{font-size:.75rem;line-height:1rem}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:#f5f5f5;background-color:hsl(var(--accent))}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>span\]\:line-clamp-1>span{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\]\:size-4>svg{height:1rem;width:1rem}.\[\&\>svg\]\:h-3\.5>svg{height:.875rem}.\[\&\>svg\]\:w-3\.5>svg{width:.875rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:#ef4444;color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:#0a0a0a;color:hsl(var(--foreground))}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate:90deg}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div,.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-bottom:.375rem;padding-top:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:#737373;color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-bottom:.75rem;padding-top:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{height:1rem;width:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}#geni-fixed-root{backface-visibility:visible!important;-webkit-backface-visibility:visible!important;bottom:20px!important;contain:none!important;container-type:normal!important;filter:none!important;isolation:auto!important;perspective:none!important;position:fixed!important;right:20px!important;transform:none!important;-webkit-transform:none!important;will-change:auto!important;z-index:2147483647!important}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw!important;overflow-x:hidden!important}html{scroll-behavior:smooth}body{background:#0e1a35;direction:rtl;font-family:Cairo,Tajawal,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.App,body{overflow-x:hidden}.App{background:#0000;min-height:100vh;position:relative}.App div,.App h1,.App h2,.App h3,.App h4,.App h5,.App h6,.App label,.App li,.App p,.App span,.App td,.App th{color:#e8edf5;color:var(--text-primary,#e8edf5)}.App a{color:#667eea;color:var(--brand-primary,#667eea)}.App table,.App table thead th{border-color:#64b4ff1a;border-color:var(--border-subtle,#64b4ff1a)}.App table thead th{background:#16213e99;background:var(--bg-surface,#16213e99);color:#e8edf5;color:var(--text-primary,#e8edf5)}.App table tbody td{border-color:#64b4ff14;border-color:var(--border-subtle,#64b4ff14)}.App table tbody tr:hover{background:#0f34604d;background:var(--bg-elevated,#0f34604d)}.App input,.App select,.App textarea{background:#0f193299;border-color:#64b4ff26;border-color:var(--border-subtle,#64b4ff26);color:#e8edf5;color:var(--text-primary,#e8edf5)}.App input::placeholder,.App textarea::placeholder{color:#b4c8f080;color:var(--text-muted,#b4c8f080)}.App input:focus,.App select:focus,.App textarea:focus{border-color:#64b4ff66;border-color:var(--border-accent,#64b4ff66);box-shadow:0 0 0 3px #64b4ff1a}.App .modal-content,.App .modal-overlay .modal-content{background:linear-gradient(135deg,#0f1a33,#152244 50%,#0e1a35);border:1px solid #64b4ff26;border:1px solid var(--border-subtle,#64b4ff26);color:#e8edf5;color:var(--text-primary,#e8edf5)}.App ::-webkit-scrollbar-track{background:#0e1a3580}.App ::-webkit-scrollbar-thumb{background:#64b4ff33;border-radius:6px}.App ::-webkit-scrollbar-thumb:hover{background:#64b4ff59}.hero-section{align-items:center;background:#0000;display:flex;flex-direction:column;justify-content:flex-start;min-height:85vh;padding:2rem;position:relative;z-index:50}.hero-section:before{z-index:-2}.hero-section:after,.hero-section:before{background:#0000;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-section:after{pointer-events:none;z-index:-1}.student-main-container{animation:fadeInUp 1s ease-out .6s both;margin:2rem auto 1.5rem;max-width:100%;position:relative;width:100%;z-index:2}.student-main-wrapper{background:#0000;cursor:pointer;filter:drop-shadow(0 30px 60px rgba(0,0,0,.5)) drop-shadow(0 20px 40px rgba(100,200,255,.3)) drop-shadow(0 0 80px rgba(100,200,255,.2));overflow:visible;position:relative;transition:all .8s cubic-bezier(.34,1.56,.64,1);width:100%}.student-main-wrapper:hover{filter:drop-shadow(0 30px 60px rgba(0,0,0,.5)) drop-shadow(0 20px 40px rgba(255,255,255,.6)) drop-shadow(0 0 80px rgba(255,255,255,.8))}.student-main-image{display:block;filter:brightness(1.15) contrast(1.1) saturate(1.2);height:auto;transition:all .8s cubic-bezier(.34,1.56,.64,1);width:100%}.student-main-wrapper:hover .student-main-image{filter:brightness(1.2) contrast(1.1) saturate(1.2)}@keyframes studentMainFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(2deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(-15px) rotate(-2deg)}}@keyframes swayLeftRight{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-15px) rotate(-5deg)}50%{transform:translateX(0) rotate(0deg)}75%{transform:translateX(15px) rotate(5deg)}}@keyframes mainGlowPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.logo-container{animation:fadeInDown .8s ease-out;display:inline-block;margin-bottom:2.5rem;position:relative;z-index:60}.ministry-logo{background:#0000;display:block;filter:brightness(0) invert(1) drop-shadow(0 6px 20px rgba(255,255,255,.25)) drop-shadow(0 2px 8px rgba(0,0,0,.5));height:140px;margin:0 auto;object-fit:contain;opacity:1;transition:all .3s ease;width:auto}.ministry-logo:hover{filter:brightness(0) invert(1) drop-shadow(0 6px 12px rgba(255,255,255,.3));transform:scale(1.05) translateY(-2px)}.school-name{animation:fadeInDown .8s ease-out .1s both;color:#e0e0e0;font-family:IBM Plex Sans Arabic,Cairo,sans-serif;font-size:clamp(.9rem,2vw,1.2rem);font-weight:600;letter-spacing:.5px;margin-bottom:.3rem;text-align:center;text-shadow:0 0 15px #64c8ff4d,0 3px 10px #0006}.platform-title{animation:fadeInDown .8s ease-out .2s both;color:#fff;display:flex;flex-direction:column;font-family:Readex Pro,Tajawal,sans-serif;font-size:clamp(1.1rem,2.8vw,1.9rem);font-weight:700;gap:.8rem;letter-spacing:1px;margin-bottom:.5rem;text-align:center;text-shadow:0 0 25px #64c8ff80,0 4px 12px #0009}.platform-subtitle{-webkit-text-fill-color:#0000;animation:fieryGlow 3s ease-in-out infinite,gradientShift 4s ease-in-out infinite;background:linear-gradient(135deg,#c41e3a,#ff4500 25%,#ff6b00 50%,orange 75%,gold);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;border:none;border-radius:0;cursor:pointer;display:inline-block;filter:drop-shadow(0 0 15px rgba(255,69,0,.8)) drop-shadow(0 0 25px rgba(255,140,0,.6)) drop-shadow(0 0 35px rgba(255,165,0,.4));font-family:Readex Pro,Cairo,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-top:1rem;overflow:visible;padding:0;position:relative;text-shadow:none;transform-origin:center;transition:all .3s ease}.platform-subtitle:hover{animation:fieryGlow 1.5s ease-in-out infinite,gradientShift 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,69,0,1)) drop-shadow(0 0 35px rgba(255,140,0,.8)) drop-shadow(0 0 50px rgba(255,165,0,.6)) drop-shadow(0 0 70px rgba(255,215,0,.4));transform:scale(1.05)}.platform-subtitle:before{content:none}@keyframes fieryGlow{0%,to{filter:drop-shadow(0 0 15px rgba(255,69,0,.8)) drop-shadow(0 0 25px rgba(255,140,0,.6)) drop-shadow(0 0 35px rgba(255,165,0,.4))}50%{filter:drop-shadow(0 0 25px rgba(255,69,0,1)) drop-shadow(0 0 40px rgba(255,140,0,.8)) drop-shadow(0 0 55px rgba(255,165,0,.6))}}.platform-description{color:#ffffffd9;display:block;font-family:Cairo,Almarai,sans-serif;font-size:clamp(.75rem,1.5vw,1rem);font-weight:400;letter-spacing:.5px;line-height:1.4;margin-top:.5rem;text-shadow:0 1px 4px #0009}@keyframes subtitlePulse{0%,to{border-color:#64c8ff66;box-shadow:0 10px 40px #64c8ff4d,0 5px 20px #0006,inset 0 1px 2px #ffffff4d;transform:scale(1)}50%{border-color:#64c8ffcc;box-shadow:0 15px 60px #64c8ff99,0 8px 30px #00000080,0 0 80px #9ef8ff80,inset 0 2px 4px #ffffff80;transform:scale(1.12)}}@keyframes colorCycleSubtitle{0%{color:#fff;text-shadow:0 0 25px #fffc,0 3px 12px #0009,0 0 40px #fff9}50%{color:#ff69b4;text-shadow:0 0 25px #ff69b4cc,0 3px 12px #0009,0 0 40px #ff69b499}to{color:#fff;text-shadow:0 0 25px #fffc,0 3px 12px #0009,0 0 40px #fff9}}@keyframes waveMotion{0%,to{transform:translateY(0) skewX(0deg)}25%{transform:translateY(-8px) skewX(-2deg)}50%{transform:translateY(0) skewX(0deg)}75%{transform:translateY(-8px) skewX(2deg)}}@keyframes colorChange{0%{color:#fff;text-shadow:0 3px 10px #000000e6,0 0 20px #ffffffb3,0 0 30px #ffffff80}33%{color:gold;text-shadow:0 3px 10px #000000e6,0 0 20px #ffd700b3,0 0 30px #ffd70080}66%{color:#fff8dc;text-shadow:0 3px 10px #000000e6,0 0 20px #fff8dcb3,0 0 30px #fff8dc80}to{color:#fff;text-shadow:0 3px 10px #000000e6,0 0 20px #ffffffb3,0 0 30px #ffffff80}}.platform-image-container{animation:fadeInUp 1s ease-out .4s both;margin:1.5rem auto 1rem;max-width:400px;position:relative;width:100%;z-index:2}.center-image{animation:fadeInUp 1s ease-out .6s both}.image-wrapper{animation:iconFloat 7s ease-in-out infinite;background:#0000;cursor:pointer;filter:drop-shadow(0 25px 50px rgba(0,0,0,.4)) drop-shadow(0 15px 30px rgba(100,200,255,.2)) drop-shadow(0 0 60px rgba(100,200,255,.15));overflow:visible;position:relative;transition:all .7s cubic-bezier(.34,1.56,.64,1);width:100%}.image-wrapper:hover{animation-play-state:paused;filter:drop-shadow(0 35px 70px rgba(0,0,0,.5)) drop-shadow(0 20px 40px rgba(100,200,255,.4)) drop-shadow(0 0 100px rgba(100,200,255,.3));transform:translateY(-30px) scale(1.25)}.platform-image{display:block;filter:brightness(1.15) contrast(1.1) saturate(1.15);height:auto;transition:all .7s cubic-bezier(.34,1.56,.64,1);width:100%}.office-image{max-height:350px;object-fit:contain}.image-wrapper:hover .platform-image{filter:brightness(1.3) contrast(1.15) saturate(1.25);transform:scale(1.1) rotateY(8deg) rotate(-2deg)}.image-overlay{animation:overlayPulse 4s ease-in-out infinite;background:radial-gradient(ellipse at center,#64c8ff26 0,#9ef8ff14 40%,#0000 70%);bottom:-10%;left:-10%;opacity:.6;pointer-events:none;position:absolute;right:-10%;top:-10%;transition:all .5s ease}.image-wrapper:hover .image-overlay{animation:overlayPulse 2s ease-in-out infinite;background:radial-gradient(ellipse at center,#64c8ff66 0,#9ef8ff40 40%,#0000 70%);opacity:1}.image-glow{background:radial-gradient(circle at center,#64c8ff80 0,#9ef8ff4d 30%,#0000 60%);bottom:-40%;filter:blur(40px);left:-40%;opacity:0;pointer-events:none;position:absolute;right:-40%;top:-40%;transition:opacity .6s ease;z-index:-1}.image-wrapper:hover .image-glow{animation:glowPulse 2.5s ease-in-out infinite;opacity:1}@keyframes glowPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes overlayPulse{0%,to{opacity:.6}50%{opacity:.9}}.features-row{align-items:center;animation:fadeInUp 1s ease-out .8s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#16213eb3,#0f346099);border:1px solid #64c8ff33;border-radius:50px;box-shadow:0 15px 40px #0006,0 8px 20px #64c8ff33,inset 0 1px 2px #64c8ff4d;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin:1.5rem auto 0;max-width:1200px;padding:1.2rem 1.5rem;z-index:2}.feature-text{background:linear-gradient(135deg,#64c8ff26,#9ef8ff1a);border:1px solid #64c8ff40;border-radius:25px;color:#e0e0e0;cursor:pointer;font-size:clamp(.8rem,1.6vw,.95rem);font-weight:600;overflow:hidden;padding:.6rem 1.1rem;position:relative;text-shadow:0 2px 4px #0000004d;transition:all .4s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.feature-text:before{background:#64c8ff33;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;width:0}.feature-text:hover:before{height:300px;width:300px}.feature-text:hover{background:linear-gradient(135deg,#64c8ff,#9ef8ff,#64c8ff);border-color:#64c8ff99;box-shadow:0 10px 25px #64c8ff66,0 5px 15px #0000004d,0 0 30px #64c8ff4d;color:#0f3460;text-shadow:0 1px 3px #00000080;transform:translateY(-5px) scale(1.08)}.feature-link{display:inline-block}.feature-link,.feature-link:hover{text-decoration:none}.feature-divider{background:linear-gradient(180deg,#0000,#64c8ff80,#0000);box-shadow:0 0 8px #64c8ff4d;height:20px;width:1px}.bottom-section{animation:waveGradient 15s ease infinite;background:linear-gradient(135deg,#1a1a2e,#16213e 20%,#0f3460 40%,#1a4d6f 50%,#0f3460 60%,#16213e 80%,#1a1a2e);background-size:400% 400%;padding:3rem 2rem 4rem;position:relative;z-index:1}.tagline{align-items:center;animation:fadeInUp 1s ease-out 1s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#16213e99,#0f346080);border:1px solid #64c8ff33;border-radius:25px;box-shadow:0 10px 30px #0006,inset 0 1px 2px #64c8ff33;display:flex;gap:2rem;justify-content:center;margin:0 auto;max-width:900px;padding:1.2rem 2rem}.tagline p{color:#e0e0e0;font-family:IBM Plex Sans Arabic,Cairo,sans-serif;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:600;line-height:1.8;text-align:center;text-shadow:0 0 15px #64c8ff4d,0 2px 6px #00000080}.tagline-accent{background:linear-gradient(90deg,#0000,#64c8ff,#9ef8ff,#64c8ff,#0000);border-radius:2px;box-shadow:0 0 10px #64c8ff80;height:3px;width:60px}.green-btn{background:linear-gradient(135deg,#2e7d32,#4caf50 50%,#81c784);border:1px solid #4caf504d;color:#fff;overflow:hidden;position:relative;text-shadow:0 2px 4px #0006}.green-btn:before{animation:shine 3s infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.green-btn:hover{border-color:#4caf5099;box-shadow:0 12px 35px #4caf5080,0 6px 18px #0000004d,0 0 40px #4caf5066;transform:translateY(-5px) scale(1.03)}.english-tagline{animation:fadeInUp 1s ease-out .8s both;color:#fff;direction:ltr;font-family:Montserrat,sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;letter-spacing:1px;margin:1.2rem auto 1rem;padding:0;text-align:center;text-shadow:0 3px 10px #00000080,0 2px 5px #0000004d;white-space:nowrap;z-index:2}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f3460cc}.modal-content{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#16213ef2,#0f3460e6);border:1px solid #64c8ff4d;border-radius:25px;box-shadow:0 25px 70px #00000080,0 15px 35px #64c8ff33,inset 0 1px 2px #64c8ff4d;max-width:450px;padding:2.5rem;position:relative}.modal-close{align-items:center;background:#64c8ff26;border:1px solid #64c8ff4d;border-radius:50%;color:#e0e0e0;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;left:1rem;position:absolute;top:1rem;transition:all .3s ease;width:35px}.modal-close:hover{background:#64c8ff4d;box-shadow:0 0 20px #64c8ff80;color:#fff;transform:rotate(90deg)}.modal-title{color:#fff;font-family:Readex Pro,Cairo,sans-serif;font-size:1.7rem;font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:0 0 20px #64c8ff80,0 3px 8px #00000080}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:#e0e0e0;text-shadow:0 2px 4px #0000004d}.form-group input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#16213e80;border:1px solid #64c8ff4d;direction:rtl;font-family:IBM Plex Sans Arabic,Cairo,sans-serif;padding:1rem 1.2rem}.form-group input::placeholder{color:#e0e0e080}.form-group input:focus{background:#16213eb3;border-color:#64c8ff;box-shadow:0 0 20px #64c8ff4d,0 4px 12px #0000004d}.submit-btn{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;background:linear-gradient(135deg,#0f3460,#1a4d6f 50%,#64c8ff);border:1px solid #64c8ff4d;border-radius:12px;box-shadow:0 6px 20px #0000004d,0 3px 10px #64c8ff33;cursor:pointer;font-family:IBM Plex Sans Arabic,Cairo,sans-serif;font-size:1.05rem;font-weight:700;margin-top:1rem;overflow:hidden;padding:1.1rem;position:relative;text-shadow:0 2px 4px #0000004d;touch-action:manipulation;transition:all .4s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none}.submit-btn:before{background:#ffffff26;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.submit-btn:hover:not(:disabled):before{height:400px;width:400px}.submit-btn:hover:not(:disabled){border-color:#64c8ff99;box-shadow:0 10px 30px #64c8ff66,0 5px 15px #0000004d,0 0 40px #64c8ff4d;transform:translateY(-3px) scale(1.02)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes imageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes crownShake{0%,to{transform:translateX(50%) rotate(0deg)}10%,30%{transform:translateX(50%) rotate(-8deg)}20%,40%{transform:translateX(50%) rotate(8deg)}50%,60%,70%,80%,90%{transform:translateX(50%) rotate(0deg)}}@keyframes gentleShake{0%,to{transform:translateX(0) scale(1)}15%,5%{transform:translateX(-3px) scale(1.01)}10%,20%{transform:translateX(3px) scale(1.01)}25%,30%,35%,40%,45%,50%,55%,60%,65%,70%,75%,80%,85%,90%,95%{transform:translateX(0) scale(1)}}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-15px) rotate(3deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(-10px) rotate(-3deg)}}@keyframes iconPulse{0%,to{transform:translateY(-20px) scale(1.15) rotate(5deg)}50%{transform:translateY(-25px) scale(1.2) rotate(7deg)}}.educational-elements{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.edu-element{animation-duration:8s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;color:#0f3460b3;font-family:Arial,sans-serif;font-size:clamp(1.2rem,2.5vw,2rem);font-weight:600;position:absolute;text-shadow:0 0 15px #0f346080,0 2px 8px #00000080}.formula-1{animation-duration:7s;animation-name:eduFadeInOut1;left:8%;top:15%}.formula-2{animation-delay:-2s;animation-duration:8s;animation-name:eduFadeInOut2;right:10%;top:25%}.formula-3{animation-delay:-4s;animation-duration:9s;animation-name:eduFadeInOut3;left:5%;top:45%}.formula-4{animation-delay:-1s;animation-duration:7.5s;animation-name:eduFadeInOut1;right:8%;top:65%}.formula-5{animation-delay:-3s;animation-duration:8.5s;animation-name:eduFadeInOut2;left:12%;top:75%}.formula-6{animation-delay:-5s;animation-duration:8s;animation-name:eduFadeInOut3;right:15%;top:35%}.formula-7{animation-delay:-6s;animation-duration:7s;animation-name:eduFadeInOut1;left:18%;top:55%}.formula-8{animation-delay:-2.5s;animation-duration:9s;animation-name:eduFadeInOut2;right:20%;top:85%}.formula-9{animation-delay:-4.5s;animation-duration:8.5s;animation-name:eduFadeInOut3;left:85%;top:20%}.number-1{animation-delay:-1.5s;animation-duration:7.5s;animation-name:eduFadeInOut2;left:25%;top:30%}.number-2{animation-delay:-3.5s;animation-duration:8s;animation-name:eduFadeInOut1;right:25%;top:50%}.number-3{animation-delay:-5.5s;animation-duration:7s;animation-name:eduFadeInOut3;left:30%;top:70%}.number-4{animation-delay:-2s;animation-duration:8.5s;animation-name:eduFadeInOut2;right:30%;top:40%}.number-5{animation-delay:-4s;animation-duration:9s;animation-name:eduFadeInOut1;left:75%;top:60%}.number-6{animation-delay:-6s;animation-duration:7.5s;animation-name:eduFadeInOut3;right:35%;top:80%}.number-7{animation-delay:-3s;animation-duration:8s;animation-name:eduFadeInOut2;left:70%;top:10%}.icon-heart{animation-delay:-2s;animation-duration:9s;animation-name:eduFadeInOut3;right:18%;top:18%}.icon-cell{animation-delay:-4.5s;animation-duration:8.5s;animation-name:eduFadeInOut1;left:12%;top:48%}.icon-globe{animation-delay:-1.5s;animation-duration:8s;right:12%;top:72%}.icon-globe,.icon-heart-2{animation-name:eduFadeInOut2}.icon-heart-2{animation-delay:-5s;animation-duration:9s;left:22%;top:38%}.icon-cell-2{animation-delay:-3.5s;animation-duration:7.5s;animation-name:eduFadeInOut3;right:22%;top:62%}.icon-globe-2{animation-delay:-6s;animation-duration:8.5s;animation-name:eduFadeInOut1;left:80%;top:28%}.edu-element svg{display:block;filter:drop-shadow(0 0 10px rgba(100,200,255,.4))}@keyframes eduFadeInOut1{0%,to{opacity:0;transform:translateY(0) scale(.8)}10%{opacity:.7;transform:translateY(-20px) scale(1)}50%{opacity:.8;transform:translateY(-40px) scale(1.1)}90%{opacity:.7;transform:translateY(-60px) scale(1)}}@keyframes eduFadeInOut2{0%,to{opacity:0;transform:translateY(0) translateX(0) scale(.8)}15%{opacity:.6;transform:translateY(-30px) translateX(20px) scale(1)}50%{opacity:.8;transform:translateY(-50px) translateX(-10px) scale(1.15)}85%{opacity:.6;transform:translateY(-70px) translateX(15px) scale(1)}}@keyframes eduFadeInOut3{0%,to{opacity:0;transform:translateY(0) translateX(0) rotate(0deg) scale(.8)}20%{opacity:.7;transform:translateY(-25px) translateX(-15px) rotate(5deg) scale(1)}50%{opacity:.9;transform:translateY(-45px) translateX(10px) rotate(-5deg) scale(1.2)}80%{opacity:.7;transform:translateY(-65px) translateX(-20px) rotate(3deg) scale(1)}}@media (max-width:768px){.ministry-logo{height:60px}.student-main-container{margin:1.5rem auto 1rem;max-width:100%}.wave-text{gap:.05rem}.features-row{border-radius:35px;flex-direction:column;gap:.7rem;padding:1rem 1.2rem}.feature-text{font-size:clamp(.75rem,2vw,.9rem);padding:.5rem 1rem;width:100%}.feature-divider{background:linear-gradient(90deg,#0000,#64c8ff66,#0000);height:1px;width:60%}.tagline{flex-direction:column;gap:1rem;padding:1rem 1.5rem}.tagline-accent{height:2px;width:70px}.modal-content{padding:2rem}.modal-title{font-size:1.5rem}}.speech-bubble{animation:speechAppear 1.5s ease-out forwards,speechFloat 3s ease-in-out 1.5s infinite,speechFadeOut 1s ease-in 7s forwards;background:linear-gradient(135deg,#fff,#e3f2fd);border:3px solid #64c8ff99;border-radius:50%/60%;box-shadow:0 10px 40px #0000004d,0 0 30px #64c8ff66,inset 0 2px 10px #fffc;left:50%;max-width:350px;min-width:300px;opacity:0;padding:1.5rem 2rem;position:absolute;top:-120px;transform:translateX(-50%);z-index:10}.speech-text{color:#0d47a1;font-family:Cairo,Almarai,sans-serif;font-size:1.15rem;font-weight:700;line-height:1.7;text-align:center;text-shadow:0 2px 4px #fffc}.speech-pointer{border-left:20px solid #0000;border-right:20px solid #0000;border-top:40px solid #e3f2fd;bottom:-35px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.speech-pointer:before{border-left:22px solid #0000;border-right:22px solid #0000;border-top:43px solid #64c8ff99;content:"";height:0;left:-22px;position:absolute;top:-43px;width:0}@keyframes speechAppear{0%{opacity:0;transform:scale(.5) translateY(20px)}60%{opacity:1;transform:scale(1.05) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes speechFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes speechFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.8) translateY(-20px)}}.speech-bubble:before{animation:speechPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#64c8ff4d,#0f346033);border-radius:50%/60%;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px;z-index:-1}@keyframes speechPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.student-main-image{filter:drop-shadow(0 10px 30px rgba(100,200,255,.4));transition:all .3s ease}.student-main-image:hover{filter:drop-shadow(0 15px 40px rgba(100,200,255,.6));transform:scale(1.02)}@media (max-width:768px){.speech-bubble{min-width:220px;padding:1rem 1.5rem;right:-80px;top:-60px}.speech-text{.student-grade-info{display:flex;justify-content:center;margin-bottom:2rem;position:relative;z-index:2}.grade-badge{animation:badgePulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#64c8ff4d,#0f346080);border:2px solid #64c8ff80;border-radius:15px;box-shadow:0 4px 20px #64c8ff4d;color:#64c8ff;font-size:1.3rem;font-weight:700;padding:1rem 2rem;text-align:center}@keyframes badgePulse{0%,to{box-shadow:0 4px 20px #64c8ff4d}50%{box-shadow:0 6px 30px #64c8ff80}}.level-filters{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:2rem;position:relative;z-index:2}@media (max-width:1200px){.level-btn{font-size:.9rem;padding:.7rem 1.2rem}}@media (max-width:768px){.level-filters{gap:.5rem}.level-btn{font-size:.85rem;padding:.6rem 1rem}.grade-badge{font-size:1.1rem;padding:.8rem 1.5rem}}font-size:.95rem}.speech-pointer{height:20px;width:20px}}@media (max-width:480px){.speech-bubble{min-width:180px;padding:.8rem 1.2rem;right:-40px;top:-50px}.speech-text{font-size:.85rem}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(2deg)}66%{transform:translateY(-5px) rotate(-2deg)}}#genie-wrapper{bottom:20px;pointer-events:all}#genie-wrapper,#helper-btn{position:fixed;right:20px;z-index:9999}#helper-btn{borderRadius:50%;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);bottom:30px;box-shadow:0 8px 25px #667eea80;cursor:pointer;display:flex;font-size:1.8rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}#helper-btn:hover{box-shadow:0 12px 35px #667eeab3;transform:scale(1.1)}.why-riyada-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px) and (min-width:769px){.why-riyada-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.why-riyada-grid{gap:1.5rem;grid-template-columns:1fr}}}@keyframes smokeFlow1{0%{opacity:0;transform:translateX(-100%) translateY(0) scale(1)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateX(200%) translateY(-30px) scale(1.8)}}@keyframes smokeFlow2{0%{opacity:0;transform:translateX(-120%) translateY(10px) scale(.8)}15%{opacity:.6}85%{opacity:.6}to{opacity:0;transform:translateX(180%) translateY(-20px) scale(1.6)}}@keyframes smokeFlow3{0%{opacity:0;transform:translateX(-80%) translateY(-10px) scale(1.2)}12%{opacity:.8}88%{opacity:.8}to{opacity:0;transform:translateX(220%) translateY(20px) scale(2)}}@keyframes smokeFlow4{0%{opacity:0;transform:translateX(-150%) translateY(5px) scale(.9)}18%{opacity:.5}82%{opacity:.5}to{opacity:0;transform:translateX(190%) translateY(-15px) scale(1.7)}#nprogress .bar{background:linear-gradient(90deg,#00f0fff2,#ff8c00f2,#a05afff2);box-shadow:0 0 18px #00f0ff59;height:3px;z-index:9999}#nprogress .peg{box-shadow:0 0 12px #ff8c0059,0 0 8px #a05aff40}#nprogress .spinner{display:none!important}}@media (hover:hover) and (pointer:fine){.login-circle-btn:hover{border-color:#f5d4b0e6!important;box-shadow:0 25px 80px #d2691ecc,0 0 100px #f5d4b0e6,inset 0 -5px 30px #fff3!important;transform:scale(1.12) translateY(-8px)!important}}.login-circle-btn:active{opacity:.9;transform:scale(.95)!important}.login-circle-btn>*{pointer-events:none!important}.login-circle-btn,.modal-close,.modal-overlay,.submit-btn{-webkit-tap-highlight-color:rgba(0,0,0,.05);cursor:pointer}.login-circle-btn{touch-action:manipulation;-webkit-user-select:none;user-select:none}@media (display-mode:standalone){.login-circle-btn,.modal-close,.submit-btn{pointer-events:auto!important}.modal-overlay{-webkit-overflow-scrolling:touch;z-index:100000!important}.modal-content{z-index:100001!important}body{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}}.dashboard-container{background:#0000;color:#e8edf5;font-family:IBM Plex Sans Arabic,Cairo,sans-serif;min-height:100vh;overflow-x:hidden;padding:2rem;position:relative}.dashboard-container:before{background:#0000;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.dashboard-header{align-items:center;animation:slideDown .6s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#16213ecc,#0f3460b3);border:1px solid #64c8ff40;border-radius:20px;box-shadow:0 8px 25px #0006,0 4px 12px #64c8ff33,inset 0 1px 2px #64c8ff4d;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem;position:relative;z-index:1}.dashboard-header h1{color:#fff;font-family:Readex Pro,Cairo,sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;text-shadow:0 0 25px #64c8ff80,0 4px 12px #0009}.logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #fff3;border-radius:15px;box-shadow:0 6px 20px #0000004d,0 3px 10px #ef44444d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;overflow:hidden;padding:.9rem 1.8rem;position:relative;text-shadow:0 2px 4px #0000004d;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.logout-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.logout-btn:hover:before{height:300px;width:300px}.logout-btn:hover{box-shadow:0 10px 30px #ef444480,0 5px 15px #0006;transform:translateY(-3px) scale(1.05)}.welcome-card{animation:fadeInUp .8s ease-out .2s both;background:linear-gradient(135deg,#0f3460,#1a4d6f);border:1px solid #64c8ff4d;border-radius:25px;box-shadow:0 10px 35px #0f34604d,0 5px 18px #0f346033;color:#fff;margin-bottom:2rem;padding:2.5rem;position:relative;z-index:1}.welcome-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#9ef8ff 50%,#64c8ff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 20px rgba(100,200,255,.5));font-family:Readex Pro,Cairo,sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;margin-bottom:.5rem}.welcome-card p{color:#e0e0e0;font-size:1.1rem;opacity:.95;text-shadow:0 2px 4px #0000004d}.student-grade,.student-id{font-size:1rem;margin-top:.5rem;opacity:.9}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem;position:relative;z-index:1}.dashboard-card{animation:fadeInUp .8s ease-out both;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid #64c8ff1a;border-radius:24px;box-shadow:0 10px 40px #0000004d,0 5px 20px #0f346033;cursor:pointer;overflow:hidden;padding:3rem 2.5rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.dashboard-card h3{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:.5px;text-shadow:0 2px 6px #0000004d}.dashboard-card p{color:#ffffffd9;font-weight:500;text-shadow:0 1px 3px #0000004d}.dashboard-card .card-icon{filter:drop-shadow(0 8px 15px rgba(0,0,0,.3));font-size:3.5rem}.dashboard-card:before{background:radial-gradient(circle,#87cefa33 0,#b0c4de1a 50%,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.dashboard-card:hover:before{height:500px;width:500px}.dashboard-card:hover{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border-color:#87cefa80;box-shadow:0 25px 70px #87cefa66,0 10px 35px #b0c4de4d,0 0 50px #87cefa40}.dashboard-card:first-child:hover{transform:translateX(15px) translateY(-10px) scale(1.03) rotate(2deg)}.dashboard-card:nth-child(2):hover{transform:translateX(-15px) translateY(-10px) scale(1.03) rotate(-2deg)}.dashboard-card:nth-child(3):hover{transform:translateY(-20px) scale(1.03) rotate(1deg)}.dashboard-card:nth-child(4):hover{transform:translateY(10px) translateX(10px) scale(1.03) rotate(-1deg)}.dashboard-card:nth-child(5):hover{transform:translateX(-15px) translateY(-10px) scale(1.03) rotate(2deg)}.dashboard-card:nth-child(6):hover{transform:translateX(15px) translateY(-10px) scale(1.03) rotate(-2deg)}.dashboard-card:nth-child(7):hover{transform:translateY(-15px) scale(1.03) rotate(1.5deg)}.dashboard-card:nth-child(8):hover{transform:translateX(-10px) translateY(-10px) scale(1.03) rotate(-1.5deg)}.dashboard-card:nth-child(9):hover{transform:translateX(15px) translateY(-15px) scale(1.03) rotate(2deg)}.dashboard-card:nth-child(10):hover{transform:translateX(-15px) translateY(-10px) scale(1.03) rotate(-2deg)}.dashboard-card:nth-child(11):hover{transform:translateY(-20px) translateX(10px) scale(1.03) rotate(1deg)}.dashboard-card:nth-child(12):hover{transform:translateX(-10px) translateY(-15px) scale(1.03) rotate(-1deg)}.dashboard-card:hover .card-icon{animation:iconBounce .6s ease-in-out;transform:scale(1.2) translateY(-5px) rotate(5deg)}@keyframes iconBounce{0%,to{transform:scale(1.2) translateY(-5px) rotate(5deg)}50%{transform:scale(1.3) translateY(-10px) rotate(-5deg)}}.dashboard-card.highlight-card,.dashboard-card.special-card{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)!important;border:1px solid #64c8ff1a!important}.dashboard-card.highlight-card h3,.dashboard-card.highlight-card p,.dashboard-card.special-card h3,.dashboard-card.special-card p{color:#fff!important;text-shadow:0 2px 6px #0000004d!important}.dashboard-card.highlight-card:hover,.dashboard-card.special-card:hover{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)!important;border-color:#87cefa80!important;box-shadow:0 25px 70px #87cefa66,0 10px 35px #b0c4de4d,0 0 50px #87cefa40!important}.card-icon{font-size:3.5rem;margin-bottom:1.2rem}.dashboard-card h3{font-family:IBM Plex Sans Arabic,Cairo,sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:.8rem;transition:all .3s ease}.dashboard-card p{color:#e0e0e0;font-size:1rem;line-height:1.6;opacity:.9;text-shadow:0 2px 4px #0000004d}@media (max-width:768px){.dashboard-container{padding:.6rem}.dashboard-header{flex-direction:column;gap:.5rem;padding:.7rem .8rem;text-align:center}.dashboard-header h1{font-size:clamp(1rem,4.5vw,1.3rem)}.logout-btn{width:auto}.welcome-card{padding:.9rem 1rem}.dashboard-grid{gap:.55rem;grid-template-columns:repeat(2,1fr)}.dashboard-card{padding:.9rem .65rem}.card-icon{font-size:1.7rem;margin-bottom:.3rem}.dashboard-card h3{font-size:clamp(.72rem,2.8vw,.88rem)}.dashboard-card p{font-size:clamp(.62rem,2.3vw,.72rem)}.dashboard-card:hover,.dashboard-card:nth-child(n):hover{transform:none}}:root{--brand-primary:#667eea;--brand-secondary:#764ba2;--brand-success:#10b981;--brand-warning:#f59e0b;--brand-danger:#ef4444;--brand-dark:#0e1a35;--brand-light:#e8edf5;--brand-white:#fff;--bg-base:#0e1a35;--bg-surface:#16213e99;--bg-elevated:#0f346080;--bg-card:linear-gradient(135deg,#1a1a2ecc,#16213ecc 50%,#0f3460b3);--text-primary:#e8edf5;--text-secondary:#c8dcffcc;--text-muted:#b4c8f099;--border-subtle:#64b4ff1a;--border-accent:#64b4ff40;--glow-primary:#64b4ff26;--glow-accent:#87cefa4d;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-success:linear-gradient(135deg,#4facfe,#00f2fe);--font-arabic:"Almarai","Cairo",sans-serif;--font-english:"Inter","Roboto",sans-serif;--text-h1:2.5rem;--text-h2:2rem;--text-h3:1.5rem;--text-h4:1.25rem;--text-body:1rem;--text-small:0.875rem;--text-tiny:0.75rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-xxl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}.brand-title-h1{font-size:2.5rem;font-size:var(--text-h1);font-weight:700;line-height:1.2;margin:0}.brand-title-h2{font-size:2rem;font-size:var(--text-h2);font-weight:600;line-height:1.3;margin:0}.brand-title-h3{font-size:1.5rem;font-size:var(--text-h3);font-weight:600;line-height:1.4;margin:0}.brand-title-h4{font-size:1.25rem;font-size:var(--text-h4);font-weight:500;line-height:1.5;margin:0}.brand-text-body{font-size:1rem;font-size:var(--text-body);line-height:1.6}.brand-text-small{font-size:.875rem;font-size:var(--text-small);line-height:1.5}.brand-button{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--text-body);font-weight:600;gap:.5rem;gap:var(--space-sm);justify-content:center;padding:1rem 2rem;padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all .3s ease}.brand-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--brand-white)}.brand-button-primary:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.brand-button-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-secondary);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--brand-white)}.brand-button-secondary:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.brand-button-success{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-success);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--brand-white)}.brand-button-success:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.brand-card{background:#fff;background:var(--brand-white);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:2rem;padding:var(--space-xl);transition:all .3s ease}.brand-card:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.brand-card-header{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.brand-card-title{font-size:1.25rem;font-size:var(--text-h4);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.brand-card-description{color:#0e1a35;color:var(--brand-dark);font-size:.875rem;font-size:var(--text-small);opacity:.7}.brand-container{margin:0 auto;max-width:1400px;padding:0 2rem;padding:0 var(--space-xl)}.brand-section{padding:3rem 0;padding:var(--space-xxl) 0}[dir=rtl] .brand-text-body,[dir=rtl] .brand-title-h1,[dir=rtl] .brand-title-h2,[dir=rtl] .brand-title-h3,[dir=rtl] .brand-title-h4{font-family:Almarai,Cairo,sans-serif;font-family:var(--font-arabic)}[dir=ltr] .brand-text-body,[dir=ltr] .brand-title-h1,[dir=ltr] .brand-title-h2,[dir=ltr] .brand-title-h3,[dir=ltr] .brand-title-h4{font-family:Inter,Roboto,sans-serif;font-family:var(--font-english)}@media (max-width:768px){:root{--text-h1:2rem;--text-h2:1.5rem;--text-h3:1.25rem;--text-h4:1.125rem}.brand-container{padding:0 1rem;padding:0 var(--space-md)}}.smart-landing-wrapper{box-sizing:border-box;display:flex;justify-content:center;padding:3rem 1.5rem;width:100%}.smart-landing-wrapper.smart-rtl{direction:rtl;font-family:Tahoma,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:right}.smart-landing-wrapper.smart-ltr{direction:ltr;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:left}.smart-landing-container{max-width:1100px;width:100%}.smart-landing-heading{color:#111827;font-size:1.9rem;font-weight:800;line-height:1.5;margin-bottom:1.8rem;text-align:center}.smart-landing-panel{background:#fffffff5;border:1px solid #bfdbfecc;border-radius:24px;box-shadow:0 0 40px #3b82f633;overflow:hidden;padding:2rem 1.5rem;position:relative;width:100%}.smart-landing-panel:before{background:radial-gradient(circle at top,#60a5fa26,#0000 55%);content:"";inset:-40%;opacity:.9;pointer-events:none;position:absolute}.smart-landing-panel>*{position:relative;z-index:1}.smart-grid{grid-gap:1rem;display:grid;gap:1rem}.big-cards-grid{grid-gap:1.3rem;display:grid;gap:1.3rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-items:center;margin-bottom:1.8rem}.small-cards-grid{grid-gap:1.1rem;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));justify-items:center}.smart-card{background:#fff;border:1px solid #f8b581e6;border-radius:18px;box-shadow:0 14px 26px #f8717166;cursor:default;overflow:hidden;padding:1.3rem 1.4rem;position:relative;transition:transform .22s ease-out,box-shadow .22s ease-out,border-color .22s ease-out,background .22s ease-out}.smart-card:before{background:radial-gradient(circle at 20% 0,#fca5a580,#0000 55%),radial-gradient(circle at 80% 100%,#fb923c73,#0000 55%);content:"";inset:-20%;opacity:.9;pointer-events:none;position:absolute}.smart-card-content{align-items:center;display:flex;justify-content:center;min-height:100%;position:relative;text-align:center;z-index:1}.smart-card-label{color:#1d4ed8;display:block;font-size:1.05rem;font-weight:900;letter-spacing:.02em}.smart-card-big{max-width:340px;min-height:110px}.smart-card-small{max-width:230px;min-height:80px}.smart-card-big.tilt-left{transform:rotate(-2.2deg)}.smart-card-big.tilt-right{transform:rotate(2.2deg)}.smart-card-big.tilt-center{transform:rotate(.8deg)}.smart-card-small.tilt-slight-left{transform:rotate(-1.4deg)}.smart-card-small.tilt-slight-right{transform:rotate(1.4deg)}.smart-card:hover{background:#fff;border-color:#ef4444f2;box-shadow:0 22px 45px #f87171a6;transform:translateY(-8px) scale(1.05) rotate(0deg)}.smart-card:hover:before{background:radial-gradient(circle at 10% 0,#f87171bf,#0000 60%),radial-gradient(circle at 90% 100%,#fb923cbf,#0000 60%)}@media (max-width:768px){.smart-landing-heading{font-size:1.4rem}.smart-landing-panel{border-radius:18px;padding:1.5rem 1.1rem}.smart-card-big{min-height:95px}.smart-card-label{font-size:.95rem}}.login-circle-btn,.modal-close,.submit-btn,button[type=button],button[type=submit]{-webkit-tap-highlight-color:transparent;cursor:pointer;touch-action:manipulation}.modal-content,.modal-overlay{-webkit-overflow-scrolling:touch}.modal-content{transform:translateZ(0)}.login-form input,.login-form select{-webkit-text-size-adjust:100%;-webkit-appearance:none;appearance:none;border-radius:10px;font-size:16px!important}@media (display-mode:standalone){[data-testid=pwa-splash-screen]{animation:pwaForceFade 5s forwards!important}@keyframes pwaForceFade{0%,70%{opacity:1;pointer-events:auto}to{opacity:0;pointer-events:none}}}.ctrl-btn,.dashboard-card,.feature-text,.smart-card,.speech-bubble,[data-testid^=mini-speedo-],[data-testid^=speedo-]{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}img.lazy-img,img[loading=lazy]{content-visibility:auto}[data-testid^=mini-speedo-]>div:last-child>div:first-child{color:#e8ecf1!important;text-shadow:0 0 10px #ffffff1f,0 1px 4px #00000080!important}[data-testid^=mini-speedo-]>div:last-child>div:nth-child(2){-webkit-text-fill-color:#b4d2ffd9!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#b4d2ffd9!important}[data-testid^=mini-speedo-]>div:last-child>div:last-child span{color:#39ff14e6!important;text-shadow:0 0 6px #39ff1480!important}[data-testid^=mini-speedo-] svg text{fill:#fffffff2!important;font-weight:900!important}[data-testid^=mini-speedo-] svg line{opacity:.5!important}[data-testid^=mini-speedo-] .mini-aura{border-color:#a78bfa38!important}@media (max-width:768px){html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body,html{overflow-x:hidden!important}body{-webkit-overflow-scrolling:touch;max-width:100vw!important;min-width:0!important}*,:after,:before{-webkit-tap-highlight-color:transparent;box-sizing:border-box!important;max-width:100vw}#root,.App{max-width:100vw!important;min-width:0!important;overflow-x:hidden!important;width:100%!important}canvas,img,svg,video{height:auto}canvas,code,iframe,img,pre,svg,video{max-width:100%!important}code,pre{overflow-x:auto!important;white-space:pre-wrap!important;word-break:break-word!important}a,article,aside,button,div,footer,h1,h2,h3,h4,h5,h6,header,input,label,li,main,nav,p,section,select,span,td,textarea,th{hyphens:none!important;-webkit-hyphens:none!important;overflow-wrap:break-word;word-break:normal!important}[dir=rtl],[dir=rtl] *{line-break:normal!important;overflow-wrap:break-word;word-break:normal!important}h1{font-size:clamp(1.1rem,5vw,1.6rem)!important}h1,h2{line-height:1.4!important}h2{font-size:clamp(1rem,4vw,1.35rem)!important}h3{font-size:clamp(.88rem,3.5vw,1.1rem)!important}h3,h4{line-height:1.35!important}h4{font-size:clamp(.82rem,3vw,1rem)!important}label,li,p,span{font-size:clamp(.78rem,3vw,.95rem)!important;line-height:1.5!important}.text-sm,.text-xs,small{font-size:clamp(.68rem,2.5vw,.82rem)!important}[style*="white-space: nowrap"],[style*="whiteSpace: nowrap"]{white-space:normal!important}div[style*=max-width],div[style*=maxWidth],section[style*=max-width],section[style*=maxWidth]{max-width:100%!important;padding-left:.6rem!important;padding-right:.6rem!important;width:100%!important}div[style*="height: 100vh"],div[style*="height:100vh"],div[style*=max-height],div[style*=maxHeight]{height:auto!important;max-height:none!important;min-height:auto!important;overflow-y:visible!important}div[style*="overflow: hidden"],div[style*="overflow:hidden"]{overflow-x:hidden!important;overflow-y:visible!important}div[style*="display: flex"][style*="flex-direction: row"],div[style*="display: flex"][style*="flexDirection: 'row'"],div[style*="display:'flex'"][style*="flexDirection:'row'"]{flex-wrap:wrap!important}div[style*=grid-template-columns][style*=repeat]:not([data-testid=stats-section]),div[style*=gridTemplateColumns][style*=repeat]:not([data-testid=stats-section]){grid-template-columns:1fr!important}div[style*="position: fixed"],div[style*="position:fixed"]{max-width:100vw!important;overflow-x:hidden!important}div[style*="padding: 2"],div[style*="padding: 3"],div[style*="padding: 4"],div[style*="padding:2"],div[style*="padding:3"],div[style*="padding:4"]{padding:.6rem!important}table{border-collapse:collapse;display:block!important;max-width:100%!important;overflow:visible!important;width:100%!important}thead{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}tbody{width:100%!important}tbody,tr{display:block!important}tr{background:#ffffff0a!important;border:1px solid #ffffff1a!important;border-radius:14px!important;margin-bottom:1rem!important;overflow:hidden!important;padding:.75rem .85rem!important}td{align-items:baseline!important;border:none!important;border-bottom:1px solid #ffffff0f!important;display:flex!important;flex-direction:row!important;font-size:.84rem!important;gap:.4rem!important;line-height:1.5!important;min-height:auto!important;padding:.5rem .2rem!important;text-align:right!important;white-space:normal!important;width:100%!important;word-break:normal!important}td:last-child{border-bottom:none!important;padding-bottom:.2rem!important}td[data-label]:before{color:#fff9!important;content:attr(data-label) ": ";flex-shrink:0!important;font-size:.78rem!important;font-weight:700!important;white-space:nowrap!important}td[colspan]{justify-content:center!important;text-align:center!important}td[colspan]:before{display:none!important}td:last-child:has(button){border-bottom:none!important;border-top:1px solid #ffffff14!important;display:flex!important;flex-wrap:wrap!important;gap:.4rem!important;justify-content:flex-start!important;margin-top:.1rem!important;padding-top:.55rem!important}td:last-child:has(button):before{display:none!important}td:last-child:has(button) button{border-radius:8px!important;flex:0 1 auto!important;font-size:.76rem!important;min-height:34px!important;min-width:60px!important;padding:.35rem 1rem!important}.table-container,div:has(>table){max-width:100%!important;overflow-x:visible!important}table[style]{min-width:0!important;width:100%!important}[data-testid=logs-table] td:first-child,[data-testid=logs-table] td:nth-child(10),[data-testid=logs-table] td:nth-child(11),[data-testid=logs-table] td:nth-child(13),[data-testid=logs-table] td:nth-child(3),[data-testid=logs-table] td:nth-child(4),[data-testid=logs-table] td:nth-child(5),[data-testid=logs-table] td:nth-child(8),[data-testid=logs-table] td:nth-child(9){display:none!important}[data-testid=logs-table] td:nth-child(12),[data-testid=logs-table] td:nth-child(2),[data-testid=logs-table] td:nth-child(6),[data-testid=logs-table] td:nth-child(7){display:flex!important;padding:.5rem .2rem!important}[data-testid=login-logs-page]{min-height:auto!important;padding:12px!important}[data-testid=login-logs-page]>div{max-width:100%!important}[data-testid=login-logs-page]>div>div:first-child{align-items:stretch!important;flex-direction:column!important;gap:.6rem!important}[data-testid=login-logs-page] [data-testid=back-to-dashboard]{text-align:center!important;width:100%!important}[data-testid=login-logs-page] [data-testid=page-title]{font-size:1.15rem!important;text-align:center!important;width:100%!important}[data-testid=login-logs-page] .flex.items-center.gap-2{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:.4rem!important;width:100%!important}[data-testid=login-logs-page] .flex.items-center.gap-2 button{flex:1 1 auto!important;text-align:center!important}[data-testid=stats-section]{gap:8px!important;grid-template-columns:repeat(2,1fr)!important}[data-testid=filters-section]{display:flex!important;flex-direction:column!important;gap:.5rem!important;padding:12px!important}[data-testid=filters-section] input,[data-testid=filters-section] select{border-radius:10px!important;font-size:14px!important;min-width:0!important;padding:10px 14px!important;width:100%!important}[data-testid=filters-section] input[type=date]{-webkit-appearance:none!important;appearance:none!important;direction:rtl!important;font-family:Almarai,sans-serif!important;padding:10px 14px!important;text-align:right!important}[data-testid=clear-filters]{padding:10px!important;text-align:center!important;width:100%!important}[data-testid=login-logs-page] div:has(>[data-testid=logs-table]){border:none!important;border-radius:0!important;overflow-x:visible!important}[data-testid=login-logs-page] div[style*="justify-content: center"],[data-testid=login-logs-page] div[style*=justifyContent]{flex-wrap:wrap!important;gap:.3rem!important}[data-testid=login-logs-page] div[style*=justifyContent] button{font-size:.75rem!important;min-height:32px!important;padding:.35rem .7rem!important}input,textarea{font-size:16px!important;width:100%!important}input,select,textarea{box-sizing:border-box!important;max-width:100%!important}select{font-size:.82rem!important;padding:.35rem .5rem!important}form{max-width:100%!important;width:100%!important}button{border-radius:8px!important;font-size:.82rem!important;line-height:1.3!important;max-width:100%;min-height:38px!important;padding:.45rem .8rem!important;word-break:normal!important}button[style*="font-size: 1"],button[style*="fontSize: 1"],button[style*="padding: 1"],button[style*="padding:1"]{font-size:.85rem!important;padding:.5rem .9rem!important}td button{border-radius:6px!important;font-size:.72rem!important;min-height:30px!important;padding:.3rem .6rem!important;white-space:nowrap!important}div:has(>button+button){flex-wrap:wrap!important;gap:.35rem!important}div[style*="position: fixed"][style*="top: 0"]>div,div[style*="position: fixed"][style*=inset]>div,div[style*="position:fixed"][style*=inset]>div{border-radius:16px!important;margin:auto!important;max-height:92vh!important;max-width:95vw!important;overflow-y:auto!important}[data-testid=subadmin-back-btn]{font-size:.72rem!important;padding:6px 12px!important;position:fixed!important;right:8px!important;top:8px!important;z-index:9000!important}div:has(>[data-testid^=mini-speedo-]){align-items:center!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 6px #00000014!important;display:flex!important;flex-direction:row!important;gap:8px!important;justify-content:center!important;left:auto!important;margin:0!important;padding:10px 14px!important;pointer-events:auto!important;position:relative!important;right:auto!important;top:auto!important;width:100%!important;z-index:10!important}[data-testid^=mini-speedo-]{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-radius:14px!important;flex:0 1 auto!important;gap:8px!important;padding:6px 10px 6px 6px!important;transform:none!important}[data-testid^=mini-speedo-]>div:first-child{flex-shrink:0!important;height:48px!important;min-width:48px!important;width:48px!important}[data-testid^=mini-speedo-]>div:first-child svg{height:48px!important;width:48px!important}[data-testid^=mini-speedo-]>div:first-child svg text{font-size:14px!important}[data-testid^=mini-speedo-]>div:first-child .mini-aura{inset:-2px!important}[data-testid^=mini-speedo-]>div:last-child{min-width:0!important}[data-testid^=mini-speedo-]>div:last-child>div:first-child{color:#e2e8f0!important;font-size:.6rem!important;white-space:nowrap!important}[data-testid^=mini-speedo-]>div:last-child>div:nth-child(2){color:#b4d2ffb3!important;font-size:.38rem!important;letter-spacing:.8px!important}[data-testid^=mini-speedo-]>div:last-child>div:last-child span{color:#39ff14!important;font-size:.35rem!important}[data-testid=reports-sub-counter],[data-testid=reviews-sidebar-btn],[data-testid=reviews-sub-counter],[data-testid=total-sub-counter]{display:none!important}[data-testid^=mini-speedo-]{background:linear-gradient(145deg,#0f2847,#162d4e)!important;border:1px solid #4facfe2e!important;box-shadow:0 3px 12px #0f284759,inset 0 1px 0 #ffffff0d!important}div:has(>[data-testid^=mini-speedo-]){background:#e8ecf1!important}[data-testid^=mini-speedo-] .mini-live-dot{box-shadow:0 0 6px #39ff14,0 0 14px #39ff1480!important}[data-testid^=mini-speedo-]>div:first-child>div{border-color:#4facfe33!important;box-shadow:0 0 10px #4facfe1a,inset 0 1px 2px #ffffff0f!important}[data-testid^=mini-speedo-]>div:first-child svg text{fill:#fff!important}[data-testid^=mini-speedo-] svg circle,[data-testid^=mini-speedo-] svg path[stroke*="rgba(255,255,255"]{filter:brightness(1.3)!important}[data-testid^=mini-speedo-] svg circle[r="2"],[data-testid^=mini-speedo-] svg circle[r="3"]{filter:brightness(1.5) drop-shadow(0 0 4px currentColor)!important}[data-testid=hero-section] div[style*="flex-direction: column"][style*="align-items: center"]>span{color:#e2e8f0!important;text-shadow:0 0 10px #ffffff26,0 2px 4px #0009!important}[data-testid=hero-section] svg path[stroke="rgba(255,255,255,0.06)"]{stroke:#ffffff24!important}[data-testid=hero-section] svg line[stroke*="rgba(255,255,255,0.35)"]{stroke:#ffffff8c!important}[data-testid=hero-section] svg line[stroke*="rgba(255,255,255,0.12)"]{stroke:#ffffff40!important}[data-testid=reviews-glass-btn]{box-shadow:0 4px 20px #b40f4640,0 0 40px #ff6b9d1a!important}[data-testid=reviews-glass-btn] svg circle[stroke*="rgba(255,255,255"]{stroke:#ffffffb3!important}[data-testid=reviews-glass-btn] span{text-shadow:0 0 10px #ffffff4d,0 2px 6px #00000080!important}[data-testid=hero-section] div[style*="color: rgb(15, 29, 54)"], [data-testid=hero-section] div[style*="color: rgb(26, 39, 68)"], [data-testid=hero-section] span[style*="color: rgb(15, 29, 54)"], [data-testid=hero-section] span[style*="color: rgb(26, 39, 68)"]{color:#e2e8f0!important;text-shadow:0 1px 3px #0006!important}.dashboard-header span[style*="color: rgb(26, 39, 68)"], .welcome-card span[style*="color: rgb(26, 39, 68)"]{color:#e2e8f0!important}[style*="color: rgb(15, 29, 54)"], [style*="color: rgb(26, 39, 68)"]{color:#d4dce8!important;text-shadow:0 1px 2px #00000059!important}.hero-section{align-items:center!important;background-color:#0e1a35!important;display:flex!important;flex-direction:column!important;margin-top:-1px!important;min-height:auto!important;overflow:hidden!important;padding:8px .5rem .8rem!important}.hero-section h1{color:#e8edf5!important;font-size:clamp(1.5rem,5vw,2.2rem)!important;text-shadow:0 2px 8px #0006!important}.hero-section h1+p,.hero-section>p[style*=B8860B]{color:#d4a017!important;text-shadow:0 1px 6px #00000080,0 0 10px #d4a0174d!important}.hero-section h2[style*="color: rgb(26, 39, 68)"], .video-section-title, h2.video-section-title{color:#fff!important;text-shadow:0 2px 12px #00000080!important}.hero-section p[style*="color: rgb(44, 82, 130)"], .video-section-subtitle{color:#c8dcfff2!important;opacity:1!important;text-shadow:0 1px 6px #0006!important}.hero-section:after,.hero-section:before{bottom:0}.lang-container-wrapper{gap:4px!important;right:5px!important;top:5px!important;z-index:10000!important}.lang-btn{border-radius:14px!important;font-size:10px!important;gap:2px!important;min-width:68px!important;padding:3px 6px!important}.flag-image-beside,.qatar-flag-beside{display:none!important}.logo-container{margin-bottom:.15rem!important}.ministry-logo{height:36px!important}.school-name{font-size:.65rem!important;margin-bottom:.1rem}.platform-title{font-size:.78rem!important;gap:.3rem}.platform-subtitle{font-size:clamp(.9rem,3.8vw,1.3rem)!important;margin-top:.2rem}.platform-description{font-size:clamp(.55rem,2.2vw,.68rem)!important;line-height:1.3}.english-tagline{font-size:clamp(.7rem,2.8vw,.85rem)!important;margin:.3rem auto .2rem;white-space:normal!important;word-break:break-word!important}[data-testid=hero-section] h1{font-size:clamp(.85rem,3.5vw,1.1rem)!important;line-height:1.3!important;margin-bottom:.25rem!important;margin-top:.15rem!important;padding:0 .5rem!important}[data-testid=hero-section] h1,[data-testid=hero-section]>div>p,[data-testid=hero-section]>p{letter-spacing:normal!important;text-align:center!important;white-space:normal!important;word-break:break-word!important}[data-testid=hero-section]>div>p,[data-testid=hero-section]>p{font-size:clamp(.55rem,2vw,.7rem)!important;line-height:1.4!important;margin:0 auto .35rem!important;max-width:100%!important;overflow-wrap:break-word!important;padding:0 .6rem!important}[data-testid=hero-section] *{letter-spacing:normal!important}[data-testid=hero-section] h2{font-size:clamp(.9rem,3.3vw,1.15rem)!important;line-height:1.35!important;padding:0 .5rem!important}.platform-image-container{margin:.5rem auto .3rem;max-width:200px}.student-main-container{margin:.5rem auto .3rem}.image-wrapper,.student-main-wrapper{filter:drop-shadow(0 5px 12px rgba(0,0,0,.25))}.phone-3d,.student-main-image{height:auto!important;max-width:100%!important}img[alt="Virtual Twin Robot"]{height:220px!important;margin-bottom:-55px!important;width:220px!important}img[alt*="Smart Learning Path Gate"],img[alt*="بوابة مسار التعلم الذكي"]{height:auto!important;max-height:280px!important;max-width:55vw!important;width:auto!important}img[alt*="Distinguished Student"],img[alt*="طالب متميز"]{height:auto!important;max-height:180px!important;max-width:30vw!important;width:auto!important}[data-testid=home-page]>div>div:has(img[alt*="Smart Learning Path Gate"]),[data-testid=home-page]>div>div:has(img[alt*="بوابة مسار التعلم الذكي"]){margin-top:12px!important;padding:0 10px 24px!important}[data-testid=home-page]>div>div:has(img[alt*="Smart Learning Path Gate"]) h2,[data-testid=home-page]>div>div:has(img[alt*="بوابة مسار التعلم الذكي"]) h2{font-size:clamp(1.4rem,5.5vw,2.2rem)!important;margin-bottom:6px!important}[data-testid=home-page]>div>div:has(img[alt*="Smart Learning Path Gate"]) h3,[data-testid=home-page]>div>div:has(img[alt*="بوابة مسار التعلم الذكي"]) h3{font-size:clamp(.9rem,3.3vw,1.2rem)!important;margin-bottom:3px!important}[data-testid=home-page]>div>div:has(img[alt*="Smart Learning Path Gate"])>div:first-child,[data-testid=home-page]>div>div:has(img[alt*="بوابة مسار التعلم الذكي"])>div:first-child{padding:12px 8px!important}[data-testid=home-page]>div>div:has(img[alt*="Smart Learning Path Gate"])>div:nth-child(2),[data-testid=home-page]>div>div:has(img[alt*="بوابة مسار التعلم الذكي"])>div:nth-child(2){align-items:flex-end!important;flex-direction:row!important;justify-content:center!important;position:relative!important}.gate-student-container{bottom:5px!important;left:1%!important;margin-right:0!important;pointer-events:none!important;position:absolute!important;right:auto!important;top:auto!important;z-index:10!important}.gate-student-img{height:auto!important;max-height:300px!important;max-width:44vw!important;width:auto!important}[data-testid=home-page]>div>div:has(img[alt*="Smart Learning Path Gate"]) svg,[data-testid=home-page]>div>div:has(img[alt*="بوابة مسار التعلم الذكي"]) svg{height:45px!important;width:35px!important}[data-testid=promo-video-container]{border-radius:12px!important}.speech-bubble{font-size:.65rem;left:50%!important;max-width:180px!important;min-width:120px!important;padding:.35rem .5rem!important;top:-35px!important;transform:translateX(-50%)!important}.speech-text{font-size:.68rem!important;line-height:1.3}[data-testid=reviews-glass-btn]{margin-bottom:-12px!important;margin-top:-6px!important;max-width:90vw!important;transform:scale(.68)!important;transform-origin:center center!important}.features-row{border-radius:12px;flex-direction:column;gap:.35rem;margin:.5rem auto 0;max-width:90%;padding:.5rem .6rem}.feature-text{font-size:clamp(.65rem,2.4vw,.78rem)!important;padding:.3rem .5rem;text-align:center;white-space:normal!important;width:100%}.feature-divider{background:linear-gradient(90deg,#0000,#64c8ff40,#0000);height:1px;width:50%}[data-testid=live-broadcast-main-btn],[data-testid=platform-impact-btn]{border-radius:14px!important;max-width:350px!important;min-width:0!important;padding:16px 14px!important;width:calc(100vw - 28px)!important}[data-testid=live-broadcast-main-btn] h3,[data-testid=platform-impact-btn] h3{font-size:clamp(.9rem,3.3vw,1.1rem)!important;white-space:normal!important}[data-testid=live-broadcast-main-btn] p,[data-testid=platform-impact-btn] p{font-size:clamp(.75rem,2.7vw,.88rem)!important;white-space:normal!important}[data-testid=live-broadcast-main-btn]>div:first-child,[data-testid=platform-impact-btn]>div:first-child{height:48px!important;width:65px!important}[data-testid=platform-impact-btn]>div:first-child>div{width:8px!important}[data-testid=platform-impact-btn]>div:first-child>svg:first-of-type{height:14px!important;right:-2px!important;top:-2px!important;width:14px!important}[data-testid=platform-impact-btn]>div:first-child>svg:last-of-type{height:42px!important;width:60px!important}[data-testid=platform-impact-btn]>div:first-child{gap:3px!important}[data-testid=virtual-twin-btn]{border-radius:14px!important;max-width:330px!important;padding:60px 14px 16px!important;width:calc(100vw - 28px)!important}[data-testid=virtual-twin-btn] h3{font-size:clamp(.95rem,3.8vw,1.2rem)!important}[data-testid=virtual-twin-btn] p{font-size:clamp(.75rem,2.7vw,.88rem)!important;max-width:100%!important}div:has(>[data-testid=card-digital-teacher]){gap:.7rem!important;grid-template-columns:1fr!important;margin-top:-16px!important;padding:0 .6rem!important}[data-testid=card-challenges],[data-testid=card-digital-teacher],[data-testid=card-gap-analysis],[data-testid=card-virtual-classroom]{border-radius:14px!important;padding:1.6rem 1.2rem!important}[data-testid=card-challenges] h3,[data-testid=card-digital-teacher] h3,[data-testid=card-gap-analysis] h3,[data-testid=card-virtual-classroom] h3{font-size:clamp(1rem,3.8vw,1.2rem)!important}[data-testid=card-challenges]>div:first-child,[data-testid=card-digital-teacher]>div:first-child,[data-testid=card-gap-analysis]>div:first-child,[data-testid=card-virtual-classroom]>div:first-child{border-radius:13px!important;height:52px!important;margin-bottom:.8rem!important;width:52px!important}div:has(>[data-testid=card-skills-center]){gap:.7rem!important;grid-template-columns:1fr 1fr!important;margin-bottom:1.2rem!important;margin-top:.7rem!important;padding:0 .6rem!important}[data-testid=card-edu-channel],[data-testid=card-skills-center],[data-testid=card-smart-board],[data-testid=card-virtual-lab]{border-radius:13px!important;padding:1.2rem .8rem!important}[data-testid=card-edu-channel] h4,[data-testid=card-skills-center] h4,[data-testid=card-smart-board] h4,[data-testid=card-virtual-lab] h4{font-size:clamp(.8rem,2.8vw,.95rem)!important}[data-testid=card-edu-channel] p,[data-testid=card-skills-center] p,[data-testid=card-smart-board] p,[data-testid=card-virtual-lab] p{font-size:clamp(.7rem,2.4vw,.82rem)!important;line-height:1.4!important}[data-testid=card-edu-channel]>div:first-child,[data-testid=card-skills-center]>div:first-child,[data-testid=card-smart-board]>div:first-child,[data-testid=card-virtual-lab]>div:first-child{height:46px!important;margin-bottom:.7rem!important;width:46px!important}.edu-element,.educational-elements,.float-icon,.floating-icons{display:none!important}.bottom-section{padding:.8rem .5rem 1.2rem}.tagline{border-radius:10px;flex-direction:column;gap:.35rem;max-width:94%;padding:.35rem .5rem}.tagline p{font-size:clamp(.7rem,2.4vw,.82rem)!important;line-height:1.4}.tagline-accent{height:2px;width:28px}.video-section-title{color:#fff!important;text-shadow:0 2px 15px #0006!important}.video-section-subtitle{color:#93c5fde6!important}[data-testid=promo-video-container]~h2,div:has(>[data-testid=promo-video-container]) h2{font-family:Cairo,Tajawal,sans-serif!important;font-size:clamp(1rem,3.8vw,1.4rem)!important;letter-spacing:normal!important;line-height:1.4!important;margin-bottom:6px!important;padding:0 .7rem!important}div:has(>[data-testid=promo-video-container]) p{font-size:clamp(.75rem,2.4vw,.9rem)!important;letter-spacing:normal!important}div:has(>[data-testid=promo-video-container]){padding:16px 6px!important}div[style*=letterSpacing]{letter-spacing:normal!important}.why-riyada-grid~h2,div:has(>.why-riyada-grid) h2{font-size:clamp(1.2rem,4.5vw,1.7rem)!important;line-height:1.4!important;white-space:normal!important}[data-testid=home-page] h2[style*=white-space],h2[style*=whiteSpace]{font-size:clamp(1.2rem,4.5vw,1.7rem)!important;white-space:normal!important;word-break:break-word!important}.why-riyada-grid{gap:.6rem!important;grid-template-columns:1fr!important;margin-top:1rem!important}.why-riyada-grid>div{border-radius:12px!important;padding:1.2rem .9rem!important}.why-riyada-grid>div h3{font-size:clamp(.9rem,3.3vw,1.05rem)!important}.why-riyada-grid>div p{font-size:clamp(.75rem,2.7vw,.85rem)!important}.smart-landing-wrapper{padding:.8rem .5rem}.smart-landing-heading{font-size:clamp(.95rem,3.5vw,1.1rem)!important;margin-bottom:.7rem}.smart-landing-panel{border-radius:12px;padding:.6rem .4rem}.big-cards-grid{gap:.5rem;grid-template-columns:1fr!important;margin-bottom:.7rem}.small-cards-grid{gap:.5rem;grid-template-columns:1fr 1fr!important}.smart-card{border-radius:10px;padding:.6rem .7rem}.smart-card-big{max-width:100%!important;min-height:60px}.smart-card-small{max-width:100%!important;min-height:50px}.smart-card-label{font-size:clamp(.75rem,2.7vw,.85rem)!important}.smart-card-big.tilt-center,.smart-card-big.tilt-left,.smart-card-big.tilt-right,.smart-card-small.tilt-slight-left,.smart-card-small.tilt-slight-right{transform:none!important}.smart-card:hover{transform:translateY(-2px) scale(1.01)!important}[data-testid=home-page]>div:has([data-testid=admin-login-btn]){padding:2rem .8rem!important}[data-testid=home-page]>div:has([data-testid=admin-login-btn]) h2{font-size:clamp(1.1rem,4.2vw,1.5rem)!important;margin-bottom:1.2rem!important;white-space:normal!important;word-break:break-word!important}div:has(>[data-testid=admin-login-btn]){gap:1rem!important;justify-content:center!important;padding:0 .4rem!important}.login-circle-btn,[data-testid=admin-login-btn],[data-testid=student-login-btn],[data-testid=teacher-login-btn]{height:125px!important;width:125px!important}.login-circle-btn>div:first-child,[data-testid=admin-login-btn]>div:first-child,[data-testid=student-login-btn]>div:first-child,[data-testid=teacher-login-btn]>div:first-child{height:40px!important;margin-bottom:.45rem!important;width:40px!important}.login-circle-btn>div:first-child svg,[data-testid=admin-login-btn]>div:first-child svg,[data-testid=student-login-btn]>div:first-child svg,[data-testid=teacher-login-btn]>div:first-child svg{height:20px!important;width:20px!important}.login-circle-btn>span,[data-testid=admin-login-btn]>span,[data-testid=student-login-btn]>span,[data-testid=teacher-login-btn]>span{font-size:.75rem!important;line-height:1.2!important;padding:0 .25rem!important}.dashboard-container{max-width:100vw!important;min-width:0!important;overflow-x:hidden!important;padding:.6rem!important;width:100%!important}.dashboard-header{border-radius:14px!important;flex-direction:column!important;gap:.5rem!important;margin-bottom:.7rem!important;padding:.7rem .8rem!important;text-align:center!important}.dashboard-header h1{font-size:clamp(1rem,4.5vw,1.3rem)!important;white-space:normal!important;word-break:normal!important}.dashboard-header>div{display:flex!important;flex-wrap:wrap!important;gap:.4rem!important;justify-content:center!important;width:100%!important}.logout-btn{border-radius:10px!important;flex:1 1 auto!important;font-size:.8rem!important;min-width:0!important;padding:.5rem .7rem!important;white-space:nowrap!important;width:auto!important}.welcome-card{border-radius:14px!important;margin-bottom:.7rem!important;padding:.9rem 1rem!important}.welcome-card h2{font-size:clamp(.95rem,4vw,1.15rem)!important;white-space:normal!important}.welcome-card p{font-size:.82rem!important}.dashboard-grid{grid-gap:.55rem!important;display:grid!important;gap:.55rem!important;grid-template-columns:repeat(2,1fr)!important;margin-top:.7rem!important;max-width:100%!important;width:100%!important}.dashboard-card{align-items:center!important;border-radius:14px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;min-height:auto!important;min-width:0!important;overflow:hidden!important;padding:.9rem .65rem!important;text-align:center!important}.dashboard-card .card-icon{font-size:1.7rem!important;margin-bottom:.3rem!important}.dashboard-card h3{font-size:clamp(.72rem,2.8vw,.88rem)!important;line-height:1.3!important;margin-bottom:.15rem!important;overflow-wrap:anywhere!important;white-space:normal!important;word-break:normal!important}.dashboard-card p{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;font-size:clamp(.62rem,2.3vw,.72rem)!important;line-height:1.35!important;overflow:hidden!important;word-break:normal!important}.dashboard-card:hover,.dashboard-card:nth-child(n):hover{transform:none!important}.dashboard-card:active{transform:scale(.97)!important;transition:transform .1s ease!important}.dashboard-container>div,[data-testid=odometer-counters]{max-width:100%!important;overflow-x:hidden!important}.dashboard-container,.dashboard-container>div{height:auto!important;max-height:none!important;overflow-y:visible!important}.dashboard-container div[style*=borderBottom][style*=flex],div[role=tablist]{-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;gap:.25rem!important;overflow-x:auto!important;padding-bottom:.3rem!important}.dashboard-container div[style*=borderBottom] button,div[role=tablist] button{flex-shrink:0!important;font-size:.78rem!important;min-width:auto!important;padding:.4rem .55rem!important;white-space:nowrap!important}[data-testid=odometer-counters]>div{flex-wrap:wrap!important;gap:8px!important;justify-content:center!important;padding:2px 0!important}[data-testid^=speedo-]{margin-bottom:-24px;transform:scale(.65)!important;transform-origin:center top}.modal-overlay{align-items:flex-start;padding:5vh 8px 8px}.modal-content{border-radius:14px;max-width:100%!important;padding:1.1rem!important;width:100%!important}.modal-title{font-size:clamp(.95rem,3.5vw,1.1rem)!important}.form-group input{padding:.7rem .75rem}.form-group input,.submit-btn{border-radius:10px;font-size:1rem}.submit-btn{min-height:46px;padding:.75rem}[data-testid=password-modal-overlay]{padding:8px!important}[data-testid=password-modal]{border-radius:14px!important;max-width:100%!important;padding:16px!important;width:100%!important}[data-testid=active-users-modal-overlay]{padding:8px!important}[data-testid=active-users-modal]{border-radius:16px!important;max-height:70vh!important;max-width:100%!important;padding:14px!important;width:94%!important}[data-testid=broadcast-reports-page]{max-width:100%!important;padding:10px 6px!important}[data-testid=broadcast-reports-page] h1{font-size:clamp(.95rem,3.5vw,1.1rem)!important}[data-testid^=report-header-]{align-items:flex-start!important;flex-direction:column!important;gap:4px!important;padding:8px!important}[data-testid^=report-header-] h3{font-size:clamp(.8rem,2.8vw,.92rem)!important}[data-testid^=report-students-]{-webkit-overflow-scrolling:touch;overflow-x:auto!important;padding:5px 6px 8px!important}[data-testid^=report-students-] table{font-size:.65rem!important;min-width:460px!important}[data-testid^=export-pdf-]{font-size:.68rem!important;padding:5px 8px!important;white-space:nowrap!important}[data-testid=livekit-stream-page]{height:100dvh!important}[data-testid=livekit-stream-page] .rounded-3xl{margin:0 4px!important;padding:.7rem!important}.glass-header{padding-left:3px!important;padding-right:3px!important}.ctrl-btn{min-height:34px!important;min-width:34px!important;padding:5px!important}.glass-float,.glass-panel{border-radius:10px!important}.glass-float{padding:4px 7px!important}[data-testid=camera-sidebar]{width:60px!important}.video-stage{border-radius:8px}.stat-card{font-size:.62rem!important;padding:2px 6px!important}[data-testid=focus-mode-controls]{gap:2px!important;padding:4px 5px!important}[data-testid=chat-panel],[data-testid=participants-panel]{border-radius:0!important}@supports (-webkit-touch-callout:none){[data-testid=chat-panel] input,[data-testid=chat-panel] textarea{font-size:16px!important}}@media (max-width:768px){[data-testid=chat-panel],[data-testid=participants-panel]{border-radius:0!important}[data-testid=chat-panel] .p-3,[data-testid=participants-panel] .p-3{-webkit-overflow-scrolling:touch}[data-testid=control-bar]{position:relative;z-index:50!important}[data-testid=close-chat-btn],[data-testid=send-chat-btn]{min-height:44px!important;min-width:44px!important}}[data-testid=khalifa-welcome-screen]{padding:.5rem!important}[data-testid=khalifa-welcome-screen] h1{font-size:clamp(1rem,4.2vw,1.3rem)!important}[data-testid=khalifa-welcome-screen] h2{font-size:clamp(.85rem,3.3vw,1rem)!important}.notification-enter{max-width:calc(100vw - 16px)!important}[data-testid=student-activity-page],[data-testid=user-management-page]{padding:8px 4px!important}[data-testid=login-logs-page],[data-testid=platform-impact-page]{padding:10px 5px!important}[data-testid=subadmin-back-btn]{border-radius:8px!important;bottom:10px!important;font-size:.68rem!important;height:auto!important;left:10px!important;padding:4px 9px!important;right:auto!important;top:auto!important;width:auto!important}#geni-fixed-root,#genie-wrapper{bottom:8px!important;right:8px!important}#helper-btn{bottom:14px!important;font-size:1.1rem!important;height:42px!important;right:8px!important;width:42px!important}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}tbody,thead,tr{display:table;table-layout:fixed;width:100%}[role=button],a[href],button{min-height:34px}::-webkit-scrollbar{height:3px;width:3px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#64c8ff1a;border-radius:3px}.grade-badge{font-size:.85rem;padding:.4rem .8rem}.level-filters{flex-wrap:wrap!important;gap:.25rem;justify-content:center}.level-btn{font-size:.7rem!important;padding:.35rem .6rem!important}[data-testid=global-counters]{flex-wrap:wrap!important;gap:6px!important;justify-content:center!important}#nprogress .bar,.global-route-loader{height:2px}body:has([data-testid=pwa-install-banner]) .App{padding-bottom:220px}body:has([data-testid=pwa-install-banner]) #geni-fixed-root,body:has([data-testid=pwa-install-banner]) #genie-wrapper{bottom:230px!important}body:has([data-testid=pwa-install-banner]) #helper-btn{bottom:236px!important}body:has([data-testid=pwa-install-banner]) [data-testid=subadmin-back-btn]{bottom:232px!important}div[style*="minHeight: '100vh'"][style*=linear-gradient]{padding:.8rem .6rem!important}div[style*="max-width: 900px"],div[style*="maxWidth: '900px'"]{border-radius:16px!important;margin:0!important;max-width:100%!important;padding:1.3rem .9rem!important}div[style*="minHeight: '100vh'"]>button{font-size:.82rem!important;padding:.45rem .9rem!important;right:.7rem!important;top:.7rem!important}div[style*="width: '350px'"][style*=radial-gradient],div[style*="width: '400px'"][style*=radial-gradient]{height:180px!important;width:180px!important}div[style*="minHeight: '100vh'"] h3{flex-wrap:wrap!important;font-size:clamp(.9rem,3.3vw,1.1rem)!important;gap:.25rem!important}div[style*="minHeight: '100vh'"] h3 span{font-size:.75rem!important;padding:.18rem .5rem!important}div[style*="minHeight: '100vh'"] button[style*="border-radius: 50px"],div[style*="minHeight: '100vh'"] button[style*="borderRadius: '50px'"]{font-size:1rem!important;padding:.7rem 1.8rem!important}.internal-page-container{padding:.4rem!important}.internal-page-card{border-radius:13px!important;max-width:100%!important;padding:.9rem!important}.internal-page-title,.page-title{font-size:clamp(1rem,3.8vw,1.3rem)!important}.page-title{white-space:normal!important}.learning-style-card,.vark-card{border-radius:12px!important;min-height:auto!important;padding:.9rem!important}.smart-path-content{padding:.4rem!important}.smart-path-lesson{border-radius:13px!important;padding:.9rem!important}.gap-chart-container{-webkit-overflow-scrolling:touch;overflow-x:auto!important;width:100%!important}.book-container{max-width:100%!important;overflow:hidden!important}.book-page{font-size:.88rem!important;padding:.9rem!important}.learning-style-grid{gap:.5rem!important;grid-template-columns:1fr 1fr!important}.style-card{border-radius:12px!important;padding:.9rem .7rem!important}.style-card h3{font-size:.88rem!important}.style-card p{font-size:.75rem!important}.action-grid,.icon-grid,.role-grid{gap:.7rem!important;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important}[style*="white-space: nowrap"],[style*="whiteSpace: 'nowrap'"]{overflow-wrap:anywhere!important;white-space:normal!important}[style*=min-width],[style*=minWidth]{min-width:0!important}[style*="position: absolute"],[style*="position:absolute"]{max-width:100vw}a,button,div,h1,h2,h3,h4,h5,h6,label,li,p,span,td,th{overflow-wrap:break-word;word-break:normal!important}div[style*="max-width: 1"],div[style*="max-width: 8"],div[style*="max-width: 9"],div[style*="maxWidth: '1"],div[style*="maxWidth: '8"],div[style*="maxWidth: '9"]{max-width:100%!important;padding-left:6px!important;padding-right:6px!important}[data-testid=home-page]>div[style*=padding]{padding-left:.8rem!important;padding-right:.8rem!important}}@media (max-width:480px){.platform-subtitle{font-size:clamp(.85rem,3.8vw,1.2rem)!important}.english-tagline{font-size:clamp(.65rem,2.8vw,.8rem)!important}.ministry-logo{height:34px!important}.features-row{padding:.35rem .4rem}.feature-text{font-size:.62rem!important;padding:.25rem .4rem}[data-testid=hero-section] h1{font-size:clamp(.78rem,3.2vw,1rem)!important}[data-testid^=mini-speedo-]>div:first-child{height:40px!important;min-width:40px!important;width:40px!important}[data-testid^=mini-speedo-]>div:first-child svg{height:40px!important;width:40px!important}[data-testid^=mini-speedo-]>div:first-child svg text{font-size:12px!important}[data-testid^=mini-speedo-]>div:last-child>div:first-child{font-size:.52rem!important}[data-testid^=mini-speedo-]{gap:4px!important;padding:3px 5px 3px 3px!important}div:has(>[data-testid^=mini-speedo-]){gap:4px!important;padding:6px 8px!important}.dashboard-grid{gap:.45rem!important;grid-template-columns:1fr!important}.dashboard-card{padding:.85rem .7rem!important}.dashboard-card .card-icon{font-size:1.5rem!important}.dashboard-card h3{font-size:.82rem!important}.dashboard-card p{-webkit-line-clamp:2;font-size:.68rem!important}.small-cards-grid{grid-template-columns:1fr!important}[data-testid=odometer-counters]>div{gap:5px!important}[data-testid^=speedo-]{margin-bottom:-30px;transform:scale(.55)!important}[data-testid^=report-header-]{padding:6px 4px!important}[data-testid^=report-header-] h3{font-size:.78rem!important}.ctrl-btn{-webkit-tap-highlight-color:transparent;min-height:36px!important;min-width:36px!important;padding:4px!important;touch-action:manipulation}.stat-card{font-size:.58rem!important;padding:2px 4px!important}img[alt="Virtual Twin Robot"]{height:180px!important;margin-bottom:-45px!important;width:180px!important}[data-testid=virtual-twin-btn]{padding:55px 12px 14px!important}[data-testid=virtual-twin-btn] h3{font-size:1rem!important}[data-testid=virtual-twin-btn] p{font-size:.75rem!important}img[alt*="Smart Learning Path Gate"],img[alt*="بوابة مسار التعلم الذكي"]{max-height:200px!important;max-width:60vw!important}img[alt*="Distinguished Student"],img[alt*="طالب متميز"]{max-height:160px!important;max-width:22vw!important}[data-testid=live-broadcast-main-btn],[data-testid=platform-impact-btn]{padding:12px 10px!important}[data-testid=live-broadcast-main-btn] h3,[data-testid=platform-impact-btn] h3{font-size:.88rem!important}[data-testid=live-broadcast-main-btn] p,[data-testid=platform-impact-btn] p{font-size:.72rem!important}[data-testid=reviews-glass-btn]{transform:scale(.62)!important}.login-circle-btn,[data-testid=admin-login-btn],[data-testid=student-login-btn],[data-testid=teacher-login-btn]{height:105px!important;width:105px!important}.login-circle-btn>div:first-child,[data-testid=admin-login-btn]>div:first-child,[data-testid=student-login-btn]>div:first-child,[data-testid=teacher-login-btn]>div:first-child{height:34px!important;margin-bottom:.3rem!important;width:34px!important}.login-circle-btn>span,[data-testid=admin-login-btn]>span,[data-testid=student-login-btn]>span,[data-testid=teacher-login-btn]>span{font-size:.68rem!important}div:has(>[data-testid=admin-login-btn]){gap:.7rem!important}div:has(>[data-testid=card-skills-center]){gap:.5rem!important;grid-template-columns:1fr!important}[data-testid=card-edu-channel] h4,[data-testid=card-skills-center] h4,[data-testid=card-smart-board] h4,[data-testid=card-virtual-lab] h4{font-size:.82rem!important}[data-testid=home-page]>div>div:has(img[alt*="بوابة مسار التعلم الذكي"]) h2{font-size:clamp(1.2rem,5vw,1.8rem)!important}div[style*="max-width: 900px"],div[style*="maxWidth: '900px'"]{border-radius:14px!important;padding:1rem .7rem!important}.learning-style-grid{grid-template-columns:1fr!important}div:has(>img[alt=Chatbot]){bottom:12px!important;height:auto!important;max-height:520px!important;max-width:360px!important;right:12px!important;width:calc(100vw - 24px)!important}div:has(>img[alt=Chatbot])>img[alt=Chatbot]{max-height:200px!important}div:has(>img[alt=Chatbot])>div:not(:has(button)){gap:8px!important;height:auto!important;max-height:260px!important;max-width:300px!important;padding:12px!important;width:calc(100% - 24px)!important}div:has(>img[alt=Chatbot])>div:has(button){gap:8px!important;top:-42px!important}div:has(>img[alt=Chatbot])>div:has(button)>button{font-size:.85rem!important;height:48px!important;width:48px!important}.internal-page .internal-header{align-items:stretch!important;flex-direction:column!important;gap:8px!important;padding:12px!important}.internal-page .internal-header h1{font-size:1.1rem!important;text-align:center!important}.internal-page .internal-header>button[style*="position: absolute"],.internal-page .internal-header>button[style*="position:absolute"]{font-size:.82rem!important;justify-content:center!important;left:auto!important;padding:8px 14px!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important}.internal-page>div[style*="background: linear-gradient(135deg, #ff9800"]{border-radius:10px!important;margin-bottom:1rem!important;padding:1rem!important}.internal-page>div[style*="background: linear-gradient(135deg, #ff9800"]>div{font-size:.88rem!important;line-height:1.6!important}.internal-page>div[style*="background: linear-gradient(135deg, #ff9800"]>div>span{font-size:.92rem!important;padding:.2rem .5rem!important}.internal-page>div[style*="background: linear-gradient(135deg, #667eea"]{margin-bottom:1rem!important;padding:1rem!important}.internal-page>div[style*="background: linear-gradient(135deg, #667eea"]>div{flex-direction:column!important;gap:.4rem!important}.internal-page>div[style*="background: linear-gradient(135deg, #667eea"] div[style*=fontSize]{font-size:.85rem!important}.internal-page>div[style*="display: flex"][style*="justify-content: center"][style*=border-bottom],.internal-page>div[style*="display: flex"][style*="justifyContent: center"][style*=borderBottom]{-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;gap:0!important;justify-content:flex-start!important;margin-bottom:1rem!important;overflow-x:auto!important;padding-bottom:0!important;scrollbar-width:none!important}.internal-page>div[style*="display: flex"][style*="justify-content: center"][style*=border-bottom]::-webkit-scrollbar,.internal-page>div[style*="display: flex"][style*="justifyContent: center"][style*=borderBottom]::-webkit-scrollbar{display:none}.internal-page>div[style*="display: flex"][style*="justify-content: center"][style*=border-bottom]>button,.internal-page>div[style*="display: flex"][style*="justifyContent: center"][style*=borderBottom]>button{flex-shrink:0!important;font-size:.78rem!important;padding:.6rem .8rem!important;white-space:nowrap!important}.internal-page div[style*="max-width: 600px"],.internal-page div[style*="max-width: 700px"],.internal-page div[style*="max-width: 800px"],.internal-page div[style*="maxWidth: '600px'"],.internal-page div[style*="maxWidth: '700px'"],.internal-page div[style*="maxWidth: '800px'"]{max-width:100%!important;padding:1rem!important}.internal-page div[style*=grid-template-columns],.internal-page div[style*=gridTemplateColumns]{gap:.8rem!important;grid-template-columns:1fr!important}.internal-page div[style*="display: flex"][style*="gap: '2rem'"],.internal-page div[style*="display: flex"][style*="gap: 2rem"]{flex-direction:column!important;gap:1rem!important}.internal-page .recharts-responsive-container,.internal-page canvas,.internal-page div[style*="width: 400"],.internal-page div[style*="width: 500"],.internal-page div[style*="width: 600"],.internal-page svg{max-width:100%!important;width:100%!important}.internal-page div[style*=borderRadius][style*="padding: '2rem'"],.internal-page div[style*=borderRadius][style*="padding: 2rem"]{padding:1rem!important}.internal-page button[style*="padding: '1rem 2rem'"],.internal-page button[style*="padding: '1rem 3rem'"],.internal-page button[style*="padding: 1rem 2rem"],.internal-page button[style*="padding: 1rem 3rem"]{font-size:.85rem!important;padding:.7rem 1.2rem!important;width:100%!important}.internal-page input[style*=fontSize],.internal-page select[style*=fontSize],.internal-page textarea[style*=fontSize]{-webkit-appearance:none!important;font-size:16px!important}.internal-page div[style*="background: linear-gradient"][style*=borderRadius][style*="padding: '1.5rem'"],.internal-page div[style*="background: linear-gradient"][style*=borderRadius][style*="padding: 1.5rem"]{padding:.8rem!important}.internal-page table{-webkit-overflow-scrolling:touch!important;display:block!important;overflow-x:auto!important;white-space:nowrap!important}.internal-page table td,.internal-page table th{font-size:.78rem!important;padding:6px 8px!important}.internal-page div[style*="border-left: 4px solid"],.internal-page div[style*="borderLeft: '4px solid'"]{margin-bottom:.5rem!important;padding:.8rem!important}.internal-page div[style*="border-left: 4px solid"] h4,.internal-page div[style*="borderLeft: '4px solid'"] h4{font-size:.9rem!important}.internal-page .internal-content{max-width:100vw!important;overflow-x:hidden!important;width:100%!important}.internal-page .internal-content>*{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important}.internal-page .internal-content div[style*=max-width],.internal-page .internal-content div[style*=maxWidth]{margin:0!important;max-width:100%!important;padding:.8rem!important;width:100%!important}.internal-page .internal-content label[style*="display: flex"][style*=align-items],.internal-page .internal-content label[style*="display: flex"][style*=alignItems]{box-sizing:border-box!important;flex-direction:row!important;padding:.8rem!important;width:100%!important}.internal-page .internal-content label[style*="display: flex"] input[type=checkbox],.internal-page .internal-content label[style*="display: flex"] input[type=radio]{flex-shrink:0!important;height:18px!important;margin:0 8px!important;width:18px!important}.internal-page .internal-content label[style*="display: flex"]>div{flex:1 1!important;min-width:0!important}.internal-page .internal-content label[style*="display: flex"]>div>div:first-child{font-size:.9rem!important}.internal-page .internal-content label[style*="display: flex"]>div>div:last-child{font-size:.78rem!important;line-height:1.5!important}.internal-page .sources-grid{gap:.6rem!important;grid-template-columns:1fr 1fr!important}.internal-page .source-option{font-size:.8rem!important;padding:.6rem!important}.internal-page .internal-content div[style*="background: linear-gradient"]{border-radius:10px!important;box-sizing:border-box!important;margin-bottom:1rem!important;max-width:100%!important;padding:1rem!important;width:100%!important}.internal-page .internal-content div[style*="background: linear-gradient"] h2,.internal-page .internal-content div[style*="background: linear-gradient"] h3{font-size:1rem!important;margin-bottom:.6rem!important}.internal-page .internal-content div[style*="background: linear-gradient"] div[style*=line-height],.internal-page .internal-content div[style*="background: linear-gradient"] div[style*=lineHeight],.internal-page .internal-content div[style*="background: linear-gradient"] p{font-size:.85rem!important;line-height:1.7!important}.internal-page .internal-content a[style*="background: linear-gradient"]{border-radius:10px!important;box-sizing:border-box!important;max-width:100%!important;padding:.8rem 1rem!important;width:100%!important}.internal-page .internal-content a[style*="background: linear-gradient"] div[style*="font-size: 1.8rem"],.internal-page .internal-content a[style*="background: linear-gradient"] div[style*="fontSize: '1.8rem'"]{font-size:1rem!important}.internal-page .internal-content a[style*="background: linear-gradient"] div[style*="position: 'absolute'"],.internal-page .internal-content a[style*="background: linear-gradient"] div[style*="position:absolute"]{font-size:.65rem!important;padding:.2rem .5rem!important;right:5px!important;top:5px!important}.internal-page .internal-content input[type=text],.internal-page .internal-content select,.internal-page .internal-content textarea{-webkit-appearance:none!important;box-sizing:border-box!important;font-size:16px!important;max-width:100%!important;padding:.8rem!important;width:100%!important}.internal-page .internal-content button{box-sizing:border-box!important;max-width:100%!important}.internal-page .internal-content div[style*="display: flex"][style*=gap]{flex-wrap:wrap!important}.internal-page .internal-content div[style*="position: fixed"]{padding:.5rem!important}.internal-page .internal-content div[style*="position: fixed"]>div{border-radius:12px!important;max-height:95vh!important;max-width:100%!important}.internal-page .internal-content div[style*="position: fixed"] h2{font-size:1rem!important}.internal-page .internal-content div[style*="position: fixed"] button{font-size:.85rem!important;padding:.7rem!important}.internal-page .internal-content div[style*="background: rgba(255, 255, 255, 0.05)"]{box-sizing:border-box!important;max-width:100%!important;padding:.8rem!important;width:100%!important}.internal-page .internal-content div[style*="text-align: center"] h2,.internal-page .internal-content div[style*="textAlign: 'center'"] h2{font-size:1.1rem!important}.internal-page .internal-content ul{padding-left:.5rem!important;padding-right:1rem!important}.internal-page .internal-content ul li{font-size:.85rem!important;line-height:1.8!important;margin-bottom:.4rem!important}.internal-page .internal-content div[style*="white-space: pre-wrap"],.internal-page .internal-content div[style*="whiteSpace: 'pre-wrap'"],.internal-page .internal-content p[style*="white-space: pre-wrap"],.internal-page .internal-content p[style*="whiteSpace: 'pre-wrap'"]{font-size:.85rem!important;overflow-wrap:break-word!important;word-break:break-word!important}.internal-page .internal-content div[style*="display: flex"][style*="flex-wrap: wrap"],.internal-page .internal-content div[style*="display: flex"][style*="flexWrap: 'wrap'"]{gap:.4rem!important}.internal-page .internal-content div[style*="display: flex"][style*="flex-wrap: wrap"] label,.internal-page .internal-content div[style*="display: flex"][style*="flexWrap: 'wrap'"] label{font-size:.82rem!important;padding:.5rem .7rem!important}}@media (max-width:768px){.computer-3d{font-size:5rem!important}.query-card{padding:1rem!important}.skill-btn{font-size:.95rem!important;padding:.8rem 1rem!important;position:relative!important;z-index:5!important}.computer-center-container{padding:1rem .5rem!important}.virtual-computer .computer-screen{border-radius:10px!important}.computer-screen .screen-content{font-size:.9rem!important;padding:.8rem!important}.leaderboard-table{display:table!important;max-width:none!important;min-width:600px!important}.leaderboard-table td,.leaderboard-table th{max-width:none!important;white-space:nowrap!important}.leaderboard-table tr{display:table-row!important}.leaderboard-table thead{display:table-header-group!important}.leaderboard-table tbody{display:table-row-group!important}}.back-btn,.back-btn-enhanced,.brand-button,.interactive-book-btn,.level-btn,[role=button],a.btn,button,input[type=button],input[type=submit]{-webkit-tap-highlight-color:transparent;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,filter .3s ease!important}.brand-button:hover,[role=button]:hover:not(:disabled),button:hover:not(:disabled):not([data-no-enhance]),input[type=button]:hover:not(:disabled),input[type=submit]:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px) scale(1.03)}.brand-button:active,[role=button]:active:not(:disabled),button:active:not(:disabled):not([data-no-enhance]),input[type=button]:active:not(:disabled),input[type=submit]:active:not(:disabled){transform:translateY(1px) scale(.97)!important;transition-duration:.1s!important}[role=button][aria-disabled=true],button:disabled,input[type=submit]:disabled{cursor:not-allowed;filter:grayscale(.3);opacity:.55}.dashboard-container button:not(.back-btn):not([data-no-enhance]),.internal-page button:not(.back-btn):not([data-no-enhance]){overflow:hidden;position:relative}.dashboard-container button:not(.back-btn):not([data-no-enhance]):after,.internal-page button:not(.back-btn):not([data-no-enhance]):after{background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:60%;z-index:1}.dashboard-container button:not(.back-btn):not([data-no-enhance]):hover:after,.internal-page button:not(.back-btn):not([data-no-enhance]):hover:after{left:120%}.level-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.level-btn:hover{box-shadow:0 8px 25px #64c8ff4d,0 0 15px #64c8ff26,inset 0 1px 1px #ffffff1a!important}.level-btn.active{box-shadow:0 8px 25px #64c8ff66,0 0 30px #64c8ff33,inset 0 1px 2px #ffffff26!important}.back-btn-enhanced:hover{box-shadow:0 6px 20px #667eea80,0 0 12px #667eea33!important}.back-btn-enhanced:active{transform:translateY(1px) scale(.97)!important}[role=button] svg,a svg,button svg{transition:transform .3s ease,filter .3s ease}[role=button]:hover:not(:disabled) svg,button:hover:not(:disabled) svg{filter:drop-shadow(0 0 3px currentColor);transform:scale(1.08)}button[style*="border-radius: 50%"] svg,button[style*="borderRadius: '50%'"] svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.brand-card,.dashboard-card,[class*=card]{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease!important}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{transition:border-color .3s ease,box-shadow .3s ease!important}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#647eea80!important;box-shadow:0 0 0 2px #647eea40,0 0 15px #647eea1a!important;outline:none}.modal-content,[data-testid*=modal],[role=dialog]{animation:premiumModalIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes premiumModalIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.badge-pulse,[data-testid*=badge]{animation:premiumPulse 2s ease-in-out infinite}@keyframes premiumPulse{0%,to{box-shadow:0 0 0 0 #64c8ff4d}50%{box-shadow:0 0 0 6px #64c8ff00}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0e1a3566;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#647eea80,#764ba280);border-radius:4px;-webkit-transition:background .3s;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#647eeacc,#764ba2cc)}a:not([class]):hover{text-shadow:0 0 8px currentColor}tr{transition:background .2s ease}tbody tr:hover{background:#64c8ff0a!important}::selection{background:#647eea59;color:#fff}input[type=checkbox],input[type=radio]{cursor:pointer;transition:box-shadow .2s ease}input[type=checkbox]:checked,input[type=radio]:checked{box-shadow:0 0 8px #647eea66}.back-btn,.brand-button,.brand-card,.level-btn,[role=button],button{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}@media (prefers-reduced-motion:reduce){.back-btn,.brand-button,.brand-card,.level-btn,[role=button],button,input,select,svg,textarea,tr{animation-duration:.01ms!important;transition-duration:.01ms!important}}.global-smart-bar{background:linear-gradient(135deg,#0f3460f2,#071e3cf2);border-bottom:2px solid #ffd7004d;overflow:hidden;padding:.5rem 0;position:relative;z-index:100}.smart-bar-content{align-items:center;display:flex;gap:1.5rem;max-width:100%}.country-flags{display:flex;flex-shrink:0;gap:.5rem;padding:0 1rem}.country-flag{align-items:center;background:#ffffff1a;border:2px solid #ffd70033;border-radius:50%;cursor:pointer;display:inline-flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.country-flag:hover{background:#ffd70033;border-color:#ffd70080;transform:scale(1.15)}.moving-text-container{flex:1 1;height:30px;overflow:hidden;position:relative}.moving-text{align-items:center;animation:scrollText 60s linear infinite;display:inline-flex;gap:2rem;white-space:nowrap}@keyframes scrollText{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.text-arabic{color:#fff;font-family:Almarai,Cairo,sans-serif;font-size:.95rem}.text-arabic,.text-english{font-weight:500;text-shadow:0 2px 4px #0000004d}.text-english{color:gold;font-family:Roboto,Arial,sans-serif;font-size:.9rem;font-style:italic}.text-separator{color:#64c8ff;font-size:1.2rem;margin:0 1rem}@media (max-width:768px){.country-flags{gap:.3rem;padding:0 .5rem}.country-flag{font-size:1.2rem;height:28px;width:28px}.text-arabic,.text-english{font-size:.85rem}}.lang-container-wrapper{align-items:center;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:16px;left:auto;position:absolute;right:20px;top:20px;z-index:9999}.lang-container{position:relative}.lang-btn{align-items:center;background:linear-gradient(135deg,#0a3d62,#1e90ff);border-radius:25px;box-shadow:0 4px 18px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;justify-content:center;min-width:130px;padding:8px 14px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.lang-btn:hover{background:linear-gradient(135deg,#ff9800,#ff5722);box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.lang-btn:active{transform:translateY(0)}.current-lang-text{font-weight:500}.arrow{font-size:10px;transition:transform .3s ease}.lang-menu{animation:slideDown .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a1428f2;border-radius:12px;box-shadow:0 10px 25px #0006;margin-top:8px;overflow:hidden}.lang-option{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 18px;transition:all .2s ease}.lang-option:hover{background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;transform:translateX(5px)}.lang-option.active{background:#1e90ff4d;font-weight:600}.lang-option.active:after{content:"✓";font-weight:700;margin-left:auto}@media (max-width:768px){.lang-btn{font-size:13px;min-width:110px;padding:6px 12px}.lang-option{font-size:13px;padding:8px 15px}}[dir=rtl] .lang-container-wrapper{left:auto;right:20px}[dir=rtl] .lang-option:hover{transform:translateX(-5px)}.lang-btn:focus{outline:2px solid #fff;outline-offset:2px}.lang-option:focus{outline:2px solid #ff9800;outline-offset:-2px}.qatar-flag-beside{align-items:center;display:flex;justify-content:center}.flag-image-beside{animation:flag-wave 4s ease-in-out infinite;filter:drop-shadow(0 10px 25px rgba(139,0,0,.6));height:auto;transform-origin:left center;transition:all .4s ease;width:160px}.flag-image-beside:hover{animation-play-state:paused;filter:drop-shadow(0 12px 35px rgba(139,0,0,.8));transform:scale(1.1)}@keyframes flag-wave{0%,to{transform:translateY(0) rotate(0deg) translateX(0)}25%{transform:translateY(-6px) rotate(2deg) translateX(3px)}50%{transform:translateY(0) rotate(0deg) translateX(0)}75%{transform:translateY(-6px) rotate(-2deg) translateX(-3px)}}@media (max-width:768px){.lang-container-wrapper{gap:10px;right:15px;top:15px}.flag-image-beside{width:100px}}@keyframes exitScanLine{0%{top:-2px}50%{top:100%}to{top:-2px}}@keyframes exitRingSpin{0%{transform:rotate(0deg);transform-origin:center}to{transform:rotate(1turn);transform-origin:center}}.exit-scan-line{animation:exitScanLine 4s linear infinite;background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1.5px;position:absolute;width:100%}.exit-ring-spin{animation:exitRingSpin 8s linear infinite}@media (max-width:768px){[data-testid=exit-app-btn-lang]{display:none!important}}.qatar-flag-container{cursor:pointer;height:auto;left:auto;position:absolute;right:175px;top:20px;transition:all .3s ease;width:90px;z-index:9999}.ministry-logo-container{animation:none}.qatar-flag-img{background:#0000;border:2.5px solid #ffffff80;border-radius:10px;box-shadow:0 4px 18px #0000004d;display:block;height:auto;transition:all .3s ease;width:100%}.qatar-flag-container:hover{transform:translateY(-3px) scale(1.05)}.qatar-flag-container:hover .qatar-flag-img{border-color:#ffffffb3;box-shadow:0 6px 24px #00000080}@keyframes flagFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:768px){.qatar-flag-container{right:140px;top:15px;width:55px}}@media (max-width:480px){.qatar-flag-container{right:130px;width:50px}}[dir=rtl] .qatar-flag-container{left:auto;right:175px}[dir=rtl] @media(max-width: 768px){.qatar-flag-container{right:140px}}.qatar-flag-below-container{cursor:pointer;height:auto;left:auto;position:absolute;right:20px;top:68px;transition:all .3s ease;width:110px;z-index:9999}.qatar-flag-below-img{background:#0000;border:none;border-radius:0;box-shadow:none;display:block;height:auto;transition:all .3s ease;width:100%}.qatar-flag-below-container:hover{transform:translateY(-2px) scale(1.03)}.qatar-flag-below-container:hover .qatar-flag-below-img{box-shadow:none}@media (max-width:768px){.qatar-flag-below-container{right:15px;top:58px;width:85px}}@media (max-width:480px){.qatar-flag-below-container{right:15px;width:75px}}[dir=rtl] .qatar-flag-below-container{left:auto;right:20px}[dir=rtl] @media(max-width: 768px){.qatar-flag-below-container{right:15px}}.platform-video-player{height:100%;overflow:hidden;position:relative;user-select:none!important;-webkit-user-select:none!important;width:100%}.platform-video-player iframe{height:100%;pointer-events:auto;width:100%}.platform-video-player:after{border-radius:0 0 12px 0;bottom:0;height:85px;width:200px;z-index:9995}.platform-video-player:after,.platform-video-player:before{background:#000;content:"";pointer-events:none;position:absolute;right:0}.platform-video-player:before{border-radius:0 12px 0 0;height:60px;top:0;width:100px;z-index:9994}.custom-youtube-player{aspect-ratio:16/9;background:#000;border-radius:12px;cursor:pointer;height:auto;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.custom-youtube-player .youtube-iframe{height:100%;left:0;position:absolute;top:0;width:100%}.custom-youtube-player.fullscreen{border-radius:0;height:100vh!important;left:0;position:fixed;top:0;width:100vw!important;z-index:99999}.youtube-iframe{pointer-events:none}.youtube-iframe,.youtube-iframe iframe{height:100%;left:0;position:absolute;top:0;width:100%}.youtube-iframe iframe{border:none;display:block}.subtitle-overlay{bottom:90px;left:50%;max-width:90%;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);z-index:20}.subtitle-text{animation:subtitleMagicEnter .5s cubic-bezier(.34,1.56,.64,1) forwards,subtitleGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#000000e0,#141428e6);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #0006,0 0 20px #6496ff26;color:#fff;display:inline-block;font-family:Cairo,Tajawal,Arial,sans-serif;font-size:1.3em;font-weight:700;line-height:1.5;padding:6px 14px;text-align:center}@keyframes subtitleMagicEnter{0%{opacity:0;transform:scale(.5) translateY(30px) rotateX(-20deg)}to{opacity:1;transform:scale(1) translateY(0) rotateX(0)}}@keyframes subtitleGlow{0%,to{box-shadow:0 4px 15px #0006,0 0 20px #6496ff26}50%{box-shadow:0 4px 20px #00000080,0 0 30px #6496ff4d}}.progress-bar-always-visible{bottom:60px;left:0;opacity:1;padding:0 1rem;position:absolute;right:0;transition:opacity .3s ease;z-index:15}.custom-youtube-player:hover .progress-bar-always-visible{opacity:1}.progress-bar-blocker{background:#0000;border:none;cursor:default;pointer-events:auto;top:0;z-index:20}.custom-controls,.progress-bar-blocker{bottom:0;left:0;position:absolute;right:0}.custom-controls{background:linear-gradient(0deg,#000000e6,#0000);opacity:0;padding:1rem;transition:opacity .3s ease;z-index:10}.custom-controls.visible{opacity:1}.progress-bar-container{background:#fff3;border-radius:4px;cursor:pointer;height:8px;margin-bottom:1rem;position:relative;width:100%}.progress-bar-container:hover{height:10px}.progress-bar-bg{overflow:hidden;width:100%}.progress-bar-bg,.progress-bar-fill{border-radius:4px;height:100%;position:relative}.progress-bar-fill{background:linear-gradient(90deg,#c41e3a,#ff4500,orange);transition:width .1s linear}.progress-bar-fill:after{background:#fff;border-radius:50%;box-shadow:0 0 8px #ffffff80;content:"";height:12px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px}.controls-bottom{align-items:center;display:flex;gap:1rem;justify-content:space-between}.controls-left,.controls-right{align-items:center;display:flex;gap:.5rem}.control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.control-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.control-btn:active:not(:disabled){transform:scale(.95)}.time-display{color:#fff;font-size:.9rem;font-weight:500;padding:0 .5rem;text-shadow:0 2px 4px #000c;white-space:nowrap}.volume-slider{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 0 4px #00000080;cursor:pointer;height:14px;width:14px}.volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 0 4px #00000080;cursor:pointer;height:14px;width:14px}.volume-slider:disabled{cursor:not-allowed;opacity:.3}.loading-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.loading-spinner{animation:pulse 1.5s ease-in-out infinite;color:#fff;font-size:1.2rem}@media (max-width:768px){.custom-youtube-player{aspect-ratio:16/9;height:auto}.control-btn{font-size:1rem;height:35px;width:35px}.volume-slider{width:60px}.time-display{font-size:.8rem}}.custom-youtube-player iframe{pointer-events:none}.custom-youtube-player{-webkit-user-select:none;user-select:none}.internal-page{background:linear-gradient(135deg,#0a0e27,#16213e 50%,#1a1a2e);font-family:IBM Plex Sans Arabic,Cairo,sans-serif;min-height:100vh;overflow-x:hidden;padding:2rem;position:relative}.internal-page:before{background:radial-gradient(circle,#64c8ff26 0,#0000 70%);height:500px;right:15%;top:10%;width:500px}.internal-page:after,.internal-page:before{border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:0}.internal-page:after{background:radial-gradient(circle,#ffd7001f 0,#0000 70%);bottom:15%;height:400px;left:10%;width:400px}.page-header{align-items:center;animation:slideDown .6s ease-out;gap:1rem;justify-content:space-between;margin-bottom:2rem}.level-filters,.page-header{display:flex;flex-wrap:wrap;position:relative;z-index:2}.level-filters{animation:fadeInUp .8s ease-out .3s both;gap:1.5rem;justify-content:center;margin-bottom:2.5rem}.level-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#16213eb3,#0f346099);border:1px solid #64c8ff33;border-radius:20px;color:#e0e0e0;cursor:pointer;font-size:1.05rem;font-weight:600;overflow:hidden;padding:1rem 2.5rem;position:relative;text-shadow:0 2px 4px #0000004d;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.level-btn:before{background:radial-gradient(circle,#64c8ff4d 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;width:0}.level-btn:hover:before{height:400px;width:400px}.level-btn:hover{border-color:#64c8ff80;box-shadow:0 8px 25px #64c8ff4d;transform:translateY(-3px) scale(1.05)}.level-btn.active{background:linear-gradient(135deg,#0f3460,#1a4d6f 50%,#64c8ff);border-color:#64c8ff99;box-shadow:0 8px 25px #64c8ff66,0 0 40px #64c8ff4d;color:#fff;transform:translateY(-3px) scale(1.08)}.level-btn.active:after{content:"✓";font-size:1.2rem;margin-right:.5rem}.back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#16213ecc,#0f3460b3);border:1px solid #64c8ff4d;border-radius:15px;color:#e0e0e0;cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem 1.8rem;text-shadow:0 2px 4px #0000004d;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.back-btn:hover{background:linear-gradient(135deg,#0f3460e6,#16213ecc);border-color:#64c8ff80;box-shadow:0 8px 25px #64c8ff4d;transform:translateX(5px)}.back-btn-enhanced{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:700;gap:8px;margin-bottom:1rem;padding:1rem 2rem;text-shadow:0 2px 4px #0003;transition:all .3s ease}.back-btn-enhanced:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.header-top{display:flex;justify-content:flex-start;width:100%}.header-main{gap:1rem;justify-content:space-between;width:100%}.header-actions,.header-main{align-items:center;display:flex;flex-wrap:wrap}.header-actions{gap:10px}.interactive-book-btn{background:linear-gradient(135deg,#28a745,#20c997)}.interactive-book-btn:hover{background:linear-gradient(135deg,#20c997,#28a745);box-shadow:0 6px 20px #28a74580;transform:translateY(-2px)}.page-title{align-items:center;color:#fff;display:flex;flex:1 1;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;gap:1rem;justify-content:center;text-shadow:0 0 30px #64c8ff99,0 5px 15px #000000b3}.title-icon{filter:drop-shadow(0 0 20px rgba(100,200,255,.5));font-size:2.5rem}.add-btn{background:linear-gradient(135deg,#0f3460,#1a4d6f 50%,#64c8ff);border:1px solid #64c8ff4d;border-radius:15px;box-shadow:0 6px 20px #0000004d,0 3px 10px #64c8ff33;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;overflow:hidden;padding:.9rem 1.8rem;position:relative;text-shadow:0 2px 4px #0000004d;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.add-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.add-btn:hover:before{height:400px;width:400px}.add-btn:hover{box-shadow:0 12px 35px #64c8ff66,0 6px 18px #0000004d;transform:translateY(-3px) scale(1.05)}.content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));position:relative;z-index:2}.content-card{animation:fadeInUp .8s ease-out both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 8px 32px #0000004d;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.content-card:before{background:radial-gradient(circle,#64c8ff26 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.content-card:hover:before{height:500px;width:500px}.content-card:hover{background:#ffffff1f;border-color:#ffd7004d;box-shadow:0 12px 40px #0006;transform:translateY(-5px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.card-icon{filter:drop-shadow(0 4px 8px rgba(100,200,255,.3));font-size:3rem;transition:all .4s ease}.content-card:hover .card-icon{filter:drop-shadow(0 8px 15px rgba(100,200,255,.6));transform:scale(1.2) translateY(-5px)}.badge{background:linear-gradient(135deg,#64c8ff33,#9ef8ff26);border:1px solid #64c8ff4d;border-radius:20px;color:#9ef8ff;font-size:.85rem;font-weight:600;padding:.4rem 1rem;text-shadow:0 2px 4px #0000004d}.content-card h3{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 15px #64c8ff66,0 2px 6px #0006;transition:color .3s ease}.content-card:hover h3{color:#64c8ff}.card-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.card-meta span{color:#e0e0e0;font-size:.9rem;opacity:.9;text-shadow:0 2px 4px #0000004d}.difficulty{border-radius:15px;font-size:.85rem;font-weight:600;padding:.3rem .8rem}.difficulty.سهل{background:#4ade8033;border:1px solid #4ade804d;color:#4ade80}.difficulty.متوسط{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.difficulty.صعب{background:#f8717133;border:1px solid #f871714d;color:#f87171}.card-actions{display:flex;gap:.8rem;margin-top:1.5rem}.action-btn{border:none;border-radius:12px;flex:1 1;font-weight:600;overflow:hidden;padding:.7rem 1rem;position:relative;text-shadow:0 1px 3px #0000004d}.action-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.action-btn:hover:before{height:200px;width:200px}.edit-btn{background:linear-gradient(135deg,#0f3460,#1a4d6f);border:1px solid #64c8ff4d;color:#fff}.edit-btn:hover{box-shadow:0 6px 20px #64c8ff66;transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#dc2626,#ef4444);border:1px solid #ff64644d;color:#fff}.delete-btn:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.view-btn{background:linear-gradient(135deg,#059669,#10b981);border:1px solid #10b9814d;color:#fff}.view-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}@keyframes waveGradient{0%,to{background-position:0 50%}25%{background-position:50% 25%}50%{background-position:100% 50%}75%{background-position:50% 75%}}@keyframes waveMovement{0%,to{transform:translateX(0) translateY(0) scale(1)}33%{transform:translateX(30px) translateY(-20px) scale(1.1)}66%{transform:translateX(-30px) translateY(20px) scale(.9)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column}.page-title{font-size:1.5rem;justify-content:center}.add-btn,.back-btn{width:100%}.content-grid{gap:1.5rem;grid-template-columns:1fr}.card-actions{flex-direction:column}}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .4s ease;background:linear-gradient(135deg,#16213e,#0f3460);border:2px solid #64c8ff4d;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 40px #64c8ff33;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.modal-header{border-bottom:2px solid #64c8ff33;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 0 10px #64c8ff80}.close-btn{background:#ff646433;border:2px solid #ff646466;color:#ff6464;padding:0}.close-btn:hover{background:#ff646466;border-color:#ff646499}.upload-type-selector{display:flex;gap:1rem;margin-bottom:2rem}.type-btn{align-items:center;background:#64c8ff1a;border:2px solid #64c8ff4d;border-radius:12px;color:#64c8ff;display:flex;flex:1 1;font-size:1rem;gap:.5rem;justify-content:center;padding:1rem}.type-btn:hover{background:#64c8ff33;border-color:#64c8ff80}.type-btn.active{background:#64c8ff4d;border-color:#64c8ff99;box-shadow:0 0 20px #64c8ff4d}.video-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:#64c8ff;font-size:1rem}.form-group input,.form-group select{background:#ffffff1a;border:2px solid #64c8ff4d;border-radius:10px;color:#fff;font-family:IBM Plex Sans Arabic,Cairo,sans-serif;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{background:#ffffff26;border-color:#64c8ff99;box-shadow:0 0 15px #64c8ff4d;outline:none}.form-group input::placeholder{color:#ffffff80}.form-group small{color:#fff9}.file-info{color:#9ef8ff}.form-actions{margin-top:1rem}.cancel-btn,.submit-btn{border-radius:12px;flex:1 1;font-family:IBM Plex Sans Arabic,Cairo,sans-serif;padding:1rem;transition:all .3s ease}.cancel-btn{background:#ff646433;border:2px solid #ff646466;color:#ff6464}.cancel-btn:hover:not(:disabled){background:#ff64644d;border-color:#ff646499;transform:translateY(-2px)}.submit-btn{background:linear-gradient(135deg,#64c8ff,#9ef8ff);border:2px solid #0000;box-shadow:0 4px 15px #64c8ff66;color:#0f3460}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #64c8ff99}.cancel-btn:disabled,.submit-btn:disabled{opacity:.5;transform:none}.empty-state{color:#fff9;font-size:1.2rem;grid-column:1/-1;padding:3rem;text-align:center}.section-divider{margin:2rem 0 1.5rem;position:relative;width:100%;z-index:2}.section-title{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea80,#764ba280);border:2px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 15px #0000004d;color:#fff!important;display:inline-block;margin:0;padding:1rem 1.5rem;text-shadow:0 2px 10px #000c}.card-description{color:#fffc;font-size:.95rem;line-height:1.6;margin:10px 0}.video-modal-content{max-width:900px;width:95%}.video-player-container{background:#000;border-radius:12px;box-shadow:0 10px 40px #00000080;margin:1.5rem 0;overflow:hidden;position:relative}.video-player-container iframe,.video-player-container video{border:none;border-radius:12px;display:block;width:100%}.video-player-container iframe{pointer-events:auto}.video-player-container{-webkit-user-select:none;user-select:none}.video-info{background:#64c8ff1a;border:1px solid #64c8ff4d;border-radius:12px;margin-top:1.5rem;padding:1rem}.video-info p{color:#fff;font-size:1rem;margin:.5rem 0}.video-info strong{color:#64c8ff;margin-left:.5rem}.youtube-full-blocker{bottom:0!important;height:100%!important;left:0!important;pointer-events:none!important;position:absolute!important;right:0!important;top:0!important;width:100%!important;z-index:2147483647!important}.video-player-container:-moz-full-screen .youtube-full-blocker,.video-player-container:-ms-fullscreen .youtube-full-blocker,.video-player-container:-webkit-full-screen .youtube-full-blocker,.video-player-container:fullscreen .youtube-full-blocker{bottom:0!important;height:100vh!important;left:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:2147483647!important}.video-player-container:-moz-full-screen,.video-player-container:-ms-fullscreen,.video-player-container:-webkit-full-screen,.video-player-container:fullscreen{background:#000!important;height:100vh!important;left:0!important;position:fixed!important;top:0!important;width:100vw!important}.error-message{background:#ff64641a;border:2px solid #ff64644d;border-radius:12px;color:#ff6464;font-size:1.2rem;padding:3rem;text-align:center}.tabs-container{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;position:relative;z-index:2}.tab-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#16213e99,#0f346080);border:1px solid #64c8ff33;border-radius:15px;color:#e0e0e0;cursor:pointer;font-size:1.05rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.tab-btn.active{background:linear-gradient(135deg,#64c8ff4d,#0f3460b3);border-color:#64c8ff99;box-shadow:0 4px 20px #64c8ff66}.tab-btn:hover:not(.active){border-color:#64c8ff66;transform:translateY(-2px)}.tab-content{position:relative;z-index:2}.actions-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-bottom:2rem}.add-btn,.download-btn,.upload-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:12px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.add-btn:hover,.download-btn:hover,.upload-btn:hover{box-shadow:0 6px 20px #4caf5080;transform:translateY(-2px)}.download-btn{background:linear-gradient(135deg,#2196f3,#1565c0);box-shadow:0 4px 15px #2196f34d}.download-btn:hover{box-shadow:0 6px 20px #2196f380}.upload-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.import-section{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.file-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #64c8ff4d;border-radius:12px;color:#e0e0e0;cursor:pointer;font-size:.95rem;padding:.8rem 1.5rem;transition:all .3s ease}.file-label:hover{background:#ffffff26;border-color:#64c8ff80}.search-bar{margin-bottom:1.5rem;position:relative;z-index:2}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #64c8ff4d;border-radius:15px;color:#e0e0e0;font-size:1rem;max-width:500px;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#64c8ff99;box-shadow:0 4px 20px #64c8ff33;outline:none}.search-input::placeholder{color:#e0e0e080}.students-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #64c8ff33;border-radius:12px;color:#e0e0e0;margin-bottom:1.5rem;padding:1rem;position:relative;z-index:2}.students-info p{font-size:1rem;margin:.3rem 0}.students-info strong{color:#64c8ff;font-weight:700}.table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #64c8ff33;border-radius:15px;overflow-x:auto;padding:1rem}.data-table{border-collapse:collapse;color:#e0e0e0;width:100%}.data-table thead{background:#64c8ff26}.data-table th{border-bottom:2px solid #64c8ff4d;color:#64c8ff;font-weight:700;padding:1rem;text-align:right}.data-table td{border-bottom:1px solid #64c8ff1a;padding:1rem;text-align:right}.data-table tbody tr:hover{background:#64c8ff14}.permissions-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #64c8ff4d;border-radius:8px;color:#e0e0e0;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.permissions-select:hover{border-color:#64c8ff80}.permissions-select:focus{border-color:#64c8ff99;box-shadow:0 2px 10px #64c8ff33;outline:none}.permissions-select option{background:#16213e;color:#e0e0e0}.delete-btn-small{background:linear-gradient(135deg,#f44336,#c62828);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1.2rem;transition:all .3s ease}.delete-btn-small:hover{box-shadow:0 4px 15px #f4433666;transform:translateY(-2px)}.no-data{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #64c8ff33;border-radius:15px;color:#e0e0e099;font-size:1.1rem;padding:3rem;text-align:center}.students-grid,.users-grid{position:relative;z-index:2}.highlight-card{background:linear-gradient(135deg,#1a4d6fb3,#0f3460b3);border:2px solid #64c8ff80;box-shadow:0 8px 25px #64c8ff4d,0 4px 12px #0000004d}.highlight-card:hover{border-color:#64c8ffcc;box-shadow:0 12px 35px #64c8ff80,0 8px 20px #0006;transform:translateY(-8px) scale(1.05)}.special-card{background:linear-gradient(135deg,#4caf504d,#2e7d324d);border:2px solid #4caf5080;box-shadow:0 8px 25px #4caf504d,0 4px 12px #0000004d;overflow:hidden;position:relative}.special-card:before{animation:shine 3s infinite;background:linear-gradient(45deg,#0000,#4caf5033,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.special-card:hover{border-color:#4caf50cc;box-shadow:0 15px 40px #4caf5080,0 10px 25px #0006;transform:translateY(-10px) scale(1.08)}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.delete-all-btn{background:linear-gradient(135deg,#ff5252,#d32f2f);border:none;border-radius:12px;box-shadow:0 4px 15px #ff52524d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.delete-all-btn:hover{background:linear-gradient(135deg,#f44336,#c62828);box-shadow:0 6px 20px #ff525280;transform:translateY(-2px)}.centers-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:3rem auto;max-width:1200px;padding:0 1rem}.center-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #0000;border-radius:20px;cursor:pointer;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.center-card:before{background:linear-gradient(135deg,#4caf501a,#2196f31a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.center-card:hover:before{opacity:1}.center-card:hover{box-shadow:0 20px 50px #0000004d;transform:translateY(-10px) scale(1.02)}.center-card:hover,.english-center:hover{border-color:#4caf5080}.computer-center:hover{border-color:#2196f380}.center-icon{margin-bottom:1.5rem;position:relative;z-index:1}.icon-3d{animation:float 3s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));font-size:6rem}.center-title{color:#e0e0e0;font-size:1.75rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:1}.center-description{color:#adb5bd;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;position:relative;z-index:1}.center-features{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;position:relative;z-index:1}.feature-tag{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#e0e0e0;font-size:.9rem;padding:.4rem 1rem}.english-center-container{margin:0 auto;max-width:900px;padding:2rem 1rem}.robot-section{margin-bottom:2rem;text-align:center}.robot-3d{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 15px 30px rgba(76,175,80,.4));font-size:10rem}.translation-card{background:#ffffff0d;border:2px solid #4caf504d;border-radius:20px;padding:2.5rem}.action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:2rem 0}.skill-btn{border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease}.translate-btn{background:linear-gradient(135deg,#4caf50,#45a049)}.translate-btn:hover:not(:disabled){box-shadow:0 10px 25px #4caf5066;transform:translateY(-3px)}.pronounce-btn{background:linear-gradient(135deg,#2196f3,#1976d2)}.pronounce-btn:hover:not(:disabled){box-shadow:0 10px 25px #2196f366;transform:translateY(-3px)}.explain-btn{background:linear-gradient(135deg,#ff9800,#f57c00)}.explain-btn:hover:not(:disabled){box-shadow:0 10px 25px #ff980066;transform:translateY(-3px)}.skill-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.result-card{background:#4caf501a;border:2px solid #4caf504d;border-radius:15px;margin-top:2rem;padding:2rem}.result-item{margin-bottom:1.5rem}.result-item strong{color:#4caf50;display:block;font-size:1.1rem;margin-bottom:.5rem}.result-item p{color:#2c3e50;font-size:1rem;line-height:1.6;margin:0}.result-item ul{list-style:none;padding:0}.result-item li{color:#2c3e50;padding:.5rem 1.5rem .5rem 0;position:relative}.result-item li:before{color:#4caf50;content:"✓";font-weight:700;position:absolute;right:0}.computer-center-container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.computer-section{margin-bottom:2rem;text-align:center}.computer-3d{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 15px 30px rgba(33,150,243,.4));font-size:10rem}.query-card{background:#ffffff0d;border:2px solid #2196f34d;border-radius:20px;margin-bottom:2rem;padding:2.5rem}.computer-btn{background:linear-gradient(135deg,#2196f3,#1565c0)}.computer-btn:hover:not(:disabled){box-shadow:0 10px 25px #2196f366;transform:translateY(-3px)}.virtual-computer{margin-top:2rem;perspective:1000px}.computer-screen{background:#1e1e1e;border:3px solid #333;border-radius:20px;box-shadow:0 20px 60px #00000080;overflow:hidden}.screen-header{align-items:center;background:#2d2d2d;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:1rem 1.5rem}.screen-buttons{display:flex;gap:.5rem}.screen-btn{border-radius:50%;display:inline-block;height:12px;width:12px}.screen-btn.red{background:#ff5f57}.screen-btn.yellow{background:#ffbd2e}.screen-btn.green{background:#28ca42}.export-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.export-btn:hover{box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.screen-content{background:#1e1e1e;max-height:600px;overflow-y:auto;padding:2rem}.screen-content::-webkit-scrollbar{width:8px}.screen-content::-webkit-scrollbar-track{background:#2d2d2d}.screen-content::-webkit-scrollbar-thumb{background:#4caf50;border-radius:4px}.content-section{background:#ffffff0d;border-radius:12px;border-right:4px solid #4caf50;margin-bottom:2rem;padding:1.5rem}.content-section h3{color:#d4af37;font-size:1.3rem;margin-bottom:1rem;text-shadow:0 2px 4px #0000004d}.content-section p{color:#daa520;font-weight:500;line-height:1.8;margin-bottom:.5rem}.content-section strong{color:gold;font-weight:700;text-shadow:0 1px 2px #0003}.content-section ol,.content-section ul{color:#daa520;margin:1rem 0;padding-right:2rem}.content-section li{color:#daa520;font-weight:500;line-height:1.6;margin-bottom:.5rem}.images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.image-card{background:#ffffff0d;border-radius:10px;overflow:hidden;transition:transform .3s ease}.image-card:hover{transform:scale(1.05)}.image-card img{height:200px;object-fit:cover;width:100%}.image-card p{color:#adb5bd;font-size:.9rem;padding:1rem;text-align:center}.video-container{margin-top:1rem}.steps-list,.tips-list{margin-top:1rem;padding-right:1.5rem}.steps-list li,.tips-list li{color:#daa520;font-weight:500;line-height:1.6;margin-bottom:.8rem}.steps-list li{padding-right:.5rem}.tips-list li{padding-right:1.5rem;position:relative}.tips-list li:before{content:"💡";position:absolute;right:0}@media (max-width:768px){.centers-grid{grid-template-columns:1fr}.icon-3d{font-size:4rem}.computer-3d,.robot-3d{font-size:6rem}.action-buttons{grid-template-columns:1fr}.screen-content{max-height:400px;padding:1rem}}.gaps-library{margin:0 auto;max-width:1400px;padding:2rem 1rem}.stats-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.stat-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.stat-card.success{background:linear-gradient(135deg,#11998e,#38ef7d)}.stat-card.warning{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:3rem}.stat-info{color:#fff;display:flex;flex-direction:column}.stat-number{font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.stat-label{font-size:1rem;font-weight:500;opacity:.9}.gaps-section{margin-bottom:3rem}.section-title{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.gaps-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.gap-card{background:#fff;border:3px solid #0000;border-radius:16px;box-shadow:0 2px 10px #0000001a;padding:1.5rem;transition:all .3s ease}.gap-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-3px)}.gap-card.unresolved{border-color:#ff6b6b}.gap-card.resolved{border-color:#51cf66;opacity:.9}.gap-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:1rem}.gap-header h3{color:#2c3e50;flex:1 1;font-size:1.25rem;font-weight:700;margin:0}.gap-badge{background:#667eea;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.gap-badge.success{background:#51cf66}.gap-info{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem}.info-item{display:flex;font-size:.9rem;justify-content:space-between}.info-label{color:#6c757d;font-weight:500}.info-value{color:#2c3e50;font-weight:600}.gap-sources{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.source-tag{background:#e9ecef;border-radius:12px;color:#495057;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.gap-actions{display:flex;gap:.75rem}.gap-actions .action-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .2s ease}.gap-actions .action-btn.primary{background:#667eea;color:#fff}.gap-actions .action-btn.primary:hover{background:#5568d3}.gap-actions .action-btn.secondary{background:#e9ecef;color:#495057}.gap-actions .action-btn.secondary:hover{background:#dee2e6}.gap-actions .action-btn.danger{background:#ff6b6b;color:#fff}.gap-actions .action-btn.danger:hover{background:#fa5252}.create-gap-form{margin:0 auto;max-width:900px;padding:2rem 1rem}.form-section{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:2rem}.form-section h3{color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.form-section h4{color:#495057;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.section-note{color:#6c757d;font-size:.9rem;margin-bottom:1rem}.sources-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.source-option{background:#f8f9fa;border:3px solid #e9ecef;border-radius:12px;gap:.5rem;padding:1.5rem 1rem}.source-option:hover{border-color:#667eea;transform:translateY(-2px)}.source-option.selected{background:#667eea;border-color:#667eea;color:#fff}.source-icon{font-size:2.5rem}.source-name{font-size:.9rem;font-weight:600}.form-group{margin-bottom:1.5rem}.form-group label{color:#2c3e50;display:block;margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=url],.form-group select,.form-group textarea{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group input[type=file]{border:2px dashed #e9ecef;border-radius:8px;cursor:pointer;padding:.5rem;width:100%}.form-group small{color:#6c757d;display:block;font-size:.85rem;margin-top:.25rem}.file-info{background:#e7f5ff;border-radius:6px;color:#1971c2;font-size:.9rem;margin-top:.5rem;padding:.5rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.cancel-btn{background:#e9ecef;color:#495057}.cancel-btn:hover:not(:disabled){background:#dee2e6}.submit-btn{background:#667eea;color:#fff}.submit-btn:hover:not(:disabled){background:#5568d3;transform:translateY(-2px)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6}.gap-test-container{margin:0 auto;max-width:900px;padding:2rem 1rem}.test-progress{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:1.5rem}.progress-info{color:#495057;margin-bottom:1rem}.progress-bar{background:#e9ecef;border-radius:4px;height:8px}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2)}.question-card{background:#fff;border-radius:16px;box-shadow:0 2px 15px #0000001a;padding:2rem}.question-card h2{color:#2c3e50;font-size:1.5rem;font-weight:700;line-height:1.6}.options-list,.question-card h2{margin-bottom:2rem}.option-btn{align-items:center;background:#f8f9fa;border:3px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;gap:1rem;padding:1rem 1.5rem;text-align:right;transition:all .2s ease}.option-btn:hover{background:#f1f3f5;border-color:#667eea}.option-btn.selected{background:#667eea;border-color:#667eea;color:#fff}.option-letter{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-weight:700;height:36px;justify-content:center;width:36px}.option-btn.selected .option-letter,.option-letter{background:#fff;color:#667eea}.option-text{flex:1 1;font-weight:500}.question-navigation{display:flex;gap:1rem;justify-content:space-between}.nav-btn{background:#e9ecef;border-radius:8px;color:#495057;padding:.75rem 2rem;transition:all .2s ease}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.nav-btn:not(:disabled):hover{transform:translateY(-2px)}.nav-btn.primary{background:#667eea;color:#fff}.nav-btn.primary:hover:not(:disabled){background:#5568d3}.nav-btn.success{background:#51cf66;color:#fff}.nav-btn.success:hover:not(:disabled){background:#40c057}.test-results-container{margin:0 auto;max-width:900px;padding:2rem 1rem}.result-card{background:#fff;border:4px solid #667eea;border-radius:20px;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem;padding:3rem 2rem;text-align:center}.result-card.success{border-color:#51cf66}.result-card.warning{border-color:#ffa94d}.result-card h2{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.result-score{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.score-number{color:#667eea;font-size:4rem;font-weight:800}.result-card.success .score-number{color:#51cf66}.result-card.warning .score-number{color:#ffa94d}.score-details{color:#6c757d;font-size:1.25rem;font-weight:500}.result-status{color:#495057;font-size:1.1rem;line-height:1.6}.remedial-content-card{background:#fff;border-radius:16px;box-shadow:0 2px 15px #0000001a;margin-bottom:2rem;padding:2rem}.remedial-content-card h3{color:#2c3e50;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.remedial-text{background:#f8f9fa;border-radius:12px;color:#495057;line-height:1.8;margin-bottom:1.5rem;padding:1.5rem}.remedial-text p{margin-bottom:1rem}.remedial-actions{display:flex;justify-content:center}.retry-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.retry-btn:hover{background:#5568d3;transform:translateY(-2px)}.results-actions{display:flex;gap:1rem;justify-content:center}.results-actions .action-btn{transition:all .2s ease}.create-gap-btn,.results-actions .action-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:1rem 2rem}.create-gap-btn{background:#667eea;color:#fff;margin-top:1rem;transition:all .3s ease}.create-gap-btn:hover{background:#5568d3;transform:translateY(-2px)}@media (max-width:768px){.gaps-grid,.stats-cards{grid-template-columns:1fr}.sources-grid{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.question-card h2{font-size:1.25rem}.result-icon{font-size:3rem}.result-card h2{font-size:1.5rem}.score-number{font-size:3rem}}.game-creator-modal{max-height:90vh;max-width:800px;overflow-y:auto;width:95%}.questions-section{margin-top:2rem}.questions-section h3{color:#64c8ff;font-size:1.4rem;font-weight:700;margin-bottom:1rem}.question-card{background:#64c8ff1a;border:2px solid #64c8ff4d;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.question-header h4{color:#9ef8ff;font-size:1.1rem;margin:0}.remove-question-btn{align-items:center;background:#ff646433;border:2px solid #ff646466;border-radius:50%;color:#ff6464;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;padding:0;transition:all .3s ease;width:35px}.remove-question-btn:hover{background:#ff646466;transform:rotate(90deg)}.question-card input[type=text]{background:#ffffff1a;border:2px solid #64c8ff4d;border-radius:8px;color:#fff;font-family:IBM Plex Sans Arabic,Cairo,sans-serif;font-size:1rem;margin-bottom:1rem;padding:.8rem;width:100%}.question-card input[type=text]:focus{background:#ffffff26;border-color:#64c8ff99;outline:none}.options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.option-item{gap:.5rem}.option-item input[type=radio]{accent-color:#64c8ff;height:20px;width:20px}.option-item input[type=text]{margin-bottom:0}.add-question-btn{background:#64c8ff33;border:2px dashed #64c8ff66;border-radius:12px;color:#64c8ff;cursor:pointer;font-family:IBM Plex Sans Arabic,Cairo,sans-serif;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem;transition:all .3s ease;width:100%}.add-question-btn:hover{background:#64c8ff4d;border-color:#64c8ff99;transform:translateY(-2px)}.game-player-modal{max-width:900px;width:95%}.game-container{padding:1rem 0}.game-progress{margin-bottom:2rem}.progress-info{color:#9ef8ff;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.progress-bar{background:#64c8ff33;border:1px solid #64c8ff4d;border-radius:10px}.progress-fill{background:linear-gradient(90deg,#64c8ff,#9ef8ff);box-shadow:0 0 10px #64c8ff80;transition:width .5s ease}.question-display{background:linear-gradient(135deg,#64c8ff26,#9ef8ff1a);border:2px solid #64c8ff4d;border-radius:15px;margin-bottom:2rem;padding:2rem;text-align:center}.question-display h3{color:#fff;font-size:1.6rem;line-height:1.6;margin:0}.answers-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.answer-btn{align-items:center;background:#64c8ff1a;border:2px solid #64c8ff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:IBM Plex Sans Arabic,Cairo,sans-serif;font-size:1.1rem;font-weight:600;justify-content:center;min-height:80px;padding:1.5rem;text-align:center;transition:all .3s ease}.answer-btn:hover:not(:disabled){background:#64c8ff33;border-color:#64c8ff80;box-shadow:0 5px 15px #64c8ff4d;transform:translateY(-3px)}.answer-btn.selected{background:#64c8ff4d;border-color:#64c8ff99}.answer-btn.correct{animation:correctPulse .5s ease;background:#64ff644d;border-color:#64ff6499;color:#64ff64}.answer-btn.incorrect{animation:shake .5s ease;background:#ff64644d;border-color:#ff646499;color:#ff6464}.answer-btn:disabled{cursor:not-allowed}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.game-results{padding:2rem;text-align:center}.result-icon{animation:bounce 1s ease;font-size:5rem;margin-bottom:1rem}.game-results h2{color:#64c8ff;font-size:2rem;margin-bottom:2rem}.final-score{background:linear-gradient(135deg,#64c8ff33,#9ef8ff26);border:2px solid #64c8ff66;border-radius:20px;margin:2rem 0;padding:2rem}.final-score p{color:#9ef8ff;font-size:1.2rem;margin:.5rem 0}.final-score h1{color:#fff;font-size:3.5rem;margin:1rem 0;text-shadow:0 0 20px #64c8ff99}.ai-info-banner{background:linear-gradient(135deg,#64c8ff33,#9ef8ff26);border:2px solid #64c8ff66;border-radius:15px;margin-bottom:2rem;padding:1.5rem;text-align:center}.ai-info-banner p{color:#9ef8ff;font-size:1rem;line-height:1.5;margin:.5rem 0}.levels-indicator{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.level-badge{align-items:center;background:#64c8ff1a;border:2px solid #64c8ff4d;border-radius:12px;display:flex;flex-direction:column;min-width:100px;padding:1rem;transition:all .3s ease}.level-badge.active{animation:pulse 2s ease-in-out infinite;background:#64c8ff4d;border-color:#64c8ff99;box-shadow:0 0 20px #64c8ff66}.level-badge.completed{background:#64ff6433;border-color:#64ff6480}.level-badge.locked{background:#6464641a;border-color:#6464644d;opacity:.6}.level-badge span{color:#fff;font-size:.9rem;font-weight:600;margin-top:.5rem}.level-badge small{color:#9ef8ff;font-size:.75rem;margin-top:.25rem}.current-level-banner{background:linear-gradient(135deg,#64c8ff40,#9ef8ff33);border:2px solid #64c8ff66;border-radius:15px;margin-bottom:2rem;padding:1.5rem;text-align:center}.current-level-banner h3{color:#64c8ff;font-size:1.6rem;margin:0 0 .5rem;text-shadow:0 0 10px #64c8ff99}.current-level-banner p{color:#9ef8ff;font-size:1.1rem;margin:0}.proceed-section{margin-top:2rem;text-align:center}.proceed-btn{animation:glow 2s ease-in-out infinite;background:linear-gradient(135deg,#64c8ff,#9ef8ff);border:none;border-radius:15px;box-shadow:0 5px 20px #64c8ff66;color:#0f3460;cursor:pointer;font-family:IBM Plex Sans Arabic,Cairo,sans-serif;font-size:1.3rem;font-weight:700;padding:1.5rem 3rem;transition:all .3s ease}.proceed-btn:hover{box-shadow:0 8px 30px #64c8ff99;transform:translateY(-3px)}@keyframes glow{0%,to{box-shadow:0 5px 20px #64c8ff66}50%{box-shadow:0 5px 30px #64c8ffb3}}.levels-summary{background:linear-gradient(135deg,#64c8ff26,#9ef8ff1a);border:2px solid #64c8ff4d;border-radius:15px;margin:2rem 0;padding:2rem}.levels-summary h3{color:#64c8ff;font-size:1.4rem;margin-bottom:1rem;text-align:center}.level-summary-item{background:#64ff641a;border:1px solid #64ff644d;border-radius:8px;color:#fff;font-size:1.1rem;margin:.5rem 0;padding:.8rem;text-align:center}.percentage{color:#64c8ff;font-size:1.5rem!important;font-weight:700}.result-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.result-actions button{font-size:1.1rem;padding:1rem 2rem}@media (max-width:768px){.answers-grid,.options-grid{grid-template-columns:1fr}.question-display h3{font-size:1.3rem}.answer-btn{font-size:1rem;padding:1.2rem}.final-score h1{font-size:2.5rem}}.overlay-toolbar{background:#a855f70d;border:1px solid #a855f733;border-radius:12px;padding:1.5rem}.overlay-toolbar h4{color:#a855f7;font-size:1.1rem;margin:0 0 1rem}.toolbar-items{display:flex;flex-direction:column;gap:.75rem}.tool-btn{text-align:left}.tool-btn:hover:not(.disabled){background:#a855f71a;border-color:#a855f7;transform:translateX(-4px)}.tool-btn.active{background:#a855f733;border-color:#a855f7;box-shadow:0 4px 15px #a855f74d}.tool-btn.disabled{cursor:not-allowed;opacity:.4}.tool-hint{color:#ffffff80;font-size:.75rem}.mode-indicator{background:#a855f733;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.mode-indicator p{color:#fffc;font-size:.9rem;margin:0 0 .5rem}.cancel-mode-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.cancel-mode-btn:hover{background:#ef444433;border-color:#ef4444}.limit-warning{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;font-size:.9rem;margin-top:1rem;padding:1rem;text-align:center}.video-overlay-editor{display:flex;flex-direction:column;gap:1rem}.property-group label{color:#ffffffe6}.upload-video{margin-top:.5rem}.video-info{display:flex;flex-direction:column;gap:1rem}.video-preview video{border-radius:8px;width:100%}.video-details{padding:.5rem}.filename{margin:0 0 .25rem}.filesize{color:#fff9;font-size:.85rem;margin:0}.change-video-btn{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;padding:.75rem;transition:all .3s ease;width:100%}.change-video-btn:hover{background:#a855f733;border-color:#a855f7}.limits-info{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;padding:1rem}.limits-info p{color:#fffc;font-size:.85rem;margin:.25rem 0}.youtube-overlay-editor{background:#f9fafb;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.property-group{display:flex;flex-direction:column;gap:.5rem}.property-group label{color:#1f2937;font-size:.9rem}.youtube-info{background:#fff;border:2px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.youtube-preview{aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;width:100%}.youtube-preview iframe{height:100%;width:100%}.youtube-details{display:flex;flex-direction:column;gap:.3rem}.youtube-url{color:#4b5563;font-size:.85rem;word-break:break-all}.video-id{color:#9ca3af;font-family:monospace;font-size:.75rem}.change-youtube-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1rem;transition:all .3s ease}.change-youtube-btn:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.youtube-input-section{display:flex;flex-direction:column;gap:.8rem}.youtube-input{border:2px solid #e5e7eb;border-radius:8px;direction:ltr;font-size:.9rem;padding:.8rem;text-align:left;transition:all .3s ease;width:100%}.youtube-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;outline:none}.input-hint{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:6px;color:#6b7280;direction:rtl;font-size:.75rem;line-height:1.5;padding:.5rem;text-align:right}.youtube-actions{display:flex;gap:.5rem;justify-content:flex-end}.cancel-youtube-btn,.save-youtube-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease}.save-youtube-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.save-youtube-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.cancel-youtube-btn{background:#e5e7eb;color:#374151}.cancel-youtube-btn:hover{background:#d1d5db}.youtube-note{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3b82f6;border-radius:8px;padding:.8rem}.youtube-note p{color:#1e40af;font-size:.85rem;line-height:1.5;margin:0}.youtube-note strong{font-weight:700}.quiz-overlay-editor{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.quiz-type-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.type-btn{background:#ffffff1a;border:2px solid #ffffff40;border-radius:10px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.875rem;transition:all .3s ease}.type-btn:hover{background:#4ade8033;border-color:#4ade80;box-shadow:0 6px 16px #4ade804d;transform:translateY(-2px)}.type-btn.active{background:linear-gradient(135deg,#84fab0,#8fd3f4);border-color:#4ade80;box-shadow:0 4px 20px #84fab080;transform:scale(1.05)}.property-group textarea:focus{border-color:#4ade80;box-shadow:0 0 0 4px #4ade804d,inset 0 2px 8px #0000000d}.options-list{display:flex;flex-direction:column;gap:1rem}.option-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff40;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.option-item:hover{background:#fff3;border-color:#fff6;transform:translateX(4px)}.option-item input[type=radio]{accent-color:#4ade80;cursor:pointer;height:24px;width:24px}.option-item input[type=text]{background:#fffffff2;border:2px solid #ffffff4d;border-radius:10px;box-shadow:inset 0 2px 4px #0000001a;color:#2d3748;flex:1 1;font-size:.95rem;font-weight:700;padding:.75rem 1rem;transition:all .3s ease}.option-item input[type=text]:focus{background:#fff;border-color:#4ade80;box-shadow:0 0 0 4px #4ade804d;outline:none}.option-item span{color:#fff;flex:1 1;font-weight:600;text-shadow:0 2px 4px #0003}.quiz-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff40,#ffffff26);border:2px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000004d;margin-top:1.5rem;padding:1.5rem}.quiz-preview h5{color:#fff;font-size:1rem;font-weight:700;letter-spacing:.5px;margin:0 0 1.25rem;text-shadow:0 2px 4px #0000004d}.preview-question{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:12px;box-shadow:0 4px 12px #00000026;color:#2d3748;font-size:1.05rem;font-weight:700;margin-bottom:1.25rem;padding:1.25rem}.preview-options{display:flex;flex-direction:column;gap:.75rem}.preview-option{background:#ffffffe6;border:2px solid #84fab066;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#2d3748;font-size:.95rem;font-weight:700;padding:1rem;transition:all .3s ease}.preview-option:hover{background:#fff;border-color:#4ade80;transform:translateX(4px)}.preview-option.correct{background:linear-gradient(135deg,#4ade804d,#84fab033);border-color:#22c55e;box-shadow:0 4px 16px #22c55e66;color:#065f46}.text-overlay-editor{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.property-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1rem}.property-group label{color:#fff;display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem;text-shadow:0 2px 4px #0003}.property-group input[type=range]{background:linear-gradient(90deg,#f093fb,#f5576c);border-radius:4px;box-shadow:0 2px 8px #0003;cursor:pointer;height:8px;outline:none;width:100%}.property-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#ffd89b,#19547b);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000004d;cursor:pointer;height:22px;width:22px}.property-group input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#ffd89b,#19547b);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000004d;cursor:pointer;height:22px;width:22px}.value-display{background:linear-gradient(135deg,#fa709a,#fee140);border-radius:20px;box-shadow:0 4px 12px #fa709a66;color:#fff;display:inline-block;font-size:.9rem;font-weight:700;margin-left:.5rem;padding:.4rem 1rem;text-shadow:0 2px 4px #0003}.color-picker-group{align-items:center;display:flex;gap:.5rem}.color-picker-group input[type=color]{background:#0000;border:3px solid #fff;border-radius:12px;box-shadow:0 4px 16px #00000040;cursor:pointer;height:50px;transition:transform .2s ease;width:70px}.color-picker-group input[type=color]:hover{transform:scale(1.05)}.color-picker-group input[type=text]{background:#ffffff26;border:2px solid #ffffff4d;border-radius:10px;box-shadow:inset 0 2px 4px #0000001a;color:#fff;flex:1 1;font-size:.95rem;font-weight:600;padding:.75rem 1rem}.color-picker-group input[type=text]:focus{background:#ffffff40;border-color:#ffd89b;box-shadow:0 0 0 4px #ffd89b4d;outline:none}.transparent-btn{background:linear-gradient(135deg,#fff3,#ffffff1a);border:2px solid #ffffff4d;border-radius:10px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:.75rem;padding:.75rem;transition:all .3s ease;width:100%}.transparent-btn:hover{background:linear-gradient(135deg,#ffd89b,#19547b);border-color:#ffd89b;box-shadow:0 6px 20px #ffd89b66;transform:translateY(-2px)}.alignment-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.align-btn{background:#ffffff1a;border:2px solid #ffffff40;border-radius:10px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:1.3rem;padding:.875rem;transition:all .3s ease}.align-btn:hover{background:#ffd89b33;border-color:#ffd89b;box-shadow:0 6px 16px #ffd89b4d;transform:translateY(-2px)}.align-btn.active{background:linear-gradient(135deg,#fa709a,#fee140);border-color:#ffd89b;box-shadow:0 4px 20px #fa709a80;transform:scale(1.05)}.text-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff40,#ffffff26);border:2px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000004d;margin-top:1.5rem;padding:1.5rem}.text-preview h5{color:#fff;font-size:1rem;font-weight:700;letter-spacing:.5px;margin:0 0 1.25rem;text-shadow:0 2px 4px #0000004d}.preview-text{align-items:center;display:flex;justify-content:center;min-height:80px}.font-weight-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.weight-btn{background:#ffffff1a;border:2px solid #ffffff40;border-radius:10px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.875rem;transition:all .3s ease}.weight-btn:hover{background:#ffd89b33;border-color:#ffd89b;box-shadow:0 6px 16px #ffd89b4d;transform:translateY(-2px)}.weight-btn.active{background:linear-gradient(135deg,#fa709a,#fee140);border-color:#ffd89b;box-shadow:0 4px 20px #fa709a80;transform:scale(1.05)}.property-group textarea{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:3px solid #ffffff4d;border-radius:12px;box-shadow:inset 0 2px 8px #0000001a;color:#2d3748;font-family:Cairo,sans-serif;font-size:1.05rem;font-weight:700;padding:1rem 1.25rem;resize:vertical;transition:all .3s ease;width:100%}.property-group textarea:focus{background:#fff;border-color:#ffd89b;box-shadow:0 0 0 4px #ffd89b4d,inset 0 2px 8px #0000000d;outline:none;transform:translateY(-2px)}.image-overlay-editor{display:flex;flex-direction:column;gap:1rem}.upload-image{margin-top:.5rem}.upload-label{background:#10b9810d;border:2px dashed #10b98180;border-radius:12px;gap:.5rem;padding:2rem 1rem}.upload-label:hover{background:#10b9811a;border-color:#10b981}.upload-icon{font-size:2rem}.upload-hint{font-size:.8rem}.image-info{display:flex;flex-direction:column;gap:1rem}.image-preview img{border-radius:8px;width:100%}.filename{font-weight:600;margin:0;padding:.5rem}.change-image-btn{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;padding:.75rem;transition:all .3s ease;width:100%}.change-image-btn:hover{background:#10b98133;border-color:#10b981}.page-editor-container{background:linear-gradient(135deg,#0f172afa,#1e293bfa);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:2000}.editor-header{background:#0000004d}.header-left{align-items:center;display:flex;gap:2rem}.editor-header h3{margin:0}.editor-actions{display:flex;gap:.5rem}.action-btn{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.action-btn:hover:not(:disabled){background:#a855f733;border-color:#a855f7}.action-btn:disabled{cursor:not-allowed;opacity:.3}.editor-content{display:grid;flex:1 1;grid-template-columns:1fr 350px;overflow:hidden}.canvas-container{align-items:center;display:flex;justify-content:center;overflow:auto;padding:2rem;position:relative}.konva-stage{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0006}.placement-hint{animation:pulse 2s ease-in-out infinite;background:#a855f7e6;border-radius:12px;box-shadow:0 4px 15px #a855f766;color:#fff;font-weight:600;left:50%;padding:1rem 2rem;position:absolute;top:2rem;transform:translateX(-50%)}@keyframes pulse{0%,to{opacity:1;transform:translateX(-50%) scale(1)}50%{opacity:.8;transform:translateX(-50%) scale(1.05)}}.editor-sidebar{background:#0003;border-left:1px solid #ffffff1a;overflow-y:auto;padding:1.5rem}.overlay-properties{background:#a855f71a;border:1px solid #a855f733;border-radius:12px;margin-top:2rem;padding:1.5rem}.overlay-properties h4{color:#a855f7;font-size:1.1rem;margin:0 0 1rem}.overlay-actions{display:flex;gap:.5rem;margin-top:1rem}.duplicate-btn{background:#3b82f633;border-color:#3b82f6;flex:1 1}.duplicate-btn:hover{background:#3b82f64d}.delete-btn{background:#ef444433;border-color:#ef4444;flex:1 1}.delete-btn:hover{background:#ef44444d}.editor-footer{background:#0000004d;border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.cancel-btn{background:#ffffff0d;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.cancel-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 15px #10b98166;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.save-btn:hover{box-shadow:0 8px 25px #10b98180;transform:translateY(-2px)}@media (max-width:1024px){.editor-content{grid-template-columns:1fr}.editor-sidebar{border-left:none;border-top:1px solid #ffffff1a}}.interactive-book-builder{min-height:100vh;padding-bottom:8rem}.error-banner{align-items:center;animation:slideDown .3s ease;background:#ef444426;border:2px solid #ef444466;border-radius:12px;display:flex;gap:1rem;margin:1rem auto;max-width:900px;padding:1rem 1.5rem}.error-icon{font-size:1.5rem}.error-text{color:#fca5a5;flex:1 1;font-weight:600}.error-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;transition:all .3s ease;width:30px}.error-close:hover{background:#ef444433}.wizard-progress{justify-content:center;margin:2rem auto;max-width:800px;padding:0 2rem}.wizard-progress,.wizard-step{align-items:center;display:flex}.wizard-step{flex-direction:column;gap:.5rem;position:relative}.step-number{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;display:flex;font-size:1.25rem;font-weight:600;height:50px;justify-content:center;transition:all .3s ease;width:50px}.wizard-step.active .step-number{background:linear-gradient(135deg,#a855f7,#3b82f6);border-color:#a855f7;box-shadow:0 4px 15px #a855f766}.wizard-step.completed .step-number{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.step-label{color:#fff9;font-size:.9rem;transition:all .3s ease}.wizard-step.active .step-label{color:#a855f7;font-weight:600}.wizard-line{background:#fff3;flex:1 1;height:2px;margin:0 1rem;max-width:100px}.wizard-content{margin:2rem auto;max-width:900px;padding:0 2rem}.wizard-step-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#a855f70d,#3b82f60d);border:2px solid #a855f733;border-radius:24px;min-height:400px;padding:3rem}.wizard-step-content.full-height{min-height:500px}.step-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;font-size:1.75rem;margin-bottom:2rem;text-align:center}.source-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.source-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:2rem;position:relative;transition:all .3s ease}.source-option:hover:not(.disabled){background:#a855f71a;border-color:#a855f7;box-shadow:0 8px 25px #a855f74d;transform:translateY(-4px)}.source-option.selected{background:#a855f726;border-color:#a855f7;box-shadow:0 4px 15px #a855f74d}.source-option.disabled{cursor:not-allowed;opacity:.5}.option-icon{font-size:3rem}.option-label{font-size:1.25rem;font-weight:600}.option-status{color:#ffffff80;font-size:.9rem}.option-status.active{color:#10b981;font-size:1.5rem}.upload-area,.upload-section{margin-top:2rem}.file-input{display:none}.upload-label{align-items:center;background:#a855f70d;border:2px dashed #a855f780;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:250px;padding:3rem;transition:all .3s ease}.upload-label:hover{background:#a855f71a;border-color:#a855f7}.upload-icon{font-size:4rem}.upload-icon.spinning{animation:spin 1s linear infinite}.upload-icon.success{color:#10b981}.file-name{color:#a855f7;font-size:1.1rem;font-weight:600}.file-details{color:#ffffffb3;display:flex;gap:2rem}.upload-hint{color:#ffffff80;font-size:.9rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-top:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1/-1}.form-group label{color:#ffffffe6;font-weight:600}.form-group input{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease}.form-group input:focus{background:#a855f71a;border-color:#a855f7;outline:none}.grade-buttons{display:flex;flex-wrap:wrap;gap:1rem}.grade-btn{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;min-width:150px;padding:1rem;transition:all .3s ease}.grade-btn:hover{background:#a855f71a;border-color:#a855f7}.grade-btn.selected{background:linear-gradient(135deg,#a855f74d,#3b82f64d);border-color:#a855f7;box-shadow:0 4px 15px #a855f74d}.page-range-options{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.range-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;gap:1.5rem;padding:1.5rem;position:relative;transition:all .3s ease}.range-option:hover{background:#a855f71a;border-color:#a855f7}.range-option.selected{background:#a855f726;border-color:#a855f7;box-shadow:0 4px 15px #a855f74d}.option-content{flex:1 1}.option-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.option-desc{color:#ffffffb3}.selected-mark{color:#10b981;font-size:1.5rem}.custom-pages-input{margin-top:2rem}.custom-pages-input label{display:block;font-weight:600;margin-bottom:.5rem}.input-hint{color:#ffffff80;font-size:.9rem;margin-left:.5rem}.custom-pages-input input{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;font-size:1rem;padding:.875rem 1rem;width:100%}.custom-pages-input input:focus{background:#a855f71a;border-color:#a855f7;outline:none}.error-message{color:#ef4444;font-size:.9rem;margin-top:.5rem}.converting-loader{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:300px}.loader-icon{animation:spin 1s linear infinite;font-size:4rem}.conversion-progress{display:flex;flex-direction:column;gap:.75rem;max-width:400px;width:100%}.progress-bar{background:#ffffff1a;border:1px solid #a855f74d;border-radius:6px;height:12px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#a855f7,#3b82f6);border-radius:6px;height:100%;transition:width .3s ease}.progress-text{color:#fffc;font-size:.9rem;margin:0;text-align:center}.pages-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:2rem}.page-thumbnail{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.page-thumbnail:hover{border-color:#a855f7;box-shadow:0 8px 25px #a855f74d;transform:translateY(-4px)}.thumbnail-image{align-items:center;aspect-ratio:3/4;background:#ffffff05;display:flex;justify-content:center;width:100%}.thumbnail-image img{height:100%;object-fit:cover;width:100%}.thumbnail-placeholder{align-items:center;background:linear-gradient(135deg,#a855f71a,#3b82f61a);display:flex;height:100%;justify-content:center;width:100%}.page-number{color:#ffffff4d;font-size:2rem}.thumbnail-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.page-thumbnail:hover .thumbnail-overlay{opacity:1}.edit-page-btn{background:linear-gradient(135deg,#a855f7,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.edit-page-btn:hover{transform:scale(1.05)}.thumbnail-label{background:#0000004d;color:#ffffffb3;font-size:.9rem;padding:.5rem;text-align:center}.convert-prompt{color:#ffffff80;padding:3rem;text-align:center}.wizard-navigation{background:linear-gradient(0deg,#000000e6,#0000);bottom:0;display:flex;gap:1rem;justify-content:center;left:0;padding:2rem;position:fixed;right:0;z-index:100}.nav-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.prev-btn{background:#ffffff1a;border:2px solid #fff3;color:#fff}.prev-btn:hover{background:#ffffff26;border-color:#ffffff4d}.next-btn,.save-btn{background:linear-gradient(135deg,#a855f7,#3b82f6);box-shadow:0 4px 15px #a855f766;color:#fff}.preview-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166;color:#fff}.next-btn:hover,.save-btn:hover{box-shadow:0 8px 25px #a855f780;transform:translateY(-2px)}.preview-btn:hover{box-shadow:0 8px 25px #10b98180;transform:translateY(-2px)}.next-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.page-editor-modal{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content-editor{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:2px solid #a855f74d;border-radius:24px;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;width:90%}.editor-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem 2rem}.editor-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;font-size:1.5rem}.close-modal-btn{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:2rem;height:40px;transition:all .3s ease;width:40px}.close-modal-btn:hover{background:#ef444433;transform:rotate(90deg)}.editor-body{display:grid;flex:1 1;grid-template-columns:1fr 300px;overflow:hidden}.editor-canvas{align-items:center;display:flex;justify-content:center;overflow:auto;padding:2rem}.canvas-area{background:#fff;box-shadow:0 8px 32px #0000004d;max-height:100%}.canvas-area,.canvas-area img{border-radius:12px;max-width:100%}.canvas-area img{display:block;max-height:calc(90vh - 200px)}.canvas-placeholder{align-items:center;color:#666;display:flex;font-size:1.25rem;height:800px;justify-content:center;width:600px}.editor-tools{background:#0003;border-left:1px solid #ffffff1a;overflow-y:auto;padding:2rem}.editor-tools h4{color:#ffffffe6;font-size:1.1rem;margin-bottom:1.5rem}.tool-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;transition:all .3s ease;width:100%}.tool-btn:hover{background:#a855f71a;border-color:#a855f7;transform:translateX(-4px)}.tool-icon{font-size:1.5rem}.tool-label{flex:1 1;font-weight:600;text-align:left}.tools-hint{background:#a855f71a;border:1px solid #a855f733;border-radius:8px;color:#fff9;font-size:.9rem;margin-top:2rem;padding:1rem;text-align:center}@media (max-width:768px){.wizard-progress{padding:0 1rem}.step-number{font-size:1rem;height:40px;width:40px}.step-label{font-size:.75rem}.wizard-line{margin:0 .5rem;max-width:50px}.wizard-step-content{padding:1.5rem}.form-grid,.source-options{grid-template-columns:1fr}.pages-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.editor-body{grid-template-columns:1fr}.editor-tools{border-left:none;border-top:1px solid #ffffff1a}.wizard-navigation{padding:1rem}.nav-btn{font-size:.9rem;padding:.75rem 1.5rem}}.upload-progress-container{margin-top:1rem;padding:0 1rem;width:100%}.progress-bar-modern{background:#fff3;border-radius:10px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill-modern{background:linear-gradient(90deg,#10b981,#34d399);border-radius:10px;height:100%;transition:width .3s ease}.progress-percent{color:#fff;font-size:.85rem;font-weight:600;margin-top:.5rem;text-align:center}.conversion-progress-modern{margin:2rem auto;max-width:600px;width:100%}.progress-bar-large{background:#ffffff1a;border-radius:20px;box-shadow:inset 0 2px 4px #0003;height:40px;margin-bottom:1.5rem;overflow:hidden;position:relative;width:100%}.progress-fill-large{animation:progressGradient 2s ease infinite;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 100%;border-radius:20px;height:100%;transition:width .5s ease}@keyframes progressGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.progress-percent-overlay{color:#fff;font-size:1.1rem;font-weight:700;left:50%;position:absolute;text-shadow:0 2px 4px #00000080;top:50%;transform:translate(-50%,-50%);z-index:10}.progress-details{margin-top:1rem;text-align:center}.progress-text{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.progress-message{color:#fffc;font-size:.95rem;margin-top:.5rem}.progress-hint{color:#ffffffb3;font-size:.9rem;font-style:italic;margin-top:1.5rem;text-align:center}.converting-loader h3{color:#fff;font-size:1.5rem;margin-bottom:1.5rem}.interactive-book-reader{background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.reader-error,.reader-loading{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;font-size:4rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.reader-error button{background:linear-gradient(135deg,#a855f7,#3b82f6);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.reader-error button:hover{box-shadow:0 8px 25px #a855f766;transform:translateY(-2px)}.reader-controls{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#0f172af2,#1e293be6);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0000004d;display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}.controls-center,.controls-left,.controls-right{align-items:center;display:flex;gap:1rem}.controls-center{gap:.5rem}.book-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;color:#fff;font-size:1.25rem;font-weight:700;margin:0}.control-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.control-btn:hover:not(:disabled){background:#a855f733;border-color:#a855f7;transform:translateY(-1px)}.control-btn:disabled{cursor:not-allowed;opacity:.3}.back-btn{background:#ef44441a;border-color:#ef44444d}.back-btn:hover{background:#ef444433;border-color:#ef4444}.direction-toggle{background:#10b9811a;border-color:#10b9814d}.direction-toggle:hover{background:#10b98133;border-color:#10b981}.override-indicator{color:#fbbf24;font-size:.75rem;margin-left:.25rem}.page-indicator{align-items:center;background:linear-gradient(135deg,#a855f733,#3b82f633);border:1px solid #a855f74d;border-radius:10px;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem}.current-page{color:#a855f7;font-size:1.25rem}.separator{color:#ffffff80}.total-pages{color:#ffffffb3}.book-container{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:6rem 2rem 2rem}.flip-book{box-shadow:0 20px 60px #00000080}.book-page{background:#fff;box-shadow:0 0 20px #0003;overflow:hidden;position:relative}.page-content{background-color:#f5f5f5;height:100%;position:relative;width:100%}.page-number{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:8px;bottom:1rem;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:1rem}.page-overlay{transition:all .3s ease;z-index:10}.page-overlay.overlay-quiz,.page-overlay.overlay-video,.quiz-badge,.video-badge{align-items:center;display:flex;justify-content:center}.quiz-badge,.video-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#a855f7e6,#3b82f6e6);border:2px solid #ffffff4d;border-radius:12px;height:100%;transition:all .3s ease;width:100%}.video-badge.youtube-badge{background:linear-gradient(135deg,#ef4444e6,#dc2626e6)}.page-overlay:hover .quiz-badge,.page-overlay:hover .video-badge{box-shadow:0 8px 25px #a855f780;transform:scale(1.05)}.page-overlay:hover .video-badge.youtube-badge{box-shadow:0 8px 25px #ef444480}.play-icon,.quiz-icon{color:#fff;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3));font-size:3rem}.text-overlay-content{border-radius:8px;font-family:Cairo,Tajawal,Arial,sans-serif;word-break:break-word}.quiz-modal,.video-player-modal{align-items:center;animation:fadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293bfa,#0f172afa);border:2px solid #a855f74d;border-radius:24px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.close-btn{align-items:center;background:#ef444433;border:none;border-radius:50%;color:#fff;display:flex;font-size:2rem;height:40px;justify-content:center;line-height:1;width:40px}.close-btn:hover{background:#ef444466;transform:rotate(90deg)}.modal-body{flex:1 1;overflow-y:auto;padding:2rem}.quiz-question{background:#a855f71a;border:1px solid #a855f733;border-radius:12px;color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:2rem;padding:1.5rem;text-align:center}.quiz-options{display:flex;flex-direction:column;gap:1rem}.quiz-option{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;padding:1.25rem 1.5rem;text-align:right;transition:all .3s ease}.quiz-option:hover:not(:disabled){background:#a855f71a;border-color:#a855f7;transform:translateX(-4px)}.quiz-option:disabled{cursor:not-allowed}.quiz-option.correct{background:#10b98133;border-color:#10b981;box-shadow:0 4px 15px #10b9814d}.quiz-option.incorrect{background:#ef444433;border-color:#ef4444;box-shadow:0 4px 15px #ef44444d}.quiz-feedback{align-items:center;animation:slideDown .3s ease;border-radius:12px;display:flex;font-size:1.1rem;font-weight:600;gap:1rem;margin-top:2rem;padding:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.quiz-feedback.correct{background:#10b98133;border:2px solid #10b981;color:#10b981}.quiz-feedback.incorrect{background:#ef444433;border:2px solid #ef4444;color:#fca5a5}.feedback-icon{font-size:2rem}.feedback-text{flex:1 1;text-align:right}.flip-book.rtl{direction:rtl}.flip-book.ltr{direction:ltr}.book-page[data-direction=rtl] .page-number{left:1rem;right:auto}.book-page[data-direction=ltr] .page-number{left:auto;right:1rem}@media (max-width:1024px){.reader-controls{flex-direction:column;gap:1rem;padding:1rem}.controls-center,.controls-left,.controls-right{justify-content:center;width:100%}.controls-center{flex-wrap:wrap}.book-title{font-size:1rem}.control-btn{font-size:.85rem;padding:.5rem 1rem}.book-container{padding:10rem 1rem 1rem}}@media (max-width:768px){.control-btn{font-size:.8rem;padding:.5rem .75rem}.page-indicator{padding:.5rem 1rem}.current-page{font-size:1rem}.modal-content{max-width:95%}.quiz-question{font-size:1.2rem}.quiz-option{font-size:1rem;padding:1rem}}@media print{.page-number,.reader-controls{display:none}.book-container{padding:0}}.pagePanel{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;position:relative;transform-style:preserve-3d;transition:box-shadow .3s ease}.pagePanel.left{transform-origin:right center}.pagePanel.right{transform-origin:left center}.pagePanelContent{-webkit-backface-visibility:hidden;backface-visibility:hidden;inset:0;overflow:hidden;position:absolute}.pagePanel{touch-action:none;user-select:none;-webkit-user-select:none}.pagePanel:active{cursor:grabbing}.pagePanel.flip-next{animation:flipPageNext .42s cubic-bezier(.22,.61,.36,1) forwards}.pagePanel.flip-prev{animation:flipPagePrev .42s cubic-bezier(.22,.61,.36,1) forwards}@keyframes flipPageNext{0%{box-shadow:0 10px 30px #0003;transform:rotateY(0deg)}50%{box-shadow:0 20px 50px #00000080}to{box-shadow:0 10px 30px #0003;transform:rotateY(-180deg)}}@keyframes flipPagePrev{0%{box-shadow:0 10px 30px #0003;transform:rotateY(0deg)}50%{box-shadow:0 20px 50px #00000080}to{box-shadow:0 10px 30px #0003;transform:rotateY(180deg)}}.page-transition-enter{opacity:0;transform:scale(.95)}.page-transition-enter-active{opacity:1;transform:scale(1);transition:all .3s ease-out}[data-lk-theme=default]{--lk-bg:#111;--lk-bg2:#1e1e1e;--lk-bg3:#2b2b2b;--lk-bg4:#373737;--lk-bg5:#444;--lk-fg:#fff;--lk-fg2:#f5f5f5;--lk-fg3:#ebebeb;--lk-fg4:#e0e0e0;--lk-fg5:#d6d6d6;--lk-border-color:#ffffff1a;--lk-accent-fg:#fff;--lk-accent-bg:#1f8cf9;--lk-accent2:#3396fa;--lk-accent3:#47a0fa;--lk-accent4:#5babfb;--lk-danger-fg:#fff;--lk-danger:#f91f31;--lk-danger2:#fa3343;--lk-danger3:#fa4756;--lk-danger4:#fb5b68;--lk-success-fg:#fff;--lk-success:#1ff968;--lk-success2:#33fa75;--lk-success3:#47fa83;--lk-success4:#5bfb90;--lk-control-fg:var(--lk-fg);--lk-control-bg:var(--lk-bg2);--lk-control-hover-bg:var(--lk-bg3);--lk-control-active-bg:var(--lk-bg4);--lk-control-active-hover-bg:var(--lk-bg5);--lk-connection-excellent:#06db4d;--lk-connection-good:#f9b11f;--lk-connection-poor:#f91f31;--lk-font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";--lk-font-size:16px;--lk-line-height:1.5;--lk-border-radius:0.5rem;--lk-box-shadow:0 0.5rem 1.5rem #00000026;--lk-drop-shadow:#fff3 0px 0px 24px;--lk-grid-gap:0.5rem;--lk-control-bar-height:69px;--lk-chat-header-height:69px;color-scheme:dark}.lk-button,.lk-chat-toggle,.lk-disconnect-button,.lk-start-audio-button{align-items:center;background-color:var(--lk-control-bg);background-image:none;border:0;border-radius:var(--lk-border-radius);color:var(--lk-control-fg);cursor:pointer;display:inline-flex;font-size:inherit;gap:.5rem;justify-content:center;line-height:inherit;padding:.625rem 1rem;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap}.lk-button:not(:disabled):hover,.lk-chat-toggle:not(:disabled):hover,.lk-disconnect-button:not(:disabled):hover,.lk-start-audio-button:not(:disabled):hover{background-color:var(--lk-control-hover-bg)}.lk-button>svg,.lk-chat-toggle>svg,.lk-disconnect-button>svg,.lk-start-audio-button>svg{overflow:visible}.lk-button[aria-pressed=true],[aria-pressed=true].lk-chat-toggle,[aria-pressed=true].lk-disconnect-button,[aria-pressed=true].lk-start-audio-button{background-color:var(--lk-control-active-bg)}.lk-button[aria-pressed=true]:hover,[aria-pressed=true].lk-chat-toggle:hover,[aria-pressed=true].lk-disconnect-button:hover,[aria-pressed=true].lk-start-audio-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true],[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button,[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button{background-color:var(--lk-accent-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true]:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button:hover{background-color:var(--lk-accent2)}.lk-button:disabled,.lk-chat-toggle:disabled,.lk-disconnect-button:disabled,.lk-start-audio-button:disabled{opacity:.5}.lk-button-group{align-items:stretch;display:inline-flex;height:100%}.lk-button-group>.lk-button:first-child,.lk-button-group>.lk-chat-toggle:first-child,.lk-button-group>.lk-disconnect-button:first-child,.lk-button-group>.lk-start-audio-button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.lk-button-group-menu{flex-shrink:0;position:relative}.lk-button-group-menu>.lk-button,.lk-button-group-menu>.lk-chat-toggle,.lk-button-group-menu>.lk-disconnect-button,.lk-button-group-menu>.lk-start-audio-button{border-bottom-left-radius:0;border-top-left-radius:0;height:100%}.lk-button-group-menu>.lk-button:after,.lk-button-group-menu>.lk-chat-toggle:after,.lk-button-group-menu>.lk-disconnect-button:after,.lk-button-group-menu>.lk-start-audio-button:after{margin-left:0}.lk-button-menu:after{border-bottom:.125em solid;border-left:.125em solid;content:"";display:inline-block;height:.5em;margin-left:.5rem;margin-top:-.25rem;transform:rotate(-45deg);transform-origin:center center;width:.5em}.lk-disconnect-button{border:1px solid var(--lk-danger);color:var(--lk-danger);font-weight:600}.lk-disconnect-button:not(:disabled):hover{--lk-control-hover-bg:var(--lk-danger2);color:var(--lk-danger-fg)}.lk-disconnect-button:not(:disabled):active{--lk-control-hover-bg:var(--lk-danger3);color:var(--lk-danger-fg)}.lk-chat-toggle{position:relative}.lk-chat-toggle[data-lk-unread-msgs]:not([data-lk-unread-msgs="0"]):after{background:var(--lk-accent-bg);border-radius:50%;content:attr(data-lk-unread-msgs);font-size:.5rem;left:0;line-height:.75;margin-left:.25rem;margin-top:.25rem;padding:.25rem;position:absolute;top:0}.lk-media-device-select:not(:last-child){border-bottom:1px solid var(--lk-border-color);margin-bottom:.75rem;padding-bottom:.5rem}.lk-media-device-select li:not(:last-child){margin-bottom:.25rem}.lk-media-device-select li>.lk-button{justify-content:start;padding-block:.5rem;width:100%}.lk-media-device-select li:not([data-lk-active=true])>.lk-button:not(:disabled):hover{background-color:var(--lk-bg3)}.lk-media-device-select [data-lk-active=false]>.lk-button:hover{background-color:#0000000d;cursor:pointer}.lk-media-device-select [data-lk-active=true]>.lk-button{background-color:var(--lk-accent-bg);color:var(--lk-accent-fg)}.lk-device-menu{background-color:var(--lk-bg2);border:1px solid var(--lk-border-color);border-radius:.75rem;box-shadow:var(--lk-box-shadow);left:0;margin-bottom:.25rem;min-width:10rem;padding:.5rem;position:absolute;top:0;white-space:nowrap;width:-webkit-max-content;width:max-content;z-index:5}.lk-device-menu-heading{font-weight:700;opacity:.65;padding:.25rem .5rem}.lk-start-audio-button{background-color:var(--lk-accent-bg);color:var(--lk-accent-fg)}@media screen and (max-width:600px){.lk-start-audio-button{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}}.lk-pagination-control{align-items:stretch;background-color:var(--lk-control-bg);border-radius:var(--lk-border-radius);bottom:1rem;display:flex;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .15s ease-in-out}.lk-pagination-control:hover{opacity:1}.lk-pagination-control>.lk-button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.lk-pagination-control>.lk-button:first-child>svg{transform:rotate(180deg)}.lk-pagination-control>.lk-button:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.lk-pagination-count{border-inline:1px solid var(--lk-bg);padding:.5rem .875rem}[data-lk-user-interaction=true].lk-pagination-control{opacity:1}.lk-pagination-indicator{align-items:center;background-color:var(--lk-bg2);border-radius:2rem;bottom:calc(var(--lk-grid-gap)/2);display:flex;gap:.2rem;height:var(--lk-grid-gap);left:50%;opacity:1;padding:.2rem .5rem;position:absolute;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content}.lk-pagination-indicator span{background-color:var(--lk-fg);border-radius:9999999px;display:inline-block;height:.4rem;opacity:.35;transition:opacity .2s linear;width:.4rem}.lk-pagination-indicator span[data-lk-active]{opacity:.9}.lk-grid-layout{--lk-col-count:1;--lk-row-count:1;grid-gap:var(--lk-grid-gap);display:grid;grid-auto-rows:minmax(0,1fr);grid-template-columns:repeat(var(--lk-col-count),minmax(0,1fr));height:100%;max-height:100%;max-width:100%;padding:var(--lk-grid-gap);width:100%}.lk-grid-layout[data-lk-pagination=true]{padding-bottom:calc(var(--lk-grid-gap)*2)}.lk-focus-layout{grid-gap:var(--lk-grid-gap);display:grid;gap:var(--lk-grid-gap);grid-template-columns:1fr 5fr;max-height:100%;padding:var(--lk-grid-gap);width:100%}.lk-focused-participant{position:relative}.lk-focused-participant .lk-pip-track{height:auto;position:absolute;right:10px;top:10px;width:20%}@media(max-width:600px){.lk-focus-layout{grid-template-columns:1fr;grid-template-rows:5fr 1fr}.lk-carousel{order:1}}.lk-carousel{display:flex;gap:var(--lk-grid-gap);max-height:100%}.lk-carousel>*{aspect-ratio:16/10;flex-shrink:0;scroll-snap-align:start}.lk-carousel[data-lk-orientation=vertical]{flex-direction:column;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory}.lk-carousel[data-lk-orientation=vertical]>*{--lk-height-minus-gaps:calc(100% - var(--lk-grid-gap)*(var(--lk-max-visible-tiles) - 1));height:calc(var(--lk-height-minus-gaps)/var(--lk-max-visible-tiles))}.lk-carousel[data-lk-orientation=horizontal]{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.lk-carousel[data-lk-orientation=horizontal]>*{--lk-width-minus-gaps:calc(100% - var(--lk-grid-gap)*(var(--lk-max-visible-tiles) - 1));width:calc(var(--lk-width-minus-gaps)/var(--lk-max-visible-tiles))}.lk-connection-quality{height:1.5rem;width:1.5rem}.lk-track-muted-indicator-camera,.lk-track-muted-indicator-microphone{-webkit-margin-end:.25rem;height:1rem;height:var(--lk-indicator-size,1rem);margin-inline-end:.25rem;position:relative;transition:opacity .25s ease-in-out;width:1rem;width:var(--lk-indicator-size,1rem)}.lk-track-muted-indicator-camera[data-lk-muted=true]{opacity:.5}.lk-track-muted-indicator-microphone{--lk-bg:var(--lk-icon-mic)}.lk-track-muted-indicator-microphone[data-lk-muted=true]{opacity:.5}.lk-participant-name{font-size:.875rem}.lk-participant-media-video{background-color:#000;height:100%;object-fit:cover;object-position:center;width:100%}.lk-participant-media-video[data-lk-orientation=landscape]{object-fit:cover}.lk-participant-media-video[data-lk-orientation=portrait],.lk-participant-media-video[data-lk-source=screen_share]{background-color:var(--lk-bg2);object-fit:contain}.lk-participant-media-audio{width:auto}[data-lk-facing-mode=user] .lk-participant-media-video[data-lk-local-participant=true][data-lk-source=camera]{transform:rotateY(180deg)}.lk-audio-visualizer{align-items:center;aspect-ratio:16/9;background:var(--lk-bg-control);border-radius:.5rem;display:flex;height:100%;justify-content:space-around;min-height:160px;width:100%}.lk-audio-visualizer>rect{fill:var(--lk-accent-bg);transition:transform .1s cubic-bezier(.19,.02,.09,1)}.lk-audio-visualizer>path{stroke:var(--lk-accent-bg);transition:.1s cubic-bezier(.19,.02,.09,1)}.lk-audio-bar-visualizer{align-items:center;background:var(--lk-bg);display:flex;gap:24px;gap:var(--lk-va-bar-gap,24px);height:100%;justify-content:center;width:100%}.lk-audio-bar-visualizer>.lk-audio-bar{background-color:#8883;background-color:var(--lk-va-bar-bg,#8883);border-radius:32px;border-radius:var(--lk-va-bar-border-radius,32px);height:100%;transform-origin:"center";transition:background-color .25s ease-out;width:12px;width:var(--lk-va-bar-width,12px)}.lk-audio-bar-visualizer>.lk-audio-bar.lk-highlighted,.lk-audio-bar-visualizer>[data-lk-highlighted=true],.lk-audio-bar-visualizer[data-lk-va-state=speaking]>.lk-audio-bar{background-color:#888;background-color:var(--lk-fg,#888);transition:none}.lk-audio-bar-visualizer[data-lk-va-state=thinking]{transition:background-color .15s ease-out}.lk-participant-tile{--lk-speaking-indicator-width:2.5px;border-radius:var(--lk-border-radius);display:flex;flex-direction:column;gap:.375rem;overflow:hidden;position:relative}.lk-participant-tile:after{border:0 solid var(--lk-accent-bg);border-radius:var(--lk-border-radius);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition-delay:.5s;transition-duration:.4s;transition-property:border opacity}.lk-participant-tile[data-lk-speaking=true]:not([data-lk-source=screen_share]):after{border-width:var(--lk-speaking-indicator-width);transition-delay:0s;transition-duration:.2s}.lk-participant-tile .lk-focus-toggle-button{background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2);opacity:0;padding:.25rem;position:absolute;right:.25rem;top:.25rem;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile:focus .lk-focus-toggle-button,.lk-participant-tile:hover .lk-focus-toggle-button{opacity:1;transition-delay:0}.lk-participant-tile .lk-connection-quality{opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile .lk-connection-quality[data-lk-quality=poor],.lk-participant-tile:focus .lk-connection-quality,.lk-participant-tile:hover .lk-connection-quality{opacity:1;transition-delay:0}.lk-participant-tile .lk-participant-placeholder{align-items:center;background-color:var(--lk-bg2);border-radius:var(--lk-border-radius);display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease-in-out}.lk-participant-tile .lk-participant-placeholder svg{height:100%;padding:10%;width:auto}.lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera] .lk-participant-placeholder{opacity:1}.lk-participant-metadata{align-items:center;bottom:.25rem;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;left:.25rem;line-height:1;position:absolute;right:.25rem}.lk-participant-metadata-item{align-items:center;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2);display:flex;padding:.25rem}.lk-toast{align-items:center;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow);display:flex;gap:.5rem;left:50%;padding:.75rem 1.25rem;position:fixed;top:.75rem;transform:translateX(-50%)}.lk-spinner{animation:lk-rotate 2s linear infinite}@keyframes lk-rotate{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.lk-room-container{--lk-has-imported-styles:"true";background-color:var(--lk-bg);height:100%;line-height:var(--lk-line-height);position:relative;width:100%}.lk-room-container [class*=" lk-"],.lk-room-container [class^=lk-]{box-sizing:border-box}.lk-audio-conference{height:100%;position:relative;width:100%}.lk-audio-conference-stage{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);height:100%;width:100%}.lk-chat{align-items:end;background-color:var(--lk-bg2);border-left:1px solid var(--lk-border-color);display:grid;grid-template-rows:var(--lk-chat-header-height) 1fr var(--lk-control-bar-height);width:clamp(200px,55ch,60ch)}.lk-chat-header{align-items:center;display:flex;height:var(--lk-chat-header-height);justify-content:center;padding:.75rem;position:relative}.lk-chat-header .lk-close-button{background-color:#0000;position:absolute;right:0;transform:translateX(-50%)}.lk-chat-header .lk-close-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-chat-messages{max-height:100%;overflow:auto;width:100%}.lk-chat-entry,.lk-chat-messages{display:flex;flex-direction:column;gap:.25rem}.lk-chat-entry{margin:0 .25rem}.lk-chat-entry .lk-meta-data{color:var(--lk-fg5);display:flex;font-size:.75rem;padding:0 .3rem;white-space:nowrap}.lk-chat-entry .lk-meta-data .lk-participant-name{margin-top:1rem}.lk-chat-entry .lk-meta-data .lk-timestamp{align-self:flex-end;margin-left:auto}.lk-chat-entry .lk-edit-button{background:none;border-radius:0;float:right;font-size:12px;margin:0;padding:0 .25rem}.lk-chat-entry .lk-message-body{border-radius:15px;display:inline-block;max-width:calc(100% - 32px);padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content;word-break:break-word}.lk-chat-entry[data-lk-message-origin=local] .lk-message-body{background-color:var(--lk-bg5)}.lk-chat-entry[data-lk-message-origin=remote] .lk-message-body{background-color:var(--lk-accent4)}.lk-chat-entry a{color:inherit;text-decoration:underline}.lk-chat-entry *{-webkit-margin-before:.25em;-webkit-margin-after:.25em;margin-block-end:.25em;margin-block-start:.25em}.lk-chat-entry:last-child{margin-bottom:.25rem}.lk-chat-form{border-top:1px solid var(--lk-border-color);display:flex;gap:.75rem;max-height:var(--lk-control-bar-height);padding:.75rem}.lk-chat-form-input{font-size:inherit;line-height:inherit;width:100%}@media(max-width:600px){.lk-chat{bottom:var(--lk-control-bar-height);max-width:100%;position:fixed;right:0;top:0}}.lk-agent-control-bar,.lk-control-bar{align-items:center;border-top:1px solid var(--lk-border-color);display:flex;gap:.5rem;justify-content:center;max-height:var(--lk-control-bar-height);padding:.75rem}.lk-agent-control-bar{--lk-bg:#0000;--lk-va-bar-width:2px;--lk-va-bar-gap:4px;--lk-va-bar-border-radius:1px;height:var(--lk-control-bar-height)}.lk-agent-control-bar .lk-audio-bar-visualizer .lk-audio-bar.lk-highlighted{filter:none}.lk-prejoin{line-height:var(--lk-line-height)}[data-lk-theme]{color:var(--lk-fg);font-family:var(--lk-font-family);font-size:var(--lk-font-size)}[data-lk-theme] .lk-list{list-style:none;margin:0;padding:0}[data-lk-theme] .lk-form-control{background-color:var(--lk-control-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);font-family:var(--lk-font-family);padding:.625rem 1rem}.lk-prejoin{align-items:center;align-items:stretch;background-color:var(--lk-bg);box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;margin-inline:auto;padding:1rem;width:min(100%,480px)}.lk-prejoin .lk-video-container{aspect-ratio:16/10;background-color:#000;border-radius:var(--lk-border-radius);height:auto;overflow:hidden;position:relative;width:100%}.lk-prejoin .lk-video-container .lk-camera-off-note,.lk-prejoin .lk-video-container video{display:block;height:100%;object-fit:cover;width:100%}.lk-prejoin .lk-video-container video[data-lk-facing-mode=user]{transform:rotateY(180deg)}.lk-prejoin .lk-video-container .lk-camera-off-note{aspect-ratio:16/10;background-color:#000;display:grid;left:0;place-items:center;position:absolute;top:0;width:100%}.lk-prejoin .lk-video-container .lk-camera-off-note>*{height:70%;max-width:100%}.lk-prejoin .lk-audio-container{display:none}.lk-prejoin .lk-audio-container audio{height:auto;width:100%}.lk-prejoin .lk-button-group-container{display:flex;flex-wrap:nowrap;gap:1rem}.lk-prejoin .lk-button-group-container>.lk-button-group{width:50%}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button{justify-content:left}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button:first-child{width:100%}@media(max-width:400px){.lk-prejoin .lk-button-group-container{flex-wrap:wrap}.lk-prejoin .lk-button-group-container>.lk-button-group{width:100%}}.lk-prejoin .lk-username-container{display:flex;flex-direction:column;gap:1rem;max-width:100%;width:100%}.lk-prejoin .lk-join-button{--lk-control-fg:var(--lk-accent-fg);--lk-control-bg:var(--lk-accent-bg);--lk-control-hover-bg:var(--lk-accent2);--lk-control-active-bg:var(--lk-accent3);--lk-control-active-hover-bg:var(--lk-accent4);background-color:var(--lk-control-bg)}.lk-prejoin .lk-join-button:hover{background-color:var(--lk-control-hover-bg)}.lk-focus-layout-wrapper,.lk-grid-layout-wrapper{display:flex;height:calc(100% - var(--lk-control-bar-height));justify-content:center;position:relative;width:100%}.lk-grid-layout-wrapper{align-items:center;flex-direction:column}.lk-focus-layout-wrapper{align-items:stretch}.lk-video-conference{align-items:stretch;display:flex;height:100%;position:relative}.lk-video-conference-inner{align-items:stretch;display:flex;flex-direction:column;width:100%}.lk-settings-menu-modal{align-items:center;background:var(--lk-bg);background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow);display:flex;flex-direction:column;gap:.5rem;left:50%;max-height:100%;max-width:100%;min-height:50vh;min-width:50vw;overflow-y:auto;padding:.75rem 1.25rem;position:fixed;top:50%;transform:translate(-50%,-50%)}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px #29d,0 0 5px #29d;display:block;height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}#nprogress .spinner{display:block;position:fixed;right:15px;top:15px;z-index:1031}#nprogress .spinner-icon{animation:nprogress-spinner .4s linear infinite;border-color:#29d #0000 #0000 #29d;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;height:18px;width:18px}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#helper-btn{align-items:center;background:linear-gradient(135deg,#ff9800,#ff5722);border-radius:50%;bottom:20px;box-shadow:0 0 15px #0006;cursor:pointer;display:flex;font-size:28px;height:60px;justify-content:center;position:fixed;right:20px;transition:transform .3s ease;width:60px;z-index:9999}#helper-btn:hover{transform:scale(1.1)}#genie-wrapper{align-items:center;animation:genieIn .6s ease;display:flex;flex-direction:column;height:420px;justify-content:flex-end;width:260px;z-index:9999}.smoke-container{bottom:-10px;contain:layout style paint;height:260px;left:15px;overflow:hidden;pointer-events:none;right:15px;width:230px;will-change:transform}.smoke,.smoke-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;transform:translateZ(0)}.smoke{background:radial-gradient(ellipse at 40% 50%,#b4b9bea6 0,#aaafb494 4%,#a0a5af85 8%,#969baa7a 12%,#8c91a570 16%,#82879b66 20%,#787d915c 25%,#6e738752 30%,#64697d47 35%,#5a5f733d 40%,#50556933 46%,#464b5f29 52%,#3c41551f 58%,#32374b14 65%,#282d410d 72%,#0000 80%);border-radius:47% 53% 56% 44%;filter:blur(14px);height:110%;left:-5%;mix-blend-mode:screen;opacity:0;top:-5%;width:110%;will-change:transform,opacity}@media (max-width:768px){.smoke{filter:blur(8px)}.smoke-container{height:220px;width:200px}}@media (max-width:480px){.smoke{filter:blur(6px)}.smoke-container{height:200px;width:180px}}#genie-wrapper .smoke-1{animation:naturalSmoke1 2.4s ease-out infinite;animation-delay:0s}#genie-wrapper .smoke-2{animation:naturalSmoke2 2.5s ease-out infinite;animation-delay:.1s}#genie-wrapper .smoke-3{animation:naturalSmoke3 2.45s ease-out infinite;animation-delay:.2s}#genie-wrapper .smoke-4{animation:naturalSmoke1 2.55s ease-out infinite;animation-delay:.3s}#genie-wrapper .smoke-5{animation:naturalSmoke2 2.42s ease-out infinite;animation-delay:.4s}#genie-wrapper .smoke-6{animation:naturalSmoke3 2.6s ease-out infinite;animation-delay:.5s}#genie-wrapper .smoke-7{animation:naturalSmoke1 2.48s ease-out infinite;animation-delay:.6s}#genie-wrapper .smoke-8{animation:naturalSmoke2 2.52s ease-out infinite;animation-delay:.7s}#genie-wrapper .smoke-9{animation:naturalSmoke3 2.46s ease-out infinite;animation-delay:.8s}#genie-wrapper .smoke-10{animation:naturalSmoke1 2.58s ease-out infinite;animation-delay:.9s}#genie-wrapper .smoke-11{animation:naturalSmoke2 2.44s ease-out infinite;animation-delay:1s}#genie-wrapper .smoke-12{animation:naturalSmoke3 2.62s ease-out infinite;animation-delay:1.1s}#genie-wrapper .smoke-13{animation:naturalSmoke1 2.5s ease-out infinite;animation-delay:1.2s}#genie-wrapper .smoke-14{animation:naturalSmoke2 2.56s ease-out infinite;animation-delay:1.3s}#genie-wrapper .smoke-15{animation:naturalSmoke3 2.48s ease-out infinite;animation-delay:1.4s}#genie-wrapper .smoke-16{animation:naturalSmoke1 2.54s ease-out infinite;animation-delay:1.5s}#genie-wrapper .smoke-17{animation:naturalSmoke2 2.47s ease-out infinite;animation-delay:1.6s}#genie-wrapper .smoke-18{animation:naturalSmoke3 2.59s ease-out infinite;animation-delay:1.7s}#genie-wrapper .smoke-19{animation:naturalSmoke1 2.43s ease-out infinite;animation-delay:1.8s}#genie-wrapper .smoke-20{animation:naturalSmoke2 2.53s ease-out infinite;animation-delay:1.9s}#genie-wrapper .smoke-21{animation:naturalSmoke3 2.49s ease-out infinite;animation-delay:2s}#genie-wrapper .smoke-22{animation:naturalSmoke1 2.57s ease-out infinite;animation-delay:2.1s}#genie-wrapper .smoke-23{animation:naturalSmoke2 2.45s ease-out infinite;animation-delay:2.2s}#genie-wrapper .smoke-24{animation:naturalSmoke3 2.61s ease-out infinite;animation-delay:2.3s}#genie-wrapper .smoke-25{animation:naturalSmoke1 2.51s ease-out infinite;animation-delay:2.4s}@media (max-width:480px) and (prefers-reduced-motion:reduce){.smoke-container{display:none}}@media (max-width:768px){.smoke{filter:blur(10px)}#genie-wrapper .smoke-10,#genie-wrapper .smoke-11,#genie-wrapper .smoke-12,#genie-wrapper .smoke-13,#genie-wrapper .smoke-14,#genie-wrapper .smoke-15,#genie-wrapper .smoke-16,#genie-wrapper .smoke-17,#genie-wrapper .smoke-18,#genie-wrapper .smoke-19,#genie-wrapper .smoke-20,#genie-wrapper .smoke-21,#genie-wrapper .smoke-22,#genie-wrapper .smoke-23,#genie-wrapper .smoke-24,#genie-wrapper .smoke-25,#genie-wrapper .smoke-8,#genie-wrapper .smoke-9{display:none}}@media (max-width:480px){.smoke{filter:blur(8px)}}@keyframes naturalSmoke1{0%{opacity:0;transform:translateZ(0) scale(.3) rotate(0deg)}5%{opacity:.7}10%{opacity:.68;transform:translate3d(-8px,-22px,0) scale(.55) rotate(12deg)}20%{opacity:.62;transform:translate3d(15px,-48px,0) scale(.85) rotate(-18deg)}35%{opacity:.5;transform:translate3d(-18px,-82px,0) scale(1.25) rotate(25deg)}50%{opacity:.38;transform:translate3d(22px,-125px,0) scale(1.65) rotate(-32deg)}65%{opacity:.25;transform:translate3d(-16px,-172px,0) scale(2) rotate(28deg)}80%{opacity:.12;transform:translate3d(12px,-218px,0) scale(2.35) rotate(-22deg)}95%{opacity:.04;transform:translate3d(-8px,-252px,0) scale(2.6) rotate(15deg)}to{opacity:0;transform:translate3d(-5px,-270px,0) scale(2.8) rotate(10deg)}}@keyframes naturalSmoke2{0%{opacity:0;transform:translateZ(0) scale(.32) rotate(0deg)}5%{opacity:.65}10%{opacity:.64;transform:translate3d(10px,-25px,0) scale(.58) rotate(-15deg)}20%{opacity:.58;transform:translate3d(-16px,-52px,0) scale(.9) rotate(22deg)}35%{opacity:.48;transform:translate3d(20px,-88px,0) scale(1.3) rotate(-28deg)}50%{opacity:.36;transform:translate3d(-19px,-130px,0) scale(1.7) rotate(35deg)}65%{opacity:.23;transform:translate3d(14px,-176px,0) scale(2.05) rotate(-26deg)}80%{opacity:.1;transform:translate3d(-10px,-220px,0) scale(2.4) rotate(20deg)}95%{opacity:.03;transform:translate3d(7px,-254px,0) scale(2.65) rotate(-14deg)}to{opacity:0;transform:translate3d(5px,-272px,0) scale(2.85) rotate(-8deg)}}@keyframes naturalSmoke3{0%{opacity:0;transform:translateZ(0) scale(.28) rotate(0deg)}5%{opacity:.72}10%{opacity:.7;transform:translate3d(-12px,-20px,0) scale(.52) rotate(18deg)}20%{opacity:.65;transform:translate3d(18px,-46px,0) scale(.82) rotate(-24deg)}35%{opacity:.52;transform:translate3d(-22px,-78px,0) scale(1.2) rotate(30deg)}50%{opacity:.4;transform:translate3d(24px,-118px,0) scale(1.6) rotate(-38deg)}65%{opacity:.27;transform:translate3d(-18px,-168px,0) scale(1.95) rotate(32deg)}80%{opacity:.14;transform:translate3d(13px,-215px,0) scale(2.3) rotate(-24deg)}95%{opacity:.05;transform:translate3d(-9px,-250px,0) scale(2.55) rotate(18deg)}to{opacity:0;transform:translate3d(-6px,-268px,0) scale(2.75) rotate(12deg)}}.genie-img{animation:float 2.5s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));width:180px;z-index:2}.genie-box{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0a1428d9;border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 8px 32px #0000004d;color:#fff;padding:16px;position:absolute;text-align:center;top:-150px;width:260px;z-index:3}.genie-box h3{font-size:18px;font-weight:600;margin:0 0 6px}.genie-subtitle{font-size:12px;font-weight:400;line-height:1.4;margin:0 0 12px;opacity:.9}.input-container{margin:10px 0;width:100%}.question-input{background:#ffffff26;border:2px solid #ffffff4d;border-radius:10px;color:#fff;font-family:inherit;font-size:14px;margin-bottom:8px;padding:12px;resize:none;transition:all .3s ease;width:100%}.question-input::placeholder{color:#ffffffb3}.question-input:focus{background:#fff3;border-color:#00e5ff;box-shadow:0 0 10px #00e5ff4d;outline:none}.question-input:disabled{cursor:not-allowed;opacity:.6}.send-btn{background:#29b6f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px;transition:all .3s ease;width:100%}.send-btn:hover:not(:disabled){background:#00e5ff;box-shadow:0 4px 12px #00e5ff66;transform:translateY(-2px)}.send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.close-btn{background:#0000;border:2px solid #ffffff80;border-radius:10px;color:#fff!important;cursor:pointer;font-size:12px;font-weight:400;margin:6px 0;padding:8px;transition:all .3s ease;width:100%}.close-btn:hover{background:#fff3;border-color:#fff;box-shadow:0 4px 12px #ffffff4d;color:#fff!important;transform:translateY(-2px)}.answer-display{animation:fadeIn .4s ease;padding:10px 0}.answer-text{background:#fff3;border-radius:12px;font-size:14px;font-weight:400;line-height:1.7;margin-bottom:12px;max-height:250px;overflow-y:auto;padding:14px;text-align:right;white-space:pre-line}.answer-text::-webkit-scrollbar{width:6px}.answer-text::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.answer-text::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.answer-text::-webkit-scrollbar-thumb:hover{background:#ffffff80}.answer-loading{display:flex;justify-content:center}.loading-dots{display:flex;gap:6px}.loading-dots span{animation:bounce 1.4s ease-in-out infinite both;background:#ffffffe6;border-radius:50%;height:10px;width:10px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes genieIn{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}@media (max-width:768px){#helper-btn{bottom:15px;font-size:24px;height:55px;right:15px;width:55px}#genie-wrapper{bottom:35px;height:380px;right:15px;width:240px}.genie-img{width:150px}.smoke-container{bottom:-15px;height:260px;width:220px}.genie-box{padding:14px;top:-140px;width:240px}.genie-box h3{font-size:16px}.genie-box button{font-size:13px;padding:9px}.answer-text{font-size:14px;padding:12px}}@media (max-width:480px){#helper-btn{bottom:12px;font-size:22px;height:50px;right:12px;width:50px}#genie-wrapper{bottom:30px;height:360px;right:12px;width:220px}.genie-img{width:130px}.smoke-container{bottom:-12px;height:240px;width:200px}.genie-box{padding:12px;top:-130px;width:220px}.genie-box h3{font-size:15px;margin-bottom:8px}.genie-box button{font-size:12px;margin:5px 0;padding:8px}.answer-text{font-size:13px;padding:10px}}[dir=rtl] .genie-box button{text-align:center}#helper-btn:focus{outline:3px solid #fff;outline-offset:3px}.genie-box button:focus{outline:2px solid #fffc;outline-offset:2px}.real-smoke-container{bottom:15px;height:350px;overflow:visible;pointer-events:none;width:250px;z-index:1}.real-smoke,.real-smoke-container{left:50%;position:absolute;transform:translateX(-50%)}.real-smoke{animation:visibleSmokeRise 4s ease-out infinite;background:radial-gradient(circle at center,#dcdce6e6 0,#c8cddccc 10%,#b4b9d2b3 20%,#a0a5c399 30%,#8c91b480 40%,#787da566 50%,#6469964d 60%,#50558733 70%,#3c41781a 85%,#0000 100%);border-radius:50%;bottom:20px;filter:blur(20px);height:80px;opacity:0;width:80px}.real-smoke.rs-1{animation-delay:0s;animation-duration:3.8s}.real-smoke.rs-2{animation-delay:.35s;animation-duration:4.1s}.real-smoke.rs-3{animation-delay:.7s;animation-duration:3.9s}.real-smoke.rs-4{animation-delay:1.05s;animation-duration:4.2s}.real-smoke.rs-5{animation-delay:1.4s;animation-duration:4s}.real-smoke.rs-6{animation-delay:1.75s;animation-duration:3.85s}.real-smoke.rs-7{animation-delay:2.1s;animation-duration:4.15s}.real-smoke.rs-8{animation-delay:2.45s;animation-duration:3.95s}.real-smoke.rs-9{animation-delay:2.8s;animation-duration:4.05s}.real-smoke.rs-10{animation-delay:3.15s;animation-duration:3.9s}@keyframes visibleSmokeRise{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.4) rotate(0deg)}5%{opacity:.8}15%{opacity:.75;transform:translateX(calc(-50% + 20px)) translateY(-50px) scale(.9) rotate(20deg)}30%{opacity:.65;transform:translateX(calc(-50% - 25px)) translateY(-110px) scale(1.4) rotate(-25deg)}50%{opacity:.5;transform:translateX(calc(-50% + 30px)) translateY(-180px) scale(2) rotate(30deg)}70%{opacity:.3;transform:translateX(calc(-50% - 20px)) translateY(-260px) scale(2.6) rotate(-20deg)}90%{opacity:.1;transform:translateX(calc(-50% + 15px)) translateY(-330px) scale(3.2) rotate(15deg)}to{opacity:0;transform:translateX(calc(-50% + 10px)) translateY(-380px) scale(3.5) rotate(10deg)}}@media (max-width:768px){.real-smoke-container{height:280px;width:180px}.real-smoke{filter:blur(12px);height:60px;width:60px}}
/*# sourceMappingURL=main.1f56c493.css.map*/