/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}:host,:root{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-300:oklch(87.1% .15 154.449);--color-blue-50:oklch(97% .014 254.604);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--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-relaxed:1.625;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-0{top:0}.top-1\/2{top:50%}.top-12{top:calc(var(--spacing) * 12)}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-1{margin-right:var(--spacing)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-\[26px\]{height:26px}.h-\[28px\]{height:28px}.h-\[30px\]{height:30px}.h-\[32px\]{height:32px}.h-\[42px\]{height:42px}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[320px\]{max-height:320px}.min-h-0{min-height:0}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-72{width:calc(var(--spacing) * 72)}.w-\[55px\]{width:55px}.w-\[110px\]{width:110px}.w-\[180px\]{width:180px}.w-\[190px\]{width:190px}.w-full{width:100%}.w-screen{width:100vw}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[260px\]{max-width:260px}.max-w-\[320px\]{max-width:320px}.max-w-\[380px\]{max-width:380px}.max-w-\[440px\]{max-width:440px}.max-w-\[460px\]{max-width:460px}.max-w-\[540px\]{max-width:540px}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-\[70px\]{min-width:70px}.min-w-\[75px\]{min-width:75px}.min-w-\[100px\]{min-width:100px}.min-w-\[650px\]{min-width:650px}.min-w-\[700px\]{min-width:700px}.min-w-\[760px\]{min-width:760px}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-full{translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.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))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing) * var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[\#AAB9C3\]>:not(:last-child)){border-color:#aab9c3}:where(.divide-\[\#E0E7EC\]>:not(:last-child)){border-color:#e0e7ec}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:3.40282e+38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-l-\[3px\]{border-left-style:var(--tw-border-style);border-left-width:3px}.border-\[\#0B3A5A\]{border-color:#0b3a5a}.border-\[\#0B3A5A\]\/30{border-color:oklab(33.5694% -.0325483 -.0666942/.3)}.border-\[\#0B3A5A\]\/40{border-color:oklab(33.5694% -.0325483 -.0666942/.4)}.border-\[\#0B3A5A\]\/50{border-color:oklab(33.5694% -.0325483 -.0666942/.5)}.border-\[\#082B45\]{border-color:#082b45}.border-\[\#082B45\]\/30{border-color:oklab(27.9524% -.0256666 -.056195/.3)}.border-\[\#187344\]\/30{border-color:oklab(49.2105% -.101193 .0469075/.3)}.border-\[\#851616\]{border-color:#851616}.border-\[\#A51D1D\]{border-color:#a51d1d}.border-\[\#A51D1D\]\/30{border-color:oklab(46.824% .152603 .0777496/.3)}.border-\[\#A51D1D\]\/60{border-color:oklab(46.824% .152603 .0777496/.6)}.border-\[\#AAB9C3\]{border-color:#aab9c3}.border-\[\#AAB9C3\]\/30{border-color:oklab(77.7277% -.0119894 -.0183596/.3)}.border-\[\#AAB9C3\]\/40{border-color:oklab(77.7277% -.0119894 -.0183596/.4)}.border-\[\#CBD5E1\]{border-color:#cbd5e1}.border-\[\#CDEBFA\]{border-color:#cdebfa}.border-\[\#D0D9E0\]{border-color:#d0d9e0}.border-\[\#E0E7EC\]{border-color:#e0e7ec}.border-\[\#E2E8F0\]{border-color:#e2e8f0}.border-\[\#E79A22\]{border-color:#e79a22}.border-\[\#EA580C\]{border-color:#ea580c}.border-\[\#EA580C\]\/30{border-color:oklab(64.6072% .146402 .127786/.3)}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-green-300{border-color:var(--color-green-300)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-transparent{border-color:#0000}.border-l-\[\#E79A22\]{border-left-color:#e79a22}.border-l-transparent{border-left-color:#0000}.bg-\[\#0B3A5A\]{background-color:#0b3a5a}.bg-\[\#082B45\]{background-color:#082b45}.bg-\[\#082B45\]\/10{background-color:oklab(27.9524% -.0256666 -.056195/.1)}.bg-\[\#172B38\]{background-color:#172b38}.bg-\[\#062034\]{background-color:#062034}.bg-\[\#062034\]\/60{background-color:oklab(23.5376% -.0208906 -.0452845/.6)}.bg-\[\#A51D1D\]{background-color:#a51d1d}.bg-\[\#CDEBFA\]{background-color:#cdebfa}.bg-\[\#DCEBF4\]{background-color:#dcebf4}.bg-\[\#DCEBF4\]\/40{background-color:oklab(93.1532% -.0118774 -.0162643/.4)}.bg-\[\#E0E7EC\]{background-color:#e0e7ec}.bg-\[\#E0F2FE\]{background-color:#e0f2fe}.bg-\[\#E79A22\]{background-color:#e79a22}.bg-\[\#EA580C\]{background-color:#ea580c}.bg-\[\#EBF2F7\]{background-color:#ebf2f7}.bg-\[\#EBF5FB\]{background-color:#ebf5fb}.bg-\[\#F0F5FA\]{background-color:#f0f5fa}.bg-\[\#F4F7F9\]{background-color:#f4f7f9}.bg-\[\#F8FAFC\]{background-color:#f8fafc}.bg-\[\#F9FBFC\]{background-color:#f9fbfc}.bg-\[\#FAFCFD\]{background-color:#fafcfd}.bg-\[\#FFEDD5\]{background-color:#ffedd5}.bg-\[\#FFF7ED\]{background-color:#fff7ed}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-50\/50{background-color:#fef2f280}@supports (color:color-mix(in lab,red,red)){.bg-red-50\/50{background-color:color-mix(in oklab,var(--color-red-50) 50%,transparent)}}.bg-red-100{background-color:var(--color-red-100)}.bg-red-600{background-color:var(--color-red-600)}.bg-white{background-color:var(--color-white)}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.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-\[6px\]{padding-block:6px}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8\.5px\]{font-size:8.5px}.text-\[9\.5px\]{font-size:9.5px}.text-\[9px\]{font-size:9px}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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}.text-\[\#1E293B\]{color:#1e293b}.text-\[\#082B45\]{color:#082b45}.text-\[\#94A3B8\]{color:#94a3b8}.text-\[\#172B38\]{color:#172b38}.text-\[\#0369A1\]{color:#0369a1}.text-\[\#64748B\]{color:#64748b}.text-\[\#92400E\]{color:#92400e}.text-\[\#187344\]{color:#187344}.text-\[\#637582\]{color:#637582}.text-\[\#A51D1D\]{color:#a51d1d}.text-\[\#AAB9C3\]{color:#aab9c3}.text-\[\#B45309\]{color:#b45309}.text-\[\#C2410C\]{color:#c2410c}.text-\[\#DCEBF4\]{color:#dcebf4}.text-\[\#E0E7EC\]{color:#e0e7ec}.text-\[\#E79A22\]{color:#e79a22}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-red-400{color:var(--color-red-400)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.placeholder-\[\#94A3B8\]::placeholder{color:#94a3b8}.opacity-0{opacity:0}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)}.shadow-2xl,.shadow-2xs{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-lg,.shadow-sm{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)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d)}.ring-1,.shadow-xs{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring-\[\#082B45\]\/20{--tw-ring-color:oklab(27.9524% -.0256666 -.056195/.2)}.ring-\[\#EA580C\]\/20{--tw-ring-color:oklab(64.6072% .146402 .127786/.2)}.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))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:text-\[\#082B45\]:is(:where(.group):hover *){color:#082b45}.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:border-\[\#082B45\]:hover{border-color:#082b45}.hover\:border-\[\#AAB9C3\]:hover{border-color:#aab9c3}.hover\:border-red-200:hover{border-color:var(--color-red-200)}.hover\:border-red-600:hover{border-color:var(--color-red-600)}.hover\:bg-\[\#0B3A5A\]:hover{background-color:#0b3a5a}.hover\:bg-\[\#0B3A5A\]\/60:hover{background-color:oklab(33.5694% -.0325483 -.0666942/.6)}.hover\:bg-\[\#124b74\]:hover{background-color:#124b74}.hover\:bg-\[\#851616\]:hover{background-color:#851616}.hover\:bg-\[\#A51D1D\]:hover{background-color:#a51d1d}.hover\:bg-\[\#CDEBFA\]:hover{background-color:#cdebfa}.hover\:bg-\[\#DCEBF4\]:hover{background-color:#dcebf4}.hover\:bg-\[\#F0F5FA\]:hover{background-color:#f0f5fa}.hover\:bg-\[\#F4F7F9\]:hover{background-color:#f4f7f9}.hover\:bg-\[\#d4891b\]:hover{background-color:#d4891b}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-\[\#082B45\]:hover{color:#082b45}.hover\:text-\[\#CDEBFA\]:hover{color:#cdebfa}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-\[\#082B45\]:focus{border-color:#082b45}.focus\:bg-\[\#DCEBF4\]\/20:focus{background-color:oklab(93.1532% -.0118774 -.0162643/.2)}.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-\[\#082B45\]\/20:focus{--tw-ring-color:oklab(27.9524% -.0256666 -.056195/.2)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:w-60{width:calc(var(--spacing) * 60)}.sm\:w-64{width:calc(var(--spacing) * 64)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}}@media (min-width:48rem){.md\:relative{position:relative}.md\:hidden{display:none}.md\:inline{display:inline}.md\:h-auto{height:auto}.md\:w-80{width:calc(var(--spacing) * 80)}.md\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media (min-width:64rem){.lg\:flex{display:flex}}@media (min-width:80rem){.xl\:w-80{width:calc(var(--spacing) * 80)}.xl\:w-\[210px\]{width:210px}}:root{--bg:#f7f7f8;--surface:#fff;--primary:#5b21b6;--primaryLight:#f3e8ff;--text:#1f2937;--muted:#6b7280;--line:#e5e7eb;--success:#15803d;--successBg:#ecfdf3;--danger:#b91c1c;--dangerBg:#fff1f2;--shadow:0 3px 12px #0f172a0d;--navy:#071a33;--navy-deep:#041326;--navy-soft:#102b4b;--blue:#1769ff;--blue-dark:#0d4fca;--blue-pale:#eaf2ff;--ink:#10213a;--shadow-sm:0 10px 30px #071a330f;--shadow-md:0 20px 55px #071a331a;--shadow-blue:0 18px 40px #1769ff33;--radius-sm:12px;--radius-md:20px;--radius-lg:28px}*{box-sizing:border-box}*,body,html{font-family:Poppins,Inter,Arial,sans-serif}body,html{background:var(--bg);min-height:100%;color:var(--text);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.appShell{min-height:100vh;display:flex}.adminAvatar{color:#5b21b6;background:#ede9fe;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.topProfile b{font-size:11px;display:block}.topProfile span{color:#9ca3af;margin-top:2px;font-size:9px;display:block}.mainArea{width:100%;margin-left:0}.topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:20;align-items:center;gap:22px;height:72px;padding:0 30px;display:flex;position:sticky;top:0}.headerBrand{white-space:nowrap;color:var(--text);font:600 15px Poppins}.headerBrand span{color:#9ca3af;margin-left:4px;font:400 10px Inter}.searchBox{border:1px solid var(--line);color:#9ca3af;background:#fafafa;border-radius:8px;align-items:center;gap:9px;width:390px;height:40px;padding:0 12px;display:flex}.searchBox input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:12px}.topActions{align-items:center;gap:18px;margin-left:auto;display:flex}.notification{color:#6b7280;background:0 0;border:0;padding:4px;position:relative}.notification i{background:#dc2626;border-radius:50%;width:6px;height:6px;position:absolute;top:2px;right:2px}.topProfile{align-items:center;gap:9px;display:flex}.topProfile b{color:var(--text)}.mainContent{max-width:1480px;margin:auto;padding:34px 38px 60px}.pageIntro{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:1px;color:#7c3aed;margin-bottom:6px;font-size:9px;font-weight:700}.moduleHeader h1,.pageIntro h1{letter-spacing:-.3px;margin:0;font:600 28px Poppins}.moduleHeader p,.pageIntro p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.5}.dateBox{border:1px solid var(--line);color:#6b7280;background:#fff;border-radius:8px;padding:10px 13px;font-size:11px}.statsGrid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:35px;display:grid}.statCard{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:10px;align-items:center;gap:13px;padding:17px;display:flex}.statIcon{color:#5b21b6;background:#f3e8ff;border-radius:9px;place-items:center;width:43px;height:43px;display:grid}.statCard span{color:var(--muted);margin-bottom:3px;font-size:11px;display:block}.statCard strong{color:var(--text);font:600 22px Poppins;display:block}.statCard small{color:#9ca3af;margin-top:1px;font-size:10px;display:block}.sectionTitle{margin-bottom:15px}.sectionTitle h2{margin:0;font:600 20px Poppins}.sectionTitle p{color:var(--muted);margin:4px 0 0;font-size:11px}.moduleGrid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.moduleCard{border:1px solid var(--line);text-align:left;min-height:155px;box-shadow:var(--shadow);background:#fff;border-radius:10px;flex-direction:column;align-items:flex-start;padding:20px;transition:all .15s;display:flex;position:relative}.moduleCard:hover{border-color:#c4b5fd;transform:translateY(-2px);box-shadow:0 7px 20px #5b21b617}.moduleCardIcon{color:#5b21b6;background:#f5f3ff;border-radius:9px;place-items:center;width:46px;height:46px;margin-bottom:17px;display:grid}.moduleCardContent h3{margin:0 0 5px;font:600 15px Poppins}.moduleCardContent p{color:var(--muted);margin:0;padding-right:25px;font-size:11px;line-height:1.5}.moduleCardArrow{color:#9ca3af;position:absolute;top:19px;right:17px}.moduleHeader{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.backToDashboard{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;margin-bottom:18px;padding:8px 10px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.backToDashboard:hover{color:#111827;background:#fafafa;border-color:#9ca3af}.moduleKicker{color:#5b21b6;margin-bottom:7px;font-weight:700;display:flex}.moduleKicker,.primaryButton{align-items:center;gap:7px;font-size:11px}.primaryButton{color:#fff;background:#5b21b6;border:1px solid #4c1d95;border-radius:7px;padding:11px 15px;font-weight:600;display:inline-flex}.primaryButton:hover{background:#4c1d95}.successBanner{background:var(--successBg);color:var(--success);border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:7px;margin-bottom:15px;padding:11px 14px;font-size:11px;font-weight:600;display:flex}.filterBar{align-items:flex-end;gap:13px;margin-bottom:17px;display:flex}.filterBar label{border:1px solid var(--line);background:#fff;border-radius:8px;width:240px;padding:9px 12px}.filterBar label span{color:#9ca3af;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.filterBar select{width:100%;color:var(--text);background:#fff;border:0;outline:0;font-size:12px;font-weight:600}.filterSummary{align-items:center;gap:9px;margin-left:auto;padding:8px 10px;display:flex}.filterSummary svg{color:#5b21b6}.filterSummary b{font-size:11px;display:block}.filterSummary span{color:var(--muted);margin-top:2px;font-size:9px;display:block}.tableCard{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:10px;overflow:hidden}.tableHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.tableHeader h2{margin:0;font:600 16px Poppins}.tableHeader p{color:var(--muted);margin:4px 0 0;font-size:10px}.headerCount,.neutralTag{color:#5b21b6;background:#f5f3ff;border:1px solid #e9d5ff;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:600}.tableScroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:820px}th{text-align:left;letter-spacing:.4px;background:#fafafa;padding:12px 17px;font-size:9px;font-weight:700}td,th{color:#6b7280}td{vertical-align:middle;border-top:1px solid #f0f1f3;padding:14px 17px;font-size:11px}td b{color:#374151;font-size:12px}.mono{font-family:monospace;font-size:10px}.status{border-radius:5px;padding:5px 7px;font-size:9px;font-weight:700}.status.present{color:#15803d;background:#ecfdf3}.status.absent{color:#b91c1c;background:#fff1f2}.status.pending{color:#a16207;background:#fffbeb}.status.answered{color:#15803d;background:#ecfdf3}.outlineButton{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;margin-right:5px;padding:6px 8px;font-size:9px;font-weight:600}.outlineButton:hover{color:#5b21b6;border-color:#8b5cf6}.outlineButton.danger:hover{color:#b91c1c;border-color:#fca5a5}.workspaceGrid{grid-template-columns:1fr 310px;gap:18px;display:grid}.formCard,.previewCard,.sideInfo,.workspaceCard{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:23px}.workspaceIcon{color:#5b21b6;background:#f5f3ff;border-radius:9px;place-items:center;width:54px;height:54px;display:grid}.formCard h2,.workspaceCard h2{margin:16px 0 5px;font:600 19px Poppins}.formCard>p,.workspaceCard>p{color:var(--muted);max-width:650px;font-size:11px;line-height:1.65}.actionRows{gap:9px;margin-top:22px;display:grid}.actionRows button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;align-items:center;gap:11px;padding:13px;display:flex}.actionRows button>span{color:#5b21b6;background:#f9fafb;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.actionRows button div{flex:1}.actionRows b{font-size:11px;display:block}.actionRows small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.sideInfo h3{margin:0 0 19px;font:600 15px Poppins}.sideInfo>div{grid-template-columns:25px 1fr;margin-top:17px;display:grid}.sideInfo svg{color:#5b21b6;grid-row:span 2}.sideInfo b{font-size:11px}.sideInfo span{color:var(--muted);margin-top:3px;font-size:9px}.formCard label{margin-top:16px;font-size:10px;font-weight:700;display:block}.formCard input,.formCard select,.formCard textarea{background:#fff;border:1px solid #dfe3e8;border-radius:7px;outline:none;width:100%;margin-top:6px;padding:11px;font-size:11px;display:block}.formCard textarea{resize:vertical;height:140px}input::placeholder,textarea::placeholder{color:#1e3a5f;opacity:1;font-family:Poppins,Inter,Arial,sans-serif;font-weight:500}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#1e3a5f;opacity:1;font-family:Poppins,Inter,Arial,sans-serif;font-weight:500}input::-moz-placeholder,textarea::-moz-placeholder{color:#1e3a5f;opacity:1;font-family:Poppins,Inter,Arial,sans-serif;font-weight:500}.fullButton{justify-content:center;width:100%;margin-top:18px}.previewCard{background:#fafafa}.previewCard>span{color:#9ca3af;letter-spacing:.7px;font-size:9px;font-weight:700}.phonePreview{background:#fff;border:6px solid #e5e7eb;border-radius:22px;width:270px;min-height:340px;margin:17px auto 0;padding:15px}.phonePreview>b{font-size:11px}.appNotice{background:#f5f3ff;border-radius:10px;margin-top:18px;padding:13px}.appNotice>div{color:#5b21b6}.appNotice strong{margin-top:10px;font-size:11px;display:block}.appNotice p{color:var(--muted);font-size:9px;line-height:1.5}.appNotice small{color:#9ca3af;font-size:8px}.toast{z-index:100;color:#fff;background:#1f2937;border-radius:7px;padding:11px 14px;font-size:10px;font-weight:600;position:fixed;top:86px;right:25px;box-shadow:0 10px 25px #0002}@media (max-width:1100px){.moduleGrid,.statsGrid{grid-template-columns:repeat(2,1fr)}.workspaceGrid{grid-template-columns:1fr}}@media (max-width:760px){.topbar{gap:13px;height:64px;padding:0 16px}.headerBrand{font-size:12px}.headerBrand span{font-size:9px}.searchBox,.topProfile{display:none}.mainContent{padding:24px 16px 40px}.pageIntro{display:block}.dateBox{margin-top:12px;display:inline-block}.moduleHeader{display:block}.moduleHeader .primaryButton{margin-top:14px}.filterBar{flex-wrap:wrap}.filterBar label{width:calc(50% - 7px)}.filterSummary{margin-left:0}.moduleGrid{grid-template-columns:1fr}}@media (max-width:480px){.statsGrid{grid-template-columns:1fr}.filterBar label{width:100%}.moduleHeader h1,.pageIntro h1{font-size:24px}}.headerButtons{align-items:center;gap:9px;display:flex}.secondaryButton{color:#374151;background:#fff;border:1px solid #cfd4dc;border-radius:7px;align-items:center;gap:7px;padding:11px 14px;font-size:11px;font-weight:600;display:inline-flex}.secondaryButton:hover{background:#fafafa;border-color:#9ca3af}.studentToolbar{gap:11px;margin-bottom:15px}.studentSearch,.studentToolbar{align-items:center;display:flex}.studentSearch{border:1px solid var(--line);color:#9ca3af;background:#fff;border-radius:8px;flex:1;gap:8px;max-width:470px;height:42px;padding:0 12px}.studentSearch input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.studentToolbar>select,.timetableControls select{border:1px solid var(--line);color:#374151;background:#fff;border-radius:8px;min-width:210px;height:42px;padding:0 12px;font-size:11px;font-weight:600}.resultCount{color:var(--muted);font-size:10px}.courseCards{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:17px;display:grid}.courseCard{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;padding:13px;display:grid}.courseCard span{color:#5b21b6;grid-row:span 2;font:600 19px Poppins}.courseCard b{font-size:10px}.courseCard small{color:var(--muted);margin-top:2px;font-size:8px}.courseCard.active{background:#faf7ff;border-color:#5b21b6}.timetableControls{margin-bottom:15px;display:flex}.timetableControls label{color:#6b7280;font-size:9px;font-weight:700}.timetableControls select{margin-top:6px;display:block}.dayTabs{gap:7px;margin-bottom:15px;padding-bottom:2px;display:flex;overflow-x:auto}.dayTabs button{white-space:nowrap;color:#4b5563;background:#fff;border:1px solid #dfe3e8;border-radius:8px;padding:9px 13px;font-size:10px;font-weight:600}.dayTabs button small{color:#9ca3af;margin-top:3px;font-size:7px;display:block}.dayTabs button.active{color:#fff;background:#5b21b6;border-color:#5b21b6}.dayTabs button.active small{color:#ddd6fe}.timetableCard{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:10px;overflow:hidden}.scheduleList{padding:6px 18px 18px}.scheduleRow{border-bottom:1px solid #f0f1f3;grid-template-columns:120px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.scheduleRow:last-child{border-bottom:0}.hour{color:#374151;font-size:10px;font-weight:700}.hour small{color:#9ca3af;margin-top:3px;font-size:8px;font-weight:400;display:block}.scheduleRow input{color:#374151;border:1px solid #e1e5ea;border-radius:7px;outline:0;height:39px;padding:0 11px;font-size:11px}.scheduleRow input:focus{border-color:#a78bfa;box-shadow:0 0 0 2px #ede9fe}.scheduleRow .outlineButton{margin:0}.moduleGrid .moduleCard{border:2px solid #222;box-shadow:0 5px #666,0 8px 14px #00000014}.moduleGrid .moduleCard:hover{box-shadow:0 7px #666,0 12px 18px #0000001a}.moduleGrid .moduleCard:first-child{background:#eef4ff}.moduleGrid .moduleCard:nth-child(2){background:#f5efff}.moduleGrid .moduleCard:nth-child(3){background:#fff0f0}.moduleGrid .moduleCard:nth-child(4){background:#f2efff}.moduleGrid .moduleCard:nth-child(5){background:#fff8e8}.moduleGrid .moduleCard:nth-child(6){background:#fff0f7}.moduleGrid .moduleCard:nth-child(7){background:#ebf9f3}.moduleGrid .moduleCard:nth-child(8){background:#eaf8f7}.moduleGrid .moduleCard:nth-child(9){background:#eaf8fb}.professionalModule{max-width:1450px;margin:0 auto}.professionalHeader{margin-bottom:26px}.professionalHeader p{font-size:13px}.professionalModule h2{font:600 18px Poppins}.summaryGrid{gap:14px;margin-bottom:22px}.summaryCard{border:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;min-height:104px;padding:18px;box-shadow:0 2px 8px #0f172a0a}.summaryCard span{color:#6b7280;margin-bottom:9px;font-size:11px;font-weight:600;display:block}.summaryCard strong{color:#1f2937;letter-spacing:-.4px;font:600 25px Poppins;display:block}.summaryIcon{color:#5b21b6;background:#f5f3ff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.summaryCard-success .summaryIcon{color:#15803d;background:#ecfdf3}.summaryCard-danger .summaryIcon{color:#b91c1c;background:#fff1f2}.segmentedFilters{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.segmentedFilters button{color:#4b5563;background:#fff;border:1px solid #dfe3e8;border-radius:7px;padding:8px 13px;font-size:11px;font-weight:600}.segmentedFilters button:hover{color:#5b21b6;border-color:#a78bfa}.segmentedFilters button.active{color:#fff;background:#5b21b6;border-color:#5b21b6}.controlPanel,.professionalToolbar{background:#fff;border:1px solid #e5e7eb;border-radius:11px;align-items:center;gap:10px;margin-bottom:22px;padding:12px;display:flex;box-shadow:0 2px 8px #0f172a0a}.professionalSearch{color:#9ca3af;background:#fff;border:1px solid #dfe3e8;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:none;height:42px;padding:0 12px;display:flex}.professionalSearch input{color:#1f2937;background:0 0;border:0;outline:0;width:100%;font-size:12px}.controlPanel input,.controlPanel select,.professionalToolbar select{color:#374151;background:#fff;border:1px solid #dfe3e8;border-radius:8px;outline:0;min-width:150px;height:42px;padding:0 11px;font-size:12px}.controlPanel input:focus,.controlPanel select:focus,.professionalToolbar select:focus{border-color:#a78bfa;box-shadow:0 0 0 2px #f3e8ff}.resultCount{white-space:nowrap;color:#6b7280;margin-left:auto;padding:0 5px;font-size:11px;font-weight:500}.professionalTableCard{background:#fff;border:1px solid #e5e7eb;border-radius:11px;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.professionalTableHeader{padding:18px 20px}.professionalTableHeader h2{font-size:18px}.professionalTableHeader p{font-size:12px}.professionalTable{min-width:900px}.professionalTable th{color:#6b7280;letter-spacing:.55px;background:#f8fafc;padding:14px 17px;font-size:10px;position:sticky;top:0}.professionalTable td{color:#4b5563;border-top:1px solid #edf0f3;height:56px;padding:12px 17px;font-size:12px}.professionalTable tbody tr:hover{background:#fafaff}.internalMarksModule .moduleHeader h1{letter-spacing:-.9px;margin:7px 0 6px;font-size:32px}.internalMarksModule .moduleHeader p{color:#6b7280;margin:0;font-size:13px}.internalMarksMessage{border-radius:10px;align-items:center;gap:9px;margin:0 0 18px;padding:13px 16px;font-size:12px;font-weight:600;display:flex}.internalMarksMessage.error{color:#b91c1c;background:#fff1f2;border:1px solid #fecdd3}.internalMarksMessage.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.internalMarksFilters{grid-template-columns:46px minmax(180px,1fr) minmax(210px,.9fr) minmax(170px,.65fr);align-items:center;gap:18px;margin-bottom:22px;padding:20px;display:grid}.internalMarksFilterIcon{color:#2563eb;background:#eff6ff;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.internalMarksFilterTitle span,.internalMarksFilterTitle strong{display:block}.internalMarksFilterTitle strong{color:#1f2937;font-size:14px}.internalMarksFilterTitle span{color:#94a3b8;margin-top:3px;font-size:11px}.internalMarksFilters label,.internalMarksInput{color:#64748b;letter-spacing:.06em;font-size:10px;font-weight:700}.internalMarksFilters select,.internalMarksInput input{color:#334155;background:#fff;border:1px solid #dbe2ea;border-radius:8px;outline:none;width:100%;height:43px;margin-top:6px;padding:0 12px;font-size:12px;display:block}.internalMarksFilters select:focus,.internalMarksInput input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #dbeafe}.internalMarksTableCard{padding-bottom:0}.internalMarksTableTitle{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;padding:19px 21px;display:flex}.internalMarksTableTitle h2{margin:0;font-size:17px}.internalMarksTableTitle p{color:#94a3b8;margin:4px 0 0;font-size:11px}.internalMarksTableTitle>span{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.internalMarksTableWrap{overflow-x:auto}.internalMarksTable{border-collapse:collapse;width:100%;min-width:800px}.internalMarksTable th{color:#64748b;text-align:left;letter-spacing:.06em;background:#f8fafc;padding:13px 18px;font-size:10px}.internalMarksTable td{color:#64748b;border-top:1px solid #edf0f3;padding:14px 18px;font-size:12px}.internalMarksTable tbody tr:hover{background:#fbfdff}.internalMarksTable td strong{color:#1f2937}.internalMarksPending{color:#b45309;font-weight:700}.internalMarksValue{color:#166534;font-weight:700}.internalMarkAddButton{color:#fff;background:#2563eb;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 5px #2563eb33}.internalMarkAddButton:hover:not(:disabled){background:#1d4ed8}.internalMarkAddButton:disabled{cursor:wait;opacity:.65}.internalMarksEmpty{text-align:center;color:#94a3b8;padding:48px 20px;font-size:13px}.internalMarksModal{width:min(440px,100vw - 32px)}.internalMarksModal .modalHeader p{color:#94a3b8;margin:3px 0 0;font-size:11px;font-weight:500}.internalMarksInput{padding:22px 22px 0;display:block}.internalMarksInput span{color:#94a3b8;letter-spacing:0;font-weight:500}.internalMarksModalActions{justify-content:flex-end;gap:9px;padding:22px;display:flex}.internalMarksModalActions .secondaryButton{color:#475569;background:#fff;border:1px solid #dbe2ea;border-radius:7px;min-height:34px;padding:0 12px;font-size:11px;font-weight:700}@media (max-width:800px){.internalMarksFilters{grid-template-columns:46px 1fr}.internalMarksFilterTitle{grid-column:2}.internalMarksFilters label{grid-column:1/-1}}.moduleGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.moduleGrid .moduleCard{--module-accent:#2563eb;--module-tint:#eff6ff;text-align:left;background:#fff;border:1px solid #111827;border-radius:13px;min-height:172px;padding:20px;overflow:hidden;box-shadow:0 5px #4b5563,0 12px 22px #0f172a1f}.moduleGrid .moduleCard:before{content:"";background:var(--module-accent);border-radius:13px 0 0 13px;width:4px;height:100%;position:absolute;top:0;left:0}.moduleGrid .moduleCard:hover{border-color:#111827;transform:translateY(-3px);box-shadow:0 8px #374151,0 17px 28px #0f172a29}.moduleGrid .moduleCard:active{transform:translateY(3px);box-shadow:0 2px #374151,0 7px 12px #0f172a1a}.moduleGrid .moduleCardIcon{z-index:1;width:56px;height:56px;color:var(--module-accent);background:var(--module-tint);box-shadow:none;border-radius:12px;margin-bottom:17px;position:relative}.moduleGrid .moduleCardIcon svg{stroke-width:2px;width:27px;height:27px}.moduleGrid .moduleCardContent{z-index:1;position:relative}.moduleGrid .moduleCardContent h3{color:#172033;margin-bottom:5px;font-size:15px;font-weight:700}.moduleGrid .moduleCardContent p{color:#718096;padding-right:10px;font-size:11px;line-height:1.5}.moduleGrid .moduleCardArrow{z-index:1;color:#94a3b8;top:20px;right:18px}.moduleGrid .moduleCard--attendance{--module-accent:#2563eb;--module-tint:#eaf2ff}.moduleGrid .moduleCard--reports{--module-accent:#7c3aed;--module-tint:#f4edff}.moduleGrid .moduleCard--students{--module-accent:#e11d48;--module-tint:#fff0f3}.moduleGrid .moduleCard--announcements{--module-accent:#d97706;--module-tint:#fff7e7}.moduleGrid .moduleCard--timetable{--module-accent:#0891b2;--module-tint:#e8fbff}.moduleGrid .moduleCard--syllabus{--module-accent:#16a34a;--module-tint:#eafbf0}.moduleGrid .moduleCard--doubts{--module-accent:#db2777;--module-tint:#fff0f8}.moduleGrid .moduleCard--library{--module-accent:#9333ea;--module-tint:#f8efff}.moduleGrid .moduleCard--accounts{--module-accent:#2563eb;--module-tint:#eaf2ff}.moduleGrid .moduleCard--online-class{--module-accent:#0284c7;--module-tint:#ebf8ff}.moduleGrid .moduleCard--leave{--module-accent:#ea580c;--module-tint:#fff3ea}.moduleGrid .moduleCard--staff{--module-accent:#475569;--module-tint:#f1f5f9}.moduleGrid .moduleCard--internal-marks{--module-accent:#4f46e5;--module-tint:#eef2ff}@media (max-width:1100px){.moduleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.moduleGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.moduleGrid .moduleCard{border-radius:12px;min-height:163px;padding:16px}.moduleGrid .moduleCardIcon{border-radius:11px;width:50px;height:50px;margin-bottom:14px}.moduleGrid .moduleCardIcon svg{width:24px;height:24px}.moduleGrid .moduleCardContent h3{padding-right:14px;font-size:13px;line-height:1.28}.moduleGrid .moduleCardContent p{padding-right:0;font-size:10px;line-height:1.45}.moduleGrid .moduleCardArrow{top:16px;right:13px}}.internalMarksModule{background:linear-gradient(#eef5ff,#f8fbff 220px,#0000 0);border:1px solid #e4eaf2;border-radius:18px;padding:8px}.internalMarksModule>.backToDashboard{margin:14px 12px 0}.internalMarksModule .moduleHeader{margin:18px 12px 22px}.internalMarksModule .professionalTableCard{border-color:#dfe7f1;box-shadow:0 5px 15px #0f37640f}.internalMarksModule .internalMarksFilters{border-top:3px solid #2563eb}.professionalTable .studentName{color:#1f2937;font-size:13px;font-weight:600}.professionalTable .studentName small{color:#6b7280;margin-top:3px;font-size:11px;font-weight:400;display:block}.professionalTable .mono{color:#6b7280;font-size:11px}.professionalStatus{border-radius:999px;align-items:center;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.professionalStatus.active,.professionalStatus.present{color:#15803d;background:#ecfdf3}.professionalStatus.absent,.professionalStatus.inactive{color:#b91c1c;background:#fff1f2}.tableAction{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-size:11px;font-weight:600;display:inline-flex}.tableAction:hover{color:#5b21b6;background:#fafafa;border-color:#a78bfa}.emptyState{text-align:center;color:#6b7280;padding:54px 20px}.emptyState svg{color:#8b5cf6}.emptyState h3{color:#374151;margin:13px 0 5px;font:600 16px Poppins}.emptyState p{margin:0;font-size:12px}.controlPanel{align-items:flex-end;padding:15px 17px}.controlPanel label{flex:1;gap:6px;display:grid}.controlPanel label span{color:#6b7280;letter-spacing:.45px;font-size:10px;font-weight:700}.loadButton{white-space:nowrap;height:42px}.loadedNote{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:6px;margin:-8px 0 18px;padding:10px 12px;font-size:11px;font-weight:600;display:flex}.attendanceTableSection{margin-top:4px}.attendanceTableTop{justify-content:space-between;align-items:flex-end;margin-bottom:13px;display:flex}.attendanceTableTop h2{margin:0}.attendanceTableTop p{color:#6b7280;margin:5px 0 0;font-size:12px}.bulkActions{gap:8px;display:flex}.clearClassButton,.resetButton{color:#b91c1c;background:#fff;border:1px solid #fecaca;border-radius:7px;align-items:center;gap:5px;padding:9px 11px;font-size:11px;font-weight:600;display:inline-flex}.clearClassButton:hover,.resetButton:hover{background:#fff1f2}.rowNumber{font-weight:600;color:#9ca3af!important}.attendanceTable{min-width:760px}.attendanceToggle{border-radius:7px;display:inline-flex;overflow:hidden}.attendanceToggle button{color:#6b7280;background:#fff;border:1px solid #d1d5db;justify-content:center;align-items:center;gap:5px;min-width:82px;padding:8px 9px;font-size:11px;font-weight:600;display:inline-flex}.attendanceToggle button+button{margin-left:-1px}.attendanceToggle .selectedPresent{color:#15803d;z-index:1;background:#ecfdf3;border-color:#86efac;position:relative}.attendanceToggle .selectedAbsent{color:#b91c1c;z-index:1;background:#fff1f2;border-color:#fca5a5;position:relative}.attendanceSaveRow{justify-content:flex-end;align-items:center;gap:14px;margin-top:18px;display:flex}.saveSuccess{color:#15803d;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.timetableControlPanel{max-width:820px}.scheduleWorkspaceTop{justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;display:flex}.academicTabs{border-bottom:1px solid #e5e7eb;flex:1;gap:3px;display:flex;overflow-x:auto}.academicTabs button{white-space:nowrap;color:#6b7280;background:#fff;border:0;border-bottom:2px solid #0000;padding:12px 15px;font-size:12px;font-weight:600}.academicTabs button:hover{color:#5b21b6}.academicTabs button.active{color:#5b21b6;border-bottom-color:#5b21b6}.scheduleTable{min-width:760px}.timeCell{white-space:nowrap;font-weight:600;color:#374151!important}.classType{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.classType.lecture{color:#6d28d9;background:#f3e8ff}.classType.lab{color:#2563eb;background:#eff6ff}.classType.tutorial{color:#15803d;background:#ecfdf3}.classType.seminar{color:#a16207;background:#fffbeb}.clearClassButton{margin-left:6px;padding:7px 8px;font-size:10px}.scheduleEmpty .secondaryButton{margin-top:16px}.modalOverlay{z-index:80;background:#0f172a61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.adminModal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:min(100%,620px);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 20px 50px #0f172a33}.modalHeader{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modalHeader h2{margin:0;font:600 18px Poppins}.modalClose{color:#6b7280;background:#fff;border:0;border-radius:6px;place-items:center;padding:4px;display:grid}.modalClose:hover{color:#1f2937;background:#f3f4f6}.classForm{grid-template-columns:repeat(2,1fr);gap:15px;padding:20px;display:grid}.classForm label{color:#4b5563;gap:6px;font-size:11px;font-weight:700;display:grid}.classForm input,.classForm select{color:#374151;background:#fff;border:1px solid #dfe3e8;border-radius:7px;outline:0;height:41px;padding:0 10px;font-size:12px}.classForm input:focus,.classForm select:focus{border-color:#a78bfa;box-shadow:0 0 0 2px #f3e8ff}.modalActions{grid-column:1/-1;justify-content:flex-end;gap:9px;margin-top:5px;display:flex}@media (max-width:1000px){.summaryGrid{grid-template-columns:repeat(2,1fr)}.professionalToolbar{flex-wrap:wrap}.professionalToolbar .professionalSearch{flex-basis:100%;min-width:100%}.resultCount{margin-left:0}.timetableControlPanel{max-width:none}}@media (max-width:760px){.professionalHeader .headerButtons{margin-top:16px}.summaryGrid{gap:10px;margin-bottom:18px}.summaryCard{min-height:90px;padding:14px}.summaryCard strong{font-size:21px}.controlPanel,.professionalToolbar{grid-template-columns:1fr;padding:12px;display:grid}.controlPanel input,.controlPanel select,.professionalToolbar select{width:100%;min-width:0}.resultCount{padding:2px 0}.attendanceTableTop,.scheduleWorkspaceTop{flex-direction:column;align-items:flex-start}.bulkActions{flex-wrap:wrap;width:100%}.attendanceSaveRow{justify-content:space-between}.academicTabs{width:100%}.scheduleWorkspaceTop>.secondaryButton{align-self:flex-end}.studentTableScroll{display:none}.studentMobileList{gap:10px;padding:12px;display:grid}.studentMobileCard{background:#fff;border:1px solid #e5e7eb;border-radius:9px;grid-template-columns:1fr auto;gap:12px;padding:14px;display:grid}.studentMobileCard strong{color:#1f2937;font-size:14px;display:block}.studentMobileCard>div span{color:#6b7280;margin-top:4px;display:block}.studentMobileCard dl{border-top:1px solid #edf0f3;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding-top:10px;display:grid}.studentMobileCard dl div{min-width:0}.studentMobileCard dt{color:#9ca3af;margin-bottom:3px;font-size:10px}.studentMobileCard dd{color:#4b5563;margin:0;font-size:11px;line-height:1.35}.studentMobileCard>.tableAction{width:max-content}.classForm{grid-template-columns:1fr}.modalActions{grid-column:auto}.modalOverlay{padding:12px}}@media (max-width:480px){.summaryGrid{grid-template-columns:1fr 1fr}.summaryCard span{font-size:10px}.segmentedFilters{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.segmentedFilters button{white-space:nowrap}.attendanceSaveRow{flex-direction:column;align-items:flex-end}.studentMobileCard dl{grid-template-columns:1fr 1fr}.studentMobileCard dl div:last-child{grid-column:1/-1}}.compactSummary{margin-bottom:20px}.compactSummary .summaryCard{min-height:96px}.announcementTable .studentName{max-width:380px}.questionCell{white-space:normal;max-width:270px;line-height:1.45}.pendingStatus{color:#a16207;background:#fffbeb}.inProgress{color:#2563eb;background:#eff6ff}.approveAction{color:#15803d!important;background:#f0fdf4!important;border-color:#bbf7d0!important}.rejectAction{color:#b91c1c!important;background:#fff!important;border-color:#fecaca!important}.tableActions{white-space:nowrap;align-items:center;gap:5px;display:flex}.doubtDetail{padding:20px}.detailGrid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}.detailGrid>div,.leaveRange>div{background:#f8fafc;border:1px solid #edf0f3;border-radius:8px;padding:12px}.detailGrid span,.leaveRange span,.questionBox>span{color:#9ca3af;letter-spacing:.45px;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.detailGrid b,.leaveRange b{color:#374151;font-size:12px}.questionBox{background:#faf7ff;border:1px solid #ede9fe;border-radius:9px;margin-bottom:15px;padding:13px}.questionBox p{color:#374151;margin:0;font-size:12px;line-height:1.6}.answerLabel{color:#4b5563;gap:6px;font-size:11px;font-weight:700;display:grid}.answerLabel textarea{resize:vertical;border:1px solid #dfe3e8;border-radius:8px;outline:0;width:100%;min-height:130px;padding:11px;font-size:12px}.answerLabel textarea:focus{border-color:#a78bfa;box-shadow:0 0 0 2px #f3e8ff}.leaveRange{grid-template-columns:1fr 1fr 1.5fr;gap:10px;margin-bottom:15px;display:grid}.syllabusControls{max-width:700px}.subjectGrid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.subjectCard{background:#fff;border:1px solid #e5e7eb;border-radius:11px;padding:20px;box-shadow:0 2px 8px #0f172a0a}.subjectTop{justify-content:space-between;align-items:center;display:flex}.subjectIcon{color:#5b21b6;background:#f5f3ff;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.percentage{color:#5b21b6;font:600 18px Poppins}.subjectCard h2{margin:17px 0 4px;font-size:17px!important}.subjectCard p{color:#6b7280;margin:0 0 19px;font-size:11px}.progressMeta{color:#6b7280;justify-content:space-between;margin-bottom:7px;font-size:10px;display:flex}.progressMeta b{color:#374151}.progressBar{background:#f0f1f3;border-radius:999px;height:7px;margin-bottom:17px;overflow:hidden}.progressBar i{background:#7c3aed;border-radius:999px;height:100%;display:block}.manageButton{justify-content:center;width:100%}.unitList{padding:4px 20px 18px}.unitRow{border-bottom:1px solid #edf0f3;grid-template-columns:44px 1fr 150px 105px;align-items:center;gap:13px;padding:13px 0;display:grid}.unitRow:last-child{border-bottom:0}.unitNumber{color:#9ca3af;font:600 12px Poppins}.unitInfo b{color:#374151;font-size:12px;display:block}.unitInfo span{color:#9ca3af;margin-top:3px;font-size:9px;display:block}.unitRow select{color:#374151;background:#fff;border:1px solid #dfe3e8;border-radius:7px;height:35px;padding:0 8px;font-size:10px}.addUnitRow{gap:9px;padding:0 20px 20px;display:flex}.addUnitRow input{border:1px solid #dfe3e8;border-radius:7px;outline:0;flex:1;height:40px;padding:0 11px;font-size:11px}.addUnitRow input:focus{border-color:#a78bfa}.roleBadge{color:#5b21b6;background:#f5f3ff;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.statusButton{cursor:pointer;border:0}.permissionEditor{padding:20px}.permissionIntro{background:#f8fafc;border:1px solid #edf0f3;border-radius:9px;align-items:center;gap:11px;margin-bottom:15px;padding:12px;display:flex}.roleAvatar{color:#5b21b6;background:#ede9fe;border-radius:50%;place-items:center;width:40px;height:40px;font:600 15px Poppins;display:grid}.permissionIntro b{color:#374151;font-size:13px;display:block}.permissionIntro span{color:#6b7280;margin-top:3px;font-size:9px;display:block}.permissionRole{color:#4b5563;gap:6px;margin-bottom:11px;font-size:10px;font-weight:700;display:grid}.permissionRole select{background:#fff;border:1px solid #dfe3e8;border-radius:7px;height:40px;padding:0 10px;font-size:11px}.permissionHint{color:#6b21a8;background:#faf7ff;border:1px solid #ede9fe;border-radius:8px;margin-bottom:14px;padding:10px 11px;font-size:10px;line-height:1.45}.permissionGroups{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.permissionGroup{background:#fff;border:1px solid #e5e7eb;border-radius:9px;overflow:hidden}.permissionGroupTitle{background:#fafafa;border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.permissionGroupTitle h3{color:#374151;margin:0;font:600 12px Poppins}.permissionGroupTitle span{color:#9ca3af;font-size:8px}.permissionItem{cursor:pointer;border-bottom:1px solid #f1f3f5;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.permissionItem:last-child{border-bottom:0}.permissionItem b{color:#4b5563;font-size:10px;display:block}.permissionItem small{color:#9ca3af;margin-top:2px;font-size:8px;display:block}.permissionItem input{accent-color:#5b21b6;width:16px;height:16px}.professionalStatus.pendingStatus{color:#a16207;background:#fffbeb}.professionalStatus.inProgress{color:#2563eb;background:#eff6ff}.formFull{grid-column:1/-1}@media (max-width:900px){.subjectGrid{grid-template-columns:repeat(2,1fr)}.permissionGroups{grid-template-columns:1fr}.leaveRange{grid-template-columns:1fr 1fr}.leaveRange>div:last-child{grid-column:1/-1}}@media (max-width:600px){.detailGrid,.leaveRange,.subjectGrid{grid-template-columns:1fr}.leaveRange>div:last-child{grid-column:auto}.permissionEditor{padding:14px}.unitRow{grid-template-columns:32px 1fr}.unitRow .professionalStatus,.unitRow select{grid-column:2}.addUnitRow{flex-direction:column}.announcementTable{min-width:850px}}.reportsPage{color:#211c27;-webkit-font-smoothing:antialiased;width:100%;max-width:1450px;margin:0 auto;padding:24px 30px 70px;font-family:Poppins,sans-serif}.reportsPage *,.reportsPage :after,.reportsPage :before{box-sizing:border-box}.reportsPage button,.reportsPage input,.reportsPage select{font-family:Poppins,sans-serif}.reportsHeader{margin-bottom:20px}.reportsEyebrow{color:#6d28d9;letter-spacing:.12em;align-items:center;gap:7px;margin-bottom:8px;font-size:9px;font-weight:700;line-height:1;display:flex}.reportsEyebrow span{background:#7c3aed;border-radius:50%;width:7px;height:7px}.reportsHeader h1{color:#17131f;letter-spacing:-.5px;margin:0;font-size:32px;font-weight:700;line-height:1.2}.reportsHeader p{color:#88828f;margin:7px 0 0;font-size:11px;font-weight:400}.reportFilterCard{background:#fff;border:1px solid #e6e2ea;border-radius:15px;padding:20px;box-shadow:0 8px 30px #1e143c0b}.reportSectionTitle{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.reportSectionTitle h2{color:#29232f;margin:0;font-size:15px;font-weight:600}.reportSectionTitle p{color:#97919d;margin:4px 0 0;font-size:9px;font-weight:400}.reportFilters{grid-template-columns:1fr 1fr 1fr 190px;align-items:end;gap:12px;display:grid}.reportFilters label{flex-direction:column;gap:6px;display:flex}.reportFilters label>span{color:#716b78;letter-spacing:.07em;font-size:8px;font-weight:700}.reportFilters select{color:#37313e;cursor:pointer;background:#fff;border:1px solid #ddd8e2;border-radius:8px;outline:none;width:100%;height:44px;padding:0 12px;font-size:10px;font-weight:500}.reportFilters select:hover{border-color:#c7b4df}.reportFilters select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf617}.generateReportButton{color:#fff;cursor:pointer;background:#6425d9;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:44px;padding:0 18px;font-size:10px;font-weight:600;transition:background .15s,transform .15s;display:flex;box-shadow:0 5px 14px #6425d92b}.generateReportButton:hover:not(:disabled){background:#5520ba;transform:translateY(-1px)}.generateReportButton:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.reportAlert{border-radius:9px;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;font-size:10px;font-weight:500;display:flex}.reportAlert button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:17px}.reportAlert.error{color:#b91c1c;background:#fff5f5;border:1px solid #fecaca}.reportAlert.success{color:#15803d;background:#f2fff6;border:1px solid #bbf7d0}.monthlySummary{margin-top:14px}.summaryTitle{margin-bottom:10px}.summaryTitle h2{color:#29232f;margin:0;font-size:15px;font-weight:600}.summaryTitle p{color:#97919d;margin:4px 0 0;font-size:9px}.summaryGrid{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.summaryCard{background:#fff;border:1px solid #e8e4ec;border-radius:11px;flex-direction:column;justify-content:center;gap:6px;min-height:86px;padding:14px 16px;display:flex;box-shadow:0 4px 15px #1e143c06}.summaryCard span{color:#99929f;letter-spacing:.06em;font-size:8px;font-weight:700}.summaryCard strong{color:#332d39;font-size:24px;font-weight:600;line-height:1}.summaryCard.green strong{color:#15803d}.summaryCard.purple strong{color:#6d28d9}.studentReportCard{background:#fff;border:1px solid #e6e2ea;border-radius:15px;margin-top:14px;overflow:hidden;box-shadow:0 8px 30px #1e143c0b}.studentReportHeader{border-bottom:1px solid #eeeaf1;justify-content:space-between;align-items:center;gap:20px;padding:17px 19px;display:flex}.studentReportHeader h2{color:#29232f;margin:0;font-size:15px;font-weight:600}.studentReportHeader p{color:#97919d;margin:4px 0 0;font-size:9px}.downloadPdfButton{color:#6425d9;cursor:pointer;background:#f8f4ff;border:1px solid #d8c8ee;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 16px;font-size:9px;font-weight:600;transition:background .15s,border-color .15s,transform .15s;display:flex}.downloadPdfButton:hover:not(:disabled){background:#f1eaff;border-color:#bda2df;transform:translateY(-1px)}.downloadPdfButton:disabled{opacity:.45;cursor:not-allowed}.reportTableWrapper{width:100%;overflow-x:auto}.studentReportTable{border-collapse:collapse;table-layout:fixed;width:100%;font-family:Poppins,sans-serif}.studentReportTable th{color:#77707f;letter-spacing:.05em;text-align:left;white-space:nowrap;background:#faf9fc;border-bottom:1px solid #e8e3ec;height:48px;padding:0 14px;font-size:8px;font-weight:700}.studentReportTable th:first-child{text-align:center;width:65px}.studentReportTable th:nth-child(2){width:auto}.studentReportTable th:nth-child(3),.studentReportTable th:nth-child(4),.studentReportTable th:nth-child(5){text-align:center;width:110px}.studentReportTable th:nth-child(6){text-align:center;width:90px}.studentReportTable td{color:#433c49;vertical-align:middle;border-bottom:1px solid #eeeaf1;height:62px;padding:0 14px;font-size:10px;font-weight:500}.studentReportTable tbody tr{transition:background .12s}.studentReportTable tbody tr:hover{background:#fcfaff}.studentReportTable tbody tr:last-child td{border-bottom:0}.studentReportTable td:first-child{text-align:center}.reportStudentNumber{color:#716a79;text-align:center;background:#f8f5fa;border:1px solid #e4deeb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:9px;font-weight:600;line-height:1;display:inline-flex}.reportStudent{flex-direction:column;gap:3px;min-width:0;display:flex}.reportStudent strong{text-overflow:ellipsis;white-space:nowrap;color:#302a36;font-size:10px;font-weight:600;display:block;overflow:hidden}.reportStudent span{color:#99929f;font-size:8px;font-weight:400}.studentReportTable td:nth-child(3),.studentReportTable td:nth-child(4),.studentReportTable td:nth-child(5),.studentReportTable td:nth-child(6){text-align:center}.presentValue{color:#15803d!important;font-weight:600!important}.absentValue{color:#dc2626!important;font-weight:600!important}.percentage{border-radius:7px;justify-content:center;align-items:center;min-width:54px;height:27px;padding:0 8px;font-size:8px;font-weight:600;display:inline-flex}.percentage.good{color:#15803d;background:#f0fdf4}.percentage.low{color:#dc2626;background:#fff5f5}.reportEmpty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:30px;display:flex}.reportEmpty strong{color:#49424f;font-size:12px;font-weight:600}.reportEmpty span{color:#aaa4b0;max-width:420px;margin-top:5px;font-size:9px;line-height:1.5}@media (max-width:700px){.reportsPage{padding:18px 14px 70px}.reportsHeader h1{font-size:26px}.reportsHeader p{font-size:10px}.reportFilterCard{padding:15px}.reportFilters{grid-template-columns:1fr}.generateReportButton{width:100%}.summaryGrid{grid-template-columns:1fr 1fr}.summaryCard{min-height:72px;padding:12px}.summaryCard strong{font-size:20px}.studentReportCard{border-radius:13px}.studentReportHeader{flex-direction:column;align-items:flex-start;gap:12px;padding:15px}.downloadPdfButton{width:100%}.reportTableWrapper{overflow-x:auto}.studentReportTable{min-width:650px}}@media (max-width:380px){.reportsHeader h1{font-size:24px}.summaryGrid{gap:8px}.summaryCard strong{font-size:18px}.studentReportTable{min-width:620px}}.attendanceMatrix{color:#211c27;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;width:100%;max-width:1550px;margin:0 auto;padding:24px 30px 70px;font-family:Poppins,sans-serif}.attendanceMatrix *,.attendanceMatrix :after,.attendanceMatrix :before{box-sizing:border-box}.attendanceMatrix button,.attendanceMatrix input,.attendanceMatrix select{font-family:Poppins,sans-serif}.attendanceMatrixHeader{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.attendanceMatrixEyebrow{color:#6d28d9;letter-spacing:.12em;align-items:center;gap:7px;margin-bottom:8px;font-size:9px;font-weight:700;line-height:1;display:flex}.attendanceMatrixEyebrow span{background:#7c3aed;border-radius:50%;flex-shrink:0;width:7px;height:7px}.attendanceMatrixHeader h1{color:#17131f;letter-spacing:-.5px;margin:0;font-size:32px;font-weight:700;line-height:1.2}.attendanceMatrixHeader p{color:#88828f;margin:7px 0 0;font-size:11px;font-weight:400;line-height:1.5}.attendanceMatrixDateBadge{color:#6d28d9;background:#faf8ff;border:1px solid #e5dff0;border-radius:10px;align-items:center;gap:10px;padding:11px 15px;display:flex}.attendanceMatrixDateBadge span{color:#99929f;letter-spacing:.06em;margin-bottom:3px;font-size:7px;font-weight:700;line-height:1;display:block}.attendanceMatrixDateBadge strong{color:#4c1d95;font-size:10px;font-weight:600;line-height:1.3;display:block}.attendanceMatrixAlert{border-radius:9px;align-items:center;gap:9px;margin-bottom:14px;padding:12px 14px;font-size:10px;font-weight:500;line-height:1.4;display:flex}.attendanceMatrixAlert button{width:25px;height:25px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;margin-left:auto;padding:0;font-size:18px;line-height:1;display:grid}.attendanceMatrixAlert.error{color:#b91c1c;background:#fff5f5;border:1px solid #fecaca}.attendanceMatrixAlert.success{color:#15803d;background:#f2fff6;border:1px solid #bbf7d0}.attendanceMatrixFilters{background:#fff;border:1px solid #e6e2ea;border-radius:14px;grid-template-columns:210px minmax(280px,1fr) 200px 170px;align-items:end;gap:12px;padding:18px 20px;display:grid;box-shadow:0 7px 28px #1e143c0b}.attendanceMatrixFilters label{flex-direction:column;gap:6px;display:flex}.attendanceMatrixFilters label>span{color:#716b78;letter-spacing:.07em;font-size:8px;font-weight:700;line-height:1}.attendanceMatrixFilters input,.attendanceMatrixFilters select{color:#37313e;background:#fff;border:1px solid #ddd8e2;border-radius:8px;outline:none;width:100%;height:43px;padding:0 12px;font-size:10px;font-weight:500;line-height:1;transition:border-color .15s,box-shadow .15s}.attendanceMatrixFilters input:hover,.attendanceMatrixFilters select:hover{border-color:#c7b4df}.attendanceMatrixFilters input:focus,.attendanceMatrixFilters select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf617}.attendanceMatrixFilterInfo{color:#6d28d9;background:#faf9fc;border:1px solid #ece7f2;border-radius:8px;align-items:center;gap:9px;height:43px;padding:0 12px;display:flex}.attendanceMatrixFilterInfo span{color:#99929f;margin-bottom:2px;font-size:7px;font-weight:700;line-height:1;display:block}.attendanceMatrixFilterInfo strong{color:#443a50;font-size:11px;font-weight:600;line-height:1;display:block}.attendanceMatrixSummary{grid-template-columns:repeat(5,1fr);gap:11px;margin-top:13px;display:grid}.attendanceMatrixSummary>div{background:#fff;border:1px solid #e8e4ec;border-radius:11px;flex-direction:column;justify-content:center;gap:5px;min-height:78px;padding:13px 15px;display:flex;box-shadow:0 4px 15px #1e143c06}.attendanceMatrixSummary span{color:#99929f;letter-spacing:.06em;font-size:8px;font-weight:700;line-height:1.2}.attendanceMatrixSummary strong{color:#332d39;font-size:21px;font-weight:600;line-height:1}.attendanceMatrixSummary strong small{color:#aaa4af;font-size:9px;font-weight:500}.attendanceMatrixSummary .green strong{color:#15803d}.attendanceMatrixSummary .red strong{color:#dc2626}.attendanceMatrixSummary .purple strong{color:#6d28d9}.attendanceMatrixCard{background:#fff;border:1px solid #e6e2ea;border-radius:15px;margin-top:14px;overflow:hidden;box-shadow:0 8px 30px #1e143c0b}.attendanceMatrixCardHeader{border-bottom:1px solid #eeeaf1;justify-content:space-between;align-items:center;gap:20px;padding:17px 19px;display:flex}.attendanceMatrixCardHeader h2{color:#29232f;margin:0;font-size:15px;font-weight:600;line-height:1.3}.attendanceMatrixCardHeader p{color:#97919d;margin:5px 0 0;font-size:9px;font-weight:400;line-height:1.5}.attendanceMatrixSearch{color:#99929f;background:#fff;border:1px solid #ded9e3;border-radius:8px;align-items:center;gap:8px;width:270px;height:38px;padding:0 11px;display:flex}.attendanceMatrixSearch input{color:#332d39;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:10px;font-weight:400;line-height:1.3}.attendanceMatrixSearch input::placeholder{color:#aaa4af}.attendanceMatrixSearch button{color:#99929f;cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:22px;padding:0;font-size:16px;display:grid}.attendanceMatrixScroll{width:100%;overflow:auto hidden}.attendanceMatrixTable{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1180px;font-family:Poppins,sans-serif}.attendanceMatrixTable .studentCell,.attendanceMatrixTable .studentHeader{width:330px;min-width:330px}.attendanceMatrixTable .studentHeader{z-index:10;text-align:left;vertical-align:middle;background:#faf9fc;border-bottom:1px solid #e5e1e9;border-right:1px solid #e5e1e9;height:70px;padding:14px 18px;position:sticky;left:0}.studentHeader span{color:#8d8795;margin-bottom:4px;font-size:8px;font-weight:700;line-height:1;display:block}.studentHeader strong{color:#302a37;font-size:11px;font-weight:600;line-height:1.3;display:block}.attendanceMatrixTable .hourHeader{text-align:center;vertical-align:middle;background:#faf8ff;border-bottom:1px solid #e5e1e9;border-right:1px solid #e5e1e9;height:70px;padding:7px 6px}.hourTitle{justify-content:center;align-items:center;gap:5px;height:27px;display:flex}.hourTitle span{color:#8f879b;font-size:8px;font-weight:700;line-height:1}.hourTitle strong{color:#6425d9;font-size:16px;font-weight:700;line-height:1}.hourActions{justify-content:center;align-items:center;gap:4px;margin-top:4px;display:flex}.hourActions button{color:#745d95;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #ddd3ed;border-radius:5px;height:19px;padding:0 6px;font-size:6.5px;font-weight:600;line-height:1}.hourActions button:hover{background:#f6f0ff;border-color:#bba3df}.attendanceMatrixTable .statusHeader{text-align:center;vertical-align:middle;border-bottom:1px solid #e5e1e9;border-right:1px solid #e5e1e9;width:48px;min-width:48px;height:34px;padding:0;font-size:9px;font-weight:700;line-height:1}.presentHeader{color:#15803d;background:#f0fdf4}.absentHeader{color:#dc2626;background:#fff5f5}.attendanceMatrixTable tbody tr{height:70px;transition:background .12s}.attendanceMatrixTable tbody tr:hover{background:#fcfaff}.attendanceMatrixTable .studentCell{z-index:5;vertical-align:middle;background:#fff;border-bottom:1px solid #eeeaf1;border-right:1px solid #e8e3ec;height:70px;padding:10px 18px;position:sticky;left:0}.attendanceMatrixTable tbody tr:hover .studentCell{background:#fcfaff}.studentIdentity{justify-content:flex-start;gap:12px;width:100%;display:flex}.studentIdentity,.studentNumber{min-height:36px;align-items:center!important}.studentNumber{color:#716a79;letter-spacing:0;font-variant-numeric:tabular-nums;vertical-align:middle;box-sizing:border-box;background:#f7f4fa;border:1px solid #e3dce9;border-radius:8px;flex:0 0 36px;align-self:center;width:36px;min-width:36px;height:36px;font-family:Poppins,sans-serif;font-size:10px;font-weight:600;text-align:center!important;justify-content:center!important;margin:0!important;padding:0!important;line-height:36px!important;display:flex!important}.studentIdentity>div:last-child{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0;display:flex}.studentIdentity strong{color:#29232f;letter-spacing:-.1px;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;line-height:1.35;display:block;overflow:hidden}.studentIdentity span{color:#928b99;letter-spacing:.1px;font-family:Poppins,sans-serif;font-size:8px;font-weight:400;line-height:1.3;display:block}.attendanceMatrixTable .checkCell{text-align:center;vertical-align:middle;border-bottom:1px solid #eeeaf1;border-right:1px solid #eeeaf1;width:48px;min-width:48px;height:70px;padding:0}.presentCell{background:#fcfffd}.absentCell{background:#fffdfd}.attendanceCheck{vertical-align:middle;cursor:pointer;background:0 0;border:0;border-radius:7px;outline:none;justify-content:center;align-items:center;width:29px;height:29px;padding:0;display:inline-flex}.attendanceCheck span{background:#fff;border-radius:7px;width:27px;height:27px;transition:background .14s,border-color .14s,box-shadow .14s,transform .12s;display:block;position:relative}.attendanceCheck.present span{border:1.5px solid #a9d4b5}.attendanceCheck.present:hover span{background:#f0fdf4;border-color:#4ade80;box-shadow:0 2px 7px #22c55e1f}.attendanceCheck.present.active span{background:#22c55e;border-color:#22c55e;box-shadow:0 3px 8px #22c55e2e}.attendanceCheck.present.active span:after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:6px;height:11px;position:absolute;top:4px;left:8px;transform:rotate(45deg)}.attendanceCheck.absent span{border:1.5px solid #e2b2b2}.attendanceCheck.absent:hover span{background:#fff5f5;border-color:#f87171;box-shadow:0 2px 7px #ef44441f}.attendanceCheck.absent.active span{background:#ef4444;border-color:#ef4444;box-shadow:0 3px 8px #ef44442e}.attendanceCheck.absent.active span:after,.attendanceCheck.absent.active span:before{content:"";background:#fff;border-radius:2px;width:13px;height:2px;position:absolute;top:12px;left:6px}.attendanceCheck.absent.active span:before{transform:rotate(45deg)}.attendanceCheck.absent.active span:after{transform:rotate(-45deg)}.attendanceCheck:active span{transform:scale(.91)}.attendanceDesktopFooter{background:#fcfbfd;border-top:1px solid #eeeaf1;justify-content:space-between;align-items:center;gap:20px;padding:14px 17px;display:flex}.attendanceMatrixLegend{color:#716b78;align-items:center;gap:15px;font-size:9px;font-weight:500;display:flex}.attendanceMatrixLegend>div{align-items:center;gap:6px;display:flex}.legendBox{border-radius:4px;width:15px;height:15px;display:block}.legendBox.present{border:1px solid #b7d9c0}.legendBox.absent{border:1px solid #e6baba}.legendText{color:#aaa3af;font-size:8px;font-weight:400}.attendanceMatrixSave{color:#fff;cursor:pointer;background:#6425d9;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 18px;font-family:Poppins,sans-serif;font-size:10px;font-weight:600;transition:background .15s,transform .15s;display:flex;box-shadow:0 5px 14px #6425d92b}.attendanceMatrixSave:hover:not(:disabled){background:#5520ba;transform:translateY(-1px)}.attendanceMatrixSave:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.attendanceMatrixLoading{flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:320px;display:flex}.attendanceMatrixLoading>div{border:3px solid #eee7fa;border-top-color:#7c3aed;border-radius:50%;width:30px;height:30px;animation:attendanceSpin .7s linear infinite}.attendanceMatrixLoading strong{color:#4a4451;font-family:Poppins,sans-serif;font-size:10px;font-weight:500}@keyframes attendanceSpin{to{transform:rotate(1turn)}}.attendanceMatrixEmpty{color:#aaa4b0;flex-direction:column;justify-content:center;align-items:center;min-height:320px;display:flex}.attendanceMatrixEmpty strong{color:#49424f;margin-top:9px;font-size:12px;font-weight:600}.attendanceMatrixEmpty span{color:#aaa4b0;text-align:center;margin-top:4px;font-size:9px;font-weight:400}.attendanceMobileOnly{display:none}@media (max-width:700px){.attendanceMatrix{width:100%;padding:18px 0 80px}.attendanceMatrixHeader{flex-direction:column;align-items:flex-start;gap:14px;padding:0 14px}.attendanceMatrixHeader h1{font-size:26px}.attendanceMatrixHeader p{font-size:10px}.attendanceMatrixDateBadge{width:100%}.attendanceMatrixFilters{grid-template-columns:1fr;margin:0 14px;padding:15px}.attendanceMatrixSummary{grid-template-columns:1fr 1fr;margin:13px 14px 0}.attendanceMatrixSummary>div{min-height:70px}.attendanceMatrixCard{border-radius:13px;margin:14px 0 0}.attendanceMatrixCardHeader{flex-direction:column;align-items:flex-start;gap:12px;padding:15px}.attendanceMatrixSearch{width:100%}.attendanceDesktopFooter,.attendanceMatrixScroll{display:none}.attendanceMobileOnly{display:block}.attendanceMobileHourTabs{background:#faf9fc;border-bottom:1px solid #eeeaf1;grid-template-columns:repeat(5,1fr);gap:6px;padding:12px;display:grid}.mobileHourTab{color:#8d8595;cursor:pointer;background:#fff;border:1px solid #e3dce9;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:58px;padding:7px 3px;font-family:Poppins,sans-serif;display:flex;position:relative}.mobileHourTab span{font-size:7px;font-weight:700;line-height:1}.mobileHourTab strong{color:#5d5565;font-size:16px;font-weight:700;line-height:1}.mobileHourTab.active{color:#6d28d9;background:#f5efff;border-color:#7c3aed}.mobileHourTab.active strong{color:#6d28d9}.mobileHourTab:disabled{opacity:.38;cursor:not-allowed}.mobileHourTab i{color:#fff;background:#22c55e;border-radius:50%;place-items:center;width:14px;height:14px;font-size:8px;font-style:normal;font-weight:700;line-height:1;display:grid;position:absolute;top:4px;right:5px}.mobileCurrentHourHeader{background:#fff;border-bottom:1px solid #eeeaf1;justify-content:space-between;align-items:center;gap:15px;padding:17px 15px;display:flex}.mobileCurrentHourHeader>div:first-child{min-width:0}.mobileCurrentHourHeader span{color:#99929f;letter-spacing:.07em;margin-bottom:4px;font-size:7px;font-weight:700;line-height:1;display:block}.mobileCurrentHourHeader h3{color:#29232f;margin:0;font-size:21px;font-weight:700;line-height:1.2}.mobileCurrentHourHeader p{color:#918a98;white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:8px;font-weight:400;overflow:hidden}.mobileHourProgress{flex-direction:column;align-items:flex-end;min-width:65px;display:flex}.mobileHourProgress strong{color:#6d28d9;font-size:20px;font-weight:700;line-height:1}.mobileHourProgress span{color:#aaa3af;margin-top:2px;font-size:8px}.mobileHourProgress small{color:#99929f;margin-top:4px;font-size:7px}.mobileQuickActions{background:#faf9fc;grid-template-columns:1fr 1fr;gap:8px;padding:12px 15px;display:grid}.mobileQuickActions button{cursor:pointer;border-radius:8px;height:38px;font-family:Poppins,sans-serif;font-size:8px;font-weight:600}.mobileAllPresent{color:#15803d;background:#f3fff6;border:1px solid #bbdfc4}.mobileAllAbsent{color:#dc2626;background:#fff7f7;border:1px solid #ecc4c4}.mobileStudentList{flex-direction:column;gap:8px;padding:12px;display:flex}.mobileStudentCard{background:#fff;border:1px solid #e7e2eb;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;min-height:76px;padding:11px;display:flex;box-shadow:0 3px 12px #1e143c09}.mobileStudentInfo{gap:9px;min-width:0;display:flex;align-items:center!important}.mobileStudentNumber{color:#716a79;font-variant-numeric:tabular-nums;box-sizing:border-box;background:#f7f4fa;border:1px solid #e3dce9;border-radius:8px;font-family:Poppins,sans-serif;font-size:9px;font-weight:600;text-align:center!important;flex:0 0 34px!important;justify-content:center!important;align-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0!important;line-height:34px!important;display:flex!important}.mobileStudentInfo>div{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.mobileStudentInfo strong{text-overflow:ellipsis;white-space:nowrap;color:#302a36;max-width:145px;font-family:Poppins,sans-serif;font-size:10px;font-weight:600;line-height:1.3;display:block;overflow:hidden}.mobileStudentInfo span{color:#938c9a;margin-top:3px;font-family:Poppins,sans-serif;font-size:7px;font-weight:400;line-height:1.2;display:block}.mobileAttendanceButtons{flex-shrink:0;gap:6px;display:flex}.mobileAttendanceButton{cursor:pointer;background:#fff;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:55px;height:55px;font-family:Poppins,sans-serif;transition:background .13s,border-color .13s,transform .12s;display:flex}.mobileAttendanceButton .mobileAttendanceIcon{border-radius:6px;place-items:center;width:23px;height:23px;font-size:12px;font-weight:700;line-height:1;display:grid}.mobileAttendanceButton>span:last-child{font-family:Poppins,sans-serif;font-size:7px;font-weight:600;line-height:1}.mobileAttendanceButton.present{color:#16803e;border:1px solid #b9ddc3}.mobileAttendanceButton.present .mobileAttendanceIcon{color:#22a455;background:#f0fdf4}.mobileAttendanceButton.present.active{background:#f0fdf4;border-color:#22c55e}.mobileAttendanceButton.present.active .mobileAttendanceIcon{color:#fff;background:#22c55e}.mobileAttendanceButton.absent{color:#d33b3b;border:1px solid #e8bcbc}.mobileAttendanceButton.absent .mobileAttendanceIcon{color:#ef4444;background:#fff5f5}.mobileAttendanceButton.absent.active{background:#fff5f5;border-color:#ef4444}.mobileAttendanceButton.absent.active .mobileAttendanceIcon{color:#fff;background:#ef4444}.mobileAttendanceButton:active{transform:scale(.96)}.mobileHourFooter{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-top:1px solid #e4dfe8;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;position:sticky;bottom:0;box-shadow:0 -5px 18px #1e143c0f}.mobileHourFooter>div{min-width:0}.mobileHourFooter span{color:#8f8797;font-size:8px;font-weight:500;display:block}.mobileHourFooter strong{color:#403947;margin-top:3px;font-size:8px;font-weight:500;display:block}.mobileSaveHour{color:#fff;cursor:pointer;background:#6425d9;border:0;border-radius:9px;min-width:125px;height:42px;padding:0 14px;font-family:Poppins,sans-serif;font-size:9px;font-weight:600;box-shadow:0 4px 12px #6425d92e}.mobileSaveHour:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}}@media (max-width:380px){.attendanceMatrixHeader h1{font-size:24px}.attendanceMatrixSummary>div{min-height:65px;padding:11px}.attendanceMatrixSummary strong{font-size:18px}.mobileStudentCard{padding:9px}.mobileStudentInfo strong{max-width:105px;font-size:9px}.mobileStudentNumber{flex-basis:32px!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;line-height:32px!important}.mobileAttendanceButton{width:49px;height:52px}.mobileSaveHour{min-width:112px;padding:0 10px}}@media (max-width:1100px) and (min-width:701px){.attendanceMatrix{padding-left:20px;padding-right:20px}.attendanceMatrixFilters{grid-template-columns:1fr 1fr}.attendanceMatrixFilterInfo{grid-column:1/-1}.attendanceMatrixSummary{grid-template-columns:repeat(3,1fr)}}@media (min-width:1400px){.attendanceMatrix{max-width:1600px}.attendanceMatrixTable{min-width:1300px}.attendanceMatrixTable .studentCell,.attendanceMatrixTable .studentHeader{width:370px;min-width:370px}.attendanceMatrixTable .checkCell,.attendanceMatrixTable .statusHeader{width:52px;min-width:52px}.studentIdentity strong{font-size:13px}}.timetableV1{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:24px 0 70px}.timetableV1Header{margin:0 0 24px}.timetableV1Eyebrow{color:#6d28d9;letter-spacing:.13em;align-items:center;gap:8px;margin-bottom:9px;font-size:10px;font-weight:800;display:flex}.timetableV1Eyebrow span{background:#7c3aed;border-radius:50%;width:8px;height:8px}.timetableV1Header h1{color:#17131f;letter-spacing:-.8px;margin:0;font-size:36px;font-weight:650;line-height:1.15}.timetableV1Header p{color:#85818e;margin:8px 0 0;font-size:13px;line-height:1.6}.timetableV1Alert{border-radius:10px;align-items:center;gap:9px;margin-bottom:16px;padding:13px 15px;font-size:11px;font-weight:650;display:flex}.timetableV1Alert button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:19px}.timetableV1Alert.error{color:#b91c1c;background:#fff5f5;border:1px solid #fecaca}.timetableV1Alert.success{color:#15803d;background:#f2fff6;border:1px solid #bbf7d0}.timetableV1Controls{box-sizing:border-box;background:#fff;border:1px solid #e7e3eb;border-radius:16px;justify-content:space-between;align-items:center;gap:30px;padding:22px 24px;display:flex;box-shadow:0 8px 30px #1e143c0b}.timetableV1ControlTitle{align-items:center;gap:13px;display:flex}.timetableV1ControlIcon{color:#6d28d9;background:#f1eaff;border-radius:12px;place-items:center;width:50px;height:50px;display:grid}.timetableV1ControlTitle span,.timetableV1ControlTitle strong{display:block}.timetableV1ControlTitle strong{color:#29232f;font-size:14px;font-weight:750}.timetableV1ControlTitle span{color:#96919d;margin-top:4px;font-size:10px}.timetableV1Filters{align-items:flex-end;gap:12px;display:flex}.timetableV1Filters label{flex-direction:column;gap:6px;min-width:270px;display:flex}.timetableV1Filters label span{color:#716b78;letter-spacing:.07em;font-size:8px;font-weight:800}.timetableV1Filters select{color:#39333f;cursor:pointer;background:#fff;border:1px solid #ded9e4;border-radius:9px;outline:none;width:100%;height:46px;padding:0 13px;font-size:11px;font-weight:600;transition:all .15s}.timetableV1Filters select:hover{border-color:#c4b5fd}.timetableV1Filters select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.timetableV1PrintBtn{color:#5a4fc9;cursor:pointer;background:#fff;border:1px solid #ded9e4;border-radius:9px;justify-content:center;align-items:center;width:46px;height:46px;transition:all .15s;display:flex}.timetableV1PrintBtn:hover:not(:disabled){color:#8b5cf6;background:#f5f0ff;border-color:#8b5cf6}.timetableV1PrintBtn:disabled{opacity:.4;cursor:not-allowed}.timetableV1PrintBtn:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.timetableV1Card{background:#fff;border:1px solid #e7e3eb;border-radius:16px;margin-top:18px;overflow:hidden;box-shadow:0 8px 30px #1e143c0b}.timetableV1CardHeader{border-bottom:1px solid #eeeaf1;justify-content:space-between;align-items:center;gap:20px;padding:21px 24px;display:flex}.timetableV1CardHeader h2{color:#29232f;margin:0;font-size:16px;font-weight:750}.timetableV1CardHeader p{color:#96919d;margin:5px 0 0;font-size:10px}.timetableV1Hint{color:#96919f;align-items:center;gap:7px;font-size:9px;display:flex}.timetableV1Hint span{background:#8b5cf6;border-radius:50%;width:7px;height:7px}.timetableV1Scroll{box-sizing:border-box;width:100%;padding:20px;overflow-x:auto}.timetableV1Grid{border-top:1px solid #e9e5ed;border-left:1px solid #e9e5ed;border-radius:11px;grid-template-columns:100px repeat(5,minmax(210px,1fr));min-width:1150px;display:grid;overflow:hidden}.timetableV1Cell,.timetableV1Corner,.timetableV1DayHeader,.timetableV1Hour{box-sizing:border-box;border-bottom:1px solid #e9e5ed;border-right:1px solid #e9e5ed;min-height:115px}.timetableV1Corner{color:#96909d;letter-spacing:.09em;font-size:9px;font-weight:800}.timetableV1Corner,.timetableV1DayHeader{background:#faf9fb;justify-content:center;align-items:center;display:flex}.timetableV1DayHeader{flex-direction:column;gap:5px}.timetableV1DayHeader span{color:#a09aa7;letter-spacing:.08em;font-size:8px;font-weight:800}.timetableV1DayHeader strong{color:#37313e;font-size:12px;font-weight:750}.timetableV1Hour{background:#fbfafc;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.timetableV1Hour strong{color:#6d28d9;font-size:21px;font-weight:650;line-height:1}.timetableV1Hour span{color:#9c96a3;font-size:8px;font-weight:600}.timetableV1Cell{color:#3a3441;text-align:left;cursor:pointer;background:#fff;border-top:0;border-left:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:9px;width:100%;padding:17px;transition:background .16s,box-shadow .16s;display:flex;position:relative}.timetableV1Cell:hover{background:#fbf9ff;box-shadow:inset 0 0 0 1px #ddd0fa}.timetableV1Cell.filled{background:linear-gradient(145deg,#fbf9ff,#fff)}.timetableV1Cell.filled:hover{background:#f8f4ff}.timetableV1Subject{color:#4c1d95;align-items:flex-start;gap:8px;font-size:11px;font-weight:750;line-height:1.45;display:flex}.timetableV1SubjectDot{background:#8b5cf6;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.timetableV1Teacher{color:#8d8794;gap:6px;font-weight:550}.timetableV1EmptyCell,.timetableV1Teacher{align-items:center;font-size:9px;display:flex}.timetableV1EmptyCell{color:#aaa4b0;flex-direction:column;justify-content:center;gap:7px;width:100%}.timetableV1EmptyCell span{color:#948c9d;border:1px dashed #d3cdd9;border-radius:8px;place-items:center;width:32px;height:32px;font-size:19px;transition:all .15s;display:grid}.timetableV1Cell:hover .timetableV1EmptyCell span{color:#7c3aed;background:#f5f0ff;border-color:#a78bfa}.timetableV1Loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:430px;display:flex}.timetableV1Loader{border:3px solid #eee7fa;border-top-color:#7c3aed;border-radius:50%;width:30px;height:30px;animation:timetableSpin .7s linear infinite}@keyframes timetableSpin{to{transform:rotate(1turn)}}.timetableV1Loading strong{color:#4a4451;font-size:11px}.timetableV1Overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140f1e73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.timetableV1Modal{background:#fff;border:1px solid #e8e2ef;border-radius:17px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 28px 80px #140a2833}.timetableV1ModalHeader{border-bottom:1px solid #eeeaf1;justify-content:space-between;align-items:flex-start;padding:21px 22px;display:flex}.timetableV1ModalHeader>div:first-child{align-items:flex-start;gap:12px;display:flex}.timetableV1ModalIcon{color:#6d28d9;background:#f1eaff;border-radius:11px;place-items:center;width:43px;height:43px;display:grid}.timetableV1ModalHeader h2{color:#2b2532;margin:0;font-size:16px;font-weight:750}.timetableV1ModalHeader p{color:#99939f;margin:5px 0 0;font-size:9px}.timetableV1Close{color:#77717e;cursor:pointer;background:#f7f5f8;border:0;border-radius:8px;place-items:center;width:34px;height:34px;font-size:19px;transition:all .15s;display:grid}.timetableV1Close:hover{background:#eeeaf1}.timetableV1ModalBody{flex-direction:column;gap:17px;padding:22px;display:flex}.timetableV1Selected{grid-template-columns:1.6fr 1fr 80px;gap:8px;display:grid}.timetableV1Selected>div{background:#fbfafc;border:1px solid #eeeaf1;border-radius:9px;padding:12px}.timetableV1Selected span,.timetableV1Selected strong{display:block}.timetableV1Selected span{color:#a09aa5;letter-spacing:.07em;margin-bottom:5px;font-size:7px;font-weight:800}.timetableV1Selected strong{color:#4c4652;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;overflow:hidden}.timetableV1ModalBody label{flex-direction:column;gap:7px;display:flex}.timetableV1ModalBody label span{color:#716b78;letter-spacing:.07em;font-size:8px;font-weight:800}.timetableV1ModalBody input{box-sizing:border-box;color:#332d39;background:#fff;border:1px solid #e0dce5;border-radius:9px;outline:none;width:100%;height:46px;padding:0 13px;font-size:10px;font-weight:500;transition:all .15s}.timetableV1ModalBody input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #8b5cf61a}.timetableV1ModalFooter{background:#fcfbfd;border-top:1px solid #eeeaf1;justify-content:space-between;align-items:center;padding:15px 22px;display:flex}.timetableV1FooterRight{gap:8px;display:flex}.timetableV1Cancel,.timetableV1Delete,.timetableV1Save{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 14px;font-size:9px;font-weight:700;transition:all .15s;display:flex}.timetableV1Delete{color:#dc2626;background:#fff;border:1px solid #fecaca}.timetableV1Delete:hover{background:#fff5f5}.timetableV1Cancel{color:#68616e;background:#fff;border:1px solid #e2dfe5}.timetableV1Cancel:hover{background:#f8f6f9}.timetableV1Save{color:#fff;background:#6425d9;border:0;box-shadow:0 4px 12px #6425d929}.timetableV1Save:hover{background:#5520ba;transform:translateY(-1px)}.timetableV1Delete:disabled,.timetableV1Save:disabled{opacity:.55;cursor:not-allowed}@media (min-width:1500px){.timetableV1Grid{grid-template-columns:110px repeat(5,minmax(235px,1fr));min-width:1280px}.timetableV1Cell,.timetableV1Corner,.timetableV1DayHeader,.timetableV1Hour{min-height:125px}.timetableV1Cell{padding:19px}.timetableV1Subject{font-size:12px}.timetableV1Teacher{font-size:10px}}@media (max-width:1000px){.timetableV1Controls{flex-direction:column;align-items:stretch}.timetableV1Filters{width:100%}.timetableV1Filters label{flex:1;min-width:0}}@media (max-width:600px){.timetableV1{padding-top:15px}.timetableV1Header h1{font-size:29px}.timetableV1Header p{font-size:11px}.timetableV1Controls{padding:17px}.timetableV1Filters{flex-direction:column}.timetableV1Filters label{width:100%}.timetableV1CardHeader{flex-direction:column;align-items:flex-start}.timetableV1Selected{grid-template-columns:1fr 1fr}.timetableV1Selected>div:first-child{grid-column:1/-1}.timetableV1ModalFooter{flex-direction:column;align-items:stretch;gap:10px}.timetableV1FooterRight{width:100%}.timetableV1FooterRight button{flex:1}}.announcements-page{color:#102a56;background:#f8fafc;width:100%;min-height:100%;padding:30px;font-family:Poppins,Inter,sans-serif}.announcement-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.announcement-header-left{align-items:flex-start;gap:14px}.announcement-header-left,.announcement-title-block{flex-direction:column;display:flex}.announcement-eyebrow{color:#64748b;letter-spacing:1.6px;margin-bottom:6px;font-size:11px;font-weight:800}.announcement-header h1{color:#102a56;letter-spacing:-.7px;margin:0;font-size:30px;font-weight:900;line-height:1.1}.announcement-header p{color:#64748b;margin:8px 0 0;font-size:13px;font-weight:600}.back-dashboard-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 12px;font-size:10px;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 2px 7px #0f172a0a}.back-dashboard-btn:hover{color:#123b78;background:#f8fafc;border-color:#b8c6d9;transform:translate(-2px)}.back-dashboard-btn:active{transform:translate(-2px)scale(.98)}.back-arrow{font-size:16px;font-weight:900;line-height:1}.announcement-create-btn{color:#fff;cursor:pointer;background:#123b78;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;height:46px;padding:0 18px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex;box-shadow:0 5px 14px #123b782e}.announcement-create-btn:hover{background:#0d3064;transform:translateY(-1px)}.announcement-create-btn:active{transform:translateY(1px)}.announcement-create-btn span{font-size:21px;line-height:1}.announcement-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.announcement-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;align-items:center;gap:13px;min-height:78px;padding:16px;transition:all .18s;display:flex;box-shadow:0 4px 14px #0f172a0a}.announcement-stat-card:hover{transform:translateY(-1px);box-shadow:0 7px 18px #0f172a12}.stat-icon{border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:19px;font-weight:900;display:grid}.stat-icon.blue{color:#2563eb;background:#e8f0ff}.stat-icon.green{color:#059669;background:#e7f8f1}.stat-icon.orange{color:#d97706;background:#fff3dc}.stat-icon.purple{color:#7c3aed;background:#f1e9ff}.announcement-stat-card div:last-child{flex-direction:column;gap:2px;display:flex}.announcement-stat-card span{color:#64748b;font-size:10px;font-weight:700}.announcement-stat-card strong{color:#102a56;font-size:22px;font-weight:900;line-height:1}.announcement-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:15px;align-items:center;gap:10px;min-height:66px;margin-bottom:15px;padding:12px;display:flex;box-shadow:0 3px 10px #0f172a06}.announcement-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;height:42px;padding:0 12px;display:flex}.announcement-search span{color:#64748b;font-size:20px}.announcement-search input{color:#102a56;background:0 0;border:0;outline:0;width:100%;padding:0;font-size:12px;font-weight:600}.announcement-search input::placeholder{color:#94a3b8}.announcement-filter{color:#102a56;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;min-width:160px;height:42px;padding:0 12px;font-size:12px;font-weight:700}.announcement-list{flex-direction:column;gap:12px;display:flex}.announcement-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;min-height:150px;transition:all .18s;display:flex;overflow:hidden;box-shadow:0 4px 14px #0f172a09}.announcement-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px #0f172a12}.announcement-priority{background:#2563eb;flex-shrink:0;width:5px}.priority-important .announcement-priority{background:#d97706}.priority-urgent .announcement-priority{background:#dc2626}.announcement-card-content{flex:1;min-width:0;padding:19px 20px}.announcement-card-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;display:flex}.announcement-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.category-tag,.priority-tag,.status-tag{border-radius:7px;justify-content:center;align-items:center;min-height:24px;padding:4px 9px;font-size:9px;font-weight:800;display:inline-flex}.category-tag{color:#2563eb;background:#eef4ff}.priority-tag.normal{color:#64748b;background:#f1f5f9}.priority-tag.important{color:#b45309;background:#fff3dc}.priority-tag.urgent{color:#b91c1c;background:#fee2e2}.status-tag.published{color:#059669;background:#e7f8f1}.status-tag.draft{color:#64748b;background:#f1f5f9}.announcement-date{color:#94a3b8;flex-shrink:0;font-size:10px;font-weight:700}.announcement-card h2{color:#102a56;margin:0 0 7px;font-size:17px;font-weight:900;line-height:1.3}.announcement-card p{color:#64748b;max-width:850px;margin:0;font-size:12px;font-weight:600;line-height:1.65}.announcement-actions{background:#f8fafc;border-left:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;justify-content:center;gap:7px;width:145px;padding:16px 14px;display:flex}.announcement-action-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;width:100%;height:34px;padding:0 10px;font-size:10px;font-weight:800;transition:all .15s;display:flex}.announcement-action-btn:hover{transform:translate(2px)}.action-icon{border-radius:5px;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:12px;font-weight:900;display:grid}.announcement-action-btn.edit:hover{color:#2563eb;background:#eef4ff;border-color:#bfdbfe}.announcement-action-btn.edit .action-icon{color:#2563eb;background:#e8f0ff}.announcement-action-btn.publish{color:#059669}.announcement-action-btn.publish:hover{background:#e7f8f1;border-color:#bce8d5}.announcement-action-btn.publish .action-icon{color:#059669;background:#e7f8f1}.announcement-action-btn.unpublish{color:#b45309}.announcement-action-btn.unpublish:hover{background:#fff8e8;border-color:#f6d999}.announcement-action-btn.unpublish .action-icon{color:#b45309;background:#fff3dc}.announcement-action-btn.delete{color:#dc2626}.announcement-action-btn.delete:hover{background:#fff1f2;border-color:#fecdd3}.announcement-action-btn.delete .action-icon{color:#dc2626;background:#fee2e2}.announcement-empty{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.empty-icon{color:#2563eb;background:#eef4ff;border-radius:15px;place-items:center;width:48px;height:48px;font-size:22px;font-weight:900;display:grid}.announcement-empty h3{color:#102a56;margin:13px 0 4px;font-size:15px;font-weight:900}.announcement-empty p{color:#64748b;margin:0 0 14px;font-size:11px;font-weight:600}.empty-create-btn{color:#fff;cursor:pointer;background:#123b78;border:0;border-radius:9px;padding:10px 15px;font-size:10px;font-weight:800}.announcement-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.announcement-modal{background:#fff;border-radius:20px;width:min(620px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 25px 70px #0f172a38}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:22px 23px 17px;display:flex}.modal-header span{color:#64748b;letter-spacing:1.3px;font-size:9px;font-weight:900}.modal-header h2{color:#102a56;margin:5px 0 0;font-size:20px;font-weight:900}.modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:9px;place-items:center;width:34px;height:34px;padding:0;font-size:22px;display:grid}.modal-close:hover{color:#dc2626;background:#fee2e2}.announcement-modal form{padding:20px 23px 23px}.form-group{margin-bottom:16px}.form-group label{color:#334155;margin-bottom:7px;font-size:10px;font-weight:900;display:block}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;color:#102a56;background:#f8fafc;border:1px solid #dbe3ee;border-radius:10px;outline:none;width:100%;padding:11px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#6b8fc7;box-shadow:0 0 0 3px #2563eb14}.form-group textarea{resize:vertical;min-height:130px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.publish-control{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:14px;display:flex}.publish-control div{flex-direction:column;gap:3px;display:flex}.publish-control strong{color:#102a56;font-size:11px;font-weight:900}.publish-control span{color:#64748b;font-size:9px;font-weight:600}.toggle{cursor:pointer;background:#cbd5e1;border:0;border-radius:30px;width:44px;height:24px;padding:3px;transition:all .2s}.toggle span{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;display:block}.toggle.active{background:#123b78}.toggle.active span{transform:translate(20px)}.modal-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.cancel-btn,.save-btn{cursor:pointer;border-radius:10px;height:42px;padding:0 16px;font-size:11px;font-weight:800}.cancel-btn{color:#64748b;background:#fff;border:1px solid #dbe3ee}.save-btn{color:#fff;background:#123b78;border:0;min-width:155px}.save-btn:hover{background:#0d3064}.save-btn:disabled{opacity:.6}.loading-circle{border:3px solid #e2e8f0;border-top-color:#123b78;border-radius:50%;width:28px;height:28px;animation:announcement-spin .8s linear infinite}@keyframes announcement-spin{to{transform:rotate(1turn)}}@media (max-width:1100px){.announcement-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.announcements-page{padding:20px}.announcement-header{flex-direction:column;align-items:flex-start}.announcement-create-btn{width:100%}.announcement-toolbar{flex-direction:column;align-items:stretch}.announcement-filter{width:100%}.announcement-card{flex-direction:column}.announcement-priority{width:100%;height:4px}.announcement-actions{border-top:1px solid #e2e8f0;border-left:0;flex-direction:row;justify-content:flex-end;width:100%;padding:11px 14px}.announcement-action-btn{justify-content:center;width:auto;min-width:90px}}@media (max-width:600px){.announcement-stats{grid-template-columns:1fr}.announcement-header h1{font-size:25px}.announcement-card-top{flex-direction:column;align-items:flex-start;gap:8px}.announcement-date{order:-1}.announcement-actions{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.announcement-action-btn{justify-content:center;min-width:0;padding:0 6px;font-size:9px}.action-icon{display:none}.form-row{grid-template-columns:1fr;gap:0}.modal-actions{flex-direction:column-reverse}.cancel-btn,.save-btn{width:100%}}@media (max-width:420px){.announcements-page{padding:14px}.announcement-card-content{padding:15px}.announcement-actions{grid-template-columns:repeat(3,1fr)}}.doubts-page{box-sizing:border-box;color:#102a56;background:#f8fafc;width:100%;min-height:100%;padding:30px;font-family:Poppins,Inter,sans-serif}.doubts-header{justify-content:space-between;align-items:flex-end;margin:24px 0;display:flex}.doubts-eyebrow{color:#64748b;letter-spacing:1.5px;margin-bottom:6px;font-size:10px;font-weight:900;display:block}.doubts-header h1{color:#102a56;letter-spacing:-.6px;margin:0;font-size:30px;font-weight:900;line-height:1.15}.doubts-header p{color:#64748b;margin:8px 0 0;font-size:12px;font-weight:600;line-height:1.6}.doubt-alert{box-sizing:border-box;border-radius:10px;justify-content:space-between;align-items:center;min-height:42px;margin-bottom:14px;padding:0 13px;font-size:10px;font-weight:700;display:flex}.doubt-alert.error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.doubt-alert.success{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0}.doubt-alert button{color:currentColor;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:25px;height:25px;font-size:17px;display:grid}.doubt-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.doubt-stat-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:15px;align-items:center;gap:13px;min-height:82px;padding:15px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 4px 14px #0f172a0b}.doubt-stat-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px #0f172a13}.doubt-stat-icon{border-radius:12px;flex-shrink:0;place-items:center;width:43px;height:43px;font-size:18px;font-weight:900;display:grid}.doubt-stat-card.blue .doubt-stat-icon{color:#2563eb;background:#eaf1ff}.doubt-stat-card.green .doubt-stat-icon{color:#059669;background:#e8f8f1}.doubt-stat-card.purple .doubt-stat-icon{color:#7c3aed;background:#f1eaff}.doubt-stat-card.orange .doubt-stat-icon{color:#d97706;background:#fff4df}.doubt-stat-card>div:last-child{flex-direction:column;gap:2px;display:flex}.doubt-stat-card span{color:#64748b;letter-spacing:.15px;font-size:9px;font-weight:800}.doubt-stat-card strong{color:#102a56;font-size:23px;font-weight:900;line-height:1}.doubt-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:15px;gap:10px;min-height:66px;margin-bottom:15px;padding:11px;box-shadow:0 3px 10px #0f172a06}.doubt-search,.doubt-toolbar{box-sizing:border-box;align-items:center;display:flex}.doubt-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;gap:8px;min-width:0;height:42px;padding:0 12px}.doubt-search>span{color:#64748b;flex-shrink:0;font-size:20px;line-height:1}.doubt-search input{color:#102a56;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font-family:inherit;font-size:11px;font-weight:600}.doubt-search input::placeholder{color:#94a3b8}.doubt-toolbar select{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:10px;outline:none;min-width:145px;height:42px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:700}.doubt-toolbar select:focus{border-color:#8ba6cf;box-shadow:0 0 0 3px #2563eb12}.doubt-list{flex-direction:column;gap:12px;display:flex}.doubt-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;min-height:157px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0f172a09}.doubt-card:hover{border-color:#d4deeb;transform:translateY(-2px);box-shadow:0 9px 23px #0f172a11}.doubt-card:before{content:"";background:#f59e0b;flex-shrink:0;width:4px}.doubt-card.answered:before{background:#10b981}.doubt-card.resolved:before{background:#94a3b8}.doubt-card-content{flex:1;min-width:0;padding:18px 20px}.doubt-card-top{justify-content:space-between;gap:12px;margin-bottom:10px}.doubt-card-top,.doubt-tags{align-items:center;display:flex}.doubt-tags{flex-wrap:wrap;gap:6px}.doubt-subject{color:#2563eb;background:#eef4ff}.doubt-status,.doubt-subject{box-sizing:border-box;border-radius:7px;justify-content:center;align-items:center;min-height:23px;padding:4px 9px;font-size:9px;font-weight:800;display:inline-flex}.doubt-status.pending{color:#b45309;background:#fff3dc}.doubt-status.answered{color:#047857;background:#e8f8f1}.doubt-status.resolved{color:#64748b;background:#f1f5f9}.doubt-date{color:#94a3b8;flex-shrink:0;font-size:9px;font-weight:700}.doubt-card h2{color:#102a56;letter-spacing:-.2px;margin:0 0 6px;font-size:16px;font-weight:900;line-height:1.35}.doubt-question-preview{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:900px;margin:0;font-size:11px;font-weight:600;line-height:1.65;display:-webkit-box;overflow:hidden}.doubt-student-info-row{align-items:center;gap:9px;margin-top:14px;display:flex}.student-avatar{color:#123b78;background:#eaf1ff;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:11px;font-weight:900;display:grid}.doubt-student-info-row>div:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.doubt-student-info-row strong{color:#334155;font-size:10px;font-weight:900}.doubt-student-info-row span{color:#94a3b8;font-size:9px;font-weight:600}.doubt-card-actions{box-sizing:border-box;background:#f8fafc;border-left:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;justify-content:center;gap:7px;width:145px;padding:15px;display:flex}.open-doubt-btn{color:#fff;cursor:pointer;background:#123b78;border:0;border-radius:9px;width:100%;height:36px;font-family:inherit;font-size:10px;font-weight:800;transition:background .15s,transform .15s;box-shadow:0 4px 10px #123b7821}.open-doubt-btn:hover{background:#0d3064;transform:translateY(-1px)}.open-doubt-btn:active{transform:translateY(0)}.delete-doubt-btn{color:#94a3b8;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;height:32px;font-family:inherit;font-size:9px;font-weight:800;transition:all .15s}.delete-doubt-btn:hover{color:#dc2626;background:#fff1f2;border-color:#fecdd3}.doubt-empty{color:#64748b;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:280px;display:flex}.doubt-empty-icon{color:#2563eb;background:#eef4ff;border-radius:15px;place-items:center;width:50px;height:50px;margin-bottom:6px;font-size:21px;font-weight:900;display:grid}.doubt-empty strong{color:#334155;font-size:13px;font-weight:900}.doubt-empty span{color:#94a3b8;font-size:10px;font-weight:600}.doubt-loading{border:3px solid #e2e8f0;border-top-color:#123b78;border-radius:50%;width:28px;height:28px;margin-bottom:8px;animation:doubt-spin .8s linear infinite}@keyframes doubt-spin{to{transform:rotate(1turn)}}.doubt-modal-overlay{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.doubt-modal{background:#fff;border-radius:20px;width:min(680px,100%);max-height:90vh;animation:doubt-modal-in .18s ease-out;overflow-y:auto;box-shadow:0 30px 80px #0f172a3b}@keyframes doubt-modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.doubt-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:21px 22px 18px;display:flex}.doubt-modal-label{color:#64748b;letter-spacing:1.3px;margin-bottom:4px;font-size:9px;font-weight:900}.doubt-modal-header h2{color:#102a56;margin:0;font-size:20px;font-weight:900}.doubt-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:9px;place-items:center;width:34px;height:34px;padding:0;font-size:21px;transition:all .15s;display:grid}.doubt-close-btn:hover{color:#dc2626;background:#fee2e2}.doubt-profile{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:16px 22px;display:flex}.large-student-avatar{color:#123b78;background:#eaf1ff;border-radius:12px;flex-shrink:0;place-items:center;width:45px;height:45px;font-size:16px;font-weight:900;display:grid}.doubt-profile>div:last-child{flex-direction:column;gap:3px;display:flex}.doubt-profile strong{color:#102a56;font-size:13px;font-weight:900}.doubt-profile span{color:#64748b;font-size:9px;font-weight:600}.question-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:13px;margin:18px 22px;padding:16px}.question-meta{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.question-meta span:first-child{color:#2563eb;background:#eef4ff;border-radius:7px;padding:5px 9px;font-size:9px;font-weight:800}.question-meta span:last-child{color:#94a3b8;font-size:9px;font-weight:700}.question-box h3{color:#102a56;margin:0 0 7px;font-size:15px;font-weight:900;line-height:1.4}.question-box p{color:#475569;white-space:pre-wrap;margin:0;font-size:11px;font-weight:600;line-height:1.75}.existing-answer{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:12px;margin:0 22px 18px;padding:15px}.answer-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.answer-heading span{color:#047857;letter-spacing:1px;font-size:9px;font-weight:900}.answer-heading small{color:#059669;font-size:9px;font-weight:800}.existing-answer p{color:#334155;white-space:pre-wrap;margin:9px 0 0;font-size:11px;font-weight:600;line-height:1.7}.reply-section{padding:0 22px}.reply-section label{color:#334155;margin-bottom:7px;font-size:10px;font-weight:900;display:block}.reply-section textarea{box-sizing:border-box;color:#102a56;resize:vertical;background:#f8fafc;border:1px solid #dbe3ee;border-radius:11px;outline:none;width:100%;min-height:135px;padding:12px;font-family:inherit;font-size:11px;font-weight:600;line-height:1.65;transition:all .15s}.reply-section textarea::placeholder{color:#94a3b8}.reply-section textarea:focus{background:#fff;border-color:#7b9ac6;box-shadow:0 0 0 3px #2563eb12}.resolved-box{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:11px;align-items:center;gap:11px;margin:0 22px 18px;padding:14px;display:flex}.resolved-box>span{color:#059669;background:#e7f8f1;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:14px;font-weight:900;display:grid}.resolved-box strong{color:#334155;font-size:10px;font-weight:900}.resolved-box p{color:#94a3b8;margin:2px 0 0;font-size:9px;font-weight:600}.doubt-modal-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:8px;margin-top:18px;padding:18px 22px 22px;display:flex}.doubt-modal-actions button{cursor:pointer;border-radius:9px;height:39px;padding:0 15px;font-family:inherit;font-size:10px;font-weight:800;transition:all .15s}.secondary-doubt-btn{color:#64748b;background:#fff;border:1px solid #dbe3ee}.secondary-doubt-btn:hover{color:#334155;background:#f8fafc}.reply-doubt-btn{color:#fff;background:#123b78;border:0;box-shadow:0 4px 10px #123b7824}.reply-doubt-btn:hover{background:#0d3064;transform:translateY(-1px)}.reply-doubt-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.resolve-doubt-btn{color:#047857;background:#e7f8f1;border:0}.resolve-doubt-btn:hover{background:#d1fae5}.reopen-doubt-btn{color:#2563eb;background:#eef4ff;border:0}.reopen-doubt-btn:hover{background:#dbeafe}@media (max-width:1050px){.doubt-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.doubts-page{padding:20px}.doubt-toolbar{flex-wrap:wrap}.doubt-search{flex-basis:100%}.doubt-toolbar select{flex:1}.doubt-card{flex-direction:column}.doubt-card:before{width:100%;height:4px}.doubt-card-actions{border-top:1px solid #e2e8f0;border-left:0;flex-direction:row;width:100%;padding:11px 15px}.delete-doubt-btn,.open-doubt-btn{flex:1}}@media (max-width:600px){.doubts-page{padding:15px}.doubts-header h1{font-size:25px}.doubt-stats{grid-template-columns:1fr 1fr;gap:9px}.doubt-stat-card{min-height:70px;padding:11px}.doubt-stat-icon{width:36px;height:36px;font-size:15px}.doubt-stat-card strong{font-size:20px}.doubt-card-content{padding:15px}.doubt-card-top{flex-direction:column;align-items:flex-start;gap:7px}.doubt-date{order:-1}.doubt-modal-overlay{padding:10px}.doubt-modal{border-radius:16px;max-height:94vh}.doubt-modal-actions{flex-direction:column-reverse;align-items:stretch}.doubt-modal-actions button{width:100%}}@media (max-width:420px){.doubt-stats{grid-template-columns:1fr}.doubt-toolbar{flex-direction:column}.doubt-toolbar select{width:100%}.doubt-card-actions{flex-direction:column}.delete-doubt-btn,.open-doubt-btn{width:100%}}.leave-page,.online-classes-page{box-sizing:border-box;color:#102a56;background:#f8fafc;width:100%;min-height:100%;padding:30px;font-family:Poppins,Inter,sans-serif}.leave-header,.online-header{justify-content:space-between;align-items:flex-end;gap:20px;margin:24px 0;display:flex}.leave-eyebrow,.online-eyebrow{color:#64748b;letter-spacing:1.5px;margin-bottom:6px;font-size:10px;font-weight:900;display:block}.leave-header h1,.online-header h1{color:#102a56;letter-spacing:-.6px;margin:0;font-size:30px;font-weight:900}.leave-header p,.online-header p{color:#64748b;margin:8px 0 0;font-size:12px;font-weight:600}.online-create-btn{color:#fff;cursor:pointer;background:#123b78;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 16px;font-family:inherit;font-size:10px;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 5px 14px #123b7829}.online-create-btn:hover{background:#0d3064;transform:translateY(-1px)}.online-create-btn span{font-size:19px}.leave-alert,.online-alert{border-radius:9px;margin-bottom:14px;padding:11px 14px;font-size:10px;font-weight:700}.leave-alert.error,.online-alert.error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.leave-alert.success,.online-alert.success{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0}.leave-stats,.online-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.leave-stat,.online-stat{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-height:78px;padding:16px;box-shadow:0 4px 13px #0f172a0a}.leave-stat span,.online-stat span{color:#64748b;font-size:9px;font-weight:800;display:block}.leave-stat strong,.online-stat strong{color:#102a56;margin-top:5px;font-size:24px;font-weight:900;display:block}.leave-toolbar,.online-toolbar{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:10px;min-height:64px;margin-bottom:15px;padding:10px;display:flex}.leave-search,.online-search{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;flex:1;align-items:center;gap:8px;height:42px;padding:0 12px;display:flex}.leave-search span,.online-search span{color:#64748b;font-size:19px}.leave-search input,.online-search input{color:#102a56;background:0 0;border:0;outline:0;width:100%;font-family:inherit;font-size:11px;font-weight:600}.leave-toolbar select,.online-toolbar select{color:#334155;background:#fff;border:1px solid #dbe3ee;border-radius:9px;outline:none;min-width:145px;height:42px;padding:0 11px;font-family:inherit;font-size:10px;font-weight:700}.leave-list,.online-class-list{flex-direction:column;gap:12px;display:flex}.leave-card,.online-class-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;transition:all .18s;display:flex;overflow:hidden;box-shadow:0 4px 14px #0f172a09}.leave-card:hover,.online-class-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px #0f172a11}.leave-card-main,.online-class-main{flex:1;min-width:0;padding:18px 20px}.leave-card-top,.online-class-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.leave-tags,.online-class-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.leave-type,.online-subject{color:#2563eb;background:#eef4ff}.leave-status,.leave-type,.online-status,.online-subject{border-radius:7px;padding:5px 9px;font-size:9px;font-weight:800}.leave-status.pending,.online-status.scheduled{color:#b45309;background:#fff3dc}.online-status.live{color:#dc2626;background:#fee2e2}.leave-status.approved,.online-status.completed{color:#047857;background:#e8f8f1}.leave-status.rejected,.online-status.cancelled{color:#64748b;background:#f1f5f9}.leave-date,.online-date{color:#94a3b8;font-size:9px;font-weight:700}.leave-card-main h2,.online-class-main h2{color:#102a56;margin:0 0 6px;font-size:16px;font-weight:900}.leave-card-main p,.online-class-main p{color:#64748b;margin:0;font-size:11px;font-weight:600;line-height:1.6}.online-meta{flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px;display:flex}.online-meta span{color:#64748b;background:#f8fafc;border-radius:6px;padding:5px 8px;font-size:8px;font-weight:700}.leave-actions,.online-actions{box-sizing:border-box;background:#f8fafc;border-left:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;justify-content:center;gap:7px;width:145px;padding:14px;display:flex}.online-action{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:34px;font-family:inherit;font-size:9px;font-weight:800;text-decoration:none;transition:all .15s;display:flex}.online-action.live{color:#fff;background:#123b78;border:0}.online-action.join{color:#fff;background:#059669;border:0}.online-action.complete{color:#047857;background:#e8f8f1;border:0}.online-action.edit{color:#475569;background:#fff;border:1px solid #dbe3ee}.online-action.delete{color:#94a3b8;background:#fff;border:1px solid #e2e8f0}.online-action.delete:hover{color:#dc2626;background:#fff1f2;border-color:#fecdd3}.completed-label{text-align:center;color:#64748b;background:#f1f5f9;border-radius:8px;padding:9px;font-size:9px;font-weight:800}.leave-empty,.online-empty{color:#64748b;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:270px;font-size:11px;display:flex}.leave-empty-icon,.online-empty-icon{color:#2563eb;background:#eef4ff;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:5px;font-size:19px;font-weight:900;display:grid}.leave-empty strong,.online-empty strong{color:#334155;font-size:13px;font-weight:900}.leave-empty span,.online-empty span{color:#94a3b8;font-size:9px;font-weight:600}.leave-modal-overlay,.online-modal-overlay{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.leave-modal,.online-modal{background:#fff;border-radius:19px;width:min(650px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px #0f172a3b}.leave-modal-header,.online-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:21px 22px 18px;display:flex}.leave-modal-header span,.online-modal-header span{color:#64748b;letter-spacing:1.2px;font-size:9px;font-weight:900}.leave-modal-header h2,.online-modal-header h2{color:#102a56;margin:4px 0 0;font-size:19px;font-weight:900}.leave-modal-header button,.online-modal-header button{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:8px;place-items:center;width:33px;height:33px;font-size:20px;display:grid}.online-form{padding:20px 22px 22px}.online-form-group{margin-bottom:14px}.online-form-group label{color:#334155;margin-bottom:6px;font-size:9px;font-weight:900;display:block}.online-form-group input,.online-form-group select,.online-form-group textarea{box-sizing:border-box;color:#102a56;background:#f8fafc;border:1px solid #dbe3ee;border-radius:9px;outline:none;width:100%;padding:11px 12px;font-family:inherit;font-size:11px;font-weight:600}.online-form-group input,.online-form-group select{height:42px}.online-form-group textarea{resize:vertical}.online-form-group input:focus,.online-form-group select:focus,.online-form-group textarea:focus{background:#fff;border-color:#7b9ac6;box-shadow:0 0 0 3px #2563eb12}.online-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.online-modal-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:17px;display:flex}.online-cancel,.online-save{cursor:pointer;border-radius:9px;height:40px;padding:0 15px;font-family:inherit;font-size:10px;font-weight:800}.online-cancel{color:#64748b;background:#fff;border:1px solid #dbe3ee}.online-save{color:#fff;background:#123b78;border:0}.online-save:disabled{opacity:.5}.leave-page{box-sizing:border-box;color:#102a56;background:#f8fafc;width:100%;min-height:100%;padding:30px;font-family:Poppins,Inter,sans-serif}.leave-header{justify-content:space-between;align-items:flex-end;margin:24px 0;display:flex}.leave-eyebrow{color:#64748b;letter-spacing:1.5px;margin-bottom:6px;font-size:10px;font-weight:900;display:block}.leave-header h1{color:#102a56;letter-spacing:-.6px;margin:0;font-size:30px;font-weight:900}.leave-header p{color:#64748b;margin:8px 0 0;font-size:12px;font-weight:600}.leave-alert{box-sizing:border-box;border-radius:10px;justify-content:space-between;align-items:center;min-height:42px;margin-bottom:14px;padding:0 13px;font-size:10px;font-weight:700;display:flex}.leave-alert.error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.leave-alert.success{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0}.leave-alert button{color:currentColor;cursor:pointer;background:0 0;border:0;place-items:center;width:25px;height:25px;font-size:17px;display:grid}.leave-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.leave-stat{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:15px;min-height:82px;padding:15px;box-shadow:0 4px 14px #0f172a0b}.leave-stat span{color:#64748b;font-size:9px;font-weight:800;display:block}.leave-stat strong{color:#102a56;margin-top:4px;font-size:24px;font-weight:900;display:block}.pending-stat strong{color:#d97706}.approved-stat strong{color:#059669}.rejected-stat strong{color:#dc2626}.leave-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:10px;min-height:64px;margin-bottom:15px;padding:10px}.leave-search,.leave-toolbar{box-sizing:border-box;align-items:center;display:flex}.leave-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;gap:8px;min-width:0;height:42px;padding:0 12px}.leave-search span{color:#64748b;font-size:20px}.leave-search input{color:#102a56;background:0 0;border:0;outline:0;width:100%;font-family:inherit;font-size:11px;font-weight:600}.leave-search input::placeholder{color:#94a3b8}.leave-toolbar select{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:10px;outline:none;min-width:145px;height:42px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:700}.leave-list{flex-direction:column;gap:12px;display:flex}.leave-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;min-height:150px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0f172a09}.leave-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px #0f172a11}.leave-card:before{content:"";background:#f59e0b;flex-shrink:0;width:4px}.leave-card.approved:before{background:#10b981}.leave-card.rejected:before{background:#ef4444}.leave-card-main{flex:1;min-width:0;padding:18px 20px}.leave-card-top{justify-content:space-between;gap:12px;margin-bottom:10px}.leave-card-top,.leave-tags{align-items:center;display:flex}.leave-tags{gap:6px}.leave-status{text-transform:capitalize;border-radius:7px;justify-content:center;align-items:center;min-height:23px;padding:4px 9px;font-size:9px;font-weight:800;display:inline-flex}.leave-status.pending{color:#b45309;background:#fff3dc}.leave-status.approved{color:#047857;background:#e8f8f1}.leave-status.rejected{color:#b91c1c;background:#fee2e2}.leave-date{color:#94a3b8;font-size:9px;font-weight:700}.leave-card-main h2{color:#102a56;margin:0 0 6px;font-size:16px;font-weight:900}.leave-card-main p{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:900px;margin:0;font-size:11px;font-weight:600;line-height:1.65;display:-webkit-box;overflow:hidden}.leave-meta{flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px;display:flex}.leave-meta span{color:#64748b;background:#f8fafc;border-radius:6px;padding:5px 8px;font-size:8px;font-weight:700}.leave-actions{box-sizing:border-box;background:#f8fafc;border-left:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;justify-content:center;gap:7px;width:145px;padding:14px;display:flex}.leave-view-btn{color:#fff;cursor:pointer;background:#123b78;border:0;border-radius:9px;width:100%;height:36px;font-family:inherit;font-size:9px;font-weight:800;transition:all .15s}.leave-view-btn:hover{background:#0d3064;transform:translateY(-1px)}.leave-delete-btn{color:#94a3b8;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;height:32px;font-family:inherit;font-size:9px;font-weight:800}.leave-delete-btn:hover{color:#dc2626;background:#fff1f2;border-color:#fecdd3}.leave-empty{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:280px;display:flex}.leave-empty-icon{color:#2563eb;background:#eef4ff;border-radius:15px;place-items:center;width:50px;height:50px;margin-bottom:6px;font-size:20px;font-weight:900;display:grid}.leave-empty strong{color:#334155;font-size:13px;font-weight:900}.leave-empty span{color:#94a3b8;font-size:10px;font-weight:600}.leave-loading{border:3px solid #e2e8f0;border-top-color:#123b78;border-radius:50%;width:28px;height:28px;margin-bottom:7px;animation:leave-spin .8s linear infinite}@keyframes leave-spin{to{transform:rotate(1turn)}}.leave-modal-overlay{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.leave-modal{background:#fff;border-radius:20px;width:min(680px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px #0f172a3b}.leave-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:21px 22px 18px;display:flex}.leave-modal-header span{color:#64748b;letter-spacing:1.2px;font-size:9px;font-weight:900}.leave-modal-header h2{color:#102a56;margin:4px 0 0;font-size:20px;font-weight:900}.leave-modal-header button{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:9px;place-items:center;width:34px;height:34px;font-size:21px;display:grid}.leave-profile{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:16px 22px;display:flex}.leave-avatar{color:#123b78;background:#eaf1ff;border-radius:12px;flex-shrink:0;place-items:center;width:45px;height:45px;font-size:16px;font-weight:900;display:grid}.leave-profile>div:last-child{flex-direction:column;gap:3px;display:flex}.leave-profile strong{color:#102a56;font-size:13px;font-weight:900}.leave-profile span{color:#64748b;font-size:9px;font-weight:600}.leave-details{grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 22px;display:grid}.leave-details div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:11px}.leave-details span{color:#94a3b8;margin-bottom:4px;font-size:8px;font-weight:800;display:block}.leave-details strong{color:#334155;text-transform:capitalize;font-size:9px;font-weight:900}.leave-reason{background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;margin:0 22px 18px;padding:15px}.leave-reason>span{color:#64748b;letter-spacing:1px;font-size:9px;font-weight:900}.leave-reason p{color:#475569;white-space:pre-wrap;margin:8px 0 0;font-size:11px;font-weight:600;line-height:1.7}.leave-note{padding:0 22px}.leave-note label{color:#334155;margin-bottom:6px;font-size:9px;font-weight:900;display:block}.leave-note textarea{box-sizing:border-box;color:#102a56;resize:vertical;background:#f8fafc;border:1px solid #dbe3ee;border-radius:9px;outline:none;width:100%;min-height:100px;padding:11px;font-family:inherit;font-size:10px;line-height:1.6}.leave-note textarea:focus{background:#fff;border-color:#7b9ac6;box-shadow:0 0 0 3px #2563eb12}.leave-review-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:0 22px;padding:14px}.leave-review-box>span{color:#64748b;letter-spacing:1px;font-size:9px;font-weight:900;display:block}.leave-review-box strong{color:#334155;text-transform:capitalize;margin-top:5px;font-size:11px;font-weight:900;display:block}.leave-review-box p{color:#64748b;margin:7px 0;font-size:10px;line-height:1.6}.leave-review-box small{color:#94a3b8;font-size:9px;font-weight:700}.leave-modal-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:8px;margin-top:18px;padding:18px 22px 22px;display:flex}.leave-modal-actions button{cursor:pointer;border-radius:9px;height:39px;padding:0 15px;font-family:inherit;font-size:10px;font-weight:800;transition:all .15s}.leave-cancel{color:#64748b;background:#fff;border:1px solid #dbe3ee}.leave-reject{color:#b91c1c;background:#fee2e2;border:0}.leave-approve{color:#fff;background:#059669;border:0}.leave-reopen{color:#2563eb;background:#eef4ff;border:0}.leave-modal-actions button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1000px){.leave-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.leave-page{padding:20px}.leave-toolbar{flex-wrap:wrap}.leave-search{flex-basis:100%}.leave-toolbar select{flex:1}.leave-card{flex-direction:column}.leave-card:before{width:100%;height:4px}.leave-actions{border-top:1px solid #e2e8f0;border-left:0;flex-direction:row;width:100%}.leave-delete-btn,.leave-view-btn{flex:1}.leave-details{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.leave-page{padding:15px}.leave-header h1{font-size:25px}.leave-stats{gap:9px}.leave-stat{min-height:70px;padding:11px}.leave-stat strong{font-size:20px}.leave-modal-overlay{padding:10px}.leave-modal{border-radius:16px;max-height:94vh}.leave-details{margin-left:15px;margin-right:15px}.leave-profile{padding-left:15px;padding-right:15px}.leave-reason{margin-left:15px;margin-right:15px}.leave-modal-actions,.leave-note{padding-left:15px;padding-right:15px}.leave-modal-actions{flex-direction:column-reverse;align-items:stretch}.leave-modal-actions button{width:100%}}@media (max-width:430px){.leave-stats{grid-template-columns:1fr}.leave-toolbar{flex-direction:column}.leave-toolbar select{width:100%}.leave-actions{flex-direction:column}.leave-delete-btn,.leave-view-btn{width:100%}.leave-details{grid-template-columns:1fr}}.syllabusPage{width:100%;min-height:100%;padding-bottom:40px;font-family:Poppins,sans-serif}.syllabusHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:18px;display:flex}.syllabusKicker{color:#64748b;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.syllabusHeader h1{color:#172033;letter-spacing:-.03em;margin:7px 0 5px;font-size:30px;font-weight:800;line-height:1.15}.syllabusHeader p{color:#64748b;margin:0;font-size:13px;font-weight:500}.syllabusPrimaryButton{color:#fff;cursor:pointer;background:#5b21b6;border:1px solid #5b21b6;border-radius:11px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 17px;font-family:Poppins,sans-serif;font-size:12px;font-weight:750;transition:all .18s;display:inline-flex;box-shadow:0 7px 18px #5b21b62e}.syllabusPrimaryButton:hover{background:#4c1d95;transform:translateY(-1px)}.syllabusPrimaryButton:disabled{opacity:.5;cursor:not-allowed;transform:none}.syllabusAlert{border-radius:11px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:18px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.syllabusAlert button{cursor:pointer;background:0 0;border:0;font-size:19px}.syllabusError{color:#b91c1c;background:#fff5f5;border:1px solid #fecaca}.syllabusSuccess{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.syllabusFilters{background:#fff;border:1px solid #e5e7eb;border-radius:18px;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:20px;padding:20px;display:grid;box-shadow:0 9px 28px #0f172a0d}.syllabusFilters label{flex-direction:column;gap:8px;display:flex}.syllabusFilters label>span{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.syllabusFilters select{color:#172033;cursor:pointer;background:#fff;border:1px solid #d8dee7;border-radius:11px;outline:none;width:100%;height:48px;padding:0 14px;font-family:Poppins,sans-serif;font-size:13px;font-weight:650;transition:all .18s}.syllabusFilters select:focus{border-color:#6d28d9;box-shadow:0 0 0 3px #6d28d914}.syllabusCard{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-top:20px;overflow:hidden;box-shadow:0 10px 30px #0f172a0d}.syllabusCardHeader{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:20px 24px;display:flex}.syllabusEyebrow{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:10px;font-weight:850}.syllabusCardHeader h2{color:#172033;margin:0;font-size:20px;font-weight:800}.syllabusCardHeader p{color:#64748b;margin:5px 0 0;font-size:12px}.syllabusCardTools{align-items:center;gap:10px;display:flex}.syllabusCount{color:#172033;background:#f1f3f6;border-radius:11px;justify-content:center;align-items:center;min-width:42px;height:42px;padding:0 10px;font-size:15px;font-weight:850;display:flex}.syllabusSmallButton{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e5ea;border-radius:10px;align-items:center;gap:7px;height:40px;padding:0 14px;font-family:Poppins,sans-serif;font-size:11px;font-weight:750;transition:all .18s;display:inline-flex}.syllabusSmallButton:hover{background:#f8fafc;border-color:#cbd5e1}.syllabusTableWrap{width:100%;overflow-x:auto}.syllabusTable{border-collapse:collapse;width:100%;font-family:Poppins,sans-serif}.syllabusTable th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;background:#fafbfc;padding:13px 20px;font-size:10px;font-weight:800}.syllabusTable td{color:#475569;vertical-align:middle;border-top:1px solid #f0f2f5;padding:16px 20px;font-size:12px}.syllabusTable tbody tr{transition:background .15s}.syllabusTable tbody tr:hover{background:#fcfcfd}.syllabusNumber{color:#94a3b8}.syllabusCode,.syllabusNumber{font-size:11px;font-weight:800}.syllabusCode{color:#374151;background:#f8fafc;border:1px solid #e2e6eb;border-radius:7px;padding:5px 9px;font-family:monospace;display:inline-flex}.syllabusSubjectName{color:#172033;font-size:13px;font-weight:750}.syllabusDescription{color:#64748b;font-size:12px}.syllabusActions{justify-content:flex-end;gap:7px;display:flex}.syllabusDeleteButton,.syllabusEditButton{cursor:pointer;border-radius:8px;height:33px;padding:0 11px;font-family:Poppins,sans-serif;font-size:11px;font-weight:750;transition:all .18s}.syllabusEditButton{color:#374151;background:#fff;border:1px solid #dfe4ea}.syllabusEditButton:hover{background:#f8fafc;border-color:#cbd5e1}.syllabusDeleteButton{color:#b91c1c;background:#fff7f7;border:1px solid #fecaca}.syllabusDeleteButton:hover{background:#fef2f2}.syllabusLoading{text-align:center;color:#64748b;height:220px;font-size:12px}.syllabusEmpty{color:#94a3b8;flex-direction:column;gap:6px;min-height:240px}.syllabusEmpty,.syllabusEmptyIcon{justify-content:center;align-items:center;display:flex}.syllabusEmptyIcon{color:#64748b;background:#f3f4f6;border-radius:14px;width:52px;height:52px;margin-bottom:5px}.syllabusEmpty strong{color:#172033;font-size:14px;font-weight:750}.syllabusEmpty span{font-size:12px}.syllabusEmptyButton{color:#6d28d9;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:9px;height:36px;margin-top:9px;padding:0 13px;font-family:Poppins,sans-serif;font-size:11px;font-weight:750}.syllabusModalOverlay{z-index:9999;-webkit-backdrop-filter:blur(7px);background:#0f172a7a;justify-content:center;align-items:center;padding:20px;animation:syllabusFadeIn .18s;display:flex;position:fixed;inset:0}.syllabusModal{background:#fff;border:1px solid #ffffffbf;border-radius:20px;width:100%;max-width:650px;max-height:calc(100vh - 40px);animation:syllabusModalIn .2s;overflow-y:auto;box-shadow:0 30px 80px #0f172a3d}.syllabusModalHeader{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;display:flex}.syllabusModalBadge{color:#6d28d9;text-transform:uppercase;letter-spacing:.07em;background:#f5f3ff;border-radius:7px;align-items:center;gap:7px;margin-bottom:7px;padding:5px 9px;font-size:9px;font-weight:800;display:inline-flex}.syllabusModalHeader h2{color:#172033;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800}.syllabusModalHeader p{color:#64748b;margin:4px 0 0;font-size:11px}.syllabusModalClose{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.syllabusModalClose:hover{color:#172033;background:#f8fafc}.syllabusForm{grid-template-columns:1fr 1fr;gap:18px 15px;padding:22px;display:grid}.syllabusForm label{flex-direction:column;gap:7px;display:flex}.syllabusForm label>span{color:#475569;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:800}.syllabusReadonly{color:#475569;height:46px;padding:0 13px;font-size:12px;font-weight:700}.syllabusReadonly,.syllabusScopeNote{box-sizing:border-box;background:#f8fafc;border:1px solid #e3e7ed;border-radius:11px;align-items:center;display:flex}.syllabusScopeNote{color:#64748b;grid-column:1/-1;gap:8px;padding:10px 13px;font-size:11.5px;font-weight:600;line-height:1.4}.syllabusScopeNote svg{color:#16a34a;flex:none}.syllabusSmallButton:disabled{opacity:.5;cursor:not-allowed}.syllabusForm input,.syllabusForm textarea{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #dbe1e8;border-radius:11px;outline:none;width:100%;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;transition:all .18s}.syllabusForm input{height:46px;padding:0 13px}.syllabusForm textarea{resize:vertical;min-height:105px;padding:12px 13px;line-height:1.55}.syllabusForm input::placeholder,.syllabusForm textarea::placeholder{color:#a3acb9}.syllabusForm input:focus,.syllabusForm textarea:focus{border-color:#6d28d9;box-shadow:0 0 0 3px #6d28d914}.syllabusDescriptionField{grid-column:1/-1}.syllabusModalFooter{border-top:1px solid #edf0f4;grid-column:1/-1;justify-content:flex-end;gap:9px;padding-top:17px;display:flex}.syllabusCancelButton,.syllabusSaveButton{cursor:pointer;border-radius:10px;height:41px;padding:0 16px;font-family:Poppins,sans-serif;font-size:11px;font-weight:750;transition:all .18s}.syllabusCancelButton{color:#334155;background:#fff;border:1px solid #d8dee7}.syllabusCancelButton:hover{background:#f8fafc}.syllabusSaveButton{color:#fff;background:#5b21b6;border:1px solid #5b21b6;justify-content:center;align-items:center;gap:7px;min-width:120px;display:inline-flex;box-shadow:0 6px 15px #5b21b62e}.syllabusSaveButton:hover{background:#4c1d95;transform:translateY(-1px)}.syllabusCancelButton:disabled,.syllabusSaveButton:disabled{opacity:.55;cursor:not-allowed;transform:none}@keyframes syllabusFadeIn{0%{opacity:0}to{opacity:1}}@keyframes syllabusModalIn{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:700px){.syllabusFilters{grid-template-columns:1fr}.syllabusCardHeader{flex-direction:column;align-items:flex-start}.syllabusCardTools{justify-content:space-between;width:100%}.syllabusSmallButton{flex:1;justify-content:center}.syllabusForm{grid-template-columns:1fr}.syllabusDescriptionField,.syllabusModalFooter,.syllabusScopeNote{grid-column:auto}.syllabusModal{border-radius:17px}.syllabusForm,.syllabusModalHeader{padding:18px}.syllabusModalFooter{justify-content:stretch}.syllabusCancelButton,.syllabusSaveButton{flex:1}.syllabusTable{min-width:760px}}.studentModalOverlay{-webkit-backdrop-filter:blur(5px);width:100vw;height:100vh;padding:24px;z-index:999999!important;background:#0f172a9e!important;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;inset:0!important}.studentModal{z-index:1000000;border:1px solid #e5e7eb;border-radius:20px;width:min(680px,100%);max-height:calc(100vh - 48px);animation:studentModalIn .18s ease-out;position:relative;overflow-y:auto;box-shadow:0 24px 70px #0f172a4d;background:#fff!important}@keyframes studentModalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.studentModalHeader{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:20px;padding:26px 28px 22px;display:flex}.studentModalEyebrow{letter-spacing:.12em;color:#64748b;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.studentModalHeader h2{color:#111827;margin:0;font-size:24px;font-weight:750;line-height:1.25}.studentModalHeader p{color:#64748b;margin:6px 0 0;font-size:13px;line-height:1.5}.studentModalClose{color:#475569;cursor:pointer;background:#f3f4f6;border:0;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:24px;line-height:1;transition:background .15s,color .15s,transform .15s;display:grid}.studentModalClose:hover{color:#111827;background:#e5e7eb;transform:rotate(3deg)}.studentModalClose:active{transform:scale(.95)}.studentDetailsGrid{background:#e5e7eb;border:1px solid #e5e7eb;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:22px 28px;display:grid;overflow:hidden}.studentDetailItem{background:#fff;min-width:0;padding:16px;transition:background .15s}.studentDetailItem:hover{background:#fafafa}.studentDetailItem>span{letter-spacing:.08em;color:#94a3b8;margin-bottom:7px;font-size:10px;font-weight:800;line-height:1.3;display:block}.studentDetailItem>strong{color:#1e293b;text-overflow:ellipsis;word-break:break-word;font-size:14px;font-weight:650;line-height:1.5;display:block;overflow:hidden}.studentModalActions{border-top:1px solid #edf0f4;justify-content:flex-end;align-items:center;gap:10px;padding:18px 28px 24px;display:flex}.dangerButton{color:#dc2626;white-space:nowrap;cursor:pointer;background:#fff1f2;border:1px solid #fecaca;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.dangerButton:hover{background:#fee2e2;border-color:#fca5a5}.dangerButton:active{transform:scale(.98)}.dangerButton:disabled{opacity:.55;cursor:not-allowed;transform:none}.editStudentModal{width:min(760px,100%)}.studentEditGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:26px 28px;display:grid}.studentEditGrid label{flex-direction:column;gap:7px;min-width:0;display:flex}.studentEditGrid label>span{letter-spacing:.06em;color:#64748b;font-size:11px;font-weight:800;line-height:1.3}.studentEditGrid input,.studentEditGrid select{color:#1e293b;background:#fff;border:1px solid #d8dee8;border-radius:10px;outline:none;width:100%;min-height:42px;padding:0 12px;font-family:inherit;font-size:14px;line-height:1.4;transition:border-color .15s,box-shadow .15s,background .15s}.studentEditGrid input:hover,.studentEditGrid select:hover{border-color:#cbd5e1}.studentEditGrid input:focus,.studentEditGrid select:focus{background:#fff;border-color:#64748b;box-shadow:0 0 0 3px #64748b1f}.studentEditGrid input:disabled,.studentEditGrid select:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.studentEditGrid select{cursor:pointer}.studentMobileCard .tableAction,.studentTable .tableAction{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-family:inherit;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.studentMobileCard .tableAction:hover,.studentTable .tableAction:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.studentMobileCard .tableAction:active,.studentTable .tableAction:active{transform:scale(.97)}.studentMobileList{display:none}.studentMobileCard{background:#fff;border-bottom:1px solid #edf0f4;grid-template-columns:1fr auto;gap:14px;padding:18px;display:grid}.studentMobileCard>div:first-child{flex-direction:column;gap:5px;min-width:0;display:flex}.studentMobileCard>div:first-child strong{color:#1e293b;text-overflow:ellipsis;font-size:15px;line-height:1.4;overflow:hidden}.studentMobileCard>div:first-child span{color:#64748b;font-size:12px}.studentMobileCard dl{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.studentMobileCard dl>div{background:#fafafa;border:1px solid #edf0f4;border-radius:9px;min-width:0;padding:10px}.studentMobileCard dt{letter-spacing:.06em;color:#94a3b8;margin-bottom:4px;font-size:9px;font-weight:800}.studentMobileCard dd{color:#334155;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:600;overflow:hidden}.studentMobileCard>.tableAction{grid-column:1/-1;width:100%}@media (max-width:900px){.studentDetailsGrid,.studentEditGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.studentModalOverlay{align-items:flex-end!important;padding:0!important}.studentModal{border-radius:22px 22px 0 0;width:100%;max-width:100%;max-height:92vh}.studentModalHeader{padding:22px 20px 18px}.studentModalHeader h2{font-size:20px}.studentDetailsGrid{grid-template-columns:1fr;margin:18px 20px}.studentDetailItem{padding:14px}.studentEditGrid{grid-template-columns:1fr;gap:15px;padding:20px}.studentModalActions{flex-wrap:wrap;padding:16px 20px 20px}.studentModalActions button{flex:auto;min-width:120px}.studentMobileList{display:block}.studentTableScroll{display:none}}@media (max-width:420px){.studentModalHeader{gap:12px}.studentModalHeader h2{font-size:18px}.studentModalClose{width:32px;height:32px;font-size:21px}.studentModalActions{flex-direction:column}.studentModalActions button{width:100%}.studentMobileCard dl{grid-template-columns:1fr}}.libraryPage{width:100%;max-width:1450px;margin:0 auto;padding:0 0 40px}.libraryHeader{justify-content:space-between;align-items:flex-start;gap:30px;width:100%;margin-bottom:28px;display:flex}.libraryHeaderLeft{flex:1;min-width:0}.libraryBackButton{color:#475569;background:#fff;border:1px solid #dce3ec;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:36px;margin-bottom:18px;padding:0 13px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 5px #0f172a0a}.libraryBackButton:hover{color:#111827;background:#f8fafc;border-color:#cbd5e1}.libraryBackButton:active{transform:translateY(1px)}.libraryBackArrow{font-size:17px;line-height:1}.libraryKicker{color:#64748b;letter-spacing:.14em;align-items:center;gap:8px;margin-bottom:7px;font-size:11px;font-weight:800;display:flex}.libraryHeader h1{color:#0f172a;letter-spacing:-.04em;margin:0;font-size:42px;font-weight:800;line-height:1.08}.libraryHeader p{color:#64748b;margin:8px 0 0;font-size:14px;line-height:1.5}.libraryHeaderActions{flex-shrink:0;align-items:center;padding-top:54px;display:flex}.libraryPrimaryButton{color:#fff;background:#111827;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 17px;font-size:13px;font-weight:750;transition:all .15s;display:inline-flex;box-shadow:0 3px 8px #0f172a1f}.libraryPrimaryButton:hover{background:#1f2937;transform:translateY(-1px)}.libraryPrimaryButton:active{transform:translateY(0)}.libraryPrimaryButton:disabled{opacity:.55;cursor:not-allowed}.libraryMessage{border-radius:9px;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-bottom:16px;padding:12px 15px;font-size:12px;font-weight:600;display:flex}.libraryMessage button{cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.libraryMessageSuccess{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.libraryMessageSuccess button{color:#166534}.libraryMessageError{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.libraryMessageError button{color:#b91c1c}.libraryStatsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;margin-bottom:24px;display:grid}.libraryStatCard{background:#fff;border:1px solid #e2e8f0;border-radius:13px;align-items:center;gap:15px;min-height:112px;padding:18px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;box-shadow:0 3px 12px #0f172a0b}.libraryStatCard:hover{border-color:#ddd6fe;transform:translateY(-2px);box-shadow:0 8px 22px #0f172a13}.libraryStatIcon{color:#6d28d9;background:#f3e8ff;border-radius:11px;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;display:flex}.libraryStatContent{flex-direction:column;gap:3px;min-width:0;display:flex}.libraryStatContent span{color:#64748b;text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:750;line-height:1.2;display:block}.libraryStatContent strong{color:#0f172a;letter-spacing:-.02em;font-size:25px;font-weight:800;line-height:1.1;display:block}.libraryStatContent small{color:#94a3b8;font-size:9px;line-height:1.3;display:block}.libraryTabs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;width:fit-content;margin-bottom:18px;padding:4px;display:flex}.libraryTabs button{color:#64748b;white-space:nowrap;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 15px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.libraryTabs button:hover{color:#1e293b;background:#fff}.libraryTabs button.active{color:#111827;background:#fff;box-shadow:0 2px 5px #0f172a12}.libraryTabCount{color:#6d28d9;background:#f3e8ff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:9px;font-weight:800;display:inline-flex}.libraryPanel{background:#fff;border:1px solid #e2e8f0;border-radius:13px;width:100%;overflow:hidden;box-shadow:0 3px 12px #0f172a0a}.libraryPanelHeader{border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.libraryPanelHeader h2{color:#111827;margin:0;font-size:17px;font-weight:750}.libraryPanelHeader p{color:#94a3b8;margin:4px 0 0;font-size:11px}.libraryFilters{background:#fafbfc;border-bottom:1px solid #eef2f6;gap:10px;padding:14px 20px}.libraryFilters,.librarySearch{align-items:center;display:flex}.librarySearch{color:#94a3b8;background:#fff;border:1px solid #dfe6ee;border-radius:8px;flex:1;gap:8px;min-width:220px;height:39px;padding:0 11px;transition:all .15s}.librarySearch:focus-within{border-color:#a78bfa;box-shadow:0 0 0 3px #8b5cf614}.librarySearch input{color:#111827;background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:12px}.librarySearch input::placeholder{color:#94a3b8}.libraryFilters select{color:#475569;cursor:pointer;background:#fff;border:1px solid #dfe6ee;border-radius:8px;outline:none;min-width:150px;height:39px;padding:0 11px;font-size:12px}.libraryTableWrap{width:100%;overflow-x:auto}.libraryTable{border-collapse:collapse;width:100%;min-width:900px}.libraryTable thead th{color:#64748b;text-align:left;letter-spacing:.06em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 15px;font-size:10px;font-weight:800}.libraryTable tbody td{color:#475569;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 15px;font-size:12px}.libraryTable tbody tr{transition:background .12s}.libraryTable tbody tr:hover{background:#fafafa}.libraryBookCell{flex-direction:column;gap:3px;display:flex}.libraryBookCell strong{color:#111827;font-size:12px;font-weight:750}.libraryBookCell span{color:#94a3b8;font-family:monospace;font-size:9px}.libraryCopyAvailable,.libraryCopyEmpty{border-radius:6px;justify-content:center;align-items:center;min-width:45px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.libraryCopyAvailable{color:#047857;background:#ecfdf5}.libraryCopyEmpty{color:#b91c1c;background:#fef2f2}.libraryViewButton{color:#475569;background:#fff;border:1px solid #dfe6ee;border-radius:7px;justify-content:center;align-items:center;min-height:32px;padding:0 11px;font-size:10px;font-weight:700;transition:all .15s;display:inline-flex}.libraryViewButton:hover{color:#111827;background:#f8fafc;border-color:#cbd5e1}.libraryReservationList{flex-direction:column;gap:10px;padding:18px;display:flex}.libraryReservationCard{background:#fff;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:minmax(200px,1.3fr) minmax(170px,1fr) minmax(160px,1fr) auto;align-items:center;gap:18px;padding:15px;transition:all .15s;display:grid}.libraryReservationCard:hover{border-color:#ddd6fe;box-shadow:0 5px 15px #0f172a0d}.libraryReservationMain{align-items:center;gap:10px;display:flex}.libraryStudentAvatar{color:#7c3aed;background:#f3e8ff;border-radius:9px;justify-content:center;align-items:center;width:37px;min-width:37px;height:37px;font-size:11px;font-weight:800;display:flex}.libraryReservationMain h3{color:#111827;margin:0;font-size:12px;font-weight:750}.libraryReservationMain p{color:#94a3b8;margin:3px 0;font-size:9px}.libraryStudentMeta{flex-wrap:wrap;gap:5px;display:flex}.libraryStudentMeta span{color:#64748b;background:#f8fafc;border-radius:5px;padding:3px 6px;font-size:8px;font-weight:700}.libraryReservationBook,.libraryReservationTime{flex-direction:column;gap:4px;display:flex}.libraryReservationBook span,.libraryReservationTime span{color:#94a3b8;text-transform:uppercase;font-size:8px;font-weight:800}.libraryReservationBook strong,.libraryReservationTime strong{color:#334155;font-size:11px}.libraryReservationBook small,.libraryReservationTime small{color:#94a3b8;font-size:9px}.libraryReservationStatus{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.libraryStatus{border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:8px;font-weight:800;display:inline-flex}.libraryStatus.reserved{color:#c2410c;background:#fff7ed}.libraryStatus.issued{color:#1d4ed8;background:#eff6ff}.libraryStatus.returned{color:#047857;background:#ecfdf5}.libraryStatus.cancelled,.libraryStatus.expired{color:#b91c1c;background:#fef2f2}.libraryIssueButton{color:#fff;background:#111827;border:none;border-radius:7px;justify-content:center;align-items:center;min-height:32px;padding:0 11px;font-size:10px;font-weight:800;transition:all .15s;display:inline-flex}.libraryIssueButton:hover{background:#1f2937;transform:translateY(-1px)}.libraryIssueButton:disabled{opacity:.5;cursor:not-allowed}.libraryReturnButton{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:7px;justify-content:center;align-items:center;min-height:32px;padding:0 11px;font-size:10px;font-weight:800;transition:all .15s;display:inline-flex}.libraryReturnButton:hover{background:#dcfce7}.libraryReturnButton:disabled{opacity:.5;cursor:not-allowed}.libraryEmpty{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:40px;display:flex}.libraryEmpty h3{color:#334155;margin:12px 0 5px;font-size:15px;font-weight:750}.libraryEmpty p{color:#94a3b8;max-width:400px;margin:0;font-size:11px;line-height:1.5}.libraryModalOverlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.libraryModal{background:#fff;border-radius:15px;width:min(700px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 25px 60px #0f172a33}.libraryModalHeader{border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px;display:flex}.libraryModalHeader>div>span{color:#64748b;letter-spacing:.08em;font-size:9px;font-weight:800}.libraryModalHeader h2{color:#111827;margin:5px 0 2px;font-size:20px;font-weight:800}.libraryModalHeader p{color:#94a3b8;margin:0;font-size:10px}.libraryModalClose{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.libraryModalClose:hover{color:#111827;background:#f8fafc}.libraryBookDetailsGrid{background:#e2e8f0;border:1px solid #e2e8f0;border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:20px;display:grid;overflow:hidden}.libraryBookDetailsGrid>div{background:#fff;flex-direction:column;gap:5px;padding:12px;display:flex}.libraryBookDetailsGrid span,.libraryDescription>span{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:8px;font-weight:800}.libraryBookDetailsGrid strong{color:#334155;font-size:11px}.libraryDescription{background:#f8fafc;border-radius:8px;margin:0 20px 20px;padding:14px}.libraryDescription p{color:#64748b;margin:7px 0 0;font-size:11px;line-height:1.6}.libraryModalFooter{border-top:1px solid #eef2f6;justify-content:flex-end;align-items:center;padding:15px 20px;display:flex}.librarySecondaryButton{color:#475569;background:#fff;border:1px solid #dfe6ee;border-radius:7px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:10px;font-weight:700;display:inline-flex}.librarySecondaryButton:hover{color:#111827;background:#f8fafc}@media (max-width:1100px){.libraryStatsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.libraryReservationCard{grid-template-columns:1fr 1fr}.libraryReservationStatus{align-items:flex-start}}@media (max-width:760px){.libraryHeader{flex-direction:column}.libraryHeaderActions{width:100%;padding-top:0}.libraryPrimaryButton{width:100%}.libraryStatsGrid{grid-template-columns:1fr}.libraryHeader h1{font-size:32px}.libraryFilters{flex-direction:column;align-items:stretch}.libraryFilters select,.librarySearch{width:100%}.libraryTabs{width:100%;overflow-x:auto}.libraryTabs button{flex:1}.libraryReservationCard{grid-template-columns:1fr}.libraryReservationStatus{align-items:flex-start}.libraryBookDetailsGrid{grid-template-columns:1fr}}@media (max-width:480px){.libraryPage{padding-bottom:25px}.libraryHeader h1{font-size:28px}.libraryHeader p{font-size:12px}.libraryStatCard{min-height:100px;padding:15px}.libraryStatIcon{width:42px;min-width:42px;height:42px}.libraryStatContent strong{font-size:22px}.libraryPanelHeader{padding:16px}.libraryFilters{padding:12px 16px}.libraryReservationList{padding:12px}.libraryModalOverlay{padding:10px}}@media (max-width:760px){body,html{width:100%;max-width:100%;overflow-x:hidden}.appShell,.mainArea{width:100%;min-width:0}.topbar{gap:10px;width:100%;height:62px;min-height:62px;padding:0 14px}.headerBrand{min-width:0;font-size:12px}.headerBrand span{display:none}.topActions{gap:8px}.notification{padding:5px}.mainContent{max-width:100%;margin:0;padding:18px 12px 34px}.announcements-header,.doubts-header,.leave-header,.libraryHeader,.mainContent,.moduleHeader,.online-header,.pageIntro,.professionalHeader,.reportsHeader,.syllabusHeader{width:100%;min-width:0}.moduleHeader h1,.pageIntro h1{font-size:25px;line-height:1.2}.moduleHeader p,.pageIntro p{font-size:11px}.dateBox{white-space:normal;max-width:100%}.announcement-stats,.courseCards,.doubt-stats,.leave-stats,.libraryStatsGrid,.moduleGrid,.online-stats,.statsGrid,.summaryGrid{grid-template-columns:1fr;width:100%}.moduleCard{width:100%;min-height:130px}.announcement-header,.doubts-header,.headerButtons,.leave-header,.moduleHeader,.online-header,.professionalHeader,.syllabusHeader{align-items:stretch}.headerButtons,.moduleHeader .headerButtons{flex-wrap:wrap;width:100%}.headerButtons>button,.moduleHeader .primaryButton,.moduleHeader .secondaryButton{flex:100%;justify-content:center}.announcement-toolbar,.controlPanel,.doubt-toolbar,.filterBar,.leave-toolbar,.online-toolbar,.professionalToolbar,.reportFilters,.studentToolbar,.syllabusFilters,.timetableV1Filters{flex-direction:column;grid-template-columns:1fr;align-items:stretch;width:100%;min-width:0}.announcement-filter,.controlPanel input,.controlPanel select,.filterBar label,.professionalToolbar select,.reportFilters select,.studentToolbar>select,.syllabusFilters select{width:100%;min-width:0}.announcement-search,.doubt-search,.leave-search,.online-search,.professionalSearch,.studentSearch{width:100%;min-width:0;max-width:none}.resultCount{align-self:flex-start;margin-left:0}.attendanceMatrixScroll,.attendanceTableSection,.libraryTableWrap,.professionalTable,.professionalTableCard,.reportTableWrapper,.studentTableScroll,.syllabusTableWrap,.tableCard,.tableScroll,.timetableV1Scroll{max-width:100%}.attendanceMatrixScroll,.libraryTableWrap,.reportTableWrapper,.studentTableScroll,.syllabusTableWrap,.tableScroll,.timetableV1Scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.attendanceMatrixTable,.professionalTable,.studentReportTable,.studentTable,.syllabusTable,table{max-width:none}.studentMobileList{gap:10px;display:grid}.studentMobileCard{width:100%;min-width:0}.workspaceGrid{grid-template-columns:1fr;width:100%}.formCard,.previewCard,.professionalTableCard,.sideInfo,.tableCard,.workspaceCard{width:100%;min-width:0}.announcement-list,.doubt-list,.leave-list,.online-class-list{width:100%}.announcement-card,.doubt-card,.leave-card-main,.online-class-main{width:100%;min-width:0}.announcement-card-top,.doubt-card-top,.leave-card-top,.online-class-top{flex-wrap:wrap}.announcement-actions,.doubt-card-actions,.leave-actions,.online-actions{flex-wrap:wrap;width:100%}.announcement-action-btn,.delete-doubt-btn,.leave-approve,.leave-reject,.leave-view-btn,.online-action{min-height:36px}.announcement-modal,.announcement-modal-overlay,.doubt-modal,.doubt-modal-overlay,.editStudentModal,.leave-modal,.leave-modal-overlay,.libraryModal,.libraryModalOverlay,.online-modal,.online-modal-overlay,.studentModalOverlay,.syllabusModal,.syllabusModalOverlay{max-width:100vw}.announcement-modal,.doubt-modal,.leave-modal,.libraryModal,.online-modal,.studentModal,.syllabusModal{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);overflow-y:auto}.libraryBookDetailsGrid,.studentDetailsGrid,.studentEditGrid{grid-template-columns:1fr}.announcement-modal .modal-actions,.doubt-modal-actions,.leave-modal-actions,.modalActions,.online-modal-actions,.studentModalActions{flex-wrap:wrap}.doubt-modal-actions>button,.leave-modal-actions>button,.modalActions>button,.online-modal-actions>button,.studentModalActions>button{flex:100%}.timetableV1Controls{flex-direction:column;align-items:stretch;width:100%}.timetableV1Controls>*{width:100%;min-width:0}.timetableV1Scroll{padding:10px}.attendanceMobileOnly{width:100%}.attendanceMatrixHeader{width:100%;min-width:0}.attendanceMatrixFilters,.attendanceMatrixSummary{width:calc(100% - 20px);margin-left:10px;margin-right:10px}.libraryPage,.mobileStudentCard{width:100%;min-width:0}.libraryPage{max-width:100%}.libraryHeader{gap:14px}.libraryHeader h1{word-break:normal;font-size:29px;line-height:1.15}.libraryHeaderActions{width:100%}.libraryPrimaryButton{width:100%;min-height:42px}.libraryStatsGrid{gap:10px}.libraryStatCard{width:100%;min-width:0}.libraryTabs{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.libraryTabs button{min-width:max-content}.libraryReservationCard{grid-template-columns:1fr;width:100%}.libraryReservationStatus{align-items:stretch}.libraryIssueButton,.libraryReturnButton{width:100%}.libraryModalOverlay{padding:10px}.libraryModal{width:100%;max-width:100%}}@media (max-width:480px){.topbar{padding:0 10px}.headerBrand{font-size:11px}.mainContent{padding:15px 10px 28px}.moduleHeader h1,.pageIntro h1{font-size:23px}.libraryStatCard,.professionalTableHeader,.statCard,.summaryCard,.tableHeader{padding:14px}.formCard,.previewCard,.sideInfo,.workspaceCard{padding:16px}.courseCard{width:100%}.libraryHeader h1{font-size:27px}}@media (max-width:768px){.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;display:grid!important}.statCard{box-sizing:border-box!important;width:100%!important;min-width:0!important}}.question-box{margin-top:18px}.student-question{background:#f8fafc;border:1px solid #dbe3ee;border-left:4px solid #2563eb;border-radius:14px;margin-top:14px;padding:20px 22px}.question-label{color:#2563eb;letter-spacing:.08em;margin-bottom:9px;font-size:11px;font-weight:800}.student-question p{color:#172033;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:600;line-height:1.7}.internalMarkTotals{flex-direction:column;gap:6px;min-width:220px;display:flex}.internalMarkTotals span{background:#fbfdff;border:1px solid #e7edf5;border-radius:7px;justify-content:space-between;align-items:center;gap:14px;padding:6px 9px;display:flex}.internalMarkTotals b{color:#334155;font-size:11px;font-weight:700}.internalMarkTotals strong{color:#166534;white-space:nowrap;font-size:11px;font-weight:800}.internalMarksActions{white-space:nowrap;align-items:center;gap:7px;display:flex}.internalMarkViewButton{color:#334155;background:#fff;border:1px solid #dbe4ef;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:11px;font-weight:700;display:inline-flex}.internalMarkViewButton:hover:not(:disabled){color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.internalMarkViewButton:disabled{opacity:.6}.internalMarksNoSubject{color:#b45309;margin:12px 22px 0;font-size:11px;line-height:1.5}.internalMarksViewModal{width:min(620px,100vw - 32px)}.internalMarksViewMeta{flex-wrap:wrap;gap:7px;padding:18px 22px 0;display:flex}.internalMarksViewMeta span{color:#475569;background:#f1f5f9;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700}.internalMarksViewList{flex-direction:column;gap:10px;max-height:430px;padding:18px 22px 0;display:flex;overflow-y:auto}.internalMarksViewCard{background:#fff;border:1px solid #e5ebf2;border-radius:10px;padding:13px}.internalMarksViewSubject{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:12px;padding-bottom:11px;display:flex}.internalMarksViewSubject>div{min-width:0}.internalMarksViewSubject span,.internalMarksViewSubject strong{display:block}.internalMarksViewSubject strong{color:#1f2937;font-size:13px}.internalMarksViewSubject span{color:#94a3b8;margin-top:3px;font-size:10px;font-weight:600}.internalMarksViewSubject>b{color:#166534;white-space:nowrap;font-size:13px}.internalMarksViewScores{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:11px;display:grid}.internalMarksViewScores>div{background:#f8fafc;border-radius:7px;padding:9px}.internalMarksViewScores span,.internalMarksViewScores strong{display:block}.internalMarksViewScores span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:700}.internalMarksViewScores strong{color:#1f2937;margin-top:5px;font-size:12px}.internalMarksViewEmpty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:42px 24px 10px;display:flex}.internalMarksViewEmpty strong{color:#475569;font-size:13px}.internalMarksViewEmpty span{max-width:360px;font-size:11px;line-height:1.5}@media (max-width:620px){.internalMarksActions{flex-wrap:wrap}.internalMarksViewScores{grid-template-columns:1fr}.internalMarksViewSubject{align-items:flex-start}}.moduleGrid .moduleCard--monthly-report{--module-accent:#527a3d;--module-tint:#eef6ea}body,html{width:100%;overflow-x:hidden}body,button,canvas,html,img,input,select,svg,textarea,video{max-width:100%}@media (max-width:1100px){.mainContent{padding:26px 24px 48px!important}.workspaceGrid{grid-template-columns:minmax(0,1fr)!important}.workspaceGrid>*{min-width:0!important}.moduleGrid,.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:800px){.mainContent{padding:20px 16px 40px!important}.actionHead,.cardHeader,.contentHead,.formHeadingRow,.hero,.masterHeader,.moduleHeader,.pageIntro,.selectorHead,.tableHeader,.titleRow{flex-wrap:wrap!important;gap:12px!important}.actionHead>*,.cardHeader>*,.contentHead>*,.formHeadingRow>*,.masterHeader>*,.moduleHeader>*,.pageIntro>*,.tableHeader>*,.titleRow>*{min-width:0!important}.detailGrid,.feeGrid,.formGrid,.gradeGrid,.infoGrid,.mrGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.filter,.filterBar,.formActions,.formFooterActions,.mrFilters,.reportFilterControls,.reportFilterLayout,.toolbar{flex-wrap:wrap!important}.filterBar label,.mrFilters>*,.reportFilterControls>*,.toolbar>*{min-width:0!important;max-width:100%!important}.feeTableWrap,.libraryStaffTable,.studentReportTable,.studentTableScroll,.tableScroll,.tableWrap{-webkit-overflow-scrolling:touch;width:100%!important;max-width:100%!important;overflow-x:auto!important}.adminMasthead{padding-left:20px!important;padding-right:20px!important}}@media (max-width:640px){.mainContent{padding:16px 10px 32px!important}.adminMasthead{gap:10px 12px!important;padding:10px 12px!important}.adminSearch input{height:42px!important;font-size:13px!important}.adminBrand img{width:min(145px,46vw)!important}.moduleHeader,.pageIntro{flex-direction:column!important;align-items:flex-start!important;margin-bottom:16px!important}.moduleHeader h1,.pageIntro h1{font-size:23px!important;line-height:1.2!important}.moduleHeader p,.pageIntro p{font-size:11px!important}.dateBox{white-space:normal!important;width:100%!important}.moduleGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}.moduleButtonWrap{width:100%!important;min-width:0!important}:is(.moduleButtonWrap .moduleCard,.moduleButtonWrap :global(.moduleCard)){width:100%!important;min-width:0!important;max-width:none!important;height:150px!important;min-height:150px!important;padding:12px!important}:is(.moduleButtonWrap .moduleCardIcon,.moduleButtonWrap :global(.moduleCardIcon)){width:45px!important;height:45px!important;margin-bottom:11px!important}.moduleButtonWrap .moduleCardContent h3{overflow-wrap:anywhere;max-width:100%!important;font-size:14px!important;line-height:1.22!important}.moduleButtonWrap :global(.moduleCardContent h3){overflow-wrap:anywhere;max-width:100%!important;font-size:14px!important;line-height:1.22!important}.attendanceCard{display:none!important}.overviewGrid{grid-template-columns:1fr!important}.statsCard{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-height:0!important}.statPane{min-width:0!important;padding:18px 14px!important}.statNumber{font-size:clamp(34px,11vw,48px)!important}.tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;max-width:100%!important;display:grid!important;overflow:visible!important}.tabs,.tabs .tab{width:100%!important}.tabs .tab{white-space:normal!important;min-width:0!important;min-height:42px!important;padding:8px 5px!important;font-size:10px!important;line-height:1.15!important}.tabs .tabIcon{display:none!important}.directory{width:100%!important;min-width:0!important;padding:18px 10px 22px!important}.directoryHead{margin-bottom:14px!important}.directoryHead h2{font-size:19px!important}.detailGrid,.feeGrid,.formGrid,.gradeGrid,.infoGrid,.internalMarksViewScores,.mrGrid{grid-template-columns:1fr!important}.detailCard,.formCard,.formSection,.libraryStaffBooksPanel,.masterPanel,.mrPanel,.mrSectionBox,.previewCard,.reportFilterCard,.resultPage,.sideInfo,.tableCard,.workspaceCard{width:100%!important;min-width:0!important;max-width:100%!important}.formCard,.previewCard,.sideInfo,.workspaceCard{padding:16px!important}.actionRows,.filterBar,.formActions,.formFooterActions,.mrFilters,.reportFilterControls,.reportFilterLayout,.toolbar{gap:8px!important;width:100%!important}.filterBar label,.filterBar>*,.mrFilters>*,.reportFilterControls>*,.toolbar>*{width:100%!important;max-width:100%!important;margin-left:0!important}.actionButton,.backButton,.backToDashboard,.downloadPdfButton,.generateReportButton,.imAddButton,.imCancelButton,.imNeutralButton,.mrBtn,.primaryButton,.secondaryButton,.smallButton{max-width:100%!important;min-height:40px!important}.actionCell,.imActions,.internalMarksActions,.mrActions,.rowActions,.tableAction{white-space:normal!important;flex-wrap:wrap!important;gap:6px!important;display:flex!important}.feeTable,.feeTableWrap,.libraryStaffTable,.studentReportTable,.studentTableScroll,.tableCard>table,.tableScroll,.tableWrap{-webkit-overflow-scrolling:touch;overflow-x:auto!important}table{min-width:620px!important}.feeTableWrap table{min-width:560px!important}.dialog,.imModal,.internalMarksViewModal,.libraryIssueModal,.modal,.modalCard,.modalContent,.mrModal{width:calc(100vw - 20px)!important;min-width:0!important;max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 24px)!important}.imModalBody,.modalBody,.mrModalBody{min-width:0!important;overflow:hidden auto!important}.tabBar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;display:grid!important}.masterTab,.tabBar{width:100%!important}.masterTab{white-space:normal!important;min-width:0!important;min-height:42px!important;padding:8px 6px!important}.actionHead,.contentHead,.masterHeader,.titleRow{align-items:flex-start!important}.moduleSearch,.searchBox{width:100%!important;min-width:0!important;max-width:100%!important}.rcAttendanceStudentList{grid-template-columns:1fr!important;width:100%!important}.rcAttendanceStudentCard{width:100%!important;min-width:0!important}.rcAttendanceButtonRow{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;display:grid!important}.rcAttendanceButton{width:100%!important;min-width:0!important}.gradeGrid,.imAssessmentBlock,.imMarksList,.monthlySummary,.reportCalendar,.reportCalendarGrid{min-width:0!important;max-width:100%!important}.reportFilterLayout{grid-template-columns:1fr!important}.reportCalendar{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.admissionNo,.admission_no,.capId,.cap_id,.email,.meeting_url,.mono,h1,h2,h3,h4,p,td,th{overflow-wrap:anywhere}}@media (max-width:390px){.mainContent{padding:12px 8px 28px!important}.adminMasthead{padding:9px 10px!important}.adminBrand img{width:min(128px,44vw)!important}.adminLogout{padding:7px 8px!important;font-size:10px!important}.statsCard{grid-template-columns:repeat(2,minmax(0,1fr))!important}.statPane{padding:15px 10px!important}.statLabel{font-size:10px!important}.statNumber{font-size:31px!important}.moduleGrid{gap:8px!important}.moduleButtonWrap :global(.moduleCard){height:138px!important;min-height:138px!important;padding:10px!important}.moduleButtonWrap :global(.moduleCardIcon){width:40px!important;height:40px!important;margin-bottom:9px!important}.moduleButtonWrap :global(.moduleCardIcon svg){width:20px!important;height:20px!important}.moduleButtonWrap :global(.moduleCardContent h3){font-size:12.5px!important}.tabs{gap:5px!important}.masterTab,.tabs .tab{min-height:39px!important;padding:7px 4px!important;font-size:9px!important}.directory{padding:15px 8px 20px!important}.actionButton,.backButton,.backToDashboard,.downloadPdfButton,.generateReportButton,.mrBtn,.primaryButton,.secondaryButton,.smallButton{width:100%!important}}.websiteModule{max-width:1450px}.websiteLayout{grid-template-columns:262px minmax(0,1fr);align-items:start;gap:15px;display:grid}.websiteRail{background:#fff;border:1px solid #e5e7eb;border-radius:11px;padding:13px;position:sticky;top:92px;box-shadow:0 2px 8px #0f172a0a}.websiteRailHead{border-bottom:1px solid #edf0f3;align-items:center;gap:10px;padding:4px 6px 13px;display:flex}.websiteRailHead>span{color:#fff;background:#071a33;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.websiteRailHead h2{color:#1f2937;margin:0;font:600 13px Poppins}.websiteRailHead small{color:#94a3b8;margin-top:2px;font-size:9.5px;display:block}.websiteRailList{gap:2px;margin-top:9px;display:grid}.websiteRailGroup{letter-spacing:.7px;text-transform:uppercase;color:#a3aec0;padding:13px 8px 5px;font-size:9px;font-weight:700}.websiteRailItem{color:#4b5563;text-align:left;background:#fff;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.websiteRailItem:hover{color:#1f2937;background:#f8fafc;border-color:#e5e7eb}.websiteRailItem.active{color:#0d4fca;background:#eaf2ff;border-color:#c7dbff}.websiteRailItem svg{flex:none}.websiteRailItem span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.websiteRailItem em{color:#94a3b8;background:#f1f5f9;border-radius:999px;padding:2px 7px;font-size:9.5px;font-style:normal;font-weight:700}.websiteRailItem.active em{color:#fff;background:#1769ff}.websitePanel{background:#fff;border:1px solid #e5e7eb;border-radius:11px;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.websitePanelHead{background:linear-gradient(#f7faff,#fff);border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:flex-start;gap:18px;padding:19px 20px;display:flex}.websitePanelTitle{align-items:center;gap:12px;min-width:0;display:flex}.websitePanelIcon{color:#1769ff;background:#eaf2ff;border-radius:11px;flex:none;place-items:center;width:42px;height:42px;display:grid}.websitePanelHead h2{color:#0f2038;margin:0;font:600 17px Poppins}.websitePanelHead p{color:#6b7280;max-width:620px;margin:5px 0 0;font-size:11px;line-height:1.55}.websitePanelStats{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.websiteChip{color:#64748b;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:10px;font-weight:700;display:inline-flex}.websiteChip.published{color:#15803d;background:#ecfdf3;border-color:#bbf7d0}.websiteChip.draft{color:#a16207;background:#fffbeb;border-color:#fde68a}.websiteChip.hidden{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.websiteChip.blue{color:#0d4fca;background:#eaf2ff;border-color:#c7dbff}.websitePanelBody{padding:15px 20px 20px}.websiteViewToggle{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:inline-flex;overflow:hidden}.websiteViewToggle button{color:#94a3b8;background:#fff;border:0;place-items:center;width:38px;height:42px;transition:all .15s;display:grid}.websiteViewToggle button+button{border-left:1px solid #e2e8f0}.websiteViewToggle button:hover{color:#0d4fca;background:#f5f9ff}.websiteViewToggle button.active{color:#0d4fca;background:#eaf2ff}.websiteCardGrid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:12px;display:grid}.websiteCard{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:13px;padding:15px;transition:all .15s;display:flex;position:relative;overflow:hidden}.websiteCard:before{content:"";background:#e2e8f0;width:3px;transition:all .15s;position:absolute;inset:0 auto 0 0}.websiteCard:hover{border-color:#bfd4ff;transform:translateY(-2px);box-shadow:0 9px 22px #0d4fca17}.websiteCard:hover:before{background:#1769ff}.websiteCardTop{align-items:flex-start;gap:11px;display:flex}.websiteCardIcon{color:#475569;background:#f1f5f9;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;transition:all .15s;display:grid}.websiteCard:hover .websiteCardIcon,.websiteRow:hover .websiteCardIcon{color:#1769ff;background:#eaf2ff}.websiteCardTop h3{color:#1f2937;margin:0;font:600 13px Poppins}.websiteCardTop small{color:#94a3b8;overflow-wrap:anywhere;margin-top:3px;font-size:10px;display:block}.websiteCardFoot{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.websiteCardMeta{align-items:center;gap:8px;min-width:0;display:flex}.websiteCardFoot time{color:#a3aec0;white-space:nowrap;font-size:9.5px}.websiteActions{gap:5px;display:flex}.websiteIconButton{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:7px;place-items:center;width:29px;height:29px;transition:all .15s;display:grid}.websiteIconButton:hover{color:#1769ff;background:#f5f9ff;border-color:#1769ff}.websiteIconButton.danger:hover{color:#b91c1c;background:#fff5f5;border-color:#fca5a5}.websiteList{gap:8px;display:grid}.websiteRow{background:#fff;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:11px 14px;transition:all .15s;display:grid}.websiteRow:hover{border-color:#bfd4ff;box-shadow:0 6px 16px #0d4fca12}.websiteRow h3{color:#1f2937;margin:0;font:600 12.5px Poppins}.websiteRow small{color:#94a3b8;overflow-wrap:anywhere;margin-top:3px;font-size:10px;display:block}.websiteEmpty{text-align:center;background:#fbfdff;border:1px dashed #dbe3ee;border-radius:10px;justify-items:center;gap:3px;padding:46px 20px;display:grid}.websiteEmpty>span{color:#1769ff;background:#eaf2ff;border-radius:12px;place-items:center;width:46px;height:46px;margin-bottom:8px;display:grid}.websiteEmpty h3{color:#1f2937;margin:0;font:600 15px Poppins}.websiteEmpty p{color:#6b7280;margin:0 0 7px;font-size:11.5px}.websiteFieldFull{grid-column:1/-1}.websiteForm textarea{color:#374151;resize:vertical;border:1px solid #dfe3e8;border-radius:7px;outline:0;width:100%;height:96px;padding:11px;font-size:12px}.websiteForm textarea:focus{border-color:#1769ff;box-shadow:0 0 0 2px #eaf2ff}.websiteModalWide{width:min(100%,1080px)}.websitePreviewBar{color:#64748b;background:#f8fafc;border-bottom:1px solid #edf0f3;align-items:center;gap:8px;padding:11px 20px;font-size:11px;display:flex}.websitePreviewBar code{color:#0d4fca;overflow-wrap:anywhere;background:#eaf2ff;border-radius:5px;padding:3px 7px;font-size:10.5px}.websiteFrame{background:#fff;border:0;width:100%;height:min(74vh,700px);display:block}@media (max-width:1040px){.websiteLayout{grid-template-columns:minmax(0,1fr)}.websiteRail{position:static}.websiteRailList{gap:7px;padding-bottom:4px;display:flex;overflow-x:auto}.websiteRailGroup{display:none}.websiteRailItem{white-space:nowrap;width:auto}.websitePanelHead{flex-direction:column}.websitePanelStats{justify-content:flex-start}}@media (max-width:760px){.websitePanelBody{padding:13px 14px 16px}.websitePanelStats{gap:6px}.websiteCardGrid{grid-template-columns:minmax(0,1fr)}.websiteRow{grid-template-columns:36px minmax(0,1fr);row-gap:10px}.websiteRow>.websiteActions{grid-column:1/-1;justify-content:flex-end}.websiteViewToggle button{height:38px}}.wShell{--w-bg:#faf6f0;--w-surface:#fff;--w-surface-2:#f4ede4;--w-line:#e7dccc;--w-line-2:#d9c9b3;--w-text:#2f2620;--w-text-2:#6d5c4d;--w-muted:#94836f;--w-accent:#c2703d;--w-accent-2:#a85a2e;--w-accent-soft:#fbeee4;--w-live:#4e7a5a;--w-live-soft:#eaf2ec;--w-pending:#a8762a;--w-pending-soft:#fbf1de;--w-danger:#b4453c;--w-danger-soft:#fbeceb;background:var(--w-bg);min-height:100vh;color:var(--w-text);align-items:flex-start;gap:18px;padding:18px;font-family:Poppins,Inter,sans-serif;display:flex}.wSide{border:1px solid var(--w-line);background:var(--w-surface);border-radius:14px;flex-direction:column;flex:none;width:244px;max-height:calc(100vh - 36px);display:flex;position:sticky;top:18px;overflow:hidden}.wSideBrand{border-bottom:1px solid var(--w-line);align-items:center;gap:10px;padding:15px 16px;display:flex}.wSideBrandIcon{background:var(--w-accent);color:#fff;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.wSideBrandText{gap:1px;min-width:0;display:grid}.wSideBrandText strong{font-size:13.5px;font-weight:600}.wSideBrandText small{color:var(--w-muted);font-size:10.5px}.wSideNav{flex:1;padding:12px 10px;overflow-y:auto}.wSideGroup+.wSideGroup{margin-top:14px}.wSideGroupLabel{letter-spacing:.6px;text-transform:uppercase;color:var(--w-muted);padding:0 8px 6px;font-size:9.5px;font-weight:600;display:block}.wSideItem{width:100%;color:var(--w-text-2);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:8px 9px;font-family:inherit;font-size:12px;font-weight:500;transition:background .14s,color .14s;display:flex;position:relative}.wSideItem:hover{background:var(--w-surface-2);color:var(--w-text)}.wSideItem.on{background:var(--w-accent-soft);color:var(--w-accent-2);font-weight:600}.wSideItem.on:before{content:"";background:var(--w-accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:7px;bottom:7px;left:-10px}.wSideItemLabel{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.wSideItem em{background:var(--w-surface-2);min-width:20px;color:var(--w-muted);text-align:center;border-radius:999px;flex:none;padding:1px 6px;font-size:10px;font-style:normal;font-weight:600}.wSideItem.on em{color:var(--w-accent-2);background:#fff}.wSideBack{border:0;border-top:1px solid var(--w-line);background:var(--w-surface-2);width:100%;color:var(--w-text-2);cursor:pointer;align-items:center;gap:8px;padding:12px 16px;font-family:inherit;font-size:11.5px;font-weight:600;transition:background .14s,color .14s;display:flex}.wSideBack:hover{background:var(--w-accent-soft);color:var(--w-accent-2)}.wMain{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.wTopbar{border:1px solid var(--w-line);background:var(--w-surface);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;display:flex}.wEyebrow{background:var(--w-accent-soft);color:var(--w-accent-2);letter-spacing:.4px;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;margin-bottom:7px;padding:3px 8px;font-size:9.5px;font-weight:600;display:inline-flex}.wTopbarText h1{letter-spacing:-.2px;margin:0;font-size:20px;font-weight:600}.wTopbarText p{max-width:60ch;color:var(--w-text-2);margin:5px 0 0;font-size:11.5px;line-height:1.6}.wTopbarActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wButton{border:1px solid var(--w-line-2);background:var(--w-surface);height:34px;color:var(--w-text-2);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:11.5px;font-weight:600;transition:all .14s;display:inline-flex}.wButton:hover:not(:disabled){background:var(--w-surface-2);border-color:var(--w-accent);color:var(--w-accent-2)}.wButton:disabled{opacity:.55;cursor:not-allowed}.wButtonPrimary{background:var(--w-accent);border-color:var(--w-accent);color:#fff}.wButtonPrimary:hover:not(:disabled){background:var(--w-accent-2);border-color:var(--w-accent-2);color:#fff}.wButtonDanger{color:var(--w-danger);background:var(--w-danger-soft);border-color:#e6c4c0}.wButtonDanger:hover:not(:disabled){border-color:var(--w-danger);color:var(--w-danger);background:#f7dedb}.wIconButton{border:1px solid var(--w-line-2);background:var(--w-surface);width:34px;height:34px;color:var(--w-text-2);cursor:pointer;border-radius:8px;flex:none;place-items:center;transition:all .14s;display:grid}.wIconButton:hover:not(:disabled){background:var(--w-surface-2);border-color:var(--w-accent);color:var(--w-accent-2)}.wToast{background:var(--w-live-soft);color:var(--w-live);border:1px solid #c4d8c8;border-radius:10px;align-items:center;gap:9px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.wToast span{flex:1}.wToast button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;place-items:center;display:grid}.wToast button:hover{opacity:1}.wAlert{border:1px solid var(--w-line);background:var(--w-surface);border-radius:10px;align-items:center;gap:11px;padding:12px 14px;font-size:12px;display:flex}.wAlert>svg{flex:none}.wAlert>div{flex:1;gap:2px;min-width:0;display:grid}.wAlert strong{font-size:12px;font-weight:600}.wAlert span{color:var(--w-text-2);font-size:11px;line-height:1.6}.wAlert code{background:var(--w-surface-2);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.wAlertDanger{background:var(--w-danger-soft);color:var(--w-danger);border-color:#e6c4c0}.wAlertWarn{background:var(--w-pending-soft);color:var(--w-pending);border-color:#e5d0a8}.wStats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:22px;display:grid}.wStat{border:1px solid var(--w-line);background:var(--w-surface);border-radius:12px;flex-direction:column;gap:3px;padding:12px 15px;display:flex}.wStatLabel{color:var(--w-muted);letter-spacing:.07em;text-transform:uppercase;font-size:10.5px;font-weight:600}.wStatValue{color:var(--w-text);letter-spacing:-.01em;font-size:21px;font-weight:650;line-height:1.15}.wStatValue em{color:var(--w-muted);font-size:13px;font-style:normal;font-weight:500}.wSectionHead{margin:0 0 11px}.wSectionHead h2{color:var(--w-text);letter-spacing:.01em;margin:0;font-size:13px;font-weight:600}.wSectionHead p{color:var(--w-muted);margin:2px 0 0;font-size:11.5px}.wTiles{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.wTile{border:1px solid var(--w-line);background:var(--w-surface);color:inherit;text-align:left;cursor:pointer;border-radius:11px;align-items:center;gap:11px;padding:11px 14px;font-family:inherit;transition:all .14s;display:flex}.wTile:hover{border-color:var(--w-accent);box-shadow:0 4px 14px #78482814}.wTileIcon{background:var(--w-accent-soft);width:32px;height:32px;color:var(--w-accent-2);border-radius:9px;flex:none;place-items:center;display:grid}.wTileText{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.wTileText strong{color:var(--w-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.wTileText small{color:var(--w-muted);font-size:11.5px}.wTileBadge{background:var(--w-surface-2);min-width:20px;color:var(--w-text-2);text-align:center;border-radius:999px;flex:none;padding:1px 6px;font-size:10.5px;font-weight:600}.wTile>svg{color:var(--w-muted);flex:none;transition:transform .14s}.wTile:hover>svg{color:var(--w-accent);transform:translate(3px)}.wNote{border:1px solid var(--w-line);background:var(--w-accent-soft);border-radius:10px;align-items:flex-start;gap:9px;padding:12px 14px;display:flex}.wNote>svg{color:var(--w-accent-2);flex:none;margin-top:1px}.wNote p{color:var(--w-text-2);margin:0;font-size:11px;line-height:1.65}.wBoard{border:1px solid var(--w-line);background:var(--w-surface);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.wBoardHead{border-bottom:1px solid var(--w-line);flex-wrap:wrap;justify-content:space-between;gap:14px;padding-bottom:12px}.wBoardHead,.wBoardTitle{align-items:center;display:flex}.wBoardTitle{gap:10px;min-width:0}.wBoardIcon{background:var(--w-accent-soft);width:34px;height:34px;color:var(--w-accent-2);border-radius:9px;flex:none;place-items:center;display:grid}.wBoardTitle h2{margin:0;font-size:14px;font-weight:600}.wBoardTitle p{max-width:54ch;color:var(--w-muted);margin:2px 0 0;font-size:11px;line-height:1.5}.wBoardTools{flex-wrap:wrap}.wBoardTools,.wSearch{align-items:center;gap:7px;display:flex}.wSearch{border:1px solid var(--w-line-2);background:var(--w-bg);height:34px;color:var(--w-muted);border-radius:8px;padding:0 11px}.wSearch:focus-within{border-color:var(--w-accent)}.wSearch input{width:180px;color:var(--w-text);background:0 0;border:0;outline:0;font-family:inherit;font-size:11.5px}.wSearch input::placeholder{color:var(--w-muted)}.wSegment{border:1px solid var(--w-line-2);background:var(--w-bg);border-radius:8px;padding:2px;display:flex}.wSegment button{width:28px;height:26px;color:var(--w-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;transition:all .14s;display:grid}.wSegment button.on{background:var(--w-surface);color:var(--w-accent-2)}.wCount{background:var(--w-surface-2);color:var(--w-text-2);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:10.5px;font-weight:600}.wGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.wRows{gap:8px}.wCard,.wRows{flex-direction:column;display:flex}.wCard{border:1px solid var(--w-line);background:var(--w-surface);border-radius:12px;transition:border-color .14s;overflow:hidden}.wCard:hover{border-color:var(--w-line-2)}.wCardMedia{border-bottom:1px solid var(--w-line);background:var(--w-surface-2);height:118px;position:relative;overflow:hidden}.wCardMedia img{object-fit:cover;width:100%;height:100%;display:block}.wCardTile{background:#f4ece2}.wCardBody{flex-direction:column;flex:1;gap:7px;padding:12px 13px 11px;display:flex}.wCardTop{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.wCardTop h3{overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:600;line-height:1.35}.wCardSub{color:var(--w-text-2);margin:0;font-size:11px;line-height:1.5}.wMeta{gap:4px;margin:1px 0 0;display:grid}.wMetaRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.wMetaRow dt{color:var(--w-muted);white-space:nowrap;font-size:10px}.wMetaRow dd{text-align:right;min-width:0;color:var(--w-text-2);margin:0;font-size:11px}.wMetaText{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:170px;display:inline-block;overflow:hidden}.wMetaCode{background:var(--w-accent-soft);color:var(--w-accent-2);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.wMetaDate{white-space:nowrap}.wMetaOrder{background:var(--w-surface-2);border-radius:5px;place-items:center;min-width:21px;height:19px;padding:0 5px;font-size:10px;font-weight:600;display:inline-grid}.wMetaEmpty{color:var(--w-line-2)}.wCardActions{border-top:1px solid var(--w-line);background:var(--w-bg);flex-wrap:wrap;gap:5px;padding:9px 13px 11px;display:flex}.wCardActions .wButton{height:29px;padding:0 9px;font-size:10.5px}.wRows .wCard{grid-template-columns:70px minmax(0,1fr);display:grid}.wRows .wCardMedia{border-bottom:0;border-right:1px solid var(--w-line);height:100%;min-height:70px}.wRows .wCardActions{grid-column:1/-1}.wPill{white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:5px;padding:3px 8px;font-size:9.5px;font-weight:600;display:inline-flex}.wPill i{background:currentColor;border-radius:50%;width:5px;height:5px}.wPillLive{color:var(--w-live);background:var(--w-live-soft)}.wPillDraft{color:var(--w-pending);background:var(--w-pending-soft)}.wEmpty{text-align:center;justify-items:center;gap:5px;padding:46px 20px;display:grid}.wEmptyIcon{background:var(--w-accent-soft);width:48px;height:48px;color:var(--w-accent-2);border-radius:12px;place-items:center;margin-bottom:5px;display:grid}.wEmpty h3{margin:0;font-size:13.5px;font-weight:600}.wEmpty p{color:var(--w-muted);margin:0 0 6px;font-size:11.5px}.wSkeletons{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.wSkeleton{background:var(--w-surface-2);border-radius:12px;height:210px}.wFormOverlay{z-index:200;background:#3c2a1c6b;padding:20px;display:flex;position:fixed;inset:0}.wForm{border:1px solid var(--w-line);background:var(--w-surface);border-radius:14px;flex-direction:column;width:min(100%,880px);max-height:100%;margin:0 auto;display:flex;overflow:hidden}.wFormHead{border-bottom:1px solid var(--w-line);flex:none;gap:12px;padding:14px 16px}.wFormHead,.wFormHeading{align-items:center;display:flex}.wFormHeading{flex:1;gap:10px;min-width:0}.wFormIcon{background:var(--w-accent-soft);width:32px;height:32px;color:var(--w-accent-2);border-radius:8px;flex:none;place-items:center;display:grid}.wFormHeading h2{margin:0;font-size:14px;font-weight:600}.wFormHeading p{color:var(--w-muted);margin:1px 0 0;font-size:10.5px}.wFormHeadActions{flex:none;gap:7px;display:flex}.wFormBody{background:var(--w-bg);flex:1;padding:18px 16px 22px;overflow-y:auto}.wFormInner{gap:18px;max-width:720px;margin:0 auto;display:grid}.wFormSection{border:1px solid var(--w-line);background:var(--w-surface);border-radius:12px;gap:12px;padding:15px;display:grid}.wFormSection h3{letter-spacing:.5px;text-transform:uppercase;color:var(--w-muted);margin:0;font-size:10.5px;font-weight:600}.wFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.wField{gap:5px;min-width:0;display:grid}.wFieldWide{grid-column:1/-1}.wFieldLabel{color:var(--w-text-2);align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex}.wFieldLabel em{color:var(--w-danger);font-style:normal}.wField input,.wField select,.wField textarea{border:1px solid var(--w-line-2);background:var(--w-bg);width:100%;color:var(--w-text);border-radius:8px;outline:0;font-family:inherit;font-size:12px;transition:border-color .14s}.wField input,.wField select{height:38px;padding:0 10px}.wField textarea{resize:vertical;min-height:80px;padding:10px;line-height:1.6}.wField input::placeholder,.wField textarea::placeholder{color:var(--w-muted)}.wField input:focus,.wField select:focus,.wField textarea:focus{border-color:var(--w-accent)}.wField select{appearance:none;cursor:pointer}.wFieldHelp{color:var(--w-muted);font-size:10.5px}.wSelect{position:relative}.wSelect select{padding-right:30px}.wSelect>svg{color:var(--w-muted);pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)rotate(90deg)}.wToggle{border:1px solid var(--w-line);background:var(--w-bg);cursor:pointer;border-radius:10px;grid-column:1/-1;align-items:center;gap:10px;padding:11px 13px;transition:border-color .14s;display:flex}.wToggle:hover{border-color:var(--w-accent)}.wToggle input{opacity:0;pointer-events:none;position:absolute}.wToggleTrack{background:var(--w-line-2);border-radius:999px;flex:none;width:38px;height:21px;transition:background .14s;position:relative}.wToggleTrack i{background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .14s;position:absolute;top:2px;left:2px}.wToggle input:checked+.wToggleTrack{background:var(--w-accent)}.wToggle input:checked+.wToggleTrack i{transform:translate(17px)}.wToggleText{gap:1px;min-width:0;display:grid}.wToggleText strong{font-size:11.5px;font-weight:600}.wFormFootnote,.wToggleText small{color:var(--w-muted);font-size:10.5px}.wFormFootnote{margin:0}.wFormFootnote code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.wFormFoot{border-top:1px solid var(--w-line);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.wFormFoot>span{color:var(--w-muted);font-size:10.5px}.wFormFootActions{gap:7px;display:flex}@media (max-width:900px){.wFormGrid{grid-template-columns:minmax(0,1fr)}}@media (max-width:820px){.wShell{flex-direction:column;padding:12px}.wSide{width:100%;max-height:none;position:static}.wSideNav{flex-wrap:wrap;gap:4px;display:flex}.wSideGroup+.wSideGroup{margin-top:0}.wSideGroupLabel{width:100%}.wSideItem{width:auto}.wSideItem.on:before{display:none}.wSearch input{width:130px}}.wTableWrap{border:1px solid var(--w-line-2);background:var(--w-surface);border-radius:14px;overflow-x:auto}.wTable{border-collapse:collapse;width:100%;font-size:13px}.wTable thead th{z-index:1;border-bottom:1px solid var(--w-line-2);background:var(--w-surface-2);color:var(--w-muted);letter-spacing:.07em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:10px 14px;font-size:10.5px;font-weight:600;position:sticky;top:0}.wTable tbody tr{border-bottom:1px solid var(--w-line);transition:background .14s}.wTable tbody tr:last-child{border-bottom:0}.wTable tbody tr:hover{background:var(--w-surface-2)}.wTable tbody td{color:var(--w-text-2);vertical-align:middle;white-space:nowrap;padding:10px 14px}.wTableLead{min-width:220px;white-space:normal!important}.wTableLeadCell{align-items:center;gap:10px;display:flex}.wTableLeadCell strong{color:var(--w-text);font-size:13.5px;font-weight:600;line-height:1.35;display:block}.wTableLeadCell small{color:var(--w-muted);margin-top:2px;font-size:11.5px;display:block}.wTableThumb{background:var(--w-surface-2);border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.wTableThumb img{object-fit:cover;width:100%;height:100%}.wTableThumbFallback{color:var(--w-accent-2)}.wTableStatusCol{width:1%}.wTableActionsCol{text-align:right;width:1%}.wTableActions{justify-content:flex-end;gap:6px;display:flex}.wTableSrOnly{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:860px){.wTable thead{display:none}.wTable,.wTable tbody,.wTable td,.wTable tr{width:100%;display:block}.wTable tbody tr{padding:12px 14px}.wTable tbody td{white-space:normal;border:0;justify-content:space-between;align-items:center;gap:14px;padding:5px 0;display:flex}.wTable tbody td:before{content:attr(data-label);color:var(--w-muted);letter-spacing:.07em;text-transform:uppercase;flex:none;font-size:10.5px;font-weight:600}.wTableLead,.wTableLeadCell{min-width:0}.wTableLead:before{display:none}.wTable tbody td.wTableActionsCol,.wTable tbody td.wTableStatusCol{justify-content:flex-start;width:100%;margin-top:6px}.wTableActions{justify-content:flex-start}}.wApply{border:1px solid var(--w-line-2);background:var(--w-surface);border-radius:10px;gap:12px;margin-bottom:16px;padding:9px 14px}.wApply,.wApplyLabel{align-items:center;display:flex}.wApplyLabel{color:var(--w-text);gap:8px;font-size:13px;font-weight:600}.wApplyLabel svg,.wApplyState{color:var(--w-muted)}.wApplyState{background:var(--w-surface-2);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:500}.wApplyState.on{background:var(--w-accent-soft);color:var(--w-accent-2)}.wApplyState.off{background:var(--w-danger-soft);color:var(--w-danger)}.wApplyError{min-width:0;color:var(--w-danger);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.wSwitch{cursor:pointer;background:0 0;border:0;flex:none;margin-left:auto;padding:0;display:block}.wSwitch:disabled{cursor:not-allowed;opacity:.5}.wSwitchTrack{background:var(--w-line-2);border-radius:999px;width:40px;height:23px;transition:background .18s;display:block;position:relative}.wSwitch.on .wSwitchTrack{background:var(--w-accent-2)}.wSwitchThumb{background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.wSwitch.on .wSwitchThumb{transform:translate(17px)}.wSwitch:focus-visible .wSwitchTrack{outline:2px solid var(--w-accent-2);outline-offset:2px}@media (max-width:640px){.wApply{flex-wrap:wrap}.wApplyError{white-space:normal;flex-basis:100%;order:3}}.wLive{border:1px solid var(--w-line-2);background:var(--w-surface);color:var(--w-muted);cursor:default;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.wLive i{background:var(--w-muted);border-radius:50%;width:6px;height:6px}.wLive-connected{color:#2f7a4f}.wLive-connected i{background:#3f9c68;box-shadow:0 0 0 3px #3f9c6829}.wLive-connecting i{animation:wLivePulse 1.1s ease-in-out infinite}.wLive-closed,.wLive-error{color:var(--w-danger)}.wLive-closed i,.wLive-error i{background:var(--w-danger)}@keyframes wLivePulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.wLive-connecting i{animation:none}}.wButton>svg{flex:none;display:block}.wButtonIcon{justify-content:center;width:34px;padding:0}.wCardActions .wButtonIcon{width:29px;height:29px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}