@import"https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&display=swap";/*! tailwindcss v4.1.12 | 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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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-divide-y-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-tracking: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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@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-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-800:oklch(43.2% .095 166.913);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-400:oklch(74.6% .16 232.661);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--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-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--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-pink-100:oklch(94.8% .028 342.258);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-slate-50:oklch(98.4% .003 247.858);--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-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--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-base:1rem;--text-base--line-height: 1.5 ;--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-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4,0,1,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--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%;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]){appearance:button}::file-selector-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{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.-right-2{right:calc(var(--spacing)*-2)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.-bottom-2{bottom:calc(var(--spacing)*-2)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.left-0{left:calc(var(--spacing)*0)}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.ms-2{margin-inline-start:calc(var(--spacing)*2)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.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-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.h-1{height:calc(var(--spacing)*1)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-26{height:calc(var(--spacing)*26)}.h-32{height:calc(var(--spacing)*32)}.h-\[12\%\]{height:12%}.h-\[calc\(100vh-200px\)\]{height:calc(100vh - 200px)}.h-full{height:100%}.max-h-64{max-height:calc(var(--spacing)*64)}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing)*1)}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing)*2)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-25{width:calc(var(--spacing)*25)}.w-32{width:calc(var(--spacing)*32)}.w-50{width:calc(var(--spacing)*50)}.w-100{width:calc(var(--spacing)*100)}.w-\[100\%\],.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-32{min-width:calc(var(--spacing)*32)}.min-w-\[3rem\]{min-width:3rem}.min-w-\[4rem\]{min-width:4rem}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.origin-left{transform-origin:0}.scale-x-0{--tw-scale-x:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.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-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}: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-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-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-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-100>:not(:last-child)){border-color:var(--color-gray-100)}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-r-xl{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.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-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-200\/50{border-color:#bedbff80}@supports (color:color-mix(in lab,red,red)){.border-blue-200\/50{border-color:color-mix(in oklab,var(--color-blue-200)50%,transparent)}}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-blue-700{border-color:var(--color-blue-700)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\/50{border-color:#e5e7eb80}@supports (color:color-mix(in lab,red,red)){.border-gray-200\/50{border-color:color-mix(in oklab,var(--color-gray-200)50%,transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-green-300{border-color:var(--color-green-300)}.border-green-500{border-color:var(--color-green-500)}.border-orange-500{border-color:var(--color-orange-500)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-yellow-200{border-color:var(--color-yellow-200)}.border-t-blue-600{border-top-color:var(--color-blue-600)}.border-l-blue-500{border-left-color:var(--color-blue-500)}.border-l-transparent{border-left-color:#0000}.bg-black{background-color:var(--color-black)}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-100\/80{background-color:#dbeafecc}@supports (color:color-mix(in lab,red,red)){.bg-blue-100\/80{background-color:color-mix(in oklab,var(--color-blue-100)80%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-300\/50{background-color:#ffb96d80}@supports (color:color-mix(in lab,red,red)){.bg-orange-300\/50{background-color:color-mix(in oklab,var(--color-orange-300)50%,transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.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))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-black\/20{--tw-gradient-from:#0003}@supports (color:color-mix(in lab,red,red)){.from-black\/20{--tw-gradient-from:color-mix(in oklab,var(--color-black)20%,transparent)}}.from-black\/20{--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-50{--tw-gradient-from:var(--color-blue-50);--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-100{--tw-gradient-from:var(--color-blue-100);--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-100\/30{--tw-gradient-from:#dbeafe4d}@supports (color:color-mix(in lab,red,red)){.from-blue-100\/30{--tw-gradient-from:color-mix(in oklab,var(--color-blue-100)30%,transparent)}}.from-blue-100\/30{--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-400\/30{--tw-gradient-from:#54a2ff4d}@supports (color:color-mix(in lab,red,red)){.from-blue-400\/30{--tw-gradient-from:color-mix(in oklab,var(--color-blue-400)30%,transparent)}}.from-blue-400\/30{--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{--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\/0{--tw-gradient-from:#0000}@supports (color:color-mix(in lab,red,red)){.from-blue-500\/0{--tw-gradient-from:color-mix(in oklab,var(--color-blue-500)0%,transparent)}}.from-blue-500\/0{--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-emerald-500{--tw-gradient-from:var(--color-emerald-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-gray-50{--tw-gradient-from:var(--color-gray-50);--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-100{--tw-gradient-from:var(--color-gray-100);--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-300{--tw-gradient-from:var(--color-gray-300);--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-green-50{--tw-gradient-from:var(--color-green-50);--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-green-500{--tw-gradient-from:var(--color-green-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-green-600\/30{--tw-gradient-from:#00a5444d}@supports (color:color-mix(in lab,red,red)){.from-green-600\/30{--tw-gradient-from:color-mix(in oklab,var(--color-green-600)30%,transparent)}}.from-green-600\/30{--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-indigo-500{--tw-gradient-from:var(--color-indigo-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-orange-400{--tw-gradient-from:var(--color-orange-400);--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-orange-500{--tw-gradient-from:var(--color-orange-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-orange-600\/30{--tw-gradient-from:#f051004d}@supports (color:color-mix(in lab,red,red)){.from-orange-600\/30{--tw-gradient-from:color-mix(in oklab,var(--color-orange-600)30%,transparent)}}.from-orange-600\/30{--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-pink-500{--tw-gradient-from:var(--color-pink-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-purple-50{--tw-gradient-from:var(--color-purple-50);--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-purple-500{--tw-gradient-from: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))}.from-sky-400{--tw-gradient-from:var(--color-sky-400);--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-slate-50{--tw-gradient-from:var(--color-slate-50);--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-white{--tw-gradient-from:var(--color-white);--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-yellow-50{--tw-gradient-from:var(--color-yellow-50);--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-yellow-400{--tw-gradient-from:var(--color-yellow-400);--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-yellow-500{--tw-gradient-from:var(--color-yellow-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))}.via-blue-50{--tw-gradient-via:var(--color-blue-50);--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)}.via-purple-100{--tw-gradient-via:var(--color-purple-100);--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)}.via-purple-500{--tw-gradient-via:var(--color-purple-500);--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)}.via-purple-500\/0{--tw-gradient-via:#0000}@supports (color:color-mix(in lab,red,red)){.via-purple-500\/0{--tw-gradient-via:color-mix(in oklab,var(--color-purple-500)0%,transparent)}}.via-purple-500\/0{--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)}.via-purple-600{--tw-gradient-via:var(--color-purple-600);--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-blue-50{--tw-gradient-to:var(--color-blue-50);--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-blue-50\/30{--tw-gradient-to:#eff6ff4d}@supports (color:color-mix(in lab,red,red)){.to-blue-50\/30{--tw-gradient-to:color-mix(in oklab,var(--color-blue-50)30%,transparent)}}.to-blue-50\/30{--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-blue-100{--tw-gradient-to:var(--color-blue-100);--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-blue-600{--tw-gradient-to: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))}.to-emerald-600{--tw-gradient-to:var(--color-emerald-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))}.to-gray-50{--tw-gradient-to:var(--color-gray-50);--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-gray-50\/50{--tw-gradient-to:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.to-gray-50\/50{--tw-gradient-to:color-mix(in oklab,var(--color-gray-50)50%,transparent)}}.to-gray-50\/50{--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-gray-100{--tw-gradient-to:var(--color-gray-100);--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-gray-200{--tw-gradient-to:var(--color-gray-200);--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-gray-500{--tw-gradient-to:var(--color-gray-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-green-100{--tw-gradient-to:var(--color-green-100);--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-green-600{--tw-gradient-to:var(--color-green-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))}.to-indigo-50{--tw-gradient-to:var(--color-indigo-50);--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-indigo-100{--tw-gradient-to:var(--color-indigo-100);--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-indigo-600{--tw-gradient-to:var(--color-indigo-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))}.to-orange-50{--tw-gradient-to:var(--color-orange-50);--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-orange-500{--tw-gradient-to:var(--color-orange-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-orange-600{--tw-gradient-to:var(--color-orange-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))}.to-pink-100{--tw-gradient-to:var(--color-pink-100);--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-pink-500{--tw-gradient-to:var(--color-pink-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-pink-500\/0{--tw-gradient-to:#0000}@supports (color:color-mix(in lab,red,red)){.to-pink-500\/0{--tw-gradient-to:color-mix(in oklab,var(--color-pink-500)0%,transparent)}}.to-pink-500\/0{--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-pink-600{--tw-gradient-to:var(--color-pink-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))}.to-purple-50{--tw-gradient-to:var(--color-purple-50);--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-100{--tw-gradient-to:var(--color-purple-100);--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))}.to-sky-100{--tw-gradient-to:var(--color-sky-100);--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-transparent{--tw-gradient-to:transparent;--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-white{--tw-gradient-to:var(--color-white);--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-yellow-600{--tw-gradient-to:var(--color-yellow-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))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-12{padding:calc(var(--spacing)*12)}.px-2{padding-inline:calc(var(--spacing)*2)}.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-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-3{padding-right:calc(var(--spacing)*3)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.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-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--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))}.text-\[2rem\]{font-size:2rem}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-blue-100{color:var(--color-blue-100)}.text-blue-200{color:var(--color-blue-200)}.text-blue-300{color:var(--color-blue-300)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-800{color:var(--color-emerald-800)}.text-gray-300{color:var(--color-gray-300)}.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-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-100{color:var(--color-green-100)}.text-green-200{color:var(--color-green-200)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-600{color:var(--color-indigo-600)}.text-orange-100{color:var(--color-orange-100)}.text-orange-200{color:var(--color-orange-200)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-pink-600{color:var(--color-pink-600)}.text-purple-100{color:var(--color-purple-100)}.text-purple-200{color:var(--color-purple-200)}.text-purple-300{color:var(--color-purple-300)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow{--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)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}.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-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-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,)}.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,visibility,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-opacity{transition-property:opacity;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}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}@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)}.group-hover\:scale-x-100:is(:where(.group):hover *){--tw-scale-x:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:from-blue-500\/5:is(:where(.group):hover *){--tw-gradient-from:#3080ff0d}@supports (color:color-mix(in lab,red,red)){.group-hover\:from-blue-500\/5:is(:where(.group):hover *){--tw-gradient-from:color-mix(in oklab,var(--color-blue-500)5%,transparent)}}.group-hover\:from-blue-500\/5:is(:where(.group):hover *){--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))}.group-hover\:from-blue-600:is(:where(.group):hover *){--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))}.group-hover\:via-purple-500\/5:is(:where(.group):hover *){--tw-gradient-via:#ac4bff0d}@supports (color:color-mix(in lab,red,red)){.group-hover\:via-purple-500\/5:is(:where(.group):hover *){--tw-gradient-via:color-mix(in oklab,var(--color-purple-500)5%,transparent)}}.group-hover\:via-purple-500\/5:is(:where(.group):hover *){--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)}.group-hover\:to-pink-500\/5:is(:where(.group):hover *){--tw-gradient-to:#f6339a0d}@supports (color:color-mix(in lab,red,red)){.group-hover\:to-pink-500\/5:is(:where(.group):hover *){--tw-gradient-to:color-mix(in oklab,var(--color-pink-500)5%,transparent)}}.group-hover\:to-pink-500\/5:is(:where(.group):hover *){--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))}.group-hover\:to-purple-700:is(:where(.group):hover *){--tw-gradient-to:var(--color-purple-700);--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))}.group-hover\:text-blue-600:is(:where(.group):hover *){color:var(--color-blue-600)}.group-hover\:text-blue-900:is(:where(.group):hover *){color:var(--color-blue-900)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:shadow-xl:is(:where(.group):hover *){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing)*0)}@media (hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-100:hover{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:border-l-gray-300:hover{border-left-color:var(--color-gray-300)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}.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-100\/80:hover{background-color:#f3f4f6cc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-100\/80:hover{background-color:color-mix(in oklab,var(--color-gray-100)80%,transparent)}}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-gradient-to-r:hover{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.hover\:from-blue-50:hover{--tw-gradient-from:var(--color-blue-50);--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))}.hover\:from-gray-200:hover{--tw-gradient-from:var(--color-gray-200);--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))}.hover\:from-orange-600:hover{--tw-gradient-from:var(--color-orange-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))}.hover\:from-purple-600:hover{--tw-gradient-from: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))}.hover\:to-blue-700:hover{--tw-gradient-to:var(--color-blue-700);--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))}.hover\:to-gray-300:hover{--tw-gradient-to:var(--color-gray-300);--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))}.hover\:to-indigo-50:hover{--tw-gradient-to:var(--color-indigo-50);--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))}.hover\:to-purple-700:hover{--tw-gradient-to:var(--color-purple-700);--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))}.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-orange-600:hover{color:var(--color-orange-600)}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);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-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)}.hover\:shadow-sm:hover{--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)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-orange-500:focus{border-color:var(--color-orange-500)}.focus\:border-transparent:focus{border-color:#0000}.focus\:bg-white:focus{background-color:var(--color-white)}.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)}.focus\:ring-gray-500:focus{--tw-ring-color:var(--color-gray-500)}.focus\:ring-orange-500:focus{--tw-ring-color:var(--color-orange-500)}.focus\:ring-purple-500:focus{--tw-ring-color:var(--color-purple-500)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mb-6{margin-bottom:calc(var(--spacing)*6)}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:h-20{height:calc(var(--spacing)*20)}.sm\:h-26{height:calc(var(--spacing)*26)}.sm\:h-28{height:calc(var(--spacing)*28)}.sm\:w-20{width:calc(var(--spacing)*20)}.sm\:w-28{width:calc(var(--spacing)*28)}.sm\:w-50{width:calc(var(--spacing)*50)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-6{gap:calc(var(--spacing)*6)}:where(.sm\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.sm\:space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.sm\: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)))}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (min-width:48rem){.md\:col-span-1{grid-column:span 1/span 1}.md\:w-\[350px\]{width:350px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:gap-6{gap:calc(var(--spacing)*6)}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.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\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}:where(.lg\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}.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))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}:root{--primary:#001bb7;--secondary:#0046ff;--accent:#f60;--secondaryAccent:#e65c00;--text-light:#6b7280;--bg-light:#e9e9e9;--white-bg:white;--mobile:480px;--tablet:768px;--desktop:1024px;--large-desktop:1280px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px;line-height:1.5}body{color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background-color:#f8fafc;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:#111827;margin-bottom:.5em;font-weight:600;line-height:1.25}h1{margin-bottom:1rem;font-size:clamp(1.875rem,4vw,3rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.25rem,2.5vw,1.875rem)}h4{font-size:clamp(1.125rem,2vw,1.5rem)}h5{font-size:clamp(1rem,1.5vw,1.25rem)}h6{font-size:clamp(.875rem,1.25vw,1.125rem)}p{margin-bottom:1rem;line-height:1.7}a{color:inherit;transition:color var(--duration-fast)ease-in-out;text-decoration:none}a:hover{color:var(--primary)}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;transition:all var(--duration-fast)ease-in-out;background:0 0;border:none;margin:0;padding:0}button:focus{outline:2px solid var(--primary);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;transition:border-color var(--duration-fast)ease-in-out,box-shadow var(--duration-fast)ease-in-out;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;margin:0;padding:.5rem .75rem}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #001bb71a}.container-responsive{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container-responsive{max-width:640px;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.container-responsive{max-width:768px}}@media (min-width:1024px){.container-responsive{max-width:1024px}}@media (min-width:1280px){.container-responsive{max-width:1280px}}.grid-responsive{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.grid-responsive{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width:1024px){.grid-responsive{grid-template-columns:repeat(3,1fr);gap:2rem}}@media (min-width:1280px){.grid-responsive{grid-template-columns:repeat(4,1fr)}}.flex-responsive{flex-direction:column;gap:1rem;display:flex}@media (min-width:768px){.flex-responsive{flex-direction:row;gap:1.5rem}}.card-base{transition:all var(--duration-normal)ease-in-out;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card-base:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.modal-overlay{z-index:var(--z-modal);background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border-radius:.75rem;max-width:90vw;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-fade-in{animation:fadeIn var(--duration-normal)ease-in-out}.animate-slide-up{animation:slideUp var(--duration-normal)ease-out}.animate-scale-in{animation:scaleIn var(--duration-normal)ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.space-y-responsive>*+*{margin-top:1rem}@media (min-width:768px){.space-y-responsive>*+*{margin-top:1.5rem}}@media (min-width:1024px){.space-y-responsive>*+*{margin-top:2rem}}.overflow-safe{overflow:hidden auto}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-truncate-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-truncate-3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-contrast:high){:root{--primary:navy;--secondary:#00f;--accent:#ff4500}.card-base{border:2px solid #000}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){:root{--text-light:#9ca3af;--bg-light:#374151;--white-bg:#1f2937}body{color:#f9fafb;background-color:#111827}.card-base{background-color:#1f2937;border-color:#374151}input,textarea,select{color:#f9fafb;background-color:#1f2937;border-color:#374151}}@media print{*{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important}.no-print{display:none!important}.card-base{box-shadow:none;border:1px solid #000}}@media (max-width:479px){.container-responsive{padding-left:.75rem;padding-right:.75rem}.card-base{padding:1rem}h1{font-size:1.5rem}h2{font-size:1.25rem}}@media (min-width:480px) and (max-width:767px){.container-responsive{padding-left:1rem;padding-right:1rem}}@media (min-width:1024px){.container-responsive{padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.container-responsive{padding-left:3rem;padding-right:3rem}}@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}@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-divide-y-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-tracking{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-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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.floating-shapes{position:absolute;margin-left:30%;top:0;left:0;width:100%;height:100%;z-index:-1}.shape{position:absolute;opacity:.6;animation:float 15s infinite ease-in-out}.circle{border-radius:50%;background-color:#ff9aa2}.triangle{width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:50px solid #ffb7b2}.star{color:#ffdfba;font-size:30px}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}to{transform:translateY(0) rotate(0)}}.header{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:2rem 1rem;text-align:center;position:relative;overflow:hidden;min-height:950px;margin-top:17rem}.header-section{display:flex;justify-content:center;align-items:center}.hero{max-width:1200px;margin:0 auto;position:relative;z-index:2}h1{font-size:3.5rem;margin:.5rem 0;text-shadow:0 4px 8px rgba(0,0,0,.2)}.tagline{font-size:1.5rem;margin-bottom:2rem;opacity:.9}.hero-text{flex:1;text-align:center}.hero-image{flex:1;position:relative}.main-image{max-width:100%;height:auto;border-radius:15px;box-shadow:0 10px 20px #0000001a;transition:transform .3s ease;flex:1 1 300px;min-width:250px;max-width:350px;margin:.5rem;transform:rotate(3deg);animation:float 6s ease-in-out infinite}@media (max-width: 1024px){.main-image{flex-basis:250px;max-width:300px}.cta-buttons{flex-direction:column;align-items:center}.cta-button{width:200px;text-align:center}}@media (max-width: 768px){.hero-image{gap:15px}.main-image{flex-basis:200px;max-width:250px}}@media (max-width: 576px){.hero-image{flex-direction:column;align-items:center}.main-image{width:80%;max-width:100%;flex-basis:auto}}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.cta-button{display:inline-block;background-color:var(--accent);color:var(--dark);padding:1rem 2rem;border-radius:50px;font-weight:700;text-decoration:none;margin:.5rem;transition:all .3s;box-shadow:0 4px 12px #0000001a}.school-button{background-color:#667eea;color:#fff;border:2px solid rgba(255,255,255,.3)}.parent-button{background-color:#764ba2;color:#fff;border:2px solid rgba(255,255,255,.3)}.cta-secondary{background:#fff;color:var(--primary)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0003}.courses{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:1rem;padding:3rem 1rem;max-width:1500px;margin:0 auto}.course-card{background:#fff;border-radius:16px;width:300px;overflow:hidden;box-shadow:0 8px 24px #0000001a;transition:transform .3s}.course-card:hover{transform:translateY(-10px)}.course-image{height:180px;background:linear-gradient(45deg,#6c4df6,#00e0c7);display:flex;align-items:center;justify-content:center;font-size:4rem;color:#fff}.course-content{padding:1.5rem}.course-title{font-size:1.5rem;margin:0 0 .5rem}.navbar{position:fixed;top:0;left:0;width:100%;padding:1rem 2rem;background-color:#1c1c2ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:all .3s ease}#nav-contact-info{display:flex;flex-wrap:wrap;justify-content:space-between}.navbar.scrolled{background-color:#1c1c2efa;box-shadow:0 4px 12px #0000001a;padding:.5rem 2rem}.navbar{width:100%;font-family:Arial,sans-serif}.contact-bar{background-color:#f8f9fa;padding:8px 0;border-bottom:1px solid #e9ecef}.contact-info{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;gap:20px;font-size:14px;color:#6c757d}.phone,.email{display:flex;align-items:center}.phone:before{content:"📞";margin-right:5px}.email:before{content:"✉️";margin-right:5px}.main-nav{background-color:#fff;box-shadow:0 2px 4px #0000001a}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:60px}.nav-links{display:flex;gap:20px}.nav-item{position:relative}.nav-link{background:none;border:none;font-size:16px;color:#333;cursor:pointer;padding:10px 0;transition:color .3s}.nav-link:hover{color:#007bff}.dropdown-menu{position:absolute;top:100%;left:0;background-color:#fff;min-width:200px;box-shadow:0 8px 16px #0000001a;border-radius:4px;z-index:1000;padding:10px 0}.dropdown-item{display:block;padding:8px 20px;color:#333;text-decoration:none;transition:background-color .3s}.dropdown-item:hover{background-color:#f8f9fa}.section-links{display:flex;gap:15px}.section-link{font-size:14px;color:#333;text-decoration:none;padding:5px 10px;border-radius:4px;transition:all .3s}.section-link:hover{color:#007bff}.section-link.highlight{background-color:#007bff;color:#fff}.section-link.highlight:hover{background-color:#0069d9}.mobile-menu-button{display:none;background:none;border:none;font-size:24px;cursor:pointer}.mobile-menu{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#fff;box-shadow:0 4px 6px #0000001a;z-index:1000;padding:20px;transform:translateY(-100%);opacity:0;transition:all .3s ease}.mobile-nav-item{margin-bottom:15px}.mobile-nav-link{background:none;border:none;font-size:16px;color:#333;cursor:pointer;padding:8px 0;display:flex;align-items:center}.mobile-dropdown{padding-left:15px;margin-top:5px}.mobile-dropdown-item{display:block;padding:8px 0;color:#6c757d;text-decoration:none}.mobile-section-links{display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.mobile-section-link{font-size:14px;color:#333;text-decoration:none;padding:8px 0}.mobile-section-link.highlight{color:#007bff;font-weight:700}@media (max-width: 992px){.nav-links,.section-links{display:none}.mobile-menu-button,.mobile-menu{display:block}}@media (max-width: 576px){.contact-info{flex-direction:column;gap:5px;text-align:center}}.contact-bar{color:#f8f9fa;padding:8px 0;border-bottom:1px solid #e9ecef}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:100%;margin:0 auto}.navbar-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.logo-icon{font-size:1.8rem}.navbar-links{display:flex;justify-content:space-between;gap:2rem}.nav-link{color:#fff;text-decoration:none;font-weight:500;transition:color .3s;position:relative}.nav-link:hover{color:var(--accent)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--accent);transition:width .3s}.nav-link:hover:after{width:100%}.navbar-cta{display:flex;justify-content:center;flex-wrap:wrap;width:20%}.navbar-cta .cta-button{padding:.6rem 1.5rem;font-size:.9rem}.mobile-menu-button{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.mobile-menu{display:none;flex-direction:column;background-color:var(--dark);padding:1rem 2rem;position:absolute;top:100%;left:0;width:100%;box-shadow:0 4px 6px #0000001a;transform:translateY(-100%);opacity:0;transition:all .3s ease}.mobile-menu.open{transform:translateY(0);opacity:1}.mobile-nav-link{color:#fff;text-decoration:none;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-cta{display:inline-block;background-color:var(--accent);color:var(--dark);padding:.8rem;border-radius:8px;font-weight:700;text-decoration:none;margin-top:1rem;text-align:center}@media (max-width: 768px){.navbar-links,.navbar-cta{display:none}.mobile-menu-button{display:block}.mobile-menu{display:flex}}.about-section{padding:5rem 2rem;background-color:var(--light);position:relative;overflow:hidden}.about-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}.about-tabs{display:flex;justify-content:center;margin-bottom:2rem;gap:1rem}.tab-button{padding:.8rem 1.5rem;background:none;border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s;color:var(--dark);opacity:.7}.tab-button:hover{opacity:1;background-color:#6c4df61a}.tab-button.active{opacity:1;background-color:var(--primary);color:#fff}.tab-content{background-color:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 24px #0000000d;margin-bottom:3rem;min-height:300px}.mission-content{display:flex;gap:3rem;align-items:center}.mission-text{flex:1}.mission-text h3{font-size:1.8rem;margin-bottom:1rem;color:var(--primary)}.mission-text p{margin-bottom:1rem;line-height:1.6}.mission-image{flex:1;position:relative;min-height:300px;display:flex;align-items:center;justify-content:center}.mission-illustration{font-size:4rem;z-index:2}.floating-code{position:absolute;font-family:Space Mono,monospace;opacity:.6;font-size:14px;animation:float 8s infinite ease-in-out}.story-timeline{position:relative;padding-left:100px}.timeline-item{position:relative;margin-bottom:2rem}.timeline-year{position:absolute;left:-100px;top:0;font-weight:700;color:var(--primary)}.timeline-dot{position:absolute;left:-30px;top:5px;width:16px;height:16px;border-radius:50%;background-color:var(--accent);border:3px solid white;box-shadow:0 0 0 2px var(--accent)}.timeline-text h4{font-size:1.2rem;margin-bottom:.5rem}.team-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.team-card{background-color:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 4px 12px #0000000d;transition:transform .3s}.team-card:hover{transform:translateY(-5px)}.team-emoji{font-size:2.5rem;margin-bottom:1rem}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;text-align:center}.stat-item{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d}.stat-value{font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.stat-label{color:var(--dark);opacity:.8}@media (max-width: 768px){.mission-content{flex-direction:column}.story-timeline{padding-left:60px}.timeline-year{left:-60px}.section-title{font-size:2rem}}.why-choose-us-section{padding:5rem 2rem;background-color:#fff;position:relative;overflow:hidden}.why-choose-us-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--dark)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem}.feature-card{background-color:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 24px #00000014;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.feature-card.active{box-shadow:0 12px 32px #0000001f}.card-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1.5rem;color:#fff;transition:transform .3s}.feature-card:hover .card-icon{transform:rotate(15deg) scale(1.1)}.card-title{font-size:1.5rem;margin-bottom:1rem;color:var(--dark)}.card-description{color:var(--dark);opacity:.8;line-height:1.6}.card-highlight{position:absolute;bottom:0;left:0;width:100%;height:4px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.feature-card:hover .card-highlight{transform:scaleX(1)}.testimonials{background-color:var(--light);border-radius:16px;padding:2rem;margin-top:2rem}.testimonials-title{text-align:center;font-size:1.8rem;margin-bottom:2rem;color:var(--primary)}.testimonial-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.testimonial-card{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;position:relative}.testimonial-card:before{content:'"';position:absolute;top:10px;left:15px;font-size:4rem;color:#6c4df61a;font-family:serif;line-height:1}.testimonial-content{position:relative;z-index:2;font-style:italic;margin-bottom:1rem;line-height:1.6}.testimonial-author{display:flex;align-items:center;gap:.5rem}.author-emoji{font-size:1.2rem}.author-name{font-weight:600;color:var(--primary)}@media (max-width: 768px){.section-title{font-size:2rem}.features-grid,.testimonial-cards{grid-template-columns:1fr}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating-emoji{position:absolute;font-size:2rem;animation:float 4s infinite ease-in-out;opacity:.7;z-index:1}.contact-section{padding:5rem 2rem;background-color:#f8f9fa}.contact-container{max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#1a1a2e}.title-icon{display:inline-block;margin-right:.5rem}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.contact-info{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000000d}.contact-info h3{font-size:1.8rem;margin-bottom:1.5rem;color:#6c4df6}.info-item{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.info-icon{font-size:1.5rem;width:50px;height:50px;background-color:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center}.info-item h4{font-size:1.2rem;margin-bottom:.3rem;color:#333}.info-item p{color:#666;margin:0}.social-links{display:flex;gap:1rem;margin-top:2rem}.social-link{display:inline-block;width:40px;height:40px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s;text-decoration:none}.social-link:hover{background-color:#6c4df6;color:#fff;transform:translateY(-3px)}.contact-form{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000000d}.contact-form h3{font-size:1.8rem;margin-bottom:1.5rem;color:#6c4df6}.form-group input,.form-group textarea{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6c4df6}.submit-button{background-color:#6c4df6;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;width:100%}.submit-button:hover{background-color:#5a3dd9;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.contact-content{grid-template-columns:1fr}.section-title{font-size:2rem}}.footer{background-color:var(--dark);color:#fff;padding:4rem 2rem 2rem;position:relative;overflow:hidden}.footer-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}.footer-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.logo-icon{font-size:2rem}.footer-mission{opacity:.8;line-height:1.6;margin-bottom:1.5rem}.footer-social{display:flex;gap:1rem}.social-link{display:inline-block;width:40px;height:40px;border-radius:50%;background-color:#ffffff1a;display:flex;align-items:center;justify-content:center;transition:all .3s}.social-link:hover{background-color:var(--primary);transform:translateY(-3px)}.social-icon{font-size:1.2rem}.footer-column{margin-bottom:1.5rem}.footer-heading{font-size:1.2rem;margin-bottom:1.5rem;position:relative;padding-bottom:.5rem}.footer-heading:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background-color:var(--accent)}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:.8rem}.footer-link{color:#fffc;text-decoration:none;transition:all .3s}.footer-link:hover{color:var(--accent);padding-left:5px}.footer-text{opacity:.8;line-height:1.6;margin-bottom:1rem}.newsletter-form{display:flex;flex-direction:column;gap:.5rem}.newsletter-input{padding:.8rem;border-radius:8px;border:none;background-color:#ffffff1a;color:#fff;font-size:1rem}.newsletter-input::placeholder{color:#fff9}.newsletter-input:focus{outline:2px solid var(--accent);background-color:#fff3}.newsletter-button{padding:.8rem;border-radius:8px;border:none;background-color:var(--primary);color:#fff;font-weight:700;cursor:pointer;transition:all .3s}.newsletter-button:hover{background-color:var(--accent);transform:translateY(-2px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.footer-copyright{opacity:.7;font-size:.9rem}.footer-legal{display:flex;gap:1.5rem}.legal-link{color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:all .3s}.legal-link:hover{color:var(--accent)}.footer-emoji{position:absolute;font-size:3rem;opacity:.1;animation:float 6s infinite ease-in-out;z-index:1}.footer-emoji:nth-child(1){bottom:20%;left:5%;animation-delay:0s}.footer-emoji:nth-child(2){top:20%;right:10%;animation-delay:1s}.footer-emoji:nth-child(3){bottom:10%;right:20%;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@media (max-width: 768px){.footer-main{grid-template-columns:1fr;gap:2rem}.footer-brand{max-width:100%}.footer-bottom{flex-direction:column;text-align:center}.footer-legal{margin-top:1rem}}.class-access-container{display:flex;min-height:100vh;font-family:Rubik,sans-serif}.animation-scene{flex:1;background-color:#e8f4f8;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.classroom{width:80%;height:70%;background-color:#f5f5f5;border-radius:20px;position:relative;box-shadow:0 10px 30px #0000001a}.board{position:absolute;top:20px;left:50%;transform:translate(-50%);width:80%;height:100px;background-color:#333;border-radius:8px}.teacher-desk{position:absolute;bottom:150px;left:50%;transform:translate(-50%);width:120px;height:60px;background-color:#8b4513;border-radius:4px}.student-desks{position:absolute;bottom:50px;width:100%;display:flex;justify-content:space-around}.desk{width:80px;height:50px;background-color:sienna;border-radius:4px}.teacher{position:absolute;bottom:210px;left:50%;transform:translate(-50%);z-index:10}.teacher-head{width:60px;height:60px;background-color:gold;border-radius:50%;position:relative}.teacher .eye{position:absolute;width:10px;height:10px;background-color:#333;border-radius:50%;top:20px}.teacher .eye.left{left:15px}.teacher .eye.right{right:15px}.teacher .mouth{position:absolute;width:30px;height:10px;background-color:#333;border-radius:0 0 10px 10px;bottom:15px;left:15px}.teacher.animate .eye{animation:blink .3s 2}.student{position:absolute;bottom:100px;left:40%;z-index:10}.student-head{width:40px;height:40px;background-color:#ffa07a;border-radius:50%;position:relative}.student .eye{position:absolute;width:8px;height:8px;background-color:#333;border-radius:50%;top:15px}.student .eye.left{left:8px}.student .eye.right{right:8px}.student .mouth{position:absolute;width:20px;height:8px;background-color:#333;border-radius:0 0 8px 8px;bottom:10px;left:10px}.student.animate .happy{border-radius:8px 8px 0 0}.student.animate{animation:bounce .5s 3}@keyframes blink{0%,to{height:10px}50%{height:2px}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.access-form{flex:1;padding:4rem;display:flex;flex-direction:column;justify-content:center;background-color:#fff}.access-form h2{font-size:2.5rem;color:#2d3748;margin-bottom:.5rem}.subtitle{color:#718096;margin-bottom:2rem}.otp-area{width:70%;margin:20px aouto;display:flex;gap:10px}input{width:50px;padding:10px;outline:none;text-align:center}h3{color:#ff6b88;font-size:2.2rem;text-shadow:2px 2px 0px rgba(0,0,0,.1)}.editor-container{display:flex;height:100vh;width:100vw;overflow:hidden}.code-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.preview-container{height:100%;display:flex;flex-direction:column}.code-section{flex:1;display:flex;flex-direction:column;min-height:0;border-bottom:1px solid #ddd}.section-header{display:flex;justify-content:space-evenly;background-color:#f5f5f5;border-bottom:1px solid #ddd;font-weight:700;color:#333}.code-editor{flex:1;padding:10px;border:none;resize:none;font-family:Courier New,monospace;font-size:20px;background-color:#000;outline:none;color:#0f0}.preview-iframe{flex:1;width:100%;border:none;background-color:#fff}.gutter{background-color:#f0f0f0;background-repeat:no-repeat;background-position:50%}.gutter.gutter-horizontal{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==);cursor:col-resize}.matrix{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.matrix-rain{position:absolute;color:#0f0;writing-mode:vertical-rl;text-orientation:upright;opacity:.3;overflow:hidden;font-size:18px;text-shadow:0 0 3px #0f0}:root{--color1: #FF6B6B;--color2: #4ECDC4;--color3: #FFE66D;--color4: #7DCEA0;--color5: #FFA5A5;--color6: #A5D8FF}.code-editor-container{margin:0 auto;padding:20px;display:flex;justify-content:space-between}h1{font-family:Fredoka One,cursive;color:var(--color1);text-align:center;font-size:2.5rem;text-shadow:3px 3px 0 var(--color3);margin-bottom:10px}.subtitle{text-align:center;color:var(--color2);font-size:1.2rem;margin-bottom:30px}.action-bar{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.action-btn{display:flex;align-items:center;padding:12px 20px;background-color:var(--color6);color:#fff;border:none;border-radius:50px;font-family:Fredoka One,cursive;font-size:1.1rem;cursor:pointer;transition:all .3s;box-shadow:0 5px #8bb8e0}.action-btn:hover{transform:translateY(-3px);box-shadow:0 8px #8bb8e0}.action-btn i{margin-right:10px;font-size:1.2rem}.action-btn.download{background-color:var(--color4);box-shadow:0 5px #6bb58c}.action-btn.download:hover{box-shadow:0 8px #6bb58c}.action-btn.post{background-color:var(--color5);box-shadow:0 5px #e68a8a}.action-btn.post:hover{box-shadow:0 8px #e68a8a}.action-btn.host{background-color:var(--color1);box-shadow:0 5px #cc4747}.action-btn.host:hover{box-shadow:0 8px #cc4747}.action-btn.run{background-color:var(--color2);box-shadow:0 5px #3da89e}.action-btn.run:hover{box-shadow:0 8px #3da89e}.editor-container{background-color:#fff;border-radius:3px;overflow:hidden;box-shadow:0 10px 20px #0000001a;border:2px solid var(--color3)}.exam-room{max-width:1000px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.exam-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.exam-timer{font-size:1.2rem;font-weight:700}.exam-timer .time{color:#e74c3c;font-size:1.3rem}.exam-progress{margin-bottom:30px}.progress-bar{height:10px;background-color:#f0f0f0;border-radius:5px;margin-bottom:5px;overflow:hidden}.progress-fill{height:100%;background-color:#6c4df6;transition:width .3s ease}.progress-text{text-align:right;color:#666;font-size:.9rem}.exam-question{background-color:#fff;border-radius:8px;padding:25px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.question-text h3{margin-top:0;color:#333;font-size:1.3rem}.multiple-choice-options{margin-top:20px}.option{margin:10px 0;padding:12px 15px;background-color:#f9f9f9;border-radius:6px;cursor:pointer;transition:background-color .2s}.option:hover{background-color:#f0f0f0}.option input[type=radio]{margin-right:10px}.essay-answer textarea{width:100%;min-height:150px;padding:12px;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem;resize:vertical;margin-top:15px}.char-count{text-align:right;color:#666;font-size:.9rem;margin-top:5px}.exam-navigation{display:flex;justify-content:space-between;margin-top:30px}.exam-navigation button{padding:10px 20px;border:none;border-radius:6px;background-color:#6c4df6;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .2s}.exam-navigation button:hover{background-color:#5a3dd9}.exam-navigation button:disabled{background-color:#ccc;cursor:not-allowed}.exam-navigation .submit-exam{background-color:#e74c3c}.exam-navigation .submit-exam:hover{background-color:#c0392b}.question-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;justify-content:center}.question-nav-btn{width:40px;height:40px;border-radius:50%;border:1px solid #ddd;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.question-nav-btn:hover{background-color:#f0f0f0}.question-nav-btn.active{background-color:#6c4df6;color:#fff;border-color:#6c4df6}.question-nav-btn.answered{background-color:#2ecc71;color:#fff;border-color:#2ecc71}.exam-loading,.exam-submitted{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}.exam-submitted h2{color:#2ecc71;margin-bottom:20px}.exam-submitted button{margin-top:20px;padding:12px 25px;background-color:#6c4df6;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer}.question-list{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.question-nav-btn{width:40px;height:40px;border:2px solid #e9ecef;border-radius:50%;background:#fff;color:#495057;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.question-nav-btn:hover{border-color:#007bff;background:#f8f9fa}.question-nav-btn.active{background:#007bff;color:#fff;border-color:#007bff}.question-nav-btn.answered{background:#28a745;color:#fff;border-color:#28a745}.exam-start{max-width:800px;margin:50px auto;background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center}.exam-info h2{color:#333;margin-bottom:30px;font-size:2rem}.exam-details{text-align:left;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px}.exam-details p{margin:10px 0;font-size:1.1rem}.exam-instructions{margin-top:20px;padding:15px;background:#e3f2fd;border-radius:8px;border-left:4px solid #2196f3}.exam-instructions h3{margin:0 0 10px;color:#1976d2}.exam-warning{margin:30px 0;padding:20px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;text-align:left}.exam-warning p{margin:8px 0;color:#856404}.start-exam-btn{background:#28a745;color:#fff;border:none;padding:15px 40px;border-radius:8px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease}.start-exam-btn:hover{background:#218838;transform:translateY(-2px)}.exam-submitted{max-width:800px;margin:50px auto;background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center}.submission-result h2{color:#28a745;margin-bottom:30px;font-size:2rem}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:30px 0}.stat-item{background:#f8f9fa;padding:20px;border-radius:8px;text-align:center}.stat-label{display:block;font-size:.9rem;color:#6c757d;margin-bottom:8px}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:#333}.result-message{margin:30px 0;padding:20px;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724}.return-btn{background:#007bff;color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.return-btn:hover{background:#0056b3}.exam-loading,.exam-error{max-width:600px;margin:100px auto;text-align:center;background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #0000001a}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}.exam-error h2{color:#dc3545;margin-bottom:20px}.exam-error button{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;margin-top:20px}.exam-error button:hover{background:#0056b3}.deactivate-section{margin-top:20px;padding:20px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px}.deactivate-section p{margin-bottom:15px;color:#856404;font-weight:500}.button-group{display:flex;gap:15px;flex-wrap:wrap}.deactivate-btn{background:#dc3545!important;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.deactivate-btn:hover{background:#c82333!important}.cancel-btn{background:#6c757d!important;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.cancel-btn:hover{background:#5a6268!important}@media (max-width: 768px){.exam-room{padding:10px}.exam-header{flex-direction:column;gap:15px;text-align:center}.exam-navigation{flex-direction:column;gap:15px}.question-list{order:-1}.result-stats{grid-template-columns:1fr}}.student-details{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:20px;border-left:4px solid #6C4DF6}.student-details h3{color:#2c3e50;margin-bottom:15px;font-size:1.3rem}.student-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.info-label{font-weight:600;color:#555;font-size:.9rem}.cbc-results{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:25px;margin-bottom:20px;color:#fff}.cbc-results h3{margin-bottom:20px;font-size:1.4rem;text-align:center}.cbc-grade-container{text-align:center}.cbc-grade{display:inline-block;padding:15px 30px;border-radius:25px;font-size:1.2rem;font-weight:700;margin-bottom:15px;box-shadow:0 4px 15px #0003}.cbc-grade.exceeding-expectations{background:linear-gradient(45deg,#4caf50,#45a049)}.cbc-grade.meeting{background:linear-gradient(45deg,#2196f3,#1976d2)}.cbc-grade.approaching{background:linear-gradient(45deg,#ff9800,#f57c00)}.cbc-grade.below{background:linear-gradient(45deg,#f44336,#d32f2f)}.cbc-label{display:block;font-size:.9rem;margin-bottom:5px;opacity:.9}.cbc-value{font-size:1.4rem}.cbc-description{font-size:1rem;opacity:.95;line-height:1.5}.results-actions{text-align:center;margin:20px 0}.detailed-results-btn{background:linear-gradient(45deg,#6c4df6,#8b5cf6);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6c4df64d}.detailed-results-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c4df666}.results-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.overlay-content{background:#fff;border-radius:15px;max-width:800px;max-height:90vh;width:100%;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.overlay-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #eee;background:#f8f9fa;border-radius:15px 15px 0 0}.overlay-header h3{margin:0;color:#2c3e50;font-size:1.5rem}.close-overlay{background:#e74c3c;color:#fff;border:none;width:35px;height:35px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-overlay:hover{background:#c0392b;transform:scale(1.1)}.detailed-results{padding:25px}.questions-breakdown{display:flex;flex-direction:column;gap:20px}.question-result{border:2px solid #eee;border-radius:12px;padding:20px;transition:all .3s ease}.question-result.correct{border-color:#4caf50;background:linear-gradient(135deg,#f8fff8,#e8f5e8)}.question-result.incorrect{border-color:#f44336;background:linear-gradient(135deg,#fff8f8,#ffe8e8)}.question-header h4{margin:0;color:#2c3e50;font-size:1.2rem}.result-badge{padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:600}.result-badge.correct{background:#4caf50;color:#fff}.result-badge.incorrect{background:#f44336;color:#fff}.question-text{font-size:1.1rem;color:#2c3e50;margin-bottom:15px;line-height:1.5}.options{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.option{padding:12px 15px;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;display:flex;justify-content:space-between;align-items:center}.option.selected{border-color:#6c4df6;background:#f0f0ff}.option.correct-answer{border-color:#4caf50;background:#e8f5e8}.option.selected.correct-answer{border-color:#4caf50;background:#d4edda}.correct-indicator,.incorrect-indicator{font-size:1.2rem;font-weight:700}.correct-indicator{color:#4caf50}.incorrect-indicator{color:#f44336}.answer-details{background:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #6C4DF6}.answer-details p{margin:5px 0;color:#2c3e50}@media (max-width: 768px){.student-info{grid-template-columns:1fr}.overlay-content{margin:10px;max-height:95vh}.overlay-header{padding:15px 20px}.detailed-results{padding:20px}.cbc-grade{padding:12px 20px;font-size:1rem}}:root{--color1: #FF6B6B;--color2: #4ECDC4;--color3: #FFE66D;--color4: #7DCEA0;--color5: #FFA5A5;--color6: #A5D8FF;--text-dark: #2D3436;--text-light: #F7F1E3}.sticky-header{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;background:linear-gradient(135deg,var(--color1),var(--color5));padding:1rem 4rem;box-shadow:0 4px 12px #0000001a;border-bottom:5px dashed var(--color3)}.notes-header .notes-header-container{margin:1rem}.back-btn{display:inline-flex;align-items:center;color:#fff;text-decoration:none;font-size:1rem;margin-bottom:.5rem;background-color:var(--color2);padding:.5rem 1rem;border-radius:10px;transition:all .3s;gap:1rem;height:50px}.back-btn:hover{transform:scale(1.05);background-color:var(--color4)}.back-btn i{margin-right:8px}.notes-header h1{font-family:Fredoka One,cursive;margin:.5rem 0;color:#fff;font-size:2.5rem;text-shadow:3px 3px 0 var(--color2);letter-spacing:1px}.topic-meta{display:flex;gap:1rem;margin-top:.5rem}.difficulty-level{height:50px;padding:1rem 4rem;display:flex;justify-content:center;align-content:center;border-radius:50px;font-weight:700;background-color:#fff;color:var(--color1);box-shadow:0 3px 0 var(--color1)}.duration-estimate{display:flex;align-items:center;color:#fff;font-weight:700}.duration-estimate i{margin-right:8px}.notes-container{display:flex;gap:2rem;margin:2rem auto}.notes-sidebar{width:250px;position:sticky;top:20px;align-self:flex-start}.sidebar-section{background-color:#fff;border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 6px 0 var(--color6);border:3px solid var(--color6)}.sidebar-section h3{font-family:Fredoka One,cursive;margin-top:0;color:var(--color1);font-size:1.3rem;border-bottom:3px dotted var(--color3);padding-bottom:.5rem}.contents-list{list-style:none;padding:0;margin:1rem 0 0}.contents-list li{margin-bottom:.8rem}.contents-list a{display:block;padding:.8rem 1rem;background-color:var(--color6);color:var(--text-dark);text-decoration:none;border-radius:15px;transition:all .3s;font-weight:700;position:relative;overflow:hidden}.contents-list a:hover{background-color:var(--color2);color:#fff;transform:translateY(-3px)}.contents-list a.active{background-color:var(--color1);color:#fff;box-shadow:0 4px #cc4747}.contents-list a.active:after{content:"👉";position:absolute;right:10px}.notes-content{flex:1;background-color:#fff;border-radius:30px;padding:2rem;box-shadow:0 8px 0 var(--color4);border:4px solid var(--color4)}.note-section{margin-bottom:3rem;scroll-margin-top:100px}.note-section h2{font-family:Fredoka One,cursive;color:var(--color1);margin-top:0;font-size:1.8rem;background-color:var(--color3);display:inline-block;padding:.5rem 1.5rem;border-radius:50px;transform:rotate(-2deg);box-shadow:5px 5px 0 var(--color2)}.concept-image{margin:2rem 0;text-align:center;border-radius:20px;padding:10px;background-color:#fff}.concept-image img{width:50rem;max-width:100%;height:auto;border-radius:15px}.image-caption{font-size:.9rem;color:var(--color1);margin-top:.8rem;font-weight:700;font-style:italic}.key-point{background-color:var(--color6);border-radius:20px;padding:1.5rem;margin:2rem 0;position:relative;overflow:hidden}.key-point:before{content:"💡";position:absolute;font-size:3rem;right:20px;top:10px;opacity:.2}.key-point h4{font-family:Fredoka One,cursive;color:var(--color1);margin-top:0;font-size:1.3rem}.key-point ul{padding-left:1.5rem}.key-point li{margin-bottom:.5rem;position:relative}.key-point li:before{content:"🐵";margin-right:8px}pre{background-color:#2d3436;border-radius:20px;padding:1.5rem;overflow-x:auto;margin:2rem 0;box-shadow:0 8px #1a1d1f;position:relative}pre:before{content:"";position:absolute;top:10px;left:15px;width:15px;height:15px;border-radius:50%;background-color:#ff5f56;box-shadow:25px 0 #ffbd2e,50px 0 #27c93f}code{font-family:Fira Code,Courier New,monospace;font-size:.9rem}.code-explanation{background-color:var(--color3);padding:1.5rem;border-radius:20px;margin:2rem 0;border:3px dashed var(--color1)}.code-explanation h4{font-family:Fredoka One,cursive;color:var(--color1);margin-top:0}.code-explanation ol{padding-left:1.5rem}.code-explanation li{margin-bottom:.8rem;font-weight:700}.code-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.code-example{background-color:#fff;border-radius:20px;box-shadow:0 6px 0 var(--color6);border:3px solid var(--color6);overflow:hidden}.code-example h4{margin:0;padding:1rem;background-color:var(--color2);color:#fff;font-family:Fredoka One,cursive;font-size:1rem}.interactive-demo{margin:3rem 0}.interactive-demo h4{font-family:Fredoka One,cursive;color:var(--color1);font-size:1.3rem;background-color:var(--color3);display:inline-block;padding:.5rem 1.5rem;border-radius:50px;transform:rotate(2deg);box-shadow:5px 5px 0 var(--color4)}.demo-container{border:4px solid var(--color5);border-radius:20px;overflow:hidden;box-shadow:0 8px #e68a8a;margin-top:1.5rem}.code-editor{background-color:#2d3436;color:#d4d4d4}.editor-header{padding:.8rem 1rem;background-color:#252526;font-family:Fredoka One,cursive;font-size:.9rem;color:#fff}.editor-body{width:100%;min-height:150px;padding:1rem;background-color:#2d3436;color:#d4d4d4;border:none;resize:vertical;font-family:Fira Code,Courier New,monospace;font-size:.9rem;line-height:1.5}.run-btn{display:block;width:100%;padding:1rem;background-color:var(--color1);color:#fff;border:none;font-family:Fredoka One,cursive;font-size:1.1rem;cursor:pointer;transition:all .3s}.run-btn:hover{background-color:#e05555;letter-spacing:1px}.output-panel{background-color:#fff}.output-header{padding:.8rem 1rem;background-color:var(--color4);color:#fff;font-family:Fredoka One,cursive}.output-body{padding:1rem;min-height:50px;font-family:Fira Code,monospace;white-space:pre-wrap;background-color:#f0f0f0}.example-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.example-card{background-color:#fff;border-radius:20px;box-shadow:0 6px 0 var(--color3);border:3px solid var(--color3);overflow:hidden;transition:all .3s}.example-card:hover{transform:translateY(-10px) rotate(2deg);box-shadow:0 16px 0 var(--color3)}.example-card h4{margin:0;padding:1rem;background-color:var(--color4);color:#fff;font-family:Fredoka One,cursive}.notes-footer{background:linear-gradient(135deg,var(--color2),var(--color4));padding:2rem 0;border-top:5px dashed var(--color3);margin-top:3rem}.progress-tracker{text-align:center;color:#fff}.progress-value{font-family:Fredoka One,cursive;font-size:1.5rem;color:#fff;text-shadow:2px 2px 0 var(--color1)}.progress-bar{height:20px;background-color:#ffffff4d;border-radius:10px;margin:1rem auto;max-width:400px;overflow:hidden;border:3px solid white}.progress-fill{height:100%;background-color:var(--color3);border-radius:8px;transition:width .5s ease;box-shadow:inset 0 0 10px #0003}.next-topic-btn{display:inline-flex;align-items:center;padding:1rem 2rem;background-color:var(--color1);color:#fff;border:none;border-radius:50px;font-family:Fredoka One,cursive;font-size:1.2rem;cursor:pointer;transition:all .3s;box-shadow:0 6px #cc4747;margin-top:1rem}.next-topic-btn:hover{background-color:#e05555;transform:translateY(-3px);box-shadow:0 9px #cc4747}.next-topic-btn i{margin-left:8px;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@media (max-width: 992px){.notes-container{flex-direction:column}.notes-sidebar{width:100%;position:static}.code-comparison{grid-template-columns:1fr}}@media (max-width: 768px){.notes-header h1{font-size:2rem}.example-grid{grid-template-columns:1fr}}@media (max-width: 576px){.container{width:95%}.notes-content{padding:1.5rem}.note-section h2{font-size:1.5rem;display:block;transform:rotate(0);text-align:center}}:root{--primary: #007bff;--secondary: #0055cc;--accent: #ff6600;--secondaryAccent: #e65c00;--dark: #1a1a2e;--light: #f5f5ff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Comic Neue,cursive;background-color:#f5f5f5;min-height:100vh;display:flex;justify-content:center;align-items:center}.login-form{z-index:10;animation:bounceIn 1s;display:flex;padding-right:40px;border-radius:15px}.form-group{display:flex;justify-content:center;align-items:center;margin-top:50px}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}.form-group label{display:block;font-size:1.3rem;font-weight:700;color:var(--accent);margin-bottom:8px}.form-group input::placeholder{color:var(--secondaryAccent);opacity:50%;font-size:1.5rem}.form-group input[type=password]::placeholder{font-size:2rem;letter-spacing:normal}.input-hint{font-size:.875rem;color:var(--secondary);margin-top:8px}.login-btn{background:linear-gradient(45deg,#ff9a9e,#fad0c4);color:#fff;border:none;width:100%;max-width:400px;height:70px;padding:18px;border-radius:15px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 5px 15px #ff9a9e66;margin-top:10px}.login-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ff9a9e99}.login-btn:active{transform:translateY(1px)}.login-btn:disabled{opacity:.7;transform:none!important;cursor:not-allowed}.error-message{color:#ff6b6b;margin-top:8px;font-size:1rem}.signup-section{background-color:#fff;padding:20px;border-radius:15px;margin-top:20px;width:100%;max-width:300px;margin-left:auto;margin-right:auto}.signup-section p{color:var(--secondary);margin-bottom:15px}.signup-btn{background:linear-gradient(45deg,#007bff,#f60);color:#fff;border:none;width:100%;padding:12px;border-radius:10px;font-weight:700;transition:all .3s;text-decoration:none;display:block;cursor:pointer}.signup-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #a18cd166}@media (max-width: 768px){.login-form{padding:25px 20px}.login-form h2{font-size:2rem}.login-form .subtitle,.form-group label{font-size:1.1rem}.form-group input{height:60px;font-size:1.2rem}.form-group input[type=password]{font-size:2rem}.form-group input::placeholder{font-size:1.2rem}.login-btn{height:60px;font-size:1.3rem}}@media (max-width: 480px){.student-login-container{padding:10px}.login-form{padding:20px 15px;border-radius:15px}.login-form h2{font-size:1.8rem}.login-form .subtitle{font-size:1rem;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{font-size:1rem}.form-group input{height:50px;font-size:1rem;border-width:3px;border-radius:15px}.form-group input[type=password]{font-size:1.5rem}.form-group input::placeholder{font-size:1rem}.form-group input[type=password]::placeholder{font-size:1.5rem}.input-hint{font-size:.75rem}.login-btn{height:50px;font-size:1.1rem;border-radius:12px}.signup-section{padding:15px;max-width:250px}.signup-section p{font-size:.9rem}}.password-wrapper input{flex:1;padding-right:40px}.password-wrapper{display:flex;align-items:center;position:relative}.password-wrapper input{flex:1;padding-right:55px;border-radius:20px}.eye-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:var(--light);border:3px solid var(--secondaryAccent);border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--secondaryAccent);background:var(--accent)}.eye-btn:hover{color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 10px #f606}@media (max-width: 480px){.eye-btn{width:35px;height:35px;font-size:1rem;right:10px}.password-wrapper input{padding-right:50px}}.student-student-navigation{display:flex;flex-wrap:wrap;min-height:calc(100vh - 120px)}.student-navigation-sidebar{max-width:350px;min-width:300px;background:transparent;flex-shrink:0}.main-panel{flex:1;min-width:0;overflow-x:auto}.student-courses-grid{min-height:400px;padding:1rem 0}.student-courses-grid .MuiCard-root{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:16px;overflow:hidden}.student-courses-grid .MuiCard-root:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.challenges-list{margin:1.5rem 0}.challenge-card{display:flex;align-items:center;background-color:#fff;border-radius:10px;padding:1rem;margin-bottom:1rem;box-shadow:0 4px 6px #0000000d}.challenge-icon{font-size:1.5rem;margin-right:1rem}.challenge-details{flex:1}.challenge-details h3{margin:0 0 .3rem;color:#2d3748}.challenge-details p{margin:0;color:#718096;font-size:.9rem}.submit-btn{padding:.5rem 1rem;background-color:#6c4df6;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s;width:auto}.submit-btn:hover{background-color:#5a3dd9}.post-challenge{background-color:#fff;border-radius:10px;padding:1.5rem;margin-top:2rem;box-shadow:0 4px 6px #0000000d}.post-challenge textarea{width:100%;min-height:100px;padding:.8rem;border:1px solid #e2e8f0;border-radius:6px;margin:1rem 0;resize:vertical}.post-btn{padding:.6rem 1.2rem;background-color:#6c4df6;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s}.post-btn:hover{background-color:#5a3dd9}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin:1.5rem 0}.stat-card{background-color:#fff;border-radius:10px;padding:1.5rem;text-align:center;box-shadow:0 4px 6px #0000000d}.stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:#6c4df6;margin-bottom:.3rem}.stat-label{color:#718096;font-size:.9rem}.performance-graph{background-color:#fff;border-radius:10px;padding:1.5rem;margin-top:2rem;box-shadow:0 4px 6px #0000000d}.graph-placeholder{height:300px;display:flex;align-items:center;justify-content:center;background-color:#f7fafc;border-radius:6px;margin-top:1rem;color:#718096}.followers-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.follower-card{background-color:#fff;border-radius:10px;padding:1.5rem;text-align:center;box-shadow:0 4px 6px #0000000d}.follower-avatar{font-size:2rem;margin-bottom:.5rem}.follower-name{font-weight:700;margin-bottom:1rem;color:#2d3748}.message-btn{padding:.5rem 1rem;background-color:#e2e8f0;color:#4a5568;border:none;border-radius:6px;cursor:pointer;transition:all .3s}.message-btn:hover{background-color:#cbd5e0}.otp-input-container{display:flex;gap:12px;justify-content:center;margin:20px 0}.otp-input{width:60px;height:60px;border:2px solid #e9ecef;border-radius:12px;font-size:24px;font-weight:700;text-align:center;transition:all .3s ease;background:#fff;color:#333}.otp-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:scale(1.05)}.otp-input.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.otp-input:not(:placeholder-shown){border-color:#28a745;background-color:#f8fff9}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.overlay-modal-content{background:#fff;padding:30px;border-radius:15px;max-width:500px;width:90%;box-shadow:0 20px 40px #0003}.modal-form-group{margin-bottom:20px}.modal-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.modal-form-group input{width:100%;padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:2rem;transition:border-color .3s ease}.modal-form-group input:focus{outline:none;border-color:#667eea}.modal-form-group input.error{border-color:#dc3545}.error-message{color:#dc3545;font-size:.9rem;margin-top:5px;display:block}.overlay-modal-buttons{display:flex;gap:15px;justify-content:flex-end;margin-top:25px}.overlay-modal-buttons .cancel-btn{padding:12px 24px;background:var(--secondaryAccent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease}.overlay-modal-buttons .cancel-btn:hover{background:red;transform:translateY(-2px)}.overlay-modal-buttons .submit-btn{padding:12px 24px;background:linear-gradient(135deg,#001bb7,#0046ff);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.overlay-modal-buttons .submit-btn:hover{transform:translateY(-2px);box-shadow:var(--secondary)}@media (max-width: 1024px){.student-student-navigation{flex-direction:column}.student-navigation-sidebar{max-width:100%;min-width:auto;width:100%}.student-courses-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.student-student-navigation{flex-direction:column}.student-navigation-sidebar{width:100%;padding:1rem;display:flex;overflow-x:auto}.student-navigation-sidebar nav{display:flex;gap:.5rem;min-width:max-content}.student-navigation-sidebar button{flex-direction:column;padding:.5rem;min-width:80px;text-align:center;height:auto;min-height:60px}.student-navigation-sidebar button span:last-child{font-size:.8rem}.main-panel{padding:1rem}.student-courses-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}}@media (max-width: 480px){.student-courses-grid{grid-template-columns:1fr;gap:.75rem}.student-navigation-sidebar button{min-width:70px;padding:.25rem}.otp-input-container{gap:8px}.otp-input{width:50px;height:50px;font-size:20px}}.course-card,.challenge-card,.stat-card,.follower-card{animation:fadeIn .5s ease-out;animation-fill-mode:both}.course-card:nth-child(1){animation-delay:.1s}.course-card:nth-child(2){animation-delay:.2s}.course-card:nth-child(3){animation-delay:.3s}.challenge-card:nth-child(1){animation-delay:.1s}.challenge-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.follower-card:nth-child(1){animation-delay:.1s}.follower-card:nth-child(2){animation-delay:.2s}.follower-card:nth-child(3){animation-delay:.3s}.soonConstruction-box{background-color:#fff9e6;padding:40px;border-radius:30px;text-align:center;box-shadow:0 15px 30px #0003;width:90%;max-width:500px;animation:bounceIn 1.2s ease-out}.emoji{font-size:50px;margin-bottom:10px;animation:bounce 1.5s infinite}.soonConstruction-box h1{font-size:2.5rem;color:#ff6f00;margin-bottom:10px;animation:wiggle 2s infinite}.soonConstruction-box p{font-size:1.2rem;color:#5d4037;margin-bottom:20px;animation:fadeIn 2s ease forwards}.countdown{font-size:2rem;color:#d84315;font-weight:700;animation:pulse 1s infinite}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 500px){h1{font-size:2rem}.countdown{font-size:1.5rem}}.custom-logo{width:100px;height:auto;display:block;margin:0 1px 0 0;transition:all .3s ease;float:left}.custom-logo:hover{transform:scale(1.05);opacity:.9}@media (max-width: 768px){.custom-logo{width:150px}}@media (max-width: 480px){.custom-logo{width:120px}}.student-dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(135deg,var(--bg-light) 0%,white 100%);color:#fff;margin-bottom:0}.student-view-design-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.student-view-design-modal-content{background:#fff;border-radius:16px;width:95%;max-width:1200px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.header-info h1{margin:0 0 8px;font-size:1.5rem;font-weight:700}.modal-meta{display:flex;gap:16px;font-size:.9rem;opacity:.9}.action-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.action-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-state h3{color:#e53e3e;margin:0 0 8px}.error-state p{color:#666;margin:0 0 20px}.retry-btn{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background .2s ease}.no-design-icon{font-size:4rem;margin-bottom:20px}.no-design-state h3{color:#4a5568;margin:0 0 12px;font-size:1.5rem}.no-design-state p{color:#666;margin:0 0 8px;max-width:400px}.info-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);padding:16px;border-radius:12px;border:1px solid #e2e8f0;text-align:center}.info-label{font-size:.9rem;color:#4a5568;font-weight:600;margin-bottom:4px}.info-value{font-size:1.1rem;color:#2d3748;font-weight:700}.design-canvas-container{display:flex;justify-content:center;margin:20px 0}.design-canvas-view{background:#fff;border:2px solid #e2e8f0;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.design-element{position:absolute;cursor:default}.text-element{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:4px;background:#ffffffe6;border:1px solid rgba(0,0,0,.1)}.text-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.text-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;word-wrap:break-word;overflow-wrap:break-word}.image-element{border-radius:8px;overflow:hidden;background:#f7fafc;border:1px solid #e2e8f0}.image-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.image-container img{flex:1;object-fit:contain}.image-caption{background:#000000b3;color:#fff;padding:4px 8px;font-size:.8rem;text-align:center;position:absolute;bottom:0;left:0;right:0}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f7fafc;color:#a0aec0}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:8px}.placeholder-icon{font-size:2rem}.placeholder-text{font-size:.9rem}.design-elements-list{background:#f7fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.design-elements-list h3{margin:0 0 16px;color:#2d3748;font-size:1.2rem}.element-info-card{background:#fff;border-radius:8px;padding:16px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d}.element-type{font-weight:600;color:#4a5568;margin-bottom:12px;display:flex;align-items:center;gap:8px}.note-element-badge{background:#667eea;color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:500}.element-details{display:flex;flex-direction:column;gap:6px}.detail-item{font-size:.9rem;color:#4a5568}.detail-item strong{color:#2d3748}@media (max-width: 768px){.student-view-design-modal-content{width:98%;max-height:95vh}.modal-header{padding:16px 20px;flex-direction:column;gap:12px;align-items:flex-start}.modal-actions{width:100%;justify-content:flex-end}.modal-body{padding:16px}.design-info,.elements-grid{grid-template-columns:1fr}.design-canvas-view{max-width:100%;max-height:400px}}:root{--primary: #001BB7;--secondary: #0046FF;--accent: #FF6600;--secondaryAccent: #E65C00;--text-light: #6b7280;--bg-light: #E9E9E9;--white-bg: white}.course-header{display:flex;justify-content:space-between;align-items:center;padding:30px;background:linear-gradient(135deg,var(--secondaryAccent) 0%,var(--secondaryAccent) 100%);color:var(--white-bg)}.course-detail-container{min-height:100vh;background:linear-gradient(135deg,#e65c00,#0046ff);padding:20px}.course-detail-content{margin:0 auto;background:var(--white-bg);border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;box-sizing:border-box}.overlay-content{background:linear-gradient(135deg,#f6f8ff,#fef6e6);padding:20px;border-radius:20px;width:80%;max-height:90vh;position:relative;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.overlay-content h2{color:#2c3e50;margin-bottom:1.5rem;font-size:1.8rem;padding-right:40px}.notes-list{max-height:calc(70vh - 60px);overflow-y:auto;margin-top:1rem;background-color:var(--white-bg);border-radius:15px}.note-item{margin-bottom:1.5rem;padding:1.5rem;border-radius:12px;background-color:var(--white-bg);box-shadow:0 4px 8px #0000001a;border-left:6px solid var(--secondary);transition:all .3s ease;cursor:pointer}.note-item:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000026;border-left-color:var(--accent)}.view-design-hint{margin-top:12px;padding:8px 12px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;text-align:center}.hint-text{color:#fff;font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px}.more-images-indicator{background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;text-align:center;margin-top:8px}.note-content{display:flex;flex-direction:column}@media (min-width: 768px){.note-content{flex-direction:row}.note-content>div:first-child{flex:1;order:2}.note-content>div:last-child{flex:1;order:1;max-width:45%}}.note-item h3{font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:700;color:#2c3e50;margin:0 0 1.25rem;position:relative;display:inline-block}.note-item h3:after{content:"";position:absolute;width:100%;height:4px;bottom:-8px;left:0;background:linear-gradient(90deg,#3498db,#9b59b6);border-radius:2px}.note-item p{font-family:Comic Neue,cursive;font-size:1.1rem;color:#333;line-height:1.6;margin:0}.note-images{margin:2px}.note-images img{max-width:100%;height:auto;border-radius:16px;border:4px solid var(--secondary);box-shadow:0 8px 16px #00000026;transform:rotate(-1deg);transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:var(--white-bg);padding:10px 10px 30px;position:relative}.note-images img:hover{transform:rotate(0) scale(1.03);box-shadow:0 12px 20px #0003;border-color:var(--accent)}.note-close-btn{position:absolute;padding:.8rem 1.2rem;top:1.5rem;right:1.5rem;border:none;background-color:var(--accent);color:var(--primary);border-radius:6px;font-weight:800;cursor:pointer;transition:all .2s ease;z-index:10000}.note-close-btn:hover{transform:scale(1.05);background-color:var(--secondaryAccent)}.overlay-footer{margin-top:20px;text-align:center;padding-top:15px;border-top:1px solid #eee}.course-link-btn{display:inline-block;background-color:var(--accent);color:#fff;padding:12px 25px;border-radius:6px;text-decoration:none;font-weight:700;transition:all .3s}.course-link-btn:hover{background-color:var(--secondaryAccent);transform:translateY(-2px)}@media (max-width: 767px){.overlay-content{padding:1.5rem;width:95%}.overlay-content h2{font-size:1.5rem;margin-bottom:1rem}.note-item{padding:1rem}.note-item h3{font-size:1.4rem}.note-item p{font-size:1rem}.note-close-btn{top:1rem;right:1rem;padding:.6rem 1rem;font-size:.9rem}}@media (max-width: 480px){.overlay-content{padding:1rem}.note-item h3{font-size:1.3rem}.note-images img{padding-bottom:20px;border-width:3px}}.assessment-content{max-height:calc(70vh - 60px);overflow-y:auto;margin-top:1rem;background-color:var(--white-bg);border-radius:15px;padding:15px}.assessment-item{margin-bottom:1.5rem;padding:1.5rem;border-radius:12px;background-color:var(--white-bg);box-shadow:0 4px 8px #0000001a;border-left:6px solid var(--secondary);transition:all .3s ease}.assessment-item:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000026}.assessment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.assessment-header h3{font-family:Montserrat,sans-serif;font-size:1.6rem;font-weight:700;color:#2c3e50;margin:0}.assessment-type{padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.assessment-type.assignment{background-color:#e3f2fd;color:#1976d2;border:2px solid #bbdefb}.assessment-type.exam{background-color:#fff3e0;color:#f57c00;border:2px solid #ffcc02}.assessment-description{font-family:Comic Neue,cursive;font-size:1.1rem;color:#333;line-height:1.6;margin:0 0 1rem}.assessment-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;margin-bottom:1rem;padding:1rem;background-color:#f8f9fa;border-radius:8px}.meta-item{font-size:.9rem;color:#555}.meta-item strong{color:#2c3e50;font-weight:600}.assessment-instructions{margin-bottom:1rem;padding:1rem;background-color:#f0f8ff;border-radius:8px;border-left:4px solid #3498db}.assessment-instructions strong{color:#2c3e50;font-weight:600;display:block;margin-bottom:.5rem}.assessment-instructions p{margin:0;color:#555;line-height:1.5}.assessment-actions{text-align:center;margin-top:1rem}.take-assessment-btn{background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #0046ff4d}.take-assessment-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0046ff66;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)}.take-assessment-btn:active{transform:translateY(0)}.close-btn{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:2rem;color:#666;cursor:pointer;transition:all .2s ease;z-index:10000;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-btn:hover{background-color:#f0f0f0;color:#333;transform:scale(1.1)}.loading{text-align:center;padding:2rem;color:#666;font-size:1.1rem}@media (max-width: 767px){.assessment-header{flex-direction:column;align-items:flex-start;gap:.5rem}.assessment-meta{grid-template-columns:1fr}.take-assessment-btn{width:100%;padding:15px 30px}}.student-management-container{padding:20px;max-width:1200px;margin:0 auto}.student-management-header{text-align:center;margin-bottom:30px}.student-management-header h1{color:#2d3748;font-size:2.5em;margin-bottom:10px;font-weight:700}.student-management-header p{color:#718096;font-size:1.1em}.search-filter-section{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px}.search-container{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.search-input{flex:1;min-width:250px;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:border-color .3s}.search-input:focus{outline:none;border-color:#667eea}.filter-container{display:flex;gap:15px;flex-wrap:wrap}.filter-select{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;background:#fff;cursor:pointer;transition:border-color .3s}.filter-select:focus{outline:none;border-color:#667eea}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center;transition:transform .3s}.stat-number{font-size:2.5em;font-weight:700;color:#667eea;margin-bottom:10px}.stat-label{color:#718096;font-size:1.1em;font-weight:500}.students-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.students-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 12px;text-align:left;font-weight:600;font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.students-table td{padding:15px 12px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.students-table tr:hover{background-color:#f7fafc}.students-table tr:last-child td{border-bottom:none}.student-name{font-weight:600;color:#2d3748;font-size:1.1em}.school-name,.class-name{font-weight:600;color:#2d3748;margin-bottom:2px}.school-code,.class-level{font-size:.85em;color:#718096;font-weight:500}.gender-badge{padding:4px 12px;border-radius:20px;font-size:.85em;font-weight:600;text-transform:capitalize}.gender-male{background-color:#e6f3ff;color:#06c}.gender-female{background-color:#ffe6f3;color:#c06}.gender-other{background-color:#f0f0f0;color:#666}.progress-container{display:flex;align-items:center;gap:10px}.progress-bar{flex:1;height:8px;background-color:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.progress-text{font-size:.9em;font-weight:600;color:#2d3748;min-width:35px}.last-login{font-size:.9em}.login-info{padding:8px 12px;border-radius:6px;border-left:4px solid}.login-info.recent{background-color:#f0fff4;border-left-color:#48bb78}.login-info.weekly{background-color:#fffaf0;border-left-color:#ed8936}.login-info.monthly{background-color:#fef5e7;border-left-color:#dd6b20}.login-info.inactive{background-color:#fed7d7;border-left-color:#e53e3e}.login-date{font-weight:600;color:#2d3748;margin-bottom:2px}.login-time{font-size:.85em;color:#718096;margin-bottom:2px}.login-status{font-size:.8em;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.login-info.recent .login-status{color:#48bb78}.login-info.weekly .login-status{color:#ed8936}.login-info.monthly .login-status{color:#dd6b20}.login-info.inactive .login-status{color:#e53e3e}.never-logged-in{display:flex;align-items:center;gap:8px;color:#a0aec0;font-style:italic}.status-indicator{width:8px;height:8px;border-radius:50%}.status-indicator.inactive{background-color:#e53e3e}.status-badge{padding:4px 12px;border-radius:20px;font-size:.85em;font-weight:600;text-transform:capitalize}.status-active{background-color:#f0fff4;color:#48bb78}.status-inactive{background-color:#fed7d7;color:#e53e3e}.status-pending{background-color:#fffaf0;color:#ed8936}.no-students-message{text-align:center;padding:40px;color:#718096;font-size:1.1em}.loading-container{display:flex;justify-content:center;align-items:center;padding:40px}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.error-container{text-align:center;padding:40px;color:#e53e3e}.error-message{font-size:1.1em;margin-bottom:20px}.retry-btn{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1em;cursor:pointer;transition:background-color .3s}@media (max-width: 768px){.student-management-container{padding:10px}.search-container{flex-direction:column}.search-input{min-width:auto}.filter-container{flex-direction:column}.stats-container{grid-template-columns:repeat(2,1fr)}.students-table{font-size:.9em}.students-table th,.students-table td{padding:10px 8px}.student-name{font-size:1em}.progress-container{flex-direction:column;gap:5px}.progress-text{text-align:center}}@media (max-width: 480px){.stats-container{grid-template-columns:1fr}.students-table{font-size:.8em}.students-table th,.students-table td{padding:8px 6px}}.students-overview-container{padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.students-header h1{color:#2d3748;font-size:2.5em;margin-bottom:10px;text-align:center;font-weight:700}.login-history-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.5rem;color:#fff;cursor:pointer;padding:5px 10px;border-radius:50%;transition:background-color .3s}.close-btn:hover{background-color:#fff3}.student-info{padding:20px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.student-info h3{margin:0 0 5px;color:#333;font-size:1.3rem}.student-username{margin:0;color:#666;font-size:.9rem}.login-statistics{padding:20px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.stat-card{background:#fff;padding:15px;border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000001a;border:1px solid #e0e0e0}.stat-number{font-size:1.5rem;font-weight:700;color:#667eea;margin-bottom:5px}.stat-label{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.login-history-list{padding:20px}.login-history-list h4{margin:0 0 15px;color:#333;font-size:1.1rem}.no-history{text-align:center;padding:40px;color:#666}.history-items{display:flex;flex-direction:column;gap:15px}.history-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px;transition:box-shadow .3s}.history-item:hover{box-shadow:0 4px 8px #0000001a}.history-main{display:flex;gap:15px;align-items:flex-start}.history-time{min-width:120px;text-align:center;background:#f8f9fa;padding:10px;border-radius:6px;border:1px solid #e0e0e0}.time-date{font-weight:700;color:#333;font-size:.9rem}.time-time{color:#666;font-size:.8rem;margin-top:2px}.device-info,.location-info,.ip-info,.isp-info,.coordinates-info,.postal-info,.asn-info,.timezone-info,.currency-info,.languages-info,.calling-code-info{display:flex;align-items:center;gap:8px}.device-icon,.browser-icon,.location-icon{font-size:1.1rem}.device-text,.location-text{color:#333;font-size:.9rem}.location-region{color:#666;font-size:.8rem;font-style:italic}.isp-label{color:#666;font-size:.8rem;font-weight:500}.isp-text{color:#333;font-size:.9rem;font-family:monospace;background:#f0f0f0;padding:2px 6px;border-radius:3px}.ip-label{color:#666;font-size:.8rem;font-weight:500}.ip-address{color:#333;font-size:.9rem;font-family:monospace;background:#f0f0f0;padding:2px 6px;border-radius:3px}.coordinates-label,.postal-label,.asn-label{color:#666;font-size:.8rem;font-weight:500}.coordinates-text{color:#333;font-size:.9rem;font-family:monospace;background:#f0f8ff;padding:2px 6px;border-radius:3px;border:1px solid #cce7ff}.map-link-btn{background:#4caf50;color:#fff;border:none;padding:2px 8px;border-radius:3px;font-size:.8rem;cursor:pointer;transition:background-color .2s}.map-link-btn:hover{background:#45a049}.postal-text{color:#333;font-size:.9rem;font-family:monospace;background:#fff3cd;padding:2px 6px;border-radius:3px;border:1px solid #ffeaa7}.asn-text{color:#333;font-size:.9rem;font-family:monospace;background:#f8f9fa;padding:2px 6px;border-radius:3px;border:1px solid #dee2e6}.timezone-label,.currency-label,.languages-label,.calling-code-label{color:#666;font-size:.8rem;font-weight:500}.timezone-text{color:#333;font-size:.9rem;font-family:monospace;background:#e8f5e8;padding:2px 6px;border-radius:3px;border:1px solid #c3e6c3}.currency-text{color:#333;font-size:.9rem;font-family:monospace;background:#fff8e1;padding:2px 6px;border-radius:3px;border:1px solid #ffcc02}.languages-text{color:#333;font-size:.9rem;font-family:monospace;background:#f3e5f5;padding:2px 6px;border-radius:3px;border:1px solid #e1bee7}.calling-code-text{color:#333;font-size:.9rem;font-family:monospace;background:#e3f2fd;padding:2px 6px;border-radius:3px;border:1px solid #90caf9}.session-info{margin-top:10px;padding-top:10px;border-top:1px solid #f0f0f0}.session-duration{color:#666;font-size:.8rem;font-style:italic}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px;border-top:1px solid #e0e0e0;background:#f8f9fa}.page-btn{background:#667eea;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.page-btn:hover:not(:disabled){background:#5a6fd8}.page-btn:disabled{background:#ccc;cursor:not-allowed}.page-info{color:#666;font-size:.9rem}.loading-container,.error-container{padding:40px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.error-message{color:#e74c3c;margin-bottom:15px}.retry-btn{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.9rem}.retry-btn:hover{background:#5a6fd8}.view-history-btn{background:#667eea;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:.7rem;cursor:pointer;margin-top:5px;transition:background-color .3s;display:block;width:100%}.view-history-btn:hover{background:#5a6fd8}.view-history-btn:active{transform:translateY(1px)}.modal-footer{padding:20px;border-top:1px solid #e0e0e0;background:#f8f9fa;text-align:center;border-radius:0 0 12px 12px}.close-modal-btn{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s;font-weight:500}.close-modal-btn:hover{background:#5a6268}.close-modal-btn:active{transform:translateY(1px)}.close-btn{background:none;border:none;font-size:1.8rem;color:#fff;cursor:pointer;padding:8px 12px;border-radius:50%;transition:all .3s;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.close-btn:hover{background-color:#fff3;transform:scale(1.1)}.close-btn:active{transform:scale(.95)}@media (max-width: 768px){.modal-content{width:95%;margin:10px}.stat-grid{grid-template-columns:repeat(2,1fr)}.history-main{flex-direction:column;gap:10px}.history-time{min-width:auto;width:100%}.pagination{flex-direction:column;gap:10px}}._topNav_7yc1o_1{height:60px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 1px 3px #0000001a;position:fixed;width:100%;z-index:100}._logo_7yc1o_14{font-size:1.5rem;font-weight:600;color:#4f46e5}._navRight_7yc1o_20{display:flex;align-items:center;gap:20px}._userInfo_7yc1o_26{display:flex;align-items:center;gap:10px}._userName_7yc1o_32{font-weight:500}._avatar_7yc1o_36{width:36px;height:36px;border-radius:50%;overflow:hidden}._avatar_7yc1o_36 img{width:100%;height:100%;object-fit:cover}._logoutButton_7yc1o_49{background:#f1f5f9;border:none;padding:8px 12px;border-radius:6px;display:flex;align-items:center;gap:5px;cursor:pointer;transition:all .2s}._logoutButton_7yc1o_49:hover{background:#e2e8f0}._sidebar_1sfcq_1{width:240px;height:100vh;background:#1e293b;color:#fff;position:fixed;padding-top:60px}._nav_1sfcq_10{padding:20px 0}._menuItem_1sfcq_14{padding:12px 20px;display:flex;align-items:center;cursor:pointer;transition:all .3s;color:#e2e8f0;text-decoration:none}._menuItem_1sfcq_14:hover{background:#334155}._menuItem_1sfcq_14._active_1sfcq_28{background:#334155;border-left:4px solid #4f46e5}._icon_1sfcq_33{margin-right:12px;font-size:18px}._arrow_1sfcq_38{margin-left:auto;transition:transform .2s}._arrow_1sfcq_38._open_1sfcq_43{transform:rotate(180deg)}._subMenu_1sfcq_47{background:#0f172a;padding:5px 0}._subMenuItem_1sfcq_52{display:block;padding:8px 20px 8px 48px;color:#94a3b8;text-decoration:none;transition:all .2s}._subMenuItem_1sfcq_52:hover{color:#e2e8f0;background:#1e293b}.dashboard-container{padding:20px;max-width:1200px;margin:0 auto}.dashboard-header{text-align:center;margin-bottom:40px}.dashboard-header h1{color:#333;margin-bottom:10px}.dashboard-header p{color:#666;font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-icon{font-size:2.5rem;margin-right:15px}.stat-content h3{font-size:2rem;margin:0;color:#333}.stat-content p{margin:5px 0 0;color:#666;font-size:14px}.quick-actions{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a}.quick-actions h2{margin-bottom:20px;color:#333}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.action-button{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:15px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333}.action-button:hover{background:#007bff;color:#fff;border-color:#007bff;transform:translateY(-2px)}.action-icon{font-size:2rem;margin-bottom:8px}.dashboard-loading,.dashboard-error{text-align:center;padding:40px}.dashboard-error button{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:10px}.dashboard-error button:hover{background:#0056b3}.schools-container{padding:20px;font-family:Arial,sans-serif}.schools-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.schools-header h1{font-size:24px;color:#333}.add-button{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:14px}.schools-table-container{overflow-x:auto}.schools-table{width:100%;border-collapse:collapse;margin-top:20px}.schools-table th,.schools-table td{border:1px solid #ddd;padding:12px;text-align:left}.schools-table th{background-color:#f2f2f2;font-weight:700}.schools-table tr:nth-child(2n){background-color:#f9f9f9}.schools-table tr:hover{background-color:#f1f1f1}.actions-cell{display:flex;gap:10px}.edit-button{background-color:#2196f3;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.delete-button{background-color:#f44336;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:100%;max-width:500px}.modal-content h2{margin-top:0;color:#333}.disabled-input{background-color:#f5f5f5;color:#666;cursor:not-allowed}.cancel-button{background-color:#f1f1f1;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.submit-button{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.loading{padding:20px;text-align:center}.error{padding:20px;color:#f44336;text-align:center}.classes-container{padding:20px;max-width:1200px;margin:0 auto}.classes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-actions{display:flex;gap:10px}.classes-table-container{overflow-x:auto}.classes-table{width:100%;border-collapse:collapse;margin-top:20px}.classes-table th,.classes-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.classes-table th{background-color:#f5f5f5;font-weight:700}.classes-table tr:hover{background-color:#f9f9f9}.actions-cell{display:flex;gap:8px}.add-button,.back-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:700}.add-button{background-color:#4caf50;color:#fff}.back-button{background-color:#2196f3;color:#fff}.back-button:hover{background-color:#0b7dda}.edit-button,.delete-button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer}.edit-button{background-color:#ffc107;color:#000}.edit-button:hover{background-color:#e0a800}.delete-button{background-color:#f44336;color:#fff}.delete-button:hover{background-color:#d32f2f}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:400px;max-width:90%}.form-group input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.cancel-button,.submit-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.cancel-button{background-color:#f5f5f5}.cancel-button:hover{background-color:#e0e0e0}.submit-button{background-color:#4caf50;color:#fff}.submit-button:hover{background-color:#45a049}.add-course-btn{background-color:#4caf50;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;margin-bottom:20px;font-size:16px}.add-course-btn:hover{background-color:#45a049}.form-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.form-container{background-color:#fff;padding:20px;border-radius:8px;width:500px;max-width:90%;box-shadow:0 4px 8px #0000001a}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#777}.close-btn:hover{color:#333}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}form button[type=submit]{background-color:#4caf50;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:16px}form button[type=submit]:hover{background-color:#45a049}form button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed}.courses-table{margin-top:30px}th,td{padding:12px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#f2f2f2}tr:hover{background-color:#f5f5f5}.edit-btn{background-color:#2196f3;color:#fff;padding:5px 10px;border:none;border-radius:4px;cursor:pointer}.edit-btn:hover{background-color:#0b7dda}.success-notification{position:fixed;top:20px;right:20px;background-color:#4caf50;color:#fff;padding:15px;border-radius:4px;box-shadow:0 2px 10px #0003;z-index:1000;animation:slideIn .5s,fadeOut .5s 2.5s forwards}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.error-message{color:#d32f2f;background-color:#fde0e0;padding:10px;border-radius:4px;margin-bottom:15px}button:disabled{opacity:.7;cursor:not-allowed}.status-badge{padding:3px 8px;border-radius:12px;font-size:.8em;text-transform:capitalize}.status-badge.locked{background-color:#ffebee;color:#c62828}.status-badge.enrolled{background-color:#e8f5e9;color:#2e7d32}.status-badge.completed{background-color:#e3f2fd;color:#1565c0}.delete-btn{background-color:#ffebee;color:#c62828;border:1px solid #ef9a9a}.form-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.course-icon{width:30px;height:30px;object-fit:contain}.view-btn{background-color:#e3f2fd;color:#1565c0;border:1px solid #90caf9;padding:5px 10px;border-radius:4px}.view-btn:hover:not(:disabled){background-color:#bbdefb}.view-btn:disabled{opacity:.5;cursor:not-allowed}.topics-btn{background-color:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7;padding:5px 10px;border-radius:4px}.topics-btn:hover{background-color:#c8e6c9}.action-buttons{display:flex;gap:8px}.edit-btn{background-color:#fff8e1;color:#ff8f00;border:1px solid #ffe082;padding:5px 10px;border-radius:4px}.edit-btn:hover{background-color:#ffecb3}.delete-btn{background-color:#ffebee;color:#c62828;border:1px solid #ef9a9a;padding:5px 10px;border-radius:4px}.delete-btn:hover{background-color:#ffcdd2}.course-management{padding:20px;max-width:1400px;margin:0 auto}.course-header{text-align:center;margin-bottom:30px}.course-header h1{color:#333;margin-bottom:10px;font-size:2.5rem}.course-header p{color:#666;font-size:16px}.success-notification,.error-notification{padding:15px 20px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;animation:slideIn .3s ease}.success-notification{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.error-notification{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.success-notification button,.error-notification button{background:none;border:none;cursor:pointer;font-size:18px;color:inherit}.search-filter-section{display:flex;gap:20px;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.search-box{flex:1}.search-input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:border-color .3s}.search-input:focus{outline:none;border-color:#007bff}.filter-section{min-width:150px}.filter-select{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:border-color .3s}.filter-select:focus{outline:none;border-color:#007bff}.add-course-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px;transition:transform .2s}.add-course-btn:hover{transform:translateY(-2px)}.courses-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a}.courses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f8f9fa}.courses-header h2{margin:0;color:#333;font-size:1.8rem}.courses-stats{display:flex;gap:20px}.no-courses{text-align:center;padding:60px 20px}.no-courses-icon{font-size:4rem;margin-bottom:20px}.no-courses h3{color:#333;margin-bottom:10px}.no-courses p{color:#666;margin-bottom:30px}.add-first-course-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:15px 30px;border-radius:8px;cursor:pointer;font-weight:700;font-size:16px}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.course-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;overflow:hidden;transition:all .3s ease}.course-card:hover{border-color:#007bff;transform:translateY(-5px);box-shadow:0 10px 25px #007bff33}.course-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.course-icon-container{position:relative;width:60px;height:60px}.course-icon{width:100%;height:100%;object-fit:cover;border-radius:8px}.course-icon-placeholder{display:none;width:100%;height:100%;background:#e9ecef;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.locked{background:#fff3cd;color:#856404}.status-badge.enrolled{background:#d1ecf1;color:#0c5460}.status-badge.completed{background:#d4edda;color:#155724}.course-card-content{padding:20px}.course-name{margin:0 0 10px;color:#333;font-size:1.3rem;font-weight:600}.course-code{margin:0 0 15px;color:#666;font-size:14px}.course-meta{display:flex;gap:15px;margin-bottom:20px}.meta-item{display:flex;align-items:center;gap:5px;font-size:12px;color:#666}.meta-icon{font-size:14px}.course-card-actions{display:flex;flex-wrap:wrap;gap:10px;padding:20px;background:#f8f9fa}.action-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s}.modal-content{background:#fff;border-radius:12px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.course-form{padding:20px}.form-group input,.form-group select{padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.search-filter-section{flex-direction:column;gap:15px}.courses-header{flex-direction:column;gap:15px;text-align:center}.courses-stats{justify-content:center}.courses-grid,.form-row{grid-template-columns:1fr}.course-card-actions{flex-direction:column}.action-btn{justify-content:center}}.topics-management{padding:20px;max-width:1400px;margin:0 auto}.topics-header{text-align:center;margin-bottom:30px}.topics-header h1{color:#333;margin-bottom:10px;font-size:2.5rem}.topics-header p{color:#666;font-size:16px}.course-selection{display:flex;gap:20px;align-items:end;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.selection-group{flex:1;display:flex;flex-direction:column}.selection-group label{font-weight:700;margin-bottom:8px;color:#333}.course-select{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:border-color .3s}.course-select:focus{outline:none;border-color:#007bff}.course-select:disabled{background-color:#f8f9fa;cursor:not-allowed}.add-topic-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px;transition:transform .2s;white-space:nowrap}.add-topic-btn:hover{transform:translateY(-2px)}.add-topic-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.btn-icon{font-size:16px}.error-messages{margin-bottom:20px}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:12px 16px;border-radius:8px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.error-message:last-child{margin-bottom:0}.topics-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a}.stat-item{display:flex;flex-direction:column;align-items:center;padding:10px 15px;background:#f8f9fa;border-radius:8px;min-width:80px}.stat-number{font-size:1.5rem;font-weight:700;color:#007bff}.loading-state{text-align:center;padding:60px 20px}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}.no-topics{text-align:center;padding:60px 20px}.no-topics-icon{font-size:4rem;margin-bottom:20px}.no-topics h3{color:#333;margin-bottom:10px}.no-topics p{color:#666;margin-bottom:30px}.add-first-topic-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:15px 30px;border-radius:8px;cursor:pointer;font-weight:700;font-size:16px}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:25px}.topic-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;overflow:hidden;transition:all .3s ease}.topic-card:hover{border-color:#007bff;transform:translateY(-5px);box-shadow:0 10px 25px #007bff33}.topic-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef}.topic-name{margin:0;color:#333;font-size:1.3rem;font-weight:600}.topic-actions{display:flex;gap:10px}.action-btn.secondary{background:#6c757d;color:#fff}.action-btn.secondary:hover{background:#545b62}.topic-content{padding:20px}.notes-count{margin-bottom:15px}.count-badge{background:#e9ecef;color:#495057;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.note-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;transition:all .2s}.note-item:hover{background:#e9ecef;border-color:#007bff}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.note-title{margin:0;color:#333;font-size:1rem;font-weight:600}.delete-note-btn{background:#dc3545;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.delete-note-btn:hover{background:#c82333}.note-description{margin:0 0 10px;color:#666;font-size:14px;line-height:1.4}.note-images{margin-top:10px}.image-count{font-size:12px;color:#666}.no-notes{text-align:center;padding:40px 20px;color:#666;background:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6;margin-top:20px}.no-notes-content{display:flex;flex-direction:column;align-items:center;gap:15px}.no-notes-icon{font-size:3rem;opacity:.5}.no-notes h3{margin:0;color:#495057;font-size:1.2rem}.no-notes p{margin:0;color:#6c757d}.no-notes-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.add-first-note-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease}.add-first-note-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #007bff4d}.add-first-note-btn.primary{background:linear-gradient(135deg,#28a745,#20c997)}.add-first-note-btn.primary:hover{box-shadow:0 8px 20px #28a7454d}.add-first-note-btn.secondary{background:linear-gradient(135deg,#6c757d,#495057)}.add-first-note-btn.secondary:hover{box-shadow:0 8px 20px #6c757d4d}.close-btn:disabled{opacity:.5;cursor:not-allowed}.topic-form,.note-form{padding:20px}.form-input:disabled,.form-textarea:disabled{background-color:#f8f9fa;cursor:not-allowed}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn:disabled{background:#6c757d;cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.course-selection{flex-direction:column;gap:15px}.section-header{flex-direction:column;gap:15px;text-align:center}.section-stats{justify-content:center}.topics-grid{grid-template-columns:1fr}.topic-header{flex-direction:column;gap:15px;align-items:flex-start}.topic-actions{width:100%;justify-content:flex-end}.form-row{grid-template-columns:1fr}.modal-content{width:95%;margin:10px}.form-actions{flex-direction:column}}.note-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px;margin-bottom:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;position:relative;overflow:hidden}.note-card:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 8px 25px #007bff26}.note-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.note-title-section{flex:1;margin-right:15px}.note-title{margin:0 0 8px;color:#333;font-size:1.2rem;font-weight:600;line-height:1.3}.note-meta{display:flex;flex-direction:column;gap:4px}.note-date,.note-updated{font-size:12px;color:#666;display:flex;align-items:center;gap:4px}.note-updated{color:#28a745}.note-actions{display:flex;gap:6px;opacity:0;transition:all .3s ease;transform:translateY(5px);padding:4px;background:#fffffff2;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a}.note-card:hover .note-actions{opacity:1;transform:translateY(0)}.action-btn{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.action-btn:active{transform:scale(.95)}.action-btn[title]:hover:after{content:attr(title);position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000;pointer-events:none;animation:tooltipFadeIn .3s ease}@media (max-width: 768px){.note-actions{gap:4px;padding:6px;background:#fffffffa}.action-btn{width:32px;height:32px;font-size:14px}.action-btn[title]:hover:after{display:none}}@media (max-width: 480px){.note-actions{position:absolute;top:8px;right:8px;opacity:1;transform:none}.action-btn{width:28px;height:28px;font-size:12px}}.view-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;box-shadow:0 4px 15px #007bff4d}.view-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #007bff66}.design-btn{background:linear-gradient(135deg,#6f42c1,#5a32a3);color:#fff;box-shadow:0 4px 15px #6f42c14d}.design-btn:hover{background:linear-gradient(135deg,#5a32a3,#4c2a85);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #6f42c166}.edit-design-btn:hover{background:linear-gradient(135deg,#138496,#0f6674);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #17a2b866}.delete-design-btn:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #dc354566}.edit-btn:hover{background:linear-gradient(135deg,#e0a800,#d39e00);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #ffc10766}.delete-btn:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #dc354566}.note-description{margin-bottom:12px;padding:8px 12px;background:#f8f9fa;border-radius:6px;border-left:3px solid #007bff}.note-description p{margin:0;color:#495057;font-size:14px;font-style:italic}.note-content-preview{margin-bottom:15px}.note-content-preview p{margin:0;color:#666;font-size:14px;line-height:1.5}.note-images-preview{margin-bottom:15px}.images-grid{display:flex;gap:8px;align-items:center}.image-thumbnail{width:60px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid #e9ecef;transition:all .2s ease;position:relative}.image-thumbnail:hover{border-color:#007bff;transform:scale(1.05)}.image-thumbnail img{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;background:#f8f9fa;display:flex;align-items:center;justify-content:center;font-size:20px;color:#6c757d}.more-images{width:60px;height:60px;background:#6c757d;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:pointer;transition:background-color .2s ease}.more-images:hover{background:#5a6268}.note-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e9ecef}.note-stats{display:flex;gap:15px}.stat-item{font-size:12px;color:#6c757d;display:flex;align-items:center;gap:4px}.note-status{display:flex;align-items:center}.status-indicator{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-indicator.active{background:#d4edda;color:#155724}.status-indicator.draft{background:#fff3cd;color:#856404}.status-indicator.archived{background:#f8d7da;color:#721c24}@media (max-width: 768px){.note-card{padding:15px}.note-card-header{flex-direction:column;gap:10px}.note-title-section{margin-right:0}.note-actions{opacity:1;align-self:flex-end}.note-footer{flex-direction:column;gap:10px;align-items:flex-start}.note-stats{flex-direction:column;gap:5px}.images-grid{flex-wrap:wrap}.image-thumbnail,.more-images{width:50px;height:50px}}.note-detail-modal-overlay{position:fixed;inset:0;background:#fff;z-index:2000;animation:fadeIn .3s ease;overflow-y:auto}.note-detail-modal-content{background:#fff;width:100%;min-height:100vh;animation:slideIn .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:25px 30px;border-bottom:2px solid #f8f9fa;background:linear-gradient(135deg,#f8f9fa,#e9ecef);position:sticky;top:0;z-index:10;box-shadow:0 2px 10px #0000001a}.header-info{flex:1;margin-right:20px}.modal-title{margin:0 0 10px;color:#333;font-size:2rem;font-weight:700;line-height:1.2}.modal-meta{display:flex;flex-direction:column;gap:5px}.created-date,.updated-date{font-size:14px;color:#666;display:flex;align-items:center;gap:6px}.updated-date{color:#28a745}.modal-actions{display:flex;justify-content:space-between;align-items:center;width:100%}.action-buttons-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.action-btn{padding:12px 20px;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.action-btn:hover:before{left:100%}.action-btn:active{transform:scale(.98)}.action-btn:focus{outline:none;box-shadow:0 0 0 3px #007bff4d}.action-btn[title]:hover:after{content:attr(title);position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:8px 16px;border-radius:8px;font-size:12px;white-space:nowrap;z-index:1000;pointer-events:none;animation:tooltipFadeIn .3s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.action-buttons-group{gap:6px;flex-wrap:wrap;justify-content:center}.action-btn{padding:10px 16px;font-size:13px}.action-btn[title]:hover:after{display:none}}@media (max-width: 480px){.action-buttons-group{gap:4px;flex-direction:column;width:100%}.action-btn{padding:8px 12px;font-size:12px;width:100%;justify-content:center}.modal-actions{flex-direction:column;gap:10px}}.design-btn{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;box-shadow:0 4px 15px #9b59b64d}.design-btn:hover{background:linear-gradient(135deg,#8e44ad,#7d3c98);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #9b59b666}.view-design-btn{background:linear-gradient(135deg,#6f42c1,#5a32a3);color:#fff;box-shadow:0 4px 15px #6f42c14d}.view-design-btn:hover{background:linear-gradient(135deg,#5a32a3,#4c2a85);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #6f42c166}.edit-design-btn{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;box-shadow:0 4px 15px #17a2b84d}.edit-design-btn:hover{background:linear-gradient(135deg,#138496,#0f6674);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #17a2b866}.edit-design-btn:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;transform:none;box-shadow:0 2px 8px #6c757d33}.delete-design-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 4px 15px #dc35454d}.delete-design-btn:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #dc354566}.delete-design-btn:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;transform:none;box-shadow:0 2px 8px #6c757d33}.edit-btn{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529;box-shadow:0 4px 15px #ffc1074d}.edit-btn:hover{background:linear-gradient(135deg,#e0a800,#d39e00);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #ffc10766}.delete-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 4px 15px #dc35454d}.delete-btn:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #dc354566}.back-btn{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;padding:12px 20px;border-radius:12px;font-size:14px;box-shadow:0 4px 15px #6c757d4d}.back-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #6c757d66}.close-btn{background:#6c757d;color:#fff;padding:10px;width:40px;height:40px;border-radius:50%;font-size:18px}.close-btn:hover{background:#545b62;transform:translateY(-1px)}.modal-body{padding:30px}.note-description-section,.note-content-section,.note-images-section,.note-stats-section{margin-bottom:30px}.note-description-section h3,.note-content-section h3,.note-images-section h3,.note-stats-section h3{margin:0 0 15px;color:#333;font-size:1.3rem;font-weight:600;padding-bottom:8px;border-bottom:2px solid #e9ecef}.note-description-section p{margin:0;color:#495057;font-size:16px;line-height:1.6;padding:15px 20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #007bff;font-style:italic}.content-text{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px}.content-text p{margin:0 0 15px;color:#333;font-size:16px;line-height:1.7}.content-text p:last-child{margin-bottom:0}.images-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.gallery-image{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid #e9ecef}.gallery-image:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026;border-color:#007bff}.gallery-image img{width:100%;height:200px;object-fit:cover;display:block}.image-placeholder{width:100%;height:200px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;border:2px dashed #dee2e6}.placeholder-content{text-align:center;color:#6c757d}.placeholder-icon{font-size:32px;display:block;margin-bottom:8px}.placeholder-text{font-size:14px}.image-caption{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:8px 12px;font-size:12px;transform:translateY(100%);transition:transform .3s ease}.gallery-image:hover .image-caption{transform:translateY(0)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.stat-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:20px;text-align:center;border:1px solid #dee2e6;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.stat-icon{font-size:32px;margin-bottom:10px}.stat-info{color:#333}.stat-value{font-size:24px;font-weight:700;color:#007bff;margin-bottom:5px}.image-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:3000;animation:fadeIn .3s ease}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.image-modal-close{position:absolute;top:-50px;right:0;background:#fff3;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;transition:background-color .2s ease}.image-modal-close:hover{background:#ffffff4d}.image-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;transition:background-color .2s ease;z-index:1}.image-nav:hover{background:#ffffff4d}.image-nav.prev{left:-60px}.image-nav.next{right:-60px}.image-container{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.image-container img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.image-info{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);text-align:center;color:#fff}.image-counter{font-size:14px;margin-bottom:5px;opacity:.8}.image-caption{font-size:16px;font-weight:500}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.note-detail-modal-overlay{padding:0}.note-detail-modal-content{min-height:100vh}.modal-header{flex-direction:column;gap:15px;padding:20px}.header-info{margin-right:0}.modal-title{font-size:1.5rem}.modal-actions{flex-direction:column;gap:15px;width:100%}.action-buttons-group{width:100%;justify-content:space-between}.modal-body{padding:20px}.images-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.gallery-image img{height:150px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.image-nav.prev{left:10px}.image-nav.next{right:10px}.image-modal-close{top:10px;right:10px}}.design-editor{position:fixed;inset:0;background:#f5f5f5;z-index:3000;display:flex;flex-direction:column}.design-toolbar{background:#2c3e50;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}.toolbar-section{display:flex;gap:10px;align-items:center;position:relative}.toolbar-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:6px}.add-btn{background:#27ae60;color:#fff}.add-btn:hover{background:#229954;transform:translateY(-1px)}.delete-btn{background:#e74c3c;color:#fff}.delete-btn:hover:not(:disabled){background:#c0392b;transform:translateY(-1px)}.delete-btn:disabled{background:#7f8c8d;cursor:not-allowed;opacity:.6}.duplicate-btn{background:#f39c12;color:#fff}.duplicate-btn:hover:not(:disabled){background:#e67e22;transform:translateY(-1px)}.duplicate-btn:disabled{background:#7f8c8d;cursor:not-allowed;opacity:.6}.layer-btn{background:#8e44ad;color:#fff}.layer-btn:hover:not(:disabled){background:#9b59b6;transform:translateY(-1px)}.layer-btn:disabled{background:#7f8c8d;cursor:not-allowed;opacity:.6}.save-btn{background:#3498db;color:#fff}.save-btn:hover{background:#2980b9;transform:translateY(-1px)}.cancel-btn{background:#95a5a6;color:#fff}.cancel-btn:hover{background:#7f8c8d;transform:translateY(-1px)}.add-menu{position:absolute;top:100%;left:0;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:8px 0;min-width:200px;z-index:1000}.menu-section{padding:0 8px}.menu-section-title{font-size:12px;font-weight:600;color:#666;padding:4px 8px;margin-bottom:4px;border-bottom:1px solid #eee;text-transform:uppercase;letter-spacing:.5px}.menu-divider{height:1px;background:#eee;margin:8px 0}.add-menu button{width:100%;padding:10px 16px;border:none;background:none;text-align:left;cursor:pointer;font-size:14px;transition:background-color .2s ease}.add-menu button:hover{background:#f8f9fa}.note-element-info{background:#e8f4f8;border:1px solid #bee5eb;border-radius:6px;padding:8px;margin-bottom:12px}.note-element-type{font-size:12px;font-weight:600;color:#0c5460;margin-top:4px}.design-workspace{flex:1;display:flex;overflow:hidden}.properties-panel{width:300px;background:#fff;border-right:1px solid #e0e0e0;overflow-y:auto;padding:20px}.properties-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #ecf0f1}.properties-header h3{margin:0;color:#2c3e50;font-size:18px;font-weight:600}.updating-indicator{display:flex;align-items:center;gap:8px;color:#3498db;font-size:12px;font-weight:500}.spinner{width:12px;height:12px;border:2px solid #ecf0f1;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.property-group label{display:block;margin-bottom:6px;font-weight:500;color:#34495e;font-size:14px}.property-group input,.property-group select,.property-group textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s ease}.property-group input:focus,.property-group select:focus,.property-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.property-group input[type=color]{height:40px;padding:4px;cursor:pointer;border:1px solid #ddd;border-radius:4px}.property-group input[type=number]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.property-group input[type=number]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.property-group select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff}.property-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.property-group textarea{resize:vertical;min-height:60px}.help-section{margin-top:30px;padding-top:20px;border-top:1px solid #ecf0f1}.help-section h4{margin:0 0 15px;color:#2c3e50;font-size:14px;font-weight:600}.help-list{margin:0;padding-left:20px;color:#7f8c8d;font-size:12px;line-height:1.6}.help-list li{margin-bottom:5px}.no-selection{display:flex;align-items:center;justify-content:center;height:100%;padding:40px 20px}.no-selection-content{text-align:center;color:#7f8c8d}.no-selection-content h3{margin:0 0 10px;color:#2c3e50;font-size:18px;font-weight:600}.no-selection-content p{margin:0 0 20px;font-size:14px}.selection-tips{display:flex;flex-direction:column;gap:10px}.tip-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8f9fa;border-radius:6px;font-size:12px}.tip-icon{font-size:16px}.rich-text-toggle{margin-bottom:15px}.toggle-btn{padding:8px 16px;border:2px solid #3498db;background:#fff;color:#3498db;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.toggle-btn:hover,.toggle-btn.active{background:#3498db;color:#fff}.rich-text-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:6px;margin-bottom:10px}.rich-text-toolbar .toolbar-btn{padding:6px 10px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.rich-text-toolbar .toolbar-btn:hover{background:#e9ecef;border-color:#3498db}.rich-text-toolbar .toolbar-btn:active{background:#3498db;color:#fff}.toolbar-divider{width:1px;height:24px;background:#ddd;margin:0 4px}.toolbar-select{padding:4px 8px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:12px;height:32px}.toolbar-color{width:32px;height:32px;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:0}.rich-text-editor{min-height:120px;padding:12px;border:1px solid #ddd;border-radius:6px;background:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:1.6;outline:none;overflow-y:auto;word-wrap:break-word}.rich-text-editor:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.rich-text-editor h1,.rich-text-editor h2,.rich-text-editor h3{margin:.5em 0;font-weight:700}.rich-text-editor h1{font-size:1.5em}.rich-text-editor h2{font-size:1.3em}.rich-text-editor h3{font-size:1.1em}.rich-text-editor p{margin:.5em 0}.rich-text-editor ul,.rich-text-editor ol{margin:.5em 0;padding-left:20px}.rich-text-editor a{color:#3498db;text-decoration:underline}.rich-text-editor a:hover{color:#2980b9}.image-editor-btn{width:100%;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.image-editor-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.image-editor-modal{position:fixed;inset:0;background:#000c;z-index:5000;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .3s ease}.image-editor-content{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.image-editor-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e1e5e9}.image-editor-header h3{margin:0;color:#2c3e50;font-size:20px;font-weight:600}.image-editor-actions{display:flex;gap:10px}.image-editor-body{display:flex;flex:1;overflow:hidden}.image-preview{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:#f8f9fa;border-right:1px solid #e1e5e9}.image-controls{width:300px;padding:20px;overflow-y:auto;background:#fff}.control-group{margin-bottom:20px}.control-group label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}.control-group input[type=range]{width:100%;height:6px;border-radius:3px;background:#e1e5e9;outline:none;-webkit-appearance:none}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3498db;cursor:pointer;box-shadow:0 2px 6px #3498db4d}.control-group input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3498db;cursor:pointer;border:none;box-shadow:0 2px 6px #3498db4d}.control-group input[type=text]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.control-group input[type=text]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.canvas-container{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;background:#ecf0f1}.design-canvas{width:800px;height:600px;background:#fff;border:2px solid #bdc3c7;border-radius:8px;position:relative;box-shadow:0 4px 20px #0000001a;overflow:hidden}.design-element{position:absolute;border:2px solid transparent;cursor:move;transition:border-color .2s ease;min-width:50px;min-height:20px}.design-element:hover{border-color:#3498db}.design-element.selected{border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c33;position:relative}.design-element.selected:before{content:"SELECTED";position:absolute;top:-25px;left:0;background:#e74c3c;color:#fff;padding:2px 8px;font-size:10px;font-weight:700;border-radius:3px;z-index:10}.text-content{width:100%;height:100%;display:flex;align-items:center;padding:4px;word-wrap:break-word;overflow:hidden}.design-element img{border-radius:4px}.resize-handle{position:absolute;background:#3498db;border:1px solid white;z-index:10;border-radius:50%}.resize-handle.nw{top:-4px;left:-4px;width:8px;height:8px;cursor:nw-resize}.resize-handle.ne{top:-4px;right:-4px;width:8px;height:8px;cursor:ne-resize}.resize-handle.sw{bottom:-4px;left:-4px;width:8px;height:8px;cursor:sw-resize}.resize-handle.se{bottom:-4px;right:-4px;width:8px;height:8px;cursor:se-resize}.resize-handle.n{top:-4px;left:50%;transform:translate(-50%);width:8px;height:8px;cursor:n-resize}.resize-handle.s{bottom:-4px;left:50%;transform:translate(-50%);width:8px;height:8px;cursor:s-resize}.resize-handle.e{top:50%;right:-4px;transform:translateY(-50%);width:8px;height:8px;cursor:e-resize}.resize-handle.w{top:50%;left:-4px;transform:translateY(-50%);width:8px;height:8px;cursor:w-resize}.resize-handle:hover{background:#2980b9;transform:scale(1.2)}@media (max-width: 1200px){.properties-panel{width:250px}.design-canvas{width:600px;height:450px}}@media (max-width: 768px){.design-toolbar{flex-direction:column;gap:10px;padding:10px}.toolbar-section{width:100%;justify-content:center}.design-workspace{flex-direction:column}.properties-panel{width:100%;max-height:200px;border-right:none;border-bottom:1px solid #e0e0e0}.design-canvas{width:100%;max-width:500px;height:400px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.design-editor{animation:fadeIn .3s ease}.properties-panel::-webkit-scrollbar{width:6px}.properties-panel::-webkit-scrollbar-track{background:#f1f1f1}.properties-panel::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.properties-panel::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.view-design-modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.view-design-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:95vw;max-height:95vh;width:100%;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.header-info{flex:1}.modal-title{font-size:1.5rem;font-weight:600;margin:0 0 8px;color:#fff}.modal-meta{display:flex;gap:16px;font-size:.875rem;opacity:.9}.saved-date,.elements-count{display:flex;align-items:center;gap:4px}.modal-actions{display:flex;gap:8px}.action-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.refresh-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.refresh-btn:hover{background:#ffffff4d}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.close-btn{background:#ef4444e6;color:#fff}.close-btn:hover{background:#ef4444}.modal-body{flex:1;overflow-y:auto;padding:24px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.error-icon{font-size:3rem;margin-bottom:16px}.error-state h3{color:#dc2626;margin:0 0 8px}.error-state p{color:#6b7280;margin:0 0 20px}.retry-btn{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-btn:hover{background:#5a67d8}.retry-btn:disabled{opacity:.5;cursor:not-allowed}.no-design-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.no-design-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.no-design-state h3{color:#374151;margin:0 0 12px}.no-design-state p{color:#6b7280;margin:0 0 8px;max-width:400px}.design-view-container{display:flex;flex-direction:column;gap:24px}.design-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;text-align:center}.info-label{font-size:.875rem;color:#64748b;margin-bottom:4px}.info-value{font-size:1.125rem;font-weight:600;color:#1e293b}.design-canvas-container{display:flex;justify-content:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;padding:20px;overflow:auto;min-height:200px;max-width:100%}.design-canvas-view{background:#fff;border:1px solid #e2e8f0;border-radius:8px;position:relative;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;max-width:100%;max-height:80vh}.design-element{position:absolute;border:2px solid transparent;border-radius:4px;transition:border-color .2s ease;cursor:pointer}.design-element.selected{border-color:#667eea;box-shadow:0 0 0 1px #667eea4d}.design-element:hover{border-color:#667eea80}.text-element{display:flex;align-items:center;padding:4px 8px;min-height:20px}.text-content{width:100%;word-wrap:break-word;line-height:1.4}.image-element{overflow:hidden;min-width:20px;min-height:20px}.resize-handle{position:absolute;width:10px;height:10px;background:#667eea;border:2px solid white;border-radius:50%;cursor:pointer;z-index:1000;pointer-events:auto}.resize-handle.nw{top:-5px;left:-5px;cursor:nw-resize}.resize-handle.ne{top:-5px;right:-5px;cursor:ne-resize}.resize-handle.sw{bottom:-5px;left:-5px;cursor:sw-resize}.resize-handle.se{bottom:-5px;right:-5px;cursor:se-resize}.resize-handle:hover{background:#5a67d8;transform:scale(1.2)}.image-container{width:100%;height:100%;position:relative}.image-element img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%;max-height:100%}.image-caption{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;font-size:12px;padding:4px 8px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-placeholder{display:none;width:100%;height:100%;background:#f3f4f6;border:2px dashed #d1d5db;align-items:center;justify-content:center}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6b7280}.placeholder-icon{font-size:1.5rem}.placeholder-text{font-size:.875rem}.design-elements-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.design-elements-list h3{margin:0 0 16px;color:#1e293b;font-size:1.125rem}.elements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.element-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:box-shadow .2s ease}.element-info-card:hover{box-shadow:0 2px 4px #0000001a}.element-type{font-weight:600;color:#667eea;margin-bottom:8px;font-size:.875rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.note-element-badge{background:#e8f4f8;color:#0c5460;font-size:.75rem;padding:2px 6px;border-radius:4px;font-weight:500}.element-details{display:flex;flex-direction:column;gap:4px}.detail-item{font-size:.875rem;color:#64748b}.detail-item strong{color:#374151}.property-panel{position:fixed;top:50%;right:20px;transform:translateY(-50%);width:300px;max-height:80vh;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:10001;overflow:hidden;display:flex;flex-direction:column}.property-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.property-panel-header h3{margin:0;font-size:1rem;font-weight:600}.close-panel-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.close-panel-btn:hover{background:#fff3}.property-panel-content{flex:1;overflow-y:auto;padding:20px}.property-group{margin-bottom:24px}.property-group h4{margin:0 0 12px;color:#374151;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.property-row{display:flex;align-items:center;margin-bottom:12px;gap:12px}.property-row label{font-size:.875rem;color:#64748b;min-width:80px;font-weight:500}.property-row input,.property-row select,.property-row textarea{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s ease}.property-row input:focus,.property-row select:focus,.property-row textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.property-row input[type=number]{width:80px;flex:none}.property-row input[type=color]{width:40px;height:40px;padding:4px;flex:none;cursor:pointer}.property-row textarea{resize:vertical;min-height:60px}.text-editor{font-family:inherit!important;line-height:inherit!important}.text-display{width:100%;height:100%;display:flex;align-items:center;cursor:text}.text-display:hover{background:#667eea0d;border-radius:2px}@media (max-width: 768px){.view-design-modal-overlay{padding:10px}.modal-header{padding:16px 20px;flex-direction:column;gap:16px;align-items:stretch}.modal-actions{justify-content:flex-end}.modal-body{padding:20px}.design-info,.elements-grid{grid-template-columns:1fr}.design-canvas-container{padding:10px}.design-canvas-view{max-width:100%;max-height:400px;width:100%!important;height:auto!important}.image-element img{object-fit:contain!important;width:100%!important;height:auto!important;max-height:100%!important}.property-panel{position:fixed;inset:0;width:100%;max-height:100vh;transform:none;border-radius:0}}@media (max-width: 480px){.modal-title{font-size:1.25rem}.modal-meta{flex-direction:column;gap:8px}.action-btn{padding:6px 12px;font-size:.8rem}}.enhanced-note-editor-overlay{position:fixed;inset:0;background:#000c;z-index:4000;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .3s ease}.enhanced-note-editor-content{background:#fff;border-radius:12px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:2px solid #f1f3f4;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.editor-header h2{margin:0;font-size:1.8rem;font-weight:700}.header-actions{display:flex;gap:12px}.editor-body{flex:1;overflow-y:auto;padding:30px;max-height:calc(90vh - 100px)}.editor-section{margin-bottom:40px;background:#fafbfc;border-radius:8px;padding:25px;border:1px solid #e1e5e9}.editor-section h3{margin:0 0 20px;color:#2c3e50;font-size:1.3rem;font-weight:600;display:flex;align-items:center;gap:10px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{margin:0}.image-actions{display:flex;gap:8px;align-items:center}.rich-text-help{background:#e8f4f8;border:1px solid #bee5eb;border-radius:6px;padding:12px;margin-bottom:15px;color:#0c5460}.rich-text-help small{font-size:13px;line-height:1.4}.form-group label{font-weight:600;color:#34495e;margin-bottom:8px;font-size:14px}.form-input,.form-textarea{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.form-input:focus,.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea{resize:vertical;min-height:120px;font-family:inherit}.content-mode-toggle{display:flex;background:#e1e5e9;border-radius:8px;padding:4px}.mode-btn{padding:8px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:14px}.mode-btn.active{background:#fff;color:#667eea;box-shadow:0 2px 4px #0000001a}.mode-btn:hover:not(.active){background:#ffffff80}.rich-text-editor{border:2px solid #e1e5e9;border-radius:8px;overflow:hidden;background:#fff}.rich-text-toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e1e5e9;flex-wrap:wrap}.toolbar-btn{padding:8px 12px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:14px;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{background:#f3f4f6;border-color:#9ca3af}.toolbar-btn:active{background:#e5e7eb;transform:translateY(1px)}.toolbar-btn:disabled{opacity:.6;cursor:not-allowed}.toolbar-btn.formatting{background:#667eea;color:#fff;animation:pulse .5s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.toolbar-divider{width:1px;height:24px;background:#d1d5db;margin:0 4px}.toolbar-select{padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;cursor:pointer}.toolbar-color{width:36px;height:36px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:0}.rich-text-content{min-height:300px;padding:20px;font-size:14px;line-height:1.6;outline:none;overflow-y:auto;max-height:500px;background:#fff;border:1px solid #e1e5e9;border-top:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;word-wrap:break-word;white-space:pre-wrap}.rich-text-content:empty:before{content:attr(placeholder);color:#9ca3af;font-style:italic;pointer-events:none}.rich-text-content:focus{border-color:#667eea;box-shadow:inset 0 0 0 1px #667eea}.rich-text-content h1,.rich-text-content h2,.rich-text-content h3,.rich-text-content h4,.rich-text-content h5,.rich-text-content h6{margin:.5em 0;font-weight:700}.rich-text-content p{margin:.5em 0}.rich-text-content ul,.rich-text-content ol{margin:.5em 0;padding-left:2em}.rich-text-content li{margin:.25em 0}.rich-text-content strong{font-weight:700}.rich-text-content em{font-style:italic}.rich-text-content u{text-decoration:underline}.rich-text-content a{color:#007bff;text-decoration:underline;cursor:pointer}.rich-text-content a:hover{color:#0056b3;text-decoration:none}.rich-text-content h1{font-size:2em;font-weight:700;margin:.67em 0}.rich-text-content h2{font-size:1.5em;font-weight:700;margin:.75em 0}.rich-text-content h3{font-size:1.17em;font-weight:700;margin:.83em 0}.rich-text-content blockquote{margin:1em 0;padding-left:1em;border-left:3px solid #ccc;font-style:italic;color:#666}.text-stats{display:flex;gap:15px;padding:8px 16px;background:#f8f9fa;border-top:1px solid #e1e5e9;font-size:12px;color:#666;justify-content:center}.text-stats .stat-item{display:flex;align-items:center;gap:4px;font-weight:500}.text-stats .stat-item.stat-warning{color:#e74c3c;font-weight:600}.text-stats .stat-item.stat-success{color:#27ae60;font-weight:600}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}.image-item{background:#fff;border:2px solid #e1e5e9;border-radius:8px;overflow:hidden;transition:all .2s ease}.image-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.image-preview{position:relative;width:100%;height:150px;overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;background:#f8f9fa;display:flex;align-items:center;justify-content:center;font-size:32px;color:#9ca3af}.image-actions{display:flex;gap:8px;padding:12px;background:#f8f9fa}.image-caption{padding:8px 12px;background:#f1f3f4;font-size:12px;color:#666;text-align:center;border-top:1px solid #e1e5e9}.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-1px)}.btn-sm{padding:6px 12px;font-size:12px}.image-editor-overlay{position:fixed;inset:0;background:#000000e6;z-index:5000;display:flex;justify-content:center;align-items:center;padding:20px}.image-editor-content{background:#fff;border-radius:12px;width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.image-editor-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:2px solid #f1f3f4;background:#2c3e50;color:#fff;border-radius:12px 12px 0 0}.image-editor-header h3{margin:0;font-size:1.5rem;font-weight:600}.image-editor-body{display:flex;flex:1;min-height:500px}.image-editor-canvas{flex:1;padding:20px;background:#f8f9fa;display:flex;justify-content:center;align-items:center}.canvas{position:relative;width:100%;height:400px;background:#fff;border:2px dashed #d1d5db;border-radius:8px;overflow:hidden}.image-container{position:absolute;cursor:move;border:2px solid #667eea;border-radius:4px;overflow:hidden;background:#fff}.image-container img{pointer-events:none}.resize-handle{position:absolute;bottom:-4px;right:-4px;width:12px;height:12px;background:#667eea;border-radius:50%;cursor:se-resize;border:2px solid white}.image-editor-properties{width:300px;padding:20px;background:#f8f9fa;border-left:1px solid #e1e5e9;overflow-y:auto}.image-editor-properties h4{margin:0 0 20px;color:#2c3e50;font-size:1.2rem;font-weight:600}.property-group{margin-bottom:20px}.property-group label{display:block;margin-bottom:8px;font-weight:600;color:#34495e;font-size:14px}.property-group input[type=text]{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.property-group input[type=range]{width:100%;margin:8px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.enhanced-note-editor-overlay{padding:10px}.enhanced-note-editor-content{max-height:95vh}.editor-header{flex-direction:column;gap:15px;padding:15px 20px}.editor-body{padding:20px}.form-row{grid-template-columns:1fr;gap:15px}.rich-text-toolbar{flex-wrap:wrap;gap:6px}.toolbar-btn{min-width:32px;height:32px;font-size:12px}.images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.image-editor-body{flex-direction:column}.image-editor-properties{width:100%;border-left:none;border-top:1px solid #e1e5e9}.canvas{height:300px}}@media (max-width: 480px){.editor-header h2{font-size:1.4rem}.header-actions{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}.rich-text-toolbar{padding:8px 12px}.toolbar-btn{padding:6px 8px;min-width:28px;height:28px}}body.modal-open{overflow:hidden}.tutors-container{padding:20px;max-width:1200px;margin:0 auto;position:relative;z-index:1}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1!important;pointer-events:auto!important}.modal{background:#fff;border-radius:8px;width:500px;max-width:95%;box-shadow:0 4px 12px #00000026;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.tutors-container{padding:20px;max-width:1200px;margin:0 auto}.tutors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.tutors-header h1{margin:0;color:#333}.add-button{background-color:#4caf50;color:#fff;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.add-button:hover{background-color:#45a049}.error-message{background-color:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.error-message button{background:none;border:none;color:#721c24;font-size:18px;cursor:pointer}.tutors-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.tutors-table{width:100%;border-collapse:collapse}.tutors-table th,.tutors-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #eee}.tutors-table th{background-color:#f8f9fa;font-weight:600;color:#333}.tutors-table tr:hover{background-color:#f8f9fa}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-pending{background-color:#fff3cd;color:#856404}.status-active{background-color:#d4edda;color:#155724}.status-inactive{background-color:#f8d7da;color:#721c24}.edit-button,.delete-button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-right:8px}.edit-button{background-color:#007bff;color:#fff}.edit-button:hover{background-color:#0056b3}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover{background-color:#c82333}.no-data{text-align:center;color:#666;font-style:italic}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h2{margin:0;color:#333}.modal-header button{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.tutor-form{padding:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.save-button,.cancel-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.save-button{background-color:#28a745;color:#fff}.save-button:hover{background-color:#218838}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover{background-color:#5a6268}.link-like{background:none;border:none;color:#007bff;cursor:pointer;padding:0}.link-like:hover{text-decoration:underline}.drawer-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:flex-end;z-index:1100}.drawer{width:420px;max-width:95%;background:#fff;height:100%;overflow-y:auto;box-shadow:-2px 0 8px #0000001a;animation:slideIn .25s ease-out}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee}.drawer-header .muted{color:#666;margin-top:4px}.close-btn{background:none;border:none;font-size:22px;cursor:pointer;color:#666}.assignments-list{padding:16px 20px;display:grid;gap:12px}.assignment-card{border:1px solid #eee;border-radius:8px;padding:12px}.assignment-header h3{margin:0 0 8px}.assignment-classes{display:grid;gap:10px}.class-row{display:flex;align-items:center;justify-content:space-between}.class-name{font-weight:600}.small-link{color:#007bff}.small{font-size:12px}.muted{color:#666}.empty{color:#777;font-style:italic}.summary{display:flex;gap:16px;padding:12px 20px;border-top:1px solid #eee}.summary-item{display:grid}.summary-item .label{color:#666;font-size:12px}.summary-item .value{font-weight:700;font-size:16px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:16px}.last-login-info{display:flex;flex-direction:column;gap:2px}.last-login-date{font-size:13px;font-weight:500;color:#333}.last-login-time{font-size:11px;color:#666}.no-login{color:#999;font-style:italic;font-size:12px}.action-buttons{display:flex;gap:6px;align-items:center}.history-button{background-color:#17a2b8;color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .2s ease}.history-button:hover{background-color:#138496}.history-button:active{transform:translateY(1px)}.login-history-modal{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.modal-header h2{margin:0;font-size:24px;font-weight:600}.close-btn{background:#fff3;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.close-btn:hover{background:#ffffff4d}.student-info{padding:20px 24px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.student-info h3{margin:0 0 8px;color:#1f2937;font-size:20px;font-weight:600}.student-username{color:#6b7280;font-size:14px;margin:0 0 4px}.tutor-company{color:#4b5563;font-size:14px;font-weight:500;margin:0}.login-statistics{padding:20px 24px;background:#fff;border-bottom:1px solid #e5e7eb}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-card{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:16px;border-radius:8px;text-align:center;border:1px solid #d1d5db}.stat-number{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:4px}.stat-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.login-history-list{padding:20px 24px}.login-history-list h4{margin:0 0 16px;color:#1f2937;font-size:18px;font-weight:600}.no-history{text-align:center;padding:40px 20px;color:#6b7280;font-style:italic}.history-list{display:flex;flex-direction:column;gap:16px}.history-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s ease}.history-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.history-main{display:flex;gap:16px;align-items:flex-start}.history-time{min-width:120px;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px;border-radius:8px;font-weight:500}.time-date{font-size:14px;margin-bottom:4px}.time-time{font-size:12px;opacity:.9}.history-details{flex:1;display:flex;flex-direction:column;gap:8px}.device-info{display:flex;align-items:center;gap:8px;margin-bottom:8px}.device-icon,.browser-icon{font-size:16px}.device-text{font-size:14px;color:#374151;font-weight:500}.location-info{display:flex;align-items:center;gap:8px;margin-bottom:8px}.location-icon{font-size:16px}.location-text{font-size:14px;color:#374151;font-weight:500}.location-region{color:#6b7280;font-size:12px;margin-left:4px}.isp-info,.coordinates-info,.postal-info,.asn-info,.timezone-info,.currency-info,.languages-info,.calling-code-info{display:flex;align-items:center;gap:8px;font-size:13px}.isp-label,.coordinates-label,.postal-label,.asn-label,.timezone-label,.currency-label,.languages-label,.calling-code-label{color:#6b7280;font-weight:500;min-width:80px}.isp-text,.coordinates-text,.postal-text,.asn-text,.timezone-text,.currency-text,.languages-text,.calling-code-text{color:#374151}.map-link-btn{background:#3b82f6;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;margin-left:8px;transition:background-color .2s ease}.map-link-btn:hover{background:#2563eb}.ip-info{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb}.ip-label{color:#6b7280;font-weight:500;font-size:13px}.ip-address{color:#374151;font-family:Courier New,monospace;font-size:13px;background:#f3f4f6;padding:2px 6px;border-radius:4px}.session-info{margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb}.session-duration{font-size:12px;color:#6b7280;font-style:italic}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f8fafc}.page-btn{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.page-btn:hover:not(:disabled){background:#2563eb}.page-btn:disabled{background:#9ca3af;cursor:not-allowed}.page-info{color:#6b7280;font-size:14px;font-weight:500}.modal-footer{padding:20px 24px;border-top:1px solid #e5e7eb;background:#f8fafc;display:flex;justify-content:center}.close-modal-btn{background:#6b7280;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.close-modal-btn:hover{background:#4b5563}.loading-spinner{border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:16px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.error-message{color:#dc2626;font-size:16px;margin-bottom:16px}.retry-btn{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.retry-btn:hover{background:#b91c1c}@media (max-width: 768px){.action-buttons{flex-direction:column;gap:4px}.history-button,.edit-button,.delete-button{width:100%;margin-right:0}.tutors-table{font-size:12px}.tutors-table th,.tutors-table td{padding:8px 12px}.modal-content{margin:10px;max-height:95vh}.history-main{flex-direction:column;gap:12px}.history-time{min-width:auto;text-align:left}.stat-grid{grid-template-columns:repeat(2,1fr)}}.class-codes-container{padding:20px;max-width:1400px;margin:0 auto}.header{text-align:center;margin-bottom:30px}.header h1{color:#333;margin-bottom:10px;font-size:2.5rem}.header p{color:#666;font-size:1.1rem}.class-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin-top:20px}.class-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #e1e5e9}.class-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.card-header h3{margin:0;font-size:1.4rem;font-weight:600}.level-badge{background:#fff3;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:500}.card-content{padding:20px}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 0;border-bottom:1px solid #f0f0f0}.info-row:last-child{border-bottom:none;margin-bottom:0}.label{font-weight:600;color:#555;font-size:.9rem}.value{color:#333;font-size:.9rem;text-align:right;max-width:60%}.code-value{color:#2c5aa0;font-weight:700;font-size:1.1rem;font-family:Courier New,monospace;background:#f8f9fa;padding:4px 8px;border-radius:4px;border:1px solid #e9ecef}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-active{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-inactive{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-expired{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-none{background:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.class-code-section,.class-codes-section{margin-top:15px;border-top:2px solid #e9ecef;background:#f8f9fa;padding:15px;border-radius:8px}.class-codes-section h4{margin:0 0 15px;color:#333;font-size:1.1rem;font-weight:600}.codes-list{display:flex;flex-direction:column;gap:12px}.code-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:12px;box-shadow:0 2px 4px #0000000d}.code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.code-details{margin-bottom:8px}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.85rem}.detail-row:last-child{margin-bottom:0}.detail-row .label{font-weight:500;color:#555}.detail-row .value{color:#333;text-align:right}.code-actions{display:flex;gap:8px;justify-content:flex-end}.btn-sm{padding:6px 12px;font-size:.8rem;border-radius:4px}.card-actions{padding:20px;background:#f8f9fa;border-top:1px solid #e9ecef;text-align:center}.btn{padding:10px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62;transform:translateY(-1px)}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#1e7e34;transform:translateY(-1px)}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover{background:#e0a800;transform:translateY(-1px)}.loading{text-align:center;padding:40px;font-size:1.2rem;color:#666}.error{text-align:center;padding:40px;color:#dc3545;font-size:1.1rem}.no-classes{text-align:center;padding:60px 20px;color:#666}.no-classes p{font-size:1.1rem;margin:0}@media (max-width: 768px){.class-cards-grid{grid-template-columns:1fr}.class-card{margin-bottom:20px}.card-header{padding:15px}.card-header h3{font-size:1.2rem}.card-content,.card-actions{padding:15px}.info-row{flex-direction:column;align-items:flex-start;gap:4px}.value{text-align:left;max-width:100%}}.assignments-management{padding:20px;max-width:1400px;margin:0 auto}.selection-section{background:#f8f9fa;border-radius:12px;padding:25px;margin-bottom:30px;border:1px solid #e9ecef}.selection-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:20px}.selection-row .form-group{margin-bottom:0}.course-info{background:#fff;border-radius:8px;padding:20px;border:1px solid #dee2e6}.course-info h3{color:#495057;margin-bottom:15px;font-size:1.2rem}.info-item strong{color:#6c757d;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.info-item span{color:#495057;font-weight:500}.questions-section{margin:20px 0;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.questions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.questions-header h3{color:#495057;margin:0;font-size:1.3rem}.add-question-btn{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;transition:background-color .2s}.question-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px;position:relative}.question-number{background:#007bff;color:#fff;padding:5px 12px;border-radius:20px;font-weight:700;font-size:.9rem}.question-type{background:#6c757d;color:#fff;padding:4px 10px;border-radius:15px;font-size:.8rem;text-transform:uppercase}.question-points{background:#28a745;color:#fff;padding:4px 10px;border-radius:15px;font-size:.8rem;font-weight:700}.remove-question-btn{background:#dc3545;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s}.remove-question-btn:hover{background:#c82333}.question-text{font-size:1.1rem;color:#495057;margin-bottom:15px;line-height:1.5}.option{display:flex;align-items:center;gap:12px;padding:10px 15px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;transition:all .2s}.option.correct{background:#d4edda;border-color:#c3e6cb}.option-letter{background:#6c757d;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.option.correct .option-letter{background:#28a745}.option-text{flex:1;color:#495057}.correct-icon{color:#28a745;font-size:1.1rem}.no-questions p{font-size:1.1rem;margin:0}.add-question-form{background:#fff;border-radius:8px;padding:20px;border:1px solid #dee2e6}.add-question-form h3{color:#495057;margin-bottom:20px;font-size:1.3rem}.option-input-group{display:flex;align-items:center;gap:12px;margin-bottom:10px}.option-input-group input[type=text]{flex:1;padding:10px 15px;border:1px solid #ced4da;border-radius:6px;font-size:1rem}.option-input-group input[type=radio]{margin:0}.option-input-group label{margin:0;font-weight:500;color:#495057}@media (max-width: 768px){.selection-row{grid-template-columns:1fr;gap:15px}.info-grid{grid-template-columns:1fr}.questions-header{flex-direction:column;gap:15px;align-items:stretch}.question-header{flex-wrap:wrap;gap:10px}.option-input-group{flex-direction:column;align-items:stretch}}.assignments-header{text-align:center;margin-bottom:30px}.assignments-header h1{color:#333;margin-bottom:10px;font-size:2.5rem}.assignments-header p{color:#666;font-size:16px;margin-bottom:20px}.add-assignment-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:15px 30px;border-radius:8px;cursor:pointer;font-weight:700;font-size:16px;display:inline-flex;align-items:center;gap:10px;transition:transform .2s}.add-assignment-btn:hover{transform:translateY(-2px)}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.error-message button{background:none;border:none;color:#721c24;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px}.assignments-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f8f9fa}.section-header h2{margin:0;color:#333;font-size:1.8rem}.section-stats{display:flex;gap:20px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:15px 20px;background:#f8f9fa;border-radius:8px;min-width:100px}.stat-number{font-size:1.8rem;font-weight:700;color:#007bff}.stat-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px}.assignments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:25px}.assignment-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;overflow:hidden;transition:all .3s ease}.assignment-card:hover{border-color:#007bff;transform:translateY(-5px);box-shadow:0 10px 25px #007bff33}.assignment-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef}.assignment-header h3{margin:0;color:#333;font-size:1.3rem;font-weight:600}.assignment-actions{display:flex;gap:8px}.action-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.action-btn.primary{background:#007bff;color:#fff}.action-btn.primary:hover{background:#0056b3}.action-btn.edit{background:#ffc107;color:#212529}.action-btn.edit:hover{background:#e0a800}.action-btn.delete{background:#dc3545;color:#fff}.action-btn.delete:hover{background:#c82333}.assignment-content{padding:20px}.assignment-description{color:#666;margin-bottom:20px;line-height:1.5}.assignment-meta{margin-bottom:20px}.meta-row{display:flex;gap:20px;margin-bottom:10px}.meta-item{display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.meta-item i{color:#007bff;width:16px}.overdue-badge{background:#dc3545;color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;margin-left:8px}.assignment-status{display:flex;justify-content:flex-end}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.no-assignments{text-align:center;padding:60px 20px}.no-assignments-icon{font-size:4rem;color:#dee2e6;margin-bottom:20px}.no-assignments h3{color:#333;margin-bottom:10px}.no-assignments p{color:#666;margin-bottom:30px}.add-first-assignment-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:15px 30px;border-radius:8px;cursor:pointer;font-weight:700;font-size:16px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:12px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-content.large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #f8f9fa}.modal-header h2{margin:0;color:#333;font-size:1.5rem}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-btn:hover{background:#f8f9fa;color:#333}.assignment-form{padding:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-weight:700;color:#333}.form-input,.form-textarea{padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:border-color .3s;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:#007bff}.form-textarea{resize:vertical;min-height:100px}.form-options{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:18px;height:18px}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.cancel-btn{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:700}.cancel-btn:hover{background:#545b62}.submit-btn{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:700}.submit-btn:hover{background:#0056b3}.questions-content{padding:20px}.questions-list{display:flex;flex-direction:column;gap:20px}.question-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.question-number{background:#007bff;color:#fff;padding:4px 8px;border-radius:4px;font-weight:700}.question-type{background:#e9ecef;color:#495057;padding:4px 8px;border-radius:4px;font-size:12px;text-transform:uppercase}.question-points{background:#28a745;color:#fff;padding:4px 8px;border-radius:4px;font-weight:700}.question-text{font-size:16px;color:#333;margin-bottom:15px;line-height:1.5}.option{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border:1px solid #e9ecef;border-radius:6px}.option.correct{background:#d4edda;border-color:#28a745}.option-letter{background:#007bff;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.option-text{flex:1}.correct-icon{color:#28a745;margin-left:auto}.results-content{padding:20px}.results-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.summary-card{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center}.summary-card h3{margin:0 0 15px;color:#333}.summary-stat{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.summary-stat:last-child{margin-bottom:0}.submissions-list h3{margin-bottom:20px;color:#333}.submissions-table{border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.table-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;background:#f8f9fa;padding:15px;font-weight:700;border-bottom:1px solid #e9ecef}.questions-header{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.add-question-form{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid #e9ecef}.add-question-form h3{margin-bottom:20px;color:#333;font-size:1.2rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.option-input-group{display:flex;align-items:center;gap:10px;margin-bottom:10px}.option-input-group input[type=text]{flex:1}.option-input-group input[type=radio]{width:auto;margin:0}.option-input-group label{margin:0;font-weight:400;font-size:14px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-primary{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .2s}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .2s}.btn-secondary:hover{background:#545b62}.add-questions-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:transform .2s}.add-questions-btn:hover{transform:translateY(-1px)}.add-questions-btn i{font-size:14px}.assignment-detail-content{padding:20px}.assignment-info-section,.questions-section,.results-section{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.assignment-info-section h3,.questions-section h3,.results-section h3{margin:0 0 20px;color:#2c3e50;font-size:1.2rem;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.info-item{display:flex;flex-direction:column;gap:5px}.info-item label{font-weight:600;color:#6c757d;font-size:.9rem}.info-value{color:#2c3e50;font-size:1rem}.status-select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;background:#fff;font-size:.9rem;color:#2c3e50}.status-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.questions-list{display:flex;flex-direction:column;gap:15px}.question-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e9ecef}.question-info{display:flex;align-items:center;gap:15px}.question-number{background:#007bff;color:#fff;padding:4px 8px;border-radius:4px;font-weight:600;font-size:.8rem}.question-type{background:#e9ecef;color:#6c757d;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.question-points{background:#28a745;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.btn-sm{padding:6px 12px;font-size:.8rem}.question-content{margin-top:10px}.question-text{margin:0 0 15px;font-size:1rem;line-height:1.5;color:#2c3e50}.question-options{display:flex;flex-direction:column;gap:8px}.option{padding:10px 15px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-size:.9rem;color:#495057}.option.correct{background:#d4edda;border-color:#c3e6cb;color:#155724;font-weight:600}.no-questions{text-align:center;padding:40px 20px;color:#6c757d}.no-questions p{margin:0 0 20px;font-size:1.1rem}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:20px}.result-stat{text-align:center;padding:20px;background:#fff;border-radius:8px;border:1px solid #e9ecef}.result-stat .stat-number{display:block;font-size:2rem;font-weight:700;color:#007bff;margin-bottom:5px}.result-stat .stat-label{font-size:.9rem;color:#6c757d;font-weight:500}.assignment-card.clickable{cursor:pointer;transition:all .3s ease}.assignment-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.assignment-detail-page,.add-question-page{min-height:100vh;background:#f8f9fa;position:fixed;inset:0;overflow-y:auto;z-index:1000}.page-header{background:#fff;border-bottom:1px solid #e9ecef;padding:20px 30px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 4px #0000001a}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.back-btn:hover{background:#545b62}.page-title{flex:1}.page-title h1{margin:0;color:#2c3e50;font-size:1.8rem;font-weight:600}.page-title p{margin:5px 0 0;color:#6c757d;font-size:1rem}.status-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.draft{background:#e9ecef;color:#495057}.status-badge.published{background:#d4edda;color:#155724}.status-badge.active{background:#cce5ff;color:#004085}.status-badge.completed{background:#d1ecf1;color:#0c5460}.status-badge.archived{background:#f8d7da;color:#721c24}.detail-content{padding:30px;max-width:1200px;margin:0 auto}.info-section,.questions-section,.results-section{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef}.info-section h2,.questions-section h2,.results-section h2{margin:0 0 25px;color:#2c3e50;font-size:1.5rem;font-weight:600;padding-bottom:15px;border-bottom:2px solid #f8f9fa}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-header h2{margin:0;padding-bottom:0;border-bottom:none}.add-question-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .2s}.add-question-btn:hover{background:#0056b3}.questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.question-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:25px;transition:all .3s ease}.question-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#007bff}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.question-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.question-number{background:#007bff;color:#fff;padding:6px 12px;border-radius:6px;font-weight:700;font-size:.9rem}.question-type{background:#e9ecef;color:#6c757d;padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:500}.question-points{background:#28a745;color:#fff;padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:600}.question-actions{display:flex;gap:8px}.question-content{margin-top:15px}.question-text{margin:0 0 20px;font-size:1.1rem;line-height:1.6;color:#2c3e50;font-weight:500}.question-options{display:flex;flex-direction:column;gap:10px}.option{padding:12px 16px;background:#fff;border:1px solid #e9ecef;border-radius:8px;font-size:.95rem;color:#495057;transition:all .2s}.option.correct{background:#d4edda;border-color:#28a745;color:#155724;font-weight:600}.no-questions{text-align:center;padding:60px 20px;color:#6c757d}.no-questions-icon{font-size:4rem;color:#dee2e6;margin-bottom:20px}.no-questions h3{margin:0 0 10px;color:#495057;font-size:1.3rem}.no-questions p{margin:0 0 30px;font-size:1rem}.add-question-page{background:#f8f9fa}.question-form-container{max-width:800px;margin:0 auto;padding:30px}.question-form{background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 12px #0000001a;border:1px solid #e9ecef}.question-form .form-group{margin-bottom:25px}.question-form .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:1rem}.question-form .form-input,.question-form .form-textarea{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .2s;font-family:inherit}.question-form .form-input:focus,.question-form .form-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.question-form .form-textarea{resize:vertical;min-height:120px}.option-input-group{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.option-input-group input[type=text]{flex:1;margin:0}.option-input-group input[type=radio]{width:18px;height:18px;margin:0}.option-input-group label{margin:0;font-weight:500;color:#495057;cursor:pointer}.question-form .form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:40px;padding-top:25px;border-top:1px solid #e9ecef}@media (max-width: 768px){.assignments-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.form-row .form-group{width:100%}.question-card{margin-bottom:1rem}.info-grid{grid-template-columns:1fr}.question-header{flex-direction:column;align-items:flex-start;gap:10px}.question-info{flex-wrap:wrap}.results-summary{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:15px;padding:20px}.page-title h1{font-size:1.5rem}.detail-content{padding:20px}.info-section,.questions-section,.results-section{padding:20px;margin-bottom:20px}.section-header{flex-direction:column;align-items:flex-start;gap:15px}.questions-grid{grid-template-columns:1fr}.question-form-container{padding:20px}.question-form{padding:25px}.option-input-group{flex-direction:column;align-items:flex-start;gap:8px}.option-input-group input[type=text]{width:100%}.question-form .form-actions{flex-direction:column;gap:10px}.question-form .form-actions button{width:100%}}._attendancePage_16hfa_1{padding:30px;background-color:#f8fafc;min-height:100vh}._header_16hfa_7{margin-bottom:30px;text-align:center}._header_16hfa_7 h1{font-size:2.5rem;color:#1e293b;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:15px}._headerIcon_16hfa_22{color:#3b82f6}._header_16hfa_7 p{color:#64748b;font-size:1.1rem}._controls_16hfa_31{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}._controlRow_16hfa_39{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:end}._formGroup_16hfa_46{display:flex;flex-direction:column}._formGroup_16hfa_46 label{font-weight:600;color:#374151;margin-bottom:8px;font-size:.9rem}._select_16hfa_58,._dateInput_16hfa_59{padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .3s ease;background:#fff}._select_16hfa_58:focus,._dateInput_16hfa_59:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}._select_16hfa_58:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}._loadBtn_16hfa_81{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;justify-content:center}._loadBtn_16hfa_81:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #3b82f666}._loadBtn_16hfa_81:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}._fullAttendanceBtn_16hfa_109{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;justify-content:center}._fullAttendanceBtn_16hfa_109:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}._fullAttendanceBtn_16hfa_109:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}._btnIcon_16hfa_137{font-size:18px}._errorMessage_16hfa_141{background:#fef2f2;color:#dc2626;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid #fecaca;font-weight:500}._statsGrid_16hfa_151{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}._statCard_16hfa_158{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:20px;transition:transform .3s ease}._statCard_16hfa_158:hover{transform:translateY(-2px)}._statIcon_16hfa_173{font-size:2.5rem;color:#3b82f6;background:#eff6ff;padding:15px;border-radius:12px}._statContent_16hfa_181 h3{font-size:2rem;color:#1e293b;margin-bottom:5px;font-weight:700}._statContent_16hfa_181 p{color:#64748b;font-weight:600;font-size:.9rem}._attendanceTable_16hfa_194{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}._tableHeader_16hfa_201{background:#f8fafc;padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}._tableHeader_16hfa_201 h3{color:#1e293b;font-size:1.5rem;display:flex;align-items:center;gap:10px}._tableIcon_16hfa_218{color:#3b82f6}._tableHeader_16hfa_201 p{color:#64748b;font-weight:500}._tableContainer_16hfa_227{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:15px;text-align:left;border-bottom:1px solid #e5e7eb}th{background:#f8fafc;font-weight:600;color:#374151;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}td{color:#1e293b}._statusBadge_16hfa_256{color:#fff;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}._entryCount_16hfa_266{background:#f3f4f6;color:#374151;padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:500}._codeBadge_16hfa_275{background:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:600;font-family:Courier New,monospace;letter-spacing:.5px}._viewBtn_16hfa_286{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px}._viewBtn_16hfa_286:hover{background:#2563eb;transform:translateY(-1px)}._modalOverlay_16hfa_307{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}._modal_16hfa_307{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}._modalHeader_16hfa_331{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border-radius:12px 12px 0 0}._modalHeader_16hfa_331 h3{color:#1e293b;font-size:1.5rem;margin:0}._closeBtn_16hfa_347{background:none;border:none;font-size:2rem;color:#64748b;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}._closeBtn_16hfa_347:hover{background:#e5e7eb;color:#374151}._modalContent_16hfa_368{padding:20px}._studentStats_16hfa_372{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:30px;padding:20px;background:#f8fafc;border-radius:8px}._statItem_16hfa_382{text-align:center}._statLabel_16hfa_386{display:block;color:#64748b;font-size:.9rem;font-weight:500;margin-bottom:5px}._statValue_16hfa_394{display:block;color:#1e293b;font-size:1.5rem;font-weight:700}._historyTable_16hfa_401 h4{color:#1e293b;margin-bottom:15px;font-size:1.2rem}._historyTable_16hfa_401 table{font-size:.9rem}._historyTable_16hfa_401 th,._historyTable_16hfa_401 td{padding:12px}._attendanceSummary_16hfa_417{background:#f8fafc;padding:20px;border-radius:8px;margin-bottom:30px}._attendanceSummary_16hfa_417 h4{color:#1e293b;margin-bottom:15px;font-size:1.2rem}._summaryStats_16hfa_430{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}._summaryItem_16hfa_436{display:flex;flex-direction:column;align-items:center;text-align:center}._summaryLabel_16hfa_443{color:#64748b;font-size:.9rem;font-weight:500;margin-bottom:5px}._summaryValue_16hfa_450{color:#1e293b;font-size:1.5rem;font-weight:700}._calendarContainer_16hfa_456{margin-bottom:30px}._calendarContainer_16hfa_456 h4{color:#1e293b;margin-bottom:15px;font-size:1.2rem}._calendarTable_16hfa_466{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}._calendarTable_16hfa_466 table{width:100%;border-collapse:collapse}._calendarTable_16hfa_466 th{background:#f8fafc;padding:15px 10px;text-align:center;border-right:1px solid #e5e7eb;font-weight:600;color:#374151}._calendarTable_16hfa_466 th:last-child{border-right:none}._scheduledDay_16hfa_490{background:#dbeafe!important;color:#1e40af!important}._dayHeader_16hfa_495{display:flex;flex-direction:column;align-items:center;gap:5px}._dayName_16hfa_502{font-weight:600;font-size:.9rem}._dayDate_16hfa_507{font-size:1.2rem;font-weight:700}._scheduleInfo_16hfa_512{font-size:.7rem;color:#1e40af;font-weight:500}._dayStats_16hfa_518{font-size:.8rem;color:#374151;font-weight:600;margin-top:5px}._calendarCell_16hfa_525{padding:15px 8px;text-align:left;border-right:1px solid #e5e7eb;vertical-align:top;min-height:200px;max-width:200px}._calendarCell_16hfa_525:last-child{border-right:none}._attendanceStatus_16hfa_538{display:flex;flex-direction:column;height:100%;min-height:180px}._scheduledAttendance_16hfa_545{display:flex;flex-direction:column;gap:10px;height:100%}._attendanceSummary_16hfa_417{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}._studentList_16hfa_562{flex:1;overflow-y:auto;max-height:120px}._studentListHeader_16hfa_568{margin-bottom:8px;font-size:.8rem;font-weight:600}._presentLabel_16hfa_574{color:#10b981}._absentLabel_16hfa_578{color:#ef4444}._studentItems_16hfa_582{display:flex;flex-direction:column;gap:4px}._studentItem_16hfa_582{background:#f8fafc;padding:6px 8px;border-radius:4px;border-left:3px solid #e5e7eb;font-size:.75rem}._studentName_16hfa_596{font-weight:600;color:#374151;margin-bottom:2px}._studentDetails_16hfa_602{display:flex;justify-content:space-between;align-items:center;gap:4px}._username_16hfa_609{color:#64748b;font-size:.7rem}._extraStudents_16hfa_614{margin-top:8px;font-size:.7rem}._extraStudentItem_16hfa_619{background:#fef3c7;padding:4px 6px;border-radius:3px;margin-bottom:2px;color:#92400e}._statusIndicator_16hfa_627{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#fff}._statusIndicator_16hfa_627._present_16hfa_574{background:#10b981}._statusIndicator_16hfa_627._absent_16hfa_578{background:#ef4444}._statusText_16hfa_647{font-weight:600;font-size:.9rem;color:#374151}._usageCount_16hfa_653{font-size:.8rem;color:#64748b;background:#f3f4f6;padding:2px 6px;border-radius:4px}._extraAttendance_16hfa_661{display:flex;flex-direction:column;align-items:center;gap:5px}._fireEmoji_16hfa_668{font-size:1.5rem;animation:_pulse_16hfa_1 2s infinite}@keyframes _pulse_16hfa_1{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}._extraCount_16hfa_679{font-size:1.2rem;font-weight:700;color:#f59e0b}._extraText_16hfa_685{font-size:.8rem;color:#64748b;font-weight:500}._noActivity_16hfa_691{color:#9ca3af;font-size:1.2rem}._legend_16hfa_696{background:#f8fafc;padding:15px;border-radius:8px;border:1px solid #e5e7eb}._legend_16hfa_696 h5{color:#1e293b;margin-bottom:10px;font-size:1rem}._legendItems_16hfa_709{display:flex;flex-wrap:wrap;gap:20px}._legendItem_16hfa_709{display:flex;align-items:center;gap:8px}._legendIndicator_16hfa_721{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff}._legendIndicator_16hfa_721._present_16hfa_574{background:#10b981}._legendIndicator_16hfa_721._absent_16hfa_578{background:#ef4444}._legendItem_16hfa_709 span{font-size:.9rem;color:#374151;font-weight:500}@media (max-width: 768px){._attendancePage_16hfa_1{padding:15px}._header_16hfa_7 h1{font-size:2rem;flex-direction:column;gap:10px}._controlRow_16hfa_39{grid-template-columns:1fr}._statsGrid_16hfa_151{grid-template-columns:repeat(2,1fr)}._statCard_16hfa_158{flex-direction:column;text-align:center;gap:15px}._tableHeader_16hfa_201{flex-direction:column;gap:10px;text-align:center}._modal_16hfa_307{margin:10px;max-height:95vh}._studentStats_16hfa_372{grid-template-columns:1fr}._summaryStats_16hfa_430{grid-template-columns:repeat(2,1fr)}._legendItems_16hfa_709{flex-direction:column;gap:10px}._calendarTable_16hfa_466{font-size:.7rem}._calendarCell_16hfa_525{padding:10px 5px;min-height:150px;max-width:150px}._statusIndicator_16hfa_627{width:30px;height:30px;font-size:1rem}._studentItem_16hfa_582{padding:4px 6px;font-size:.7rem}._studentName_16hfa_596{font-size:.7rem}._username_16hfa_609{font-size:.65rem}}@media (max-width: 480px){._statsGrid_16hfa_151{grid-template-columns:1fr}._tableContainer_16hfa_227{font-size:.8rem}th,td{padding:10px 8px}}.tutor-dashboard{display:flex;min-height:100vh;background-color:#f8f9fa}.dashboard-sidebar{width:280px;background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:1000}.sidebar-header{padding:24px;border-bottom:1px solid #e9ecef}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#ff6b35,#f7931e,#4ecdc4);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:24px}.logo-text h2{margin:0;font-size:16px;font-weight:700;color:#2c3e50;line-height:1.2}.logo-text p{margin:0;font-size:12px;color:#7f8c8d;font-weight:500}.sidebar-nav{flex:1;padding:24px 0}.nav-item{width:100%;padding:16px 24px;background:none;border:none;display:flex;align-items:center;gap:16px;color:#6c757d;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.nav-item:hover{background-color:#f8f9fa;color:#495057}.nav-item.active{background-color:#fff3cd;color:#856404;border-right:3px solid #ffc107}.nav-item svg{width:20px;height:20px}.sidebar-footer{padding:24px;border-top:1px solid #e9ecef}.user-profile{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;background:#e9ecef;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6c757d}.user-info h4{margin:0;font-size:14px;font-weight:600;color:#2c3e50}.user-info p{margin:0;font-size:12px;color:#6c757d}.last-login-info{margin:4px 0 0!important;color:#28a745!important;font-size:11px!important;display:flex;align-items:center;gap:4px}.last-login-info svg{font-size:10px}.profile-dropdown{background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;margin-left:auto}.dashboard-main{flex:1;margin-left:280px;padding:32px;overflow-y:auto}.dashboard-overview h1{font-size:28px;font-weight:600;color:#2c3e50;margin-bottom:32px;line-height:1.3}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:32px}.dashboard-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef}.self-registration{grid-column:1;display:flex;flex-direction:column;align-items:center;text-align:center}.card-icon{width:64px;height:64px;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;margin-bottom:16px}.self-registration h3{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 12px}.self-registration p{color:#6c757d;margin:0 0 24px;line-height:1.5}.generate-code-btn{background:#2c3e50;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.generate-code-btn:hover{background:#34495e}.metrics-column{grid-column:2;display:flex;flex-direction:column;gap:16px}.metric-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;text-align:center}.metric-card h4{margin:0 0 12px;font-size:14px;color:#6c757d;font-weight:500}.metric-value{font-size:24px;font-weight:700;color:#2c3e50}.performance-card{grid-column:3;grid-row:1 / 3}.performance-card h3{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 12px}.performance-card p{color:#6c757d;margin:0 0 24px;line-height:1.5}.performance-tabs{display:flex;gap:8px;margin-bottom:24px}.tab-btn{padding:8px 16px;border:1px solid #e9ecef;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.tab-btn.active{background:#2c3e50;color:#fff;border-color:#2c3e50}.quiz-score-card{grid-column:1;grid-row:2}.quiz-score-card h3{font-size:18px;font-weight:600;color:#2c3e50;margin:0 0 8px}.quiz-score-card p{color:#6c757d;margin:0 0 16px;font-size:14px}.students-management h1{font-size:28px;font-weight:600;color:#2c3e50;margin-bottom:24px}.filters-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef}.filter-row{display:flex;gap:16px;align-items:center;margin-bottom:16px}.filter-row:last-child{margin-bottom:0}.filter-select{padding:10px 16px;border:1px solid #e9ecef;border-radius:8px;background:#fff;font-size:14px;min-width:150px}.search-box{position:relative;flex:1;max-width:300px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d}.search-box input{width:100%;padding:10px 16px 10px 40px;border:1px solid #e9ecef;border-radius:8px;font-size:14px}.filter-btn{padding:10px 16px;border:1px solid #e9ecef;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .2s ease}.filter-btn:hover{background:#f8f9fa}.reset-btn{padding:10px 16px;background:#2c3e50;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}.reset-btn:hover{background:#34495e}.students-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef}.students-table table{width:100%;border-collapse:collapse}.students-table th{background:#f8f9fa;padding:16px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:1px solid #e9ecef}.students-table td{padding:16px;border-bottom:1px solid #e9ecef;vertical-align:middle}.students-table tr:hover{background:#f8f9fa}.student-name{color:#007bff;text-decoration:none;font-weight:500}.student-name:hover{text-decoration:underline}.performance-badge{background:#d4edda;color:#155724;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.action-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s ease}.action-btn:hover{background:#e9ecef}.schools-management h1{font-size:28px;font-weight:600;color:#2c3e50;margin-bottom:8px}.schools-management p{color:#6c757d;margin-bottom:24px;font-size:16px}.search-section{margin-bottom:24px}.schools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.school-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;text-align:center}.school-icon{width:64px;height:64px;background:linear-gradient(135deg,#4ecdc4,#44a08d);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;margin:0 auto 16px}.school-card h3{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 8px}.school-card p{color:#6c757d;margin:0 0 16px}.school-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:14px}.status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status.active{background:#d4edda;color:#155724}.view-school-btn{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;margin:0 auto;transition:background-color .2s ease}.view-school-btn:hover{background:#0056b3}.lessons-management h1{font-size:28px;font-weight:600;color:#2c3e50;margin-bottom:24px}.lesson-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.lesson-filters .filter-btn{padding:12px 20px;border:1px solid #e9ecef;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .2s ease;font-weight:500}.lesson-filters .filter-btn.active{background:#2c3e50;color:#fff;border-color:#2c3e50}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.lesson-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;text-align:center}.lesson-icon{width:64px;height:64px;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;margin:0 auto 16px}.lesson-card h3{font-size:18px;font-weight:600;color:#2c3e50;margin:0 0 8px}.lesson-card p{color:#6c757d;margin:0 0 16px}.form-links-management h1{font-size:28px;font-weight:600;color:#2c3e50;margin-bottom:24px}.empty-state{text-align:center;padding:80px 24px;color:#6c757d}.empty-state svg{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:18px;margin:0}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr 1fr}.performance-card{grid-column:1 / -1;grid-row:auto}}@media (max-width: 768px){.dashboard-sidebar{transform:translate(-100%);transition:transform .3s ease}.dashboard-main{margin-left:0;padding:16px}.dashboard-grid{grid-template-columns:1fr}.filter-row{flex-direction:column;align-items:stretch}.search-box{max-width:none}.students-table{overflow-x:auto}}.login-history-management{padding:24px}.login-history-management h1{margin:0 0 8px;color:#2c3e50;font-size:28px;font-weight:700}.login-history-management p{color:#6c757d;margin-bottom:24px;font-size:16px}.login-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.login-history-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;transition:all .3s ease}.login-history-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.login-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e9ecef}.login-time{display:flex;align-items:center;gap:12px}.login-time svg{color:#6c757d;font-size:16px}.login-date{font-weight:600;color:#2c3e50;font-size:14px}.login-time-text{color:#6c757d;font-size:12px}.login-status .status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase}.login-status .status-badge.active{background-color:#d4edda;color:#155724}.login-details{display:flex;flex-direction:column;gap:8px}.login-info-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#495057}.login-info-row svg{color:#6c757d;font-size:12px;width:14px}.map-link-btn{background:#007bff;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;margin-left:auto;transition:background-color .2s ease}.map-link-btn:hover{background:#0056b3}.error-message{display:flex;align-items:center;gap:8px;color:#dc3545;background:#f8d7da;padding:12px;border-radius:6px;margin-bottom:16px}.error-message svg{font-size:16px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.loading-spinner{border:4px solid #f3f4f6;border-top:4px solid #007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6c757d;text-align:center}.empty-state svg{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:16px;margin:0}@media (max-width: 768px){.login-history-grid{grid-template-columns:1fr}.login-history-card{padding:16px}}.parent-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.parent-login-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:450px;position:relative;overflow:hidden}.parent-login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#667eea,#764ba2)}.parent-login-header{text-align:center;margin-bottom:30px}.parent-login-header h1{color:#333;font-size:2.2rem;font-weight:700;margin:0 0 10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.parent-login-header p{color:#666;font-size:1rem;margin:0;font-weight:400}.parent-login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-weight:600;font-size:.95rem}.form-group input{padding:15px 20px;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f8f9fa}.form-group input:disabled{background:#f0f0f0;cursor:not-allowed}.error-message{background:#fee;color:#c33;padding:12px 16px;border-radius:8px;font-size:.9rem;border:1px solid #fcc;text-align:center}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.parent-login-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #e1e5e9}.parent-login-footer p{color:#666;font-size:.9rem;margin:8px 0}.back-link{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease}.back-link:hover{color:#764ba2}@media (max-width: 480px){.parent-login-container{padding:10px}.parent-login-card{padding:30px 20px}.parent-login-header h1{font-size:1.8rem}.form-group input{padding:12px 16px}.login-button{padding:14px 20px}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.login-button:disabled{animation:pulse 1.5s infinite}.parent-dashboard{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.dashboard-container{max-width:1200px;margin:0 auto;background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000001a}.dashboard-container h1{color:#2d1b69;font-size:2.5rem;margin-bottom:20px;text-align:center}.dashboard-container>p{color:#666;font-size:1.2rem;text-align:center;margin-bottom:40px}.dashboard-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.info-card{background:#f8f9fa;padding:30px;border-radius:15px;border:2px solid #e9ecef;transition:all .3s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a;border-color:#667eea}.info-card h3{color:#2d1b69;font-size:1.5rem;margin-bottom:15px}.info-card p{color:#666;line-height:1.6}.dashboard-footer{text-align:center;padding-top:30px;border-top:2px solid #e9ecef}.dashboard-footer p{color:#666;font-style:italic}@media (max-width: 768px){.dashboard-container{padding:20px;margin:10px}.dashboard-container h1{font-size:2rem}.dashboard-content{grid-template-columns:1fr;gap:20px}.info-card{padding:20px}}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 15px}.main-header{background-color:#2c3e50;color:#fff;padding:1rem 0;box-shadow:0 2px 5px #0000001a}.main-header h1{margin:0;font-size:1.8rem}.main-header h1 a{color:#fff;text-decoration:none}.main-header nav{display:flex;gap:1.5rem;margin-top:1rem}.main-header nav a{color:#ecf0f1;text-decoration:none;font-weight:500;transition:color .3s}.main-header nav a:hover{color:#3498db}.main-header nav a.active{color:#3498db;border-bottom:2px solid #3498db;padding-bottom:5px}.login-section{display:flex;justify-content:space-between;margin:3rem 0;gap:2rem}.login-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:450px}.login-container h2{margin-top:0;color:#2c3e50;font-size:1.8rem}.login-container p{color:#7f8c8d;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#2c3e50}.form-group input{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.form-group input:focus{border-color:#3498db;outline:none}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.9rem}.forgot-password{color:#3498db;text-decoration:none}.forgot-password:hover{text-decoration:underline}.btn{display:inline-block;padding:.8rem 1.5rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s;width:100%}.btn:hover{background-color:#2980b9}.register-link{margin-top:1.5rem;text-align:center;font-size:.9rem}.register-link a{color:#3498db;text-decoration:none}.register-link a:hover{text-decoration:underline}.login-info{background-color:#e8f4fc;padding:2rem;border-radius:8px;max-width:450px}.login-info h3{margin-top:0;color:#2c3e50}.login-info ul{padding-left:1.2rem}.login-info li{margin-bottom:.5rem}.contact-support{margin-top:2rem;padding-top:1rem;border-top:1px solid #d6eaf8}.contact-support a{color:#3498db;text-decoration:none}.contact-support a:hover{text-decoration:underline}.main-footer{background-color:#2c3e50;color:#fff;text-align:center;padding:1.5rem 0;margin-top:3rem}.main-footer p{margin:0;font-size:.9rem}@media (max-width: 768px){.login-section{flex-direction:column}.login-container,.login-info{max-width:100%}}.school-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:400px;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#333;font-size:28px;font-weight:600;margin-bottom:8px}.login-header p{color:#666;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#333;font-weight:500;font-size:14px}.form-group input{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fafbfc}.form-group input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.error-message{background:#fee;color:#c53030;padding:12px 16px;border-radius:8px;font-size:14px;border:1px solid #feb2b2;text-align:center}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #e1e5e9}.login-footer p{color:#666;font-size:12px;margin:0}@media (max-width: 480px){.login-card{padding:30px 20px;margin:10px}.login-header h1{font-size:24px}}.school-dashboard{display:flex;min-height:100vh;background:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.school-dashboard.sidebar-open .main-content{margin-left:250px}.school-dashboard.sidebar-closed .main-content{margin-left:0}.main-content{flex:1;transition:margin-left .3s ease;min-height:100vh}.main-header{background:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:100}.sidebar-toggle{background:#667eea;color:#fff;border:none;padding:.8rem;border-radius:8px;cursor:pointer;font-size:1.2rem;display:none;transition:background .3s ease}.sidebar-toggle:hover{background:#5a6fd8}.main-header h1{color:#333;margin:0;font-size:1.8rem;font-weight:600}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:#667eea;font-size:1.1rem;margin:0}.error-container h2{color:#d32f2f;margin-bottom:1rem;font-size:1.5rem}.error-container p{color:#666;margin-bottom:2rem;font-size:1.1rem}.retry-button{background:#667eea;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .3s ease}.retry-button:hover{background:#5a6fd8}@media (max-width: 768px){.school-dashboard.sidebar-open .main-content{margin-left:0}.sidebar-toggle{display:block}.main-header{padding:1rem}.main-header h1{font-size:1.5rem}}.sidebar{width:250px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:0;height:100vh;position:fixed;left:0;top:0;z-index:1000;transition:transform .3s ease;box-shadow:2px 0 10px #0000001a}.sidebar-header{padding:2rem 1.5rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.school-logo{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:3px solid rgba(255,255,255,.3)}.sidebar-header h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.school-code{margin:0;font-size:.9rem;opacity:.8;background:#ffffff1a;padding:.3rem .8rem;border-radius:15px;display:inline-block}.sidebar-nav{padding:1rem 0}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{padding:1rem 1.5rem;cursor:pointer;transition:all .3s ease;border-left:3px solid transparent;font-weight:500}.sidebar-nav li:hover{background:#ffffff1a;border-left-color:#ffffff80}.sidebar-nav li.active{background:#fff3;border-left-color:#fff;font-weight:600}.logout-button{position:absolute;bottom:2rem;left:1.5rem;right:1.5rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.8rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.logout-button:hover{background:#fff3;border-color:#ffffff80}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.overview-section{padding:2rem}.overview-section h2{color:#333;margin-bottom:2rem;font-size:1.8rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px #00000026}.stat-card h3{font-size:2.5rem;font-weight:700;color:#667eea;margin:0 0 .5rem}.stat-card p{color:#666;font-size:1rem;margin:0;font-weight:500}.overview-charts{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.chart-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.chart-card h3{color:#333;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.recent-activities-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.recent-activities-card h3{color:#333;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.recent-activities-card ul{list-style:none;padding:0;margin:0}.recent-activities-card li{padding:.8rem 0;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.recent-activities-card li:last-child{border-bottom:none}.activity-message{color:#333;font-size:.9rem;flex:1}.activity-date{color:#666;font-size:.8rem;font-weight:500}@media (max-width: 768px){.overview-section{padding:1rem}.overview-charts{grid-template-columns:1fr;gap:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card h3{font-size:2rem}}.classes-section{padding:2rem}.classes-section h2{color:#333;margin-bottom:2rem;font-size:1.8rem;font-weight:600}.classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.class-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.class-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026;border-color:#667eea}.class-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.class-header h3{color:#333;margin:0;font-size:1.3rem;font-weight:600}.class-level{background:#667eea;color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:500}.class-stats{display:flex;gap:1rem;margin-bottom:1rem}.stat{text-align:center;flex:1}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:#667eea}.stat-label{font-size:.8rem;color:#666;font-weight:500}.class-tutor{margin-bottom:1rem;padding:.5rem;background:#f8f9fa;border-radius:8px;font-size:.9rem;color:#555}.class-schedule{display:flex;flex-direction:column;gap:.3rem;padding:.8rem;background:#f0f8ff;border-radius:8px;border-left:4px solid #667eea}.schedule-label{font-size:.8rem;color:#666;font-weight:600;text-transform:uppercase}.schedule-time{font-size:.9rem;color:#333;font-weight:500}.no-classes{grid-column:1 / -1;text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.no-classes p{color:#666;font-size:1.1rem;margin:0}@media (max-width: 768px){.classes-section{padding:1rem}.classes-grid{grid-template-columns:1fr;gap:1rem}.class-card{padding:1rem}.class-stats{gap:.5rem}}.students-section{padding:2rem}.students-section h2{color:#333;margin-bottom:2rem;font-size:1.8rem;font-weight:600}.students-table-container{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.students-table{width:100%;border-collapse:collapse;min-width:800px}.students-table th{background:#f8f9fa;font-weight:600;color:#333;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.students-table td{vertical-align:middle}.student-info{display:flex;flex-direction:column;gap:.2rem}.student-info strong{color:#333;font-size:1rem;font-weight:600}.student-info small{color:#666;font-size:.8rem}.class-info{display:flex;flex-direction:column;gap:.2rem}.class-name{color:#333;font-weight:500;font-size:.9rem}.class-level{color:#666;font-size:.8rem;background:#f0f0f0;padding:.2rem .5rem;border-radius:10px;display:inline-block;width:fit-content}.points-display{display:flex;align-items:center;gap:.5rem}.points-number{font-weight:600;color:#667eea;font-size:1rem;min-width:30px}.performance-bar{width:60px;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.status-badge{padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-inactive{background:#f8d7da;color:#721c24}.action-buttons{display:flex;gap:.3rem;flex-wrap:wrap}.action-button{padding:.3rem .8rem;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .3s ease;white-space:nowrap}.no-students{text-align:center;color:#666;font-style:italic;padding:3rem}@media (max-width: 768px){.students-section{padding:1rem}.students-table{font-size:.8rem}.students-table th,.students-table td{padding:.8rem .5rem}.action-buttons{flex-direction:column;gap:.2rem}.action-button{padding:.2rem .6rem;font-size:.7rem}.points-display{flex-direction:column;align-items:flex-start;gap:.3rem}.performance-bar{width:100%}}.class-detail-section{padding:2rem}.back-button{background:#667eea;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;margin-bottom:2rem;transition:background .3s ease}.back-button:hover{background:#5a6fd8}.class-detail-section h2{color:#333;margin-bottom:2rem;font-size:1.8rem;font-weight:600}.class-detail-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.detail-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center}.detail-card h3{color:#333;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.detail-card p{font-size:2rem;font-weight:700;color:#667eea;margin:0 0 .5rem}.detail-card small{color:#666;font-size:.9rem}.enrolled-courses{margin-bottom:2rem}.enrolled-courses h3{color:#333;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.course-card{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;border-left:4px solid #667eea}.course-card h4{color:#333;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.course-code{color:#666;font-size:.9rem;margin:0 0 .5rem;font-weight:500}.course-description{color:#555;font-size:.9rem;margin:0 0 1rem}.course-status{text-align:right}.status-badge{padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:500;text-transform:uppercase}.status-active{background:#d4edda;color:#155724}.status-completed{background:#cce5ff;color:#004085}.status-pending{background:#fff3cd;color:#856404}.exams-assignments{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.exams-section h3,.assignments-section h3{color:#333;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.exams-grid,.assignments-grid{display:flex;flex-direction:column;gap:1rem}.exam-card,.assignment-card{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.exam-card:hover,.assignment-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.exam-card h4,.assignment-card h4{color:#333;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.exam-description,.assignment-description{color:#555;font-size:.9rem;margin:0 0 1rem}.exam-stats,.assignment-stats{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.8rem;color:#666}.exam-dates,.assignment-dates{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;color:#666}.class-students{margin-bottom:2rem}.class-students h3{color:#333;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.students-table-container{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.students-table{width:100%;border-collapse:collapse}.students-table th,.students-table td{padding:1rem;text-align:left;border-bottom:1px solid #f0f0f0}.students-table th{background:#f8f9fa;font-weight:600;color:#333}.performance-bar{width:100px;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.performance-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.action-button{padding:.3rem .8rem;margin:0 .2rem;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .3s ease}.action-button.view{background:#e3f2fd;color:#1976d2}.action-button.edit{background:#fff3e0;color:#f57c00}.action-button.remove{background:#ffebee;color:#d32f2f}.action-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.exam-results,.assignment-results{padding:2rem}.exam-results h3,.assignment-results h3{color:#333;margin-bottom:2rem;font-size:1.8rem;font-weight:600}.exam-summary,.assignment-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.summary-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center}.summary-card h4{color:#333;margin-bottom:.5rem;font-size:1rem;font-weight:600}.summary-card p{font-size:1.8rem;font-weight:700;color:#667eea;margin:0}.results-table-container{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.results-table{width:100%;border-collapse:collapse}.results-table th,.results-table td{padding:1rem;text-align:left;border-bottom:1px solid #f0f0f0}.results-table th{background:#f8f9fa;font-weight:600;color:#333}.score-badge{background:#e8f5e8;color:#2e7d32;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600}.loading,.error{text-align:center;padding:2rem;font-size:1.1rem}.loading{color:#667eea}.error{color:#d32f2f}@media (max-width: 768px){.class-detail-section{padding:1rem}.exams-assignments{grid-template-columns:1fr;gap:1rem}.class-detail-overview{grid-template-columns:repeat(2,1fr);gap:1rem}.courses-grid{grid-template-columns:1fr}.exam-stats,.assignment-stats{flex-direction:column;gap:.3rem}}.CodeMirror{height:340px!important;color:#fff}.CodeMirror-gutters{background:#1d1e22!important}.CodeMirror-scroll{background:#1d1e22}