@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@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-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-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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-400:oklch(70.4% .191 22.216);--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-yellow-400:oklch(85.2% .199 91.936);--color-emerald-300:oklch(84.5% .143 164.978);--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-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-400:oklch(77.7% .152 181.912);--color-cyan-300:oklch(86.5% .127 207.078);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-400:oklch(70.7% .165 254.624);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--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-indigo-950:oklch(25.7% .09 281.288);--color-purple-300:oklch(82.7% .119 306.383);--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-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--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-rose-800:oklch(45.5% .188 13.697);--color-rose-950:oklch(27.1% .105 12.094);--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-slate-950:oklch(12.9% .042 264.695);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--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);--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;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--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;--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-2\.5{top:calc(var(--spacing) * 2.5)}.right-1{right:var(--spacing)}.right-3\.5{right:calc(var(--spacing) * 3.5)}.left-0{left:0}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-20{z-index:20}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}.m-0{margin:0}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.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-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-0{margin-bottom:0}.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-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)}.ml-1{margin-left:var(--spacing)}.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}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-28{height:calc(var(--spacing) * 28)}.h-full{height:100%}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-28{width:calc(var(--spacing) * 28)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[160px\]{max-width:160px}.max-w-\[190px\]{max-width:190px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-\[32px\]{min-width:32px}.min-w-\[50px\]{min-width:50px}.min-w-\[60px\]{min-width:60px}.min-w-\[110px\]{min-width:110px}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.min-w-\[170px\]{min-width:170px}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.\!items-stretch{align-items:stretch!important}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.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-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}: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)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-400\/30{border-color:#fcbb004d}@supports (color:color-mix(in lab, red, red)){.border-amber-400\/30{border-color:color-mix(in oklab, var(--color-amber-400) 30%, transparent)}}.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-amber-500\/30{border-color:#f99c004d}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/30{border-color:color-mix(in oklab, var(--color-amber-500) 30%, transparent)}}.border-amber-500\/50{border-color:#f99c0080}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/50{border-color:color-mix(in oklab, var(--color-amber-500) 50%, transparent)}}.border-emerald-500\/20{border-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/20{border-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.border-emerald-500\/25{border-color:#00bb7f40}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/25{border-color:color-mix(in oklab, var(--color-emerald-500) 25%, transparent)}}.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-emerald-500\/40{border-color:#00bb7f66}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/40{border-color:color-mix(in oklab, var(--color-emerald-500) 40%, transparent)}}.border-indigo-500{border-color:var(--color-indigo-500)}.border-indigo-500\/20{border-color:#625fff33}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/20{border-color:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)}}.border-indigo-500\/30{border-color:#625fff4d}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/30{border-color:color-mix(in oklab, var(--color-indigo-500) 30%, transparent)}}.border-indigo-500\/40{border-color:#625fff66}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/40{border-color:color-mix(in oklab, var(--color-indigo-500) 40%, transparent)}}.border-purple-500\/20{border-color:#ac4bff33}@supports (color:color-mix(in lab, red, red)){.border-purple-500\/20{border-color:color-mix(in oklab, var(--color-purple-500) 20%, transparent)}}.border-rose-500\/20{border-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.border-rose-500\/20{border-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.border-rose-500\/30{border-color:#ff23574d}@supports (color:color-mix(in lab, red, red)){.border-rose-500\/30{border-color:color-mix(in oklab, var(--color-rose-500) 30%, transparent)}}.border-rose-500\/40{border-color:#ff235766}@supports (color:color-mix(in lab, red, red)){.border-rose-500\/40{border-color:color-mix(in oklab, var(--color-rose-500) 40%, transparent)}}.border-sky-500\/20{border-color:#00a5ef33}@supports (color:color-mix(in lab, red, red)){.border-sky-500\/20{border-color:color-mix(in oklab, var(--color-sky-500) 20%, transparent)}}.border-sky-500\/30{border-color:#00a5ef4d}@supports (color:color-mix(in lab, red, red)){.border-sky-500\/30{border-color:color-mix(in oklab, var(--color-sky-500) 30%, transparent)}}.border-slate-600{border-color:var(--color-slate-600)}.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)}}.bg-amber-400\/15{background-color:#fcbb0026}@supports (color:color-mix(in lab, red, red)){.bg-amber-400\/15{background-color:color-mix(in oklab, var(--color-amber-400) 15%, transparent)}}.bg-amber-500\/5{background-color:#f99c000d}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/5{background-color:color-mix(in oklab, var(--color-amber-500) 5%, transparent)}}.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-amber-500\/15{background-color:#f99c0026}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/15{background-color:color-mix(in oklab, var(--color-amber-500) 15%, transparent)}}.bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/20{background-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/10{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/15{background-color:color-mix(in oklab, var(--color-emerald-500) 15%, transparent)}}.bg-emerald-500\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/20{background-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-emerald-600\/20{background-color:#00976733}@supports (color:color-mix(in lab, red, red)){.bg-emerald-600\/20{background-color:color-mix(in oklab, var(--color-emerald-600) 20%, transparent)}}.bg-emerald-950\/20{background-color:#002c2233}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\/20{background-color:color-mix(in oklab, var(--color-emerald-950) 20%, transparent)}}.bg-emerald-950\/40{background-color:#002c2266}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\/40{background-color:color-mix(in oklab, var(--color-emerald-950) 40%, transparent)}}.bg-indigo-500\/10{background-color:#625fff1a}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/10{background-color:color-mix(in oklab, var(--color-indigo-500) 10%, transparent)}}.bg-indigo-500\/15{background-color:#625fff26}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/15{background-color:color-mix(in oklab, var(--color-indigo-500) 15%, transparent)}}.bg-indigo-500\/20{background-color:#625fff33}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/20{background-color:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)}}.bg-indigo-600\/30{background-color:#4f39f64d}@supports (color:color-mix(in lab, red, red)){.bg-indigo-600\/30{background-color:color-mix(in oklab, var(--color-indigo-600) 30%, transparent)}}.bg-indigo-600\/60{background-color:#4f39f699}@supports (color:color-mix(in lab, red, red)){.bg-indigo-600\/60{background-color:color-mix(in oklab, var(--color-indigo-600) 60%, transparent)}}.bg-indigo-950\/20{background-color:#1e1a4d33}@supports (color:color-mix(in lab, red, red)){.bg-indigo-950\/20{background-color:color-mix(in oklab, var(--color-indigo-950) 20%, transparent)}}.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-rose-500\/10{background-color:#ff23571a}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/10{background-color:color-mix(in oklab, var(--color-rose-500) 10%, transparent)}}.bg-rose-500\/15{background-color:#ff235726}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/15{background-color:color-mix(in oklab, var(--color-rose-500) 15%, transparent)}}.bg-rose-500\/20{background-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/20{background-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.bg-rose-600{background-color:var(--color-rose-600)}.bg-rose-600\/20{background-color:#e7004433}@supports (color:color-mix(in lab, red, red)){.bg-rose-600\/20{background-color:color-mix(in oklab, var(--color-rose-600) 20%, transparent)}}.bg-rose-800{background-color:var(--color-rose-800)}.bg-rose-950\/20{background-color:#4d021833}@supports (color:color-mix(in lab, red, red)){.bg-rose-950\/20{background-color:color-mix(in oklab, var(--color-rose-950) 20%, transparent)}}.bg-rose-950\/40{background-color:#4d021866}@supports (color:color-mix(in lab, red, red)){.bg-rose-950\/40{background-color:color-mix(in oklab, var(--color-rose-950) 40%, transparent)}}.bg-sky-500\/10{background-color:#00a5ef1a}@supports (color:color-mix(in lab, red, red)){.bg-sky-500\/10{background-color:color-mix(in oklab, var(--color-sky-500) 10%, transparent)}}.bg-sky-500\/20{background-color:#00a5ef33}@supports (color:color-mix(in lab, red, red)){.bg-sky-500\/20{background-color:color-mix(in oklab, var(--color-sky-500) 20%, transparent)}}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-800\/50{background-color:#1d293d80}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/50{background-color:color-mix(in oklab, var(--color-slate-800) 50%, transparent)}}.bg-slate-800\/80{background-color:#1d293dcc}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/80{background-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}}.bg-slate-800\/90{background-color:#1d293de6}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/90{background-color:color-mix(in oklab, var(--color-slate-800) 90%, transparent)}}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-900\/40{background-color:#0f172b66}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/40{background-color:color-mix(in oklab, var(--color-slate-900) 40%, transparent)}}.bg-slate-900\/60{background-color:#0f172b99}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/60{background-color:color-mix(in oklab, var(--color-slate-900) 60%, transparent)}}.bg-slate-900\/80{background-color:#0f172bcc}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/80{background-color:color-mix(in oklab, var(--color-slate-900) 80%, transparent)}}.bg-slate-900\/90{background-color:#0f172be6}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/90{background-color:color-mix(in oklab, var(--color-slate-900) 90%, transparent)}}.bg-slate-900\/95{background-color:#0f172bf2}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/95{background-color:color-mix(in oklab, var(--color-slate-900) 95%, transparent)}}.bg-slate-950\/40{background-color:#02061866}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/40{background-color:color-mix(in oklab, var(--color-slate-950) 40%, transparent)}}.bg-slate-950\/60{background-color:#02061899}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/60{background-color:color-mix(in oklab, var(--color-slate-950) 60%, transparent)}}.bg-transparent{background-color:#0000}.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-gradient-to-r{--tw-gradient-position:to right 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-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-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-indigo-600{--tw-gradient-from: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))}.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))}.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-400{--tw-gradient-to:var(--color-red-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-teal-400{--tw-gradient-to:var(--color-teal-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-yellow-400{--tw-gradient-to:var(--color-yellow-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-0{padding:0}.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-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.p-20{padding:calc(var(--spacing) * 20)}.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)}.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-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-1{padding-bottom:var(--spacing)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-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\.7rem\]{font-size:.7rem}.text-\[0\.72rem\]{font-size:.72rem}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.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)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-200{color:var(--color-amber-200)}.text-amber-200\/80{color:#fee685cc}@supports (color:color-mix(in lab, red, red)){.text-amber-200\/80{color:color-mix(in oklab, var(--color-amber-200) 80%, transparent)}}.text-amber-300{color:var(--color-amber-300)}.text-amber-300\/90{color:#ffd236e6}@supports (color:color-mix(in lab, red, red)){.text-amber-300\/90{color:color-mix(in oklab, var(--color-amber-300) 90%, transparent)}}.text-amber-400{color:var(--color-amber-400)}.text-amber-400\/50{color:#fcbb0080}@supports (color:color-mix(in lab, red, red)){.text-amber-400\/50{color:color-mix(in oklab, var(--color-amber-400) 50%, transparent)}}.text-amber-500\/60{color:#f99c0099}@supports (color:color-mix(in lab, red, red)){.text-amber-500\/60{color:color-mix(in oklab, var(--color-amber-500) 60%, transparent)}}.text-blue-400{color:var(--color-blue-400)}.text-cyan-300{color:var(--color-cyan-300)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-400\/90{color:#00d294e6}@supports (color:color-mix(in lab, red, red)){.text-emerald-400\/90{color:color-mix(in oklab, var(--color-emerald-400) 90%, transparent)}}.text-indigo-200{color:var(--color-indigo-200)}.text-indigo-200\/80{color:#c7d2ffcc}@supports (color:color-mix(in lab, red, red)){.text-indigo-200\/80{color:color-mix(in oklab, var(--color-indigo-200) 80%, transparent)}}.text-indigo-300{color:var(--color-indigo-300)}.text-indigo-400{color:var(--color-indigo-400)}.text-purple-300{color:var(--color-purple-300)}.text-purple-400{color:var(--color-purple-400)}.text-red-400{color:var(--color-red-400)}.text-rose-200{color:var(--color-rose-200)}.text-rose-300{color:var(--color-rose-300)}.text-rose-300\/80{color:#ffa2aecc}@supports (color:color-mix(in lab, red, red)){.text-rose-300\/80{color:color-mix(in oklab, var(--color-rose-300) 80%, transparent)}}.text-rose-400{color:var(--color-rose-400)}.text-sky-300{color:var(--color-sky-300)}.text-sky-400{color:var(--color-sky-400)}.text-slate-200{color:var(--color-slate-200)}.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-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.placeholder-slate-500::placeholder{color:var(--color-slate-500)}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-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-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-emerald-900\/40{--tw-shadow-color:#004e3b66}@supports (color:color-mix(in lab, red, red)){.shadow-emerald-900\/40{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-900) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}.delay-3{transition-delay:3ms}.delay-4{transition-delay:4ms}.delay-5{transition-delay:5ms}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.file\:mr-3::file-selector-button{margin-right:calc(var(--spacing) * 3)}.file\:rounded-lg::file-selector-button{border-radius:var(--radius-lg)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-indigo-600::file-selector-button{background-color:var(--color-indigo-600)}.file\:px-4::file-selector-button{padding-inline:calc(var(--spacing) * 4)}.file\:py-2::file-selector-button{padding-block:calc(var(--spacing) * 2)}.file\:text-xs::file-selector-button{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.file\:font-semibold::file-selector-button{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.file\:text-white::file-selector-button{color:var(--color-white)}@media (hover:hover){.hover\:border-indigo-400:hover{border-color:var(--color-indigo-400)}.hover\:bg-emerald-500:hover{background-color:var(--color-emerald-500)}.hover\:bg-emerald-600:hover{background-color:var(--color-emerald-600)}.hover\:bg-indigo-600\/50:hover{background-color:#4f39f680}@supports (color:color-mix(in lab, red, red)){.hover\:bg-indigo-600\/50:hover{background-color:color-mix(in oklab, var(--color-indigo-600) 50%, transparent)}}.hover\:bg-rose-500\/25:hover{background-color:#ff235740}@supports (color:color-mix(in lab, red, red)){.hover\:bg-rose-500\/25:hover{background-color:color-mix(in oklab, var(--color-rose-500) 25%, transparent)}}.hover\:bg-rose-500\/30:hover{background-color:#ff23574d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-rose-500\/30:hover{background-color:color-mix(in oklab, var(--color-rose-500) 30%, transparent)}}.hover\:bg-rose-600:hover{background-color:var(--color-rose-600)}.hover\:bg-rose-700:hover{background-color:var(--color-rose-700)}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.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\:text-emerald-300:hover{color:var(--color-emerald-300)}.hover\:text-indigo-300:hover{color:var(--color-indigo-300)}.hover\:text-rose-300:hover{color:var(--color-rose-300)}.hover\:text-white:hover{color:var(--color-white)}.hover\:file\:bg-indigo-700:hover::file-selector-button{background-color:var(--color-indigo-700)}}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\:ring-1:focus{--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\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:block{display:block}.sm\:w-1\/4{width:25%}.sm\:w-1\/5{width:20%}.sm\:w-auto{width:auto}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-center{align-items:center}}@media (width>=48rem){.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\:flex-row{flex-direction:row}.md\:items-center{align-items:center}}@media (width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-primary-light:#818cf8;--color-primary-subtle:#6366f11f;--color-secondary:#0ea5e9;--color-secondary-subtle:#0ea5e91f;--color-accent:#a855f7;--color-accent-subtle:#a855f71f;--color-background:#090d16;--color-surface:#0f172a;--color-surface-hover:#1e293b;--color-card:#0f172abf;--color-card-border:#ffffff14;--color-text:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-subtle:#64748b;--color-success:#10b981;--color-success-bg:#10b9811f;--color-danger:#ef4444;--color-danger-bg:#ef44441f;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1f;--font-family:"Plus Jakarta Sans", "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", "Plus Jakarta Sans", sans-serif}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0f172a99}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:6px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#6366f180}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-scale-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeInScale}.animate-slide-down{animation:.25s cubic-bezier(.16,1,.3,1) forwards slideDown}.animate-float{animation:3s ease-in-out infinite floatSlow}.animate-pulse-glow{animation:2.5s infinite pulseGlow}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.app-layout{background-color:var(--color-background);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-body{height:calc(100vh - var(--header-height,64px));flex:1;width:100%;display:flex;overflow:hidden}.main-content{background-color:var(--color-background);flex-direction:column;flex:1;min-width:0;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow-y:auto}.content-area{box-sizing:border-box;zoom:.9;flex:1;width:100%;max-width:1600px;padding:24px}.card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000a,0 1px 2px -1px #00000005}.placeholder-card{text-align:center;min-height:240px;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}@media (width<=768px){.content-area{zoom:1;padding:14px 12px}}.sidebar{width:var(--sidebar-width,240px);min-width:var(--sidebar-width,240px);max-width:var(--sidebar-width,240px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;will-change:width, min-width;background-color:#0f172af2;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1),opacity .2s,visibility .3s cubic-bezier(.4,0,.2,1);display:flex;overflow-x:hidden;box-shadow:2px 0 12px #0003}.sidebar>*{box-sizing:border-box;width:240px;min-width:240px}.sidebar.sidebar-collapsed{opacity:0!important;visibility:hidden!important;pointer-events:none!important;border-left:none!important;border-right:none!important;width:0!important;min-width:0!important;max-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.sidebar-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.8px;padding:20px 20px 8px;font-size:.7rem;font-weight:700}.sidebar-nav{flex:1;padding:8px 12px 16px;overflow-y:auto}.sidebar-nav ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-item{cursor:pointer;color:#cbd5e1;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:10px;align-items:center;width:100%;padding:10px 14px;font-family:inherit;font-size:.86rem;font-weight:500;transition:all .18s;display:flex}.nav-item:hover{color:#fff;background-color:#6366f126;transform:translate(3px)}.nav-item.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);font-weight:600;box-shadow:0 4px 14px #6366f159}.nav-icon{opacity:.9;justify-content:center;align-items:center;margin-right:10px;font-size:1.05rem;display:flex}.nav-item.active .nav-icon{opacity:1}.nav-text{flex:1}.sidebar-badge{color:#fff;background:#ef4444;border-radius:9999px;margin-left:auto;padding:2px 7px;font-size:.7rem;font-weight:700;box-shadow:0 2px 6px #ef44444d}.sidebar-footer{border-top:1px solid #ffffff14;padding:16px 14px}.logout-btn{cursor:pointer;color:#f87171;letter-spacing:.2px;text-align:left;box-sizing:border-box;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-family:inherit;font-size:.84rem;font-weight:600;transition:all .18s;display:flex}.logout-btn:hover{color:#fff;background-color:#ef4444;border-color:#ef4444;transform:translate(3px);box-shadow:0 4px 12px #ef44444d}.logout-icon{flex-shrink:0}.logout-text{flex:1}@media (width<=1024px){.sidebar{top:var(--header-height,64px);height:calc(100vh - var(--header-height,64px));height:calc(100dvh - var(--header-height,64px));z-index:1050;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s;position:fixed;bottom:0;left:0;transform:translate(0);box-shadow:14px 0 45px #000000bf;width:260px!important;min-width:260px!important;max-width:260px!important}.sidebar.sidebar-collapsed{opacity:0!important;visibility:hidden!important;pointer-events:none!important;width:260px!important;min-width:260px!important;max-width:260px!important;transform:translate(-100%)!important}}.admin3-mobile-backdrop{display:none}@media (width<=1024px){.admin3-mobile-backdrop{inset:0;top:var(--header-height,64px);-webkit-backdrop-filter:blur(4px);z-index:1040;background:#030712a6;animation:.2s ease-out fadeIn;display:block;position:fixed}}.top-header{height:var(--header-height,64px);-webkit-backdrop-filter:blur(16px);z-index:100;box-sizing:border-box;background:#0f172ad9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;padding:0 24px;transition:all .2s;display:flex;position:sticky;top:0;box-shadow:0 4px 20px -2px #0000004d}.header-left{flex:1;align-items:center;gap:16px;max-width:600px;display:flex}.header-toggle-sidebar-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex}.header-toggle-sidebar-btn:hover{background:#ffffff38;border-color:#ffffff59;transform:scale(1.05)}.header-brand{-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:10px;min-width:180px;text-decoration:none;display:flex}.header-brand-icon{color:#fff;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:1px solid #ffffff4d;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:flex;box-shadow:0 2px 8px #00000026}.header-brand-text{flex-direction:column;line-height:1.15;display:flex}.header-brand-title{color:#fff;letter-spacing:-.3px;font-size:1.05rem;font-weight:700}.header-brand-badge{color:#c7d2fe;text-transform:uppercase;letter-spacing:.4px;font-size:.68rem;font-weight:600}.header-search-container{width:100%;max-width:320px;transition:all .25s;position:relative}.header-search-container:focus-within{max-width:360px}.search-input-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff38;border-radius:10px;align-items:center;gap:8px;padding:7px 12px;transition:all .2s;display:flex}.header-search-container:focus-within .search-input-wrapper{background:#ffffff38;border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff26}.search-icon-header{color:#ffffffbf;flex-shrink:0;transition:color .2s}.header-search-container:focus-within .search-icon-header{color:#fff}.header-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.84rem}.header-search-input::placeholder{color:#ffffffa6}.search-shortcut-hint{color:#fff;pointer-events:none;white-space:nowrap;background:#fff3;border:1px solid #ffffff40;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:.68rem;font-weight:600}.header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.header-icon-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:relative}.header-icon-btn:hover{color:#fff;background:#ffffff38;border-color:#fff6;transform:translateY(-1px)}.header-badge-count{color:#fff;background:#ef4444;border:2px solid #4f46e5;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #ef444466}.notification-dropdown-panel{z-index:120;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;width:320px;padding:16px;animation:.2s cubic-bezier(.16,1,.3,1) both panelFadeIn;display:flex;position:absolute;top:48px;right:0;box-shadow:0 12px 28px -6px #0000002e,0 0 0 1px #0000000d}.admin-profile-hub{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff1f;border:1px solid #fff3;border-radius:9999px;flex-shrink:0;align-items:center;gap:10px;padding:4px 12px 4px 6px;transition:all .2s;display:flex;position:relative}.admin-profile-hub:hover{background:#fff3;border-color:#ffffff59;transform:translateY(-1px)}.avatar-wrapper-header{color:#fff;background:#ffffff38;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex;position:relative}.avatar-online-dot{background-color:#10b981;border:1.5px solid #4f46e5;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.profile-meta-header{flex-direction:column;line-height:1.2;display:flex}.profile-meta-name{color:#fff;font-size:.82rem;font-weight:600}.profile-meta-role{color:#c7d2fe;font-size:.68rem;font-weight:600}.chevron-down-header{color:#ffffffbf;transition:transform .2s}.admin-profile-hub:hover .chevron-down-header{color:#fff;transform:translateY(1px)}.profile-dropdown-card{z-index:120;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;width:240px;padding:14px;animation:.2s cubic-bezier(.16,1,.3,1) both panelFadeIn;display:flex;position:absolute;top:48px;right:0;box-shadow:0 12px 28px -6px #0000002e,0 0 0 1px #0000000d}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-user-detail{border-bottom:1px solid var(--color-border,#e2e8f0);flex-direction:column;gap:3px;padding-bottom:10px;display:flex}.dropdown-user-detail strong{color:var(--color-text,#0f172a);font-size:.85rem}.dropdown-user-detail span{color:var(--color-text-muted,#64748b);font-size:.76rem}.dropdown-action-item{width:100%;color:var(--color-text-secondary,#475569);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .18s;display:flex}.dropdown-action-item:hover{background:var(--color-primary-subtle,#eef2ff);color:var(--color-primary,#4f46e5)}.dropdown-action-item.logout{color:var(--color-danger,#ef4444)}.dropdown-action-item.logout:hover{background:var(--color-danger-bg,#fef2f2);color:var(--color-danger,#ef4444)}.notif-header{color:var(--color-text,#0f172a);justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700;display:flex}.notif-list-header{flex-direction:column;gap:6px;max-height:180px;display:flex;overflow-y:auto}.notif-item-header{background:var(--color-background,#f8fafc);color:var(--color-text-secondary,#475569);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 10px;font-size:.76rem;transition:all .18s}.notif-item-header:hover{border-color:var(--color-border-hover,#cbd5e1);color:var(--color-primary,#4f46e5);background:#fff}@media (width<=1024px){.top-header{padding:0 16px}}@media (width<=768px){.header-brand{min-width:auto}.header-brand-badge{display:none}.header-search-container{max-width:200px}.header-search-container:focus-within{max-width:240px}.search-shortcut-hint{display:none}}@media (width<=576px){.top-header{padding:0 12px}.header-left{gap:10px}.header-brand-title{display:none}.header-right{gap:8px}.header-search-container{max-width:140px}.search-input-wrapper{padding:6px 8px}.header-icon-btn{width:34px;height:34px}.profile-meta-header{display:none}.admin-profile-hub{border-radius:50%;padding:3px}.chevron-down-header{display:none}}:root{--admin-primary:#6366f1;--admin-primary-glow:#6366f140;--admin-secondary:#0ea5e9;--admin-secondary-glow:#0ea5e933;--admin-accent:#a855f7;--admin-accent-glow:#a855f733;--admin-emerald:#10b981;--admin-emerald-glow:#10b98133;--admin-amber:#f59e0b;--admin-amber-glow:#f59e0b33;--admin-rose:#ef4444;--admin-rose-glow:#ef444433;--admin-bg-gradient:linear-gradient(135deg, #090d16 0%, #0f172a 50%, #1e1b4b 100%);--admin-card-bg:#0f172ad9;--admin-card-border:#ffffff14;--admin-glass-shadow:0 8px 32px 0 #0000005e}.admin3-dashboard{flex-direction:column;gap:28px;width:100%;max-width:1400px;margin:0 auto;padding-bottom:40px;display:flex}@keyframes dashFadeUp{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dashFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseWarning{0%,to{transform:scale(1);box-shadow:0 0 #f43f5e99}50%{transform:scale(1.02);box-shadow:0 0 0 10px #f43f5e00}}@keyframes floatElement{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes meshShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shimmerSweep{0%{transform:translate(-150%)skew(-20deg)}to{transform:translate(250%)skew(-20deg)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wavePath{0%{transform:scaleY(1)}50%{transform:scaleY(1.03)translateY(-2px)}to{transform:scaleY(1)}}.animate-entrance{animation:.6s cubic-bezier(.16,1,.3,1) both dashFadeUp}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}.admin3-hero{color:#fff;background-color:#0000;background-image:radial-gradient(circle at 80% 20%,#7c3aed40 0%,#0000 50%),radial-gradient(circle at 10% 80%,#6366f133 0%,#0000 45%),linear-gradient(135deg,#1e1b4b 0%,#312e81 45%,#0f172a 100%);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;border-radius:24px;padding:36px 40px;animation:12s infinite meshShift;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #1e1b4b73,inset 0 0 0 1px #ffffff1f}.hero-backdrop-glow{filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#8b5cf659 0%,#6366f133 50%,#0000 70%);width:500px;height:500px;animation:8s ease-in-out infinite floatElement;position:absolute;top:-50%;right:-10%}.hero-backdrop-glow-2{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#6366f140 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-40%;left:20%}.admin3-hero-content{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.hero-text-area{flex-direction:column;gap:8px;display:flex}.hero-badge-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.5px;text-transform:uppercase;color:#c7d2fe;background:#ffffff1f;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:8px;width:fit-content;padding:6px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.badge-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseGlow;box-shadow:0 0 10px #10b981}.hero-title{letter-spacing:-.8px;background:linear-gradient(135deg,#fff 30%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:800;line-height:1.2}.hero-subtitle{color:#cbd5e1;max-width:600px;margin:0;font-size:.95rem;font-weight:400;line-height:1.5}.hero-actions-dock{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-btn{cursor:pointer;box-sizing:border-box;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 22px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.hero-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 10px 25px -5px #6366f199,inset 0 0 0 1px #fff3}.hero-btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 15px 30px -5px #6366f1cc,inset 0 0 0 1px #ffffff4d}.hero-btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:60px;height:100%;animation:3s infinite shimmerSweep;position:absolute;top:0;left:0}.hero-btn-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff1f;border:1px solid #fff3}.hero-btn-glass:hover{background:#fff3;border-color:#ffffff59;transform:translateY(-2px)}.hero-btn-icon{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;box-sizing:border-box;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;padding:0;transition:all .3s;display:inline-flex}.hero-btn-icon:hover{background:#ffffff38;border-color:#ffffff59;transform:translateY(-2px)}.hero-btn-icon.spinning{animation:1s linear spinSlow}.hero-stats-ticker{color:#94a3b8;border-top:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:20px;margin-top:20px;padding-top:18px;font-size:.82rem;display:flex}.ticker-item{align-items:center;gap:8px;display:flex}.ticker-item strong{color:#fff}.admin3-dashboard .admin3-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.admin3-dashboard .kpi-card{cursor:pointer;box-sizing:border-box;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:190px;padding:24px 26px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.admin3-dashboard .kpi-card:hover{transform:translateY(-4px)}.admin3-dashboard .kpi-card-schools{background:linear-gradient(#1e1b4ba6 0%,#0f172ad9 100%);border:1px solid #6366f140;box-shadow:0 8px 32px #0000004d}.admin3-dashboard .kpi-card-schools:hover{border-color:#6366f180;box-shadow:0 16px 36px -4px #6366f159}.admin3-dashboard .kpi-card-schools .kpi-icon-box{color:#a5b4fc;background:#6366f133}.admin3-dashboard .kpi-badge-schools{color:#a5b4fc;background:#6366f133;border:1px solid #6366f14d}.admin3-dashboard .kpi-card-schools .kpi-progress-bar{background:#6366f12e}.admin3-dashboard .kpi-card-schools .kpi-progress-fill{background:#6366f1}.admin3-dashboard .kpi-card-pending{background:linear-gradient(#431407a6 0%,#0f172ad9 100%);border:1px solid #f9731640;box-shadow:0 8px 32px #0000004d}.admin3-dashboard .kpi-card-pending:hover{border-color:#f9731680;box-shadow:0 16px 36px -4px #f9731659}.admin3-dashboard .kpi-card-pending .kpi-icon-box{color:#ffb703;background:#f9731633}.admin3-dashboard .kpi-badge-pending{color:#ffb703;background:#f9731633;border:1px solid #f973164d}.admin3-dashboard .kpi-badge-pending-warning{color:#fca5a5;background:#ef444433;border:1px solid #ef444466;animation:2s infinite pulseWarning}.admin3-dashboard .kpi-card-pending .kpi-progress-bar{background:#f973162e}.admin3-dashboard .kpi-card-pending .kpi-progress-fill{background:#f97316}.admin3-dashboard .kpi-card-admins{background:linear-gradient(#064e3ba6 0%,#0f172ad9 100%);border:1px solid #10b98140;box-shadow:0 8px 32px #0000004d}.admin3-dashboard .kpi-card-admins:hover{border-color:#10b98180;box-shadow:0 16px 36px -4px #10b98159}.admin3-dashboard .kpi-card-admins .kpi-icon-box{color:#6ee7b7;background:#10b98133}.admin3-dashboard .kpi-badge-admins{color:#6ee7b7;background:#10b98133;border:1px solid #10b9814d}.admin3-dashboard .kpi-card-admins .kpi-progress-bar{background:#10b9812e}.admin3-dashboard .kpi-card-admins .kpi-progress-fill{background:#10b981}.admin3-dashboard .kpi-card-users{background:linear-gradient(#0c4a6ea6 0%,#0f172ad9 100%);border:1px solid #0ea5e940;box-shadow:0 8px 32px #0000004d}.admin3-dashboard .kpi-card-users:hover{border-color:#0ea5e980;box-shadow:0 16px 36px -4px #0ea5e959}.admin3-dashboard .kpi-card-users .kpi-icon-box{color:#7dd3fc;background:#0ea5e933}.admin3-dashboard .kpi-badge-users{color:#7dd3fc;background:#0ea5e933;border:1px solid #0ea5e94d}.admin3-dashboard .kpi-card-users .kpi-progress-bar{background:#0ea5e92e}.admin3-dashboard .kpi-card-users .kpi-progress-fill{background:#0ea5e9}.admin3-dashboard .kpi-orb{filter:blur(20px);pointer-events:none;opacity:.6;border-radius:50%;width:90px;height:90px;transition:transform .4s;position:absolute;top:-20px;right:-20px}.admin3-dashboard .kpi-card-schools .kpi-orb{background:#6366f126}.admin3-dashboard .kpi-card-pending .kpi-orb{background:#f9731626}.admin3-dashboard .kpi-card-admins .kpi-orb{background:#10b98126}.admin3-dashboard .kpi-card-users .kpi-orb{background:#0284c726}.admin3-dashboard .kpi-card:hover .kpi-orb{transform:scale(1.4)}.admin3-dashboard .kpi-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin3-dashboard .kpi-icon-box{border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;transition:all .3s;display:flex}.admin3-dashboard .kpi-card:hover .kpi-icon-box{transform:scale(1.06)}.admin3-dashboard .kpi-badge-tag{letter-spacing:.2px;white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;gap:6px;padding:5px 12px;font-size:.76rem;font-weight:700;line-height:1.2;display:inline-flex}.admin3-dashboard .kpi-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;margin:0 0 6px;font-size:.82rem;font-weight:700}.admin3-dashboard .kpi-value{color:#f8fafc;letter-spacing:-1px;align-items:baseline;gap:6px;margin:0;font-size:2.2rem;font-weight:800;display:flex}.admin3-dashboard .kpi-value small{color:#cbd5e1;font-size:.9rem;font-weight:500}.admin3-dashboard .kpi-footer{color:#cbd5e1;border-top:none;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;font-size:.82rem;display:flex}.admin3-dashboard .kpi-progress-bar{border-radius:9999px;width:100%;height:6px;margin-top:8px;overflow:hidden}.admin3-dashboard .kpi-progress-fill{border-radius:9999px;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.admin3-dashboard .admin3-analytics-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (width<=1024px){.admin3-dashboard .admin3-analytics-grid{grid-template-columns:1fr}}.admin3-dashboard .analytics-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ad9;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;padding:28px;display:flex;position:relative;box-shadow:0 8px 32px #0000005e}.admin3-dashboard .card-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.card-title-group{align-items:center;gap:14px;display:flex}.card-title-icon{color:#818cf8;background:linear-gradient(135deg,#6366f133,#8b5cf633);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.card-title-group h3{color:#f8fafc;letter-spacing:-.4px;margin:0 0 3px;font-size:1.15rem;font-weight:700}.card-title-group p{color:#94a3b8;margin:0;font-size:.82rem}.chart-pills{background:#1e293b99;border:1px solid #ffffff14;border-radius:10px;gap:6px;padding:4px;display:flex}.chart-pill-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s}.chart-pill-btn.active{color:#fff;background:#6366f1;box-shadow:0 2px 8px #6366f166}.chart-container{width:100%;height:250px;margin-top:10px;position:relative}.chart-svg{width:100%;height:100%;overflow:visible}.chart-area-path{fill:url(#chartGradient);opacity:.6;animation:6s ease-in-out infinite wavePath}.chart-line-path{fill:none;stroke:#6366f1;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 10px #6366f166)}.chart-line-path-secondary{fill:none;stroke:#06b6d4;stroke-width:2.5px;stroke-dasharray:4 4}.chart-point{fill:#0f172a;stroke:#6366f1;stroke-width:3px;r:5;cursor:pointer;transition:all .3s}.chart-point:hover{r:8;stroke-width:4px;fill:#6366f1;stroke:#fff;filter:drop-shadow(0 0 8px #6366f1cc)}.chart-legend{color:#94a3b8;justify-content:center;align-items:center;gap:24px;margin-top:16px;font-size:.8rem;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.donut-stats-container{flex-direction:column;justify-content:space-around;gap:20px;height:100%;display:flex}.donut-visual-wrapper{justify-content:center;align-items:center;margin:10px 0;display:flex;position:relative}.donut-center-text{text-align:center;flex-direction:column;display:flex;position:absolute}.donut-center-text strong{color:#f8fafc;font-size:1.6rem;font-weight:800}.donut-center-text span{color:#94a3b8;text-transform:uppercase;font-size:.72rem;font-weight:600}.license-breakdown-list{flex-direction:column;gap:12px;display:flex}.breakdown-row{justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.breakdown-label{color:#cbd5e1;align-items:center;gap:8px;font-weight:500;display:flex}.breakdown-bar-bg{background:#1e293bcc;border-radius:9999px;width:90px;height:6px;overflow:hidden}.breakdown-bar-fill{border-radius:9999px;height:100%}.admin3-dual-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=1024px){.admin3-dual-grid{grid-template-columns:1fr}}.pending-queue-list{flex-direction:column;gap:12px;max-height:420px;padding-right:4px;display:flex;overflow-y:auto}.pending-user-row{background:#1e293b80;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:16px;transition:all .25s;display:flex}.pending-user-row:hover{background:#6366f11a;border-color:#6366f166;transform:translate(4px);box-shadow:0 8px 16px -6px #0000004d}.pending-user-info{align-items:center;gap:12px;display:flex}.user-avatar-initial{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.95rem;font-weight:700;display:flex}.user-meta-lines strong{color:#f8fafc;font-size:.9rem}.user-meta-lines span{color:#94a3b8;font-size:.78rem}.pending-actions{flex-shrink:0;gap:8px;display:flex}.btn-mini-approve{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px -2px #10b98166}.btn-mini-approve:hover{transform:translateY(-2px);box-shadow:0 6px 14px -2px #10b98199}.btn-mini-reject{color:#f87171;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:8px;padding:6px 10px;font-size:.78rem;font-weight:600;transition:all .2s}.btn-mini-reject:hover{background:#ef444426;border-color:#ef4444}.expiry-watch-table{border-collapse:separate;border-spacing:0;width:100%}.expiry-watch-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid #ffffff14;padding:12px 14px;font-size:.75rem;font-weight:700}.expiry-watch-table td{color:#cbd5e1;vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:14px;font-size:.84rem}.expiry-watch-table tbody tr{transition:all .2s}.expiry-watch-table tbody tr:hover{background:#1e293b80}.badge-countdown{border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-countdown.safe{color:#34d399;background:#10b9811f;border:1px solid #10b9814d}.badge-countdown.warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b59}.badge-countdown.expired{color:#f87171;background:#f43f5e26;border:1px solid #f43f5e59}.system-diagnostics-bar{color:#f8fafc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ad9;border:1px solid #ffffff14;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 32px;display:flex;box-shadow:0 8px 32px #0000005e}.diagnostic-item{align-items:center;gap:12px;display:flex}.diagnostic-icon-box{color:#818cf8;background:#6366f126;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.diagnostic-text{flex-direction:column;display:flex}.diagnostic-text span{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.diagnostic-text strong{color:#f8fafc;font-size:.95rem}.admin3-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;background:#090d16cc;justify-content:center;align-items:center;padding:20px;animation:.3s dashFadeIn;display:flex;position:fixed;inset:0}.admin3-modal-content{color:#f8fafc;background:#0f172a;border:1px solid #ffffff1f;border-radius:24px;width:100%;max-width:480px;padding:32px;animation:.35s cubic-bezier(.16,1,.3,1) dashFadeUp;box-shadow:0 25px 60px -15px #0009}.modal-header-fancy{border-bottom:1px solid #ffffff14;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;display:flex}.modal-icon-badge{color:#818cf8;background:linear-gradient(135deg,#6366f133,#8b5cf633);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.modal-select{color:#f8fafc;background:#1e293b;border:1.5px solid #ffffff1f;border-radius:12px;outline:none;width:100%;margin:16px 0 24px;padding:14px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.modal-select:focus{background:#1e293b;border-color:#6366f1;box-shadow:0 0 0 4px #6366f140}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.empty-dashboard-placeholder{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;font-size:.9rem;display:flex}.empty-dashboard-placeholder svg{color:#64748b}@media (width<=640px){.admin3-hero{border-radius:16px;padding:20px 16px}.admin3-hero-content{flex-direction:column;align-items:stretch;gap:16px}.hero-action-buttons{flex-direction:column;gap:10px;width:100%}.btn-hero-primary,.btn-hero-secondary{text-align:center;justify-content:center;width:100%}.admin3-dashboard .admin3-kpi-grid{grid-template-columns:1fr}.admin3-dashboard .analytics-card{border-radius:16px;padding:18px 16px}.pending-user-row{flex-direction:column;align-items:flex-start;gap:12px}.pending-user-actions{justify-content:flex-end;width:100%;display:flex}.modal-container{width:95%;max-width:480px;margin:10px auto}}.register-school-wrapper{flex-direction:column;gap:24px;max-width:1000px;margin:0 auto;display:flex}.premium-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ad9;border:1px solid #ffffff14;border-radius:16px;padding:32px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #0000005e}.action-bar{padding:24px 32px}.action-bar-content{justify-content:space-between;align-items:center;display:flex}.action-bar-content h2{color:#f8fafc;margin:0 0 4px;font-size:1.4rem;font-weight:700}.action-bar-content p{color:#94a3b8;margin:0;font-size:.9rem}.action-buttons{gap:16px;display:flex}.form-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background-color:#090d16cc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.form-modal{color:#f8fafc;background:#0f172a;border:1px solid #ffffff1f;border-radius:20px;width:100%;max-width:700px;max-height:90vh;padding:40px;overflow-y:auto;box-shadow:0 25px 60px -12px #0009}.flex-1{flex:1}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;font-size:1.2rem;transition:all .2s;display:flex}.close-btn:hover{color:#ef4444;background:#ef444426}.card-header{border-bottom:1px solid #ffffff14;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.header-icon{color:#818cf8;background:linear-gradient(135deg,#6366f133,#8b5cf633);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex;box-shadow:inset 0 0 0 1px #6366f14d}.pulse-icon{animation:2s infinite pulse}.card-header h2{color:#f8fafc;letter-spacing:-.5px;margin:0 0 4px;font-size:1.4rem;font-weight:700}.card-header p{color:#94a3b8;margin:0;font-size:.9rem}.form-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.input-group{flex-direction:column;display:flex;position:relative}.input-group input{color:#f8fafc;z-index:2;background-color:#1e293b;border:1.5px solid #ffffff1f;border-radius:10px;padding:14px 16px;font-family:inherit;font-size:.95rem;transition:all .3s}.input-group label{color:#94a3b8;pointer-events:none;z-index:3;background:#1e293b;padding:0 4px;font-size:.95rem;transition:all .25s cubic-bezier(.16,1,.3,1);position:absolute;top:14px;left:16px}.input-group input:focus,.input-group input:not(:placeholder-shown){border-color:#6366f1;outline:none}.input-group input:focus~label,.input-group input:not(:placeholder-shown)~label,.input-group input[type=date]~label{color:#818cf8;font-size:.75rem;font-weight:600;top:-9px;left:12px}.input-focus-bg{opacity:0;z-index:1;background:#6366f114;border-radius:10px;transition:all .3s;position:absolute;inset:0;transform:scale(.95)}.input-group input:focus~.input-focus-bg{opacity:1;transform:scale(1)}.form-actions{justify-content:flex-end;align-items:center;margin-top:32px;display:flex}.mr-3{margin-right:12px}.btn-glow{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px -10px #6366f199}.btn-glow svg{width:18px;height:18px;transition:transform .3s}.btn-glow:hover svg{transform:translate(4px)}.btn-secondary{color:#f8fafc;cursor:pointer;background-color:#0000;border:1px solid #ffffff1f;border-radius:10px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background-color:#ffffff1a}.table-container{overflow-x:auto}.premium-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.premium-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff14;padding:16px;font-size:.8rem;font-weight:600}.premium-table td{vertical-align:middle;color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:16px}.table-row-animate{animation:.4s forwards slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.premium-table tbody tr{transition:all .2s}.premium-table tbody tr:hover{background-color:#1e293b80}.badge-sr{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 6px;font-family:inherit;font-size:.82rem;font-weight:600;display:inline-flex}.badge-sid{color:#818cf8;background:#6366f126;border:1px solid #6366f140;border-radius:6px;padding:4px 8px;font-family:monospace;font-size:.85rem;font-weight:600}.school-name-cell{flex-direction:column;gap:4px;display:flex}.school-name-cell strong{color:#f8fafc;font-size:.95rem}.school-name-cell span{color:#94a3b8;font-size:.8rem}.date-badge{border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-block}.date-badge.active{color:#34d399;background-color:#10b9811f;border:1px solid #10b9814d}.date-badge.expired{color:#f87171;background-color:#f43f5e26;border:1px solid #f43f5e59}.users-count{color:#f8fafc;align-items:center;gap:6px;font-weight:600;display:flex}.users-count svg{color:#94a3b8;width:16px;height:16px}.btn-action{color:#cbd5e1;cursor:pointer;background:#1e293b80;border:1px solid #ffffff1f;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.btn-action:hover{color:#fff;background:#6366f133;border-color:#6366f166;box-shadow:0 2px 5px #0000004d}.btn-action.edit:hover{color:#a855f7;border-color:#a855f7}.btn-action.delete{color:#f87171;border-color:#ef44444d}.btn-action.delete:hover{color:#f87171;background:#ef444426;border-color:#ef4444}.empty-state{text-align:center;color:#94a3b8;font-style:italic;padding:40px!important}.admin-names-cell{flex-wrap:wrap;gap:6px;max-width:300px;display:flex}.admin-name-badge{color:#818cf8;white-space:nowrap;background:#6366f126;border:1px solid #6366f14d;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:600}.no-admins{color:#94a3b8;font-size:.85rem;font-style:italic}.action-buttons-cell{gap:8px;display:flex}@media (width<=768px){.form-modal{border-radius:14px;max-height:94vh;margin:10px;padding:24px 16px}.premium-card{padding:18px 14px}.action-bar{padding:16px 14px}.action-buttons{flex-direction:column;gap:10px;width:100%}.form-grid{grid-template-columns:1fr}.action-bar-content{flex-direction:column;align-items:flex-start;gap:16px}.form-actions{flex-direction:column-reverse;gap:12px}.btn-glow,.btn-secondary{text-align:center;justify-content:center;width:100%}}.full-width{grid-column:1/-1}.form-section-divider{border-top:1px dashed #ffffff1f;grid-column:1/-1;margin-top:12px;padding-top:20px}.form-section-title{color:#f8fafc;align-items:center;gap:8px;margin:0 0 4px;font-size:1.05rem;font-weight:700;display:flex}.form-section-subtitle{color:#94a3b8;margin:0 0 16px;font-size:.85rem}.btn-action.edit-admin{color:#818cf8;background:#6366f11a;border-color:#6366f14d}.btn-action.edit-admin:hover{color:#fff;background:#6366f1;border-color:#6366f1;box-shadow:0 4px 12px #6366f159}.admin-tabs-container{background:#1e293b;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:8px;margin-bottom:20px;padding:12px 16px;display:flex}.admin-tabs-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.admin-tabs{flex-wrap:wrap;gap:8px;display:flex}.admin-tab-btn{color:#cbd5e1;cursor:pointer;background:#0f172a;border:1px solid #ffffff1f;border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.admin-tab-btn:hover{color:#fff;border-color:#6366f1}.admin-tab-btn.active{color:#fff;background:#6366f1;border-color:#6366f1;box-shadow:0 2px 6px #6366f166}.alert-box{border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;display:flex}.alert-box.success-alert{color:#34d399;background-color:#10b98126;border:1px solid #10b9814d}.alert-box.error-alert{color:#f87171;background-color:#ef444426;border:1px solid #ef44444d}.password-input-container{position:relative}.toggle-password-btn{cursor:pointer;z-index:4;opacity:.7;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.1rem;transition:opacity .2s;display:flex;position:absolute;top:14px;right:14px}.toggle-password-btn:hover{opacity:1;color:#f8fafc}.empty-admin-state{text-align:center;color:#94a3b8;padding:30px 20px;font-size:.95rem}.btn-action.renew{color:#34d399;background:#10b9811a;border-color:#10b9814d}.btn-action.renew:hover{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 4px 12px #10b98159}.renew-quick-buttons{flex-wrap:wrap;gap:8px;margin:12px 0 18px;display:flex}.renew-quick-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;padding:7px 13px;font-size:.84rem;font-weight:600;transition:all .2s}.renew-quick-btn:hover{color:#34d399;background:#10b98138;border-color:#10b981}.register-admin-wrapper{flex-direction:column;gap:24px;max-width:860px;margin:0 auto;display:flex}.admin-top-bar{align-items:center;gap:20px;padding:16px 24px;display:flex}.back-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-family:Inter,system-ui,sans-serif;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.back-btn:hover{background:var(--color-background);color:var(--color-primary);border-color:var(--color-primary)}.bar-title h2{color:var(--color-text);letter-spacing:-.4px;margin:0 0 3px;font-size:1.35rem;font-weight:700}.bar-title p{color:var(--color-text-secondary);margin:0;font-size:.85rem}.admin-form-card{padding:36px}.premium-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ad9;border:1px solid #ffffff14;border-radius:16px;transition:box-shadow .3s;box-shadow:0 8px 32px #0000005e}.admin-card-header{border-bottom:1px solid #ffffff14;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:20px;display:flex}.admin-header-icon{color:#818cf8;background:linear-gradient(135deg,#6366f133,#8b5cf633);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:inset 0 0 0 1px #6366f14d}.admin-card-header h2{color:#f8fafc;letter-spacing:-.4px;margin:0 0 4px;font-size:1.3rem;font-weight:700}.admin-card-header p{color:#94a3b8;margin:0;font-size:.85rem}.admin-form-grid{grid-template-columns:repeat(2,1fr);gap:28px 24px;display:grid}.admin-input-group{flex-direction:column;display:flex;position:relative}.admin-input-group input,.admin-input-group select{color:#f8fafc;appearance:none;background:#1e293b;border:1.5px solid #ffffff1f;border-radius:10px;padding:14px 16px;font-family:Inter,system-ui,sans-serif;font-size:.92rem;transition:border-color .25s,box-shadow .25s}.admin-input-group label{color:#94a3b8;pointer-events:none;z-index:1;background:#1e293b;padding:0 4px;font-size:.9rem;transition:all .22s cubic-bezier(.16,1,.3,1);position:absolute;top:14px;left:16px}.admin-input-group input:focus~label,.admin-input-group input:not(:placeholder-shown)~label,.admin-input-group select.has-value~label,.admin-input-group select:focus~label{color:var(--color-primary);font-size:.72rem;font-weight:600;top:-9px;left:12px}.admin-input-group input:focus,.admin-input-group select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4f46e51f}.admin-input-group.has-error input,.admin-input-group.has-error select{border-color:var(--color-danger)}.admin-input-group.has-error input:focus,.admin-input-group.has-error select:focus{box-shadow:0 0 0 3px #dc26261f}.admin-input-group.has-error label{color:var(--color-danger)}.error-msg{color:var(--color-danger);margin-top:5px;padding-left:4px;font-size:.72rem;font-weight:500}.password-group{position:relative}.toggle-pw{cursor:pointer;z-index:2;background:0 0;border:none;padding:0;font-size:1rem;line-height:1;position:absolute;top:14px;right:14px}.admin-input-group select{cursor:pointer;background-image: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'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.admin-form-actions{border-top:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:16px;margin-top:36px;padding-top:24px;display:flex}.btn-glow{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 26px;font-family:Inter,system-ui,sans-serif;font-size:.92rem;font-weight:600;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px -8px #4f46e58c}.btn-glow:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:100%;height:100%;transition:left .45s;position:absolute;top:0;left:-100%}.btn-glow:hover{transform:translateY(-2px);box-shadow:0 14px 24px -8px #4f46e5b3}.btn-glow:hover:after{left:100%}.btn-secondary{color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:10px;padding:12px 24px;font-family:Inter,system-ui,sans-serif;font-size:.92rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:var(--color-background);color:var(--color-text)}@media (width<=680px){.admin-form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{text-align:center;justify-content:center;width:100%}}.reset-password-container{flex-direction:column;gap:24px;display:flex}.reset-tabs-nav{border-bottom:1px solid #e2e8f0;gap:12px;padding-bottom:12px;display:flex}.reset-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.92rem;font-weight:600;transition:all .2s;display:flex}.reset-tab-btn:hover{color:#1e293b;background:#f1f5f9}.reset-tab-btn.active{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.password-requirements{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:14px;padding:14px 18px}.password-requirements h4{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:.82rem}.req-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.req-item{color:#94a3b8;align-items:center;gap:6px;font-size:.8rem;transition:color .2s;display:flex}.req-item.met{color:#16a34a;font-weight:600}.pw-generator-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;margin-top:6px;padding:6px 12px;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.pw-generator-btn:hover{color:#1e293b;background:#e2e8f0}.credentials-copy-box{background:#f0fdf4;border:1px solid #86efac;border-radius:10px;flex-direction:column;gap:8px;margin-top:20px;padding:16px;display:flex}.credentials-copy-header{justify-content:space-between;align-items:center;display:flex}.copy-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:background .2s}.copy-btn:hover{background:#15803d}.page-header{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.page-header-title{color:var(--color-text);letter-spacing:-.5px;white-space:nowrap;margin:0;font-family:Inter,system-ui,sans-serif;font-size:1.35rem;font-weight:700}.breadcrumb-nav{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.breadcrumb-item-wrapper{align-items:center;gap:2px;display:flex}.breadcrumb-separator{color:#cbd5e1;align-items:center;margin:0 2px;display:flex}.breadcrumb-item{white-space:nowrap;border-radius:5px;padding:4px 8px;font-family:Inter,system-ui,sans-serif;font-size:.78rem;font-weight:500}.breadcrumb-item.link{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;transition:color .18s,background .18s}.breadcrumb-item.link:hover{color:var(--color-primary);background:#4f46e512}.breadcrumb-item.active{color:var(--color-primary);background:linear-gradient(135deg,#4f46e51f,#0f766e14);border:1px solid #4f46e52e;font-weight:700}@media (width<=600px){.page-header{flex-direction:column;align-items:flex-start;gap:10px}}.admin3-login-root{--login-bg:#0f172a;--login-surface:#1e293b;--login-card-bg:#1e293bb3;--login-text:#f8fafc;--login-text-muted:#94a3b8;--login-text-subtle:#64748b;--login-border:#334155;--login-border-card:#ffffff14;--login-border-focus:#6366f1;--login-input-bg:#0f172a99;--login-success:#10b981;--login-success-bg:#10b9811f;--login-success-border:#10b98147;--login-danger:#ef4444;--login-danger-bg:#ef44441f;--login-danger-border:#ef444447;background-color:var(--login-bg);box-sizing:border-box;background-image:radial-gradient(at 15% 15%,#4f46e526 0,#0000 50%),radial-gradient(at 85% 85%,#0ea5e91f 0,#0000 50%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg-shape-1{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#4f46e51f 0%,#0000 70%);width:450px;height:450px;position:absolute;top:-10%;left:10%}.login-bg-shape-2{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#0ea5e91a 0%,#0000 70%);width:450px;height:450px;position:absolute;bottom:-10%;right:10%}.admin3-login-card{z-index:10;background:var(--login-card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--login-border-card);box-sizing:border-box;transform-origin:50%;border-radius:20px;width:100%;max-width:440px;padding:40px 36px;position:relative;transform:scale(.9);box-shadow:0 20px 40px -15px #00000080,inset 0 0 0 1px #ffffff0a}.login-header-group{text-align:center;flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.login-logo-badge{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:16px;display:flex;box-shadow:0 8px 20px -4px #4f46e566}.login-logo-icon{stroke-width:2.2px}.login-welcome-tag{color:#818cf8;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;font-size:.8rem;font-weight:600}.login-title{color:var(--login-text);letter-spacing:-.4px;margin:0 0 8px;font-size:1.65rem;font-weight:700}.login-subtitle{color:var(--login-text-muted);margin:0;font-size:.88rem;line-height:1.45}.login-alert{box-sizing:border-box;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.85rem;line-height:1.4;display:flex}.login-alert-error{background:var(--login-danger-bg);border:1px solid var(--login-danger-border);color:#fca5a5}.login-alert-success{background:var(--login-success-bg);border:1px solid var(--login-success-border);color:#6ee7b7}.login-form{flex-direction:column;gap:18px;display:flex}.login-input-group{flex-direction:column;gap:6px;display:flex}.login-label{color:var(--login-text);letter-spacing:.2px;font-size:.82rem;font-weight:500}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--login-text-subtle);pointer-events:none;transition:color .2s;position:absolute;left:14px}.login-input{background:var(--login-input-bg);border:1px solid var(--login-border);width:100%;color:var(--login-text);box-sizing:border-box;border-radius:10px;outline:none;padding:11px 40px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.login-input:focus{background:var(--login-surface);border-color:var(--login-border-focus);box-shadow:0 0 0 3px #6366f12e}.login-input-wrapper:focus-within .login-input-icon{color:#818cf8}.login-input::placeholder{color:var(--login-text-subtle)}.login-toggle-pw{color:var(--login-text-subtle);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .2s,background-color .2s;display:flex;position:absolute;right:12px}.login-toggle-pw:hover{color:var(--login-text);background-color:#ffffff0f}.login-options-row{color:var(--login-text-muted);justify-content:space-between;align-items:center;margin-top:-2px;font-size:.82rem;display:flex}.login-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.login-checkbox{accent-color:#4f46e5;cursor:pointer;width:15px;height:15px}.login-submit-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;margin-top:4px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-color .2s,transform .15s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #4f46e561}.login-submit-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 6px 18px #4f46e57a}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner-icon{animation:1s linear infinite spinLoader}@keyframes spinLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=520px){.admin3-login-root{padding:16px}.admin3-login-card{border-radius:16px;padding:28px 20px}.login-title{font-size:1.45rem}.login-subtitle{font-size:.84rem}.login-logo-badge{border-radius:14px;width:50px;height:50px;margin-bottom:12px}}:root{--sch-font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sch-primary-600:#5b31f4;--sch-primary-700:#4920df;--sch-primary-800:#3913bb;--sch-primary-50:#f4f3ff;--sch-primary-100:#ebe9fe;--sch-primary-200:#d9d6fe;--sch-bg-dark-1:#4c28e8;--sch-bg-dark-2:#3a1ab9;--sch-bg-dark-3:#2d1092;--sch-text-main:#0f172a;--sch-text-muted:#64748b;--sch-text-light:#94a3b8;--sch-border-light:#e2e8f0;--sch-border-focus:#6366f1;--sch-radius-sm:8px;--sch-radius-md:12px;--sch-radius-lg:18px;--sch-radius-xl:26px}.school-admin-login-layout{width:100%;min-height:125vh;font-family:var(--sch-font-family);color:var(--sch-text-main);box-sizing:border-box;zoom:.8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;display:flex;overflow-x:hidden}.school-admin-login-layout *{box-sizing:border-box;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.school-login-left-pane{color:#fff;background:linear-gradient(145deg,#532ce6 0%,#3d1bba 50%,#2f1092 100%);flex:50%;justify-content:center;align-items:center;min-height:100vh;padding:40px 30px;display:flex;position:relative;overflow:hidden}.pane-pattern-dots{pointer-events:none;opacity:.65;background-image:radial-gradient(#ffffff26 1.2px,#0000 1.2px);background-size:26px 26px;position:absolute;inset:0}.pane-ambient-glow{pointer-events:none;filter:blur(40px);background:radial-gradient(circle,#8b5cf64d 0%,#6366f100 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:10%;left:10%}.school-left-card-wrapper{z-index:2;flex-direction:column;align-items:center;width:100%;max-width:480px;display:flex;position:relative}.school-glass-card{-webkit-backdrop-filter:blur(24px);border-radius:var(--sch-radius-xl);background:#ffffff1f;border:1px solid #ffffff38;width:100%;padding:24px;transition:transform .3s,box-shadow .3s;box-shadow:0 25px 50px -12px #12064480,inset 0 1px #ffffff40}.school-glass-card:hover{transform:translateY(-2px);box-shadow:0 30px 60px -12px #12064499,inset 0 1px #ffffff4d}.school-image-container{border-radius:var(--sch-radius-lg);background:#0f172a66;width:100%;height:220px;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000040}.school-campus-photo{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .3s;display:block}.school-glass-card:hover .school-campus-photo{transform:scale(1.03)}.school-image-loading-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#1e1b4ba6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner-loading{animation:1s linear infinite spin}.school-display-name{color:#fff;letter-spacing:-.4px;word-break:break-word;margin:18px 0 4px;font-size:1.68rem;font-weight:700;line-height:1.28}.school-display-tagline{color:#ffffffd9;margin:0 0 18px;font-size:.92rem;font-weight:400;line-height:1.45}.school-badges-list{flex-direction:column;gap:10px;display:flex}.school-badge-item{border-radius:var(--sch-radius-md);color:#fff;letter-spacing:.1px;background:#ffffff1f;border:1px solid #ffffff1a;align-items:center;gap:14px;padding:11px 16px;font-size:.92rem;font-weight:500;transition:background .2s,transform .2s;display:flex}.school-badge-item:hover{background:#ffffff2e;transform:translate(3px)}.badge-icon{color:#fffffff2;flex-shrink:0}.school-left-footer{color:#ffffffc7;justify-content:center;align-items:center;gap:8px;margin-top:24px;font-size:.86rem;font-weight:500;display:flex}.trust-shield-icon{color:#ffffffd9}.school-login-right-pane{background:#fff;flex:50%;justify-content:center;align-items:center;min-height:100vh;padding:48px 32px;display:flex}.school-right-form-container{flex-direction:column;width:100%;max-width:440px;display:flex}.panel-lock-badge{background:linear-gradient(135deg,#6038f2 0%,#4b23df 100%);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:22px;display:flex;box-shadow:0 10px 20px #6038f247}.panel-lock-icon{color:#fff}.panel-heading{color:var(--sch-text-main);letter-spacing:-.6px;margin:0 0 6px;font-size:2rem;font-weight:800;line-height:1.2}.panel-subheading{color:var(--sch-text-muted);margin:0 0 28px;font-size:.95rem;line-height:1.5}.panel-form{flex-direction:column;gap:18px;display:flex}.form-label{color:#1e293b;letter-spacing:-.1px;font-size:.88rem;font-weight:600}.input-container{border-radius:var(--sch-radius-md);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1.5px solid #e2e8f0;align-items:center;gap:12px;height:50px;padding:0 16px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #0f172a0d}.input-container:hover{border-color:#cbd5e1}.input-container:focus-within{border-color:var(--sch-border-focus);box-shadow:0 0 0 3.5px #6366f124}.input-container.input-error{border-color:#ef4444;box-shadow:0 0 0 3.5px #ef44441f}.input-icon{color:#94a3b8;flex-shrink:0;transition:color .2s}.input-container:focus-within .input-icon{color:#7c3aed}.school-admin-login-layout .form-input{flex:1;height:100%;font-family:inherit;font-size:.95rem;font-weight:500;color:#0f172a!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;-webkit-text-fill-color:#0f172a!important;caret-color:#7c3aed!important;background:#fff!important;border:none!important;outline:none!important}.school-admin-login-layout .form-input:focus,.school-admin-login-layout .form-input:active,.school-admin-login-layout .form-input:hover{color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;box-shadow:none!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:#fff!important;outline:none!important}.school-admin-login-layout .form-input:-webkit-autofill{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#0f172a!important;color:#0f172a!important;caret-color:#7c3aed!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:#fff!important;box-shadow:inset 0 0 0 9999px #fff!important}.school-admin-login-layout .form-input:-webkit-autofill:hover{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#0f172a!important;color:#0f172a!important;caret-color:#7c3aed!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:#fff!important;box-shadow:inset 0 0 0 9999px #fff!important}.school-admin-login-layout .form-input:-webkit-autofill:focus{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#0f172a!important;color:#0f172a!important;caret-color:#7c3aed!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:#fff!important;box-shadow:inset 0 0 0 9999px #fff!important}.school-admin-login-layout .form-input:-webkit-autofill:active{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#0f172a!important;color:#0f172a!important;caret-color:#7c3aed!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:#fff!important;box-shadow:inset 0 0 0 9999px #fff!important}.school-admin-login-layout .form-input::placeholder{color:#94a3b8;font-weight:400}.school-admin-login-layout .form-input:disabled{cursor:not-allowed;color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important;background:#f8fafc!important}.password-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.password-toggle-btn:hover{color:#475569}.error-message{color:#ef4444;margin-top:2px;font-size:.8rem;font-weight:500}.form-options-row{justify-content:space-between;align-items:center;margin-top:2px;margin-bottom:6px;display:flex}.remember-checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.custom-checkbox{width:17px;height:17px;accent-color:var(--sch-primary-600);cursor:pointer;border-radius:4px}.checkbox-label-text{color:#475569;font-size:.9rem;font-weight:500}.forgot-password-link{color:var(--sch-primary-600);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.9rem;font-weight:600;transition:color .15s}.forgot-password-link:hover{color:var(--sch-primary-800);text-decoration:underline}.btn-signin-dashboard{border-radius:var(--sch-radius-md);color:#fff;cursor:pointer;background:linear-gradient(135deg,#5e34f3 0%,#4a21de 100%);border:none;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;font-family:inherit;font-size:1.02rem;font-weight:600;transition:all .22s;display:flex;box-shadow:0 10px 22px #5e34f352}.btn-signin-dashboard:hover:not(:disabled){background:linear-gradient(135deg,#663bf5 0%,#4319d4 100%);transform:translateY(-1px);box-shadow:0 14px 28px #5e34f366}.btn-signin-dashboard:active:not(:disabled){transform:translateY(1px);box-shadow:0 6px 14px #5e34f347}.btn-signin-dashboard:disabled{opacity:.75;cursor:not-allowed}.btn-arrow{transition:transform .2s}.btn-signin-dashboard:hover .btn-arrow{transform:translate(4px)}.btn-spinner{animation:1s linear infinite spin}.school-tenant-banner{border-radius:var(--sch-radius-md);color:#3730a3;background:#f1f3fe;border:1px solid #e0e7ff;align-items:center;gap:12px;margin-top:6px;padding:13px 16px;font-size:.92rem;line-height:1.4;animation:.3s fadeIn;display:flex}.tenant-shield-icon{color:#4f46e5;flex-shrink:0}.school-tenant-banner strong{color:#312e81;font-weight:700}.panel-support-footer{text-align:center;color:var(--sch-text-muted);margin-top:36px;font-size:.9rem;line-height:1.5}.support-link{color:var(--sch-primary-600);font-weight:600;text-decoration:none;transition:color .15s}.support-link:hover{color:var(--sch-primary-800);text-decoration:underline}.panel-alert{border-radius:var(--sch-radius-md);align-items:flex-start;gap:12px;margin-bottom:18px;padding:12px 16px;font-size:.9rem;line-height:1.45;animation:.25s fadeIn;display:flex}.alert-icon{flex-shrink:0;margin-top:2px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:20px;width:100%;max-width:460px;padding:28px;animation:.25s cubic-bezier(.16,1,.3,1) popIn;box-shadow:0 25px 50px -12px #00000040}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-icon-badge{background:var(--sch-primary-50);width:42px;height:42px;color:var(--sch-primary-600);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-title{color:var(--sch-text-main);margin:0 0 2px;font-size:1.25rem;font-weight:700}.modal-subtitle{color:var(--sch-text-muted);margin:0;font-size:.85rem}.modal-close-button{color:var(--sch-text-light);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.modal-close-button:hover{color:var(--sch-text-main);background:#f1f5f9}.modal-instructions{color:var(--sch-text-muted);margin:0 0 18px;font-size:.9rem;line-height:1.5}.modal-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:6px;display:flex}.btn-modal-cancel{border-radius:var(--sch-radius-md);border:1.5px solid var(--sch-border-light);color:#475569;cursor:pointer;background:#fff;padding:10px 18px;font-family:inherit;font-size:.92rem;font-weight:600;transition:all .15s}.btn-modal-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.btn-modal-submit{border-radius:var(--sch-radius-md);color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b31f4 0%,#4920df 100%);border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.92rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 8px 18px #5b31f447}.btn-modal-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #5b31f45c}.btn-modal-submit:disabled{opacity:.7;cursor:not-allowed}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=1024px){.school-login-left-pane{padding:32px 20px}.school-glass-card{padding:20px}.school-image-container{height:190px}.school-login-right-pane{padding:36px 24px}}@media (width<=860px){.school-admin-login-layout{flex-direction:column;min-height:auto}.school-login-left-pane{flex:none;min-height:auto;padding:40px 20px 32px}.school-left-card-wrapper{max-width:440px}.school-login-right-pane{flex:none;min-height:auto;padding:36px 20px 48px}}.school-sidebar-root{z-index:100;color:#f1f5f9;will-change:width, min-width;background:linear-gradient(#0d1527 0%,#090f1d 100%);border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:60px;min-width:60px;max-width:60px;height:100dvh;font-family:inherit;transition:width .28s cubic-bezier(.4,0,.2,1),min-width .28s cubic-bezier(.4,0,.2,1),max-width .28s cubic-bezier(.4,0,.2,1),box-shadow .28s;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:2px 0 12px #00000040}.school-sidebar-root>*{box-sizing:border-box;width:100%}@media (width>=1025px){.school-sidebar-root:hover{width:225px!important;min-width:225px!important;max-width:225px!important;box-shadow:6px 0 30px #00000080!important}}.school-sidebar-root.sidebar-pinned-open{width:225px!important;min-width:225px!important;max-width:225px!important;box-shadow:4px 0 24px #00000059!important}.school-sidebar-root.sidebar-pinned-open .school-sidebar-brand{box-sizing:border-box!important;background:#0f172a!important;border-bottom:1px solid #ffffff14!important;justify-content:flex-start!important;height:66px!important;min-height:66px!important;max-height:66px!important;padding:0 16px!important}.school-sidebar-root.sidebar-pinned-open .brand-meta{display:flex!important}.school-sidebar-root.sidebar-pinned-open .sidebar-admission-cta{width:100%!important}.school-sidebar-root.sidebar-pinned-open .cta-text{display:inline-block!important}.school-sidebar-root.sidebar-pinned-open .school-sidebar-nav{padding:6px 8px 18px!important}.school-sidebar-root.sidebar-pinned-open .nav-group-label{display:flex!important}.school-sidebar-root.sidebar-pinned-open .sidebar-nav-item{justify-content:flex-start!important;height:38px!important;padding:7px 10px!important}.school-sidebar-root.sidebar-pinned-open .item-label{display:inline-block!important}.school-sidebar-root.sidebar-pinned-open .item-badge{display:inline-flex!important}.school-sidebar-root.sidebar-pinned-open .item-expand-chevron{display:inline-block!important}.school-sidebar-root.sidebar-pinned-open .sidebar-submodules-tree{display:flex!important}.school-sidebar-root.sidebar-collapsed{opacity:0!important;visibility:hidden!important;pointer-events:none!important;border-left:none!important;border-right:none!important;width:0!important;min-width:0!important;max-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.school-sidebar-brand{box-sizing:border-box;white-space:nowrap;background:#0f172a;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;gap:12px;height:66px;min-height:66px;max-height:66px;padding:0 10px;transition:padding .28s,justify-content .28s;display:flex;overflow:hidden}.school-sidebar-root:hover .school-sidebar-brand{box-sizing:border-box;background:#0f172a;border-bottom:1px solid #ffffff14;justify-content:flex-start;height:66px;min-height:66px;max-height:66px;padding:0 16px}.brand-logo-box{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#3b82f6 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;animation:4s ease-in-out infinite floatSlow;display:flex;box-shadow:0 4px 16px #6366f173}.brand-logo-icon{filter:drop-shadow(0 2px 4px #0003)}.brand-meta{white-space:nowrap;flex-direction:column;flex:1;gap:3px;min-width:0;display:none;overflow:hidden}.school-sidebar-root:hover .brand-meta{display:flex}.brand-school-name{color:#fff;white-space:normal;word-break:break-word;letter-spacing:-.2px;margin:0;font-size:13px;font-weight:700;line-height:1.25}.brand-sub-tags{flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;margin-top:3px;display:flex}.sid-pill-tag{color:#a5b4fc;letter-spacing:.5px;white-space:nowrap;background:#6366f138;border:1px solid #a5b4fc4d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.2;display:inline-flex}.city-pill-tag{color:#94a3b8;white-space:nowrap;text-overflow:clip;flex-shrink:0;align-items:center;gap:3.5px;font-size:10.5px;line-height:1.2;display:inline-flex;overflow:visible}.sidebar-cta-wrap{box-sizing:border-box;flex-shrink:0;justify-content:center;padding:10px 12px 6px;display:flex}.sidebar-admission-cta{color:#fff;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:38px;height:36px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex;overflow:hidden;box-shadow:0 2px 8px #10b98140}.school-sidebar-root:hover .sidebar-admission-cta,.school-sidebar-root.sidebar-pinned-open .sidebar-admission-cta{width:100%!important}.sidebar-admission-cta:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 3px 12px #10b98159}.sidebar-admission-cta.active-cta{outline-offset:1px;outline:2px solid #34d399;box-shadow:0 0 12px #34d39966}.cta-icon-glow{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cta-fa-icon{align-items:center;font-size:12px;display:inline-flex}.cta-text{white-space:nowrap;line-height:1;display:none}.school-sidebar-root:hover .cta-text{display:inline-block}.school-sidebar-nav{flex-direction:column;flex:1;gap:5px;min-height:0;padding:6px 6px 18px;transition:padding .28s;display:flex;overflow:hidden auto}.school-sidebar-root:hover .school-sidebar-nav{padding:6px 8px 18px}.nav-group-label{text-transform:uppercase;letter-spacing:.85px;white-space:nowrap;-webkit-user-select:none;user-select:none;border-top:1px solid #ffffff0f;align-items:center;gap:7px;margin-top:6px;padding:12px 8px 5px;font-size:10px;font-weight:700;transition:all .2s;display:none;overflow:hidden}.nav-group-label:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 8px}.nav-group-label:first-child{border-top:none;margin-top:0;padding-top:2px}.school-sidebar-root:hover .nav-group-label,.school-sidebar-root.sidebar-pinned-open .nav-group-label{display:flex!important}.label-academics{text-shadow:0 0 12px #38bdf859;color:#38bdf8!important}.label-finance{text-shadow:0 0 12px #34d39959;color:#34d399!important}.label-system{text-shadow:0 0 12px #c084fc59;color:#c084fc!important}.nav-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.sidebar-nav-item{color:#94a3b8;cursor:pointer;text-align:left;white-space:nowrap;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:38px;padding:8px 0;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.school-sidebar-root:hover .sidebar-nav-item{justify-content:flex-start;height:38px;padding:7px 10px}.sidebar-nav-item:hover{color:#f8fafc;background:#ffffff0f;transform:translate(2px)}.sidebar-nav-item.nav-item-active{color:#fff;background:linear-gradient(90deg,#6366f133 0%,#3b82f61a 100%);border-color:#6366f159;font-weight:600;box-shadow:0 4px 16px #6366f133}.sidebar-nav-item.nav-item-active:before{content:"";background:linear-gradient(#818cf8,#3b82f6);border-radius:0 3px 3px 0;width:3.5px;position:absolute;top:18%;bottom:18%;left:0;box-shadow:0 0 8px #818cf8cc}.item-icon-wrap{color:#94a3b8;flex-shrink:0;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;font-size:14px;transition:all .2s;display:flex}.item-fa-icon{font-size:14px;transition:transform .2s,color .2s}.sidebar-nav-item:hover .item-icon-wrap,.sidebar-nav-item:hover .item-fa-icon{color:#818cf8;transform:scale(1.08)}.sidebar-nav-item.nav-item-active .item-icon-wrap,.sidebar-nav-item.nav-item-active .item-fa-icon{color:#818cf8}.item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;line-height:1.25;display:none;overflow:hidden}.school-sidebar-root:hover .item-label{display:inline-block}.item-badge{border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700;line-height:1;display:none;box-shadow:0 2px 6px #0003}.school-sidebar-root:hover .item-badge{display:inline-flex}.badge-primary{color:#fff;background:linear-gradient(135deg,#4f46e5,#3b82f6)}.badge-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.badge-warning{color:#1e293b;background:#f59e0b}.item-chevron{display:none}.item-expand-chevron{color:#64748b;flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1),color .15s;display:none}.school-sidebar-root:hover .item-expand-chevron{display:inline-block}.item-expand-chevron.chevron-expanded{color:#818cf8;transform:rotate(180deg)}.sidebar-expandable-group{flex-direction:column;gap:2px;display:flex}.sidebar-submodules-tree{border-left:1.5px solid #6366f140;flex-direction:column;gap:4px;margin:3px 0 6px 10px;padding:3px 0 3px 8px;list-style:none;display:none}.school-sidebar-root:hover .sidebar-submodules-tree{display:flex}.sidebar-submodule-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;width:100%;min-height:31px;padding:6px 9px;font-size:12px;font-weight:500;transition:all .16s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.tree-branch-symbol{display:none}.submodule-fa-icon{color:#64748b;text-align:center;flex-shrink:0;width:16px;font-size:12px;transition:all .2s}.submodule-text{letter-spacing:-.1px;white-space:normal;word-break:normal;flex:1;font-size:12px;line-height:1.3;overflow:visible}.sidebar-submodule-item:hover{color:#fff;background:#ffffff0f;transform:translate(2px)}.sidebar-submodule-item:hover .submodule-fa-icon,.sidebar-submodule-item:hover .tree-branch-symbol{color:#818cf8}.sidebar-submodule-item.submodule-active{color:#fff;background:#6366f12e;border-color:#6366f159;font-weight:600;box-shadow:0 2px 10px #6366f126}.sidebar-submodule-item.submodule-active .submodule-fa-icon{color:#38bdf8}.sidebar-submodule-item.submodule-active .tree-branch-symbol{color:#818cf8}.school-sidebar-nav::-webkit-scrollbar{width:4px}.school-sidebar-nav::-webkit-scrollbar-track{background:0 0}.school-sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.school-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#6366f173}.school-sidebar-root::-webkit-scrollbar{width:4px}.school-sidebar-root::-webkit-scrollbar-track{background:0 0}.school-sidebar-root::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}@media (width<=1024px){.school-sidebar-root{z-index:1050;height:100dvh;box-shadow:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);opacity:1!important;visibility:visible!important;width:280px!important;min-width:280px!important;margin-left:0!important}.school-sidebar-root.sidebar-open-mobile{pointer-events:auto;transform:translate(0);box-shadow:14px 0 45px #000000bf}.school-sidebar-root.sidebar-collapsed{pointer-events:none;opacity:1!important;visibility:visible!important;width:280px!important;min-width:280px!important;margin-left:0!important;transform:translate(-100%)!important}}.id-card-wrapper{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:440px;margin:0 auto;display:flex}.id-card-actions-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex}.id-card-title-meta{color:#e2e8f0;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.shield-green{color:#10b981}.id-card-btn-group{align-items:center;gap:8px;display:flex}.btn-card-action{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.btn-flip{color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff1f}.btn-flip:hover{color:#fff;background:#ffffff29}.btn-print-primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 2px 8px #2563eb59}.btn-print-primary:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px)}.id-card-preview-area{perspective:1000px;justify-content:center;width:100%;padding:10px 0;display:flex}.id-card-3d-flipper{width:380px;height:240px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.id-card-3d-flipper.is-flipped{transform:rotateY(180deg)}.id-card-container{backface-visibility:hidden;color:#0f172a;-webkit-user-select:none;user-select:none;background:#fff;border-radius:14px;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 12px 30px #00000073,inset 0 0 0 1px #ffffff26}.card-front{z-index:2;background:linear-gradient(135deg,#f8fafc 0%,#fff 60%,#f1f5f9 100%);transform:rotateY(0)}.card-back{color:#f8fafc;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);justify-content:space-between;padding:12px 16px;transform:rotateY(180deg)}.id-card-header{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 70%,#1e40af 100%);border-bottom:3px solid #eab308;align-items:center;gap:10px;padding:10px 14px;display:flex;position:relative}.id-header-emblem{color:#facc15;background:#ffffff26;border-radius:8px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;display:flex}.school-emblem-img{object-fit:cover;border-radius:8px;width:100%;height:100%}.id-header-text{flex:1;overflow:hidden}.id-school-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;margin:0;font-size:13.5px;font-weight:700;overflow:hidden}.id-school-sub{color:#93c5fd;margin:0;font-size:10px;font-weight:500}.id-card-watermark-tag{color:#facc15;letter-spacing:.8px;background:#eab30833;border:1px solid #facc1566;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.id-card-body{flex:1;align-items:center;gap:14px;padding:10px 14px 6px;display:flex}.id-photo-wrapper{flex-direction:column;align-items:center;gap:4px;display:flex}.id-photo-frame{background:#e2e8f0;border:2px solid #2563eb;border-radius:8px;justify-content:center;align-items:center;width:76px;height:86px;display:flex;overflow:hidden;box-shadow:0 3px 8px #00000026}.id-student-img{object-fit:cover;width:100%;height:100%}.id-photo-placeholder{color:#94a3b8}.id-blood-badge{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:9.5px;font-weight:700;display:inline-flex}.id-details-block{flex-direction:column;flex:1;gap:3px;display:flex;overflow:hidden}.id-student-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;font-size:14px;font-weight:700;overflow:hidden}.id-student-sid-pill{background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;align-items:center;gap:4px;width:fit-content;margin-bottom:3px;padding:1px 6px;display:inline-flex}.sid-label{color:#1d4ed8;font-size:9px;font-weight:700}.sid-val{color:#1e3a8a;letter-spacing:.3px;font-size:10.5px;font-weight:800}.id-fields-grid{grid-template-columns:1fr 1fr;gap:2px 6px;font-size:10.5px;display:grid}.id-field-item{white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:4px;display:flex;overflow:hidden}.id-field-item.full-span{grid-column:span 2}.f-label{color:#64748b;font-size:9.5px;font-weight:600}.f-val{color:#1e293b;font-weight:600}.highlight-val{color:#2563eb;font-weight:700}.contact-val{color:#059669;font-weight:700}.id-card-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:flex-end;padding:4px 14px 6px;display:flex}.id-barcode-simulation{flex-direction:column;gap:1px;display:flex}.barcode-lines{background:repeating-linear-gradient(90deg,#0f172a,#0f172a 1.5px,#0000 1.5px 3px,#0f172a 3px 4.5px,#0000 4.5px 7px);width:130px;height:14px}.barcode-text{color:#475569;letter-spacing:1px;font-family:monospace;font-size:8px;font-weight:700}.id-signature-block{flex-direction:column;align-items:center;gap:1px;display:flex}.signature-line-drawn{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20'%3E%3Cpath d='M5,15 Q30,5 55,14 T95,10' fill='none' stroke='%231e3a8a' stroke-width='1.5'/%3E%3C/svg%3E") 50%/contain no-repeat;border-bottom:1px solid #cbd5e1;width:85px;height:12px}.id-signature-crop-box{justify-content:center;align-items:flex-end;width:95px;height:26px;display:flex;overflow:visible}.id-real-signature-img{object-fit:contain;filter:contrast(1.15);transform-origin:bottom;max-width:95px;max-height:26px;margin:0 auto;display:block}.signature-empty-spacer{height:14px}.signature-label{color:#64748b;text-transform:uppercase;font-size:8px;font-weight:600}.id-back-header{color:#60a5fa;border-bottom:1px solid #ffffff1a;align-items:center;gap:6px;padding-bottom:4px;font-size:11px;font-weight:700;display:flex}.id-back-content{flex-direction:column;flex:1;justify-content:space-around;gap:4px;display:flex}.id-rules-list{color:#cbd5e1;margin:0;padding-left:14px;font-size:9px;line-height:1.35}.id-back-qr-box{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:12px;padding:5px 8px;display:flex}.qr-sim-wrap{color:#0f172a;background:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;padding:3px;display:flex;box-shadow:0 2px 6px #0000004d}.barcode-real-svg{max-width:125px;height:26px;display:block}.qr-real-img{object-fit:contain;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;display:block}.qr-text-info{flex-direction:column;gap:2px;display:flex}.qr-verify-badge{color:#34d399;align-items:center;gap:4px;font-size:10px;font-weight:700;display:inline-flex}.qr-meta-txt{color:#94a3b8;font-size:8.5px}.qr-scan-hint{color:#38bdf8;font-size:7.5px;font-weight:600}.id-emergency-contact-card{background:#2563eb1a;border:1px solid #60a5fa33;border-radius:6px;padding:5px 8px}.emergency-title{color:#93c5fd;text-transform:uppercase;font-size:8.5px;font-weight:700}.emergency-address,.emergency-phone{color:#e2e8f0;align-items:center;gap:4px;font-size:8.5px;display:flex}.id-back-footer{color:#64748b;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:4px;font-family:monospace;font-size:8px;display:flex}@media print{@page{size:auto;margin:10mm}body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;margin:0!important;padding:0!important}body *{visibility:hidden!important}.no-print,body.has-id-card-print-target .id-card-wrapper:not(.id-card-print-target){display:none!important}.id-card-print-target,.id-card-print-target .id-card-preview-area,.id-card-print-target .id-card-preview-area *,body:not(.has-id-card-print-target) .id-card-preview-area,body:not(.has-id-card-print-target) .id-card-preview-area *{visibility:visible!important}.id-card-wrapper{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.id-card-preview-modal-overlay,.id-card-preview-modal-box{box-shadow:none!important;background:0 0!important;border:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;position:static!important}.id-card-print-target .id-card-preview-area,body:not(.has-id-card-print-target) .id-card-preview-area{width:100%!important;max-width:none!important;box-shadow:none!important;perspective:none!important;background:0 0!important;border:none!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;margin:0!important;padding:20px 0!important;display:flex!important;position:absolute!important;top:0!important;left:0!important}.id-card-3d-flipper{transform-style:flat!important;perspective:none!important;flex-flow:wrap!important;justify-content:center!important;align-items:center!important;gap:24px!important;width:100%!important;max-width:820px!important;height:auto!important;min-height:auto!important;margin:0 auto!important;padding:0!important;display:flex!important;position:static!important;transform:none!important}.id-card-container{width:380px!important;min-width:380px!important;max-width:380px!important;height:240px!important;min-height:240px!important;max-height:240px!important;box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;-webkit-user-select:none!important;user-select:none!important;border:1.5px dashed #64748b!important;border-radius:12px!important;flex-direction:column!important;display:flex!important;position:relative!important;inset:auto!important;overflow:hidden!important}.card-front{backface-visibility:visible!important;visibility:visible!important;z-index:1!important;background:linear-gradient(135deg,#f8fafc 0%,#fff 60%,#f1f5f9 100%)!important;display:flex!important;transform:none!important}.card-back{backface-visibility:visible!important;visibility:visible!important;z-index:1!important;color:#f8fafc!important;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)!important;justify-content:space-between!important;padding:12px 16px!important;display:flex!important;transform:none!important}.id-card-header,.id-back-header,.id-emergency-contact-card,.id-photo-frame,.id-blood-badge,.id-header-emblem,.id-watermark-tag,.id-barcode-simulation,.barcode-real-svg,.qr-sim-wrap,.qr-real-img,.qr-verify-badge,.qr-meta-txt,.qr-scan-hint,.emergency-title,.emergency-address,.emergency-phone,.id-back-footer,.signature-line-drawn,.id-real-signature-img,.id-student-img{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;visibility:visible!important}}.admission-module-wrapper{flex-direction:column;gap:20px;width:100%;display:flex}.admission-hero-card{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex;box-shadow:0 8px 30px #00000040}.hero-text-side{max-width:650px}.admission-tagline{color:#60a5fa;background:#2563eb26;border:1px solid #60a5fa4d;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.admission-main-heading{color:#fff;letter-spacing:-.4px;margin:0 0 6px;font-size:24px;font-weight:800}.admission-subtext{color:#94a3b8;margin:0;font-size:13.5px;line-height:1.5}.admission-subtext strong{color:#f1f5f9}.live-id-preview-box{text-align:center;background:#0f172acc;border:1.5px dashed #60a5fa66;border-radius:12px;min-width:250px;padding:16px 20px;box-shadow:0 4px 20px #0000004d}.live-id-label{color:#94a3b8;letter-spacing:.8px;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.live-id-value{color:#38bdf8;letter-spacing:.5px;justify-content:center;align-items:center;gap:8px;font-family:monospace;font-size:18px;font-weight:800;display:flex}.btn-refresh-id{color:#94a3b8;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;align-items:center;padding:4px;transition:all .15s;display:flex}.btn-refresh-id:hover{color:#fff;background:#fff3}.live-id-note{color:#64748b;margin-top:4px;font-size:10.5px;display:block}.admission-alert-error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:13.5px;font-weight:500;display:flex}.admission-form-grid{flex-direction:column;gap:20px;display:flex}.form-section-card{background:#0f172a;border:1px solid #ffffff14;border-radius:14px;padding:22px 24px;position:relative;overflow:visible;box-shadow:0 4px 20px #0003}.section-card-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.section-icon-box{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.icon-academic{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.icon-upload{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.icon-parent{background:linear-gradient(135deg,#10b981,#059669)}.icon-address{background:linear-gradient(135deg,#f59e0b,#d97706)}.icon-previous{background:linear-gradient(135deg,#64748b,#475569)}.section-card-title{color:#f1f5f9;margin:0 0 2px;font-size:16px;font-weight:700}.section-card-subtitle{color:#94a3b8;margin:0;font-size:12.5px}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-6{grid-column:span 6}.field-label{color:#cbd5e1;letter-spacing:.2px;font-size:12px;font-weight:600}.field-label.required:after{content:" *";color:#ef4444}.form-input,.form-select,.form-textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px;transition:all .15s ease-in-out;color:#fff!important;background:#02061799!important}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640;background:#020617d9!important}.form-select option{color:#fff;background:#0f172a}.form-input:-webkit-autofill{-webkit-background-clip:text;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 20px 20px #020617!important}.form-input:-webkit-autofill:hover{-webkit-background-clip:text;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 20px 20px #020617!important}.form-input:-webkit-autofill:focus{-webkit-background-clip:text;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 20px 20px #020617!important}.form-input:-webkit-autofill:active{-webkit-background-clip:text;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 20px 20px #020617!important}.photo-docs-grid{grid-template-columns:200px 1fr;gap:24px;display:grid}.photo-upload-box{flex-direction:column;align-items:center;gap:10px;display:flex}.photo-preview-frame{background:#020617b3;border:2px dashed #ffffff2e;border-radius:12px;justify-content:center;align-items:center;width:150px;height:170px;display:flex;overflow:hidden;box-shadow:0 4px 14px #00000040}.photo-preview-img{object-fit:cover;width:100%;height:100%}.photo-empty-state{color:#64748b;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:10px;font-size:11.5px;display:flex}.btn-file-label{color:#60a5fa;cursor:pointer;background:#2563eb2e;border:1px solid #60a5fa4d;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-file-label:hover{color:#93c5fd;background:#2563eb4d}.doc-tiles-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.doc-tile{background:#02061766;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.doc-tile-info{align-items:center;gap:10px;display:flex;overflow:hidden}.doc-icon{color:#818cf8;min-width:18px}.doc-tile-info strong{color:#f1f5f9;font-size:12.5px;display:block}.doc-tile-info span{color:#94a3b8;font-size:11px}.btn-doc-upload{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;padding:5px 12px;font-size:11.5px;font-weight:600;transition:all .15s}.btn-doc-upload:hover{color:#fff;background:#ffffff26}.automation-preview-card{background:linear-gradient(135deg,#2563eb1a 0%,#10b98114 100%);border:1.5px solid #60a5fa4d}.automation-banner-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.shield-gold{color:#fbbf24}.auto-title{color:#fff;margin:0 0 2px;font-size:15px;font-weight:700}.auto-desc{color:#cbd5e1;margin:0;font-size:12px}.automation-steps-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.auto-step-box{background:#0f172ab3;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.step-badge{color:#60a5fa;text-transform:uppercase;font-size:9.5px;font-weight:800}.auto-step-box strong{color:#f8fafc;font-size:12.5px}.auto-step-box span{color:#94a3b8;font-size:11px;line-height:1.35}.admission-action-bar{justify-content:flex-end;align-items:center;gap:14px;padding:16px 0;display:flex}.btn-cancel-admission{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn-cancel-admission:hover{color:#fff;background:#ffffff24}.btn-submit-admission{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;align-items:center;gap:10px;padding:12px 28px;font-size:14.5px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 16px #10b98166}.btn-submit-admission:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 6px 24px #10b9818c}.btn-submit-admission:disabled{opacity:.65;cursor:not-allowed}.btn-submit-admission.btn-already-admitted,.btn-primary-action.btn-already-admitted{color:#34d399!important;box-shadow:none!important;opacity:.95!important;cursor:not-allowed!important;background:#10b98126!important;border:1px solid #10b98166!important}.admission-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admission-success-dialog{background:linear-gradient(#0f172a 0%,#090f1d 100%);border:1.5px solid #10b98166;border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:600px;max-height:90vh;padding:30px;display:flex;overflow-y:auto;box-shadow:0 20px 50px #0009,0 0 40px #10b98126}.success-dialog-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.success-trophy-icon{color:#34d399;background:#10b98126;border:2px solid #10b981;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 0 20px #10b9814d}.success-dialog-title{color:#fff;margin:0;font-size:22px;font-weight:800}.success-dialog-subtitle{color:#94a3b8;margin:0;font-size:13.5px;line-height:1.4}.success-metrics-grid{background:#02061799;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;padding:16px;display:grid}.metric-pill{flex-direction:column;gap:3px;display:flex}.m-label{color:#64748b;text-transform:uppercase;font-size:9.5px;font-weight:700}.m-val{color:#f1f5f9;font-size:14px;font-weight:700}.highlight-green{color:#34d399;font-family:monospace;font-weight:800}.highlight-blue{color:#60a5fa}.success-action-buttons{flex-direction:column;gap:10px;display:flex}.btn-success-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 14px #2563eb66}.btn-success-primary:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%)}.btn-success-secondary{color:#34d399;cursor:pointer;background:#10b98126;border:1px solid #10b9814d;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.btn-success-secondary:hover{color:#6ee7b7;background:#10b98140}.btn-success-ghost{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:10px;padding:10px;font-size:13px;font-weight:600;transition:all .15s}.btn-success-ghost:hover{color:#fff;background:#ffffff14}.inline-id-card-wrapper{background:#0006;border:1px solid #ffffff1a;border-radius:14px;margin-top:10px;padding:14px}.inline-id-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.inline-title{color:#cbd5e1;font-size:13px;font-weight:700}.btn-close-inline-card{color:#94a3b8;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:4px}.btn-close-inline-card:hover{color:#fff;background:#fff3}@media (width<=860px){.admission-hero-card{flex-direction:column;align-items:stretch;gap:16px;padding:18px 20px}.live-id-preview-box{width:100%;min-width:0}.admission-action-bar{flex-direction:column-reverse;align-items:stretch;gap:10px}.btn-cancel-admission,.btn-submit-admission{justify-content:center;width:100%}.photo-docs-grid,.automation-steps-grid,.form-row-grid{grid-template-columns:1fr}.col-span-1,.col-span-2,.col-span-3,.col-span-4,.col-span-6{grid-column:span 1}}.hero-excel-btn-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.btn-hero-excel-import{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #10b98166;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #10b9814d}.btn-hero-excel-import:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 12px #10b98173}.btn-hero-sample-template{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-hero-sample-template:hover{color:#fff;background:#ffffff26;border-color:#ffffff40}.batch-toast-alert{color:#6ee7b7;background:#10b9812e;border:1px solid #10b98173;border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-size:13.5px;font-weight:600;display:flex;box-shadow:0 4px 16px #10b98126}.batch-navigator-card{background:linear-gradient(135deg,#1e293bd9 0%,#0f172af2 100%);border:1.5px solid #38bdf866;border-radius:16px;padding:18px 24px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006,0 0 20px #38bdf81a}.batch-navigator-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.batch-navigator-info{flex-direction:column;gap:6px;display:flex}.batch-stepper-counter{align-items:center;gap:10px;display:flex}.batch-badge-pulse{color:#34d399;text-transform:uppercase;letter-spacing:.5px;background:#10b98133;border:1px solid #10b98166;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.batch-position-text{color:#cbd5e1;font-size:13px}.batch-position-text strong{color:#38bdf8;font-weight:800}.batch-current-name{color:#fff;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:800;display:flex}.admitted-chip{color:#34d399;background:#10b98133;border:1px solid #10b98166;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.batch-summary-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip-stat{border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:600}.chip-success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.chip-pending{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.chip-info{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.batch-navigator-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stepper-btn-group{background:#02061780;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:6px;padding:4px;display:flex}.btn-batch-nav{color:#f1f5f9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-batch-nav:hover:not(:disabled){color:#fff;background:#38bdf833;border-color:#38bdf866}.btn-batch-nav:disabled{opacity:.35;cursor:not-allowed}.btn-batch-admit-all{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:1px solid #f59e0b80;border-radius:10px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 10px #f59e0b4d}.btn-batch-admit-all:hover:not(:disabled){background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-1px);box-shadow:0 4px 14px #f59e0b73}.btn-batch-admit-all:disabled{opacity:.65;cursor:not-allowed}.btn-batch-exit{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:5px;padding:8px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-batch-exit:hover:not(:disabled){color:#fca5a5;background:#ef444440}.batch-progress-bar-wrap{background:#ffffff1a;border-radius:3px;width:100%;height:6px;margin-top:14px;overflow:hidden}.batch-progress-bar-fill{background:linear-gradient(90deg,#10b981 0%,#38bdf8 100%);border-radius:3px;height:100%;transition:width .3s}fieldset:disabled .form-input,fieldset:disabled .form-select,fieldset:disabled .form-textarea,.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.85;cursor:not-allowed;color:#e2e8f0!important;background:#0f172a8c!important;border-color:#ffffff14!important}.statement-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172ad9;justify-content:center;align-items:flex-start;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.statement-modal-container{flex-direction:column;gap:16px;width:100%;max-width:900px;margin:0 auto;display:flex}.statement-toolbar{background:#1e293b;border:1px solid #ffffff1f;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;box-shadow:0 10px 25px -5px #00000080}.toolbar-title{color:#f8fafc;margin:0;font-size:15px;font-weight:700}.toolbar-subtitle{color:#94a3b8;font-size:12px;display:block}.toolbar-actions{align-items:center;gap:10px;display:flex}.btn-statement-print{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:7px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #4f46e559}.btn-statement-print:hover{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);transform:translateY(-1px)}.btn-statement-close{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-statement-close:hover{color:#fff;background:#ffffff2e}.statement-sheet{color:#1e293b;background:#fff;border-radius:12px;padding:40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-shadow:0 25px 50px -12px #0006}.sheet-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.sheet-brand{align-items:center;gap:16px;display:flex}.sheet-logo{object-fit:contain;border-radius:8px;width:64px;height:64px}.sheet-logo-fallback{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.sheet-school-name{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:20px;font-weight:800}.sheet-school-details{color:#64748b;gap:6px;margin-bottom:6px;font-size:11px;display:flex}.sheet-doc-badge{text-transform:uppercase;letter-spacing:.08em;color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.sheet-doc-title-box{text-align:right}.sheet-doc-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 4px;font-size:17px;font-weight:800}.sheet-statement-period{color:#2563eb;font-size:11px;font-weight:600;display:block}.sheet-gen-stamp{color:#94a3b8;margin-top:2px;font-size:10px;display:block}.sheet-divider-solid{background:#0f172a;height:2px;margin:18px 0}.sheet-student-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:1.3fr 1.3fr 1.4fr;gap:16px;margin-bottom:18px;padding:16px 20px;display:grid}.student-card-col{flex-direction:column;gap:6px;display:flex}.info-field{font-size:12px;line-height:1.4}.field-label{color:#64748b;margin-right:6px;font-size:11px;font-weight:500}.field-val{color:#0f172a}.highlight-name{color:#0f172a;font-size:14px;font-weight:800}.card-current-balance-box{text-align:right;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;align-items:flex-end;padding:10px 14px;display:flex}.bal-box-label{letter-spacing:.05em;color:#64748b;font-size:10px;font-weight:700}.bal-box-amount{font-family:monospace;font-size:18px;font-weight:800}.bal-box-status{border-radius:4px;margin-top:4px;padding:2px 6px;font-size:10px;font-weight:700}.status-dues{color:#dc2626;background:#fee2e2}.sheet-finance-kpi-bar{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;padding:12px 18px;display:flex}.kpi-block{flex-direction:column;gap:2px;display:flex}.kpi-label{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:600}.kpi-value{font-size:13px;font-weight:700}.kpi-divider{background:#cbd5e1;width:1px;height:28px}.sheet-transactions-section{margin-bottom:24px}.sheet-section-heading{letter-spacing:.06em;color:#475569;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:800}.sheet-ledger-table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}.sheet-ledger-table th{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#0f172a;border:1px solid #0f172a;padding:7px 10px;font-size:10px;font-weight:700}.sheet-ledger-table td{color:#334155;border:1px solid #e2e8f0;padding:8px 10px}.sheet-ledger-table tr:nth-child(2n){background:#f8fafc}.sheet-ledger-table .row-credit{background:#f0fdf4}.opening-row{font-style:italic;background:#f1f5f9!important}.type-tag{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-block}.type-charge{color:#991b1b;background:#fee2e2}.type-payment{color:#166534;background:#dcfce7}.type-discount{color:#5b21b6;background:#ede9fe}.type-refund{color:#9a3412;background:#ffedd5}.type-opening{color:#334155;background:#e2e8f0}.payment-mode-label{color:#64748b;margin-left:4px;font-size:10px}.empty-row{text-align:center;color:#94a3b8;padding:24px;font-style:italic}.sheet-signatures-footer{justify-content:space-between;align-items:flex-end;margin-top:40px;padding-top:20px;display:flex}.sig-block{text-align:center;width:180px}.sig-line{border-top:1px dashed #64748b;margin-bottom:6px}.sig-title{color:#1e293b;font-size:11px;font-weight:700;display:block}.sig-meta{color:#64748b;font-size:9px;display:block}.stamp-placeholder{text-align:center;border:1px dashed #94a3b8;border-radius:6px;justify-content:center;align-items:center;width:130px;height:60px;padding:6px;display:flex}.stamp-placeholder span{color:#94a3b8;letter-spacing:.05em;font-size:9px;font-weight:700}.sheet-disclaimer{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:10px}.sheet-disclaimer p{color:#94a3b8;text-align:center;margin:0;font-size:9px;line-height:1.4}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-muted{color:#94a3b8}.text-dark{color:#0f172a}.text-charcoal{color:#334155}.text-green{color:#16a34a}.text-red{color:#dc2626}.text-purple{color:#7c3aed}.text-orange{color:#ea580c}@media print{body *{visibility:hidden}.statement-modal-overlay,.statement-modal-container{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important}#printable-student-statement,#printable-student-statement *{visibility:visible}#printable-student-statement{width:100%;margin:0;padding:12mm 15mm;position:absolute;top:0;left:0;box-shadow:none!important;color:#000!important;background:#fff!important;border-radius:0!important}.no-print{display:none!important}.sheet-ledger-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#fff!important;background:#1e293b!important}.sheet-ledger-table tr{page-break-inside:avoid}.sheet-signatures-footer{page-break-inside:avoid;margin-top:25px}}.student-fee-ledger-root{flex-direction:column;gap:20px;width:100%;display:flex;transform:none!important}.ledger-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.kpi-card{background:#1e293b99;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:6px;padding:16px;transition:transform .2s,border-color .2s;display:flex;position:relative}.kpi-card:hover{border-color:#ffffff29;transform:translateY(-2px)}.kpi-card-opening{border-top:3px solid #6366f1}.kpi-card-charges{border-top:3px solid #f59e0b}.kpi-card-paid{border-top:3px solid #10b981}.kpi-card-discount{border-top:3px solid #a855f7}.kpi-header{justify-content:space-between;align-items:center;display:flex}.kpi-title{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-size:11px;font-weight:600}.kpi-amount{color:#fff;letter-spacing:-.01em;font-size:16px;font-weight:800}.kpi-note{color:#64748b;font-size:10px;line-height:1.3}.kpi-status-badge{border-radius:6px;width:fit-content;margin-top:2px;padding:2px 8px;font-size:10px;font-weight:700}.badge-dues{color:#f87171;background:#ef444433;border:1px solid #ef44444d}.badge-cleared{color:#34d399;background:#10b98133;border:1px solid #10b9814d}.badge-advance{color:#818cf8;background:#6366f133;border:1px solid #6366f14d}.ledger-controls-panel{background:#0f172aa6;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:14px;padding:16px;display:flex}.ledger-filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ledger-search-box{flex:1;min-width:220px;position:relative}.ledger-search-box .search-icon{color:#64748b;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ledger-input{color:#fff;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:8px 30px 8px 32px;transition:all .2s}.ledger-input:focus{background:#1e293bf2;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.search-clear-btn{color:#64748b;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.date-range-group{background:#1e293b80;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:4px 10px;display:flex}.date-input-wrap{align-items:center;gap:5px;display:flex}.date-label{color:#94a3b8;font-size:11px;font-weight:500}.ledger-date-input{color:#f8fafc;cursor:pointer;background:0 0;border:none;outline:none;padding:4px 0;font-family:monospace;font-size:11px}.preset-chips-wrap{align-items:center;gap:6px;display:flex}.preset-chip{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:500;transition:all .15s}.preset-chip:hover{color:#fff;background:#ffffff1a}.preset-active{font-weight:600;color:#a5b4fc!important;background:#6366f133!important;border-color:#6366f166!important}.dropdown-filter-wrap{min-width:150px}.ledger-select{color:#f8fafc;cursor:pointer;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:8px 12px}.ledger-select:focus{border-color:#6366f1}.ledger-actions-row{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding-top:10px;display:flex}.btn-ledger-action{cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-record-pay{color:#fff;background:#10b981;box-shadow:0 4px 12px #10b98140}.btn-record-pay:hover{background:#059669;transform:translateY(-1px)}.btn-adjust-fee{color:#d8b4fe;background:#a855f726;border-color:#a855f74d}.btn-adjust-fee:hover{color:#f3e8ff;background:#a855f740}.btn-print-statement{color:#c7d2fe;background:#6366f126;border-color:#6366f14d}.btn-print-statement:hover{color:#fff;background:#6366f140;transform:translateY(-1px)}.ledger-table-container{background:#0f172a99;border:1px solid #ffffff14;border-radius:14px;overflow-x:auto}.ledger-table-grid{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.ledger-table-grid th{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#1e293be6;border-bottom:1px solid #ffffff1a;padding:12px 14px;font-size:11px;font-weight:700}.ledger-table-grid td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:12px 14px}.ledger-row:hover{background:#ffffff06}.row-payment-credit{background:#10b98108}.ledger-row-opening{background:#6366f114;border-bottom:2px solid #6366f14d!important}.type-badge{text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.badge-charge{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-payment{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-discount{color:#d8b4fe;background:#a855f726;border:1px solid #a855f74d}.badge-refund{color:#fb923c;background:#ea580c26;border:1px solid #ea580c4d}.badge-latefine{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.badge-opening{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d}.ledger-desc-cell{flex-direction:column;gap:2px;display:flex}.entry-desc{font-size:12px;line-height:1.3}.entry-sub-method{color:#64748b;font-size:10px}.status-pill{border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.status-partial{color:#60a5fa;background:#3b82f626}.status-waived,.status-discounted,.status-discount{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.status-advance{color:#818cf8;background:#6366f12e;border:1px solid #6366f159}.status-arrears,.status-previous-dues{color:#f87171;background:#ef44442e;border:1px solid #ef444459}.status-baseline{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b840}.ledger-empty-row{text-align:center;padding:48px 16px!important}.empty-wrap{flex-direction:column;justify-content:center;align-items:center;display:flex}.ledger-loading-state,.ledger-error-state{background:#0f172a80;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.ledger-spinner{border:3px solid #ffffff1a;border-top-color:#6366f1;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.btn-ledger-retry{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:6px 14px;font-size:11px;font-weight:600}.ledger-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172ad9;justify-content:center;align-items:flex-start;padding:28px 16px 40px;display:flex;position:fixed;inset:0;overflow-y:auto}.ledger-modal-box{background:#0f172a;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:520px;max-height:calc(100vh - 56px);margin:10px auto 30px;padding:20px 22px;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #000000d9}.ledger-modal-box::-webkit-scrollbar{width:5px}.ledger-modal-box::-webkit-scrollbar-track{background:0 0}.ledger-modal-box::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.ledger-modal-box::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modal-top-header{justify-content:space-between;align-items:center;display:flex}.btn-modal-close{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.modal-student-strip{background:#1e293bb3;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex}.strip-name{color:#e2e8f0;font-weight:600}.strip-due{color:#94a3b8}.strip-due strong{color:#f87171}.modal-alert{border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.alert-success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.alert-error{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.modal-form{flex-direction:column;gap:11px;display:flex}.form-input,.form-select{color:#fff;background:#1e293bcc;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:8px 12px;font-size:12px}.form-input:focus,.form-select:focus{border-color:#6366f1}.modal-actions-footer{justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;display:flex}.btn-cancel{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:9px;padding:8px 16px;font-size:12px;font-weight:600}.btn-cancel:hover{color:#fff;background:#ffffff1f}.btn-submit{color:#fff;cursor:pointer;border:none;border-radius:9px;padding:8px 18px;font-size:12px;font-weight:700;transition:all .2s}.btn-submit-pay{background:#10b981}.btn-submit-pay:hover{background:#059669}.btn-submit-adj{background:#8b5cf6}.btn-submit-adj:hover{background:#7c3aed}.btn-submit-op{color:#0f172a;background:#f59e0b}.btn-submit-op:hover{color:#fff;background:#d97706}.btn-opening-balance{color:#fcd34d;background:#f59e0b26;border-color:#f59e0b59}.btn-opening-balance:hover{color:#fef3c7;background:#f59e0b40;transform:translateY(-1px)}.kpi-btn-edit-op{color:#a5b4fc;cursor:pointer;background:#6366f133;border:1px solid #6366f166;border-radius:6px;padding:1px 7px;font-size:10px;font-weight:600;transition:all .15s}.kpi-btn-edit-op:hover{color:#fff;background:#6366f166}.opening-type-selector{grid-template-columns:1fr 1fr;gap:10px;display:grid}.opening-type-btn{cursor:pointer;color:#e2e8f0;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px;transition:all .2s;display:flex}.opening-type-btn:hover{background:#1e293be6;border-color:#fff3}.opening-type-btn.active-debit{color:#fff;background:#ef444426;border-color:#ef4444;box-shadow:0 0 12px #ef444433}.opening-type-btn.active-credit{color:#fff;background:#10b98126;border-color:#10b981;box-shadow:0 0 12px #10b98133}.type-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:4px}.debit-dot{background:#ef4444}.credit-dot{background:#10b981}.opening-preview-callout{background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:8px;align-items:flex-start;gap:8px;margin-top:2px;padding:7px 10px;display:flex}.row-opening-balance{background:#f59e0b0d}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.profile-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.profile-modal-box{background:linear-gradient(#0f172a 0%,#090f1d 100%);border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #000000a6}.loading-box,.error-box{text-align:center;justify-content:center;align-items:center;gap:16px;max-width:400px;padding:40px}.profile-spinner{border:3px solid #ffffff1a;border-top-color:#3b82f6;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.profile-modal-header{background:#0f172acc;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.student-hero-group{align-items:center;gap:16px;display:flex;overflow:hidden}.student-avatar-frame{background:#020617cc;border:2px solid #3b82f6;border-radius:14px;justify-content:center;align-items:center;width:58px;min-width:58px;height:58px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000004d}.avatar-img{object-fit:cover;width:100%;height:100%}.avatar-fallback{color:#64748b}.student-hero-text{flex-direction:column;gap:4px;display:flex;overflow:hidden}.hero-name-row{align-items:center;gap:10px;display:flex}.student-hero-name{color:#fff;letter-spacing:-.3px;margin:0;font-size:19px;font-weight:800}.status-pill{text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.pill-left{color:#f87171;background:#ef444433;border:1px solid #ef444466}.pill-transferred{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b66}.hero-meta-row{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.hero-sid-tag{color:#60a5fa;background:#2563eb40;border-radius:4px;padding:1px 6px;font-family:monospace;font-weight:800}.hero-class-tag,.hero-roll-tag,.hero-date-tag{color:#cbd5e1;align-items:center;gap:4px;display:inline-flex}.modal-header-actions{align-items:center;gap:8px;display:flex}.btn-header-action{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-edit-student{color:#60a5fa;background:#2563eb33;border:1px solid #60a5fa4d}.btn-edit-student:hover{color:#fff;background:#2563eb59}.btn-close-modal{color:#94a3b8;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:flex}.profile-finance-ribbon{background:#02061780;border-bottom:1px solid #ffffff0f;grid-template-columns:repeat(4,1fr);gap:12px;padding:12px 24px;display:grid}.finance-metric{flex-direction:column;gap:2px;display:flex}.f-ribbon-label{color:#64748b;letter-spacing:.5px;font-size:10px;font-weight:700}.f-ribbon-val{color:#f1f5f9;font-size:15px;font-weight:800}.color-balance{color:#fb7185}.color-cleared{color:#34d399}.color-paid{color:#38bdf8}.f-ribbon-structure{color:#a78bfa;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.profile-tabs-nav{background:#0f172a80;border-bottom:1px solid #ffffff14;align-items:center;gap:6px;padding:8px 24px;display:flex;overflow-x:auto}.profile-tab-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.profile-tab-btn:hover{color:#fff;background:#ffffff0d}.profile-tab-btn.tab-active{color:#60a5fa;background:#2563eb33;border-color:#60a5fa4d}.profile-tab-content{flex:1;padding:20px 24px;overflow-y:auto}.overview-cards-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.overview-card{background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;padding:16px 18px}.card-heading{color:#93c5fd;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:8px;font-size:13.5px;font-weight:700;display:flex}.detail-list{flex-direction:column;gap:8px;display:flex}.detail-row{justify-content:space-between;font-size:12.5px;display:flex}.d-label{color:#94a3b8;font-weight:500}.d-val{color:#f1f5f9;text-align:right;font-weight:600}.d-badge-blood{color:#f87171;background:#ef444433;border-radius:4px;padding:1px 6px;font-weight:700}.font-contact{font-family:monospace}.highlight-emerg{color:#34d399;font-weight:700}.ledger-controls-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ledger-meta-title strong{color:#f1f5f9;font-size:14px;display:block}.ledger-meta-title span{color:#94a3b8;font-size:12px}.btn-add-payment{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #10b98159}.payment-alert-box{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.record-payment-card{background:#020617b3;border:1.5px solid #10b9814d;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px 20px;display:flex}.pay-form-title{color:#34d399;margin:0;font-size:14px;font-weight:700}.pay-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.col-full{grid-column:span 2}.pay-group{flex-direction:column;gap:4px;display:flex}.pay-label{color:#cbd5e1;font-size:11.5px;font-weight:600}.pay-input,.pay-select{color:#fff;background:#0f172acc;border:1px solid #ffffff1f;border-radius:6px;outline:none;padding:8px 10px;font-size:13px}.btn-submit-pay{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:700}.ledger-table-wrap{background:#0f172a99;border:1px solid #ffffff14;border-radius:10px;overflow:hidden}.ledger-table{border-collapse:collapse;width:100%;font-size:12.5px}.ledger-table th{color:#94a3b8;text-align:left;background:#02061799;border-bottom:1px solid #ffffff14;padding:10px 14px;font-weight:600}.ledger-table td{color:#f1f5f9;border-bottom:1px solid #ffffff0a;padding:10px 14px}.receipt-code{color:#60a5fa;font-family:monospace}.txn-badge{border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.txn-pay{color:#34d399;background:#10b98126}.txn-bill{color:#60a5fa;background:#2563eb26}.desc-cell{color:#cbd5e1}.status-pill-sm{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.status-pending{color:#fbbf24;background:#f59e0b33}.status-paid{color:#34d399;background:#10b98133}.green-amt{color:#34d399;font-weight:700}.red-amt{color:#f87171;font-weight:700}.text-right{text-align:right}.balance-cell{font-weight:700}.docs-grid-view{grid-template-columns:1fr 1fr;gap:16px;display:grid}.doc-item-box{background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:14px;padding:16px;display:flex}.doc-icon-large{color:#818cf8}.doc-meta-info{flex-direction:column;flex:1;gap:2px;display:flex}.doc-meta-info strong{color:#f1f5f9;font-size:13px}.doc-meta-info span{color:#94a3b8;font-size:11.5px}.btn-view-doc{color:#60a5fa;background:#2563eb33;border:1px solid #60a5fa4d;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s}.btn-view-doc:hover{color:#fff;background:#2563eb59}.doc-absent-tag{color:#64748b;background:#ffffff0d;border-radius:4px;padding:4px 8px;font-size:11px}.status-form-box{background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:16px;max-width:600px;padding:20px;display:flex}.status-form-header{align-items:center;gap:12px;display:flex}.status-clock-icon{color:#fbbf24}.status-form-header h4{color:#fff;margin:0 0 2px;font-size:15px}.status-form-header p{color:#94a3b8;margin:0;font-size:12.5px}.status-alert-box{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.status-fields-row{flex-direction:column;gap:12px;display:flex}.s-group{flex-direction:column;gap:6px;display:flex}.s-label{color:#cbd5e1;font-size:12px;font-weight:600}.s-select,.s-textarea{color:#fff;background:#020617b3;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:10px;font-size:13.5px}.btn-update-status{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;padding:10px 20px;font-size:13.5px;font-weight:700}@media (width<=768px){.profile-finance-ribbon{grid-template-columns:1fr 1fr}.overview-cards-grid,.docs-grid-view{grid-template-columns:1fr}}.student-print-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#030712d1;flex-direction:column;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.student-print-container{flex-direction:column;gap:16px;width:100%;max-width:880px;margin:0 auto;padding-bottom:40px;display:flex}.student-print-toolbar{z-index:100;-webkit-backdrop-filter:blur(10px);background:#0f172af2;border:1px solid #ffffff1f;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex;position:sticky;top:0;box-shadow:0 10px 25px -5px #00000080}.print-toolbar-info{align-items:center;gap:12px;display:flex}.toolbar-icon-badge{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.toolbar-title-text h3{color:#fff;letter-spacing:-.2px;margin:0;font-size:15px;font-weight:700}.toolbar-title-text p{color:#94a3b8;margin:2px 0 0;font-size:12px}.print-toolbar-actions{align-items:center;gap:10px;display:flex}.btn-dossier-print{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #2563eb59}.btn-dossier-print:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb73}.btn-dossier-close{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-dossier-close:hover{color:#f87171;background:#ef444433;border-color:#ef444466}.student-dossier-sheet{color:#0f172a;background:#fff;border-radius:8px;padding:32px 36px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.45;box-shadow:0 20px 40px #0006}.dossier-header{border-bottom:2px solid #0f172a;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:16px;display:flex}.dossier-brand{align-items:center;gap:16px;display:flex}.dossier-logo{object-fit:contain;border-radius:8px;width:68px;height:68px}.dossier-logo-fallback{color:#fff;background:#1e293b;border-radius:8px;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.dossier-school-name{color:#0f172a;text-transform:uppercase;letter-spacing:.3px;margin:0 0 4px;font-size:20px;font-weight:800}.dossier-school-meta{color:#475569;flex-wrap:wrap;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.dossier-inst-badge{color:#1e293b;text-transform:uppercase;letter-spacing:.5px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-block}.dossier-doc-badge-box{text-align:right;flex-shrink:0}.dossier-doc-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#0f172a;border-radius:6px;margin-bottom:6px;padding:6px 14px;font-size:13px;font-weight:800;display:inline-block}.dossier-reg-num{color:#1e293b;margin-bottom:2px;font-size:12.5px}.dossier-reg-num strong{color:#2563eb;font-family:monospace;font-size:14px}.dossier-print-date{color:#64748b;font-size:11px}.dossier-identity-hero{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:stretch;gap:20px;margin-top:16px;margin-bottom:18px;padding:16px;display:flex}.dossier-hero-data{flex:1;grid-template-columns:repeat(3,1fr);gap:12px 16px;display:grid}.hero-cell{flex-direction:column;gap:2px;display:flex}.hero-cell-full{grid-column:1/-1}.hero-lbl{text-transform:uppercase;color:#64748b;letter-spacing:.3px;font-size:11px;font-weight:600}.hero-val{color:#0f172a;font-size:13px;font-weight:700}.hero-val.name-highlight{color:#1e3a8a;font-size:17px}.hero-val.status-active{color:#15803d}.hero-val.status-left{color:#b91c1c}.dossier-photo-box{text-align:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:110px;padding:4px;display:flex}.dossier-student-img{object-fit:cover;border-radius:4px;width:100px;height:110px}.dossier-photo-placeholder{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:110px;font-size:10.5px;font-weight:600;display:flex}.dossier-section{margin-bottom:16px}.section-header-bar{color:#1e293b;text-transform:uppercase;letter-spacing:.5px;background:#f1f5f9;border-left:4px solid #2563eb;border-radius:0 4px 4px 0;margin-bottom:8px;padding:6px 12px;font-size:12px;font-weight:800}.dossier-grid-4{background:#fff;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:repeat(4,1fr);gap:8px 12px;padding:10px 14px;display:grid}.dossier-grid-3{background:#fff;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:8px 12px;padding:10px 14px;display:grid}.dossier-grid-2{background:#fff;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:repeat(2,1fr);gap:8px 12px;padding:10px 14px;display:grid}.info-item{flex-direction:column;gap:2px;display:flex}.info-item.col-span-2{grid-column:span 2}.info-item.col-span-3{grid-column:span 3}.info-item.col-span-4{grid-column:span 4}.item-label{color:#64748b;font-size:11px;font-weight:600}.item-value{color:#0f172a;word-break:break-word;font-size:12.5px;font-weight:600}.item-value.font-mono{font-family:monospace}.item-value.highlight-red{color:#dc2626;font-weight:700}.item-value.highlight-green{color:#16a34a;font-weight:700}.dossier-signatures{justify-content:space-between;gap:20px;margin-top:32px;padding-top:14px;display:flex}.signature-box{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.signature-line{border-top:1.5px solid #0f172a;width:80%;margin-bottom:6px}.sig-title{color:#0f172a;text-transform:uppercase;font-size:11px;font-weight:700}.sig-subtitle{color:#64748b;font-size:10px}.dossier-footer-note{color:#94a3b8;text-align:center;border-top:1px dashed #cbd5e1;justify-content:space-between;align-items:center;margin-top:24px;padding-top:10px;font-size:10px;display:flex}@media print{body *{visibility:hidden}.no-print{display:none!important}.student-print-overlay,.student-print-container{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important}#printable-student-dossier,#printable-student-dossier *{visibility:visible}#printable-student-dossier{width:100%;margin:0;padding:10mm 12mm;font-size:12px;position:absolute;top:0;left:0;box-shadow:none!important;color:#000!important;background:#fff!important;border-radius:0!important}.section-header-bar{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#f1f5f9!important;border-left:4px solid #1e3a8a!important}.dossier-identity-hero{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#f8fafc!important;border:1px solid #cbd5e1!important}.dossier-doc-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#fff!important;background:#0f172a!important}.dossier-section{page-break-inside:avoid}.dossier-signatures{page-break-inside:avoid;margin-top:25px}}.idcard-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;box-sizing:border-box;background:#0a0f1dd1;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.idcard-modal-container{background:#0f172a;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;width:100%;max-width:980px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009,0 0 0 1px #ffffff0d}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.idcard-modal-header{background:#1e293b99;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-title-group{align-items:center;gap:12px;display:flex}.modal-title-icon{color:#34d399;background:linear-gradient(135deg,#10b98133,#065f4666);border:1px solid #10b9814d;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.modal-heading{color:#fff;margin:0;font-size:1.05rem;font-weight:700}.modal-subheading{color:#94a3b8;margin:2px 0 0;font-size:.78rem}.modal-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.modal-close-btn:hover{color:#f87171;background:#ef444433;border-color:#ef44444d}.idcard-modal-body{flex:1;grid-template-columns:420px 1fr;display:grid;overflow:hidden}.preview-column{background:#0f172a99;border-right:1px solid #ffffff14;flex-direction:column;padding:20px;display:flex;overflow-y:auto}.preview-sticky-wrap{flex-direction:column;gap:14px;display:flex}.preview-badge-header{justify-content:space-between;align-items:center;display:flex}.live-pill{color:#34d399;letter-spacing:.05em;background:#10b98126;border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:6px;padding:3px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.live-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulseLive;box-shadow:0 0 8px #10b981}@keyframes pulseLive{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.preview-hint{color:#64748b;font-size:.72rem}.card-render-container{transform-origin:top;margin:0 auto}.controls-column{background:#0b1120;flex-direction:column;display:flex;overflow:hidden}.controls-tab-bar{background:#0f172acc;border-bottom:1px solid #ffffff14;gap:4px;padding:10px 20px 0;display:flex}.tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.tab-btn:hover{color:#f1f5f9}.tab-btn.active-tab{color:#10b981;border-bottom-color:#10b981}.tab-pane-content{flex-direction:column;flex:1;gap:16px;padding:18px 24px;display:flex;overflow-y:auto}.form-section-card{background:#1e293b66;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.section-label{color:#f1f5f9;align-items:center;gap:7px;font-size:.86rem;font-weight:700;display:flex}.section-help-txt{color:#94a3b8;margin:0 0 6px;font-size:.74rem}.palette-grid{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;box-shadow:0 2px 6px #0000004d}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected-swatch{border-color:#fff;transform:scale(1.15);box-shadow:0 0 0 3px #fff3}.swatch-check{color:#fff}.custom-color-picker-wrap{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:3px 8px 3px 5px;display:flex}.native-color-input{cursor:pointer;background:0 0;border:none;border-radius:50%;width:24px;height:24px;padding:0}.custom-color-label{color:#cbd5e1;cursor:pointer;font-size:.75rem}.modal-text-input{color:#f8fafc;box-sizing:border-box;background:#0f172ab3;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:8px 12px;font-size:.85rem;transition:all .15s}.modal-text-input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 2px #10b98133}.field-hint{color:#64748b;margin-top:2px;font-size:.7rem}.toggle-list{flex-direction:column;gap:10px;margin-top:4px;display:flex}.custom-checkbox-row{cursor:pointer;background:#0f172a80;border:1px solid #ffffff0d;border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.custom-checkbox-row:hover{background:#0f172acc}.custom-checkbox-row input[type=checkbox]{accent-color:#10b981;cursor:pointer;width:16px;height:16px;margin-top:3px}.checkbox-label-text{flex-direction:column;gap:1px;display:flex}.checkbox-label-text strong{color:#e2e8f0;font-size:.82rem}.checkbox-label-text small{color:#94a3b8;font-size:.72rem}.rules-header-row{justify-content:space-between;align-items:center;display:flex}.rules-editor-list{flex-direction:column;gap:8px;margin-top:4px;display:flex}.rule-item-row{align-items:center;gap:8px;display:flex}.rule-number-badge{color:#94a3b8;background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:flex}.rule-text-input{color:#f1f5f9;box-sizing:border-box;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:7px 10px;font-size:.8rem}.rule-text-input:focus{border-color:#10b981;outline:none}.rule-delete-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.rule-delete-btn:hover{color:#f87171;background:#ef444433;border-color:#ef44444d}.add-rule-box{gap:8px;margin-top:8px;display:flex}.add-rule-input{color:#f8fafc;background:#0f172ae6;border:1px dashed #fff3;border-radius:8px;flex:1;padding:8px 12px;font-size:.82rem}.add-rule-input:focus{border-style:solid;border-color:#10b981;outline:none}.btn-add-rule{color:#34d399;cursor:pointer;white-space:nowrap;background:#10b98126;border:1px solid #10b9814d;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-add-rule:hover:not(:disabled){color:#fff;background:#10b98140}.btn-add-rule:disabled{opacity:.5;cursor:not-allowed}.form-group-item{flex-direction:column;gap:4px;display:flex}.input-field-label{color:#cbd5e1;font-size:.78rem;font-weight:600}.idcard-modal-footer{background:#0f172ae6;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.btn-modal-reset{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-modal-reset:hover{color:#fff;background:#ffffff0f}.footer-right-actions{align-items:center;gap:10px;display:flex}.btn-modal-cancel{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .15s}.btn-modal-cancel:hover{color:#fff;background:#ffffff0f}.btn-modal-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 4px 12px #10b98159}.btn-modal-save:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px)}.btn-modal-save.btn-save-success{background:#059669}.btn-modal-save:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.idcard-modal-body{grid-template-columns:1fr;overflow-y:auto}.preview-column{border-bottom:1px solid #ffffff14;border-right:none}}.student-mgmt-container{flex-direction:column;gap:20px;width:100%;display:flex}.student-kpi-ribbon{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.kpi-pill-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .2s;display:flex;box-shadow:0 4px 14px #00000040}.icon-teal{background:linear-gradient(135deg,#14b8a6,#0f766e)}.icon-gold{background:linear-gradient(135deg,#f59e0b,#d97706)}.student-tabs-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:8px 12px;display:flex}.tab-btn.tab-btn-active{color:#fff;background:#2563eb2e;border-color:#60a5fa4d;font-weight:700}.tab-counter{color:#cbd5e1;background:#ffffff1a;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.tab-badge-auto{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:6px;padding:2px 6px;font-size:9px;font-weight:800}.btn-quick-admission{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 4px 14px #10b98159}.btn-quick-admission:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px)}.tab-view-directory{flex-direction:column;gap:1px;display:flex}.directory-filter-bar{background:#0f172a80;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:12px 16px;display:flex}.search-box-form{background:#020617b3;border:1px solid #ffffff1f;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:280px;padding:6px 12px;display:flex}.search-box-form .search-icon{color:#64748b;flex-shrink:0;position:static;transform:none}.search-box-form .search-input{border:none;outline:none;flex:1;padding:4px 0;font-size:13px;color:#fff!important;background:0 0!important}.btn-search-submit{color:#60a5fa;cursor:pointer;background:#2563eb40;border:1px solid #60a5fa4d;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.filters-row{align-items:center;gap:10px;display:flex}.filter-select{color:#fff;cursor:pointer;background:#020617b3;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:8px 12px;font-size:12.5px;font-weight:500}.filter-select option{background:#0f172a}.btn-refresh-list{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;align-items:center;padding:9px;display:flex}.btn-refresh-list:hover{color:#fff;background:#ffffff26}.student-table-card{-webkit-overflow-scrolling:touch;background:#0f172aa6;border:1px solid #ffffff14;border-radius:14px;overflow-x:auto;box-shadow:0 8px 30px #0000004d}.student-data-table{border-collapse:collapse;text-align:left;width:100%;min-width:820px}.student-data-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;background:#020617b3;border-bottom:1px solid #ffffff14;padding:14px 16px;font-size:11.5px;font-weight:700}.student-data-table td{color:#f1f5f9;vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:14px 16px;font-size:13px}.student-row-item{transition:all .2s cubic-bezier(.16,1,.3,1)}.student-row-item:hover td{background:#6366f114}.student-row-item:hover td:first-child{border-left:3px solid #818cf8}.student-name-cell{align-items:center;gap:12px;display:flex}.table-avatar{color:#60a5fa;background:#2563eb33;border:1.5px solid #60a5fa4d;border-radius:10px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.t-avatar-img{object-fit:cover;width:100%;height:100%}.t-name-meta{flex-direction:column;gap:2px;display:flex}.t-full-name{color:#fff;font-size:13.5px;font-weight:700}.t-full-name.clickable:hover{color:#60a5fa;cursor:pointer;text-decoration:underline}.t-sub-info{color:#94a3b8;font-size:11.5px}.student-id-badge{color:#60a5fa;letter-spacing:.3px;background:#2563eb26;border:1px solid #60a5fa4d;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:11.5px;font-weight:800}.student-id-badge.clickable:hover{color:#fff;cursor:pointer;background:#2563eb4d}.class-section-tag{flex-direction:column;gap:2px;display:flex}.class-section-tag strong{color:#f1f5f9;font-size:13px}.sec-label{color:#94a3b8;font-size:11px}.roll-pill{color:#cbd5e1;background:#ffffff0f;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:12px}.parent-cell-meta{flex-direction:column;gap:2px;display:flex}.p-name{color:#e2e8f0;font-weight:600}.p-phone{color:#94a3b8;font-family:monospace;font-size:11.5px}.fee-cell-meta{flex-direction:column;gap:2px;display:flex}.balance-val{font-size:13px;font-weight:700}.fee-status-tag{color:#94a3b8;font-size:10.5px}.table-actions-group{align-items:center;gap:6px;display:inline-flex}.btn-t-action{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.btn-view-profile{color:#60a5fa;background:#2563eb26;border-color:#60a5fa40}.btn-view-profile:hover{color:#fff;background:#2563eb4d}.btn-edit-record{color:#cbd5e1;background:#ffffff14;border-color:#ffffff1f}.btn-edit-record:hover{color:#fff;background:#ffffff26}.btn-idcard-action{color:#34d399;background:#10b98126;border-color:#10b98140}.btn-idcard-action:hover{color:#fff;background:#10b9814d}.btn-delete-student{color:#f87171;background:#ef444426;border-color:#f8717140}.btn-delete-student:hover{color:#fff;background:#ef44444d}.btn-delete-student:disabled{opacity:.5;cursor:not-allowed}.btn-restore-student{color:#34d399;background:#10b98126;border-color:#10b98140}.btn-restore-student:hover{color:#fff;background:#10b9814d}.btn-restore-student:disabled{opacity:.5;cursor:not-allowed}.btn-bulk-restore{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.btn-bulk-restore:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px)}.pill-deleted{color:#f87171!important;background:#ef444426!important;border:1px solid #ef44444d!important}.table-empty-row{text-align:center;padding:48px 20px!important}.table-empty-content{flex-direction:column;justify-content:center;align-items:center;display:flex}.table-empty-title,.table-empty-row strong{color:#f1f5f9;justify-content:center;align-items:center;gap:8px;margin:0 0 6px;font-size:16px;font-weight:700;display:inline-flex}.table-empty-title .alert-muted{color:#94a3b8;flex-shrink:0}.table-empty-row p{color:#94a3b8;margin:0 0 16px;font-size:13px}.btn-admit-empty{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:700}.table-loading-spinner{border:3px solid #ffffff1a;border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;margin:0 auto 12px;animation:.8s linear infinite spin}.table-pagination-footer{background:#02061799;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.pagination-info{color:#94a3b8;font-size:12.5px}.pagination-buttons{align-items:center;gap:12px;display:flex}.btn-page-nav{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.btn-page-nav:hover:not(:disabled){color:#fff;background:#ffffff26}.page-indicator{color:#cbd5e1;font-size:12.5px}.idcard-hub-banner,.fee-hub-banner{background:#0f172a99;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:18px 24px;display:flex}.idcard-hub-title,.fee-hub-title{color:#fff;margin:0 0 4px;font-size:17px;font-weight:800}.idcard-hub-sub,.fee-hub-sub{color:#94a3b8;margin:0;font-size:13px}.btn-customize-idcard{color:#34d399;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b98133 0%,#0596694d 100%);border:1px solid #10b98166;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-customize-idcard:hover{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 14px #10b98166}.fee-hub-summary-pill{background:#2563eb26;border:1px solid #60a5fa4d;border-radius:10px;flex-direction:column;align-items:flex-end;padding:8px 16px;display:flex}.fee-hub-summary-pill span{color:#93c5fd;font-size:11px}.fee-hub-summary-pill strong{color:#fff;font-size:16px}.idcards-grid-display{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px;display:grid}.idcard-grid-item-card{background:#0f172a80;border:1px solid #ffffff14;border-radius:16px;padding:16px}.fee-accounts-table-wrap{-webkit-overflow-scrolling:touch;background:#0f172aa6;border:1px solid #ffffff14;border-radius:14px;overflow-x:auto}@media (width<=900px){.student-kpi-ribbon{grid-template-columns:1fr 1fr}}@media (width<=640px){.student-kpi-ribbon,.idcards-grid-display{grid-template-columns:1fr}.idcard-hub-banner,.fee-hub-banner{flex-direction:column;align-items:flex-start;gap:14px;padding:14px 16px}.student-tabs-header{flex-direction:column;align-items:stretch;gap:10px}.tabs-group{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.directory-filter-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.search-box-form{width:100%;min-width:0}.filters-row{flex-wrap:wrap;width:100%}.filter-select{flex:1;min-width:120px}}.attendance-mgmt-container{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;display:flex}.attendance-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;display:grid}.attendance-kpi-grid .dash-stat-card{border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:16px;min-height:100px;padding:20px 22px;transition:all .28s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000004d}.attendance-kpi-grid .dash-stat-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.attendance-kpi-grid .dash-stat-card:hover:before{left:100%}.attendance-kpi-grid .dash-stat-card:hover{transform:translateY(-4px)scale(1.01)}.card-gradient-rose{background:linear-gradient(135deg,#be123c 0%,#f43f5e 50%,#fb7185 100%)}.card-gradient-rose:hover{box-shadow:0 14px 30px -4px #f43f5e80}.att-pill-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.icon-rate{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.icon-present{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.icon-absent{color:#f43f5e;background:#f43f5e26;border:1px solid #f43f5e4d}.icon-late{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.icon-notif{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.att-pill-text{flex-direction:column;gap:2px;display:flex}.att-pill-val{color:#fff;letter-spacing:-.5px;font-size:20px;font-weight:700}.att-pill-lbl{color:#94a3b8;font-size:12px;font-weight:500}.att-tabs-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.att-tabs-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.att-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.att-tab-btn:hover{color:#fff;background:#ffffff0a}.att-tab-btn.att-tab-active{color:#60a5fa;background:#3b82f61f;border-color:#3b82f659;box-shadow:0 2px 10px #3b82f626}.att-tab-badge{color:#93c5fd;background:#3b82f640;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.att-tab-badge-auto{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:6px;padding:2px 7px;font-size:10px;font-weight:800}.att-controls-card{background:linear-gradient(145deg,#131f37 0%,#172644 100%);border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:16px;padding:16px 20px;display:flex;box-shadow:0 4px 20px #0003}.att-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.att-selectors-group{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.att-select-wrapper{flex-direction:column;gap:4px;display:flex}.att-control-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.att-select-dropdown{color:#f8fafc;box-sizing:border-box;cursor:pointer;background:#0f172a;border:1px solid #ffffff1f;border-radius:8px;outline:none;min-width:170px;height:38px;padding:0 14px;font-size:13.5px;font-weight:500;transition:border-color .2s,box-shadow .2s}.att-select-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.att-date-navigator{box-sizing:border-box;background:#0f172a;border:1px solid #ffffff1f;border-radius:8px;align-items:center;height:38px;display:flex;overflow:hidden}.att-date-nav-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;height:100%;padding:0 10px;transition:all .15s;display:flex}.att-date-nav-btn:hover{color:#fff;background:#ffffff14}.att-date-input{color:#f8fafc;cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:none;outline:none;height:100%;padding:0 10px;font-size:13.5px;font-weight:600}.att-btn-today{color:#60a5fa;box-sizing:border-box;cursor:pointer;white-space:nowrap;background:#3b82f626;border:1px solid #3b82f64d;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.att-btn-today:hover{color:#fff;background:#3b82f640;border-color:#3b82f673}.att-search-box{box-sizing:border-box;background:#0f172a;border:1px solid #ffffff1f;border-radius:8px;flex:1;align-self:flex-end;align-items:center;min-width:200px;max-width:320px;height:38px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.att-search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.att-search-input{color:#f8fafc;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 8px;font-size:13px}.att-search-input::placeholder{color:#64748b}.att-bulk-bar{background:#0f172a99;border:1px solid #ffffff0f;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.att-bulk-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.att-bulk-title{color:#94a3b8;margin-right:4px;font-size:12px;font-weight:600}.btn-bulk-present{color:#34d399;cursor:pointer;background:#10b98126;border:1px solid #10b98159;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-bulk-present:hover{color:#fff;background:#10b981;box-shadow:0 2px 10px #10b9814d}.btn-bulk-absent{color:#fb7185;cursor:pointer;background:#f43f5e26;border:1px solid #f43f5e59;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-bulk-absent:hover{color:#fff;background:#f43f5e;box-shadow:0 2px 10px #f43f5e4d}.btn-bulk-late{color:#fbbf24;cursor:pointer;background:#f59e0b26;border:1px solid #f59e0b59;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-bulk-late:hover{color:#fff;background:#f59e0b;box-shadow:0 2px 10px #f59e0b4d}.btn-bulk-reset{color:#cbd5e1;cursor:pointer;background:#94a3b81a;border:1px solid #94a3b833;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-bulk-reset:hover{color:#fff;background:#ffffff1a}.att-sheet-summary-pills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sheet-pill{border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.sheet-pill.pill-pres{color:#34d399;background:#10b9811f;border:1px solid #10b98140}.sheet-pill.pill-abs{color:#fb7185;background:#f43f5e1f;border:1px solid #f43f5e40}.sheet-pill.pill-lt{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40}.sheet-pill.pill-rate{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;font-weight:700}.att-table-container{background:linear-gradient(145deg,#131f37 0%,#172644 100%);border:1px solid #ffffff14;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #0003}.att-data-table{border-collapse:collapse;text-align:left;width:100%}.att-data-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;background:#0f172abf;border-bottom:1px solid #ffffff14;padding:14px 18px;font-size:11.5px;font-weight:700}.att-data-table td{color:#e2e8f0;vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:14px 18px;font-size:13.5px}.att-row-item{transition:background .15s}.att-row-item:hover{background:#ffffff06}.att-row-item.row-present{background:#10b98105}.att-row-item.row-absent{background:#f43f5e0a}.att-row-item.row-late{background:#f59e0b08}.att-student-cell{align-items:center;gap:12px;display:flex}.att-avatar{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);border:1px solid #ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.att-avatar-img{object-fit:cover;width:100%;height:100%}.att-name-meta{flex-direction:column;gap:2px;display:flex}.att-student-name{color:#f8fafc;cursor:pointer;font-weight:600;transition:color .15s}.att-student-name:hover{color:#60a5fa;text-decoration:underline}.att-student-sub{color:#64748b;font-size:11.5px}.att-id-badge{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:5px;padding:3px 7px;font-family:monospace;font-size:11.5px;font-weight:600}.att-roll-pill{color:#93c5fd;background:#3b82f61a;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}.att-status-buttons-group{background:#0f172a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:2px;width:fit-content;padding:3px;display:flex}.att-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.att-toggle-btn:hover{color:#e2e8f0;background:#ffffff0d}.att-toggle-btn.btn-is-present{color:#fff;background:#10b981;box-shadow:0 2px 8px #10b98159}.att-toggle-btn.btn-is-absent{color:#fff;background:#f43f5e;box-shadow:0 2px 8px #f43f5e59}.att-toggle-btn.btn-is-late{color:#fff;background:#f59e0b;box-shadow:0 2px 8px #f59e0b59}.att-remark-input{color:#f8fafc;background:#0f172a;border:1px solid #ffffff14;border-radius:6px;outline:none;width:100%;max-width:180px;padding:6px 10px;font-size:12px;transition:border-color .2s}.att-remark-input:focus{border-color:#3b82f6}.att-remark-input::placeholder{color:#475569;font-style:italic}.att-student-stat-pill{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.stat-good{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.stat-medium{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.stat-low{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}.att-footer-action-bar{background:linear-gradient(145deg,#131f37 0%,#172644 100%);border:1px solid #ffffff14;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;display:flex;box-shadow:0 4px 24px #0000004d}.att-save-status-info{align-items:center;gap:10px;display:flex}.status-indicator-dot{border-radius:50%;width:10px;height:10px}.dot-saved{background:#10b981;box-shadow:0 0 10px #10b981}.dot-unsaved{background:#f59e0b;animation:1.5s infinite pulse;box-shadow:0 0 10px #f59e0b}.att-save-status-text{color:#94a3b8;font-size:13px;font-weight:500}.btn-submit-attendance{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #2563eb66}.btn-submit-attendance:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb80}.btn-submit-attendance:disabled{opacity:.6;cursor:not-allowed}.att-monthly-container{flex-direction:column;gap:18px;display:flex}.att-matrix-card{background:linear-gradient(145deg,#131f37 0%,#172644 100%);border:1px solid #ffffff14;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #0003}.matrix-scroll-wrapper{max-width:100%;overflow-x:auto}.att-matrix-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.att-matrix-table th,.att-matrix-table td{text-align:center;border:1px solid #ffffff0f;padding:8px 6px}.att-matrix-table th{color:#94a3b8;background:#0f172a;font-weight:700}.att-matrix-table th.sticky-col,.att-matrix-table td.sticky-col{z-index:2;text-align:left;background:#131f37;padding-left:14px;padding-right:14px;position:sticky;left:0;box-shadow:2px 0 6px #0003}.att-matrix-table th.col-day-hdr{min-width:28px;padding:6px 2px}.day-hdr-num{color:#f8fafc;font-size:12px;font-weight:700}.day-hdr-wk{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:600}.is-weekend-hdr{color:#f87171!important;background:#ef444414!important}.is-weekend-cell{background:#ef444408}.m-tag{border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:inline-flex}.m-tag-p{color:#34d399;background:#10b98133}.m-tag-a{color:#f43f5e;background:#f43f5e40}.m-tag-l{color:#fbbf24;background:#f59e0b40}.m-tag-empty{color:#475569;font-weight:400}.m-tag-off{color:#fbbf24;background:#f59e0b2e;border:1px solid #f59e0b59;font-weight:700}.att-btn-holiday{color:#a5b4fc;box-sizing:border-box;cursor:pointer;white-space:nowrap;background:#6366f126;border:1px solid #6366f159;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.att-btn-holiday:hover{color:#fff;background:#6366f147;border-color:#818cf8;box-shadow:0 0 14px #6366f14d}.att-weekend-badge{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:6px;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.att-offday-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef44441f 0%,#b91c1c38 100%);border:1px solid #ef444459;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 22px;display:flex;box-shadow:0 8px 24px #00000040}.att-offday-banner-left{align-items:center;gap:14px;display:flex}.att-offday-icon-wrap{color:#f87171;background:#ef444433;border:1px solid #ef444466;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.att-offday-title{color:#fca5a5;align-items:center;gap:8px;margin-bottom:3px;font-size:15px;font-weight:700;display:flex}.att-offday-desc{color:#cbd5e1;font-size:12.5px}.att-offday-btn-view{color:#fca5a5;cursor:pointer;white-space:nowrap;background:#ef444426;border:1px solid #ef444466;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.att-offday-btn-view:hover{color:#fff;background:#ef44444d;border-color:#ef4444;box-shadow:0 0 12px #ef44444d}.att-notif-container{flex-direction:column;gap:18px;display:flex}.att-notif-banner{background:linear-gradient(135deg,#a855f726 0%,#3b82f61a 100%);border:1px solid #a855f74d;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.notif-banner-text h3{color:#fff;margin:0 0 4px;font-size:15px;font-weight:700}.notif-banner-text p{color:#cbd5e1;margin:0;font-size:12.5px}.btn-dispatch-all{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9333ea 0%,#7e22ce 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.btn-dispatch-all:hover{background:#7e22ce;transform:translateY(-1px);box-shadow:0 4px 14px #9333ea66}.notif-status-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.notif-queued{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.notif-sent{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.notif-failed{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.notif-cancelled{color:#94a3b8;background:#94a3b81f;border:1px solid #94a3b833}.btn-send-single{color:#60a5fa;cursor:pointer;background:#3b82f626;border:1px solid #3b82f64d;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-send-single:hover{color:#fff;background:#2563eb}.btn-send-whatsapp{color:#25d366;cursor:pointer;background:#25d36626;border:1px solid #25d36659;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-send-whatsapp:hover{color:#fff;background:#25d366;box-shadow:0 2px 10px #25d36659}.att-analytics-root{flex-direction:column;gap:20px;width:100%;display:flex}.att-analytics-header-card{background:linear-gradient(135deg,#0f1c34 0%,#162646 100%);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:18px;padding:22px 26px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000040}.att-analytics-header-card:before{content:"";background:linear-gradient(90deg,#3b82f6,#10b981,#8b5cf6);height:2px;position:absolute;top:0;left:0;right:0}.att-header-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.att-header-title-group{align-items:center;gap:16px;display:flex}.att-header-icon-badge{color:#60a5fa;background:linear-gradient(135deg,#3b82f640 0%,#10b98140 100%);border:1px solid #3b82f666;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 16px #3b82f633}.att-header-text h2{color:#fff;letter-spacing:-.3px;align-items:center;gap:10px;margin:0 0 4px;font-size:20px;font-weight:800;display:flex}.att-live-pulse-badge{text-transform:uppercase;letter-spacing:.5px;color:#34d399;background:#10b98126;border:1px solid #10b98159;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.att-pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseGreen;box-shadow:0 0 8px #10b981}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.att-header-text p{color:#94a3b8;max-width:600px;margin:0;font-size:13px;line-height:1.4}.att-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.att-btn-refresh{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:7px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.att-btn-refresh:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.att-btn-action-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #3b82f659}.att-btn-action-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f673}.att-btn-action-secondary{color:#93c5fd;cursor:pointer;background:#0f172a99;border:1px solid #3b82f64d;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.att-btn-action-secondary:hover{background:#3b82f61f;border-color:#3b82f680}.att-submodule-nav{border-top:1px solid #ffffff0f;align-items:center;gap:8px;padding-top:14px;display:flex;overflow-x:auto}.att-nav-pill{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#0f172a80;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.att-nav-pill:hover{color:#f1f5f9;background:#ffffff0f}.att-nav-pill.active{color:#60a5fa;background:linear-gradient(135deg,#3b82f633 0%,#2563eb33 100%);border-color:#3b82f673;font-weight:700}.att-pill-badge{color:#fff;background:#ef4444;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:800}.att-analytics-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.att-kpi-card{background:linear-gradient(145deg,#121e36 0%,#162544 100%);border:1px solid #ffffff14;border-radius:14px;flex-direction:column;justify-content:space-between;gap:12px;padding:18px;transition:transform .2s,border-color .2s;display:flex;box-shadow:0 4px 20px #0003}.att-kpi-card:hover{border-color:#ffffff29;transform:translateY(-2px)}.att-kpi-top{justify-content:space-between;align-items:center;display:flex}.att-kpi-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.att-kpi-badge{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.att-kpi-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.att-kpi-value{color:#fff;margin:4px 0 2px;font-size:26px;font-weight:800;line-height:1.1}.att-kpi-sub{color:#64748b;font-size:11.5px}.att-kpi-bar{background:#ffffff14;border-radius:3px;height:5px;margin-top:6px;overflow:hidden}.att-kpi-bar-inner{border-radius:3px;height:100%;transition:width .6s}.att-insights-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.att-insight-card{background:#0f172a8c;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;display:flex}.att-insight-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.att-insight-info{flex-direction:column;flex:1;gap:2px;display:flex}.att-insight-label{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.att-insight-title{color:#fff;font-size:14px;font-weight:700}.att-insight-desc{color:#94a3b8;font-size:11.5px}.att-analytics-two-col{grid-template-columns:1.35fr 1fr;gap:20px;display:grid}@media (width<=1024px){.att-analytics-two-col{grid-template-columns:1fr}}.att-panel-card{background:linear-gradient(145deg,#121e36 0%,#162544 100%);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 6px 24px #00000038}.att-panel-header{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.att-panel-title-wrap{align-items:center;gap:10px;display:flex}.att-panel-title{color:#fff;margin:0;font-size:16px;font-weight:700}.att-panel-count-badge{color:#cbd5e1;background:#ffffff14;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.att-class-filter-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.att-class-search-box{flex:1;min-width:200px;position:relative}.att-class-search-box svg{color:#64748b;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.att-class-search-input{color:#fff;box-sizing:border-box;background:#0f172a99;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:7px 12px 7px 34px;font-size:12.5px;transition:border-color .2s}.att-class-search-input:focus{border-color:#3b82f6}.att-filter-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.att-filter-chip{color:#94a3b8;cursor:pointer;background:#0f172a66;border:1px solid #ffffff0f;border-radius:6px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .2s}.att-filter-chip:hover{color:#fff;background:#ffffff0d}.att-filter-chip.active{color:#60a5fa;background:#3b82f626;border-color:#3b82f666;font-weight:700}.att-class-cards-list{flex-direction:column;gap:10px;max-height:520px;padding-right:4px;display:flex;overflow-y:auto}.att-class-item-row{background:#0f172a73;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;gap:10px;padding:12px 16px;transition:all .2s;display:flex}.att-class-item-row:hover{background:#0f172ab3;border-color:#ffffff1a;transform:translate(2px)}.att-class-main-info{justify-content:space-between;align-items:center;gap:12px;display:flex}.att-class-name-badge{color:#f1f5f9;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.att-class-enroll-tag{color:#94a3b8;background:#ffffff0f;border-radius:8px;padding:1px 7px;font-size:11px;font-weight:500}.att-class-rate-badge{border-radius:8px;align-items:center;gap:4px;padding:3px 10px;font-size:13.5px;font-weight:800;display:inline-flex}.att-class-bar-container{align-items:center;gap:12px;display:flex}.att-class-bar-track{background:#ffffff0f;border-radius:4px;flex:1;height:8px;overflow:hidden}.att-class-bar-fill-dynamic{border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.att-class-stats-chips{color:#94a3b8;justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.att-chips-left{align-items:center;gap:12px;display:flex}.att-chip-present{color:#34d399;font-weight:600}.att-chip-absent{color:#fb7185;font-weight:600}.att-chip-late{color:#fbbf24;font-weight:600}.att-btn-take-sheet{color:#60a5fa;cursor:pointer;background:0 0;border:1px solid #3b82f64d;border-radius:6px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.att-btn-take-sheet:hover{color:#93c5fd;background:#3b82f626;border-color:#3b82f6}.att-trend-list{flex-direction:column;gap:10px;display:flex}.att-trend-day-card{background:#0f172a73;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;transition:all .2s;display:flex}.att-trend-day-card.today-card{background:#0f172ab3;border-color:#3b82f659}.att-trend-day-top{justify-content:space-between;align-items:center;display:flex}.att-trend-date-group{align-items:center;gap:8px;display:flex}.att-trend-day-name{color:#f1f5f9;font-size:12.5px;font-weight:700}.att-trend-date-sub{color:#64748b;font-size:11.5px}.att-today-tag{text-transform:uppercase;color:#60a5fa;background:#3b82f633;border:1px solid #3b82f666;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:800}.att-trend-rate-tag{font-size:13px;font-weight:800}.att-trend-bar-split{background:#ffffff0f;border-radius:3px;height:6px;display:flex;overflow:hidden}.att-split-present{background:#10b981;height:100%}.att-split-absent{background:#f43f5e;height:100%}.att-split-late{background:#f59e0b;height:100%}.att-trend-numbers{color:#94a3b8;justify-content:space-between;align-items:center;font-size:11px;display:flex}.spin-animate{animation:.8s linear infinite spinSlow}.att-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;display:grid}.att-analytics-panel{background:linear-gradient(145deg,#131f37 0%,#172644 100%);border:1px solid #ffffff14;border-radius:14px;padding:20px;box-shadow:0 4px 20px #0003}.analytics-panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.analytics-panel-title{color:#fff;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.class-perf-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.class-perf-row:last-child{border-bottom:none}.class-perf-name{color:#f1f5f9;font-size:13.5px;font-weight:600}.class-perf-bar-wrap{background:#ffffff0f;border-radius:4px;flex:1;height:8px;margin:0 16px;overflow:hidden}.class-perf-bar-fill{background:linear-gradient(90deg,#3b82f6 0%,#10b981 100%);border-radius:4px;height:100%;transition:width .5s}.class-perf-rate{color:#fff;text-align:right;min-width:48px;font-size:13px;font-weight:700}.att-success-toast{z-index:1000;background:#0f172a;border:1px solid #10b981;border-radius:12px;align-items:center;gap:12px;padding:14px 20px;animation:.3s slideInUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 30px #00000080}.toast-icon{color:#10b981}.toast-text strong{color:#fff;font-size:13.5px;display:block}.toast-text span{color:#94a3b8;font-size:12px}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media print{body *{visibility:hidden}.att-matrix-card,.att-matrix-card *{visibility:visible}.att-matrix-card{width:100%;position:absolute;top:0;left:0;color:#000!important;background:#fff!important}.att-matrix-table th,.att-matrix-table td{color:#000!important;border:1px solid #ccc!important}}.att-dash-quick-actions{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.att-quick-action-card{cursor:pointer;background:linear-gradient(145deg,#131f37 0%,#172644 100%);border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #00000040}.att-quick-action-card:hover{border-color:#60a5fa66;transform:translateY(-2px);box-shadow:0 8px 26px #2563eb40}.action-icon-circle{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.icon-bg-blue{color:#60a5fa;background:#3b82f62e;border:1px solid #3b82f659}.icon-bg-purple{color:#c084fc;background:#a855f72e;border:1px solid #a855f759}.icon-bg-orange{color:#fb923c;background:#f973162e;border:1px solid #f9731659}.icon-bg-emerald{color:#34d399;background:#10b9812e;border:1px solid #10b98159}.action-card-text{flex-direction:column;flex:1;gap:2px;display:flex}.action-card-title{color:#fff;font-size:14px;font-weight:700}.action-arrow{color:#64748b;flex-shrink:0;transition:transform .2s,color .2s}.att-quick-action-card:hover .action-arrow{color:#60a5fa;transform:translate(4px)}.att-dash-classes-card,.att-dash-trend-card{background:linear-gradient(145deg,#131f37 0%,#172644 100%);border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 4px 20px #00000040}.att-trend-grid-responsive{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.dash-classes-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.dash-classes-title{color:#fff;margin:0;font-size:16px;font-weight:700}.dash-classes-subtitle{color:#94a3b8;font-size:12px}.btn-mark-all-classes{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 10px #2563eb59}.btn-mark-all-classes:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px)}.dash-classes-table-wrap{overflow-x:auto}.dash-classes-table{border-collapse:collapse;text-align:left;width:100%}.dash-classes-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;background:#0f172a99;border-bottom:1px solid #ffffff14;padding:12px 14px;font-size:11px;font-weight:700}.dash-classes-table td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:14px;font-size:13px}.dash-classes-table tr:hover td{background:#ffffff05}.dash-class-name-cell{align-items:center;gap:10px;display:flex}.dash-class-avatar{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.dash-class-name-cell strong{color:#fff;font-size:13.5px;display:block}.dash-class-name-cell span{color:#94a3b8;font-size:11px}.dash-count-pill{color:#cbd5e1;background:#1e293b99;border:1px solid #ffffff14;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600}.dash-rate-progress-wrap{align-items:center;gap:10px;min-width:140px;display:flex}.dash-rate-bar{background:#1e293bcc;border-radius:4px;flex:1;height:6px;overflow:hidden}.dash-rate-bar-fill{border-radius:4px;height:100%;transition:width .3s}.fill-high{background:linear-gradient(90deg,#10b981,#34d399)}.fill-mid{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.fill-low{background:linear-gradient(90deg,#ef4444,#f87171)}.dash-rate-text{color:#fff;min-width:38px;font-size:12px;font-weight:700}.dash-status-badge{border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-block}.badge-active{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.btn-dash-mark-class{color:#60a5fa;cursor:pointer;background:#1e293bcc;border:1px solid #60a5fa4d;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-dash-mark-class:hover{color:#fff;background:#2563eb33;border-color:#60a5fa}.fee-management-root{color:#f1f5f9;flex-direction:column;gap:24px;width:100%;padding:4px;display:flex}.fee-page-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f172af2,#1e293be6);border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;padding:24px 28px;display:flex;box-shadow:0 10px 30px -10px #00000080}.fee-header-left{align-items:center;gap:18px;display:flex}.fee-header-icon-wrap{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 8px 20px -4px #10b98166}.fee-header-title{color:#fff;letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:700}.fee-header-subtitle{color:#94a3b8;margin:0;font-size:13px}.fee-header-actions{align-items:center;gap:12px;display:flex}.btn-fee-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #10b9814d}.btn-fee-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 18px #10b98173}.btn-fee-secondary{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-fee-secondary:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.btn-fee-warning{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #f59e0b4d}.btn-fee-warning:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 18px #f59e0b73}.fee-tabs-nav{background:#0f172a99;border:1px solid #ffffff0f;border-radius:14px;gap:8px;padding:6px;display:flex;overflow-x:auto}.fee-tab-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.fee-tab-btn:hover{color:#e2e8f0;background:#ffffff0a}.fee-tab-btn.active-tab{color:#34d399;background:linear-gradient(135deg,#10b98126,#05966940);border:1px solid #34d3994d;box-shadow:0 4px 12px #10b98126}.tab-badge-pill{color:#f87171;background:#ef444433;border:1px solid #ef44444d;border-radius:12px;padding:2px 7px;font-size:11px;font-weight:700}.fee-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.fee-kpi-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#1e293bb3,#0f172ad9);border:1px solid #ffffff14;border-radius:16px;padding:20px 22px;transition:all .25s;position:relative;overflow:hidden}.fee-kpi-card:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 28px -8px #00000073}.fee-kpi-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.fee-kpi-title{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:12px;font-weight:600}.fee-kpi-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.kpi-icon-blue{color:#60a5fa;background:#3b82f626}.kpi-icon-green{color:#34d399;background:#10b98126}.kpi-icon-yellow{color:#fbbf24;background:#f59e0b26}.kpi-icon-red{color:#f87171;background:#ef444426}.fee-kpi-val{color:#fff;letter-spacing:-.02em;margin-bottom:6px;font-size:26px;font-weight:800}.fee-kpi-footer{color:#94a3b8;justify-content:space-between;align-items:center;font-size:12px;display:flex}.kpi-rate-tag{color:#34d399;align-items:center;gap:4px;font-weight:600;display:inline-flex}.fee-dashboard-subgrid{grid-template-columns:2fr 1fr;gap:20px;display:grid}@media (width<=1024px){.fee-dashboard-subgrid{grid-template-columns:1fr}}.fee-panel-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#1e293bb3,#0f172ad9);border:1px solid #ffffff14;border-radius:16px;padding:22px 24px}.fee-panel-title-bar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.fee-panel-title{color:#fff;margin:0;font-size:16px;font-weight:700}.collection-rate-container{flex-direction:column;gap:8px;margin:16px 0;display:flex}.rate-bar-track{background:#ffffff14;border-radius:8px;width:100%;height:12px;overflow:hidden}.rate-bar-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:8px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.quick-fee-actions-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.quick-action-card-btn{color:#fff;cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px 16px;transition:all .2s;display:flex}.quick-action-card-btn:hover{background:#10b98114;border-color:#34d3994d;transform:translateY(-2px)}.action-card-icon{color:#34d399;background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.action-card-label{font-size:13px;font-weight:600}.action-card-desc{color:#94a3b8;font-size:11px}.collection-portal-layout{grid-template-columns:1.1fr 1fr;gap:24px;display:grid}@media (width<=1024px){.collection-portal-layout{grid-template-columns:1fr}}.search-student-box{background:linear-gradient(135deg,#1e293bb3,#0f172ad9);border:1px solid #ffffff14;border-radius:16px;padding:22px}.step-card-header{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:12px;display:flex}.step-badge{color:#34d399;background:#10b98126;border:1px solid #34d3994d;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.step-badge-emerald{color:#10b981;background:#10b98133;border-color:#10b98166}.step-card-header{align-items:center;gap:14px;margin-bottom:22px;display:flex}.step-header-text{flex:1;min-width:0}.step-heading{color:#fff;letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700;line-height:1.35}.step-subheading{color:#94a3b8;margin:3px 0 0;font-size:12.5px;line-height:1.4}.fee-search-bar{align-items:center;margin-bottom:16px;display:flex;position:relative}.fee-search-icon{color:#94a3b8;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:14px}.fee-search-input{color:#fff;background:#0f172acc;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:11px 40px 11px 42px;font-size:14px;transition:all .2s}.fee-search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.fee-search-clear-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex;position:absolute;right:12px}.fee-search-clear-btn:hover{color:#f87171;background:#ef444433}.collection-empty-prompt{text-align:center;background:#0f172a66;border:1px dashed #ffffff1a;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;margin:8px 0;padding:32px 20px;display:flex}.select-student-placeholder{padding:48px 24px}.empty-prompt-icon-wrap{color:#64748b;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:flex}.empty-prompt-title{color:#e2e8f0;margin:0 0 6px;font-size:14px;font-weight:700}.empty-prompt-desc{color:#94a3b8;max-width:320px;margin:0;font-size:12px;line-height:1.5}.collection-filters-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}@media (width<=640px){.collection-filters-row{grid-template-columns:1fr}}.collection-filter-item{flex-direction:column;gap:6px;display:flex}.collection-filter-label{color:#cbd5e1;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.collection-filter-select{color:#fff;cursor:pointer;background:#0f172ad9;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:all .2s}.collection-filter-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.collection-filter-select:disabled{opacity:.45;cursor:not-allowed;background:#0f172a80}.collection-count-badge{color:#34d399;white-space:nowrap;background:#10b9811f;border:1px solid #34d39940;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.collection-cards-scrollable{max-height:520px;margin-top:10px;padding-right:4px;overflow-y:auto}.collection-cards-scrollable::-webkit-scrollbar{width:6px}.collection-cards-scrollable::-webkit-scrollbar-track{background:#0f172a66;border-radius:4px}.collection-cards-scrollable::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.collection-cards-scrollable::-webkit-scrollbar-thumb:hover{background:#10b98166}.collection-student-cards-grid{flex-direction:column;gap:10px;display:flex}.collection-stu-card{cursor:pointer;background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.collection-stu-card:hover{background:#ffffff0d;border-color:#ffffff2e;transform:translateY(-1px);box-shadow:0 4px 14px #00000040}.collection-stu-card.stu-card-selected{background:linear-gradient(135deg,#10b98124,#0596692e);border-color:#34d39980;box-shadow:0 4px 18px #10b98133}.stu-card-header{align-items:center;gap:10px;display:flex}.stu-card-avatar{color:#34d399;background:linear-gradient(135deg,#6366f133,#10b98133);border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.stu-avatar-img{object-fit:cover;width:100%;height:100%}.stu-card-identity{flex:1;min-width:0}.stu-card-name-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.stu-card-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13.5px;font-weight:700;overflow:hidden}.stu-selected-badge{color:#fff;text-transform:uppercase;letter-spacing:.03em;background:#10b981;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.stu-card-father{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex;overflow:hidden}.stu-card-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stu-tag-roll{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40}.stu-card-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.stu-card-fee-label{color:#94a3b8;font-size:11px}.stu-card-fee-value-row{align-items:center;gap:8px;display:flex}.stu-card-balance-tag{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.stu-card-balance-tag.tag-dues{color:#f87171;background:#ef44441f;border:1px solid #ef44444d}.stu-card-balance-tag.tag-cleared{color:#34d399;background:#10b9811f;border:1px solid #10b9814d}.stu-card-action-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s}.stu-card-action-btn:hover{color:#34d399;background:#10b98133;border-color:#10b981}.stu-card-action-btn.btn-active{color:#fff;background:#10b981;border-color:#10b981}.collection-loading-state{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:36px 16px;font-size:13px;display:flex}.collection-spinner{border:3px solid #10b98133;border-top-color:#10b981;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite collectionSpin}@keyframes collectionSpin{to{transform:rotate(360deg)}}.student-search-results-list{flex-direction:column;gap:8px;max-height:480px;display:flex;overflow-y:auto}.student-search-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.student-search-item:hover{background:#ffffff0f;border-color:#ffffff26;transform:translate(2px)}.student-search-item.selected-student-item{background:linear-gradient(135deg,#10b9811f,#05966933);border-color:#34d39966;box-shadow:0 4px 16px #10b98126}.stu-item-meta{align-items:center;gap:12px;min-width:0;display:flex}.stu-item-avatar{color:#34d399;background:linear-gradient(135deg,#6366f133,#10b98133);border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.stu-item-info{flex-direction:column;gap:4px;min-width:0;display:flex}.stu-item-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.stu-item-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stu-tag-pill{border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.stu-tag-id{color:#34d399;background:#10b9811f;border:1px solid #34d39933;font-family:monospace}.stu-tag-class{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f133}.stu-tag-father{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff14}.stu-item-balance{text-align:right;flex-shrink:0}.balance-amount-tag{font-size:14px;font-weight:700}.bal-due{color:#f87171}.bal-cleared{color:#34d399}.balance-status-tag{margin-top:2px;font-size:11px;font-weight:600}.payment-entry-panel{background:linear-gradient(135deg,#1e293bb3,#0f172ad9);border:1px solid #ffffff14;border-radius:16px;padding:24px}.student-selected-hero{background:linear-gradient(135deg,#0f172acc,#1e293bb3);border:1px solid #ffffff14;border-radius:14px;margin-bottom:20px;padding:18px}.selected-stu-avatar{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:16px;font-weight:700;display:flex;box-shadow:0 4px 14px #10b9814d}.hero-tag-pill{color:#cbd5e1;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.hero-stats-grid{border-top:1px solid #ffffff14;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;padding-top:14px;display:grid}@media (width<=640px){.hero-stats-grid{grid-template-columns:1fr}}.hero-stat-card{background:#0f172a99;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.hero-stat-card-highlight{background:#ef444414;border-color:#ef444433}.hero-stat-header{align-items:center;gap:6px;display:flex}.hero-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.hero-stat-val{font-size:15px;font-weight:700}.form-grid-2col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.fee-form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.fee-form-label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.fee-form-label .label-icon{color:#34d399;flex-shrink:0}.amount-input-wrap{align-items:center;display:flex;position:relative}.amount-currency-tag{color:#34d399;pointer-events:none;font-size:13px;font-weight:800;position:absolute;left:14px}.fee-amount-field{letter-spacing:.02em;padding-left:54px!important;font-size:18px!important}.fee-form-input,.fee-form-select,.fee-form-textarea{color:#fff;background:#0f172acc;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.fee-form-input:focus,.fee-form-select:focus,.fee-form-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98133}input[type=date].fee-form-input,input[type=date]{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important;cursor:pointer!important}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer!important;opacity:1!important;background-color:#10b98126!important;background-image: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='%2334d399' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='4' rx='2' ry='2'/%3E%3Cline x1='16' x2='16' y1='2' y2='6'/%3E%3Cline x1='8' x2='8' y1='2' y2='6'/%3E%3Cline x1='3' x2='21' y1='10' y2='10'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3C/svg%3E")!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:15px 15px!important;border:1px solid #10b98159!important;border-radius:6px!important;margin-left:8px!important;padding:5px 7px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}input[type=date]::-webkit-calendar-picker-indicator:hover{background-color:#10b9814d!important;border-color:#10b981b3!important;transform:scale(1.05)!important;box-shadow:0 0 8px #10b98166!important}.quick-amount-chips{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.quick-amount-chip{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.quick-amount-chip:hover{color:#34d399;background:#10b98126;border-color:#34d3994d;transform:translateY(-1px)}.quick-amount-chip.chip-highlight{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b59}.quick-amount-chip.chip-highlight:hover{color:#fde68a;background:#f59e0b40}.tab-pill-accent{color:#34d399;text-transform:uppercase;background:#10b98133;border:1px solid #34d3994d;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:700}.btn-submit-payment{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding:14px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 8px 20px -4px #10b98166}.btn-submit-payment:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 10px 24px -4px #10b98180}.btn-submit-payment:disabled{opacity:.6;cursor:not-allowed}.collection-mode-tabs{background:#0f172aa6;border:1px solid #ffffff14;border-radius:12px;gap:10px;margin-bottom:20px;padding:6px;display:flex}.collection-mode-tab{cursor:pointer;box-sizing:border-box;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.collection-mode-tab.mode-tab-payment{color:#6ee7b7;background:#10b98114;border:1px solid #10b98140}.collection-mode-tab.mode-tab-payment:hover:not(.mode-tab-active){color:#fff;background:#10b98129;border-color:#34d39973;transform:translateY(-1px)}.collection-mode-tab.mode-tab-payment.mode-tab-active,.collection-mode-tab.mode-tab-active:not(.mode-tab-adjustment){color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:1px solid #34d39980;font-weight:700;box-shadow:0 4px 16px #10b98159}.collection-mode-tab.mode-tab-adjustment{color:#d8b4fe;background:#8b5cf61f;border:1px solid #a855f759;box-shadow:0 2px 8px #8b5cf61f}.collection-mode-tab.mode-tab-adjustment:hover:not(.mode-tab-active){color:#fff;background:#8b5cf638;border-color:#c084fc99;transform:translateY(-1px);box-shadow:0 4px 14px #8b5cf640}.collection-mode-tab.mode-tab-adjustment.mode-tab-active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:1px solid #a78bfa80;font-weight:700;box-shadow:0 4px 18px #8b5cf666}.adjustment-form-panel{flex-direction:column;display:flex}.adjustment-intro-box{background:#8b5cf614;border:1px solid #8b5cf638;border-radius:10px;margin-bottom:16px;padding:12px 14px}.btn-submit-adjustment{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding:14px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 8px 20px -4px #8b5cf666}.btn-submit-adjustment:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 10px 24px -4px #8b5cf680}.btn-submit-adjustment:disabled{opacity:.6;cursor:not-allowed;transform:none}.student-hero-actions-vertical,.student-hero-actions-group{flex-direction:column;flex-shrink:0;justify-content:center;gap:8px;width:160px;display:flex}.student-hero-actions-vertical .btn-hero-view-ledger,.student-hero-actions-vertical .hero-status-pill,.student-hero-actions-group .btn-hero-view-ledger,.student-hero-actions-group .hero-status-pill{box-sizing:border-box;white-space:nowrap;letter-spacing:.025em;text-transform:uppercase;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;height:34px;padding:0 12px;font-size:11.5px;font-weight:700;transition:all .2s;display:inline-flex}.student-hero-actions-vertical .btn-hero-view-ledger,.student-hero-actions-group .btn-hero-view-ledger{color:#c7d2fe;cursor:pointer;background:linear-gradient(135deg,#6366f138,#4f46e552);border:1px solid #818cf873;box-shadow:0 2px 8px #6366f126}.student-hero-actions-vertical .btn-hero-view-ledger:hover,.student-hero-actions-group .btn-hero-view-ledger:hover{color:#fff;background:linear-gradient(135deg,#6366f161,#4f46e580);border-color:#818cf8;transform:translateY(-1px);box-shadow:0 4px 14px #6366f14d}.student-hero-actions-vertical .hero-status-pill,.student-hero-actions-group .hero-status-pill{cursor:default}.student-hero-actions-vertical .hero-status-due,.student-hero-actions-group .hero-status-due{color:#fbbf24;background:#f59e0b24;border:1px solid #fbbf2466;box-shadow:0 2px 8px #f59e0b26}.student-hero-actions-vertical .hero-status-cleared,.student-hero-actions-group .hero-status-cleared{color:#34d399;background:#10b98124;border:1px solid #34d39966;box-shadow:0 2px 8px #10b98126}.fee-table-container{background:linear-gradient(135deg,#1e293bb3,#0f172ad9);border:1px solid #ffffff14;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 10px 30px -10px #00000080}.fee-table-toolbar{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.fee-toolbar-search-wrap{flex:1;min-width:260px;max-width:380px}.invoice-unified-search-bar{width:100%;margin-bottom:0!important}.fee-table-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-select{color:#e2e8f0;cursor:pointer;background:#0f172acc;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s}.filter-select:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}.fee-table-responsive{width:100%;overflow:auto hidden}.fee-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.fee-data-table th{text-transform:uppercase;letter-spacing:.03em;color:#94a3b8;white-space:nowrap;background:#0f172a99;border-bottom:1px solid #ffffff14;padding:10px 12px;font-size:11px;font-weight:700}.fee-data-table td{color:#e2e8f0;vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:10px 12px}.table-row-hover:hover td{background:#ffffff08}.invoice-month-tag{color:#cbd5e1;background:#0f172acc;border:1px solid #ffffff14;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:11px;font-weight:600;display:inline-block}.action-buttons-wrap{white-space:nowrap;flex-flow:row;justify-content:flex-end;align-items:center;gap:6px;min-width:100px;display:inline-flex}.action-btn-collect-mini{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:5px;min-width:72px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #10b9814d}.action-btn-collect-mini:hover{filter:brightness(1.1);transform:translateY(-1px)}.action-btn-delete-mini{color:#f87171;cursor:pointer;white-space:nowrap;background:#ef44441a;border:1px solid #ef444440;border-radius:6px;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:inline-flex}.action-btn-delete-mini:hover{color:#fff;background:#ef444440;border-color:#ef444480;transform:translateY(-1px)}.status-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-width:76px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-pending{color:#fbbf24;background:#f59e0b26;border:1px solid #fbbf244d}.badge-overdue{color:#f87171;background:#ef444426;border:1px solid #f871714d}.badge-cleared{color:#38bdf8;white-space:nowrap;background:#0ea5e926;border:1px solid #38bdf84d;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-width:72px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.btn-table-action{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-table-action:hover{color:#34d399;background:#10b98133;border-color:#34d39966}.fee-table-pagination{color:#94a3b8;background:#0f172a66;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:12px;display:flex}.pagination-actions{align-items:center;gap:8px;display:flex}.btn-pagination{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-pagination:hover:not(:disabled){color:#34d399;background:#10b98126;border-color:#34d3994d}.btn-pagination:disabled{opacity:.4;cursor:not-allowed}.pagination-curr-badge{color:#34d399;background:#10b98133;border:1px solid #34d3994d;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.receipt-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.receipt-modal-container{background:#0f172a;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #000c}.receipt-actions-bar{background:#1e293b;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.receipt-badge-success{color:#34d399;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.receipt-btn-group{align-items:center;gap:10px;display:flex}.btn-print-receipt{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-print-receipt:hover{background:#059669}.btn-close-receipt{color:#94a3b8;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.btn-close-receipt:hover{color:#fff;background:#ffffff26}.official-receipt-sheet{color:#0f172a;background:#fff;padding:32px 36px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow-y:auto}.receipt-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.receipt-brand{align-items:center;gap:14px;display:flex}.receipt-logo-img{object-fit:contain;border-radius:8px;width:54px;height:54px}.receipt-logo-fallback{color:#fff;background:#0f172a;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.receipt-school-title{color:#0f172a;text-transform:uppercase;margin:0 0 4px;font-size:18px;font-weight:800}.receipt-school-meta{color:#64748b;gap:6px;font-size:12px;display:flex}.receipt-title-box{text-align:right}.receipt-doc-tag{color:#fff;letter-spacing:.05em;background:#0f172a;border-radius:4px;margin-bottom:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.receipt-number-tag{color:#047857;font-family:monospace;font-size:14px;font-weight:700}.receipt-date-label{color:#64748b;margin-top:2px;font-size:11px;display:block}.receipt-divider{background:#0f172a;height:2px;margin:18px 0}.receipt-details-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:20px;padding:16px 18px;display:grid}.receipt-field-row{margin-bottom:8px;font-size:13px;display:flex}.receipt-field-row:last-child{margin-bottom:0}.r-label{color:#64748b;width:120px;font-weight:500}.r-value{color:#0f172a;font-weight:600}.highlight-code{color:#047857;font-family:monospace}.r-badge-method{color:#0369a1;background:#e0f2fe;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.r-status-tag{text-transform:uppercase;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.status-cleared{color:#15803d;background:#dcfce7}.status-current{color:#b45309;background:#fef3c7}.status-overdue{color:#b91c1c;background:#fee2e2}.receipt-table-wrapper{margin-bottom:18px}.receipt-table{border-collapse:collapse;width:100%;font-size:13px}.receipt-table th{color:#475569;text-align:left;text-transform:uppercase;background:#f1f5f9;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;padding:10px 14px;font-size:12px;font-weight:700}.receipt-table td{color:#1e293b;border-bottom:1px solid #e2e8f0;padding:12px 14px}.receipt-sub-desc{color:#64748b;margin-top:2px;font-size:11px}.color-paid-bold{color:#047857;font-weight:700}.receipt-total-ribbon{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.total-label{color:#64748b;text-transform:uppercase;font-size:11px;display:block}.words-text{color:#0f172a;font-size:13px}.total-amount-box{text-align:right}.paid-box-label{color:#64748b;font-size:11px;font-weight:700;display:block}.paid-box-value{color:#047857;font-size:20px;font-weight:800}.receipt-balance-summary{background:#f1f5f9;border-radius:6px;justify-content:space-between;margin-bottom:28px;padding:8px 12px;font-size:13px;display:flex}.text-due{color:#dc2626;font-weight:700}.text-cleared{color:#16a34a;font-weight:700}.receipt-footer{justify-content:space-between;align-items:flex-end;margin-top:36px;padding-top:20px;display:flex}.signature-box{text-align:center;width:180px}.signature-line{background:#94a3b8;height:1px;margin-bottom:8px}.signature-box span{color:#64748b;font-size:11px;font-weight:600}.receipt-stamp-box{text-align:center}.stamp-circle{color:#94a3b8;border:2px dashed #94a3b8;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto;font-size:9px;font-weight:700;display:flex}.receipt-disclaimer{text-align:center;color:#94a3b8;border-top:1px dashed #e2e8f0;margin-top:28px;padding-top:10px;font-size:10px}@media print{body *{visibility:hidden}#printable-fee-receipt,#printable-fee-receipt *,.printable-area,.printable-area *{visibility:visible!important}#printable-fee-receipt,.printable-area{width:100%;padding:20px;position:absolute;top:0;left:0;color:#000!important;box-shadow:none!important;background:#fff!important}.printable-area th,.printable-area td{color:#000!important;border-bottom:1px solid #ddd!important}.no-print{display:none!important}}.fee-kpi-grid-6{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}@media (width>=1400px){.fee-kpi-grid-6{grid-template-columns:repeat(6,1fr)}}.fee-kpi-card-enhanced{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1e293bbf,#0f172ae6);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;justify-content:space-between;padding:18px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.fee-kpi-card-enhanced:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 16px 32px -10px #0009}.fee-kpi-card-enhanced:after{content:"";background:0 0;height:3px;transition:background .3s;position:absolute;top:0;left:0;right:0}.card-glow-blue:after{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.card-glow-green:after{background:linear-gradient(90deg,#10b981,#34d399)}.card-glow-yellow:after{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.card-glow-red:after{background:linear-gradient(90deg,#ef4444,#f87171)}.card-glow-cyan:after{background:linear-gradient(90deg,#06b6d4,#38bdf8)}.card-glow-purple:after{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.kpi-icon-cyan{color:#22d3ee;background:#06b6d426}.kpi-badge-pill{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:700}.kpi-badge-blue{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f64d}.kpi-badge-green{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.kpi-badge-yellow{color:#fde68a;background:#f59e0b26;border:1px solid #f59e0b4d}.kpi-badge-red{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.kpi-badge-cyan{color:#a5f3fc;background:#06b6d426;border:1px solid #06b6d44d}.kpi-badge-purple{color:#ddd6fe;background:#8b5cf626;border:1px solid #8b5cf64d}.class-fee-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1e293bbf,#0f172ae6);border:1px solid #ffffff1a;border-radius:18px;padding:24px;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000080}.class-fee-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.class-fee-search-box{background:#0f172ad9;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;padding:6px 12px;transition:all .2s;display:flex}.class-fee-search-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.class-fee-search-input{color:#fff;background:0 0;border:none;outline:none;width:150px;font-size:12px}.class-fee-search-input::placeholder{color:#64748b}.class-fee-sort-box{background:#0f172ad9;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;padding:6px 12px;display:flex}.class-fee-sort-select{color:#f1f5f9;cursor:pointer;background:0 0;border:none;outline:none;font-size:12px;font-weight:500}.class-fee-table-wrap{scrollbar-width:thin;scrollbar-color:#fff3 transparent;width:100%;overflow-x:auto}.class-fee-table{border-collapse:separate;border-spacing:0 6px;table-layout:fixed;width:100%;min-width:860px}.class-fee-table th{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff14;padding:12px 14px;font-size:11px;font-weight:700}.class-fee-table td{color:#e2e8f0;vertical-align:middle;white-space:nowrap;background:#0f172a99;padding:13px 14px;font-size:13px;transition:all .2s}.class-fee-table tr:hover td{background:#1e293bd9}.class-fee-table td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.class-fee-table td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.class-grade-badge{color:#c7d2fe;background:#6366f126;border:1px solid #6366f14d;border-radius:9px;align-items:center;gap:8px;padding:5px 11px;font-size:12.5px;font-weight:700;display:inline-flex}.progress-bar-wrap{flex-direction:column;gap:4px;width:100%;min-width:130px;display:flex}.progress-bar-track-custom{background:#ffffff14;border-radius:4px;width:100%;height:6px;overflow:hidden}.progress-bar-fill-custom{border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.class-table-actions{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.btn-class-action{cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:6px 11px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-class-invoices{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1f}.btn-class-invoices:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.btn-class-defaulters{color:#fca5a5;background:#ef444426;border:1px solid #ef444459}.btn-class-defaulters:hover{color:#fff;background:#ef444447;border-color:#ef44448c;transform:translateY(-1px);box-shadow:0 4px 12px #ef444440}.btn-class-collect{color:#6ee7b7;background:#10b98126;border:1px solid #10b98159}.btn-class-collect:hover{color:#fff;background:#10b98147;border-color:#10b9818c;transform:translateY(-1px);box-shadow:0 4px 12px #10b98140}.defaulters-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1e293bbf,#0f172ae6);border:1px solid #ffffff1a;border-radius:18px;padding:24px;box-shadow:0 10px 30px -10px #00000080}.defaulter-row{background:#0f172a8c;border:1px solid #ffffff0d;border-radius:12px;grid-template-columns:2fr 1fr 1.2fr 1.2fr 1.2fr 1.8fr;align-items:center;gap:12px;margin-bottom:8px;padding:14px 18px;transition:all .2s;display:grid}.defaulter-row:hover{background:#1e293bd9;border-color:#ef444440;transform:translate(4px);box-shadow:0 4px 16px #0000004d}@media (width<=1024px){.defaulter-row{grid-template-columns:1fr;gap:8px}}.student-avatar-box{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:1px solid #ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.overdue-pulse-badge{color:#fca5a5;background:#ef44442e;border:1px solid #ef444459;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;animation:2s ease-in-out infinite pulse-border;display:inline-flex}@keyframes pulse-border{0%,to{border-color:#ef444459;box-shadow:0 0 #ef444433}50%{border-color:#ef4444cc;box-shadow:0 0 8px 1px #ef444466}}.action-btn-collect{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #10b9814d}.action-btn-collect:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #10b98173}.action-btn-reminder{color:#4ade80;cursor:pointer;background:#25d36626;border:1px solid #25d36659;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.action-btn-reminder:hover{color:#86efac;background:#25d36640;border-color:#25d36680;transform:translateY(-1px)}.action-btn-ledger{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.action-btn-ledger:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.reminder-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeInModal;display:flex;position:fixed;inset:0}.reminder-modal-box{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #ffffff26;border-radius:20px;width:100%;max-width:540px;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3}@keyframes fadeInModal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fee-structures-main-wrap{flex-direction:column;gap:24px;width:100%;display:flex}.fee-structures-header-bar{background:linear-gradient(135deg,#1e293bbf,#0f172ad9);border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:18px 24px;display:flex;box-shadow:0 10px 25px -5px #0006}.struct-grid-container{grid-template-columns:repeat(1,minmax(0,1fr));width:100%;display:grid;gap:24px!important}@media (width>=768px){.struct-grid-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.struct-grid-container{grid-template-columns:repeat(3,minmax(0,1fr))}}.struct-erp-card{background:linear-gradient(145deg,#1e293bcc,#0f172af2);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;height:100%;padding:22px 24px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000080}.struct-erp-card:hover{border-color:#10b98166;transform:translateY(-3px);box-shadow:0 20px 35px -10px #000000a6,0 0 20px #10b9811a}.struct-card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.struct-class-icon-avatar{background:#10b9811f;border:1px solid #10b98140;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.struct-badge-default{color:#34d399;letter-spacing:.06em;text-transform:uppercase;background:#10b98126;border:1px solid #10b98159;border-radius:6px;align-items:center;padding:4px 9px;font-size:10px;font-weight:800;display:inline-flex}.struct-badge-custom{color:#a5b4fc;letter-spacing:.06em;text-transform:uppercase;background:#6366f126;border:1px solid #6366f159;border-radius:6px;align-items:center;padding:4px 9px;font-size:10px;font-weight:800;display:inline-flex}.struct-hero-block{background:linear-gradient(135deg,#0f172acc,#1e293b80);border:1px solid #10b98126;border-radius:14px;margin-bottom:20px;padding:16px 18px}.struct-hero-label{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.struct-hero-value{color:#10b981;margin-top:3px;font-family:monospace;font-size:24px;font-weight:800;line-height:1.2}.struct-hero-sub{color:#64748b;font-family:inherit;font-size:13px;font-weight:500}.struct-heads-container{flex-direction:column;flex-grow:1;gap:10px;margin-bottom:20px;display:flex}.struct-head-row{border-bottom:1px dashed #ffffff0f;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.struct-head-row:last-child{border-bottom:none}.struct-head-label{color:#94a3b8;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.struct-head-value{color:#f1f5f9;text-align:right;font-size:13px;font-weight:600}.struct-card-policy-banner{background:#0f172aa6;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-bottom:20px;padding:10px 14px;display:flex}.policy-inline-item{white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.policy-label{color:#94a3b8;font-size:12px;font-weight:500}.policy-val-due{color:#fcd34d;font-size:12px;font-weight:700}.policy-val-fine{color:#fda4af;font-size:12px;font-weight:700}.policy-divider{background:#ffffff1f;flex-shrink:0;width:1px;height:16px}.struct-card-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}.btn-struct-edit-schedule{color:#34d399;cursor:pointer;background:#10b9811f;border:1px solid #10b9814d;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.btn-struct-edit-schedule:hover{color:#fff;background:#10b981;border-color:#10b981;transform:translateY(-1px);box-shadow:0 4px 14px #10b98159}.btn-struct-delete-schedule{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:inline-flex}.btn-struct-delete-schedule:hover{color:#fff;background:#ef444440;border-color:#ef444480;transform:translateY(-1px)}@keyframes structSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes structPulseGlow{0%,to{box-shadow:0 0 20px #10b98114}50%{box-shadow:0 0 32px #10b9812e}}@keyframes previewShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.struct-edit-page-container{flex-direction:column;gap:24px;width:100%;animation:.45s cubic-bezier(.22,1,.36,1) both structSlideUp;display:flex}.struct-edit-page-header{background:linear-gradient(145deg,#1e293beb,#0f172afa);border:1px solid #ffffff14;border-radius:20px;padding:24px 28px;position:relative;overflow:hidden;box-shadow:0 12px 32px -8px #0000008c,inset 0 1px #ffffff0d}.struct-edit-page-header:before{content:"";background:linear-gradient(90deg,#10b981,#6366f1,#10b981) 0 0/200% 100%;border-radius:20px 20px 0 0;height:3px;animation:4s linear infinite previewShimmer;position:absolute;inset:0 0 auto}.btn-back-link{color:#94a3b8;cursor:pointer;letter-spacing:.01em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:7px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .25s cubic-bezier(.22,1,.36,1);display:inline-flex}.btn-back-link:hover{color:#34d399;background:#10b9811a;border-color:#10b9814d;transform:translate(-3px);box-shadow:0 2px 8px #10b9811f}.btn-back-link:active{transform:translate(-1px)scale(.98)}.struct-edit-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;display:flex}.struct-edit-main-title{color:#fff;align-items:center;gap:12px;font-size:20px;font-weight:700;line-height:1.3;display:flex}.struct-edit-main-title svg{flex-shrink:0}.struct-input-currency-wrap{align-items:center;display:flex;position:relative}.struct-currency-tag{color:#34d399;letter-spacing:.05em;pointer-events:none;z-index:2;-webkit-user-select:none;user-select:none;background:#10b98114;border-right:1px solid #10b9812e;border-radius:11px 0 0 11px;justify-content:center;align-items:center;padding:0 14px;font-size:11px;font-weight:800;display:flex;position:absolute;top:1px;bottom:1px;left:1px}.struct-currency-input{letter-spacing:.02em;color:#fff!important;padding-left:58px!important;font-size:15px!important;font-weight:700!important}.struct-currency-input:focus{padding-left:58px!important}.struct-late-fine-input{color:#fbbf24!important}.struct-edit-layout-grid{grid-template-columns:1fr 360px;align-items:start;gap:28px;width:100%;display:grid}@media (width<=1200px){.struct-edit-layout-grid{grid-template-columns:1fr 320px;gap:22px}}@media (width<=1024px){.struct-edit-layout-grid{grid-template-columns:1fr;gap:20px}}.struct-form-columns{flex-direction:column;gap:22px;display:flex}.struct-form-card{background:linear-gradient(145deg,#1e293bcc,#0f172af2);border:1px solid #ffffff12;border-radius:18px;padding:24px 28px 22px;transition:border-color .3s,box-shadow .3s;animation:.5s cubic-bezier(.22,1,.36,1) both structSlideUp;position:relative;box-shadow:0 10px 30px -8px #00000073,inset 0 1px #ffffff0a}.struct-form-card:first-child{animation-delay:50ms}.struct-form-card:nth-child(2){animation-delay:.1s}.struct-form-card:nth-child(3){animation-delay:.15s}.struct-form-card:nth-child(4){animation-delay:.2s}.struct-form-card:hover{border-color:#ffffff1f;box-shadow:0 14px 36px -8px #00000080,inset 0 1px #ffffff0f}.struct-card-section-title{text-transform:uppercase;letter-spacing:.05em;color:#e2e8f0;border-bottom:none;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;font-size:13px;font-weight:700;display:flex;position:relative}.struct-card-section-title:after{content:"";background:linear-gradient(90deg,#10b98180,#6366f14d,#0000);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.struct-edit-page-container .fee-form-group{flex-direction:column;gap:7px;margin-bottom:6px;display:flex}.struct-edit-page-container .fee-form-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:11.5px;font-weight:700;transition:color .2s;display:inline-flex}.struct-edit-page-container .fee-form-group:focus-within .fee-form-label{color:#e2e8f0}.struct-edit-page-container .fee-form-input,.struct-edit-page-container .fee-form-select{color:#fff;appearance:none;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:11px 16px;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.22,1,.36,1)}.struct-edit-page-container .fee-form-input::placeholder{color:#475569;font-weight:400}.struct-edit-page-container .fee-form-input:hover,.struct-edit-page-container .fee-form-select:hover{background:#0f172ad9;border-color:#ffffff2e}.struct-edit-page-container .fee-form-input:focus,.struct-edit-page-container .fee-form-select:focus{background:#0f172ae6;border-color:#10b981;box-shadow:0 0 0 3px #10b98126,0 4px 12px #10b98114}.struct-edit-page-container .fee-form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.struct-edit-page-container .form-grid-2col{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=640px){.struct-edit-page-container .form-grid-2col{grid-template-columns:1fr}}.struct-form-actions-bar{background:linear-gradient(145deg,#1e293ba6,#0f172ad9);border:1px solid #ffffff12;border-radius:18px;justify-content:flex-end;align-items:center;gap:14px;margin-top:6px;padding:18px 28px;animation:.5s cubic-bezier(.22,1,.36,1) .25s both structSlideUp;display:flex;box-shadow:0 6px 20px -6px #00000059,inset 0 1px #ffffff0a}.struct-form-actions-bar .btn-fee-primary{letter-spacing:.02em;border-radius:12px;padding:11px 24px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 14px #10b9814d,inset 0 1px #ffffff26}.struct-form-actions-bar .btn-fee-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166,inset 0 1px #ffffff2e}.struct-form-actions-bar .btn-fee-primary:active{transform:translateY(0);box-shadow:0 2px 8px #10b98140}.struct-form-actions-bar .btn-fee-secondary{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;padding:11px 20px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.22,1,.36,1)}.struct-form-actions-bar .btn-fee-secondary:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.struct-preview-column{animation:.55s cubic-bezier(.22,1,.36,1) .15s both structSlideUp;position:sticky;top:24px}.struct-live-preview-card{background:linear-gradient(155deg,#1e293b 0%,#0f172a 100%);border:1px solid #10b98140;border-radius:22px;padding:26px 24px;transition:border-color .3s;animation:4s ease-in-out infinite structPulseGlow;position:relative;overflow:hidden}.struct-live-preview-card:hover{border-color:#10b98166}.struct-live-preview-card:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#0000 30%,#10b98108 50%,#0000 70%) 0 0/200% 200%;height:100%;animation:6s ease-in-out infinite previewShimmer;position:absolute;top:0;left:0;right:0}.struct-live-preview-card>*{z-index:1;position:relative}.struct-preview-header{border-bottom:1px solid #ffffff0f;margin-bottom:16px;padding-bottom:16px}.struct-preview-badge{color:#34d399;letter-spacing:.1em;text-transform:uppercase;background:#10b9811f;border:1px solid #10b9814d;border-radius:8px;align-items:center;gap:5px;padding:5px 12px;font-size:9.5px;font-weight:800;display:inline-flex}.struct-preview-class-name{color:#fff;margin-top:12px;margin-bottom:2px;font-size:18px;font-weight:800;line-height:1.3}.struct-preview-plan-name{color:#64748b;letter-spacing:.02em;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px;font-weight:500}.struct-preview-hero-amount{text-align:center;background:linear-gradient(145deg,#0f172af2,#1e293b99);border:1px solid #10b98126;border-radius:14px;margin-bottom:16px;padding:18px;transition:border-color .3s,box-shadow .3s}.struct-preview-hero-amount:hover{border-color:#10b9814d;box-shadow:0 4px 18px #10b9811a}.struct-preview-hero-label{color:#34d399;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.struct-preview-hero-value{justify-content:center;align-items:baseline;gap:8px;display:flex}.struct-preview-hero-currency{color:#94a3b8;font-size:14px;font-weight:700}.struct-preview-hero-number{color:#fff;letter-spacing:-.02em;font-size:28px;font-weight:900;line-height:1}.struct-preview-hero-period{color:#64748b;font-size:12px;font-weight:500}.struct-preview-breakdown{background:#0f172a80;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:16px;padding:14px 16px}.struct-preview-breakdown-title{color:#64748b;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #ffffff0d;margin-bottom:10px;padding-bottom:8px;font-size:10px;font-weight:700}.struct-preview-line-item{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:7px 0;display:flex}.struct-preview-line-item:last-child{border-bottom:none;padding-bottom:0}.struct-preview-line-item:first-of-type{padding-top:0}.struct-preview-line-label{color:#94a3b8;font-size:12px;font-weight:500}.struct-preview-line-value{color:#e2e8f0;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.struct-preview-line-highlight{color:#a5b4fc}.struct-preview-policy-box{background:linear-gradient(145deg,#f59e0b0f,#0f172a99);border:1px solid #f59e0b26;border-radius:12px;padding:14px 16px;transition:border-color .3s}.struct-preview-policy-box:hover{border-color:#f59e0b4d}.struct-preview-policy-header{color:#fbbf24;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.struct-preview-policy-detail{color:#94a3b8;margin-top:6px;font-size:11px;line-height:1.5}.struct-preview-fine-amount{color:#fb7185;font-weight:700}@media (width<=640px){.struct-edit-page-header{border-radius:16px;padding:18px 20px}.struct-form-card{border-radius:14px;padding:18px 18px 16px}.struct-form-actions-bar{flex-direction:column;gap:10px;padding:16px 18px}.struct-form-actions-bar .btn-fee-primary,.struct-form-actions-bar .btn-fee-secondary{justify-content:center;width:100%}.struct-live-preview-card{border-radius:16px;padding:20px 18px}.struct-edit-layout-grid{gap:16px}.struct-preview-hero-number{font-size:22px}.struct-edit-main-title{font-size:17px}}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]{appearance:textfield!important}.fee-form-select:disabled,.fee-form-input:disabled{opacity:.65;cursor:not-allowed;color:#94a3b8!important;background-color:#0f172a80!important;border-color:#ffffff14!important}.fee-feedback-toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 20px;transition:all .3s cubic-bezier(.22,1,.36,1);animation:.35s cubic-bezier(.22,1,.36,1) both structSlideUp;display:flex;box-shadow:0 8px 24px -6px #0006}.fee-feedback-success{color:#34d399;background:linear-gradient(135deg,#064e3bf2,#0f172af2);border:1px solid #10b98166}.fee-feedback-error{color:#fb7185;background:linear-gradient(135deg,#881337f2,#0f172af2);border:1px solid #f43f5e66}.fee-feedback-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.fee-feedback-success .fee-feedback-icon{color:#34d399;background:#10b9812e}.fee-feedback-error .fee-feedback-icon{color:#fb7185;background:#f43f5e2e}.fee-feedback-text{letter-spacing:.01em;font-size:13.5px;font-weight:600}.fee-feedback-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:16px;transition:all .2s;display:flex}.fee-feedback-close-btn:hover{color:#fff;background:#ffffff2e;transform:scale(1.05)}.struct-main-view-title{align-items:center;display:flex;gap:14px!important}.defaulter-count-btn{color:#fff!important;white-space:nowrap!important;cursor:default!important;text-shadow:0 1px 2px #00000040!important;background:#dc2626!important;border:1px solid #ef4444!important;border-radius:8px!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;display:inline-flex!important;box-shadow:0 2px 8px #dc262673!important}.defaulter-pulse-dot{background-color:#fff!important;border-radius:50%!important;width:6px!important;height:6px!important;display:inline-block!important}.advance-notice-pill{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:11.5px;animation:.25s ease-out fadeIn;display:flex}.btn-submit-advance{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;border-color:#fbbf24!important;box-shadow:0 4px 14px #f59e0b59!important}.btn-submit-advance:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%)!important;box-shadow:0 6px 18px #f59e0b73!important}.tag-advance,.hero-status-advance{color:#fbbf24!important;background:#f59e0b26!important;border:1px solid #f59e0b59!important}.advance-modal-backdrop{-webkit-backdrop-filter:blur(10px);z-index:9999;background:#040914d1;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.advance-modal-container{background:linear-gradient(145deg,#0f172a 0%,#1e293b 100%);border:1px solid #f59e0b59;border-radius:20px;width:100%;max-width:530px;animation:.25s cubic-bezier(.16,1,.3,1) modalScaleUp;overflow:hidden;box-shadow:0 25px 60px -12px #000000bf,0 0 35px #f59e0b26}.advance-modal-header{background:#f59e0b14;border-bottom:1px solid #f59e0b2e;align-items:center;gap:14px;padding:18px 24px;display:flex;position:relative}.advance-modal-icon-wrap{background:#f59e0b2e;border:1px solid #f59e0b59;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 0 15px #f59e0b40}.advance-modal-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:17px;font-weight:700}.advance-modal-subtitle{color:#fbbf24;margin:2px 0 0;font-size:13px;font-weight:500}.advance-modal-close{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:18px;right:18px}.advance-modal-close:hover{color:#fda4af;background:#f43f5e33;border-color:#f43f5e66;transform:rotate(90deg)}.advance-modal-body{flex-direction:column;gap:16px;padding:22px 24px;display:flex}.advance-warning-box{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:14px;padding:14px 16px}.advance-warning-title{color:#fde68a;margin:0 0 6px;font-size:14px;font-weight:600;line-height:1.5}.advance-warning-eng{color:#cbd5e1;margin:0;font-size:12px;line-height:1.45}.advance-breakdown-card{background:#0f172aa6;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.advance-breakdown-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.advance-breakdown-label{color:#94a3b8}.advance-breakdown-val{font-family:inherit}.advance-breakdown-divider{background:#ffffff14;height:1px;margin:4px 0}.advance-highlight-row{background:#10b9811f;border:1px solid #10b98140;border-radius:8px;padding:8px 10px}.advance-modal-footer{background:#0f172ad9;border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.advance-btn-cancel{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.advance-btn-cancel:hover{color:#fff;background:#ffffff24}.advance-btn-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #34d399;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #10b98159}.advance-btn-confirm:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 6px 18px #10b98173}.advance-btn-confirm:disabled,.advance-btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}.fee-overview-filter-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293bb3,#0f172ad9);border:1px solid #ffffff14;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.overview-filters-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.overview-preset-group{background:#0f172a99;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex}.overview-preset-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:6px 13px;font-size:12px;font-weight:600;transition:all .2s}.overview-preset-btn:hover{color:#fff;background:#ffffff0d}.overview-preset-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 8px #6366f166}.overview-filter-divider{background:#ffffff1a;width:1px;height:24px}.overview-input-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.overview-select-wrap{align-items:center;display:flex;position:relative}.overview-select{color:#f1f5f9;cursor:pointer;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:6px 12px 6px 30px;font-size:12px;font-weight:500;transition:all .2s}.overview-select:hover,.overview-select:focus{background:#1e293be6;border-color:#6366f1}.overview-select-icon{color:#818cf8;pointer-events:none;position:absolute;left:9px}.overview-date-wrap{background:#0f172ab3;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;display:flex}.overview-date-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.overview-date-input{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;font-size:12px}.overview-reset-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.overview-reset-btn:hover{color:#fca5a5;background:#ef444433;border-color:#ef444466}.overview-status-badge{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f140;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:600;display:inline-flex}.students-ledger-module-root{flex-direction:column;gap:20px;width:100%;animation:.28s cubic-bezier(.16,1,.3,1) fadeInLedger;display:flex}@keyframes fadeInLedger{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ledger-page-hero-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f172ad9 0%,#1e293bbf 100%);border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 20px #00000040}.ledger-hero-title-group{align-items:center;gap:16px;display:flex}.ledger-hero-icon-box{color:#a5b4fc;background:linear-gradient(135deg,#6366f133 0%,#a855f740 100%);border:1px solid #818cf859;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 0 16px #6366f133}.ledger-hero-text h1{color:#fff;letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:800;display:flex}.ledger-hero-badge{color:#c7d2fe;text-transform:uppercase;letter-spacing:.04em;background:#6366f12e;border:1px solid #6366f14d;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.ledger-hero-text p{color:#94a3b8;max-width:680px;margin:4px 0 0;font-size:12.5px;line-height:1.45}.active-student-hero-banner{background:linear-gradient(135deg,#1e293be6 0%,#0f172af2 100%);border:1px solid #6366f14d;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 4px 20px #0000004d}.active-student-meta-left{align-items:center;gap:16px;display:flex}.active-student-avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:17px;font-weight:800;display:flex;box-shadow:0 4px 14px #6366f166}.active-student-details{flex-direction:column;gap:4px;display:flex}.active-student-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.active-student-name{color:#fff;font-size:16px;font-weight:800}.student-tag-id{color:#c7d2fe;background:#6366f133;border:1px solid #6366f159;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:11px;font-weight:700}.student-tag-class{color:#6ee7b7;background:#10b9812e;border:1px solid #10b9814d;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.active-student-sub-info{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:16px;font-size:11.5px;display:flex}.active-student-sub-info span{align-items:center;gap:5px;display:flex}.active-student-meta-right{align-items:center;gap:12px;display:flex}.btn-switch-student{color:#f1f5f9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:9px;align-items:center;gap:7px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-switch-student:hover{color:#fff;background:#ffffff24;border-color:#ffffff40}.student-picker-container{background:#0f172abf;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:18px;padding:22px;display:flex;box-shadow:0 4px 20px #0003}.picker-search-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.picker-search-input-wrap{flex:1;min-width:260px;position:relative}.picker-search-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.picker-search-input{color:#fff;background:#1e293bcc;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:10px 14px 10px 38px;font-size:13px;transition:border-color .2s,box-shadow .2s}.picker-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.picker-filter-select{color:#e2e8f0;cursor:pointer;background:#0f172acc;border:1px solid #ffffff1a;border-radius:10px;outline:none;min-width:170px;padding:10px 14px;font-size:12.5px}.picker-filter-select option{color:#e2e8f0;background:#0f172a}.picker-filter-select:focus{border-color:#6366f1}.picker-count-pill{color:#94a3b8;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700}.student-directory-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-top:4px;display:grid}.student-card-item{cursor:pointer;background:#1e293b99;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;gap:12px;padding:16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.student-card-item:hover{background:#1e293bd9;border-color:#6366f166;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.student-card-top{align-items:center;gap:12px;display:flex}.student-card-avatar{color:#c7d2fe;background:linear-gradient(135deg,#6366f14d 0%,#a855f74d 100%);border:1px solid #818cf84d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:flex}.student-card-meta{flex:1;min-width:0}.student-card-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.student-card-sub{color:#94a3b8;align-items:center;gap:6px;margin-top:2px;font-size:11px;display:flex}.student-card-details{background:#0f172a66;border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;padding:10px;font-size:11px;display:grid}.detail-item-label{color:#64748b;font-weight:600;display:block}.detail-item-val{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.student-card-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.balance-status-chip{border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.balance-dues{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.balance-cleared{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.btn-open-ledger{color:#c7d2fe;background:#6366f12e;border:1px solid #6366f159;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.student-card-item:hover .btn-open-ledger{color:#fff;background:#6366f1;border-color:#6366f1}.picker-empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.picker-empty-icon{color:#475569;background:#ffffff08;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:6px;display:flex}.picker-empty-state h3{color:#cbd5e1;margin:0;font-size:15px;font-weight:700}.picker-empty-state p{color:#64748b;max-width:380px;margin:0;font-size:12px}.teacher-mgmt-container{flex-direction:column;gap:20px;width:100%;display:flex}.teacher-kpi-ribbon{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (width<=1024px){.teacher-kpi-ribbon{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.teacher-kpi-ribbon{grid-template-columns:1fr}}.kpi-banner-pill{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1e293bb3 0%,#0f172ad9 100%);border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:16px;padding:18px 22px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000040}.kpi-banner-pill:hover{border-color:#6366f159;transform:translateY(-3px);box-shadow:0 12px 28px #00000059}.kpi-pill-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s;display:flex;box-shadow:0 4px 14px #00000040}.kpi-banner-pill:hover .kpi-pill-icon{transform:scale(1.08)}.icon-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.icon-emerald{background:linear-gradient(135deg,#10b981,#059669)}.icon-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.icon-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.icon-rose{background:linear-gradient(135deg,#f43f5e,#be123c)}.kpi-pill-text{flex-direction:column;gap:2px;display:flex}.kpi-pill-val{color:#fff;letter-spacing:-.5px;font-size:24px;font-weight:800}.kpi-pill-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:600}.teacher-tabs-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:8px 12px;display:flex}.tabs-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.tab-btn:hover{color:#fff;background:#ffffff0d}.tab-btn.active{color:#fff;background:#2563eb;border-color:#60a5fa66;box-shadow:0 4px 14px #2563eb59}.btn-primary-action{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #10b9814d}.btn-primary-action:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.teacher-content-card{background:#0f172a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 8px 30px #00000040}.teacher-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.search-box-wrap{flex:1;min-width:260px;position:relative}.search-box-wrap .search-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box-wrap .search-input{border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:10px 14px 10px 42px;font-size:13.5px;transition:all .2s;color:#fff!important;background:#02061799!important}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.filter-dropdowns{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-select{cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:10px 14px;font-size:13px;color:#fff!important;background:#02061799!important}.table-container-responsive{border:1px solid #ffffff0f;border-radius:12px;width:100%;overflow-x:auto}.teacher-data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:13.5px}.teacher-data-table tbody tr:last-child td{border-bottom:none}.teacher-profile-cell{align-items:center;gap:12px;display:flex}.teacher-avatar-img{object-fit:cover;border:2px solid #6366f166;border-radius:50%;width:40px;height:40px}.teacher-avatar-fallback{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:flex}.teacher-name-block{flex-direction:column;gap:2px;display:flex}.teacher-full-name{color:#fff;font-size:14px;font-weight:700}.teacher-qualification-sub{color:#94a3b8;font-size:11.5px}.teacher-id-badge{color:#38bdf8;background:#1e293bcc;border:1px solid #ffffff1f;border-radius:6px;align-items:center;padding:3px 8px;font-family:monospace;font-size:12px;font-weight:700;display:inline-flex}.dept-pill{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d;border-radius:8px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.designation-text{color:#94a3b8;margin-top:3px;font-size:11.5px;display:block}.assignment-tags-wrap{flex-wrap:wrap;gap:4px;max-width:260px;display:flex}.assignment-tag{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;padding:2px 7px;font-size:11px;display:inline-block}.status-pill{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-dot{border-radius:50%;width:7px;height:7px}.status-active{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.status-active .status-dot{background:#10b981}.status-inactive{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.status-inactive .status-dot{background:#f59e0b}.status-resigned{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.status-resigned .status-dot{background:#ef4444}.table-actions-cell{align-items:center;gap:6px;display:flex}.action-icon-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.action-icon-btn:hover{color:#fff;background:#ffffff26;transform:translateY(-1px)}.action-icon-btn.btn-view:hover{color:#60a5fa;background:#3b82f640;border-color:#3b82f6}.action-icon-btn.btn-edit:hover{color:#34d399;background:#10b98140;border-color:#10b981}.action-icon-btn.btn-delete:hover{color:#f87171;background:#ef444440;border-color:#ef4444}.action-icon-btn.btn-restore:hover{color:#34d399;background:#10b98140;border-color:#10b981}.btn-teacher-bulk-restore{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.btn-teacher-bulk-restore:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px)}.pagination-bar{color:#94a3b8;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;font-size:13px;display:flex}.pagination-controls{align-items:center;gap:6px;display:flex}.btn-page-nav{color:#cbd5e1;cursor:pointer;background:#02061780;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;transition:all .15s;display:inline-flex}.btn-page-nav:disabled{opacity:.4;cursor:not-allowed}.btn-page-nav:not(:disabled):hover{color:#fff;background:#ffffff1a}.teacher-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.teacher-modal-dialog{background:#0f172a;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;width:100%;max-width:850px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) fadeInUp;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009}.modal-header-banner{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;display:flex}.modal-title-area{align-items:center;gap:16px;display:flex}.btn-modal-close{color:#94a3b8;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:all .15s;display:flex}.btn-modal-close:hover{color:#f87171;background:#ef444433}.modal-tabs-bar{background:#02061766;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:10px 24px;display:flex;overflow-x:auto}.modal-tab-item{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.modal-tab-item:hover{color:#fff;background:#ffffff0d}.modal-tab-item.active{color:#60a5fa;background:#3b82f633;border-color:#3b82f666}.modal-body-scrollable{flex-direction:column;gap:20px;padding:24px 28px;display:flex;overflow-y:auto}.details-grid-2col{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=640px){.details-grid-2col{grid-template-columns:1fr}}.details-card{background:#02061780;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.details-card-title{text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;border-bottom:1px solid #ffffff0a;align-items:center;gap:6px;padding-bottom:8px;font-size:12px;font-weight:700;display:flex}.details-item-row{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.details-label{color:#64748b;font-weight:500}.details-value{color:#f1f5f9;text-align:right;font-weight:600}.sheet-top-controls{background:#02061766;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.sheet-date-picker{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:1px solid #ffffff26;border-radius:8px;outline:none;padding:8px 12px;font-size:13.5px;color:#fff!important;background:#0f172acc!important}.bulk-actions-group{align-items:center;gap:8px;display:flex}.btn-secondary-sm{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s}.btn-secondary-sm:hover{color:#fff;background:#ffffff26}.att-status-selector{background:#020617b3;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:3px;padding:3px;display:inline-flex}.status-choice-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:700;transition:all .15s}.status-choice-btn:hover{color:#fff;background:#ffffff0d}.status-choice-btn.selected-present{color:#fff;background:#10b981;box-shadow:0 2px 8px #10b9814d}.status-choice-btn.selected-late{color:#fff;background:#f59e0b;box-shadow:0 2px 8px #f59e0b4d}.status-choice-btn.selected-halfday{color:#fff;background:#8b5cf6;box-shadow:0 2px 8px #8b5cf64d}.status-choice-btn.selected-absent{color:#fff;background:#ef4444;box-shadow:0 2px 8px #ef44444d}.status-choice-btn.selected-leave{color:#fff;background:#0284c7;box-shadow:0 2px 8px #0284c74d}.approved-leave-tag{color:#38bdf8;background:#0284c733;border:1px solid #38bdf866;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.matrix-day-cell{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin:0 auto;font-size:11px;font-weight:800;display:flex}.matrix-p{color:#34d399;background:#10b98133;border:1px solid #10b9814d}.matrix-l{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b4d}.matrix-h{color:#a78bfa;background:#8b5cf633;border:1px solid #8b5cf64d}.matrix-a{color:#f87171;background:#ef444433;border:1px solid #ef44444d}.matrix-v{color:#38bdf8;background:#0284c733;border:1px solid #0284c74d}.matrix-empty{color:#475569;font-size:12px}.empty-data-state{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-icon-box{color:#64748b;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.empty-title{color:#fff;margin:0;font-size:16px;font-weight:700}.empty-subtext{max-width:360px;margin:0;font-size:13px;line-height:1.5}.payroll-mgmt-container{flex-direction:column;gap:24px;width:100%;display:flex}.payroll-module-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1e293bb3 0%,#0f172ad9 100%);border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 8px 24px #00000040}.payroll-header-info{align-items:center;gap:16px;display:flex}.payroll-header-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;box-shadow:0 6px 16px #10b98159}.payroll-header-title{color:#f8fafc;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700}.payroll-header-sub{color:#94a3b8;margin:2px 0 0;font-size:13px}.payroll-sub-nav{background:#0f172a99;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:4px;display:flex}.payroll-nav-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.payroll-nav-btn:hover{color:#f8fafc;background:#ffffff0d}.payroll-nav-btn.active{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);box-shadow:0 4px 12px #2563eb4d}.payroll-kpi-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (width<=1200px){.payroll-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.payroll-kpi-grid{grid-template-columns:1fr}}.payroll-kpi-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1e293bb3 0%,#0f172ad9 100%);border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:18px;padding:20px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000040}.payroll-kpi-card:hover{border-color:#6366f159;transform:translateY(-3px);box-shadow:0 12px 28px #00000059}.payroll-kpi-icon{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex;box-shadow:0 4px 14px #00000040}.icon-gradient-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.icon-gradient-emerald{background:linear-gradient(135deg,#10b981,#059669)}.icon-gradient-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.icon-gradient-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.icon-gradient-rose{background:linear-gradient(135deg,#f43f5e,#be123c)}.payroll-kpi-meta{flex-direction:column;gap:3px;display:flex}.payroll-kpi-val{color:#fff;letter-spacing:-.5px;font-size:24px;font-weight:800}.payroll-kpi-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.payroll-kpi-trend{color:#38bdf8;margin-top:2px;font-size:11px}.payroll-glass-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1e293bb3 0%,#0f172ad9 100%);border:1px solid #ffffff14;border-radius:16px;padding:24px;position:relative;box-shadow:0 8px 24px #00000040}.payroll-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.payroll-card-title{color:#f8fafc;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.payroll-filter-bar{background:#0f172a80;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:14px 18px;display:flex}.payroll-filter-inputs{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.payroll-search-box{background:#0f172acc;border:1px solid #ffffff1a;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:240px;padding:8px 14px;display:flex}.payroll-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:13px}.payroll-select-box{color:#fff;cursor:pointer;background:#0f172acc;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:8px 12px;font-size:13px}.payroll-select-box option{color:#fff;background:#0f172a}.payroll-action-buttons{align-items:center;gap:10px;display:flex}.payroll-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.payroll-btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);box-shadow:0 4px 14px #2563eb59}.payroll-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb73}.payroll-btn-success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b98159}.payroll-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px)}.payroll-btn-secondary{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff1f}.payroll-btn-secondary:hover:not(:disabled){color:#fff;background:#ffffff1f}.payroll-btn-amber{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 14px #f59e0b59}.payroll-btn-amber:hover:not(:disabled){background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-1px)}.payroll-btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.payroll-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.payroll-table-wrapper{background:#0f172a66;border:1px solid #ffffff0f;border-radius:12px;width:100%;overflow-x:auto}.payroll-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.payroll-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#0f172ad9;border-bottom:1px solid #ffffff14;padding:14px 16px;font-size:11.5px;font-weight:700}.payroll-table td{color:#cbd5e1;vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:14px 16px;font-size:13px}.payroll-table tr:hover td{color:#f8fafc;background:#ffffff05}.payroll-table tr:last-child td{border-bottom:none}.payroll-teacher-cell{align-items:center;gap:12px;display:flex}.payroll-teacher-avatar{object-fit:cover;color:#38bdf8;background:#1e293b;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.payroll-teacher-details{flex-direction:column;gap:2px;display:flex}.payroll-teacher-name{color:#f8fafc;font-size:13.5px;font-weight:600}.payroll-teacher-code{color:#64748b;font-family:monospace;font-size:11px}.payroll-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-finalized{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.badge-locked{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b84d}.badge-paid{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-partial{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.badge-unpaid{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.amount-strong{color:#f8fafc;font-family:Inter,sans-serif;font-weight:700}.amount-net{color:#10b981;font-size:14px;font-weight:800}.amount-deduction{color:#f87171;font-weight:600}.payroll-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.payroll-modal-card{background:#0f172a;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.payroll-modal-header{background:#1e293b66;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.payroll-modal-title{color:#f8fafc;margin:0;font-size:18px;font-weight:700}.payroll-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;font-size:20px;transition:all .15s;display:flex}.payroll-modal-close:hover{color:#fff;background:#ffffff14}.payroll-modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.payroll-modal-footer{background:#1e293b66;border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:12px;padding:18px 24px;display:flex}.payroll-form-grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.payroll-form-grid-3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=640px){.payroll-form-grid-2,.payroll-form-grid-3{grid-template-columns:1fr}}.payroll-field-group{flex-direction:column;gap:6px;display:flex}.payroll-field-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.payroll-field-input{color:#fff;background:#0f172acc;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:10px 14px;font-size:13.5px;transition:border-color .2s}.payroll-field-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.payroll-section-divider{border:none;border-top:1px solid #ffffff14;margin:8px 0}.payroll-sub-heading{color:#38bdf8;text-transform:uppercase;letter-spacing:.6px;margin:0;font-size:13px;font-weight:700}.payroll-calc-preview{background:#0f172ad9;border:1px solid #3b82f64d;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.payroll-calc-item{flex-direction:column;gap:2px;display:flex}.payroll-calc-lbl{color:#94a3b8;text-transform:uppercase;font-size:11px}.payroll-calc-val{color:#fff;font-size:18px;font-weight:800}.payroll-calc-val.net{color:#10b981}.salary-slip-view-card{color:#0f172a;background:#fff;border-radius:14px;width:100%;max-width:800px;margin:0 auto;padding:32px;font-family:Inter,system-ui,-apple-system,sans-serif;box-shadow:0 20px 40px #0003}.slip-header-brand{border-bottom:2px solid #0f172a;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:18px;display:flex}.slip-school-name{color:#0f172a;text-transform:uppercase;margin:0 0 4px;font-size:22px;font-weight:800}.slip-school-tagline{color:#64748b;margin:0;font-size:12px}.slip-school-contact{color:#475569;margin-top:4px;font-size:11.5px}.slip-title-box{text-align:right}.slip-title-main{color:#1e293b;letter-spacing:.5px;margin:0;font-size:18px;font-weight:800}.slip-meta-badge{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;margin-top:6px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-block}.slip-employee-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:repeat(2,1fr);gap:12px 24px;margin-bottom:24px;padding:16px;display:grid}.slip-grid-row{border-bottom:1px dashed #e2e8f0;justify-content:space-between;padding-bottom:4px;font-size:12.5px;display:flex}.slip-grid-row:last-child{border-bottom:none}.slip-grid-lbl{color:#64748b;font-weight:600}.slip-grid-val{color:#0f172a;font-weight:700}.slip-breakdown-table{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px;display:grid}.slip-table-column{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.slip-col-header{text-transform:uppercase;letter-spacing:.5px;color:#1e293b;background:#f1f5f9;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:10px 14px;font-size:12px;font-weight:800;display:flex}.slip-line-row{color:#334155;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:8px 14px;font-size:12px;display:flex}.slip-line-row.total-row{color:#0f172a;background:#f8fafc;border-top:1px solid #cbd5e1;border-bottom:none;font-weight:800}.slip-net-banner{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;display:flex}.slip-net-lbl{color:#166534;text-transform:uppercase;margin-bottom:2px;font-size:13px;font-weight:700}.slip-words-val{color:#15803d;font-size:11.5px;font-style:italic;font-weight:600}.slip-net-num{color:#15803d;font-size:26px;font-weight:900}.slip-signatures{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;padding-top:12px;display:grid}.slip-sig-box{text-align:center;color:#475569;text-transform:uppercase;border-top:1px solid #94a3b8;padding-top:8px;font-size:11px;font-weight:700}.slip-disclaimer{text-align:center;color:#94a3b8;border-top:1px dashed #e2e8f0;margin-top:30px;padding-top:12px;font-size:10px}@media print{body *{visibility:hidden}.salary-slip-view-card,.salary-slip-view-card *{visibility:visible}.salary-slip-view-card{width:100%;max-width:100%;box-shadow:none;border:none;margin:0;padding:20px;position:absolute;top:0;left:0}.no-print{display:none!important}}.exam-mgmt-container{flex-direction:column;gap:24px;width:100%;display:flex}.exam-module-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1e293bb3 0%,#0f172ad9 100%);border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 8px 24px #00000040}.exam-header-info{align-items:center;gap:16px;display:flex}.exam-header-icon{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;box-shadow:0 6px 16px #6366f159}.exam-header-title{color:#f8fafc;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700}.exam-header-sub{color:#94a3b8;margin:2px 0 0;font-size:13px}.exam-sub-nav{background:#0f172a99;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:4px;display:flex}.exam-nav-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.exam-nav-btn:hover{color:#f8fafc;background:#ffffff0d}.exam-nav-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 4px 12px #6366f159}.exam-kpi-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (width<=1200px){.exam-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.exam-kpi-grid{grid-template-columns:1fr}}.exam-kpi-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1e293bb3 0%,#0f172ad9 100%);border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:18px;padding:20px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000040}.exam-kpi-card:hover{border-color:#6366f159;transform:translateY(-3px);box-shadow:0 12px 28px #00000059}.exam-kpi-icon{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex}.icon-green{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b98159}.exam-kpi-content{flex-direction:column;display:flex}.exam-kpi-label{color:#94a3b8;margin-bottom:4px;font-size:13px;font-weight:500}.exam-kpi-value{color:#f8fafc;font-size:24px;font-weight:700;line-height:1.2}.exam-kpi-sub{color:#64748b;margin-top:4px;font-size:12px}.exam-quick-actions{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=900px){.exam-quick-actions{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.exam-quick-actions{grid-template-columns:1fr}}.exam-quick-btn{color:#f8fafc;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b80;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:14px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.exam-quick-btn:hover{background:#6366f126;border-color:#6366f166;transform:translateY(-2px)}.quick-icon-wrap{color:#818cf8;background:#ffffff14;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.exam-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1e293bb3 0%,#0f172ad9 100%);border:1px solid #ffffff14;border-radius:16px;padding:24px;box-shadow:0 8px 24px #00000040}.exam-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.exam-card-title{color:#f8fafc;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.exam-filter-toolbar{background:#0f172a99;border:1px solid #ffffff0f;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;display:flex}.exam-search-box{color:#f8fafc;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:220px;padding:8px 14px;display:flex}.exam-search-box input{color:#f8fafc;background:0 0;border:none;outline:none;width:100%;font-size:13px}.exam-select-box{color:#cbd5e1;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.exam-select-box select{color:#f8fafc;cursor:pointer;background:0 0;border:none;outline:none;font-size:13px}.exam-select-box select option{color:#f8fafc;background:#0f172a}.btn-exam-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #6366f159}.btn-exam-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #6366f173}.btn-exam-secondary{color:#e2e8f0;cursor:pointer;background:#1e293bb3;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-exam-secondary:hover{color:#fff;background:#ffffff14}.btn-exam-success{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #10b98159}.btn-exam-success:hover{transform:translateY(-2px);box-shadow:0 6px 18px #10b98173}.exam-table-responsive{border:1px solid #ffffff0f;border-radius:14px;width:100%;overflow-x:auto}.exam-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.exam-table th{color:#94a3b8;white-space:nowrap;background:#0f172abf;border-bottom:1px solid #ffffff14;padding:14px 16px;font-weight:600}.exam-table td{color:#f1f5f9;vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:14px 16px}.exam-table tbody tr{transition:background .15s}.exam-table tbody tr:hover{background:#6366f10f}.badge-status{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-scheduled{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.badge-ongoing{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-completed,.badge-published,.badge-pass{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-draft{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b84d}.badge-cancelled,.badge-fail{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.badge-absent{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}.badge-missing{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.rank-badge{border-radius:16px;justify-content:center;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.rank-1{color:#facc15;background:linear-gradient(135deg,#eab30840 0%,#ca8a0459 100%);border:1px solid #facc1580;box-shadow:0 0 10px #facc1533}.rank-2{color:#e2e8f0;background:linear-gradient(135deg,#cbd5e133 0%,#94a3b84d 100%);border:1px solid #cbd5e180}.rank-3{color:#fb923c;background:linear-gradient(135deg,#d9770633 0%,#b453094d 100%);border:1px solid #fb923c66}.rank-other{color:#94a3b8;background:#1e293b99;border:1px solid #ffffff14}.pct-bar-wrapper{align-items:center;gap:8px;width:140px;display:flex}.pct-bar-track{background:#ffffff14;border-radius:10px;flex:1;height:7px;overflow:hidden}.pct-bar-fill{border-radius:10px;height:100%;transition:width .3s}.fill-excellent{background:linear-gradient(90deg,#10b981 0%,#34d399 100%)}.fill-good{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%)}.fill-average{background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 100%)}.fill-poor{background:linear-gradient(90deg,#ef4444 0%,#f87171 100%)}.marks-input-field{color:#f8fafc;text-align:center;background:#0f172acc;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:90px;padding:8px 12px;font-size:14px;font-weight:700;transition:all .15s}.marks-input-field:focus{background:#0f172a;border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.marks-input-field.input-error{color:#f87171;border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444440!important}.marks-input-field:disabled{opacity:.4;cursor:not-allowed}.marks-sticky-action-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:40;background:linear-gradient(135deg,#1e293bf2 0%,#0f172afa 100%);border:1px solid #6366f159;border-radius:14px;justify-content:space-between;align-items:center;margin-top:16px;padding:14px 22px;display:flex;position:sticky;bottom:20px;left:0;right:0;box-shadow:0 12px 32px #00000073}.exam-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.exam-modal-container{background:#0f172a;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.2s ease-out modalPopIn;display:flex;overflow:hidden;box-shadow:0 24px 64px #0009}.exam-modal-lg{max-width:950px}@keyframes modalPopIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.exam-modal-header{background:#1e293b80;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.exam-modal-header h2{color:#f8fafc;margin:0;font-size:19px;font-weight:700}.exam-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.exam-modal-close-btn:hover{color:#fff;background:#ffffff1a}.exam-modal-body{flex-direction:column;flex:1;gap:18px;padding:24px;display:flex;overflow-y:auto}.exam-modal-footer{background:#1e293b66;border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.form-grid-2{grid-template-columns:1fr}}.form-group label{color:#cbd5e1;font-size:12px;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:#f8fafc;background:#1e293b99;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:10px 14px;font-size:13px;transition:border-color .2s}.form-group select option{color:#f8fafc;background:#0f172a}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.report-card-paper{color:#0f172a;background:#fff;border-radius:12px;width:100%;max-width:820px;margin:0 auto;padding:36px 44px;font-family:Outfit,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;box-shadow:0 12px 36px #0000004d}.report-card-header{border-bottom:2px solid #0f172a;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:18px;display:flex}.rc-school-brand{align-items:center;gap:16px;display:flex}.rc-school-logo-box{color:#fff;background:#0f172a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;display:flex;overflow:hidden}.rc-school-name{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:24px;font-weight:800}.rc-school-tagline{color:#475569;margin:2px 0 0;font-size:12px;font-style:italic}.rc-school-meta{color:#64748b;margin:4px 0 0;font-size:11px}.rc-badge-pill{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#0f172a;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700}.rc-student-bio-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:auto 1fr;gap:20px;margin-bottom:22px;padding:16px 20px;display:grid}.rc-student-photo-box{color:#94a3b8;background:#e2e8f0;border:2px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;width:76px;height:76px;font-size:32px;display:flex;overflow:hidden}.rc-student-photo-box img{object-fit:cover;width:100%;height:100%}.rc-bio-data-grid{grid-template-columns:repeat(3,1fr);gap:10px 16px;display:grid}@media (width<=650px){.rc-bio-data-grid{grid-template-columns:repeat(2,1fr)}}.rc-bio-item{flex-direction:column;display:flex}.rc-bio-label{text-transform:uppercase;color:#64748b;letter-spacing:.4px;font-size:10px;font-weight:700}.rc-bio-value{color:#0f172a;font-size:13px;font-weight:600}.rc-marks-table{border-collapse:collapse;width:100%;margin-bottom:22px;font-size:12px}.rc-marks-table th{color:#fff;text-align:left;background:#0f172a;border:1px solid #0f172a;padding:8px 12px;font-weight:700}.rc-marks-table td{color:#1e293b;border:1px solid #cbd5e1;padding:8px 12px}.rc-marks-table tbody tr:nth-child(2n){background:#f8fafc}.rc-marks-table tfoot td{color:#0f172a;background:#f1f5f9;border:1px solid #94a3b8;font-weight:700}.rc-performance-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}.rc-perf-metric{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}.rc-perf-label{text-transform:uppercase;color:#64748b;margin-bottom:4px;font-size:10px;font-weight:700}.rc-perf-val{color:#0f172a;font-size:18px;font-weight:800}.val-green{color:#059669}.val-red{color:#dc2626}.rc-feedback-grid{grid-template-columns:1fr 2fr;gap:16px;margin-bottom:30px;display:grid}.rc-att-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px}.rc-att-title{text-transform:uppercase;color:#0f172a;margin-bottom:8px;font-size:11px;font-weight:700}.rc-remarks-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px}.rc-remarks-text{color:#334155;margin-top:4px;font-size:12px;font-style:italic;line-height:1.5}.rc-signatures-row{justify-content:space-between;margin-top:40px;padding-top:10px;display:flex}.rc-sig-block{text-align:center;width:170px}.rc-sig-line{border-top:1px solid #475569;margin-bottom:6px}.rc-sig-title{color:#0f172a;text-transform:uppercase;font-size:11px;font-weight:700}.rc-sig-sub{color:#64748b;font-size:9px}@media print{body{color:#000!important;background:#fff!important;margin:0!important;padding:0!important}.no-print,.app-layout>header,.app-layout>aside,.school-sidebar-root,.school-admin-header,.exam-module-header,.exam-filter-toolbar,.marks-sticky-action-bar,.exam-modal-header,.exam-modal-footer,.btn-exam-primary,.btn-exam-secondary{display:none!important}.exam-modal-overlay{background:0 0!important;padding:0!important;display:block!important;position:static!important}.exam-modal-container{box-shadow:none!important;border:none!important;max-width:100%!important;max-height:none!important;overflow:visible!important}.exam-modal-body{padding:0!important;overflow:visible!important}.report-card-paper{box-shadow:none!important;border:none!important;max-width:100%!important;padding:20px 25px!important}.report-card-page-break{page-break-after:always!important;break-after:page!important}}.timetable-mgmt-container{flex-direction:column;gap:24px;width:100%;display:flex}.timetable-module-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1e293bbf 0%,#0f172ae6 100%);border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 8px 24px #00000040}.timetable-header-info{align-items:center;gap:16px;display:flex}.timetable-header-icon{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#3b82f6 50%,#6366f1 100%);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;box-shadow:0 6px 16px #0ea5e959}.timetable-header-title{color:#f8fafc;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700}.timetable-header-sub{color:#94a3b8;margin:2px 0 0;font-size:13px}.timetable-sub-nav{background:#0f172a99;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:4px;display:flex}.timetable-nav-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.timetable-nav-btn:hover{color:#f8fafc;background:#ffffff0d}.timetable-nav-btn.active{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#3b82f6 100%);box-shadow:0 4px 12px #0ea5e959}.timetable-kpi-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (width<=1200px){.timetable-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.timetable-kpi-grid{grid-template-columns:1fr}}.timetable-kpi-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1e293bb3 0%,#0f172ad9 100%);border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:18px;padding:20px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000040}.timetable-kpi-card:hover{border-color:#0ea5e959;transform:translateY(-3px);box-shadow:0 12px 28px #00000059}.timetable-kpi-icon{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex}.icon-cyan{background:linear-gradient(135deg,#06b6d4 0%,#0284c7 100%);box-shadow:0 4px 14px #06b6d44d}.icon-blue{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);box-shadow:0 4px 14px #3b82f64d}.icon-purple{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);box-shadow:0 4px 14px #8b5cf64d}.icon-emerald{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b9814d}.icon-amber{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 14px #f59e0b4d}.timetable-kpi-details{flex-direction:column;display:flex}.timetable-kpi-value{color:#f8fafc;font-size:24px;font-weight:700;line-height:1.2}.timetable-kpi-label{color:#94a3b8;margin-top:4px;font-size:13px;font-weight:500}.conflict-alert-banner{background:linear-gradient(135deg,#ef444426 0%,#b91c1c40 100%);border:1px solid #ef444466;border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:20px;padding:16px 20px;animation:.4s shake;display:flex;box-shadow:0 4px 16px #ef444433}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.conflict-alert-icon{color:#ef4444;flex-shrink:0;margin-top:2px;font-size:22px}.conflict-alert-content{flex:1}.conflict-alert-title{color:#fca5a5;margin:0 0 4px;font-size:15px;font-weight:700}.conflict-alert-text{color:#fee2e2;margin:0;font-size:13px;line-height:1.4}.timetable-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1e293bb3 0%,#0f172ad9 100%);border:1px solid #ffffff14;border-radius:16px;padding:24px;box-shadow:0 8px 24px #00000040}.timetable-card-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.timetable-card-title{color:#f8fafc;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.timetable-card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.timetable-filter-bar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.timetable-filter-group{flex-direction:column;gap:6px;min-width:160px;display:flex}.timetable-filter-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.timetable-select,.timetable-input{color:#f8fafc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0f172ab3;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:9px 14px;font-size:13.5px;transition:all .2s}.timetable-select option{color:#f8fafc;background:#0f172a}.timetable-select:focus,.timetable-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933}.btn-timetable-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9 0%,#3b82f6 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #0ea5e959}.btn-timetable-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #0ea5e973}.btn-timetable-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-timetable-secondary{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.btn-timetable-secondary:hover{color:#fff;background:#ffffff1f}.btn-timetable-danger{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.btn-timetable-danger:hover{background:#ef444440}.timetable-day-tabs{border-bottom:1px solid #ffffff14;gap:8px;margin-bottom:20px;padding-bottom:8px;display:flex;overflow-x:auto}.day-tab-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#0f172a80;border:1px solid #ffffff14;border-radius:10px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .2s}.day-tab-btn:hover{color:#f8fafc;background:#ffffff0f}.day-tab-btn.active{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#3b82f6 100%);border-color:#0000;box-shadow:0 4px 12px #0ea5e959}.timeline-schedule-list{flex-direction:column;gap:12px;display:flex}.timeline-slot-row{background:#0f172a80;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex}.timeline-slot-row:hover{background:#1e293b99;border-color:#0ea5e94d;transform:translate(3px)}.timeline-slot-row.is-break{background:linear-gradient(135deg,#f59e0b14 0%,#d977061f 100%);border-color:#f59e0b40}.timeline-slot-row.is-assembly{background:linear-gradient(135deg,#8b5cf614 0%,#6d28d91f 100%);border-color:#8b5cf640}.slot-time-col{flex-direction:column;min-width:140px;display:flex}.slot-time-badge{color:#f8fafc;align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.slot-name-sub{color:#94a3b8;margin-top:2px;font-size:12px}.slot-details-col{flex-wrap:wrap;flex:1;align-items:center;gap:20px;display:flex}.slot-subject-badge{color:#38bdf8;background:#0ea5e926;border:1px solid #0ea5e940;border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:700;display:inline-flex}.slot-subject-badge.break-badge{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}.slot-teacher-info{color:#e2e8f0;align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex}.slot-room-info{color:#94a3b8;background:#ffffff0d;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:flex}.slot-actions-col{align-items:center;gap:8px;display:flex}.timetable-grid-container{border:1px solid #ffffff14;border-radius:12px;width:100%;overflow-x:auto}.timetable-matrix-table{border-collapse:collapse;text-align:left;width:100%;min-width:900px}.timetable-matrix-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;background:#0f172ad9;border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff0d;padding:14px 16px;font-size:12.5px;font-weight:700}.timetable-matrix-table td{vertical-align:top;border-bottom:1px solid #ffffff0d;border-right:1px solid #ffffff0d;min-width:140px;height:90px;padding:12px 14px;transition:background .2s}.timetable-matrix-table td.time-col-cell{color:#f8fafc;vertical-align:middle;background:#0f172a99;min-width:130px;font-size:13px;font-weight:600}.grid-cell-content{box-sizing:border-box;background:#1e293ba6;border:1px solid #ffffff12;border-radius:8px;flex-direction:column;gap:5px;height:100%;padding:8px 10px;transition:all .2s;display:flex}.grid-cell-content:hover{background:#1e293be6;border-color:#0ea5e966;box-shadow:0 4px 12px #00000040}.grid-cell-subject{color:#38bdf8;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.grid-cell-teacher{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.grid-cell-room{color:#94a3b8;margin-top:auto;font-size:11px}.grid-cell-break{color:#fbbf24;background:#f59e0b1a;border:1px dashed #f59e0b59;border-radius:8px;justify-content:center;align-items:center;height:100%;font-size:13px;font-weight:700;display:flex}.grid-cell-empty{color:#475569;justify-content:center;align-items:center;height:100%;font-size:12px;display:flex}.timetable-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden}.timetable-modal{background:#0f172a;border:1px solid #ffffff24;border-radius:18px;flex-direction:column;width:100%;max-width:720px;max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #000000bf}.timetable-modal form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.timetable-modal-header{background:#0f172a;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:15px 22px;display:flex}.timetable-modal-title{color:#f8fafc;margin:0;font-size:17px;font-weight:700}.timetable-modal-body{flex-direction:column;flex:1;gap:13px;min-height:0;padding:18px 22px;display:flex;overflow-y:auto}.timetable-modal-body::-webkit-scrollbar{width:6px}.timetable-modal-body::-webkit-scrollbar-track{background:0 0}.timetable-modal-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.timetable-modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff40}.timetable-modal-footer{background:#0b1120;border-top:1px solid #ffffff14;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 22px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=580px){.form-row{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:#94a3b8;font-size:12.5px;font-weight:600}@media print{body *{visibility:hidden}.print-container,.print-container *{visibility:visible}.print-container{width:100%;position:absolute;top:0;left:0;color:#000!important;background:#fff!important}.no-print{display:none!important}.timetable-matrix-table{border:1px solid #000!important;min-width:100%!important}.timetable-matrix-table th,.timetable-matrix-table td{color:#000!important;background:#fff!important;border:1px solid #ccc!important}.grid-cell-content{background:#f9fafb!important;border:1px solid #ddd!important}.grid-cell-subject{color:#0284c7!important}}.notif-mgr-container{flex-direction:column;gap:24px;width:100%;padding-bottom:60px;animation:.25s ease-in-out fadeIn;display:flex}.notif-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1e293bb3 0%,#0f172acc 100%);border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 20px #0003}.notif-header-left{align-items:center;gap:16px;display:flex}.notif-header-icon{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 14px #6366f159}.notif-header-titles h1{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.45rem;font-weight:700;display:flex}.notif-header-titles p{color:#94a3b8;margin:4px 0 0;font-size:.84rem}.notif-header-actions{align-items:center;gap:12px;display:flex}.btn-primary-notif{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 10px #6366f14d}.btn-primary-notif:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.btn-secondary-notif{color:#f1f5f9;cursor:pointer;white-space:nowrap;background:#33415599;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary-notif:hover{background:#475569cc;border-color:#fff3}.btn-scan-events{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 2px 10px #10b9814d}.btn-scan-events:hover{background:linear-gradient(135deg,#047857 0%,#065f46 100%);box-shadow:0 4px 14px #10b98166}.notif-subnav-bar{border-bottom:1px solid #ffffff14;gap:8px;padding-bottom:4px;display:flex}.notif-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:10px 10px 0 0;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;position:relative}.notif-tab-btn:hover{color:#f8fafc;background:#ffffff08}.notif-tab-btn.tab-active{color:#fff;background:#6366f11f;border-bottom:2px solid #6366f1}.tab-badge{color:#818cf8;background:#6366f133;border:1px solid #6366f14d;border-radius:9999px;padding:2px 8px;font-size:.72rem;font-weight:700}.notif-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.notif-kpi-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293b99;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:16px;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex}.notif-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.kpi-icon-indigo{color:#818cf8;background:#6366f126}.kpi-icon-emerald{color:#34d399;background:#10b98126}.kpi-icon-amber{color:#fbbf24;background:#f59e0b26}.kpi-icon-purple{color:#c084fc;background:#a855f726}.kpi-icon-rose{color:#fb7185;background:#f43f5e26}.kpi-meta-wrap{flex-direction:column;display:flex}.kpi-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:500}.kpi-value{color:#fff;margin-top:2px;font-size:1.55rem;font-weight:700}.channels-status-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.channel-status-card{background:#1e293b80;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.channel-card-top{justify-content:space-between;align-items:center;display:flex}.channel-card-title{color:#f8fafc;align-items:center;gap:10px;font-size:.92rem;font-weight:600;display:flex}.channel-pill-status{border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.pill-active{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.pill-configured{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.pill-disabled{color:#94a3b8;background:#94a3b81f;border:1px solid #94a3b833}.pill-premium{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.channel-card-desc{color:#94a3b8;font-size:.8rem;line-height:1.4}.events-breakdown-card{background:#1e293b80;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:18px;padding:22px 24px;display:flex}.card-title-row{justify-content:space-between;align-items:center;display:flex}.card-title-row h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:1.05rem;font-weight:600;display:flex}.events-chips-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.event-chip{background:#0f172a99;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.event-chip-name{color:#cbd5e1;align-items:center;gap:8px;font-size:.82rem;font-weight:500;display:flex}.event-chip-count{color:#818cf8;font-size:.88rem;font-weight:700}.notif-filter-card{background:#1e293b80;border:1px solid #ffffff14;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.filter-search-box{flex:1;align-items:center;min-width:220px;display:flex;position:relative}.filter-search-input{color:#fff;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:8px 12px 8px 34px;font-size:.84rem}.filter-search-icon{color:#64748b;position:absolute;left:10px}.filter-select{color:#e2e8f0;cursor:pointer;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:8px;padding:8px 12px;font-size:.84rem}.filter-select option{color:#fff;background:#0f172a}.notif-table-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#6366f159 #0f172a66;background:#1e293b80;border:1px solid #ffffff14;border-radius:14px;position:relative;overflow:auto hidden}.notif-table-wrapper::-webkit-scrollbar{height:6px}.notif-table-wrapper::-webkit-scrollbar-track{background:#0f172a66;border-radius:4px}.notif-table-wrapper::-webkit-scrollbar-thumb{background:#6366f159;border-radius:4px}.notif-table-wrapper::-webkit-scrollbar-thumb:hover{background:#6366f18c}.notif-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:1000px;font-size:.84rem}.notif-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#0f172ae6;border-bottom:1px solid #ffffff14;padding:12px 16px;font-size:.75rem;font-weight:600}.notif-table td{color:#e2e8f0;vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:13px 16px}.notif-table tbody tr:hover{background:#ffffff06}.notif-table tr.unread-row{background:#6366f10a}.notif-table th.col-actions,.notif-table td.col-actions{text-align:center;white-space:nowrap;width:96px;min-width:96px}.read-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot-unread{background:#6366f1;box-shadow:0 0 6px #6366f1}.dot-read{background:0 0;border:1px solid #475569}.badge-event{white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.event-fee-gen{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.event-fee-overdue{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}.event-absent{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.event-result{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.event-exam{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.event-announcement{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.event-homework{color:#38bdf8;background:#0ea5e926;border:1px solid #0ea5e94d}.event-holiday{color:#facc15;background:#eab30826;border:1px solid #eab3084d}.badge-channel{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.channel-in-app{color:#818cf8;background:#6366f11f}.channel-sms{color:#60a5fa;background:#3b82f61f}.channel-whatsapp{color:#34d399;background:#10b9811f}.notif-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}.notif-modal-card{background:#1e293b;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;width:100%;max-width:600px;display:flex;overflow:hidden;box-shadow:0 16px 48px #00000073}.notif-modal-header{background:#0f172a99;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.notif-modal-header h3{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.15rem;display:flex}.btn-close-modal{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.notif-modal-body{flex-direction:column;gap:16px;max-height:75vh;padding:22px 24px;display:flex;overflow-y:auto}.form-group-notif{flex-direction:column;gap:6px;display:flex}.form-group-notif label{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.form-input-notif,.form-textarea-notif{color:#fff;background:#0f172ab3;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:10px 14px;font-size:.88rem}.form-textarea-notif{resize:vertical;min-height:90px;line-height:1.45}.notif-modal-footer{background:#0f172a99;border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.template-var-chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.var-chip{color:#818cf8;cursor:pointer;background:#6366f11f;border:1px solid #6366f140;border-radius:6px;padding:3px 7px;font-size:.72rem;transition:all .15s}.var-chip:hover{color:#fff;background:#6366f140}.template-preview-card{color:#cbd5e1;background:#0f172ae6;border-left:3px solid #6366f1;border-radius:8px;padding:14px 16px;font-size:.84rem;line-height:1.45}.parent-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background:#000000a6;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.parent-drawer-panel{background:#0f172a;border-left:1px solid #ffffff1a;flex-direction:column;width:100%;max-width:440px;height:100%;animation:.22s ease-out slideLeft;display:flex;box-shadow:-8px 0 32px #00000080}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.parent-drawer-header{background:#1e293b99;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.parent-drawer-header h3{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.15rem;font-weight:700;display:flex}.parent-drawer-list{flex-direction:column;flex:1;gap:12px;padding:14px 18px;display:flex;overflow-y:auto}.parent-notif-item{cursor:pointer;background:#1e293b80;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;transition:all .2s;display:flex}.parent-notif-item:hover{background:#1e293bcc;border-color:#6366f14d}.parent-notif-item.item-unread{background:#6366f10f;border-left:3px solid #6366f1}.item-meta-top{color:#94a3b8;justify-content:space-between;align-items:center;font-size:.74rem;display:flex}.item-notif-title{color:#fff;margin:0;font-size:.88rem;font-weight:600}.item-notif-msg{color:#cbd5e1;margin:0;font-size:.8rem;line-height:1.4}.item-child-tag{color:#818cf8;align-items:center;gap:4px;font-size:.72rem;font-weight:500;display:inline-flex}.notif-settings-footer{background:#1e293b80;border:1px solid #ffffff14;border-radius:14px;justify-content:flex-end;align-items:center;gap:16px;margin-top:8px;padding:16px 20px;display:flex}.leave-module-root{color:#f1f5f9;flex-direction:column;gap:20px;width:100%;animation:.3s cubic-bezier(.16,1,.3,1) leaveFadeIn;display:flex}@keyframes leaveFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.leave-top-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f172ad9 0%,#1e293bb3 100%);border:1px solid #ffffff14;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 4px 20px #00000040}.leave-header-meta h1{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:10px;margin:0 0 4px;font-size:1.45rem;font-weight:700;display:flex}.leave-header-sub{color:#94a3b8;margin:0;font-size:.84rem}.leave-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.leave-tabs-nav{background:#0f172ab3;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:4px;display:flex}.leave-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.86rem;font-weight:500;transition:all .2s;display:flex}.leave-tab-btn:hover{color:#f1f5f9;background:#ffffff0a}.leave-tab-btn.active{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);font-weight:600;box-shadow:0 2px 10px #2563eb59}.leave-tab-badge{color:#f87171;background:#ef444440;border:1px solid #ef444466;border-radius:10px;padding:1px 6px;font-size:.72rem;font-weight:700}.leave-tab-btn.active .leave-tab-badge{color:#1d4ed8;background:#fff;border-color:#fff}.btn-leave-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 16px;font-size:.86rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #2563eb4d}.btn-leave-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb73}.btn-leave-outline{color:#e2e8f0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-size:.86rem;font-weight:500;transition:all .2s;display:flex}.btn-leave-outline:hover{background:#ffffff14;border-color:#fff3}.leave-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.leave-kpi-card{background:linear-gradient(135deg,#0f172abf 0%,#1e293b80 100%);border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:16px;padding:18px 20px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.leave-kpi-card:hover{border-color:#ffffff2e;transform:translateY(-2px)}.kpi-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.kpi-icon-blue{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f640}.kpi-icon-amber{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b40}.kpi-icon-rose{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e40}.kpi-icon-emerald{color:#34d399;background:#10b98126;border:1px solid #10b98140}.kpi-content{flex-direction:column;display:flex}.kpi-val{color:#fff;letter-spacing:-.02em;font-size:1.65rem;font-weight:700;line-height:1.1}.kpi-lbl{color:#94a3b8;margin-top:3px;font-size:.8rem;font-weight:500}.kpi-sub{color:#64748b;margin-top:2px;font-size:.72rem}.leave-dashboard-split{grid-template-columns:1.15fr .85fr;gap:20px;display:grid}@media (width<=1024px){.leave-dashboard-split{grid-template-columns:1fr}}.leave-panel-card{background:linear-gradient(135deg,#0f172acc 0%,#1e293b99 100%);border:1px solid #ffffff14;border-radius:14px;padding:20px;box-shadow:0 4px 20px #00000040}.panel-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.panel-title{color:#f1f5f9;align-items:center;gap:8px;margin:0;font-size:1.05rem;font-weight:600;display:flex}.panel-action-btn{color:#60a5fa;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:600;transition:all .2s}.panel-action-btn:hover{background:#3b82f61f}.quick-queue-list{flex-direction:column;gap:10px;display:flex}.quick-queue-item{background:#0f172a99;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .2s;display:flex}.quick-queue-item:hover{background:#1e293bb3;border-color:#ffffff1a}.item-left-meta{align-items:center;gap:12px;display:flex}.queue-type-indicator{border-radius:4px;width:8px;height:38px}.queue-type-student{background:#38bdf8}.queue-type-teacher{background:#a78bfa}.queue-name-meta{flex-direction:column;display:flex}.queue-item-title{color:#f8fafc;font-size:.92rem;font-weight:600}.queue-item-desc{color:#94a3b8;align-items:center;gap:8px;margin-top:2px;font-size:.76rem;display:flex}.queue-action-btns{align-items:center;gap:6px;display:flex}.btn-queue-approve{color:#34d399;cursor:pointer;background:#10b98126;border:1px solid #10b9814d;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.btn-queue-approve:hover{color:#fff;background:#10b9814d}.btn-queue-reject{color:#fb7185;cursor:pointer;background:#f43f5e26;border:1px solid #f43f5e4d;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.btn-queue-reject:hover{color:#fff;background:#f43f5e4d}.leave-filter-bar{background:#0f172ab3;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.search-input-wrap{flex:1;min-width:200px;position:relative}.search-input-field{box-sizing:border-box;color:#f8fafc;background:#1e293b99;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:9px 12px 9px 36px;font-size:.86rem;transition:border-color .2s}.search-input-field:focus{background:#1e293be6;border-color:#3b82f6}.date-range-wrap{color:#94a3b8;align-items:center;gap:8px;font-size:.82rem;display:flex}.date-input{color:#f8fafc;background:#1e293b99;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px 10px;font-size:.82rem}.leave-table-container{background:linear-gradient(135deg,#0f172acc 0%,#1e293b99 100%);border:1px solid #ffffff14;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000040}.leave-table{border-collapse:collapse;text-align:left;width:100%;font-size:.86rem}.leave-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:#0f172ae6;border-bottom:1px solid #ffffff14;padding:12px 16px;font-size:.78rem;font-weight:600}.leave-table td{color:#e2e8f0;vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:14px 16px}.leave-table tr:hover td{background:#ffffff05}.status-pill{letter-spacing:.02em;border-radius:12px;align-items:center;gap:5px;padding:3px 9px;font-size:.74rem;font-weight:600;display:inline-flex}.status-pill-pending{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.status-pill-approved{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.status-pill-rejected{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}.status-pill-cancelled{color:#94a3b8;background:#64748b26;border:1px solid #64748b4d}.user-info-cell{align-items:center;gap:10px;display:flex}.user-avatar-circle{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex}.user-meta-lines{flex-direction:column;display:flex}.user-full-name{color:#fff;font-weight:600}.user-sub-id{color:#64748b;font-size:.74rem}.teacher-balance-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px;display:grid}.balance-box{background:#0f172aa6;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.balance-top-row{justify-content:space-between;align-items:center;display:flex}.balance-type-name{color:#e2e8f0;font-size:.86rem;font-weight:600}.balance-stat-badge{color:#60a5fa;background:#3b82f626;border-radius:6px;padding:2px 7px;font-size:.74rem;font-weight:700}.balance-bar-wrap{background:#ffffff14;border-radius:4px;width:100%;height:6px;overflow:hidden}.balance-bar-fill{background:linear-gradient(90deg,#3b82f6 0%,#10b981 100%);border-radius:4px;height:100%;transition:width .3s}.balance-footer-meta{color:#94a3b8;justify-content:space-between;align-items:center;font-size:.74rem;display:flex}.leave-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.2s modalFade;display:flex;position:fixed;inset:0}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.leave-modal-box{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 10px 40px #0009}.leave-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.leave-modal-title{color:#fff;align-items:center;gap:8px;margin:0;font-size:1.15rem;font-weight:700;display:flex}.leave-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.leave-modal-close:hover{color:#fff;background:#ffffff14}.leave-modal-body{flex-direction:column;gap:16px;padding:22px 24px;display:flex}.leave-form-group{flex-direction:column;gap:6px;display:flex}.leave-form-label{color:#cbd5e1;font-size:.82rem;font-weight:600}.leave-form-input,.leave-form-select,.leave-form-textarea{box-sizing:border-box;color:#fff;background:#0f172acc;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.leave-form-input:focus,.leave-form-select:focus,.leave-form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.leave-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.leave-modal-footer{border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.leave-empty-box{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;display:flex}.empty-icon-circle{color:#64748b;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:4px;display:flex}.leave-toast{z-index:1050;border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:.88rem;font-weight:500;animation:.25s toastSlideUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0006}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.leave-toast-success{color:#34d399;background:#064e3b;border:1px solid #059669}.leave-toast-error{color:#fda4af;background:#881337;border:1px solid #e11d48}.ann-mgr-container{flex-direction:column;gap:24px;width:100%;padding-bottom:60px;animation:.25s ease-in-out annFadeIn;display:flex}@keyframes annFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ann-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#1e293bbf 0%,#0f172ad9 100%);border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;display:flex;box-shadow:0 6px 24px #00000040}.ann-header-left{align-items:center;gap:16px;display:flex}.ann-header-icon{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 4px 16px #f59e0b59}.ann-header-titles h1{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.5rem;font-weight:700;display:flex}.ann-header-titles p{color:#94a3b8;margin:4px 0 0;font-size:.86rem}.ann-header-actions{align-items:center;gap:12px;display:flex}.btn-primary-ann{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #f59e0b4d}.btn-primary-ann:hover{transform:translateY(-1px);box-shadow:0 6px 18px #f59e0b73}.btn-secondary-ann{color:#e2e8f0;cursor:pointer;background:#1e293bcc;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary-ann:hover{color:#fff;background:#334155e6}.ann-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.ann-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293bb3 0%,#0f172acc 100%);border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000002e}.ann-stat-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);border-radius:50%;width:80px;height:80px;position:absolute;top:0;right:0}.stat-icon-badge{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.badge-amber{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 12px #f59e0b4d}.badge-emerald{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}.badge-indigo{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 4px 12px #6366f14d}.badge-rose{background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);box-shadow:0 4px 12px #f43f5e4d}.stat-info{flex-direction:column;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:.78rem;font-weight:600}.stat-value{color:#fff;margin:3px 0;font-size:1.7rem;font-weight:700}.stat-subtext{color:#64748b;font-size:.76rem}.ann-filter-bar{background:#1e293b99;border:1px solid #ffffff14;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.filter-left-group{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.search-input-wrap{flex:1;min-width:260px;max-width:380px;position:relative}.search-input-wrap svg{color:#64748b;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input-wrap input{color:#fff;background:#0f172acc;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:9px 14px 9px 36px;font-size:.85rem;transition:border-color .2s}.search-input-wrap input:focus{border-color:#f59e0b}.filter-select{color:#cbd5e1;cursor:pointer;background:#0f172acc;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:9px 14px;font-size:.85rem}.filter-select:focus{border-color:#f59e0b}.audience-tabs-pills{background:#0f172a99;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:4px;display:flex}.pill-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .2s}.pill-tab:hover{color:#fff}.pill-tab.active-pill{color:#0f172a;background:#f59e0b;font-weight:600}.announcements-grid{flex-direction:column;gap:14px;display:flex}.ann-card-item{background:linear-gradient(135deg,#1e293ba6 0%,#0f172abf 100%);border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 22px;transition:transform .2s,border-color .2s;display:flex}.ann-card-item:hover{border-color:#f59e0b59;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.ann-card-item.urgent-card{border-left:4px solid #f43f5e}.ann-card-left{flex:1;gap:16px;display:flex}.ann-priority-indicator{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;display:flex}.ind-urgent{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}.ind-high{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.ind-medium{color:#818cf8;background:#6366f126;border:1px solid #6366f14d}.ind-low{color:#94a3b8;background:#64748b26;border:1px solid #64748b4d}.ann-content-col{flex-direction:column;flex:1;gap:6px;display:flex}.ann-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ann-card-title{color:#fff;margin:0;font-size:1.05rem;font-weight:600}.ann-card-message{color:#cbd5e1;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.45;display:-webkit-box;overflow:hidden}.ann-meta-pills{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.meta-pill{border-radius:9999px;align-items:center;gap:4px;padding:3px 9px;font-size:.74rem;font-weight:500;display:inline-flex}.pill-audience-all{color:#a5b4fc;background:#6366f126;border:1px solid #6366f140}.pill-audience-parents{color:#6ee7b7;background:#10b98126;border:1px solid #10b98140}.pill-audience-teachers{color:#fde68a;background:#f59e0b26;border:1px solid #f59e0b40}.pill-audience-students{color:#7dd3fc;background:#38bdf826;border:1px solid #38bdf840}.pill-status-published{color:#34d399;background:#10b98133;font-weight:600}.pill-status-draft{color:#fbbf24;background:#f59e0b33;font-weight:600}.pill-status-archived{color:#94a3b8;background:#64748b33}.pill-status-expired{color:#f87171;background:#ef444433;border:1px solid #ef44444d;font-weight:600}.pill-date{color:#94a3b8;align-items:center;gap:4px;font-size:.75rem;display:inline-flex}.ann-card-actions{align-items:center;gap:8px;display:flex}.btn-action-icon{color:#94a3b8;cursor:pointer;background:#1e293bcc;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.btn-action-icon:hover{color:#fff;background:#334155e6}.btn-action-icon.btn-delete:hover{color:#f43f5e;background:#f43f5e33;border-color:#f43f5e4d}.btn-status-toggle{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-publish{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.btn-publish:hover{background:#10b9814d}.btn-unpublish{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.btn-unpublish:hover{background:#f59e0b4d}.ann-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0a0f1dcc;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ann-modal-box{background:#0f172a;border:1px solid #ffffff1f;border-radius:18px;width:100%;max-width:620px;max-height:90vh;animation:.2s ease-out modalPop;overflow-y:auto;box-shadow:0 20px 40px #0009}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ann-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ann-modal-header h3{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.25rem;display:flex}.btn-close-modal{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px}.btn-close-modal:hover{color:#fff}.ann-modal-form{flex-direction:column;gap:18px;padding:24px;display:flex}.form-field-group{flex-direction:column;gap:6px;display:flex}.form-field-group label{color:#cbd5e1;font-size:.84rem;font-weight:500}.form-field-group input,.form-field-group textarea,.form-field-group select{color:#fff;background:#1e293b99;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.form-field-group input:focus,.form-field-group textarea:focus,.form-field-group select:focus{border-color:#f59e0b}.form-row-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.checkbox-toggle-wrap{background:#1e293b66;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex}.checkbox-toggle-wrap input[type=checkbox]{accent-color:#f59e0b;width:17px;height:17px}.checkbox-toggle-wrap label{color:#cbd5e1;cursor:pointer;font-size:.84rem}.ann-modal-actions{background:#0f172a80;border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.ann-empty-box{text-align:center;background:#1e293b66;border:1px dashed #ffffff1f;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.ann-empty-icon{color:#fbbf24;background:#f59e0b26;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.ann-empty-box h3{color:#fff;margin:0;font-size:1.15rem}.ann-empty-box p{color:#94a3b8;max-width:400px;margin:0;font-size:.86rem}.suggestion-pill{color:#fde68a;cursor:pointer;text-align:left;background:#f59e0b1a;border:1px dashed #f59e0b4d;border-radius:8px;padding:6px 12px;font-size:.78rem;transition:all .15s}.suggestion-pill:hover{background:#f59e0b33;border-color:#f59e0b}@media (width<=768px){.form-row-grid{grid-template-columns:1fr}.ann-card-item{flex-direction:column}.ann-card-actions{align-self:flex-end}}.section-mgmt-wrapper{color:#f8fafc;flex-direction:column;gap:24px;padding:8px 0 40px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.section-mgmt-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex;box-shadow:0 8px 32px #00000040}.section-mgmt-title h2{color:#fff;letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:1.5rem;font-weight:700;display:flex}.section-mgmt-title p{color:#94a3b8;margin:6px 0 0;font-size:.88rem}.section-header-actions{align-items:center;gap:12px;display:flex}.btn-add-class{color:#818cf8;cursor:pointer;background:#6366f126;border:1px solid #6366f159;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.btn-add-class:hover{color:#a5b4fc;background:#6366f140;border-color:#6366f180;transform:translateY(-1px)}.btn-add-section{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #6366f159}.btn-add-section:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.section-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.section-kpi-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:16px;padding:18px 20px;display:flex}.kpi-icon-box.purple{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.kpi-icon-box.blue{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.kpi-icon-box.green{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.kpi-icon-box.amber{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.kpi-details span{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:500}.kpi-details h3{color:#f8fafc;margin:4px 0 0;font-size:1.4rem;font-weight:700}.class-group-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff14;border-radius:16px;overflow:hidden}.class-group-header{background:#1e293b80;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.class-group-title{align-items:center;gap:12px;display:flex}.class-group-title h3{color:#fff;margin:0;font-size:1.15rem;font-weight:700}.class-level-badge{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600}.class-stats-meta{color:#cbd5e1;align-items:center;gap:16px;font-size:.82rem;display:flex}.btn-class-add-sec{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.btn-class-add-sec:hover{color:#818cf8;background:#6366f133;border-color:#6366f166}.sections-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:20px 24px;display:grid}.section-item-card{background:#1e293b66;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;gap:14px;padding:16px 18px;transition:all .2s;display:flex}.section-item-card:hover{border-color:#6366f166;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.section-card-top{justify-content:space-between;align-items:center;display:flex}.section-name-badge{align-items:center;gap:8px;display:flex}.sec-letter{color:#a5b4fc;background:#6366f133;border:1px solid #6366f166;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;font-weight:700;display:flex}.sec-title{color:#fff;font-size:1rem;font-weight:700}.section-card-actions{align-items:center;gap:6px;display:flex}.btn-icon-sec{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.btn-icon-sec:hover.edit{color:#60a5fa;background:#3b82f633;border-color:#3b82f666}.btn-icon-sec:hover.delete{color:#f87171;background:#ef444433;border-color:#ef444466}.section-enrollment-box{flex-direction:column;gap:6px;display:flex}.enrollment-label-row{color:#cbd5e1;justify-content:space-between;font-size:.78rem;display:flex}.progress-bar-bg{background:#ffffff14;border-radius:10px;width:100%;height:7px;overflow:hidden}.progress-bar-fill{border-radius:10px;height:100%;transition:width .4s}.progress-bar-fill.normal{background:linear-gradient(90deg,#10b981,#34d399)}.progress-bar-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-bar-fill.danger{background:linear-gradient(90deg,#ef4444,#f87171)}.capacity-status-pill{border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:600}.capacity-status-pill.normal{color:#34d399;background:#10b98126}.capacity-status-pill.warning{color:#fbbf24;background:#f59e0b26}.capacity-status-pill.danger{color:#f87171;background:#ef444426}.section-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.section-modal-container{background:#0f172a;border:1px solid #ffffff1f;border-radius:18px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 20px 50px #00000080}.section-modal-header{background:#1e293b80;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.section-modal-header h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:1.15rem;display:flex}.btn-close-modal{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.btn-close-modal:hover{color:#fff;background:#ffffff1a}.section-modal-body{flex-direction:column;gap:18px;padding:24px;display:flex}.form-group-sec label{color:#cbd5e1;margin-bottom:6px;font-size:.84rem;font-weight:600;display:block}.form-input-sec{color:#fff;background:#1e293bcc;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:.9rem;transition:border-color .2s}.form-input-sec:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.quick-name-suggestions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.suggestion-chip{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;padding:4px 10px;font-size:.75rem;transition:all .2s}.suggestion-chip:hover{color:#818cf8;background:#6366f133;border-color:#6366f166}.section-modal-footer{background:#1e293b4d;border-top:1px solid #ffffff14;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-cancel-modal{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;padding:9px 18px;font-size:.88rem;font-weight:500}.btn-save-modal{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:10px;padding:9px 22px;font-size:.88rem;font-weight:600}.alert-error-box{color:#f87171;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:.84rem;display:flex}@media (width<=768px){.section-mgmt-header{flex-direction:column;align-items:stretch;gap:14px;padding:18px 16px}.section-header-actions{flex-direction:column;gap:10px;width:100%}.btn-add-class,.btn-add-section{justify-content:center;width:100%}.section-kpi-grid{grid-template-columns:1fr}.class-group-header{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.class-stats-meta{flex-wrap:wrap;justify-content:space-between;gap:10px;width:100%}.btn-class-add-sec{justify-content:center;width:100%}.sections-grid{grid-template-columns:1fr;gap:12px;padding:14px}.section-modal-container{width:95%;max-width:480px;margin:12px auto}.section-modal-footer{flex-direction:column-reverse;align-items:stretch;gap:10px;padding:14px 18px}.btn-cancel-modal,.btn-save-modal{text-align:center;justify-content:center;width:100%;display:flex}}.btn-class-add-subject{color:#34d399;cursor:pointer;background:#10b9811f;border:1px solid #10b9814d;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.btn-class-add-subject:hover{color:#6ee7b7;background:#10b98138;border-color:#10b98180;transform:translateY(-1px)}.class-subjects-container{background:#0f172a59;border-top:1px solid #ffffff0f;padding:16px 24px 20px}.class-subjects-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.class-subjects-title{color:#cbd5e1;align-items:center;gap:8px;font-size:.86rem;font-weight:600;display:flex}.btn-inline-add-sub{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.76rem;font-weight:500;transition:all .2s;display:flex}.btn-inline-add-sub:hover{color:#34d399;background:#10b98126;border-color:#10b98159}.empty-subjects-box{color:#94a3b8;background:#1e293b40;border:1px dashed #ffffff1a;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:.82rem;display:flex}.btn-empty-add-sub{color:#34d399;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:600;text-decoration:underline}.btn-empty-add-sub:hover{color:#6ee7b7}.subjects-chips-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.subject-chip-card{background:#1e293b73;border:1px solid #ffffff12;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.subject-chip-card:hover{background:#1e293bb3;border-color:#10b98159;transform:translateY(-1px)}.subject-chip-left{align-items:center;gap:10px;min-width:0;display:flex}.subject-chip-badge{color:#34d399;background:#10b98126;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.82rem;font-weight:700;display:flex}.subject-chip-details{flex-direction:column;min-width:0;display:flex}.subject-chip-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;overflow:hidden}.subject-chip-tags{align-items:center;gap:6px;margin-top:2px;display:flex}.chip-tag{border-radius:4px;padding:1px 6px;font-size:.68rem;font-weight:500}.chip-tag.code{color:#a5b4fc;background:#6366f126}.chip-tag.dept{color:#94a3b8;background:#ffffff0f}.btn-chip-remove{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.btn-chip-remove:hover{color:#f87171;background:#ef44442e}.subject-mode-tabs{background:#0f172a99;border:1px solid #ffffff14;border-radius:10px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.mode-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:8px 12px;font-size:.82rem;font-weight:600;transition:all .2s}.mode-tab-btn.active{color:#34d399;background:#10b9812e;border:1px solid #10b9814d}.accounts-mgmt-container{flex-direction:column;gap:24px;width:100%;display:flex}.accounts-module-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1e293bbf 0%,#0f172ae6 100%);border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 8px 24px #0000004d}.accounts-header-info{align-items:center;gap:16px;display:flex}.accounts-header-icon{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex;box-shadow:0 6px 18px #0284c766}.accounts-header-title{color:#f8fafc;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700}.accounts-header-sub{color:#94a3b8;margin:3px 0 0;font-size:13px}.accounts-sub-nav{background:#0f172aa6;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:5px;display:flex}.accounts-nav-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.accounts-nav-btn:hover{color:#f8fafc;background:#ffffff0d}.accounts-nav-btn.active{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);box-shadow:0 4px 14px #0284c759}.accounts-kpi-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (width<=1200px){.accounts-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.accounts-kpi-grid{grid-template-columns:1fr}}.accounts-kpi-card{background:linear-gradient(135deg,#1e293bb3 0%,#0f172ad9 100%);border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.accounts-kpi-card:hover{border-color:#ffffff29;transform:translateY(-2px)}.accounts-kpi-card.highlight{background:linear-gradient(135deg,#0ea5e91f 0%,#0f172ae6 100%);border-color:#0ea5e966}.accounts-kpi-card.balance-positive{background:linear-gradient(135deg,#10b9811f 0%,#0f172ae6 100%);border-color:#10b98166}.accounts-kpi-card.balance-negative{background:linear-gradient(135deg,#ef44441f 0%,#0f172ae6 100%);border-color:#ef444466}.accounts-kpi-label{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-bottom:6px;font-size:12px;font-weight:600}.accounts-kpi-value{color:#f8fafc;font-size:24px;font-weight:700;line-height:1.2}.accounts-kpi-sub{color:#64748b;margin-top:4px;font-size:11px}.accounts-kpi-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.accounts-icon-blue{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);box-shadow:0 4px 12px #0284c74d}.accounts-icon-green{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}.accounts-icon-rose{background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);box-shadow:0 4px 12px #f43f5e4d}.accounts-icon-amber{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 12px #f59e0b4d}.accounts-icon-purple{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);box-shadow:0 4px 12px #8b5cf64d}.accounts-action-bar{background:#1e293b80;border:1px solid #ffffff0f;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.accounts-btn-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.accounts-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #0284c740}.accounts-btn-primary:hover{background:linear-gradient(135deg,#0369a1 0%,#075985 100%);transform:translateY(-1px)}.accounts-btn-secondary{color:#cbd5e1;cursor:pointer;background:#0f172a99;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.accounts-btn-secondary:hover{color:#f8fafc;background:#ffffff14;border-color:#fff3}.accounts-btn-danger{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.accounts-btn-danger:hover{color:#fff;background:#ef444433}.accounts-filter-bar{background:#1e293b66;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.accounts-filter-item{flex-direction:column;gap:4px;display:flex}.accounts-filter-label{text-transform:uppercase;letter-spacing:.4px;color:#94a3b8;font-size:11px;font-weight:600}.accounts-input,.accounts-select,.accounts-form-input,.accounts-form-select,.accounts-form-textarea{box-sizing:border-box;border-radius:10px;outline:none;width:100%;padding:9px 13px;font-family:inherit;font-size:13.5px;transition:all .2s cubic-bezier(.16,1,.3,1);color:#f8fafc!important;background:#0f172a!important;border:1px solid #ffffff24!important}.accounts-form-textarea{resize:vertical;min-height:60px}.accounts-input:focus,.accounts-select:focus,.accounts-form-input:focus,.accounts-form-select:focus,.accounts-form-textarea:focus{color:#fff!important;background-color:#0f172a!important;border-color:#0ea5e9!important;box-shadow:0 0 0 3px #0ea5e940!important}.accounts-select option,.accounts-form-select option,.accounts-modal-container select option,.accounts-filter-bar select option,select option{color:#f8fafc!important;background-color:#0f172a!important;padding:10px 14px!important;font-size:13.5px!important;font-weight:500!important}.accounts-select option:checked,.accounts-form-select option:checked{color:#fff!important;background-color:#0284c7!important;font-weight:600!important}.accounts-table-card{background:linear-gradient(135deg,#1e293bb3 0%,#0f172ad9 100%);border:1px solid #ffffff14;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 8px 24px #00000040}.accounts-table-header{background:#0f172a4d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.accounts-table-title{color:#f8fafc;margin:0;font-size:16px;font-weight:700}.accounts-table-count{color:#94a3b8;font-size:12px;font-weight:500}.accounts-table-wrapper{width:100%;overflow-x:auto}.accounts-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.accounts-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#0f172a99;border-bottom:1px solid #ffffff0f;padding:12px 16px;font-size:11px;font-weight:600}.accounts-table td{color:#cbd5e1;vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:14px 16px}.accounts-table tr:hover td{background:#ffffff05}.accounts-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.accounts-badge-credit{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.accounts-badge-debit{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}.accounts-badge-category{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f640}.accounts-badge-method{color:#cbd5e1;background:#94a3b81f;border:1px solid #94a3b833}.text-credit{color:#10b981;font-variant-numeric:tabular-nums;font-weight:700}.text-debit{color:#f43f5e;font-variant-numeric:tabular-nums;font-weight:700}.text-balance-positive{color:#38bdf8;font-variant-numeric:tabular-nums;font-weight:700}.text-balance-negative{color:#f87171;font-variant-numeric:tabular-nums;font-weight:700}.accounts-pagination{background:#0f172a66;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.accounts-page-info{color:#94a3b8;font-size:12px}.accounts-page-controls{align-items:center;gap:8px;display:flex}.accounts-page-btn{color:#cbd5e1;cursor:pointer;background:#0f172a99;border:1px solid #ffffff1a;border-radius:8px;padding:6px 12px;font-size:12px;transition:all .2s}.accounts-page-btn:disabled{opacity:.4;cursor:not-allowed}.accounts-page-btn:not(:disabled):hover{color:#fff;background:#ffffff14}.accounts-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000c;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.accounts-modal,.accounts-modal-container{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - 48px);margin:auto;animation:.2s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3}.accounts-modal form,.accounts-modal-container form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.accounts-modal-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.accounts-modal-title{color:#f8fafc;margin:0;font-size:17px;font-weight:700}.accounts-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.accounts-modal-close:hover{color:#f8fafc;background:#ffffff14}.accounts-modal-body{flex-direction:column;flex:auto;gap:14px;min-height:0;padding:18px 22px;display:flex;overflow-y:auto}.accounts-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=540px){.accounts-form-row{grid-template-columns:1fr}}.accounts-form-group{flex-direction:column;gap:6px;display:flex}.accounts-form-label{color:#cbd5e1;font-size:12px;font-weight:600}.accounts-modal-footer{background:#0f172a66;border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:12px;padding:18px 24px;display:flex}.accounts-empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.accounts-empty-icon{color:#475569;margin-bottom:12px;font-size:40px}.accounts-empty-title{color:#94a3b8;margin:0 0 6px;font-size:15px;font-weight:600}.accounts-empty-desc{color:#64748b;max-width:340px;margin:0;font-size:13px}.accounts-reports-grid{grid-template-columns:280px 1fr;gap:20px;display:grid}.accounts-reports-grid>*{min-width:0}@media (width<=900px){.accounts-reports-grid{grid-template-columns:1fr}}.accounts-reports-menu{background:linear-gradient(135deg,#1e293bb3 0%,#0f172ad9 100%);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:6px;padding:16px;display:flex}.accounts-report-menu-item{color:#94a3b8;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.accounts-report-menu-item:hover{color:#f8fafc;background:#ffffff0d}.accounts-report-menu-item.active{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);box-shadow:0 4px 12px #0284c740}@media print{.no-print{display:none!important}body{color:#000!important;background:#fff!important}.accounts-table-card{box-shadow:none!important;background:#fff!important;border:1px solid #e2e8f0!important}.accounts-table th{color:#1e293b!important;background:#f1f5f9!important;border-bottom:2px solid #cbd5e1!important}.accounts-table td{color:#0f172a!important;border-bottom:1px solid #e2e8f0!important}.text-credit{color:#059669!important}.text-debit{color:#e11d48!important}.text-balance-positive{color:#0284c7!important}}.student-id-badge.clickable{cursor:pointer;transition:all .2s}.student-id-badge.clickable:hover{color:#fff;background:#2563eb59;border-color:#60a5fa;transform:translateY(-1px)}.pill-pending{color:#fbbf24;background:#f59e0b2e;border:1px solid #f59e0b59}.pill-missing{color:#fb7185;background:#f43f5e2e;border:1px solid #f43f5e59}.credential-slips-sheet{flex-direction:column;gap:20px;width:100%;display:flex}.official-credential-slip-card{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000059}.official-credential-slip-card:before{content:"";background:linear-gradient(90deg,#3b82f6,#6366f1,#10b981);height:4px;position:absolute;top:0;left:0;right:0}.slip-letterhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.slip-brand{align-items:center;gap:12px;display:flex}.slip-brand-icon{color:#60a5fa;background:#2563eb33;border:1px solid #60a5fa4d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.slip-brand h4{color:#fff;letter-spacing:-.3px;margin:0;font-size:16px;font-weight:800}.slip-brand p{color:#94a3b8;margin:2px 0 0;font-size:11.5px}.slip-role-badge{color:#93c5fd;text-transform:uppercase;letter-spacing:.5px;background:#2563eb2e;border:1px solid #60a5fa4d;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.slip-divider{background:#ffffff14;width:100%;height:1px}.slip-grid{grid-template-columns:repeat(2,1fr);gap:14px 20px;display:grid}@media (width<=640px){.slip-grid{grid-template-columns:1fr}}.slip-field{flex-direction:column;gap:3px;display:flex}.slip-field-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.slip-field-val{color:#f1f5f9;font-size:13.5px;font-weight:500}.slip-field-val.strong{color:#fff;font-weight:700}.slip-field-val.link{color:#60a5fa;font-family:monospace}.slip-creds-highlight{background:#02061799;border:1.5px dashed #60a5fa4d;border-radius:12px;grid-template-columns:1fr 1fr;gap:14px;padding:14px 18px;display:grid}.cred-highlight-box{flex-direction:column;gap:4px;display:flex}.cred-box-label{color:#94a3b8;letter-spacing:.8px;font-size:10px;font-weight:800}.cred-box-val{color:#38bdf8;letter-spacing:.5px;font-family:monospace;font-size:16px;font-weight:800}.slip-notice-box{background:#f59e0b14;border:1px solid #f59e0b40;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.slip-notice-box .notice-icon{color:#fbbf24;flex-shrink:0;margin-top:2px}.slip-notice-box p{color:#cbd5e1;margin:0;font-size:11.5px;line-height:1.45}.slip-notice-box strong{color:#fbbf24}.credentials-tabs-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172aa6;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:8px 12px;display:flex;position:relative;box-shadow:0 4px 20px #0003}.credentials-tabs-group{flex-shrink:0;align-items:center;gap:6px;display:flex;flex-wrap:nowrap!important}.credentials-header-actions{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.cred-status-badge{white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:9px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.cred-status-badge.status-online{color:#a7f3d0;background:#10b9811f;border:1px solid #10b98147}.cred-status-badge.status-online strong{color:#34d399;font-weight:700}.cred-status-badge.status-offline{color:#fda4af;background:#f43f5e1f;border:1px solid #f43f5e47}.cred-status-badge.status-offline strong{color:#fb7185;font-weight:700}.cred-status-indicator{justify-content:center;align-items:center;width:9px;height:9px;display:inline-flex;position:relative}.cred-core-dot{background:#10b981;border-radius:50%;width:7px;height:7px}.status-offline .cred-core-dot{background:#f43f5e}.cred-ping-dot{opacity:.75;background:#10b981;border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(0,0,.2,1) infinite credPulse;position:absolute}.status-offline .cred-ping-dot{display:none}@keyframes credPulse{0%{opacity:.8;transform:scale(.9)}70%,to{opacity:0;transform:scale(2.2)}}.cred-phone-tag{color:#6ee7b7;letter-spacing:.3px;background:#10b9812e;border:1px solid #10b9814d;border-radius:5px;padding:2px 7px;font-family:monospace;font-size:11px}.cred-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:9px;align-items:center;gap:7px;padding:8px 15px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.cred-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.cred-btn-whatsapp{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 3px 12px #10b9814d}.cred-btn-whatsapp:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1.5px);box-shadow:0 5px 16px #10b98173}.cred-btn-whatsapp:active:not(:disabled){transform:translateY(0)}.cred-btn-generate{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);box-shadow:0 3px 12px #3b82f64d}.cred-btn-generate:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);transform:translateY(-1.5px);box-shadow:0 5px 16px #3b82f673}.cred-btn-generate:active:not(:disabled){transform:translateY(0)}.spin-icon{animation:1s linear infinite credSpin}@keyframes credSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1080px){.credentials-tabs-header{flex-wrap:wrap;gap:12px}.credentials-header-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}}@media (width<=680px){.credentials-tabs-header{flex-direction:column;align-items:stretch;padding:10px}.credentials-tabs-group{width:100%}.credentials-tabs-group .tab-btn{flex:1;justify-content:center;padding:8px 10px;font-size:12.5px}.credentials-header-actions{flex-direction:column;align-items:stretch;gap:8px;width:100%}.cred-status-badge{justify-content:center}.cred-action-btn{justify-content:center;width:100%}}@media print{body{color:#000!important;background:#fff!important}.no-print,.school-admin-header,.school-admin-sidebar,.student-tabs-header,.credentials-tabs-header,.student-kpi-ribbon,.directory-filter-bar,.student-table-card{display:none!important}.student-print-overlay{background:0 0!important;padding:0!important;position:static!important;overflow:visible!important}.student-print-container{max-width:100%!important;margin:0!important;padding:0!important}.credential-slips-sheet{display:block!important}.official-credential-slip-card{page-break-inside:avoid!important;break-inside:avoid!important;color:#0f172a!important;box-shadow:none!important;background:#fff!important;border:2px solid #0f172a!important;border-radius:8px!important;margin-bottom:24px!important;padding:20px!important}.official-credential-slip-card:before{display:none!important}.slip-brand h4{color:#0f172a!important;font-size:16pt!important}.slip-brand p{color:#475569!important}.slip-brand-icon{color:#0f172a!important;background:#f1f5f9!important;border-color:#cbd5e1!important}.slip-role-badge{color:#0f172a!important;background:#f1f5f9!important;border:1px solid #94a3b8!important}.slip-divider{background:#cbd5e1!important}.slip-field-label{color:#64748b!important}.slip-field-val{color:#0f172a!important}.slip-field-val.link{color:#1d4ed8!important}.slip-creds-highlight{background:#f8fafc!important;border:1.5px dashed #475569!important}.cred-box-label{color:#475569!important}.cred-box-val{color:#0f172a!important;font-size:14pt!important}.slip-notice-box{background:#fefce8!important;border:1px solid #facc15!important}.slip-notice-box p,.slip-notice-box strong{color:#713f12!important}}.credentials-toast-header-wrapper{z-index:1000;pointer-events:auto;animation:.28s cubic-bezier(.16,1,.3,1) forwards toastHeaderSlideIn;position:absolute;top:50%;right:8px;transform:translateY(-50%)}@keyframes toastHeaderSlideIn{0%{opacity:0;transform:translateY(-50%)translate(24px)scale(.97)}to{opacity:1;transform:translateY(-50%)translate(0)scale(1)}}.credentials-toast-compact{-webkit-backdrop-filter:blur(20px);color:#f8fafc;background:#0f172af7;border-radius:11px;align-items:center;gap:10px;min-width:310px;max-width:450px;padding:6px 12px 7px 10px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px -3px #0009,0 0 0 1px #ffffff1a}.credentials-toast-compact.credentials-toast-success{border:1px solid #10b9818c;box-shadow:0 8px 25px -3px #000000a6,0 0 0 1px #10b9814d,0 0 20px -3px #10b98159}.credentials-toast-compact.credentials-toast-success .credentials-toast-icon-compact{color:#10b981;background:#10b9812e;border:1px solid #10b98166}.credentials-toast-compact.credentials-toast-error{border:1px solid #ef44448c;box-shadow:0 8px 25px -3px #000000a6,0 0 0 1px #ef44444d,0 0 20px -3px #ef444459}.credentials-toast-compact.credentials-toast-error .credentials-toast-icon-compact{color:#ef4444;background:#ef44442e;border:1px solid #ef444466}.credentials-toast-compact.credentials-toast-warning{border:1px solid #f59e0b8c}.credentials-toast-compact.credentials-toast-warning .credentials-toast-icon-compact{color:#f59e0b;background:#f59e0b2e;border:1px solid #f59e0b66}.credentials-toast-icon-compact{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.credentials-toast-content-compact{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.credentials-toast-title-compact{letter-spacing:.015em;color:#f8fafc;font-size:.78rem;font-weight:700;line-height:1.2}.credentials-toast-message-compact{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;max-width:340px;font-size:.74rem;font-weight:500;line-height:1.25;overflow:hidden}.credentials-toast-close-compact{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.credentials-toast-close-compact:hover{color:#f1f5f9;background:#ffffff1f}.credentials-toast-progress-compact{background:linear-gradient(90deg,#10b981,#34d399);width:100%;height:2.5px;animation:linear forwards toastProgressBar;position:absolute;bottom:0;left:0}.credentials-toast-compact.credentials-toast-error .credentials-toast-progress-compact{background:linear-gradient(90deg,#ef4444,#f87171)}.credentials-toast-compact.credentials-toast-warning .credentials-toast-progress-compact{background:linear-gradient(90deg,#f59e0b,#fbbf24)}@keyframes toastProgressBar{0%{width:100%}to{width:0%}}@media (width<=768px){.credentials-toast-header-wrapper{position:fixed;top:14px;left:12px;right:12px;transform:none}.credentials-toast-compact{min-width:unset;width:100%;max-width:unset}}@keyframes sett-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sett-root.sett-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:300px;font-size:.9rem;display:flex}.sett-root.sett-loading svg{color:#3b82f6}.sett-root{color:#f1f5f9;flex-direction:column;gap:20px;width:100%;animation:.3s cubic-bezier(.16,1,.3,1) sett-fade-in;display:flex}.sett-toast-stack{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.sett-toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:all;border-radius:10px;align-items:center;gap:10px;min-width:260px;max-width:380px;padding:12px 18px;font-size:.85rem;font-weight:500;animation:.25s sett-fade-in;display:flex;box-shadow:0 8px 30px #00000059}.toast-success{color:#6ee7b7;background:#10b9812e;border:1px solid #10b98166}.toast-error{color:#fca5a5;background:#ef44442e;border:1px solid #ef444466}.toast-info{color:#93c5fd;background:#3b82f62e;border:1px solid #3b82f666}.sett-page-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f172ae6 0%,#1e293bbf 100%);border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 24px;display:flex;box-shadow:0 4px 24px #00000047}.sett-page-title{letter-spacing:-.025em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:1.5rem;font-weight:800}.sett-page-sub{color:#94a3b8;margin:0;font-size:.83rem}.sett-header-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pill-db{color:#6ee7b7;background:#10b98124;border:1px solid #10b98159;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:600;display:flex}.pill-ls{color:#fcd34d;background:#f59e0b21;border:1px solid #f59e0b4d;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:600;display:flex}.sett-sid-badge{color:#93c5fd;background:#3b82f621;border:1px solid #3b82f64d;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:600;display:flex}.sett-jump-nav{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a1122e6;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 8px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0000004d}.jump-nav-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.83rem;font-weight:500;transition:all .2s;display:flex}.jump-nav-btn:hover{color:#cbd5e1;background:#ffffff0d}.jump-nav-btn.jump-active{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);font-weight:700;box-shadow:0 2px 10px #3b82f659}.sett-sections-list{flex-direction:column;gap:24px;display:flex}.sett-section-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f172ad9 0%,#1e293bb3 100%);border:1px solid #ffffff14;border-radius:16px;scroll-margin-top:80px;overflow:hidden;box-shadow:0 4px 24px #00000040}.sett-section-header{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 22px;display:flex}.sett-section-title{color:#f1f5f9;align-items:center;gap:12px;font-size:1.05rem;font-weight:700;display:flex}.sett-section-icon-box{color:#60a5fa;background:linear-gradient(135deg,#3b82f640,#2563eb33);border:1px solid #3b82f64d;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sett-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 11px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-db{color:#6ee7b7;background:#10b98124;border:1px solid #10b98159}.badge-ls{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b47}.sett-section-body{flex-direction:column;gap:18px;padding:22px;display:flex}.sett-info-bar{color:#93c5fd;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;align-items:center;gap:9px;padding:9px 14px;font-size:.82rem;display:flex}.sett-info-bar.info-amber{color:#fcd34d;background:#f59e0b17;border-color:#f59e0b38}.sett-grid{gap:16px;display:grid}.sett-grid.two-col{grid-template-columns:repeat(2,1fr)}@media (width<=700px){.sett-grid.two-col{grid-template-columns:1fr}}.sett-field-group{flex-direction:column;gap:6px;display:flex}.sett-field-group.full-col{grid-column:1/-1}.sett-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.045em;align-items:center;gap:5px;font-size:.79rem;font-weight:600;display:flex}.req{color:#f87171}.sett-input{color:#f1f5f9;box-sizing:border-box;background:#0f172abf;border:1px solid #ffffff1a;border-radius:9px;outline:none;width:100%;padding:10px 13px;font-family:inherit;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.sett-input:focus{border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f61f}.sett-input.input-error{border-color:#ef444499;box-shadow:0 0 0 3px #ef44441a}.sett-input::placeholder{color:#475569}.sett-input.readonly-input{opacity:.5;cursor:not-allowed;background:#0f172a66}.sett-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.sett-select option{color:#f1f5f9;background:#1e293b}.sett-textarea{resize:vertical;min-height:78px;line-height:1.5}.field-error{color:#f87171;font-size:.76rem;font-weight:500}.sett-days-grid{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.day-chip{cursor:pointer;color:#64748b;-webkit-user-select:none;user-select:none;background:#0f172a99;border:1px solid #ffffff1a;border-radius:9px;justify-content:center;align-items:center;width:54px;height:40px;font-size:.83rem;font-weight:600;transition:all .2s;display:inline-flex}.day-chip:hover{color:#93c5fd;border-color:#3b82f666}.day-chip.day-active{color:#60a5fa;background:linear-gradient(135deg,#3b82f640,#2563eb33);border-color:#3b82f699;box-shadow:0 0 0 2px #3b82f626}.sett-toggles{border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.sett-toggle-row{background:#0f172a66;justify-content:space-between;align-items:center;gap:16px;padding:13px 18px;transition:background .2s;display:flex}.sett-toggle-row:hover{background:#1e293b80}.sett-toggle-row+.sett-toggle-row{border-top:1px solid #ffffff0d}.toggle-text{flex-direction:column;flex:1;gap:2px;display:flex}.toggle-label{color:#e2e8f0;font-size:.87rem;font-weight:600}.toggle-desc{color:#64748b;font-size:.77rem}.toggle-switch{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:9999px;outline:none;flex-shrink:0;width:44px;height:24px;padding:0;transition:all .25s;position:relative}.toggle-switch.toggle-on{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 2px 10px #3b82f666}.toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.16,1,.3,1);display:block;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0000004d}.toggle-switch.toggle-on .toggle-knob{transform:translate(20px)}.sett-save-row{justify-content:flex-end;padding-top:2px;display:flex}.btn-sett-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:9px;align-items:center;gap:8px;padding:10px 22px;font-size:.87rem;font-weight:600;transition:all .22s;display:flex;box-shadow:0 4px 14px #3b82f659}.btn-sett-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3b82f680}.btn-sett-save:disabled{opacity:.65;cursor:not-allowed}.spin-anim{animation:.7s linear infinite spin}.signature-upload-wrapper{background:#0f172a66;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;padding:16px;display:grid}@media (width<=768px){.signature-upload-wrapper{grid-template-columns:1fr}}.signature-dropzone{text-align:center;cursor:pointer;background:#3b82f60a;border:2px dashed #3b82f666;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:24px 16px;transition:all .2s;display:flex}.signature-dropzone:hover{background:#3b82f614;border-color:#3b82f6}.signature-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:16px;display:flex;position:relative;box-shadow:0 4px 12px #0000001a}.signature-preview-img{object-fit:contain;max-width:180px;max-height:70px;display:block}.signature-preview-placeholder{color:#94a3b8;flex-direction:column;align-items:center;gap:6px;font-size:.82rem;font-style:italic;display:flex}.btn-remove-sig{color:#b91c1c;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:4px;margin-top:8px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.btn-remove-sig:hover{color:#991b1b;background:#fecaca}.signature-preview-card.transparent-checker{background-color:#fff;background-image:linear-gradient(45deg,#f1f5f9 25%,#0000 25%),linear-gradient(-45deg,#f1f5f9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f1f5f9 75%),linear-gradient(-45deg,#0000 75%,#f1f5f9 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px}.signature-badge-trans{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:9999px;align-items:center;gap:4px;margin-bottom:6px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.sig-action-btns{align-items:center;gap:8px;margin-top:8px;display:flex}.btn-magic-trans{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.btn-magic-trans:hover{color:#1e40af;background:#dbeafe}.sig-auto-toggle-wrap{color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.sig-auto-toggle-wrap input[type=checkbox]{cursor:pointer;accent-color:#3b82f6;width:15px;height:15px}.school-admin-layout{color:#f8fafc;background-color:#090d16;background-image:radial-gradient(at 10% 10%,#6366f114 0,#0000 45%),radial-gradient(at 90% 90%,#0ea5e914 0,#0000 45%);width:100%;max-width:100vw;height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.school-admin-viewport{will-change:width;flex-direction:column;flex:1;width:100%;min-width:0;height:100dvh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden auto}.school-nav-header{box-sizing:border-box;-webkit-backdrop-filter:blur(16px);z-index:90;background:#0f172a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:66px;min-height:66px;max-height:66px;padding:0 24px;display:flex;position:sticky;top:0}.header-left-nav{align-items:center;gap:14px;display:flex}.btn-sidebar-toggle{color:#cbd5e1;cursor:pointer;background:#1e293b80;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 6px #0003}.btn-sidebar-toggle:hover{color:#fff;background:#6366f133;border-color:#6366f166;transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.btn-sidebar-toggle:active{transform:translateY(0)}.sidebar-toggle-icon{transition:transform .25s}.btn-sidebar-toggle:hover .sidebar-toggle-icon{transform:scale(1.08)}.sidebar-mobile-backdrop{display:none}.header-global-search{align-items:center;width:360px;max-width:100%;display:flex;position:relative}.header-search-icon{color:#64748b;pointer-events:none;position:absolute;left:14px}.header-search-input{color:#fff;background:#1e293b73;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:9px 65px 9px 38px;font-size:13px;transition:all .2s}.header-search-input::placeholder{color:#64748b;font-size:12.5px}.header-search-input:focus{background:#1e293bd9;border-color:#6366f180;box-shadow:0 0 0 3px #6366f126}.search-kbd-shortcut{color:#64748b;pointer-events:none;background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:10px;font-weight:700;position:absolute;right:10px}.nav-user-actions{align-items:center;gap:12px;display:flex}.header-dropdown-wrap{position:relative}.btn-header-quick-actions{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;align-items:center;gap:7px;padding:8px 15px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 10px #10b98159}.btn-header-quick-actions:hover,.btn-header-quick-actions.btn-active{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 4px 14px #10b98173}.btn-header-notification{color:#cbd5e1;cursor:pointer;background:#1e293b80;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:relative}.btn-header-notification:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.notif-dot{background:#10b981;border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:9px;box-shadow:0 0 6px #10b981}.nav-user-profile-btn{cursor:pointer;color:#f1f5f9;box-sizing:border-box;background:#0f172a99;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;height:36px;padding:4px 10px 4px 5px;transition:all .2s;display:flex}.nav-user-profile-btn:hover,.nav-user-profile-btn.btn-active{background:#1e293be6;border-color:#6366f166;box-shadow:0 2px 10px #0000004d}.nav-user-avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 2px 6px #6366f166}.nav-user-meta{text-align:left;flex-direction:column;line-height:1.15;display:flex}.nav-user-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:.76rem;font-weight:600;overflow:hidden}.nav-user-role{color:#94a3b8;white-space:nowrap;font-size:.65rem;font-weight:500}.dropdown-chevron{color:#94a3b8;transition:transform .2s}.rotate-180{transform:rotate(180deg)}.header-dropdown-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0f172af2;border:1px solid #ffffff1a;border-radius:12px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 14px 32px #00000080,0 0 0 1px #ffffff0d}.quick-actions-menu{width:220px;padding:5px}.profile-dropdown-menu{box-sizing:border-box;width:175px;max-width:175px;max-height:230px;padding:5px}.profile-dropdown-menu .profile-dropdown-header{gap:8px;padding:5px 6px 4px}.profile-dropdown-menu .profile-hero-avatar{width:28px;height:28px;font-size:.8rem}.profile-dropdown-menu .profile-hero-name{max-width:120px;font-size:11px}.profile-dropdown-menu .profile-hero-email{max-width:120px;font-size:9.5px}.profile-dropdown-menu .dropdown-menu-item{gap:7px;padding:5px 7px}.profile-dropdown-menu .menu-item-icon{width:24px;height:24px}.profile-dropdown-menu .menu-item-text strong{font-size:11px}.profile-dropdown-menu .menu-item-text span{white-space:nowrap;text-overflow:ellipsis;max-width:125px;font-size:9px;overflow:hidden}.profile-dropdown-menu .dropdown-divider{margin:3px 0}.dropdown-menu-header{letter-spacing:.06em;color:#94a3b8;text-transform:uppercase;padding:6px 8px 4px;font-size:10px;font-weight:700}.dropdown-menu-item{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 8px;transition:all .15s;display:flex}.dropdown-menu-item:hover{color:#fff;background:#ffffff12}.menu-item-icon{color:#94a3b8;background:#ffffff0f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.dropdown-menu-item:hover .menu-item-icon{color:#fff;background:#ffffff1f}.icon-announcement{color:#c084fc;background:#c084fc26}.icon-logout{color:#f87171;background:#ef444426}.menu-item-text{flex-direction:column;display:flex}.menu-item-text strong{font-size:11.5px;font-weight:600;line-height:1.2}.menu-item-text span{color:#94a3b8;font-size:10px;line-height:1.2}.profile-dropdown-header{align-items:center;gap:9px;padding:6px 8px 4px;display:flex}.profile-hero-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 2px 6px #6366f159}.profile-hero-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;max-width:140px;margin:0;font-size:12px;font-weight:600;line-height:1.2;overflow:hidden}.profile-hero-email{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:10.5px;line-height:1.2;display:block;overflow:hidden}.profile-hero-badge{color:#818cf8;background:#6366f126;border:1px solid #818cf833;border-radius:4px;margin-top:2px;padding:1px 5px;font-size:9.5px;font-weight:600;display:inline-block}.dropdown-divider{background:#ffffff12;height:1px;margin:4px 0}.logout-item:hover{background:#ef44441f!important}.logout-item:hover .icon-logout{color:#f87171;background:#ef444440}.btn-school-logout{color:#fca5a5;cursor:pointer;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.btn-school-logout:hover{color:#fff;background:#ef444433;border-color:#ef444466}.school-dashboard-main{box-sizing:border-box;flex-direction:column;flex:1;gap:24px;width:100%;max-width:100%;margin:0 auto;padding:24px 28px;transition:padding .3s;display:flex}.dashboard-overview-flow{flex-direction:column;gap:24px;display:flex}.school-welcome-banner{background:linear-gradient(135deg,#1e293bb3 0%,#0f172ad9 100%);border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex;box-shadow:0 8px 24px #0000004d}.welcome-tagline{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f140;border-radius:9999px;align-items:center;gap:6px;margin-bottom:6px;padding:3px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.sparkle-gold{color:#facc15;flex-shrink:0}.welcome-heading{color:#fff;letter-spacing:-.3px;margin:0 0 4px;font-size:1.5rem;font-weight:700}.welcome-subtext{color:#94a3b8;margin:0;font-size:.88rem;line-height:1.45}.tenant-isolation-badge{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98140;border-radius:10px;flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.tenant-isolation-badge strong{font-size:.85rem;display:block}.tenant-isolation-badge span{color:#a7f3d0;font-size:.82rem;font-weight:600;display:block}.school-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi-card{background:#0f172aa6;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;justify-content:space-between;padding:18px 20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.kpi-card.clickable-kpi{cursor:pointer}.kpi-card.clickable-kpi:hover{border-color:#6366f159;transform:translateY(-2px);box-shadow:0 8px 20px #00000059}.kpi-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.kpi-card-title{color:#94a3b8;font-size:.82rem;font-weight:500}.kpi-icon-box{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.icon-students{color:#818cf8;background:#6366f126}.icon-teachers{color:#38bdf8;background:#0ea5e926}.icon-attendance{color:#34d399;background:#10b98126}.icon-fees{color:#fbbf24;background:#f59e0b26}.kpi-value{color:#fff;letter-spacing:-.5px;margin-bottom:8px;font-size:1.65rem;font-weight:700}.kpi-footer{justify-content:space-between;align-items:center;font-size:.76rem;display:flex}.kpi-trend.positive{color:#34d399;align-items:center;gap:2px;font-weight:600;display:inline-flex}.kpi-trend.neutral{color:#38bdf8;font-weight:600}.kpi-footer-meta{color:#64748b}.school-bottom-grid{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.dashboard-panel{background:#0f172aa6;border:1px solid #ffffff14;border-radius:16px;padding:20px 24px}.panel-title{color:#fff;letter-spacing:-.2px;margin:0 0 16px;font-size:1.05rem;font-weight:700}.operations-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.operation-btn{cursor:pointer;text-align:left;background:#1e293b80;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:12px;padding:14px;transition:all .15s;display:flex}.operation-btn:hover{background:#1e293bd9;border-color:#6366f159;transform:translateY(-2px)}.op-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-admission{color:#34d399;background:#10b98126}.icon-idcards{color:#facc15;background:#eab30826}.op-text{flex-direction:column;gap:2px;display:flex}.op-text strong{color:#fff;font-size:.88rem;font-weight:600}.op-text span{color:#94a3b8;font-size:.74rem}.tenant-detail-list{flex-direction:column;gap:10px;display:flex}.tenant-detail-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.detail-label{color:#94a3b8;font-size:.82rem}.detail-value{color:#f1f5f9;font-size:.85rem;font-weight:600}.detail-badge{color:#a5b4fc;background:#6366f133;border:1px solid #6366f159;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:.8rem;font-weight:600}.role-tag{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d;border-radius:6px;padding:2px 8px;font-size:.76rem;font-weight:600}.tenant-security-note{color:#c7d2fe;background:#6366f114;border:1px solid #6366f133;border-radius:8px;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;font-size:.76rem;line-height:1.4;display:flex}.security-icon{color:#818cf8;flex-shrink:0;margin-top:1px}.placeholder-module-card{text-align:center;background:#0f172a99;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.placeholder-icon-box{color:#60a5fa;background:#2563eb26;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.btn-return-overview{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;margin-top:8px;padding:10px 20px;font-size:13.5px;font-weight:600}.dashboard-top-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dash-stat-card{color:#fff;cursor:pointer;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:18px;padding:20px 22px;transition:all .28s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000004d}.dash-stat-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.dash-stat-card:hover:before{left:100%}.dash-stat-card:hover{transform:translateY(-4px)scale(1.01)}.card-gradient-blue{background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 50%,#60a5fa 100%)}.card-gradient-blue:hover{box-shadow:0 14px 30px -4px #3b82f680}.card-gradient-green{background:linear-gradient(135deg,#047857 0%,#10b981 50%,#34d399 100%)}.card-gradient-green:hover{box-shadow:0 14px 30px -4px #10b98180}.card-gradient-orange{background:linear-gradient(135deg,#c2410c 0%,#f97316 50%,#fb923c 100%)}.card-gradient-orange:hover{box-shadow:0 14px 30px -4px #f9731680}.card-gradient-purple{background:linear-gradient(135deg,#4338ca 0%,#6366f1 50%,#818cf8 100%)}.card-gradient-purple:hover{box-shadow:0 14px 30px -4px #6366f180}.dash-stat-icon-wrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff38;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .25s;display:flex;box-shadow:0 4px 12px #00000026}.dash-stat-card:hover .dash-stat-icon-wrap{transform:scale(1.08)rotate(3deg)}.icon-wrap-purple{background:#ffffff38}.check-circle-white{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 8px #00000026}.dash-stat-info{flex-direction:column;gap:2px;display:flex}.dash-stat-label{color:#ffffffeb;letter-spacing:.2px;font-size:.85rem;font-weight:600}.dash-stat-value{color:#fff;letter-spacing:-.5px;margin:3px 0;font-size:1.95rem;font-weight:800;line-height:1.1}.dash-stat-trend{color:#ffffffe6;background:#ffffff29;border-radius:9999px;width:fit-content;padding:2px 8px;font-size:.76rem;font-weight:600;display:inline-block}.dashboard-card{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;background:linear-gradient(135deg,#1e293bbf 0%,#0f172ae0 100%);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;min-width:0;max-width:100%;padding:24px 26px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 10px 30px #00000059}.dashboard-card:hover{border-color:#6366f138}.card-section-title{color:#fff;letter-spacing:-.2px;margin:0;font-size:1.05rem;font-weight:700}.dashboard-middle-grid{box-sizing:border-box;grid-template-columns:2fr 1fr;align-items:stretch;gap:20px;width:100%;min-width:0;display:grid}.overview-chart-card{min-height:320px}.chart-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.chart-title-legend-wrap{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.chart-legend-indicators{background:#0f172a99;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:14px;padding:4px 12px;display:flex}.chart-legend-item{color:#94a3b8;align-items:center;gap:6px;font-size:.76rem;font-weight:500;display:flex}.chart-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-cyan{background:#38bdf8;box-shadow:0 0 6px #38bdf899}.dot-green{background:#34d399;box-shadow:0 0 6px #34d39999}.dot-orange{background:#fb923c;box-shadow:0 0 6px #fb923c99}.chart-filter-group{align-items:center;gap:10px;display:flex}.chart-filter-select{color:#f1f5f9;cursor:pointer;background:#1e293ba6;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .15s}.chart-filter-select option{color:#f1f5f9;background:#0f172a}.chart-filter-select:hover,.chart-filter-select:focus{background:#1e293bf2;border-color:#6366f180;box-shadow:0 0 0 3px #6366f126}.chart-svg-container{width:100%;min-width:0;max-width:100%;height:240px;margin-top:10px;position:relative;overflow:hidden}.spline-chart-svg{width:100%;height:100%;display:block}.chart-axis-text{fill:#64748b;font-family:inherit;font-size:11px;font-weight:500}.chart-month-text{fill:#94a3b8;font-family:inherit;font-size:11.5px;font-weight:600}.upcoming-events-card{flex-direction:column;display:flex}.events-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.events-header-link{color:#818cf8;cursor:pointer;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:600;transition:color .15s}.events-header-link:hover{color:#a5b4fc;text-decoration:underline}.events-list-content{flex-direction:column;flex:1;gap:12px;margin:12px 0 18px;display:flex}.event-item-row{box-sizing:border-box;background:#1e293b73;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:14px;width:100%;min-width:0;padding:12px 14px;transition:transform .15s,background .15s,border-color .15s;display:flex}.event-item-row:hover{background:#1e293bbf;border-color:#6366f14d;transform:translate(2px)}.event-calendar-icon{background:#0f172ad9;border:1px solid #ef444459;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;width:40px;height:42px;display:flex;overflow:hidden;box-shadow:0 2px 8px #ef444433}.cal-header-red{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);width:100%;height:12px}.cal-body{flex:1;justify-content:center;align-items:center;display:flex}.cal-dots{color:#f87171;font-size:13px;font-weight:700;line-height:1}.event-details{flex-direction:column;flex:1;min-width:0;display:flex}.event-title{color:#f8fafc;word-break:break-word;overflow-wrap:break-word;margin:0 0 2px;font-size:.92rem;font-weight:700}.event-date-text{color:#94a3b8;word-break:break-word;font-size:.78rem;font-weight:500}.events-card-footer{justify-content:center;margin-top:auto;display:flex}.btn-events-view-all{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:8px;padding:8px 32px;font-size:.85rem;font-weight:600;transition:all .15s;box-shadow:0 2px 10px #6366f159}.btn-events-view-all:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);box-shadow:0 4px 14px #6366f180}.dashboard-bottom-tri-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.notifs-list-wrap{flex-direction:column;gap:10px;margin-top:14px;display:flex}.notif-item-box{cursor:pointer;background:#1e293b73;border:1px solid #ffffff0f;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.notif-item-box:hover{background:#1e293bcc;border-color:#6366f159;transform:translate(3px)}.notif-color-tag{border-radius:3px;flex-shrink:0;width:11px;height:11px;margin-top:4px}.tag-blue{background:#38bdf8;box-shadow:0 0 6px #38bdf866}.tag-orange{background:#fb923c;box-shadow:0 0 6px #fb923c66}.notif-text-col{flex-direction:column;display:flex}.notif-main-title{color:#f8fafc;font-size:.84rem;font-weight:600;line-height:1.35}.notif-meta-sub{color:#94a3b8;margin-top:3px;font-size:.74rem}.teacher-stats-content{flex-direction:column;gap:16px;margin-top:14px;display:flex}.teacher-stat-block{background:#1e293b73;border:1px solid #ffffff0f;border-radius:12px;padding:14px 16px}.teacher-block-top{justify-content:space-between;align-items:center;display:flex}.stat-label-group{flex-direction:column;display:flex}.teacher-stat-label{color:#94a3b8;font-size:.84rem;font-weight:600}.teacher-stat-number{color:#fff;margin-top:2px;font-size:1.75rem;font-weight:800;line-height:1.1}.teacher-percentage-badge{flex-direction:column;align-items:flex-end;gap:4px;min-width:90px;display:flex}.pct-num{color:#fff;font-size:1.25rem;font-weight:800}.pct-bar-bg{background:#ffffff14;border-radius:9999px;width:100%;height:7px;overflow:hidden}.pct-bar-fill.green-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:9999px;height:100%;box-shadow:0 0 8px #10b98166}.leave-progress-bar-wrap{background:#ffffff14;border-radius:9999px;width:100%;height:7px;margin-top:10px;overflow:hidden}.leave-progress-fill{background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:9999px;height:100%;box-shadow:0 0 8px #38bdf866}.monthly-attendance-card{cursor:pointer;transition:transform .15s,border-color .15s}.monthly-attendance-card:hover{border-color:#6366f159;transform:translateY(-2px)}.pie-chart-section{justify-content:space-between;align-items:center;gap:16px;margin-top:14px;display:flex}.pie-chart-wrapper{filter:drop-shadow(0 4px 12px #00000059);flex-shrink:0;justify-content:center;align-items:center;width:140px;height:140px;display:flex}.pie-stats-column{flex-direction:column;flex:1;gap:10px;display:flex}.pie-stat-row{align-items:center;gap:8px;font-size:.85rem;display:flex}.legend-square{border-radius:2px;flex-shrink:0;width:10px;height:10px}.square-green{background:#10b981;box-shadow:0 0 6px #10b98166}.square-red{background:#ef4444;box-shadow:0 0 6px #ef444466}.square-yellow{background:#facc15;box-shadow:0 0 6px #facc1566}.stat-name{color:#94a3b8;flex:1;font-weight:500}.stat-pct{color:#fff;font-weight:700}.pie-bottom-legend{border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:18px;margin-top:16px;padding-top:12px;display:flex}.legend-pill{color:#94a3b8;align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.events-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#090d16bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.events-modal-dialog{background:#0f172a;border:1px solid #ffffff1f;border-radius:16px;width:520px;max-width:100%;overflow:hidden;box-shadow:0 20px 50px #000c}.events-modal-dialog .modal-header{background:#1e293b99;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.events-modal-dialog .modal-header h3{color:#fff;margin:0;font-size:1rem;font-weight:700}.btn-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.btn-modal-close:hover{color:#fff}.modal-body-events{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.event-modal-item{background:#1e293b80;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:16px;padding:12px;display:flex}.modal-event-cal{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 8px #ef44444d}.m-month{letter-spacing:.5px;font-size:9px;font-weight:800}.m-day{font-size:16px;font-weight:800;line-height:1.1}.event-modal-item strong{color:#fff;font-size:.92rem;display:block}.event-modal-item p{color:#94a3b8;margin:3px 0 0;font-size:.78rem}@media (width<=1200px){.dashboard-top-stats-grid,.dashboard-bottom-tri-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.sidebar-mobile-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1040;opacity:0;pointer-events:none;background:#030712a6;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:block;position:fixed;inset:0}.sidebar-mobile-backdrop.backdrop-active{opacity:1;pointer-events:auto}.dashboard-middle-grid,.dashboard-bottom-tri-grid{grid-template-columns:1fr}}@media (width<=860px){.header-global-search{width:200px}}@media (width<=768px){.school-nav-header{height:60px;padding:0 14px}.school-dashboard-main{gap:18px;padding:16px 14px}.school-welcome-banner{border-radius:14px;flex-direction:column;align-items:flex-start;gap:14px;padding:18px 16px}.welcome-banner-text{width:100%}.welcome-tagline{border-radius:8px;align-items:flex-start;max-width:100%;margin-bottom:8px;padding:4px 8px;font-size:.72rem;line-height:1.35}.welcome-tagline .sparkle-gold{margin-top:1px}.welcome-heading{word-break:normal;margin-bottom:6px;font-size:1.3rem;line-height:1.3}.welcome-subtext{font-size:.82rem;line-height:1.45}.tenant-isolation-badge{align-self:flex-start;padding:8px 12px}.tenant-isolation-badge span{font-size:.78rem}.dashboard-top-stats-grid{grid-template-columns:1fr}.dashboard-card{border-radius:14px;padding:18px 16px}.chart-card-header{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.chart-title-legend-wrap{flex-direction:column;align-items:flex-start;gap:10px;width:100%}.chart-legend-indicators{box-sizing:border-box;flex-wrap:wrap;gap:8px 12px;width:100%;padding:6px 10px}.chart-filter-group{gap:8px;width:100%;display:flex}.chart-filter-select{flex:1;min-width:0}.chart-svg-container{height:200px}.event-item-row{gap:10px;padding:10px 12px}.event-title{font-size:.86rem}.event-date-text{font-size:.74rem}}@media (width<=680px){.school-nav-header{padding:0 12px}.header-global-search{display:none}.nav-user-actions{gap:8px}.btn-header-quick-actions{border-radius:10px;justify-content:center;gap:0;width:38px;height:38px;padding:0}.btn-header-quick-actions span,.btn-header-quick-actions .dropdown-chevron{display:none!important}.nav-user-profile-btn{border-radius:50%;justify-content:center;width:36px;height:36px;padding:4px}.nav-user-meta,.nav-user-profile-btn .dropdown-chevron{display:none!important}.header-dropdown-menu{max-width:calc(100vw - 24px);right:0}.quick-actions-menu{width:230px}.profile-dropdown-menu{width:220px}}@media (width<=480px){.school-dashboard-main{padding:14px 10px}.school-welcome-banner{padding:16px 14px}.welcome-heading{font-size:1.2rem}.dashboard-card{padding:14px 12px}.chart-legend-indicators{gap:6px 10px;padding:5px 8px}.chart-legend-item{font-size:.72rem}}.subscription-alert-banner{-webkit-backdrop-filter:blur(12px);border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:16px 22px;animation:.3s cubic-bezier(.16,1,.3,1) bannerSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000059}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.subscription-alert-banner.warning{background:linear-gradient(135deg,#f59e0b26 0%,#d9770614 100%),#17120a;border:1px solid #f59e0b59;box-shadow:0 8px 32px #f59e0b1f,inset 0 1px #fef3c71a}.subscription-alert-banner.expired{background:linear-gradient(135deg,#ef44442e 0%,#b91c1c1a 100%),#180d0e;border:1px solid #ef444466;box-shadow:0 8px 32px #ef444429,inset 0 1px #fecaca1a}.sub-alert-left{flex:1;align-items:flex-start;gap:16px;display:flex}.sub-alert-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.subscription-alert-banner.warning .sub-alert-icon-wrap{color:#fbbf24;background:#f59e0b2e;border:1px solid #f59e0b4d}.subscription-alert-banner.expired .sub-alert-icon-wrap{color:#f87171;background:#ef444433;border:1px solid #ef444459}.sub-alert-icon{animation:2.5s ease-in-out infinite pulseGlow}.sub-alert-content{flex:1}.sub-alert-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:5px;display:flex}.sub-alert-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:20px;padding:3px 10px;font-size:.76rem;font-weight:700}.subscription-alert-banner.warning .sub-alert-badge{color:#fef08a;background:#f59e0b40;border:1px solid #f59e0b66}.subscription-alert-banner.expired .sub-alert-badge{color:#fecaca;background:#ef444440;border:1px solid #ef444466}.sub-alert-date{color:#cbd5e1;font-size:.82rem}.sub-alert-date strong{color:#fff}.sub-alert-msg{color:#e2e8f0;margin:0;font-size:.88rem;line-height:1.45}.sub-alert-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.sub-contact-pill{color:#f1f5f9;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:8px 16px;font-size:.82rem;font-weight:600}.sub-alert-dismiss-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;padding:7px 12px;font-size:.8rem;font-weight:500;transition:all .2s}.sub-alert-dismiss-btn:hover{color:#fff;background:#ffffff0f;border-color:#fff3}@media (width<=900px){.subscription-alert-banner{flex-direction:column;align-items:stretch;padding:14px 16px}.sub-alert-actions{justify-content:flex-end;margin-top:6px}}.parent-login-container{min-height:100vh;font-family:var(--font-family);color:#f8fafc;background:radial-gradient(circle at 10% 20%,#6366f11f 0%,#0000 40%),radial-gradient(circle at 90% 80%,#0ea5e91f 0%,#0000 40%),linear-gradient(135deg,#090d16 0%,#0d1527 100%);justify-content:center;align-items:center;padding:24px 16px;display:flex;position:relative;overflow:hidden}.parent-login-container:before{content:"";pointer-events:none;filter:blur(50px);background:radial-gradient(circle,#6366f140 0%,#0000 70%);border-radius:50%;width:450px;height:450px;position:absolute;top:-150px;right:-150px}.parent-login-container:after{content:"";pointer-events:none;filter:blur(50px);background:radial-gradient(circle,#a855f733 0%,#0000 70%);border-radius:50%;width:450px;height:450px;position:absolute;bottom:-150px;left:-150px}.parent-login-card-wrapper{-webkit-backdrop-filter:blur(20px);z-index:10;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:24px;grid-template-columns:1.15fr 1fr;width:100%;max-width:1020px;animation:.45s ease-out fadeInUp;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0009,0 0 40px #6366f11a}@media (width<=860px){.parent-login-card-wrapper{grid-template-columns:1fr;max-width:480px}}.parent-brand-panel{border-right:1px solid #ffffff14;flex-direction:column;justify-content:space-between;padding:40px;display:flex;position:relative;overflow:hidden}@media (width<=860px){.parent-brand-panel{display:none}}.parent-showcase-bg{filter:saturate(1.1)brightness(.65);z-index:1;background-position:50%;background-size:cover;width:100%;height:100%;transition:transform 10s;position:absolute;top:0;left:0;transform:scale(1.04)}.parent-brand-panel:hover .parent-showcase-bg{transform:scale(1.08)}.parent-showcase-overlay{z-index:2;background:linear-gradient(135deg,#0d1527e6 0%,#090d16f5 100%);width:100%;height:100%;position:absolute;top:0;left:0}.parent-showcase-content{z-index:3;flex-direction:column;justify-content:space-between;gap:28px;height:100%;display:flex;position:relative}.parent-showcase-header{justify-content:space-between;align-items:center;display:flex}.parent-portal-badge{color:#6ee7b7;letter-spacing:.03em;background:#10b98129;border:1px solid #10b98159;border-radius:30px;align-items:center;gap:8px;padding:6px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.parent-sparkle-icon{color:#34d399}.parent-portal-year{color:#94a3b8;font-size:.78rem;font-weight:500}.parent-school-brand-row{align-items:center;gap:16px;margin-bottom:24px;display:flex}.parent-school-logo-img{object-fit:cover;background:#fff;border:2px solid #ffffff26;border-radius:14px;width:58px;height:58px;box-shadow:0 4px 14px #00000059}.parent-school-logo-emblem{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex;box-shadow:0 4px 16px #05966966}.parent-school-name{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:800;line-height:1.25}.parent-school-tagline{color:#94a3b8;margin:4px 0 0;font-size:.88rem}.parent-highlights-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.parent-highlight-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.parent-highlight-icon{color:#34d399;background:#10b9812e;border:1px solid #10b9814d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.parent-hl-label{color:#94a3b8;font-size:.72rem;font-weight:500;display:block}.parent-hl-val{color:#f1f5f9;font-size:.82rem;font-weight:600;display:block}.parent-showcase-footer{color:#94a3b8;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:16px;font-size:.78rem;display:flex}.parent-showcase-location,.parent-showcase-verified{align-items:center;gap:6px;display:flex}.parent-form-panel{background:#0f172aa6;flex-direction:column;justify-content:center;padding:44px 38px;display:flex}@media (width<=480px){.parent-form-panel{padding:32px 20px}}.parent-form-header{margin-bottom:24px}.parent-login-icon-box{color:#34d399;background:linear-gradient(135deg,#10b98138 0%,#0ea5e926 100%);border:1px solid #10b98159;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;display:flex;box-shadow:0 4px 16px #10b98138}.parent-form-title{color:#fff;letter-spacing:-.02em;margin:0 0 6px;font-size:1.6rem;font-weight:800}.parent-form-subtitle{color:#94a3b8;margin:0;font-size:.88rem}.parent-form{flex-direction:column;gap:18px;display:flex}.parent-input-group{flex-direction:column;gap:6px;display:flex}.parent-input-label{color:#cbd5e1;font-size:.84rem;font-weight:600}.parent-input-wrapper{align-items:center;display:flex;position:relative}.parent-input-icon{color:#64748b;pointer-events:none;position:absolute;left:14px}.parent-input{color:#fff;box-sizing:border-box;background:#0f172a99;border:1px solid #ffffff1f;border-radius:10px;width:100%;padding:12px 14px 12px 42px;font-family:inherit;font-size:.92rem;transition:all .2s}.parent-input:focus{background:#0f172ae6;border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f133}.parent-password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.parent-password-toggle:hover{color:#fff}.parent-form-options{justify-content:space-between;align-items:center;margin-top:-4px;font-size:.82rem;display:flex}.parent-remember-label{color:#94a3b8;cursor:pointer;align-items:center;gap:8px;display:flex}.parent-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;padding:13px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #6366f159}.parent-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 6px 18px #6366f173}.parent-submit-btn:disabled{opacity:.65;cursor:not-allowed}.parent-alert-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.84rem;display:flex}.parent-alert-success{color:#6ee7b7;background:#10b9811f;border:1px solid #10b9814d;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.84rem;display:flex}.parent-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.parent-modal-box{background:#0f172a;border:1px solid #ffffff1f;border-radius:18px;width:100%;max-width:520px;padding:28px;animation:.25s fadeInScale;box-shadow:0 20px 40px #0009}.parent-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.parent-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px}.parent-modal-close-btn:hover{color:#fff}.parent-sidebar-root{z-index:100;color:#f1f5f9;background:linear-gradient(#0d1527 0%,#090f1d 100%);border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:60px;min-width:60px;max-width:60px;height:100vh;font-family:inherit;transition:width .28s cubic-bezier(.4,0,.2,1),min-width .28s cubic-bezier(.4,0,.2,1),max-width .28s cubic-bezier(.4,0,.2,1),box-shadow .28s;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:2px 0 12px #00000040}.parent-sidebar-root>*{box-sizing:border-box;width:100%}@media (width>=1025px){.parent-sidebar-root:hover{width:230px!important;min-width:230px!important;max-width:230px!important;box-shadow:6px 0 30px #00000080!important}}.parent-sidebar-root.sidebar-pinned-open{width:230px!important;min-width:230px!important;max-width:230px!important;box-shadow:4px 0 24px #00000059!important}.parent-sidebar-brand{box-sizing:border-box;white-space:nowrap;cursor:pointer;background:#ffffff04;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:0 11px;transition:padding .28s,background .2s;display:flex;overflow:hidden;height:66px!important;min-height:66px!important;max-height:66px!important}.parent-sidebar-brand:hover{background:#1e293b66}.parent-sidebar-root:hover .parent-sidebar-brand,.parent-sidebar-root.sidebar-pinned-open .parent-sidebar-brand{justify-content:flex-start;padding:0 14px}.parent-sidebar-brand .brand-logo-box{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#3b82f6 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;display:flex;box-shadow:0 4px 16px #6366f173}.parent-sidebar-brand .brand-logo-icon{filter:drop-shadow(0 2px 4px #0003)}.parent-sidebar-brand .brand-meta{white-space:nowrap;flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:none;overflow:hidden}.parent-sidebar-root:hover .brand-meta,.parent-sidebar-root.sidebar-pinned-open .brand-meta{display:flex!important}.parent-sidebar-brand .brand-school-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;margin:0;font-size:13.5px;font-weight:700;line-height:1.2;overflow:hidden}.parent-sidebar-brand .brand-sub-tags{align-items:center;gap:6px;min-width:0;margin-top:1px;display:flex}.parent-sidebar-brand .sid-pill-tag{color:#a5b4fc;letter-spacing:.5px;white-space:nowrap;background:#6366f138;border:1px solid #a5b4fc4d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.2;display:inline-flex}.parent-sidebar-brand .city-pill-tag{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;font-size:10px;display:inline-flex;overflow:hidden}.parent-sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:12px 8px;display:flex;overflow:hidden auto}.parent-sidebar-nav::-webkit-scrollbar{width:4px}.parent-sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.parent-nav-group-label{color:#64748b;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:8px 10px 4px;font-size:.7rem;font-weight:700;display:none}.parent-sidebar-root:hover .parent-nav-group-label,.parent-sidebar-root.sidebar-pinned-open .parent-nav-group-label{display:block!important}.parent-nav-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.parent-nav-item{color:#94a3b8;cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px;font-size:.88rem;font-weight:500;transition:all .2s;display:flex}.parent-nav-item:hover{color:#fff;background:#ffffff0f}.parent-nav-item.nav-item-active{color:#fff;background:#6366f129;border-color:#6366f159;font-weight:600}.parent-nav-item.nav-item-active .parent-item-icon-box{color:#fff;background:#6366f1;box-shadow:0 2px 8px #6366f166}.parent-item-icon-box{color:#cbd5e1;background:#ffffff0a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.parent-item-label{text-overflow:ellipsis;flex:1;display:none;overflow:hidden}.parent-sidebar-root:hover .parent-item-label,.parent-sidebar-root.sidebar-pinned-open .parent-item-label{display:block!important}.parent-item-chevron{color:#64748b;transition:transform .2s;display:none}.parent-sidebar-root:hover .parent-item-chevron,.parent-sidebar-root.sidebar-pinned-open .parent-item-chevron{display:block!important}.parent-nav-item.nav-item-active .parent-item-chevron{color:#818cf8}.parent-sidebar-child-footer{background:#0f172a4d;border-top:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:10px;padding:12px 10px;display:flex}.parent-child-avatar-mini{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#3b82f6 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.82rem;font-weight:700;display:flex}.parent-child-meta-mini{white-space:nowrap;flex-direction:column;display:none;overflow:hidden}.parent-sidebar-root:hover .parent-child-meta-mini,.parent-sidebar-root.sidebar-pinned-open .parent-child-meta-mini{display:flex!important}.parent-child-name-mini{color:#fff;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.parent-child-class-mini{color:#38bdf8;font-size:.72rem}@media (width<=1024px){.parent-sidebar-root{z-index:1050;height:100dvh;box-shadow:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:260px!important;min-width:260px!important;max-width:260px!important}.parent-sidebar-root.sidebar-pinned-open{pointer-events:auto;transform:translate(0);box-shadow:14px 0 45px #000000bf}.parent-sidebar-root .brand-meta,.parent-sidebar-root .parent-item-label,.parent-sidebar-root .parent-item-chevron,.parent-sidebar-root .parent-child-meta-mini{display:flex!important}.parent-sidebar-root .parent-sidebar-brand{justify-content:flex-start!important;padding:0 14px!important}.parent-sidebar-mobile-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;margin-left:auto;transition:all .2s;display:flex!important}.parent-sidebar-mobile-close-btn:hover,.parent-sidebar-mobile-close-btn:active{color:#f87171;background:#ef444433;border-color:#ef444466}}.parent-sidebar-mobile-close-btn,.parent-sidebar-mobile-backdrop{display:none}@media (width<=1024px){.parent-sidebar-mobile-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1040;background:#030712a6;animation:.2s ease-out fadeIn;display:block;position:fixed;inset:0}}.parent-nav-header{-webkit-backdrop-filter:blur(16px);z-index:90;box-sizing:border-box;background:#0f172ad9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0;height:66px!important;min-height:66px!important;max-height:66px!important}.parent-nav-header .header-left-nav{align-items:center;gap:14px;display:flex}.parent-nav-header .btn-sidebar-toggle{color:#cbd5e1;cursor:pointer;background:#1e293b80;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 6px #0003}.parent-nav-header .btn-sidebar-toggle:hover{color:#fff;background:#6366f133;border-color:#6366f166;transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.parent-nav-header .btn-sidebar-toggle:active{transform:translateY(0)}.parent-nav-header .sidebar-toggle-icon{transition:transform .25s}.parent-nav-header .btn-sidebar-toggle:hover .sidebar-toggle-icon{transform:scale(1.08)}.parent-nav-header .nav-user-actions{align-items:center;gap:12px;display:flex}.parent-nav-header .header-dropdown-wrap{position:relative}.parent-child-switcher-container{align-items:center;display:flex;position:relative}.parent-child-switcher-btn{cursor:pointer;color:#f8fafc;box-sizing:border-box;background:#1e293b80;border:1px solid #6366f159;border-radius:20px;align-items:center;gap:9px;height:36px;padding:4px 12px 4px 6px;transition:all .2s;display:flex}.parent-child-switcher-btn:hover,.parent-child-switcher-btn.btn-active{background:#1e293be6;border-color:#6366f1;box-shadow:0 2px 10px #6366f14d}.parent-switcher-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 2px 6px #2563eb66}.parent-switcher-info{text-align:left;flex-direction:column;line-height:1.15;display:flex}.parent-switcher-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.76rem;font-weight:600;overflow:hidden}.parent-switcher-sub{color:#38bdf8;white-space:nowrap;font-size:.65rem;font-weight:500}.parent-no-child-pill{color:#94a3b8;background:#1e293b66;border:1px solid #ffffff14;border-radius:20px;padding:6px 12px;font-size:.76rem}.parent-switcher-dropdown-menu{width:250px;padding:6px}.parent-child-select-item{justify-content:space-between;align-items:center;width:100%;display:flex}.parent-child-item-left{align-items:center;gap:9px;min-width:0;display:flex}.parent-child-item-avatar{color:#fff;background:#334155;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.dropdown-menu-item.item-selected .parent-child-item-avatar{background:#6366f1}.parent-child-item-meta{flex-direction:column;min-width:0;line-height:1.2;display:flex}.parent-child-item-meta strong{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.parent-child-item-meta span{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.item-check-icon{color:#818cf8;flex-shrink:0}.parent-nav-header .btn-header-quick-actions,.parent-nav-header .parent-header-date-btn{color:#fff;cursor:default;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;align-items:center;gap:7px;padding:8px 15px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 10px #10b98159}.parent-nav-header .btn-header-quick-actions:hover,.parent-nav-header .parent-header-date-btn:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 4px 14px #10b98173}.parent-nav-header .btn-header-notification{color:#cbd5e1;cursor:pointer;background:#1e293b80;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:flex;position:relative}.parent-nav-header .btn-header-notification:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.parent-nav-header .notif-dot{background:#10b981;border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:9px;box-shadow:0 0 6px #10b981}.parent-nav-header .nav-user-profile-btn{cursor:pointer;color:#f1f5f9;box-sizing:border-box;background:#0f172a99;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;height:36px;padding:4px 10px 4px 5px;transition:all .2s;display:flex}.parent-nav-header .nav-user-profile-btn:hover,.parent-nav-header .nav-user-profile-btn.btn-active{background:#1e293be6;border-color:#6366f166;box-shadow:0 2px 10px #0000004d}.parent-nav-header .nav-user-avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 2px 6px #6366f166}.parent-nav-header .nav-user-meta{text-align:left;flex-direction:column;line-height:1.15;display:flex}.parent-nav-header .nav-user-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.76rem;font-weight:600;overflow:hidden}.parent-nav-header .nav-user-role{color:#94a3b8;white-space:nowrap;font-size:.65rem;font-weight:500}.parent-nav-header .dropdown-chevron{color:#94a3b8;transition:transform .2s}.parent-nav-header .rotate-180{transform:rotate(180deg)}.parent-nav-header .header-dropdown-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0f172af2;border:1px solid #ffffff1a;border-radius:12px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 14px 32px #00000080,0 0 0 1px #ffffff0d}.parent-nav-header .profile-dropdown-menu{width:220px;padding:6px}.parent-nav-header .profile-dropdown-header{align-items:center;gap:10px;padding:8px 10px;display:flex}.parent-nav-header .profile-hero-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 2px 6px #6366f159}.parent-nav-header .profile-hero-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;max-width:140px;margin:0;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.parent-nav-header .profile-hero-email{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:140px;margin-top:2px;font-size:11px;display:block;overflow:hidden}.parent-nav-header .dropdown-menu-header{letter-spacing:.06em;color:#94a3b8;text-transform:uppercase;padding:6px 10px 4px;font-size:10px;font-weight:700}.parent-nav-header .dropdown-divider{background:#ffffff14;height:1px;margin:5px 0}.parent-nav-header .dropdown-menu-item{color:#cbd5e1;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;width:100%;padding:7px 10px;transition:all .15s;display:flex}.parent-nav-header .dropdown-menu-item:hover{color:#fff;background:#ffffff12}.parent-nav-header .menu-item-icon{color:#94a3b8;background:#ffffff0f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.parent-nav-header .dropdown-menu-item:hover .menu-item-icon{color:#fff;background:#ffffff1f}.parent-nav-header .menu-item-icon.icon-danger{color:#f87171;background:#ef444426}.parent-nav-header .dropdown-menu-item:hover .menu-item-icon.icon-danger{color:#fff;background:#ef444440}.parent-nav-header .menu-item-text strong{font-size:12px;font-weight:500;line-height:1.2;display:block}.parent-nav-header .menu-item-text .text-danger{color:#f87171}.parent-nav-header .dropdown-menu-item:hover .menu-item-text .text-danger{color:#fca5a5}@keyframes parentFadeIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.parent-nav-header{padding:0 16px}.parent-nav-header .parent-switcher-sub{display:none}}@media (width<=640px){.parent-nav-header{padding:0 12px}.parent-nav-header .nav-user-actions{gap:8px}.parent-nav-header .parent-child-switcher-btn{height:36px;padding:4px 8px 4px 5px}.parent-nav-header .parent-switcher-name{max-width:85px;font-size:.74rem}.parent-nav-header .parent-switcher-sub{display:none!important}.parent-nav-header .nav-user-profile-btn{border-radius:50%;justify-content:center;width:36px;height:36px;padding:4px}.parent-nav-header .nav-user-meta{display:none!important}.parent-nav-header .dropdown-chevron{display:none}.parent-nav-header .parent-child-switcher-btn .dropdown-chevron{display:block}.parent-nav-header .header-dropdown-menu{max-width:calc(100vw - 24px)}.parent-nav-header .parent-switcher-dropdown-menu{width:260px;right:0}}@media (width<=400px){.parent-nav-header .parent-switcher-name{max-width:65px}}.parent-view-container{flex-direction:column;gap:24px;animation:.3s ease-out fadeIn;display:flex}.parent-page-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.parent-page-title-wrap{align-items:center;gap:14px;display:flex}.parent-page-icon-box{color:#818cf8;background:linear-gradient(135deg,#6366f133 0%,#0ea5e933 100%);border:1px solid #6366f159;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.parent-page-title{color:#fff;font-size:1.35rem;font-weight:700;font-family:var(--font-display);margin:0}.parent-page-subtitle{color:#94a3b8;margin:2px 0 0;font-size:.84rem}.parent-child-active-pill{color:#c7d2fe;background:#6366f124;border:1px solid #6366f14d;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.82rem;display:inline-flex}.parent-children-selector-banner{background:linear-gradient(135deg,#0f172acc 0%,#1e293b80 100%);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:12px;padding:20px;display:flex}.parent-banner-title{color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:flex}.parent-children-cards-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.parent-child-select-card{cursor:pointer;color:#f8fafc;text-align:left;background:#0f172a99;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.parent-child-select-card:hover{background:#1e293bcc;border-color:#6366f166;transform:translateY(-2px)}.parent-child-select-card.active-child-card{background:linear-gradient(135deg,#6366f138 0%,#0ea5e926 100%);border:1.5px solid #6366f1;box-shadow:0 4px 16px #6366f140}.parent-kpis-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.parent-kpi-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab3;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;justify-content:space-between;gap:14px;padding:20px;transition:all .25s;display:flex;position:relative;overflow:hidden}.parent-kpi-card:hover{border-color:#ffffff29;transform:translateY(-3px);box-shadow:0 10px 25px -5px #0006}.parent-kpi-card:before{content:"";background:var(--kpi-accent,#6366f1);height:3px;position:absolute;top:0;left:0;right:0}.parent-kpi-header{justify-content:space-between;align-items:center;display:flex}.parent-kpi-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:600}.parent-kpi-icon-wrap{width:36px;height:36px;color:var(--kpi-accent,#6366f1);background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;display:flex}.parent-kpi-value{color:#fff;font-size:1.8rem;font-weight:800;font-family:var(--font-display);align-items:baseline;gap:6px;margin:0;display:flex}.parent-kpi-sub{color:#94a3b8;align-items:center;gap:6px;font-size:.78rem;display:flex}.parent-card-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab3;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:16px;padding:22px;display:flex}.parent-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.parent-section-title{color:#fff;align-items:center;gap:8px;margin:0;font-size:1.05rem;font-weight:700;display:flex}.parent-table-responsive{width:100%;overflow-x:auto}.parent-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.parent-data-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:#1e293b99;border-bottom:1px solid #ffffff14;padding:12px 14px;font-size:.75rem;font-weight:700}.parent-data-table td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:14px}.parent-data-table tbody tr:hover{background:#ffffff05}.parent-status-pill{border-radius:12px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.status-present,.status-paid,.status-pass,.status-active{color:#34d399;background:#10b98124;border:1px solid #10b9814d}.status-absent,.status-overdue,.status-fail{color:#f87171;background:#ef444424;border:1px solid #ef44444d}.status-late,.status-pending,.status-partial{color:#fbbf24;background:#f59e0b24;border:1px solid #f59e0b4d}.parent-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.parent-btn-primary:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.parent-btn-secondary{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.parent-btn-secondary:hover{color:#fff;background:#ffffff24}.parent-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.parent-modal-container{background:#0f172a;border:1px solid #ffffff24;border-radius:20px;width:100%;max-width:800px;max-height:90vh;padding:28px;animation:.25s fadeInScale;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #000000b3}@media print{body *{visibility:hidden}.printable-area,.printable-area *{visibility:visible}.printable-area{width:100%;position:absolute;top:0;left:0;color:#000!important;background:#fff!important}}.parent-portal-root{color:#f8fafc;min-height:100vh;font-family:var(--font-family);background-color:#090d16;display:flex;position:relative;overflow-x:hidden}.parent-portal-main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;position:relative;overflow-y:auto}.parent-portal-content-wrap{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:24px 28px 48px}@media (width<=768px){.parent-portal-content-wrap{padding:16px 14px 36px}}.parent-mobile-edge-sidebar-btn{display:none}@media (width<=1024px){.parent-mobile-edge-sidebar-btn{z-index:1020;-webkit-backdrop-filter:blur(10px);color:#f1f5f9;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#0f172a99;border:1px solid #ffffff40;border-left:none;border-radius:0 16px 16px 0;justify-content:center;align-items:center;width:36px;height:60px;padding:0 4px 0 6px;transition:transform .15s,background .2s,border-color .2s,box-shadow .2s;display:flex;position:fixed;top:48%;left:0;transform:translateY(-50%);box-shadow:3px 4px 16px #00000073}.parent-mobile-edge-sidebar-btn:hover,.parent-mobile-edge-sidebar-btn:focus-visible{color:#fff;background:#1e293bd9;border-color:#6366f1b3;transform:translateY(-50%)scale(1.05);box-shadow:3px 6px 20px #4f46e580}.parent-mobile-edge-sidebar-btn:active{color:#fff;background:#4f46e5d9;border-color:#a5b4fce6;transform:translateY(-50%)scale(.97);box-shadow:3px 6px 22px #6366f1a6}.parent-mobile-edge-pill-track{pointer-events:none;justify-content:center;align-items:center;display:flex}.parent-mobile-edge-chevron-icon{filter:drop-shadow(0 1px 2px #00000080);flex-shrink:0;transition:transform .2s}.parent-mobile-edge-sidebar-btn:hover .parent-mobile-edge-chevron-icon{transform:translate(2px)}}.teacher-login-container{color:#f8fafc;background:radial-gradient(circle at 15% 15%,#2563eb26 0%,#0000 45%),radial-gradient(circle at 85% 85%,#1e40af26 0%,#0000 45%),linear-gradient(135deg,#090d16 0%,#0d1527 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex;position:relative;overflow:hidden}.teacher-login-container:before{content:"";pointer-events:none;filter:blur(50px);background:radial-gradient(circle,#3b82f640 0%,#0000 70%);border-radius:50%;width:450px;height:450px;position:absolute;top:-150px;right:-150px}.teacher-login-container:after{content:"";pointer-events:none;filter:blur(50px);background:radial-gradient(circle,#0ea5e933 0%,#0000 70%);border-radius:50%;width:450px;height:450px;position:absolute;bottom:-150px;left:-150px}.teacher-login-card-wrapper{-webkit-backdrop-filter:blur(20px);z-index:10;background:#0f172ae0;border:1px solid #ffffff1a;border-radius:24px;grid-template-columns:1.15fr 1fr;width:100%;max-width:1040px;animation:.4s ease-out teacherFadeInUp;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0009,0 0 40px #2563eb26}@keyframes teacherFadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.teacher-login-showcase{border-right:1px solid #ffffff14;flex-direction:column;justify-content:space-between;padding:40px;display:flex;position:relative;overflow:hidden}.teacher-showcase-bg{filter:saturate(1.1)brightness(.65);z-index:1;background-position:50%;background-size:cover;width:100%;height:100%;transition:transform 10s;position:absolute;top:0;left:0;transform:scale(1.04)}.teacher-login-showcase:hover .teacher-showcase-bg{transform:scale(1.08)}.teacher-showcase-overlay{z-index:2;background:linear-gradient(135deg,#0d1527e0 0%,#090d16f2 100%);width:100%;height:100%;position:absolute;top:0;left:0}.teacher-showcase-content{z-index:3;flex-direction:column;justify-content:space-between;gap:28px;height:100%;display:flex;position:relative}.teacher-showcase-header{justify-content:space-between;align-items:center;display:flex}.teacher-showcase-badge{color:#93c5fd;letter-spacing:.03em;background:#2563eb33;border:1px solid #3b82f659;border-radius:30px;align-items:center;gap:8px;padding:6px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.sparkle-icon{color:#60a5fa}.teacher-showcase-year{color:#94a3b8;font-size:.78rem;font-weight:500}.teacher-showcase-school-brand{align-items:center;gap:16px;margin-bottom:24px;display:flex}.teacher-school-logo{object-fit:cover;border:2px solid #ffffff26;border-radius:14px;width:58px;height:58px;box-shadow:0 4px 12px #0000004d}.teacher-school-logo-placeholder{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;display:flex;box-shadow:0 4px 16px #2563eb66}.teacher-school-title{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}.teacher-school-tagline{color:#94a3b8;margin:4px 0 0;font-size:.88rem}.teacher-highlights-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.teacher-highlight-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.teacher-highlight-icon{color:#60a5fa;background:#2563eb33;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.teacher-hl-label{color:#94a3b8;font-size:.72rem;font-weight:500;display:block}.teacher-hl-val{color:#f1f5f9;font-size:.82rem;font-weight:600;display:block}.teacher-showcase-footer{color:#94a3b8;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:16px;font-size:.78rem;display:flex}.teacher-showcase-location,.teacher-showcase-verified{align-items:center;gap:6px;display:flex}.teacher-login-form-area{background:#0f172a99;flex-direction:column;justify-content:center;padding:44px 38px;display:flex}.teacher-login-header{margin-bottom:24px}.teacher-login-icon-box{color:#60a5fa;background:linear-gradient(135deg,#2563eb40 0%,#2563eb1a 100%);border:1px solid #3b82f659;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;display:flex;box-shadow:0 4px 14px #2563eb40}.teacher-login-title{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.6rem;font-weight:800}.teacher-login-subtitle{color:#94a3b8;margin:6px 0 0;font-size:.88rem;line-height:1.45}.teacher-login-alert{border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:.84rem;display:flex}.teacher-login-alert.error{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d}.alert-icon{flex-shrink:0}.teacher-login-form{flex-direction:column;gap:18px;display:flex}.teacher-form-group{flex-direction:column;gap:7px;display:flex}.teacher-form-group label{color:#cbd5e1;font-size:.82rem;font-weight:600}.teacher-password-header{justify-content:space-between;align-items:center;display:flex}.teacher-input-wrapper{align-items:center;display:flex;position:relative}.teacher-input-icon{color:#64748b;pointer-events:none;transition:color .2s;position:absolute;left:14px}.teacher-input-wrapper input{color:#f8fafc;background:#1e293b99;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:12px 14px 12px 42px;font-size:.9rem;transition:all .2s}.teacher-input-wrapper input:focus{background:#1e293bf2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.teacher-input-wrapper input:focus+.teacher-input-icon{color:#60a5fa}.teacher-password-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.teacher-password-toggle:hover{color:#cbd5e1}.teacher-form-actions-row{justify-content:space-between;align-items:center;margin-top:-4px;display:flex}.teacher-checkbox-label{color:#94a3b8;cursor:pointer;align-items:center;gap:8px;font-size:.82rem;display:flex}.teacher-checkbox-label input[type=checkbox]{accent-color:#2563eb;cursor:pointer;width:16px;height:16px}.teacher-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:6px;padding:13px 20px;font-size:.92rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #2563eb59}.teacher-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb73}.teacher-submit-btn:disabled{opacity:.65;cursor:not-allowed}.animate-spin{animation:1s linear infinite spin}.teacher-login-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:6px;margin-top:24px;padding-top:18px;display:flex}.teacher-portal-switch{color:#94a3b8;text-align:center;margin:0;font-size:.8rem}.link-btn{color:#60a5fa;cursor:pointer;font-weight:600;font-size:inherit;text-underline-offset:3px;background:0 0;border:none;padding:0;text-decoration:underline;transition:color .2s}.link-btn:hover{color:#93c5fd}@media (width<=960px){.teacher-login-card-wrapper{grid-template-columns:1fr;max-width:500px}.teacher-login-showcase{display:none}.teacher-login-form-area{padding:32px 24px}}.teacher-sidebar-root{z-index:100;color:#f1f5f9;background:linear-gradient(#0b1329 0%,#080d1e 100%);border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:64px;min-width:64px;max-width:64px;height:100vh;font-family:inherit;transition:width .28s cubic-bezier(.4,0,.2,1),min-width .28s cubic-bezier(.4,0,.2,1),max-width .28s cubic-bezier(.4,0,.2,1),box-shadow .28s;display:flex;position:sticky;top:0;overflow:hidden auto;box-shadow:2px 0 16px #0000004d}.teacher-sidebar-root>*{box-sizing:border-box;width:100%}@media (width>=1025px){.teacher-sidebar-root:hover{width:250px!important;min-width:250px!important;max-width:250px!important;box-shadow:6px 0 32px #0000008c!important}}.teacher-sidebar-root.sidebar-pinned-open{width:250px!important;min-width:250px!important;max-width:250px!important;box-shadow:4px 0 24px #0006!important}.teacher-sidebar-brand{box-sizing:border-box;white-space:nowrap;cursor:pointer;background:#ffffff04;border-bottom:1px solid #ffffff0f;justify-content:center;align-items:center;gap:10px;height:66px;padding:14px 0;transition:padding .28s,justify-content .28s,background .2s;display:flex;overflow:hidden}.teacher-sidebar-brand:hover{background:#1e293b66}.teacher-sidebar-root:hover .teacher-sidebar-brand,.teacher-sidebar-root.sidebar-pinned-open .teacher-sidebar-brand{justify-content:flex-start;padding:16px 12px 14px}.teacher-sidebar-brand .brand-logo-box{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#3b82f6 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;display:flex;box-shadow:0 4px 16px #6366f173}.teacher-sidebar-brand .brand-logo-icon{filter:drop-shadow(0 2px 4px #0003)}.teacher-sidebar-brand .brand-meta{white-space:nowrap;flex-direction:column;flex:1;gap:3px;min-width:0;display:none;overflow:hidden}.teacher-sidebar-root:hover .brand-meta,.teacher-sidebar-root.sidebar-pinned-open .brand-meta{display:flex!important}.teacher-sidebar-brand .brand-school-name{color:#fff;white-space:normal;word-break:break-word;letter-spacing:-.2px;margin:0;font-size:13px;font-weight:700;line-height:1.25}.teacher-sidebar-brand .brand-sub-tags{flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;margin-top:2px;display:flex}.teacher-sidebar-brand .sid-pill-tag{color:#a5b4fc;letter-spacing:.5px;white-space:nowrap;background:#6366f138;border:1px solid #a5b4fc4d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.2;display:inline-flex}.teacher-sidebar-brand .city-pill-tag{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:10.5px;display:inline-flex;overflow:hidden}.teacher-sidebar-nav{flex:1;padding:16px 8px;overflow:hidden auto}.teacher-sidebar-nav::-webkit-scrollbar{width:4px}.teacher-sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.teacher-nav-group-label{letter-spacing:.08em;color:#64748b;white-space:nowrap;padding:0 8px 8px;font-size:.68rem;font-weight:700;display:none}.teacher-sidebar-root:hover .teacher-nav-group-label,.teacher-sidebar-root.sidebar-pinned-open .teacher-nav-group-label{display:block!important}.teacher-nav-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.teacher-nav-item{color:#94a3b8;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:.88rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.teacher-nav-item:hover{color:#f8fafc;background:#ffffff0f;transform:translate(2px)}.teacher-nav-item.nav-item-active{color:#60a5fa;background:linear-gradient(90deg,#2563eb38 0%,#2563eb14 100%);border-color:#3b82f659;font-weight:600;box-shadow:0 2px 8px #2563eb26}.teacher-item-icon-box{width:24px;height:24px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.teacher-nav-item:hover .teacher-item-icon-box{transform:scale(1.1)}.teacher-nav-item.nav-item-active .teacher-item-icon-box{color:#3b82f6}.teacher-item-label{text-overflow:ellipsis;flex:1;display:none;overflow:hidden}.teacher-item-chevron{opacity:.4;transition:transform .2s,opacity .2s;display:none}.teacher-sidebar-root:hover .teacher-item-label,.teacher-sidebar-root.sidebar-pinned-open .teacher-item-label,.teacher-sidebar-root:hover .teacher-item-chevron,.teacher-sidebar-root.sidebar-pinned-open .teacher-item-chevron{display:inline!important}.teacher-nav-item:hover .teacher-item-chevron{opacity:1;transform:translate(3px)}.teacher-nav-item.nav-item-active .teacher-item-chevron{opacity:1;color:#60a5fa}.teacher-subnav-list{border-left:2px solid #3b82f640;flex-direction:column;gap:3px;margin:4px 0 6px 14px;padding:4px 0 4px 12px;list-style:none;display:flex}.teacher-subnav-item{color:#94a3b8;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;width:100%;padding:7px 10px;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.teacher-subnav-item:hover{color:#f1f5f9;background:#ffffff0d;transform:translate(2px)}.teacher-subnav-item.subnav-item-active{color:#60a5fa;background:#2563eb33;border-color:#3b82f659;font-weight:600;box-shadow:0 2px 6px #2563eb1f}.teacher-subnav-icon{width:20px;height:20px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.teacher-subnav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;display:none;overflow:hidden}.teacher-sidebar-root:hover .teacher-subnav-label,.teacher-sidebar-root.sidebar-pinned-open .teacher-subnav-label{display:inline!important}.teacher-sidebar-footer{background:#0b132999;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.teacher-footer-user{cursor:pointer;border-radius:8px;flex:1;align-items:center;gap:10px;padding:4px;transition:background .2s;display:flex;overflow:hidden}.teacher-footer-user:hover{background:#ffffff0d}.teacher-footer-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 6px #0003}.teacher-avatar-img{object-fit:cover;width:100%;height:100%}.teacher-footer-meta{white-space:nowrap;flex-direction:column;display:none;overflow:hidden}.teacher-sidebar-root:hover .teacher-footer-meta,.teacher-sidebar-root.sidebar-pinned-open .teacher-footer-meta{display:flex!important}.teacher-footer-name{color:#f1f5f9;text-overflow:ellipsis;font-size:.84rem;font-weight:600;overflow:hidden}.teacher-footer-role{color:#94a3b8;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.teacher-footer-logout-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:none}.teacher-sidebar-root:hover .teacher-footer-logout-btn,.teacher-sidebar-root.sidebar-pinned-open .teacher-footer-logout-btn{display:flex!important}.teacher-footer-logout-btn:hover{color:#f87171;background:#ef444426;border-color:#ef444466}@media (width<=1024px){.teacher-sidebar-root{z-index:1050;height:100dvh;box-shadow:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:260px!important;min-width:260px!important;max-width:260px!important}.teacher-sidebar-root.sidebar-pinned-open{pointer-events:auto;transform:translate(0);box-shadow:14px 0 45px #000000bf}.teacher-sidebar-root .brand-meta,.teacher-sidebar-root .teacher-item-label,.teacher-sidebar-root .teacher-item-chevron,.teacher-sidebar-root .teacher-footer-meta,.teacher-sidebar-root .teacher-footer-logout-btn{display:flex!important}.teacher-sidebar-root .teacher-sidebar-brand{justify-content:flex-start!important;padding:16px 12px 14px!important}.teacher-sidebar-mobile-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;margin-left:auto;transition:all .2s;display:flex!important}.teacher-sidebar-mobile-close-btn:hover,.teacher-sidebar-mobile-close-btn:active{color:#f87171;background:#ef444433;border-color:#ef444466}}.teacher-sidebar-mobile-close-btn,.teacher-sidebar-mobile-backdrop{display:none}@media (width<=1024px){.teacher-sidebar-mobile-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1040;background:#030712a6;animation:.2s ease-out fadeIn;display:block;position:fixed;inset:0}}.teacher-nav-header{-webkit-backdrop-filter:blur(16px);z-index:90;box-sizing:border-box;background:#0f172ad9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0;height:66px!important;min-height:66px!important}.teacher-nav-header .header-left-nav{align-items:center;gap:14px;display:flex}.teacher-nav-header .btn-sidebar-toggle{color:#cbd5e1;cursor:pointer;background:#1e293b80;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 6px #0003}.teacher-nav-header .btn-sidebar-toggle:hover{color:#fff;background:#6366f133;border-color:#6366f166;transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.teacher-nav-header .btn-sidebar-toggle:active{transform:translateY(0)}.teacher-nav-header .sidebar-toggle-icon{transition:transform .25s}.teacher-nav-header .btn-sidebar-toggle:hover .sidebar-toggle-icon{transform:scale(1.08)}.teacher-nav-header .header-global-search{align-items:center;width:360px;max-width:100%;margin:0;display:flex;position:relative}.teacher-nav-header .header-search-icon{color:#64748b;pointer-events:none;position:absolute;left:14px}.teacher-nav-header .header-search-input{color:#fff;box-sizing:border-box;background:#1e293b73;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:9px 65px 9px 38px;font-size:13px;transition:all .2s}.teacher-nav-header .header-search-input::placeholder{color:#64748b;font-size:12.5px}.teacher-nav-header .header-search-input:focus{background:#1e293bd9;border-color:#6366f180;box-shadow:0 0 0 3px #6366f126}.teacher-nav-header .search-kbd-shortcut{color:#64748b;pointer-events:none;background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:10px;font-weight:700;position:absolute;right:10px}.teacher-nav-header .nav-user-actions{align-items:center;gap:12px;display:flex}.teacher-nav-header .header-dropdown-wrap{position:relative}.teacher-nav-header .btn-header-quick-actions,.teacher-nav-header .teacher-header-date-btn{color:#fff;cursor:default;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;align-items:center;gap:7px;padding:8px 15px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 10px #10b98159}.teacher-nav-header .btn-header-quick-actions:hover,.teacher-nav-header .teacher-header-date-btn:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 4px 14px #10b98173}.teacher-nav-header .btn-header-notification{color:#cbd5e1;cursor:pointer;background:#1e293b80;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:flex;position:relative}.teacher-nav-header .btn-header-notification:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.teacher-nav-header .notif-dot{background:#10b981;border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:9px;box-shadow:0 0 6px #10b981}.teacher-nav-header .nav-user-profile-btn{cursor:pointer;color:#f1f5f9;box-sizing:border-box;background:#0f172a99;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;height:36px;padding:4px 10px 4px 5px;transition:all .2s;display:flex}.teacher-nav-header .nav-user-profile-btn:hover,.teacher-nav-header .nav-user-profile-btn.btn-active{background:#1e293be6;border-color:#6366f166;box-shadow:0 2px 10px #0000004d}.teacher-nav-header .nav-user-avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 2px 6px #6366f166}.teacher-nav-header .nav-user-meta{text-align:left;flex-direction:column;line-height:1.15;display:flex}.teacher-nav-header .nav-user-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.76rem;font-weight:600;overflow:hidden}.teacher-nav-header .nav-user-role{color:#94a3b8;white-space:nowrap;font-size:.65rem;font-weight:500}.teacher-nav-header .dropdown-chevron{color:#94a3b8;transition:transform .2s}.teacher-nav-header .rotate-180{transform:rotate(180deg)}.teacher-nav-header .header-dropdown-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0f172af2;border:1px solid #ffffff1a;border-radius:12px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 14px 32px #00000080,0 0 0 1px #ffffff0d}.teacher-nav-header .profile-dropdown-menu{width:220px;padding:6px}.teacher-nav-header .profile-dropdown-header{align-items:center;gap:10px;padding:8px 10px;display:flex}.teacher-nav-header .profile-hero-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 2px 6px #6366f159}.teacher-nav-header .profile-hero-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;max-width:140px;margin:0;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.teacher-nav-header .profile-hero-email{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:140px;margin-top:2px;font-size:11px;display:block;overflow:hidden}.teacher-nav-header .dropdown-divider{background:#ffffff14;height:1px;margin:5px 0}.teacher-nav-header .dropdown-menu-item{color:#cbd5e1;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;width:100%;padding:7px 10px;transition:all .15s;display:flex}.teacher-nav-header .dropdown-menu-item:hover{color:#fff;background:#ffffff12}.teacher-nav-header .menu-item-icon{color:#94a3b8;background:#ffffff0f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.teacher-nav-header .dropdown-menu-item:hover .menu-item-icon{color:#fff;background:#ffffff1f}.teacher-nav-header .menu-item-icon.icon-danger{color:#f87171;background:#ef444426}.teacher-nav-header .dropdown-menu-item:hover .menu-item-icon.icon-danger{color:#fff;background:#ef444440}.teacher-nav-header .menu-item-text strong{font-size:12px;font-weight:500;line-height:1.2;display:block}.teacher-nav-header .menu-item-text .text-danger{color:#f87171}.teacher-nav-header .dropdown-menu-item:hover .menu-item-text .text-danger{color:#fca5a5}.animate-fade-in{animation:.18s cubic-bezier(.16,1,.3,1) forwards headerFadeIn}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=860px){.teacher-nav-header .header-global-search{width:200px}}@media (width<=768px){.teacher-nav-header .teacher-header-date-btn{display:none}}@media (width<=640px){.teacher-nav-header{padding:0 12px}.teacher-nav-header .header-global-search{display:none}.teacher-nav-header .nav-user-actions{gap:8px}.teacher-nav-header .nav-user-profile-btn{border-radius:50%;justify-content:center;width:36px;height:36px;padding:4px}.teacher-nav-header .nav-user-meta{display:none!important}.teacher-nav-header .dropdown-chevron{display:none}.teacher-nav-header .header-dropdown-menu{max-width:calc(100vw - 24px);right:0}}.teacher-view-container{flex-direction:column;gap:22px;animation:.25s ease-out teacherViewFadeIn;display:flex}@keyframes teacherViewFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.teacher-page-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab3;border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex;box-shadow:0 4px 16px #00000040}.teacher-page-title-wrap{align-items:center;gap:14px;display:flex}.teacher-page-icon-box{color:#60a5fa;background:linear-gradient(135deg,#2563eb40 0%,#0ea5e926 100%);border:1px solid #3b82f659;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #2563eb33}.teacher-page-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:700}.teacher-page-subtitle{color:#94a3b8;margin:2px 0 0;font-size:.84rem}.teacher-header-actions{align-items:center;gap:10px;display:flex}.teacher-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.teacher-kpi-card{background:#0f172abf;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:16px;padding:18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #0003}.teacher-kpi-card:hover{border-color:#3b82f659;transform:translateY(-2px);box-shadow:0 8px 22px #00000059,0 0 20px #2563eb26}.teacher-kpi-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.teacher-kpi-icon-blue{color:#60a5fa;background:#2563eb2e;border:1px solid #3b82f659}.teacher-kpi-icon-green{color:#34d399;background:#10b9812e;border:1px solid #10b98159}.teacher-kpi-icon-amber{color:#fbbf24;background:#f59e0b2e;border:1px solid #f59e0b59}.teacher-kpi-icon-purple{color:#c084fc;background:#9333ea2e;border:1px solid #a855f759}.teacher-kpi-icon-cyan{color:#38bdf8;background:#06b6d42e;border:1px solid #06b6d459}.teacher-kpi-info,.teacher-kpi-meta{flex-direction:column;display:flex}.teacher-kpi-val,.teacher-kpi-value{color:#fff;font-size:1.55rem;font-weight:800;line-height:1.15}.teacher-kpi-title,.teacher-kpi-label{color:#94a3b8;margin-top:3px;font-size:.78rem;font-weight:500}.teacher-filter-bar{background:#0f172aa6;border:1px solid #ffffff14;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.teacher-search-box{flex:1;align-items:center;min-width:260px;max-width:380px;display:flex;position:relative}.teacher-search-box input{color:#f8fafc;background:#1e293b99;border:1px solid #ffffff1a;border-radius:9px;outline:none;width:100%;padding:9px 12px 9px 38px;font-size:.86rem;transition:all .2s}.teacher-search-box input:focus{background:#1e293bf2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.teacher-search-icon{color:#64748b;pointer-events:none;position:absolute;left:12px}.teacher-select-box{align-items:center;gap:8px;display:flex}.teacher-select-box select{color:#f8fafc;cursor:pointer;background:#1e293bcc;border:1px solid #ffffff1f;border-radius:9px;outline:none;padding:8px 12px;font-size:.86rem}.teacher-select-box select:focus{border-color:#3b82f6}.teacher-table-card{background:#0f172abf;border:1px solid #ffffff14;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px #00000040}.teacher-table-header-wrap{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.teacher-table-title{color:#fff;margin:0;font-size:1rem;font-weight:700}.teacher-table-badge{color:#60a5fa;background:#2563eb26;border:1px solid #3b82f64d;border-radius:20px;padding:3px 10px;font-size:.76rem;font-weight:600}.teacher-role-badge{letter-spacing:.02em;border-radius:8px;align-items:center;gap:6px;padding:3px 10px;font-size:.74rem;font-weight:600;line-height:1.4;display:inline-flex}.teacher-role-badge.subject-teacher{color:#60a5fa;background:#2563eb29;border:1px solid #3b82f659}.teacher-role-badge.class-teacher{color:#34d399;background:#10b98129;border:1px solid #10b98159}.teacher-classes-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.teacher-class-overview-card{box-sizing:border-box!important;flex-direction:column!important;justify-content:space-between!important;align-items:flex-start!important;height:100%!important;padding:18px!important}.teacher-card-actions{box-sizing:border-box;gap:8px;width:100%;margin-top:auto;padding-top:12px;display:flex}.teacher-card-btn-sec{color:#cbd5e1;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#1e293bb3;border:1px solid #ffffff1f;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;height:34px;padding:0 8px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex;overflow:hidden}.teacher-card-btn-sec:hover{color:#fff;background:#334155e6;border-color:#ffffff40}.teacher-card-btn-pri{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #3b82f666;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;height:34px;padding:0 8px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex;overflow:hidden;box-shadow:0 2px 8px #2563eb40}.teacher-card-btn-pri:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.teacher-table-responsive{width:100%;overflow-x:auto}.teacher-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.teacher-data-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#1e293b99;border-bottom:1px solid #ffffff14;padding:13px 16px;font-size:.78rem;font-weight:600}.teacher-data-table td{color:#e2e8f0;vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:14px 16px}.teacher-data-table tbody tr{transition:background .15s}.teacher-data-table tbody tr:hover{background:#ffffff08}.teacher-badge{border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.teacher-badge.badge-present{color:#34d399;background:#10b98126;border:1px solid #10b98159}.teacher-badge.badge-absent{color:#f87171;background:#ef444426;border:1px solid #ef444459}.teacher-badge.badge-late{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b59}.teacher-badge.badge-pending{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b84d}.teacher-badge.badge-approved{color:#34d399;background:#10b98126;border:1px solid #10b98159}.teacher-badge.badge-rejected{color:#f87171;background:#ef444426;border:1px solid #ef444459}.teacher-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #ffffff26;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:.86rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #2563eb4d}.teacher-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb66}.teacher-btn-secondary{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.86rem;font-weight:500;transition:all .2s;display:inline-flex}.teacher-btn-secondary:hover:not(:disabled){color:#fff;background:#ffffff1a;border-color:#fff3}.teacher-empty-state{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.teacher-empty-icon{color:#64748b;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;display:flex}.teacher-empty-title{color:#f1f5f9;margin:0;font-size:1rem;font-weight:600}.teacher-empty-desc{color:#64748b;max-width:380px;margin:0;font-size:.84rem}.teacher-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.teacher-modal-card{background:#0f172a;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;width:100%;max-width:620px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #000000b3}.teacher-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.teacher-modal-title{color:#fff;margin:0;font-size:1.15rem;font-weight:700}.teacher-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.teacher-modal-close-btn:hover{color:#fff;background:#ffffff1a}.teacher-modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.teacher-modal-footer{background:#0f172a80;border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.teacher-wa-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172abf;border:1px solid #25d36633;border-radius:16px;animation:.3s ease-out teacherViewFadeIn;overflow:hidden;box-shadow:0 4px 20px #0000004d}.teacher-wa-panel-header{background:linear-gradient(135deg,#25d3660f 0%,#0f172a80 100%);border-bottom:1px solid #25d3661f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex}.teacher-wa-icon-box{color:#25d366;background:linear-gradient(135deg,#25d36633 0%,#25d36614 100%);border:1px solid #25d3664d;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.teacher-wa-panel-title{color:#f1f5f9;margin:0;font-size:1.02rem;font-weight:700}.teacher-wa-status-pill{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.teacher-wa-status-pill.connected{color:#25d366;background:#25d36626;border:1px solid #25d36659}.teacher-wa-status-pill.fallback{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d}.teacher-btn-ghost{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.teacher-btn-ghost:hover{color:#e2e8f0;background:#ffffff14}.teacher-wa-btn-bulk{color:#25d366;cursor:pointer;background:linear-gradient(135deg,#25d36633 0%,#25d36614 100%);border:1px solid #25d36673;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.teacher-wa-btn-bulk:hover:not(:disabled){color:#fff;background:#25d366;box-shadow:0 4px 16px #25d36659}.teacher-wa-btn-bulk:disabled{opacity:.6;cursor:not-allowed}.teacher-wa-toast{align-items:center;gap:8px;padding:10px 20px;font-size:.82rem;font-weight:600;animation:.2s ease-out teacherViewFadeIn;display:flex}.teacher-wa-toast.success{color:#34d399;background:#10b9811a;border-bottom:1px solid #10b98126}.teacher-wa-toast.error{color:#f87171;background:#ef44441a;border-bottom:1px solid #ef444426}.teacher-wa-list{flex-direction:column;display:flex}.teacher-wa-row{border-bottom:1px solid #ffffff0d;align-items:center;gap:16px;padding:14px 22px;transition:background .15s;display:flex}.teacher-wa-row:last-child{border-bottom:none}.teacher-wa-row:hover{background:#ffffff05}.teacher-wa-row.sent{opacity:.7}.teacher-wa-row.failed{background:#ef44440a}.teacher-wa-row-info{flex:1;align-items:center;gap:10px;min-width:180px;display:flex}.teacher-wa-avatar{color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:flex}.teacher-wa-row-parent{flex-direction:column;gap:2px;min-width:130px;display:flex}.teacher-wa-row-msg{flex:2;min-width:0}.teacher-wa-row-msg span{color:#94a3b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.76rem;line-height:1.4;display:-webkit-box;overflow:hidden}.teacher-wa-row-action{flex-shrink:0;align-items:center;gap:8px;display:flex}.teacher-wa-btn-send{color:#25d366;cursor:pointer;white-space:nowrap;background:#25d3661f;border:1px solid #25d36666;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.teacher-wa-btn-send:hover:not(:disabled){color:#fff;background:#25d366;box-shadow:0 2px 10px #25d3664d}.teacher-wa-btn-send:disabled{opacity:.6;cursor:not-allowed}.teacher-wa-status-sent{color:#34d399;background:#10b9811f;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.teacher-wa-status-failed{color:#f87171;background:#ef44441f;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.teacher-wa-fallback-info{color:#fbbf24;background:#f59e0b0f;border-top:1px solid #f59e0b1a;align-items:flex-start;gap:8px;padding:12px 22px;font-size:.76rem;line-height:1.5;display:flex}.teacher-wa-fallback-info svg{flex-shrink:0;margin-top:1px}@media (width<=768px){.teacher-wa-panel-header{flex-direction:column;align-items:flex-start}.teacher-wa-row{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px}.teacher-wa-row-info,.teacher-wa-row-parent{min-width:auto}.teacher-wa-row-msg{width:100%}}.teacher-tabs-container{background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;width:fit-content;padding:5px;display:flex}.teacher-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:8px 16px;font-size:.84rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.teacher-tab-btn:hover{color:#f1f5f9;background:#ffffff0a}.teacher-tab-btn.active{color:#fff;background:linear-gradient(135deg,#2563eb4d 0%,#0ea5e933 100%);border-color:#3b82f666;box-shadow:0 2px 10px #2563eb40}.teacher-matrix-card{background:#0f172abf;border:1px solid #ffffff14;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px #00000040}.teacher-matrix-scroll-wrapper{max-width:100%;overflow-x:auto}.teacher-matrix-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.8rem}.teacher-matrix-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;text-align:center;white-space:nowrap;background:#1e293bd9;border-bottom:1px solid #ffffff14;border-right:1px solid #ffffff0a;padding:8px 4px;font-size:.75rem;font-weight:700}.teacher-matrix-table td{text-align:center;vertical-align:middle;border-bottom:1px solid #ffffff0d;border-right:1px solid #ffffff08;padding:6px 4px}.teacher-matrix-table tbody tr:hover td{background:#ffffff05}.teacher-matrix-sticky-col{z-index:10;min-width:200px;position:sticky;left:0;box-shadow:4px 0 10px #0000004d;text-align:left!important;background:#0f172a!important;border-right:2px solid #3b82f640!important;padding:8px 14px!important}.teacher-matrix-table thead .teacher-matrix-sticky-col{z-index:20;background:#1e293b!important}.teacher-matrix-day-hdr{min-width:32px}.teacher-matrix-day-hdr.weekend{color:#fda4af!important;background:#ef44441f!important}.teacher-matrix-day-hdr.holiday{color:#d8b4fe!important;background:#a855f726!important}.day-hdr-num{font-size:.82rem;font-weight:700;line-height:1}.day-hdr-wk{opacity:.75;margin-top:2px;font-size:.65rem;font-weight:500}.t-mtag{border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.74rem;font-weight:700;line-height:1;display:inline-flex}.t-mtag-p{color:#34d399;background:#10b98133;border:1px solid #10b98159}.t-mtag-a{color:#f87171;background:#ef444440;border:1px solid #ef444466}.t-mtag-l{color:#fbbf24;background:#f59e0b38;border:1px solid #f59e0b59}.t-mtag-off{color:#94a3b8;background:#64748b26;border:1px solid #64748b33;font-size:.68rem}.t-mtag-holiday{color:#c084fc;background:#a855f733;border:1px solid #a855f759;font-size:.68rem}.t-mtag-empty{color:#475569;font-size:.8rem}.t-weekend-cell{background:#ef444408}.t-holiday-cell{background:#a855f70a}.teacher-portal-root{color:#f8fafc;min-height:100vh;font-family:var(--font-family,system-ui, -apple-system, sans-serif);background-color:#090d16;display:flex;position:relative;overflow-x:hidden}.teacher-portal-main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;position:relative;overflow-y:auto}.teacher-portal-content-wrap{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:24px 28px 48px}@media (width<=768px){.teacher-portal-content-wrap{padding:16px 14px 36px}}.teacher-mobile-edge-sidebar-btn{display:none}@media (width<=1024px){.teacher-mobile-edge-sidebar-btn{z-index:1020;-webkit-backdrop-filter:blur(10px);color:#f1f5f9;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#0f172a99;border:1px solid #ffffff40;border-left:none;border-radius:0 16px 16px 0;justify-content:center;align-items:center;width:36px;height:60px;padding:0 4px 0 6px;transition:transform .15s,background .2s,border-color .2s,box-shadow .2s;display:flex;position:fixed;top:48%;left:0;transform:translateY(-50%);box-shadow:3px 4px 16px #00000073}.teacher-mobile-edge-sidebar-btn:hover,.teacher-mobile-edge-sidebar-btn:focus-visible{color:#fff;background:#1e293bd9;border-color:#6366f1b3;transform:translateY(-50%)scale(1.05);box-shadow:3px 6px 20px #4f46e580}.teacher-mobile-edge-sidebar-btn:active{color:#fff;background:#4f46e5d9;border-color:#a5b4fce6;transform:translateY(-50%)scale(.97);box-shadow:3px 6px 22px #6366f1a6}.teacher-mobile-edge-pill-track{pointer-events:none;justify-content:center;align-items:center;display:flex}.teacher-mobile-edge-chevron-icon{filter:drop-shadow(0 1px 2px #00000080);flex-shrink:0;transition:transform .2s}.teacher-mobile-edge-sidebar-btn:hover .teacher-mobile-edge-chevron-icon{transform:translate(2px)}}.verify-page-root{box-sizing:border-box;background:radial-gradient(circle at 100% 0,#1e3a8a 0%,#0f172a 60%,#020617 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.verify-card-box{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ad9;border:1px solid #ffffff1f;border-radius:20px;width:100%;max-width:480px;animation:.3s ease-out fadeInVerify;overflow:hidden;box-shadow:0 25px 60px #0009,0 0 0 1px #ffffff0d}@keyframes fadeInVerify{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.verify-top-badge{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);align-items:center;gap:12px;padding:16px 20px;display:flex}.verify-badge-icon{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.verify-badge-text h4{letter-spacing:.05em;margin:0;font-size:.95rem;font-weight:800}.verify-badge-text span{opacity:.9;font-size:.76rem}.verify-school-header{border-bottom:1px solid #ffffff14;align-items:center;gap:14px;padding:20px 24px 16px;display:flex}.verify-school-logo{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.verify-school-title{color:#fff;margin:0;font-size:1.15rem;font-weight:800}.verify-sid-pill{color:#94a3b8;margin-top:4px;font-size:.74rem;display:inline-block}.verify-student-info-card{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.student-hero-row{background:#1e293b80;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex}.student-avatar-box{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.student-full-name{color:#f8fafc;margin:0;font-size:1.1rem;font-weight:700}.student-id-tag{color:#a5b4fc;background:#6366f133;border:1px solid #6366f159;border-radius:6px;margin-top:2px;padding:2px 8px;font-family:monospace;font-size:.78rem;font-weight:700;display:inline-block}.verify-grid-specs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.spec-item{background:#0f172a99;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.spec-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.spec-val{color:#f1f5f9;font-size:.88rem;font-weight:700}.spec-val.status-active{color:#34d399}.verify-security-footer{background:#10b98114;border:1px solid #10b98133;border-radius:10px;align-items:flex-start;gap:10px;margin:0 24px 20px;padding:12px 14px;display:flex}.shield-icon{color:#34d399;flex-shrink:0;margin-top:2px}.verify-security-footer p{color:#94a3b8;margin:0;font-size:.73rem;line-height:1.4}.verify-back-bar{text-align:center;background:#0f172ae6;border-top:1px solid #ffffff14;padding:14px 24px}.btn-back-home{color:#94a3b8;align-items:center;gap:6px;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.btn-back-home:hover{color:#fff}