@import"https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap";/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-500:oklch(63.7% .237 25.331);--color-orange-50:oklch(98% .016 73.684);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-900:oklch(41.4% .112 45.904);--color-green-50:oklch(98.2% .018 155.826);--color-green-500:oklch(72.3% .219 149.579);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-900:oklch(37.8% .077 168.94);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-900:oklch(38.1% .176 304.987);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-5{top:calc(var(--spacing)*5)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-5{right:calc(var(--spacing)*5)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mr-0{margin-right:calc(var(--spacing)*0)}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-3{margin-left:calc(var(--spacing)*3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing)*0)}.w-2{width:calc(var(--spacing)*2)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-80{width:calc(var(--spacing)*80)}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-reverse>:not(:last-child)){--tw-space-x-reverse:1}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-purple-200{border-color:var(--color-purple-200)}.border-t-purple-600{border-top-color:var(--color-purple-600)}.bg-black{background-color:var(--color-black)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-500{background-color:var(--color-green-500)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-white{background-color:var(--color-white)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500\/10{--tw-gradient-from:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.from-blue-500\/10{--tw-gradient-from:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.from-blue-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-900{--tw-gradient-from:var(--color-gray-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-purple-900{--tw-gradient-via:var(--color-purple-900);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-gray-900{--tw-gradient-to:var(--color-gray-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-500\/10{--tw-gradient-to:#ac4bff1a}@supports (color:color-mix(in lab,red,red)){.to-purple-500\/10{--tw-gradient-to:color-mix(in oklab,var(--color-purple-500)10%,transparent)}}.to-purple-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-32{padding-block:calc(var(--spacing)*32)}.pt-4{padding-top:calc(var(--spacing)*4)}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-amber-700{color:var(--color-amber-700)}.text-amber-900{color:var(--color-amber-900)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-900{color:var(--color-emerald-900)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-orange-500{color:var(--color-orange-500)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-purple-900{color:var(--color-purple-900)}.text-red-500{color:var(--color-red-500)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white)40%,transparent)}}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-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-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}@media(min-width:40rem){.sm\:w-48{width:calc(var(--spacing)*48)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}}@media(min-width:48rem){.md\:p-6{padding:calc(var(--spacing)*6)}}@media(min-width:64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:flex{display:flex}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}@media(min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{--color-primary:#030412;--color-midnight:#06091f;--color-navy:#161a31;--color-indigo:#1f1e39;--color-storm:#282b4b;--color-aqua:#33c2cc;--color-mint:#57db96;--color-royal:#5c33cc;--color-lavender:#7a57db;--color-fuchsia:#ca2f8c;--color-orange:#cc6033;--color-sand:#d6995c;--color-coral:#ea4884;--animate-orbit:orbit 50s linear infinite;--animate-marquee:marquee 50s linear infinite;--animate-marquee-vertical:marquee-vertical 50s linear infinite}@keyframes orbit{0%{transform:rotate(calc(var(--angle)*1deg))translateY(calc(var(--radius)*1px))rotate(calc(var(--angle)*-1deg))}to{transform:rotate(calc(var(--angle)*1deg + 360deg))translateY(calc(var(--radius)*1px))rotate(calc((var(--angle)*-1deg) - 360deg))}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-100% - var(--gap)))}}@keyframes marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - var(--gap)))}}body{color:#fff;scroll-behavior:smooth;background:#030412;font-family:Funnel Display,sans-serif;overflow-x:hidden}.pageContainer{width:100%;max-width:80rem;margin:0 auto;padding:0 1rem}@media(min-width:640px){.pageContainer{padding:0 1.5rem}}@media(min-width:1024px){.pageContainer{padding:0 2rem}}.c-space{padding-left:1.25rem;padding-right:1.25rem}@media(min-width:640px){.c-space{padding-left:2.5rem;padding-right:2.5rem}}@media(min-width:1024px){.c-space{padding-left:3.75rem;padding-right:3.75rem}}.hover-animation{transition-property:transform;transition-duration:.2s}.hover-animation:hover{transform:translateY(-.25rem)}.section-spacing{min-height:100vh;margin-top:5rem}@media(min-width:768px){.section-spacing{margin-top:7.5rem}}.text-heading{font-size:1.875rem;font-weight:700;line-height:2.25rem}@media(min-width:768px){.text-heading{font-size:2.25rem;line-height:2.5rem}}.headtext{margin-top:.5rem;margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem}.subtext{color:#a3a3a3;white-space:normal;font-size:.875rem;line-height:1.25rem}@media(min-width:768px){.subtext{font-size:1rem;line-height:1.5rem}}.nav-ul{z-index:20;flex-direction:column;align-items:center;gap:1rem;display:flex;position:relative}@media(min-width:640px){.nav-ul{flex-direction:row}}@media(min-width:768px){.nav-ul{gap:1.5rem}}.nav-li{color:#a3a3a3;padding-top:.5rem;padding-bottom:.5rem;transition:color .2s}.nav-li:hover{color:#fff}@media(max-width:639px){.nav-li{border-radius:.375rem;width:100%;padding-left:1.25rem;padding-right:1.25rem}}.nav-link{font-size:1.125rem;transition:color .2s}@media(min-width:768px){.nav-link{font-size:1rem}}.nav-link:hover{color:#fff}.btn{text-align:center;cursor:pointer;background-color:#030412;border-radius:9999px;width:12rem;padding:1rem .25rem;font-size:.875rem;font-weight:200;position:relative;overflow:hidden}.grid-1{grid-row:span 2/span 2;height:15rem;transition-duration:.2s;position:relative;overflow:hidden}@media(min-width:768px){.grid-1{grid-column:span 3/span 3;height:100%}}.grid-1:hover{transform:translateY(-.25rem)}.grid-2{grid-row:span 1/span 1;height:15rem;transition-duration:.2s;position:relative;overflow:hidden}@media(min-width:768px){.grid-2{grid-column:span 3/span 3;height:100%}}.grid-2:hover{transform:translateY(-.25rem)}.grid-3{grid-row:span 1/span 1;height:15rem;transition-duration:.2s;position:relative;overflow:hidden}@media(min-width:768px){.grid-3{grid-column:span 3/span 3;height:100%}}.grid-3:hover{transform:translateY(-.25rem)}.grid-4{grid-row:span 1/span 1;height:15rem;transition-duration:.2s;position:relative;overflow:hidden}@media(min-width:768px){.grid-4{grid-column:span 2/span 2;height:100%}}.grid-4:hover{transform:translateY(-.25rem)}.grid-5{grid-row:span 1/span 1;height:15rem;transition-duration:.2s;position:relative;overflow:hidden}@media(min-width:768px){.grid-5{grid-column:span 4/span 4;height:100%}}.grid-5:hover{transform:translateY(-.25rem)}.grid-default-color{background:linear-gradient(to bottom,var(--color-storm),var(--color-indigo));border-radius:1rem;padding:1.5rem}.grid-special-color{background:linear-gradient(to bottom,var(--color-royal),var(--color-lavender));border-radius:1rem;padding:1.5rem}.grid-black-color{background:linear-gradient(to top left,#3a3a3a,#242424,#3a3a3a);border-radius:1rem;padding:1.5rem}.field-label{font-size:.875rem;font-weight:500;line-height:1.25}.field-label:disabled,.field-label[aria-disabled=true]{cursor:not-allowed;opacity:.7}.field-input{width:100%;min-height:2.5rem;color:inherit;background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:.375rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.field-input::placeholder{color:#737373}.field-input:focus-visible,.field-input-focus:focus-visible{outline:none;box-shadow:0 0 0 2px #fff3}.custom-select .ant-select-selector{align-items:center;display:flex;color:#fff!important;background-color:#2a1b3d99!important;border:1px solid #c084fc80!important;border-radius:.75rem!important;height:48px!important;padding:.75rem 1rem!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{background-color:#f7f8fc!important;font-family:Cairo,sans-serif;direction:rtl}.courses-page-layout{background-color:#f7f8fc!important;padding-top:24px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.add-course-btn{border-radius:8px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.add-course-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.course-card{border-radius:16px!important;overflow:hidden;border:1px solid #e8e8e8;box-shadow:0 4px 12px #0000000d;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%}.course-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a}.course-card-image{height:200px;object-fit:cover;filter:brightness(.92)}.course-card .ant-card-body{padding:20px!important;flex-grow:1;display:flex;flex-direction:column}.course-title{margin-bottom:8px!important;font-weight:700}.course-description{font-size:.9em;min-height:40px;margin-bottom:16px!important;color:#555}.course-stats{margin-bottom:20px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;padding:12px 0;color:#444}.manage-course-btn{border-radius:8px;font-weight:500;margin-top:auto}.designed-by-footer{text-align:center;margin-top:40px;padding-bottom:24px;color:#888}.designed-by-footer .ant-typography-strong{color:#555}.ant-modal-content{border-radius:12px!important}.ant-modal-header{border-radius:12px 12px 0 0!important;background:#f0f5ff}.ant-modal-title{font-weight:600;font-size:18px}.ant-form-item-label>label{font-weight:500}body{background-color:#f7f8fc!important;font-family:Roboto,sans-serif}.course-details-layout{background-color:#f7f8fc!important}.ant-tabs-tab{margin-left:15px!important}.course-banner{min-height:300px;height:auto;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;color:#fff;box-shadow:0 4px 12px #0000001a}.course-banner .overlay{position:relative;width:100%;height:100%;background:linear-gradient(to right,#000000b3,#0000004d);display:flex;align-items:center;padding:0 50px;flex-direction:column;justify-content:center}.course-banner .overlay{width:100%;height:450px!important}.banner-content{max-width:800px;padding:20px 0}.course-breadcrumb{color:#ffffffb3!important;margin-bottom:10px}.course-breadcrumb a{color:#ffffffb3!important}.course-breadcrumb a:hover{color:#fff!important}.banner-title{color:#fff!important;font-size:3em!important;font-weight:700!important;margin-bottom:10px!important;line-height:1.2}.banner-description{color:#fffc!important;font-size:1.1em;margin-bottom:20px!important}.banner-stats .ant-typography{color:#ffffffe6!important;font-weight:500}.banner-stats{margin-bottom:5%}.banner-stats .anticon{margin-right:8px}.course-details-content{padding:24px 50px;max-width:1400px;width:100%;margin:0 auto}.course-details-tabs-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:-60px;position:relative;z-index:10;padding:0 20px}.viewing-job-tabs .job-tabs .ant-tabs-nav{margin-bottom:0}.viewing-job-tabs .job-tabs .ant-tabs-nav:before{border-bottom:1px solid #f0f0f0}.viewing-job-tabs .job-tabs .ant-tabs-tab{padding:16px 24px;font-size:16px;font-weight:500}.viewing-job-tabs .job-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#1890ff;font-weight:600}.viewing-job-tabs .job-tabs .ant-tabs-content-holder{padding-top:24px}.viewing-job-tabs .job-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane{background:#fff}@media(max-width:768px){.viewing-job-tabs .job-tabs .ant-tabs-tab{padding:12px 16px;font-size:14px}.course-banner .overlay{padding:20px;align-items:flex-start}.banner-title{font-size:1.8em!important}.banner-description{font-size:1em}.banner-stats{flex-direction:column}}.course-details-tabs .ant-tabs-nav-wrap{justify-content:center}.course-details-tabs-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d9d9d9 transparent;margin-bottom:10px;margin-top:-60px}.course-details-tabs-scroll::-webkit-scrollbar{height:6px}.course-details-tabs-scroll::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}.scrollable-tabs{min-width:max-content;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;position:relative;z-index:10;padding:0 20px;overflow:hidden!important;display:flex;justify-content:space-around}.course-details-tabs .ant-tabs-nav-wrap{flex:1;justify-content:flex-start}.course-details-tabs .ant-tabs-tab{border-radius:20px;padding:12px 20px;transition:background .3s,color .3s}.course-details-tabs .ant-tabs-tab:hover{background:#f5f5f5;color:#1890ff}.course-details-tabs .ant-tabs-tab-active{background:#e6f7ff;font-weight:600;color:#1890ff}.course-details-tabs .ant-tabs-tab{padding:16px 20px;font-size:1.1em;font-weight:500;color:#595959;transition:color .3s ease}.course-details-tabs .ant-tabs-tab-active,.course-details-tabs .ant-tabs-tab-active .anticon{color:#1890ff}.course-details-tabs .ant-tabs-ink-bar{background:#1890ff}.metric-cards-row{margin-top:24px}.metric-card{border-radius:12px!important;box-shadow:0 2px 8px #0000000d;padding:16px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.metric-card .ant-card-body{padding:0!important}.metric-icon{font-size:24px;padding:8px;border-radius:8px;width:fit-content;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.metric-icon.students{background-color:#e6f7ff;color:#1890ff}.metric-icon.completion{background-color:#f6ffed;color:#52c41a}.metric-icon.units{background-color:#f9f0ff;color:#722ed1}.metric-icon.grade{background-color:#fffbe6;color:#faad14}.metric-card .ant-typography-secondary{font-size:.9em;color:#8c8c8c}.metric-card .metric-value{margin-top:5px!important;margin-bottom:0!important;font-size:2.2em!important;font-weight:700!important;line-height:1}.section-title{margin-top:40px!important;margin-bottom:20px!important;font-weight:600!important;font-size:1.8em!important}.recent-activity-card{border-radius:12px!important;box-shadow:0 2px 8px #0000000d;padding:16px}.activity-list{width:100%}.activity-item{display:flex;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f0f0f0}.activity-item:last-child{border-bottom:none}.activity-avatar{background-color:#f0f2f5!important;color:#1890ff;margin-right:16px;display:flex;align-items:center;justify-content:center;font-size:1.2em!important}.activity-details{flex-grow:1}@media(max-width:768px){.course-banner .overlay{padding:0 24px}.banner-title{font-size:2.2em!important}.banner-description{font-size:1em}.banner-stats .ant-typography{display:block;margin-bottom:5px}.course-details-content{padding:24px}.course-details-tabs-container{margin-top:-40px;padding:0 10px}.course-details-tabs .ant-tabs-tab{padding:12px 10px;font-size:1em}.section-title{font-size:1.5em!important}}@media(max-width:620px){.course-details-tabs .ant-tabs-tab{padding:12px 10px}}@media(max-width:576px){.page-header{flex-direction:column;align-items:flex-start}.page-header .ant-btn{margin-top:15px;width:100%}}body{direction:rtl;text-align:right}.course-breadcrumb{direction:rtl}.activity-avatar{margin-left:16px;margin-right:0}.overview-container{padding:24px 0;max-width:1400px;margin:0 auto}.overview-loading-container{text-align:center;padding:80px 20px;min-height:400px;display:flex;align-items:center;justify-content:center}.overview-empty-card{text-align:center;padding:50px;border-radius:16px;box-shadow:0 2px 8px #0000000f}.overview-main-card{border-radius:20px;margin-bottom:32px;box-shadow:0 8px 32px #667eea40;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6,#d946ef);padding:40px 32px;position:relative;overflow:hidden}.overview-main-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 15s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1) rotate(0);opacity:.5}50%{transform:scale(1.1) rotate(180deg);opacity:.8}}.overview-stat-box{display:flex;align-items:center;gap:20px;position:relative;z-index:1;min-width:0;flex:1}.overview-stat-icon-wrapper{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000001a}.overview-stat-icon-wrapper:hover{transform:scale(1.15) rotate(5deg);background:#ffffff4d;box-shadow:0 8px 30px #00000026}.overview-stat-icon{font-size:36px;color:#fff}.overview-stat-info{flex:1;min-width:0;display:flex;flex-direction:column;white-space:nowrap}.overview-stat-label{font-size:15px;color:#ffffffe6;font-weight:500;display:block;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-stat-value{margin:0!important;font-size:48px!important;font-weight:800!important;color:#fff!important;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.15)}.overview-main-progress{margin-top:16px;height:10px}.overview-main-progress .ant-progress-bg{border-radius:6px;background:#fff!important;height:10px!important}.overview-main-progress .ant-progress-inner{background:#ffffff40;border-radius:6px;height:10px!important}.overview-content-card{border-radius:20px;margin-bottom:32px;box-shadow:0 4px 20px #0000000f;border:none;padding:32px}.overview-section-title{font-size:22px!important;font-weight:700!important;color:#262626;margin-bottom:24px!important}.overview-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.overview-content-item{display:flex;align-items:center;gap:16px;padding:20px;border-radius:14px;background:#fafafa;transition:all .3s ease;border:2px solid transparent}.overview-content-item:hover{background:#fff;border-color:#f0f0f0;box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.overview-content-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;transition:all .3s ease}.overview-content-item:hover .overview-content-icon{transform:scale(1.1)}.overview-content-details{flex:1}.overview-content-label{font-size:14px;color:#8c8c8c;display:block;margin-bottom:4px;font-weight:500}.overview-content-value{margin:0!important;font-size:28px!important;font-weight:700!important;color:#262626;line-height:1}.overview-activities-card{border-radius:20px;box-shadow:0 4px 20px #0000000f;border:none;padding:32px}.overview-activities-list{padding:8px 0}.overview-activity-item{display:flex;align-items:flex-start;gap:16px;padding:20px 12px;border-radius:12px;transition:all .3s ease}.overview-activity-item:hover{background:#fafafa}.overview-activity-avatar{flex-shrink:0;margin-top:2px}.overview-activity-avatar-lesson{background:linear-gradient(135deg,#3b82f6,#2563eb)}.overview-activity-avatar-test{background:linear-gradient(135deg,#10b981,#059669)}.overview-activity-avatar-resource{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.overview-activity-avatar-question{background:linear-gradient(135deg,#faad14,#d48806)}.overview-activity-icon-test,.overview-activity-icon-lesson,.overview-activity-icon-resource,.overview-activity-icon-question{color:#fff;font-size:20px}.overview-activity-content{flex:1;min-width:0}.overview-activity-text{margin:0!important;line-height:1.6;font-size:15px;color:#262626}.overview-activity-name{color:#262626;font-weight:600;font-size:15px}.overview-activity-action{color:#595959;font-size:15px}.overview-activity-title{color:#1890ff;font-size:15px;font-weight:500}.overview-activity-time{font-size:13px;color:#8c8c8c;margin-top:6px;display:block}.overview-activity-divider{margin:8px 0;border-color:#f0f0f0}.overview-empty-activities{text-align:center;padding:60px 20px;color:#8c8c8c}@media(min-width:1400px){.overview-container{max-width:1600px}}@media(min-width:993px)and (max-width:1199px){.overview-main-card{padding:36px 28px}.overview-stat-value{font-size:44px!important}}@media(max-width:900px){.overview-main-card{padding:24px 16px;border-radius:14px}.overview-stat-box{flex-direction:column;align-items:center;text-align:center;gap:10px}.overview-stat-icon-wrapper{width:56px;height:56px}.overview-stat-icon{font-size:28px}.overview-stat-info{text-align:center}.overview-stat-value{font-size:32px!important}.overview-stat-label{font-size:13px}.overview-main-progress{margin-top:10px;height:6px;width:100%;max-width:200px;margin-left:auto;margin-right:auto}.overview-main-progress .ant-progress-bg,.overview-main-progress .ant-progress-inner{height:6px!important}.overview-content-grid{grid-template-columns:1fr;gap:12px}.overview-content-item{padding:14px 12px}.overview-content-icon{width:44px;height:44px;font-size:20px}.overview-content-value{font-size:20px!important}.overview-section-title{font-size:18px!important}}@media(max-width:400px){.overview-main-card{padding:20px 14px}.overview-stat-box{gap:8px}.overview-stat-icon-wrapper{width:50px;height:50px}.overview-stat-icon{font-size:24px}.overview-stat-value{font-size:28px!important}.overview-stat-label{font-size:12px}.overview-main-progress{height:5px;max-width:160px}.overview-main-progress .ant-progress-bg,.overview-main-progress .ant-progress-inner{height:5px!important}.overview-content-value{font-size:18px!important}.overview-content-icon{width:40px;height:40px;font-size:18px}.overview-content-item{padding:12px 10px}.overview-activity-item{padding:12px 4px}.overview-section-title{font-size:17px!important}}.analytics-container{padding:2rem;background-color:#f8fafc;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.analytics-header{margin-bottom:2rem}.analytics-header h1{font-size:2rem;font-weight:600;color:#1f2937;margin:0}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.metric-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a}.metric-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.metric-card.green .metric-icon{background:linear-gradient(135deg,#10b981,#059669)}.metric-card.blue .metric-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.metric-card.purple .metric-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.metric-card.orange .metric-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.metric-info h3{font-size:.9rem;color:#6b7280;margin:0;font-weight:500}.metric-value{font-size:2rem;font-weight:700;color:#1f2937;margin-top:.25rem}.metric-change{display:flex;align-items:center;gap:.5rem}.trend-up{color:#10b981}.trend-down{color:#ef4444}.change-text{font-size:.875rem;font-weight:500}.change-text.up{color:#10b981}.change-text.down{color:#ef4444}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.chart-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb}.chart-header{margin-bottom:1.5rem}.chart-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.weekly-chart{display:flex;flex-direction:column;gap:1rem}.week-bar{display:grid;grid-template-columns:80px 1fr 60px;gap:1rem;align-items:center}.week-label{font-size:.875rem;font-weight:500;color:#6b7280}.progress-bar{background:#f3f4f6;border-radius:8px;height:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4f46e5,#7c3aed);height:100%;border-radius:8px;transition:width .5s ease}.week-value{font-size:.875rem;font-weight:600;color:#1f2937;text-align:left}.unit-performance{display:flex;flex-direction:column;gap:1.5rem}.unit-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:8px;background:#f9fafb;transition:background .2s}.unit-item:hover{background:#f3f4f6}.unit-info{flex:1}.unit-name{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.unit-description{font-size:.875rem;color:#4f46e5;font-weight:500;margin-bottom:.25rem}.unit-students{font-size:.875rem;color:#6b7280}.score-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.score-circle span{font-size:.875rem;font-weight:600;color:#1f2937;background:#fff;padding:.25rem;border-radius:50%;min-width:45px;min-height:45px;display:flex;align-items:center;justify-content:center}@media(max-width:1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.analytics-container{padding:1rem}.analytics-header h1{font-size:1.5rem}.metrics-grid{grid-template-columns:1fr;gap:1rem}.metric-card{padding:1rem}.metric-value{font-size:1.5rem}.charts-grid{grid-template-columns:1fr;gap:1.5rem}.chart-container{padding:1rem}.week-bar{grid-template-columns:70px 1fr 50px;gap:.5rem}.score-circle{width:50px;height:50px}.score-circle span{font-size:.75rem;min-width:38px;min-height:38px}}@media(max-width:480px){.analytics-container{padding:.75rem}.metric-header{gap:.75rem}.metric-icon{width:40px;height:40px}.metric-value{font-size:1.25rem}.week-bar{grid-template-columns:60px 1fr 45px;gap:.5rem}.unit-item{padding:.75rem}.chart-header h2{font-size:1.1rem}}@media(prefers-color-scheme:dark){.analytics-container{background-color:#0f172a}.analytics-header h1{color:#f1f5f9}.metric-card,.chart-container{background:#1e293b;border-color:#334155}.metric-info h3{color:#94a3b8}.metric-value,.chart-header h2,.unit-name,.unit-description,.week-value{color:#f1f5f9}.week-label,.unit-students{color:#94a3b8}.unit-item{background:#0f172a}.unit-item:hover{background:#1e293b}.progress-bar{background:#374151}.score-circle span{background:#1e293b;color:#f1f5f9}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.metric-card,.chart-container{animation:fadeIn .6s ease-out}.metric-card:nth-child(1){animation-delay:.1s}.metric-card:nth-child(2){animation-delay:.2s}.metric-card:nth-child(3){animation-delay:.3s}.metric-card:nth-child(4){animation-delay:.4s}.course-settings-page{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#fff,#f3e5f5);padding:1rem;direction:rtl}@media(min-width:768px){.course-settings-page{padding:2rem}}.course-settings-card{max-width:1024px;margin:0 auto;background:#fff;border-radius:1rem;box-shadow:0 10px 40px #0000001a;overflow:hidden}.course-settings-header{background:linear-gradient(90deg,#2563eb,#9333ea);padding:1.5rem;text-align:center}@media(min-width:768px){.course-settings-header{padding:2rem}}.course-settings-header h1{font-size:1.5rem;font-weight:700;color:#fff;margin:0}@media(min-width:768px){.course-settings-header h1{font-size:1.875rem}}.course-settings-form{padding:1.5rem}@media(min-width:768px){.course-settings-form{padding:2rem}}.course-settings-section{margin-bottom:1.5rem}.course-settings-label{display:block;color:#374151;font-weight:600;font-size:1.125rem;margin-bottom:.75rem}.course-settings-label .required{color:#ef4444}.course-settings-label .char-count{color:#9ca3af;font-size:.875rem;font-weight:400;margin-right:.5rem}.course-settings-image-wrapper{position:relative;width:100%;height:16rem;border-radius:.75rem;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px dashed #d1d5db;transition:all .3s ease;cursor:pointer}@media(min-width:768px){.course-settings-image-wrapper{height:20rem}}.course-settings-image-wrapper:hover{border-color:#3b82f6}.course-settings-image-preview{width:100%;height:100%;object-fit:cover}.course-settings-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af}.course-settings-image-placeholder svg{margin-bottom:1rem}.course-settings-image-placeholder p{font-size:1.125rem;margin:0}.course-settings-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.course-settings-image-wrapper:hover .course-settings-image-overlay{opacity:1}.course-settings-upload-btn{background:#fff;border-radius:50%;padding:1rem;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center}.course-settings-upload-btn:hover{transform:scale(1.1)}.course-settings-upload-btn svg{color:#2563eb}.course-settings-upload-input{display:none}.course-settings-help-text{text-align:center;font-size:.875rem;color:#6b7280;margin-top:.75rem}.course-settings-input,.course-settings-textarea{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:2px solid #e5e7eb;font-size:1.125rem;transition:all .2s ease;font-family:inherit}.course-settings-input:focus,.course-settings-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.course-settings-input.error,.course-settings-textarea.error{border-color:#f87171}.course-settings-input.error:focus,.course-settings-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.course-settings-textarea{resize:none;min-height:100px}.course-settings-error{color:#ef4444;font-size:.875rem;margin-top:.25rem}.course-settings-actions{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;margin-top:1.5rem}@media(min-width:640px){.course-settings-actions{flex-direction:row}}.course-settings-btn{flex:1;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1.125rem;cursor:pointer;border:none;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.course-settings-btn:disabled{opacity:.5;cursor:not-allowed}.course-settings-btn-primary{background:linear-gradient(90deg,#2563eb,#9333ea);color:#fff;box-shadow:0 4px 6px #2563eb4d}.course-settings-btn-primary:hover:not(:disabled){background:linear-gradient(90deg,#1d4ed8,#7e22ce);box-shadow:0 6px 12px #2563eb66;transform:translateY(-1px)}.course-settings-btn-primary:focus{outline:none;box-shadow:0 0 0 4px #3b82f633}.course-settings-btn-secondary{background-color:#f3f4f6;color:#374151}.course-settings-btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.course-settings-btn-secondary:focus{outline:none;box-shadow:0 0 0 4px #9ca3af33}.course-settings-page .ant-spin-nested-loading{width:100%}.course-settings-page .ant-spin-container{transition:opacity .3s ease}@media(max-width:640px){.course-settings-card{border-radius:0}.course-settings-page{padding:0}}.course-content-ar{background:#f7f8fc;height:100%;direction:rtl;font-family:Tajawal,sans-serif;margin-top:24px}.title{font-size:24px;font-weight:700;margin:0 0 10px;color:#111827}.header{margin-bottom:24px}.unit-card{border-radius:12px!important}.meta{font-size:14px;color:#6b7280;margin-bottom:12px}.progress-section,.students-section{margin-bottom:12px}.label{font-size:13px;font-weight:500;color:#374151;margin-bottom:4px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.card-title-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.title-left{display:flex;align-items:center;gap:8px}.unit-title{font-weight:500;font-size:16px;color:#111827}.status-tag{font-weight:700;font-size:13px}.order-index{font-weight:700;color:#007bff}.rou-reorder-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;direction:rtl}.rou-reorder-header{max-width:1200px;margin:0 auto 3rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;background:#fffffff2;padding:2rem;border-radius:20px;box-shadow:0 20px 60px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rou-header-content{flex:1;min-width:250px}.rou-page-title{font-size:2rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rou-page-subtitle{color:#64748b;font-size:1rem;margin:0;font-weight:500}.rou-header-actions{display:flex;gap:1rem;flex-wrap:wrap}.rou-save-btn{background:linear-gradient(135deg,#16a34a,#15803d)!important;border:none!important;height:44px!important;padding:0 2rem!important;font-size:1rem!important;font-weight:600!important;border-radius:12px!important;box-shadow:0 4px 15px #16a34a4d!important;transition:all .3s ease!important}.rou-save-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 6px 20px #16a34a66!important}.rou-save-btn:disabled{opacity:.5!important;cursor:not-allowed!important}.rou-cancel-btn{height:44px!important;padding:0 2rem!important;font-size:1rem!important;font-weight:600!important;border-radius:12px!important;border:2px solid #e2e8f0!important;background:#fff!important;color:#64748b!important;transition:all .3s ease!important}.rou-cancel-btn:hover{border-color:#cbd5e1!important;background:#f8fafc!important;transform:translateY(-2px)!important}.rou-units-list-container{max-width:1200px;margin:0 auto}.rou-units-list{display:flex;flex-direction:column;gap:1rem}.rou-unit-card{display:flex;align-items:center;gap:1.5rem;background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:grab;position:relative;overflow:hidden}.rou-unit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.rou-unit-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.rou-unit-card:hover:before{transform:scaleX(1)}.rou-unit-card.rou-dragging{opacity:.5;cursor:grabbing}.rou-unit-card.rou-dragging-overlay{cursor:grabbing;box-shadow:0 20px 60px #00000040;transform:rotate(3deg)}.rou-drag-handle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;cursor:grab;transition:all .3s ease;flex-shrink:0}.rou-drag-handle:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:scale(1.1)}.rou-drag-handle:active{cursor:grabbing;transform:scale(.95)}.rou-drag-handle .anticon{font-size:1.5rem;color:#64748b}.rou-unit-content{flex:1;min-width:0}.rou-unit-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.rou-unit-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;font-weight:700;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.rou-unit-title{flex:1;margin:0;font-size:1.25rem;font-weight:700;color:#1e293b;min-width:150px}.rou-status-badge{padding:.4rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;flex-shrink:0}.rou-status-badge.rou-published{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d}.rou-status-badge.rou-draft{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.rou-unit-stats{display:flex;gap:2rem;flex-wrap:wrap}.rou-stat-item{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.95rem;font-weight:500}.rou-stat-item .anticon{font-size:1.1rem;color:#667eea}.rou-changes-indicator{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:1000;animation:rou-slideUp .3s ease}@keyframes rou-slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.rou-changes-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:1rem 2rem;border-radius:50px;font-weight:600;box-shadow:0 8px 30px #f59e0b66;animation:rou-pulse 2s infinite}@keyframes rou-pulse{0%,to{box-shadow:0 8px 30px #f59e0b66}50%{box-shadow:0 8px 40px #f59e0b99}}@media(max-width:768px){.rou-reorder-container{padding:1rem}.rou-reorder-header{padding:1.5rem;margin-bottom:2rem}.rou-page-title{font-size:1.5rem}.rou-page-subtitle{font-size:.875rem}.rou-header-actions{width:100%}.rou-save-btn,.rou-cancel-btn{flex:1;min-width:120px}.rou-unit-card{padding:1rem;gap:1rem}.rou-drag-handle{width:40px;height:40px}.rou-drag-handle .anticon{font-size:1.25rem}.rou-unit-number{width:35px;height:35px;font-size:1rem}.rou-unit-title{font-size:1.1rem}.rou-unit-stats{gap:1rem}.rou-stat-item{font-size:.875rem}.rou-changes-indicator{bottom:1rem;left:1rem;right:1rem;transform:none}.rou-changes-badge{text-align:center;padding:.875rem 1.5rem;font-size:.875rem}}@media(max-width:480px){.rou-unit-header{gap:.75rem}.rou-unit-stats{flex-direction:column;gap:.5rem}.rou-status-badge{padding:.3rem .75rem;font-size:.75rem}}.rou-loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.rou-loading-card{background:#fff;padding:4rem 3rem;border-radius:24px;box-shadow:0 20px 60px #00000026;text-align:center;max-width:500px;animation:rou-fadeIn .5s ease}.rou-loading-title{margin:2rem 0 .5rem;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rou-loading-subtitle{color:#64748b;font-size:1rem;margin:0}@keyframes rou-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rou-empty-card{background:#fff;padding:4rem 3rem;border-radius:24px;box-shadow:0 20px 60px #00000026;text-align:center;max-width:500px;animation:rou-fadeIn .5s ease}.rou-empty-title{margin:1.5rem 0 .5rem;font-size:1.75rem;font-weight:700;color:#1e293b}.rou-empty-subtitle{color:#64748b;font-size:1rem;margin:0 0 2rem}.rou-back-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;height:44px!important;padding:0 2rem!important;font-size:1rem!important;font-weight:600!important;border-radius:12px!important;color:#fff!important;box-shadow:0 4px 15px #667eea4d!important;transition:all .3s ease!important}.rou-back-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #667eea66!important}.rou-saving-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:rou-fadeIn .3s ease}.rou-saving-content{background:#fff;padding:3rem;border-radius:20px;text-align:center;box-shadow:0 20px 60px #0000004d;animation:rou-scaleIn .3s ease}@keyframes rou-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.rou-saving-text{margin:1.5rem 0 0;font-size:1.25rem;font-weight:600;color:#1e293b}.rou-unit-card,.rou-drag-handle,.rou-save-btn,.rou-cancel-btn{will-change:transform}@media(max-width:768px){.rou-loading-card,.rou-empty-card{padding:3rem 2rem}.rou-loading-title,.rou-empty-title{font-size:1.5rem}.rou-saving-content{padding:2.5rem 2rem;margin:0 1rem}.rou-saving-text{font-size:1.1rem}}.rou-unit-number-input-wrapper{display:flex;align-items:center;justify-content:center;min-width:60px}.rou-position-input{width:60px;text-align:center;font-weight:600;font-size:18px;border-radius:8px;border:2px solid #e2e8f0;transition:all .3s ease}.rou-position-input:hover{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.rou-position-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.rou-position-input input{text-align:center;font-weight:600;color:#1e293b}.rou-search-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:600;height:44px;padding:0 24px;border-radius:8px;transition:all .3s ease}.rou-search-btn:hover{background:linear-gradient(135deg,#5568d3,#653a8e);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66;color:#fff}.rou-search-btn:disabled{background:#e2e8f0;color:#94a3b8;transform:none;box-shadow:none}.rou-search-modal .ant-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;padding:20px 24px;border-radius:12px 12px 0 0}.rou-modal-title{display:flex;align-items:center;gap:12px;color:#fff;font-size:20px;font-weight:600}.rou-modal-title .anticon{font-size:24px}.rou-search-modal .ant-modal-content{border-radius:12px;overflow:hidden}.rou-search-modal .ant-modal-body{padding:24px;background:#f8fafc}.rou-search-modal .ant-modal-footer{background:#fff;padding:16px 24px;border-top:1px solid #e2e8f0}.rou-search-modal-content{display:flex;flex-direction:column;gap:24px}.rou-search-input-wrapper,.rou-select-unit-wrapper,.rou-target-position-wrapper{display:flex;flex-direction:column;gap:8px}.rou-search-input-wrapper label,.rou-select-unit-wrapper label,.rou-target-position-wrapper label{font-weight:600;color:#1e293b;font-size:14px}.rou-unit-select{width:100%}.rou-unit-select .ant-select-selector{border-radius:8px;border:2px solid #e2e8f0;min-height:44px;padding:4px 12px}.rou-unit-select:hover .ant-select-selector,.rou-unit-select.ant-select-focused .ant-select-selector{border-color:#3b82f6}.rou-option-content{display:flex;align-items:center;gap:12px;padding:8px 0}.rou-option-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;font-weight:700;font-size:14px;flex-shrink:0}.rou-option-title{flex:1;font-size:15px;color:#334155;font-weight:500}.rou-option-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;flex-shrink:0}.rou-option-badge.rou-published{background:#dcfce7;color:#166534}.rou-option-badge.rou-draft{background:#fef3c7;color:#92400e}.rou-target-position-wrapper input{border-radius:8px;border:2px solid #e2e8f0;font-size:16px;font-weight:600;text-align:center;transition:all .3s ease}.rou-target-position-wrapper input:hover{border-color:#3b82f6}.rou-target-position-wrapper input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.rou-position-hint{font-size:13px;color:#64748b;font-style:italic;margin-top:4px}.rou-search-modal .ant-modal-footer .ant-btn{height:40px;border-radius:8px;font-weight:600;padding:0 24px}.rou-search-modal .ant-modal-footer .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.rou-search-modal .ant-modal-footer .ant-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#653a8e);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.rou-search-modal .ant-modal-footer .ant-btn-primary:disabled{background:#e2e8f0;color:#94a3b8}@media(max-width:768px){.rou-search-modal{width:calc(100% - 32px)!important;max-width:500px}.rou-position-input{width:50px;font-size:16px}.rou-header-actions{flex-wrap:wrap;gap:8px}.rou-search-btn{width:100%;order:-1}.rou-option-content{gap:8px}.rou-option-number{width:28px;height:28px;font-size:13px}.rou-option-title{font-size:14px}}.ant-select-dropdown{border-radius:8px;box-shadow:0 10px 40px #00000026;padding:8px}.ant-select-item{border-radius:6px;margin-bottom:4px;padding:8px 12px}.ant-select-item-option-selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);font-weight:600}.ant-select-item-option-active{background:#3b82f60d}.rou-search-input-wrapper .ant-input-affix-wrapper{border-radius:8px;border:2px solid #e2e8f0;transition:all .3s ease}.rou-search-input-wrapper .ant-input-affix-wrapper:hover{border-color:#3b82f6}.rou-search-input-wrapper .ant-input-affix-wrapper-focused{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.rou-unit-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.rou-position-input input{transition:all .2s ease}.rou-position-input:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.rou-search-btn:focus-visible,.ant-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.rou-modal-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#64748b}.rou-search-empty{text-align:center;padding:40px 20px;color:#64748b}.rou-search-empty .anticon{font-size:48px;color:#cbd5e1;margin-bottom:16px}.rou-search-empty p{font-size:14px;margin:0}@keyframes positionChange{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.rou-unit-card.position-changing{animation:positionChange .3s ease}.rou-unit-card:hover .rou-position-input{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}@media(prefers-color-scheme:dark){.rou-search-modal .ant-modal-body{background:#1e293b}.rou-search-input-wrapper label,.rou-select-unit-wrapper label,.rou-target-position-wrapper label,.rou-option-title{color:#e2e8f0}.rou-position-hint{color:#94a3b8}.rou-position-input,.rou-target-position-wrapper input{background:#334155;color:#e2e8f0;border-color:#475569}.rou-position-input:hover,.rou-target-position-wrapper input:hover{border-color:#3b82f6}}.ucm-container{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);direction:rtl}.ucm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:2rem}.ucm-loading h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.ucm-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a}.ucm-header-top{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.ucm-back-btn{font-size:1rem!important;font-weight:500!important;color:#64748b!important;height:40px!important}.ucm-back-btn:hover{color:#3b82f6!important;background:#eff6ff!important}.ucm-header-actions{display:flex;gap:1rem;align-items:center}.ucm-save-order-btn{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:none!important;height:44px!important;padding:0 2rem!important;font-weight:600!important;border-radius:10px!important;box-shadow:0 4px 12px #f59e0b4d!important}.ucm-add-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;height:44px!important;font-weight:600!important;border-radius:10px!important;box-shadow:0 4px 12px #3b82f64d!important}.ucm-add-btn:hover,.ucm-save-order-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #3b82f666!important}.ucm-unit-info{max-width:1400px;margin:0 auto;padding:2rem}.ucm-unit-title-section{margin-bottom:2rem}.ucm-unit-title{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.ucm-unit-description{font-size:1.1rem;color:#64748b;margin:0}.ucm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.ucm-stat-card{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 2px 8px #0000000f;display:flex;align-items:center;gap:1rem;transition:all .3s ease;border:2px solid transparent}.ucm-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a;border-color:#e0f2fe}.ucm-stat-icon{font-size:2rem}.ucm-stat-card .ant-statistic-title{color:#64748b;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.ucm-stat-card .ant-statistic-content{font-size:1.75rem;font-weight:700;color:#1e293b}.ucm-content-section{max-width:1400px;margin:0 auto;padding:2rem}.ucm-section-header{margin-bottom:2rem}.ucm-section-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.ucm-section-subtitle{font-size:1rem;color:#64748b;margin:0}.ucm-content-list{display:flex;flex-direction:column;gap:1rem}.ucm-content-item{display:flex;align-items:center;gap:1.5rem;background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 2px 8px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:grab;border:2px solid transparent}.ucm-content-item:hover{transform:translate(-4px);box-shadow:0 8px 24px #0000001a;border-color:#e0f2fe}.ucm-content-item.ucm-dragging{opacity:.5;cursor:grabbing}.ucm-content-item.ucm-dragging-overlay{cursor:grabbing;box-shadow:0 20px 60px #0003;transform:rotate(2deg)}.ucm-position-input-wrapper{position:relative;flex-shrink:0;width:60px}.ucm-position-input{width:100%;text-align:center;font-weight:600;border-radius:8px}.ucm-position-input-editing{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.ucm-position-input-error{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef44441a!important}.ucm-position-error-text{position:absolute;top:100%;left:0;right:0;margin-top:4px;font-size:.75rem;color:#ef4444;text-align:center;white-space:nowrap}.ucm-drag-handle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:10px;cursor:grab;transition:all .3s ease;flex-shrink:0}.ucm-drag-handle:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:scale(1.1)}.ucm-drag-handle:active{cursor:grabbing}.ucm-drag-handle .anticon{font-size:1.25rem;color:#64748b}.ucm-content-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ucm-content-info{flex:1;min-width:0;overflow:hidden}.ucm-content-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.ucm-content-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0;flex:1;min-width:200px;-webkit-line-clamp:2}.ucm-content-badges{display:flex;gap:.5rem;flex-wrap:wrap}.ucm-content-description{color:#64748b;font-size:.95rem;margin:0 0 .75rem;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ucm-content-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.ucm-meta-item{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem;font-weight:500}.ucm-meta-item .anticon{color:#94a3b8}.ucm-content-actions{flex-shrink:0}.ucm-content-actions .ant-btn{width:40px;height:40px;border-radius:10px;color:#64748b;transition:all .3s ease}.ucm-content-actions .ant-btn:hover{background:#eff6ff;color:#3b82f6}.ucm-empty-state{background:#fff;padding:4rem 2rem;border-radius:16px;box-shadow:0 2px 8px #0000000f;text-align:center}.ucm-add-modal .ant-modal-header{border-bottom:1px solid #f1f5f9;padding:1.5rem 2rem}.ucm-add-modal .ant-modal-body{padding:2rem}.ucm-modal-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:#1e293b}.ucm-modal-content{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.ucm-modal-option{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .3s ease}.ucm-modal-option:hover{background:#fff;border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 8px 20px #3b82f626}.ucm-modal-option-icon{font-size:2.5rem}.ucm-modal-option-label{font-size:1rem;font-weight:600;color:#1e293b}.ucm-search-move-btn{height:44px!important;font-weight:600!important;border-radius:10px!important}.ucm-changes-indicator{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:1rem 2rem;border-radius:50px;font-weight:600;box-shadow:0 8px 30px #f59e0b66;z-index:1000;animation:ucm-slideUp .3s ease}@keyframes ucm-slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:1024px){.ucm-header-top{padding:1rem 1.5rem}.ucm-unit-info,.ucm-content-section{padding:1.5rem}.ucm-stats-grid{grid-template-columns:repeat(2,1fr)}.ucm-modal-content{grid-template-columns:1fr}}@media(max-width:768px){.ucm-header-top{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.ucm-header-actions{width:100%;justify-content:stretch;flex-wrap:wrap}.ucm-add-btn,.ucm-save-order-btn,.ucm-search-move-btn{flex:1;min-width:120px}.ucm-unit-info{padding:1rem}.ucm-unit-title{font-size:1.5rem}.ucm-unit-description{font-size:1rem}.ucm-stats-grid{grid-template-columns:1fr;gap:1rem}.ucm-content-section{padding:1rem}.ucm-content-item{padding:1rem;gap:.75rem;flex-wrap:nowrap}.ucm-position-input-wrapper{width:50px}.ucm-drag-handle{width:36px;height:36px}.ucm-content-icon{width:48px;height:48px}.ucm-content-icon .anticon{font-size:20px!important}.ucm-content-title{font-size:1rem;min-width:120px}.ucm-content-meta{gap:1rem}.ucm-changes-indicator{bottom:1rem;left:1rem;right:1rem;transform:none;text-align:center;font-size:.875rem}.ucm-modal-option{padding:1.5rem 1rem}.ucm-modal-option-icon{font-size:2rem}}@media(max-width:480px){.ucm-content-item{padding:.75rem;gap:.5rem;overflow:hidden}.ucm-position-input-wrapper{width:45px}.ucm-position-input{font-size:.875rem;padding:.25rem}.ucm-drag-handle{width:32px;height:32px}.ucm-drag-handle .anticon{font-size:1rem}.ucm-content-icon{width:40px;height:40px}.ucm-content-icon .anticon{font-size:18px!important}.ucm-content-info{min-width:0;flex:1;overflow:hidden}.ucm-content-header{flex-direction:column;align-items:flex-start;gap:.5rem}.ucm-content-title{font-size:.9rem;min-width:0;width:100%;white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.ucm-content-badges{width:100%}.ucm-content-badges .ant-tag{font-size:.7rem;padding:.125rem .5rem}.ucm-content-description{font-size:.85rem;-webkit-line-clamp:2}.ucm-content-meta{flex-direction:column;gap:.5rem}.ucm-meta-item{font-size:.8rem}.ucm-content-actions .ant-btn{width:36px;height:36px}.ucm-back-btn{font-size:.875rem!important}.ucm-unit-title,.ucm-section-title{font-size:1.25rem}.ucm-section-subtitle{font-size:.875rem}}@media(max-width:360px){.ucm-content-item{padding:.5rem;gap:.4rem}.ucm-position-input-wrapper{width:40px}.ucm-drag-handle{width:28px;height:28px}.ucm-content-icon{width:36px;height:36px}.ucm-content-icon .anticon{font-size:16px!important}.ucm-content-actions .ant-btn{width:32px;height:32px}}.ucm-content-item,.ucm-drag-handle,.ucm-stat-card,.ucm-modal-option{will-change:transform}.ucm-add-modal .ant-modal-content{border-radius:20px;overflow:hidden}.ucm-add-modal .ant-modal-close{top:1.5rem;left:1.5rem}.ucm-content-item .ant-tag{margin:0;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;border:none}.ucm-loading .ant-spin{color:#3b82f6}*{-webkit-tap-highlight-color:transparent}.ucm-container *{box-sizing:border-box}.ucm-position-input-wrapper{position:relative;min-width:50px;margin-left:12px}.ucm-position-input{width:50px;text-align:center;font-weight:600;font-size:14px;border:2px solid #e5e7eb;border-radius:8px;transition:all .3s ease;cursor:pointer}.ucm-position-input:hover{border-color:#3b82f6;background-color:#f0f9ff}.ucm-position-input-editing{border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}.ucm-position-input-error{border-color:#ef4444!important;background-color:#fef2f2!important}.ucm-position-input-error:focus{box-shadow:0 0 0 3px #ef44441a!important}.ucm-position-error-text{position:absolute;top:100%;right:0;margin-top:4px;font-size:11px;color:#ef4444;font-weight:500;white-space:nowrap}.ucm-search-move-btn{height:40px;border-radius:8px;font-weight:500;border:1px solid #e5e7eb;transition:all .3s ease}.ucm-search-move-btn:hover{border-color:#3b82f6;color:#3b82f6;background-color:#f0f9ff}.search-move-modal .ant-modal-content{border-radius:16px;overflow:hidden}.search-move-modal .ant-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;padding:24px}.search-move-modal-title{color:#fff;font-size:20px;font-weight:600;display:flex;align-items:center;gap:12px}.search-move-modal-title .anticon{font-size:24px}.search-move-modal-content{padding:8px 0}.search-move-field{display:flex;flex-direction:column;gap:8px}.search-move-label{font-weight:600;font-size:14px;color:#374151;display:flex;align-items:center;gap:8px}.search-move-label .anticon{color:#6366f1;font-size:16px}.search-move-option{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.search-move-option-content{display:flex;align-items:center;font-size:14px}.search-move-option-tag{font-size:12px;margin:0}.search-move-hint{font-size:12px;color:#6b7280;margin-top:4px;display:block}.search-move-modal .ant-modal-footer{border-top:1px solid #f3f4f6;padding:16px 24px}.search-move-modal .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;height:40px;font-weight:500;border-radius:8px}.search-move-modal .ant-btn-primary:hover{background:linear-gradient(135deg,#5568d3,#653a8a)}.search-move-modal .ant-btn-default{height:40px;border-radius:8px;font-weight:500}.search-move-modal .ant-input-lg{border-radius:8px;border:2px solid #e5e7eb;transition:all .3s ease}.search-move-modal .ant-input-lg:hover{border-color:#c7d2fe}.search-move-modal .ant-input-lg:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.search-move-modal .ant-select-selector{border-radius:8px!important;border:2px solid #e5e7eb!important;height:40px!important;padding:4px 11px!important}.search-move-modal .ant-select-focused .ant-select-selector{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f11a!important}.search-move-modal .ant-input-number{border-radius:8px;border:2px solid #e5e7eb;width:100%}.search-move-modal .ant-input-number:hover{border-color:#c7d2fe}.search-move-modal .ant-input-number-focused{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.search-move-modal .ant-alert{border-radius:8px;border:none;background-color:#eff6ff;margin-bottom:4px}.search-move-modal .ant-alert-info{background-color:#eff6ff}.search-move-modal .ant-alert-info .ant-alert-icon{color:#3b82f6}.ucm-content-item{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:12px;transition:all .3s ease}@media(max-width:768px){.ucm-position-input-wrapper{min-width:45px;margin-left:8px}.ucm-position-input{width:45px;font-size:12px}.search-move-modal{width:95%!important;max-width:95%!important}.search-move-modal-title{font-size:18px}.search-move-label{font-size:13px}.ucm-search-move-btn{height:36px;font-size:13px}}[dir=rtl] .ucm-position-input-wrapper{margin-left:0;margin-right:12px}[dir=rtl] .ucm-position-error-text{right:auto;left:0}[dir=rtl] .search-move-option-content{flex-direction:row-reverse}[dir=rtl] .search-move-option-content .anticon{margin-left:0;margin-right:8px}@keyframes positionUpdate{0%{transform:scale(1)}50%{transform:scale(1.1);background-color:#dcfce7}to{transform:scale(1)}}.ucm-position-input.position-updated{animation:positionUpdate .4s ease}.teacher-layout{min-height:100vh;background-color:#f9fafb;position:relative}.teacher-layout__mobile-menu-btn{position:fixed;top:16px;right:16px;z-index:50;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px;cursor:pointer;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;justify-content:center;color:#374151;transition:all .2s ease}.teacher-layout__mobile-menu-btn:hover{background-color:#f3f4f6;box-shadow:0 6px 8px #00000026}.teacher-layout__mobile-menu-btn:active{transform:scale(.95)}.teacher-layout__desktop-toggle-btn{position:fixed;top:20px;right:20px;z-index:50;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;cursor:pointer;box-shadow:0 2px 8px #0000001a;display:none;align-items:center;justify-content:center;color:#374151;transition:all .3s ease}.teacher-layout__desktop-toggle-btn:hover{background-color:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb4d}.teacher-layout__desktop-toggle-btn:active{transform:scale(.95)}.teacher-layout__sidebar{position:fixed;top:0;right:0;height:100vh;background-color:#fff;border-left:1px solid #e5e7eb;overflow-y:auto;z-index:40;transition:transform .3s ease-in-out}.teacher-layout__sidebar--desktop-open{width:288px;transform:translate(0)}.teacher-layout__sidebar--desktop-closed{width:288px;transform:translate(100%)}.teacher-layout__sidebar--mobile-open{width:320px;transform:translate(0)}.teacher-layout__sidebar--mobile-closed{width:320px;transform:translate(100%)}.teacher-layout__header{padding:24px;border-bottom:1px solid #e5e7eb;position:relative}.teacher-layout__close-btn{position:absolute;top:20px;left:20px;background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.teacher-layout__close-btn:hover{background-color:#f3f4f6;color:#1f2937}.teacher-layout__title{font-size:24px;font-weight:700;color:#2563eb;text-align:center;margin:0}.teacher-layout__subtitle{font-size:14px;color:#6b7280;text-align:center;margin-top:4px}.teacher-layout__nav{padding:16px;display:flex;flex-direction:column;gap:4px}.teacher-layout__menu-group{width:100%}.teacher-layout__menu-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:8px;background:none;border:none;cursor:pointer;transition:all .2s ease;text-align:right;color:#374151}.teacher-layout__menu-item:hover{background-color:#f6f6f3}.teacher-layout__menu-item--active:hover{background-color:#f0f0ee}.teacher-layout__menu-item--active:hover .teacher-layout__menu-description,.teacher-layout__menu-item--active:hover .teacher-layout__menu-icon,.teacher-layout__menu-item--active:hover .teacher-layout__menu-label{color:#000}.teacher-layout__menu-item--active{background-color:#2563eb;color:#fff;box-shadow:0 4px 6px #2563eb33}.teacher-layout__menu-content{display:flex;align-items:center;gap:12px;flex:1}.teacher-layout__menu-icon{flex-shrink:0;color:#6b7280}.teacher-layout__menu-item--active .teacher-layout__menu-icon{color:#fff}.teacher-layout__menu-text{flex:1;text-align:right}.teacher-layout__menu-label{font-weight:500;font-size:15px;color:inherit}.teacher-layout__menu-description{font-size:12px;color:#9ca3af;margin-top:2px}.teacher-layout__menu-item--active .teacher-layout__menu-description{color:#fffc}.teacher-layout__menu-chevron{flex-shrink:0;display:flex;align-items:center;color:inherit}.teacher-layout__submenu{margin-right:16px;margin-top:4px;display:flex;flex-direction:column;gap:4px;border-right:2px solid #bfdbfe;padding-right:16px}.teacher-layout__submenu-item{width:100%;text-align:right;padding:8px 16px;border-radius:8px;font-size:14px;background:none;border:none;cursor:pointer;transition:all .2s ease;color:#6b7280}.teacher-layout__submenu-item:hover{background-color:#f9fafb;color:#374151}.teacher-layout__submenu-item--active{background-color:#eff6ff;color:#2563eb;font-weight:500}.teacher-layout__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.teacher-layout__main{min-height:100vh;transition:margin-right .3s ease}.teacher-layout__main--sidebar-open{margin-right:288px}.teacher-layout__main--sidebar-closed{margin-right:0}.teacher-layout__content{padding:16px}@media(min-width:1024px){.teacher-layout__mobile-menu-btn{display:none}.teacher-layout__desktop-toggle-btn{display:flex}}@media(max-width:1023px){.teacher-layout__main{margin-right:0!important}}.teacher-layout__sidebar::-webkit-scrollbar{width:6px}.teacher-layout__sidebar::-webkit-scrollbar-track{background:#f9fafb}.teacher-layout__sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.teacher-layout__sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media print{.teacher-layout__sidebar,.teacher-layout__mobile-menu-btn,.teacher-layout__overlay{display:none!important}.teacher-layout__main{margin-right:0!important}}.teacher-layout-loading,.teacher-layout-error{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f4c75);direction:rtl}.teacher-layout__user-info{display:flex;align-items:center;gap:12px;padding:16px 0;margin-top:16px;border-top:1px solid #e5e7eb}.teacher-layout__user-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;box-shadow:0 4px 12px #667eea66}.teacher-layout__user-details{flex:1;text-align:right}.teacher-layout__user-name{font-weight:700;color:#1f2937;font-size:16px}.teacher-layout__user-role{font-size:14px;color:#6b7280;font-weight:500}.loading-container,.error-container{text-align:center;padding:48px;max-width:480px}.error-container{background:#ffffff0d;border-radius:24px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:scaleIn .5s ease-out}@media(max-width:768px){.teacher-layout__user-info{padding:12px 0}.teacher-layout__user-avatar{width:40px;height:40px;font-size:16px}.teacher-layout__user-name{font-size:14px}.teacher-layout__user-role{font-size:12px}}.teacher-layout__logout-group{border-top:1px solid #e5e7eb;margin-top:auto;padding-top:12px}.teacher-layout__logout-btn{color:#dc2626!important}.teacher-layout__logout-btn:hover{background-color:#fef2f2!important}.teacher-layout__logout-btn .teacher-layout__menu-icon,.teacher-layout__logout-btn .teacher-layout__menu-label{color:#dc2626}@keyframes _fadeInEtd_1eem8_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _spinEtd_1eem8_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _slideInRightEtd_1eem8_1{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}._dashContainerEtd_1eem8_35{padding:2rem;max-width:1400px;margin:0 auto;direction:rtl;animation:_fadeInEtd_1eem8_1 .5s ease-out}._dashHeaderEtd_1eem8_44{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;animation:_fadeInEtd_1eem8_1 .6s ease-out}._dashHeaderTextEtd_1eem8_52{flex:1}._dashTitleEtd_1eem8_56{margin:0 0 .5rem;font-size:2rem;font-weight:900;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}._dashSubtitleEtd_1eem8_67{margin:0;font-size:1rem;font-weight:500;color:#64748b}._statsGridEtd_1eem8_75{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem;animation:_fadeInEtd_1eem8_1 .7s ease-out}._statCardEtd_1eem8_83{background:#fff;border-radius:20px;padding:1.75rem;box-shadow:0 4px 20px #0000000f;border:2px solid #f1f5f9;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}._statCardEtd_1eem8_83:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transition:opacity .4s ease}._statCardEtd_1eem8_83:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001f;border-color:currentColor}._statCardEtd_1eem8_83:hover:before{opacity:1}._statCardHeaderEtd_1eem8_116{margin-bottom:1.25rem}._statIconWrapperEtd_1eem8_120{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:all .4s ease}._statIconWrapperblueEtd_1eem8_130{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}._statIconWrappergreenEtd_1eem8_135{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}._statIconWrapperorangeEtd_1eem8_140{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#ea580c}._statIconWrapperpurpleEtd_1eem8_145{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#9333ea}._statCardEtd_1eem8_83:hover ._statIconWrapperEtd_1eem8_120{transform:scale(1.1) rotate(5deg)}._statIconSvgEtd_1eem8_154{width:28px;height:28px}._statCardBodyEtd_1eem8_159{margin-bottom:1rem}._statLabelEtd_1eem8_163{margin:0 0 .625rem;font-size:.9375rem;font-weight:600;color:#64748b;line-height:1.3}._statValueEtd_1eem8_171{margin:0;font-size:2rem;font-weight:900;color:#0f172a;line-height:1.2;letter-spacing:-.02em}._statCardFooterEtd_1eem8_180{display:flex;align-items:center;gap:.5rem;padding-top:1rem;border-top:2px solid #f1f5f9}._statTrendIconEtd_1eem8_188{width:16px;height:16px;color:#10b981}._statTrendTextEtd_1eem8_194{font-size:.8125rem;font-weight:700;color:#10b981}._statsLoadingEtd_1eem8_201{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:4rem 2rem;background:#fff;border-radius:20px;margin-bottom:2.5rem}._statsSpinnerEtd_1eem8_213{width:48px;height:48px;color:#6366f1;animation:_spinEtd_1eem8_1 .8s linear infinite}._statsLoadingTextEtd_1eem8_220{margin:0;font-size:1rem;font-weight:600;color:#64748b}._statsErrorEtd_1eem8_228{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:4rem 2rem;background:#fff;border-radius:20px;border:2px solid #fee2e2;margin-bottom:2.5rem}._statsErrorIconEtd_1eem8_241{width:56px;height:56px;color:#ef4444}._statsErrorTextEtd_1eem8_247{margin:0;font-size:1rem;font-weight:600;color:#64748b;text-align:center}._retryBtnEtd_1eem8_255{padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #6366f14d}._retryBtnEtd_1eem8_255:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}._contentGridEtd_1eem8_274{display:grid;grid-template-columns:1fr 400px;gap:2rem;animation:_fadeInEtd_1eem8_1 .8s ease-out}._activitySectionEtd_1eem8_282{grid-column:1}._activityCardEtd_1eem8_286{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #0000000f;border:2px solid #f1f5f9}._activityHeaderEtd_1eem8_294{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f1f5f9}._activityHeaderLeftEtd_1eem8_303{display:flex;align-items:center;gap:.875rem}._activityHeaderIconEtd_1eem8_309{width:28px;height:28px;color:#6366f1;padding:.5rem;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:10px}._activityTitleEtd_1eem8_318{margin:0;font-size:1.375rem;font-weight:800;color:#0f172a;line-height:1.2}._viewAllBtnEtd_1eem8_326{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#475569;border:2px solid #e2e8f0;border-radius:12px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .3s ease}._viewAllBtnEtd_1eem8_326:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent;transform:translate(-3px);box-shadow:0 4px 16px #6366f14d}._chevronIconEtd_1eem8_349{width:16px;height:16px;transition:transform .3s ease}._viewAllBtnEtd_1eem8_326:hover ._chevronIconEtd_1eem8_349{transform:translate(-3px)}._activityListEtd_1eem8_359{display:flex;flex-direction:column}._activityItemEtd_1eem8_364{display:flex;gap:1rem;padding:1rem 0;transition:all .3s ease;animation:_slideInRightEtd_1eem8_1 .4s ease-out;animation-fill-mode:both}._activityItemEtd_1eem8_364:nth-child(1){animation-delay:.05s}._activityItemEtd_1eem8_364:nth-child(2){animation-delay:.1s}._activityItemEtd_1eem8_364:nth-child(3){animation-delay:.15s}._activityItemEtd_1eem8_364:nth-child(4){animation-delay:.2s}._activityItemEtd_1eem8_364:nth-child(5){animation-delay:.25s}._activityItemEtd_1eem8_364:nth-child(6){animation-delay:.3s}._activityAvatarEtd_1eem8_393{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}._activityAvatarblueEtd_1eem8_404{background:linear-gradient(135deg,#1890ff,#096dd9)}._activityAvatargreenEtd_1eem8_408{background:linear-gradient(135deg,#52c41a,#389e0d)}._activityAvatarpurpleEtd_1eem8_412{background:linear-gradient(135deg,#722ed1,#531dab)}._activityAvatarIconEtd_1eem8_416{width:22px;height:22px;color:#fff}._activityContentEtd_1eem8_422{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}._activityTextWrapperEtd_1eem8_430{font-size:.9375rem;line-height:1.6;color:#262626}._activityNameEtd_1eem8_436{font-weight:700;color:#000}._activityActionEtd_1eem8_441{font-weight:400;color:#000000a6}._activityTitleLinkEtd_1eem8_446{font-weight:400;color:#000000d9}._activityTimeWrapperEtd_1eem8_451{display:flex;align-items:center}._activityTimeTextEtd_1eem8_456{font-size:.8125rem;font-weight:400;color:#00000073}._activityDividerEtd_1eem8_463{height:1px;background:#f0f0f0;margin:.75rem 0}._activityLoadingEtd_1eem8_470,._activityErrorEtd_1eem8_471,._activityEmptyEtd_1eem8_472{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem}._activitySpinnerEtd_1eem8_481{width:48px;height:48px;color:#6366f1;animation:_spinEtd_1eem8_1 .8s linear infinite}._activityLoadingTextEtd_1eem8_488{margin:0;font-size:.9375rem;font-weight:600;color:#64748b}._activityErrorIconEtd_1eem8_495{width:56px;height:56px;color:#ef4444}._activityErrorTextEtd_1eem8_501{margin:0;font-size:.9375rem;font-weight:600;color:#64748b;text-align:center}._activityEmptyIconEtd_1eem8_509{width:72px;height:72px;color:#cbd5e1}._activityEmptyTextEtd_1eem8_515{margin:0;font-size:1.125rem;font-weight:700;color:#475569}._activityEmptySubtextEtd_1eem8_522{margin:0;font-size:.9375rem;font-weight:500;color:#94a3b8}._quickActionsSectionEtd_1eem8_530{grid-column:2}._quickActionsCardEtd_1eem8_534{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #0000000f;border:2px solid #f1f5f9;position:sticky;top:2rem}._quickActionsHeaderEtd_1eem8_544{display:flex;align-items:center;gap:.875rem;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:2px solid #f1f5f9}._quickActionsHeaderIconEtd_1eem8_553{width:28px;height:28px;color:#8b5cf6;padding:.5rem;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-radius:10px}._quickActionsTitleEtd_1eem8_562{margin:0;font-size:1.25rem;font-weight:800;color:#0f172a;line-height:1.2}._quickActionsGridEtd_1eem8_570{display:grid;gap:1rem}._quickActionBtnEtd_1eem8_575{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#fafafa,#f5f5f5);border:2px solid #e5e7eb;border-radius:14px;cursor:pointer;transition:all .3s ease;text-align:right}._quickActionBtnEtd_1eem8_575:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:currentColor}._quickActionIconWrapperEtd_1eem8_594{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}._quickActionIconWrapperblueEtd_1eem8_605{background:linear-gradient(135deg,#2563eb,#1d4ed8)}._quickActionIconWrappergreenEtd_1eem8_609{background:linear-gradient(135deg,#059669,#047857)}._quickActionIconWrapperpurpleEtd_1eem8_613{background:linear-gradient(135deg,#9333ea,#7e22ce)}._quickActionIconWrapperorangeEtd_1eem8_617{background:linear-gradient(135deg,#ea580c,#c2410c)}._quickActionBtnEtd_1eem8_575:hover ._quickActionIconWrapperEtd_1eem8_594{transform:scale(1.15) rotate(10deg)}._quickActionIconSvgEtd_1eem8_625{width:24px;height:24px;color:#fff}._quickActionLabelEtd_1eem8_631{margin:0;font-size:.9375rem;font-weight:700;color:#1e293b;flex:1}@media(max-width:1024px){._contentGridEtd_1eem8_274{grid-template-columns:1fr}._quickActionsSectionEtd_1eem8_530{grid-column:1}._quickActionsCardEtd_1eem8_534{position:static}._quickActionsGridEtd_1eem8_570{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){._dashContainerEtd_1eem8_35{padding:1.5rem}._dashTitleEtd_1eem8_56{font-size:1.5rem}._dashSubtitleEtd_1eem8_67{font-size:.9375rem}._statsGridEtd_1eem8_75{grid-template-columns:1fr;gap:1.25rem}._contentGridEtd_1eem8_274{gap:1.5rem}._activityCardEtd_1eem8_286,._quickActionsCardEtd_1eem8_534{padding:1.5rem}._activityTitleEtd_1eem8_318,._quickActionsTitleEtd_1eem8_562{font-size:1.125rem}._viewAllBtnEtd_1eem8_326{padding:.5rem .875rem;font-size:.8125rem}._quickActionsGridEtd_1eem8_570{grid-template-columns:1fr}}@media(max-width:480px){._dashContainerEtd_1eem8_35{padding:1.25rem}._dashTitleEtd_1eem8_56{font-size:1.25rem}._statValueEtd_1eem8_171{font-size:1.625rem}._activityItemEtd_1eem8_364{padding:.875rem 0;gap:.875rem}._activityAvatarEtd_1eem8_393{width:40px;height:40px}._activityAvatarIconEtd_1eem8_416{width:20px;height:20px}._quickActionBtnEtd_1eem8_575{padding:1rem}._quickActionIconWrapperEtd_1eem8_594{width:44px;height:44px}._quickActionIconSvgEtd_1eem8_625{width:22px;height:22px}}@keyframes amFadeIn{0%{opacity:0}to{opacity:1}}@keyframes amSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes amSpin{to{transform:rotate(360deg)}}.am-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:amFadeIn .2s ease;overflow-y:auto}.am-content{background:#fff;border-radius:20px;width:100%;max-width:640px;box-shadow:0 20px 60px #0000004d;animation:amSlideUp .3s ease;display:flex;flex-direction:column;max-height:90vh;margin:auto}.am-header{display:flex;align-items:center;gap:1rem;padding:1.75rem 2rem;border-bottom:2px solid #f1f5f9;flex-shrink:0;position:relative}.am-header-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#fed7aa,#fdba74);display:flex;align-items:center;justify-content:center;flex-shrink:0}.am-header-icon-svg{width:24px;height:24px;color:#ea580c}.am-title{flex:1;font-size:1.5rem;font-weight:800;color:#0f172a;margin:0;line-height:1.2}.am-close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;color:#64748b;transition:all .3s ease;flex-shrink:0}.am-close-btn:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5;color:#dc2626}.am-close-btn:disabled{cursor:not-allowed;opacity:.5}.am-body{padding:2rem;overflow-y:auto;flex:1}.am-body::-webkit-scrollbar{width:8px}.am-body::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.am-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.am-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.am-form-group{margin-bottom:1.5rem;flex:1;min-width:200px}.am-form-row{display:flex;gap:1rem;flex-wrap:wrap}.am-label{display:block;margin-bottom:.625rem;font-weight:700;color:#1e293b;font-size:.9375rem}.am-input,.am-select,.am-textarea{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.9375rem;font-weight:500;color:#1e293b;background:#f8fafc;transition:all .3s ease;font-family:inherit}.am-input:focus,.am-select:focus,.am-textarea:focus{outline:none;border-color:#ea580c;background:#fff;box-shadow:0 0 0 3px #ea580c1a}.am-input:disabled,.am-select:disabled,.am-textarea:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.am-input-error{border-color:#ef4444!important;background:#fef2f2!important}.am-textarea{resize:vertical;min-height:120px;line-height:1.6}.am-char-count{text-align:left;font-size:.8125rem;color:#64748b;margin-top:.5rem;font-weight:600}.am-char-count-error{color:#ef4444}.am-error-text{display:flex;align-items:center;gap:.375rem;color:#ef4444;font-size:.8125rem;font-weight:600;margin-top:.5rem}.am-select-loading{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;font-size:.9375rem;font-weight:600}.am-select-spinner{color:#6366f1;animation:amSpin .8s linear infinite;flex-shrink:0}.am-select-error{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fef2f2;border:2px solid #fca5a5;border-radius:12px;color:#dc2626;font-size:.875rem;font-weight:600;flex-wrap:wrap}.am-retry-small-btn{padding:.375rem .75rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:.8125rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-left:auto}.am-retry-small-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.am-preview-section{display:flex;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd;border-radius:14px;margin-bottom:1.5rem}.am-preview-icon{color:#2563eb;flex-shrink:0;margin-top:2px}.am-preview-content{flex:1;color:#1e40af;font-size:.9375rem}.am-preview-content strong{display:block;margin-bottom:.375rem;font-weight:800;color:#1e3a8a}.am-preview-content p{margin:0;color:#3b82f6;line-height:1.6;font-weight:500}.am-status-message{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;font-size:.9375rem;font-weight:700;animation:amSlideUp .3s ease}.am-status-success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border:2px solid #86efac}.am-status-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:2px solid #fca5a5}.am-footer{padding:1.5rem 2rem;border-top:2px solid #f1f5f9;flex-shrink:0;background:#fafafa;border-radius:0 0 20px 20px}.am-btn-submit{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;gap:.75rem;box-shadow:0 4px 16px #ea580c4d}.am-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#c2410c,#9a3412);transform:translateY(-2px);box-shadow:0 8px 24px #ea580c66}.am-btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.am-btn-spinner{animation:amSpin .8s linear infinite}@media(max-width:640px){.am-overlay{padding:0;align-items:flex-end}.am-content{max-height:95vh;border-radius:20px 20px 0 0}.am-header{padding:1.5rem 1.25rem}.am-header-icon{width:44px;height:44px}.am-header-icon-svg{width:22px;height:22px}.am-title{font-size:1.25rem}.am-body{padding:1.5rem 1.25rem}.am-form-row{flex-direction:column}.am-footer{padding:1.25rem}.am-btn-submit{padding:.875rem 1.25rem;font-size:.9375rem}}@media(max-width:480px){.am-header{padding:1.25rem 1rem}.am-title{font-size:1.125rem}.am-body{padding:1.25rem 1rem}.am-input,.am-select,.am-textarea{padding:.75rem .875rem;font-size:.875rem}.am-footer{padding:1rem}}body.modal-open{overflow:hidden}.chapter-card{border-radius:12px;overflow:hidden;transition:all .3s ease;border:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000f;height:100%;display:flex;flex-direction:column;margin-top:10px}.chapter-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.chapter-card .ant-card-body{padding:20px;flex:1;display:flex;flex-direction:column}.chapter-card-cover{position:relative;overflow:hidden;height:200px}.chapter-card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.chapter-card:hover .chapter-card-image{transform:scale(1.05)}.chapter-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000,#000000b3);display:flex;align-items:flex-end;justify-content:center;padding:20px;opacity:0;transition:opacity .3s ease}.chapter-card:hover .chapter-card-overlay{opacity:1}.chapter-quick-manage-btn{color:#fff!important;border:2px solid white!important;background:#ffffff1a!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;font-weight:600;padding:8px 24px;height:auto;font-size:15px;transition:all .3s ease}.chapter-quick-manage-btn:hover{background:#fff!important;color:#1890ff!important;transform:translateY(-2px)}.chapter-semester-tag{margin-bottom:12px;font-weight:600;border-radius:6px;padding:4px 12px}.chapter-title{margin-bottom:12px!important;font-size:18px!important;font-weight:700!important;color:#262626;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chapter-description{margin-bottom:16px!important;color:#595959;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;flex-shrink:0}.chapter-stats{margin-bottom:16px;padding:12px;background:#f5f5f5;border-radius:8px;flex-shrink:0}.chapter-stats .ant-space-item{font-size:13px;color:#595959}.chapter-stats .anticon{color:#1890ff;margin-left:4px}.chapter-stats .ant-space{width:100%}.chapter-stats .ant-space-item{display:inline-flex;align-items:center}.chapter-progress{margin-bottom:20px;margin-top:auto;flex-shrink:0}.chapter-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.chapter-progress-info .ant-typography{font-size:14px;color:#595959}.chapter-progress-percentage{color:#1890ff!important;font-size:16px!important}.chapter-progress .ant-progress-line{margin-bottom:0}.chapter-progress .ant-progress-bg{border-radius:4px;height:8px!important}.chapter-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.chapter-edit-btn,.chapter-manage-btn{height:44px;border-radius:8px;font-weight:600;font-size:14px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100%}.chapter-edit-btn{border:2px solid #d9d9d9;color:#595959;background:#fff}.chapter-edit-btn:hover{border-color:#1890ff;color:#1890ff;background:#e6f7ff;transform:translateY(-2px);box-shadow:0 4px 12px #1890ff33}.chapter-manage-btn{background:linear-gradient(135deg,#1890ff,#096dd9);border:none;color:#fff}.chapter-manage-btn:hover{background:linear-gradient(135deg,#096dd9,#0050b3);transform:translateY(-2px);box-shadow:0 4px 12px #1890ff4d}.chapter-edit-btn .anticon,.chapter-manage-btn .anticon{font-size:16px;margin-left:6px}@media(max-width:1200px){.chapter-stats .ant-space{flex-wrap:wrap}.chapter-stats .ant-space-item{font-size:12px}}@media(max-width:992px){.chapter-card-cover{height:180px}.chapter-title{font-size:17px!important}.chapter-stats{padding:10px}}@media(max-width:768px){.chapter-card-cover{height:160px}.chapter-card .ant-card-body{padding:16px}.chapter-title{font-size:16px!important}.chapter-description{font-size:13px;min-height:38px}.chapter-stats{padding:10px 8px}.chapter-stats .ant-space-item{font-size:12px}.chapter-actions{gap:8px}.chapter-edit-btn,.chapter-manage-btn{height:42px;font-size:14px}}@media(max-width:576px){.chapter-card-cover{height:140px}.chapter-card .ant-card-body{padding:14px}.chapter-semester-tag{padding:2px 10px;font-size:12px}.chapter-title{font-size:15px!important;margin-bottom:10px!important}.chapter-description{font-size:12px;min-height:36px;margin-bottom:12px!important}.chapter-stats{margin-bottom:12px;padding:8px}.chapter-stats .ant-space{gap:6px!important}.chapter-stats .ant-space-item{font-size:11px}.chapter-progress{margin-bottom:14px}.chapter-progress-info .ant-typography{font-size:13px}.chapter-progress-percentage{font-size:14px!important}.chapter-actions{gap:8px}.chapter-edit-btn,.chapter-manage-btn{height:40px;font-size:13px;border-radius:6px}.chapter-edit-btn .anticon,.chapter-manage-btn .anticon{font-size:14px;margin-left:4px}.chapter-quick-manage-btn{font-size:13px;padding:6px 16px}.chapter-card-overlay{padding:16px}}@media(max-width:480px){.chapter-stats .ant-space-item{font-size:10px}.chapter-edit-btn,.chapter-manage-btn{height:38px;font-size:13px}}body{overflow-y:scroll;overflow-x:hidden}body.ant-scrolling-effect{overflow:hidden!important;padding-left:0!important;padding-right:0!important;margin-right:0!important}.ant-modal-wrap{overflow-y:auto}.mtf-container{overflow:visible}.mtf-question-card.mtf-has-errors{border-color:#ef4444;background:#fef2f2}.mtf-question-card.mtf-incomplete{border-color:#f59e0b;background:#fffbeb}.mtf-question-card.mtf-has-errors:hover{border-color:#dc2626;box-shadow:0 8px 24px #ef444433}.mtf-question-card.mtf-incomplete:hover{border-color:#d97706;box-shadow:0 8px 24px #f59e0b33}.mtf-warning-tag{font-size:11px;padding:2px 8px;border-radius:4px}.mtf-error-tag{font-size:11px;padding:2px 8px;border-radius:4px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.mtf-option-row.mtf-option-empty{border-color:#fbbf24;background:#fffbeb}.mtf-option-row.mtf-option-empty:hover{border-color:#f59e0b}.mtf-form-item .ant-form-item-explain-error{font-size:12px;margin-top:4px;color:#dc2626}.mtf-form-item .ant-input-status-warning,.mtf-form-item .ant-input-status-error{border-color:#ef4444}.mtf-form-item .ant-input-status-warning:focus,.mtf-form-item .ant-input-status-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.ant-input-textarea-show-count:after{color:#94a3b8;font-size:12px}.mtf-radio[disabled]{cursor:not-allowed;opacity:.5}.mtf-textarea:invalid,.mtf-input:invalid{border-color:#fbbf24!important}.ant-typography-warning{color:#d97706;display:flex;align-items:center;gap:4px}.mtf-container{max-width:1200px;margin:0 auto;padding:24px;background:#f8fafc;min-height:100vh}.mtf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a}.mtf-header-content{display:flex;align-items:center;gap:20px;flex:1}.mtf-header-title{display:flex;flex-direction:column;gap:4px}.mtf-title{margin:0!important;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.mtf-subtitle{font-size:14px;color:#64748b}.mtf-back-btn{border-radius:10px;border:2px solid #e2e8f0;font-weight:600;transition:all .3s ease;height:44px;padding:0 24px}.mtf-back-btn:hover{border-color:#667eea;color:#667eea;transform:translate(-4px)}.mtf-preview-btn{border-radius:10px;border:2px solid #e2e8f0;font-weight:600;height:44px;padding:0 24px;transition:all .3s ease}.mtf-preview-btn:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.mtf-save-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;font-weight:600;height:44px;padding:0 32px;transition:all .3s ease}.mtf-save-btn:hover{background:linear-gradient(135deg,#5568d3,#653a8e);transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.mtf-save-btn:disabled{background:#e2e8f0;transform:none;box-shadow:none}.mtf-progress-section{margin-bottom:24px;padding:20px 24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a}.mtf-progress-section .ant-progress{margin-bottom:8px}.mtf-info-card{margin-bottom:24px;border-radius:16px;box-shadow:0 2px 8px #0000000a}.mtf-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mtf-card-header h5{margin:0;color:#1e293b;font-weight:700}.mtf-info-icon{color:#94a3b8;font-size:18px;cursor:help;transition:color .3s ease}.mtf-info-icon:hover{color:#3b82f6}.mtf-form-item{margin-bottom:20px}.mtf-form-item label{font-weight:600;color:#1e293b;font-size:14px}.mtf-input,.mtf-textarea,.mtf-select{border-radius:10px;border:2px solid #e2e8f0;transition:all .3s ease}.mtf-input:hover,.mtf-textarea:hover,.mtf-select:hover .ant-select-selector{border-color:#3b82f6}.mtf-input:focus,.mtf-textarea:focus,.mtf-select.ant-select-focused .ant-select-selector{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mtf-select .ant-select-selector{border-radius:10px!important;border:2px solid #e2e8f0!important;height:44px!important;display:flex;align-items:center}.mtf-questions-section{margin-bottom:24px}.mtf-questions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px 24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a}.mtf-section-title{margin:0!important;color:#1e293b;font-weight:700}.mtf-add-question-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;font-weight:600;height:44px;padding:0 24px;transition:all .3s ease}.mtf-add-question-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.mtf-questions-list{display:flex;flex-direction:column;gap:16px}.mtf-question-card{border-radius:16px;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;overflow:hidden}.mtf-question-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-2px)}.mtf-question-card.mtf-collapsed{background:#f8fafc}.mtf-question-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-bottom:2px solid #f1f5f9}.mtf-question-header-right{display:flex;align-items:center;gap:12px}.mtf-question-number{display:flex;align-items:center;gap:8px;font-size:16px}.mtf-question-icon{font-size:20px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000f}.mtf-question-type-tag{font-weight:600;border-radius:6px;padding:4px 12px}.mtf-icon-btn{border-radius:8px;transition:all .3s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.mtf-icon-btn:hover{transform:scale(1.1)}.mtf-question-body{padding:24px}.mtf-options-section{margin-top:20px;padding:20px;background:#f8fafc;border-radius:12px;border:2px dashed #cbd5e1}.mtf-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mtf-options-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.mtf-option-row{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:10px;border:2px solid #e2e8f0;transition:all .3s ease}.mtf-option-row:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.mtf-radio{flex-shrink:0}.mtf-option-input{flex:1;border:none!important;box-shadow:none!important;background:transparent}.mtf-option-input:focus{border:none!important;box-shadow:none!important}.mtf-remove-option-btn{flex-shrink:0;width:36px;height:36px;border-radius:8px;transition:all .3s ease}.mtf-remove-option-btn:hover{transform:scale(1.1)}.mtf-add-option-btn{border-radius:10px;border:2px dashed #cbd5e1;height:44px;font-weight:600;transition:all .3s ease;background:#fff}.mtf-add-option-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#3b82f60d}.mtf-tf-section{margin-top:20px;padding:20px;background:#f8fafc;border-radius:12px}.mtf-section-label{display:block;margin-bottom:12px;color:#1e293b}.mtf-radio-group{display:flex;gap:12px}.mtf-radio-button{border-radius:10px!important;height:48px!important;min-width:120px;display:flex;align-items:center;justify-content:center;font-weight:600;border:2px solid #e2e8f0!important;transition:all .3s ease}.mtf-radio-button:hover{border-color:#3b82f6!important;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.mtf-radio-button.ant-radio-button-wrapper-checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea!important;color:#fff}.mtf-option-row.mtf-option-correct .mtf-radio .ant-radio-checked .ant-radio-inner{background-color:#10b981;border-color:#10b981}.mtf-option-row.mtf-option-correct{border-color:#10b981;background:#ecfdf5}.mtf-empty-state{text-align:center;padding:60px 20px;border-radius:16px;border:2px dashed #cbd5e1;background:#fff}.mtf-empty-content{max-width:400px;margin:0 auto}.mtf-empty-icon{font-size:80px;margin-bottom:20px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mtf-empty-state h4{color:#1e293b;margin-bottom:8px}.mtf-bottom-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;background:#fff;border-radius:16px;box-shadow:0 -4px 20px #00000014;margin-top:24px;z-index:10}.mtf-cancel-btn{border-radius:10px;border:2px solid #e2e8f0;font-weight:600;height:44px;padding:0 24px;transition:all .3s ease}.mtf-cancel-btn:hover{border-color:#ef4444;color:#ef4444}.mtf-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.mtf-preview-modal .ant-modal-content{border-radius:16px}.mtf-preview-modal .ant-modal-header{border-radius:16px 16px 0 0;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none}.mtf-preview-modal .ant-modal-title{color:#fff;font-weight:700}.mtf-preview-content{padding:20px}:where(.css-dev-only-do-not-override-1v28nim).ant-radio-button-wrapper:not(:first-child):before{width:0px}@media(max-width:768px){.mtf-container{padding:16px}.mtf-header{flex-direction:column;gap:16px;align-items:stretch}.mtf-header-content{flex-direction:column;align-items:flex-start}.mtf-questions-header{flex-direction:column;gap:16px;align-items:stretch}.mtf-add-question-btn{width:100%}.mtf-question-header{flex-direction:column;gap:12px;align-items:flex-start}.mtf-question-header-right{width:100%;justify-content:space-between}.mtf-radio-group{flex-direction:column}.mtf-radio-button{width:100%}.mtf-option-row{flex-wrap:wrap}.mtf-option-input{min-width:200px}.mtf-bottom-actions{flex-direction:column-reverse}.mtf-cancel-btn,.mtf-save-btn{width:100%}}@media(max-width:480px){.mtf-title{font-size:20px}.mtf-question-icon{width:28px;height:28px;font-size:16px}.mtf-option-row{padding:8px}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mtf-question-card{animation:slideIn .3s ease}.mtf-back-btn:focus-visible,.mtf-save-btn:focus-visible,.mtf-add-question-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media(prefers-color-scheme:dark){.mtf-container{background:#0f172a}.mtf-header,.mtf-info-card,.mtf-questions-header,.mtf-question-card,.mtf-bottom-actions{background:#1e293b;border-color:#334155}.mtf-title,.mtf-section-title,.mtf-card-header h5{color:#e2e8f0}.mtf-subtitle{color:#94a3b8}.mtf-question-header{background:#667eea1a;border-bottom-color:#334155}.mtf-options-section,.mtf-tf-section{background:#0f172a;border-color:#334155}.mtf-option-row{background:#1e293b;border-color:#334155}.mtf-input,.mtf-textarea,.mtf-select{background:#1e293b;border-color:#334155;color:#e2e8f0}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fa;color:#1f1f1f;direction:rtl}.ant-card{border-radius:12px!important;box-shadow:0 4px 14px #0000000d!important;border:none!important;transition:all .3s ease-in-out}.ant-card:hover{box-shadow:0 6px 20px #00000014!important}.ant-typography{font-size:16px}.ant-typography strong{font-weight:600}.ant-btn{border-radius:8px!important;transition:background-color .2s ease,transform .2s ease}.ant-btn:hover{transform:translateY(-1px)}.ant-btn-primary{background-color:#3b82f6!important;border-color:#3b82f6!important}.ant-btn-primary:hover{background-color:#2563eb!important}.ant-select,.ant-input{border-radius:8px!important}.ant-select-selector{padding:6px 12px!important}.ant-input:focus,.ant-select-focused .ant-select-selector{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f633!important}.ant-table{border-radius:12px;overflow:hidden}.ant-table-thead>tr>th{background-color:#f0f4f8;font-weight:700}.ant-table-tbody>tr:hover>td{background-color:#fafafa;transition:background-color .3s}.ant-tag{font-size:14px;padding:2px 10px;border-radius:6px}.ant-pagination{margin-top:16px;direction:ltr}.ant-pagination-item-active{border-color:#3b82f6!important}.ant-pagination-item-active a{color:#3b82f6!important}.empty-state{text-align:center;padding:40px;color:#999;font-size:16px}.ant-input,.ant-select-selector{border-radius:8px!important}.responsive-cards{display:flex;flex-direction:column;gap:16px}.mobile-card{border-radius:12px!important;box-shadow:0 2px 10px #0000000d;padding:16px}.plan-overview-container{width:100%}.plan-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.plan-stat-card{background:#fff;border:2px solid #f3f4f6;border-radius:16px;padding:1.75rem;transition:all .3s ease;cursor:pointer;display:flex;gap:1rem;align-items:center}.plan-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.plan-stat-icon-wrapper{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.plan-stat-content{flex:1}.plan-stat-label{margin:0;color:#6b7280;font-size:.9rem;font-weight:500}.plan-stat-value{font-size:1.5rem;font-weight:700;color:#111827;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;overflow:visible;text-overflow:unset;display:block}.plan-overview-section{margin-top:2rem}.plan-section-title{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;color:#111827}.plan-overview-box{background:#fff;border:2px solid #e5e7eb;border-radius:20px;padding:2rem}.plan-overview-text{color:#6b7280;font-size:1.1rem;line-height:1.8;margin:0}.plan-revenue-highlight{color:#10b981}.manage-plans-section{width:100%}.manage-title{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;color:#111827}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.plan-card{background:#fff;border:2px solid #e5e7eb;border-radius:20px;padding:2rem;transition:all .3s ease}.plan-card:hover{box-shadow:0 10px 30px #0000001a}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.plan-name{margin:0;font-size:1.5rem;font-weight:700;color:#111827}.status-badge{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;border:none;transition:all .2s}.status-badge:disabled{opacity:.6}.plan-actions{display:flex;gap:.5rem}.action-btn.manage-plan-edit-btn{background:#dbeafe;color:#3b82f6}.action-btn.manage-plan-delete-btn{background:#fecaca;color:#dc2626}.plan-price{margin:1.5rem 0}.price-value{font-size:3rem;font-weight:800;color:#111827}.price-duration{font-size:1.125rem;color:#6b7280}.plan-stats{color:#6b7280;font-size:.95rem;margin:1rem 0}.plan-description{color:#374151;font-size:.95rem;margin:1rem 0;line-height:1.6}.plan-features{list-style:none;padding:0;margin:1.5rem 0 0}.feature-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:#374151;font-size:.95rem}.feature-check{width:20px;height:20px;border-radius:50%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;font-weight:700}.analytics-section{width:100%}.analytics-title{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;color:#111827}.analytics-grid{display:grid;gap:1.5rem}.analytics-card{background:#fff;border:2px solid #e5e7eb;border-radius:20px;padding:2rem}.analytics-subtitle{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#111827}.rankings-list{display:flex;flex-direction:column;gap:.75rem}.ranking-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:12px;transition:all .2s}.ranking-item:hover{background:#f3f4f6;transform:translate(-4px)}.ranking-left{display:flex;align-items:center;gap:1rem}.ranking-badge{width:32px;height:32px;border-radius:8px;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.ranking-badge.first{background:#fef3c7;color:#f59e0b}.ranking-name{margin:0;font-weight:600;color:#111827;font-size:.95rem}.ranking-students{margin:0;font-size:.875rem;color:#6b7280}.ranking-revenue{margin:0;font-size:1.25rem;font-weight:700;color:#10b981}.average-price{font-size:2.5rem;font-weight:800;color:#111827;margin:0}.average-text{color:#6b7280;margin-top:.5rem;font-size:.95rem}.pmod-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:pmod-fadeIn .2s ease-out}@keyframes pmod-fadeIn{0%{opacity:0}to{opacity:1}}.pmod-content{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;direction:rtl;animation:pmod-slideUp .3s ease-out}@keyframes pmod-slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.pmod-header{padding:2rem;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:20px 20px 0 0;flex-shrink:0}.pmod-title{margin:0;font-size:1.875rem;font-weight:700;color:#111827;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.pmod-close{background:#f3f4f6;border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease;flex-shrink:0}.pmod-close:hover{background:#e5e7eb;color:#374151;transform:scale(1.1)}.pmod-close:active{transform:scale(.95)}.pmod-body{padding:2rem;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.pmod-body::-webkit-scrollbar{width:10px}.pmod-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:5px;margin:8px 0}.pmod-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d1d5db,#9ca3af);border-radius:5px;border:2px solid #f3f4f6;transition:background .2s ease}.pmod-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9ca3af,#6b7280)}.pmod-body::-webkit-scrollbar-thumb:active{background:#6b7280}.pmod-field-group{margin-bottom:1.5rem}.pmod-field-label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.95rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.pmod-text-input,.pmod-select-input,.pmod-textarea-input{width:100%;padding:.875rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;outline:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .2s ease;box-sizing:border-box;color:#1f2937;background-color:#fff}.pmod-text-input:focus,.pmod-select-input:focus,.pmod-textarea-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pmod-text-input:hover,.pmod-select-input:hover,.pmod-textarea-input:hover{border-color:#d1d5db}.pmod-input-error{border-color:#dc2626!important;background-color:#fef2f2!important}.pmod-select-input{cursor:pointer;background:#fff}.pmod-textarea-input{resize:vertical;min-height:100px}.pmod-error-text{color:#dc2626;font-size:.875rem;margin-top:.25rem;margin-bottom:0;font-weight:500}.pmod-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pmod-checkbox-container{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:10px;border:2px solid transparent;transition:all .2s ease}.pmod-checkbox-container:hover{background:#f3f4f6;border-color:#e5e7eb}.pmod-checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.pmod-checkbox-label{font-weight:600;color:#374151;cursor:pointer;margin:0;-webkit-user-select:none;user-select:none}.pmod-features-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.pmod-feature-group{display:flex;gap:.5rem}.pmod-feature-remove-btn{background:#fee2e2;border:none;width:44px;height:44px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#dc2626;transition:all .2s ease;flex-shrink:0}.pmod-feature-remove-btn:hover{background:#fecaca;transform:scale(1.05)}.pmod-feature-remove-btn:active{background:#fca5a5;transform:scale(.95)}.pmod-add-feature-btn{background:transparent;border:2px dashed #d1d5db;width:100%;padding:.875rem;border-radius:10px;font-size:1rem;font-weight:600;color:#667eea;cursor:pointer;margin-top:.5rem;transition:all .2s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.pmod-add-feature-btn:hover{background:#f3f4f6;border-color:#667eea;transform:translateY(-1px)}.pmod-add-feature-btn:active{background:#e5e7eb;transform:translateY(0)}.pmod-footer{padding:1.5rem 2rem;border-top:2px solid #f3f4f6;display:flex;gap:1rem;justify-content:flex-end;background-color:#f9fafb;border-radius:0 0 20px 20px;flex-shrink:0}.pmod-btn{flex:1;padding:13px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.pmod-btn:disabled{opacity:.6;cursor:not-allowed}.pmod-btn-cancel{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.pmod-btn-cancel:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.pmod-btn-cancel:active:not(:disabled){transform:translateY(0)}.pmod-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.pmod-btn-primary:hover:not(:disabled):before{width:300px;height:300px}.pmod-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.pmod-btn-primary:active:not(:disabled){transform:translateY(0)}.pmod-spinner{animation:pmod-spin 1s linear infinite}@keyframes pmod-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:700px){.pmod-field-row{grid-template-columns:1fr}.pmod-body::-webkit-scrollbar{width:6px}}@media(max-width:640px){.pmod-content{max-height:95vh;border-radius:16px}.pmod-header{padding:1.5rem;border-radius:16px 16px 0 0}.pmod-title{font-size:1.5rem}.pmod-body{padding:1.5rem}.pmod-footer{padding:1rem 1.5rem;flex-direction:column-reverse;border-radius:0 0 16px 16px}.pmod-btn{width:100%;justify-content:center}}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-modal-content{background:#fff;border-radius:20px;max-width:400px;width:100%;box-shadow:0 25px 50px -12px #00000040;direction:rtl;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.delete-modal-body{padding:2rem;text-align:center}.delete-icon-wrapper{width:64px;height:64px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#dc2626}.delete-modal-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.5rem}.delete-modal-message{color:#6b7280;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.delete-modal-footer{padding:1.5rem 2rem;border-top:2px solid #f3f4f6;display:flex;gap:1rem;justify-content:flex-end}.btn{padding:.875rem 1.75rem;border-radius:10px;font-size:1rem;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.delete-plan-btn-cancel{background:#f3f4f6;color:#374151}.delete-plan-btn-cancel:hover:not(:disabled){background:#e5e7eb}.delete-plan-btn-delete{background:#dc2626;color:#fff}.delete-plan-btn-delete:hover:not(:disabled){background:#b91c1c}.delete-plan-btn-delete:active:not(:disabled){background:#991b1b}.plan-pricing-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;font-family:Tajawal,Arial,sans-serif;direction:rtl}.pricing-wrapper{max-width:1400px;margin:0 auto;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.pricing-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:2.5rem;color:#fff}.header-text{flex:1}.header-title{margin:0;font-size:2.5rem;font-weight:700}.header-subtitle{margin:.5rem 0 0;opacity:.9;font-size:1.1rem}.btn-create-plan{background:#fff;color:#667eea;border:none;padding:.875rem 1.75rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s;white-space:nowrap}.btn-create-plan:hover{transform:translateY(-2px);box-shadow:0 6px 12px -1px #00000026}.btn-create-plan:active{transform:translateY(0)}.tabs-nav{display:flex;gap:1rem;border-bottom:2px solid rgba(255,255,255,.2);overflow-x:auto}.tab-button{background:none;border:none;color:#fff;padding:1rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;opacity:.7;transition:all .3s;white-space:nowrap}.tab-button.active{border-bottom-color:#fff;opacity:1}.tab-button:hover{opacity:1}.pricing-content{padding:2.5rem;min-height:400px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{color:#667eea;animation:spin 1s linear infinite}.loading-text{color:#6b7280;font-size:1.1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem;color:#6b7280}.empty-state svg{color:#6b7280}.empty-title{margin:0;font-size:1.5rem;color:#111827}.empty-text{margin:0;color:#6b7280;text-align:center}.btn-create-plan-empty{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .2s}.btn-create-plan-empty:hover{transform:translateY(-2px);box-shadow:0 6px 12px -1px #00000026}.btn-create-plan-empty:active{transform:translateY(0)}@media(max-width:768px){.plan-pricing-container{padding:1rem}.pricing-wrapper{border-radius:16px}.pricing-header{padding:1.5rem}.header-top{flex-direction:column;align-items:stretch}.btn-create-plan{justify-content:center}.header-title{font-size:2rem}.header-subtitle{font-size:1rem}.tabs-nav{gap:.5rem}.tab-button{padding:.75rem 1rem;font-size:.9rem}.pricing-content{padding:1.5rem}.header-text{margin-bottom:1rem}}@media(max-width:480px){.plan-pricing-container{padding:.5rem}.pricing-header{padding:1rem}.header-title{font-size:1.5rem}.header-subtitle{font-size:.9rem}.pricing-content{padding:1rem}.btn-create-plan,.btn-create-plan-empty{width:100%;padding:.75rem 1rem;font-size:.9rem}.empty-state{gap:1rem}.empty-state svg{width:48px;height:48px}.empty-title{font-size:1.25rem}.empty-text{font-size:.95rem}}.discount-stat-card{background:#fff;border:2px solid #f3f4f6;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;cursor:pointer;min-height:100px}.discount-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a;border-color:#e5e7eb}.discount-stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.discount-stat-info{flex:1;min-width:0}.discount-stat-label{margin:0;color:#6b7280;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discount-stat-value{margin:.25rem 0 0;font-size:1.75rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.discount-stat-card{padding:1.25rem}.discount-stat-icon{width:48px;height:48px}.discount-stat-icon svg{width:20px;height:20px}.discount-stat-value{font-size:1.5rem}.discount-stat-label{font-size:.8rem}}.discount-code-card{background:#fff;border:2px solid #e5e7eb;border-radius:20px;padding:1.5rem;transition:all .3s ease}.discount-code-card.loading{opacity:.6;pointer-events:none}.discount-code-card:hover{box-shadow:0 10px 30px #0000001a;border-color:#d1d5db}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:.75rem}.code-info{flex:1;min-width:0}.code-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:10px;font-size:1rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;margin-left:.5rem}.code-text{-webkit-user-select:all;user-select:all}.copy-btn{background:#fff3;border:none;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s}.copy-btn:hover:not(:disabled){background:#ffffff4d}.copy-btn:disabled{opacity:.5;cursor:not-allowed}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.status-badge.active{background:#d1fae5;color:#059669}.status-badge.inactive{background:#fee2e2;color:#dc2626}.status-badge.expired{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.status-badge:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.card-actions{display:flex;gap:.5rem;flex-shrink:0}.action-btn{background:#f3f4f6;border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn.edit-btn:hover:not(:disabled){background:#dbeafe;color:#3b82f6}.action-btn.delete-btn:hover:not(:disabled){background:#fecaca;color:#dc2626}.discount-value{margin:1rem 0;display:flex;align-items:baseline;gap:.5rem}.value-amount{font-size:2.5rem;font-weight:800;color:#111827}.value-type{font-size:.875rem;color:#6b7280;font-weight:500}.card-description{color:#374151;font-size:.95rem;margin:1rem 0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-stats{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.stat-item{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.stat-item svg{flex-shrink:0}.usage-bar{width:100%;height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden;margin:1rem 0}.usage-progress{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;border-radius:3px}.subscription-tag{display:inline-flex;align-items:center;gap:.5rem;background:#f9fafb;padding:.5rem .75rem;border-radius:8px;font-size:.8rem;color:#374151;margin-top:.5rem;border:1px solid #e5e7eb}.subscription-tag svg{color:#667eea}@media(max-width:640px){.discount-code-card{padding:1.25rem}.card-header{flex-direction:column}.card-actions{width:100%;justify-content:flex-end}.code-badge{font-size:.9rem;padding:.4rem .875rem}.value-amount{font-size:2rem}.card-description{font-size:.875rem}}.dmod-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:dmod-fadeIn .2s ease-out}@keyframes dmod-fadeIn{0%{opacity:0}to{opacity:1}}.dmod-content{background:#fff;border-radius:20px;max-width:650px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;direction:rtl;animation:dmod-slideUp .3s ease-out}@keyframes dmod-slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.dmod-header{padding:2rem;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:20px 20px 0 0;flex-shrink:0}.dmod-title{margin:0;font-size:1.875rem;font-weight:700;color:#111827;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dmod-close{background:#f3f4f6;border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease;flex-shrink:0}.dmod-close:hover{background:#e5e7eb;color:#374151;transform:scale(1.1)}.dmod-close:active{transform:scale(.95)}.dmod-body{padding:2rem;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.dmod-body::-webkit-scrollbar{width:10px}.dmod-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:5px;margin:8px 0}.dmod-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d1d5db,#9ca3af);border-radius:5px;border:2px solid #f3f4f6;transition:background .2s ease}.dmod-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9ca3af,#6b7280)}.dmod-body::-webkit-scrollbar-thumb:active{background:#6b7280}.dmod-field-group{margin-bottom:1.5rem}.dmod-field-label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.95rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dmod-text-input,.dmod-select-input,.dmod-textarea-input{width:100%;padding:.875rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;outline:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .2s ease;box-sizing:border-box;color:#1f2937;background-color:#fff}.readonly-select{background-color:#fbfbfc!important;color:#888!important;cursor:not-allowed!important;border-color:#ddd!important}.dmod-text-input:focus,.dmod-select-input:focus,.dmod-textarea-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dmod-text-input:hover,.dmod-select-input:hover,.dmod-textarea-input:hover{border-color:#d1d5db}.dmod-input-error{border-color:#dc2626!important;background-color:#fef2f2!important}.dmod-text-input:disabled{background:#f9fafb;cursor:not-allowed;color:#9ca3af;opacity:.7}.dmod-select-input{cursor:pointer;background:#fff}.dmod-textarea-input{resize:vertical;min-height:80px}.dmod-error-text{color:#dc2626;font-size:.875rem;margin-top:.25rem;margin-bottom:0;font-weight:500}.dmod-hint-text{color:#6b7280;font-size:.8rem;margin-top:.25rem;margin-bottom:0;font-style:italic}.dmod-field-row{display:grid;grid-template-columns:1fr}.dmod-code-group{display:flex;gap:.5rem}.dmod-code-group .dmod-text-input{flex:1}.dmod-generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;width:44px;height:44px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 8px #667eea4d;position:relative;overflow:hidden}.dmod-generate-btn:hover:not(:disabled):before{width:100px;height:100px}.dmod-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.dmod-generate-btn:active:not(:disabled){transform:translateY(0)}.dmod-generate-btn:disabled{opacity:.6;cursor:not-allowed}.dmod-input-wrapper{position:relative;display:flex;align-items:center}.dmod-input-wrapper .dmod-text-input{padding-left:3rem}.dmod-input-suffix{position:absolute;left:1rem;color:#6b7280;font-weight:600;pointer-events:none;font-size:1rem}.dmod-checkbox-container{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:10px;border:2px solid transparent;transition:all .2s ease}.dmod-checkbox-container:hover{background:#f3f4f6;border-color:#e5e7eb}.dmod-checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.dmod-checkbox-label{font-weight:600;color:#374151;cursor:pointer;margin:0;-webkit-user-select:none;user-select:none}.dmod-footer{padding:1.5rem 2rem;border-top:2px solid #f3f4f6;display:flex;gap:1rem;justify-content:flex-end;background-color:#f9fafb;border-radius:0 0 20px 20px;flex-shrink:0}.dmod-btn{flex:1;padding:13px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dmod-btn:disabled{opacity:.6;cursor:not-allowed}.dmod-btn-cancel{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.dmod-btn-cancel:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.dmod-btn-cancel:active:not(:disabled){transform:translateY(0)}.dmod-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.dmod-btn-primary:hover:not(:disabled):before{width:300px;height:300px}.dmod-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.dmod-btn-primary:active:not(:disabled){transform:translateY(0)}.dmod-spinner{animation:dmod-spin 1s linear infinite}@keyframes dmod-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.dmod-content{max-height:95vh;border-radius:16px}.dmod-header{padding:1.5rem;border-radius:16px 16px 0 0}.dmod-title{font-size:1.5rem}.dmod-body{padding:1.5rem}.dmod-body::-webkit-scrollbar{width:6px}.dmod-field-row{grid-template-columns:1fr;gap:1rem}.dmod-footer{padding:1rem 1.5rem;flex-direction:column-reverse;border-radius:0 0 16px 16px}.dmod-btn{width:100%;justify-content:center}}@media(prefers-color-scheme:dark){.dmod-content{background:#1f2937}.dmod-header{background:linear-gradient(135deg,#374151,#1f2937);border-bottom-color:#374151}.dmod-title{color:#f9fafb}.dmod-close{background:#374151;color:#d1d5db}.dmod-close:hover{background:#4b5563;color:#f9fafb}.dmod-body::-webkit-scrollbar-track{background:#374151}.dmod-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4b5563,#6b7280);border-color:#374151}.dmod-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6b7280,#9ca3af)}.dmod-field-label{color:#f3f4f6}.dmod-text-input,.dmod-select-input,.dmod-textarea-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.dmod-text-input:focus,.dmod-select-input:focus,.dmod-textarea-input:focus{border-color:#818cf8}.dmod-text-input:disabled{background:#4b5563;color:#6b7280}.dmod-select-input{background:#374151}.dmod-checkbox-container{background:#374151;border-color:transparent}.dmod-checkbox-container:hover{background:#4b5563;border-color:#6b7280}.dmod-checkbox-label{color:#f3f4f6}.dmod-hint-text,.dmod-input-suffix{color:#9ca3af}.dmod-footer{background-color:#374151;border-top-color:#4b5563}.dmod-btn-cancel{background:#4b5563;color:#f9fafb;border-color:#6b7280}.dmod-btn-cancel:hover:not(:disabled){background:#374151;border-color:#9ca3af}}.dark-mode .dmod-content{background:#1f2937}.dark-mode .dmod-header{background:linear-gradient(135deg,#374151,#1f2937);border-bottom-color:#374151}.dark-mode .dmod-title{color:#f9fafb}.dark-mode .dmod-close{background:#374151;color:#d1d5db}.dark-mode .dmod-close:hover{background:#4b5563;color:#f9fafb}.dark-mode .dmod-body::-webkit-scrollbar-track{background:#374151}.dark-mode .dmod-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4b5563,#6b7280);border-color:#374151}.dark-mode .dmod-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6b7280,#9ca3af)}.dark-mode .dmod-field-label{color:#f3f4f6}.dark-mode .dmod-text-input,.dark-mode .dmod-select-input,.dark-mode .dmod-textarea-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.dark-mode .dmod-text-input:focus,.dark-mode .dmod-select-input:focus,.dark-mode .dmod-textarea-input:focus{border-color:#818cf8}.dark-mode .dmod-text-input:disabled{background:#4b5563;color:#6b7280}.dark-mode .dmod-select-input{background:#374151}.dark-mode .dmod-checkbox-container{background:#374151;border-color:transparent}.dark-mode .dmod-checkbox-container:hover{background:#4b5563;border-color:#6b7280}.dark-mode .dmod-checkbox-label{color:#f3f4f6}.dark-mode .dmod-hint-text,.dark-mode .dmod-input-suffix{color:#9ca3af}.dark-mode .dmod-footer{background-color:#374151;border-top-color:#4b5563}.dark-mode .dmod-btn-cancel{background:#4b5563;color:#f9fafb;border-color:#6b7280}.dark-mode .dmod-btn-cancel:hover:not(:disabled){background:#374151;border-color:#9ca3af}.mmd-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:mmd-fadeIn .2s ease-out}@keyframes mmd-fadeIn{0%{opacity:0}to{opacity:1}}.mmd-content{background:#fff;border-radius:16px;width:100%;max-width:580px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:mmd-slideUp .3s ease-out;direction:rtl}@keyframes mmd-slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.mmd-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px 16px 0 0}.mmd-title{font-size:22px;font-weight:700;color:#1f2937;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.mmd-close-btn{background:transparent;border:none;cursor:pointer;color:#6b7280;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mmd-close-btn:hover:not(:disabled){background-color:#f3f4f6;color:#1f2937;transform:scale(1.1)}.mmd-close-btn:disabled{opacity:.5;cursor:not-allowed}.mmd-body{padding:28px;overflow-y:auto;flex:1}.mmd-body::-webkit-scrollbar{width:8px}.mmd-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.mmd-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.mmd-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.mmd-field-group{margin-bottom:24px}.mmd-field-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.mmd-select-input,.mmd-text-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;color:#1f2937;background-color:#fff;transition:all .2s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-sizing:border-box}.mmd-select-input:focus,.mmd-text-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mmd-select-input:hover:not(:disabled),.mmd-text-input:hover:not(:disabled){border-color:#d1d5db}.mmd-select-input:disabled,.mmd-text-input:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.mmd-input-error{border-color:#ef4444!important;background-color:#fef2f2!important}.mmd-student-card{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981;border-radius:10px;margin-bottom:24px;animation:mmd-slideIn .3s ease-out}@keyframes mmd-slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.mmd-student-card svg{color:#10b981;flex-shrink:0}.mmd-student-name{font-size:15px;font-weight:600;color:#065f46;margin:0 0 4px}.mmd-student-email{font-size:13px;color:#047857;margin:0;direction:ltr;text-align:right}.mmd-field-row{display:grid;grid-template-columns:1fr}.mmd-input-wrapper{position:relative;display:flex;align-items:center}.mmd-input-wrapper .mmd-text-input{padding-left:45px}.mmd-input-suffix{position:absolute;left:16px;font-size:15px;font-weight:600;color:#6b7280;pointer-events:none}.mmd-error-text{color:#ef4444;font-size:13px;margin-top:6px;margin-bottom:0;font-weight:500;display:flex;align-items:center;gap:4px}.mmd-courses-container{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:16px;max-height:180px;overflow-y:auto}.mmd-courses-container::-webkit-scrollbar{width:6px}.mmd-courses-container::-webkit-scrollbar-track{background:#e5e7eb;border-radius:3px}.mmd-courses-container::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.mmd-checkbox-label,.mmd-radio-label{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border-radius:8px;transition:all .2s ease;margin-bottom:8px}.mmd-checkbox-label:last-child,.mmd-radio-label:last-child{margin-bottom:0}.mmd-checkbox-label:hover,.mmd-radio-label:hover{background-color:#f3f4f6}.mmd-checkbox-input,.mmd-radio-input{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.mmd-checkbox-input:disabled,.mmd-radio-input:disabled{cursor:not-allowed;opacity:.5}.mmd-checkbox-text,.mmd-radio-text{font-size:14px;color:#374151;font-weight:500}.mmd-hint-text{font-size:12px;color:#6b7280;margin-top:8px;margin-bottom:0;font-style:italic}.mmd-loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;font-size:14px}.mmd-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;background-color:#fef3c7;border:2px solid #fbbf24;border-radius:10px;text-align:center}.mmd-empty-state svg{color:#f59e0b}.mmd-empty-state p{margin:0;color:#92400e;font-size:14px;font-weight:500}.mmd-info-box{display:flex;align-items:center;gap:10px;padding:14px 16px;background-color:#dbeafe;border:2px solid #3b82f6;border-radius:10px;margin-top:20px;animation:mmd-slideIn .3s ease-out}.mmd-info-box svg{color:#2563eb;flex-shrink:0}.mmd-info-box span{font-size:13px;color:#1e40af;font-weight:500}.mmd-footer{display:flex;gap:12px;padding:20px 28px;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-radius:0 0 16px 16px}.mmd-btn{flex:1;padding:13px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.mmd-btn:disabled{opacity:.6;cursor:not-allowed}.mmd-btn-cancel{background-color:#fff;color:#374151;border:2px solid #d1d5db}.mmd-btn-cancel:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.mmd-btn-cancel:active:not(:disabled){transform:translateY(0)}.mmd-btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.mmd-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.mmd-btn-primary:active:not(:disabled){transform:translateY(0)}.mmd-spinner{animation:mmd-spin 1s linear infinite}@keyframes mmd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.mmd-content{max-width:100%;max-height:95vh;border-radius:12px}.mmd-header{padding:20px}.mmd-title{font-size:19px}.mmd-body{padding:20px}.mmd-field-row{grid-template-columns:1fr;gap:0}.mmd-footer{padding:16px 20px;flex-direction:column-reverse}.mmd-btn{padding:12px 20px}}@media(prefers-color-scheme:dark){.mmd-content{background:#1f2937}.mmd-header{background:linear-gradient(135deg,#374151,#1f2937);border-bottom-color:#374151}.mmd-title{color:#f9fafb}.mmd-close-btn{color:#d1d5db}.mmd-close-btn:hover:not(:disabled){background-color:#374151;color:#f9fafb}.mmd-field-label{color:#f3f4f6}.mmd-select-input,.mmd-text-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.mmd-select-input:focus,.mmd-text-input:focus{border-color:#60a5fa}.mmd-select-input:disabled,.mmd-text-input:disabled{background-color:#4b5563}.mmd-courses-container{background-color:#374151;border-color:#4b5563}.mmd-checkbox-label:hover{background-color:#4b5563}.mmd-checkbox-text{color:#f3f4f6}.mmd-hint-text{color:#9ca3af}.mmd-loading-state{background-color:#374151;border-color:#4b5563;color:#9ca3af}.mmd-info-box{background-color:#1e3a8a;border-color:#3b82f6}.mmd-info-box span{color:#bfdbfe}.mmd-footer{background-color:#374151;border-top-color:#4b5563}.mmd-btn-cancel{background-color:#4b5563;color:#f9fafb;border-color:#6b7280}.mmd-btn-cancel:hover:not(:disabled){background-color:#374151}}.mmd-plan-item{margin-bottom:16px;padding:12px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;transition:all .2s ease}.mmd-plan-item:hover{border-color:#d1d5db;background:#f9fafb}.mmd-plan-item:last-child{margin-bottom:0}.mmd-plan-message{display:flex;align-items:flex-start;gap:8px;margin-top:8px;padding:10px 12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;font-size:13px;line-height:1.4;color:#0369a1}.mmd-message-icon{color:#0ea5e9;flex-shrink:0;margin-top:1px}.mmd-message-text{flex:1;font-weight:500}.mmd-warning-box{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:#fef3c7;border:2px solid #f59e0b;border-radius:10px;margin-top:16px;animation:mmd-slideIn .3s ease-out}.mmd-warning-box svg{color:#d97706;flex-shrink:0;margin-top:2px}.mmd-warning-box div{display:flex;flex-direction:column;gap:4px}.mmd-warning-box strong{color:#92400e;font-size:13px}.mmd-warning-box span{font-size:12px;color:#92400e;font-weight:500;line-height:1.4}@media(prefers-color-scheme:dark){.mmd-plan-item{background:#374151;border-color:#4b5563}.mmd-plan-item:hover{background:#4b5563;border-color:#6b7280}.mmd-plan-message{background:#1e3a8a;border-color:#3b82f6;color:#bfdbfe}.mmd-message-icon{color:#60a5fa}.mmd-warning-box{background:#451a03;border-color:#d97706}.mmd-warning-box svg{color:#f59e0b}.mmd-warning-box strong,.mmd-warning-box span{color:#fef3c7}}.discount-management-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;font-family:Tajawal,Arial,sans-serif;direction:rtl}.discount-wrapper{max-width:1400px;margin:0 auto;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:dm-slideUp .4s ease-out}@keyframes dm-slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.discount-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:2.5rem;color:#fff}.discount-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-text{flex:1;min-width:200px}.header-title{margin:0;font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-subtitle{margin:.5rem 0 0;opacity:.95;font-size:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.header-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-manual-discount,.btn-create-discount{background:#fff;color:#667eea;border:none;padding:.875rem 1.75rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #00000026;transition:all .2s ease;white-space:nowrap;position:relative;overflow:hidden}.btn-manual-discount:before,.btn-create-discount:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#667eea1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-manual-discount:hover:before,.btn-create-discount:hover:before{width:300px;height:300px}.btn-manual-discount{background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-manual-discount:hover{background:#ffffff40;border-color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #0003}.btn-manual-discount:active{transform:translateY(-1px)}.btn-create-discount:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0003}.btn-create-discount:active{transform:translateY(-1px)}.tabs-nav{display:flex;gap:1rem;border-bottom:2px solid rgba(255,255,255,.2);overflow-x:auto;position:relative;z-index:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.tabs-nav::-webkit-scrollbar{height:6px}.tabs-nav::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.tabs-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.tabs-nav::-webkit-scrollbar-thumb:hover{background:#ffffff80}.dm-tab-button{background:none;border:none;color:#fff;padding:1rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;opacity:.7;transition:all .3s ease;white-space:nowrap;position:relative;overflow:hidden}.dm-tab-button:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:3px;background:#fff;transform:translate(-50%);transition:width .3s ease}.dm-tab-button:hover{opacity:1;background:#ffffff1a}.dm-tab-button.active{border-bottom-color:transparent;opacity:1}.dm-tab-button.active:after{width:100%}.stats-section{padding:2.5rem 2.5rem 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;background:linear-gradient(to bottom,#f9fafb,#fff)}.discount-content{padding:0 2.5rem 2.5rem}.discount-content::-webkit-scrollbar{width:10px}.discount-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:5px;margin:8px 0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;animation:dm-fadeIn .3s ease}@keyframes dm-fadeIn{0%{opacity:0}to{opacity:1}}.loading-spinner{color:#667eea;animation:dm-spin 1s linear infinite;filter:drop-shadow(0 0 8px rgba(102,126,234,.3))}@keyframes dm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#6b7280;font-size:1.1rem;font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem;color:#6b7280;animation:dm-fadeIn .5s ease}.empty-state svg{color:#9ca3af;filter:drop-shadow(0 4px 6px rgba(0,0,0,.05))}.empty-title{margin:0;font-size:1.5rem;color:#111827;font-weight:700}.empty-text{margin:0;color:#6b7280;text-align:center;max-width:500px;line-height:1.6}.btn-create-discount-empty{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #667eea4d;transition:all .2s ease;position:relative;overflow:hidden}.btn-create-discount-empty:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-create-discount-empty:hover:before{width:300px;height:300px}.btn-create-discount-empty:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea66}.btn-create-discount-empty:active{transform:translateY(-1px)}.discounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;animation:dm-slideInGrid .5s ease}@keyframes dm-slideInGrid{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.stats-section{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.discounts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.discount-management-container{padding:1rem}.discount-wrapper{border-radius:16px}.discount-header{padding:1.5rem}.header-top{flex-direction:column;align-items:stretch}.header-text{margin-bottom:1rem}.header-title{font-size:2rem}.header-subtitle{font-size:1rem}.header-actions{flex-direction:column;width:100%}.btn-manual-discount,.btn-create-discount{justify-content:center;width:100%}.tabs-nav{gap:.5rem}.dm-tab-button{padding:.75rem 1rem;font-size:.9rem}.stats-section{padding:1.5rem 1.5rem .5rem;grid-template-columns:1fr;gap:1rem}.discount-content{padding:0 1.5rem 1.5rem}.discount-content::-webkit-scrollbar{width:8px}.discounts-grid{grid-template-columns:1fr;gap:1rem}}@media(max-width:480px){.discount-management-container{padding:.5rem}.discount-header{padding:1rem}.header-title{font-size:1.5rem}.header-subtitle{font-size:.9rem}.stats-section{padding:1rem 1rem .5rem}.discount-content{padding:0 1rem 1rem}.discount-content::-webkit-scrollbar{width:6px}.btn-manual-discount,.btn-create-discount,.btn-create-discount-empty{padding:.75rem 1rem;font-size:.9rem}.empty-state{gap:1rem}.empty-state svg{width:48px;height:48px}.empty-title{font-size:1.25rem}.empty-text{font-size:.95rem}}@media(prefers-color-scheme:dark){.discount-wrapper{background:#1f2937}.stats-section{background:linear-gradient(to bottom,#374151,#1f2937)}.discount-content::-webkit-scrollbar-track{background:#374151}.discount-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4b5563,#6b7280);border-color:#374151}.discount-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6b7280,#9ca3af)}.empty-title{color:#f9fafb}.loading-text{color:#d1d5db}}@keyframes sreqcard-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sreqcard-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sreqcard-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sreqcard-container{background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:1.75rem;transition:all .3s ease;position:relative;overflow:hidden;animation:sreqcard-slideUp .4s ease-out}.sreqcard-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.sreqcard-container:hover:before{transform:scaleX(1);transform-origin:left}.sreqcard-container:hover{border-color:#c7d2fe;box-shadow:0 12px 32px #6366f126;transform:translateY(-4px)}.sreqcard-loading{pointer-events:none}.sreqcard-main-content{display:grid;gap:1.5rem}.sreqcard-student-section{display:flex;align-items:center;gap:1.25rem;padding-bottom:1.5rem;border-bottom:2px solid #f1f5f9}.sreqcard-avatar-wrapper{position:relative;flex-shrink:0}.sreqcard-avatar-img,.sreqcard-avatar-placeholder{width:72px;height:72px;border-radius:50%;object-fit:cover}.sreqcard-avatar-placeholder{background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:800;border:4px solid #f8fafc;box-shadow:0 4px 16px #6366f14d}.sreqcard-status-indicator{position:absolute;bottom:2px;right:2px;width:18px;height:18px;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #0003}.sreqcard-status-indicator.sreqcard-status-waiting{background:#f59e0b;animation:sreqcard-pulse 2s ease-in-out infinite}.sreqcard-status-indicator.sreqcard-status-paid{background:#10b981}.sreqcard-status-indicator.sreqcard-status-refunded{background:#3b82f6}.sreqcard-status-indicator.sreqcard-status-cancelled{background:#ef4444}.sreqcard-student-info{flex:1;min-width:0}.sreqcard-student-name{margin:0 0 .5rem;font-size:1.375rem;font-weight:800;color:#1e293b;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sreqcard-student-email{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9375rem;font-weight:500}.sreqcard-student-email svg{flex-shrink:0;color:#94a3b8}.sreqcard-plan-section{display:grid;gap:1rem}.sreqcard-plan-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.sreqcard-plan-name{margin:0;font-size:1.25rem;font-weight:800;color:#6366f1;flex:1;min-width:150px}.sreqcard-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:24px;font-size:.875rem;font-weight:700;white-space:nowrap}.sreqcard-status-badge.sreqcard-status-waiting{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:2px solid #fbbf24}.sreqcard-status-badge.sreqcard-status-paid{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:2px solid #10b981}.sreqcard-status-badge.sreqcard-status-refunded{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e3a8a;border:2px solid #3b82f6}.sreqcard-status-badge.sreqcard-status-cancelled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:2px solid #ef4444}.sreqcard-plan-details{display:flex;flex-wrap:wrap;gap:1.25rem}.sreqcard-detail-item{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.sreqcard-detail-icon{color:#6366f1;flex-shrink:0}.sreqcard-detail-text{font-size:.9375rem;color:#475569;font-weight:600}.sreqcard-amount-section{padding:1.25rem 0;border-top:2px solid #f1f5f9;border-bottom:2px solid #f1f5f9}.sreqcard-amount-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:16px;box-shadow:0 4px 12px #10b9811a}.sreqcard-amount-icon{width:48px;height:48px;padding:.75rem;background:#fff;border-radius:12px;color:#059669;flex-shrink:0;box-shadow:0 2px 8px #05966933}.sreqcard-amount-content{display:flex;flex-direction:column;gap:.25rem}.sreqcard-amount-label{font-size:.8125rem;color:#065f46;font-weight:600}.sreqcard-amount-value{font-size:1.875rem;font-weight:900;color:#047857;line-height:1}.sreqcard-discount-section{padding:0 20px;margin-top:10px}.sreqcard-discount-card{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:1px solid #fbbf24;border-radius:10px;padding:14px 18px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 6px #fbbf2433;transition:all .25s ease}.sreqcard-discount-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #fbbf244d}.sreqcard-discount-header{display:flex;justify-content:space-between;align-items:center}.sreqcard-discount-label{font-size:14px;font-weight:600;color:#92400e}.sreqcard-discount-code{font-size:14px;font-weight:700;color:#78350f;background:#ffffffb3;padding:5px 10px;border-radius:8px;border:1px dashed #f59e0b;letter-spacing:1px;font-family:Courier New,monospace}.sreqcard-discount-value{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding-top:6px}.sreqcard-discount-amount{font-size:18px;font-weight:700;color:#b45309}.sreqcard-discount-type{font-size:12px;font-weight:500;color:#92400e;background:#fff9;padding:2px 10px;border-radius:6px;border:1px solid rgba(251,191,36,.4)}.sreqcard-actions-section{padding-top:.5rem}.sreqcard-action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.sreqcard-btn{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.9375rem 1.5rem;border:none;border-radius:12px;font-size:1.0625rem;font-weight:700;font-family:Cairo,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.sreqcard-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.sreqcard-btn-approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.sreqcard-btn-approve:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.sreqcard-btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.sreqcard-btn-reject:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 20px #ef44444d}.sreqcard-approved-badge,.sreqcard-cancelled-badge,.sreqcard-refunded-badge,.sreqcard-unknown-badge{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;font-size:1.0625rem;font-weight:700}.sreqcard-approved-badge{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:2px solid #10b981}.sreqcard-cancelled-badge{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:2px solid #ef4444}.sreqcard-refunded-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6;border:2px solid #3b82f6;box-shadow:0 2px 6px #3b82f640}.sreqcard-unknown-badge{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:2px dashed #9ca3af;font-style:italic;box-shadow:0 2px 6px #6b728033}.sreqcard-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:20px}.sreqcard-loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:sreqcard-spin .8s linear infinite}@media(max-width:768px){.sreqcard-container{padding:1.5rem;border-radius:16px}.sreqcard-student-section{flex-direction:column;align-items:flex-start;gap:1rem;padding-bottom:1.25rem}.sreqcard-avatar-img,.sreqcard-avatar-placeholder{width:64px;height:64px}.sreqcard-student-name{font-size:1.25rem}.sreqcard-plan-header{flex-direction:column;align-items:flex-start}.sreqcard-plan-name{font-size:1.125rem}.sreqcard-status-badge{align-self:flex-start}.sreqcard-action-buttons{grid-template-columns:1fr;gap:.875rem}.sreqcard-amount-value{font-size:1.625rem}}@media(max-width:480px){.sreqcard-container{padding:1.25rem}.sreqcard-student-name{font-size:1.125rem}.sreqcard-student-email{font-size:.875rem}.sreqcard-plan-name{font-size:1rem}.sreqcard-detail-item{padding:.5rem .75rem}.sreqcard-detail-text{font-size:.875rem}.sreqcard-amount-card{padding:1rem}.sreqcard-amount-icon{width:40px;height:40px}.sreqcard-amount-value{font-size:1.5rem}.sreqcard-btn{padding:.875rem 1.25rem;font-size:1rem}}@keyframes asubcard-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes asubcard-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes asubcard-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes asubcard-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes asubcard-glow{0%,to{box-shadow:0 0 20px var(--status-glow-color, rgba(16, 185, 129, .5))}50%{box-shadow:0 0 30px var(--status-glow-color, rgba(16, 185, 129, .8))}}.asubcard-container{background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:1.75rem;transition:all .4s ease;position:relative;overflow:hidden;animation:asubcard-slideUp .4s ease-out}.asubcard-container:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--status-border-color, #10b981) 0%,var(--status-border-color, #059669) 50%,var(--status-border-color, #10b981) 100%);background-size:200% 100%;animation:asubcard-shine 3s ease-in-out infinite}.asubcard-container:hover{border-color:var(--status-border-color, #a7f3d0);box-shadow:0 16px 40px var(--status-glow-color, rgba(16, 185, 129, .2));transform:translateY(-6px)}.asubcard-loading{pointer-events:none}.asubcard-active-badge{position:absolute;top:1.25rem;left:1.25rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid;border-radius:20px;font-size:.8125rem;font-weight:700;animation:asubcard-glow 2s ease-in-out infinite;z-index:2}.asubcard-main-content{display:grid;gap:1.5rem;padding-top:2rem}.asubcard-student-header{display:flex;align-items:center;gap:1.25rem;padding-bottom:1.5rem;border-bottom:2px solid #f1f5f9}.asubcard-avatar-wrapper{position:relative;flex-shrink:0}.asubcard-avatar-img,.asubcard-avatar-placeholder{width:80px;height:80px;border-radius:50%;object-fit:cover}.asubcard-avatar-placeholder{background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;border:4px solid #d1fae5;box-shadow:0 8px 24px #10b9814d}.asubcard-status-dot{position:absolute;bottom:4px;right:4px;width:20px;height:20px;background:#10b981;border:4px solid white;border-radius:50%;box-shadow:0 2px 8px #10b98166;animation:asubcard-pulse 2s ease-in-out infinite}.asubcard-student-info{flex:1;min-width:0}.asubcard-student-name{margin:0 0 .625rem;font-size:1.5rem;font-weight:800;color:#1e293b;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asubcard-student-email{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9375rem;font-weight:500}.asubcard-student-email svg{flex-shrink:0;color:#94a3b8}.asubcard-quick-actions{display:flex;gap:.625rem;flex-shrink:0}.asubcard-icon-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;cursor:pointer;transition:all .3s ease}.asubcard-icon-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.asubcard-icon-btn:disabled{opacity:.5;cursor:not-allowed}.asubcard-view-btn{color:#3b82f6;border-color:#bfdbfe}.asubcard-view-btn:hover:not(:disabled){background:#dbeafe;border-color:#3b82f6}.asubcard-message-btn{color:#8b5cf6;border-color:#ddd6fe}.asubcard-message-btn:hover:not(:disabled){background:#ede9fe;border-color:#8b5cf6}.asubcard-plan-section{display:flex;flex-direction:column;gap:.875rem}.asubcard-plan-badge{display:inline-flex;align-self:flex-start}.asubcard-plan-name{margin:0;padding:.75rem 1.5rem;font-size:1.25rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;box-shadow:0 4px 16px #6366f14d}.asubcard-plan-details{display:flex;flex-wrap:wrap;gap:.75rem}.asubcard-detail-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-size:.9375rem;font-weight:600;color:#475569}.asubcard-detail-chip svg{color:#6366f1}.asubcard-status-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:14px;border:2px solid;font-size:1rem;font-weight:700;animation:asubcard-slideUp .4s ease-out .2s both}.asubcard-status-message svg{flex-shrink:0}.asubcard-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.asubcard-info-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:14px;border:2px solid;transition:all .3s ease}.asubcard-info-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.asubcard-dates-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.asubcard-amount-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.asubcard-info-icon{width:44px;height:44px;padding:.75rem;border-radius:10px;flex-shrink:0}.asubcard-dates-card .asubcard-info-icon{background:#fff;color:#0284c7}.asubcard-amount-card .asubcard-info-icon{background:#fff;color:#059669}.asubcard-info-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.asubcard-info-label{font-size:.8125rem;font-weight:600;color:#64748b}.asubcard-info-value{font-size:1rem;font-weight:700;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asubcard-info-subvalue{font-size:.875rem;font-weight:600;color:#64748b}.asubcard-amount-value{font-size:1.5rem;color:#047857}.asubcard-progress-section{display:grid;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#fafafa,#f5f5f5);border-radius:16px;border:2px solid #e5e7eb}.asubcard-progress-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.asubcard-progress-title{display:flex;align-items:center;gap:.625rem;font-size:1rem;font-weight:700;color:#1e293b}.asubcard-progress-stats{display:flex;align-items:center;gap:.875rem}.asubcard-progress-label{font-size:.9375rem;font-weight:800;padding:.375rem .875rem;background:#fff;border-radius:8px;border:2px solid #e5e7eb}.asubcard-progress-percentage{font-size:1.5rem;font-weight:900;line-height:1}.asubcard-progress-bar-wrapper{position:relative}.asubcard-progress-bar{height:20px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a;border:2px solid #e5e7eb}.asubcard-progress-fill{height:100%;transition:width .6s ease;position:relative;overflow:hidden;border-radius:8px}.asubcard-progress-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:asubcard-shine 2s ease-in-out infinite}.asubcard-progress-milestones{display:flex;justify-content:space-between;padding:0 .25rem}.asubcard-milestone{font-size:.75rem;font-weight:600;color:#94a3b8}.asubcard-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:20px}.asubcard-loading-spinner{width:56px;height:56px;border:5px solid #e2e8f0;border-top-color:#10b981;border-radius:50%;animation:asubcard-spin .8s linear infinite}@media(max-width:768px){.asubcard-container{padding:1.5rem;border-radius:16px}.asubcard-active-badge{top:1rem;left:1rem;padding:.4375rem .875rem;font-size:.75rem}.asubcard-student-header{flex-wrap:wrap;padding-bottom:1.25rem}.asubcard-avatar-img,.asubcard-avatar-placeholder{width:68px;height:68px}.asubcard-student-name{font-size:1.25rem}.asubcard-student-email{font-size:.875rem}.asubcard-quick-actions{width:100%;justify-content:flex-end}.asubcard-plan-name{font-size:1.125rem;padding:.625rem 1.25rem}.asubcard-status-message{padding:.875rem 1rem;font-size:.9375rem}.asubcard-info-grid{grid-template-columns:1fr}.asubcard-progress-section{padding:1.25rem}.asubcard-progress-header{flex-direction:column;align-items:flex-start}.asubcard-progress-stats{width:100%;justify-content:space-between}.asubcard-progress-percentage{font-size:1.375rem}}@media(max-width:480px){.asubcard-container{padding:1.25rem}.asubcard-main-content{gap:1.25rem}.asubcard-student-header{flex-direction:column;align-items:flex-start}.asubcard-avatar-img,.asubcard-avatar-placeholder{width:60px;height:60px}.asubcard-student-name{font-size:1.125rem}.asubcard-quick-actions{width:100%;justify-content:flex-start}.asubcard-icon-btn{width:40px;height:40px}.asubcard-plan-name{font-size:1rem;padding:.5rem 1rem}.asubcard-status-message{padding:.75rem .875rem;font-size:.875rem}.asubcard-info-card{padding:1rem}.asubcard-info-icon{width:40px;height:40px}.asubcard-amount-value{font-size:1.25rem}.asubcard-progress-section{padding:1rem}.asubcard-progress-bar{height:16px}.asubcard-milestone{font-size:.6875rem}}@keyframes submgmt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes submgmt-slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes submgmt-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes submgmt-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes submgmt-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.submgmt-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding:2rem;font-family:Cairo,sans-serif}.submgmt-wrapper{max-width:1400px;margin:0 auto;animation:submgmt-fadeIn .5s ease-out}.submgmt-header-card{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:24px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 20px 60px #6366f166;animation:submgmt-slideIn .6s ease-out;position:relative;overflow:hidden}.submgmt-header-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:submgmt-pulse 4s ease-in-out infinite}.submgmt-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;position:relative;z-index:1}.submgmt-title-section{flex:1;min-width:250px}.submgmt-main-title{font-size:2.25rem;font-weight:900;color:#fff;margin:0 0 .5rem;text-shadow:0 4px 12px rgba(0,0,0,.2);letter-spacing:-.5px}.submgmt-subtitle{font-size:1.125rem;color:#ffffffe6;margin:0;font-weight:500}.submgmt-refresh-btn{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.75rem;background:#fff;color:#6366f1;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0000001a;position:relative;z-index:1}.submgmt-refresh-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #00000026;background:#f8fafc}.submgmt-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.submgmt-spinning{animation:submgmt-spin 1s linear infinite}.submgmt-key-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-bottom:1.5rem;position:relative;z-index:1}.submgmt-metric-card{background:#fff;border-radius:16px;padding:1.75rem;display:flex;align-items:center;gap:1.25rem;transition:all .3s ease;box-shadow:0 4px 12px #00000014}.submgmt-metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f}.submgmt-metric-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#d1fae5,#6ee7b7);color:#059669}.submgmt-metric-primary:nth-child(1) .submgmt-metric-icon{background:linear-gradient(135deg,#d1fae5,#6ee7b7);color:#059669}.submgmt-metric-primary:nth-child(2) .submgmt-metric-icon{background:linear-gradient(135deg,#dbeafe,#93c5fd);color:#2563eb}.submgmt-metric-primary:nth-child(3) .submgmt-metric-icon{background:linear-gradient(135deg,#fef3c7,#fde047);color:#d97706}.submgmt-metric-content{flex:1}.submgmt-metric-value{font-size:2.5rem;font-weight:900;line-height:1;margin-bottom:.375rem;color:#1e293b}.submgmt-metric-label{font-size:1rem;color:#64748b;font-weight:600}.submgmt-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;position:relative;z-index:1}.submgmt-stat-card{background:#fff;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;transition:all .3s ease;border:2px solid transparent;box-shadow:0 4px 12px #00000014}.submgmt-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f}.submgmt-stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.submgmt-stat-pending .submgmt-stat-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.submgmt-stat-approved .submgmt-stat-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.submgmt-stat-rejected .submgmt-stat-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.submgmt-stat-active .submgmt-stat-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.submgmt-stat-content{flex:1}.submgmt-stat-value{font-size:2.25rem;font-weight:900;line-height:1;margin-bottom:.25rem}.submgmt-stat-pending .submgmt-stat-value{color:#b45309}.submgmt-stat-approved .submgmt-stat-value{color:#047857}.submgmt-stat-rejected .submgmt-stat-value{color:#b91c1c}.submgmt-stat-active .submgmt-stat-value{color:#1e40af}.submgmt-stat-label{font-size:.9375rem;color:#64748b;font-weight:600}.submgmt-stat-cancelled .submgmt-stat-icon{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#9333ea}.submgmt-stat-cancelled .submgmt-stat-value{color:#7e22ce}.submgmt-stat-refunded .submgmt-stat-icon{background:linear-gradient(135deg,#dbeafe,#60a5fa);color:#1d4ed8}.submgmt-stat-refunded .submgmt-stat-value{color:#1d4ed8}.submgmt-stat-revenue .submgmt-stat-icon{background:linear-gradient(135deg,#d1fae5,#6ee7b7);color:#059669}.submgmt-stat-revenue .submgmt-stat-value{color:#047857;font-size:1.875rem}.submgmt-tabs-wrapper{background:#fff;border-radius:20px;padding:.5rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #0000000f;animation:submgmt-slideIn .7s ease-out}.submgmt-tabs-container{display:flex;gap:.5rem}.submgmt-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem 1.5rem;background:transparent;border:none;border-radius:14px;font-size:1.0625rem;font-weight:700;color:#64748b;cursor:pointer;transition:all .3s ease;position:relative;font-family:Cairo,sans-serif}.submgmt-tab-btn:hover{background:#f1f5f9;color:#475569}.submgmt-tab-active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 16px #6366f14d}.submgmt-tab-active:hover{background:linear-gradient(135deg,#5558e3,#7c4ee8);color:#fff}.submgmt-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:#ffffff40;border-radius:12px;font-size:.8125rem;font-weight:800}.submgmt-tab-active .submgmt-tab-badge{background:#ffffff4d}.submgmt-filters-card{background:#fff;border-radius:18px;padding:1.5rem;margin-bottom:1.5rem;display:flex;gap:1rem;flex-wrap:wrap;box-shadow:0 4px 16px #0000000f;animation:submgmt-slideIn .8s ease-out}.submgmt-search-wrapper{flex:1;min-width:280px;position:relative}.submgmt-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.submgmt-search-input{width:100%;padding:.9375rem 1.125rem .9375rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-family:Cairo,sans-serif;font-weight:500;color:#1e293b;transition:all .3s ease;background:#f8fafc}.submgmt-search-input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f11a}.submgmt-search-input::placeholder{color:#94a3b8}.submgmt-filter-wrapper{position:relative;min-width:220px}.submgmt-filter-icon{position:absolute;right:.2rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;z-index:1}.submgmt-status-select{width:100%;padding:.9375rem 1.125rem .9375rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-family:Cairo,sans-serif;font-weight:600;color:#1e293b;background:#f8fafc;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 1rem center}.submgmt-status-select:focus{outline:none;border-color:#6366f1;background-color:#fff;box-shadow:0 0 0 4px #6366f11a}.submgmt-error-alert{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;color:#991b1b;font-weight:600;animation:submgmt-slideIn .4s ease-out;box-shadow:0 4px 12px #ef444433}.submgmt-error-alert svg{flex-shrink:0}.submgmt-retry-btn{margin-right:auto;padding:.5rem 1.25rem;background:#fff;border:2px solid #dc2626;border-radius:8px;color:#dc2626;font-weight:700;font-family:Cairo,sans-serif;cursor:pointer;transition:all .3s ease}.submgmt-retry-btn:hover{background:#dc2626;color:#fff;transform:translateY(-2px)}.submgmt-content-area{animation:submgmt-fadeIn .9s ease-out}.submgmt-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f}.submgmt-loader-spin{animation:submgmt-spin 1s linear infinite;color:#6366f1;margin-bottom:1.5rem}.submgmt-loading-text{font-size:1.125rem;color:#64748b;font-weight:600;margin:0}.submgmt-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;text-align:center}.submgmt-empty-icon{width:120px;height:120px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;color:#94a3b8;animation:submgmt-bounce 2s ease-in-out infinite}.submgmt-empty-title{font-size:1.75rem;font-weight:800;color:#1e293b;margin:0 0 .75rem}.submgmt-empty-desc{font-size:1.0625rem;color:#64748b;margin:0;max-width:500px;line-height:1.6}.submgmt-cards-grid{display:grid;gap:1.5rem}@media(max-width:1195px){.submgmt-container{padding:1.5rem}.submgmt-header-card{padding:2rem}.submgmt-main-title{font-size:1.875rem}.submgmt-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.submgmt-container{padding:1rem}.submgmt-header-card{padding:1.5rem;border-radius:20px}.submgmt-main-title{font-size:1.625rem}.submgmt-subtitle{font-size:.9375rem}.submgmt-header-content{flex-direction:column;align-items:stretch;gap:1rem}.submgmt-refresh-btn{width:100%;justify-content:center}.submgmt-key-metrics,.submgmt-stats-grid{grid-template-columns:1fr;gap:1rem}.submgmt-stat-card{padding:1.25rem}.submgmt-stat-icon,.submgmt-metric-icon{width:48px;height:48px}.submgmt-stat-value,.submgmt-metric-value{font-size:1.875rem}.submgmt-tabs-container{flex-direction:column}.submgmt-tab-btn{width:100%;padding:.875rem 1.25rem}.submgmt-filters-card{padding:1.25rem;flex-direction:column}.submgmt-search-wrapper,.submgmt-filter-wrapper{width:100%;min-width:auto}.submgmt-empty-icon{width:100px;height:100px}.submgmt-empty-title{font-size:1.5rem}.submgmt-empty-desc{font-size:.9375rem}}@media(max-width:480px){.submgmt-main-title{font-size:1.375rem}.submgmt-stat-value{font-size:1.625rem}.submgmt-stat-label,.submgmt-metric-label{font-size:.875rem}.submgmt-tab-btn{font-size:.9375rem}.submgmt-search-input,.submgmt-status-select{font-size:.9375rem;padding:.875rem 1rem .875rem 2.75rem}.submgmt-loading-text{font-size:1rem}.submgmt-empty-icon{width:90px;height:90px}.submgmt-empty-title{font-size:1.25rem}.submgmt-empty-desc{font-size:.875rem}}.submgmt-perpage-wrapper{min-width:140px}.submgmt-perpage-select{width:100%;border:2px solid #e2e8f0;border-radius:12px;font-size:.9375rem;font-family:Cairo,sans-serif;font-weight:600;color:#1e293b;background:#f8fafc;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 1rem center;padding:.9375rem 1rem .9375rem 2.5rem}.submgmt-perpage-select:focus{outline:none;border-color:#6366f1;background-color:#fff;box-shadow:0 0 0 4px #6366f11a}.submgmt-pagination-wrapper{margin-top:2rem;padding:1.5rem;background:#fff;border-radius:18px;box-shadow:0 4px 16px #0000000f;display:flex;flex-direction:column;gap:1.25rem;align-items:center}.submgmt-pagination-info{font-size:.9375rem;color:#64748b;font-weight:600;text-align:center}.submgmt-pagination-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.submgmt-page-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid #e2e8f0;border-radius:10px;background:#fff;color:#475569;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif;font-weight:600}.submgmt-page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#6366f1;color:#6366f1;transform:translateY(-2px)}.submgmt-page-btn:disabled{opacity:.4;cursor:not-allowed;background:#f8fafc}.submgmt-page-numbers{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.submgmt-page-number{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0 .75rem;border:2px solid #e2e8f0;border-radius:10px;background:#fff;color:#475569;font-size:.9375rem;font-weight:700;font-family:Cairo,sans-serif;cursor:pointer;transition:all .3s ease}.submgmt-page-number:hover{background:#f1f5f9;border-color:#6366f1;color:#6366f1;transform:translateY(-2px)}.submgmt-page-active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff;box-shadow:0 4px 12px #6366f14d}.submgmt-page-active:hover{background:linear-gradient(135deg,#5558e3,#7c4ee8);transform:translateY(-2px)}.submgmt-page-ellipsis{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-weight:700;font-size:1.125rem}@media(max-width:768px){.submgmt-pagination-wrapper{padding:1.25rem}.submgmt-pagination-controls{width:100%}.submgmt-page-btn,.submgmt-page-number{width:36px;height:36px;min-width:36px;font-size:.875rem}.submgmt-page-numbers{flex:1;justify-content:center}.submgmt-perpage-wrapper{width:100%}}@media(max-width:480px){.submgmt-pagination-wrapper{padding:1rem;gap:1rem}.submgmt-pagination-info{font-size:.875rem}.submgmt-pagination-controls{gap:.375rem}.submgmt-page-btn,.submgmt-page-number{width:32px;height:32px;min-width:32px;font-size:.8125rem}.submgmt-page-ellipsis{min-width:32px;height:32px;font-size:1rem}.submgmt-page-numbers{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:submgmt-fadeIn .3s ease-out}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:submgmt-slideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.modal-close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:20px 24px}.message-textarea{width:100%;min-height:120px;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;line-height:1.5;resize:vertical;font-family:inherit;transition:border-color .2s,box-shadow .2s}.message-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.message-textarea:disabled{background-color:#f9fafb;cursor:not-allowed}.message-char-counter{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:#6b7280}.message-char-counter span{font-weight:500}.message-char-counter span.warning{color:#f59e0b}.sms-warning{color:#f59e0b;font-size:11px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 20px;border-top:1px solid #e5e7eb}.btn-cancel,.btn-send{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background-color:#f3f4f6;color:#374151}.btn-cancel:hover:not(:disabled){background-color:#e5e7eb}.btn-send{background-color:#3b82f6;color:#fff}.btn-send:hover:not(:disabled){background-color:#2563eb}.btn-cancel:disabled,.btn-send:disabled{opacity:.6;cursor:not-allowed}@keyframes uam-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes uam-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes uam-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes uam-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.uam-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:uam-fadeIn .3s ease-out}.uam-modal{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:uam-scaleIn .4s ease-out;direction:rtl}.uam-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.75rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom:2px solid rgba(255,255,255,.1);position:relative;overflow:hidden;flex-shrink:0}.uam-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4}.uam-header-content{display:flex;align-items:center;gap:.875rem;position:relative;z-index:1;flex:1;min-width:0}.uam-header-icon{width:44px;height:44px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.uam-header-text{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.uam-title{margin:0;font-size:1.25rem;font-weight:800;color:#fff;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uam-subtitle{margin:0;font-size:.875rem;font-weight:600;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uam-close-btn{width:36px;height:36px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;flex-shrink:0;position:relative;z-index:1}.uam-close-btn:hover{background:#ffffff40;border-color:#fff6;transform:rotate(90deg)}.uam-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem}.uam-content::-webkit-scrollbar{width:6px}.uam-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.uam-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px;transition:background .3s ease}.uam-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.uam-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;gap:1.25rem}.uam-loading-spinner{color:#6366f1;animation:uam-spin .8s linear infinite}.uam-loading-text{margin:0;font-size:.9375rem;font-weight:600;color:#64748b;text-align:center}.uam-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;gap:1.25rem}.uam-error-icon{color:#ef4444}.uam-error-text{margin:0;font-size:.9375rem;font-weight:600;color:#64748b;text-align:center}.uam-retry-btn{padding:.625rem 1.25rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6366f14d}.uam-retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.uam-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;gap:.875rem}.uam-empty-icon{color:#cbd5e1}.uam-empty-text{margin:0;font-size:1rem;font-weight:700;color:#475569;text-align:center}.uam-empty-subtext{margin:0;font-size:.875rem;font-weight:500;color:#94a3b8;text-align:center}.uam-activities-list{display:flex;flex-direction:column}.uam-activity-item{display:flex;gap:1rem;padding:1rem 0;animation:uam-slideUp .4s ease-out;transition:all .3s ease}.uam-activity-item:hover{background:#f8fafc;margin:0 -.75rem;padding:1rem .75rem;border-radius:10px}.uam-activity-avatar{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.uam-activity-item:hover .uam-activity-avatar{transform:scale(1.08)}.uam-activity-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.uam-activity-text{font-size:.875rem;line-height:1.5;color:#1e293b}.uam-activity-name{font-weight:700;color:#0f172a}.uam-activity-action{font-weight:500;color:#64748b}.uam-activity-title{font-size:.9375rem;font-weight:600;color:#334155;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.uam-activity-time{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:#94a3b8}.uam-activity-time svg{flex-shrink:0}.uam-divider{height:1px;background:linear-gradient(90deg,transparent 0%,#e2e8f0 50%,transparent 100%);margin:0}.uam-pagination{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 0 .5rem;border-top:2px solid #f1f5f9;margin-top:1.25rem}.uam-pagination-info{display:flex;align-items:center;justify-content:space-between;gap:.625rem;font-size:.8125rem;font-weight:600;color:#475569;flex-wrap:wrap}.uam-pagination-page-info{white-space:nowrap}.uam-pagination-total{color:#94a3b8;font-weight:500;white-space:nowrap}.uam-pagination-controls{display:flex;align-items:center;justify-content:center;gap:.5rem}.uam-page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;transition:all .3s ease;flex-shrink:0}.uam-page-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.uam-page-btn:disabled{opacity:.4;cursor:not-allowed}.uam-page-numbers{display:flex;gap:.375rem}.uam-page-number{min-width:36px;height:36px;padding:0 .5rem;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#475569;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .3s ease}.uam-page-number:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.uam-page-number:disabled{opacity:.4;cursor:not-allowed}.uam-page-active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff;box-shadow:0 4px 12px #6366f14d}.uam-page-active:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}@media(max-width:768px){.uam-overlay{padding:0;align-items:flex-end}.uam-modal{max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;animation:uam-slideUp .4s ease-out}.uam-header{padding:1.25rem 1.5rem}.uam-title{font-size:1.125rem}.uam-subtitle{font-size:.8125rem}.uam-header-icon{width:40px;height:40px}.uam-close-btn{width:34px;height:34px}.uam-content{padding:1.25rem}.uam-activity-item{padding:.875rem 0;gap:.875rem}.uam-activity-item:hover{margin:0 -.625rem;padding:.875rem .625rem}.uam-activity-avatar{width:40px;height:40px}.uam-activity-text{font-size:.8125rem}.uam-activity-title{font-size:.875rem}.uam-activity-time{font-size:.6875rem}.uam-pagination{padding:1rem 0 .375rem;gap:.875rem}.uam-page-btn,.uam-page-number{width:34px;height:34px;min-width:34px}}@media(max-width:480px){.uam-modal{max-height:95vh;border-radius:16px 16px 0 0}.uam-header{padding:1rem 1.25rem}.uam-header-content{gap:.75rem}.uam-title{font-size:1rem}.uam-subtitle{font-size:.75rem}.uam-header-icon{width:36px;height:36px}.uam-header-icon svg{width:18px;height:18px}.uam-close-btn{width:32px;height:32px}.uam-close-btn svg{width:18px;height:18px}.uam-content{padding:1rem}.uam-loading,.uam-error,.uam-empty{padding:2.5rem 1rem}.uam-loading-spinner,.uam-error-icon{width:40px;height:40px}.uam-empty-icon{width:52px;height:52px}.uam-activity-item{padding:.75rem 0;gap:.75rem}.uam-activity-item:hover{margin:0 -.5rem;padding:.75rem .5rem;border-radius:8px}.uam-activity-avatar{width:38px;height:38px;border-radius:10px}.uam-activity-avatar svg{width:16px;height:16px}.uam-activity-content{gap:.25rem}.uam-activity-text{font-size:.75rem}.uam-activity-title{font-size:.8125rem}.uam-activity-time{font-size:.625rem;gap:.25rem}.uam-activity-time svg{width:11px;height:11px}.uam-pagination{padding:.875rem 0 .25rem;gap:.75rem}.uam-pagination-info{font-size:.75rem;gap:.5rem}.uam-pagination-controls{gap:.375rem}.uam-page-btn,.uam-page-number{width:32px;height:32px;min-width:32px}.uam-page-btn svg{width:16px;height:16px}.uam-page-number{font-size:.8125rem;padding:0 .375rem}.uam-retry-btn{padding:.5rem 1rem;font-size:.8125rem}}@media(max-width:360px){.uam-header{padding:.875rem 1rem}.uam-content{padding:.875rem}.uam-activity-item{padding:.625rem 0}.uam-activity-avatar{width:36px;height:36px}.uam-page-btn,.uam-page-number{width:30px;height:30px;min-width:30px}.uam-page-number{font-size:.75rem}}@media(hover:none)and (pointer:coarse){.uam-page-btn,.uam-page-number,.uam-close-btn{min-width:40px;height:40px}.uam-activity-item{padding:1rem 0}}*{font-family:Segoe UI,Trebuchet MS,sans-serif;margin:0;padding:0;box-sizing:border-box}.student-layout{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);direction:rtl}.student-layout-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f4c75);direction:rtl}.loading-container{text-align:center;padding:48px;max-width:480px}.loading-spinner{position:relative;width:140px;height:140px;margin:0 auto 32px}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#3b82f6;border-radius:50%;animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.spinner-ring:nth-child(2){width:85%;height:85%;top:7.5%;left:7.5%;border-top-color:#60a5fa;animation-duration:2s;animation-delay:.2s}.spinner-ring:nth-child(3){width:70%;height:70%;top:15%;left:15%;border-top-color:#93c5fd;animation-duration:2.5s;animation-delay:.4s}@keyframes spin{0%{transform:rotate(0);border-width:4px}50%{transform:rotate(180deg);border-width:2px}to{transform:rotate(360deg);border-width:4px}}.spinner-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.loading-title{font-size:28px;font-weight:700;color:#e0e7ff;margin-bottom:12px;animation:fadeInUp .6s ease-out}.loading-subtitle{font-size:16px;color:#ffffffb3;margin-bottom:32px;animation:fadeInUp .6s ease-out .2s backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-progress{width:100%;height:4px;background:#ffffff1a;border-radius:4px;overflow:hidden;animation:fadeInUp .6s ease-out .4s backwards}.progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd);background-size:200% 100%;border-radius:4px;animation:progressFlow 1.5s ease-in-out infinite;box-shadow:0 0 20px #3b82f680}@keyframes progressFlow{0%{width:0%;background-position:0% 50%}50%{width:70%;background-position:100% 50%}to{width:100%;background-position:200% 50%}}.student-layout-error{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f4c75);direction:rtl}.error-container{text-align:center;padding:48px;max-width:480px;background:#ffffff0d;border-radius:24px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.error-icon{font-size:72px;margin-bottom:24px;animation:shake .5s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-title{font-size:24px;font-weight:700;color:#fca5a5;margin-bottom:12px}.error-subtitle{font-size:16px;color:#ffffffb3;margin-bottom:32px}.error-button{display:inline-flex;align-items:center;gap:12px;padding:14px 32px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:16px;transition:all .3s ease;box-shadow:0 4px 16px #3b82f64d}.error-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #3b82f680}.button-arrow{transition:transform .3s ease}.error-button:hover .button-arrow{transform:translate(-4px)}.student-navbar{background:linear-gradient(135deg,#0f172a,#1e293b,#0f4c75);box-shadow:0 8px 32px #0000001f,0 0 1px #ffffff1a inset;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);width:100%}.navbar-bottom-line{height:3px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);opacity:0;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:0}50%{opacity:1}}.navbar-container{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;height:72px;position:relative;width:100%;box-sizing:border-box}.navbar-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;cursor:pointer;flex-shrink:0;transition:transform .3s ease}.navbar-brand:hover{transform:translateY(-2px)}.brand-icon{font-size:32px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.brand-text{font-size:22px;font-weight:700;background:linear-gradient(135deg,#e0e7ff,#f3f4f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.student-nav{display:flex;align-items:center;gap:4px;flex:1;margin:0 48px;position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.student-nav::-webkit-scrollbar{display:none}.nav-item{display:flex;align-items:center;gap:8px;padding:10px 18px;color:#ffffffbf;text-decoration:none;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;font-size:14px;font-weight:500;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--x, 0) var(--y, 0),rgba(255,255,255,.1),transparent 50%);opacity:0;transition:opacity .3s}.nav-item:hover{background:#ffffff14;color:#fff;transform:translateY(-2px)}.nav-item.active{background:#3b82f626;color:#93c5fd;box-shadow:inset 0 0 20px #3b82f61a,0 4px 12px #3b82f626}.nav-icon{font-size:18px;transition:transform .3s ease}.nav-item:hover .nav-icon{transform:scale(1.15)}.nav-item.active .nav-icon{animation:bounce .6s ease-out}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.nav-text{font-weight:600}.nav-indicator{position:absolute;bottom:-6px;width:24px;height:3px;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:2px;animation:slideIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 12px #3b82f680}@keyframes slideIn{0%{width:0;opacity:0}to{width:24px;opacity:1}}.navbar-user-wrapper{position:relative;flex-shrink:0}.navbar-user{display:flex;align-items:center;gap:14px;padding:10px 18px;border-radius:10px;transition:all .3s ease;cursor:pointer;flex-shrink:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.navbar-user:hover,.navbar-user.menu-open{background:#ffffff14;border-color:#3b82f64d;transform:translateY(-2px)}.user-info{text-align:right}.user-name{font-weight:700;color:#e0e7ff;font-size:15px}.user-role{font-size:12px;color:#fff9;font-weight:500}.user-avatar{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;box-shadow:0 4px 12px #667eea66;transition:all .3s ease}.navbar-user:hover .user-avatar,.navbar-user.menu-open .user-avatar{transform:scale(1.05);box-shadow:0 6px 20px #667eea99}.user-dropdown-menu{position:absolute;top:calc(100% + 12px);left:0;min-width:280px;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 12px 40px #0006;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.user-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{padding:20px;display:flex;align-items:center;gap:14px;background:#3b82f614;border-bottom:1px solid rgba(255,255,255,.05)}.dropdown-user-avatar{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;box-shadow:0 4px 16px #667eea66;flex-shrink:0}.dropdown-user-info{flex:1;text-align:right;overflow:hidden}.dropdown-user-name{font-weight:700;color:#e0e7ff;font-size:16px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-user-email{font-size:13px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background:#ffffff0d;margin:8px 0}.dropdown-item{display:flex;align-items:center;gap:12px;padding:14px 20px;color:#ffffffd9;text-decoration:none;transition:all .2s ease;cursor:pointer;background:none;border:none;width:100%;text-align:right;font-size:15px;font-family:inherit;direction:rtl}.dropdown-item:hover{background:#ffffff14;color:#fff}.dropdown-icon{font-size:18px;color:#ffffffb3;transition:all .2s ease;flex-shrink:0}.dropdown-item:hover .dropdown-icon{color:#93c5fd;transform:scale(1.1)}.logout-item{color:#fca5a5;border-top:1px solid rgba(255,255,255,.05);margin-top:4px}.logout-item:hover{background:#ef444426;color:#fca5a5}.logout-item .dropdown-icon{color:#fca5a5}.logout-item:hover .dropdown-icon{color:#fca5a5;transform:scale(1.1) translate(-3px)}.navbar-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;gap:6px;padding:8px;transition:all .3s ease}.toggle-line{width:26px;height:3px;background:#fff;border-radius:2px;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar-toggle.active .toggle-line:first-child{transform:rotate(45deg) translate(10px,10px)}.navbar-toggle.active .toggle-line:nth-child(2){opacity:0}.navbar-toggle.active .toggle-line:last-child{transform:rotate(-45deg) translate(7px,-7px)}.student-main-content{flex:1;width:100%;padding:40px 24px;animation:fadeIn .5s ease-out}.content-wrapper{max-width:1400px;margin:0 auto;width:100%}@media(max-width:1024px){.navbar-container{height:64px;padding:0 18px}.brand-text{font-size:20px}.brand-icon{font-size:28px}.student-nav{margin:0 32px;gap:2px}.nav-item{padding:9px 14px;font-size:13px}.user-name{font-size:14px}.student-main-content{padding:32px 18px}.user-dropdown-menu{min-width:260px}}@media(max-width:1200px){.navbar-container{height:68px;padding:0 16px}.student-nav{margin:0 32px;gap:2px}.nav-item{padding:9px 14px;font-size:12px}.navbar-user{gap:10px;padding:8px 14px}.user-name{font-size:13px}.user-avatar{width:38px;height:38px;font-size:14px}}@media(max-width:992px){.navbar-container{height:64px}.brand-text{font-size:18px}.student-nav{margin:0 24px;gap:0px}.nav-item{padding:8px 12px;font-size:11px}.nav-text{display:none}.navbar-user{gap:8px;padding:6px 12px}.user-info{display:none}.user-avatar{width:36px;height:36px;font-size:13px}.user-dropdown-menu{min-width:240px}}@media(max-width:768px){.navbar-toggle{display:flex}.navbar-container{height:60px;padding:0 12px;gap:12px}.brand-text{font-size:16px}.brand-icon{font-size:24px}.student-nav{position:fixed;top:60px;right:0;left:0;flex-direction:column;gap:0;margin:0;background:linear-gradient(135deg,#0f172a,#1e293b);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(59,130,246,.2);max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0003}.student-nav.open{max-height:600px}.nav-item{width:100%;padding:14px 16px;border-radius:0;border-right:3px solid transparent;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px;justify-content:flex-end}.nav-text{display:inline}.nav-item.active{background:#3b82f61f;border-right-color:#3b82f6}.nav-indicator{display:none}.navbar-user{gap:10px;padding:8px 12px}.user-info{display:none}.user-avatar{width:36px;height:36px;font-size:13px}.navbar-user-wrapper{position:static}.user-dropdown-menu{position:fixed;top:60px;right:12px;left:12px;min-width:auto;max-width:380px;margin:0 auto}.dropdown-header{padding:18px}.dropdown-user-avatar{width:48px;height:48px;font-size:18px}.student-main-content{padding:24px 14px}.loading-container,.error-container{padding:32px 24px}.loading-title,.error-title{font-size:22px}.loading-subtitle,.error-subtitle{font-size:14px}}@media(max-width:480px){.navbar-container{height:56px;gap:8px}.brand-icon{font-size:24px}.brand-text{display:none}.student-nav{top:56px}.nav-item{padding:12px 14px;font-size:13px}.nav-icon{font-size:16px}.student-main-content{padding:20px 12px}.content-wrapper{width:100%}.loading-spinner{width:100px;height:100px}.spinner-icon{font-size:36px}.error-icon{font-size:56px}.loading-container,.error-container{padding:24px 16px}.navbar-user-wrapper{position:static}.user-dropdown-menu{min-width:calc(100vw - 24px);max-width:280px;right:12px;left:auto;position:fixed}.dropdown-item{padding:12px 16px;font-size:14px}.dropdown-user-name{font-size:15px}.dropdown-user-email{font-size:12px}}.dashboard-container{max-width:1400px;margin:0 auto;padding:20px}.dashboard-welcome{background:linear-gradient(135deg,#667eea,#764ba2);padding:32px;border-radius:16px;color:#fff;margin-bottom:32px;box-shadow:0 10px 30px #667eea4d}.dashboard-welcome-title{font-size:28px;font-weight:700;margin-bottom:8px}.dashboard-welcome-subtitle{font-size:16px;opacity:.95}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.dashboard-stat-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s}.dashboard-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.dashboard-stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.dashboard-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.dashboard-stat-icon.purple{background:linear-gradient(135deg,#667eea,#764ba2)}.dashboard-stat-icon.green{background:linear-gradient(135deg,#0ba360,#3cba92)}.dashboard-stat-icon.orange{background:linear-gradient(135deg,#f2994a,#f2c94c)}.dashboard-stat-value{font-size:32px;font-weight:700;color:#1a1f36;margin-bottom:4px}.dashboard-stat-label{font-size:14px;color:#6b7280}.dashboard-section-title{font-size:22px;font-weight:700;color:#1a1f36;margin-bottom:20px;display:flex;align-items:center;gap:10px}.dashboard-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:40px}.dashboard-course-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s;cursor:pointer}.dashboard-course-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.dashboard-course-thumbnail{width:100%;height:180px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.dashboard-course-thumbnail.no-image{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:48px}.dashboard-course-content{padding:20px}.dashboard-course-title{font-size:18px;font-weight:600;color:#1a1f36;margin-bottom:8px}.dashboard-course-instructor{font-size:14px;color:#6b7280;margin-bottom:12px;display:flex;align-items:center;gap:6px}.dashboard-course-meta{display:flex;gap:16px;margin-bottom:16px;font-size:13px;color:#6b7280}.dashboard-course-meta-item{display:flex;align-items:center;gap:4px}.dashboard-course-progress{margin-bottom:12px}.dashboard-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px}.dashboard-progress-label{color:#6b7280}.dashboard-progress-value{color:#667eea;font-weight:600}.dashboard-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.dashboard-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.dashboard-course-button{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.dashboard-course-button:hover{opacity:.9}.dashboard-empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.dashboard-empty-icon{font-size:64px;margin-bottom:16px}.dashboard-empty-title{font-size:20px;font-weight:600;color:#1a1f36;margin-bottom:8px}.dashboard-empty-text{font-size:14px;color:#6b7280}.motivational-banner{background:linear-gradient(135deg,#00a859,#00d98b);padding:24px 32px;border-radius:16px;margin-bottom:32px;box-shadow:0 8px 24px #00a85940;display:flex;align-items:center;gap:16px;border:2px solid rgba(255,255,255,.2)}.motivational-icon{font-size:32px;line-height:1;flex-shrink:0}.motivational-text{color:#fff;font-size:17px;font-weight:600;text-align:right;line-height:1.7;flex:1}.dashboard-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px}.exam-countdown-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:28px;border-radius:16px;color:#fff;display:flex;align-items:center;gap:20px;box-shadow:0 8px 24px #667eea4d;border:2px solid rgba(255,255,255,.15);transition:transform .2s,box-shadow .2s}.exam-countdown-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #667eea66}.countdown-icon{font-size:56px;line-height:1;opacity:.95}.countdown-content{flex:1}.countdown-days{font-size:42px;font-weight:800;line-height:1;margin-bottom:6px}.countdown-label{font-size:15px;font-weight:600;opacity:.95;margin-bottom:4px}.countdown-subtext{font-size:13px;opacity:.8;font-style:italic}.learning-tip-card{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);padding:28px;border-radius:16px;color:#2d3436;box-shadow:0 8px 24px #fdcb6e4d;border:2px solid rgba(255,255,255,.4);transition:transform .2s,box-shadow .2s}.learning-tip-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #fdcb6e66}.tip-header{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid rgba(45,52,54,.1)}.tip-icon{font-size:24px}.tip-title{flex:1}.tip-content{font-size:15px;line-height:1.7;font-weight:500}.dashboard-section-title{font-size:24px;font-weight:800;color:#1a1f36;margin-bottom:24px;display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:3px solid #f3f4f6}@media(max-width:768px){.dashboard-info-grid{grid-template-columns:1fr;gap:16px}.motivational-banner{padding:20px 24px}.motivational-icon{font-size:28px}.motivational-text{font-size:15px}.exam-countdown-card{padding:24px}.countdown-days{font-size:36px}.countdown-icon{font-size:48px}.learning-tip-card{padding:24px}.dashboard-section-title{font-size:20px}}.stcourses-container{max-width:1400px;margin:0 auto}.stcourses-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 32px;border-radius:16px;color:#fff;margin-bottom:32px;box-shadow:0 10px 30px #667eea4d}.stcourses-header-title{font-size:32px;font-weight:700;margin-bottom:8px}.stcourses-header-subtitle{font-size:16px;opacity:.95}.stcourses-tabs{display:flex;gap:12px;margin-bottom:32px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.stcourses-tab{flex:1;padding:12px 24px;background:transparent;border:none;border-radius:8px;font-size:15px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.stcourses-tab:hover{background:#f3f4f6;color:#1a1f36}.stcourses-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stcourses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.stcourse-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s;cursor:pointer;position:relative}.stcourse-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.stcourse-badge{position:absolute;top:12px;left:12px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;z-index:10}.stcourse-badge.enrolled{background:#10b981e6;color:#fff}.stcourse-badge.free-preview{background:#fbbf24e6;color:#fff}.stcourse-thumbnail{width:100%;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:64px;position:relative}.stcourse-content{padding:24px}.stcourse-title{font-size:20px;font-weight:700;color:#1a1f36;margin-bottom:8px;line-height:1.4}.stcourse-instructor{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280;margin-bottom:16px}.stcourse-description{font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stcourse-meta{display:flex;gap:20px;margin-bottom:16px;padding-top:16px;border-top:1px solid #e5e7eb}.stcourse-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.stcourse-progress{margin-bottom:16px}.stcourse-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px}.stcourse-progress-label{color:#6b7280}.stcourse-progress-value{color:#667eea;font-weight:600}.stcourse-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.stcourse-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.stcourse-actions{display:flex;gap:12px}.stcourse-button{flex:1;padding:12px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.stcourse-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stcourse-button-primary:hover{opacity:.9;transform:translateY(-2px)}.stcourse-button-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.stcourse-button-secondary:hover{background:#f3f4f6}.stcourse-empty{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.stcourse-empty-icon{font-size:64px;margin-bottom:16px}.stcourse-empty-title{font-size:20px;font-weight:600;color:#1a1f36;margin-bottom:8px}.stcourse-empty-text{font-size:14px;color:#6b7280}.loading-spinner-container{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spinner-spin .8s linear infinite}@keyframes spinner-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.stcourses-grid{grid-template-columns:1fr}.stcourses-tabs{flex-direction:column}}.course-details-wrapper-v4{font-family:Tajawal,-apple-system,sans-serif;direction:rtl;background:#f4f6fb;min-height:100vh}.course-hero-v4{position:relative;background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:3.5rem 2rem 5.5rem;overflow:hidden}.course-hero-v4:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.course-hero-content-v4{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 320px;gap:3rem;position:relative;z-index:1;align-items:center}.course-hero-left-v4{color:#fff}.course-breadcrumb-v4{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;margin-bottom:1.25rem;opacity:.75}.breadcrumb-separator-v4{opacity:.5}.course-title-main-v4{font-size:2.25rem;font-weight:800;margin:0 0 .875rem;line-height:1.25;letter-spacing:-.02em}.course-description-main-v4{font-size:1.05rem;line-height:1.75;margin:0 0 2rem;opacity:.88;max-width:560px}.course-instructor-v4{display:inline-flex;align-items:center;gap:.875rem;background:#ffffff24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.75rem 1.25rem;border-radius:14px;border:1px solid rgba(255,255,255,.18)}.instructor-avatar-v4{width:44px;height:44px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.3);overflow:hidden;flex-shrink:0}.instructor-avatar-v4 img{width:100%;height:100%;border-radius:50%;object-fit:cover}.instructor-info-v4{display:flex;flex-direction:column;gap:.125rem}.instructor-label-v4{font-size:.75rem;opacity:.7}.instructor-name-v4{font-size:.9375rem;font-weight:700}.course-hero-right-v4{display:flex;justify-content:center}.course-stats-card-v4{background:#fff;border-radius:22px;padding:2rem;box-shadow:0 16px 48px #0000002e;width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.stats-header-v4{display:flex;align-items:center;gap:.625rem;color:#1e293b;align-self:flex-start;margin-bottom:.5rem}.stats-header-v4 svg{color:#4f46e5}.stats-header-v4 h3{margin:0;font-size:1.1rem;font-weight:700}.course-content-container-v4{max-width:1100px;margin:-3rem auto 0;padding:0 2rem 4rem;position:relative;z-index:2}.content-header-v4{background:#fff;padding:1.75rem 2rem 1.5rem;border-radius:18px 18px 0 0;box-shadow:0 2px 8px #0000000d;border-bottom:1px solid #e8edf5}.content-title-v4{margin:0 0 .75rem;font-size:1.5rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.content-subtitle-v4{display:flex;flex-wrap:wrap;gap:10px;margin:0}.stat-item{display:inline-flex;align-items:center;gap:5px;font-size:.8125rem;color:#475569;font-weight:600;background:#f1f5f9;padding:4px 10px;border-radius:20px}.stat-item svg{color:#4f46e5}.chapters-list-v4{background:#fff;padding:1.25rem 2rem 2rem;border-radius:0 0 18px 18px;box-shadow:0 4px 16px #0000000f;display:flex;flex-direction:column;gap:.875rem}.course-loading-v4{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.course-spinner-v4{width:56px;height:56px;border:5px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;animation:spin-v4 .75s linear infinite}@keyframes spin-v4{to{transform:rotate(360deg)}}.course-loading-text-v4{font-size:1rem;color:#64748b;font-weight:600}.course-error-v4{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;text-align:center;padding:2rem}.error-icon-v4{font-size:3.5rem}.course-error-v4 h3{margin:0;font-size:1.375rem;color:#1e293b;font-weight:700}.course-error-v4 p{margin:0;color:#64748b}@media(max-width:900px){.course-hero-content-v4{grid-template-columns:1fr;gap:2rem}.course-stats-card-v4{max-width:340px;margin:0 auto}}@media(max-width:640px){.course-hero-v4{padding:2.5rem 1rem 4rem}.course-title-main-v4{font-size:1.75rem}.course-description-main-v4{font-size:.9375rem}.course-content-container-v4{padding:0 1rem 2.5rem;margin-top:-2rem}.content-header-v4,.chapters-list-v4{padding:1.25rem}.content-title-v4{font-size:1.25rem}}.chapter-item-v4{border:1.5px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease;background:#fff}.chapter-item-v4:hover{border-color:#c7d2fe;box-shadow:0 4px 14px #4f46e512}.chapter-item-v4.expanded-v4{border-color:#818cf8;box-shadow:0 6px 24px #4f46e51a}.chapter-header-v4{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;cursor:pointer;transition:background .2s ease;-webkit-user-select:none;user-select:none}.chapter-header-v4:hover{background:#f8fafc}.chapter-item-v4.expanded-v4 .chapter-header-v4{background:linear-gradient(135deg,#eef2ff,#f5f3ff)}.chapter-header-right-v4{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0}.chapter-number-v4{width:44px;height:44px;min-width:44px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.125rem;font-weight:800;box-shadow:0 4px 12px #4f46e547;flex-shrink:0}.chapter-info-v4{flex:1;min-width:0}.chapter-title-v4{margin:0 0 .25rem;font-size:1.0625rem;font-weight:700;color:#0f172a;line-height:1.4}.chapter-description-v4{margin:0 0 .625rem;font-size:.875rem;color:#64748b;line-height:1.5}.chapter-meta-v4{display:flex;flex-wrap:wrap;gap:.625rem}.chapter-meta-item-v4{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:#64748b;font-weight:600;background:#f1f5f9;padding:3px 8px;border-radius:20px}.chapter-meta-item-v4 svg{color:#4f46e5}.chapter-header-left-v4{display:flex;align-items:center;gap:.625rem;flex-shrink:0;margin-right:.5rem}.chapter-locked-badge-v4{display:inline-flex;align-items:center;gap:.3rem;padding:4px 10px;background:#fef2f2;border:1px solid #fecaca;border-radius:20px;color:#dc2626;font-size:.75rem;font-weight:600}.chapter-progress-badge-v4{display:flex;align-items:center;gap:.5rem;padding:5px 10px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:20px}.mini-progress-v4{width:52px;height:5px;background:#ddd6fe;border-radius:3px;overflow:hidden}.mini-progress-fill-v4{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:3px;transition:width .5s ease}.progress-percentage-v4{font-size:.75rem;font-weight:700;color:#4f46e5}.chapter-toggle-btn-v4{width:34px;height:34px;border:1.5px solid #e0e7ff;background:#fff;border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#818cf8;transition:all .2s ease;flex-shrink:0}.chapter-toggle-btn-v4:hover{background:#eef2ff;border-color:#a5b4fc;color:#4f46e5}.toggle-icon-v4{transition:transform .3s cubic-bezier(.4,0,.2,1)}.toggle-icon-v4.rotated-v4{transform:rotate(180deg)}.chapter-content-v4{padding:0 1.25rem 1.25rem;animation:slideDown-v4 .28s ease}@keyframes slideDown-v4{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.units-list-v4{display:flex;flex-direction:column;gap:.75rem}@media(max-width:640px){.chapter-header-v4{padding:1rem}.chapter-header-right-v4{gap:.75rem}.chapter-number-v4{width:38px;height:38px;min-width:38px;font-size:1rem;border-radius:10px}.chapter-title-v4{font-size:.9375rem}.chapter-description-v4{font-size:.8125rem}.chapter-header-left-v4{gap:.5rem}.mini-progress-v4{width:40px}.chapter-content-v4{padding:0 .875rem .875rem}}.unit-item-v4{border-radius:12px;overflow:hidden;background:#f8fafc;border:1.5px solid #e8edf5;transition:border-color .2s ease,box-shadow .2s ease}.unit-item-v4.unit-locked-v4{opacity:.6}.unit-header-v4{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.125rem;background:#fff;border-bottom:1.5px solid #e8edf5}.unit-header-v4:before{content:"";position:absolute}.unit-icon-v4{width:34px;height:34px;min-width:34px;border-radius:9px;background:linear-gradient(135deg,#818cf8,#a78bfa);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 3px 8px #818cf847;flex-shrink:0}.unit-locked-v4 .unit-icon-v4{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:none}.unit-info-v4{flex:1;min-width:0}.unit-title-v4{margin:0 0 .2rem;font-size:.9375rem;font-weight:700;color:#0f172a;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-meta-v4{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.unit-meta-item-v4{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;color:#64748b;background:#f1f5f9;padding:2px 7px;border-radius:20px}.unit-meta-item-v4 svg{color:#818cf8}.unit-progress-text-v4{font-size:.7rem;font-weight:700;color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;padding:2px 8px;border-radius:20px}.unit-progress-circle-v4{position:relative;width:42px;height:42px;min-width:42px}.unit-progress-svg-v4{width:100%;height:100%}.unit-progress-percent-v4{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.55rem;font-weight:800;color:#7c3aed}.unit-contents-v4{display:flex;flex-direction:column}.content-row-v4{display:flex;align-items:center;gap:.625rem;padding:.7rem 1.125rem .7rem 1rem;border-top:1px solid #f1f5f9;transition:background .15s ease;min-height:44px}.content-row-v4:last-child{border-radius:0 0 11px 11px}.content-row-v4.cr-clickable{cursor:pointer}.content-row-v4.cr-clickable:hover{background:#f5f3ff}.content-row-v4.cr-clickable:active{background:#ede9fe}.content-row-v4.cr-clickable:focus-visible{outline:2px solid #818cf8;outline-offset:-2px}.content-row-v4.cr-locked{cursor:not-allowed;opacity:.55}.content-row-v4.cr-done .cr-title{color:#94a3b8;text-decoration:line-through;text-decoration-color:#cbd5e1}.cr-icon{display:flex;align-items:center;flex-shrink:0}.ci-done{color:#22c55e}.ci-lesson{color:#4f46e5}.ci-test{color:#f59e0b}.ci-resource{color:#06b6d4}.cr-title{flex:1;font-size:.875rem;font-weight:600;color:#1e293b;line-height:1.4}.cr-type-badge{font-size:.6875rem;font-weight:700;color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;padding:1px 7px;border-radius:20px;flex-shrink:0}.cr-duration{font-size:.6875rem;font-weight:600;color:#94a3b8;flex-shrink:0}@media(max-width:480px){.unit-header-v4{padding:.75rem .875rem}.unit-title-v4{font-size:.875rem}.unit-icon-v4{width:30px;height:30px;min-width:30px;border-radius:8px}}.progress-circle-v4{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.progress-ring-v4{transform:rotate(-90deg)}.progress-ring-fill-v4{transition:stroke-dashoffset 1s ease}.progress-text-v4{position:absolute;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-percent-v4{display:block;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-label-v4{display:block;font-size:.875rem;color:#64748b;margin-top:.25rem}.lesson-page-newv66{min-height:100vh;background:#f8fafc;font-family:Tajawal,-apple-system,sans-serif;direction:rtl}.lesson-header-newv66{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.5rem 2rem;color:#fff;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:space-between}.header-right-newv66{display:flex;flex-direction:column;gap:.75rem}.back-button-newv66{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:10px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.back-button-newv66:hover{background:#ffffff4d;transform:translate(4px)}.header-breadcrumb-newv66{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;opacity:.95}.breadcrumb-sep-newv66{opacity:.6}.sidebar-toggle-newv66{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:10px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.sidebar-toggle-newv66:hover{background:#ffffff4d}.lesson-container-newv66{display:flex;max-width:1600px;margin:0 auto;min-height:calc(100vh - 100px)}.content-sidebar-newv66{width:360px;background:#fff;box-shadow:2px 0 12px #0000000d;overflow-y:auto;transition:all .3s ease}.content-sidebar-newv66.sidebar-closed-newv66{width:0;opacity:0;overflow:hidden}.sidebar-header-newv66{background-color:#fff;border-bottom:1px solid #e2e8f0;padding:12px 16px;direction:rtl}.sidebar-header-content{display:flex;justify-content:space-between;align-items:center}.sidebar-title-newv66{font-size:16px;font-weight:600;color:#1e293b;margin:0}.sidebar-toggle-button{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;border-radius:8px;padding:6px 12px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.sidebar-toggle-button.colored{background-color:#f3f0ff;color:#6f42c1;border:1px solid #e0d4f7}.sidebar-toggle-button.colored:hover{background-color:#ede9fe;border-color:#d6c5f2}.sidebar-toggle-button:focus{outline:2px solid #c084fc;outline-offset:2px}.sidebar-content-newv66{padding:1rem 0}.sidebar-chapter-newv66{margin-bottom:.5rem}.sidebar-chapter-header-newv66{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;cursor:default;transition:all .2s;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.chapter-info-newv66{display:flex;align-items:center;gap:.75rem;flex:1}.chapter-title-newv66{font-size:.9375rem;font-weight:700}.sidebar-units-newv66{padding:.5rem 0;background:#f8fafc;animation:slideDownSidebar-newv66 .3s ease}@keyframes slideDownSidebar-newv66{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.sidebar-unit-newv66{display:flex;flex-direction:column}.sidebar-content-item-newv66{display:flex;align-items:center;gap:.75rem;padding:.875rem 2.5rem;cursor:pointer;transition:all .2s;border-right:3px solid transparent}.sidebar-content-item-newv66:hover{background:#f1f5f9}.sidebar-content-item-newv66.active-content-newv66{background:linear-gradient(90deg,#f0f4ff,#e0e7ff);border-right-color:#667eea}.sidebar-content-item-newv66.completed-content-newv66 .content-icon-sidebar-newv66{color:#10b981}.sidebar-content-item-newv66.locked-content-newv66{opacity:.5;cursor:not-allowed}.content-icon-sidebar-newv66{color:#667eea;display:flex;align-items:center}.content-title-sidebar-newv66{flex:1;font-size:.875rem;font-weight:600;color:#475569}.sidebar-content-item-newv66.active-content-newv66 .content-title-sidebar-newv66{color:#667eea;font-weight:700}.content-badges-sidebar-newv66{display:flex;align-items:center;gap:.5rem}.free-badge-sidebar-newv66{padding:.125rem .5rem;background:#dcfce7;color:#166534;font-size:.625rem;font-weight:700;border-radius:4px}.completed-check-badge-newv66{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;box-shadow:0 2px 8px #10b9814d;animation:scaleIn-newv66 .3s ease}.lesson-main-newv66{flex:1;padding:2rem;overflow-y:auto}.video-section-newv66{margin-bottom:2rem}.video-wrapper-newv66{position:relative;width:100%;background:#0f0f0f;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0003}.video-wrapper-newv66 .vp-container{border-radius:0;box-shadow:none}.lesson-video-newv66{width:100%;height:100%}.lesson-info-newv66{background:#fff;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 16px #0000000f}.lesson-title-section-newv66{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:2rem}.title-icon-newv66{width:56px;height:56px;min-width:56px;border-radius:14px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #667eea4d}.title-content-newv66{flex:1}.unit-label-newv66{display:inline-block;padding:.375rem .875rem;background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border:2px solid #c7d2fe;border-radius:8px;color:#4f46e5;font-size:.875rem;font-weight:700;margin-bottom:.75rem}.lesson-title-newv66{margin:0 0 1rem;font-size:2rem;font-weight:800;color:#1e293b;line-height:1.3}.lesson-meta-newv66{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}.meta-item-newv66{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:#64748b;font-weight:600}.meta-item-newv66 svg{color:#667eea}.completed-badge-newv66{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #86efac;padding:.375rem .875rem;border-radius:8px;color:#166534}.completed-badge-newv66 svg{color:#10b981}.complete-btn-newv66{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1.125rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 8px 20px #667eea4d}.complete-btn-newv66:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #667eea66}.complete-btn-newv66.completed-newv66{background:linear-gradient(135deg,#10b981,#059669);cursor:default;box-shadow:0 8px 20px #10b9814d}.complete-btn-newv66:disabled{opacity:.8;cursor:not-allowed}.description-section-newv66{background:#fff;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 16px #0000000f}.section-title-newv66{margin:0 0 1.5rem;font-size:1.5rem;font-weight:800;color:#1e293b;display:flex;align-items:center;gap:.75rem}.section-title-newv66:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.description-content-newv66{font-size:1.0625rem;line-height:1.8;color:#475569}.description-content-newv66 p{margin:0}.navigation-section-newv66{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 16px #0000000f;margin-bottom:2rem}.nav-btn-newv66{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;color:#1e293b;font-weight:600}.nav-btn-newv66:hover:not(:disabled){border-color:#667eea;background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.nav-btn-newv66:disabled{opacity:.4;cursor:not-allowed}.nav-btn-content-newv66{display:flex;flex-direction:column;gap:.25rem}.nav-label-newv66{font-size:.8125rem;color:#64748b;font-weight:500}.nav-title-newv66{font-size:1rem;color:#1e293b;font-weight:700}.nav-center-newv66{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;color:#64748b;font-size:.875rem;font-weight:600}.nav-center-newv66 svg{color:#f59e0b}.nav-center-newv66 p{margin:0}.completion-toast-newv66{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.75rem;padding:1.25rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:16px;box-shadow:0 12px 40px #10b98166;font-size:1.0625rem;font-weight:700;z-index:1000;animation:slideInToastV66 .4s ease,fadeOutToastV66 .4s ease 2.6s forwards}@keyframes slideInToastV66{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOutToastV66{to{opacity:0;transform:translate(-100px)}}.lesson-loading-newv66,.lesson-error-newv66{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.lesson-spinner-newv66{width:64px;height:64px;border:6px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spinNewV66 .8s linear infinite}@keyframes spinNewV66{to{transform:rotate(360deg)}}.lesson-loading-newv66 p{font-size:1.125rem;color:#64748b;font-weight:600}.back-btn-newv66{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.back-btn-newv66:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.sidebar-content-item-newv66.disabled-content-newv66{opacity:.5;cursor:not-allowed;pointer-events:none}@media(max-width:1024px){.content-sidebar-newv66{position:fixed;left:0;top:0;height:100%;z-index:1000}.content-sidebar-newv66.sidebar-closed-newv66{transform:translate(-100%)}.navigation-section-newv66{grid-template-columns:1fr;gap:1rem}.nav-center-newv66{order:-1}}@media(max-width:768px){.lesson-header-newv66{padding:1rem 1.5rem;flex-direction:column;align-items:stretch;gap:1rem}.sidebar-toggle-newv66{width:100%;justify-content:center}.content-sidebar-newv66{width:280px}.lesson-main-newv66{padding:1.5rem}.lesson-title-newv66{font-size:1.5rem}.lesson-info-newv66,.description-section-newv66,.navigation-section-newv66{padding:1.5rem}.lesson-title-section-newv66{flex-direction:column;align-items:flex-start}.completion-toast-newv66{bottom:1rem;right:1rem;left:1rem;font-size:.9375rem}}.vp-container{--vp-primary: #6366f1;--vp-primary-dark: #4f46e5;--vp-bg: #0f0f0f;--vp-bg-overlay: rgba(0, 0, 0, .85);--vp-text: #ffffff;--vp-text-muted: #a1a1aa;--vp-error: #ef4444;--vp-warning: #f59e0b;--vp-success: #22c55e;--vp-border-radius: 12px;--vp-transition: .3s ease;width:100%;position:relative;background:var(--vp-bg);border-radius:var(--vp-border-radius);overflow:hidden;box-shadow:0 4px 20px #0000004d}.vp-wrapper{position:relative;width:100%;padding-top:56.25%;background:var(--vp-bg)}.vp-wrapper>*{position:absolute;top:0;left:0;width:100%;height:100%}.vp-iframe{border:none;opacity:0;transition:opacity var(--vp-transition);z-index:2}.vp-iframe-visible{opacity:1}.vp-iframe-loading{z-index:3}.vp-poster{object-fit:cover;z-index:1}.vp-icon{width:1em;height:1em}.vp-skeleton{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);overflow:hidden}.vp-skeleton-shimmer{position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);animation:vp-shimmer 2s infinite}@keyframes vp-shimmer{0%{transform:translate(0)}to{transform:translate(50%)}}.vp-skeleton-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--vp-text-muted)}.vp-skeleton-icon{font-size:3rem;color:var(--vp-primary);opacity:.5;animation:vp-pulse 2s ease-in-out infinite}@keyframes vp-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.vp-skeleton-spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.2);border-top-color:var(--vp-primary);border-radius:50%;animation:vp-spin 1s linear infinite}@keyframes vp-spin{to{transform:rotate(360deg)}}.vp-skeleton-text{font-size:.95rem;font-weight:500;color:var(--vp-text-muted);margin:0}.vp-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:linear-gradient(135deg,#1a1a2e,#1e1e2e);color:var(--vp-text)}.vp-error-icon{font-size:3.5rem;color:var(--vp-error);margin-bottom:1rem;animation:vp-shake .5s ease-in-out}@keyframes vp-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.vp-error-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--vp-text)}.vp-error-message{font-size:.9rem;color:var(--vp-text-muted);margin:0 0 1.5rem;max-width:300px;line-height:1.5}.vp-error-retry{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--vp-primary);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--vp-transition)}.vp-error-retry:hover:not(:disabled){background:var(--vp-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.vp-error-retry:disabled{opacity:.5;cursor:not-allowed}.vp-error-retry svg{width:18px;height:18px}.vp-retry-count{font-size:.8rem;opacity:.7}.vp-expired{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:linear-gradient(135deg,#1a1a2e,#2d1b1b);color:var(--vp-text)}.vp-expired-icon{font-size:3.5rem;color:var(--vp-warning);margin-bottom:1rem;animation:vp-bounce 2s ease-in-out infinite}@keyframes vp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.vp-expired-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--vp-text)}.vp-expired-message{font-size:.9rem;color:var(--vp-text-muted);margin:0 0 1.5rem}.vp-expired-refresh{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--vp-warning);color:#1a1a1a;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--vp-transition)}.vp-expired-refresh:hover{background:#fbbf24;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.vp-expired-refresh svg{width:18px;height:18px}.vp-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#1a1a2e,#16213e);color:var(--vp-text-muted)}.vp-idle svg{font-size:4rem;opacity:.3}.vp-idle p{font-size:.95rem;margin:0}.vp-title-overlay{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);z-index:10;pointer-events:none}.vp-title-text{font-size:1rem;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.vp-preview-badge{padding:.25rem .75rem;background:var(--vp-success);color:#fff;font-size:.75rem;font-weight:600;border-radius:4px;text-transform:uppercase}@media(max-width:768px){.vp-container{border-radius:8px}.vp-skeleton-icon{font-size:2.5rem}.vp-skeleton-spinner{width:32px;height:32px}.vp-skeleton-text{font-size:.85rem}.vp-error-icon,.vp-expired-icon{font-size:2.5rem}.vp-error-title,.vp-expired-title{font-size:1.1rem}.vp-error-message,.vp-expired-message{font-size:.85rem;max-width:250px}.vp-error-retry,.vp-expired-refresh{padding:.6rem 1.25rem;font-size:.9rem}.vp-title-overlay{padding:.75rem 1rem}.vp-title-text{font-size:.9rem}.vp-preview-badge{font-size:.65rem;padding:.2rem .5rem}}@media(max-width:480px){.vp-error,.vp-expired{padding:1.5rem}.vp-skeleton-content{gap:.75rem}}[dir=rtl] .vp-error-retry,[dir=rtl] .vp-expired-refresh,[dir=rtl] .vp-title-overlay{flex-direction:row-reverse}@media(prefers-color-scheme:light){.vp-container{--vp-bg: #f5f5f5;--vp-text: #1a1a1a;--vp-text-muted: #6b7280;box-shadow:0 4px 20px #0000001a}.vp-skeleton,.vp-error,.vp-expired,.vp-idle{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.vp-skeleton-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.05) 50%,transparent 100%)}}.vp-error-retry:focus-visible,.vp-expired-refresh:focus-visible,.vp-login-btn:focus-visible,.vp-subscribe-btn:focus-visible{outline:2px solid var(--vp-primary);outline-offset:2px}.vp-subscription-required{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:linear-gradient(135deg,#1a1a2e,#1e293b);color:var(--vp-text)}.vp-subscription-icon{font-size:3.5rem;color:var(--vp-warning);margin-bottom:1rem}.vp-subscription-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--vp-text)}.vp-subscription-message{font-size:.9rem;color:var(--vp-text-muted);margin:0 0 1.5rem}.vp-subscribe-btn{padding:.875rem 2rem;background:linear-gradient(135deg,var(--vp-success) 0%,#16a34a 100%);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--vp-transition)}.vp-subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.vp-auth-error .vp-login-btn{padding:.875rem 2rem;background:var(--vp-primary);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--vp-transition);margin-top:1rem}.vp-auth-error .vp-login-btn:hover{background:var(--vp-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.vp-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:linear-gradient(135deg,#1a1a2e,#1e3a5f);color:var(--vp-text)}.vp-processing-icon{font-size:3.5rem;color:#60a5fa;margin-bottom:1rem;animation:vp-pulse 2s ease-in-out infinite}.vp-processing-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--vp-text)}.vp-processing-message{font-size:.9rem;color:var(--vp-text-muted);margin:0}@media print{.vp-container{display:none}}.test-page-container-v4{min-height:100vh;background:#f8fafc;font-family:Tajawal,-apple-system,sans-serif;direction:rtl}.test-page-header-v4{background:linear-gradient(135deg,#f59e0b,#d97706);padding:1.5rem 2rem;color:#fff;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:space-between;gap:2rem}.header-left-test-v4,.header-right-test-v4{display:flex;align-items:center;gap:1.5rem}.back-button-test-v4{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.back-button-test-v4:hover{background:#ffffff4d;transform:translate(4px)}.header-info-test-v4{display:flex;flex-direction:column;gap:.5rem}.header-breadcrumb-test-v4{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;opacity:.95}.breadcrumb-sep-test-page-v4{opacity:.6}.test-title-header-page-v4{margin:0;font-size:1.5rem;font-weight:800}.header-actions-test-v4{display:flex;align-items:center;gap:1rem}.timer-badge-page-v4{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;font-size:1.25rem;font-weight:700;white-space:nowrap}.timer-badge-page-v4.timer-warning-page-v4{background:#ef44444d;animation:pulseTimer-v4 1s infinite}@keyframes pulseTimer-v4{0%,to{opacity:1}50%{opacity:.7}}.sidebar-toggle-test-v4{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:10px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.sidebar-toggle-test-v4:hover{background:#ffffff4d}.test-progress-page-v4{background:#fff;padding:1.5rem 2rem;box-shadow:0 2px 8px #0000000d}.progress-info-page-v4{display:flex;justify-content:space-between;margin-bottom:.875rem;font-size:.9375rem;font-weight:600;color:#64748b}.progress-bar-page-v4{width:100%;height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.progress-fill-page-v4{height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:5px;transition:width .3s ease}.test-container-with-sidebar-v4{display:flex;max-width:1600px;margin:0 auto;min-height:calc(100vh - 200px)}.content-sidebar-test-v4{width:360px;background:#fff;box-shadow:2px 0 12px #0000000d;overflow-y:auto;transition:all .3s ease}.content-sidebar-test-v4.sidebar-closed-test-v4{width:0;opacity:0;overflow:hidden}.sidebar-header-test-v4{background-color:#fff;border-bottom:1px solid #e2e8f0;padding:12px 16px;direction:rtl}.sidebar-header-content-test{display:flex;justify-content:space-between;align-items:center}.sidebar-title-test-v4{font-size:16px;font-weight:600;color:#1e293b;margin:0}.sidebar-toggle-button-test{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;border-radius:8px;padding:6px 12px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.sidebar-toggle-button-test.colored{background-color:#fef3c7;color:#92400e;border:1px solid #fbbf24}.sidebar-toggle-button-test.colored:hover{background-color:#fde68a;border-color:#f59e0b}.sidebar-toggle-button-test:focus{outline:2px solid #f59e0b;outline-offset:2px}.sidebar-content-test-v4{padding:1rem 0}.sidebar-chapter-test-v4{margin-bottom:.5rem}.sidebar-chapter-header-test-v4{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;cursor:default;transition:all .2s;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.chapter-info-test-v4{display:flex;align-items:center;gap:.75rem;flex:1}.chapter-title-test-v4{font-size:.9375rem;font-weight:700}.sidebar-units-test-v4{padding:.5rem 0;background:#f8fafc;animation:slideDownSidebar-test-v4 .3s ease}@keyframes slideDownSidebar-test-v4{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.sidebar-unit-test-v4{display:flex;flex-direction:column}.sidebar-content-item-test-v4{display:flex;align-items:center;gap:.75rem;padding:.875rem 2.5rem;cursor:pointer;transition:all .2s;border-right:3px solid transparent}.sidebar-content-item-test-v4:hover{background:#f1f5f9}.sidebar-content-item-test-v4.active-content-test-v4{background:linear-gradient(90deg,#fef3c7,#fde68a);border-right-color:#f59e0b}.sidebar-content-item-test-v4.completed-content-test-v4 .content-icon-sidebar-test-v4{color:#10b981}.content-icon-sidebar-test-v4{color:#f59e0b;display:flex;align-items:center}.content-title-sidebar-test-v4{flex:1;font-size:.875rem;font-weight:600;color:#475569}.sidebar-content-item-test-v4.active-content-test-v4 .content-title-sidebar-test-v4{color:#f59e0b;font-weight:700}.sidebar-content-item-test-v4.disabled-content-test-v4{opacity:.5;cursor:not-allowed;pointer-events:none}.free-badge-sidebar-test-v4{padding:.125rem .5rem;background:#dcfce7;color:#166534;font-size:.625rem;font-weight:700;border-radius:4px}.test-content-loading-overlay-v4{position:absolute;top:0;left:0;right:0;bottom:0;background:#f8fafcf2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:50;border-radius:20px;animation:fadeInOverlay-v4 .3s ease}@keyframes fadeInOverlay-v4{0%{opacity:0}to{opacity:1}}.test-content-spinner-v4{width:56px;height:56px;border:5px solid #fde68a;border-top-color:#f59e0b;border-radius:50%;animation:spinContentTest-v4 .8s linear infinite}@keyframes spinContentTest-v4{to{transform:rotate(360deg)}}.test-content-loading-overlay-v4 p{font-size:1.125rem;color:#64748b;font-weight:600;margin:0}.test-page-content-v4{flex:1;padding:2rem;overflow-y:auto}.question-section-page-v4{background:#fff;border-radius:20px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 4px 16px #0000000f}.question-header-page-v4{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.question-type-badge-page-v4{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:12px;color:#92400e;font-size:.875rem;font-weight:700}.question-number-page-v4{font-size:.9375rem;font-weight:700;color:#64748b}.question-text-page-v4{margin:0 0 2.5rem;font-size:1.5rem;font-weight:700;color:#1e293b;line-height:1.5}.options-list-page-v4{display:flex;flex-direction:column;gap:1.25rem}.option-item-page-v4{display:flex;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;background:#f8fafc;border:3px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all .2s}.option-item-page-v4:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(-4px)}.option-item-page-v4.selected-page-v4{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;box-shadow:0 6px 16px #f59e0b40}.option-radio-page-v4{display:none}.option-marker-page-v4{width:42px;height:42px;min-width:42px;border-radius:50%;background:#fff;border:3px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.125rem;color:#64748b;transition:all .2s}.option-item-page-v4.selected-page-v4 .option-marker-page-v4{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#fff}.option-text-page-v4{flex:1;font-size:1.0625rem;font-weight:600;color:#1e293b;line-height:1.6}.true-false-options-page-v4{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.tf-option-page-v4{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2.5rem;background:#f8fafc;border:3px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .2s;font-size:1.375rem;font-weight:700;color:#64748b}.tf-option-page-v4:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-4px)}.tf-option-page-v4.selected-page-v4{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e;box-shadow:0 8px 20px #f59e0b40}.tf-radio-page-v4{display:none}.fill-blank-section-page-v4{display:flex;flex-direction:column;gap:1.25rem}.fill-blank-input-page-v4{width:100%;padding:1.5rem 1.75rem;font-size:1.25rem;font-weight:600;border:3px solid #e2e8f0;border-radius:14px;background:#f8fafc;color:#1e293b;transition:all .2s;font-family:Tajawal,sans-serif}.fill-blank-input-page-v4:focus{outline:none;border-color:#f59e0b;background:#fff;box-shadow:0 4px 16px #f59e0b33}.fill-blank-hint-page-v4{display:flex;align-items:center;gap:.625rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #93c5fd;border-radius:12px;color:#1e40af;font-size:.9375rem;font-weight:600}.question-nav-section-page-v4{background:#fff;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 16px #0000000f}.nav-title-page-v4{margin:0 0 1.25rem;font-size:1.125rem;font-weight:700;color:#1e293b}.question-dots-page-v4{display:flex;flex-wrap:wrap;gap:1rem}.dot-btn-page-v4{width:48px;height:48px;border:3px solid #cbd5e1;background:#fff;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:700;color:#64748b;transition:all .2s}.dot-btn-page-v4:hover{border-color:#f59e0b;color:#f59e0b;transform:scale(1.1)}.dot-btn-page-v4.active-page-v4{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#fff;box-shadow:0 4px 12px #f59e0b4d}.dot-btn-page-v4.answered-page-v4:not(.active-page-v4){background:#dcfce7;border-color:#86efac;color:#166534}.test-navigation-page-v4{display:flex;gap:1.5rem;align-items:center;justify-content:center}.nav-btn-test-page-v4{display:flex;align-items:center;gap:.625rem;padding:1.125rem 2rem;background:#fff;border:3px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.nav-btn-test-page-v4:hover:not(:disabled){border-color:#f59e0b;color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b33}.nav-btn-test-page-v4:disabled{opacity:.4;cursor:not-allowed}.nav-btn-test-page-v4.next-btn-v4{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.nav-btn-test-page-v4.next-btn-v4:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea4d}.submit-btn-page-v4{display:flex;align-items:center;gap:.75rem;padding:1.25rem 3rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 8px 20px #10b9814d}.submit-btn-page-v4:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #10b98166}.submit-btn-page-v4.disabled-submit-v4{opacity:.6;cursor:not-allowed}.test-results-page-content-v4{flex:1;padding:2rem;overflow-y:auto}.results-hero-v4{background:#fff;border-radius:24px;padding:4rem 2rem;text-align:center;margin-bottom:2rem;box-shadow:0 4px 16px #0000000f}.results-icon-page-v4{display:inline-flex;margin-bottom:2rem;animation:bounceResults-v4 .6s ease}@keyframes bounceResults-v4{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.results-icon-page-v4.passed-page-v4{color:#10b981}.results-icon-page-v4.cancelled-page-v4{color:#ef4444}.results-title-page-v4{margin:0 0 1rem;font-size:2.5rem;font-weight:800;color:#1e293b}.results-subtitle-page-v4{margin:0;font-size:1.25rem;color:#64748b}.results-stats-page-v4{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card-page-v4{background:#fff;border-radius:20px;padding:2rem;text-align:center;box-shadow:0 4px 16px #0000000f;border:2px solid #e2e8f0;transition:all .2s}.stat-card-page-v4:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.stat-icon-page-v4{display:inline-flex;width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#f0f4ff,#e0e7ff);color:#667eea;align-items:center;justify-content:center;margin-bottom:1rem}.stat-value-page-v4{display:block;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label-page-v4{display:block;font-size:1rem;color:#64748b;font-weight:600}.results-review-section-v4{background:#fff;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 16px #0000000f}.review-title-v4{margin:0 0 2rem;font-size:1.75rem;font-weight:800;color:#1e293b}.review-question-card-v4{padding:2rem;border-radius:16px;margin-bottom:1.5rem;border:2px solid}.review-question-card-v4.correct-card-v4{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.review-question-card-v4.wrong-card-v4{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.review-question-header-v4{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.question-number-review-v4{padding:.5rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:.875rem;font-weight:700;color:#64748b}.result-badge-v4{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:10px;font-size:.875rem;font-weight:700}.result-badge-v4.correct-badge-v4{background:#10b981;color:#fff}.result-badge-v4.wrong-badge-v4{background:#ef4444;color:#fff}.review-question-text-v4{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:#1e293b;line-height:1.5}.review-answers-v4{display:flex;flex-direction:column;gap:1rem}.review-answer-row-v4{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff;border-radius:12px;border:2px solid #e2e8f0}.answer-label-review-v4{font-size:1rem;font-weight:700;color:#64748b;min-width:120px}.answer-value-review-v4{flex:1;font-size:1.0625rem;font-weight:600;padding:.625rem 1rem;border-radius:8px}.answer-value-review-v4.correct-answer-v4{background:#dcfce7;color:#166534;border:2px solid #86efac}.answer-value-review-v4.wrong-answer-v4{background:#fee2e2;color:#991b1b;border:2px solid #fca5a5}.results-done-page-btn-v4{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 8px 20px #667eea4d}.results-done-page-btn-v4:hover{transform:translateY(-2px);box-shadow:0 12px 28px #667eea66}.test-loading-page-v4,.test-error-page-v4{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.test-spinner-page-v4{width:64px;height:64px;border:6px solid #fde68a;border-top-color:#f59e0b;border-radius:50%;animation:spinTestPage-v4 .8s linear infinite}@keyframes spinTestPage-v4{to{transform:rotate(360deg)}}.content-badges-sidebar-test-v4{display:flex;align-items:center;gap:.5rem}.completed-check-badge-test-v4{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;box-shadow:0 2px 8px #10b9814d;animation:scaleIn-newv66 .3s ease}@keyframes scaleIn-newv66{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.test-loading-page-v4 p,.test-error-page-v4 p{font-size:1.125rem;color:#64748b;font-weight:600}.test-error-page-v4 svg{color:#f59e0b}.back-btn-test-page-v4{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.back-btn-test-page-v4:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b4d}@media(max-width:1024px){.content-sidebar-test-v4{position:fixed;left:0;top:0;height:100%;z-index:1000}.content-sidebar-test-v4.sidebar-closed-test-v4{transform:translate(-100%)}.test-page-header-v4{flex-direction:column;align-items:flex-start;gap:1rem}.header-left-test-v4{width:100%;flex-direction:column;align-items:flex-start;gap:1rem}.header-actions-test-v4{width:100%;justify-content:space-between}.sidebar-toggle-test-v4{width:auto}.results-stats-page-v4{grid-template-columns:1fr}}@media(max-width:768px){.test-page-header-v4{padding:1rem 1.5rem}.content-sidebar-test-v4{width:280px}.test-title-header-page-v4{font-size:1.25rem}.test-progress-page-v4,.test-page-content-v4,.question-section-page-v4,.question-nav-section-page-v4,.results-review-section-v4{padding:1.5rem}.question-text-page-v4{font-size:1.25rem}.true-false-options-page-v4{grid-template-columns:1fr}.question-dots-page-v4{gap:.75rem}.dot-btn-page-v4{width:44px;height:44px}.test-navigation-page-v4{flex-direction:column;width:100%}.nav-btn-test-page-v4,.submit-btn-page-v4{width:100%;justify-content:center}.results-hero-v4{padding:3rem 1.5rem}.results-title-page-v4,.stat-value-page-v4{font-size:2rem}.review-question-card-v4{padding:1.5rem}.answer-label-review-v4{min-width:auto}.review-answer-row-v4{flex-direction:column;align-items:flex-start}.header-actions-test-v4{flex-direction:column;width:100%}.timer-badge-page-v4,.sidebar-toggle-test-v4{width:100%;justify-content:center}}.student-subscriptions-container-v4{width:100%;min-height:100vh;background:#f8fafc;direction:rtl;padding:2rem 1rem;max-width:1400px;margin:0 auto}.subs-header-v4{margin-bottom:3rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:3rem 2rem;box-shadow:0 10px 30px #667eea26}.subs-header-content-v4{display:flex;align-items:center;justify-content:space-between}.subs-header-text-v4{color:#fff}.subs-header-title-v4{margin:0 0 .5rem;font-size:2.5rem;font-weight:800;line-height:1.2}.subs-header-subtitle-v4{margin:0;font-size:1.125rem;opacity:.9;font-weight:500}.subs-stats-grid-v4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card-subs-v4{background:#fff;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.stat-card-subs-v4:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.stat-icon-subs-v4{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content-subs-v4{display:flex;flex-direction:column;gap:.25rem}.stat-value-subs-v4{font-size:1.75rem;font-weight:800;color:#1e293b}.stat-label-subs-v4{font-size:.875rem;color:#64748b;font-weight:500}.subs-controls-v4{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.subs-tabs-v4{display:flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d}.subs-tab-v4{padding:.75rem 1.5rem;border:none;background:transparent;border-radius:10px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-size:.9375rem}.subs-tab-v4:hover{background:#f1f5f9}.subs-tab-v4.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tab-count-v4{background:#ffffff4d;padding:.25rem .75rem;border-radius:20px;font-size:.8125rem;font-weight:700}.subs-tab-v4.active .tab-count-v4{background:#ffffff80}.subs-search-v4{position:relative;flex:1;min-width:250px}.search-icon-subs-v4{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.search-input-subs-v4{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.9375rem;background:#fff;transition:all .3s;font-family:Tajawal,sans-serif;direction:rtl;text-align:right}.search-input-subs-v4:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input-subs-v4::placeholder{color:#cbd5e1}.subs-content-wrapper-v4{margin-bottom:2rem;min-height:400px}.subs-grid-v4{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.subs-loader-v4{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d}.subs-loader-v4 .spinner{animation:spin 1s linear infinite;color:#667eea}.subs-loader-v4 p{color:#64748b;font-size:1rem;font-weight:600;margin:0}.subs-empty-state-v4{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d}.subs-empty-state-v4 svg{color:#cbd5e1;opacity:.5}.empty-title-v4{margin:0;font-size:1.375rem;font-weight:700;color:#1e293b}.empty-description-v4{margin:0;color:#64748b;font-size:.9375rem;text-align:center}.subs-footer-stats-v4{display:flex;gap:2rem;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;flex-wrap:wrap;justify-content:center}.footer-stat-item-v4{display:flex;align-items:center;gap:.75rem}.footer-stat-label-v4{color:#64748b;font-size:.9375rem;font-weight:500}.footer-stat-value-v4{color:#667eea;font-size:1.125rem;font-weight:700}@media(max-width:1024px){.student-subscriptions-container-v4{padding:1.5rem}.subs-header-v4{padding:2rem 1.5rem;margin-bottom:2rem}.subs-header-title-v4{font-size:2rem}.subs-header-subtitle-v4{font-size:1rem}.subs-stats-grid-v4{grid-template-columns:repeat(2,1fr);gap:1rem}.subs-grid-v4{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.subs-controls-v4{flex-direction:column;align-items:stretch;gap:1rem}.subs-tabs-v4{width:100%;justify-content:center}.subs-search-v4{min-width:unset;width:100%}}@media(max-width:768px){.student-subscriptions-container-v4{padding:1rem}.subs-header-v4{padding:1.5rem 1rem;margin-bottom:1.5rem;border-radius:16px}.subs-header-title-v4{font-size:1.75rem}.subs-header-subtitle-v4{font-size:.9rem}.subs-stats-grid-v4{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card-subs-v4{padding:1rem}.stat-icon-subs-v4{width:50px;height:50px}.stat-value-subs-v4{font-size:1.375rem}.subs-grid-v4{grid-template-columns:1fr;gap:1rem}.subs-loader-v4,.subs-empty-state-v4{padding:2rem 1rem}.footer-stat-item-v4{flex:1;justify-content:center}}@media(max-width:480px){.student-subscriptions-container-v4{padding:.75rem}.subs-header-v4{padding:1.25rem;margin-bottom:1rem}.subs-header-title-v4{font-size:1.5rem}.subs-header-subtitle-v4{font-size:.8125rem}.subs-stats-grid-v4{grid-template-columns:1fr;gap:.75rem}.stat-card-subs-v4{padding:.75rem}.stat-icon-subs-v4{width:45px;height:45px}.stat-value-subs-v4{font-size:1.25rem}.stat-label-subs-v4{font-size:.75rem}.subs-search-input-v4{padding:.75rem .75rem .75rem 2.5rem;font-size:.875rem}.subs-controls-v4{gap:.75rem}.subs-tabs-v4{gap:.25rem}.subs-tab-v4{padding:.5rem .75rem;font-size:.8125rem;gap:.25rem}.subs-footer-stats-v4{flex-direction:column;gap:1rem;padding:1rem}.footer-stat-item-v4{width:100%}}.subscription-card-v4{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:all .3s ease;direction:rtl}.subscription-card-v4:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001f}.subscription-card-v4.loading{opacity:.6;pointer-events:none}.sub-card-header-v4{position:relative;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.sub-card-image-v4{width:100%;height:100%}.sub-card-image-v4 img{width:100%;height:100%;object-fit:cover}.sub-placeholder-v4{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.sub-card-overlay-v4{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.status-badge-sub-v4{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-badge-sub-v4.active{background:#10b981e6;color:#fff}.status-badge-sub-v4.expired{background:#ef4444e6;color:#fff}.expiring-badge-v4{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:700;background:#f59e0be6;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sub-card-body-v4{padding:1.5rem}.sub-card-title-v4{margin:0 0 .5rem;font-size:1.375rem;font-weight:800;color:#1e293b;line-height:1.3}.sub-card-description-v4{margin:0 0 1rem;color:#64748b;font-size:.9375rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sub-instructor-v4{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem;background:#f8fafc;border-radius:12px}.instructor-avatar-small-v4{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0}.instructor-avatar-small-v4 img{width:100%;height:100%;border-radius:50%;object-fit:cover}.instructor-name-small-v4{font-weight:600;color:#334155;font-size:.9375rem}.sub-progress-section-v4{margin-bottom:1.5rem}.sub-progress-header-v4{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.sub-progress-label-v4{font-size:.875rem;font-weight:600;color:#475569}.sub-progress-value-v4{font-size:1rem;font-weight:800}.sub-progress-bar-v4{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.sub-progress-fill-v4{height:100%;border-radius:4px;transition:width .5s ease}.sub-progress-stats-v4{display:flex;justify-content:space-between;font-size:.8125rem;color:#64748b}.sub-info-grid-v4{display:grid;gap:.75rem;margin-bottom:1rem}.sub-info-item-v4{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:10px}.sub-info-item-v4 svg{color:#667eea;flex-shrink:0;margin-top:.125rem}.sub-info-content-v4{display:flex;flex-direction:column;gap:.25rem;flex:1}.sub-info-label-v4{font-size:.75rem;color:#64748b;font-weight:600}.sub-info-value-v4{font-size:.875rem;color:#334155;font-weight:500}.certificate-available-v4{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#fef3c7,#fde047);border-radius:10px;color:#854d0e;font-weight:600;font-size:.875rem;margin-bottom:1rem}.certificate-available-v4 svg{flex-shrink:0}.sub-card-footer-v4{padding:0 1.5rem 1.5rem;display:flex;gap:.75rem}.sub-btn-v4{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;border:none;border-radius:12px;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all .2s}.sub-btn-v4:disabled{opacity:.6;cursor:not-allowed}.sub-btn-v4.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.sub-btn-v4.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.sub-btn-v4.secondary{background:#fff;color:#667eea;border:2px solid #667eea}.sub-btn-v4.secondary:hover:not(:disabled){background:#f8fafc;transform:translateY(-2px)}@media(max-width:768px){.sub-card-header-v4{height:160px}.sub-card-body-v4{padding:1.25rem}.sub-card-title-v4{font-size:1.125rem}.sub-card-footer-v4{padding:0 1.25rem 1.25rem;flex-direction:column}.sub-btn-v4{width:100%}}*{font-family:Tajawal,sans-serif}.student-payments-container-v4{width:100%;min-height:100vh;background:#f8fafc;direction:rtl;padding:2rem 1rem;max-width:1400px;margin:0 auto}.payments-header-v4{margin-bottom:3rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:3rem 2rem;box-shadow:0 10px 30px #667eea26}.payments-header-content-v4{display:flex;align-items:center;justify-content:space-between}.payments-header-text-v4{color:#fff}.payments-header-title-v4{margin:0 0 .5rem;font-size:2.5rem;font-weight:800;line-height:1.2}.payments-header-subtitle-v4{margin:0;font-size:1.125rem;opacity:.9;font-weight:500}.payments-stats-grid-v4{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card-pay-v4{background:#fff;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.stat-card-pay-v4:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.stat-icon-pay-v4{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content-pay-v4{display:flex;flex-direction:column;gap:.25rem}.stat-value-pay-v4{font-size:1.75rem;font-weight:800;color:#1e293b}.stat-label-pay-v4{font-size:.875rem;color:#64748b;font-weight:500}.payments-alert-v4{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;border-radius:12px;margin-bottom:2rem;background:#fff;border-left:4px solid;box-shadow:0 2px 8px #0000000d}.alert-pending-v4{border-left-color:#f59e0b;background:#fffbeb}.alert-pending-v4 .alert-icon-v4{color:#f59e0b}.alert-icon-v4{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:.125rem}.alert-content-v4{flex:1}.alert-title-v4{margin:0 0 .25rem;font-size:.9375rem;font-weight:700;color:#1e293b}.alert-description-v4{margin:0;font-size:.875rem;color:#64748b;line-height:1.5}.payments-controls-v4{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.payments-filters-v4{position:relative;display:flex;align-items:center;background:#fff;border-radius:12px;border:2px solid #e2e8f0;padding:.75rem 1.25rem;box-shadow:0 2px 8px #0000000d;transition:all .3s}.payments-filters-v4:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-icon-v4{color:#94a3b8;margin-left:.75rem;flex-shrink:0}.payments-filter-select-v4{border:none;background:transparent;font-size:.9375rem;font-weight:600;color:#1e293b;cursor:pointer;outline:none;font-family:Tajawal,sans-serif;padding-right:0;flex:1}.payments-filter-select-v4 option{color:#1e293b;background:#fff}.payments-search-v4{position:relative;flex:1;min-width:250px;display:flex;align-items:center}.search-icon-pay-v4{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;transition:color .3s}.search-input-pay-v4{width:100%;padding:.875rem 3rem .875rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.9375rem;background:#fff;transition:all .3s ease;font-family:Tajawal,sans-serif;direction:rtl;text-align:right}.search-input-pay-v4:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input-pay-v4:focus+.search-icon-pay-v4,.payments-search-v4:focus-within .search-icon-pay-v4{color:#667eea}.search-input-pay-v4::placeholder{color:#cbd5e1;font-weight:500}.payments-content-wrapper-v4{margin-bottom:2rem;min-height:400px}.payments-grid-v4{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.payments-loader-v4{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d}.payments-loader-v4 .spinner-pay{animation:spin-payment 1s linear infinite;color:#667eea}.payments-loader-v4 p{color:#64748b;font-size:1rem;font-weight:600;margin:0}@keyframes spin-payment{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payments-empty-state-v4{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d}.payments-empty-state-v4 svg{color:#cbd5e1;opacity:.5}.empty-title-pay-v4{margin:0;font-size:1.375rem;font-weight:700;color:#1e293b}.empty-description-pay-v4{margin:0;color:#64748b;font-size:.9375rem;text-align:center}.payments-footer-summary-v4{display:flex;gap:2rem;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;flex-wrap:wrap;justify-content:center;border-top:3px solid #667eea}.footer-summary-item-v4{display:flex;flex-direction:column;align-items:center;gap:.5rem}.footer-summary-label-v4{color:#64748b;font-size:.875rem;font-weight:500}.footer-summary-value-v4{color:#667eea;font-size:1.25rem;font-weight:800}.amount-pending-v4{color:#ef4444}@media(max-width:1024px){.student-payments-container-v4{padding:1.5rem}.payments-header-v4{padding:2rem 1.5rem;margin-bottom:2rem}.payments-header-title-v4{font-size:2rem}.payments-header-subtitle-v4{font-size:1rem}.payments-stats-grid-v4{grid-template-columns:repeat(3,1fr);gap:1rem}.payments-grid-v4{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.payments-controls-v4{flex-direction:column;align-items:stretch;gap:1rem}.payments-filters-v4{width:100%}.payments-search-v4{min-width:unset;width:100%}}@media(max-width:768px){.student-payments-container-v4{padding:1rem}.payments-header-v4{padding:1.5rem 1rem;margin-bottom:1.5rem;border-radius:16px}.payments-header-title-v4{font-size:1.75rem}.payments-header-subtitle-v4{font-size:.9rem}.payments-stats-grid-v4{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card-pay-v4{padding:1rem}.stat-icon-pay-v4{width:50px;height:50px}.stat-value-pay-v4{font-size:1.375rem}.payments-grid-v4{grid-template-columns:1fr;gap:1rem}.payments-loader-v4,.payments-empty-state-v4{padding:2rem 1rem}.payments-footer-summary-v4{flex-direction:column;gap:1rem}.footer-summary-item-v4{width:100%}}@media(max-width:480px){.student-payments-container-v4{padding:.75rem}.payments-header-v4{padding:1.25rem;margin-bottom:1rem}.payments-header-title-v4{font-size:1.5rem}.payments-header-subtitle-v4{font-size:.8125rem}.payments-stats-grid-v4{grid-template-columns:1fr;gap:.75rem}.stat-card-pay-v4{padding:.75rem}.stat-icon-pay-v4{width:45px;height:45px}.stat-value-pay-v4{font-size:1.25rem}.stat-label-pay-v4{font-size:.75rem}.payments-alert-v4{padding:1rem;gap:.75rem}.alert-title-v4{font-size:.875rem}.alert-description-v4{font-size:.75rem}.payments-controls-v4{gap:.5rem}.payments-filters-v4{padding:.5rem .75rem}.filter-icon-v4{margin-left:.5rem}.payments-filter-select-v4{font-size:.8125rem}.search-input-pay-v4{padding:.75rem .75rem .75rem 2.5rem;font-size:.875rem}.search-icon-pay-v4{width:16px;height:16px;right:.75rem}.payments-footer-summary-v4{padding:1rem;gap:.75rem}.footer-summary-label-v4{font-size:.75rem}.footer-summary-value-v4{font-size:1rem}}.payment-card-v4{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease;direction:rtl;display:flex;flex-direction:column}.payment-card-v4:hover{transform:translateY(-6px);box-shadow:0 12px 24px #0000001f}.payment-card-v4.payment-card-loading-v4{opacity:.6;pointer-events:none}.payment-note-section-v4{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#fff7ed,#fffbeb);border-right:4px solid #f59e0b;border-radius:10px;color:#92400e;font-family:Tajawal,sans-serif;margin-bottom:1rem}.payment-note-section-v4 svg{flex-shrink:0;color:#f59e0b;margin-top:.25rem}.payment-note-content-v4{flex:1}.payment-note-label-v4{display:block;font-size:.875rem;font-weight:700;color:#b45309;margin-bottom:.35rem}.payment-note-text-v4{margin:0;font-size:.875rem;line-height:1.5;color:#78350f}.payment-card-header-v4{padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;background:linear-gradient(135deg,#667eea,#764ba2)}.payment-header-left-v4{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.payment-method-icon-v4{width:50px;height:50px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.payment-header-info-v4{min-width:0;flex:1}.payment-course-name-v4{margin:0 0 .25rem;font-size:1.125rem;font-weight:700;color:#fff}.payment-transaction-id-v4{margin:0;font-size:.8125rem;color:#fffc;font-weight:500}.payment-status-badge-v4{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.8125rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.status-completed-v4{background:#10b981e6;color:#fff}.status-pending-v4{background:#f59e0be6;color:#fff}.status-cancelled-v4{background:#ef4444e6;color:#fff}.status-refunded-v4{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.payment-card-body-v4{padding:1.5rem;flex:1}.payment-amount-section-v4{margin-bottom:1rem}.payment-amount-display-v4{display:flex;justify-content:space-between;align-items:center}.payment-amount-label-v4{font-size:.875rem;font-weight:600;color:#64748b}.payment-amount-value-v4{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;color:#667eea}.payment-currency-v4{font-size:.875rem;font-weight:600;color:#94a3b8;margin-right:.25rem}.payment-divider-v4{height:1px;background:#e2e8f0;margin:1rem 0}.payment-details-grid-v4{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.payment-detail-item-v4{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#f8fafc;border-radius:10px;font-size:.875rem}.payment-detail-item-v4 svg{display:none}.payment-detail-content-v4{display:flex;flex-direction:column;gap:.25rem}.payment-detail-label-v4{font-size:.75rem;color:#64748b;font-weight:600}.payment-detail-value-v4{font-size:.875rem;color:#1e293b;font-weight:600}.payment-description-v4{margin-bottom:1rem}.payment-description-label-v4{display:block;font-size:.875rem;font-weight:600;color:#64748b;margin-bottom:.5rem}.payment-description-text-v4{margin:0;font-size:.875rem;color:#475569;line-height:1.5;padding:.75rem;background:#f8fafc;border-radius:10px;border-right:3px solid #667eea}.payment-card-footer-v4{padding:1rem 1.5rem 1.5rem;border-top:1px solid #e2e8f0}.payment-actions-group-v4{display:flex;gap:.75rem;flex-wrap:wrap}.payment-btn-v4{flex:1;min-width:100px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:none;border-radius:10px;font-weight:700;font-size:.8125rem;cursor:pointer;transition:all .2s;font-family:Tajawal,sans-serif}.payment-btn-v4:disabled{opacity:.5;cursor:not-allowed}.btn-receipt-v4{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b98133}.btn-receipt-v4:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-invoice-v4{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f633}.btn-invoice-v4:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-retry-v4{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b33}.btn-retry-v4:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.btn-cancel-v4{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef444433}.btn-cancel-v4:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}@media(max-width:768px){.payment-card-header-v4{flex-direction:column;align-items:flex-start;gap:.75rem}.payment-status-badge-v4{align-self:flex-start}.payment-course-name-v4{white-space:normal}.payment-details-grid-v4{grid-template-columns:1fr}.payment-detail-item-v4{flex-direction:row;align-items:center;gap:.75rem}.payment-detail-item-v4 svg{display:block;color:#667eea;flex-shrink:0}.payment-detail-content-v4{flex:1}.payment-actions-group-v4{gap:.5rem}.payment-btn-v4{min-width:80px;padding:.65rem;font-size:.75rem}}@media(max-width:480px){.payment-card-v4{border-radius:12px}.payment-card-header-v4{padding:1rem}.payment-method-icon-v4{width:45px;height:45px;font-size:1.5rem}.payment-course-name-v4{font-size:1rem}.payment-card-body-v4{padding:1rem}.payment-amount-value-v4{font-size:1.25rem}.payment-details-grid-v4{gap:.5rem}.payment-detail-item-v4{padding:.5rem}.payment-detail-label-v4{font-size:.65rem}.payment-detail-value-v4{font-size:.8rem}.payment-card-footer-v4{padding:.75rem 1rem 1rem}.payment-actions-group-v4{flex-direction:column}.payment-btn-v4{width:100%;flex:unset;min-width:unset;padding:.65rem}}@keyframes aapFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes aapSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes aapSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.aap-container{padding:2rem;max-width:1200px;margin:0 auto;direction:rtl;animation:aapFadeIn .5s ease-out}.aap-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.aap-back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#475569;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .3s ease;align-self:flex-start}.aap-back-btn:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent;transform:translate(3px);box-shadow:0 4px 16px #6366f14d}.aap-back-icon{width:20px;height:20px}.aap-header-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}.aap-header-text{flex:1}.aap-title{margin:0 0 .5rem;font-size:2rem;font-weight:900;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.aap-subtitle{margin:0;font-size:1rem;font-weight:500;color:#64748b}.aap-stats-summary{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 1.75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px}.aap-stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.aap-stat-value{font-size:1.75rem;font-weight:900;color:#0f172a;line-height:1}.aap-stat-label{font-size:.8125rem;font-weight:600;color:#64748b}.aap-stat-divider{width:2px;height:40px;background:#cbd5e1}.aap-filter-section{background:#fff;border-radius:20px;padding:1.75rem;margin-bottom:2rem;border:2px solid #f1f5f9;box-shadow:0 4px 20px #0000000f;animation:aapFadeIn .6s ease-out}.aap-filter-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.aap-filter-header-icon{width:24px;height:24px;color:#6366f1;padding:.375rem;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:8px}.aap-filter-title{margin:0;font-size:1.125rem;font-weight:800;color:#0f172a}.aap-filter-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.aap-filter-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#fafafa,#f5f5f5);border:2px solid #e5e7eb;border-radius:14px;cursor:pointer;transition:all .3s ease;overflow:hidden}.aap-filter-option:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:currentColor;opacity:0;transition:opacity .3s ease}.aap-filter-option:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#cbd5e1}.aap-filter-active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff;box-shadow:0 6px 20px #6366f14d}.aap-filter-active:hover{transform:translateY(-4px);box-shadow:0 10px 28px #6366f166}.aap-filter-option-icon{width:22px;height:22px;flex-shrink:0}.aap-filter-option-label{flex:1;font-size:.9375rem;font-weight:700;text-align:right}.aap-filter-option-count{padding:.25rem .75rem;background:#00000014;border-radius:20px;font-size:.8125rem;font-weight:800;min-width:32px;text-align:center}.aap-filter-active .aap-filter-option-count{background:#ffffff40;color:#fff}.aap-content{background:#fff;border-radius:20px;padding:2rem;border:2px solid #f1f5f9;box-shadow:0 4px 20px #0000000f;min-height:500px;animation:aapFadeIn .7s ease-out}.aap-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:5rem 2rem}.aap-loading-spinner{width:56px;height:56px;color:#6366f1;animation:aapSpin .8s linear infinite}.aap-loading-text{margin:0;font-size:1rem;font-weight:600;color:#64748b}.aap-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:5rem 2rem}.aap-error-icon{width:64px;height:64px;color:#ef4444}.aap-error-text{margin:0;font-size:1.125rem;font-weight:600;color:#64748b;text-align:center}.aap-retry-btn{padding:.875rem 1.75rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #6366f14d}.aap-retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.aap-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:5rem 2rem}.aap-empty-icon{width:80px;height:80px;color:#cbd5e1}.aap-empty-text{margin:0;font-size:1.25rem;font-weight:700;color:#475569}.aap-empty-subtext{margin:0;font-size:1rem;font-weight:500;color:#94a3b8;text-align:center}.aap-activities-list{display:flex;flex-direction:column}.aap-activity-wrapper{animation:aapSlideIn .4s ease-out;animation-fill-mode:both}.aap-activity-wrapper:nth-child(1){animation-delay:.05s}.aap-activity-wrapper:nth-child(2){animation-delay:.1s}.aap-activity-wrapper:nth-child(3){animation-delay:.15s}.aap-activity-wrapper:nth-child(4){animation-delay:.2s}.aap-activity-wrapper:nth-child(5){animation-delay:.25s}.aap-activity-wrapper:nth-child(6){animation-delay:.3s}.aap-activity-item{display:flex;gap:1.25rem;padding:1.25rem;border-radius:12px;transition:all .3s ease}.aap-activity-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:translate(-4px)}.aap-activity-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.aap-activity-avatar-blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.aap-activity-avatar-green{background:linear-gradient(135deg,#059669,#047857)}.aap-activity-avatar-purple{background:linear-gradient(135deg,#9333ea,#7e22ce)}.aap-activity-item:hover .aap-activity-avatar{transform:scale(1.1) rotate(5deg)}.aap-activity-avatar-icon{width:24px;height:24px;color:#fff}.aap-activity-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.625rem}.aap-activity-text{font-size:1rem;line-height:1.6;color:#262626}.aap-activity-name{font-weight:700;color:#000}.aap-activity-action{font-weight:400;color:#000000a6}.aap-activity-title{font-weight:400;color:#000000d9}.aap-activity-meta{display:flex;align-items:center;gap:.75rem}.aap-activity-time-icon{width:14px;height:14px;color:#94a3b8;flex-shrink:0}.aap-activity-time{font-size:.875rem;font-weight:400;color:#00000073}.aap-activity-type-badge{padding:.25rem .875rem;border-radius:20px;font-size:.8125rem;font-weight:700;margin-right:auto}.aap-badge-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.aap-badge-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.aap-badge-purple{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#9333ea}.aap-activity-divider{height:1px;background:#f0f0f0;margin:0}.aap-pagination{display:flex;flex-direction:column;gap:1.25rem;padding-top:2rem;margin-top:2rem;border-top:2px solid #f1f5f9}.aap-pagination-info{display:flex;align-items:center;justify-content:space-between;font-size:.9375rem;font-weight:500;color:#475569}.aap-pagination-info strong{font-weight:800;color:#0f172a}.aap-pagination-total{color:#94a3b8;font-weight:500}.aap-pagination-controls{display:flex;align-items:center;justify-content:center;gap:.625rem}.aap-page-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;transition:all .3s ease}.aap-page-btn:hover:not(:disabled){background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.aap-page-btn:disabled{opacity:.3;cursor:not-allowed}.aap-page-numbers{display:flex;gap:.5rem}.aap-page-number{min-width:40px;height:40px;padding:0 .625rem;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#475569;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .3s ease}.aap-page-number:hover:not(:disabled){background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.aap-page-number:disabled{opacity:.3;cursor:not-allowed}.aap-page-active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff;box-shadow:0 4px 12px #6366f14d}.aap-page-active:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.aap-page-ellipsis{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-weight:700}@media(max-width:768px){.aap-container{padding:1.5rem}.aap-header-content{flex-direction:column;align-items:stretch;gap:1.5rem}.aap-title{font-size:1.5rem}.aap-subtitle{font-size:.9375rem}.aap-stats-summary{justify-content:center}.aap-filter-section{padding:1.5rem}.aap-filter-options{grid-template-columns:1fr}.aap-content{padding:1.5rem}.aap-activity-item{padding:1rem;gap:1rem}.aap-activity-avatar{width:44px;height:44px}.aap-activity-avatar-icon{width:22px;height:22px}.aap-activity-text{font-size:.9375rem}.aap-pagination-controls{flex-wrap:wrap}}@media(max-width:480px){.aap-container{padding:1.25rem}.aap-title{font-size:1.25rem}.aap-stats-summary{padding:1rem 1.25rem;gap:1rem}.aap-stat-value{font-size:1.5rem}.aap-filter-section,.aap-content{padding:1.25rem}.aap-activity-item{padding:.875rem;gap:.875rem}.aap-activity-avatar{width:40px;height:40px}.aap-activity-avatar-icon{width:20px;height:20px}.aap-activity-text{font-size:.875rem}.aap-activity-time{font-size:.8125rem}.aap-page-btn,.aap-page-number{width:36px;height:36px;min-width:36px}.aap-page-number{font-size:.875rem}.aap-pagination-info{flex-direction:column;align-items:flex-start;gap:.5rem}}.lesson-page-lp__loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f7f8fc}.lesson-page-lp__container{padding:20px;background-color:#f7f8fc;min-height:100vh;direction:rtl}.lesson-page-lp__header{text-align:center;margin-bottom:40px}.lesson-page-lp__icon-wrapper{display:inline-flex;width:70px;height:70px;border-radius:50%;background-color:#eef2ff;align-items:center;justify-content:center;margin-bottom:16px}.lesson-page-lp__header-icon{font-size:32px;color:#4f46e5}.lesson-page-lp__title{font-size:32px;font-weight:700;margin:0 0 8px;color:#1a1a1a;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lesson-page-lp__subtitle{font-size:16px;color:#6b7280;margin:0}.lesson-page-lp__form-wrapper{background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:900px;margin:0 auto}.lesson-page-lp__alert{margin-bottom:20px}.lesson-page-lp__label{font-weight:600;font-size:15px;color:#374151}.lesson-page-lp__input{border-radius:10px;min-height:44px;font-size:15px;border:1.5px solid #e5e7eb;transition:all .3s}.lesson-page-lp__textarea{border-radius:10px;font-size:15px;border:1.5px solid #e5e7eb;resize:none}.lesson-page-lp__row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lesson-page-lp__form-item{margin-bottom:24px}.lesson-page-lp__select{border-radius:10px}.lesson-page-lp__upload{border-radius:12px;background-color:#f9fafb;transition:all .3s}.lesson-page-lp__upload-icon{margin-bottom:12px}.lesson-page-lp__loading-icon,.lesson-page-lp__video-icon{font-size:48px;color:#4f46e5}.lesson-page-lp__upload-text{font-size:16px;font-weight:500;color:#374151;margin-bottom:4px}.lesson-page-lp__upload-hint{font-size:13px;color:#9ca3af}.lesson-page-lp__checkbox{font-size:15px}.lesson-page-lp__checkbox-label{color:#4b5563;font-weight:500}.lesson-page-lp__submit-wrapper{margin-top:30px}.lesson-page-lp__submit-button{height:50px;font-size:17px;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;box-shadow:0 4px 12px #4f46e54d;transition:all .3s}.lesson-page-lp__submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f46e566}.lesson-page-lp__progress-section{background:#f0f0ff;border:1px solid #d6d6ff;border-radius:12px;padding:20px;margin-bottom:24px}.lesson-page-lp__progress-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.lesson-page-lp__progress-icon{font-size:20px;color:#4f46e5}.lesson-page-lp__progress-label{font-size:15px;font-weight:600;color:#374151}.lesson-page-lp__progress-bar{margin-bottom:8px}.lesson-page-lp__cancel-btn{font-size:13px;padding:0;height:auto}.resource-page-rp__loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f7f8fc}.resource-page-rp__container{padding:20px;background-color:#f7f8fc;min-height:100vh;direction:rtl}.resource-page-rp__header{text-align:center;margin-bottom:40px}.resource-page-rp__icon-wrapper{display:inline-flex;width:70px;height:70px;border-radius:50%;background-color:#eef2ff;align-items:center;justify-content:center;margin-bottom:16px}.resource-page-rp__header-icon{font-size:32px;color:#4f46e5}.resource-page-rp__title{font-size:32px;font-weight:700;margin:0 0 8px;color:#1a1a1a;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.resource-page-rp__subtitle{font-size:16px;color:#6b7280;margin:0}.resource-page-rp__form-wrapper{background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:900px;margin:0 auto}.resource-page-rp__alert{margin-bottom:20px}.resource-page-rp__existing-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.resource-page-rp__file-tag{font-size:13px;padding:4px 12px;border-radius:6px;display:flex;align-items:center;gap:6px}.resource-page-rp__label{font-weight:600;font-size:15px;color:#374151}.resource-page-rp__input{border-radius:10px;min-height:44px;font-size:15px;border:1.5px solid #e5e7eb;transition:all .3s}.resource-page-rp__input:hover,.resource-page-rp__input:focus{border-color:#4f46e5}.resource-page-rp__textarea{border-radius:10px;font-size:15px;border:1.5px solid #e5e7eb;resize:none;transition:all .3s}.resource-page-rp__textarea:hover,.resource-page-rp__textarea:focus{border-color:#4f46e5}.resource-page-rp__row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.resource-page-rp__form-item{margin-bottom:24px}.resource-page-rp__select{border-radius:10px}.resource-page-rp__upload{border-radius:12px;background-color:#f9fafb;transition:all .3s}.resource-page-rp__upload .ant-upload-drag{border:none!important}.resource-page-rp__upload:hover{border-color:#4f46e5;background-color:#eef2ff}.resource-page-rp__upload-icon{margin-bottom:12px}.resource-page-rp__loading-icon,.resource-page-rp__inbox-icon{font-size:48px;color:#4f46e5}.resource-page-rp__upload-text{font-size:16px;font-weight:500;color:#374151;margin-bottom:4px}.resource-page-rp__upload-hint{font-size:13px;color:#9ca3af;margin-bottom:4px}.resource-page-rp__upload-size{font-size:12px;color:#6b7280;font-weight:500}.resource-page-rp__submit-wrapper{margin-top:30px}.resource-page-rp__submit-button{height:50px;font-size:17px;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;box-shadow:0 4px 12px #4f46e54d;transition:all .3s}.resource-page-rp__submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f46e566}.resource-page-rp__submit-button:active{transform:translateY(0)}@media(max-width:768px){.resource-page-rp__row{grid-template-columns:1fr;gap:0px}.resource-page-rp__form-wrapper{padding:24px}.resource-page-rp__title{font-size:24px}.resource-page-rp__subtitle{font-size:14px}}.header-navbar{background:#6d28d966;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);border-bottom:1px solid transparent}.header-navbar.scrolled-navbar{background:#6d28d9f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0003}.nav-container-navbar{max-width:1280px;margin:0 auto;padding:1rem 2rem}.nav-content-navbar{display:flex;align-items:center;justify-content:space-between;position:relative}.logo-section-navbar{display:flex;align-items:center;gap:.75rem;z-index:1001}.logo-box-navbar{background:#fff;border-radius:.5rem;padding:.375rem .75rem;box-shadow:0 10px 25px #0003;transition:transform .3s ease}.logo-box-navbar:hover{transform:scale(1.05)}.logo-letter-navbar{color:#7c3aed;font-weight:700;font-size:1.5rem;line-height:1}.logo-text-navbar{color:#fff;font-weight:700;font-size:1.125rem;letter-spacing:.1em;transition:color .3s ease}.nav-links-navbar{display:flex;list-style:none;color:#fff;font-size:.875rem;font-weight:500;margin:0;padding:0}.nav-item-navbar{position:relative;cursor:pointer;transition:all .3s ease}.nav-item-navbar a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease;position:relative;overflow:hidden}.nav-item-navbar a:before{content:"";position:absolute;bottom:0;right:0;width:0;height:2px;background:#67e8f9;transition:width .3s ease}.nav-item-navbar a:hover:before{width:100%}.nav-item-navbar a:hover{color:#67e8f9;background:#ffffff1a}.nav-icon-navbar{font-size:1rem;transition:transform .3s ease}.nav-item-navbar a:hover .nav-icon-navbar{transform:scale(1.2)}.nav-cta-btn-navbar{background:linear-gradient(135deg,#22d3ee,#06b6d4);color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:2rem;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #22d3ee4d}.nav-cta-btn-navbar:hover{transform:translateY(-2px);box-shadow:0 8px 25px #22d3ee80;background:linear-gradient(135deg,#06b6d4,#0891b2)}.cta-mobile-navbar,.desktop-only-navbar,.auth-buttons-mobile-navbar{display:none}.mobile-menu-btn-navbar{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.mobile-menu-btn-navbar span{width:25px;height:3px;background:#fff;margin:3px 0;transition:all .3s ease;transform-origin:center}.mobile-menu-btn-navbar.active-navbar span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn-navbar.active-navbar span:nth-child(2){opacity:0}.mobile-menu-btn-navbar.active-navbar span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-overlay-navbar{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;opacity:0;transition:opacity .3s ease}.mobile-overlay-navbar.active-navbar{opacity:1}.nav-item-navbar.active-navbar a{color:#51ff00;background:#ffffff26}.nav-item-navbar.active-navbar a:before{width:100%}.nav-item-navbar.active-navbar .nav-icon-navbar{transform:scale(1.2);animation:bounce-navbar 2s infinite}@keyframes bounce-navbar{0%,20%,50%,80%,to{transform:translateY(0) scale(1.2)}40%{transform:translateY(-5px) scale(1.2)}60%{transform:translateY(-3px) scale(1.2)}}.auth-buttons-desktop-navbar{display:flex;gap:1rem;align-items:center}.nav-login-btn-navbar{background:transparent;color:#fff;font-weight:600;padding:.5rem 1.25rem;border-radius:2rem;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease;font-size:.9rem}.nav-login-btn-navbar:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.nav-signup-btn-navbar{background:linear-gradient(135deg,#22d3ee,#06b6d4);color:#fff;font-weight:600;padding:.5rem 1.5rem;border-radius:2rem;border:none;cursor:pointer;transition:all .3s ease;font-size:.9rem;box-shadow:0 4px 15px #22d3ee4d}.nav-signup-btn-navbar:hover{background:linear-gradient(135deg,#06b6d4,#0891b2);transform:translateY(-2px);box-shadow:0 6px 20px #22d3ee80}@media(max-width:1024px){.nav-item-navbar a{padding:.5rem .75rem;font-size:.9rem}}@media(max-width:1150px){.nav-container-navbar{padding:1rem}.desktop-only-navbar{display:none}.mobile-menu-btn-navbar{display:flex}.nav-links-navbar{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:linear-gradient(135deg,#7c3aed,#6d28d9);flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:5rem 2rem 2rem;transition:right .4s cubic-bezier(.4,0,.2,1);box-shadow:-5px 0 30px #0000004d;z-index:1000}.nav-links-navbar.active-navbar{right:0}.nav-item-navbar{width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.nav-item-navbar:last-child{border-bottom:none}.nav-item-navbar a{padding:1rem;width:100%;font-size:.95rem;border-radius:0;justify-content:flex-start}.nav-item-navbar a:before{display:none}.nav-item-navbar a:hover{background:#ffffff26;padding-right:1.5rem}.mobile-overlay-navbar{display:block}.logo-text-navbar{font-size:1rem}.auth-buttons-desktop-navbar{display:none}.auth-buttons-mobile-navbar{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-top:1px solid rgba(255,255,255,.1);border-bottom:none;margin-top:auto}.auth-buttons-mobile-navbar .nav-login-btn-navbar,.auth-buttons-mobile-navbar .nav-signup-btn-navbar{width:100%;text-align:center;padding:.75rem 1.5rem;font-size:.95rem}.cta-mobile-navbar{display:none}.nav-cta-btn-navbar{width:100%;text-align:center;padding:.75rem 1.5rem;font-size:.95rem}.logo-image-navbar{width:20px;height:20px}}@media(max-width:480px){.nav-container-navbar{padding:.75rem 1rem}.logo-text-navbar{font-size:.9rem}.logo-box-navbar{padding:.25rem .5rem}.logo-letter-navbar{font-size:1.25rem}.nav-links-navbar{width:85%;padding:4rem 1.5rem 2rem}.nav-item-navbar a{font-size:.9rem;padding:.875rem .75rem}.logo-image-navbar{width:18px;height:18px}}@media(min-width:1440px){.nav-container-navbar{max-width:1400px}}@media(min-width:1920px){.nav-container-navbar{max-width:1600px}.nav-item-navbar a{font-size:1rem;padding:.75rem 1.25rem}}@media(prefers-color-scheme:dark){.header-navbar{background:#6d28d999}.header-navbar.scrolled-navbar{background:#6d28d9f2}}@media(prefers-reduced-motion:reduce){.header-navbar,.nav-item-navbar a,.mobile-menu-btn-navbar span,.nav-links-navbar{transition:none}.nav-cta-btn-navbar:hover{transform:none}}.logo-image-navbar{width:40px;height:40px;object-fit:contain;display:block}.subscribe-wrapper-floating{position:relative;display:inline-block;margin-top:2.5rem}.subscribe-btn-floating{background:#22d3ee;color:#581c87;font-weight:700;font-size:clamp(1.1rem,2.5vw,1.5rem);padding:clamp(1rem,3vw,1.5rem) clamp(3rem,8vw,5rem);border-radius:9999px;border:none;box-shadow:0 25px 50px #22d3ee66;cursor:pointer;transition:all .3s ease;position:relative;z-index:2}.subscribe-btn-floating:hover{background:#06b6d4;transform:scale(1.05);box-shadow:0 30px 60px #22d3ee99}.float-icon-floating{position:absolute;background:#fff;padding:clamp(.5rem,1.5vw,.75rem);border-radius:.75rem;box-shadow:0 10px 30px #0003;animation:float-floating 3s ease-in-out infinite;z-index:1}.float-icon-floating .icon-floating{width:clamp(1.5rem,4vw,2rem);height:clamp(1.5rem,4vw,2rem);color:#7c3aed}.en-badge-floating{width:clamp(1.5rem,4vw,2rem);height:clamp(1.5rem,4vw,2rem);color:#7c3aed;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:clamp(.8rem,2vw,1rem);border:2px solid #7c3aed;border-radius:.25rem}.float-icon-1-floating{top:-3rem;left:3rem;animation-delay:0s}.float-icon-2-floating{bottom:0rem;left:-4rem;animation-delay:.3s}.float-icon-3-floating{top:-4rem;right:4rem;animation-delay:.6s}.float-icon-4-floating{bottom:-4.5rem;right:2rem;animation-delay:.9s}.float-icon-5-floating{bottom:-4.5rem;right:10rem;animation-delay:1.2s}@keyframes float-floating{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media(max-width:1024px){.float-icon-1-floating{top:-3rem;left:4rem}.float-icon-2-floating{bottom:0rem;left:-4rem}.float-icon-3-floating{top:-4rem;right:3rem}.float-icon-4-floating{bottom:-4.5rem;right:2rem}.float-icon-5-floating{bottom:-4.5rem;right:10rem}}@media(max-width:910px){.float-icon-1-floating{top:-3rem;left:2rem}.float-icon-2-floating{bottom:0rem;left:-4rem}.float-icon-3-floating{top:-4rem;right:3rem}.float-icon-4-floating{bottom:-4.5rem;right:2rem}.float-icon-5-floating{bottom:-4.5rem;right:10rem}}@media(max-width:825px){.float-icon-1-floating{top:-3rem;left:2rem}.float-icon-2-floating{bottom:0rem;left:-4rem}.float-icon-3-floating{top:-4rem;right:3rem}.float-icon-4-floating{bottom:-4.5rem;right:2rem}.float-icon-5-floating{bottom:-4.5rem;right:8rem}}@media(max-width:768px){.float-icon-1-floating{top:-3rem;left:1rem}.float-icon-2-floating{bottom:-1rem;left:-3rem}.float-icon-3-floating{top:-3rem;right:2rem}.float-icon-4-floating{bottom:-.5rem;right:-3rem}.float-icon-5-floating{bottom:-4.5rem;right:5rem}}@media(max-width:630px){.float-icon-1-floating{top:-3rem;left:2rem}.float-icon-2-floating{bottom:-0rem;left:-3rem}.float-icon-3-floating{top:-3rem;right:2rem}.float-icon-4-floating{bottom:-.5rem;right:-3rem}.float-icon-5-floating{bottom:-4rem;right:5rem}}@media(max-width:480px){.float-icon-1-floating{top:-2rem;left:2rem}.float-icon-2-floating{bottom:-0rem;left:-2.5rem}.float-icon-3-floating{top:-2.5rem;right:rem}.float-icon-4-floating{bottom:-.5rem;right:-2.5rem}.float-icon-5-floating{bottom:-3.5rem;right:5rem}}.landing-page-home{min-height:100vh;background:linear-gradient(135deg,#7c3aed,#8b5cf6,#7c3aed);direction:rtl;font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;overflow-x:hidden}.page-content-home{padding-top:80px}.hero-section-home{max-width:1280px;margin:0 auto;padding:4rem 2rem}.hero-container-home{display:flex;align-items:center;justify-content:space-between;gap:3rem}.teacher-image-wrapper-home{width:45%;position:relative}.deco-shape-home{position:absolute;border-radius:3rem;opacity:.2;filter:blur(8px)}.deco-shape-1-home{top:-30px;right:-30px;width:340px;height:380px;background:#c084fc}.deco-shape-2-home{bottom:-40px;left:-40px;width:300px;height:320px;background:#6d28d9;opacity:.25}.image-container-home{position:relative;background:#fff3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:2.5rem;padding:1.5rem;box-shadow:0 25px 50px #0000004d;border:1px solid rgba(255,255,255,.3)}.image-inner-home{background:linear-gradient(135deg,#f3e8ff,#fff,#f3e8ff);border-radius:2rem;overflow:hidden;box-shadow:inset 0 2px 10px #0000001a}.teacher-img-home{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4;display:block}.hero-content-home{width:55%;color:#fff;padding-left:1rem}.hero-title-home{font-size:3.75rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-title-highlight-home{color:#67e8f9;text-shadow:0 4px 20px rgba(103,232,249,.5)}.features-section-home{max-width:1280px;margin:0 auto;padding:3rem 2rem}.features-container-home{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.feature-card-home{background:linear-gradient(135deg,#fff,#f3e8ff,#e9d5ff);border-radius:2.5rem;padding:2.5rem;box-shadow:0 20px 40px #0003;border:1px solid #e9d5ff;transition:box-shadow .3s ease}.feature-card-home:hover{box-shadow:0 25px 50px #a78bfa4d}.card-header-home{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.card-icon-wrapper-home{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);padding:1rem;border-radius:1rem;box-shadow:0 4px 10px #0000001a}.card-icon-home{width:2.5rem;height:2.5rem;color:#7c3aed}.card-subtitle-home{font-size:1.875rem;font-weight:700;color:#581c87}.card-title-home{font-size:2rem;font-weight:800;color:#7c3aed;margin-bottom:2rem;line-height:1.3}.card-list-home{list-style:none;display:flex;flex-direction:column;gap:1rem}.list-item-home{display:flex;align-items:flex-start;gap:.75rem;color:#374151;font-size:1.125rem;line-height:1.75}.checkmark-home{color:#22d3ee;font-size:1.5rem;margin-top:.125rem;font-weight:700;flex-shrink:0}.list-item-bold-home{font-weight:600}.list-item-purple-home{color:#6d28d9}.list-item-indent-home{padding-right:2rem}.platform-features-home{max-width:1280px;margin:0 auto;padding:4rem 2rem}.section-header-home{text-align:center;margin-bottom:3rem}.section-title-wrapper-home{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.section-icon-home{width:3rem;height:3rem;color:#fff;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.section-title-home{font-size:3rem;font-weight:800;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3)}.section-subtitle-home{color:#fff;font-size:1.125rem;opacity:.9;margin-top:1rem}.platform-grid-home{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 5rem;color:#fff;max-width:1152px;margin:0 auto}.platform-item-home{display:flex;align-items:flex-start;gap:1rem;transition:transform .3s ease}.platform-item-home:hover{transform:translate(-5px)}.platform-check-home{color:#67e8f9;font-size:1.875rem;margin-top:.125rem;flex-shrink:0;transition:transform .3s ease}.platform-item-home:hover .platform-check-home{transform:scale(1.1)}.platform-item-home p{font-size:1.25rem;line-height:1.75}.faq-section-home{max-width:1280px;margin:0 auto;padding:4rem 2rem 3rem}.contact-wrapper-home{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem;margin-top:5rem}.students-image-wrapper-home{width:40%;position:relative}.students-deco-home{position:absolute;border-radius:2.75rem;filter:blur(8px)}.students-deco-1-home{bottom:0;right:0;width:300px;height:360px;background:#c084fc;opacity:.15}.students-deco-2-home{bottom:2.5rem;left:1.5rem;width:260px;height:320px;background:#6d28d9;opacity:.2}.students-container-home{position:relative;background:#fff3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:2.5rem;padding:1.5rem;box-shadow:0 25px 50px #0000004d;border:1px solid rgba(255,255,255,.3)}.students-inner-home{background:linear-gradient(135deg,#f3e8ff,#fff,#f3e8ff);border-radius:2rem;overflow:hidden;box-shadow:inset 0 2px 10px #0000001a}.students-img-home{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4;display:block}.contact-info-home{width:60%;color:#fff}.faq-accordion-home{display:flex;flex-direction:column;gap:1rem}.faq-item-home{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.faq-item-home:hover{background:#ffffff26;box-shadow:0 8px 25px #0003}.faq-question-home{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:none;border:none;color:#fff;font-size:1.125rem;font-weight:600;cursor:pointer;text-align:right;transition:all .3s ease}.faq-question-home:hover{background:#ffffff0d}.faq-arrow-home{width:1.5rem;height:1.5rem;flex-shrink:0;transition:transform .3s ease;color:#67e8f9}.faq-arrow-open-home{transform:rotate(180deg)}.faq-answer-home{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-answer-open-home{max-height:500px;padding:0 1.5rem 1.25rem}.faq-answer-home p{color:#ffffffe6;font-size:1rem;line-height:1.75;margin:0}@media(max-width:768px){.contact-wrapper-home{flex-direction:column-reverse;gap:2rem}.students-image-wrapper-home,.contact-info-home{width:100%}.faq-question-home{font-size:1rem;padding:1rem}.faq-answer-open-home{padding:0 1rem 1rem}}@media(max-width:1024px){.hero-container-home{flex-direction:column;text-align:center;gap:2rem}.teacher-image-wrapper-home,.hero-content-home{width:100%}.hero-title-home{font-size:2.5rem}.features-container-home{grid-template-columns:1fr}.platform-grid-home{grid-template-columns:1fr;gap:2rem}.contact-wrapper-home{flex-direction:column;align-items:center;gap:3rem}.contact-info-home,.students-image-wrapper-home{width:100%;text-align:center}.contact-details-home{flex-direction:column;gap:2rem}.social-icons-home{justify-content:center}}@media(max-width:768px){.hero-title-home{font-size:2rem}.feature-card-home{padding:1.75rem}.card-title-home,.card-subtitle-home{font-size:1.5rem}.platform-item-home p{font-size:1.1rem}.section-title-home{font-size:2rem}.students-img-home{max-width:80%;margin:0 auto}}@media(max-width:480px){.hero-title-home{font-size:1.75rem}.card-list-home{gap:.75rem}.platform-item-home p,.contact-item-home,.phone-number-home{font-size:1rem}.section-title-home{font-size:1.75rem}}html{scroll-behavior:smooth}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}section{scroll-margin-top:80px}@keyframes sectionHighlight{0%{background:#67e8f91a}to{background:transparent}}.nav-item-home.active a{color:#67e8f9;background:#ffffff26}.nav-item-home.active a:before{width:100%}.scroll-progress-home{position:fixed;top:0;right:0;width:100%;height:3px;background:linear-gradient(90deg,#67e8f9,#22d3ee);transform-origin:right;transform:scaleX(0);z-index:1001;transition:transform .3s ease}.back-to-top-home{position:fixed;bottom:2rem;left:2rem;background:#22d3ee;color:#fff;width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 20px #22d3ee66;transition:all .3s ease;opacity:0;visibility:hidden;z-index:999}.back-to-top-home.visible-home{opacity:1;visibility:visible}.back-to-top-home:hover{background:#06b6d4;transform:translateY(-3px);box-shadow:0 6px 25px #22d3ee99}@media(max-width:768px){.back-to-top-home{bottom:1rem;left:1rem;width:45px;height:45px;font-size:1.25rem}}.footer-footer{background:linear-gradient(135deg,#6d28d9,#5b21b6);color:#fff;margin-top:auto;position:relative;overflow:hidden}.footer-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c084fc,transparent)}.footer-container-footer{max-width:1280px;margin:0 auto;padding:0 1rem}.footer-content-footer{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;padding:4rem 0 2rem}.footer-section-footer{display:flex;flex-direction:column}.brand-section-footer{gap:1.5rem}.footer-logo-footer{display:flex;align-items:center;gap:1rem}.logo-box-footer{background:#fff;border-radius:.5rem;padding:.5rem .75rem;box-shadow:0 4px 15px #0003;flex-shrink:0}.logo-letter-footer{color:#7c3aed;font-weight:700;font-size:1.5rem;line-height:1}.brand-info-footer{display:flex;flex-direction:column;gap:.25rem}.brand-name-footer{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.brand-tagline-footer{color:#c4b5fd;font-size:.9rem;margin:0}.brand-description-footer{color:#e9d5ff;line-height:1.6;font-size:.95rem;margin:0}.social-links-footer{display:flex;gap:1rem}.social-link-footer{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#ffffff1a;border-radius:.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.social-link-footer:hover{background:#7c3aed;transform:translateY(-3px);box-shadow:0 8px 25px #7c3aed66}.social-icon-footer{width:20px;height:20px;color:#fff}.section-title-footer{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:#fff;position:relative}.section-title-footer:after{content:"";position:absolute;bottom:-.5rem;right:0;width:40px;height:2px;background:#67e8f9;border-radius:2px}.footer-links-footer{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links-footer li{display:flex;align-items:center;gap:.5rem}.footer-links-footer a{color:#e9d5ff;text-decoration:none;transition:all .3s ease;padding:.25rem 0;position:relative}.footer-links-footer a:before{content:"";position:absolute;bottom:0;right:0;width:0;height:1px;background:#67e8f9;transition:width .3s ease}.footer-links-footer a:hover{color:#67e8f9;padding-right:.5rem}.footer-links-footer a:hover:before{width:100%}.link-icon-footer{width:18px;height:18px;color:#67e8f9;flex-shrink:0}.footer-links-footer span{color:#e9d5ff;transition:color .3s ease}.footer-links-footer li:hover span{color:#67e8f9}.contact-info-footer{display:flex;flex-direction:column;gap:1.25rem}.contact-item-footer{display:flex;align-items:flex-start;gap:.75rem}.contact-icon-footer{width:20px;height:20px;color:#67e8f9;margin-top:.125rem;flex-shrink:0}.contact-item-footer div{display:flex;flex-direction:column;gap:.125rem}.contact-label-footer{font-size:.8rem;color:#c4b5fd;font-weight:500}.contact-value-footer{color:#e9d5ff;text-decoration:none;transition:color .3s ease;font-size:.95rem}.contact-value-footer:hover{color:#67e8f9}.newsletter-section-footer{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:2rem;margin:2rem 0;border:1px solid rgba(255,255,255,.1)}.newsletter-content-footer{display:flex;align-items:center;justify-content:space-between;gap:2rem}.newsletter-text-footer{flex:1}.newsletter-text-footer h4{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.newsletter-text-footer p{color:#e9d5ff;margin:0;line-height:1.5}.newsletter-form-footer{display:flex;gap:1rem;flex:1;max-width:500px}.newsletter-input-footer{flex:1;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:#ffffff1a;color:#fff;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.newsletter-input-footer::placeholder{color:#c4b5fd}.newsletter-input-footer:focus{outline:none;border-color:#67e8f9;background:#ffffff26}.newsletter-btn-footer{background:linear-gradient(135deg,#22d3ee,#06b6d4);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.newsletter-btn-footer:hover{background:linear-gradient(135deg,#06b6d4,#0891b2);transform:translateY(-2px);box-shadow:0 8px 25px #22d3ee66}.footer-bottom-footer{border-top:1px solid rgba(255,255,255,.1);padding:1.5rem 0}.footer-bottom-content-footer{display:flex;align-items:center;justify-content:space-between;gap:2rem}.copyright-footer,.copyright-footer p{color:#c4b5fd;margin:0;font-size:.9rem}.footer-bottom-links-footer{display:flex;gap:2rem}.footer-bottom-links-footer a{color:#c4b5fd;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-bottom-links-footer a:hover{color:#67e8f9}@media(max-width:1024px){.footer-content-footer{grid-template-columns:1fr 1fr;gap:2.5rem}.brand-section-footer{grid-column:1 / -1}.newsletter-content-footer{flex-direction:column;text-align:center;gap:1.5rem}.newsletter-form-footer{max-width:100%}}@media(max-width:768px){.footer-content-footer{grid-template-columns:1fr;gap:2rem;padding:3rem 0 1.5rem}.footer-section-footer{text-align:center}.footer-logo-footer{justify-content:center}.section-title-footer:after{right:50%;transform:translate(50%)}.social-links-footer{justify-content:center}.contact-item-footer{justify-content:center;text-align:center}.newsletter-section-footer{padding:1.5rem;margin:1.5rem 0}.footer-bottom-content-footer{flex-direction:column;gap:1rem;text-align:center}.footer-bottom-links-footer{justify-content:center;flex-wrap:wrap;gap:1.5rem}}@media(max-width:480px){.footer-container-footer{padding:0 .5rem}.footer-content-footer{padding:2rem 0 1rem;gap:1.5rem}.brand-name-footer{font-size:1.25rem}.brand-tagline-footer{font-size:.85rem}.section-title-footer{font-size:1.1rem;margin-bottom:1rem}.newsletter-section-footer{padding:1.25rem;margin:1rem 0}.newsletter-text-footer h4{font-size:1.25rem}.newsletter-form-footer{flex-direction:column;gap:.75rem}.newsletter-btn-footer{padding:.875rem 1.5rem}.social-links-footer{gap:.75rem}.social-link-footer{width:40px;height:40px}.footer-bottom-footer{padding:1rem 0}.footer-bottom-links-footer{gap:1rem}.footer-bottom-links-footer a{font-size:.8rem}}@media(min-width:1440px){.footer-container-footer{max-width:1400px}}@media(min-width:1920px){.footer-container-footer{max-width:1600px}}@media(prefers-color-scheme:dark){.footer-footer{background:linear-gradient(135deg,#5b21b6,#4c1d95)}}@media(prefers-reduced-motion:reduce){.social-link-footer,.footer-links-footer a,.newsletter-btn-footer{transition:none}.social-link-footer:hover,.newsletter-btn-footer:hover{transform:none}}.spp-page *{margin:0;padding:0;box-sizing:border-box}.spp-page{min-height:100vh;background:linear-gradient(135deg,#7c3aed,#8b5cf6,#7c3aed);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}.spp-page ::selection{background-color:#67e8f9;color:#1f2937}.spp-page ::-moz-selection{background-color:#67e8f9;color:#1f2937}.spp-loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.spp-spinner{width:64px;height:64px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spp-spin 1s linear infinite}@keyframes spp-spin{to{transform:rotate(360deg)}}.spp-loading-text{color:#fff;font-size:1.25rem;margin-top:1rem;font-weight:500;animation:spp-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spp-pulse{0%,to{opacity:1}50%{opacity:.5}}.spp-error-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.spp-error-card{background:#fff;border-radius:1rem;padding:2.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;text-align:center;max-width:400px;width:100%}.spp-error-icon{width:64px;height:64px;color:#ef4444;margin:0 auto 1rem}.spp-error-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.spp-error-message{color:#6b7280;margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.spp-retry-button{background:#7c3aed;color:#fff;padding:.875rem 2rem;border-radius:.75rem;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.spp-retry-button:hover{background:#6d28d9;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed66}.spp-retry-button:focus-visible{outline:3px solid #67e8f9;outline-offset:2px}.spp-header{background:#6d28d966;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}.spp-nav-container{max-width:1280px;margin:0 auto;padding:1.25rem 2rem}.spp-nav-content{display:flex;align-items:center;justify-content:space-between}.spp-logo-section{display:flex;align-items:center;gap:.625rem}.spp-logo-badge{background:#fff;border-radius:.5rem;padding:.5rem .875rem;box-shadow:0 2px 8px #0000001a}.spp-logo-text{color:#7c3aed;font-weight:700;font-size:1.5rem;line-height:1}.spp-brand-name{color:#fff;font-weight:600;font-size:.9rem;letter-spacing:.05em}.spp-nav-links{display:flex;gap:1rem;align-items:center}.spp-nav-link{color:#fff;text-decoration:none;padding:.625rem 1.25rem;font-weight:500;font-size:.95rem;transition:all .3s ease;border-radius:.5rem}.spp-nav-link:hover{background:#ffffff1a;color:#67e8f9}.spp-nav-link:focus-visible{outline:3px solid #67e8f9;outline-offset:2px}.spp-login-button{background:#fff;color:#7c3aed;text-decoration:none;padding:.625rem 1.75rem;border-radius:.75rem;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.spp-login-button:hover{background:#67e8f9;transform:translateY(-2px);box-shadow:0 4px 12px #67e8f966}.spp-login-button:focus-visible{outline:3px solid #67e8f9;outline-offset:2px}.spp-hero-section{max-width:1280px;margin:0 auto;padding:1rem 2rem 3rem;text-align:center}.spp-hero-icon-wrapper{display:inline-flex;background:#ffffff26;padding:1.5rem;border-radius:50%;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spp-hero-icon{width:48px;height:48px;color:#fff;stroke-width:1.5}.spp-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#fff;margin-bottom:1.5rem;line-height:1.2;text-shadow:0 2px 20px rgba(0,0,0,.2)}.spp-hero-description{font-size:clamp(1rem,2vw,1.25rem);color:#fff;opacity:.95;max-width:650px;margin:0 auto;line-height:1.7;text-shadow:0 1px 10px rgba(0,0,0,.1)}.spp-plans-section{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 5rem}.spp-empty-state{text-align:center;color:#fff;padding:5rem 1rem}.spp-empty-icon{font-size:4rem;margin-bottom:1.5rem}.spp-empty-title{font-size:2rem;font-weight:700;margin-bottom:.75rem}.spp-empty-description{font-size:1.25rem;opacity:.9}.spp-plans-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:0 auto}@media(min-width:768px){.spp-plans-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.spp-plans-grid{grid-template-columns:repeat(3,1fr)}}.spp-plan-card{position:relative;background:#fff;border-radius:1.75rem;box-shadow:0 25px 50px -12px #0000004d;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%}.spp-plan-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -15px #0006}.spp-plan-card.spp-featured{box-shadow:0 0 0 4px #22d3ee,0 25px 50px -12px #0000004d}.spp-plan-card.spp-featured:hover{box-shadow:0 0 0 4px #22d3ee,0 30px 60px -15px #0006}.spp-featured-badge{background:linear-gradient(135deg,#22d3ee,#06b6d4);color:#fff;text-align:center;padding:.875rem;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 6px #0000001a}.spp-badge-icon{width:1.125rem;height:1.125rem}.spp-plan-content{padding:2rem 1.75rem;display:flex;flex-direction:column;flex-grow:1}.spp-plan-content.spp-featured-content{padding-top:2rem}.spp-plan-header{text-align:center;margin-bottom:1.75rem}.spp-plan-icon-wrapper{display:inline-flex;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);padding:1rem;border-radius:1rem;margin-bottom:1.25rem}.spp-duration-icon-svg{width:32px;height:32px;color:#7c3aed;stroke-width:2}.spp-plan-name{font-size:1.75rem;font-weight:800;color:#581c87;margin-bottom:.875rem;line-height:1.3}.spp-plan-description{color:#6b7280;font-size:.9rem;line-height:1.6;margin-bottom:0;min-height:2.8rem}.spp-price-section{margin:1.5rem 0;padding:1.25rem;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-radius:1rem}.spp-price-display{display:flex;align-items:center;justify-content:center;gap:.75rem}.spp-price-amount{font-size:2.75rem;font-weight:800;color:#7c3aed;line-height:1}.spp-price-info{text-align:right;display:flex;flex-direction:column;gap:.125rem}.spp-price-currency{font-size:1.125rem;color:#6b7280;font-weight:600;line-height:1}.spp-price-period{font-size:.75rem;color:#9ca3af;line-height:1}.spp-duration-badge{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6;padding:.75rem 1.5rem;border-radius:9999px;font-size:.9rem;font-weight:700;margin-bottom:1.5rem;box-shadow:0 2px 8px #7c3aed26}.spp-duration-icon{width:1.125rem;height:1.125rem;stroke-width:2.5}.spp-divider{border-top:2px solid #f3f4f6;margin:1.5rem 0}.spp-features-section{margin-bottom:1.75rem;flex-grow:1}.spp-features-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:1.125rem;text-align:right}.spp-features-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.spp-feature-item{display:flex;align-items:flex-start;gap:.875rem;text-align:right}.spp-feature-icon{flex-shrink:0;width:1.375rem;height:1.375rem;border-radius:50%;background:linear-gradient(135deg,#cffafe,#a5f3fc);display:flex;align-items:center;justify-content:center;margin-top:.125rem}.spp-check-icon{width:1rem;height:1rem;color:#0891b2;stroke-width:3}.spp-feature-text{color:#374151;font-size:.9375rem;line-height:1.6;flex:1}.spp-default-features{display:flex;flex-direction:column;gap:.875rem}.spp-default-feature{display:flex;align-items:center;gap:.75rem;color:#6b7280;font-size:.9375rem;text-align:right}.spp-default-check{width:1.125rem;height:1.125rem;color:#22d3ee;stroke-width:2.5;flex-shrink:0}.spp-subscribe-button{width:100%;padding:1.125rem;border-radius:1rem;font-weight:700;font-size:1.125rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 12px #7c3aed4d;margin-top:auto}.spp-subscribe-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed66}.spp-subscribe-button:active{transform:translateY(0)}.spp-subscribe-button:focus-visible{outline:3px solid #67e8f9;outline-offset:2px}.spp-subscribe-button.spp-featured-button{background:linear-gradient(135deg,#22d3ee,#06b6d4);box-shadow:0 4px 12px #22d3ee4d}.spp-subscribe-button.spp-featured-button:hover{box-shadow:0 8px 20px #22d3ee66}.spp-additional-info{margin-top:1.125rem;text-align:center}.spp-info-text{font-size:.8125rem;color:#6b7280;font-weight:500}.spp-footer-cta{max-width:1280px;margin:0 auto;padding:0 1.5rem 4rem}.spp-cta-card{background:#ffffff1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:2rem;padding:3rem 2rem;text-align:center;box-shadow:0 20px 40px #0003}.spp-cta-icon{width:56px;height:56px;color:#fff;margin:0 auto 1.5rem;stroke-width:1.5}.spp-cta-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.3}.spp-cta-description{font-size:clamp(1rem,2vw,1.25rem);color:#fff;opacity:.95;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7}.spp-contact-button{display:inline-block;background:#fff;color:#7c3aed;text-decoration:none;padding:1.125rem 2.5rem;border-radius:1rem;font-weight:700;font-size:1.125rem;box-shadow:0 8px 20px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1)}.spp-contact-button:hover{background:#67e8f9;transform:translateY(-3px);box-shadow:0 12px 28px #67e8f966}.spp-contact-button:active{transform:translateY(-1px)}.spp-contact-button:focus-visible{outline:3px solid #67e8f9;outline-offset:2px}@media(max-width:639px){.spp-nav-container{padding:1rem 1.25rem}.spp-nav-links{gap:.5rem}.spp-nav-link{padding:.5rem .875rem;font-size:.875rem}.spp-login-button{padding:.5rem 1.25rem;font-size:.875rem}.spp-hero-section{padding:3rem 1.5rem 2.5rem}.spp-hero-icon-wrapper{padding:1.25rem}.spp-hero-icon{width:40px;height:40px}.spp-plans-section{padding:1.5rem 1rem 4rem}.spp-plans-grid{gap:1.5rem}.spp-plan-content{padding:1.5rem 1.25rem}.spp-plan-name{font-size:1.5rem}.spp-price-amount{font-size:2.25rem}.spp-price-section{padding:1rem}.spp-features-title{font-size:1rem}.spp-feature-text{font-size:.875rem}.spp-subscribe-button{padding:1rem;font-size:1rem}.spp-cta-card{padding:2.5rem 1.5rem}.spp-cta-icon{width:48px;height:48px}.spp-footer-cta{padding:0 1rem 3rem}}@media(min-width:640px)and (max-width:767px){.spp-hero-section{padding:3.5rem 2rem 3rem}.spp-plans-grid{max-width:500px;margin:0 auto}}@media(min-width:768px)and (max-width:1023px){.spp-hero-section{padding:4rem 2rem 3.5rem}.spp-plans-grid{gap:1.75rem}.spp-plan-content{padding:1.75rem 1.5rem}}@media(max-height:600px)and (orientation:landscape){.spp-hero-section{padding:2rem 1.5rem}.spp-hero-icon-wrapper{padding:1rem}.spp-hero-icon{width:36px;height:36px}.spp-hero-title{font-size:2rem}.spp-hero-description{font-size:.95rem}}@media print{.spp-header,.spp-footer-cta{display:none}.spp-page{background:#fff}.spp-plan-card{break-inside:avoid;page-break-inside:avoid}}@media(prefers-contrast:high){.spp-plan-card,.spp-featured-badge{border:2px solid #000}}@media(prefers-reduced-motion:reduce){.spp-plan-card,.spp-subscribe-button,.spp-contact-button,.spp-nav-link,.spp-login-button,.spp-retry-button{transition:none}.spp-spinner{animation:none;border:4px solid rgba(255,255,255,.5)}.spp-plan-card:hover,.spp-subscribe-button:hover,.spp-contact-button:hover{transform:none}.spp-loading-text{animation:none}}.signup-page-signup{min-height:100vh;background:linear-gradient(135deg,#7c3aed,#8b5cf6,#7c3aed);direction:rtl;font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.signup-container-signup{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:2rem;padding:3rem;box-shadow:0 25px 50px #0000004d;border:1px solid rgba(255,255,255,.3);width:100%;max-width:500px}.signup-header-signup{text-align:center;margin-bottom:2.5rem}.signup-icon-signup{background:linear-gradient(135deg,#7c3aed,#6d28d9);width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;box-shadow:0 10px 30px #7c3aed66}.signup-title-signup{font-size:2rem;font-weight:800;color:#1f2937;margin-bottom:.5rem}.signup-subtitle-signup{color:#6b7280;font-size:1.1rem}.signup-form-signup{display:flex;flex-direction:column;gap:1.5rem}.form-group-signup{display:flex;flex-direction:column;gap:.5rem}.form-label-signup{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;font-size:.95rem}.form-label-signup svg{color:#7c3aed}.form-input-signup{padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;transition:all .3s ease;background:#fff;font-family:inherit;width:100%}.form-input-signup:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.form-input-signup.error-signup{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message-signup{color:#ef4444;font-size:.875rem;font-weight:500}.phone-hint-signup{margin-top:.25rem}.phone-hint-signup small{color:#6b7280;font-size:.8rem}.signup-button-signup{background:linear-gradient(135deg,#22d3ee,#06b6d4);color:#fff;border:none;padding:1rem 2rem;border-radius:.75rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;font-family:inherit;box-shadow:0 4px 15px #22d3ee66}.signup-button-signup:hover:not(:disabled){background:linear-gradient(135deg,#06b6d4,#0891b2);transform:translateY(-2px);box-shadow:0 8px 25px #22d3ee99}.signup-button-signup:disabled{opacity:.7;cursor:not-allowed;transform:none}.signup-footer-signup{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.signup-footer-signup p{color:#6b7280}.login-link-signup{color:#7c3aed;text-decoration:none;font-weight:600;transition:color .3s ease}.login-link-signup:hover{color:#6d28d9;text-decoration:underline}.password-input-container-signup{position:relative;display:flex;align-items:center;width:100%}.password-input-signup{padding-right:3rem!important}.password-toggle-signup{position:absolute;left:.75rem;background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:color .3s ease;display:flex;align-items:center;justify-content:center}.password-toggle-signup:hover{color:#7c3aed;background:#7c3aed1a}.form-select-signup{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237c3aed' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 1rem center;background-size:12px;padding-left:2.5rem;cursor:pointer}.form-select-signup::-ms-expand{display:none}.gender-options-signup{display:flex;gap:1.5rem;margin-top:.5rem}.radio-label-signup{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.75rem 1.25rem;border:2px solid #e5e7eb;border-radius:.75rem;transition:all .3s ease;flex:1;justify-content:center;background:#fff}.radio-label-signup:hover{border-color:#7c3aed;background:#7c3aed0d}.radio-input-signup{width:18px;height:18px;cursor:pointer;accent-color:#7c3aed}.radio-text-signup{font-weight:500;color:#374151;font-size:1rem}.radio-label-signup:has(.radio-input-signup:checked){border-color:#7c3aed;background:#7c3aed1a}.radio-label-signup:has(.radio-input-signup:checked) .radio-text-signup{color:#7c3aed;font-weight:600}.password-strength-signup{margin-top:.75rem}.strength-bar-container-signup{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.strength-bar-signup{height:100%;transition:all .3s ease;border-radius:3px}.strength-feedback-signup{display:flex;flex-direction:column;gap:.25rem}.strength-text-signup{font-size:.875rem;font-weight:600}.strength-message-signup{font-size:.75rem;color:#6b7280}@media(max-width:768px){.signup-container-signup{padding:2rem 1.5rem;margin:1rem}.signup-title-signup{font-size:1.75rem}.form-input-signup{padding:.875rem 1rem}}@media(max-width:480px){.signup-container-signup{padding:1.5rem 1rem}.signup-title-signup{font-size:1.5rem}.signup-icon-signup{width:60px;height:60px}.signup-icon-signup svg{width:24px;height:24px}.gender-options-signup{gap:1rem}.radio-label-signup{padding:.625rem 1rem}.radio-text-signup{font-size:.9rem}.strength-feedback-signup{gap:.2rem}.strength-text-signup{font-size:.8rem}.strength-message-signup{font-size:.7rem}}@media(prefers-color-scheme:dark){.signup-container-signup{background:#111827f2;color:#fff}.signup-title-signup{color:#fff}.signup-subtitle-signup{color:#d1d5db}.form-label-signup{color:#e5e7eb}.form-input-signup{background:#374151;border-color:#4b5563;color:#fff}.form-input-signup:focus{border-color:#7c3aed}.signup-footer-signup p{color:#d1d5db}.password-toggle-signup{color:#9ca3af}.password-toggle-signup:hover{color:#7c3aed}.form-select-signup{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a78bfa' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.radio-label-signup{background:#374151;border-color:#4b5563}.radio-text-signup{color:#e5e7eb}.radio-label-signup:hover{background:#7c3aed33}.radio-label-signup:has(.radio-input-signup:checked){background:#7c3aed4d}.radio-label-signup:has(.radio-input-signup:checked) .radio-text-signup{color:#a78bfa}.strength-bar-container-signup{background:#374151}.strength-message-signup{color:#9ca3af}}@media(prefers-reduced-motion:reduce){.form-input-signup,.signup-button-signup,.login-link-signup{transition:none}.signup-button-signup:hover:not(:disabled){transform:none}}.confirm-page-confirm{min-height:100vh;background:linear-gradient(135deg,#7c3aed,#8b5cf6,#7c3aed);direction:rtl;font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.confirm-container-confirm{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:2rem;padding:3rem;box-shadow:0 25px 50px #0000004d;border:1px solid rgba(255,255,255,.3);width:100%;max-width:500px;text-align:center}.confirm-header-confirm{margin-bottom:2.5rem}.confirm-icon-confirm{background:linear-gradient(135deg,#10b981,#059669);width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;box-shadow:0 10px 30px #10b98166}.confirm-title-confirm{font-size:2rem;font-weight:800;color:#1f2937;margin-bottom:.5rem}.confirm-subtitle-confirm{color:#6b7280;font-size:1.1rem;margin-bottom:1rem}.phone-display-confirm{display:inline-flex;align-items:center;gap:.5rem;background:#f3f4f6;padding:.75rem 1.5rem;border-radius:.75rem;color:#374151;font-weight:600;font-size:1.1rem}.phone-display-confirm svg{color:#7c3aed}.confirm-form-confirm{display:flex;flex-direction:column;gap:2rem}.code-inputs-container-confirm{display:flex;justify-content:center;gap:.75rem;direction:ltr}.code-input-confirm{width:50px;height:60px;border:2px solid #e5e7eb;border-radius:.75rem;text-align:center;font-size:1.5rem;font-weight:700;background:#fff;transition:all .3s ease;font-family:monospace}.code-input-confirm:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;transform:scale(1.05)}.code-input-confirm.filled-confirm{border-color:#10b981;background:#f0fdf4}.verify-button-confirm{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 2rem;border-radius:.75rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;box-shadow:0 4px 15px #10b98166}.verify-button-confirm:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b98199}.verify-button-confirm:disabled{opacity:.7;cursor:not-allowed;transform:none}.resend-section-confirm{margin:2rem 0;padding:1.5rem;background:#f8fafc;border-radius:1rem;border:1px solid #e2e8f0}.resend-text-confirm{color:#6b7280;margin-bottom:1rem;font-size:1rem}.resend-button-confirm{background:#64748b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9rem;cursor:not-allowed;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;width:100%}.resend-button-confirm.active-confirm{background:linear-gradient(135deg,#3b82f6,#2563eb);cursor:pointer}.resend-button-confirm.active-confirm:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.confirm-footer-confirm{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.back-link-confirm{color:#7c3aed;text-decoration:none;font-weight:600;transition:color .3s ease}.back-link-confirm:hover{color:#6d28d9;text-decoration:underline}@media(max-width:768px){.confirm-container-confirm{padding:2rem 1.5rem;margin:1rem}.confirm-title-confirm{font-size:1.75rem}.code-input-confirm{width:45px;height:55px;font-size:1.25rem}}@media(max-width:480px){.confirm-container-confirm{padding:1.5rem 1rem}.confirm-title-confirm{font-size:1.5rem}.confirm-icon-confirm{width:60px;height:60px}.confirm-icon-confirm svg{width:24px;height:24px}.code-input-confirm{width:40px;height:50px;font-size:1.1rem}.phone-display-confirm{font-size:1rem;padding:.5rem 1rem}}@media(prefers-color-scheme:dark){.confirm-container-confirm{background:#111827f2;color:#fff}.confirm-title-confirm{color:#fff}.confirm-subtitle-confirm{color:#d1d5db}.phone-display-confirm{background:#374151;color:#e5e7eb}.code-input-confirm{background:#374151;border-color:#4b5563;color:#fff}.code-input-confirm:focus{border-color:#7c3aed}.resend-section-confirm{background:#1f2937;border-color:#374151}.resend-text-confirm{color:#d1d5db}}.loading-confirm{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280;text-align:center}.loading-spinner-confirm{width:50px;height:50px;border:4px solid #e5e7eb;border-top:4px solid #7c3aed;border-radius:50%;animation:spin-confirm 1s linear infinite;margin-bottom:1.5rem}.loading-confirm p{font-size:1.1rem;margin:0;color:#6b7280}@keyframes spin-confirm{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.security-redirect-confirm{background:#fef3c7;border:1px solid #f59e0b;border-radius:.75rem;padding:1rem;margin:1rem 0;text-align:center;color:#92400e}.security-redirect-confirm p{margin:0;font-size:.9rem}@media(prefers-color-scheme:dark){.loading-confirm p{color:#d1d5db}.loading-spinner-confirm{border:4px solid #4b5563;border-top:4px solid #7c3aed}.security-redirect-confirm{background:#451a03;border-color:#d97706;color:#fef3c7}}.confirm-page-confirm,.login-page-login{min-height:100vh;background:linear-gradient(135deg,#7c3aed,#8b5cf6,#7c3aed);direction:rtl;font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.login-container-login{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:2rem;padding:3rem;box-shadow:0 25px 50px #0000004d;border:1px solid rgba(255,255,255,.3);width:100%;max-width:450px}.login-header-login{text-align:center;margin-bottom:2.5rem}.login-icon-login{background:linear-gradient(135deg,#22d3ee,#06b6d4);width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;box-shadow:0 10px 30px #22d3ee66}.login-title-login{font-size:2rem;font-weight:800;color:#1f2937;margin-bottom:.5rem}.login-subtitle-login{color:#6b7280;font-size:1.1rem}.login-form-login{display:flex;flex-direction:column;gap:1.5rem}.form-group-login{display:flex;flex-direction:column;gap:.5rem}.form-label-login{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;font-size:.95rem}.form-label-login svg{color:#7c3aed}.form-input-login{padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;transition:all .3s ease;background:#fff;font-family:inherit;width:100%}.form-input-login:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.form-input-login.error-login{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message-login{color:#ef4444;font-size:.875rem;font-weight:500}.phone-hint-login{margin-top:.25rem}.phone-hint-login small{color:#6b7280;font-size:.8rem}.password-input-container-login{position:relative;display:flex;align-items:center}.password-input-login{padding-right:3rem!important}.password-toggle-login{position:absolute;left:.75rem;background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:color .3s ease;display:flex;align-items:center;justify-content:center}.password-toggle-login:hover{color:#7c3aed;background:#7c3aed1a}.forgot-password-login{text-align:left;margin-top:-.5rem}.forgot-password-link-login{background:none;border:none;color:#7c3aed;font-size:.9rem;cursor:pointer;text-decoration:underline;transition:color .3s ease;font-family:inherit}.forgot-password-link-login:hover{color:#6d28d9}.login-button-login{background:linear-gradient(135deg,#22d3ee,#06b6d4);color:#fff;border:none;padding:1rem 2rem;border-radius:.75rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;font-family:inherit;box-shadow:0 4px 15px #22d3ee66}.login-button-login:hover:not(:disabled){background:linear-gradient(135deg,#06b6d4,#0891b2);transform:translateY(-2px);box-shadow:0 8px 25px #22d3ee99}.login-button-login:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-footer-login{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.login-footer-login p{color:#6b7280}.signup-link-login{color:#7c3aed;text-decoration:none;font-weight:600;transition:color .3s ease}.signup-link-login:hover{color:#6d28d9;text-decoration:underline}@media(max-width:768px){.login-container-login{padding:2rem 1.5rem;margin:1rem}.login-title-login{font-size:1.75rem}.form-input-login{padding:.875rem 1rem}}@media(max-width:480px){.login-container-login{padding:1.5rem 1rem}.login-title-login{font-size:1.5rem}.login-icon-login{width:60px;height:60px}.login-icon-login svg{width:24px;height:24px}.forgot-password-login{text-align:center}}@media(prefers-color-scheme:dark){.login-container-login{background:#111827f2;color:#fff}.login-title-login{color:#fff}.login-subtitle-login{color:#d1d5db}.form-label-login{color:#e5e7eb}.form-input-login{background:#374151;border-color:#4b5563;color:#fff}.form-input-login:focus{border-color:#7c3aed}.phone-hint-login small{color:#9ca3af}.login-footer-login p{color:#d1d5db}.password-toggle-login{color:#9ca3af}.password-toggle-login:hover{color:#7c3aed}}@media(prefers-reduced-motion:reduce){.form-input-login,.login-button-login,.password-toggle-login,.signup-link-login,.forgot-password-link-login{transition:none}.login-button-login:hover:not(:disabled){transform:none}}.login-options-login{display:flex;justify-content:space-between;align-items:center;margin:1rem 0}.remember-me-login{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#374151;-webkit-user-select:none;user-select:none}.remember-me-checkbox-login{display:none}.checkmark-login{width:18px;height:18px;border:2px solid #d1d5db;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:#fff}.remember-me-checkbox-login:checked+.checkmark-login{background:#7c3aed;border-color:#7c3aed;color:#fff}.checkmark-login svg{opacity:0;transition:opacity .3s ease}.remember-me-checkbox-login:checked+.checkmark-login svg{opacity:1}.modal-overlay-login{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-container-login{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px #0000004d;width:100%;max-width:450px;direction:rtl}.modal-header-login{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.modal-title-login{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.modal-close-login{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:.25rem;transition:color .3s ease}.modal-close-login:hover{color:#374151}.modal-form-login{display:flex;flex-direction:column;gap:1.5rem}.modal-actions-login{display:flex;gap:1rem;margin-top:1rem}.modal-cancel-login{flex:1;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-cancel-login:hover{background:#e5e7eb}.modal-submit-login{flex:1;background:linear-gradient(135deg,#22d3ee,#06b6d4);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-submit-login:hover:not(:disabled){background:linear-gradient(135deg,#06b6d4,#0891b2)}.modal-submit-login:disabled{opacity:.7;cursor:not-allowed}@media(prefers-color-scheme:dark){.modal-container-login{background:#1f2937;color:#fff}.modal-title-login{color:#fff}.modal-close-login{color:#9ca3af}.modal-close-login:hover{color:#d1d5db}.modal-cancel-login{background:#374151;color:#d1d5db;border-color:#4b5563}.modal-cancel-login:hover{background:#4b5563}.remember-me-login{color:#e5e7eb}.checkmark-login{background:#374151;border-color:#4b5563}}@media(max-width:480px){.modal-container-login{padding:1.5rem;margin:1rem}.modal-actions-login{flex-direction:column}.login-options-login{flex-direction:column;gap:1rem;align-items:flex-start}}.alert-error-login{background-color:#fee2e2;border:1px solid #ef4444;border-radius:8px;padding:16px;margin-bottom:20px;display:flex;align-items:flex-start;gap:12px;color:#dc2626}.alert-error-login svg{flex-shrink:0;margin-top:2px}.alert-error-login strong{display:block;margin-bottom:4px;font-weight:700}.alert-error-login p{margin:0;font-size:14px}.alert-info-login{background-color:#dbeafe;border:1px solid #3b82f6;border-radius:8px;padding:16px;margin-bottom:20px;text-align:center;color:#1e40af}.alert-info-login h3{color:#1e40af;margin:0 0 8px;font-size:16px}.alert-info-login ul{list-style:none;padding:0;margin:12px 0;text-align:right}.alert-info-login li{padding:6px 0;font-size:14px;color:#1e3a8a}.alert-info-login li:before{content:"✓ ";color:#3b82f6;font-weight:700;margin-left:8px}.back-link-login{background:none;border:none;color:#6b7280;text-decoration:underline;cursor:pointer;padding:8px 16px;font-size:14px;transition:color .2s ease}.back-link-login:hover:not(:disabled){color:#374151}.back-link-login:disabled{opacity:.5;cursor:not-allowed}.spinner-border{display:inline-block;width:1rem;height:1rem;vertical-align:text-bottom;border:.15em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:.875rem;height:.875rem;border-width:.12em}@keyframes spinner-border{to{transform:rotate(360deg)}}.login-button-login:disabled{opacity:.6;cursor:not-allowed;background-color:#9ca3af}.login-button-login:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.login-button-login:not(:disabled):active{transform:translateY(0)}.form-input-login:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.password-toggle-login:disabled{opacity:.5;cursor:not-allowed}.modal-actions-login{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.modal-cancel-login,.modal-submit-login{padding:10px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-size:14px}.modal-cancel-login{background-color:#f3f4f6;color:#374151}.modal-cancel-login:hover:not(:disabled){background-color:#e5e7eb}.modal-submit-login{background-color:#3b82f6;color:#fff}.modal-submit-login:hover:not(:disabled){background-color:#2563eb}.modal-cancel-login:disabled,.modal-submit-login:disabled{opacity:.6;cursor:not-allowed}.remember-me-checkbox-login:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.alert-error-login,.alert-info-login{padding:12px;font-size:14px}.alert-info-login ul{font-size:13px}.modal-actions-login{flex-direction:column}.modal-cancel-login,.modal-submit-login{width:100%}}.settings-container-st123{max-width:900px;margin:0 auto;animation:fadeInUp-st123 .5s ease-out}@keyframes fadeInUp-st123{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-loading-st123{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:24px}.loading-spinner-settings-st123{position:relative;width:80px;height:80px}.spinner-ring-settings-st123{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#3b82f6;border-radius:50%;animation:spin-st123 1.2s linear infinite}@keyframes spin-st123{to{transform:rotate(360deg)}}.spinner-icon-settings-st123{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;animation:pulse-st123 1.5s ease-in-out infinite}@keyframes pulse-st123{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.settings-loading-st123 p{font-size:16px;color:#64748b;font-weight:500}.settings-error-st123{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:24px;text-align:center;padding:40px;background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000014;animation:fadeInUp-st123 .5s ease-out}.error-icon-st123{width:80px;height:80px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 8px 24px #f59e0b4d;animation:bounce-st123 2s ease-in-out infinite}@keyframes bounce-st123{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.settings-error-st123 h3{font-size:24px;font-weight:700;color:#0f172a;margin:0}.settings-error-st123 p{font-size:16px;color:#64748b;margin:0;max-width:400px;line-height:1.5}.retry-button-st123{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d;margin-top:16px}.retry-button-st123:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.retry-button-st123:active{transform:translateY(0)}.settings-header-st123{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e2e8f0}.header-content-st123{display:flex;align-items:center;gap:16px}.header-icon-st123{width:56px;height:56px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 8px 24px #3b82f64d;animation:float-st123 3s ease-in-out infinite}@keyframes float-st123{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.header-text-st123 h1{font-size:28px;font-weight:700;color:#0f172a;margin:0 0 4px}.header-text-st123 p{font-size:14px;color:#64748b;margin:0}.save-success-badge-st123{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:12px;font-size:14px;font-weight:600;animation:slideIn-st123 .3s ease-out;box-shadow:0 4px 12px #10b9814d}@keyframes slideIn-st123{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.success-icon-st123{width:20px;height:20px;background:#ffffff4d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.settings-tabs-st123{display:flex;gap:12px;margin-bottom:32px;background:#fff;padding:8px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.tab-button-st123{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:transparent;border:none;border-radius:12px;font-size:15px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s ease}.tab-button-st123:hover{background:#f1f5f9;color:#334155}.tab-button-st123.active-st123{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.tab-icon-st123{font-size:18px}.settings-content-st123{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 16px #00000014}.settings-section-st123{animation:fadeIn-st123 .4s ease-out}@keyframes fadeIn-st123{0%{opacity:0}to{opacity:1}}.section-header-st123{margin-bottom:32px}.section-header-st123 h2{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 8px}.section-header-st123 p{font-size:14px;color:#64748b;margin:0}.settings-form-st123{display:flex;flex-direction:column;gap:24px}.form-row-st123{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group-st123{display:flex;flex-direction:column;gap:8px}.form-group-st123 label{font-size:14px;font-weight:600;color:#334155;display:flex;align-items:center;gap:4px}.required-st123{color:#ef4444;font-size:16px}.form-group-st123 input,.form-group-st123 select{padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;color:#0f172a;background:#fff;transition:all .3s ease;font-family:inherit}.form-group-st123 input:focus,.form-group-st123 select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.form-group-st123 input.error-st123,.form-group-st123 select.error-st123{border-color:#ef4444}.form-group-st123 input.error-st123:focus,.form-group-st123 select.error-st123:focus{box-shadow:0 0 0 4px #ef44441a}.disabled-input-st123{background:#f1f5f9!important;color:#94a3b8!important;cursor:not-allowed!important}.password-input-wrapper-st123{position:relative}.password-input-wrapper-st123 input{padding-left:48px;width:100%}.password-toggle-st123{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:20px;padding:4px;opacity:.6;transition:opacity .2s}.password-toggle-st123:hover{opacity:1}.error-message-st123{font-size:13px;color:#ef4444;font-weight:500;display:flex;align-items:center;gap:4px}.error-message-st123:before{content:"⚠️";font-size:12px}.field-note-st123{font-size:13px;color:#64748b;font-style:italic}.form-actions-st123{margin-top:16px;padding-top:24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.save-button-st123{display:flex;align-items:center;gap:12px;padding:14px 32px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.save-button-st123:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.save-button-st123:active:not(:disabled){transform:translateY(0)}.save-button-st123:disabled{opacity:.6;cursor:not-allowed}.button-spinner-st123{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-st123 .8s linear infinite}.button-icon-st123{font-size:18px;transition:transform .3s ease}.save-button-st123:hover:not(:disabled) .button-icon-st123{transform:scale(1.1)}.api-status-st123{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;color:#64748b;margin-bottom:16px}.api-status-st123.loading-st123{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.api-status-st123.error-st123{background:#fef2f2;border-color:#fecaca;color:#dc2626}.api-status-st123.success-st123{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.status-dot-st123{width:8px;height:8px;border-radius:50%;animation:pulse-st123 2s infinite}.api-status-st123.loading-st123 .status-dot-st123{background:#3b82f6}.api-status-st123.error-st123 .status-dot-st123{background:#ef4444}.api-status-st123.success-st123 .status-dot-st123{background:#10b981}@media(max-width:768px){.settings-container-st123{padding:0}.settings-header-st123{flex-direction:column;align-items:flex-start;gap:16px}.header-icon-st123{width:48px;height:48px;font-size:24px}.header-text-st123 h1{font-size:24px}.save-success-badge-st123{width:100%;justify-content:center}.settings-tabs-st123{flex-direction:column;gap:8px}.tab-button-st123{width:100%}.settings-content-st123{padding:24px 20px}.form-row-st123{grid-template-columns:1fr;gap:16px}.form-actions-st123{flex-direction:column}.save-button-st123{width:100%;justify-content:center}.settings-error-st123{padding:24px 20px;margin:0 16px}.error-icon-st123{width:60px;height:60px;font-size:24px}.settings-error-st123 h3{font-size:20px}.settings-error-st123 p{font-size:14px}}@media(max-width:480px){.settings-header-st123{margin-bottom:24px}.header-content-st123{gap:12px}.header-icon-st123{width:44px;height:44px;font-size:22px}.header-text-st123 h1{font-size:20px}.header-text-st123 p{font-size:13px}.settings-content-st123{padding:20px 16px;border-radius:16px}.section-header-st123 h2{font-size:18px}.form-group-st123 input,.form-group-st123 select{padding:10px 14px;font-size:14px}.save-button-st123{padding:12px 24px;font-size:14px}.settings-error-st123{padding:20px 16px;border-radius:16px}.error-icon-st123{width:50px;height:50px;font-size:20px}.settings-error-st123 h3{font-size:18px}.retry-button-st123{padding:10px 20px;font-size:14px}}@media(prefers-color-scheme:dark){.settings-container-st123{color-scheme:dark}.header-text-st123 h1,.section-header-st123 h2,.form-group-st123 label,.form-group-st123 input,.form-group-st123 select{color:#f1f5f9}.header-text-st123 p,.section-header-st123 p,.field-note-st123{color:#94a3b8}.settings-content-st123,.settings-tabs-st123,.settings-error-st123{background:#1e293b;box-shadow:0 4px 16px #0000004d}.form-group-st123 input,.form-group-st123 select{background:#334155;border-color:#475569;color:#f1f5f9}.form-group-st123 input:focus,.form-group-st123 select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633}.disabled-input-st123{background:#475569!important;color:#64748b!important}.tab-button-st123:hover{background:#334155}.settings-header-st123{border-bottom-color:#334155}.form-actions-st123{border-top-color:#334155}.api-status-st123{background:#334155;border-color:#475569;color:#94a3b8}.api-status-st123.loading-st123{background:#1e3a8a;border-color:#3b82f6;color:#60a5fa}.api-status-st123.error-st123{background:#7f1d1d;border-color:#ef4444;color:#fca5a5}.api-status-st123.success-st123{background:#14532d;border-color:#10b981;color:#86efac}}.sspp-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding-top:2rem}.sspp-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.sspp-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sspp-spin 1s linear infinite}@keyframes sspp-spin{to{transform:rotate(360deg)}}.sspp-loading-text{color:#fff;font-size:1.125rem;font-weight:500}.sspp-error-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.sspp-error-card{background:#fff;border-radius:1rem;padding:3rem 2rem;text-align:center;max-width:400px;box-shadow:0 10px 40px #0003}.sspp-error-icon{width:64px;height:64px;color:#ef4444;margin:0 auto 1.5rem}.sspp-error-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.sspp-error-message{color:#6b7280;margin-bottom:1.5rem}.sspp-retry-button{background:#667eea;color:#fff;border:none;padding:.75rem 2rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .3s}.sspp-retry-button:hover{background:#5568d3}.sspp-hero-section{text-align:center;padding:2rem 1rem 3rem;max-width:800px;margin:0 auto}.sspp-hero-icon-wrapper{display:inline-flex;padding:1.5rem;background:#fff3;border-radius:50%;margin-bottom:1.5rem}.sspp-hero-icon{width:48px;height:48px;color:#fff}.sspp-hero-title{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:1rem}.sspp-hero-description{font-size:1.125rem;color:#ffffffe6;line-height:1.6}.sspp-plans-section{max-width:1200px;margin:0 auto;padding:2rem 1rem 4rem}.sspp-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.sspp-plan-card{background:#fff;border-radius:1.5rem;overflow:hidden;box-shadow:0 10px 30px #00000026;transition:transform .3s,box-shadow .3s}.sspp-plan-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0003}.sspp-plan-content{padding:2rem}.sspp-plan-header{text-align:center;margin-bottom:1.5rem}.sspp-plan-icon-wrapper{display:inline-flex;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;margin-bottom:1rem}.sspp-duration-icon-svg{width:32px;height:32px;color:#fff}.sspp-plan-name{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.sspp-plan-description{color:#6b7280;font-size:.95rem}.sspp-price-section{margin:1.5rem 0}.sspp-price-display{display:flex;align-items:baseline;justify-content:center;gap:.5rem}.sspp-price-amount{font-size:2.5rem;font-weight:800;color:#667eea}.sspp-price-info{display:flex;flex-direction:column;text-align:right}.sspp-price-currency{font-size:.875rem;color:#6b7280;font-weight:600}.sspp-price-period{font-size:.75rem;color:#9ca3af}.sspp-duration-badge{display:inline-flex;align-items:center;gap:.5rem;background:#f3f4f6;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;color:#4b5563;margin:0 auto 1.5rem;display:flex;justify-content:center;width:fit-content}.sspp-duration-icon{width:16px;height:16px}.sspp-divider{height:1px;background:#e5e7eb;margin:1.5rem 0}.sspp-features-section{margin-bottom:2rem}.sspp-features-title{font-size:1rem;font-weight:700;color:#374151;margin-bottom:1rem}.sspp-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.sspp-feature-item{display:flex;align-items:start;gap:.75rem}.sspp-feature-icon{flex-shrink:0;width:20px;height:20px;background:#d1fae5;border-radius:50%;display:flex;align-items:center;justify-content:center}.sspp-check-icon{width:14px;height:14px;color:#059669}.sspp-feature-text{color:#4b5563;font-size:.95rem;line-height:1.5}.sspp-default-features{display:flex;flex-direction:column;gap:.75rem}.sspp-default-feature{display:flex;align-items:center;gap:.75rem;color:#4b5563;font-size:.95rem}.sspp-default-check{width:18px;height:18px;color:#059669;flex-shrink:0}.sspp-subscribe-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem;border-radius:.75rem;font-size:1.125rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #667eea66}.sspp-subscribe-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea80}.sspp-subscribe-button:active{transform:translateY(0)}.sspp-empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1.5rem;max-width:500px;margin:0 auto}.sspp-empty-icon{font-size:4rem;margin-bottom:1rem}.sspp-empty-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.sspp-empty-description{color:#6b7280}.sspp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:sspp-fadeIn .3s}@keyframes sspp-fadeIn{0%{opacity:0}to{opacity:1}}.sspp-modal-content{background:#fff;border-radius:1.5rem;max-width:500px;width:100%;max-height:90vh;display:flex;flex-direction:column;position:relative;animation:sspp-slideUp .3s}@keyframes sspp-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sspp-modal-close{position:absolute;top:1.5rem;left:1.5rem;background:#f3f4f6;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;z-index:10}.sspp-modal-close:hover{background:#e5e7eb}.sspp-modal-close svg{width:20px;height:20px;color:#6b7280}.sspp-modal-header{padding:2rem 2rem 1rem;flex-shrink:0}.sspp-modal-title{font-size:1.75rem;font-weight:700;color:#1f2937;text-align:center}.sspp-modal-body{padding:0 2rem;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.sspp-modal-body::-webkit-scrollbar{width:8px}.sspp-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.sspp-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.sspp-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sspp-modal-footer{padding:1rem 2rem 2rem;flex-shrink:0}.sspp-modal-plan-info{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;margin-bottom:1.5rem}.sspp-modal-plan-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.sspp-modal-plan-duration{color:#ffffffe6;font-size:1rem}.sspp-discount-section{margin-bottom:1.5rem}.sspp-discount-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;margin-bottom:.75rem}.sspp-discount-icon{width:18px;height:18px;color:#667eea}.sspp-discount-input-group{display:flex;gap:.5rem}.sspp-discount-input{flex:1;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:border-color .2s}.sspp-discount-input:focus{outline:none;border-color:#667eea}.sspp-apply-discount-btn{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.sspp-apply-discount-btn:hover:not(:disabled){background:#5568d3}.sspp-apply-discount-btn:disabled{opacity:.6;cursor:not-allowed}.sspp-spinner-small{width:16px;height:16px;animation:sspp-spin 1s linear infinite}.sspp-discount-applied{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#d1fae5;border-radius:.5rem;border:2px solid #059669}.sspp-discount-applied-info{display:flex;align-items:center;gap:.5rem;color:#065f46;font-weight:600;font-size:.95rem;flex-wrap:wrap}.sspp-discount-check{width:20px;height:20px;color:#059669;flex-shrink:0}.sspp-discount-percentage{color:#047857;font-weight:700}.sspp-remove-discount-btn{background:transparent;border:none;color:#059669;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:background .2s;flex-shrink:0}.sspp-remove-discount-btn:hover{background:#0596691a}.sspp-remove-discount-btn svg{width:20px;height:20px}.sspp-discount-error{color:#dc2626;font-size:.875rem;margin-top:.5rem}.sspp-price-summary{background:#f9fafb;padding:1.5rem;border-radius:.75rem;margin-bottom:1.5rem}.sspp-price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.sspp-price-row:last-child{margin-bottom:0}.sspp-price-label{color:#6b7280;font-size:1rem}.sspp-price-value{font-weight:600;color:#374151;font-size:1.125rem}.sspp-discount-row{color:#059669}.sspp-discount-value{font-weight:700;color:#059669;font-size:1.125rem}.sspp-divider-modal{height:1px;background:#d1d5db;margin:1rem 0}.sspp-total-row{margin-top:1rem;padding-top:1rem;border-top:2px solid #d1d5db}.sspp-total-row .sspp-price-label{font-weight:700;color:#1f2937;font-size:1.125rem}.sspp-total-value{font-weight:800;color:#667eea;font-size:1.5rem}.sspp-submit-payment-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem;border-radius:.75rem;font-size:1.125rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #667eea66;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.sspp-submit-payment-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea80}.sspp-submit-payment-btn:disabled{opacity:.7;cursor:not-allowed}.sspp-modal-note{text-align:center;color:#6b7280;font-size:.875rem}.sspp-success-container{text-align:center;padding:3rem 2rem}.sspp-success-icon{width:80px;height:80px;color:#10b981;margin:0 auto 1.5rem;animation:sspp-scaleIn .5s}@keyframes sspp-scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.sspp-success-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem}.sspp-whatsapp-notice{background:linear-gradient(135deg,#25d366,#128c7e);padding:1.5rem;border-radius:1rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.sspp-whatsapp-icon{width:40px;height:40px;color:#fff;flex-shrink:0}.sspp-whatsapp-text{color:#fff;font-size:1.125rem;line-height:1.6;margin:0;text-align:right}.sspp-whatsapp-text strong{font-weight:700}.sspp-close-success-btn{background:#667eea;color:#fff;border:none;padding:.875rem 2.5rem;border-radius:.75rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:background .2s}.sspp-close-success-btn:hover{background:#5568d3}@media(max-width:768px){.sspp-hero-title{font-size:2rem}.sspp-hero-description{font-size:1rem}.sspp-plans-grid{grid-template-columns:1fr}.sspp-modal-header{padding:1.5rem 1.5rem .75rem}.sspp-modal-body{padding:0 1.5rem}.sspp-modal-footer{padding:.75rem 1.5rem 1.5rem}.sspp-modal-title{font-size:1.5rem}.sspp-discount-input-group{flex-direction:column}.sspp-apply-discount-btn{width:100%}.sspp-success-container{padding:2rem 1.5rem}.sspp-whatsapp-notice{flex-direction:column;text-align:center}.sspp-whatsapp-text{text-align:center}}*{box-sizing:border-box}.security-management{padding:1rem;max-width:600px;margin:0 auto;font-family:Cairo,Tajawal,-apple-system,sans-serif;direction:rtl}.security-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;color:#fff;margin-bottom:1rem}.header-icon{width:2.5rem;height:2.5rem;flex-shrink:0}.header-text h1{margin:0;font-size:1.4rem;font-weight:700;line-height:1.2}.header-text p{margin:.3rem 0 0;font-size:.9rem;opacity:.95}.info-box{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:10px;padding:.9rem;display:flex;align-items:center;gap:.7rem;margin-bottom:1.5rem;color:#667eea}.info-box svg{flex-shrink:0}.info-box span{font-size:.85rem;line-height:1.4;font-weight:500}.search-box{margin-bottom:1.5rem}.input-wrapper{position:relative;margin-bottom:.75rem}.input-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#999;width:1.2rem;height:1.2rem}.input-wrapper input{width:100%;padding:.9rem 3rem .9rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;font-family:inherit;transition:border-color .2s;text-align:right}.input-wrapper input:focus{outline:none;border-color:#667eea}.input-wrapper input::placeholder{color:#aaa}.search-btn{width:100%;padding:.9rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.search-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.search-btn:disabled{opacity:.6;cursor:not-allowed}.search-btn svg{flex-shrink:0}.user-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.2rem;box-shadow:0 2px 8px #0000000d;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-info-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.avatar{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem;flex-shrink:0}.avatar.large{width:3.5rem;height:3.5rem;font-size:1.5rem}.user-details{flex:1;min-width:0}.user-details h3{margin:0;font-size:1.1rem;font-weight:700;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-details p{margin:.3rem 0 0;font-size:.9rem;color:#666;text-align:right}.reset-btn{width:100%;padding:.9rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.reset-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.reset-btn svg{flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeInOverlay .2s}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:12px;width:100%;max-width:450px;max-height:90vh;overflow-y:auto;animation:slideUp .3s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem;border-bottom:1px solid #f0f0f0}.modal-header h2{margin:0;font-size:1.2rem;font-weight:700;color:#1a1a1a}.close-btn{background:none;border:none;padding:.4rem;cursor:pointer;color:#666;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#1a1a1a}.modal-body{padding:1.2rem}.modal-user{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:10px;margin-bottom:1rem}.modal-user h3{margin:0;font-size:1.05rem;font-weight:700;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-user p{margin:.3rem 0 0;font-size:.85rem;color:#666;text-align:right}.warning-box{display:flex;gap:.8rem;align-items:flex-start;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:10px}.warning-box svg{color:#f59e0b;flex-shrink:0;margin-top:.2rem}.warning-box p{margin:0;color:#92400e;font-size:.85rem;line-height:1.5}.warning-box p.small{font-size:.8rem;margin-top:.4rem;opacity:.9}.warning-box strong{font-weight:700}.modal-footer{display:flex;gap:.75rem;padding:1.2rem;border-top:1px solid #f0f0f0}.btn-cancel,.btn-confirm{flex:1;padding:.85rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all .2s}.btn-cancel{background:#f3f4f6;color:#666}.btn-cancel:hover{background:#e5e7eb}.btn-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}.btn-cancel svg,.btn-confirm svg{flex-shrink:0}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:640px){.security-management,.security-header{padding:2rem}.header-text h1{font-size:1.8rem}.header-text p{font-size:1rem}.info-box{padding:1rem}.info-box span{font-size:.95rem}.search-box{display:flex;gap:.75rem;align-items:stretch}.input-wrapper{flex:1;margin-bottom:0}.search-btn{width:auto;min-width:120px}.user-card{padding:1.5rem}.reset-btn{width:auto;min-width:200px;margin:0 auto}}.protected-route-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f4c75);direction:rtl}.protected-route-loading .loading-container{text-align:center;padding:48px;max-width:480px}.protected-route-loading .loading-spinner{position:relative;width:120px;height:120px;margin:0 auto 32px}.protected-route-loading .spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#3b82f6;border-right-color:#3b82f6;border-radius:50%;animation:protectedSpin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}@keyframes protectedSpin{0%{transform:rotate(0);border-width:4px}50%{transform:rotate(180deg);border-width:2px}to{transform:rotate(360deg);border-width:4px}}.protected-route-loading .spinner-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;animation:protectedPulse 2s ease-in-out infinite}@keyframes protectedPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.85}}.protected-route-loading p{font-size:18px;color:#e0e7ff;font-weight:600;animation:protectedFadeIn .6s ease-out}@keyframes protectedFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.public-route-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);direction:rtl}.public-route-loading .loading-container{text-align:center;padding:48px;max-width:480px}.public-route-loading .loading-spinner{position:relative;width:100px;height:100px;margin:0 auto 24px}.public-route-loading .spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:#3b82f6;border-right-color:#60a5fa;border-radius:50%;animation:publicSpin 1.2s ease-in-out infinite}@keyframes publicSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.public-route-loading .spinner-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;animation:publicBounce 1.5s ease-in-out infinite}@keyframes publicBounce{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.public-route-loading p{font-size:16px;color:#64748b;font-weight:600;animation:publicFadeIn .5s ease-out}@keyframes publicFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.app-loading-x7b9{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f4c75);direction:rtl}.loading-container-x7b9{text-align:center}.loading-spinner-x7b9{position:relative;width:140px;height:140px;margin:0 auto 32px}.spinner-ring-x7b9{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#3b82f6;border-radius:50%;animation:spin-ring-x7b9 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.spinner-ring-2-x7b9{width:85%;height:85%;top:7.5%;left:7.5%;border-top-color:#60a5fa;animation-duration:2s;animation-delay:.2s}.spinner-ring-3-x7b9{width:70%;height:70%;top:15%;left:15%;border-top-color:#93c5fd;animation-duration:2.5s;animation-delay:.4s}.spinner-icon-x7b9{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px}.loading-title-x7b9{font-size:28px;font-weight:700;color:#e0e7ff;margin-bottom:12px}.loading-subtitle-x7b9{font-size:16px;color:#ffffffb3}@keyframes spin-ring-x7b9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}