@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-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-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-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-content:""}}}@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-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-900:oklch(41.4% .112 45.904);--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-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-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--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-emerald-900:oklch(37.8% .077 168.94);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--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-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--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-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-700:oklch(52.5% .223 3.958);--color-pink-900:oklch(40.8% .153 2.432);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--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-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--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:calc(1.5 / 1);--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:calc(2.25 / 1.875);--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;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--aspect-video:16 / 9;--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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}.teacher-portal{--background:270 30% 6%;--foreground:0 0% 100%;--card:0 0% 100%;--card-foreground:222 47% 11%;--popover:0 0% 100%;--popover-foreground:222 47% 11%;--primary:239 84% 67%;--primary-foreground:0 0% 100%;--secondary:263 70% 50%;--secondary-foreground:0 0% 100%;--muted:210 40% 96%;--muted-foreground:215 16% 47%;--accent:239 84% 67%;--accent-foreground:0 0% 100%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:214 32% 91%;--input:214 32% 91%;--ring:239 84% 67%;--radius:1rem;--gradient-pink:239 84% 67%;--gradient-purple:263 70% 50%;--gradient-violet:250 80% 55%;--glass-bg:0 0% 100%;--glass-border:214 32% 91%;--shadow-pink:0 8px 30px -10px #6467f233;--shadow-purple:0 8px 30px -10px #6b26d926;--shadow-glow:0 4px 20px #6467f21f;--sidebar-background:0 0% 100%;--sidebar-foreground:222 47% 11%;--sidebar-primary:239 84% 67%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:210 40% 96%;--sidebar-accent-foreground:222 47% 11%;--sidebar-border:214 32% 91%;--sidebar-ring:239 84% 67%}.teacher-portal *{border-color:hsl(var(--border))}body.teacher-portal{background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Poppins,sans-serif}html{scroll-behavior:auto}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.-top-0\.5{top:calc(var(--spacing) * -.5)}.-top-3{top:calc(var(--spacing) * -3)}.-top-4{top:calc(var(--spacing) * -4)}.-top-8{top:calc(var(--spacing) * -8)}.-top-10{top:calc(var(--spacing) * -10)}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:0}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-2{top:calc(var(--spacing) * 2)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-3\/4{top:75%}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.top-20{top:calc(var(--spacing) * 20)}.top-\[-10\%\]{top:-10%}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-0\.5{right:calc(var(--spacing) * -.5)}.-right-3{right:calc(var(--spacing) * -3)}.-right-10{right:calc(var(--spacing) * -10)}.-right-12{right:calc(var(--spacing) * -12)}.right-0{right:0}.right-1{right:var(--spacing)}.right-1\/4{right:25%}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-10{right:calc(var(--spacing) * 10)}.right-\[-10\%\]{right:-10%}.-bottom-10{bottom:calc(var(--spacing) * -10)}.-bottom-12{bottom:calc(var(--spacing) * -12)}.bottom-0{bottom:0}.bottom-1\/4{bottom:25%}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-20{bottom:calc(var(--spacing) * 20)}.bottom-\[-10\%\]{bottom:-10%}.-left-10{left:calc(var(--spacing) * -10)}.-left-12{left:calc(var(--spacing) * -12)}.-left-\[37px\]{left:-37px}.left-0{left:0}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.left-1\/3{left:33.3333%}.left-1\/4{left:25%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-10{left:calc(var(--spacing) * 10)}.left-\[-10\%\]{left:-10%}.left-\[11px\]{left:11px}.left-\[50\%\]{left:50%}.-z-10{z-index:calc(10 * -1)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[60\]{z-index:60}.z-\[100\]{z-index:100}.col-span-2{grid-column:span 2/span 2}.col-span-4{grid-column:span 4/span 4}.col-span-full{grid-column:1/-1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:var(--spacing)}.\!mt-6{margin-top:calc(var(--spacing) * 6)!important}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.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-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mt-auto{margin-top:auto}.-mr-5{margin-right:calc(var(--spacing) * -5)}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.-mb-5{margin-bottom:calc(var(--spacing) * -5)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.mb-20{margin-bottom:calc(var(--spacing) * 20)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-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}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.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-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-40{height:calc(var(--spacing) * 40)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-96{height:calc(var(--spacing) * 96)}.h-\[1px\]{height:1px}.h-\[14px\]{height:14px}.h-\[40\%\]{height:40%}.h-\[180px\]{height:180px}.h-\[240px\]{height:240px}.h-\[280px\]{height:280px}.h-\[400px\]{height:400px}.h-\[500px\]{height:500px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.h-svh{height:100svh}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[300px\]{max-height:300px}.max-h-\[380px\]{max-height:380px}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-\[80px\]{min-height:80px}.min-h-\[400px\]{min-height:400px}.min-h-\[500px\]{min-height:500px}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-0{width:0}.w-1{width:var(--spacing)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.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-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-40{width:calc(var(--spacing) * 40)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[--sidebar-width\]{width:--sidebar-width}.w-\[1px\]{width:1px}.w-\[2px\]{width:2px}.w-\[14px\]{width:14px}.w-\[40\%\]{width:40%}.w-\[100px\]{width:100px}.w-\[380px\]{width:380px}.w-\[400px\]{width:400px}.w-\[500px\]{width:500px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.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-\[--skeleton-width\]{max-width:--skeleton-width}.max-w-\[900px\]{max-width:900px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[1600px\]{max-width:1600px}.max-w-lg{max-width:var(--container-lg)}.max-w-max{max-width:max-content}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[100px\]{min-width:100px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.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-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block:0}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * 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-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * 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(var(--spacing) * var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing) * 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)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[24px\]{border-radius:24px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-tl-sm{border-top-left-radius:var(--radius-sm)}.rounded-bl-full{border-bottom-left-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.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{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[\#e2e8f0\]{border-color:#e2e8f0}.border-\[--color-border\]{border-color:--color-border}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-500{border-color:var(--color-amber-500)}.border-amber-500\/20{border-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/20{border-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-100\/50{border-color:#dbeafe80}@supports (color:color-mix(in lab, red, red)){.border-blue-100\/50{border-color:color-mix(in oklab, var(--color-blue-100) 50%, transparent)}}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-200\/60{border-color:#bedbff99}@supports (color:color-mix(in lab, red, red)){.border-blue-200\/60{border-color:color-mix(in oklab, var(--color-blue-200) 60%, transparent)}}.border-blue-500\/20{border-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/20{border-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.border-blue-500\/30{border-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/30{border-color:color-mix(in oklab, var(--color-blue-500) 30%, transparent)}}.border-blue-600{border-color:var(--color-blue-600)}.border-emerald-100{border-color:var(--color-emerald-100)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-500\/30{border-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/30{border-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-green-500\/20{border-color:#00c75833}@supports (color:color-mix(in lab, red, red)){.border-green-500\/20{border-color:color-mix(in oklab, var(--color-green-500) 20%, transparent)}}.border-green-500\/30{border-color:#00c7584d}@supports (color:color-mix(in lab, red, red)){.border-green-500\/30{border-color:color-mix(in oklab, var(--color-green-500) 30%, transparent)}}.border-green-500\/40{border-color:#00c75866}@supports (color:color-mix(in lab, red, red)){.border-green-500\/40{border-color:color-mix(in oklab, var(--color-green-500) 40%, transparent)}}.border-indigo-600{border-color:var(--color-indigo-600)}.border-pink-500\/30{border-color:#f6339a4d}@supports (color:color-mix(in lab, red, red)){.border-pink-500\/30{border-color:color-mix(in oklab, var(--color-pink-500) 30%, transparent)}}.border-purple-200{border-color:var(--color-purple-200)}.border-red-100{border-color:var(--color-red-100)}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.border-red-500\/20{border-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.border-red-500\/30{border-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-100\/50{border-color:#f1f5f980}@supports (color:color-mix(in lab, red, red)){.border-slate-100\/50{border-color:color-mix(in oklab, var(--color-slate-100) 50%, transparent)}}.border-slate-100\/80{border-color:#f1f5f9cc}@supports (color:color-mix(in lab, red, red)){.border-slate-100\/80{border-color:color-mix(in oklab, var(--color-slate-100) 80%, transparent)}}.border-slate-200{border-color:var(--color-slate-200)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.border-yellow-500\/20{border-color:#edb20033}@supports (color:color-mix(in lab, red, red)){.border-yellow-500\/20{border-color:color-mix(in oklab, var(--color-yellow-500) 20%, transparent)}}.border-yellow-500\/30{border-color:#edb2004d}@supports (color:color-mix(in lab, red, red)){.border-yellow-500\/30{border-color:color-mix(in oklab, var(--color-yellow-500) 30%, transparent)}}.border-yellow-500\/40{border-color:#edb20066}@supports (color:color-mix(in lab, red, red)){.border-yellow-500\/40{border-color:color-mix(in oklab, var(--color-yellow-500) 40%, transparent)}}.border-t-transparent{border-top-color:#0000}.border-t-white{border-top-color:var(--color-white)}.border-l-transparent{border-left-color:#0000}.bg-\[\#f8fafc\]{background-color:#f8fafc}.bg-\[--color-bg\]{background-color:--color-bg}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-300{background-color:var(--color-amber-300)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/10{background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\/20{background-color:#eff6ff33}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\/20{background-color:color-mix(in oklab, var(--color-blue-50) 20%, transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-200\/30{background-color:#bedbff4d}@supports (color:color-mix(in lab, red, red)){.bg-blue-200\/30{background-color:color-mix(in oklab, var(--color-blue-200) 30%, transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/10{background-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/20{background-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/10{background-color:#00c7581a}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/10{background-color:color-mix(in oklab, var(--color-green-500) 10%, transparent)}}.bg-green-500\/15{background-color:#00c75826}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/15{background-color:color-mix(in oklab, var(--color-green-500) 15%, transparent)}}.bg-green-500\/20{background-color:#00c75833}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/20{background-color:color-mix(in oklab, var(--color-green-500) 20%, transparent)}}.bg-green-500\/60{background-color:#00c75899}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/60{background-color:color-mix(in oklab, var(--color-green-500) 60%, transparent)}}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-200\/30{background-color:#c7d2ff4d}@supports (color:color-mix(in lab, red, red)){.bg-indigo-200\/30{background-color:color-mix(in oklab, var(--color-indigo-200) 30%, transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-500\/10{background-color:#fe6e001a}@supports (color:color-mix(in lab, red, red)){.bg-orange-500\/10{background-color:color-mix(in oklab, var(--color-orange-500) 10%, transparent)}}.bg-orange-500\/20{background-color:#fe6e0033}@supports (color:color-mix(in lab, red, red)){.bg-orange-500\/20{background-color:color-mix(in oklab, var(--color-orange-500) 20%, transparent)}}.bg-pink-400\/20{background-color:#fb64b633}@supports (color:color-mix(in lab, red, red)){.bg-pink-400\/20{background-color:color-mix(in oklab, var(--color-pink-400) 20%, transparent)}}.bg-pink-400\/30{background-color:#fb64b64d}@supports (color:color-mix(in lab, red, red)){.bg-pink-400\/30{background-color:color-mix(in oklab, var(--color-pink-400) 30%, transparent)}}.bg-pink-500{background-color:var(--color-pink-500)}.bg-pink-500\/20{background-color:#f6339a33}@supports (color:color-mix(in lab, red, red)){.bg-pink-500\/20{background-color:color-mix(in oklab, var(--color-pink-500) 20%, transparent)}}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-200\/30{background-color:#e9d5ff4d}@supports (color:color-mix(in lab, red, red)){.bg-purple-200\/30{background-color:color-mix(in oklab, var(--color-purple-200) 30%, transparent)}}.bg-purple-400\/30{background-color:#c07eff4d}@supports (color:color-mix(in lab, red, red)){.bg-purple-400\/30{background-color:color-mix(in oklab, var(--color-purple-400) 30%, transparent)}}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-500\/10{background-color:#ac4bff1a}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/10{background-color:color-mix(in oklab, var(--color-purple-500) 10%, transparent)}}.bg-purple-500\/20{background-color:#ac4bff33}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/20{background-color:color-mix(in oklab, var(--color-purple-500) 20%, transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.bg-red-500\/15{background-color:#fb2c3626}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/15{background-color:color-mix(in oklab, var(--color-red-500) 15%, transparent)}}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/20{background-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/50{background-color:#f8fafc80}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/50{background-color:color-mix(in oklab, var(--color-slate-50) 50%, transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200\/60{background-color:#e2e8f099}@supports (color:color-mix(in lab, red, red)){.bg-slate-200\/60{background-color:color-mix(in oklab, var(--color-slate-200) 60%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.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\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-500\/10{background-color:#edb2001a}@supports (color:color-mix(in lab, red, red)){.bg-yellow-500\/10{background-color:color-mix(in oklab, var(--color-yellow-500) 10%, transparent)}}.bg-yellow-500\/15{background-color:#edb20026}@supports (color:color-mix(in lab, red, red)){.bg-yellow-500\/15{background-color:color-mix(in oklab, var(--color-yellow-500) 15%, transparent)}}.bg-yellow-500\/20{background-color:#edb20033}@supports (color:color-mix(in lab, red, red)){.bg-yellow-500\/20{background-color:color-mix(in oklab, var(--color-yellow-500) 20%, transparent)}}.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))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-400{--tw-gradient-from:var(--color-amber-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-amber-500{--tw-gradient-from:var(--color-amber-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-amber-500\/10{--tw-gradient-from:#f99c001a}@supports (color:color-mix(in lab, red, red)){.from-amber-500\/10{--tw-gradient-from:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.from-amber-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-100\/50{--tw-gradient-from:#dbeafe80}@supports (color:color-mix(in lab, red, red)){.from-blue-100\/50{--tw-gradient-from:color-mix(in oklab, var(--color-blue-100) 50%, transparent)}}.from-blue-100\/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-400{--tw-gradient-from:var(--color-blue-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-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-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-900{--tw-gradient-from:var(--color-blue-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-cyan-500{--tw-gradient-from:var(--color-cyan-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-emerald-400{--tw-gradient-from:var(--color-emerald-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-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-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{--tw-gradient-from: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))}.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-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{--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))}.from-pink-400{--tw-gradient-from:var(--color-pink-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-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-pink-500\/20{--tw-gradient-from:#f6339a33}@supports (color:color-mix(in lab, red, red)){.from-pink-500\/20{--tw-gradient-from:color-mix(in oklab, var(--color-pink-500) 20%, transparent)}}.from-pink-500\/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-pink-600{--tw-gradient-from: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))}.from-purple-400{--tw-gradient-from:var(--color-purple-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-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-purple-600{--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))}.from-purple-900{--tw-gradient-from:var(--color-purple-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from:var(--color-red-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-red-600{--tw-gradient-from:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-rose-500{--tw-gradient-from:var(--color-rose-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-teal-500{--tw-gradient-from:var(--color-teal-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-transparent{--tw-gradient-from: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))}.from-violet-500{--tw-gradient-from:var(--color-violet-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-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-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-purple-500\/15{--tw-gradient-via:#ac4bff26}@supports (color:color-mix(in lab, red, red)){.via-purple-500\/15{--tw-gradient-via:color-mix(in oklab, var(--color-purple-500) 15%, transparent)}}.via-purple-500\/15{--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-800{--tw-gradient-via:var(--color-purple-800);--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-transparent{--tw-gradient-via:transparent;--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-amber-500{--tw-gradient-to:var(--color-amber-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-amber-600{--tw-gradient-to:var(--color-amber-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-blue-500{--tw-gradient-to: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))}.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-blue-700{--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))}.to-cyan-500{--tw-gradient-to:var(--color-cyan-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-cyan-600{--tw-gradient-to:var(--color-cyan-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-500{--tw-gradient-to: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))}.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-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-indigo-700{--tw-gradient-to:var(--color-indigo-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))}.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-500\/10{--tw-gradient-to:#fe6e001a}@supports (color:color-mix(in lab, red, red)){.to-orange-500\/10{--tw-gradient-to:color-mix(in oklab, var(--color-orange-500) 10%, transparent)}}.to-orange-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-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-400{--tw-gradient-to:var(--color-pink-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))}.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-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-pink-600\/20{--tw-gradient-to:#e3007633}@supports (color:color-mix(in lab, red, red)){.to-pink-600\/20{--tw-gradient-to:color-mix(in oklab, var(--color-pink-600) 20%, transparent)}}.to-pink-600\/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))}.to-pink-900{--tw-gradient-to:var(--color-pink-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-400{--tw-gradient-to:var(--color-purple-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))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-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-red-500{--tw-gradient-to:var(--color-red-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-red-600{--tw-gradient-to:var(--color-red-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-rose-500{--tw-gradient-to:var(--color-rose-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-rose-600{--tw-gradient-to:var(--color-rose-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-rose-700{--tw-gradient-to:var(--color-rose-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))}.to-teal-600{--tw-gradient-to:var(--color-teal-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-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-violet-500{--tw-gradient-to:var(--color-violet-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-violet-600{--tw-gradient-to:var(--color-violet-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-yellow-500{--tw-gradient-to: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))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.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-10{padding:calc(var(--spacing) * 10)}.p-12{padding:calc(var(--spacing) * 12)}.p-\[1px\]{padding:1px}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-12{padding-inline:calc(var(--spacing) * 12)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.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-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-32{padding-block:calc(var(--spacing) * 32)}.pt-0{padding-top:0}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-32{padding-top:calc(var(--spacing) * 32)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-\[\'Outfit\'\,sans-serif\]{font-family:Outfit,sans-serif}.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-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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-\[0\.8rem\]{font-size:.8rem}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.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)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.\!text-emerald-400{color:var(--color-emerald-400)!important}.\!text-pink-400{color:var(--color-pink-400)!important}.\!text-slate-500{color:var(--color-slate-500)!important}.\!text-slate-800{color:var(--color-slate-800)!important}.\!text-slate-900{color:var(--color-slate-900)!important}.\!text-white{color:var(--color-white)!important}.\!text-white\/60{color:#fff9!important}@supports (color:color-mix(in lab, red, red)){.\!text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)!important}}.\!text-white\/70{color:#ffffffb3!important}@supports (color:color-mix(in lab, red, red)){.\!text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)!important}}.\!text-white\/80{color:#fffc!important}@supports (color:color-mix(in lab, red, red)){.\!text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)!important}}.text-amber-300{color:var(--color-amber-300)}.text-amber-300\/70{color:#ffd236b3}@supports (color:color-mix(in lab, red, red)){.text-amber-300\/70{color:color-mix(in oklab, var(--color-amber-300) 70%, transparent)}}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-blue-100{color:var(--color-blue-100)}.text-blue-100\/90{color:#dbeafee6}@supports (color:color-mix(in lab, red, red)){.text-blue-100\/90{color:color-mix(in oklab, var(--color-blue-100) 90%, transparent)}}.text-blue-200{color:var(--color-blue-200)}.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-900{color:var(--color-blue-900)}.text-current{color:currentColor}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.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-900{color:var(--color-gray-900)}.text-green-300{color:var(--color-green-300)}.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-indigo-500{color:var(--color-indigo-500)}.text-indigo-600{color:var(--color-indigo-600)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-pink-400{color:var(--color-pink-400)}.text-pink-500{color:var(--color-pink-500)}.text-purple-400{color:var(--color-purple-400)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-red-300{color:var(--color-red-300)}.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-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.text-white\/30{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/55{color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.text-white\/55{color:color-mix(in oklab, var(--color-white) 55%, transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.placeholder-white\/60::placeholder{color:#fff9}@supports (color:color-mix(in lab, red, red)){.placeholder-white\/60::placeholder{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-2xl{--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)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.04\)\]{--tw-shadow:0 1px 3px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_60px_-15px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 20px 60px -15px 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-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-none{--tw-shadow:0 0 #0000;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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}.ring-2{--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)}.shadow-amber-200{--tw-shadow-color:oklch(92.4% .12 95.746)}@supports (color:color-mix(in lab, red, red)){.shadow-amber-200{--tw-shadow-color:color-mix(in oklab, var(--color-amber-200) var(--tw-shadow-alpha), transparent)}}.shadow-blue-200\/50{--tw-shadow-color:#bedbff80}@supports (color:color-mix(in lab, red, red)){.shadow-blue-200\/50{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-200) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-200{--tw-shadow-color:oklch(90.5% .093 164.15)}@supports (color:color-mix(in lab, red, red)){.shadow-emerald-200{--tw-shadow-color:color-mix(in oklab, var(--color-emerald-200) var(--tw-shadow-alpha), transparent)}}.shadow-green-500\/30{--tw-shadow-color:#00c7584d}@supports (color:color-mix(in lab, red, red)){.shadow-green-500\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-orange-200{--tw-shadow-color:oklch(90.1% .076 70.697)}@supports (color:color-mix(in lab, red, red)){.shadow-orange-200{--tw-shadow-color:color-mix(in oklab, var(--color-orange-200) var(--tw-shadow-alpha), transparent)}}.shadow-red-200{--tw-shadow-color:oklch(88.5% .062 18.334)}@supports (color:color-mix(in lab, red, red)){.shadow-red-200{--tw-shadow-color:color-mix(in oklab, var(--color-red-200) var(--tw-shadow-alpha), transparent)}}.ring-green-500\/30{--tw-ring-color:#00c7584d}@supports (color:color-mix(in lab, red, red)){.ring-green-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-green-500) 30%, transparent)}}.ring-white\/30{--tw-ring-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.ring-white\/30{--tw-ring-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.ring-white\/50{--tw-ring-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.ring-white\/50{--tw-ring-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[100px\]{--tw-blur:blur(100px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[120px\]{--tw-blur:blur(120px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[140px\]{--tw-blur:blur(140px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[150px\]{--tw-blur:blur(150px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-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-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(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,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-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opa\]{transition-property:margin,opa;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;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-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))}.delay-500{transition-delay:.5s}.delay-1000{transition-delay:1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.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}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\:w-full:is(:where(.group):hover *){width:100%}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.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\:rotate-3:is(:where(.group):hover *){rotate:3deg}.group-hover\:gap-3:is(:where(.group):hover *){gap:calc(var(--spacing) * 3)}.group-hover\:bg-purple-500:is(:where(.group):hover *){background-color:var(--color-purple-500)}.group-hover\:from-blue-200\/50:is(:where(.group):hover *){--tw-gradient-from:#bedbff80}@supports (color:color-mix(in lab, red, red)){.group-hover\:from-blue-200\/50:is(:where(.group):hover *){--tw-gradient-from:color-mix(in oklab, var(--color-blue-200) 50%, transparent)}}.group-hover\:from-blue-200\/50: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-blue-600:is(:where(.group):hover *){--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))}.group-hover\:text-blue-600:is(:where(.group):hover *){color:var(--color-blue-600)}.group-hover\:text-purple-100:is(:where(.group):hover *){color:var(--color-purple-100)}.group-hover\:opacity-10:is(:where(.group):hover *){opacity:.1}.group-hover\:opacity-20:is(:where(.group):hover *){opacity:.2}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:opacity-\[0\.04\]:is(:where(.group):hover *){opacity:.04}.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:\!size-8:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]:is(:where(.group)[data-collapsible=icon] *){width:--sidebar-width-icon}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + 1rem)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + 1rem + 2px)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:\!p-0:is(:where(.group)[data-collapsible=icon] *){padding:0!important}.group-data-\[collapsible\=icon\]\:\!p-2:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:0}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:0}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius-lg)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:shadow:is(:where(.group)[data-variant=floating] *){--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)}.group-\[\.destructive\]\:text-red-300:is(:where(.group).destructive *){color:var(--color-red-300)}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--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)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:var(--spacing)}.peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\]:is(:where(.peer)[data-variant=inset]~*){min-height:calc(100svh - 1rem)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\:text-white\/30::placeholder{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-white\/30::placeholder{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.placeholder\:text-white\/40::placeholder{color:#fff6}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-white\/40::placeholder{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:var(--spacing)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.first\:rounded-l-md:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:mb-0:last-child{margin-bottom:0}.last\:rounded-r-md:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-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-\[1\.01\]:hover{scale:1.01}.hover\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\:border-slate-100:hover{border-color:var(--color-slate-100)}.hover\:border-white\/20:hover{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/20:hover{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:border-white\/40:hover{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/40:hover{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.hover\:bg-amber-500\/10:hover{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-amber-500\/10:hover{background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-50\/30:hover{background-color:#eff6ff4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-blue-50\/30:hover{background-color:color-mix(in oklab, var(--color-blue-50) 30%, transparent)}}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-emerald-500\/10:hover{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-emerald-500\/10:hover{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-green-200:hover{background-color:var(--color-green-200)}.hover\:bg-pink-500\/10:hover{background-color:#f6339a1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-pink-500\/10:hover{background-color:color-mix(in oklab, var(--color-pink-500) 10%, transparent)}}.hover\:bg-pink-500\/30:hover{background-color:#f6339a4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-pink-500\/30:hover{background-color:color-mix(in oklab, var(--color-pink-500) 30%, transparent)}}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:bg-slate-50\/50:hover{background-color:#f8fafc80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-50\/50:hover{background-color:color-mix(in oklab, var(--color-slate-50) 50%, transparent)}}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:from-purple-700:hover{--tw-gradient-from: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\:to-pink-700:hover{--tw-gradient-to:var(--color-pink-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-600:hover{color:var(--color-blue-600)!important}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-white\/80:hover{color:#fffc}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/80:hover{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.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-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));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-\[0_4px_20px_-4px_rgba\(0\,0\,0\,0\.05\)\]:hover{--tw-shadow:0 4px 20px -4px 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)}.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-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)}.hover\:shadow-amber-500\/20:hover{--tw-shadow-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-amber-500\/20:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-green-500\/50:hover{--tw-shadow-color:#00c75880}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-green-500\/50:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.group-\[\.destructive\]\:hover\:text-red-50:is(:where(.group).destructive *):hover{color:var(--color-red-50)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-white\/40:focus{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.focus\:border-white\/40:focus{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.focus\:bg-white\/15:focus{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.focus\:bg-white\/15:focus{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.focus\:opacity-100:focus{opacity:1}.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-purple-500\/30:focus{--tw-ring-color:#ac4bff4d}@supports (color:color-mix(in lab, red, red)){.focus\:ring-purple-500\/30:focus{--tw-ring-color:color-mix(in oklab, var(--color-purple-500) 30%, transparent)}}.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}.group-\[\.destructive\]\:focus\:ring-red-400:is(:where(.group).destructive *):focus{--tw-ring-color:var(--color-red-400)}.group-\[\.destructive\]\:focus\:ring-offset-red-600:is(:where(.group).destructive *):focus{--tw-ring-offset-color:var(--color-red-600)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--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-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--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-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-slate-200:disabled{background-color:var(--color-slate-200)}.disabled\:text-slate-400:disabled{color:var(--color-slate-400)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-selected\:opacity-30[aria-selected=true]{opacity:.3}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:var(--spacing)}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--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)}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}@media (width>=40rem){.sm\:top-auto{top:auto}.sm\:right-0{right:0}.sm\:bottom-0{bottom:0}.sm\:mt-0{margin-top:0}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:max-w-md{max-width:var(--container-md)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}:where(.sm\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block:0}:where(.sm\: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(.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\:rounded-lg{border-radius:var(--radius-lg)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:pl-4{padding-left:calc(var(--spacing) * 4)}.sm\:text-left{text-align:left}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-\[11px\]{font-size:11px}}@media (width>=48rem){.md\:absolute{position:absolute}.md\:-left-\[41px\]{left:-41px}.md\:left-\[15px\]{left:15px}.md\:col-span-2{grid-column:span 2/span 2}.md\:ml-2{margin-left:calc(var(--spacing) * 2)}.md\:block{display:block}.md\:flex{display:flex}.md\:w-16{width:calc(var(--spacing) * 16)}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:min-w-\[110px\]{min-width:110px}.md\:min-w-\[120px\]{min-width:120px}.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\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:gap-6{gap:calc(var(--spacing) * 6)}.md\:p-5{padding:calc(var(--spacing) * 5)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:pl-12{padding-left:calc(var(--spacing) * 12)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.md\:text-\[16px\]{font-size:16px}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing) * 2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:0}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:var(--radius-xl)}.md\:peer-data-\[variant\=inset\]\:shadow:is(:where(.peer)[data-variant=inset]~*){--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)}.md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2:is(:where(.peer)[data-state=collapsed]~*):is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing) * 2)}}.after\:md\:hidden:after{content:var(--tw-content)}@media (width>=48rem){.after\:md\:hidden:after{display:none}}@media (width>=64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-10{height:calc(var(--spacing) * 10)}.lg\:w-10{width:calc(var(--spacing) * 10)}.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\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (width>=80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:border-amber-900\/30{border-color:#7b33064d}@supports (color:color-mix(in lab, red, red)){.dark\:border-amber-900\/30{border-color:color-mix(in oklab, var(--color-amber-900) 30%, transparent)}}.dark\:border-blue-900\/20{border-color:#1c398e33}@supports (color:color-mix(in lab, red, red)){.dark\:border-blue-900\/20{border-color:color-mix(in oklab, var(--color-blue-900) 20%, transparent)}}.dark\:border-blue-900\/30{border-color:#1c398e4d}@supports (color:color-mix(in lab, red, red)){.dark\:border-blue-900\/30{border-color:color-mix(in oklab, var(--color-blue-900) 30%, transparent)}}.dark\:border-blue-900\/50{border-color:#1c398e80}@supports (color:color-mix(in lab, red, red)){.dark\:border-blue-900\/50{border-color:color-mix(in oklab, var(--color-blue-900) 50%, transparent)}}.dark\:border-emerald-900\/30{border-color:#004e3b4d}@supports (color:color-mix(in lab, red, red)){.dark\:border-emerald-900\/30{border-color:color-mix(in oklab, var(--color-emerald-900) 30%, transparent)}}.dark\:border-red-800\/30{border-color:#9f07124d}@supports (color:color-mix(in lab, red, red)){.dark\:border-red-800\/30{border-color:color-mix(in oklab, var(--color-red-800) 30%, transparent)}}.dark\:border-red-800\/50{border-color:#9f071280}@supports (color:color-mix(in lab, red, red)){.dark\:border-red-800\/50{border-color:color-mix(in oklab, var(--color-red-800) 50%, transparent)}}.dark\:border-red-900\/30{border-color:#82181a4d}@supports (color:color-mix(in lab, red, red)){.dark\:border-red-900\/30{border-color:color-mix(in oklab, var(--color-red-900) 30%, transparent)}}.dark\:border-slate-700{border-color:var(--color-slate-700)}.dark\:border-slate-700\/30{border-color:#3141584d}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-700\/30{border-color:color-mix(in oklab, var(--color-slate-700) 30%, transparent)}}.dark\:border-slate-700\/50{border-color:#31415880}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-700\/50{border-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)}}.dark\:border-slate-800{border-color:var(--color-slate-800)}.dark\:border-slate-800\/80{border-color:#1d293dcc}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-800\/80{border-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}}.dark\:border-slate-900{border-color:var(--color-slate-900)}.dark\:bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-500\/20{background-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.dark\:bg-amber-900\/20{background-color:#7b330633}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-900\/20{background-color:color-mix(in oklab, var(--color-amber-900) 20%, transparent)}}.dark\:bg-amber-900\/30{background-color:#7b33064d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-900\/30{background-color:color-mix(in oklab, var(--color-amber-900) 30%, transparent)}}.dark\:bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-500\/20{background-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.dark\:bg-blue-900\/5{background-color:#1c398e0d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/5{background-color:color-mix(in oklab, var(--color-blue-900) 5%, transparent)}}.dark\:bg-blue-900\/20{background-color:#1c398e33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/20{background-color:color-mix(in oklab, var(--color-blue-900) 20%, transparent)}}.dark\:bg-blue-900\/30{background-color:#1c398e4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/30{background-color:color-mix(in oklab, var(--color-blue-900) 30%, transparent)}}.dark\:bg-emerald-500\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-500\/20{background-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.dark\:bg-emerald-900\/10{background-color:#004e3b1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-900\/10{background-color:color-mix(in oklab, var(--color-emerald-900) 10%, transparent)}}.dark\:bg-emerald-900\/20{background-color:#004e3b33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-900\/20{background-color:color-mix(in oklab, var(--color-emerald-900) 20%, transparent)}}.dark\:bg-indigo-500\/20{background-color:#625fff33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-indigo-500\/20{background-color:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)}}.dark\:bg-purple-500\/20{background-color:#ac4bff33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-purple-500\/20{background-color:color-mix(in oklab, var(--color-purple-500) 20%, transparent)}}.dark\:bg-purple-900\/30{background-color:#59168b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-purple-900\/30{background-color:color-mix(in oklab, var(--color-purple-900) 30%, transparent)}}.dark\:bg-red-900\/20{background-color:#82181a33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/20{background-color:color-mix(in oklab, var(--color-red-900) 20%, transparent)}}.dark\:bg-red-900\/30{background-color:#82181a4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/30{background-color:color-mix(in oklab, var(--color-red-900) 30%, transparent)}}.dark\:bg-red-900\/40{background-color:#82181a66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/40{background-color:color-mix(in oklab, var(--color-red-900) 40%, transparent)}}.dark\:bg-slate-700{background-color:var(--color-slate-700)}.dark\:bg-slate-800{background-color:var(--color-slate-800)}.dark\:bg-slate-800\/20{background-color:#1d293d33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-800\/20{background-color:color-mix(in oklab, var(--color-slate-800) 20%, transparent)}}.dark\:bg-slate-800\/50{background-color:#1d293d80}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-800\/50{background-color:color-mix(in oklab, var(--color-slate-800) 50%, transparent)}}.dark\:bg-slate-800\/60{background-color:#1d293d99}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-800\/60{background-color:color-mix(in oklab, var(--color-slate-800) 60%, transparent)}}.dark\:bg-slate-800\/80{background-color:#1d293dcc}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-800\/80{background-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}}.dark\:bg-slate-900{background-color:var(--color-slate-900)}.dark\:bg-slate-900\/90{background-color:#0f172be6}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-900\/90{background-color:color-mix(in oklab, var(--color-slate-900) 90%, transparent)}}.dark\:bg-slate-900\/95{background-color:#0f172bf2}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-900\/95{background-color:color-mix(in oklab, var(--color-slate-900) 95%, transparent)}}.dark\:\!text-slate-400{color:var(--color-slate-400)!important}.dark\:\!text-white{color:var(--color-white)!important}.dark\:text-amber-400{color:var(--color-amber-400)}.dark\:text-blue-200{color:var(--color-blue-200)}.dark\:text-blue-400{color:var(--color-blue-400)}.dark\:text-emerald-100{color:var(--color-emerald-100)}.dark\:text-emerald-400{color:var(--color-emerald-400)}.dark\:text-indigo-400{color:var(--color-indigo-400)}.dark\:text-purple-400{color:var(--color-purple-400)}.dark\:text-red-400{color:var(--color-red-400)}.dark\:text-slate-100{color:var(--color-slate-100)}.dark\:text-slate-200{color:var(--color-slate-200)}.dark\:text-slate-300{color:var(--color-slate-300)}.dark\:text-slate-400{color:var(--color-slate-400)}.dark\:text-slate-500{color:var(--color-slate-500)}.dark\:text-slate-600{color:var(--color-slate-600)}.dark\:text-white{color:var(--color-white)}@media (hover:hover){.dark\:group-hover\:text-blue-400:is(:where(.group):hover *){color:var(--color-blue-400)}.dark\:hover\:border-blue-500:hover{border-color:var(--color-blue-500)}.dark\:hover\:border-slate-700:hover{border-color:var(--color-slate-700)}.dark\:hover\:bg-blue-900\/10:hover{background-color:#1c398e1a}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-blue-900\/10:hover{background-color:color-mix(in oklab, var(--color-blue-900) 10%, transparent)}}.dark\:hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.dark\:hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.dark\:hover\:bg-slate-800\/50:hover{background-color:#1d293d80}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-slate-800\/50:hover{background-color:color-mix(in oklab, var(--color-slate-800) 50%, transparent)}}.dark\:hover\:bg-slate-800\/80:hover{background-color:#1d293dcc}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-slate-800\/80:hover{background-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}}.dark\:hover\:text-blue-300:hover{color:var(--color-blue-300)}.dark\:hover\:text-white:hover{color:var(--color-white)}}.dark\:disabled\:bg-slate-800:disabled{background-color:var(--color-slate-800)}.dark\:disabled\:text-slate-500:disabled{color:var(--color-slate-500)}}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer,.\[\&_\.recharts-sector\]\:outline-none .recharts-sector{--tw-outline-style:none;outline-style:none}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{--tw-outline-style:none;outline-style:none}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing) * 12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing) * 3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing) * 5)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]){border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:last-child:has([aria-selected]){border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing) * 4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing) * 4)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing) * 7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize,[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.gradient-primary{background:linear-gradient(135deg, hsl(var(--gradient-pink)) 0%, hsl(var(--gradient-purple)) 50%, hsl(var(--gradient-violet)) 100%)}.gradient-text{background:linear-gradient(135deg, hsl(var(--gradient-pink)) 0%, hsl(var(--gradient-purple)) 50%, hsl(var(--accent)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-border{background:linear-gradient(hsl(var(--card)), hsl(var(--card))) padding-box, linear-gradient(135deg, hsl(var(--gradient-pink) / .5), hsl(var(--gradient-purple) / .3)) border-box;border:1px solid #0000;position:relative}.glass{background:hsl(var(--glass-bg) / .6);-webkit-backdrop-filter:blur(20px);border:1px solid hsl(var(--glass-border) / .3)}.glass-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000f}.glass-card-pink{box-shadow:var(--shadow-pink);background:linear-gradient(135deg,#6366f10f 0%,#7c3aed0a 100%);border:1px solid #6366f126}.glow-pink{box-shadow:0 4px 20px hsl(var(--gradient-pink) / .2)}.glow-purple{box-shadow:0 4px 20px hsl(var(--gradient-purple) / .2)}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.animate-gradient{background-size:200% 200%;animation:8s infinite gradient-shift}.animate-slide-up{animation:.6s ease-out forwards slide-up}.animate-fade-in{animation:.8s ease-out forwards fade-in}.animate-scale-in{animation:.5s ease-out forwards scale-in}.parallax{transform-style:preserve-3d}.parallax-slow{transform:translateZ(-2px)scale(3)}.parallax-fast{transform:translateZ(-1px)scale(2)}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{box-shadow:var(--shadow-pink);transform:translateY(-8px)}.hover-glow{transition:box-shadow .3s}.hover-glow:hover{box-shadow:0 0 40px hsl(var(--gradient-pink) / .5)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}}:root{font-family:Outfit,sans-serif}body{background-color:var(--color-slate-50);min-height:100vh;color:var(--color-slate-900);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));--tw-duration:.5s;margin:0;transition-duration:.5s;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}*{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));--tw-duration:.5s;transition-duration:.5s}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.mobile-menu-btn{z-index:60;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:none;position:fixed;top:1rem;left:1rem;box-shadow:0 2px 4px #0000000d}@media (width<=1024px){.mobile-menu-btn{display:flex}}@media (width<=768px){.glass-card,.glass-panel,.card,.content-container,.modern-table,.subject-view-container{-webkit-overflow-scrolling:touch;overflow-x:auto!important}table{min-width:600px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-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-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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.home-container,.home-container *{-webkit-text-fill-color:unset!important}.home-container{flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.about-us-btn{background-color:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;position:absolute;top:2rem;right:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.about-us-btn:hover{background-color:#1e293b;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.main-content{flex-direction:column;flex:1;align-items:center;width:100%;max-width:1400px;padding:3rem 2rem;display:flex}.header{text-align:center;flex-direction:column;align-items:center;margin-bottom:4rem;animation:.8s ease-out fadeInDown;display:flex}.logo{width:80px;height:auto;margin-bottom:.5rem}.logo-title{color:var(--navy);letter-spacing:2px;font-size:1.5rem;font-weight:800;line-height:1;display:block}.welcome-text{color:var(--navy);margin-bottom:.25rem;font-size:1.75rem;font-weight:600}.main-heading{color:var(--navy);letter-spacing:-1px;margin-bottom:1rem;font-size:3.5rem;font-weight:800}.sub-heading{color:#64748b;font-size:1.1rem;font-weight:500}.accent-line{background-color:#fbbf24;border-radius:2px;width:50px;height:3px;margin-top:1.5rem}.admission-cta{flex-direction:column;align-items:center;gap:1.25rem;margin-top:2rem;animation:.8s ease-out .3s backwards fadeInUp;display:flex}.admission-badge{background-color:var(--teal-light);color:var(--teal);letter-spacing:.5px;border:1px solid #0d948833;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;display:inline-flex;box-shadow:0 4px 6px -1px #0d94881a}.pulse-dot{background-color:var(--teal);border-radius:50%;width:8px;height:8px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.admission-btn{color:var(--navy);background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border:2px solid #fcd34d;border-radius:9999px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 10px 15px -3px #f59e0b4d,0 4px 6px -2px #f59e0b26}.admission-btn:hover{background:linear-gradient(135deg,#fcd34d 0%,#fbbf24 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 20px 25px -5px #f59e0b66,0 10px 10px -5px #f59e0b33}.admission-btn:active{transform:translateY(1px)}.cards-section{grid-template-columns:repeat(6,1fr);gap:1.5rem;width:100%;margin-bottom:4rem;display:grid}.role-card{transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s ease-out backwards fadeInUp;text-align:center!important;color:#334155!important;background:#fff!important;border:1px solid #ffffff80!important;border-radius:1.5rem!important;flex-direction:column!important;align-items:center!important;padding:2rem 1.5rem!important;font-family:Plus Jakarta Sans,sans-serif!important;display:flex!important;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003!important}.role-card:first-child{animation-delay:.1s}.role-card:nth-child(2){animation-delay:.2s}.role-card:nth-child(3){animation-delay:.3s}.role-card:nth-child(4){animation-delay:.4s}.role-card:nth-child(5){animation-delay:.5s}.role-card:nth-child(6){animation-delay:.6s}.role-card:hover{transform:translateY(-10px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;transition:transform .3s;display:flex}.role-card:hover .icon-wrapper{transform:scale(1.1)}.role-card h3{letter-spacing:normal!important;opacity:1!important;visibility:visible!important;margin-bottom:.75rem!important;font-size:1.25rem!important;font-weight:700!important;line-height:1.3!important}.role-card p{flex:1;color:#64748b!important;opacity:1!important;visibility:visible!important;margin-bottom:2rem!important;font-size:.875rem!important;line-height:1.5!important}.access-btn{color:#fff;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.access-btn:hover{filter:brightness(1.1);gap:.75rem}.role-card.purple .icon-wrapper{background-color:var(--purple-light)!important;color:var(--purple)!important}.role-card.purple h3{color:var(--purple)!important}.role-card.purple .access-btn{background-color:var(--purple)!important;color:#fff!important}.role-card.blue .icon-wrapper{background-color:var(--blue-light)!important;color:var(--blue)!important}.role-card.blue h3{color:var(--blue)!important}.role-card.blue .access-btn{background-color:var(--blue)!important;color:#fff!important}.role-card.green .icon-wrapper{background-color:var(--green-light)!important;color:var(--green)!important}.role-card.green h3{color:var(--green)!important}.role-card.green .access-btn{background-color:var(--green)!important;color:#fff!important}.role-card.orange .icon-wrapper{background-color:var(--orange-light)!important;color:var(--orange)!important}.role-card.orange h3{color:var(--orange)!important}.role-card.orange .access-btn{background-color:var(--orange)!important;color:#fff!important}.role-card.pink .icon-wrapper{background-color:var(--pink-light)!important;color:var(--pink)!important}.role-card.pink h3{color:var(--pink)!important}.role-card.pink .access-btn{background-color:var(--pink)!important;color:#fff!important}.role-card.teal .icon-wrapper{background-color:var(--teal-light)!important;color:var(--teal)!important}.role-card.teal h3{color:var(--teal)!important}.role-card.teal .access-btn{background-color:var(--teal)!important;color:#fff!important}.stats-banner{background-color:var(--navy);color:#fff;border-radius:1.5rem;justify-content:space-between;align-items:center;width:100%;max-width:1000px;padding:2rem 3rem;animation:.8s ease-out .8s backwards fadeInUp;display:flex;box-shadow:0 20px 25px -5px #0000001a}.stat-item{align-items:center;gap:1rem;display:flex}.stat-icon{color:#38bdf8;display:flex}.stat-text{flex-direction:column;display:flex}.stat-value{font-size:1.25rem;font-weight:700;line-height:1.2}.stat-label{color:#94a3b8;font-size:.875rem}.footer{text-align:center;color:#64748b;width:100%;padding:1.5rem;font-size:.875rem;font-weight:500}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.cards-section{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.main-heading{font-size:2.5rem}.stats-banner{flex-wrap:wrap;justify-content:center;gap:2rem}}@media (width<=768px){.main-heading{font-size:2rem}.cards-section{grid-template-columns:repeat(2,1fr)}.stats-banner{flex-direction:column;align-items:flex-start}}@media (width<=480px){.cards-section{grid-template-columns:1fr}}.admission-container{color:#0f172a;flex-direction:column;align-items:center;min-height:100vh;padding:2rem;font-family:Plus Jakarta Sans,sans-serif;display:flex;position:relative;overflow-y:auto}:root{--navy:#0f172a;--teal:#06b6d4;--teal-light:#e0f2f1}.admission-main{z-index:10;flex-direction:column;width:100%;max-width:900px;animation:.6s ease-out fadeInUp;display:flex;position:relative}.admission-header{text-align:center;margin-bottom:2.5rem}.back-link{color:var(--teal);background:#ffffffe6;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex;box-shadow:0 4px 6px -1px #0000000d}.back-link:hover{color:var(--navy);transform:translate(-3px)}.admission-title{color:var(--navy);margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.admission-subtitle{color:#64748b;background:#ffffff80;border-radius:9999px;padding:.25rem 1rem;font-size:1.1rem;display:inline-block}.admission-form{flex-direction:column;gap:2.5rem;display:flex}.form-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #ffffff80;border-radius:1.5rem;padding:2.5rem;transition:transform .3s;box-shadow:0 10px 25px -5px #0000000d}.form-section:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #00000014}.parents-section-wrapper{gap:2rem;display:flex}.half-section{flex:1;padding:2rem}.section-title{color:var(--navy);border-bottom:2px solid var(--teal-light);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:700;display:flex}.half-section .form-grid,.previous-school-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}@media (width<=640px){.previous-school-grid{grid-template-columns:1fr}}.previous-school-grid .input-group input{background-color:#fff!important;border:1.5px solid #cbd5e1!important}.siblings-container{flex-direction:column;gap:1.5rem;display:flex}.sibling-grid{border:1px dashed var(--teal-light);background:#ffffff80;border-radius:1rem;padding:1.5rem;animation:.4s ease-out fadeInUp}.input-group label{color:#334155;margin-bottom:.25rem;font-size:.875rem;font-weight:700}.input-group input,.input-group select{appearance:auto;border:1.5px solid #cbd5e1;border-radius:.75rem;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:all .25s;color:#0f172a!important;background-color:#fff!important}.input-group select option{color:#0f172a;background-color:#fff;padding:.5rem}.input-group input::placeholder{color:#94a3b8}.input-group input:focus,.input-group select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11a;background-color:#fff!important}.readonly-input{cursor:not-allowed;color:#64748b!important;background-color:#f8fafc!important;border-color:#e2e8f0!important}.guardian-toggle-container{flex-direction:column;align-items:center;gap:1rem;display:flex}.guardian-toggle-label{color:var(--navy);font-size:1.1rem;font-weight:700}.guardian-toggle{background:#f1f5f9;border-radius:9999px;padding:.375rem;display:inline-flex;box-shadow:inset 0 2px 4px #0000000d}.toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.toggle-btn.active{color:var(--teal);background:#fff;box-shadow:0 4px 6px -1px #0000001a}.sibling-count-control{flex-direction:column;display:flex}.sibling-select{color:var(--navy);border:1px solid #cbd5e1;border-radius:.5rem;width:100px;padding:.5rem 1rem;font-family:inherit;font-size:1rem}.sibling-header{border-bottom:2px solid var(--teal-light);justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.sibling-header .section-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-actions{justify-content:center;margin-top:1rem;margin-bottom:3rem;display:flex}.submit-btn{color:var(--navy);cursor:pointer;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border:2px solid #fcd34d;border-radius:9999px;align-items:center;gap:.75rem;padding:1.25rem 3.5rem;font-size:1.125rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 10px 15px -3px #f59e0b4d,0 4px 6px -2px #f59e0b26}.submit-btn:hover{background:linear-gradient(135deg,#fcd34d 0%,#fbbf24 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 20px 25px -5px #f59e0b66,0 10px 10px -5px #f59e0b33}@media (width<=768px){.parents-section-wrapper{flex-direction:column}.form-grid{grid-template-columns:1fr}.sibling-header{flex-direction:column;align-items:flex-start;gap:1rem}}.login-container{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.login-card{border-radius:1.5rem;margin:1rem;padding:2rem}}.global-select-wrapper{width:100%;display:inline-block;position:relative}.global-select{appearance:none;width:100%;color:var(--text-primary,#333);background-color:var(--surface-primary,#fff);border:1px solid var(--border-color,#e0e0e0);cursor:pointer;border-radius:8px;outline:none;padding:12px 40px 12px 16px;font-family:inherit;font-size:14px;transition:all .2s;box-shadow:0 2px 4px #00000005}.global-select:hover{border-color:var(--primary-color,#3b82f6);box-shadow:0 2px 6px #3b82f61a}.global-select:focus{border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f633}.global-select:disabled{background-color:var(--surface-disabled,#f5f5f5);color:var(--text-disabled,#999);cursor:not-allowed;border-color:var(--border-color,#e0e0e0)}.global-select-arrow{width:18px;height:18px;color:var(--text-secondary,#666);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.global-select-arrow svg{width:100%;height:100%}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-white);font-family:Outfit,sans-serif;overflow-x:hidden}.admin-dashboard{background:var(--bg-dark);min-height:100vh;display:flex}.admin-main-wrapper{flex:1;justify-content:center;width:calc(100% - 292px);margin-left:292px;display:flex}.admin-main{flex-direction:column;width:100%;max-width:1600px;padding:24px;animation:.6s ease-out fadeIn;display:flex}.admin-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.header-actions{align-items:center;gap:1.5rem;display:flex}.user-badge{border:1px solid var(--glass-border);border-radius:20px;align-items:center;gap:.75rem;padding:.4rem 1rem .4rem .4rem;display:flex;box-shadow:0 1px 2px #00000005;background:#fff!important}.user-avatar{background:linear-gradient(135deg, var(--primary) 0%, #4338ca 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:800;display:flex}.user-name{color:var(--text-white);font-size:.9rem;font-weight:600}.stat-glass-card{border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005;background:var(--card-bg)!important}.stat-glass-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 20px -5px #6366f11a}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-info h3{text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.8rem;font-weight:700;color:var(--text-dim)!important}.stat-number{color:var(--text-white);font-size:1.75rem;font-weight:800}.stat-trend{border-radius:6px;width:fit-content;margin-top:.5rem;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.trend-up{color:#059669;background:#10b9811a}.trend-down{color:#dc2626;background:#ef44441a}.action-section{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.hero-card{border:1px solid var(--glass-border);border-radius:20px;flex-direction:column;justify-content:center;padding:3rem;display:flex;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005;background:var(--card-bg)!important}.hero-card h2{color:var(--text-white);margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.hero-card p{color:var(--text-dim);max-width:500px;margin-bottom:2rem;font-size:1rem}.primary-action-btn{background:var(--primary);color:#fff;border-radius:10px;align-items:center;gap:.75rem;width:fit-content;padding:1rem 2rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f14d}.primary-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}@media (width<=1400px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.admin-main-wrapper{width:100%;margin-left:0;padding-top:3rem}}@media (width<=768px){.dashboard-grid,.action-section{grid-template-columns:1fr}.hero-card{padding:2rem}.admin-header{flex-direction:column;align-items:flex-start;gap:1rem}}:root{--adm-primary:#6366f1;--adm-secondary:#0ea5e9;--adm-success:#10b981;--adm-warning:#f59e0b;--adm-danger:#ef4444;--adm-bg:#f8fafc;--adm-card-bg:#fff;--adm-border:#e2e8f0;--adm-text-main:#0f172a;--adm-text-dim:#64748b;--adm-glow:#6366f126}.new-admission-container{background:var(--adm-bg);min-height:100vh;color:var(--adm-text-main);box-sizing:border-box;width:100%;padding:1.5rem;font-family:Inter,Outfit,sans-serif;animation:.5s ease-out fadeIn}.page-header{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.header-text h1{margin:0 0 .25rem;font-size:1.85rem;font-weight:800;color:var(--adm-text-main)!important}.header-text p{margin:0;font-size:.95rem;color:var(--adm-text-dim)!important}.header-stats{margin-left:auto}.stat-pill{background:linear-gradient(135deg, var(--adm-primary) 0%, #4338ca 100%);color:#fff;border-radius:12px;align-items:center;gap:.75rem;padding:.65rem 1.25rem;display:flex;box-shadow:0 4px 12px #6366f133}.pill-count{font-size:1.1rem;font-weight:800}.pill-label{opacity:.9;font-size:.85rem;font-weight:500}.table-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-bar{border-radius:12px;align-items:center;gap:.75rem;width:320px;max-width:100%;padding:.7rem 1.25rem;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #00000005;border:1px solid var(--adm-border)!important;background:#fff!important}.search-bar:focus-within{border-color:var(--adm-primary)!important;box-shadow:0 0 0 3px #6366f126!important}.search-bar .search-icon{color:var(--adm-text-dim)}.search-bar input{width:100%;font-size:.9rem;color:var(--adm-text-main)!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;margin:0!important;padding:0!important}.search-bar input:focus{box-shadow:none!important;background:0 0!important;outline:none!important}.search-bar input::placeholder{color:#94a3b8!important}.status-filters{flex-wrap:wrap;gap:.75rem;display:flex}.status-filter-pill{border-radius:20px;align-items:center;gap:.6rem;padding:.45rem 1rem;font-size:.85rem;font-weight:600;display:flex;box-shadow:0 1px 2px #00000005;border:1px solid var(--adm-border)!important;color:var(--adm-text-main)!important;background:#fff!important}.filter-label{color:var(--adm-text-main)}.filter-count{border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;padding:2px;font-size:.75rem;font-weight:700;display:flex;color:#fff!important}.admission-table-wrapper{border-radius:16px;width:100%;overflow:auto hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;background:var(--adm-card-bg)!important;border:1px solid var(--adm-border)!important}.admission-table{border-collapse:collapse;text-align:left;width:100%}.admission-table th{text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--adm-border);padding:1rem 1.25rem;font-size:.8rem;font-weight:600;color:var(--adm-text-dim)!important;background:#f8fafc!important}.admission-table td{border-bottom:1px solid var(--adm-border);vertical-align:middle;padding:1rem 1.25rem;color:var(--adm-text-main)!important;background:#fff!important}.admission-table tbody tr:hover td{background:#f8fafc!important}.student-cell{align-items:center;gap:.85rem;display:flex}.student-avatar{border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:800;display:flex;color:#fff!important}.student-info{flex-direction:column;display:flex}.student-name{color:var(--adm-text-main);font-size:.95rem;font-weight:700}.student-id-small{color:var(--adm-text-dim);margin-top:.1rem;font-family:monospace;font-size:.75rem}.grade-pill{color:var(--adm-primary);background:#6366f114;border-radius:12px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.contact-info{color:var(--adm-text-dim);flex-direction:column;gap:.2rem;font-size:.85rem;display:flex}.info-item{align-items:center;gap:.4rem;display:flex}.status-badge{text-transform:uppercase;border-radius:12px;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.status-badge.applied{border:1px solid #6366f133;color:var(--adm-primary)!important;background:#6366f11a!important}.status-badge.pending-payment{border:1px solid #f59e0b33;color:var(--adm-warning)!important;background:#f59e0b1a!important}.status-badge.approved{border:1px solid #10b98133;color:var(--adm-success)!important;background:#10b9811a!important}.status-badge.rejected{border:1px solid #ef444433;color:var(--adm-danger)!important;background:#ef44441a!important}.action-btns{gap:.5rem;display:flex}.action-btns button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;border:1px solid var(--adm-border)!important;color:var(--adm-text-dim)!important;background:#fff!important}.action-btns button:hover{transform:translateY(-1px)}.view-btn:hover{background:var(--adm-primary)!important;color:#fff!important;border-color:var(--adm-primary)!important}.approve-btn:hover{background:var(--adm-success)!important;color:#fff!important;border-color:var(--adm-success)!important}.reject-btn:hover{background:var(--adm-danger)!important;color:#fff!important;border-color:var(--adm-danger)!important}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.modal-content{border-radius:16px;flex-direction:column;width:100%;max-width:750px;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) modalSlideUp;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--adm-border)!important;background:#fff!important}.modal-header{justify-content:space-between;align-items:center;padding:1.5rem;display:flex;border-bottom:1px solid var(--adm-border)!important}.modal-header h2{margin:0;font-size:1.35rem;font-weight:800;color:var(--adm-text-main)!important}.modal-subtitle{margin-top:.15rem;font-size:.85rem;display:block;color:var(--adm-text-dim)!important}.modal-avatar{background:linear-gradient(135deg,#6366f1 0%,#06b6d4 100%);border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:800;display:flex;color:#fff!important}.close-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;color:var(--adm-text-dim)!important;background:#f1f5f9!important;border:none!important}.modal-body{flex-direction:column;gap:1.75rem;padding:1.5rem;display:flex;overflow-y:auto}.detail-section{flex-direction:column;display:flex}.section-title{align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:700;display:flex;color:var(--adm-primary)!important}.detail-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.detail-item{flex-direction:column;gap:.35rem;display:flex}.detail-item.full-width{grid-column:span 2}.detail-label{text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:600;color:var(--adm-text-dim)!important}.detail-value{font-size:.95rem;font-weight:500;color:var(--adm-text-main)!important}.stepper-ui{flex:1;justify-content:space-between;align-items:center;margin-right:1.5rem;display:flex}.step-item{z-index:2;flex-direction:column;align-items:center;gap:.35rem;display:flex;position:relative}.step-num{width:28px;height:28px;color:var(--adm-text-dim);background:#f1f5f9;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;transition:all .3s;display:flex}.step-item.active .step-num{background:var(--adm-primary);border-color:var(--adm-primary);color:#fff;box-shadow:0 0 10px #6366f14d}.step-label{text-transform:uppercase;letter-spacing:.5px;color:#cbd5e1;font-size:.65rem;font-weight:700}.step-item.active .step-label{color:var(--adm-primary)}.step-line{background:#e2e8f0;flex:1;height:2px;margin:0 -8px 18px}.step-line.active{background:var(--adm-primary)}.workflow-body{min-height:350px}.step-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.step-header h2{margin:0;font-size:1.3rem;font-weight:800;color:var(--adm-text-main)!important}.info-summary-card{border-radius:12px;grid-template-columns:repeat(2,1fr);gap:1.25rem;padding:1.5rem;display:grid;border:1px solid var(--adm-border)!important;background:#f8fafc!important}.payment-form,.credentials-form{flex-direction:column;gap:1.25rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.input-group label{font-size:.8rem;font-weight:600;color:var(--adm-text-dim)!important}.input-group input,.input-group select,.input-group textarea{border-radius:8px;outline:none;padding:.7rem .85rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;border:1px solid var(--adm-border)!important;color:var(--adm-text-main)!important;background:#fff!important}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--adm-primary)!important;box-shadow:0 0 0 3px #6366f126!important}.input-group.password{position:relative}.toggle-pass{color:var(--adm-text-dim);cursor:pointer;background:0 0;border:none;position:absolute;top:30px;right:12px}.cred-section{border-radius:12px;padding:1.25rem;border:1px solid var(--adm-border)!important;background:#f8fafc!important}.cred-section h3{align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.95rem;display:flex;color:var(--adm-text-main)!important}.error-txt{color:var(--adm-danger);font-size:.75rem;font-weight:600}.success-view{text-align:center;flex-direction:column;align-items:center;display:flex}.success-circle{background:var(--adm-success);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.25rem;display:flex;box-shadow:0 0 20px #10b9814d}.generated-ids-grid{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;margin:1.5rem 0;display:grid}.id-item{border-radius:10px;padding:1rem;border:1px solid var(--adm-border)!important;background:#f8fafc!important}.id-item label{text-transform:uppercase;font-size:.7rem;font-weight:600;color:var(--adm-text-dim)!important}.id-item span{margin-top:.4rem;font-size:1rem;font-weight:800;display:block;color:var(--adm-warning)!important}.success-actions-grid{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;margin-bottom:1.5rem;display:grid}.success-act-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;border:1px solid var(--adm-border)!important;color:var(--adm-text-main)!important;background:#fff!important}.success-act-btn:hover{border-color:var(--adm-primary)!important;background:#f8fafc!important}.workflow-actions{border-top:1px solid var(--adm-border);justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1.5rem;display:flex}.wf-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.wf-btn.primary{background:var(--adm-primary);color:#fff}.wf-btn.primary:hover{background:#4338ca;transform:translateY(-1px)}.wf-btn.primary.finalize{background:var(--adm-success)}.wf-btn.primary.finalize:hover{background:#059669}.wf-btn.secondary{color:var(--adm-text-dim);background:#f1f5f9}.wf-btn.secondary:hover{background:#e2e8f0}.wf-btn.full{justify-content:center;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.no-data{text-align:center;font-size:.9rem;font-style:italic;color:var(--adm-text-dim)!important;padding:3rem!important}.loader{text-align:center;padding:3rem;font-weight:600;color:var(--adm-primary)!important}:root{--primary:#4f46e5;--primary-light:#818cf8;--primary-dark:#3730a3;--secondary:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--bg-main:#f3f4f6;--bg-card:#ffffffd9;--bg-sidebar:#ffffffbf;--bg-sidebar-hover:#f3f4f6cc;--text-main:#111827;--text-muted:#6b7280;--text-light:#f9fafb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem}body.parent-portal{--primary:#4f46e5!important;--primary-light:#818cf8!important;--primary-dark:#3730a3!important;--secondary:#10b981!important;--danger:#ef4444!important;--warning:#f59e0b!important;--info:#3b82f6!important;--bg-main:#f3f4f6!important;--bg-card:#ffffffd9!important;--bg-sidebar:#ffffffbf!important;--bg-sidebar-hover:#f3f4f6cc!important;--text-main:#111827!important;--text-muted:#6b7280!important;--text-light:#f9fafb!important;--radius-md:.5rem!important;--radius-lg:.75rem!important;--radius-xl:1rem!important}body,body.parent-portal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;color:var(--text-main);margin:0;background-color:#f3f4f6!important;background-image:radial-gradient(at 0 0,#e3e1ea 0,#0000 50%),radial-gradient(at 50% 0,#dce1ef 0,#0000 50%),radial-gradient(at 100% 0,#f2d9e2 0,#0000 50%)!important;background-size:cover!important;background-attachment:fixed!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important}h1,h2,h3,h4,h5,h6{color:var(--text-main);margin-top:0}button{cursor:pointer;font-family:inherit}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);border:1px solid #fff6}@media (width<=1024px){.mobile-menu-btn{display:flex}}body.parent-portal{color:#334155;margin:0;padding:0;background-color:#0000!important;background-image:none!important;font-family:Plus Jakarta Sans,sans-serif!important}.login-container{background:0 0;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-card{text-align:center;-webkit-backdrop-filter:blur(16px)saturate(180%)!important;box-sizing:border-box!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:2rem!important;width:100%!important;max-width:450px!important;padding:3rem!important;animation:.8s ease-out slideUpFade!important;box-shadow:0 25px 50px -12px #00000080!important}.login-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:2.5rem;display:flex}.login-subtitle{color:#cbd5e1!important;margin:0!important;font-size:.9rem!important}.input-wrapper{text-align:left;align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;transition:color .3s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.login-input{width:100%;color:#fff!important;box-sizing:border-box!important;background:#0f172a66!important;border:1px solid #ffffff1a!important;border-radius:1rem!important;padding:1rem 1rem 1rem 3rem!important;font-family:inherit!important;font-size:.95rem!important;transition:all .3s!important}.login-btn{background:linear-gradient(135deg, var(--purple) 0%, #5b21b6 100%)!important;color:#fff!important;cursor:pointer!important;box-sizing:border-box!important;border:none!important;border-radius:1rem!important;justify-content:center!important;align-items:center!important;gap:.75rem!important;width:100%!important;margin-top:1rem!important;padding:1rem!important;font-size:1rem!important;font-weight:700!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;box-shadow:0 10px 15px -3px #7c3aed4d!important}@media (width<=480px){.login-card{border-radius:1.5rem!important;margin:1rem!important;padding:2rem!important}}.main-layout{background:0 0;height:100vh;display:flex;overflow:hidden}.parent-sidebar{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;width:260px;height:calc(100vh - 32px);margin:16px;padding:1.5rem 1rem;display:flex;position:fixed;overflow-y:auto;box-shadow:0 10px 30px -10px #0000000a}.parent-sidebar-header{align-items:center;gap:.75rem;margin-bottom:2rem;padding:.5rem;display:flex}.parent-sidebar-header h3{letter-spacing:1px;color:#0f172a;margin:0;font-size:1.1rem;font-weight:800}.parent-sidebar-menu{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.menu-item{color:#64748b;white-space:nowrap;cursor:pointer;border-radius:12px;align-items:center;gap:.65rem;height:48px;padding:0 1rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.menu-item:hover{color:#0f172a;background:#f8fafc;transform:translate(4px)}.menu-item.active{color:#6366f1;background:linear-gradient(135deg,#6366f114,#6366f108);border:1px solid #6366f126;border-radius:12px;box-shadow:0 4px 12px #6366f10d}.submenu-title{flex:1;align-items:center;gap:.65rem;display:flex}.parent-sidebar-submenu{background-color:#6366f105;border:1px dashed #6366f11a;border-radius:12px;margin:0 0 .5rem;padding:.25rem 0;list-style:none}.parent-sidebar-submenu li{cursor:pointer;color:#64748b;align-items:center;gap:8px;padding:10px 16px 10px 38px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.parent-sidebar-submenu li:hover{color:#6366f1;background-color:#6366f10a}.navbar{-webkit-backdrop-filter:blur(12px);height:70px;box-shadow:var(--shadow-sm);z-index:10;background:#fffc;border-bottom:1px solid #ffffff80;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.navbar-left h2{color:var(--text-main);background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.nav-btn{color:var(--text-main);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #0000001a;border-radius:99px;padding:8px 20px;font-size:.875rem;font-weight:600;transition:all .2s}.nav-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.nav-btn.logout{color:#991b1b;background-color:#fee2e2;border-color:#0000}.nav-btn.logout:hover{background-color:#fecaca;box-shadow:0 4px 12px #ef444433}.content{background-color:#0000;flex:1;height:calc(100vh - 70px);padding:32px;overflow-y:auto}.content-wrapper{margin-left:292px}@media (width<=1024px){.content-wrapper{margin-left:0;padding-top:3rem}.parent-sidebar{border-radius:0 24px 24px 0;height:100vh;margin:0;transition:transform .3s ease-in-out;transform:translate(-100%);box-shadow:10px 0 30px #0000001a}.parent-sidebar.mobile-open{transform:translate(0)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.navbar{-webkit-backdrop-filter:blur(12px);z-index:100;background:#ffffffd9;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;position:sticky;top:0;box-shadow:0 4px 6px -1px #00000005}.brand-section{align-items:center;gap:12px;display:flex}.navbar h2{background:linear-gradient(135deg,#111827 0%,#4f46e5 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin:0;font-size:1.25rem;font-weight:800}.navbar-right{align-items:center;gap:16px;display:flex}.user-pill{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:99px;align-items:center;gap:8px;padding:6px 16px 6px 6px;display:flex}.user-avatar-small{color:#fff;background:linear-gradient(135deg,#4f46e5,#818cf8);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.user-info{color:#374151;font-size:.9rem}.user-info b{color:#111827}.nav-action-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.nav-action-btn:hover{color:#111827;background:#f9fafb;border-color:#e5e7eb}.nav-action-btn.logout{color:#ef4444}.nav-action-btn.logout:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.academic-container{flex-direction:column;gap:40px;max-width:1400px;margin:0 auto;padding:40px;font-family:Inter,sans-serif;display:flex}.page-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:flex-end;margin-bottom:24px;padding-bottom:24px;display:flex}.page-header p{color:var(--text-muted);margin:8px 0 0;font-size:1rem}.tab-bar{background:#fff;border:1px solid #0000000f;border-radius:99px;gap:16px;max-width:fit-content;margin-bottom:32px;padding:8px;display:flex;box-shadow:0 4px 10px #00000008}.tab-bar button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:99px;padding:12px 32px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tab-bar button:hover{color:var(--primary);background:#f9fafb}.tab-bar button.active{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.tab-content{animation:.4s ease-out fadeIn}.academic-card h3{color:var(--text-main);margin:0 0 24px;font-size:1.25rem;font-weight:700}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.status-dot.present{background:#10b981}.status-dot.absent{background:#ef4444}.status-dot.late{background:#f59e0b}.filters-bar{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.filter-pill:hover,.filter-pill.active{border-color:var(--primary);color:var(--primary);background:#eef2ff}.module-container{flex-direction:column;gap:40px;padding:8px;animation:.5s ease-out fadeIn;display:flex}.section-title{color:#1f2937;letter-spacing:-.025em;margin:0 0 16px;font-size:1.5rem;font-weight:800}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.stat-card{background:#fff;border:1px solid #e5e7eb80;border-radius:20px;align-items:center;gap:20px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000003}.stat-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #2563eb4d}.stat-icon.green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #0596694d}.stat-icon.amber{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #d977064d}.stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 4px 12px #6d28d94d}.stat-info{flex-direction:column;display:flex}.stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.stat-value{color:#111827;font-size:1.75rem;font-weight:800;line-height:1.2}.card-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;display:grid}.empty-state{text-align:center;background:#ffffff80;border:2px dashed #e5e7eb;border-radius:24px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:64px;display:flex}.empty-icon-wrapper{background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.empty-state p{color:#6b7280}.exam-card{background:#fff;border:1px solid #e5e7eb99;border-radius:24px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003}.exam-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #00000003}.card-header-accent{width:100%;height:6px}.exam-card.upcoming .card-header-accent{background:linear-gradient(90deg,#f59e0b,#fcd34d)}.exam-card.completed .card-header-accent,.exam-card.published .card-header-accent{background:linear-gradient(90deg,#10b981,#34d399)}.exam-card.ongoing .card-header-accent{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.exam-content{flex-direction:column;flex:1;padding:24px;display:flex}.exam-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.icon-box{color:#4f46e5;background:#f3f4f6;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.status-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:6px 12px;font-size:.75rem;font-weight:700}.status-pill.upcoming{color:#d97706;background:#fef3c7}.status-pill.completed,.status-pill.published{color:#059669;background:#d1fae5}.status-pill.ongoing{color:#1e40af;background:#dbeafe}.exam-title{color:#111827;margin:0 0 16px;font-size:1.25rem;font-weight:800;line-height:1.4}.exam-meta{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.meta-row{color:#6b7280;align-items:center;gap:10px;font-size:.9rem;font-weight:500;display:flex}.exam-footer{border-top:1px solid #f3f4f6;margin-top:auto;padding-top:20px}.upcoming-note{color:#6b7280;background:#f9fafb;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;display:flex}.btn-action{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.btn-action.primary{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);box-shadow:0 4px 6px #4f46e540}.btn-action.primary:hover{transform:translateY(-2px);box-shadow:0 8px 12px #4f46e54d}.results-view{animation:.4s fadeIn}.results-view h2{color:#111827;margin:24px 0;font-size:2rem;font-weight:800}.back-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.back-btn:hover{color:#4f46e5;border-color:#4f46e5;transform:translate(-4px)}.chart-card{background:#fff;border-radius:24px;margin-bottom:32px;padding:32px;box-shadow:0 4px 6px -1px #0000000d}.neat-table thead th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;padding:12px 24px;font-size:.8rem;font-weight:700}.neat-table tbody tr{background:#fff;border-radius:16px;transition:transform .2s;box-shadow:0 1px 3px #0000000d}.neat-table tbody tr:hover{transform:scale(1.01)}.neat-table tbody td{color:#374151;padding:20px 24px;font-weight:500}.neat-table tbody td:first-child{color:#111827;border-top-left-radius:16px;border-bottom-left-radius:16px;font-weight:700}.neat-table tbody td:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px}@media (width<=768px){.stats-overview,.card-list{grid-template-columns:1fr}}.fees-wrapper{flex-direction:column;gap:40px;max-width:1400px;margin:0 auto;padding:40px;font-family:Inter,sans-serif;display:flex}.fees-header h2{color:var(--text-main);letter-spacing:-.02em;border-bottom:1px solid #0000000f;margin:0 0 24px;padding-bottom:24px;font-size:2.2rem;font-weight:800}.fees-summary-container{flex-direction:column;gap:32px;display:flex}.fees-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.fee-card{background:#fff;border:1px solid #0000000f;border-radius:20px;flex-direction:column;gap:12px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.fee-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #00000014}.fee-card p{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0;font-size:.9rem;font-weight:700}.fee-card h2{color:var(--text-main);letter-spacing:-1px;margin:0;font-size:2.5rem;font-weight:800}.fee-card.success p,.fee-card.success h2{color:#059669}.fee-card.success{background:linear-gradient(#ecfdf5 0%,#fff 100%);border:1px solid #d1fae5}.fee-card.warning p,.fee-card.warning h2{color:#d97706}.fee-card.warning{background:linear-gradient(#fffbeb 0%,#fff 100%);border:1px solid #fde68a}.fees-meta-bar{background:#fff;border:1px solid #0000000f;border-radius:16px;justify-content:space-between;align-items:center;padding:20px 32px;display:flex;box-shadow:0 1px 3px #0000000d}.progress-section{flex:1;align-items:center;gap:20px;max-width:600px;display:flex}.progress-section .label{color:var(--text-muted);white-space:nowrap;font-size:.9rem;font-weight:600}.progress-track{background:#f3f4f6;border-radius:99px;flex:1;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:99px;height:100%;transition:width 1s ease-out}.percentage{color:var(--text-main);min-width:40px;font-weight:800}.meta-info{align-items:center;gap:16px;display:flex}.status-assigned{color:#4338ca;background:#e0e7ff}.status-partial{color:#c2410c;background:#ffedd5}.status-paid{color:#15803d;background:#dcfce7}.due-date-pill{color:var(--text-muted);background:#f3f4f6;border-radius:99px;padding:6px 16px;font-size:.85rem;font-weight:600}.fees-dashboard-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.card-neat{background:#fff;border:1px solid #0000000f;border-radius:20px;flex-direction:column;padding:32px;display:flex;box-shadow:0 4px 6px -1px #00000008}.card-neat h3{color:var(--text-main);margin:0 0 24px;font-size:1.25rem;font-weight:800}.fee-breakdown-list{flex-direction:column;gap:0;display:flex}.breakdown-row{color:var(--text-main);border-bottom:1px dashed #0000001a;justify-content:space-between;padding:16px 0;font-size:.95rem;display:flex}.breakdown-row:last-child{border-bottom:none}.breakdown-row span:last-child{font-weight:700}.fees-history{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.history-header{justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 12px;display:flex}.fees-history h3{color:var(--text-main);margin:0;font-size:1.5rem;font-weight:800}.btn-export{color:var(--text-muted);cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:99px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.btn-export:hover{border-color:var(--text-main);color:var(--text-main);transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.payments-table{border-collapse:separate;border-spacing:0 16px;width:100%}.payments-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 24px;font-size:.8rem;font-weight:700}.payments-table tbody tr{background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005}.payments-table tbody tr:hover{z-index:10;background:#fff;position:relative;transform:translateY(-4px)scale(1.005);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}.payments-table td{vertical-align:middle;border:none;padding:24px}.payments-table td:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px}.payments-table td:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px}.cell-date,.cell-mode{color:var(--text-main);align-items:center;gap:12px;font-weight:600;display:flex}.text-muted{color:var(--text-muted)}.cell-amount{color:var(--text-main);font-size:1.1rem;font-weight:800}.status-pill{text-transform:uppercase;letter-spacing:.02em;border-radius:99px;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:800;display:inline-flex}.status-pill.success{color:#047857;background:#ecfdf5;border:1px solid #d1fae5}.status-pill.pending{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.btn-receipt{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-receipt:hover{border-color:var(--primary);color:var(--primary);background:#fff;transform:rotate(-10deg);box-shadow:0 4px 6px #0000000d}.empty-state-history{text-align:center;box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;margin-top:16px;padding:60px}.empty-icon-circle{background:#f9fafb;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.empty-state-history p{color:var(--text-muted);margin:0;font-size:1rem}@media (width<=1024px){.fees-dashboard-grid,.fees-cards{grid-template-columns:1fr}}.fees-loading{min-height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:.95rem;display:flex}.fees-loading-spinner{border:3px solid #e5e7eb;border-top-color:var(--primary,#4f46e5);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.fee-alert-banner{border:1px solid #0000;border-radius:16px;align-items:flex-start;gap:16px;padding:18px 24px;animation:.4s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fee-alert-icon{flex-shrink:0;margin-top:2px}.fee-alert-content strong{margin-bottom:4px;font-size:1rem;font-weight:700;display:block}.fee-alert-content p{margin:0;font-size:.9rem;line-height:1.5}.fee-alert-dismiss{cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;margin-left:auto;transition:opacity .2s}.fee-alert-dismiss:hover{opacity:1}.fee-alert-overdue{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.fee-alert-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.fee-alert-info{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.fee-alert-success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.fees-followup-section{flex-direction:column;gap:24px;display:flex}.followup-amount-card{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:24px;justify-content:space-between;align-items:center;padding:36px 40px;display:flex;box-shadow:0 20px 40px -10px #4f46e566}.followup-amount-left{align-items:center;gap:24px;display:flex}.followup-icon{color:#ffffffb3}.followup-label{opacity:.8;text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px;font-size:.85rem;font-weight:600}.followup-amount{letter-spacing:-2px;margin:0 0 6px;font-size:2.8rem;font-weight:900}.followup-sublabel{opacity:.8;margin:0;font-size:.875rem}.followup-amount-right{gap:40px;display:flex}.followup-stat{text-align:right;flex-direction:column;gap:4px;display:flex}.followup-stat span{opacity:.7;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.followup-stat strong{font-size:1.2rem;font-weight:800}.followup-bottom-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.followup-timeline-card{background:#fff;border:1px solid #0000000f;border-radius:20px;padding:28px 32px;box-shadow:0 4px 6px -1px #00000008}.followup-timeline-header{color:var(--text-muted);align-items:center;gap:10px;margin-bottom:24px;display:flex}.followup-timeline-header h4{color:var(--text-main);margin:0;font-size:1rem;font-weight:700}.followup-timeline{flex-direction:column;gap:0;display:flex}.timeline-item{gap:16px;display:flex;position:relative}.timeline-dot{z-index:1;border:3px solid;border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:4px;position:relative}.timeline-line{z-index:0;background:#e5e7eb;width:2px;height:calc(100% - 4px);position:absolute;top:20px;left:6px}.timeline-item.paid .timeline-dot{background:#10b981;border-color:#10b981}.timeline-item.pending .timeline-dot{background:#fff;border-color:#d1d5db}.timeline-content{flex:1;padding-bottom:20px}.timeline-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.timeline-label{color:var(--text-main);font-size:.95rem;font-weight:600}.timeline-amount{color:var(--text-main);font-size:.95rem;font-weight:800}.timeline-status{font-size:.8rem;font-weight:600}.timeline-status.paid{color:#059669}.timeline-status.pending{color:#9ca3af}.followup-contact-card{background:#fff;border:1px solid #0000000f;border-radius:20px;flex-direction:column;gap:16px;padding:28px 32px;display:flex;box-shadow:0 4px 6px -1px #00000008}.followup-contact-header{color:var(--text-muted);align-items:center;gap:10px;display:flex}.followup-contact-header h4{color:var(--text-main);margin:0;font-size:1rem;font-weight:700}.followup-contact-desc{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.6}.followup-contact-actions{flex-wrap:wrap;gap:12px;display:flex}.contact-btn{border-radius:99px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.contact-btn.primary{background:var(--primary,#4f46e5);color:#fff;box-shadow:0 4px 12px #4f46e54d}.contact-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e566}.contact-btn.secondary{color:var(--text-main);background:#f3f4f6;border:1px solid #e5e7eb}.contact-btn.secondary:hover{background:#e5e7eb;transform:translateY(-2px)}.followup-contact-hours{color:var(--text-muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.fees-payment-section{background:#fff;border:1px solid #0000000f;border-radius:24px;flex-direction:column;gap:28px;padding:36px 40px;display:flex;box-shadow:0 4px 6px -1px #00000008}.payment-section-header h3{color:var(--text-main);margin:0 0 6px;font-size:1.4rem;font-weight:800}.payment-section-sub{color:var(--text-muted);margin:0;font-size:.9rem}.payment-modes-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.payment-mode-card{cursor:pointer;text-align:center;background:#fafafa;border:2px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.payment-mode-card:hover:not(:disabled){border-color:var(--primary,#4f46e5);background:#fff;transform:translateY(-4px);box-shadow:0 12px 24px #4f46e51a}.payment-mode-card.active{border-color:var(--primary,#4f46e5);background:#eef2ff;box-shadow:0 0 0 4px #4f46e514}.payment-mode-card:disabled{opacity:.4;cursor:not-allowed}.mode-icon{color:var(--primary,#4f46e5)}.mode-info{flex-direction:column;gap:2px;display:flex}.mode-label{color:var(--text-main);font-size:.9rem;font-weight:700}.mode-desc{color:var(--text-muted);font-size:.75rem}.mode-check{color:var(--primary,#4f46e5);position:absolute;top:10px;right:10px}.pay-now-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:16px;width:100%;padding:18px;font-size:1.05rem;font-weight:700;transition:all .25s;box-shadow:0 8px 20px #4f46e54d}.pay-now-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 16px 30px #4f46e566}.pay-now-btn:disabled{color:#9ca3af;box-shadow:none;cursor:not-allowed;background:#e5e7eb}.payment-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000073;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.payment-modal{background:#fff;border-radius:24px;width:100%;max-width:480px;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) modalSlide;overflow-y:auto;box-shadow:0 40px 80px #0003}@keyframes modalSlide{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{justify-content:space-between;align-items:flex-start;padding:28px 32px 0;display:flex}.modal-close-btn{cursor:pointer;color:var(--text-muted);background:#f3f4f6;border:none;border-radius:10px;padding:8px;transition:all .2s}.modal-form{flex-direction:column;gap:20px;padding:24px 32px 32px;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:600}.form-input{color:var(--text-main);background:#fff;border:2px solid #e5e7eb;border-radius:12px;outline:none;padding:14px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-input:focus{border-color:var(--primary,#4f46e5);box-shadow:0 0 0 4px #4f46e514}.form-hint{color:var(--text-muted);font-size:.8rem}.form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;font-size:.875rem;font-weight:500}.cash-info-box{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-size:.875rem;display:flex}.modal-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:1rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 8px 20px #4f46e540}.modal-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px #4f46e559}.modal-submit-btn:disabled{opacity:.7;cursor:not-allowed}.modal-success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 32px;display:flex}.success-circle{color:#10b981;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin-bottom:8px;display:flex}.modal-success h3{color:var(--text-main);margin:0;font-size:1.5rem;font-weight:800}.modal-success p{color:var(--text-muted);max-width:320px;margin:0;font-size:.9rem;line-height:1.6}.success-detail{background:#f9fafb;border-radius:12px;justify-content:space-between;width:100%;padding:12px 20px;font-size:.9rem;display:flex}.success-detail span{color:var(--text-muted)}.success-detail strong{color:var(--text-main);font-weight:700}.text-green{color:#059669}.text-orange{color:#d97706}.modal-done-btn{background:var(--primary,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:8px;padding:14px;font-size:.95rem;font-weight:700;transition:all .2s}.modal-done-btn:hover{opacity:.9;transform:translateY(-2px)}.history-filter-tabs{background:#f3f4f6;border-radius:12px;gap:8px;padding:5px;display:flex}.history-filter-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.history-filter-tab:hover{color:var(--text-main);background:#ffffffb3}.history-filter-tab.active{color:var(--primary,#4f46e5);background:#fff;box-shadow:0 2px 8px #0000000f}.tab-count{color:#6b7280;text-align:center;background:#e5e7eb;border-radius:99px;min-width:20px;padding:2px 7px;font-size:.75rem;font-weight:700}.history-filter-tab.active .tab-count{color:var(--primary,#4f46e5);background:#eef2ff}.spin{animation:.8s linear infinite spin}@media (width<=900px){.followup-amount-card{flex-direction:column;align-items:flex-start;gap:24px}.followup-amount-right{flex-wrap:wrap;gap:24px}.followup-bottom-grid{grid-template-columns:1fr}.payment-modes-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.fees-wrapper{padding:20px 16px}.followup-amount-card,.fees-payment-section{padding:24px 20px}.payment-modes-grid{grid-template-columns:1fr 1fr}.payment-modal{border-radius:20px;margin:0 12px}}.behaviour-container{flex-direction:column;gap:48px;max-width:1400px;margin:0 auto;padding:40px;font-family:Inter,sans-serif;display:flex}.page-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.page-header h2{color:var(--text-main);letter-spacing:-.02em;margin:0;font-size:2.2rem;font-weight:800}.subtitle{color:var(--text-muted);margin-top:8px;font-size:1.05rem;font-weight:500}.filter-group{background:#fff;border:1px solid #0000000f;border-radius:99px;align-items:center;gap:12px;padding:12px 24px;transition:all .2s;display:flex;box-shadow:0 2px 10px #00000008}.behaviour-filter{color:var(--text-main);cursor:pointer;background:0 0;border:none;outline:none;font-size:.95rem;font-weight:600}.behaviour-dashboard{flex-direction:column;gap:40px;display:flex}.overview-card{background:#fff;border:1px solid #0000000a;border-radius:24px;padding:40px;box-shadow:0 10px 30px -10px #0000000d}.overview-card h4{color:var(--text-main);opacity:.8;text-transform:uppercase;letter-spacing:.05em;margin:0 0 32px;font-size:1.25rem;font-weight:700}.behaviour-timeline{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:32px;display:grid}.timeline-marker,.line{display:none!important}.timeline-item{padding:0;display:block}.behaviour-card{background:#fff;border:1px solid #0000000f;border-radius:24px;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000005,0 4px 8px -2px #00000005}.behaviour-card:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008}.behaviour-card:before{content:"";height:6px;position:absolute;top:0;left:0;right:0}.behaviour-card.positive:before{background:#10b981}.behaviour-card.warning:before{background:#f59e0b}.behaviour-card.negative:before{background:#ef4444}.card-header{border-bottom:1px solid #00000008;justify-content:space-between;align-items:flex-start;padding:24px 28px;display:flex}.behaviour-card h4{color:var(--text-main);margin:0;font-size:1.35rem;font-weight:700;line-height:1.3}.date-badge{color:var(--text-muted);background:#f9fafb;border:1px solid #e5e7eb;border-radius:99px;align-items:center;padding:6px 14px;font-size:.85rem;font-weight:600;display:flex}.card-content{flex-direction:column;flex:1;gap:24px;padding:28px;display:flex}.detail-row{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.detail-item .label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.75rem;font-weight:700}.detail-item .value{color:var(--text-main);font-size:1rem;font-weight:600}.status-text{text-transform:capitalize;font-weight:700}.status-text.resolved{color:#059669}.status-text.pending{color:#d97706}.status-text.open{color:#dc2626}.remarks-box{background:#f8fafc;border-left:4px solid #cbd5e1;border-radius:16px;padding:20px}.remarks-box p{color:#475569;margin:0;font-size:1rem;font-style:italic;line-height:1.6}.card-footer{background:#fafafa;border-top:1px solid #0000000a;flex-direction:column;gap:20px;padding:24px 28px;display:flex}.action-area{justify-content:flex-end;display:flex}.raise-btn-outline{color:var(--text-muted);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:99px;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0000000d}.raise-btn-outline:hover{border-color:var(--primary);color:var(--primary);background:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #4f46e526}.query-section{flex-direction:column;gap:12px;display:flex}.query-section h5{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:0;font-size:.75rem;font-weight:700;display:flex}.query-bubble{background:#fff;border:1px solid #0000000f;border-radius:2px 12px 12px;flex-direction:column;gap:8px;margin-left:8px;padding:16px;display:flex;position:relative;box-shadow:0 2px 5px #00000008}.query-bubble:before{content:"";border-top:10px solid #fff;border-left:10px solid #0000;width:0;height:0;position:absolute;top:0;left:-8px}.query-bubble p{color:var(--text-main);margin:0;font-size:.95rem;font-weight:500;line-height:1.5}.query-status{border-radius:99px;align-self:flex-end;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.query-status.resolved{color:#047857;background:#ecfdf5}.query-status.pending{color:#b45309;background:#fffbeb}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal{background:#fff;border-radius:24px;flex-direction:column;gap:24px;width:90%;max-width:500px;padding:40px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;box-shadow:0 25px 50px -12px #00000040}.modal-header h3{color:var(--text-main);margin:0 0 8px;font-size:1.5rem;font-weight:800}.modal-header p{color:var(--text-muted);margin:0;font-size:.95rem}.modal textarea{width:100%;height:150px;color:var(--text-main);resize:none;background:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;outline:none;padding:16px;font-family:inherit;font-size:1rem;transition:all .2s}.modal textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #4f46e51a}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.btn-cancel{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:background .2s}.btn-cancel:hover{color:var(--text-main);background:#f3f4f6}.btn-submit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 32px;font-size:.95rem;font-weight:700;transition:all .2s;box-shadow:0 4px 6px -1px #4f46e54d}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e566}.facilities-container{background-color:#f3f4f6;min-height:100vh;padding:24px}.facilities-header{margin-bottom:24px}.facilities-header h1{color:#111827;font-size:1.5rem;font-weight:700}.facilities-header p{color:#6b7280;margin-top:4px;font-size:.875rem}.facilities-tabs{background:#fff;border-radius:12px;margin-bottom:24px;padding:4px;display:flex;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.tab-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover:not(.active){color:#374151;background:#f9fafb}.facilities-content{background:#fff;border-radius:16px;min-height:300px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.transport-container{flex-direction:column;gap:24px;display:flex}.grid-cols-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.card-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.hero-transport-card{color:#fff;background:linear-gradient(135deg,#0284c7,#075985);border-radius:16px;justify-content:space-between;align-items:center;min-height:200px;margin-bottom:24px;padding:32px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0284c726}.route-desc-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;flex-direction:column;width:fit-content;padding:8px 16px;display:flex}.route-meta{flex-direction:column;gap:4px;margin-top:16px;display:flex}.route-id-label{text-transform:uppercase;letter-spacing:1px;opacity:.7;font-size:.7rem;font-weight:800}.route-id-value{font-size:1.25rem;font-weight:800}.transport-status{color:#34d399;background:#10b98133;border:1px solid #10b9814d;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600;position:absolute;top:16px;right:16px}.status-inactive{color:#f87171;background:#ef444433;border:1px solid #ef44444d}.route-info h2{margin-bottom:4px;font-size:1.75rem;font-weight:700}.vehicle-num{color:#e2e8f0;background:#ffffff1a;border-radius:6px;padding:4px 8px;font-family:monospace;font-size:.875rem}.route-meta{gap:24px;margin-top:16px;display:flex}.meta-item{flex-direction:column;display:flex}.meta-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.meta-item span{color:#f8fafc;font-size:1rem;font-weight:600}.transport-visual{opacity:.5;position:absolute;bottom:-20px;right:-20px}.driver-row{border-bottom:1px solid #0000000d;align-items:center;gap:16px;padding:12px 0;display:flex}.driver-row:last-child{border-bottom:none}.avatar-driver,.avatar-attendant{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.avatar-driver{background:#3b82f6}.avatar-attendant{background:#10b981}.driver-info{flex-direction:column;flex:1;display:flex}.role-label{color:#94a3b8;letter-spacing:.05em;font-size:.65rem;font-weight:700}.driver-name{color:#334155;font-size:.9rem;font-weight:600}.driver-phone{color:#64748b;font-size:.8rem}.call-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;padding:6px}.call-btn:hover{background:#e5e7eb}.time-card{padding:24px}.timeline-container{margin-top:16px;padding-left:8px}.timeline-item{gap:16px;padding-bottom:32px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-line{background:#e5e7eb;width:2px;position:absolute;top:24px;bottom:0;left:11px}.timeline-item:last-child .timeline-line{display:none}.timeline-dot{z-index:1;background:#eff6ff;border:2px solid #3b82f6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.timeline-content{flex:1}.time-label{color:#94a3b8;letter-spacing:.05em;margin-bottom:2px;font-size:.75rem;font-weight:700}.stop-time{color:#1e293b;font-size:1.1rem;font-weight:700}.stop-name{color:#64748b;font-size:.9rem}.placeholder-card{text-align:center;border:2px dashed #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:48px;display:flex}.placeholder-icon{color:#9ca3af;margin-bottom:16px}.placeholder-card h3{color:#374151;margin-bottom:8px;font-size:1.25rem;font-weight:600}.placeholder-card p{color:#6b7280;margin-bottom:16px}.hero-hostel-card{color:#fff;background:linear-gradient(135deg,#059669,#065f46);border-radius:16px;justify-content:space-between;align-items:center;min-height:200px;margin-bottom:24px;padding:32px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #05966926}.hostel-status-tag{-webkit-backdrop-filter:blur(8px);letter-spacing:1px;background:#ffffff26;border:1px solid #fff3;border-radius:30px;width:fit-content;margin-bottom:12px;padding:6px 14px;font-size:.75rem;font-weight:800}.hostel-main-info h1{letter-spacing:-1px;margin-bottom:12px;font-size:2.5rem;font-weight:900}.warden-badge-v2{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;align-items:center;gap:16px;width:fit-content;padding:20px;display:flex}.warden-badge-v2 .icon-area{background:#ffffff1a;border-radius:12px;padding:12px}.warden-details-col{flex-direction:column;gap:2px;display:flex}.warden-details-col .label{text-transform:uppercase;letter-spacing:1px;opacity:.7;font-size:10px;font-weight:800}.warden-details-col .name{font-size:1.25rem;font-weight:800}.warden-details-col .phone-link{color:#6ee7b7;align-items:center;gap:6px;margin-top:4px;font-size:.875rem;font-weight:700;text-decoration:none;display:flex}.hostel-info-block h1{margin-bottom:12px;font-size:2rem;font-weight:700}.warden-info,.warden-contact{opacity:.9;align-items:center;gap:8px;margin-bottom:6px;font-size:.95rem;display:flex}.hostel-visual{opacity:.4;position:absolute;bottom:-30px;right:-10px;transform:rotate(-5deg)}.room-grid{background:#f8fafc;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;padding:16px;display:grid}.room-stat{text-align:center;flex-direction:column;align-items:center;display:flex}.stat-label{color:#64748b;letter-spacing:.05em;margin-bottom:4px;font-size:.7rem;font-weight:700}.stat-value.highlight{color:#2563eb}.guardian-alert{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:12px;font-size:.85rem;display:flex}.mess-status-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:16px;padding-bottom:16px;display:flex}.status-pill.active{color:#15803d;background:#dcfce7}.status-pill.inactive{color:#b91c1c;background:#fee2e2}.mess-menu-preview{margin-top:16px}.mess-menu-preview p{color:#64748b;margin-bottom:8px;font-size:.85rem;font-weight:600}.menu-items{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.menu-items span{color:#475569;background:#f1f5f9;border-radius:6px;padding:6px 10px;font-size:.85rem}.view-menu-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-weight:600;transition:background .2s;display:flex}.view-menu-btn:hover{background:#1e293b}.mt-6{margin-top:24px}.icon-blue{color:#2563eb;vertical-align:middle;margin-bottom:4px;margin-right:8px;display:inline-block}.library-container{width:100%;padding:0}.hero-library-card{color:#fff;background:linear-gradient(135deg,#4f46e5,#3730a3);border-radius:16px;justify-content:space-between;align-items:center;min-height:200px;margin-bottom:24px;padding:32px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #4f46e526}.hero-library-card h1{letter-spacing:-.025em;margin-bottom:8px;font-size:2rem;font-weight:800}.hero-library-card p{color:#fffc;font-size:1rem}.library-stat{text-align:right;z-index:2}.library-stat-label{text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin-bottom:4px;font-size:.75rem;display:block}.library-stat-value{font-size:2.5rem;font-weight:800;line-height:1}.library-visual-icon{opacity:.1;position:absolute;bottom:-40px;left:-20px;transform:rotate(15deg)}.library-stats-row{gap:20px;margin-top:24px;display:flex}.library-stat-box{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;min-width:110px;padding:12px 24px}.library-stat-box .label{text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-bottom:4px;font-size:10px;font-weight:900}.library-stat-box .value{font-size:24px;font-weight:800}.section-header{align-items:center;gap:12px;margin-bottom:24px;padding-left:8px;display:flex}.section-header h3{color:#1f2937;margin:0;font-size:20px;font-weight:800}.icon-badge{color:#4f46e5;background:#eef2ff;border-radius:10px;justify-content:center;align-items:center;padding:8px;display:flex}.book-card{background:#fff;border:1px solid #0000000a;border-radius:16px;gap:16px;padding:16px;transition:transform .3s,box-shadow .3s;display:flex}.book-cover-placeholder{color:#9ca3af;background:linear-gradient(to bottom right,#f3f4f6,#e5e7eb);border-radius:8px;justify-content:center;align-items:center;width:80px;height:110px;display:flex;box-shadow:inset 0 0 0 1px #0000000d}.book-cover-img{object-fit:cover;border-radius:8px;width:80px;height:110px;box-shadow:0 4px 6px #0000001a}.book-info h4{color:#1f2937;margin-bottom:4px;font-size:1.1rem;font-weight:700;line-height:1.3}.book-info .author{color:#6b7280;margin-bottom:12px;font-size:.875rem}.due-pill{color:#15803d;background:#f0fdf4;border:1px solid #dcfce7;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.due-pill.overdue{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2}.history-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:12px 0;transition:background .2s;display:flex}.history-item:last-child{border-bottom:none}.history-book-title{color:#374151;font-size:.95rem;font-weight:600}.history-date{color:#9ca3af;font-size:.8rem}.returned-badge{color:#4d7c0f;text-transform:uppercase;background:#ecfccb;border-radius:4px;margin-left:8px;padding:2px 8px;font-size:.7rem;font-weight:700}.hero-addons-card{color:#fff;background:linear-gradient(135deg,#4338ca,#312e81);border-radius:16px;justify-content:space-between;align-items:center;min-height:200px;margin-bottom:24px;padding:32px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #4338ca26}.addons-status-tag{-webkit-backdrop-filter:blur(8px);letter-spacing:1px;background:#ffffff26;border:1px solid #fff3;border-radius:30px;width:fit-content;margin-bottom:12px;padding:6px 14px;font-size:.75rem;font-weight:800}.addon-active-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;align-items:center;gap:24px;padding:24px;transition:all .3s;display:flex;position:relative;overflow:hidden}.addon-active-card:hover{border-color:#e2e8f0;box-shadow:0 12px 25px -5px #0000000d}.addon-side-icon{color:#4f46e5;background:#f5f3ff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.addon-main-content{flex:1}.addon-top-row{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.addon-name-col h4{color:#1e293b;margin-bottom:4px;font-size:1.25rem;font-weight:800}.addon-category-pill{text-transform:uppercase;letter-spacing:1px;color:#4338ca;background:#e0e7ff;border-radius:100px;padding:2px 10px;font-size:10px;font-weight:800}.addon-details-grid{background:#f8fafc;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:16px;padding:12px 20px;display:grid}.addon-detail-item{flex-direction:column;display:flex}.addon-detail-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:9px;font-weight:800}.addon-detail-item span{color:#334155;font-size:13px;font-weight:700}.addon-detail-item .fee-val{color:#4f46e5;font-size:14px}.addon-discover-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:240px;padding:20px;transition:all .3s;display:flex}.addon-discover-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px -10px #0000001a}.discover-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.discover-icon-small{color:#64748b;background:#f8fafc;border-radius:12px;padding:10px}.addon-discover-card h4{color:#1e293b;font-size:1.1rem;font-weight:800}.addon-discover-card p{color:#64748b;margin-bottom:20px;font-size:.85rem;line-height:1.5}.discover-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.discover-fee{color:#1e293b;font-weight:800}.discover-fee span{color:#94a3b8;font-size:10px;font-weight:500}.animate-enter{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.dashboard-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.dashboard-header h1{background:linear-gradient(135deg,#1f2937 0%,#4b5563 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:800}.subtitle{color:var(--text-muted);margin-top:6px;font-size:1.05rem}.header-date{color:var(--text-muted);background:#fff;border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 2px 4px #0000000d}.bento-grid{grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.bento-card{-webkit-backdrop-filter:blur(20px);background:#ffffffbf;border:1px solid #fff6;border-radius:24px;flex-direction:column;padding:24px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000000d,inset 0 0 0 1px #fff9}.bento-card:hover{background:#ffffffe6;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-header h3{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin:0;font-size:.8rem;font-weight:700}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;transition:background .2s}.icon-btn:hover{color:var(--text-main);background:#0000000d}.attendance-master{flex-direction:column;grid-column:span 2;display:flex}.attendance-content{flex:1;align-items:center;gap:32px;display:flex}.attendance-chart-wrapper{flex:1;width:100%;position:relative}.attendance-stats{flex-direction:column;flex:1;gap:16px;display:flex}.stat-row{align-items:center;gap:12px;display:flex}.stat-dot{border-radius:50%;width:10px;height:10px}.stat-dot.present{background:var(--primary);box-shadow:0 0 10px var(--primary-light)}.stat-dot.absent{background:var(--text-muted);opacity:.3}.stat-dot.total{background:var(--text-main)}.stat-num{margin-right:6px;font-size:1.25rem;font-weight:800}.stat-label{color:var(--text-muted);font-size:.9rem;font-weight:500}.attendance-message{color:var(--text-main);background:#f3f4f6;border-radius:12px;margin-top:12px;padding:10px 14px;font-size:.9rem;font-weight:500}.chart-percentage{fill:var(--text-main);font-size:2rem;font-weight:800}.chart-label{fill:var(--text-muted);text-transform:uppercase;font-size:.8rem;font-weight:600}.clickable-card{cursor:pointer;position:relative}.clickable-card:after{content:"";pointer-events:none;border:2px solid #0000;border-radius:24px;transition:border .3s;position:absolute;inset:0}.clickable-card:hover:after{border-color:#4f46e580}.profile-card{color:#fff;background:linear-gradient(135deg,#373372 0%,#2a2757 100%);border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;grid-column:span 1;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #1e1b4b80}.profile-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px -5px #1e1b4b99;background:linear-gradient(135deg,#433e8a 0%,#322e68 100%)!important}.id-card-top{background:#ffffff14;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.id-title{letter-spacing:.15em;text-transform:uppercase;color:#fff;opacity:.95;font-size:.75rem;font-weight:800}.id-icon-circle{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.id-card-main{flex:1;align-items:center;gap:20px;padding:24px;display:flex}.id-avatar-sq{background:#fff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:85px;height:85px;display:flex;box-shadow:0 4px 12px #0000001a}.id-text-details{flex-direction:column;justify-content:center;display:flex}.st-name{letter-spacing:-.5px;color:#fff;margin:0;font-size:1.5rem;font-weight:800;line-height:1}.st-class{color:#ffffff80;margin-top:4px;margin-bottom:16px;font-size:.9rem;font-weight:500;display:block}.st-meta-grid{gap:32px;display:flex}.meta-col{flex-direction:column;display:flex}.meta-col label{text-transform:uppercase;color:#ffffff80;letter-spacing:.05em;margin-bottom:2px;font-size:.6rem;font-weight:800}.meta-col span{color:#fff;font-family:sans-serif;font-size:.95rem;font-weight:800}.id-barcode-area{opacity:.4;align-items:flex-end;gap:6px;height:30px;margin-top:auto;padding:0 24px 24px;display:flex}.bar{background:#fff;height:100%}.b1{width:8px}.b2{width:4px}.b3{width:12px}.b4{width:16px}.b5{width:6px}.b6{width:24px}.b7{width:10px}.b8{width:5px}.b9{width:18px}.b10{width:8px}.b11{width:12px}.b12{width:6px}.b13{width:16px}.b14{width:10px}.fee-widget.has-dues{background:linear-gradient(135deg,#fff1f2 0%,#ffe4e6 100%);border:1px solid #fecdd3}.fee-widget.cleared{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #a7f3d0}.fee-content{margin-top:auto}.currency-label{color:var(--text-muted);font-size:.9rem;font-weight:500}.amount-display{color:var(--text-main);letter-spacing:-1px;margin:4px 0 16px;font-size:2.5rem;font-weight:800}.has-dues .amount-display{color:#be123c}.cleared .amount-display{color:#047857}.pay-btn{background:var(--text-main);color:#fff;border:none;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;font-weight:600;transition:transform .2s;display:flex}.pay-btn:hover{transform:scale(1.02)}.has-dues .pay-btn{background:#e11d48}.cleared .pay-btn{background:#059669}.count-badge{background:#f3f4f6;border-radius:99px;padding:2px 10px;font-size:.8rem;font-weight:700}.homework-list{flex-direction:column;gap:12px;display:flex}.task-item{background:#fff;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex;box-shadow:0 2px 4px #00000005}.task-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.task-icon.math{background:#f59e0b}.task-icon.science{background:#3b82f6}.task-info{flex:1}.task-info span{font-size:.9rem;font-weight:600;display:block}.task-info small{color:var(--text-muted);font-size:.75rem}.action-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:auto;display:grid}.action-btn{cursor:pointer;background:#fff;border:1px solid #0000000a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px 8px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 4px 6px #00000003}.action-btn:hover{border-color:#0000;transform:translateY(-5px);box-shadow:0 10px 20px -5px #0000001a}.action-icon-circle{border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;display:flex;position:relative;overflow:hidden}.action-icon-circle:after{content:"";opacity:.15;background:currentColor;position:absolute;inset:0}.action-icon-circle.blue{color:#3b82f6;background:#3b82f61a}.action-icon-circle.purple{color:#8b5cf6;background:#8b5cf61a}.action-icon-circle.green{color:#10b981;background:#10b9811a}.action-btn span{color:var(--text-muted);font-size:.85rem;font-weight:600}.action-btn:hover span{color:var(--text-main)}@media (width<=1100px){.bento-grid{grid-template-columns:repeat(2,1fr)}.attendance-master{grid-column:span 2}.profile-card{text-align:left;flex-direction:row;grid-column:span 2}.profile-card .id-card-visual{flex-direction:row;gap:24px}.avatar-circle{margin-bottom:0}.id-meta{border:none;flex-direction:column;gap:8px;margin-top:0;padding-top:0}}@media (width<=768px){.bento-grid{grid-template-columns:1fr}.attendance-master,.profile-card,.fee-widget,.homework-widget,.quick-actions{grid-column:span 1}.attendance-content{flex-direction:column}}.grievance-container{max-width:1200px;margin:0 auto;padding:10px}.grievance-header{align-items:center;gap:20px;margin-bottom:32px;display:flex}.back-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.back-btn:hover{background:#f8fafc;transform:translate(-4px)}.header-text h1{color:#1e293b;font-size:1.75rem;font-weight:800}.header-text p{color:#64748b;margin-top:4px}.view-toggle{background:#f1f5f9;border-radius:12px;gap:4px;margin-left:auto;padding:4px;display:flex}.view-toggle button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s}.view-toggle button.active{color:#4f46e5;background:#fff;box-shadow:0 4px 6px -1px #0000000d}.grievance-content{grid-template-columns:2fr 1fr;gap:24px;display:grid}.grievance-card{background:#fff;border-radius:24px;padding:32px}.form-group label{color:#1e293b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.form-group select,.form-group input,.form-group textarea{border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:12px 16px;font-size:.95rem;transition:all .2s}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 4px #4f46e51a}.priority-selector{gap:8px;display:flex}.priority-selector button{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:10px;font-size:.75rem;font-weight:700;transition:all .2s}.priority-selector button.active.low{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.priority-selector button.active.medium{color:#b45309;background:#fffbeb;border-color:#fde68a}.priority-selector button.active.high{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.status-alert{border-radius:12px;align-items:center;gap:12px;margin:20px 0;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex}.status-alert.success{color:#3f6212;background:#ecfccb}.status-alert.error{color:#991b1b;background:#fee2e2}.submit-grievance-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:24px;padding:14px;font-size:1rem;font-weight:800;transition:all .3s;display:flex}.submit-grievance-btn:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e566}.submit-grievance-btn:disabled{opacity:.6;cursor:not-allowed}.info-box{background:#fff;border:1px solid #f1f5f9;border-radius:20px;margin-bottom:16px;padding:24px}.info-box h3{color:#1e293b;margin:12px 0 8px;font-size:1rem;font-weight:800}.info-box p{color:#64748b;font-size:.85rem;line-height:1.5}.history-card{background:#fff;border-radius:20px;padding:24px}.history-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.history-main h3{color:#1e293b;margin-top:8px;font-size:1.15rem;font-weight:800}.priority-tag{text-transform:uppercase;letter-spacing:1px;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:900}.priority-tag.low{color:#166534;background:#dcfce7}.priority-tag.medium{color:#92400e;background:#fef3c7}.priority-tag.high{color:#991b1b;background:#fee2e2}.status-pill{border-radius:99px;padding:4px 12px;font-size:.75rem;font-weight:700}.status-pill.pending{color:#4b5563;background:#f3f4f6}.status-pill.resolved{color:#15803d;background:#dcfce7}.history-desc{color:#475569;margin-bottom:16px;font-size:.95rem;line-height:1.6}.history-footer{color:#94a3b8;border-top:1px solid #f1f5f9;gap:20px;padding-top:12px;font-size:.8rem;font-weight:600;display:flex}.history-footer span{align-items:center;gap:6px;display:flex}.empty-history{text-align:center;color:#94a3b8;background:#fff;border-radius:24px;padding:60px 40px}.empty-history h3{color:#1e293b;margin:16px 0 8px}.child-select-container{background-color:#0000;background-image:radial-gradient(at 0 0,#e3e1ea 0,#0000 50%),radial-gradient(at 50% 0,#dce1ef 0,#0000 50%),radial-gradient(at 100% 0,#f2d9e2 0,#0000 50%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;justify-content:center;align-items:center;min-height:100vh;padding:20px;animation:15s infinite gradientMove;display:flex}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.child-select-card{text-align:center;-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fff9;border-radius:24px;width:100%;max-width:480px;padding:48px;animation:.8s cubic-bezier(.2,.8,.2,1) slideUpFade;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 0 0 1px #ffffff80}.select-header{flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.select-icon-wrapper{background:linear-gradient(135deg, var(--secondary), #059669);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;animation:.6s cubic-bezier(.34,1.56,.64,1) .3s backwards popIn;display:flex;box-shadow:0 10px 15px -3px #10b9814d,0 4px 6px -2px #10b9811a,inset 0 2px 4px #ffffff4d}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.child-select-card h2{color:var(--text-main);background:linear-gradient(90deg,#111827,#4b5563);-webkit-text-fill-color:transparent;letter-spacing:-.025em;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:2rem;font-weight:800}.select-subtitle{color:var(--text-muted);max-width:90%;margin:0;font-size:1.1rem;line-height:1.5}.child-list{flex-direction:column;gap:16px;display:flex}.child-card-btn{cursor:pointer;text-align:left;background:#fff9;border:1px solid #fffc;border-radius:20px;align-items:center;width:100%;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.child-card-btn:hover{border-color:var(--primary);background:#fffffff2;transform:translateY(-4px)scale(1.02);box-shadow:0 20px 25px -5px #0000000d,0 8px 10px -6px #00000003}.child-card-btn:hover .child-name{color:var(--primary)}.child-card-btn:active{transform:scale(.98)}.child-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-right:20px;transition:transform .3s;display:flex;box-shadow:0 4px 6px -1px #4f46e54d}.child-card-btn:hover .child-avatar{transform:scale(1.1)rotate(5deg)}.child-name{color:var(--text-main);flex-grow:1;font-size:1.25rem;font-weight:700;transition:color .3s}.arrow-wrapper{width:32px;height:32px;color:var(--text-muted);background:#00000008;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.child-card-btn:hover .arrow-wrapper{background:var(--primary);color:#fff;transform:translate(4px)}:root{--staff-primary:#6366f1;--staff-secondary:#0ea5e9;--staff-success:#10b981;--staff-warning:#f59e0b;--staff-danger:#ef4444;--staff-bg:#f8fafc;--staff-sidebar:#fff;--staff-card-bg:#fff;--staff-border:#e2e8f0;--staff-text-main:#0f172a;--staff-text-dim:#64748b;--staff-glow:#6366f126}.staff-container{background:var(--staff-bg);min-height:100vh;color:var(--staff-text-main);box-sizing:border-box;width:100%;max-width:100%;padding:1.5rem;font-family:Inter,sans-serif;animation:.5s ease-out fadeIn;overflow-x:hidden}body{overflow-x:hidden}.staff-container .glass-card{background:var(--staff-card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--staff-border);box-sizing:border-box;border-radius:1.5rem;width:100%;max-width:100%;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.staff-container .glass-card:hover{border-color:#6366f14d}.staff-container .glass-card.stat-item:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #0000004d}.staff-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.staff-header h1{color:var(--staff-text-main)!important}.staff-header p{color:var(--staff-text-dim)!important}.staff-container input,.staff-container select,.staff-container textarea{color:#0f172a!important;background-color:#fff!important}.staff-container input::placeholder{color:#94a3b8!important}.staff-container input:focus,.staff-container select:focus,.staff-container textarea:focus{border-color:var(--staff-primary)!important;background-color:#fff!important;box-shadow:0 0 0 3px #6366f126!important}.staff-container select option{color:#0f172a!important;background-color:#fff!important}.staff-add-btn{background:var(--staff-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f140}.staff-add-btn:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 16px #6366f159}.staff-tabs{background:var(--staff-sidebar);border:1px solid var(--staff-border);border-radius:.75rem;flex-wrap:wrap;gap:.5rem;max-width:100%;padding:.4rem;display:flex}.tab-btn{color:var(--staff-text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.6rem;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.tab-btn.active{background:var(--staff-primary);color:#fff;box-shadow:0 4px 12px var(--staff-glow)}.form-primary-btn{background:var(--staff-primary);color:#fff;cursor:pointer;box-shadow:0 4px 12px var(--staff-glow);border:none;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.form-primary-btn:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 6px 16px #4f46e54d}.form-cancel-btn{color:var(--staff-text-main);border:1px solid var(--staff-border);cursor:pointer;background:#f1f5f9;border-radius:.75rem;flex:1;justify-content:center;align-items:center;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.form-cancel-btn:hover{background:#e2e8f0}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}.stat-item{align-items:center;gap:1rem;display:flex;padding:1.25rem!important}.stat-icon-box{background:#f1f5f9;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.stat-info h3{margin-bottom:.2rem;font-size:.8rem;color:var(--staff-text-dim)!important}.stat-info .stat-value{font-size:1.35rem;font-weight:800;color:var(--staff-text-main)!important}.staff-table-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--staff-primary) transparent;width:100%;margin-top:1.5rem;overflow:auto visible}.staff-table-container::-webkit-scrollbar{height:6px}.staff-table-container::-webkit-scrollbar-track{background:0 0}.staff-table-container::-webkit-scrollbar-thumb{background:var(--staff-primary);border-radius:3px}.modern-table{border-collapse:collapse;width:100%;min-width:800px}.modern-table th{text-align:left;border-bottom:1px solid var(--staff-border);white-space:nowrap;padding:.75rem 1rem;font-size:.8rem;font-weight:600;color:var(--staff-text-dim)!important;background-color:#fff!important}.modern-table tr{transition:background .2s}.modern-table tbody tr{background:#fff!important}.modern-table tbody tr:hover{background:#f8fafc!important}.modern-table td{vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:.9rem 1rem;color:var(--staff-text-main)!important;background-color:#fff!important}.modern-table td:nth-child(5){white-space:normal;word-break:break-word;max-width:250px}.modern-table td:first-child{border-left:none}.modern-table td:last-child{border-right:none}.staff-profile{align-items:center;gap:.75rem;min-width:0;display:flex}.staff-profile>div:last-child{min-width:0}.staff-profile>div:last-child>div{white-space:nowrap}.staff-avatar{object-fit:cover;background:var(--staff-primary);border-radius:.6rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.85rem;font-weight:700;display:flex}.status-badge{white-space:nowrap;border-radius:9999px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.status-active{color:var(--staff-success);background:#22c55e1a}.status-inactive{color:var(--staff-danger);background:#ef44441a}.action-btns{flex-shrink:0;gap:.4rem;display:flex}.icon-btn{border:1px solid var(--staff-border);width:2rem;height:2rem;color:var(--staff-text-dim);cursor:pointer;background:0 0;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background:var(--staff-primary);color:#fff;border-color:var(--staff-primary)}.staff-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.staff-drawer{background:var(--staff-sidebar);box-sizing:border-box;width:100%;max-width:500px;height:100%;padding:2rem;animation:.4s cubic-bezier(.4,0,.2,1) slideInRight;overflow-y:auto}.staff-form-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.5rem;display:grid}.full-width{grid-column:1/-1}.input-group label{color:var(--staff-text-dim);font-size:.8rem}.input-group input,.input-group select,.input-group textarea{border:1px solid var(--staff-border);box-sizing:border-box;border-radius:.6rem;outline:none;width:100%;padding:.7rem .9rem;font-size:.9rem;transition:border-color .2s;color:var(--staff-text-main)!important;background:#fff!important}.input-group input:focus,.input-group select:focus{border-color:var(--staff-primary);box-shadow:0 0 0 2px var(--staff-glow)}.subject-view-container{box-sizing:border-box;width:100%}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=1280px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.staff-container{padding:1rem}.staff-container .glass-card{border-radius:1rem;padding:1rem}.staff-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.staff-tabs::-webkit-scrollbar{display:none}.tab-btn{padding:.5rem .75rem;font-size:.78rem}.modern-table{min-width:600px}}@media (width<=768px){.staff-container{padding:.75rem}.staff-header{flex-direction:column;align-items:flex-start;gap:1rem}.staff-header h1{font-size:1.5rem!important}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-item{gap:.75rem;padding:1rem!important}.stat-icon-box{width:2.5rem;height:2.5rem}.stat-info .stat-value{font-size:1.1rem}.staff-container .glass-card{border-radius:.75rem;padding:.75rem}.staff-form-grid{grid-template-columns:1fr}.staff-drawer{max-width:100%;padding:1.25rem}.modern-table{min-width:550px}.modern-table th,.modern-table td{padding:.6rem .75rem;font-size:.8rem}}@media (width<=480px){.dashboard-grid{grid-template-columns:1fr}.stat-info h3{font-size:.72rem}.stat-info .stat-value{font-size:1rem}.staff-tabs{gap:.25rem;padding:.3rem}.tab-btn{padding:.4rem .6rem;font-size:.72rem}}.admin-sidebar{z-index:100;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;width:260px;height:calc(100vh - 32px);margin:16px;padding:1.5rem 1rem;display:flex;position:fixed;overflow-y:auto;box-shadow:0 10px 30px -10px #0000000a}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:0 0}.admin-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.logo-img{width:32px;height:auto}.logo-text-group h2{letter-spacing:1px;color:#0f172a;font-size:1.1rem;font-weight:800}@media (width<=1024px){.admin-sidebar{box-shadow:none;border-radius:0 24px 24px 0;height:100vh;margin:0;transition:transform .3s ease-in-out;transform:translate(-110%)}.admin-sidebar.mobile-open{transform:translate(0);box-shadow:10px 0 30px #0000001a}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;background:#0f172a66;animation:.2s ease-out fadeInOverlay;position:fixed;inset:0}}@keyframes modalPop{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.logout-cancel-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;flex:1;padding:.7rem 1rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:all .2s}.logout-confirm-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #ef44444d}.logout-confirm-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}:root{--tt-bg:#f8fafc;--tt-surface:#fff;--tt-border:#e2e8f0;--tt-primary:#6366f1;--tt-primary-glow:#6366f126;--tt-secondary:#ec4899;--tt-accent:#10b981;--tt-text-main:#0f172a;--tt-text-dim:#64748b;--tt-control-bg:#f1f5f9;--tt-control-hover:#e2e8f0;--tt-glass-blur:blur(12px);--tt-radius:28px;--tt-transition:all .25s ease;--tt-font:"Inter", sans-serif}.dark{--tt-bg:#090d16;--tt-surface:#ffffff08;--tt-border:#ffffff14;--tt-primary:#8b5cf6;--tt-primary-glow:#8b5cf626;--tt-text-main:#f8fafc;--tt-text-dim:#94a3b8;--tt-control-bg:#ffffff08;--tt-control-hover:#ffffff14}.tt-container{font-family:var(--tt-font);background-color:var(--tt-bg);box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;min-height:100vh;padding:1rem 1.5rem;animation:.6s ease-out fadeIn;display:flex}.tt-admin-header{background:var(--tt-surface);height:60px;-webkit-backdrop-filter:var(--tt-glass-blur);border:1px solid var(--tt-border);border-radius:16px;justify-content:space-between;align-items:center;padding:0 20px;display:flex;box-shadow:0 4px 12px #0000001a}.tt-admin-header-left{align-items:center;gap:12px;display:flex}.tt-admin-header-left h1{color:var(--tt-text-main);margin:0;font-size:1.1rem;font-weight:800;line-height:1}.tt-admin-header-left p{color:var(--tt-text-dim);border-left:1px solid var(--tt-border);margin:0;padding-left:12px;font-size:.75rem;font-weight:500}.tt-admin-header-right{align-items:center;gap:.75rem;display:flex}.tt-icon-btn{background:var(--tt-control-bg);border:1px solid var(--tt-border);width:36px;height:36px;color:var(--tt-text-dim);cursor:pointer;transition:var(--tt-transition);border-radius:10px;justify-content:center;align-items:center;display:flex}.tt-icon-btn:hover{background:var(--tt-control-hover);color:var(--tt-primary);border-color:var(--tt-primary)}.tt-profile-badge{background:var(--tt-control-bg);border:1px solid var(--tt-border);border-radius:20px;align-items:center;gap:.5rem;padding:4px 10px 4px 4px;display:flex}.tt-profile-badge span{color:var(--tt-text-main);font-size:.8rem;font-weight:600}.tt-avatar{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.tt-controls-toolbar{background:var(--tt-surface);-webkit-backdrop-filter:var(--tt-glass-blur);border:1px solid var(--tt-border);border-radius:16px;flex-direction:column;gap:12px;padding:12px 16px;display:flex;box-shadow:0 4px 12px #0000001a}@media (width>=1024px){.tt-controls-toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.tt-toolbar-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tt-toolbar-label{color:var(--tt-text-main);align-items:center;gap:6px;margin-right:8px;font-size:.85rem;font-weight:700;display:flex}.tt-input-group{align-items:center;gap:8px;display:flex}.tt-input-group label{color:var(--tt-text-dim);text-transform:uppercase;font-size:.85rem;font-weight:600}.tt-input-group input{text-align:center;border:1px solid #dbe2ea;border-radius:12px;width:80px;height:44px;font-weight:700;transition:all .2s;color:#0f172a!important;background-color:#fff!important}.tt-input-group input:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 4px #8b5cf626}input[type=number]::-webkit-inner-spin-button{cursor:pointer;height:30px;opacity:1!important}input[type=number]::-webkit-outer-spin-button{cursor:pointer;height:30px;opacity:1!important}.tt-actions{gap:8px}.tt-btn-primary,.tt-btn-outline{cursor:pointer;height:36px;transition:var(--tt-transition);border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:.85rem;font-weight:700;display:flex}.tt-btn-primary{background:var(--tt-primary);color:#fff}.tt-btn-primary:hover:not(:disabled){background:#7c3aed;box-shadow:0 4px 12px #8b5cf64d}.tt-btn-primary:disabled{opacity:.5;cursor:not-allowed}.tt-btn-outline{background:var(--tt-control-bg);color:var(--tt-text-main);border:1px solid var(--tt-border)}.tt-btn-outline:hover{background:var(--tt-control-hover)}.tt-btn-data{color:var(--tt-primary);border-color:var(--tt-primary)}.tt-btn-data:hover{background:#8b5cf61a}.tt-btn-exam{color:#ef4444;border-color:#ef444480}.tt-btn-exam:hover{background:#ef44441a}.tt-main-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.tt-filters-bar{border-bottom:1px solid var(--tt-border);background:0 0;flex-direction:column;gap:1rem;padding:1rem 1.5rem;display:flex}@media (width>=1024px){.tt-filters-bar{flex-flow:wrap;align-items:center}}.tt-filter-label{color:var(--tt-text-dim);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-right:auto;font-size:.85rem;font-weight:700;display:flex}.tt-filter-controls{flex-direction:column;gap:12px;width:100%;display:flex}@media (width>=1024px){.tt-filter-controls{flex-flow:wrap;align-items:center;width:auto}}.tt-segmented-control{background:var(--tt-control-hover);border:1px solid var(--tt-border);box-sizing:border-box;border-radius:12px;gap:4px;height:44px;padding:4px;display:flex}.tt-segment-btn{height:100%;color:var(--tt-text-dim);cursor:pointer;transition:var(--tt-transition);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:0 16px;font-size:.85rem;font-weight:600;display:flex}.tt-segment-btn.active{background:var(--tt-primary);color:#fff;box-shadow:0 2px 8px #8b5cf633}.tt-week-navigator{background:var(--tt-control-hover);border:1px solid var(--tt-border);box-sizing:border-box;border-radius:12px;align-items:center;height:44px;padding:4px;display:flex}.tt-nav-btn{width:34px;height:34px;color:var(--tt-text-dim);cursor:pointer;transition:var(--tt-transition);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:.8rem;display:flex}.tt-nav-btn:hover{background:var(--tt-control-hover);color:var(--tt-text-main)}.tt-nav-text{color:var(--tt-text-main);white-space:nowrap;padding:0 12px;font-size:.85rem;font-weight:700}.tt-select{cursor:pointer;appearance:none;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #dbe2ea;border-radius:12px;height:44px;padding:0 36px 0 16px;font-size:.85rem;font-weight:600;transition:all .2s;color:#0f172a!important;background-color:#fff!important}.tt-select option{font-weight:600;color:#0f172a!important;background-color:#fff!important}.tt-select:hover{border-color:#8b5cf6}.tt-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf626;background-color:#fff!important}.tt-content-body{background:#fff;padding:1rem 1.5rem}.tt-grid-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.tt-badge-title{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.5rem;padding:10px 18px;font-size:1rem;font-weight:700;display:flex}.tt-badge-title span{color:var(--tt-text-main);font-weight:800}.tt-settings-glass{background:var(--tt-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--tt-border);border-radius:var(--tt-radius);padding:2rem;animation:.4s ease-out slideDown;box-shadow:0 12px 40px #0000001a}.tt-settings-header{border-bottom:1px solid var(--tt-border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.tt-settings-header h3{color:var(--tt-text-main);align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:800;display:flex}.tt-settings-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=1024px){.tt-settings-grid{grid-template-columns:1fr 2fr}}.tt-settings-col h4{color:var(--tt-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.25rem;font-size:.8rem;font-weight:800}.tt-settings-row{flex-direction:column;gap:1.25rem;display:flex}.flex-input{background:var(--tt-control-bg);border:1px solid var(--tt-border);border-radius:.75rem;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.flex-input span{color:var(--tt-text-dim);text-transform:uppercase;font-size:.65rem;font-weight:700}.flex-input input{border:none;border-bottom:1px solid var(--tt-border);text-align:center;width:4rem;padding:.25rem;font-weight:700;color:var(--tt-text-main)!important;background:0 0!important}.flex-input input:focus{border-color:var(--tt-primary);outline:none}.tt-btn-row{gap:.5rem;display:flex}.tt-btn-pdf.active{background:var(--tt-primary);border-color:var(--tt-primary);color:#fff}.tt-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.tt-modal-content{border:1px solid #e2e8f0;border-radius:16px;width:90%;max-width:800px;max-height:85vh;padding:24px;position:relative;overflow-y:auto;background-color:#fff!important}.tt-modal-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.tt-btn-close{color:var(--tt-text-dim);cursor:pointer;background:0 0;border:none;transition:color .2s}.tt-btn-close:hover{color:#ef4444}.tt-modal-tabs{border-bottom:1px solid var(--tt-border);gap:1rem;margin-bottom:2rem;display:flex}.tt-modal-tabs button{color:var(--tt-text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:700;transition:all .2s;display:flex}.tt-modal-tabs button.active{color:var(--tt-primary);border-bottom-color:var(--tt-primary)}.tt-add-form{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.tt-add-form input{border-radius:.5rem;flex:1;min-width:150px;padding:.75rem 1rem;color:#0f172a!important;background:#fff!important;border:1px solid #dbe2ea!important}.tt-btn-add{background:var(--tt-primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;display:flex}.tt-data-list{flex-direction:column;gap:.75rem;display:flex}.tt-data-item{background:var(--tt-control-bg);border:1px solid var(--tt-border);border-radius:.75rem;justify-content:space-between;align-items:center;padding:1rem;display:flex}.tt-data-item strong{color:var(--tt-text-main);font-size:1rem;display:block}.tt-data-item span{color:var(--tt-text-dim);font-size:.75rem}.tt-btn-delete{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.tt-btn-delete:hover{color:#fff;background:#ef4444}.tt-grid-wrapper{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 2px 8px #0000000f}.tt-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.tt-table th.tt-header-cell{text-align:center;z-index:10;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;width:180px;min-width:180px;height:56px;padding:.75rem 1rem;font-size:.8rem;position:sticky;top:0;color:#64748b!important;background-color:#f8fafc!important}.tt-table th.tt-header-cell.tt-day-cell{z-index:15;text-transform:uppercase;letter-spacing:.05em;border-right:2px solid #cbd5e1;border-top-left-radius:16px;width:120px;min-width:120px;font-weight:800;left:0;box-shadow:6px 0 12px -2px #00000014;color:#0f172a!important;background-color:#f1f5f9!important}.tt-period-title{text-transform:uppercase;letter-spacing:.05em;color:#0f172a;font-size:.78rem;font-weight:700}.tt-period-time{color:#94a3b8;margin-top:2px;font-size:.68rem;font-weight:500}.tt-table td{vertical-align:top;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;width:180px;min-width:180px;height:100%;padding:8px;transition:background-color .15s;color:#0f172a!important;background-color:#fff!important}.tt-table tbody tr:hover td{background-color:#fafbfd!important}.tt-table tbody tr:hover td.tt-day-cell{background-color:#f1f5f9!important}.tt-day-cell{text-align:center;z-index:5;vertical-align:middle;border-right:2px solid #cbd5e1;width:120px;min-width:120px;position:sticky;left:0;box-shadow:6px 0 12px -2px #00000014;color:#0f172a!important;background-color:#fff!important}.tt-day-name{margin-bottom:2px;font-size:1.05rem;font-weight:800}.tt-day-date{color:var(--tt-text-dim);font-size:.75rem;font-weight:500}.tt-subject-card{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;height:100%;padding:12px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.tt-subject-card:hover{border-color:var(--tt-primary);background:var(--tt-control-hover);transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.tt-subject-name{color:var(--tt-text-main);text-align:center;font-size:.95rem;font-weight:700}.tt-teacher-name{color:var(--tt-text-dim);font-size:.75rem;font-weight:600}.tt-room{color:var(--tt-text-dim);background:var(--tt-control-hover);border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:600}.tt-td-exam{padding:12px!important}.tt-exam-card{background:linear-gradient(135deg,#fef2f2,#fff7ed);border:1px solid #fca5a5;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;height:100%;padding:14px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #ef44441a}.tt-exam-card:before{content:"";background:linear-gradient(90deg,#ef4444,#f97316);height:3px;position:absolute;top:0;left:0;right:0}.tt-exam-card:hover{border-color:#ef444480;transform:translateY(-2px);box-shadow:0 8px 16px #ef44441a}.tt-exam-badge{color:#ef4444;text-transform:uppercase;letter-spacing:.05em;background:#ef444426;border-radius:12px;margin-bottom:4px;padding:2px 10px;font-size:.7rem;font-weight:800}.tt-exam-subject{color:var(--tt-text-main);text-align:center;font-size:1.05rem;font-weight:800}.tt-exam-details{color:var(--tt-text-dim);font-size:.75rem;font-weight:600}.tt-unassigned{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.tt-free-cell{border:1px dashed var(--tt-border);height:100%;min-height:80px;color:var(--tt-text-dim);background:#00000005;border-radius:16px;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.tt-alert{border:1px solid #0000;border-radius:1rem;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1.5rem;display:flex}.tt-alert-clash{color:#991b1b;background:#fff1f2;border-color:#fecaca}.tt-alert-success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.dark .tt-data-item strong{color:#f8fafc}:root{--syllabus-primary:#6366f1;--syllabus-primary-glow:#6366f11f;--syllabus-success:#10b981;--syllabus-success-glow:#10b9811f;--syllabus-warning:#f59e0b;--syllabus-warning-glow:#f59e0b1f;--syllabus-danger:#ef4444;--syllabus-bg-glass:#fff;--syllabus-border:#e2e8f0;--syllabus-text-dim:#64748b;--syllabus-text-dark:#0f172a}.syllabus-subject-btn{border:1px solid var(--syllabus-border);color:var(--syllabus-text-dark);text-align:left;cursor:pointer;background:#fff;border-radius:1rem;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;padding:1.25rem 1.5rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000008}.syllabus-subject-btn:hover{border-color:var(--syllabus-primary)}.syllabus-subject-btn.active{color:#6366f1;background:#6366f10f;border:2px solid #6366f1;border-bottom:none;border-radius:1rem 1rem 0 0;box-shadow:0 4px 12px #6366f11a}.syllabus-subject-btn.has-draft{color:#059669;background:#22c55e0f;border:2px solid #22c55e}.syllabus-subject-draft-info{color:#22c55e;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.syllabus-subject-active-panel{box-sizing:border-box;background:#6366f10a;border:2px solid #6366f1;border-top:none;border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem;flex-direction:column;gap:.75rem;width:100%;padding:1.25rem;display:flex}.syllabus-form-grid-2col{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.syllabus-view-meta-grid{background:#f8fafc;border-radius:1rem;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;display:grid}.syllabus-view-notes{color:var(--syllabus-text-dim);border:1px solid var(--syllabus-border);background:#f8fafc;border-radius:.75rem;padding:1rem;font-size:.85rem;line-height:1.6}.syllabus-container{flex-direction:column;gap:2rem;width:100%;animation:.4s ease-out fadeIn;display:flex}.syllabus-header-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.syllabus-title-group h1{color:var(--syllabus-text-dark);letter-spacing:-.5px;margin-bottom:.25rem;font-size:1.85rem;font-weight:800}.syllabus-title-group p{color:var(--syllabus-text-dim);font-weight:500}.syllabus-header-actions{align-items:center;gap:1rem;display:flex}.syllabus-stats-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.syllabus-stat-card{border:1px solid var(--syllabus-border);background:#fff;border-radius:16px;align-items:center;gap:1.25rem;padding:1.5rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005}.syllabus-stat-card:hover{border-color:var(--syllabus-primary);transform:translateY(-2px);box-shadow:0 10px 20px -5px #6366f11a}.syllabus-stat-icon-wrapper{color:#fff;border-radius:1rem;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.syllabus-stat-icon-wrapper.primary{background:linear-gradient(135deg,#6366f1,#4338ca)}.syllabus-stat-icon-wrapper.success{background:linear-gradient(135deg,#10b981,#059669)}.syllabus-stat-icon-wrapper.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.syllabus-stat-icon-wrapper.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.syllabus-stat-info h3{color:var(--syllabus-text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.85rem;font-weight:700}.syllabus-stat-number{color:var(--syllabus-text-dark);font-size:1.85rem;font-weight:800}.syllabus-controls-card{border:1px solid var(--syllabus-border);background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px -1px #00000008}.syllabus-filters{flex-wrap:wrap;flex:1;align-items:center;gap:1rem;display:flex}.syllabus-filter-group{flex-direction:column;gap:.4rem;min-width:180px;display:flex}.syllabus-filter-group label{color:var(--syllabus-text-dim);text-transform:uppercase;letter-spacing:.5px;margin-left:.25rem;font-size:.75rem;font-weight:700}.syllabus-select{border:1px solid var(--syllabus-border);cursor:pointer;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem;font-weight:600;transition:all .2s;color:var(--syllabus-text-dark)!important;background:#fff!important}.syllabus-select:focus{border-color:var(--syllabus-primary);box-shadow:0 0 0 3px var(--syllabus-primary-glow);background:#fff!important}.syllabus-btn{cursor:pointer;border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.6rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.syllabus-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#4338ca);box-shadow:0 4px 12px #6366f140}.syllabus-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f159}.syllabus-btn-secondary{color:var(--syllabus-text-dark);border:1px solid var(--syllabus-border);background:#f8fafc}.syllabus-btn-secondary:hover{background:#f1f5f9}.syllabus-subject-group{flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;display:flex}.syllabus-subject-title{color:var(--syllabus-text-dark);border-bottom:2px solid var(--syllabus-border);align-items:center;gap:.75rem;margin-top:1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:800;display:flex}.syllabus-subject-title span{color:var(--syllabus-text-dim);background:#f1f5f9;border-radius:.5rem;padding:.2rem .6rem;font-size:.9rem;font-weight:600}.syllabus-chapters-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.syllabus-chapter-card{border:1px solid var(--syllabus-border);background:#fff;border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005}.syllabus-chapter-card:hover{border-color:var(--syllabus-primary);transform:translateY(-2px);box-shadow:0 10px 20px -5px #6366f11a}.syllabus-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.syllabus-chapter-info h3{color:var(--syllabus-text-dark);margin-bottom:.25rem;font-size:1.15rem;font-weight:800;line-height:1.3}.syllabus-chapter-badge{color:var(--syllabus-primary);background:var(--syllabus-primary-glow);border-radius:.5rem;width:fit-content;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:2rem;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-badge.completed{background:var(--syllabus-success-glow);color:var(--syllabus-success)}.status-badge.in-progress{background:var(--syllabus-warning-glow);color:var(--syllabus-warning)}.status-badge.not-started{color:var(--syllabus-text-dim);background:#64748b1a}.syllabus-progress-section{border:1px solid var(--syllabus-border);background:#f8fafc;border-radius:1rem;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.syllabus-progress-text h4{color:var(--syllabus-text-dim);margin-bottom:.15rem;font-size:.85rem;font-weight:700}.syllabus-progress-percent{color:var(--syllabus-text-dark);font-size:1.25rem;font-weight:800}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle-bg{stroke:#e2e8f0}.progress-ring-circle{transform-origin:50%;transition:stroke-dashoffset .35s}.progress-ring-circle.completed{stroke:var(--syllabus-success)}.progress-ring-circle.in-progress{stroke:var(--syllabus-warning)}.progress-ring-circle.not-started{stroke:var(--syllabus-text-dim)}.syllabus-topics-preview{flex-direction:column;gap:.5rem;display:flex}.syllabus-topics-preview h4{color:var(--syllabus-text-dim);text-transform:uppercase;font-size:.8rem;font-weight:700}.syllabus-topic-tags{flex-wrap:wrap;gap:.4rem;display:flex}.topic-tag{color:var(--syllabus-text-dark);border:1px solid var(--syllabus-border);background:#f1f5f9;border-radius:.5rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.syllabus-card-footer{border-top:1px solid var(--syllabus-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.syllabus-teacher-info{flex-direction:column;gap:.1rem;display:flex}.syllabus-teacher-info label{color:var(--syllabus-text-dim);text-transform:uppercase;font-size:.7rem;font-weight:700}.syllabus-teacher-info span{color:var(--syllabus-text-dark);font-size:.85rem;font-weight:700}.syllabus-card-actions{gap:.5rem;display:flex}.syllabus-icon-btn{color:var(--syllabus-text-dim);border:1px solid var(--syllabus-border);cursor:pointer;background:#fff;border-radius:.75rem;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.syllabus-icon-btn:hover{color:var(--syllabus-text-dark);background:#f8fafc}.syllabus-icon-btn.delete:hover{color:var(--syllabus-danger);background:#ef444426;border-color:#ef44444d}.syllabus-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;animation:.25s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}.syllabus-modal-content{border:1px solid var(--syllabus-border);background:#fff;border-radius:16px;width:90%;max-width:900px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUpModal;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.syllabus-modal-header{border-bottom:1px solid var(--syllabus-border);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.syllabus-modal-header h2{color:var(--syllabus-text-dark);font-size:1.5rem;font-weight:800}.syllabus-modal-close-btn{cursor:pointer;color:var(--syllabus-text-dim);background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.syllabus-modal-close-btn:hover{color:var(--syllabus-text-dark)}.syllabus-modal-form{flex-direction:column;gap:1.5rem;max-height:75vh;padding:2rem;display:flex;overflow-y:auto}.syllabus-form-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.syllabus-form-group{flex-direction:column;gap:.5rem;display:flex}.syllabus-form-group.full-width{grid-column:span 2}.syllabus-form-group label{color:var(--syllabus-text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:700}.syllabus-input,.syllabus-textarea{border:1px solid var(--syllabus-border);border-radius:10px;outline:none;padding:.8rem 1rem;font-weight:600;transition:all .2s;color:var(--syllabus-text-dark)!important;background:#fff!important}.syllabus-input:focus,.syllabus-textarea:focus{border-color:var(--syllabus-primary);box-shadow:0 0 0 3px var(--syllabus-primary-glow);background:#fff!important}.syllabus-textarea{resize:vertical;min-height:80px}.syllabus-topics-input-area{flex-direction:column;gap:.75rem;display:flex}.syllabus-topics-input-row{gap:.5rem;display:flex}.syllabus-topics-list{flex-direction:column;gap:.5rem;display:flex}.syllabus-topic-item{border:1px solid var(--syllabus-border);color:var(--syllabus-text-dark);background:#f8fafc;border-radius:.75rem;justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.85rem;font-weight:600;display:flex}.syllabus-topic-remove-btn{cursor:pointer;color:var(--syllabus-danger);background:0 0;border:none;align-items:center;display:flex}.syllabus-modal-footer{border-top:1px solid var(--syllabus-border);justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.syllabus-empty-state{border:1px solid var(--syllabus-border);text-align:center;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:5rem 2rem;display:flex;box-shadow:0 4px 6px -1px #00000008}.syllabus-empty-state h2{color:var(--syllabus-text-dark);margin-top:.5rem;font-size:1.75rem;font-weight:800}.syllabus-empty-state p{color:var(--syllabus-text-dim);max-width:420px;margin-bottom:.5rem;font-size:1rem;font-weight:500}.syllabus-loading{color:var(--syllabus-text-dim);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:8rem 2rem;display:flex}.syllabus-spinner{border:4px solid var(--syllabus-border);border-top:4px solid var(--syllabus-primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@media (width<=768px){.syllabus-form-grid{grid-template-columns:1fr}.syllabus-form-group.full-width{grid-column:span 1}}.dark .syllabus-stat-card,.dark .syllabus-controls-card{background:#111827;border-color:#374151;box-shadow:0 4px 18px #0003}.dark .syllabus-select{color:#f9fafb;background:#1f2937;border-color:#374151}.dark .syllabus-select:focus{background:#111827}.dark .syllabus-btn-secondary{color:#f9fafb;background:#1f2937;border-color:#374151}.dark .syllabus-btn-secondary:hover{background:#374151}.dark .syllabus-subject-title{border-bottom-color:#374151}.dark .syllabus-subject-title span{color:#f3f4f6;background:#374151}.dark .syllabus-chapter-card{background:#111827;border-color:#374151;box-shadow:0 4px 18px #0003}.dark .syllabus-chapter-card:hover{box-shadow:0 15px 30px #0006}.dark .syllabus-progress-section{background:#1f2937;border-color:#374151}.dark .progress-ring-circle-bg{stroke:#374151}.dark .topic-tag{color:#e5e7eb;background:#1f2937;border-color:#374151}.dark .syllabus-card-footer{border-top-color:#374151}.dark .syllabus-icon-btn{color:#9ca3af;background:#1f2937;border-color:#374151}.dark .syllabus-icon-btn:hover{color:#f9fafb;background:#374151}.dark .syllabus-icon-btn.delete:hover{color:#fca5a5;background:#7f1d1d;border-color:#b91c1c}.dark .syllabus-empty-state{background:#111827;border-color:#374151}.dark .syllabus-modal-content{background:#111827;border-color:#374151;box-shadow:0 25px 50px -12px #00000080}.dark .syllabus-modal-header{background:#1f2937;border-bottom-color:#374151}.dark .syllabus-input,.dark .syllabus-textarea{color:#f9fafb;background:#1f2937;border-color:#374151}.dark .syllabus-input:focus,.dark .syllabus-textarea:focus{background:#111827}.dark .syllabus-topic-item{color:#f9fafb;background:#1f2937;border-color:#374151}.dark .syllabus-modal-footer{background:#111827;border-top-color:#374151}.dark .syllabus-subject-btn{color:#f9fafb;background:#1f2937;border-color:#374151}.dark .syllabus-subject-btn.active{color:#93c5fd;background:#1e3a8a;border-color:#3b82f6}.dark .syllabus-subject-btn.has-draft{color:#a7f3d0;background:#064e3b;border-color:#10b981}.dark .syllabus-subject-active-panel{background:#1e3a8a;border-color:#3b82f6}.dark .syllabus-view-meta-grid{background:#1f2937}.dark .syllabus-view-notes{color:#e5e7eb;background:#1f2937}.syllabus-mapping-card{border:1px solid var(--syllabus-border);box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;gap:1.25rem;width:100%;padding:1.5rem;display:flex;box-shadow:0 4px 6px -1px #00000008}.mapping-header h3{color:var(--syllabus-text-dark);margin-bottom:.25rem;font-size:1.2rem;font-weight:800}.mapping-header p{color:var(--syllabus-text-dim);margin:0;font-size:.85rem}.mapping-form{flex-wrap:wrap;align-items:flex-end;gap:1.5rem;display:flex}.mapping-field{flex-direction:column;gap:.4rem;min-width:200px;display:flex}.mapping-field label{color:var(--syllabus-text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.mapping-actions{gap:.75rem;margin-top:.5rem;display:flex}.dark .syllabus-mapping-card{background:#111827;border-color:#374151;box-shadow:0 4px 18px #0003}.dark .mapping-header h3{color:#f9fafb}.dark .mapping-header p,.dark .mapping-field label{color:#9ca3af}.sr-page-wrapper{background-color:#f8fafc;width:100%;min-height:100vh;font-family:Inter,sans-serif;animation:.3s forwards fadeIn}.dark .sr-page-wrapper{background-color:#0f172a}.sr-main-container{width:100%;padding:32px}.sr-header{justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:32px;display:flex}.sr-header-left{flex-direction:column;display:flex}.sr-back-btn{color:#4f46e5;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:12px;padding:0;font-size:14px;font-weight:600;transition:color .2s;display:inline-flex}.sr-back-btn:hover{color:#4338ca}.dark .sr-back-btn{color:#818cf8}.sr-title-row{align-items:center;gap:16px;display:flex}.sr-title{color:#111827;letter-spacing:-.02em;font-size:32px;font-weight:800;line-height:1.2}.dark .sr-title{color:#f8fafc}.sr-grade-badge{color:#4f46e5;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:8px;padding:6px 14px;font-size:14px;font-weight:700}.dark .sr-grade-badge{color:#a5b4fc;background:#4f46e533;border-color:#4f46e54d}.sr-subtitle{color:#64748b;margin-top:8px;font-size:15px;font-weight:500}.dark .sr-subtitle{color:#94a3b8}.sr-search-wrapper{width:320px;margin-top:24px;position:relative}.sr-search-icon{color:#94a3b8;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.sr-search-wrapper .sr-search-input{border-radius:12px;outline:none;width:100%;height:44px;transition:all .2s;box-shadow:0 1px 2px #0000000d;color:#111827!important;background:#fff!important;border:1px solid #e2e8f0!important;padding:0 16px 0 44px!important;font-size:15px!important;font-weight:500!important}.sr-search-wrapper .sr-search-input::placeholder{color:#94a3b8!important}.sr-search-wrapper .sr-search-input:focus{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e526!important}.dark .sr-search-input{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 1px 2px #0003!important}.dark .sr-search-input:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f133!important}.sr-stats-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px;display:grid}.sr-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:20px;height:104px;padding:24px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.sr-stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.dark .sr-stat-card{background:#1e293b;border-color:#334155;box-shadow:0 2px 4px #0003}.dark .sr-stat-card:hover{border-color:#475569;box-shadow:0 8px 20px #0006}.sr-stat-icon-wrapper{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.sr-stat-info{flex-direction:column;gap:6px;display:flex}.sr-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.dark .sr-stat-label{color:#94a3b8}.sr-stat-value{color:#111827;font-size:28px;font-weight:800;line-height:1}.dark .sr-stat-value{color:#f8fafc}.sr-table-container{border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;background:#fff!important;border:1px solid #e2e8f0!important}.dark .sr-table-container{box-shadow:0 4px 6px -1px #0000004d;background:#1e293b!important;border-color:#334155!important}.sr-table-scroll{width:100%;max-height:calc(100vh - 350px);overflow:auto}.sr-table{text-align:left;width:100%;border-collapse:collapse!important;background:0 0!important}.sr-col-id{width:15%}.sr-col-student{width:35%}.sr-col-section{width:10%}.sr-col-assign{width:25%}.sr-col-status{width:15%}.sr-table th{text-transform:uppercase;letter-spacing:.05em;z-index:10;position:sticky;top:0;color:#475569!important;-webkit-text-fill-color:unset!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;height:52px!important;padding:0 24px!important;font-size:12px!important;font-weight:700!important}.dark .sr-table th{color:#94a3b8!important;background:#0f172a!important;border-bottom-color:#334155!important}.sr-table td{color:#111827!important;-webkit-text-fill-color:unset!important;vertical-align:middle!important;background:#fff!important;border-bottom:1px solid #f1f5f9!important;padding:16px 24px!important;font-size:14px!important;font-weight:500!important}.dark .sr-table td{color:#f8fafc!important;background:#1e293b!important;border-bottom-color:#1e293b!important}.sr-table tr:last-child td{border-bottom:none!important}.sr-table tbody tr{background:0 0!important;transition:background .15s!important}.sr-table tbody tr:hover td{background:#f8fafc!important}.dark .sr-table tbody tr:hover td{background:#192235!important}.sr-profile-cell{align-items:center;gap:16px;display:flex}.sr-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:700;display:flex}.sr-name-wrap{flex-direction:column;gap:4px;display:flex}.sr-name{color:#111827;font-size:15px;font-weight:700;line-height:1.1;-webkit-text-fill-color:unset!important}.dark .sr-name{color:#f8fafc}.sr-username{color:#64748b;font-size:13px;font-weight:500;line-height:1.1;-webkit-text-fill-color:unset!important}.dark .sr-username{color:#94a3b8}.sr-cell-text{color:#111827;font-weight:600;-webkit-text-fill-color:unset!important}.dark .sr-cell-text{color:#f8fafc}.sr-assign-cell-content{align-items:center;gap:12px;display:flex}.sr-assign-cell-content .sr-row-select{appearance:none;cursor:pointer;border-radius:8px;outline:none;width:140px;height:40px;transition:all .2s;box-shadow:0 1px 2px #0000000d;color:#111827!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center no-repeat!important;border:1px solid #e2e8f0!important;padding:0 36px 0 16px!important;font-size:14px!important;font-weight:600!important}.sr-assign-cell-content .sr-row-select option{color:#111827!important;background-color:#fff!important;font-weight:600!important}.sr-assign-cell-content .sr-row-select:hover{border-color:#cbd5e1!important}.sr-assign-cell-content .sr-row-select:focus{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e526!important}.dark .sr-assign-cell-content .sr-row-select{color:#f8fafc!important;background:#0f172a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center no-repeat!important;border-color:#334155!important;box-shadow:inset 0 1px 2px #0003!important}.dark .sr-assign-cell-content .sr-row-select option{color:#f8fafc!important;background-color:#0f172a!important}.dark .sr-assign-cell-content .sr-row-select:hover{border-color:#475569!important}.dark .sr-assign-cell-content .sr-row-select:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f133!important}.sr-row-assign-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:90px;height:40px;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000001a}.sr-row-assign-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 6px #4f46e540}.sr-row-assign-btn:disabled{opacity:.7;cursor:not-allowed;color:#64748b;box-shadow:none;background:#e2e8f0;transform:none}.dark .sr-row-assign-btn:disabled{color:#94a3b8;background:#334155}.sr-status-pill{border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.status-dot{border-radius:50%;width:6px;height:6px}.sr-status-pill.assigned{color:#166534;background:#dcfce7}.sr-status-pill.assigned .status-dot{background:#166534}.dark .sr-status-pill.assigned{color:#4ade80;background:#16653433}.dark .sr-status-pill.assigned .status-dot{background:#4ade80}.sr-status-pill.unassigned{color:#92400e;background:#fef3c7}.sr-status-pill.unassigned .status-dot{background:#d97706}.dark .sr-status-pill.unassigned{color:#fbbf24;background:#b4530933}.dark .sr-status-pill.unassigned .status-dot{background:#fbbf24}.class-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:32px;display:grid}.class-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .2s;box-shadow:0 1px 3px #0000000d}.class-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 25px #00000014}.dark .class-card{background:#1e293b;border-color:#334155;box-shadow:0 2px 4px #0003}.dark .class-card:hover{border-color:#475569;box-shadow:0 10px 25px #0006}.class-card-title{color:#111827;margin-bottom:6px;font-size:32px;font-weight:800}.dark .class-card-title{color:#f8fafc}.sr-empty{text-align:center;color:#64748b;padding:80px 20px;font-weight:500}.dark .sr-empty{color:#94a3b8}.sr-empty-icon{background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:inline-flex}.dark .sr-empty-icon{background:#0f172a}@media (width<=1200px){.sr-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sr-header{flex-direction:column;align-items:flex-start}.sr-search-wrapper{width:100%;margin-top:16px}}:root{--settings-primary:#6366f1;--settings-primary-hover:#4f46e5;--settings-bg-card:#ffffffb3;--settings-border:#e2e8f0cc;--settings-text-main:#0f172a;--settings-text-muted:#64748b;--settings-input-bg:#fff;--settings-input-border:#cbd5e1;--settings-shadow:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--settings-shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d}.settings-page-wrapper{max-width:1400px;margin:0 auto;padding:2rem;animation:.4s ease-out fadeIn}.settings-header{margin-bottom:2rem}.settings-header h1{color:var(--settings-text-main);letter-spacing:-.025em;margin:0 0 .5rem;font-size:2.25rem;font-weight:800}.settings-header p{color:var(--settings-text-muted);margin:0;font-size:1rem}.settings-layout{grid-template-columns:280px 1fr;align-items:start;gap:2rem;display:grid}@media (width<=968px){.settings-layout{grid-template-columns:1fr}}.settings-nav-sidebar{background:var(--settings-bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--settings-border);box-shadow:var(--settings-shadow);border-radius:1.25rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.settings-nav-item{text-align:left;cursor:pointer;color:var(--settings-text-muted);background:0 0;border:none;border-radius:.875rem;align-items:center;gap:1rem;padding:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.settings-nav-item svg{flex-shrink:0;transition:transform .2s}.settings-nav-item:hover{color:var(--settings-text-main);background:#6366f10d}.settings-nav-item:hover svg{transform:scale(1.05)}.settings-nav-item.active{background:var(--settings-primary);color:#fff;box-shadow:0 4px 12px #6366f140}.settings-nav-item.active svg{color:#fff}.nav-item-text h3{margin:0 0 .25rem;font-size:.95rem;font-weight:700}.nav-item-text p{opacity:.8;margin:0;font-size:.75rem}.settings-nav-item:not(.active) .nav-item-text p{color:var(--settings-text-muted)}.settings-content-panel{background:var(--settings-bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--settings-border);min-height:500px;box-shadow:var(--settings-shadow-lg);border-radius:1.25rem;padding:2rem;position:relative}.settings-loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.spinner{border:3px solid #6366f11a;border-top-color:var(--settings-primary);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s ease-in-out infinite spin}.settings-form{flex-direction:column;gap:1.5rem;display:flex}.panel-section-header{margin-bottom:1rem}.panel-section-header h2{color:var(--settings-text-main);margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.panel-section-header p{color:var(--settings-text-muted);margin:0;font-size:.875rem}.panel-section-header.sub-section{margin-top:1rem}@media (width<=600px){.form-grid{grid-template-columns:1fr}.col-span-2{grid-column:span 1!important}}.col-span-2{grid-column:span 2}.form-group label{color:var(--settings-text-main);font-size:.875rem;font-weight:600}.form-group input,.form-group select{border:1px solid var(--settings-input-border);background:var(--settings-input-bg);color:var(--settings-text-main);border-radius:.75rem;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:var(--settings-primary);box-shadow:0 0 0 3px #6366f11a}.divider{border:0;border-top:1px solid var(--settings-border);margin:1.5rem 0}.intervals-container{flex-direction:column;gap:1.25rem;display:flex}.interval-row{border:1px solid var(--settings-border);background:#f8fafc80;border-radius:.75rem;grid-template-columns:180px 1fr;align-items:center;padding:1rem;display:grid}@media (width<=600px){.interval-row{grid-template-columns:1fr;gap:.75rem}}.interval-row h4{color:var(--settings-text-main);margin:0;font-size:.9rem;font-weight:700}.interval-inputs{gap:1.5rem;display:flex}.input-with-label{align-items:center;gap:.5rem;display:flex}.input-with-label span{color:var(--settings-text-muted);font-size:.8rem}.input-with-label input{border:1px solid var(--settings-input-border);text-align:center;border-radius:.5rem;outline:none;width:70px;padding:.4rem .6rem}.input-with-label input:focus{border-color:var(--settings-primary)}.save-btn{background:var(--settings-primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f133}.save-btn:hover{background:var(--settings-primary-hover);transform:translateY(-1px)}.save-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.library-settings-content{flex-direction:column;gap:1.5rem;display:flex}.info-message-box{background:#6366f10a;border:1px solid #6366f126;border-radius:.875rem;gap:1rem;padding:1.25rem;display:flex}.info-message-box h4{color:var(--settings-primary);margin:0 0 .25rem;font-size:.95rem;font-weight:700}.info-message-box p{color:var(--settings-text-muted);margin:0;font-size:.875rem;line-height:1.4}.input-addon-group{display:flex;position:relative}.input-addon-icon{color:var(--settings-text-muted);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-addon-group input{width:100%;padding-left:2.75rem!important}.help-text{color:var(--settings-text-muted);font-size:.75rem}.fine-example-card{border:1px dashed var(--settings-input-border);background:#f8fafc;border-radius:.875rem;margin-top:1rem;padding:1.25rem}.fine-example-card h4{color:var(--settings-text-main);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.9rem;font-weight:700}.fine-example-card ul{flex-direction:column;gap:.5rem;margin:0;padding-left:1.25rem;display:flex}.fine-example-card li{color:var(--settings-text-muted);font-size:.875rem}.fine-example-card strong{color:var(--settings-text-main)}.add-mapping-inline-form{border:1px solid var(--settings-border);background:#f8fafc;border-radius:.875rem;margin-bottom:2rem;padding:1.25rem}.inline-inputs{grid-template-columns:1fr 1fr auto;align-items:flex-end;gap:1.25rem;display:grid}@media (width<=600px){.inline-inputs{grid-template-columns:1fr}}.add-btn{background:var(--settings-text-main);color:#fff;cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;height:46px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.add-btn:hover{background:#000}.mappings-table-wrapper{border:1px solid var(--settings-border);border-radius:.875rem;overflow:hidden}.mappings-table{border-collapse:collapse;text-align:left;width:100%}.mappings-table th{color:var(--settings-text-muted);text-transform:uppercase;border-bottom:1px solid var(--settings-border);background:#f8fafc;padding:1rem;font-size:.85rem;font-weight:700}.mappings-table td{border-bottom:1px solid var(--settings-border);color:var(--settings-text-main);padding:1rem;font-size:.95rem}.mappings-table tr:last-child td{border-bottom:none}.medium-badge{border-radius:1rem;padding:.25rem .75rem;font-size:.8rem;font-weight:700;display:inline-block}.medium-badge.tamil{color:#854d0e;background:#fef08a}.medium-badge.english{color:#1e40af;background:#dbeafe}.delete-mapping-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:inline-flex}.delete-mapping-btn:hover{background:#ef444414}.empty-table-row{text-align:center;color:var(--settings-text-muted);font-style:italic;padding:2.5rem!important}:root{--notif-primary:#0052cc;--notif-primary-hover:#0047b3;--notif-primary-gradient:linear-gradient(135deg, #0052cc 0%, #3f79ff 100%);--notif-bg-main:transparent;--notif-bg-card:#fff;--notif-bg-card-hover:#f4f5f7;--notif-border:#dfe1e6;--notif-text-main:#172b4d;--notif-text-muted:#5e6c84;--notif-text-white:#fff;--notif-shadow-soft:0 4px 20px #091e420d;--notif-shadow-glow:0 8px 24px #0052cc40;--notif-shadow-dropdown:0 8px 16px #091e4226;--notif-radius-card:16px;--notif-radius-sm:6px;--notif-radius-pill:9999px;--font-title:32px;--font-card-title:16px;--font-table-header:13px;--font-body:14px;--pill-high-bg:#ffebe6;--pill-high-text:#bf2600;--pill-medium-bg:#fff0b3;--pill-medium-text:#172b4d;--pill-low-bg:#e3fcef;--pill-low-text:#064;--pill-unread-bg:#deebff;--pill-unread-text:#0747a6;--pill-read-bg:#f4f5f7;--pill-read-text:#5e6c84}.sys-notifs-wrapper{box-sizing:border-box;width:100%;max-width:none;color:var(--notif-text-main);padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;animation:.3s ease-out notifFadeIn}@keyframes notifFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sys-notifs-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.sys-notifs-header{flex:300px}.sys-notifs-header h1{font-size:var(--font-title);color:var(--notif-text-main);letter-spacing:-.5px;margin:0 0 4px;font-weight:700;line-height:1.1}.sys-notifs-header p{color:var(--notif-text-muted);font-size:var(--font-body);margin:0}.sys-notifs-toolbar{flex-wrap:wrap;flex:auto;justify-content:flex-end;align-items:center;gap:10px;display:flex}.toolbar-btn{background:var(--notif-bg-card);border:1px solid var(--notif-border);border-radius:var(--notif-radius-sm);color:var(--notif-text-main);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #091e4208}.toolbar-btn:hover{background:var(--notif-bg-card-hover);border-color:#b3bac5}.toolbar-search{background:var(--notif-bg-card);border:1px solid var(--notif-border);border-radius:var(--notif-radius-sm);flex-grow:1;align-items:center;gap:8px;max-width:250px;padding:8px 14px;display:flex;box-shadow:0 1px 2px #091e4208}.toolbar-search input{color:var(--notif-text-main);background:0 0;border:none;outline:none;width:100%;font-size:13px}.toolbar-search input::placeholder{color:var(--notif-text-muted)}.sys-notifs-layout{align-items:flex-start;gap:24px;display:flex}.sys-notifs-sidebar{flex-direction:column;flex-shrink:0;gap:12px;width:260px;display:flex}.category-card{background:var(--notif-bg-card);border-radius:var(--notif-radius-card);width:100%;height:80px;box-shadow:var(--notif-shadow-soft);cursor:pointer;box-sizing:border-box;border:1px solid #0000;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.category-card:hover:not(.active){background:var(--notif-bg-card-hover);transform:translateY(-2px)}.category-card.active{background:var(--notif-primary-gradient);box-shadow:var(--notif-shadow-glow);border-left:4px solid #ffab00}.category-icon{width:40px;height:40px;color:var(--notif-primary);background:#091e420a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.category-card.active .category-icon{color:var(--notif-text-white);background:#fff3}.category-text{flex-direction:column;flex-grow:1;justify-content:center;display:flex;overflow:hidden}.category-text h3{font-size:var(--font-card-title);color:var(--notif-text-main);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-weight:600;overflow:hidden}.category-card.active .category-text h3{color:var(--notif-text-white)}.category-text p{color:var(--notif-text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.category-card.active .category-text p{color:#fffc}.category-badge{color:#fff;border-radius:var(--notif-radius-pill);text-align:center;background:#ff5630;min-width:20px;padding:2px 6px;font-size:11px;font-weight:700}.category-card.active .category-badge{color:#0052cc;background:#fff}.sys-notifs-content{background:var(--notif-bg-card);border-radius:var(--notif-radius-card);box-shadow:var(--notif-shadow-soft);flex-grow:1;width:calc(100% - 284px);min-height:500px;overflow:hidden}.notif-table-wrapper{width:100%;padding-bottom:80px;overflow-x:auto}.notif-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:760px}.notif-table th{font-size:var(--font-table-header);color:var(--notif-text-muted);text-align:left;border-bottom:2px solid var(--notif-border);white-space:nowrap;background:#fafbfc;padding:12px 16px;font-weight:600}.col-avatar{width:52px}.col-borrower{width:18%}.col-message{width:32%}.col-type{width:12%}.col-priority{width:10%}.col-time{width:13%}.col-status{width:90px}.col-actions{text-align:center;width:52px}.notif-table td{border-bottom:1px solid var(--notif-border);font-size:var(--font-body);color:var(--notif-text-main);vertical-align:middle;padding:12px 16px}.table-row{transition:background-color .2s}.table-row:hover{background-color:var(--notif-bg-card-hover)}.table-row.unread-row{background-color:#0052cc05}.cell-avatar{justify-content:center;align-items:center;display:flex}.avatar-circle{color:#5e6c84;background:#e9eaee;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.cell-borrower{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.cell-message{color:#344563;white-space:normal;word-break:break-word;font-size:13px;line-height:1.5}.cell-type{text-transform:capitalize;color:var(--notif-text-muted);word-break:break-word;font-size:13px}.cell-time{color:var(--notif-text-muted);font-size:12px}.pill{border-radius:var(--notif-radius-pill);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;justify-content:center;align-items:center;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.pill-high{background:var(--pill-high-bg);color:var(--pill-high-text)}.pill-medium{background:var(--pill-medium-bg);color:var(--pill-medium-text)}.pill-low{background:var(--pill-low-bg);color:var(--pill-low-text)}.pill-normal{color:#5e6c84;background:#e9eaee}.pill-unread{background:var(--pill-unread-bg);color:var(--pill-unread-text)}.pill-read{background:var(--pill-read-bg);color:var(--pill-read-text)}.cell-actions{text-align:center;position:relative}.action-menu-btn{color:var(--notif-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:inline-flex}.action-menu-btn:hover{color:var(--notif-text-main);background:#091e4214}.action-dropdown{border:1px solid var(--notif-border);border-radius:var(--notif-radius-sm);box-shadow:var(--notif-shadow-dropdown);z-index:50;background:#fff;flex-direction:column;min-width:140px;padding:4px 0;animation:.2s dropdownFade;display:flex;position:absolute;top:100%;right:16px}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{text-align:left;cursor:pointer;color:var(--notif-text-main);background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.dropdown-item:hover{background:var(--notif-bg-card-hover)}.dropdown-item.danger{color:#de350b}.dropdown-item.danger:hover{background:#ffebe6}.empty-state{text-align:center;color:var(--notif-text-muted);padding:64px 32px}.empty-state-icon{opacity:.4;margin-bottom:16px}.sys-notifs-toast{border-radius:var(--notif-radius-pill);box-shadow:var(--notif-shadow-dropdown);z-index:1000;align-items:center;gap:8px;padding:12px 24px;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) toastSlideUp;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.sys-notifs-toast.success{color:#fff;background:#00875a}.sys-notifs-toast.error{color:#fff;background:#de350b}@media (width<=1200px){.sys-notifs-layout{flex-direction:column}.sys-notifs-sidebar{flex-direction:row;width:100%;padding-bottom:8px;overflow-x:auto}.category-card{flex-shrink:0;width:260px}.sys-notifs-content{width:100%}}:root{--pink:#db2777}.student-login-container{justify-content:center;align-items:center;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;display:flex;position:relative;overflow:hidden}.student-bg-image{z-index:-2;filter:blur(4px)brightness(.8);background-image:url(/assets/school-bg-CGdziF1H.png);background-position:50%;background-size:cover;position:fixed;inset:0;transform:scale(1.05)}.student-bg-overlay{z-index:-1;background:radial-gradient(circle,#0f172a66 0%,#0f172acc 100%);position:fixed;inset:0}.student-login-card{-webkit-backdrop-filter:blur(16px)saturate(180%);background:#ffffff1a;border:1px solid #fff3;border-radius:2rem;width:100%;max-width:450px;padding:3rem;animation:.8s ease-out studentSlideUpFade;box-shadow:0 25px 50px -12px #00000080}.student-login-header{text-align:center;margin-bottom:2.5rem}.student-logo-container{flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex}.student-logo{filter:drop-shadow(0 0 10px #ffffff4d);width:70px;height:auto;margin-bottom:.5rem}.student-logo-title{color:#fff;letter-spacing:2px;font-size:1.25rem;font-weight:800}.student-logo-subtitle{color:#94a3b8;letter-spacing:1.5px;font-size:.6rem;font-weight:600}.student-login-title{color:#fff;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.student-login-subtitle{color:#cbd5e1;font-size:.9rem}.student-login-form{flex-direction:column;gap:1.5rem;display:flex}.student-form-group{flex-direction:column;gap:.5rem;display:flex}.student-input-wrapper{align-items:center;display:flex;position:relative}.student-input-icon{color:#94a3b8;pointer-events:none;transition:color .3s;position:absolute;left:1rem}.student-login-input{border:1px solid #ffffff1a;width:100%;font-family:inherit;font-size:.95rem;transition:all .3s;color:#fff!important;background:#0f172a66!important;border-radius:1rem!important;padding:1rem 1rem 1rem 3rem!important}.student-login-input:focus{background:#0f172a99!important;border-color:#2563eb!important;outline:none!important;box-shadow:0 0 0 4px #2563eb33!important}.student-login-input:focus+.student-input-icon{color:#2563eb}.student-login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 15px -3px #2563eb4d}.student-login-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 20px 25px -5px #2563eb66}.student-login-btn:active{transform:translateY(0)}.student-back-home{color:#94a3b8;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.student-back-home:hover{color:#fff}@keyframes studentSlideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.student-login-card{border-radius:1.5rem;margin:1rem;padding:2rem}}.sidebar{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;flex-shrink:0;height:calc(100vh - 32px);margin:16px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;overflow:hidden;box-shadow:0 10px 30px -10px #0000000a}.dark .sidebar{background:#fff;border-color:#e2e8f0;box-shadow:0 10px 30px -10px #0000000a}.sidebar.expanded{width:260px}.sidebar.collapsed{width:84px}.sidebar.mobile-close{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}@media (width>=768px){.sidebar{position:fixed;top:0;transform:translate(0)!important}}.sidebar-header{border-bottom:1px solid #e2e8f099;justify-content:space-between;align-items:center;height:80px;padding:0 20px;display:flex}.dark .sidebar-header{border-color:#33415566}.sidebar-logo-wrap{align-items:center;gap:12px;display:flex;overflow:hidden}.sidebar-logo{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .25s;display:flex;box-shadow:0 4px 12px #6366f140}.sidebar-logo:hover{transform:rotate(6deg)scale(1.05)}.sidebar-title{color:#0f172a;letter-spacing:1px;white-space:nowrap;font-size:1.1rem;font-weight:800}.dark .sidebar-title{color:#fff}.sidebar-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .25s;display:flex}.sidebar-toggle:hover{color:#0f172a;background:#f3f4f6}.dark .sidebar-toggle:hover{color:#fff;background:#1e293b}.sidebar-label{letter-spacing:.16em;text-transform:uppercase;color:#94a3b8;white-space:nowrap;padding:24px 20px 8px;font-size:10px;font-weight:900}.dark .sidebar-label{color:#475569}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark .sidebar-nav::-webkit-scrollbar-thumb{background:#334155}.sidebar-item{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:14px;width:100%;height:52px;padding:0 16px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.sidebar-item:not(.active):hover{color:#0f172a;background:#f8fafc;transform:translate(4px)}.dark .sidebar-item:not(.active):hover{color:#0f172a;background:#f8fafc}.dark .sidebar-item{color:#64748b}.sidebar-item.active{color:#6366f1;background:linear-gradient(135deg,#6366f114,#6366f108);border:1px solid #6366f126;border-radius:12px;font-weight:800;box-shadow:0 4px 12px #6366f10d}.dark .sidebar-item.active{color:#6366f1;background:linear-gradient(135deg,#6366f114,#6366f108);border-color:#6366f126;box-shadow:0 4px 12px #6366f10d}.sidebar-icon{color:#6b7280;flex-shrink:0;width:20px;height:20px;transition:color .25s,transform .25s}.sidebar-item.active .sidebar-icon,.dark .sidebar-item.active .sidebar-icon{color:#6366f1}.sidebar-item:hover .sidebar-icon,.dark .sidebar-item:hover .sidebar-icon{color:#0f172a}.sidebar-item.active:hover .sidebar-icon,.dark .sidebar-item.active:hover .sidebar-icon{color:#6366f1}.sidebar-text{white-space:nowrap;text-overflow:ellipsis;transition:opacity .2s;overflow:hidden}.sidebar-footer{border-top:1px solid #e5e7eb;padding:12px}.dark .sidebar-footer{border-color:#1e293b}.sidebar-logout{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;align-items:center;gap:14px;width:100%;height:52px;padding:0 16px;font-size:14px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 12px #ef444440}.sidebar-logout:hover{color:#fff;background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 16px #ef444459}.dark .sidebar-logout:hover{color:#fff;background:#dc2626}.sidebar-logout:hover .sidebar-icon,.dark .sidebar-logout:hover .sidebar-icon{color:#fff}.sidebar.collapsed .sidebar-item,.sidebar.collapsed .sidebar-logout{border-radius:12px;justify-content:center;width:52px;height:52px;margin:0 auto;padding:0}.sidebar.collapsed .sidebar-item.active{color:#fff;background:#2563eb;border-left:none;border-radius:12px}.sidebar.collapsed .sidebar-item.active .sidebar-icon{color:#fff}.dark .sidebar.collapsed .sidebar-item.active{background:#2563eb}.sidebar.collapsed .sidebar-item:after,.sidebar.collapsed .sidebar-logout:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:999;background:#0f172a;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:68px;transform:translateY(-50%)scale(.9);box-shadow:0 4px 12px #0f172a26}.sidebar.collapsed .sidebar-item:hover:after,.sidebar.collapsed .sidebar-logout:hover:after{opacity:1;transform:translateY(-50%)scale(1)}.dark .sidebar.collapsed .sidebar-item:after,.dark .sidebar.collapsed .sidebar-logout:after{color:#fff;background:#1e293b;border:1px solid #334155}@media (width<=768px){.sidebar.expanded,.sidebar.collapsed{width:280px}}.logout-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9998;background:#0f172a66;justify-content:center;align-items:center;padding:24px;animation:.25s ease-out fadeInModal;display:flex;position:fixed;inset:0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.logout-modal-content{text-align:center;z-index:9999;background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;width:100%;max-width:380px;padding:32px 28px;animation:.3s cubic-bezier(.16,1,.3,1) scaleInModal;position:relative;box-shadow:0 20px 40px -15px #0f172a26,0 0 0 1px #0f172a0d;overflow:visible!important}@keyframes scaleInModal{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.dark .logout-modal-content{background:#1e293b;border-color:#33415580;box-shadow:0 20px 40px -15px #00000080,0 0 0 1px #ffffff0d}.logout-modal-icon-wrap{color:#ef4444;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex;box-shadow:inset 0 1px 1px #ef44441a}.dark .logout-modal-icon-wrap{color:#f87171;background:#ef444426}.logout-modal-title{color:#0f172a;letter-spacing:-.03em;margin-bottom:8px;font-size:20px;font-weight:800}.dark .logout-modal-title{color:#fff}.logout-modal-desc{color:#64748b;margin-bottom:24px;padding:0 8px;font-size:14px;line-height:1.5}.dark .logout-modal-desc{color:#94a3b8}.logout-modal-actions{align-items:center;gap:12px;display:flex}.logout-modal-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;height:48px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.logout-modal-btn-cancel{color:#475569;background:#f1f5f9}.logout-modal-btn-cancel:hover{color:#0f172a;background:#e2e8f0}.dark .logout-modal-btn-cancel{color:#cbd5e1;background:#334155}.dark .logout-modal-btn-cancel:hover{color:#fff;background:#475569}.logout-modal-btn-confirm{color:#fff;background:#ef4444;box-shadow:0 4px 12px #ef444433}.logout-modal-btn-confirm:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 16px #ef44444d}.logout-modal-btn-confirm:active{transform:translateY(0)}@media (width>=1024px){main.student-main-content{margin-left:292px!important}main.student-main-content.collapsed{margin-left:116px!important}}@keyframes dashboardEntrance{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes meshFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(8px,-12px)scale(1.05)}}.dashboard-container{animation:.65s cubic-bezier(.16,1,.3,1) forwards dashboardEntrance}.welcome-banner{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 45%,#7c3aed 100%);border:1px solid #ffffff1a;border-radius:1.75rem;margin-bottom:1.5rem;padding:1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 20px 45px #4f46e540}.welcome-banner:hover{transform:translateY(-2px);box-shadow:0 24px 55px #4f46e559}.welcome-banner-circle-1{filter:blur(48px);background:#ffffff1a;border-radius:9999px;width:16rem;height:16rem;margin-top:-8rem;margin-right:-8rem;transition:transform .7s;animation:8s ease-in-out infinite meshFloat;position:absolute;top:0;right:0}.welcome-banner:hover .welcome-banner-circle-1{transform:scale(1.1)}.welcome-banner-circle-2{filter:blur(48px);margin-mb:-8rem;background:#818cf833;border-radius:9999px;width:16rem;height:16rem;margin-left:-8rem;transition:transform .7s;animation:10s ease-in-out infinite alternate meshFloat;position:absolute;bottom:0;left:0}.welcome-banner:hover .welcome-banner-circle-2{transform:scale(1.1)}.welcome-content{z-index:10;position:relative}.welcome-badge{-webkit-backdrop-filter:blur(12px);text-transform:uppercase;letter-spacing:.1em;background:#fff3;border-radius:9999px;margin-bottom:1rem;padding:.375rem 1rem;font-size:.75rem;font-weight:900;display:inline-block}.welcome-title{letter-spacing:-.05em;margin-bottom:.75rem;font-size:1.875rem;font-weight:900;line-height:1.2}.welcome-name{background:linear-gradient(90deg,#fff,#bfdbfe);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.welcome-desc{color:#dbeafecc;max-width:28rem;font-size:.875rem;font-weight:500;line-height:1.625}.welcome-icon-decor{display:none}@media (width>=1024px){.welcome-icon-decor{opacity:.1;display:block;position:absolute;bottom:0;right:3rem;transform:translateY(25%)}}@media (width>=640px){.welcome-banner{border-radius:2.5rem;margin-bottom:2rem;padding:2rem}.welcome-badge{margin-bottom:1.5rem}.welcome-title{margin-bottom:1rem;font-size:2.25rem}.welcome-desc{font-size:1rem}}@media (width>=1024px){.welcome-banner{padding:3rem}.welcome-title{font-size:3rem}.welcome-desc{font-size:1.125rem}}.stats-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;display:grid}@media (width>=640px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media (width>=1024px){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}}.stat-card-custom{-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #e2e8f0cc;border-radius:1.5rem;flex-direction:column;padding:1.25rem;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.dark .stat-card-custom{background:#0f172ab3;border:1px solid #1e293bcc}.stat-card-custom:hover{background:#fff;border-color:#2563eb59;transform:translateY(-5px);box-shadow:0 20px 35px #0f172a0f}.dark .stat-card-custom:hover{background:#1e293b;border-color:#60a5fa4d;box-shadow:0 20px 40px #00000059}.stat-icon-wrap{border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-bottom:1rem;transition:transform .3s;display:flex}.stat-card-custom:hover .stat-icon-wrap{transform:scale(1.1)rotate(2deg)}.stat-icon-wrap.blue{color:#2563eb;background:#eff6ff}.stat-icon-wrap.indigo{color:#4f46e5;background:#eef2ff}.stat-icon-wrap.emerald{color:#10b981;background:#ecfdf5}.stat-icon-wrap.orange{color:#ea580c;background:#fff7ed}.stat-icon-wrap.violet{color:#7c3aed;background:#f5f3ff}.stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem;font-size:.625rem;font-weight:900}.stat-value{color:#0f172a;font-size:1.5rem;font-weight:900}.dark .stat-value{color:#fff}@media (width>=640px){.stat-card-custom{border-radius:1.75rem;padding:1.5rem}.stat-icon-wrap{border-radius:1rem;width:3rem;height:3rem;margin-bottom:1.5rem}.stat-label{font-size:.75rem}.stat-value{font-size:1.875rem}}@media (width>=1024px){.stat-card-custom{border-radius:2rem;padding:2rem}}.sections-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;display:grid}@media (width>=1024px){.sections-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}.panel-card-custom{background:#fff;border:1px solid #e2e8f0b3;border-radius:1.75rem;flex-direction:column;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 10px 30px #0f172a05}.dark .panel-card-custom{background:#0f172a99;border:1px solid #1e293bb3;box-shadow:0 10px 35px #0003}.panel-card-custom:hover{border-color:#e2e8f0e6;box-shadow:0 20px 40px #0f172a0d}.dark .panel-card-custom:hover{border-color:#1e293be6;box-shadow:0 20px 45px #00000047}.panel-header{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.dark .panel-header{border-bottom-color:#1e293b80}.panel-title{color:#1e293b;letter-spacing:-.025em;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:900;display:flex}.dark .panel-title{color:#fff}.panel-title-accent{border-radius:9999px;width:.375rem;height:1.25rem}.panel-title-accent.blue{background-color:#2563eb}.panel-title-accent.emerald{background-color:#10b981}.panel-title-accent.violet{background-color:#7c3aed}.panel-action-btn{cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .2s}.panel-action-btn.blue{color:#2563eb}.panel-action-btn.emerald{color:#10b981}.panel-action-btn.violet{color:#7c3aed}.panel-action-btn:hover{text-underline-offset:4px;text-decoration:underline}.panel-body{flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex}@media (width>=640px){.panel-card-custom{border-radius:2.5rem}.panel-header{padding:1.5rem}.panel-body{gap:1.5rem;padding:1.5rem}}@media (width>=1024px){.panel-header,.panel-body{padding:2rem}}.schedule-item{border:1px solid #0000;border-radius:1rem;align-items:center;gap:1rem;padding:.75rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}@media (width>=640px){.schedule-item{border-radius:1.5rem;gap:1.5rem;padding:1rem}}.schedule-item:hover{background:#f8fafc;border-color:#2563eb1a;transform:translate(4px)}.dark .schedule-item:hover{background:#1e293b66;border-color:#60a5fa1a}.schedule-time-block{text-align:center;min-width:3.75rem}@media (width>=640px){.schedule-time-block{min-width:4.375rem}}.schedule-time{color:#0f172a;font-size:.75rem;font-weight:900}.dark .schedule-time{color:#fff}@media (width>=640px){.schedule-time{font-size:.875rem}}.schedule-ampm{color:#94a3b8;text-transform:uppercase;font-size:.5625rem;font-weight:700}@media (width>=640px){.schedule-ampm{font-size:.625rem}}.schedule-details{flex:1}.schedule-subject{color:#1e293b;font-size:.875rem;font-weight:900;line-height:1.25;transition:color .2s}.dark .schedule-subject{color:#e2e8f0}@media (width>=640px){.schedule-subject{font-size:1rem}}.schedule-item:hover .schedule-subject{color:#2563eb}.schedule-teacher{color:#64748b;margin-top:.125rem;font-size:.6875rem;font-weight:500}@media (width>=640px){.schedule-teacher{font-size:.75rem}}.homework-item{background:#f8fafc80;border-left:3px solid #0000;border-radius:1rem;align-items:center;gap:.75rem;padding:.75rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.dark .homework-item{background:#1e293b40}@media (width>=640px){.homework-item{border-radius:1.5rem;gap:1rem;padding:1rem}}.homework-item:hover{background:#f4fcf9cc;border-left-color:#10b981;transform:translate(4px)}.dark .homework-item:hover{background:#10b98114;border-left-color:#34d399}.homework-info{flex:1}.homework-task{color:#1e293b;font-size:.875rem;font-weight:900;line-height:1.25;transition:color .2s}.dark .homework-task{color:#e2e8f0}@media (width>=640px){.homework-task{font-size:1rem}}.homework-item:hover .homework-task{color:#10b981}.homework-subject{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-top:.125rem;font-size:.5625rem;font-weight:700}@media (width>=640px){.homework-subject{font-size:.75rem}}.homework-deadline-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:.75rem;padding:.375rem .5rem;font-size:.5625rem;font-weight:900}@media (width>=640px){.homework-deadline-badge{padding:.5rem .75rem;font-size:.625rem}}.homework-deadline-badge.submitted{color:#059669;background:#d1fae5}.homework-deadline-badge.pending{color:#ea580c;background:#ffedd5}.recent-marks-item{flex-direction:column;gap:.5rem;transition:all .25s;display:flex}.recent-marks-item:hover{transform:translateY(-2px)}.recent-marks-info{justify-content:space-between;align-items:center;display:flex}.recent-marks-subject{color:#1e293b;font-size:.75rem;font-weight:900;transition:color .2s}.dark .recent-marks-subject{color:#e2e8f0}@media (width>=640px){.recent-marks-subject{font-size:.875rem}}.recent-marks-item:hover .recent-marks-subject{color:#7c3aed}.recent-marks-score{color:#0f172a;font-size:.75rem;font-weight:900}.dark .recent-marks-score{color:#fff}@media (width>=640px){.recent-marks-score{font-size:.875rem}}.progress-bar-track{background:#f1f5f9;border-radius:9999px;height:.5rem;position:relative;overflow:hidden}.dark .progress-bar-track{background:#1e293b}.progress-bar-fill{height:100%;width:var(--progress-width,0%);background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:9999px;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.report-card-btn{color:#7c3aed;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:#f5f3ff;border:none;border-radius:1rem;justify-content:space-between;align-items:center;width:100%;margin-top:1rem;padding:1rem;font-size:.5625rem;font-weight:900;transition:all .3s;display:flex}.dark .report-card-btn{color:#a78bfa;background:#7c3aed26}@media (width>=640px){.report-card-btn{border-radius:1.25rem;padding:1.25rem;font-size:.625rem}}.report-card-btn:hover{background:#ede9fe}.dark .report-card-btn:hover{background:#7c3aed40}.report-card-btn-icon{transition:transform .2s}.report-card-btn:hover .report-card-btn-icon{transform:translate(4px)}.timetable-container{width:100%;margin:0 auto}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:9999px}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#334155}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#475569}.bg-type-break{color:#92400e;background-color:#fef3c7;border-color:#fde68a}.bg-type-practical{color:#065f46;background-color:#d1fae5;border-color:#a7f3d0}.bg-type-activity{color:#5b21b6;background-color:#f3e8ff;border-color:#ddd6fe}.bg-type-exam{color:#991b1b;background-color:#fee2e2;border-color:#fecaca}.bg-type-lecture{color:#1e40af;background-color:#dbeafe;border-color:#bfdbfe}.bg-type-default{color:#334155;background-color:#f1f5f9;border-color:#e2e8f0}.dark .bg-type-break{color:#fbbf24;background-color:#fde68a1a;border-color:#fde68a33}.dark .bg-type-practical{color:#34d399;background-color:#a7f3d01a;border-color:#a7f3d033}.dark .bg-type-activity{color:#a78bfa;background-color:#ddd6fe1a;border-color:#ddd6fe33}.dark .bg-type-exam{color:#f87171;background-color:#fecaca1a;border-color:#fecaca33}.dark .bg-type-lecture{color:#60a5fa;background-color:#bfdbfe1a;border-color:#bfdbfe33}.dark .bg-type-default{color:#94a3b8;background-color:#e2e8f01a;border-color:#e2e8f033}.animate-fade-in{animation:.3s cubic-bezier(.4,0,.2,1) forwards fadeIn}.timetable-hero-container{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:2rem;padding:2rem 0;display:flex;position:relative}.timetable-hero-content h2{text-align:center;color:#0f172a;letter-spacing:-.03em;font-size:2.5rem;font-weight:800}.dark .timetable-hero-content h2{color:#fff}.timetable-hero-content p{text-align:center;color:#64748b;margin-top:8px;font-size:1rem}.dark .timetable-hero-content p{color:#94a3b8}.timetable-tabs-container{-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;gap:4px;margin-top:24px;padding:6px;display:flex;box-shadow:0 4px 12px #00000005}.dark .timetable-tabs-container{background:#1e293b80;border-color:#1e293b}.timetable-tab-btn{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:999px;outline:none;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.dark .timetable-tab-btn{color:#94a3b8}.timetable-tab-btn:hover:not(.active){color:#1e293b;background:#f1f5f9}.dark .timetable-tab-btn:hover:not(.active){color:#f8fafc;background:#1e293b}.timetable-tab-btn.active{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 6px 20px #2563eb40}.dark .timetable-tab-btn.active{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 6px 20px #3b82f640}@media (width<=1024px){.timetable-hero-container{padding:1.5rem 0}}@media (width<=640px){.timetable-hero-content h2{font-size:2rem}.timetable-tabs-container{justify-content:space-between;width:100%}.timetable-tab-btn{flex:1;justify-content:center;padding:8px 12px}.timetable-tab-btn span{display:none}}.date-nav-container{transition:all .25s;-webkit-backdrop-filter:blur(20px)!important;background:#fff9!important;border:1px solid #e2e8f0cc!important;border-radius:20px!important;padding:.75rem 1rem!important;box-shadow:0 4px 12px #00000003,inset 0 1px #fffc!important}.dark .date-nav-container{background:#1e293b33!important;border:1px solid #ffffff08!important;box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff08!important}.date-nav-btn{border:1px solid #0000!important;border-radius:12px!important;padding:.5rem!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.date-nav-btn:hover{background:#f1f5f9!important;border-color:#e2e8f0!important}.dark .date-nav-btn:hover{background:#1e293b!important;border-color:#334155!important}.date-nav-title{letter-spacing:-.02em;color:#0f172a!important;font-size:1.15rem!important;font-weight:800!important}.dark .date-nav-title{color:#fff!important}.date-nav-subtitle{letter-spacing:.05em!important;color:#2563eb!important;font-size:.6875rem!important;font-weight:700!important}.dark .date-nav-subtitle{color:#38bdf8!important}.hero-exam-card{transition:all .3s;position:relative;overflow:hidden;background:linear-gradient(135deg,#090d16 0%,#111827 100%)!important;border:1px solid #ffffff14!important;border-radius:24px!important;padding:1.75rem 2rem!important;box-shadow:0 20px 40px -15px #0006,0 0 40px -5px #3b82f633!important}.hero-exam-card:after{content:"";background:linear-gradient(90deg,#3b82f600 0%,#3b82f6cc 50%,#3b82f600 100%);height:1px;position:absolute;top:0;left:10%;right:10%}.hero-exam-card.completed{opacity:.85;background:linear-gradient(135deg,#1e293b 0%,#334155 100%)!important;box-shadow:0 8px 24px #00000026!important}.hero-exam-card.completed:after{background:linear-gradient(90deg,#fff0 0%,#fff3 50%,#fff0 100%)}.hero-exam-card h3{letter-spacing:-.02em;line-height:1.3;font-size:1.35rem!important;font-weight:800!important}.today-timeline-container{transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px)!important;background:#ffffffb3!important;border:1px solid #e2e8f0cc!important;border-radius:24px!important;padding:2.25rem 2rem!important;box-shadow:0 10px 30px #00000005,inset 0 1px #fff9!important}.dark .today-timeline-container{background:#0f172a66!important;border:1px solid #ffffff08!important;box-shadow:0 10px 30px #00000026,inset 0 1px #ffffff0a!important}.today-timeline-wrapper{padding-left:3rem!important}.today-timeline-line{background:linear-gradient(#e2e8f0 0%,#cbd5e1 50%,#cbd5e100 100%)!important;width:2px!important;left:15px!important}.dark .today-timeline-line{background:linear-gradient(#1e293b 0%,#334155 50%,#33415500 100%)!important}.today-timeline-item{margin-bottom:2rem!important}.today-timeline-item:last-child{margin-bottom:0!important}.today-timeline-dot{transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 1px #e2e8f0;background:#cbd5e1!important;border:2.5px solid #fff!important;width:12px!important;height:12px!important;left:-32px!important}.dark .today-timeline-dot{box-shadow:0 0 0 1px #1e293b;background:#334155!important;border-color:#0f172a!important}.today-timeline-dot.active{transform:scale(1.25);background:#2563eb!important;border-color:#fff!important;box-shadow:0 0 0 4px #2563eb33,0 0 12px #2563eb66!important}.dark .today-timeline-dot.active{transform:scale(1.25);background:#38bdf8!important;border-color:#0f172a!important;box-shadow:0 0 0 4px #38bdf840,0 0 12px #38bdf866!important}.today-schedule-card{transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff9!important;border:1px solid #e2e8f0b3!important;border-radius:16px!important;padding:1.25rem 1.5rem!important;box-shadow:0 2px 8px #00000003,inset 0 1px #fffc!important}.dark .today-schedule-card{background:#1e293b40!important;border:1px solid #ffffff08!important;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff08!important}.today-schedule-card.cursor-pointer:hover{transform:translateY(-2px);background:#fffffff2!important;border-color:#2563eb4d!important;box-shadow:0 12px 24px -10px #0000000f!important}.dark .today-schedule-card.cursor-pointer:hover{background:#1e293b80!important;border-color:#38bdf833!important;box-shadow:0 12px 24px -10px #0000004d!important}.today-schedule-card.active-class{transform:scale(1.02);background:#2563eb08!important;border-color:#2563eb66!important;box-shadow:0 8px 24px #2563eb14,inset 0 1px #fffc!important}.dark .today-schedule-card.active-class{background:#38bdf808!important;border-color:#38bdf84d!important;box-shadow:0 8px 24px #38bdf81f,inset 0 1px #ffffff08!important}.today-schedule-card h4{color:#0f172a;font-size:1.05rem!important;font-weight:700!important}.dark .today-schedule-card h4{color:#f8fafc}.today-schedule-card .text-sm.font-bold{color:#334155;font-size:.95rem!important;font-weight:800!important}.dark .today-schedule-card .text-sm.font-bold{color:#cbd5e1}.timetable-container table th{letter-spacing:-.01em;padding:1.25rem 1rem!important;font-weight:700!important}.timetable-container table tbody td{vertical-align:middle;padding:.75rem!important}.timetable-container table th.sticky,.timetable-container table td.sticky{border-right:1px solid #e2e8f0!important;box-shadow:4px 0 12px #00000005!important}.dark .timetable-container table th.sticky,.dark .timetable-container table td.sticky{border-right:1px solid #1e293b!important;box-shadow:4px 0 12px #0003!important}.exam-filter-tabs-container{width:fit-content;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:9999px!important;gap:0!important;margin:0 auto 2.5rem!important;padding:4px!important}.dark .exam-filter-tabs-container{background:#0f172a!important;border:1px solid #1e293b!important}.exam-filter-btn{letter-spacing:-.01em;color:#64748b!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:9999px!important;padding:.5rem 1.25rem!important;font-size:.825rem!important;font-weight:700!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.dark .exam-filter-btn{color:#94a3b8!important}.exam-filter-btn.active{color:#fff!important;background:#0f172a!important;box-shadow:0 4px 12px #0000001a!important}.dark .exam-filter-btn.active{color:#0f172a!important;background:#f8fafc!important;box-shadow:0 4px 12px #00000040!important}.exam-filter-btn:hover:not(.active){color:#0f172a!important}.dark .exam-filter-btn:hover:not(.active){color:#f8fafc!important}.exams-grid-container{gap:1.75rem!important}.exam-card-custom{flex-direction:column;justify-content:space-between;min-height:260px;display:flex;-webkit-backdrop-filter:blur(20px)!important;background:#fff9!important;border:1px solid #e2e8f0cc!important;border-radius:20px!important;padding:1.75rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 20px #00000005,inset 0 1px #fff9!important}.dark .exam-card-custom{background:#1e293b40!important;border:1px solid #ffffff0a!important;box-shadow:0 4px 20px #0003,inset 0 1px #ffffff0a!important}.exam-card-custom:hover{background:#fffffff2!important;border-color:#2563eb4d!important;transform:translateY(-4px)!important;box-shadow:0 12px 30px -8px #2563eb1f!important}.dark .exam-card-custom:hover{background:#1e293b80!important;border-color:#38bdf833!important;box-shadow:0 12px 30px -8px #0006!important}.exam-card-custom h4{letter-spacing:-.02em;line-height:1.35;color:#0f172a!important;margin-bottom:1.25rem!important;font-size:1.25rem!important;font-weight:800!important}.dark .exam-card-custom h4{color:#fff!important}.supervisor-section{border-top:1px dashed #e2e8f0;margin-top:16px;padding-top:14px}.dark .supervisor-section{border-top-color:#334155}.supervisor-section h5{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:10px;font-size:10px;font-weight:800}.dark .supervisor-section h5{color:#94a3b8}.supervisor-list{flex-direction:column;gap:8px;display:flex}.supervisor-slot{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.dark .supervisor-slot{background:#1e293b66;border-color:#ffffff05}.supervisor-slot .sup-time{color:#2563eb;white-space:nowrap;font-size:11px;font-weight:700}.dark .supervisor-slot .sup-time{color:#60a5fa}.supervisor-slot .sup-name{color:#334155;text-align:right;font-size:11px;font-weight:600}.dark .supervisor-slot .sup-name{color:#cbd5e1}.exam-type-groups-container{flex-direction:column;gap:2rem;display:flex}.exam-type-group-box{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.4s ease-out forwards fadeIn;overflow:hidden;box-shadow:0 4px 20px #00000008,inset 0 1px #fff9}.dark .exam-type-group-box{background:#1e293b4d;border:1px solid #ffffff0d;box-shadow:0 4px 20px #0003,inset 0 1px #ffffff0a}.exam-type-group-box:hover{border-color:#2563eb26;box-shadow:0 8px 32px #0000000f}.dark .exam-type-group-box:hover{border-color:#38bdf826;box-shadow:0 8px 32px #0000004d}.exam-type-group-header{background:#f8fafc80;border-bottom:1px solid #e2e8f099;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.dark .exam-type-group-header{background:#0f172a4d;border-bottom-color:#ffffff0a}.exam-type-group-header-left{align-items:center;gap:1rem;display:flex}.exam-type-accent-bar{border-radius:4px;flex-shrink:0;width:4px;height:40px}.exam-type-group-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:800;line-height:1.3}.dark .exam-type-group-title{color:#f8fafc}.exam-type-group-subtitle{color:#64748b;margin:2px 0 0;font-size:.8rem;font-weight:600}.dark .exam-type-group-subtitle{color:#94a3b8}.exam-type-badge{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.7rem;font-weight:800;display:flex}.exam-type-subjects-list{flex-direction:column;display:flex}.exam-subject-row{border-bottom:1px solid #e2e8f080;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.75rem;transition:all .2s;display:flex}.dark .exam-subject-row{border-bottom-color:#ffffff08}.exam-subject-row:last-child{border-bottom:none}.exam-subject-row:hover{background:#f8fafccc}.dark .exam-subject-row:hover{background:#1e293b66}.exam-subject-row-left{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.exam-subject-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 8px #0000001a}.exam-subject-info{flex:1;min-width:0}.exam-subject-name{color:#0f172a;letter-spacing:-.01em;margin:0 0 4px;font-size:1rem;font-weight:700}.dark .exam-subject-name{color:#f8fafc}.exam-subject-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.exam-meta-item{color:#64748b;white-space:nowrap;align-items:center;gap:5px;font-size:.78rem;font-weight:600;display:flex}.dark .exam-meta-item{color:#94a3b8}.exam-meta-item svg{opacity:.7;color:#94a3b8;flex-shrink:0}.dark .exam-meta-item svg{color:#64748b}.exam-subject-row-right{flex-shrink:0;align-items:center;display:flex}.exam-supervisor-compact{color:#334155;white-space:nowrap;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;display:flex}.dark .exam-supervisor-compact{color:#cbd5e1;background:#1e293b66;border-color:#ffffff08}.exam-sup-icon{color:#2563eb;flex-shrink:0}.dark .exam-sup-icon{color:#60a5fa}@media (width<=768px){.exam-type-group-header,.exam-subject-row{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem}.exam-subject-row-right{padding-left:1.5rem}.exam-subject-meta{gap:8px}.exam-meta-item{font-size:.72rem}}.hw-page{flex-direction:column;gap:24px;width:100%;font-family:Inter,sans-serif;display:flex}.hw-loading{justify-content:center;align-items:center;min-height:400px;display:flex}.hw-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite hw-spin}@keyframes hw-spin{to{transform:rotate(360deg)}}.hw-page-title{letter-spacing:-.02em;line-height:1.2;color:#111827!important;-webkit-text-fill-color:#111827!important;background:0 0!important;margin:0 0 4px!important;font-size:28px!important;font-weight:800!important}.hw-page-subtitle{color:#64748b!important;-webkit-text-fill-color:#64748b!important;margin:0!important;font-size:14px!important;font-weight:500!important}.hw-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=768px){.hw-stats-grid{grid-template-columns:repeat(2,1fr)}}.hw-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000d}.hw-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.hw-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.hw-stat-info{flex-direction:column;gap:4px;display:flex}.hw-stat-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important;font-size:12px!important;font-weight:700!important}.hw-stat-value{line-height:1;color:#111827!important;-webkit-text-fill-color:#111827!important;font-size:26px!important;font-weight:800!important}.hw-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #0000000a}.hw-tabs{background:#f1f5f9;border-radius:10px;gap:4px;padding:4px;display:flex}.hw-tab-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 18px;transition:all .15s;color:#64748b!important;-webkit-text-fill-color:#64748b!important;font-size:13px!important;font-weight:700!important}.hw-tab-btn:hover{color:#111827!important;-webkit-text-fill-color:#111827!important}.hw-tab-active{box-shadow:0 1px 3px #0000001a;color:#111827!important;-webkit-text-fill-color:#111827!important;background:#fff!important}.hw-filter-right{align-items:center;gap:12px;display:flex}@media (width<=640px){.hw-filter-right{width:100%}.hw-filter-bar{flex-direction:column;align-items:flex-start}}.hw-search-wrap{position:relative}.hw-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.hw-search-input{transition:border-color .2s,box-shadow .2s;color:#111827!important;-webkit-text-fill-color:#111827!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:10px!important;outline:none!important;width:220px!important;height:40px!important;padding:0 16px 0 36px!important;font-size:14px!important;font-weight:500!important}.hw-search-input::placeholder{color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important}.hw-search-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1f!important}.hw-subject-select,.hw-filter-bar .hw-subject-select,.hw-page .hw-subject-select{cursor:pointer;transition:border-color .2s;color:#111827!important;appearance:none!important;-webkit-text-fill-color:#111827!important;-webkit-backdrop-filter:none!important;background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 10px center no-repeat!important;border:1px solid #e2e8f0!important;border-radius:10px!important;outline:none!important;width:auto!important;min-width:140px!important;height:40px!important;padding:0 32px 0 14px!important;font-size:14px!important;font-weight:600!important}.hw-subject-select:focus,.hw-filter-bar .hw-subject-select:focus,.hw-page .hw-subject-select:focus{background-color:#f8fafc!important;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1f!important}.hw-subject-select option,.hw-filter-bar .hw-subject-select option{color:#111827!important;-webkit-text-fill-color:#111827!important;background:#fff!important}.hw-cards-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=1024px){.hw-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.hw-cards-grid{grid-template-columns:1fr}}.hw-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:16px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000d}.hw-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000017}.hw-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hw-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.hw-status-badge{border-radius:99px;align-items:center;gap:6px;padding:5px 12px;display:inline-flex;-webkit-text-fill-color:currentColor!important;font-size:11px!important;font-weight:700!important}.hw-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.hw-card-body{flex-direction:column;flex:1;gap:6px;display:flex}.hw-card-title{line-height:1.4;color:#111827!important;-webkit-text-fill-color:#111827!important;margin:0!important;font-size:15px!important;font-weight:700!important}.hw-card-subject{-webkit-text-fill-color:currentColor!important;margin:0!important;font-size:13px!important;font-weight:700!important}.hw-card-teacher{color:#64748b!important;-webkit-text-fill-color:#64748b!important;margin:2px 0 6px!important;font-size:12px!important;font-weight:500!important}.hw-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden;color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important;margin:0 0 8px!important;font-size:12px!important}.hw-card-dates{flex-direction:column;gap:6px;margin-top:4px;display:flex}.hw-date-row{color:#94a3b8;align-items:center;gap:6px;display:flex;-webkit-text-fill-color:currentColor!important;font-size:12px!important;font-weight:600!important}.hw-card-actions{border-top:1px solid #f1f5f9;gap:10px;padding-top:14px;display:flex}.hw-btn-primary{cursor:pointer;background:#2563eb;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;height:38px;transition:background .15s,transform .15s;display:flex;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:13px!important;font-weight:700!important}.hw-btn-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.hw-btn-secondary{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 16px;transition:background .15s,color .15s;display:flex;color:#475569!important;-webkit-text-fill-color:#475569!important;font-size:13px!important;font-weight:700!important}.hw-btn-secondary:hover{background:#f1f5f9;color:#111827!important;-webkit-text-fill-color:#111827!important}.hw-btn-full{flex:1}.hw-empty{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex;box-shadow:0 1px 3px #0000000d}.hw-empty-icon{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.hw-empty-title{color:#111827!important;-webkit-text-fill-color:#111827!important;margin:0 0 8px!important;font-size:20px!important;font-weight:800!important}.hw-empty-desc{max-width:300px;color:#64748b!important;-webkit-text-fill-color:#64748b!important;margin:0!important;font-size:14px!important}.hw-clear-btn{cursor:pointer;background:#2563eb;border:none;border-radius:10px;margin-top:20px;padding:10px 24px;transition:background .15s;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:14px!important;font-weight:700!important}.hw-clear-btn:hover{background:#1d4ed8}.hw-details-container{padding:2.5rem 1.5rem;font-family:Outfit,Inter,-apple-system,sans-serif}.hw-details-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.hw-details-back-btn:hover{color:#0f172a;transform:translate(-2px)}:global(.dark) .hw-details-back-btn:hover{color:#fff}.hw-details-card{-webkit-backdrop-filter:blur(16px);background:#fffc;border:1px solid #e2e8f0cc;border-radius:20px;padding:2.5rem;box-shadow:0 10px 30px -10px #0000000a,0 1px 3px #00000005}:global(.dark) .hw-details-card{background:#0f172ab3;border-color:#1e293bcc;box-shadow:0 20px 40px -15px #0000004d}.hw-details-header{border-bottom:1px solid #e2e8f099;padding-bottom:1.5rem}:global(.dark) .hw-details-header{border-bottom-color:#1e293b99}.hw-details-title{color:#0f172a;letter-spacing:-.03em;font-size:1.85rem;font-weight:850;line-height:1.25}:global(.dark) .hw-details-title{color:#fff}.hw-details-meta{color:#64748b;align-items:center;gap:.75rem;margin-top:.5rem;font-size:.75rem;font-weight:700;display:flex}:global(.dark) .hw-details-meta{color:#94a3b8}.hw-details-status-badge{text-transform:uppercase;letter-spacing:.06em;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.45rem;padding:.35rem .85rem;font-size:10px;font-weight:800;display:inline-flex}.hw-details-status-badge.pending{color:#d97706;background:#f59e0b14;border-color:#f59e0b33}:global(.dark) .hw-details-status-badge.pending{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}.hw-details-status-badge.submitted{color:#059669;background:#10b98114;border-color:#10b98133}:global(.dark) .hw-details-status-badge.submitted{color:#34d399;background:#10b98126;border-color:#10b9814d}.hw-details-status-badge.graded{color:#2563eb;background:#3b82f614;border-color:#3b82f633}:global(.dark) .hw-details-status-badge.graded{color:#60a5fa;background:#3b82f626;border-color:#3b82f64d}.hw-details-section-title{color:#334155;text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;font-weight:800}:global(.dark) .hw-details-section-title{color:#cbd5e1}.hw-details-description{color:#475569;background:#f8fafc80;border:1px solid #e2e8f099;border-radius:12px;padding:1.25rem 1.5rem;font-size:.95rem;line-height:1.6}:global(.dark) .hw-details-description{color:#cbd5e1;background:#1e293b33;border-color:#47556933}.hw-submit-card{background:#3b82f605;border:1px solid #3b82f626;border-radius:16px;margin-top:2rem;padding:2rem}:global(.dark) .hw-submit-card{background:#60a5fa03;border-color:#60a5fa1a}.hw-submit-title{color:#1e3a8a;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.1rem;font-weight:800;display:flex}:global(.dark) .hw-submit-title{color:#93c5fd}.hw-submit-dashed-box{cursor:pointer;background:#fffc;border:2px dashed #3b82f640;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:2.25rem 1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}:global(.dark) .hw-submit-dashed-box{background:#0f172a66;border-color:#60a5fa33}.hw-submit-dashed-box:hover{background:#3b82f60a;border-color:#2563eb;box-shadow:0 4px 12px #2563eb0d}:global(.dark) .hw-submit-dashed-box:hover{background:#60a5fa0a;border-color:#60a5fa}.hw-submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-self:stretch;height:100%;padding:.85rem 1.5rem;font-size:.85rem;font-weight:750;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #2563eb33}.hw-submit-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 20px #2563eb4d}.hw-submit-btn:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:#e2e8f0}:global(.dark) .hw-submit-btn:disabled{color:#475569;background:#1e293b}.exam-container{box-sizing:border-box;width:100%;min-height:100%;padding:2rem;font-family:Outfit,Inter,-apple-system,sans-serif}.exam-header{margin-bottom:2.5rem}.exam-title{color:#0f172a;letter-spacing:-.04em;background:linear-gradient(135deg,#0f172a 30%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;font-weight:850}:global(.dark) .exam-title{background:linear-gradient(135deg,#fff 40%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.exam-subtitle{color:#64748b;margin-top:.35rem;font-size:.95rem;font-weight:500}.exam-analytics-btn{cursor:pointer;justify-content:center;align-items:center;gap:8px;display:inline-flex;color:#fff!important;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important;border:1px solid #ffffff1a!important;border-radius:12px!important;padding:10px 20px!important;font-size:12px!important;font-weight:750!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 4px 14px #2563eb33,inset 0 1px #ffffff26!important}:global(.dark) .exam-analytics-btn{color:#0f172a!important;background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%)!important;border-color:#fff3!important;box-shadow:0 4px 14px #38bdf833,inset 0 1px #ffffff40!important}.exam-analytics-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%)!important;transform:translateY(-2px)!important;box-shadow:0 8px 24px #2563eb59,inset 0 1px #ffffff40!important}:global(.dark) .exam-analytics-btn:hover{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%)!important;box-shadow:0 8px 24px #38bdf859,inset 0 1px #ffffff59!important}.exam-analytics-btn:active{transform:translateY(0)!important;box-shadow:0 2px 8px #2563eb33!important}.exam-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;display:grid}.exam-category-card{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:18px;padding:2rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 6px -1px #00000005,0 2px 4px -2px #00000005}:global(.dark) .exam-category-card{background:#0f172a99;border-color:#1e293bcc;box-shadow:0 4px 6px -1px #0003}.exam-category-card:hover{background:#ffffffe6;border-color:#3b82f666;transform:translateY(-3px);box-shadow:0 12px 24px -10px #3b82f61f,0 4px 12px -2px #00000008}:global(.dark) .exam-category-card:hover{background:#0f172acc;border-color:#60a5fa66;box-shadow:0 12px 24px -10px #60a5fa26,0 4px 12px -2px #0006}.exam-icon-circle{border-radius:12px;justify-content:center;align-items:center;display:flex}.exam-card-title{color:#1e293b;letter-spacing:-.02em;font-size:1.15rem;font-weight:800}:global(.dark) .exam-card-title{color:#f8fafc}.exam-card-desc{color:#64748b;margin-top:.35rem;font-size:.8rem;font-weight:500}:global(.dark) .exam-card-desc{color:#94a3b8}.exam-card-link{letter-spacing:.05em;font-size:10px;font-weight:800}.exam-period-header{border-bottom:1px solid #e2e8f099;padding-bottom:1.25rem}:global(.dark) .exam-period-header{border-bottom-color:#1e293b99}.exam-back-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #00000005}:global(.dark) .exam-back-btn{color:#cbd5e1;background:#1e293b;border-color:#ffffff0d}.exam-back-btn:hover{color:#0f172a;background:#f8fafc;transform:translate(-2px)}:global(.dark) .exam-back-btn:hover{color:#fff;background:#0f172a}.exam-back-btn:active{transform:scale(.95)}.exam-period-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;gap:1.5rem;width:100%;margin-top:1rem;display:grid}.exam-period-card{-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:20px;justify-content:space-between;align-items:center;min-height:96px;padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -2px #00000005}:global(.dark) .exam-period-card{background:#0f172a99;border-color:#ffffff08;box-shadow:0 4px 6px -1px #0003}.exam-period-card:hover{background:#fffffff2;border-color:#3b82f666;transform:translateY(-4px);box-shadow:0 12px 24px -8px #3b82f61f,0 4px 12px -2px #00000008}:global(.dark) .exam-period-card:hover{background:#1e293b80;border-color:#60a5fa66;box-shadow:0 12px 24px -8px #0006}.exam-period-card-content-wrap{align-items:center;gap:1rem;display:flex}.exam-period-icon-wrap{color:#3b82f6;background:#3b82f614;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}:global(.dark) .exam-period-icon-wrap{color:#60a5fa;background:#60a5fa14}.exam-period-card:hover .exam-period-icon-wrap{color:#fff;background:#3b82f6;transform:scale(1.05)}:global(.dark) .exam-period-card:hover .exam-period-icon-wrap{color:#0f172a;background:#60a5fa}.exam-period-text-wrap{flex-direction:column;gap:2px;display:flex}.exam-period-title{letter-spacing:-.02em;transition:color .3s;color:#1e293b!important;font-size:1rem!important;font-weight:800!important}:global(.dark) .exam-period-title{color:#f8fafc!important}.exam-period-card:hover .exam-period-title{color:#3b82f6!important}:global(.dark) .exam-period-card:hover .exam-period-title{color:#60a5fa!important}.exam-period-card-subtitle{text-transform:uppercase;letter-spacing:.05em;color:#64748b!important;font-size:.725rem!important;font-weight:600!important}:global(.dark) .exam-period-card-subtitle{color:#94a3b8!important}.exam-period-chevron{color:#64748b;background:#f8fafc;border:1px solid #f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}:global(.dark) .exam-period-chevron{color:#94a3b8;background:#1e293bcc;border-color:#ffffff0a}.exam-period-card:hover .exam-period-chevron{color:#fff;background:#3b82f6;border-color:#3b82f6;transform:translate(2px)}:global(.dark) .exam-period-card:hover .exam-period-chevron{color:#0f172a;background:#60a5fa;border-color:#60a5fa}.exam-marks-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;width:100%;display:grid}.exam-marks-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #e2e8f0cc;border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 6px -1px #00000005}:global(.dark) .exam-marks-card{background:#0f172a99;border-color:#1e293bcc}.exam-marks-card:hover{border-color:#3b82f666;transform:translateY(-3px);box-shadow:0 12px 24px -10px #3b82f61f,0 4px 12px -2px #00000008}:global(.dark) .exam-marks-card:hover{border-color:#60a5fa66}.exam-marks-score-container{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.25rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}:global(.dark) .exam-marks-score-container{background:#1e293b4d;border-color:#ffffff05}.exam-marks-score-container:hover{background:#f1f5f9;border-color:#e2e8f0}:global(.dark) .exam-marks-score-container:hover{background:#1e293b80}.exam-marks-score-lbl{text-transform:uppercase;letter-spacing:.08em!important;color:#64748b!important;margin-bottom:4px!important;font-size:10px!important;font-weight:800!important}:global(.dark) .exam-marks-score-lbl{color:#94a3b8!important}.exam-marks-digits{align-items:baseline;gap:1px;font-family:Outfit,Inter,sans-serif;display:flex}.exam-marks-digits span:first-child{color:#0f172a;letter-spacing:-.04em;font-size:2.25rem!important;font-weight:900!important}:global(.dark) .exam-marks-digits span:first-child{color:#fff}.exam-marks-digits span:last-child{color:#94a3b8;font-size:.875rem!important;font-weight:700!important}:global(.dark) .exam-marks-digits span:last-child{color:#475569}.exam-marks-grade{justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;border:2px solid!important;border-radius:14px!important;font-size:1.15rem!important;font-weight:850!important;box-shadow:0 4px 12px #00000005!important}.exam-marks-card:hover .exam-marks-grade{transform:scale(1.08)rotate(4deg)}.exam-marks-progress-track{background:#f1f5f9}:global(.dark) .exam-marks-progress-track{background:#0f172a}@media (width<=768px){.exam-container{padding:1rem}.exam-grid,.exam-period-grid,.exam-marks-grid{grid-template-columns:1fr}}.perf-container{box-sizing:border-box;width:100%;min-height:100%;padding:2rem;font-family:Outfit,Inter,-apple-system,sans-serif}.dashboard-wrapper{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto}.perf-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.perf-back-btn:hover{color:#0f172a;transform:translate(-2px)}:global(.dark) .perf-back-btn:hover{color:#fff}.perf-header{border-bottom:1px solid #e2e8f099;padding-bottom:1.5rem}:global(.dark) .perf-header{border-bottom-color:#1e293b99}.perf-title{color:#0f172a;letter-spacing:-.04em;background:linear-gradient(135deg,#0f172a 30%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;font-weight:850}:global(.dark) .perf-title{background:linear-gradient(135deg,#fff 40%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.perf-subtitle{color:#64748b;margin-top:.35rem;font-size:.95rem;font-weight:500}.perf-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.perf-card-score{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #2563eb33;border-radius:16px;flex-direction:column;justify-content:space-between;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 20px -5px #2563eb33}.perf-card-score:hover{transform:translateY(-2px);box-shadow:0 16px 30px -8px #2563eb59}.perf-card-white{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 6px -1px #00000005}:global(.dark) .perf-card-white{background:#0f172a99;border-color:#1e293bcc;box-shadow:0 4px 6px -1px #0003}.perf-card-white:hover{background:#ffffffe6;border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 10px 20px -8px #3b82f614,0 4px 8px -2px #00000005}:global(.dark) .perf-card-white:hover{background:#0f172acc;border-color:#60a5fa4d}.perf-icon-box{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.perf-meta-label{letter-spacing:.05em}.perf-meta-value{line-height:1}.perf-card-desc{border-top:1px dashed #e2e8f0cc}:global(.dark) .perf-card-desc{border-top-color:#1e293b99}.perf-progress-card{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 6px -1px #00000005}:global(.dark) .perf-progress-card{background:#0f172a99;border-color:#1e293bcc}.perf-progress-title{color:#334155;text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;font-weight:800}:global(.dark) .perf-progress-title{color:#cbd5e1}.perf-chart-container{border-bottom:2px solid #e2e8f066}:global(.dark) .perf-chart-container{border-bottom-color:#1e293b66}.perf-chart-bar{cursor:pointer;box-shadow:inset 0 1px #ffffff26}.perf-chart-label{letter-spacing:.05em}.health-container{background:radial-gradient(circle at 0 0,#3b82f614,#0000 30%),radial-gradient(circle at 100% 100%,#6366f114,#0000 30%),#f8fafc;min-height:100vh;padding:32px 24px;font-family:Inter,Outfit,sans-serif}.health-hero-banner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172af5,#1e293beb),linear-gradient(135deg,#2563eb,#4f46e5);border:1px solid #ffffff14;border-radius:32px;padding:32px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0f172a2e,inset 0 1px 1px #ffffff0d}.health-hero-banner:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#ffffff14,#0000 35%);position:absolute;inset:0}.health-title{color:#fff;letter-spacing:-.04em;margin-bottom:8px;font-size:2rem;font-weight:800}.health-subtitle{color:#ffffffb3;font-size:.95rem;line-height:1.6}.health-status-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff14;border-radius:22px;padding:18px 22px;box-shadow:inset 0 1px 1px #ffffff14,0 10px 30px #00000014}.health-section-title{letter-spacing:.14em;text-transform:uppercase;color:#64748b;margin:28px 0 18px;font-size:.8rem;font-weight:800}.health-reports-list{flex-direction:column;gap:18px;display:flex}.health-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #ffffffb3;border-radius:28px;padding:24px;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a0f,inset 0 1px 1px #ffffff80}.health-card:before{content:"";background:linear-gradient(#2563eb,#7c3aed);border-radius:999px;width:5px;position:absolute;top:18px;bottom:18px;left:0}.health-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px #3b82f61f,0 10px 25px #0f172a14}.health-icon-box{background:linear-gradient(135deg,#2563eb1f,#6366f11f);border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;display:flex;box-shadow:inset 0 1px 1px #fff9}.health-card-title{color:#0f172a;letter-spacing:-.03em;font-size:1.15rem;font-weight:800}.health-card-details{letter-spacing:.08em;text-transform:uppercase;color:#64748b;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:.72rem;font-weight:700;display:flex}.health-card-remarks{color:#475569;background:#f8fafcd9;border:1px solid #e2e8f0b3;border-radius:18px;margin-top:16px;padding:14px 16px;font-size:.9rem;line-height:1.6}.health-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:.65rem;font-weight:800;display:inline-flex}.health-badge.low{color:#059669;background:#10b9811f;border:1px solid #10b9812e}.health-badge.medium{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b2e}.health-badge.high{color:#dc2626;background:#ef44441f;border:1px solid #ef44442e}.health-empty-state{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffbf;border:1px solid #fffc;border-radius:28px;padding:60px 24px}.dark .health-container{background:radial-gradient(circle at 0 0,#2563eb1f,#0000 30%),radial-gradient(circle at 100% 100%,#6366f11f,#0000 30%),#020617}.dark .health-card{background:#0f172ab8;border-color:#334155b3}.dark .health-card-title{color:#f8fafc}.dark .health-card-details{color:#94a3b8}.dark .health-card-remarks{color:#cbd5e1;background:#1e293b99;border-color:#334155b3}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:999px}@media (width<=768px){.health-container{padding:18px}.health-hero-banner{border-radius:24px;padding:24px}.health-title{font-size:1.5rem}.health-card{border-radius:22px;padding:18px}.health-icon-box{width:50px;height:50px}.health-card-title{font-size:1rem}}.syllabus-page{flex-direction:column;gap:24px;width:100%;font-family:Outfit,sans-serif;display:flex}.syllabus-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;font-weight:500;display:flex}.syllabus-spinner{border:3.5px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:44px;height:44px;animation:.8s cubic-bezier(.5,.1,.4,.9) infinite syllabus-spin}@keyframes syllabus-spin{to{transform:rotate(360deg)}}.syllabus-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.syllabus-title{letter-spacing:-.02em;color:#1e293b!important;margin:0 0 4px!important;font-size:28px!important;font-weight:800!important}.syllabus-subtitle{color:#64748b!important;margin:0!important;font-size:14px!important}.refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.refresh-btn:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1;transform:rotate(45deg)}.syllabus-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.syllabus-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.syllabus-stats-grid{grid-template-columns:1fr}}.syllabus-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000005}.syllabus-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000000f}.stat-icon-container{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.syllabus-stat-card.primary .stat-icon-container{color:#2563eb;background:#eff6ff}.syllabus-stat-card.success .stat-icon-container{color:#10b981;background:#ecfdf5}.syllabus-stat-card.warning .stat-icon-container{color:#f59e0b;background:#fff7ed}.syllabus-stat-card.info .stat-icon-container{color:#c026d3;background:#fdf4ff}.stat-info{flex-direction:column;flex:1;gap:2px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8!important;font-size:12px!important;font-weight:700!important}.stat-value{line-height:1.2;color:#1e293b!important;font-size:24px!important;font-weight:800!important}.stat-progress-bar{background:#f1f5f9;border-radius:10px;width:100%;height:6px;margin-top:6px;overflow:hidden}.stat-progress-fill{background:#f59e0b;border-radius:10px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.syllabus-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #00000005}.search-wrapper{flex:1;position:relative}.search-icon{color:#94a3b8;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.syllabus-search-input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;height:42px;padding:0 16px 0 42px;font-size:14px;font-weight:500;transition:all .2s}.syllabus-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.syllabus-subject-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width<=900px){.syllabus-subject-grid{grid-template-columns:1fr}}.subject-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000005}.subject-card:hover{box-shadow:0 12px 30px #0000000f}.subject-card-header{background:#fafafa;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.subject-name{color:#1e293b!important;margin:0 0 4px!important;font-size:18px!important;font-weight:800!important}.subject-meta{color:#64748b!important;margin:0!important;font-size:12px!important;font-weight:600!important}.header-progress{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.percentage-label{color:#1e293b!important;font-size:14px!important;font-weight:800!important}.radial-progress-track{background:#e2e8f0;border-radius:10px;width:60px;height:6px;overflow:hidden}.radial-progress-fill{border-radius:10px;height:100%;transition:width .6s}.units-list{flex-direction:column;padding:8px;display:flex}.empty-units{text-align:center;color:#94a3b8;padding:32px;font-size:14px;font-weight:500}.unit-item{border:1px solid #0000;border-radius:16px;margin-bottom:6px;transition:all .2s}.unit-item.open{background:#f8fafc;border-color:#e2e8f0}.unit-header-row{cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px;transition:background .15s;display:flex}.unit-header-row:hover{background:#f1f5f9}.unit-header-left{align-items:center;gap:12px;display:flex}.unit-number-badge{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:flex}.unit-title{color:#334155!important;font-size:14px!important;font-weight:700!important}.unit-header-right{color:#64748b;align-items:center;gap:12px;display:flex}.unit-status-badge{border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex;font-size:11px!important;font-weight:700!important}.unit-details-body{flex-direction:column;gap:16px;padding:0 16px 20px 56px;animation:.2s slide-down;display:flex}@keyframes slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.unit-meta-timeline{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:16px;padding-bottom:12px;display:flex}.timeline-item{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.timeline-item b{color:#334155}.section-subtitle{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8!important;margin:0 0 8px!important;font-size:12px!important;font-weight:800!important}.topics-list{grid-template-columns:1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.topic-bullet-item{align-items:center;gap:10px;font-weight:500;display:flex;color:#475569!important;font-size:13px!important}.bullet-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.notes-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:10px;padding:12px;display:flex}.notes-icon{color:#94a3b8;flex-shrink:0;margin-top:2px}.notes-box p{color:#64748b;margin:0;font-size:12px;font-weight:500;line-height:1.5}.syllabus-empty-state{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;display:flex;box-shadow:0 1px 3px #00000005}.empty-state-icon{color:#cbd5e1;margin-bottom:16px}.syllabus-empty-state h2{color:#1e293b!important;margin:0 0 6px!important;font-size:20px!important;font-weight:800!important}.syllabus-empty-state p{max-width:320px;color:#64748b!important;margin:0!important;font-size:14px!important}.academic-card{background:#fff;border:1px solid #0000000f;border-radius:24px;margin-bottom:24px;padding:32px;transition:transform .2s;box-shadow:0 4px 6px -1px #00000005}.academic-card:hover{box-shadow:0 10px 15px -3px #0000000d}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #0000000f;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex;box-shadow:0 2px 4px #00000005}.stat-card h4{text-transform:uppercase;color:#64748b;letter-spacing:.05em;margin:0;font-size:.85rem;font-weight:700}.stat-card .value{color:#0f172a;font-size:2rem;font-weight:800}.stat-card .value.success{color:#10b981}.stat-card .value.warning{color:#f59e0b}.stat-card .value.danger{color:#ef4444}.neat-table{border-collapse:separate;border-spacing:0 8px;width:100%}.neat-table th{text-align:left;color:#64748b;text-transform:uppercase;padding:0 24px 8px;font-size:.8rem;font-weight:700}.neat-table tbody tr{background:#f8fafc;transition:all .2s}.neat-table tbody tr:hover{background:#fff;transform:scale(1.01);box-shadow:0 4px 12px #0000000d}.neat-table td{color:#1e293b;border:none;padding:16px 24px;font-size:.95rem;font-weight:500}.neat-table td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.neat-table td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.filter-pill{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:99px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.filter-pill:hover,.filter-pill.active{color:#4f46e5;background:#eef2ff;border-color:#4f46e5}@media (width<=768px){.academic-card{padding:20px}.stat-grid{grid-template-columns:1fr 1fr}.neat-table th,.neat-table td{padding:12px 16px}}@media (width<=480px){.stat-grid{grid-template-columns:1fr}}.lib-standalone-layout{background:0 0;flex-direction:column;width:100%;height:100%;display:flex}.lib-subtabs-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:40;background:#ffffffd9;border-bottom:1px solid #e2e8f0;flex-shrink:0;width:100%;position:sticky;top:0}.lib-subtabs-inner{max-width:100%;padding:0 24px}.lib-subtabs{scrollbar-width:none;align-items:center;gap:4px;padding:12px 0;display:flex;overflow-x:auto}.lib-subtabs::-webkit-scrollbar{display:none}.lib-subtab{color:#64748b;white-space:nowrap;border:1.5px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.lib-subtab:hover{color:#4f46e5;background:#6366f114}.lib-subtab.active{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#0000;box-shadow:0 4px 12px #6366f140}.lib-subtab.active svg{color:#fff}.lib-breadcrumb-bar{background:0 0;flex-shrink:0;width:100%}.lib-breadcrumb-inner{max-width:100%;padding:16px 24px 0}.lib-breadcrumb{align-items:center;gap:6px;display:flex}.lib-crumb{color:#94a3b8;align-items:center;gap:4px;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.lib-crumb:hover{color:#4f46e5}.lib-crumb-sep{color:#cbd5e1;flex-shrink:0}.lib-crumb-current{color:#334155;font-size:.8rem;font-weight:700}.lib-content-area{flex:1;width:100%}.lib-content-inner{max-width:100%;padding:24px}@media (width<=768px){.lib-subtabs-inner{padding:0 16px}.lib-subtab{padding:6px 12px;font-size:.8rem}.lib-breadcrumb-inner{padding:12px 16px 0}.lib-content-inner{padding:16px}}@media (width<=480px){.lib-subtab span{display:none}.lib-subtab{padding:8px 12px}.lib-subtab svg{width:18px;height:18px}}.alb-page{background:linear-gradient(to bottom right,#f9fafb,#f9fafb,#eef2ff4d);border-radius:1rem;min-height:100vh}.alb-container{max-width:1600px;margin:0 auto;padding:1.5rem 1.5rem 2rem}.alb-toast{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid;border-radius:1rem;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;display:flex;position:fixed;top:1.5rem;right:1.5rem}.alb-toast--success{color:#059669;background:#ecfdf5e6;border-color:#a7f3d099;box-shadow:0 10px 15px -3px #10b9811a}.alb-toast--error{color:#dc2626;background:#fef2f2e6;border-color:#fecaca99;box-shadow:0 10px 15px -3px #ef44441a}.alb-toast__icon{width:1.125rem;height:1.125rem}.alb-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.alb-loading__icon{color:#6366f1;width:2rem;height:2rem}.alb-loading__text{color:#9ca3af;margin-left:.75rem;font-size:.875rem;font-weight:500}.alb-header{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}@media (width>=1024px){.alb-header{flex-direction:row;justify-content:space-between;align-items:center}}.alb-header__left{align-items:flex-start;gap:1rem;display:flex}.alb-header__icon-wrap{background:linear-gradient(to bottom right,#6366f1,#9333ea);border-radius:1rem;padding:.75rem;box-shadow:0 10px 15px -3px #6366f14d}.alb-header__icon{color:#fff;width:1.5rem;height:1.5rem}.alb-header__title{color:#111827;letter-spacing:-.025em;font-size:1.5rem;font-weight:700}.alb-header__subtitle{color:#6b7280;margin-top:.125rem;font-size:.875rem}.alb-header__actions{align-items:center;gap:.75rem;display:flex}.alb-header__search{display:none;position:relative}@media (width>=768px){.alb-header__search{display:block}}.alb-header__search-icon{color:#9ca3af;width:1rem;height:1rem;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.alb-header__search-input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;width:14rem;height:2.5rem;padding-left:2.5rem;padding-right:1rem;font-size:.875rem;transition:all .2s}@media (width>=1024px){.alb-header__search-input{width:18rem}}.alb-header__search-input::placeholder{color:#9ca3af}.alb-header__search-input:focus{border-color:#818cf8;outline:none;box-shadow:0 0 0 2px #6366f133}.alb-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:.75rem;flex-shrink:0;align-items:center;gap:.5rem;height:2.5rem;padding:0 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.alb-btn--outline{color:#4b5563;background:#fff;border:1px solid #e5e7eb}.alb-btn--outline:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 1px 2px #0000000d}.alb-btn--primary{color:#fff;background:linear-gradient(90deg,#4f46e5,#9333ea);padding:0 1.25rem;font-weight:600;box-shadow:0 10px 15px -3px #6366f14d}.alb-btn--primary:hover{background:linear-gradient(90deg,#4338ca,#7e22ce);box-shadow:0 20px 25px -5px #6366f159}.alb-btn__icon{width:1rem;height:1rem}.alb-stats{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}@media (width>=640px){.alb-stats{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.alb-stats{grid-template-columns:repeat(6,1fr)}}.alb-stat-card{cursor:default;background:#fff;border:1px solid #f3f4f6;border-radius:1rem;padding:1.25rem;transition:all .3s;position:relative;overflow:hidden}.alb-stat-card:hover{border-color:#0000;box-shadow:0 20px 25px -5px #e5e7eb66}.alb-stat-card__accent{opacity:0;border-radius:1rem 1rem 0 0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.alb-stat-card:hover .alb-stat-card__accent{opacity:1}.alb-stat-card__accent--violet{background:linear-gradient(90deg,#8b5cf6,#9333ea)}.alb-stat-card__accent--emerald{background:linear-gradient(90deg,#10b981,#14b8a6)}.alb-stat-card__accent--blue{background:linear-gradient(90deg,#3b82f6,#6366f1)}.alb-stat-card__accent--amber{background:linear-gradient(90deg,#f59e0b,#f97316)}.alb-stat-card__accent--rose{background:linear-gradient(90deg,#f43f5e,#ec4899)}.alb-stat-card__accent--cyan{background:linear-gradient(90deg,#06b6d4,#0ea5e9)}.alb-stat-card__icon-wrap{border-radius:.75rem;margin-bottom:.75rem;padding:.625rem;transition:transform .3s;display:inline-flex}.alb-stat-card:hover .alb-stat-card__icon-wrap{transform:scale(1.1)}.alb-stat-card__icon-wrap--violet{background:#f5f3ff}.alb-stat-card__icon-wrap--emerald{background:#ecfdf5}.alb-stat-card__icon-wrap--blue{background:#eff6ff}.alb-stat-card__icon-wrap--amber{background:#fffbeb}.alb-stat-card__icon-wrap--rose{background:#fff1f2}.alb-stat-card__icon-wrap--cyan{background:#ecfeff}.alb-stat-card__icon{width:1.25rem;height:1.25rem}.alb-stat-card__icon--violet{color:#7c3aed}.alb-stat-card__icon--emerald{color:#059669}.alb-stat-card__icon--blue{color:#2563eb}.alb-stat-card__icon--amber{color:#d97706}.alb-stat-card__icon--rose{color:#e11d48}.alb-stat-card__icon--cyan{color:#0891b2}.alb-stat-card__value{color:#111827;letter-spacing:-.025em;font-size:1.5rem;font-weight:700}.alb-stat-card__label{color:#9ca3af;margin-top:.25rem;font-size:.75rem;font-weight:500}.alb-toolbar{background:#fff;border:1px solid #f3f4f6;border-radius:1rem;margin-bottom:1.5rem;padding:1.25rem;box-shadow:0 1px 2px #0000000d}.alb-toolbar__mobile-search{margin-bottom:1rem;position:relative}@media (width>=768px){.alb-toolbar__mobile-search{display:none}}.alb-toolbar__mobile-search-icon{color:#9ca3af;width:1rem;height:1rem;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.alb-toolbar__mobile-search-input{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;width:100%;height:3rem;padding-left:2.75rem;padding-right:1rem;font-size:.875rem;transition:all .2s}.alb-toolbar__mobile-search-input::placeholder{color:#9ca3af}.alb-toolbar__mobile-search-input:focus{border-color:#818cf8;outline:none;box-shadow:0 0 0 2px #6366f133}.alb-toolbar__filters{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=640px){.alb-toolbar__filters{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.alb-toolbar__filters{grid-template-columns:repeat(5,1fr)}}.alb-reset-btn{cursor:pointer;border:1px solid;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;height:3rem;padding:0 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.alb-reset-btn--active{color:#dc2626;background:#fef2f2;border-color:#fecaca}.alb-reset-btn--active:hover{background:#fee2e2;border-color:#fca5a5}.alb-reset-btn--disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb;border-color:#e5e7eb}.alb-reset-btn__icon{width:1rem;height:1rem}.alb-reset-btn__label{display:none}@media (width>=640px){.alb-reset-btn__label{display:inline}}.alb-toolbar__footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.alb-toolbar__count{color:#6b7280;font-size:.875rem}.alb-toolbar__count-num{color:#111827;font-weight:600}.alb-view-toggle{background:#f3f4f6;border-radius:.75rem;align-items:center;gap:.25rem;padding:.25rem;display:flex}.alb-view-toggle__btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.alb-view-toggle__btn:hover{color:#374151}.alb-view-toggle__btn--active{color:#4338ca;background:#fff;box-shadow:0 1px 2px #0000000d}.alb-view-toggle__icon{width:.875rem;height:.875rem}.alb-dropdown{position:relative}.alb-dropdown__trigger{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;align-items:center;gap:.625rem;width:100%;height:3rem;padding:0 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.alb-dropdown__trigger:hover{border-color:#d1d5db;box-shadow:0 1px 2px #0000000d}.alb-dropdown__trigger--open{border-color:#818cf8;box-shadow:0 0 0 2px #6366f133,0 1px 2px #0000000d}.alb-dropdown__trigger--selected{background:#eef2ff4d;border-color:#c7d2fe}.alb-dropdown__trigger--selected:hover{border-color:#a5b4fc}.alb-dropdown__trigger-icon{color:#9ca3af;flex-shrink:0}.alb-dropdown__trigger-icon--active{color:#6366f1}.alb-dropdown__trigger-icon svg{width:1rem;height:1rem}.alb-dropdown__display{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.alb-dropdown__display--placeholder{color:#6b7280}.alb-dropdown__display--value{color:#111827}.alb-dropdown__clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:.125rem;transition:all .15s}.alb-dropdown__clear:hover{color:#4b5563;background:#e5e7eb99}.alb-dropdown__clear svg{width:.875rem;height:.875rem}.alb-dropdown__chevron{color:#9ca3af;flex-shrink:0;width:1rem;height:1rem;transition:transform .2s}.alb-dropdown__chevron--open{color:#6366f1;transform:rotate(180deg)}.alb-dropdown__panel{z-index:60;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-top:.5rem;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 20px 25px -5px #e5e7eb80}.alb-dropdown__search-wrap{border-bottom:1px solid #f3f4f6;padding:.5rem}.alb-dropdown__search-inner{position:relative}.alb-dropdown__search-icon{color:#9ca3af;width:.875rem;height:.875rem;position:absolute;top:50%;left:.625rem;transform:translateY(-50%)}.alb-dropdown__search-input{color:#111827;background:#f9fafb;border:1px solid #f3f4f6;border-radius:.5rem;width:100%;padding:.5rem .75rem .5rem 2rem;font-size:.75rem}.alb-dropdown__search-input::placeholder{color:#9ca3af}.alb-dropdown__search-input:focus{border-color:#a5b4fc;outline:none;box-shadow:0 0 0 1px #a5b4fc}.alb-dropdown__list{overscroll-behavior:contain;max-height:240px;padding:.25rem 0;overflow-y:auto}.alb-dropdown__option{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.625rem;width:100%;padding:.625rem 1rem;font-size:.875rem;transition:all .15s;display:flex}.alb-dropdown__option--default{color:#4b5563}.alb-dropdown__option--default:hover{color:#111827;background:#f9fafb}.alb-dropdown__option--selected{color:#4338ca;background:#eef2ff;font-weight:600}.alb-dropdown__option-dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;transition:all .15s}.alb-dropdown__option-dot--empty{background:0 0;border:1px solid #d1d5db}.alb-dropdown__option-dot--active{background:#6366f1;transform:scale(1.1)}.alb-dropdown__option-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.alb-dropdown__option-check{color:#6366f1;flex-shrink:0;width:1rem;height:1rem;margin-left:auto}.alb-dropdown__empty{text-align:center;color:#9ca3af;padding:1.5rem 1rem;font-size:.75rem}.alb-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}.alb-empty{color:#9ca3af;flex-direction:column;grid-column:1/-1;align-items:center;padding:6rem 0;display:flex}.alb-empty__icon-wrap{background:#f3f4f6;border-radius:1.5rem;margin-bottom:1rem;padding:1rem}.alb-empty__icon{color:#d1d5db;width:2.5rem;height:2.5rem}.alb-empty__title{color:#6b7280;font-size:1rem;font-weight:600}.alb-empty__desc{color:#9ca3af;margin-top:.25rem;font-size:.875rem}.alb-empty__btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:.75rem;align-items:center;gap:.5rem;margin-top:1rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 10px 15px -3px #6366f14d}.alb-empty__btn:hover{background:#4338ca}.alb-empty__btn-icon{width:1rem;height:1rem}.alb-card{background:#fff;border:1px solid #f3f4f6;border-radius:1.25rem;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.alb-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px #e5e7eb80}.alb-card__cover{background:linear-gradient(to bottom right,#f9fafb,#f3f4f6);justify-content:center;align-items:center;height:11rem;display:flex;position:relative;overflow:hidden}.alb-card__cover-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.alb-card:hover .alb-card__cover-img{transform:scale(1.05)}.alb-card__no-cover{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.alb-card__no-cover-icon{color:#e5e7eb;width:2.5rem;height:2.5rem}.alb-card__no-cover-text{color:#d1d5db;font-size:.75rem;font-weight:500}.alb-card__badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9999px;padding:.25rem .75rem;font-size:.6875rem;font-weight:600;position:absolute}.alb-card__badge--status{top:.75rem;right:.75rem}.alb-card__badge--id{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#0006;border-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem .625rem;font-family:monospace;font-size:.6875rem;display:flex;top:.75rem;left:.75rem}.alb-card__badge-hash{width:.75rem;height:.75rem}.alb-status--available{color:#059669;background:#ecfdf5;box-shadow:inset 0 0 0 1px #a7f3d099}.alb-status--low-stock{color:#d97706;background:#fffbeb;box-shadow:inset 0 0 0 1px #fde68a99}.alb-status--out-of-stock{color:#dc2626;background:#fef2f2;box-shadow:inset 0 0 0 1px #fecaca99}.alb-card__body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.alb-card__title{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5rem;font-size:.9375rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.alb-card__author{color:#6b7280;align-items:center;gap:.375rem;margin-top:.25rem;font-size:.875rem;display:flex}.alb-card__author-icon{color:#9ca3af;width:.875rem;height:.875rem}.alb-card__meta-row{justify-content:space-between;align-items:center;margin-top:.75rem;display:flex}.alb-card__category{color:#4f46e5;background:#eef2ff;border-radius:.5rem;align-items:center;width:fit-content;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex}.alb-card__cost{color:#059669;background:#ecfdf5;border-radius:.5rem;padding:.25rem .5rem;font-size:.8125rem;font-weight:700}.alb-card__stats{border-top:1px solid #f3f4f6;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:auto;padding-top:1rem;display:grid}.alb-card__stat{text-align:center}.alb-card__stat-value{font-size:1.125rem;font-weight:700}.alb-card__stat-value--total{color:#111827}.alb-card__stat-value--available{color:#059669}.alb-card__stat-value--issued{color:#6b7280}.alb-card__stat-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.625rem;font-weight:600}.alb-card__actions{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.alb-card__action{cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.375rem;padding:.625rem .75rem;font-size:.75rem;font-weight:600;transition:background .15s;display:flex}.alb-card__action--view{color:#4f46e5;background:#eef2ff;flex:1}.alb-card__action--view:hover{background:#e0e7ff}.alb-card__action--edit{color:#d97706;background:#fffbeb;flex:1}.alb-card__action--edit:hover{background:#fef3c7}.alb-card__action--issue{color:#059669;background:#ecfdf5;padding:.625rem}.alb-card__action--issue:hover{background:#d1fae5}.alb-card__action--issue:disabled{opacity:.3;cursor:not-allowed}.alb-card__action--delete{color:#ef4444;background:#fef2f2;padding:.625rem}.alb-card__action--delete:hover{background:#fee2e2}.alb-card__action-icon{width:.875rem;height:.875rem}.alb-table-wrap{background:#fff;border:1px solid #f3f4f6;border-radius:1rem;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 1px 2px #0000000d}.alb-table-scroll{overflow-x:auto}.alb-table{border-collapse:collapse;width:100%;min-width:1200px}.alb-table th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;background:#f9fafbcc;border-bottom:1px solid #f3f4f6;padding:.875rem 1.25rem;font-size:.75rem;font-weight:600}.alb-table td{padding:.75rem 1.25rem}.alb-table tbody tr{border-bottom:1px solid #fafafa;transition:background .15s}.alb-table tbody tr:hover{background:#eef2ff33}.alb-table tbody tr:nth-child(2n){background:#f9fafb4d}.alb-table tbody tr:nth-child(2n):hover{background:#eef2ff33}.alb-table__empty{text-align:center;color:#9ca3af;padding:4rem 1.25rem;font-size:.875rem}.alb-table__cover-img{object-fit:cover;border:1px solid #f3f4f6;border-radius:.5rem;width:2.5rem;height:3rem}.alb-table__cover-placeholder{background:#f3f4f6;border:1px solid #f3f4f6;border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:3rem;display:flex}.alb-table__cover-placeholder-icon{color:#d1d5db;width:1rem;height:1rem}.alb-table__title{color:#111827;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.875rem;font-weight:600;display:-webkit-box;overflow:hidden}.alb-table__id{color:#9ca3af;margin-top:.125rem;font-family:monospace;font-size:.75rem}.alb-table__author{color:#4b5563;font-size:.875rem}.alb-table__category{color:#4f46e5;background:#eef2ff;border-radius:.5rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-block}.alb-table__badge{white-space:nowrap;border-radius:9999px;padding:.25rem .75rem;font-size:.6875rem;font-weight:600;display:inline-block}.alb-table__cost{color:#059669;font-size:.875rem;font-weight:600}.alb-table__num{text-align:center;font-size:.875rem;font-weight:700}.alb-table__num--total{color:#111827}.alb-table__num--available{color:#059669}.alb-table__num--issued{color:#6b7280;font-weight:600}.alb-table__actions{align-items:center;gap:.375rem;display:flex}.alb-table__action-btn{cursor:pointer;border:none;border-radius:.5rem;padding:.5rem;transition:background .15s}.alb-table__action-btn--view{color:#4f46e5;background:#eef2ff}.alb-table__action-btn--view:hover{background:#e0e7ff}.alb-table__action-btn--edit{color:#d97706;background:#fffbeb}.alb-table__action-btn--edit:hover{background:#fef3c7}.alb-table__action-btn--delete{color:#ef4444;background:#fef2f2}.alb-table__action-btn--delete:hover{background:#fee2e2}.alb-table__action-icon{width:.875rem;height:.875rem}.alb-pagination{justify-content:center;align-items:center;gap:.5rem;display:flex}.alb-pagination__btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:.625rem;transition:all .2s}.alb-pagination__btn:hover:not(:disabled){color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.alb-pagination__btn:disabled{opacity:.3;cursor:default}.alb-pagination__icon{width:1rem;height:1rem}.alb-pagination__page{cursor:pointer;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.alb-pagination__page:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.alb-pagination__page--active{color:#fff;background:linear-gradient(90deg,#4f46e5,#9333ea);border-color:#0000;box-shadow:0 10px 15px -3px #6366f14d}.alb-pagination__page--active:hover{color:#fff;background:linear-gradient(90deg,#4f46e5,#9333ea)}.alb-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0003;position:fixed;inset:0}.alb-drawer{z-index:101;background:#fff;width:100%;max-width:28rem;height:100%;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.alb-drawer__header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#ffffffe6;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.alb-drawer__header-title{color:#111827;font-size:1rem;font-weight:700}.alb-drawer__close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.75rem;padding:.5rem;transition:background .15s}.alb-drawer__close:hover{background:#f3f4f6}.alb-drawer__close-icon{width:1.25rem;height:1.25rem}.alb-drawer__cover{background:linear-gradient(to bottom right,#eef2ff,#faf5ff);height:14rem;position:relative}.alb-drawer__cover-img{object-fit:cover;width:100%;height:100%}.alb-drawer__cover-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.alb-drawer__cover-placeholder-icon{color:#c7d2fe;width:4rem;height:4rem}.alb-drawer__cover-gradient{background:linear-gradient(#0000,#fff);height:5rem;position:absolute;bottom:0;left:0;right:0}.alb-drawer__body{z-index:10;margin-top:-1.5rem;padding:0 1.5rem 2rem;position:relative}.alb-drawer__title-row{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.alb-drawer__title{color:#111827;font-size:1.25rem;font-weight:700}.alb-drawer__status{border-radius:9999px;flex-shrink:0;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.alb-drawer__author{color:#6b7280;font-size:.875rem}.alb-drawer__author-name{color:#374151;font-weight:600}.alb-drawer__category{color:#4f46e5;background:#eef2ff;border-radius:.5rem;align-items:center;margin-top:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.alb-drawer__section{background:#f9fafb;border:1px solid #f3f4f6;border-radius:1rem;padding:1.25rem}.alb-drawer__section+.alb-drawer__section{margin-top:.75rem}.alb-drawer__section:first-of-type{margin-top:1.25rem}.alb-drawer__section-title{color:#111827;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:700;display:flex}.alb-drawer__section-icon{color:#6366f1;width:1rem;height:1rem}.alb-drawer__info-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.alb-drawer-info{align-items:center;gap:.75rem;display:flex}.alb-drawer-info__icon-wrap{background:#eef2ff;border-radius:.75rem;padding:.5rem}.alb-drawer-info__icon{color:#6366f1;width:1rem;height:1rem}.alb-drawer-info__label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.625rem;font-weight:600}.alb-drawer-info__value{color:#111827;font-size:.875rem;font-weight:700}.alb-drawer-info__value--green{color:#059669}.alb-avail-bar{background:#e5e7eb;border-radius:9999px;width:100%;height:.625rem;margin-bottom:.5rem;overflow:hidden}.alb-avail-bar__fill{border-radius:9999px;height:100%}.alb-avail-bar__fill--green{background:#10b981}.alb-avail-bar__fill--amber{background:#f59e0b}.alb-avail-bar__fill--red{background:#ef4444}.alb-avail-text{color:#9ca3af;font-size:.75rem}.alb-drawer__actions{gap:.75rem;margin-top:1.25rem;display:flex}.alb-drawer__action-edit{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f59e0b,#f97316);border:none;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 10px 15px -3px #f59e0b4d}.alb-drawer__action-edit:hover{background:linear-gradient(90deg,#d97706,#ea580c)}.alb-drawer__action-delete{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.alb-drawer__action-delete:hover{background:#fee2e2}.alb-drawer__action-icon{width:1rem;height:1rem}.alb-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0000004d;position:fixed;inset:0}.alb-modal{z-index:101;background:#fff;border-radius:1.5rem;flex-direction:column;display:flex;position:fixed;inset:1rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@media (width>=640px){.alb-modal{width:100%;max-width:32rem;height:fit-content;max-height:90vh;margin:auto;inset:0}}.alb-modal__header{z-index:10;background:#fff;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.alb-modal__title{color:#111827;font-size:1.125rem;font-weight:700}.alb-modal__close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.75rem;padding:.5rem;transition:background .15s}.alb-modal__close:hover{background:#f3f4f6}.alb-modal__close-icon{width:1.25rem;height:1.25rem}.alb-modal__body{flex:1;padding:1.5rem;overflow-y:auto}.alb-modal__form{flex-direction:column;gap:1rem;display:flex}.alb-modal__form-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.alb-modal__form-grid--3{grid-template-columns:repeat(3,1fr)}.alb-input-group label{color:#374151;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.alb-input-group input{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;width:100%;height:2.75rem;padding:0 1rem;font-size:.875rem;transition:all .2s}.alb-input-group input::placeholder{color:#9ca3af}.alb-input-group input:focus{border-color:#818cf8;outline:none;box-shadow:0 0 0 2px #6366f133}.alb-cover-upload__label-text{color:#374151;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.alb-cover-upload__dropzone{cursor:pointer;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem 1rem;transition:all .2s;display:flex}.alb-cover-upload__dropzone:hover{background:#eef2ff;border-color:#a5b4fc}.alb-cover-upload__icon{color:#9ca3af;width:1.25rem;height:1.25rem}.alb-cover-upload__text{color:#6b7280;font-size:.875rem}.alb-cover-upload__input{display:none}.alb-cover-upload__preview{object-fit:cover;border:1px solid #e5e7eb;border-radius:.75rem;width:4rem;height:5rem;margin-top:.75rem;box-shadow:0 1px 2px #0000000d}.alb-modal__purchase-divider{border-top:1px solid #f3f4f6;padding-top:1rem}.alb-modal__purchase-title{color:#374151;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:flex}.alb-modal__purchase-icon{color:#6366f1;width:.875rem;height:.875rem}.alb-modal__actions{gap:.75rem;padding-top:.75rem;display:flex}.alb-modal__submit{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4f46e5,#9333ea);border:none;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 10px 15px -3px #6366f14d}.alb-modal__submit:hover{background:linear-gradient(90deg,#4338ca,#7e22ce)}.alb-modal__submit:disabled{opacity:.5;cursor:not-allowed}.alb-modal__submit-icon{width:1rem;height:1rem}.alb-modal__cancel{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:.75rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .15s}.alb-modal__cancel:hover{background:#e5e7eb}.alb-delete-modal{z-index:101;text-align:center;background:#fff;border-radius:1.5rem;width:100%;max-width:24rem;height:fit-content;margin:auto;padding:1.5rem;position:fixed;inset:1rem;box-shadow:0 25px 50px -12px #00000040}@media (width>=640px){.alb-delete-modal{inset:0}}.alb-delete-modal__icon-wrap{background:#fee2e2;border-radius:1rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin:0 auto 1rem;display:flex}.alb-delete-modal__icon{color:#ef4444;width:1.75rem;height:1.75rem}.alb-delete-modal__title{color:#111827;margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.alb-delete-modal__desc{color:#6b7280;margin-bottom:1.25rem;font-size:.875rem}.alb-delete-modal__book-name{font-weight:600}.alb-delete-modal__actions{gap:.75rem;display:flex}.alb-delete-modal__cancel-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:.75rem;flex:1;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s}.alb-delete-modal__cancel-btn:hover{background:#e5e7eb}.alb-delete-modal__confirm-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:.75rem;flex:1;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;box-shadow:0 10px 15px -3px #ef44444d}.alb-delete-modal__confirm-btn:hover{background:#dc2626}.ali-page{padding:1.5rem}.ali-title{color:#111827;letter-spacing:-.025em;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.ali-loading{padding:1.5rem}.ali-loading__text{color:#6b7280;font-size:1.125rem}.ali-message{border-radius:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500}.ali-message--success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.ali-message--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.ali-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000000a}.ali-table{border-collapse:collapse;width:100%}.ali-table thead tr{background:linear-gradient(135deg,#1e293b,#334155)}.ali-table th{text-align:left;color:#e2e8f0;text-transform:uppercase;letter-spacing:.05em;padding:.875rem 1rem;font-size:.75rem;font-weight:600}.ali-table td{color:#374151;padding:.75rem 1rem;font-size:.875rem}.ali-table tbody tr{transition:background .15s}.ali-table tbody tr:hover{background:#eef2ff4d!important}.ali-table__row--even{background:#fff}.ali-table__row--odd{background:#f9fafb}.ali-table__row--overdue{background:#fffbeb!important}.ali-table__empty{text-align:center;color:#9ca3af;padding:3rem 1rem;font-size:.875rem}.ali-table__book-name{color:#111827;font-weight:500}.ali-status{color:#fff;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-block}.ali-status--returned{background:linear-gradient(135deg,#10b981,#059669)}.ali-status--overdue{background:linear-gradient(135deg,#ef4444,#dc2626)}.ali-status--issued{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ali-status--requested{background:linear-gradient(135deg,#f97316,#ea580c)}.ali-btn{color:#fff;cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.ali-btn--return{background:linear-gradient(135deg,#10b981,#059669);margin-right:.375rem;box-shadow:0 2px 6px #10b98140}.ali-btn--return:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 10px #10b98159}.ali-btn--delete{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 6px #ef444440}.ali-btn--delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 10px #ef444459}.alr-page{padding:1.5rem}.alr-title{color:#111827;letter-spacing:-.025em;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.alr-loading{padding:1.5rem}.alr-loading__text{color:#6b7280;font-size:1.125rem}.alr-message{border-radius:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500}.alr-message--success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.alr-message--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alr-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000000a}.alr-table{border-collapse:collapse;width:100%}.alr-table thead tr{background:linear-gradient(135deg,#1e293b,#334155)}.alr-table th{text-align:left;color:#e2e8f0;text-transform:uppercase;letter-spacing:.05em;padding:.875rem 1rem;font-size:.75rem;font-weight:600}.alr-table td{color:#374151;padding:.75rem 1rem;font-size:.875rem}.alr-table tbody tr{transition:background .15s}.alr-table tbody tr:hover{background:#eef2ff4d!important}.alr-table__row--even{background:#fff}.alr-table__row--odd{background:#f9fafb}.alr-table__empty{text-align:center;color:#9ca3af;padding:3rem 1rem;font-size:.875rem}.alr-table__book-title{color:#111827;font-weight:500}.alr-status{border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-block}.alr-status--approved{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.alr-status--rejected{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.alr-status--pending{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.alr-btn{color:#fff;cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.alr-btn--approve{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b98140}.alr-btn--approve:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 10px #10b98159}.alr-btn--reject{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 6px #ef444440}.alr-btn--reject:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 10px #ef444459}.aln-page{padding:1.5rem}.aln-title{color:#111827;letter-spacing:-.025em;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.aln-loading{padding:1.5rem}.aln-loading__text{color:#6b7280;font-size:1.125rem}.aln-message{border-radius:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500}.aln-message--success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.aln-message--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.aln-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000000a}.aln-table{border-collapse:collapse;width:100%}.aln-table thead tr{background:linear-gradient(135deg,#1e293b,#334155)}.aln-table th{text-align:left;color:#e2e8f0;text-transform:uppercase;letter-spacing:.05em;padding:.875rem 1rem;font-size:.75rem;font-weight:600}.aln-table td{color:#374151;padding:.75rem 1rem;font-size:.875rem}.aln-table tbody tr{transition:background .15s}.aln-table tbody tr:hover{background:#eef2ff4d!important}.aln-table__row--even{background:#fff}.aln-table__row--odd{background:#f9fafb}.aln-table__row--unread{font-weight:600;background:#eff6ff!important}.aln-table__empty{text-align:center;color:#9ca3af;padding:3rem 1rem;font-size:.875rem}.aln-table__message-cell{word-break:break-word;max-width:300px}.aln-read-status{font-size:.8125rem;font-weight:600}.aln-read-status--read{color:#10b981}.aln-read-status--unread{color:#f59e0b}.aln-btn{color:#fff;cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.aln-btn--mark-read{background:linear-gradient(135deg,#3b82f6,#2563eb);margin-right:.375rem;box-shadow:0 2px 6px #3b82f640}.aln-btn--mark-read:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 10px #3b82f659}.aln-btn--delete{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 6px #ef444440}.aln-btn--delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 10px #ef444459}.alr-page{animation:.4s ease-out alr-fade-in}@keyframes alr-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.alr-loading{justify-content:center;align-items:center;min-height:300px;display:flex}.alr-loading__text{color:#64748b;font-size:.95rem;font-weight:600}.alr-header{margin-bottom:24px}.alr-header__title{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:1.6rem;font-weight:800}.alr-header__subtitle{color:#64748b;margin:0;font-size:.875rem}.alr-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px;display:grid}.alr-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 6px -1px #00000005}.alr-stat-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.alr-stat-icon-wrap.blue{color:#3b82f6;background:#3b82f61a}.alr-stat-icon-wrap.emerald{color:#10b981;background:#10b9811a}.alr-stat-icon-wrap.purple{color:#8b5cf6;background:#8b5cf61a}.alr-stat-icon-wrap.red{color:#ef4444;background:#ef44441a}.alr-stat-icon-wrap.yellow{color:#f59e0b;background:#f59e0b1a}.alr-stat-num{color:#0f172a;margin:0;font-size:20px;font-weight:800;line-height:1.2}.alr-stat-label{color:#64748b;font-size:13px;font-weight:500}.alr-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px;box-shadow:0 4px 12px #00000005}.alr-section-title{color:#0f172a;margin:0 0 4px;font-size:1.2rem;font-weight:700}.alr-section-desc{color:#64748b;margin:0 0 24px;font-size:.875rem}.alr-reports-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.alr-report-download-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;gap:20px;padding:24px;display:flex}.report-icon-wrap{color:#4f46e5;background:#4f46e514;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.report-icon-wrap.returned{color:#10b981;background:#10b98114}.report-icon-wrap.fines{color:#f59e0b;background:#f59e0b14}.report-details{flex-direction:column;gap:6px;display:flex}.report-details h4{color:#0f172a;margin:0;font-size:.95rem;font-weight:700}.report-details p{color:#64748b;margin:0 0 12px;font-size:.8rem;line-height:1.4}.alr-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.alr-btn--primary{color:#fff;background:#4f46e5}.alr-btn--primary:hover{background:#4338ca}.alr-btn--success{color:#fff;background:#10b981}.alr-btn--success:hover{background:#059669}.alr-btn--warning{color:#fff;background:#f59e0b}.alr-btn--warning:hover{background:#d97706}.als-page{animation:.4s ease-out als-fade-in}.als-search-bar-wrap{align-items:center;margin-bottom:24px;display:flex;position:relative}.als-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:14px}.als-search-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:12px 14px 12px 42px;font-size:.95rem;transition:all .2s}.als-search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a}.als-layout-grid{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}@media (width>=1024px){.als-layout-grid:has(.als-history-panel){grid-template-columns:2fr 1fr}}.als-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #00000005}.als-table{border-collapse:collapse;text-align:left;width:100%}.als-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:14px 20px;font-size:13px;font-weight:700}.als-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 20px;font-size:14px}.als-student-name-cell{color:#0f172a;font-weight:600}.status-badge{text-transform:uppercase;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:700}.status-badge.active{color:#15803d;background:#f0fdf4}.status-badge.inactive{color:#b91c1c;background:#fef2f2}.status-badge.issued{color:#1d4ed8;background:#eff6ff}.status-badge.overdue{color:#be123c;background:#fff1f2}.status-badge.returned{color:#166534;background:#f0fdf4}.als-actions-cell{align-items:center;gap:8px;display:flex}.als-action-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.als-action-btn.view{color:#4f46e5;background:#4f46e514}.als-action-btn.view:hover{background:#4f46e526}.als-action-btn.toggle{color:#64748b}.als-action-btn.toggle:hover{color:#0f172a}.als-history-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;animation:.3s ease-out als-slide-in;box-shadow:0 4px 12px #0000000d}@keyframes als-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.panel-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.panel-header h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.panel-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:24px}.panel-close-btn:hover{color:#475569}.no-history-text{color:#64748b;text-align:center;margin:32px 0;font-size:.875rem}.history-list{flex-direction:column;gap:12px;display:flex}.history-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.history-item-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.book-id{color:#334155;font-size:13px;font-weight:700}.history-dates{color:#64748b;justify-content:space-between;font-size:11px;display:flex}.history-fine{color:#b91c1c;margin-top:8px;font-size:12.5px;font-weight:700}.alf-page{color:#1e293b;font-family:Inter,sans-serif;animation:.4s ease-out alf-fade-in}@keyframes alf-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.alf-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.alf-loading__spinner{color:#4f46e5;width:32px;height:32px;animation:1s linear infinite alf-spin}@keyframes alf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alf-loading__text{color:#64748b;font-size:.95rem;font-weight:600}.alf-header-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.alf-header-actions{gap:12px;display:flex}.alf-header__title{color:#0f172a;letter-spacing:-.02em;margin:0 0 6px;font-size:1.8rem;font-weight:800}.alf-header__subtitle{color:#64748b;margin:0;font-size:.9rem}.alf-message{border-radius:12px;align-items:center;gap:8px;margin-bottom:24px;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.alf-message.success{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0}.alf-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:32px;display:grid}.alf-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:20px 24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #00000005}.alf-summary-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.alf-summary-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.alf-summary-icon-wrap.indigo{color:#4f46e5;background:#4f46e51a}.alf-summary-icon-wrap.red{color:#ef4444;background:#ef44441a}.alf-summary-icon-wrap.emerald{color:#10b981;background:#10b9811a}.alf-summary-icon-wrap.orange{color:#f97316;background:#f973161a}.alf-summary-icon-wrap.blue{color:#2563eb;background:#3b82f61a}.alf-summary-icon-wrap.crimson{color:#dc2626;background:#dc26261a}.alf-summary-icon-wrap.amber{color:#d97706;background:#f59e0b1a}.alf-summary-num{color:#0f172a;margin:0;font-size:22px;font-weight:800;line-height:1.2}.alf-summary-label{color:#64748b;font-size:12px;font-weight:600}.alf-filters-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:20px;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 4px 6px -1px #00000005}.alf-search-bar-wrap{align-items:center;display:flex;position:relative}.alf-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:16px}.alf-search-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:14px 14px 14px 46px;font-size:.95rem;transition:all .2s}.alf-search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a}.alf-filter-controls{gap:16px;display:flex}.alf-filter-group{flex-direction:column;flex:1;gap:6px;display:flex}.alf-filter-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.alf-filter-select{color:#334155;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:10px 14px;font-size:.9rem}.alf-reports-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:20px 24px;box-shadow:0 4px 6px -1px #00000005}.alf-reports-title{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin:0 0 14px;font-size:13px;font-weight:700}.alf-reports-buttons{flex-wrap:wrap;gap:12px;display:flex}.alf-report-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.alf-report-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.alf-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:40px;overflow-x:auto;box-shadow:0 4px 6px -1px #00000005}.alf-table{border-collapse:collapse;text-align:left;width:100%;min-width:1100px}.alf-table th{color:#475569;text-transform:uppercase;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:14px 20px;font-size:13px;font-weight:700}.alf-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 20px;font-size:14px}.alf-row-overdue{background-color:#ef44440a}.alf-font-mono{color:#64748b;font-family:monospace;font-size:13px}.alf-highlight-cell{color:#0f172a;font-weight:700}.alf-fine-amount{color:#1e293b;font-weight:800}.alf-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:99px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-block}.alf-badge.pending{color:#d97706;background-color:#fef3c7}.alf-badge.verified{color:#1d4ed8;background-color:#dbeafe}.alf-badge.paid{color:#065f46;background-color:#d1fae5}.alf-badge.waived{color:#ea580c;background-color:#ffedd5}.alf-badge.lost{color:#dc2626;background-color:#fee2e2}.alf-badge.overdue{color:#be123c;background-color:#fff1f2}.alf-badge.issued{color:#1d4ed8;background-color:#eff6ff}.alf-actions-cell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.alf-actions-trigger{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.alf-actions-trigger:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.alf-actions-dropdown{z-index:50;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;min-width:170px;margin-top:4px;padding:4px 0;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.alf-dropdown-item{color:#475569;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.alf-dropdown-item:hover{color:#0f172a;background:#f1f5f9}.alf-dropdown-item svg{color:#64748b}.alf-dropdown-item:hover svg{color:#4f46e5}.alf-dropdown-item.delete{color:#dc2626;border-top:1px solid #f1f5f9}.alf-dropdown-item.delete:hover{color:#b91c1c;background:#fff5f5}.alf-dropdown-item.delete svg{color:#ef4444}.alf-btn-primary{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:background .2s;display:inline-flex}.alf-btn-primary:hover{background:#4338ca}.alf-btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex}.alf-btn-secondary:hover{color:#0f172a;background:#f8fafc}.alf-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.alf-modal-content{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:600px;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.alf-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.alf-modal-header h2{color:#0f172a;margin:0;font-size:1.2rem;font-weight:800}.alf-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:24px}.alf-close-btn:hover{color:#4f46e5}.alf-modal-body{max-height:65vh;padding:24px;overflow-y:auto}.alf-form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.alf-form-group label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.alf-form-select,.alf-form-input,.alf-form-textarea{border:1.5px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 14px;font-size:.92rem}.alf-form-textarea{resize:vertical;min-height:80px}.alf-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.alf-detail-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.alf-detail-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.alf-detail-card.full-width{grid-column:span 2}.alf-detail-card h4{color:#475569;text-transform:uppercase;border-bottom:1.5px solid #e2e8f0;margin:0 0 10px;padding-bottom:4px;font-size:.88rem;font-weight:700}.alf-detail-card p{margin:6px 0;font-size:.88rem}.alf-proof-container{text-align:center;margin-top:10px}.alf-receipt-img{border:1px solid #cbd5e1;border-radius:8px;max-width:100%;max-height:240px}.alf-fine-preview-card{background:linear-gradient(135deg,#f0f4ff 0%,#e8ecf7 100%);border:1px solid #c7d2fe;border-radius:10px;flex-direction:column;gap:8px;margin-bottom:6px;padding:14px 18px;display:flex}.alf-fine-preview-row{justify-content:space-between;align-items:center;display:flex}.alf-fine-preview-label{color:#64748b;font-size:.82rem;font-weight:500}.alf-fine-preview-value{color:#1e293b;font-size:.9rem;font-weight:700}.alf-fine-calc-hint{color:#065f46;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #6ee7b7;border-radius:8px;margin-top:6px;padding:10px 14px;font-size:.85rem;font-weight:500}.alf-fine-calc-hint strong{color:#047857;font-size:1rem}@media (width<=768px){.alf-header-section{flex-direction:column;align-items:flex-start}.alf-detail-grid{grid-template-columns:1fr}.alf-detail-card.full-width{grid-column:span 1}}.dashboard-container{max-width:1200px;margin:0 auto;padding:24px}.dashboard-title{color:#0f172a;margin-bottom:24px;font-size:28px;font-weight:800}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{color:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000006}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005}.stat-card.total-books{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.stat-card.active-books{background:linear-gradient(135deg,#10b981 0%,#047857 100%)}.stat-card.overdue-books{color:#000;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.stat-card.pending-fines{background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%)}.stat-label{opacity:.9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px;font-weight:600}.stat-value{font-size:36px;font-weight:800}.search-wrapper{margin-bottom:24px}.search-input-full{box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:14px 18px;font-size:15px;transition:border-color .2s,box-shadow .2s}.search-input-full:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.section-wrapper{margin-bottom:35px}.section-title{color:#1e293b;margin-bottom:16px;font-size:20px;font-weight:700}.table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.custom-table{border-collapse:collapse;width:100%}.custom-table th{color:#fff;text-align:left;background-color:#0f172a;padding:14px 18px;font-size:13.5px;font-weight:600}.custom-table td{color:#334155;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:14px}.custom-table tr:last-child td{border-bottom:none}.status-tag{text-transform:capitalize;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.status-tag.overdue{color:#dc2626;background-color:#fef2f2}.status-tag.active{color:#2563eb;background-color:#eff6ff}.status-tag.returned{color:#16a34a;background-color:#f0fdf4}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.dashboard-book-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #0000000d}.dashboard-book-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.dashboard-book-title{color:#1e293b;margin-bottom:6px;font-size:16px;font-weight:700;line-height:1.4}.dashboard-book-author{color:#64748b;margin-bottom:4px;font-size:13.5px}.dashboard-book-category{color:#4f46e5;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600}.dashboard-book-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.borrow-container{max-width:1200px;margin:0 auto;padding:24px}.borrow-title{color:#0f172a;margin-bottom:24px;font-size:28px;font-weight:800}.message-alert{border-radius:8px;align-items:center;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.filters-wrapper{gap:16px;margin-bottom:24px;display:flex}.search-input{border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;padding:10px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.category-select{cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;min-width:180px;padding:10px 16px;font-size:14px;transition:border-color .2s}.category-select:focus{border-color:#6366f1}.books-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.no-books{text-align:center;color:#64748b;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;grid-column:1/-1;padding:60px 20px;font-size:16px}.book-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000006}.book-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005}.book-cover{object-fit:cover;border-radius:8px;width:100%;height:160px;margin-bottom:14px}.book-info{margin-bottom:16px}.book-title{color:#1e293b;margin-bottom:6px;font-size:17px;font-weight:700;line-height:1.4}.book-author{color:#64748b;margin-bottom:4px;font-size:13.5px}.book-category{color:#4f46e5;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.book-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.availability-badge{border-radius:99px;padding:4px 10px;font-size:12px;font-weight:600}.availability-badge.available{color:#065f46;background-color:#ecfdf5}.availability-badge.unavailable{color:#991b1b;background-color:#fef2f2}.borrow-button{color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:background-color .2s,transform .1s}.borrow-button.enabled{cursor:pointer;background-color:#10b981}.borrow-button.enabled:hover{background-color:#059669}.borrow-button.enabled:active{transform:scale(.97)}.borrow-button.disabled{cursor:not-allowed;background-color:#94a3b8}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{color:#0f172a;background:#fff;border-radius:16px;width:90%;max-width:420px;padding:28px;box-shadow:0 20px 40px #00000026}.modal-header h3{color:#0f172a;font-size:22px;font-weight:700}.modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px}.modal-close-btn:hover{color:#0f172a;background:#f1f5f9}.modal-body-text{color:#475569;margin-bottom:18px;font-size:15px}.modal-body-text strong{color:#0f172a}.form-label{color:#64748b;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600}.date-input-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;padding:12px;display:flex}.date-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%}.modal-actions{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.modal-btn-cancel{color:#334155;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:8px;padding:10px 16px}.modal-btn-confirm{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 18px}.modal-btn-confirm:hover{background:#4f46e5}.mybooks-container{max-width:1200px;margin:0 auto;padding:24px 24px 48px}.mybooks-header{align-items:center;gap:16px;margin-bottom:32px;display:flex}.mybooks-title{color:#0f172a;margin-bottom:4px;font-size:28px;font-weight:800}.mybooks-subtitle{color:#64748b;font-size:15px}.mybooks-summary-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;display:grid}.mybooks-summary-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003}.mybooks-summary-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005}.mybooks-summary-card.active{background:#4f46e505;border-color:#4f46e5;box-shadow:0 8px 20px -4px #4f46e51f}.mybooks-summary-card.active.extend{background:#ef444405;border-color:#ef4444;box-shadow:0 8px 20px -4px #ef44441f}.mybooks-summary-card.active.returned{background:#10b98105;border-color:#10b981;box-shadow:0 8px 20px -4px #10b9811f}.card-icon-wrapper{color:#64748b;background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .25s;display:flex}.mybooks-summary-card.current.active .card-icon-wrapper{color:#4f46e5;background:#4f46e51a}.mybooks-summary-card.extend.active .card-icon-wrapper{color:#ef4444;background:#ef44441a}.mybooks-summary-card.returned.active .card-icon-wrapper{color:#10b981;background:#10b9811a}.summary-icon{width:22px;height:22px}.card-info{flex-direction:column;gap:2px;display:flex}.card-num{color:#0f172a;font-size:24px;font-weight:800;line-height:1}.card-lbl{color:#64748b;font-size:13.5px;font-weight:600}.mybooks-summary-card.active .card-lbl{color:#1e293b}.pulse-border{border-color:#fca5a5;animation:2s infinite alternate mybooks-pulse}@keyframes mybooks-pulse{0%{box-shadow:0 0 #ef444433}to{border-color:#ef4444;box-shadow:0 0 0 8px #ef444400}}.mybooks-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.mybook-card{box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000006}.mybook-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.mybook-card.normal{border:1px solid #e2e8f0}.mybook-card.overdue{border:2px solid #ef4444}.card-top-row{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:99px;padding:4px 12px;font-size:11px;font-weight:700}.status-badge.active{color:#1d4ed8;background-color:#eff6ff}.status-badge.overdue{color:#b91c1c;background-color:#fef2f2}.status-badge.returned{color:#15803d;background-color:#f0fdf4}.fine-badge{color:#dc2626;background-color:#fee2e2;border-radius:6px;padding:2px 8px;font-size:13.5px;font-weight:700}.mybook-title{color:#1e293b;margin:0 0 6px;font-size:19px;font-weight:700;line-height:1.4}.mybook-category{color:#64748b;margin:0 0 16px;font-size:13.5px}.dates-grid{background:#f8fafc;border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;padding:12px;display:grid}.date-label{color:#64748b;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:600}.date-value{color:#334155;font-size:14px;font-weight:600}.date-value.overdue-date{color:#ef4444}.status-progress-info{justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:500;display:flex}.days-left-text{color:#10b981}.days-overdue-text{color:#ef4444}.progress-bar-container{background:#e2e8f0;border-radius:99px;width:100%;height:6px;margin-bottom:20px;overflow:hidden}.progress-bar-fill{border-radius:99px;height:100%;transition:width .5s ease-in-out}.progress-bar-fill.normal{background-color:#3b82f6}.progress-bar-fill.overdue{background-color:#ef4444}.renew-form{align-items:center;gap:8px;margin-top:auto;display:flex}.renew-date-input{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13.5px;transition:border-color .2s}.renew-date-input:focus{border-color:#6366f1}.renew-button{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:background-color .2s}.renew-button:hover{background-color:#4338ca}.return-button{color:#334155;cursor:pointer;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .2s}.return-button:hover{color:#0f172a;background-color:#e2e8f0}.return-pending-text{color:#ea580c;text-align:center;background:#fff7ed;border:1px dashed #fed7aa;border-radius:8px;margin-top:10px;padding:8px 12px;font-size:13px;font-weight:600}.status-badge.return_requested{color:#ea580c;background-color:#ffedd5}.empty-state{text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;padding:64px 32px}.empty-state h3{color:#1e293b;margin-bottom:8px;font-size:20px;font-weight:700}.empty-state p{color:#64748b;max-width:400px;margin:0 auto}.missing-button{color:#ef4444;cursor:pointer;background-color:#fdf2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .2s}.missing-button:hover{color:#b91c1c;background-color:#fca5a5}.status-badge.missing{color:#ef4444;background-color:#fdf2f2}.wantbook-container{max-width:1100px;margin:0 auto;padding:32px 24px}.wantbook-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:40px;display:grid}.info-section{padding:24px}.info-title{color:#0f172a;margin-bottom:16px;font-size:32px;font-weight:800;line-height:1.25}.info-description{color:#64748b;margin-bottom:32px;font-size:16px;line-height:1.6}.highlight-banner{background:#f8fafc;border-left:4px solid #6366f1;border-radius:12px;padding:20px}.highlight-title{color:#1e293b;margin:0 0 6px;font-size:16px;font-weight:700}.highlight-text{color:#64748b;margin:0;font-size:14px;line-height:1.5}.form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:40px;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006}.form-card h2{color:#1e293b;align-items:center;gap:12px;margin:0 0 32px;font-size:24px;font-weight:800;display:flex}.message-alert{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500}.message-success{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.message-error{color:#991b1b;background-color:#fef2f2;border:1px solid #fca5a5}.form-field{margin-bottom:24px}.required-star{color:#ef4444}.text-input,.textarea-input{box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.text-input:focus,.textarea-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.textarea-input{resize:vertical}.submit-btn{color:#fff;border:none;border-radius:8px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:background-color .2s,transform .1s}.submit-btn.ready{cursor:pointer;background-color:#6366f1}.submit-btn.ready:hover{background-color:#4f46e5}.submit-btn.ready:active{transform:scale(.99)}.submit-btn.submitting{cursor:not-allowed;background-color:#94a3b8}.notifs-container{max-width:1200px;margin:0 auto;padding:24px 24px 48px}.notifs-header{align-items:center;gap:16px;margin-bottom:32px;display:flex}.notifs-title{color:#0f172a;margin-bottom:4px;font-size:28px;font-weight:800}.notifs-subtitle{color:#64748b;font-size:15px}.notifs-list{flex-direction:column;gap:16px;display:flex}.notif-card{border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000000d}.notif-card:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000000d}.notif-card.read{background-color:#fff;border-left:1px solid #e2e8f0}.notif-card.unread{background-color:#eff6ff;border-left:4px solid #3b82f6}.notif-flex-layout{align-items:flex-start;gap:16px;display:flex}.notif-status-indicator{flex-shrink:0;margin-top:4px}.notif-status-indicator.read{color:#10b981;font-size:18px}.notif-status-indicator.unread{color:#3b82f6;font-size:18px}.notif-content-area{flex:1}.notif-message-text{color:#1e293b;margin:0;font-size:16px;line-height:1.5}.notif-message-text.read{font-weight:500}.notif-message-text.unread{font-weight:700}.notif-timestamp{color:#64748b;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;display:flex}.notif-empty-state{text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;padding:64px 32px}.notif-empty-state h3{color:#1e293b;margin-bottom:8px;font-size:20px;font-weight:700}.notif-empty-state p{color:#64748b}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.slf-page{color:#1e293b;font-family:Inter,sans-serif;animation:.4s ease-out slf-fade-in}@keyframes slf-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slf-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;display:flex}.slf-loading-icon{color:#4f46e5;width:28px;height:28px;animation:1s linear infinite slf-spin}@keyframes slf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slf-header{margin-bottom:24px}.slf-title{color:#0f172a;margin-bottom:4px;font-size:28px;font-weight:800}.slf-subtitle{color:#64748b;font-size:15px}.slf-message{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:600}.slf-message.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.slf-summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.slf-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:20px 24px;transition:transform .2s;display:flex;box-shadow:0 4px 6px -1px #00000005}.slf-summary-card:hover{transform:translateY(-2px)}.slf-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.slf-icon-wrapper.blue{color:#3b82f6;background:#3b82f61a}.slf-icon-wrapper.red{color:#ef4444;background:#ef44441a}.slf-icon-wrapper.green{color:#10b981;background:#10b9811a}.slf-icon-wrapper.orange{color:#f97316;background:#f973161a}.slf-sum-value{color:#0f172a;margin:0;font-size:24px;font-weight:800;line-height:1.2}.slf-sum-label{color:#64748b;font-size:13px;font-weight:600}.slf-section-title{color:#1e293b;margin-bottom:16px;font-size:18px;font-weight:700}.slf-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;box-shadow:0 4px 6px -1px #00000008}.slf-table{border-collapse:collapse;text-align:left;width:100%;min-width:800px}.slf-table th{color:#475569;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:12px 18px;font-size:13px;font-weight:700}.slf-table td{color:#334155;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:14px}.slf-table tr:last-child td{border-bottom:none}.slf-table__empty{text-align:center;color:#64748b;padding:32px 0}.slf-highlight{color:#0f172a;font-weight:600}.slf-overdue{color:#ef4444;font-weight:600}.slf-fine-val{color:#b91c1c;font-weight:700}.slf-fine-paid-val{color:#15803d;font-weight:700}.slf-badge{text-transform:uppercase;text-align:center;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.slf-badge.pending{color:#d97706;background:#fef3c7}.slf-badge.verified{color:#1e40af;background:#dbeafe}.slf-badge.paid{color:#065f46;background:#d1fae5}.slf-badge.waived{color:#475569;background:#f1f5f9}.slf-badge.lost{color:#991b1b;background:#fee2e2}.slf-badge.overdue{color:#be123c;background:#fff1f2}.slf-actions-cell{align-items:center;gap:8px;display:flex}.slf-action-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.slf-action-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.slf-pay-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .2s;display:inline-flex}.slf-pay-btn:hover{background:#4338ca}.slf-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.slf-modal-content{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:600px;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.slf-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.slf-modal-header h2{color:#0f172a;margin:0;font-size:1.2rem;font-weight:800}.slf-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:24px}.slf-close-btn:hover{color:#4f46e5}.slf-modal-body{max-height:65vh;padding:24px;overflow-y:auto}.slf-form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.slf-form-group label{color:#475569;text-transform:uppercase;font-size:12px;font-weight:700}.slf-file-input{cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:8px;padding:10px}.slf-preview-container{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:14px;padding:12px}.slf-receipt-preview{border-radius:6px;max-width:100%;max-height:180px;margin-top:8px}.slf-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.slf-btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 18px;font-weight:700}.slf-btn-secondary:hover{background:#f1f5f9}.slf-btn-primary{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:10px 18px;font-weight:700}.slf-btn-primary:hover{background:#4338ca}.slf-detail-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.slf-detail-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.slf-detail-card.full-width{grid-column:span 2}.slf-detail-card h4{color:#475569;text-transform:uppercase;border-bottom:1.5px solid #e2e8f0;margin:0 0 12px;padding-bottom:6px;font-size:.9rem;font-weight:700}.slf-detail-card p{margin:6px 0;font-size:.875rem}.slf-font-mono{color:#64748b;font-family:monospace}.slf-upload-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 25px -5px #0f172a1a,0 10px 10px -5px #0f172a0a}.slf-info-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:16px}.slf-info-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.slf-info-icon{font-size:18px}.slf-info-text{color:#0f172a;font-size:15px;font-weight:700}.slf-info-grid{border-top:1px solid #e2e8f0;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:12px;display:grid}.slf-info-col{flex-direction:column;gap:4px;display:flex}.slf-info-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.slf-info-val-large{color:#b91c1c;font-size:18px;font-weight:800}.slf-info-val-med{color:#334155;font-size:13px;font-weight:600}.slf-info-val-med.red-text{color:#ef4444;font-weight:700}.slf-drag-drop-zone{text-align:center;cursor:pointer;background:#faf5ff;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;align-items:center;padding:28px 20px;transition:all .2s ease-in-out;display:flex;position:relative}.slf-drag-drop-zone:hover,.slf-drag-drop-zone.active{background:#4f46e50a;border-color:#4f46e5}.slf-drag-drop-zone.has-file{background:#10b98105;border-color:#10b981}.slf-hidden-file-input{display:none}.slf-drag-drop-label{cursor:pointer;flex-direction:column;align-items:center;width:100%;display:flex}.slf-upload-icon-wrap{color:#4f46e5;background:#4f46e51a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;transition:transform .2s;display:flex}.slf-drag-drop-zone:hover .slf-upload-icon-wrap{transform:translateY(-2px)}.slf-drag-icon{color:#4f46e5}.slf-drag-drop-zone.has-file .slf-upload-icon-wrap{color:#10b981;background:#10b9811a}.slf-drag-drop-zone.has-file .slf-drag-icon{color:#10b981}.slf-drag-title{color:#0f172a;margin-bottom:4px;font-size:15px;font-weight:700}.slf-drag-subtitle{color:#64748b;max-width:280px;margin-bottom:8px;font-size:13px}.slf-drag-subtitle .browse-text{color:#4f46e5;font-weight:700;text-decoration:underline}.slf-drag-formats{color:#94a3b8;font-size:11px;font-weight:500}.slf-selected-file-row{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;margin-top:14px;padding:10px 14px;animation:.2s ease-out slf-fade-in;display:flex}.slf-file-details{align-items:center;gap:8px;display:flex;overflow:hidden}.slf-file-icon{color:#64748b;flex-shrink:0}.slf-file-name{color:#334155;white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:13.5px;font-weight:600;overflow:hidden}.slf-file-size{color:#64748b;flex-shrink:0;font-size:12px}.slf-remove-file-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12.5px;font-weight:700;transition:background .15s}.slf-remove-file-btn:hover{background:#ef444414}.slf-modal-success-body{text-align:center;flex-direction:column;align-items:center;padding:40px 24px;animation:.3s ease-out slf-fade-in;display:flex}.slf-success-circle{color:#10b981;background:#ecfdf5;border:4px solid #d1fae5;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;animation:.3s cubic-bezier(.34,1.56,.64,1) scale-up;display:flex}@keyframes scale-up{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.slf-success-icon{color:#10b981}.slf-modal-success-body h3{color:#0f172a;margin:0 0 8px;font-size:20px;font-weight:800}.slf-modal-success-body p{color:#64748b;max-width:320px;margin:0 0 20px;font-size:14px;line-height:1.5}.slf-modal-success-body .slf-badge{padding:6px 14px;font-size:12px}.teacher-portal{--primary-gradient:linear-gradient(135deg, #ff0080 0%, #7928ca 100%);--secondary-gradient:linear-gradient(135deg, #0070f3 0%, #00dfd8 100%);--accent-gradient:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--primary-color:#6366f1;--primary-hover:#4f46e5;--secondary-color:#7c3aed;--secondary-hover:#6d28d9;--accent-color:#f59e0b;--background:#f8fafc;--background-alt:#f1f5f9;--surface:#fff;--surface-hover:#f8fafc;--surface-active:#f1f5f9;--surface-border:#e2e8f0;--surface-border-bright:#cbd5e1;--text-primary:#0f172a;--text-main:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-subtle:#94a3b8;--text-on-light:#0f172a;--border:#e2e8f0;--border-hover:#cbd5e1;--border-focus:#6366f1;--success:#10b981;--success-light:#10b9811a;--warning:#f59e0b;--warning-light:#f59e0b1a;--error:#ef4444;--error-light:#ef44441a;--info:#3b82f6;--info-light:#3b82f61a;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--glow-primary:0 4px 14px #6366f140;--glow-secondary:0 4px 14px #7928ca33;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body.teacher-portal{-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;background-color:var(--background)!important;color:var(--text-main)!important;background-image:none!important}.teacher-portal h1,.teacher-portal h2,.teacher-portal h3,.teacher-portal h4,.teacher-portal h5,.teacher-portal h6{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.75rem;font-family:Outfit,sans-serif;font-weight:700;line-height:1.25}.teacher-portal h1{font-size:2.5rem;font-weight:800}.teacher-portal h2{font-size:1.85rem;font-weight:700}.teacher-portal h3{font-size:1.5rem;font-weight:700}.teacher-portal p{color:var(--text-secondary);margin-bottom:.75rem;line-height:1.7}.teacher-portal a{color:var(--primary-color);transition:color var(--transition-fast);text-decoration:none}.teacher-portal a:hover{color:var(--primary-hover);text-decoration:underline}.teacher-portal input,.teacher-portal select,.teacher-portal textarea{border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);border:1px solid #e2e8f0;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:.95rem;color:#0f172a!important;background-color:#fff!important}.teacher-portal input:focus,.teacher-portal select:focus,.teacher-portal textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f126;background-color:#fff!important}.teacher-portal .btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.teacher-portal .btn-primary{background:var(--primary-gradient);box-shadow:var(--glow-primary);color:#fff!important}.teacher-portal .btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 20px #6366f159}.teacher-portal .btn-secondary{background:var(--secondary-gradient);box-shadow:var(--glow-secondary);color:#fff!important}.teacher-portal .btn-secondary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 20px #0070f34d}.teacher-portal .btn-outline{border:1px solid var(--surface-border);background:0 0;color:var(--text-primary)!important}.teacher-portal .btn-outline:hover{background:var(--surface-hover);border-color:var(--primary-color)}.teacher-portal .card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal);overflow:hidden}.teacher-portal .card:hover{border-color:var(--surface-border-bright);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.teacher-portal .premium-pink-card{-webkit-backdrop-filter:blur(20px)!important;cursor:pointer!important;background:#000000d9!important;border:1px solid #ff008066!important;border-radius:28px!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important;box-shadow:0 8px 32px #00000080!important}.teacher-portal .premium-pink-card:hover{background:#19020fe6!important;border-color:#ff0080!important;transform:translateY(-8px)scale(1.02)!important;box-shadow:0 0 40px #ff008066!important}.teacher-portal .premium-pink-card *{color:#fff}.teacher-portal .premium-pink-card .card-header{background:0 0!important}.teacher-portal .premium-pink-card input,.teacher-portal .premium-pink-card select,.teacher-portal .premium-pink-card textarea{color:#fff!important;background-color:#ffffff14!important;border-color:#ffffff26!important}.teacher-portal .premium-pink-card input::placeholder,.teacher-portal .premium-pink-card textarea::placeholder{color:#fff6!important}.teacher-portal .premium-pink-card input:focus,.teacher-portal .premium-pink-card select:focus,.teacher-portal .premium-pink-card textarea:focus{border-color:var(--primary-color)!important;background-color:#ffffff1f!important;box-shadow:0 0 0 3px #ff008033!important}.teacher-portal .card-header{border-bottom:1px solid var(--surface-border);background:#f8fafc;padding:24px}.teacher-portal .card-body{padding:24px}.teacher-portal .academic-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px}.teacher-portal .academic-card:hover{border-color:var(--primary-color);background:var(--surface-hover);box-shadow:var(--glow-primary)}.teacher-portal table{border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:var(--radius-lg);width:100%;overflow:hidden}.teacher-portal thead{background:#ffffff08!important}.teacher-portal thead th{text-align:left;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;font-weight:700;color:#64748b!important;border-bottom:1px solid #e2e8f0!important;padding:18px 20px!important}.teacher-portal tbody tr{transition:all var(--transition-fast)}.teacher-portal tbody tr:hover{background:var(--surface-hover)!important}.teacher-portal tbody td{color:#0f172a!important;border-bottom:1px solid #e2e8f0!important;padding:16px 20px!important}.teacher-portal tbody tr:last-child td{border-bottom:none!important}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.form-input{border-radius:var(--radius-md);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border:1.5px solid #e2e8f0;outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:.9rem;color:#0f172a!important;background:#fff!important}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f126;background:#fff!important}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.gap-xs{gap:.25rem}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.gap-xl{gap:2rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mt-xl{margin-top:2rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.mb-xl{margin-bottom:2rem}.p-sm{padding:.5rem}.p-md{padding:1rem}.p-lg{padding:1.5rem}.p-xl{padding:2rem}.w-full{width:100%}.h-full{height:100%}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;gap:4px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-success{background:var(--success-light);border:1px solid #10b98133;color:var(--success)!important}.badge-warning{background:var(--warning-light);border:1px solid #f59e0b33;color:var(--warning)!important}.badge-error{background:var(--error-light);border:1px solid #ef444433;color:var(--error)!important}.badge-info{background:var(--info-light);border:1px solid #3b82f633;color:var(--info)!important}.badge-neutral{background:#f1f5f9;border:1px solid #e2e8f0;color:#334155!important}.badge-primary{background:#6366f11a;border:1px solid #6366f133;color:#6366f1!important}.nav-item-active{background:var(--primary-gradient);border-color:var(--primary-color);color:#fff!important}.grid-2{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.loading-spinner{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;padding:60px;font-size:1rem;font-weight:500;display:flex}.loading-spinner:before{content:"";border:3px solid var(--surface-border);border-top-color:var(--primary-color);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes patternShift{0%,to{background-position:0 0}50%{background-position:100% 100%}}.fade-in{animation:.3s ease-out fadeIn}.float-animation{animation:6s ease-in-out infinite float}.animate-spin{animation:1s linear infinite spin}#root{text-align:left;width:100%;max-width:none;margin:0;padding:0}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{font-size:14px}h1{font-size:1.75rem}h2{font-size:1.375rem}}.mobile-menu-btn{z-index:101;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:16px;left:16px;box-shadow:0 4px 12px #0000000d}@media (width<=1024px){.mobile-menu-btn{display:flex}.teacher-sidebar{border-radius:0 24px 24px 0;height:100vh;margin:0;transition:transform .3s ease-in-out;transform:translate(-100%);box-shadow:10px 0 30px #0000001a}.teacher-sidebar.mobile-open{transform:translate(0)}.teacher-content-wrapper{margin-left:0!important;padding-top:3rem!important}}@media (width<=768px){.card,.academic-card,.premium-pink-card{-webkit-overflow-scrolling:touch;overflow-x:auto!important}table{min-width:600px}}@media (width<=768px){h3{font-size:1.125rem}.container{padding:0 16px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.btn{padding:8px 14px;font-size:.825rem}table{font-size:.85rem}thead th,tbody td{padding:10px 12px!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px hsl(var(--gradient-pink) / .3)}50%{box-shadow:0 0 60px hsl(var(--gradient-pink) / .6)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.bg-grid-pattern{background-image:linear-gradient(to right, hsl(var(--border) / .1) 1px, transparent 1px), linear-gradient(to bottom, hsl(var(--border) / .1) 1px, transparent 1px);background-size:60px 60px}.bg-radial-gradient{background:radial-gradient(ellipse at 50% 0%, hsl(var(--gradient-pink) / .15) 0%, transparent 60%)}.bg-radial-gradient-bottom{background:radial-gradient(ellipse at 50% 100%, hsl(var(--gradient-purple) / .1) 0%, transparent 60%)}.force-white-text-common{color:#fff!important;opacity:1!important;-webkit-text-fill-color:#fff!important}.landing-root .gradient-text{-webkit-text-fill-color:transparent!important;color:#0000!important}.admission-scope,.admission-scope *{-webkit-text-fill-color:unset!important;background-image:none!important}.admission-scope h1,.admission-scope h2,.admission-scope h3,.admission-scope h4,.admission-scope h5,.admission-scope h6,.admission-scope p,.admission-scope span,.admission-scope td,.admission-scope th,.admission-scope label,.admission-scope a,.admission-scope button,.admission-scope li{color:inherit!important;opacity:1!important;-webkit-text-fill-color:unset!important}.admission-scope{background-color:#f1f5f9;color:#1e293b!important}.admission-scope .text-slate-800{color:#1e293b!important}.admission-scope .text-slate-700{color:#334155!important}.admission-scope .text-slate-600{color:#475569!important}.admission-scope .text-slate-500{color:#64748b!important}.admission-scope .text-slate-400{color:#94a3b8!important}.admission-scope .text-blue-900{color:#1e3a8a!important}.admission-scope .text-blue-700{color:#1d4ed8!important}.admission-scope .text-indigo-700{color:#4338ca!important}.admission-scope .text-white,.admission-scope .bg-blue-600.text-white,.admission-scope button.bg-blue-600,.admission-scope button.bg-blue-600 span,.admission-scope button.bg-blue-600 svg{color:#fff!important}.admission-scope .text-green-700{color:#15803d!important}.admission-scope .text-yellow-700{color:#a16207!important}.admission-scope .text-red-600{color:#dc2626!important}.admission-scope .text-blue-600{color:#2563eb!important}.admission-scope .text-orange-600{color:#ea580c!important}.admission-scope .text-purple-600{color:#9333ea!important}.admission-scope .bg-white{background-color:#fff!important}.admission-scope .bg-slate-50{background-color:#f8fafc!important}.admission-scope .bg-slate-100{background-color:#f1f5f9!important}.admission-scope .bg-blue-600{background-color:#2563eb!important}.admission-scope .bg-blue-50{background-color:#eff6ff!important}.admission-scope .bg-blue-100{background-color:#dbeafe!important}.admission-scope .bg-green-100{background-color:#dcfce7!important}.admission-scope .bg-yellow-100{background-color:#fef9c3!important}.admission-scope .bg-red-100{background-color:#fee2e2!important}.admission-scope .bg-orange-100{background-color:#ffedd5!important}.admission-scope .bg-purple-100{background-color:#f3e8ff!important}.admission-scope .bg-indigo-50{background-color:#eef2ff!important}.admission-scope .glass-card,.admission-scope .glass-card-pink{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 8px #0000000f!important}.admission-scope .border-slate-200{border-color:#e2e8f0!important}.admission-scope .border-slate-100{border-color:#f1f5f9!important}.admission-scope input,.admission-scope select,.admission-scope textarea{color:#1e293b!important;background-color:#fff!important}.dashboard-layout.canteen-layout-col{flex-direction:column}.canteen-topbar{z-index:50;background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.canteen-nav-items{scrollbar-width:none;gap:1rem;display:flex;overflow-x:auto}.canteen-nav-items::-webkit-scrollbar{display:none}.canteen-nav-item{border-radius:var(--radius-md);color:#64748b;white-space:nowrap;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.canteen-nav-item:hover{color:#0f172a;background-color:#f1f5f9}.canteen-nav-item.active{color:var(--primary);background-color:#ff5e3a1a}.dashboard-layout{--primary:#ff5e3a;--primary-hover:#e04a29;--secondary:#1e293b;--background:#f8fafc;--surface:#fff;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-glow:0 0 20px #ff5e3a4d}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding-top:80px}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.dashboard-layout .btn{border-radius:var(--radius-full);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex}.dashboard-layout .btn-primary{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.dashboard-layout .btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 0 25px #ff5e3a80}.dashboard-layout .btn-outline{color:var(--primary);border:2px solid var(--primary);background-color:#0000}.dashboard-layout .btn-outline:hover{background-color:var(--primary);color:#fff}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:4rem 0;display:grid}.dashboard-layout .food-card{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid #ffffff1a;border-color:#ffffff4d #ffffff1a #ffffff1a #ffffff4d;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000004d}.dashboard-layout .food-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.dashboard-layout .food-img-container{height:200px;position:relative;overflow:hidden}.dashboard-layout .food-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.food-card:hover .dashboard-layout .food-img{transform:scale(1.05)}.dashboard-layout .food-tag{border-radius:var(--radius-full);color:var(--primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffe6;padding:.25rem .75rem;font-size:.875rem;font-weight:600;position:absolute;top:1rem;right:1rem}.dashboard-layout .food-details{flex-direction:column;flex:1;padding:1.5rem;display:flex}.dashboard-layout .food-title{margin-bottom:.5rem;font-size:1.25rem}.dashboard-layout .food-desc{color:var(--text-muted);flex:1;margin-bottom:1.5rem;font-size:.875rem}.dashboard-layout .food-footer{justify-content:space-between;align-items:center;display:flex}.dashboard-layout .food-price{color:var(--text-main);font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700}.dashboard-layout .btn-icon{background-color:var(--background);width:40px;height:40px;color:var(--text-main);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.dashboard-layout .btn-icon:hover{background-color:var(--primary);color:#fff}.dashboard-layout .form-group{margin-bottom:1.5rem}.dashboard-layout .form-label{color:var(--text-main);margin-bottom:.5rem;font-weight:500;display:block}.dashboard-layout .form-control{border-radius:var(--radius-md);color:#0f172a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#fff;border:1px solid #e2e8f0;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.dashboard-layout select.form-control{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important}.dashboard-layout select.form-control option{color:#000!important;background-color:#fff!important}.dashboard-layout .form-control::placeholder{color:#94a3b8}.dashboard-layout .form-control:focus{border-color:var(--primary);background-color:#fff;outline:none;box-shadow:0 0 0 3px #ff5e3a1a}.auth-container{background-color:var(--background);justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:2rem;display:flex}.auth-card{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid #ffffff1a;border-color:#ffffff4d #ffffff1a #ffffff1a #ffffff4d;width:100%;max-width:480px;margin:0 auto;padding:3rem;box-shadow:0 8px 32px #0000004d}.auth-title{text-align:center;margin-bottom:.5rem}.auth-subtitle{text-align:center;color:var(--text-muted);margin-bottom:2rem}.page-header{text-align:center;padding:4rem 0 2rem}.page-title{margin-bottom:1rem;font-size:3rem}.page-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.25rem}.dashboard-layout{background-color:#f8fafc;min-height:100vh;display:flex}.dashboard-sidebar{-webkit-backdrop-filter:blur(24px);background-color:#0f172a99;border-right:1px solid #ffffff1a;flex-direction:column;width:250px;height:100vh;padding:2rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.dashboard-main{background-color:#0000;flex:1;min-height:100vh;padding:2rem}.dashboard-layout .sidebar-menu{flex-direction:column;gap:.5rem;display:flex}.dashboard-layout .sidebar-item{border-radius:var(--radius-md);color:#fffc;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:1rem;padding:.75rem 1rem;font-weight:500;transition:all .2s;display:flex}.dashboard-layout .sidebar-item:hover,.dashboard-layout .sidebar-item.active{color:var(--primary);background-color:#ff5e3a26}.dashboard-card{border-radius:var(--radius-lg);background:#fff;border:1px solid #e2e8f0;padding:2rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.dashboard-layout .dashboard-header{justify-content:initial;align-items:initial;border-bottom:1px solid #0f172a0d;margin-bottom:2rem;padding-bottom:1rem;display:block}.dashboard-title{font-size:1.5rem}.dashboard-layout .status-badge{border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.875rem;font-weight:600}.dashboard-layout .status-pending{color:#b45309;background-color:#fef3c7}.dashboard-layout .status-ready{color:#15803d;background-color:#dcfce7}.dashboard-layout .table{border-collapse:collapse;width:100%}.dashboard-layout .table th,.dashboard-layout .table td{text-align:left;border-bottom:1px solid var(--border);padding:1rem}.dashboard-layout .table th{color:var(--text-muted);font-weight:600}.page-bg-home{background:url(https://images.unsplash.com/photo-1504674900247-0877df9cc836?q=80&w=2070&auto=format&fit=crop) 50%/cover fixed;min-height:100vh}.page-bg-about{background:url(https://images.unsplash.com/photo-1555396273-367ea4eb4db5?q=80&w=1974&auto=format&fit=crop) 50%/cover fixed;min-height:100vh}.page-bg-contact{background:url(https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?q=80&w=2070&auto=format&fit=crop) 50%/cover fixed;min-height:100vh}.page-bg-menu{background:url(https://images.unsplash.com/photo-1414235077428-33898ed1e81b?q=80&w=2070&auto=format&fit=crop) 50%/cover fixed;min-height:100vh}.page-bg-login{background:url(https://images.unsplash.com/photo-1525648199074-cee30ba79a4a?q=80&w=2070&auto=format&fit=crop) 50%/cover fixed;min-height:100vh}.dashboard-layout .blur-overlay-clear{-webkit-backdrop-filter:blur(12px);background:#0000004d;min-height:100vh;padding:.1px}.dashboard-layout .glass-container{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);background:#fffffff2;margin-top:2rem;margin-bottom:2rem;padding:3rem;box-shadow:0 10px 30px #0003}.dashboard-layout .tab-btn{--tab-color:var(--primary);color:var(--tab-color);border-radius:var(--radius-full);cursor:pointer;background-color:#0000;border:1px solid #0f172a1a;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.dashboard-layout .tab-btn:hover,.dashboard-layout .tab-btn.active{box-shadow:0 4px 12px #0000000d;background-color:var(--tab-color)!important;color:#fff!important;border-color:var(--tab-color)!important}.dashboard-layout .tab-btn .badge{color:var(--text-main);background-color:#0f172a0d;border-radius:12px;margin-left:.5rem;padding:.1rem .5rem;font-size:.75rem;font-weight:700;transition:all .3s}.dashboard-layout .tab-btn:hover .badge,.dashboard-layout .tab-btn.active .badge{color:#fff!important;background-color:#ffffff40!important}:root{--purple:#7c3aed;--purple-light:#f3e8ff;--blue:#0257c2;--blue-light:#e0f2fe;--green:#16a34a;--green-light:#dcfce7;--orange:#ea580c;--orange-light:#ffedd5;--pink:#db2777;--pink-light:#fce7f3;--teal:#0d9488;--teal-light:#ccfbf1;--navy:#0f172a}body{color:#334155;margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif}.management-login-container{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.bg-image{z-index:-2;filter:blur(4px)brightness(.8);background-image:url(/assets/admin-bg-BEGAogaX.png);background-position:50%;background-size:cover;position:fixed;inset:0;transform:scale(1.05)}.bg-overlay{z-index:-1;background:radial-gradient(circle,#0f172a66 0%,#0f172acc 100%);position:fixed;inset:0}.login-card{-webkit-backdrop-filter:blur(16px)saturate(180%);background:#ffffff1a;border:1px solid #fff3;border-radius:2rem;width:100%;max-width:450px;padding:3rem;animation:.8s ease-out slideUpFade;box-shadow:0 25px 50px -12px #00000080}.login-header{text-align:center;margin-bottom:2.5rem}.logo-container{flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex}.logo{filter:drop-shadow(0 0 10px #ffffff4d);width:70px;height:auto;margin-bottom:.5rem}.logo-title{color:#fff;letter-spacing:2px;font-size:1.25rem;font-weight:800}.logo-subtitle{color:#c4b5fd;letter-spacing:1.5px;font-size:.6rem;font-weight:600}.crown-icon-container{justify-content:center;margin-bottom:1rem;display:flex}.login-title{color:#fff;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.login-subtitle{color:#e2e8f0;font-size:.9rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#c4b5fd;pointer-events:none;transition:color .3s;position:absolute;left:1rem}.login-input{border:1px solid #ffffff1a;width:100%;font-family:inherit;font-size:.95rem;transition:all .3s;color:#fff!important;background:#0f172a66!important;border-radius:1rem!important;padding:1rem 1rem 1rem 3rem!important}.login-input:focus{border-color:var(--purple)!important;background:#0f172a99!important;outline:none!important;box-shadow:0 0 0 4px #7c3aed33!important}.login-input:focus+.input-icon{color:var(--purple-light)}.login-btn{background:linear-gradient(135deg, var(--purple) 0%, #5b21b6 100%);color:#fff;cursor:pointer;border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 15px -3px #7c3aed4d}.login-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 20px 25px -5px #7c3aed66}.login-btn:active{transform:translateY(0)}.back-home{color:#c4b5fd;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.back-home:hover{color:#fff}@media (width<=480px){.login-card{border-radius:1.5rem;margin:1rem;padding:2rem}}.management-sidebar{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;width:260px;height:calc(100vh - 32px);margin:16px;padding:1.5rem 1rem;display:flex;position:fixed;box-shadow:0 10px 30px -10px #0000000a}.sidebar-logo-section{align-items:center;gap:.75rem;margin-bottom:2rem;padding:.5rem;display:flex}.logo-text-group h2{letter-spacing:1px;color:#0f172a;margin:0;font-size:1.1rem;font-weight:800}.logo-text-group span{color:#8b5cf6;letter-spacing:1.5px;font-size:.7rem;font-weight:600}.nav-menu{flex-direction:column;flex:1;gap:.25rem;display:flex}.nav-label{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin:1.5rem 0 .5rem .75rem;font-size:.75rem;font-weight:700}.nav-link{color:#64748b;white-space:nowrap;border-radius:12px;align-items:center;gap:.65rem;height:48px;padding:0 1rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.nav-link:hover{color:#0f172a;background:#f8fafc;transform:translate(4px)}.nav-link.active{color:#8b5cf6;background:linear-gradient(135deg,#8b5cf614,#8b5cf608);border:1px solid #8b5cf626;border-radius:12px;box-shadow:0 4px 12px #8b5cf60d}.sidebar-footer{margin-top:auto;padding-top:2rem}.logout-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #ef444440;color:#fff!important;background:#ef4444!important}.logout-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ef444459;color:#fff!important;background:#dc2626!important}@media (width<=1024px){.management-sidebar{border-radius:0 24px 24px 0;height:100vh;margin:0;transition:transform .3s ease-in-out;transform:translate(-100%);box-shadow:10px 0 30px #0000001a}.management-sidebar.mobile-open{transform:translate(0)}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;background:#0f172a66;animation:.2s ease-out fadeInOverlay;position:fixed;inset:0}.logout-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a66;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeInOverlay;display:flex;position:fixed;top:0;left:0}.logout-modal{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:380px;max-width:90vw;padding:2rem;animation:.25s ease-out modalPop;position:relative;box-shadow:0 20px 25px -5px #0000001a}.logout-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.logout-modal-close:hover{color:#ef4444;background:#fef2f2}.logout-modal-icon{color:#ef4444;background:#fef2f2;border:2px solid #fecaca;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;display:flex}.logout-modal-title{color:#0f172a;margin:0 0 .5rem;font-size:1.15rem;font-weight:800}.logout-modal-text{color:#64748b;margin:0 0 1.5rem;font-size:.875rem;line-height:1.5}.logout-modal-actions{gap:.75rem;display:flex}.logout-cancel-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;flex:1;padding:.7rem 1rem;font-size:.875rem;font-weight:700;transition:all .2s}.logout-cancel-btn:hover{color:#0f172a;background:#e2e8f0}.logout-confirm-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.logout-confirm-btn:hover{background:#dc2626}:root{--primary:#8b5cf6;--primary-glow:#8b5cf626;--secondary:#a855f7;--accent:#f59e0b;--bg-dark:#f8fafc;--card-bg:#fff;--sidebar-bg:#fff;--text-white:#0f172a;--text-dim:#64748b;--glass-border:#e2e8f0}.management-dashboard{background:var(--bg-dark);min-height:100vh;display:flex}.management-main-wrapper{z-index:10;flex:1;justify-content:center;width:calc(100% - 292px);margin-left:292px;display:flex}.management-main{flex-direction:column;width:100%;max-width:1600px;padding:24px;animation:.6s ease-out fadeIn;display:flex}.management-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.header-welcome h1{color:var(--text-white);margin-bottom:.25rem;font-size:1.85rem;font-weight:800}.header-welcome p{color:var(--text-dim)}@media (width<=1024px){.management-main-wrapper{width:100%;margin-left:0;padding-top:3rem}}.fee-allocation-page{width:100%}.allocation-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;max-width:900px;padding:2.5rem;box-shadow:0 10px 30px -10px #0000000d}.form-section{border-bottom:1px dashed #e2e8f0;margin-bottom:2.5rem;padding-bottom:2rem}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.section-header h2{color:#1e293b;margin:0;font-size:1.2rem;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:#64748b;font-size:.85rem;font-weight:600}.input-group select,.input-group input{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:.8rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.input-group select:focus,.input-group input:focus{background:#fff;border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.input-group select:disabled{opacity:.6;cursor:not-allowed}.breakdown-list{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.breakdown-headers{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;padding:0 1rem;font-size:.8rem;font-weight:600;display:flex}.hdr-name{flex:2}.hdr-amount{flex:1;margin-left:1rem}.hdr-action{width:44px}.breakdown-row{align-items:center;gap:1rem;display:flex}.comp-name{background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex:2;padding:.8rem 1rem;font-family:inherit;font-size:.95rem}.amount-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.currency-symbol{color:#64748b;font-weight:600;position:absolute;left:1rem}.comp-amount{background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:.8rem 1rem .8rem 2.2rem;font-family:inherit;font-size:.95rem;font-weight:600}.comp-name:focus,.comp-amount:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.remove-btn{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.remove-btn:hover{color:#dc2626;background:#fecaca}.add-comp-btn{color:#8b5cf6;cursor:pointer;background:0 0;border:1px dashed #8b5cf6;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.add-comp-btn:hover{background:#8b5cf60d}.total-summary{border-top:2px solid #f1f5f9;flex-direction:column;align-items:flex-end;margin-top:2rem;padding-top:1.5rem;display:flex}.total-summary span{color:#64748b;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:600}.total-summary h2{color:#8b5cf6;margin:0;font-size:2.5rem;font-weight:800}.form-actions{justify-content:flex-end;margin-top:3rem;display:flex}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border:none;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #8b5cf64d}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.save-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin}.toggle-switch{width:50px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#ccc;border-radius:34px;transition:all .4s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.toggle-slider{background-color:#8b5cf6}input:checked+.toggle-slider:before{transform:translate(24px)}@media (width<=768px){.form-grid{grid-template-columns:1fr}.breakdown-row{flex-wrap:wrap}.comp-name{flex:100%}}.tabs-container{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;gap:1rem;max-width:fit-content;margin-bottom:2rem;padding:.4rem;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.tab-btn:hover{color:#0f172a;background:#fff9}.tab-btn.active{color:#8b5cf6;background:#fff;box-shadow:0 4px 12px -2px #8b5cf61f,0 2px 4px -1px #8b5cf60a}.tab-badge{color:#4f46e5;background:#e0e7ff;border-radius:9999px;margin-left:.25rem;padding:.15rem .6rem;font-size:.75rem;font-weight:700}.admission-settings-pane{padding:.5rem}.settings-pane-title{color:#0f172a;margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.settings-pane-desc{color:#64748b;margin:0 0 2rem;font-size:.95rem}.admission-fees-list{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.admission-fee-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:1.25rem;transition:all .2s;display:flex}.admission-fee-item:hover{background-color:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px -5px #0000000d}.fee-item-left{align-items:center;gap:1rem;display:flex}.fee-icon-box{color:#4f46e5;background:#e0e7ff;border-radius:10px;justify-content:center;align-items:center;padding:.75rem;display:flex}.fee-item-left h3{color:#0f172a;margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.fee-item-left p{color:#64748b;margin:0;font-size:.85rem}.fee-item-right{align-items:center;gap:1rem;display:flex}.fee-amount-display{color:#0f172a;text-align:right;min-width:120px;font-size:1.25rem;font-weight:800}.inline-edit-group{align-items:center;gap:.75rem;display:flex}.inline-input{width:140px}.inline-input input{color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.6rem .6rem .6rem 2rem;font-size:.95rem;font-weight:700}.inline-input input:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.inline-edit-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.inline-edit-btn:hover{background:#2563eb;transform:translateY(-1px)}.inline-save-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.inline-save-btn:hover{background:#059669;transform:translateY(-1px)}.inline-cancel-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:8px;padding:.6rem 1.2rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.inline-cancel-btn:hover{color:#334155;background:#f1f5f9}.settings-loading,.settings-empty{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:3rem;font-size:.95rem}.fsv-page{width:100%}.fsv-stats-row{flex-wrap:wrap;gap:1.25rem;margin-bottom:1.75rem;display:flex}.fsv-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex:1;align-items:center;gap:1rem;min-width:180px;padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px -4px #0000000d}.fsv-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px -6px #0000001a}.fsv-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.fsv-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .25rem;font-size:.78rem;font-weight:600}.fsv-stat-value{color:#0f172a;margin:0;font-size:1.5rem;font-weight:800}.fsv-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.fsv-filter-group{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.6rem;padding:.5rem 1rem;display:flex}.fsv-filter-icon{color:#8b5cf6}.fsv-select{color:#334155;cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:.9rem;font-weight:600}.fsv-refresh-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 10px #8b5cf640}.fsv-refresh-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf659}.fsv-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 2rem;display:flex}.fsv-spinner{border:4px solid #e2e8f0;border-top-color:#8b5cf6;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite fsvSpin}@keyframes fsvSpin{to{transform:rotate(360deg)}}.fsv-empty{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.fsv-empty-icon{color:#cbd5e1;margin-bottom:1rem}.fsv-empty h3{color:#334155;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.fsv-empty p{color:#94a3b8;max-width:360px;margin:0;font-size:.9rem;line-height:1.6}.fsv-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;display:grid}.fsv-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:1rem;padding:1.5rem;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 4px 16px -6px #0000000f}.fsv-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px -8px #0000001a}.fsv-card--expanded{border-color:#8b5cf640;box-shadow:0 0 0 3px #8b5cf612,0 10px 28px -8px #0000001a}.fsv-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.fsv-class-badge{color:#1e293b;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.fsv-class-badge svg{color:#8b5cf6}.fsv-section-chip{color:#8b5cf6;letter-spacing:.3px;background:#8b5cf61a;border-radius:20px;padding:.15rem .55rem;font-size:.72rem;font-weight:700}.fsv-chip--all{color:#64748b;background:#64748b1a}.fsv-year-badge{color:#64748b;background:#f1f5f9;border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.78rem;font-weight:600;display:flex}.fsv-fee-total{background:linear-gradient(135deg,#8b5cf60f,#6d28d90a);border:1px solid #8b5cf61f;border-radius:12px;flex-direction:column;gap:.15rem;padding:1rem 1.25rem;display:flex}.fsv-total-label{color:#8b5cf6;text-transform:uppercase;letter-spacing:.7px;font-size:.75rem;font-weight:600}.fsv-total-amount{color:#1e293b;letter-spacing:-.5px;font-size:1.8rem;font-weight:800}.fsv-quick-info{flex-wrap:wrap;gap:.5rem;display:flex}.fsv-info-pill{color:#475569;background:#f1f5f9;border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.76rem;font-weight:600;display:flex}.fsv-pill--green{color:#10b981;background:#10b98114}.fsv-pill--orange{color:#d97706;background:#f59e0b1a}.fsv-pill--red{color:#ef4444;background:#ef444414}.fsv-expand-btn{color:#8b5cf6;cursor:pointer;background:0 0;border:1px dashed #8b5cf659;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.fsv-expand-btn:hover{background:#8b5cf60f;border-style:solid}.fsv-breakdown{border-top:1px dashed #e2e8f0;padding-top:1rem;animation:.2s ease-out fadeSlideDown}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.fsv-breakdown-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;margin:0 0 .75rem;font-size:.78rem;font-weight:700}.fsv-breakdown-list{flex-direction:column;gap:.6rem;margin-bottom:1rem;display:flex}.fsv-breakdown-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem .75rem;display:flex}.fsv-breakdown-left{align-items:center;gap:.5rem;display:flex}.fsv-comp-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.fsv-dot--mandatory{background:#8b5cf6}.fsv-dot--optional{background:#cbd5e1}.fsv-comp-name{color:#334155;font-size:.875rem;font-weight:600}.fsv-optional-tag{color:#94a3b8;text-transform:uppercase;background:#f1f5f9;border-radius:6px;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.fsv-comp-amount{color:#1e293b;font-size:.9rem;font-weight:700}.fsv-subtotals{border-top:1px solid #f1f5f9;flex-direction:column;gap:.4rem;padding-top:.75rem;display:flex}.fsv-subtotal-row{color:#334155;justify-content:space-between;font-size:.82rem;font-weight:700;display:flex}.fsv-subtotal--optional{color:#94a3b8}.fsv-installment-item{background:#f59e0b0a;border:1px solid #f59e0b1f;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.6rem .75rem;display:flex}.fsv-inst-name{color:#334155;font-size:.85rem;font-weight:600;display:block}.fsv-inst-date{color:#94a3b8;margin-top:.15rem;font-size:.72rem;display:block}.fsv-inst-amount{color:#d97706;font-size:.9rem;font-weight:700}.fsv-card-footer{border-top:1px solid #f8fafc;margin-top:auto;padding-top:.5rem}.fsv-created-date{color:#cbd5e1;font-size:.72rem;font-weight:500}@media (width<=768px){.fsv-grid{grid-template-columns:1fr}.fsv-stats-row{flex-direction:column}.fsv-toolbar{flex-direction:column;align-items:stretch}}.payment-tracking-container{background:0 0;min-height:100vh;padding:2rem;animation:.5s ease-out fadeIn}.page-header{margin-bottom:2rem}.page-header h1{color:#1e293b;background:linear-gradient(90deg,#4f46e5,#9333ea);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.page-header p{color:#64748b;font-size:1rem}.glass-card{-webkit-backdrop-filter:blur(12px);background:#fffc;border:1px solid #ffffff80;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.glass-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.search-section{align-items:center;gap:1rem;display:flex}.search-input-wrapper{flex:1;position:relative}.search-input-wrapper select{color:#334155;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.search-input-wrapper select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf633}.search-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.search-btn:active{transform:translateY(0)}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.summary-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.summary-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.summary-value{color:#0f172a;font-size:1.5rem;font-weight:700}.summary-value.text-green{color:#10b981}.summary-value.text-red{color:#ef4444}.history-table-container{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.history-table{border-collapse:collapse;text-align:left;width:100%}.history-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;background-color:#f1f5f9;padding:1rem;font-size:.75rem;font-weight:600}.history-table td{color:#334155;border-top:1px solid #e2e8f0;padding:1rem;font-size:.875rem}.history-table tr:hover td{background-color:#f8fafc}.status-badge{border-radius:9999px;justify-content:center;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.success{color:#047857;background-color:#d1fae5}.status-badge.pending{color:#b45309;background-color:#fef3c7}.status-badge.failed{color:#b91c1c;background-color:#fee2e2}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0f172a99;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;padding:2rem;animation:.3s ease-out slideUp;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h2{color:#1e293b;font-size:1.5rem;font-weight:700}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;transition:all .2s}.close-btn:hover{color:#0f172a;background:#f1f5f9}.form-group{margin-bottom:1.25rem}.form-group label{color:#475569;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-input{color:#334155;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-input:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf633}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.submit-btn:active{transform:translateY(0)}