@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400;1,700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-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;--tw-content:""}}}@layer theme{:root,:host{--font-sans:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-orange-950:oklch(26.6% .079 36.259);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-yellow-950:oklch(28.6% .066 53.813);--color-lime-50:oklch(98.6% .031 120.757);--color-lime-100:oklch(96.7% .067 122.328);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-300:oklch(89.7% .196 126.665);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-500:oklch(76.8% .233 130.85);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-700:oklch(53.2% .157 131.589);--color-lime-800:oklch(45.3% .124 130.933);--color-lime-900:oklch(40.5% .101 131.063);--color-lime-950:oklch(27.4% .072 132.109);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-200:oklch(91% .096 180.426);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-teal-900:oklch(38.6% .063 188.416);--color-teal-950:oklch(27.7% .046 192.524);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-800:oklch(45% .085 224.283);--color-cyan-900:oklch(39.8% .07 227.392);--color-cyan-950:oklch(30.2% .056 229.695);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-sky-800:oklch(44.3% .11 240.79);--color-sky-900:oklch(39.1% .09 240.876);--color-sky-950:oklch(29.3% .066 243.157);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-indigo-950:oklch(25.7% .09 281.288);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-900:oklch(38% .189 293.745);--color-violet-950:oklch(28.3% .141 291.089);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-fuchsia-50:oklch(97.7% .017 320.058);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-400:oklch(74% .238 322.16);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-800:oklch(45.2% .211 324.591);--color-fuchsia-900:oklch(40.1% .17 325.612);--color-fuchsia-950:oklch(29.3% .136 325.661);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-700:oklch(52.5% .223 3.958);--color-pink-800:oklch(45.9% .187 3.815);--color-pink-900:oklch(40.8% .153 2.432);--color-pink-950:oklch(28.4% .109 3.907);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-zinc-50:oklch(98.5% 0 none);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-neutral-50:oklch(98.5% 0 none);--color-neutral-100:oklch(97% 0 none);--color-neutral-200:oklch(92.2% 0 none);--color-neutral-300:oklch(87% 0 none);--color-neutral-400:oklch(70.8% 0 none);--color-neutral-500:oklch(55.6% 0 none);--color-neutral-600:oklch(43.9% 0 none);--color-neutral-700:oklch(37.1% 0 none);--color-neutral-800:oklch(26.9% 0 none);--color-neutral-900:oklch(20.5% 0 none);--color-neutral-950:oklch(14.5% 0 none);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-100:oklch(97% .001 106.424);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-600:oklch(44.4% .011 73.639);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-800:oklch(26.8% .007 34.298);--color-stone-900:oklch(21.6% .006 56.043);--color-stone-950:oklch(14.7% .004 49.25);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-3xs:16rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--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-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--shadow-2xs:0 1px #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--inset-shadow-2xs:inset 0 1px #0000000d;--inset-shadow-xs:inset 0 1px 1px #0000000d;--inset-shadow-sm:inset 0 2px 4px #0000000d;--drop-shadow-xs:0 1px 1px #0000000d;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--drop-shadow-xl:0 9px 7px #0000001a;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#2563eb;--color-primary-dark:#1e40af;--color-primary-light:#eff6ff;--color-secondary:#171717;--color-secondary-light:#f5f5f5}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.top-3{top:calc(var(--spacing) * 3)}.top-\[-1px\]{top:-1px}.right-0{right:0}.bottom-0{bottom:0}.bottom-3{bottom:calc(var(--spacing) * 3)}.left-0{left:0}.left-4{left:calc(var(--spacing) * 4)}.-z-0{z-index:calc(0 * -1)}.-z-10{z-index:calc(10 * -1)}.z-10{z-index:10}.z-50{z-index:50}.col-6{grid-column:6}.col-12{grid-column:12}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-1\.5{margin-block:calc(var(--spacing) * 1.5)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-auto{margin-block:auto}.ms-1{margin-inline-start:var(--spacing)}.me-1{margin-inline-end:var(--spacing)}.me-1\.5{margin-inline-end:calc(var(--spacing) * 1.5)}.-mt-3{margin-top:calc(var(--spacing) * -3)}.-mt-5{margin-top:calc(var(--spacing) * -5)}.-mt-\[6\.6rem\]{margin-top:-6.6rem}.-mt-px{margin-top:-1px}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-6{margin-right:calc(var(--spacing) * 6)}.-mb-px{margin-bottom:-1px}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.-ml-8{margin-left:calc(var(--spacing) * -8)}.-ml-px{margin-left:-1px}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-12{margin-left:calc(var(--spacing) * 12)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-footer-group{display:table-footer-group}.table-row{display:table-row}.aspect-\[335\/364\]{aspect-ratio:335/364}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-\[9px\]{width:9px;height:9px}.h-0{height:0}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-14\.5{height:calc(var(--spacing) * 14.5)}.h-16{height:calc(var(--spacing) * 16)}.h-100{height:calc(var(--spacing) * 100)}.h-\[18px\]{height:18px}.h-\[23\.5px\]{height:23.5px}.h-\[56px\]{height:56px}.h-full{height:100%}.max-h-\[340px\]{max-height:340px}.min-h-\[640px\]{min-height:640px}.min-h-dvh{min-height:100dvh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-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-64{width:calc(var(--spacing) * 64)}.w-100{width:calc(var(--spacing) * 100)}.w-\[18px\]{width:18px}.w-\[438px\]{width:438px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[335px\]{max-width:335px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-180{min-width:calc(var(--spacing) * 180)}.min-w-200{min-width:calc(var(--spacing) * 200)}.min-w-220{min-width:calc(var(--spacing) * 220)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.flex-grow-1,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-not-allowed\!{cursor:not-allowed!important}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}: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-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * 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-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-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(.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-neutral-200>:not(:last-child)){border-color:var(--color-neutral-200)}:where(.divide-white\/5>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){:where(.divide-white\/5>:not(:last-child)){border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-\[\#19140035\]{border-color:#19140035}.border-\[\#e3e3e0\]{border-color:#e3e3e0}.border-amber-500\/15{border-color:#f99c0026}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/15{border-color:color-mix(in oklab, var(--color-amber-500) 15%, transparent)}}.border-amber-500\/20{border-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/20{border-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.border-black{border-color:var(--color-black)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-500\/15{border-color:#3080ff26}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/15{border-color:color-mix(in oklab, var(--color-blue-500) 15%, transparent)}}.border-blue-500\/20{border-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/20{border-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.border-blue-500\/50{border-color:#3080ff80}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/50{border-color:color-mix(in oklab, var(--color-blue-500) 50%, transparent)}}.border-emerald-500\/20{border-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/20{border-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.border-emerald-500\/25{border-color:#00bb7f40}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/25{border-color:color-mix(in oklab, var(--color-emerald-500) 25%, transparent)}}.border-emerald-500\/50{border-color:#00bb7f80}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/50{border-color:color-mix(in oklab, var(--color-emerald-500) 50%, transparent)}}.border-emerald-900{border-color:var(--color-emerald-900)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-neutral-100{border-color:var(--color-neutral-100)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-300{border-color:var(--color-neutral-300)}.border-rose-500\/15{border-color:#ff235726}@supports (color:color-mix(in lab, red, red)){.border-rose-500\/15{border-color:color-mix(in oklab, var(--color-rose-500) 15%, transparent)}}.border-rose-500\/20{border-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.border-rose-500\/20{border-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.border-rose-500\/25{border-color:#ff235740}@supports (color:color-mix(in lab, red, red)){.border-rose-500\/25{border-color:color-mix(in oklab, var(--color-rose-500) 25%, transparent)}}.border-rose-500\/30{border-color:#ff23574d}@supports (color:color-mix(in lab, red, red)){.border-rose-500\/30{border-color:color-mix(in oklab, var(--color-rose-500) 30%, transparent)}}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-700\/80{border-color:#314158cc}@supports (color:color-mix(in lab, red, red)){.border-slate-700\/80{border-color:color-mix(in oklab, var(--color-slate-700) 80%, transparent)}}.border-slate-800{border-color:var(--color-slate-800)}.border-transparent{border-color:#0000}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-t-blue-500{border-top-color:var(--color-blue-500)}.bg-\[\#1b1b18\]{background-color:#1b1b18}.bg-\[\#FDFDFC\]{background-color:#fdfdfc}.bg-\[\#dbdbd7\]{background-color:#dbdbd7}.bg-\[\#fff2f2\]{background-color:#fff2f2}.bg-amber-200{background-color:var(--color-amber-200)}.bg-amber-500\/5{background-color:#f99c000d}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/5{background-color:color-mix(in oklab, var(--color-amber-500) 5%, transparent)}}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/10{background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.bg-amber-600{background-color:var(--color-amber-600)}.bg-black\/8{background-color:#00000014}@supports (color:color-mix(in lab, red, red)){.bg-black\/8{background-color:color-mix(in oklab, var(--color-black) 8%, transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/5{background-color:#3080ff0d}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/5{background-color:color-mix(in oklab, var(--color-blue-500) 5%, transparent)}}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/10{background-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.bg-blue-500\/15{background-color:#3080ff26}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/15{background-color:color-mix(in oklab, var(--color-blue-500) 15%, transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-blue-950\/80{background-color:#162456cc}@supports (color:color-mix(in lab, red, red)){.bg-blue-950\/80{background-color:color-mix(in oklab, var(--color-blue-950) 80%, transparent)}}.bg-emerald-200{background-color:var(--color-emerald-200)}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/10{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/15{background-color:color-mix(in oklab, var(--color-emerald-500) 15%, transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-emerald-800{background-color:var(--color-emerald-800)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-600{background-color:var(--color-neutral-600)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-rose-200{background-color:var(--color-rose-200)}.bg-rose-200\!{background-color:var(--color-rose-200)!important}.bg-rose-500{background-color:var(--color-rose-500)}.bg-rose-500\/10{background-color:#ff23571a}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/10{background-color:color-mix(in oklab, var(--color-rose-500) 10%, transparent)}}.bg-rose-500\/20{background-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/20{background-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.bg-rose-600{background-color:var(--color-rose-600)}.bg-secondary{background-color:var(--color-secondary)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-900\/40{background-color:#0f172b66}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/40{background-color:color-mix(in oklab, var(--color-slate-900) 40%, transparent)}}.bg-slate-900\/90{background-color:#0f172be6}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/90{background-color:color-mix(in oklab, var(--color-slate-900) 90%, transparent)}}.bg-slate-950\/60{background-color:#02061899}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/60{background-color:color-mix(in oklab, var(--color-slate-950) 60%, transparent)}}.bg-slate-950\/70{background-color:#020618b3}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/70{background-color:color-mix(in oklab, var(--color-slate-950) 70%, transparent)}}.bg-slate-950\/90{background-color:#020618e6}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/90{background-color:color-mix(in oklab, var(--color-slate-950) 90%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-white\/50{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.bg-white\/\[2\%\]{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[2\%\]{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.object-contain{object-fit:contain}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.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)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[6px\]{padding-inline:6px}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.ps-1{padding-inline-start:var(--spacing)}.ps-3{padding-inline-start:calc(var(--spacing) * 3)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs\/none{font-size:var(--text-xs);line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.leading-3{--tw-leading:calc(var(--spacing) * 3);line-height:calc(var(--spacing) * 3)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-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-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.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-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-\[\#1B1B18\],.text-\[\#1b1b18\]{color:#1b1b18}.text-\[\#706f6c\]{color:#706f6c}.text-\[\#F3BEC7\]{color:#f3bec7}.text-\[\#F8B803\]{color:#f8b803}.text-\[\#F53003\],.text-\[\#f53003\]{color:#f53003}.text-amber-200{color:var(--color-amber-200)}.text-amber-200\/90{color:#fee685e6}@supports (color:color-mix(in lab, red, red)){.text-amber-200\/90{color:color-mix(in oklab, var(--color-amber-200) 90%, transparent)}}.text-amber-300{color:var(--color-amber-300)}.text-amber-300\/90{color:#ffd236e6}@supports (color:color-mix(in lab, red, red)){.text-amber-300\/90{color:color-mix(in oklab, var(--color-amber-300) 90%, transparent)}}.text-amber-400{color:var(--color-amber-400)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-black{color:var(--color-black)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-900{color:var(--color-blue-900)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-900{color:var(--color-emerald-900)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-indigo-600{color:var(--color-indigo-600)}.text-neutral-100{color:var(--color-neutral-100)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-500\!{color:var(--color-neutral-500)!important}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-neutral-950{color:var(--color-neutral-950)}.text-primary{color:var(--color-primary)}.text-primary-dark{color:var(--color-primary-dark)}.text-rose-200{color:var(--color-rose-200)}.text-rose-200\/90{color:#ffccd3e6}@supports (color:color-mix(in lab, red, red)){.text-rose-200\/90{color:color-mix(in oklab, var(--color-rose-200) 90%, transparent)}}.text-rose-300{color:var(--color-rose-300)}.text-rose-300\/90{color:#ffa2aee6}@supports (color:color-mix(in lab, red, red)){.text-rose-300\/90{color:color-mix(in oklab, var(--color-rose-300) 90%, transparent)}}.text-rose-400{color:var(--color-rose-400)}.text-rose-900{color:var(--color-rose-900)}.text-secondary{color:var(--color-secondary)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.decoration-neutral-400{-webkit-text-decoration-color:var(--color-neutral-400);-webkit-text-decoration-color:var(--color-neutral-400);-webkit-text-decoration-color:var(--color-neutral-400);text-decoration-color:var(--color-neutral-400)}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-slate-500::placeholder{color:var(--color-slate-500)}.accent-blue-600{accent-color:var(--color-blue-600)}.accent-emerald-500{accent-color:var(--color-emerald-500)}.scheme-light-dark{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.scheme-light-dark{--lightningcss-light: ;--lightningcss-dark:initial}}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.opacity-100{opacity:1}.mix-blend-color{mix-blend-mode:color}.mix-blend-darken{mix-blend-mode:darken}.mix-blend-hard-light{mix-blend-mode:hard-light}.mix-blend-multiply{mix-blend-mode:multiply}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0px_0px_1px_0px_rgba\(0\,0\,0\,0\.03\)\,0px_1px_2px_0px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0px 0px 1px 0px var(--tw-shadow-color,#00000008), 0px 1px 2px 0px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0px_0px_0px_1px_rgba\(26\,26\,0\,0\.16\)\]{--tw-shadow:inset 0px 0px 0px 1px var(--tw-shadow-color,#1a1a0029);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-blue-500\/30{--tw-shadow-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.shadow-blue-500\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-rose-950\/20{--tw-shadow-color:#4d021833}@supports (color:color-mix(in lab, red, red)){.shadow-rose-950\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-950) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-blue-500\/10{--tw-ring-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.ring-blue-500\/10{--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.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-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-750{--tw-duration:.75s;transition-duration:.75s}.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}.\[--stroke-color\:\#1B1B18\]{--stroke-color:#1b1b18}.not-has-\[nav\]\:hidden:not(:has(:is(nav))){display:none}.group-open\:rotate-90:is(:where(.group):is([open],:popover-open,:open) *){rotate:90deg}@media (hover:hover){.group-hover\:text-blue-500:is(:where(.group):hover *),.group-hover\/exception\:text-blue-500:is(:where(.group\/exception):hover *){color:var(--color-blue-500)}}.file\:mr-3::file-selector-button{margin-right:calc(var(--spacing) * 3)}.file\:rounded-lg::file-selector-button{border-radius:var(--radius-lg)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-emerald-600::file-selector-button{background-color:var(--color-emerald-600)}.file\:px-4::file-selector-button{padding-inline:calc(var(--spacing) * 4)}.file\:py-2::file-selector-button{padding-block:calc(var(--spacing) * 2)}.file\:text-xs::file-selector-button{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.file\:font-semibold::file-selector-button{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.file\:text-white::file-selector-button{color:var(--color-white)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:0}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:bottom-0:before{content:var(--tw-content);bottom:0}.before\:bottom-1\/2:before{content:var(--tw-content);bottom:50%}.before\:left-\[0\.4rem\]:before{content:var(--tw-content);left:.4rem}.before\:border-l:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:1px}.before\:border-\[\#e3e3e0\]:before{content:var(--tw-content);border-color:#e3e3e0}.odd\:bg-white\/2:nth-child(odd){background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.odd\:bg-white\/2:nth-child(odd){background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.even\:bg-white:nth-child(2n){background-color:var(--color-white)}@media (hover:hover){.hover\:border:hover{border-style:var(--tw-border-style);border-width:1px}.hover\:border-\[\#1915014a\]:hover{border-color:#1915014a}.hover\:border-\[\#19140035\]:hover{border-color:#19140035}.hover\:border-black:hover{border-color:var(--color-black)}.hover\:border-blue-500\/70:hover{border-color:#3080ffb3}@supports (color:color-mix(in lab, red, red)){.hover\:border-blue-500\/70:hover{border-color:color-mix(in oklab, var(--color-blue-500) 70%, transparent)}}.hover\:border-neutral-200:hover{border-color:var(--color-neutral-200)}.hover\:border-white\/10:hover{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/10:hover{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}.hover\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\:bg-white\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/50:hover{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.hover\:bg-white\/\[0\.02\]:hover{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.02\]:hover{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.hover\:text-blue-300:hover{color:var(--color-blue-300)}.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-slate-200:hover{color:var(--color-slate-200)}.hover\:underline:hover{text-decoration-line:underline}.hover\:file\:bg-emerald-500:hover::file-selector-button{background-color:var(--color-emerald-500)}}.focus\:border-blue-300:focus{border-color:var(--color-blue-300)}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-emerald-500:focus{border-color:var(--color-emerald-500)}.focus\:ring:focus,.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-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:text-gray-500:active{color:var(--color-gray-500)}.active\:text-gray-700:active{color:var(--color-gray-700)}.active\:text-gray-800:active{color:var(--color-gray-800)}@media (width>=40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mb-16{margin-bottom:calc(var(--spacing) * 16)}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-start{justify-content:flex-start}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:p-14{padding:calc(var(--spacing) * 14)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-0{padding-block:0}.sm\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\:pt-0{padding-top:0}.sm\:pt-16{padding-top:calc(var(--spacing) * 16)}.sm\:pb-0{padding-bottom:0}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (width>=48rem){.md\:w-80{width:calc(var(--spacing) * 80)}.md\:flex-row{flex-direction:row}.md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@media (width>=64rem){.lg\:mt-10{margin-top:calc(var(--spacing) * 10)}.lg\:mb-0{margin-bottom:0}.lg\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.lg\:-ml-px{margin-left:-1px}.lg\:ml-0{margin-left:0}.lg\:block{display:block}.lg\:aspect-auto{aspect-ratio:auto}.lg\:w-\[438px\]{width:438px}.lg\:max-w-4xl{max-width:var(--container-4xl)}.lg\:grow{flex-grow:1}.lg\:flex-row{flex-direction:row}.lg\:justify-center{justify-content:center}.lg\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.lg\:rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.lg\:rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.lg\:rounded-br-none{border-bottom-right-radius:0}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:p-10{padding:calc(var(--spacing) * 10)}.lg\:p-20{padding:calc(var(--spacing) * 20)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:pb-10{padding-bottom:calc(var(--spacing) * 10)}}.rtl\:flex-row-reverse:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media (prefers-color-scheme:dark){:where(.dark\:divide-white\/5>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){:where(.dark\:divide-white\/5>:not(:last-child)){border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}:where(.dark\:divide-white\/10>:not(:last-child)){border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){:where(.dark\:divide-white\/10>:not(:last-child)){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:border{border-style:var(--tw-border-style);border-width:1px}.dark\:border-none{--tw-border-style:none;border-style:none}.dark\:border-\[\#3E3E3A\]{border-color:#3e3e3a}.dark\:border-\[\#eeeeec\]{border-color:#eeeeec}.dark\:border-amber-500{border-color:var(--color-amber-500)}.dark\:border-amber-800{border-color:var(--color-amber-800)}.dark\:border-blue-600{border-color:var(--color-blue-600)}.dark\:border-blue-800{border-color:var(--color-blue-800)}.dark\:border-emerald-500{border-color:var(--color-emerald-500)}.dark\:border-emerald-600{border-color:var(--color-emerald-600)}.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:border-neutral-500{border-color:var(--color-neutral-500)}.dark\:border-neutral-700{border-color:var(--color-neutral-700)}.dark\:border-neutral-800{border-color:var(--color-neutral-800)}.dark\:border-rose-500{border-color:var(--color-rose-500)}.dark\:border-rose-900{border-color:var(--color-rose-900)}.dark\:border-transparent{border-color:#0000}.dark\:border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/8{border-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.dark\:border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.dark\:border-white\/\[9\%\]{border-color:#ffffff17}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/\[9\%\]{border-color:color-mix(in oklab, var(--color-white) 9%, transparent)}}.dark\:bg-\[\#0a0a0a\]{background-color:#0a0a0a}.dark\:bg-\[\#1D0002\]{background-color:#1d0002}.dark\:bg-\[\#1a1a1a\]{background-color:#1a1a1a}.dark\:bg-\[\#3E3E3A\]{background-color:#3e3e3a}.dark\:bg-\[\#161615\]{background-color:#161615}.dark\:bg-\[\#eeeeec\]{background-color:#eeeeec}.dark\:bg-amber-600{background-color:var(--color-amber-600)}.dark\:bg-amber-950{background-color:var(--color-amber-950)}.dark\:bg-blue-700{background-color:var(--color-blue-700)}.dark\:bg-blue-950{background-color:var(--color-blue-950)}.dark\:bg-emerald-600{background-color:var(--color-emerald-600)}.dark\:bg-emerald-900\/70{background-color:#004e3bb3}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-900\/70{background-color:color-mix(in oklab, var(--color-emerald-900) 70%, transparent)}}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-neutral-400{background-color:var(--color-neutral-400)}.dark\:bg-neutral-600{background-color:var(--color-neutral-600)}.dark\:bg-neutral-700{background-color:var(--color-neutral-700)}.dark\:bg-neutral-800{background-color:var(--color-neutral-800)}.dark\:bg-neutral-900{background-color:var(--color-neutral-900)}.dark\:bg-rose-600{background-color:var(--color-rose-600)}.dark\:bg-rose-900\!{background-color:var(--color-rose-900)!important}.dark\:bg-rose-950{background-color:var(--color-rose-950)}.dark\:bg-transparent{background-color:#0000}.dark\:bg-white{background-color:var(--color-white)}.dark\:bg-white\/1{background-color:#ffffff03}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/1{background-color:color-mix(in oklab, var(--color-white) 1%, transparent)}}.dark\:bg-white\/2{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/2{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.dark\:bg-white\/3{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/3{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.dark\:bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:bg-white\/\[2\%\]{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/\[2\%\]{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.dark\:bg-white\/\[3\%\]{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/\[3\%\]{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.dark\:text-\[\#1C1C1A\]{color:#1c1c1a}.dark\:text-\[\#4B0600\]{color:#4b0600}.dark\:text-\[\#391800\]{color:#391800}.dark\:text-\[\#733000\]{color:#733000}.dark\:text-\[\#A1A09A\]{color:#a1a09a}.dark\:text-\[\#EDEDEC\]{color:#ededec}.dark\:text-\[\#F61500\]{color:#f61500}.dark\:text-\[\#FF4433\]{color:#f43}.dark\:text-amber-300{color:var(--color-amber-300)}.dark\:text-black{color:var(--color-black)}.dark\:text-blue-300{color:var(--color-blue-300)}.dark\:text-emerald-400{color:var(--color-emerald-400)}.dark\:text-emerald-500{color:var(--color-emerald-500)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-gray-600{color:var(--color-gray-600)}.dark\:text-neutral-100{color:var(--color-neutral-100)}.dark\:text-neutral-200{color:var(--color-neutral-200)}.dark\:text-neutral-300{color:var(--color-neutral-300)}.dark\:text-neutral-400{color:var(--color-neutral-400)}.dark\:text-neutral-500{color:var(--color-neutral-500)}.dark\:text-neutral-600{color:var(--color-neutral-600)}.dark\:text-neutral-600\!{color:var(--color-neutral-600)!important}.dark\:text-neutral-900{color:var(--color-neutral-900)}.dark\:text-rose-100{color:var(--color-rose-100)}.dark\:text-white{color:var(--color-white)}.dark\:text-white\!{color:var(--color-white)!important}.dark\:mix-blend-hard-light{mix-blend-mode:hard-light}.dark\:mix-blend-normal{mix-blend-mode:normal}.dark\:shadow-\[inset_0px_0px_0px_1px_\#fffaed2d\]{--tw-shadow:inset 0px 0px 0px 1px var(--tw-shadow-color,#fffaed2d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dark\:\[--stroke-color\:\#FF750F\]{--stroke-color:#ff750f}}@media (hover:hover){@media (prefers-color-scheme:dark){.group-hover\:dark\:text-emerald-500:is(:where(.group):hover *),.group-hover\/exception\:dark\:text-emerald-500:is(:where(.group\/exception):hover *){color:var(--color-emerald-500)}}}@media (prefers-color-scheme:dark){.dark\:before\:border-\[\#3E3E3A\]:before{content:var(--tw-content);border-color:#3e3e3a}.odd\:dark\:bg-white\/4:nth-child(odd){background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.odd\:dark\:bg-white\/4:nth-child(odd){background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.even\:dark\:bg-white\/2:nth-child(2n){background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.even\:dark\:bg-white\/2:nth-child(2n){background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}@media (hover:hover){.dark\:hover\:border-none:hover{--tw-border-style:none;border-style:none}.dark\:hover\:border-\[\#3E3E3A\]:hover{border-color:#3e3e3a}.dark\:hover\:border-\[\#62605b\]:hover{border-color:#62605b}.dark\:hover\:border-white:hover{border-color:var(--color-white)}.dark\:hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}.dark\:hover\:bg-white:hover{background-color:var(--color-white)}.dark\:hover\:bg-white\/2:hover{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/2:hover{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.dark\:hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}}}@media (hover:hover){@media (prefers-color-scheme:dark){.hover\:dark\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:dark\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}}}@media (prefers-color-scheme:dark){@media (hover:hover){.dark\:hover\:text-emerald-500:hover{color:var(--color-emerald-500)}.dark\:hover\:text-gray-200:hover{color:var(--color-gray-200)}.dark\:hover\:text-gray-300:hover{color:var(--color-gray-300)}}}@media (hover:hover){@media (prefers-color-scheme:dark){.hover\:dark\:text-white:hover{color:var(--color-white)}}}@media (prefers-color-scheme:dark){.dark\:focus\:border-blue-700:focus{border-color:var(--color-blue-700)}.dark\:focus\:border-blue-800:focus{border-color:var(--color-blue-800)}.dark\:active\:bg-gray-700:active{background-color:var(--color-gray-700)}.dark\:active\:text-gray-300:active{color:var(--color-gray-300)}}@starting-style{.starting\:opacity-0{opacity:0}}@media (prefers-reduced-motion:no-preference){@starting-style{.motion-safe\:starting\:-translate-x-\[26px\]{--tw-translate-x:calc(26px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.motion-safe\:starting\:-translate-x-\[51px\]{--tw-translate-x:calc(51px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.motion-safe\:starting\:-translate-x-\[78px\]{--tw-translate-x:calc(78px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.motion-safe\:starting\:-translate-x-\[102px\]{--tw-translate-x:calc(102px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.motion-safe\:starting\:translate-y-6{--tw-translate-y:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}}}.\[\&_svg\]\:size-2\.5 svg{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.\[\&_svg\]\:\!text-white svg{color:var(--color-white)!important}@media (hover:hover){.hover\:\[\&_svg\]\:stroke-emerald-500:hover svg{stroke:var(--color-emerald-500)}}@media (prefers-color-scheme:dark){.dark\:\[\&_svg\]\:\!text-white svg{color:var(--color-white)!important}}}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-dark:#1e40af;--primary-light:#eff6ff;--primary-subtle:#f0f3ff;--primary-border:#bfdbfe;--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-700:#1d4ed8;--secondary:#171717;--secondary-hover:#262626;--secondary-dark:#0a0a0a;--secondary-light:#f5f5f5;--secondary-subtle:#fafafa;--secondary-border:#d4d4d4;--accent:#10b981;--accent-hover:#059669;--accent-dark:#047857;--accent-light:#ecfdf5;--accent-subtle:#f0fdf4;--accent-border:#a7f3d0;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--slate-950:#020617;--success:#22c55e;--success-hover:#16a34a;--success-dark:#15803d;--success-light:#dcfce7;--success-border:#86efac;--warning:#f59e0b;--warning-hover:#d97706;--warning-dark:#b45309;--warning-light:#fef3c7;--warning-border:#fde68a;--danger:#ef4444;--danger-hover:#dc2626;--danger-dark:#b91c1c;--danger-light:#fee2e2;--danger-border:#fca5a5;--info:#3b82f6;--info-hover:#2563eb;--info-dark:#1d4ed8;--info-light:#dbeafe;--info-border:#93c5fd;--purple:#8b5cf6;--purple-light:#f5f3ff;--purple-border:#ddd6fe;--teal:#14b8a6;--teal-light:#ccfbf1;--orange:#f97316;--orange-light:#fff7ed;--bg-main:#f8f8f8;--bg-body:#fff;--bg-mobile:#f5f5f5;--bg-canvas-mobile:#f5f5f5;--bg-card:#fff;--bg-card-hover:#fafafa;--bg-subtle:#f5f5f5;--bg-light:#fff;--bg-input:#fff;--bg-sidebar:#fff;--bg-sidebar-header:#fff;--bg-sidebar-flat:#fff;--bg-sidebar-hover:#f5f5f5;--bg-sidebar-active:#f5f5f5;--text-sidebar-active-fg:#0a0a0a;--ring:#0a0a0a14;--border-color:#e5e5e5;--border-color-light:#e5e5e5;--border-subtle:#f0f0f0;--border-strong:#d4d4d4;--border-translucent:#e5e5e5b3;--border-sidebar:#e5e5e5;--border-focus:var(--primary);--stroke-color:#e5e5e5;--color-border-primary:var(--border-color,#e5e5e5);--color-bg-primary:var(--bg-card,#fff);--color-bg-secondary:var(--bg-subtle,#f5f5f5);--color-text-primary:var(--text-primary,#0a0a0a);--color-text-secondary:var(--text-secondary,#525252);--font-sans:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--letter-spacing-base:-.011em;--text-primary:#0a0a0a;--text-secondary:#525252;--text-muted:#737373;--text-dark:#0a0a0a;--text-on-primary:#fff;--text-main:var(--text-primary);--text-sidebar:#525252;--text-sidebar-hover:#0a0a0a;--text-sidebar-active:#0a0a0a;--sidebar-width:240px;--sidebar-collapsed-width:64px;--topbar-height:64px;--header-height:64px;--grid-gap:20px;--shadow-color:#0f172a14;--shadow-none:none;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px -4px var(--shadow-color);--shadow-lg:0 10px 30px -12px var(--shadow-color);--shadow-xl:0 16px 40px -12px var(--shadow-color);--shadow-card:0 1px 2px #0000000a;--shadow-card-hover:0 10px 30px -12px var(--shadow-color);--shadow-float:0 10px 30px -10px var(--shadow-color);--shadow-dropdown:0 10px 30px -10px #0f172a24;--shadow-modal:0 24px 48px -12px #0f172a38;--shadow-primary:0 4px 12px -2px #2563eb59, 0 0 0 1px #2563eb2e;--shadow-accent:none;--shadow-glow:none;--shadow-input:0 0 0 3px #2563eb1a;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px;--radius-2xl:18px;--radius-full:9999px;--radius-btn:9999px;--radius-badge:9999px;--radius-input:10px;--radius-card:14px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--primary-color:var(--primary);--bg-hover:var(--bg-sidebar-hover);--bg-secondary:var(--slate-100);--card-bg:var(--bg-card);--card-bg-hover:var(--bg-card-hover);--dark:var(--secondary);--light:var(--bg-main)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:#3b82f624;--primary-subtle:#3b82f61a;--primary-border:#3b82f640;--secondary:#fafafa;--secondary-hover:#e5e5e5;--secondary-light:#141414;--secondary-subtle:#0a0a0a;--secondary-border:#262626;--bg-main:#000;--bg-body:#000;--bg-mobile:#000;--bg-canvas-mobile:#000;--bg-card:#0a0a0a;--bg-card-hover:#141414;--bg-subtle:#141414;--bg-light:#0a0a0a;--bg-input:#0d0d0d;--bg-sidebar:#000;--bg-sidebar-header:#000;--bg-sidebar-flat:#000;--bg-sidebar-hover:#141414;--bg-sidebar-active:#1a1a1a;--text-sidebar-active-fg:#fafafa;--ring:#ffffff1a;--border-color:#262626;--border-color-light:#1f1f1f;--border-subtle:#1a1a1a;--border-strong:#404040;--border-translucent:#262626b3;--border-sidebar:#262626;--stroke-color:#262626;--text-primary:#fafafa;--text-secondary:#a3a3a3;--text-muted:#737373;--text-dark:#fafafa;--text-on-primary:#fff;--text-main:var(--text-primary);--text-sidebar:#a3a3a3;--text-sidebar-hover:#fafafa;--text-sidebar-active:#fafafa;--shadow-color:#00000080;--shadow-card:none;--shadow-float:0 10px 30px -10px #0009;--shadow-dropdown:0 10px 30px -6px #000000b3;--shadow-modal:0 25px 50px -12px #000c;--shadow-input:0 0 0 3px #3b82f624;--bg-secondary:#141414;--card-bg:#0a0a0a;--card-bg-hover:#141414;--dark:#fafafa;--light:#000;--color-border-primary:var(--border-color,#262626);--color-bg-primary:var(--bg-card,#0a0a0a);--color-bg-secondary:var(--bg-subtle,#141414);--color-text-primary:var(--text-primary,#fafafa);--color-text-secondary:var(--text-secondary,#a3a3a3)}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);-webkit-text-size-adjust:100%;max-width:100vw;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.app-container{background-color:var(--bg-main);box-sizing:border-box;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;display:flex;overflow-x:hidden}.main-wrapper{width:100%;min-width:0;max-width:100%;margin-left:var(--sidebar-width);background-color:var(--bg-main);min-height:100vh;transition:margin-left var(--transition-normal);box-sizing:border-box;flex-direction:column;flex:1;display:flex;overflow-x:hidden}.sidebar{width:var(--sidebar-width);z-index:50;height:100vh;box-shadow:none;box-sizing:border-box;transition:width var(--transition-normal);background-color:#fff;border-right:1px solid #e2e8f0;border-radius:0;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{height:var(--header-height);box-sizing:border-box;background:var(--bg-sidebar-header,#fff);border-bottom:1px solid var(--border-color,#e5e5e5);color:var(--text-primary,#0a0a0a);flex-shrink:0;align-items:center;gap:10px;padding:0 16px;display:flex;position:relative}.logo-icon{background-color:var(--bg-subtle,#f5f5f5);border-radius:var(--radius-md,10px);width:34px;height:34px;color:var(--text-primary,#0a0a0a);border:1px solid var(--border-color,#e5e5e5);flex-shrink:0;justify-content:center;align-items:center;display:flex}.logo-icon svg{stroke:currentColor;width:18px;height:18px}.logo-text-container{flex-direction:column;min-width:0;display:flex;overflow:hidden}.logo-text{color:var(--text-primary,#0a0a0a);letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.2;overflow:hidden}.edu-brand-gradient{color:var(--primary,#2563eb);font-weight:700}.badge-saas{letter-spacing:.5px;background:var(--primary-light,#eff6ff);color:var(--primary,#2563eb);border-radius:var(--radius-badge,9999px);border:1px solid var(--primary-border,#bfdbfe);padding:1px 6px;font-size:9px;font-weight:700}.logo-sub{color:var(--text-muted,#737373);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;display:block;overflow:hidden}.sidebar-menu{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1;gap:1px;padding:10px;display:flex;overflow:hidden auto}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:0 0}.sidebar-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.sidebar-child-card-wrapper{margin:2px 4px 14px;padding:0}.sidebar-child-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;justify-content:space-between;align-items:center;padding:0 4px 6px;font-size:10.5px;font-weight:700;display:flex}.sidebar-child-label .child-count-pill{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:9999px;padding:1px 7px;font-size:9.5px;font-weight:700}.sidebar-child-form{margin:0;position:relative}.sidebar-child-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000008}.sidebar-child-card.is-interactive{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%)}.sidebar-child-card.is-interactive:hover{background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 3px 10px #2563eb1a}.sidebar-child-card.is-interactive:hover .child-avatar{transform:scale(1.05);box-shadow:0 3px 8px #2563eb66}.sidebar-child-card.is-interactive:hover .child-switch-btn{color:#fff;background:#2563eb;border-color:#2563eb;transform:rotate(180deg)}.child-avatar{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 2px 6px #2563eb4d}.child-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.child-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;line-height:1.25;overflow:hidden}.child-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;margin-top:2px;font-size:11px;font-weight:500;display:flex;overflow:hidden}.child-class-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:6px;height:6px}.child-class-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.child-switch-btn{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .25s;display:flex}.child-select-overlay{opacity:0;cursor:pointer;z-index:10;appearance:none;border:none;outline:none;width:100%;height:100%;position:absolute;top:0;left:0}.menu-group{flex-direction:column;margin-bottom:2px;display:flex;position:relative}.menu-items{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.menu-item a{color:#475569;white-space:nowrap;border-radius:9px;align-items:center;gap:10px;padding:7px 12px;font-size:13px;font-weight:400;text-decoration:none;transition:all .15s;display:flex;position:relative}.menu-item a:hover{color:#0f172a;background-color:#f1f5f9}.menu-item.active a{color:#2563eb;box-shadow:none;background-color:#eff6ff;font-weight:500}.sidebar:not(.collapsed) .menu-group>.menu-items:not(.submenu)>.menu-item.active>a:before{content:"";background:#2563eb;border-radius:0 4px 4px 0;width:3.5px;position:absolute;top:5px;bottom:5px;left:0}.menu-item.active a:hover{color:#1d4ed8;background-color:#e0eeff}.menu-item.active a svg{stroke:#2563eb;stroke-width:2.2px}.menu-item a svg{stroke-width:1.8px;flex-shrink:0;width:18px;height:18px}.menu-group-logout{border-top:1px solid #f1f5f9;margin-top:14px;padding-top:12px}.menu-item-logout a{color:#ef4444;background-color:#fff5f5;border:1px solid #fee2e2;align-items:center;gap:10px;padding:10px 14px;font-weight:600;transition:all .2s;display:flex}.menu-item-logout a svg{stroke:#ef4444;stroke-width:2px;transition:transform .2s}.menu-item-logout a:hover{color:#dc2626;background-color:#fee2e2;border-color:#fca5a5;box-shadow:0 2px 8px #ef444426}.menu-item-logout a:hover svg{stroke:#dc2626;transform:translate(3px)}.sidebar.collapsed .menu-group-logout{border-top:1px solid #f1f5f9;margin-top:10px;padding-top:10px}.sidebar.collapsed .menu-item-logout a{justify-content:center;padding:10px}summary.menu-category{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;padding:7px 12px;font-size:13px;font-weight:400;list-style:none;transition:all .15s;display:flex;position:relative}summary.menu-category::-webkit-details-marker{display:none}summary.menu-category:hover{color:#0f172a;background-color:#f1f5f9}.menu-group-title,.menu-section-header,div.menu-category{color:#94a3b8!important;text-transform:uppercase!important;letter-spacing:.5px!important;cursor:default!important;-webkit-user-select:none!important;user-select:none!important;pointer-events:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;width:100%!important;margin:0!important;padding:10px 12px 4px!important;font-size:10.5px!important;font-weight:600!important;transition:none!important;display:block!important;transform:none!important}.menu-group-title:hover,.menu-section-header:hover,div.menu-category:hover,.menu-group-title:focus,.menu-section-header:focus,div.menu-category:focus,.menu-group-title:active,.menu-section-header:active,div.menu-category:active{color:#94a3b8!important;box-shadow:none!important;background:0 0!important;border:none!important;transform:none!important}summary.menu-category.active{color:#2563eb;box-shadow:none;background-color:#eff6ff;font-weight:500}.sidebar:not(.collapsed) summary.menu-category.active:before{content:"";background:#2563eb;border-radius:0 4px 4px 0;width:3.5px;position:absolute;top:5px;bottom:5px;left:0}summary.menu-category.active .category-icon{stroke:#2563eb;stroke-width:2.2px}.category-title{align-items:center;gap:10px;display:flex}.category-icon{stroke:currentColor;stroke-width:1.8px;flex-shrink:0;width:18px;height:18px}.collapse-icon{color:#94a3b8;width:14px;height:14px;transition:transform var(--transition-fast);flex-shrink:0}details.menu-group[open]>summary.menu-category .collapse-icon{transform:rotate(180deg)}details.menu-group[open]>summary.menu-category{color:#0f172a;font-weight:500}ul.submenu{border-left:1.5px solid #e2e8f0;flex-direction:column;gap:1px;margin:1px 0 3px 14px;padding:1px 0 1px 8px;list-style:none;display:flex}ul.submenu .menu-item a{color:#64748b;border-radius:7px;padding:5.5px 10px;font-size:12.5px;font-weight:400;transition:all .15s}ul.submenu .menu-item a:hover{color:#0f172a;background-color:#f1f5f9}ul.submenu .menu-item.active a{color:#2563eb;box-shadow:none;background-color:#eff6ff;font-weight:500}ul.submenu .menu-item.active a:before,.submenu .menu-item.active a:before{content:none!important;display:none!important}.sidebar-footer{box-sizing:border-box;background:#fff;border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:12px 14px;display:flex}.sidebar-theme-switcher{box-sizing:border-box;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:2px;width:100%;padding:3px;transition:all .2s;display:flex}.theme-switch-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:flex}.theme-switch-btn svg{color:#64748b;flex-shrink:0;transition:color .15s}.theme-switch-btn:hover{color:#1e293b}.theme-switch-btn.is-active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.theme-switch-btn.is-active svg{color:#0f172a}.sidebar-theme-collapsed-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .15s;display:none;box-shadow:0 1px 3px #00000014}.sidebar-theme-collapsed-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:scale(1.05)}.sidebar-theme-collapsed-btn svg{color:#0f172a;flex-shrink:0}.user-profile{transition:background-color var(--transition-fast);border-radius:12px;align-items:center;gap:10px;padding:6px 8px;text-decoration:none;display:flex}.user-profile:hover{background-color:#f1f5f9}.user-avatar{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.user-info{flex-direction:column;min-width:0;display:flex;overflow:hidden}.user-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-role{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.sidebar-collapse-btn{border:1px solid var(--border-color);cursor:pointer;width:22px;height:22px;box-shadow:var(--shadow-sm);z-index:60;color:var(--slate-500);transition:all var(--transition-fast);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;right:-11px}.sidebar-collapse-btn:hover{color:var(--text-primary);border-color:var(--slate-400)}.sidebar.collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}.sidebar.collapsed{width:var(--sidebar-collapsed-width);overflow:visible!important}.sidebar.collapsed+.main-wrapper{margin-left:var(--sidebar-collapsed-width)}body:has(.sidebar.collapsed) .main-wrapper{margin-left:var(--sidebar-collapsed-width)}.sidebar.collapsed .sidebar-menu{padding:12px 8px;overflow:visible!important}.sidebar.collapsed .logo-text-container,.sidebar.collapsed .user-info,.sidebar.collapsed .collapse-icon,.sidebar.collapsed .sidebar-child-box,.sidebar.collapsed .sidebar-child-card-wrapper,.sidebar.collapsed summary.menu-category span,.sidebar.collapsed .menu-group-title span,.sidebar.collapsed .menu-group:not(details) .menu-item a span,.sidebar.collapsed .sidebar-menu>.menu-group:first-child>.menu-group-title,.sidebar.collapsed .sidebar-menu>.menu-group:first-child>div.menu-category,.sidebar.collapsed .sidebar-menu>.menu-group:first-child>.menu-section-header,.sidebar.collapsed .sidebar-menu>.menu-group:first-of-type>.menu-group-title,.sidebar.collapsed .sidebar-menu>.menu-group:first-of-type>div.menu-category,.sidebar.collapsed .sidebar-menu>.menu-group:first-of-type>.menu-section-header{display:none!important}.sidebar.collapsed .menu-group-title,.sidebar.collapsed div.menu-category,.sidebar.collapsed .menu-section-header{color:#0000!important;box-sizing:border-box!important;border:none!important;border-top:1px solid #e2e8f0!important;align-self:center!important;width:32px!important;max-width:32px!important;height:1px!important;min-height:0!important;margin:8px auto!important;padding:0!important;font-size:0!important;line-height:0!important;display:block!important;overflow:hidden!important}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.sidebar.collapsed summary.menu-category,.sidebar.collapsed .menu-group:not(details) .menu-item a{justify-content:center;padding:8px}.sidebar.collapsed .sidebar-footer{padding:12px 6px!important}.sidebar.collapsed .sidebar-version-badge .version-full,.sidebar.collapsed .sidebar-theme-switcher{display:none!important}.sidebar.collapsed .sidebar-theme-collapsed-btn{display:flex!important}.sidebar.collapsed .sidebar-footer{justify-content:center!important;padding:12px 0!important}.sidebar.collapsed .menu-group:not(details) .menu-item a[data-tooltip],.sidebar.collapsed .sidebar-footer [data-tooltip]{position:relative}.sidebar.collapsed .menu-group:not(details) .menu-item a[data-tooltip]:after,.sidebar.collapsed .sidebar-footer [data-tooltip]:after{content:attr(data-tooltip);background-color:var(--secondary);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1200;transition:opacity var(--transition-fast), visibility var(--transition-fast);padding:6px 10px;font-size:12px;font-weight:500;line-height:1.2;position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%);box-shadow:0 4px 12px #0000002e}.sidebar.collapsed .menu-group:not(details) .menu-item a[data-tooltip]:before,.sidebar.collapsed .sidebar-footer [data-tooltip]:before{content:"";border-style:solid;border-width:4px 6px 4px 0;border-color:transparent var(--secondary) transparent transparent;opacity:0;visibility:hidden;pointer-events:none;z-index:1200;transition:opacity var(--transition-fast), visibility var(--transition-fast);position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.sidebar.collapsed .menu-group:not(details) .menu-item a[data-tooltip]:hover:after,.sidebar.collapsed .menu-group:not(details) .menu-item a[data-tooltip]:hover:before,.sidebar.collapsed .sidebar-footer [data-tooltip]:hover:after,.sidebar.collapsed .sidebar-footer [data-tooltip]:hover:before{opacity:1;visibility:visible}.sidebar.collapsed details.menu-group{position:relative}.sidebar.collapsed details.menu-group>summary.menu-category{cursor:pointer;position:relative}.sidebar.collapsed details.menu-group ul.submenu{display:none!important}.sidebar.collapsed details.menu-group:hover>ul.submenu,.sidebar.collapsed details.menu-group[open]:hover>ul.submenu{border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;z-index:1200!important;background:#fff!important;flex-direction:column!important;min-width:180px!important;margin:0!important;padding:6px!important;display:flex!important;position:absolute!important;top:0!important;left:calc(100% + 8px)!important;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #0000000a!important}.sidebar.collapsed details.menu-group:hover>ul.submenu:before{content:"";background:0 0;width:14px;position:absolute;top:-8px;bottom:-8px;left:-14px}.sidebar.collapsed details.menu-group:hover>ul.submenu li.menu-item{width:100%!important;margin:0!important;padding:0!important;display:block!important}.sidebar.collapsed details.menu-group:hover>ul.submenu .menu-item a{background:0 0;border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important;white-space:nowrap!important;box-sizing:border-box!important;width:100%!important;transition:background-color var(--transition-fast), color var(--transition-fast)!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;padding:8px 12px!important;font-size:13px!important;font-weight:500!important;text-decoration:none!important;display:flex!important}.sidebar.collapsed details.menu-group:hover>ul.submenu .menu-item a:hover{background-color:var(--slate-100)!important;color:var(--text-primary)!important}.sidebar.collapsed details.menu-group:hover>ul.submenu .menu-item.active a{background-color:var(--primary-light)!important;color:var(--primary)!important;font-weight:600!important}.sidebar.collapsed details.menu-group:hover>ul.submenu .menu-item a span{opacity:1!important;visibility:visible!important;color:inherit!important;font-size:13px!important;display:inline-block!important}.submenu-header{display:none!important}.sidebar.collapsed details.menu-group:hover>ul.submenu .submenu-header{text-transform:uppercase!important;letter-spacing:.5px!important;color:var(--text-muted)!important;border-bottom:1px solid var(--border-color)!important;margin-bottom:4px!important;padding:7px 12px 6px!important;font-size:11px!important;font-weight:700!important;display:block!important}.topbar{box-sizing:border-box;border-bottom:1px solid var(--border-color,#e5e5e5);background-color:var(--bg-card,#fff);z-index:40;height:64px;min-height:64px;max-height:64px;box-shadow:none;justify-content:space-between;align-items:center;margin:0;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:14px;display:flex}.topbar-mobile-hamburger,.sidebar-mobile-close-btn{display:none}.sidebar-toggle-circular{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;box-shadow:0 1px 2px #0000000a}.sidebar-toggle-circular:hover{color:#111827;background:#f9fafb;border-color:#d1d5db}.sidebar-toggle{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:background-color .15s;display:flex}.sidebar-toggle:hover{color:#0f172a;background-color:#f1f5f9}.topbar-page-title{color:#0f172a;letter-spacing:-.3px;white-space:nowrap;font-size:18px;font-weight:700;line-height:1.2;margin:0!important}.topbar-right{align-items:center;gap:10px;display:flex}.search-bar-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;width:260px;height:38px;padding:0 14px;transition:all .2s;display:flex}.search-bar-container:focus-within{border-color:#111827;box-shadow:0 0 0 3px #1118270f}.search-bar-container input{color:#111827!important;width:100%!important;height:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;padding:0 8px!important;font-family:inherit!important;font-size:13px!important;font-weight:400!important}.search-bar-container input::placeholder{color:#9ca3af;font-weight:400}.search-bar-container svg{color:#9ca3af;flex-shrink:0}.search-kbd-badge{color:#64748b;pointer-events:none;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:10.5px;font-weight:600;line-height:1}.topbar-academic-badge{color:#334155;white-space:nowrap;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;height:38px;padding:0 12px;font-size:13px;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;text-decoration:none!important}.topbar-academic-badge.is-link{cursor:pointer}.topbar-academic-badge.is-link:hover{color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}.topbar-academic-icon{color:#2563eb;flex-shrink:0;justify-content:center;align-items:center;display:flex}.topbar-academic-text{align-items:center;gap:5px;font-size:12.5px;line-height:1;display:flex}.topbar-academic-year{color:#0f172a;font-weight:600}.topbar-academic-dot{color:#94a3b8;font-weight:400}.topbar-academic-sem{color:#475569;font-weight:500}.topbar-academic-status-dot{background-color:#10b981;border-radius:50%;flex-shrink:0;width:6px;height:6px}.topbar-action-icon-btn{color:#4b5563;cursor:pointer;width:38px;height:38px;box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:flex;position:relative}.topbar-action-icon-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.topbar-action-icon-btn:active{background:#f1f5f9}.topbar-red-dot{background-color:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.topbar-divider{background-color:#e2e8f0;flex-shrink:0;width:1px;height:22px;margin:0 2px}.topbar-profile-wrapper{align-items:center;display:flex;position:relative}.topbar-user-chip{cursor:pointer;box-shadow:none;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:9999px;align-items:center;gap:9px;padding:3px 12px 3px 3px;transition:background .15s;display:inline-flex}.topbar-user-chip:hover{background:#f1f5f9;border:none}.topbar-user-chip:active{background:#e2e8f0}.topbar-profile-wrapper.is-open .topbar-user-chip{box-shadow:none;background:#f1f5f9;border:none}.topbar-avatar-circle,.topbar-avatar-img{object-fit:cover;color:#fff;background:#2563eb;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.topbar-chip-text{flex-direction:column;min-width:0;max-width:140px;display:flex}.topbar-chip-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.25;overflow:hidden}.topbar-chip-role{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;line-height:1.2;overflow:hidden}.topbar-chip-chevron{color:#94a3b8;flex-shrink:0;transition:transform .2s cubic-bezier(.16,1,.3,1),color .2s}.topbar-user-chip:hover .topbar-chip-chevron{color:#475569}.topbar-profile-wrapper.is-open .topbar-chip-chevron{color:#2563eb;transform:rotate(180deg)}.profile-popover-card{box-sizing:border-box;z-index:1050;opacity:0;visibility:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:256px;padding:14px;transition:opacity .2s,transform .2s cubic-bezier(.16,1,.3,1),visibility .2s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-8px);box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #00000008}.profile-popover-card.is-active{opacity:1;visibility:visible;transform:translateY(0)}.popover-header-section{align-items:center;gap:12px;padding:2px 4px 4px;display:flex}.popover-header-avatar{color:#fff;background:#2563eb;border:2px solid #dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex;overflow:hidden}.popover-header-avatar img{object-fit:cover;width:100%;height:100%}.popover-header-info{flex-direction:column;flex:1;min-width:0;display:flex}.popover-header-title-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.popover-user-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;line-height:1.3;overflow:hidden}.popover-role-badge{color:#374151;letter-spacing:.2px;white-space:nowrap;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;flex-shrink:0;padding:1.5px 7px;font-size:10.5px;font-weight:600}.popover-user-email{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11.5px;font-weight:400;overflow:hidden}.popover-divider{background-color:#f3f4f6;height:1px;margin:10px 0}.popover-menu-list{flex-direction:column;gap:2px;display:flex}.popover-menu-item{color:#374151;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;font-size:13px;font-weight:500;transition:all .15s;display:flex;text-decoration:none!important}.popover-menu-item svg{color:#6b7280;flex-shrink:0;transition:color .15s}.popover-menu-item:hover{color:#111827;background-color:#f9fafb}.popover-menu-item:hover svg{color:#2563eb}.popover-footer-section{padding-top:2px}.popover-logout-btn{color:#dc2626;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.popover-logout-btn svg{color:#dc2626;flex-shrink:0}.popover-logout-btn:hover{color:#b91c1c;background:#fef2f2}[data-theme=dark] .topbar-action-icon-btn{color:#a3a3a3;box-shadow:none;background:#141414;border-color:#262626}[data-theme=dark] .topbar-action-icon-btn:hover{color:#f5f5f5;background:#262626;border-color:#404040}[data-theme=dark] .topbar-divider{background-color:#262626}[data-theme=dark] .topbar-user-chip{box-shadow:none;background:0 0;border:none}[data-theme=dark] .topbar-user-chip:hover{background:#141414;border:none}[data-theme=dark] .topbar-profile-wrapper.is-open .topbar-user-chip{box-shadow:none;background:#141414;border:none}[data-theme=dark] .topbar-chip-name{color:#f5f5f5}[data-theme=dark] .topbar-chip-role{color:#a3a3a3}[data-theme=dark] .topbar-chip-chevron{color:#737373}[data-theme=dark] .topbar-user-chip:hover .topbar-chip-chevron{color:#d4d4d4}[data-theme=dark] .topbar-profile-wrapper.is-open .topbar-chip-chevron{color:#60a5fa}[data-theme=dark] .profile-popover-card{background:#141414;border-color:#262626;box-shadow:0 10px 25px -5px #00000080}[data-theme=dark] .topbar-academic-badge{color:#d4d4d4;background-color:#141414;border-color:#262626}[data-theme=dark] .topbar-academic-badge.is-link:hover{color:#fff;background-color:#262626;border-color:#404040}[data-theme=dark] .topbar-academic-year{color:#f5f5f5}[data-theme=dark] .topbar-academic-sem{color:#a3a3a3}[data-theme=dark] .topbar-academic-icon{color:#60a5fa}[data-theme=dark] .popover-user-name{color:#f5f5f5}[data-theme=dark] .popover-user-email{color:#a3a3a3}[data-theme=dark] .popover-role-badge{color:#a3a3a3;background:#0a0a0a;border-color:#262626}[data-theme=dark] .popover-divider{background-color:#262626}[data-theme=dark] .popover-menu-item{color:#d4d4d4}[data-theme=dark] .popover-menu-item:hover{color:#fff;background-color:#262626}[data-theme=dark] .popover-menu-item svg{color:#a3a3a3}[data-theme=dark] .popover-menu-item:hover svg{color:#60a5fa}[data-theme=dark] .popover-logout-btn:hover{background-color:#dc262626}[data-theme=dark] .app-container,[data-theme=dark] .main-wrapper,[data-theme=dark] .content-body{color:#fafafa;background-color:#000!important}[data-theme=dark] .sidebar{background-color:var(--bg-sidebar,#000);border-right-color:var(--border-color,#262626)}[data-theme=dark] .sidebar-header{background:var(--bg-sidebar-header,#000)!important;border-bottom:1px solid var(--border-color,#262626)!important;color:#fafafa!important}[data-theme=dark] .logo-icon{background-color:var(--bg-subtle,#141414)!important;border-color:var(--border-color,#262626)!important;color:#fafafa!important}[data-theme=dark] .logo-text{color:#fafafa!important}[data-theme=dark] .badge-saas{background:var(--primary-light,#3b82f624)!important;color:#60a5fa!important;border-color:var(--primary-border,#3b82f640)!important}[data-theme=dark] .logo-sub{color:#737373!important}[data-theme=dark] .sidebar-child-card{background:#141414;border-color:#262626}[data-theme=dark] .sidebar-child-card.is-interactive{background:linear-gradient(135deg,#141414 0%,#0a0a0a 100%)}[data-theme=dark] .sidebar-child-card.is-interactive:hover{background:#141414;border-color:#3b82f6}[data-theme=dark] .nav-item .nav-link,[data-theme=dark] .menu-item a{color:#a3a3a3!important}[data-theme=dark] .nav-item .nav-link:hover,[data-theme=dark] .menu-item a:hover{color:#fafafa!important;background-color:#141414!important}[data-theme=dark] .nav-item.active .nav-link,[data-theme=dark] .menu-item.active a,[data-theme=dark] .sidebar-menu li.active>a,[data-theme=dark] .sidebar .menu-item.active>a,[data-theme=dark] .sidebar a.active{color:#60a5fa!important;box-shadow:none!important;background-color:#2563eb38!important}[data-theme=dark] .nav-item.active .nav-link:hover,[data-theme=dark] .menu-item.active a:hover{color:#93c5fd!important;background-color:#2563eb52!important}[data-theme=dark] .nav-item.active .nav-link svg,[data-theme=dark] .menu-item.active a svg{stroke:#60a5fa!important}[data-theme=dark] .sidebar:not(.collapsed) .menu-group>.menu-items:not(.submenu)>.menu-item.active>a:before{background:#3b82f6!important}[data-theme=dark] summary.menu-category{color:#a3a3a3!important}[data-theme=dark] summary.menu-category:hover{color:#fafafa!important;background-color:#141414!important}[data-theme=dark] summary.menu-category.active{color:#60a5fa!important;background-color:#2563eb38!important}[data-theme=dark] .nav-group-title,[data-theme=dark] .menu-group-title{color:#737373!important}[data-theme=dark] .menu-group-logout{border-top-color:#141414!important}[data-theme=dark] .menu-item-logout a{color:#f87171!important;background-color:#ef44441f!important;border-color:#ef444440!important}[data-theme=dark] .menu-item-logout a svg{stroke:#f87171!important}[data-theme=dark] .menu-item-logout a:hover{color:#fca5a5!important;background-color:#ef444438!important;border-color:#ef444473!important;box-shadow:0 2px 10px #ef444440!important}[data-theme=dark] .menu-item-logout a:hover svg{stroke:#fca5a5!important}[data-theme=dark] .topbar{background-color:#000!important;border-bottom-color:#262626!important}[data-theme=dark] .topbar-page-title{color:#fafafa!important}[data-theme=dark] .sidebar-toggle-circular{color:#d4d4d4!important;background:#141414!important;border-color:#262626!important}[data-theme=dark] .sidebar-toggle-circular:hover{color:#fff!important;background:#262626!important;border-color:#404040!important}[data-theme=dark] .sidebar-toggle{color:#d4d4d4!important}[data-theme=dark] .sidebar-toggle:hover{color:#fff!important;background-color:#141414!important}[data-theme=dark] .search-bar-container{background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .search-bar-container:focus-within{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f633!important}[data-theme=dark] .search-bar-container input,[data-theme=dark] .search-bar-container input[type=text],[data-theme=dark] .search-bar-container input[type=search]{box-shadow:none!important;color:#fafafa!important;background:0 0!important;border:#0000!important;outline:none!important}[data-theme=dark] .search-bar-container input:focus,[data-theme=dark] .search-bar-container input[type=text]:focus,[data-theme=dark] .search-bar-container input[type=search]:focus{box-shadow:none!important;background:0 0!important;border:#0000!important;outline:none!important}[data-theme=dark] .search-bar-container input::placeholder{color:#737373!important}[data-theme=dark] .search-bar-container svg{color:#a3a3a3!important}[data-theme=dark] .search-kbd-badge{color:#a3a3a3!important;background-color:#0a0a0a!important;border-color:#262626!important}[data-theme=dark] .topbar-search-input{color:#fafafa!important;background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .topbar-search-input::placeholder{color:#737373!important}[data-theme=dark] .topbar-mobile-hamburger{color:#fafafa!important;background:#141414!important;border-color:#262626!important}[data-theme=dark] .topbar-mobile-hamburger:hover{color:#60a5fa!important;background:#262626!important}[data-theme=dark] .sidebar-footer{background:#0a0a0a!important;border-top-color:#141414!important}[data-theme=dark] .sidebar-theme-switcher{background:#141414!important;border-color:#262626!important}[data-theme=dark] .theme-switch-btn,[data-theme=dark] .theme-switch-btn svg{color:#a3a3a3!important}[data-theme=dark] .theme-switch-btn:hover{color:#f5f5f5!important}[data-theme=dark] .theme-switch-btn.is-active{color:#fafafa!important;background:#0a0a0a!important;box-shadow:0 1px 3px #0006!important}[data-theme=dark] .theme-switch-btn.is-active svg{color:#60a5fa!important}[data-theme=dark] .sidebar-theme-collapsed-btn{color:#fafafa!important;background:#141414!important;border-color:#262626!important}[data-theme=dark] .sidebar-theme-collapsed-btn svg{color:#60a5fa!important}[data-theme=dark] .sidebar-collapse-btn{color:#d4d4d4!important;background:#141414!important;border-color:#262626!important}[data-theme=dark] .sidebar.collapsed details.menu-group:hover>ul.submenu,[data-theme=dark] .sidebar.collapsed details.menu-group[open]:hover>ul.submenu{background:#141414!important;border-color:#262626!important;box-shadow:0 10px 25px -5px #00000080!important}[data-theme=dark] .sidebar.collapsed details.menu-group:hover>ul.submenu .menu-item a{color:#d4d4d4!important}[data-theme=dark] .sidebar.collapsed details.menu-group:hover>ul.submenu .menu-item a:hover{color:#fff!important;background-color:#262626!important}[data-theme=dark] .sidebar.collapsed details.menu-group:hover>ul.submenu .menu-item.active a{color:#60a5fa!important;background-color:#2563eb40!important}[data-theme=dark] .sidebar.collapsed details.menu-group:hover>ul.submenu .submenu-header{color:#737373!important;border-bottom-color:#262626!important}[data-theme=dark] .mobile-bottom-dock{background:#0f172af2!important;border-top-color:#262626!important;box-shadow:0 -4px 20px -2px #00000080!important}[data-theme=dark] .mobile-dock-item,[data-theme=dark] .mobile-dock-item .dock-label{color:#a3a3a3!important}[data-theme=dark] .mobile-dock-item .dock-icon-wrapper svg{stroke:#a3a3a3!important}[data-theme=dark] .mobile-dock-item.active,[data-theme=dark] .mobile-dock-item.active .dock-label{color:#60a5fa!important}[data-theme=dark] .mobile-dock-item.active .dock-icon-wrapper svg{stroke:#60a5fa!important;filter:drop-shadow(0 2px 6px #3b82f64d)!important}.content-body{box-sizing:border-box;flex-grow:1;width:100%;max-width:100%;animation:.22s ease-out contentPageFadeIn;overflow-x:hidden;padding:20px 24px 24px!important}@keyframes contentPageFadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.content-body{animation:none!important}}.main-header{display:none!important}.page-header,.page-title-section{margin-bottom:30px!important}.page-header.d-flex,.page-title-section.d-flex{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:12px 16px!important;display:flex!important}.page-title{color:var(--text-primary);letter-spacing:-.3px;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 4px!important}.page-subtitle{color:var(--text-secondary);font-size:13px;font-weight:400;line-height:1.4;margin:0!important}@media (width<=1024px){.topbar-mobile-hamburger{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);width:36px;height:36px;color:var(--text-primary,#334155);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;box-shadow:0 1px 2px #0000000a;display:flex!important}.topbar-mobile-hamburger:hover,.topbar-mobile-hamburger:active{background:var(--primary-light,#eff6ff);color:var(--primary,#2563eb);border-color:var(--primary-border,#dbeafe)}.sidebar{z-index:3000!important;background-color:var(--bg-sidebar,#fff)!important;width:280px!important;height:100vh!important;transition:left .25s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:-280px!important;overflow-y:auto!important;box-shadow:0 10px 30px #00000040!important}.sidebar-menu{padding-bottom:calc(80px + env(safe-area-inset-bottom,20px))!important}.sidebar-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom,10px))!important}.sidebar.collapsed{width:280px!important;left:-280px!important}.sidebar-mobile-close-btn{background:var(--bg-subtle,#f1f5f9);border:1px solid var(--border-color,#e2e8f0);width:32px;height:32px;color:var(--text-secondary,#475569);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:all .15s;display:flex!important}.sidebar-mobile-close-btn:hover{color:#ef4444;background:#fee2e2}.sidebar.open,.sidebar.collapsed.open,body.sidebar-mobile-open .sidebar{visibility:visible!important;opacity:1!important;flex-direction:column!important;width:280px!important;display:flex!important;left:0!important;transform:none!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);background:#0f172a80;display:none;position:fixed;inset:0;z-index:2999!important}.sidebar-backdrop.show,body.sidebar-mobile-open .sidebar-backdrop{display:block!important}body:has(.sidebar.open) .sidebar-backdrop{display:block!important}.main-wrapper,.sidebar.collapsed+.main-wrapper{margin-left:0!important}body:has(.sidebar.collapsed) .main-wrapper{margin-left:0!important}.sidebar.collapsed .logo-text-container,.sidebar.collapsed .user-info,.sidebar.collapsed .collapse-icon,.sidebar.collapsed summary.menu-category span,.sidebar.collapsed .menu-group-title span,.sidebar.collapsed .menu-group:not(details) .menu-item a span,.sidebar.collapsed .menu-group-title,.sidebar.collapsed div.menu-category{opacity:1!important;visibility:visible!important;height:auto!important;display:flex!important;overflow:visible!important}.sidebar.collapsed .sidebar-menu>.menu-group:first-child>.menu-group-title,.sidebar.collapsed .sidebar-menu>.menu-group:first-child>div.menu-category,.sidebar.collapsed .sidebar-menu>.menu-group:first-child>.menu-section-header,.sidebar.collapsed .sidebar-menu>.menu-group:first-of-type>.menu-group-title,.sidebar.collapsed .sidebar-menu>.menu-group:first-of-type>div.menu-category,.sidebar.collapsed .sidebar-menu>.menu-group:first-of-type>.menu-section-header,.sidebar.collapsed .menu-group-title,.sidebar.collapsed div.menu-category{color:var(--text-muted,#94a3b8)!important;border:none!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important;margin:0!important;padding:12px 18px 6px!important;font-size:11px!important;display:flex!important}.sidebar.collapsed summary.menu-category,.sidebar.collapsed .menu-group:not(details) .menu-item a{justify-content:flex-start!important;padding:9px 14px!important}.sidebar.collapsed .sidebar-header{justify-content:flex-start!important;padding:0 16px!important}.sidebar.collapsed .sidebar-version-badge .version-full{display:inline-block!important}.sidebar.collapsed .sidebar-version-badge .version-short{display:none!important}.sidebar-toggle{display:inline-flex}.topbar-page-title{display:none!important}.topbar{padding:0 16px}body,.app-container,.main-wrapper,.content-body,.app-content,.main-content{background-color:var(--bg-mobile,#f5f5f5)!important}.content-body{padding:16px 16px calc(96px + env(safe-area-inset-bottom,8px)) 16px!important}}@media (width<=768px){html,body,.app-container,.main-wrapper,.content-body,.app-content,.main-content{background-color:var(--bg-mobile,#f5f5f5)!important}.card-body,.card-stat,.dash-card-premium,.hero-banner-card{padding:16px!important}.card:not(.subscription-hero-banner):not(.bg-dark):not(.dark-card),.dash-card-premium,.filter-card,.table-container{border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 2px 10px #0f172a08;background-color:var(--bg-card,#fff)!important}.subscription-hero-banner{color:#fff!important;background:#0f172a!important;border-color:#1e293b!important}.card-header{border-bottom:1px solid var(--border-subtle,#f1f5f9);background-color:var(--bg-card,#fff)!important;padding:12px 16px!important}.topbar{background:var(--bg-card,#fff);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color,#e2e8f0);padding:0 16px;box-shadow:0 1px 3px #00000005}.topbar-page-title,.topbar-user-info,.stats-bar,.search-kbd-badge,.topbar-academic-badge,.topbar-chip-text,.topbar-chip-chevron,.topbar-divider{display:none!important}.topbar-user-chip{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.topbar-right{gap:8px!important}.search-bar-container{justify-content:center;background:var(--bg-subtle,#f1f5f9)!important;border:1px solid var(--border-color,#e2e8f0)!important;border-radius:10px!important;width:36px!important;height:36px!important;padding:0!important}.search-bar-container input,.sidebar-collapse-btn{display:none!important}.page-header,.page-title-section,.page-header.d-flex,.page-title-section.d-flex{flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;gap:12px!important;width:100%!important;margin-bottom:20px!important}.page-title{text-align:left!important;margin:0 0 4px!important;font-size:18px!important;font-weight:800!important}.content-body{padding:16px 16px calc(96px + env(safe-area-inset-bottom,8px)) 16px!important}}.mobile-bottom-dock{display:none}@media (width<=768px){.mobile-bottom-dock{-webkit-backdrop-filter:blur(16px);z-index:2500;width:100%;padding:6px 10px calc(6px + env(safe-area-inset-bottom,8px));background:#fffffff2;border-top:1px solid #e2e8f0;display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px -2px #0f172a0d}.mobile-dock-container{justify-content:space-between;align-items:center;gap:4px;max-width:480px;margin:0 auto;display:flex}.mobile-dock-item{color:#64748b;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;padding:5px 2px 3px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;text-decoration:none!important}.mobile-dock-item:active{transform:scale(.94)}.mobile-dock-item .dock-icon-wrapper{color:#64748b;background:0 0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.mobile-dock-item .dock-icon-wrapper svg{stroke:currentColor;stroke-width:2px;width:22px;height:22px;transition:all .2s}.mobile-dock-item .dock-label{color:#64748b;letter-spacing:-.1px;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;font-weight:500;line-height:1.2;transition:color .2s,font-weight .2s;overflow:hidden}.mobile-dock-item.active{color:#2563eb}.mobile-dock-item.active .dock-icon-wrapper{color:#2563eb;background:0 0;transform:translateY(-2px)}.mobile-dock-item.active .dock-icon-wrapper svg{stroke:#2563eb;stroke-width:2.3px;filter:drop-shadow(0 2px 6px #2563eb33)}.mobile-dock-item.active .dock-label{color:#2563eb;font-weight:600}.lms-hero-banner .lms-banner-img-wrapper,.lms-hero-banner .lms-banner-img{display:none!important}}.topbar-notif-wrapper{align-items:center;display:inline-flex;position:relative}.topbar-red-dot{background-color:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite notif-pulse;position:absolute;top:6px;right:6px;box-shadow:0 0 0 1px #ef444433}@keyframes notif-pulse{0%{transform:scale(.95);box-shadow:0 0 #ef444480}70%{transform:scale(1.1);box-shadow:0 0 0 5px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.notif-popover-card{box-sizing:border-box;z-index:1060;opacity:0;visibility:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;width:380px;max-width:calc(100vw - 32px);transition:opacity .2s,transform .2s cubic-bezier(.16,1,.3,1),visibility .2s;display:flex;position:absolute;top:calc(100% + 10px);right:-60px;overflow:hidden;transform:translateY(-8px);box-shadow:0 20px 30px -10px #0000001f,0 10px 15px -5px #0000000d}@media (width<=480px){.notif-popover-card{width:320px;right:-90px}}.notif-popover-card.is-active{opacity:1;visibility:visible;transform:translateY(0)}.notif-popover-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.notif-header-left{align-items:center;gap:8px;display:flex}.notif-header-title{color:#0f172a;font-size:14px;font-weight:700;line-height:1.2}.notif-badge-pill{color:#2563eb;background:#eff6ff;border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:700}.notif-mark-all-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.notif-mark-all-btn:hover{color:#2563eb;background:#f1f5f9}.notif-tabs-bar{background:#f8fafc;border-bottom:1px solid #f1f5f9;align-items:center;gap:4px;padding:8px 14px;display:flex;overflow-x:auto}.notif-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.notif-tab-btn:hover{color:#0f172a;background:#e2e8f0}.notif-tab-btn.active{color:#fff;background:#2563eb}.notif-list-container{overscroll-behavior:contain;max-height:340px;overflow-y:auto}.notif-item{cursor:pointer;color:inherit;border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;padding:12px 16px;text-decoration:none;transition:background .15s;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f8fafc}.notif-item.is-unread{background:#f0f7ff}.notif-item.is-unread:hover{background:#e0effe}.notif-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notif-icon-box.bg-blue{color:#2563eb;background:#dbeafe}.notif-icon-box.bg-green{color:#16a34a;background:#dcfce7}.notif-icon-box.bg-amber{color:#d97706;background:#fef3c7}.notif-icon-box.bg-red{color:#dc2626;background:#fee2e2}.notif-icon-box.bg-purple{color:#9333ea;background:#f3e8ff}.notif-icon-box.bg-gray{color:#64748b;background:#f1f5f9}.notif-content-box{flex:1;min-width:0}.notif-title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.notif-item-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;line-height:1.3;overflow:hidden}.notif-item-time{color:#94a3b8;white-space:nowrap;flex-shrink:0;font-size:10.5px;font-weight:500}.notif-item-message{color:#475569;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-unread-dot{background:#2563eb;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:4px;display:inline-block}.notif-empty-state{text-align:center;padding:36px 20px}.notif-empty-icon{color:#94a3b8;background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:10px;display:inline-flex}.notif-empty-title{color:#334155;margin-bottom:3px;font-size:13.5px;font-weight:700}.notif-empty-sub{color:#94a3b8;font-size:11.5px;line-height:1.4}.notif-popover-footer{text-align:center;background:#f8fafc;border-top:1px solid #f1f5f9;padding:10px 16px}.notif-footer-link{color:#2563eb;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:700;text-decoration:none;transition:color .15s;display:inline-flex}.notif-footer-link:hover{color:#1d4ed8}[data-theme=dark] .notif-popover-card{background:#171717;border-color:#262626;box-shadow:0 20px 30px -10px #0009,0 10px 15px -5px #0006}[data-theme=dark] .notif-popover-header{border-color:#262626}[data-theme=dark] .notif-header-title{color:#f8fafc}[data-theme=dark] .notif-badge-pill{color:#60a5fa;background:#2563eb33}[data-theme=dark] .notif-mark-all-btn{color:#94a3b8}[data-theme=dark] .notif-mark-all-btn:hover{color:#60a5fa;background:#262626}[data-theme=dark] .notif-tabs-bar{background:#121212;border-color:#262626}[data-theme=dark] .notif-tab-btn{color:#94a3b8}[data-theme=dark] .notif-tab-btn:hover{color:#f8fafc;background:#262626}[data-theme=dark] .notif-tab-btn.active{color:#fff;background:#2563eb}[data-theme=dark] .notif-item{border-color:#262626}[data-theme=dark] .notif-item:hover{background:#1f1f1f}[data-theme=dark] .notif-item.is-unread{background:#2563eb1f}[data-theme=dark] .notif-item.is-unread:hover{background:#2563eb2e}[data-theme=dark] .notif-item-title{color:#f8fafc}[data-theme=dark] .notif-item-message{color:#94a3b8}[data-theme=dark] .notif-empty-icon{color:#64748b;background:#262626}[data-theme=dark] .notif-empty-title{color:#e2e8f0}[data-theme=dark] .notif-popover-footer{background:#121212;border-color:#262626}[data-theme=dark] .notif-footer-link{color:#60a5fa}[data-theme=dark] .topbar-red-dot{border-color:#171717}.auth-split-body{min-height:100vh;font-family:var(--font-sans,"Roboto", -apple-system, sans-serif);color:#0f172a;background-color:#f8fafc;margin:0;padding:0;overflow-x:hidden}.auth-split-container{width:100%;min-height:100vh;display:flex}.auth-hero-section{color:#fff;box-sizing:border-box;background:linear-gradient(155deg,#1e3a8a 0%,#1e40af 45%,#0f172a 100%);flex-direction:column;flex:50%;justify-content:space-between;padding:56px 52px;display:flex;position:relative;overflow:hidden}.auth-hero-content{z-index:2;flex-direction:column;justify-content:space-between;gap:40px;height:100%;display:flex;position:relative}.auth-hero-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.auth-brand-badge{align-items:center;gap:14px;display:flex}.auth-brand-icon{color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.auth-brand-img{object-fit:contain;filter:drop-shadow(0 2px 6px #0003);max-width:100%;max-height:100%}.auth-brand-text{flex-direction:column;display:flex}.auth-brand-name{color:#fff;letter-spacing:-.2px;font-size:16.5px;font-weight:800;line-height:1.2}.auth-brand-tagline{color:#ffffffb8;font-size:11.5px;font-weight:500}.auth-ta-pill{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:600;display:inline-flex}.ta-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #10b981}.auth-hero-main{flex-direction:column;gap:16px;max-width:680px;display:flex}.auth-hero-title{color:#fff;letter-spacing:-.4px;margin:0;font-size:30px;font-weight:800;line-height:1.25}.auth-hero-desc{color:#fffc;margin:0;font-size:14.5px;font-weight:400;line-height:1.6}.auth-hero-features{flex-direction:column;gap:12px;margin-top:10px;display:flex}.auth-hero-feature-item{color:#ffffffe6;align-items:center;gap:12px;font-size:13.5px;font-weight:500;display:flex}.auth-feature-check{color:#fff;background:#ffffff24;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.auth-hero-footer{align-items:center;display:flex}.auth-security-badge{color:#ffffffa6;align-items:center;gap:8px;font-size:11.5px;font-weight:500;display:inline-flex}.auth-form-section{box-sizing:border-box;background:#fff;flex:50%;justify-content:center;align-items:center;padding:48px 40px;display:flex;position:relative;overflow-y:auto}.auth-form-wrapper{flex-direction:column;width:100%;max-width:440px;margin:auto;display:flex}.auth-mobile-header{align-items:center;gap:12px;margin-bottom:24px;display:none}.auth-mobile-logo{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.auth-mobile-logo img{object-fit:contain;max-width:100%;max-height:100%}.auth-mobile-title{color:#0f172a;font-size:15px;font-weight:800}.auth-form-header{margin-bottom:24px}.auth-form-title{color:#0f172a;letter-spacing:-.3px;margin:0 0 6px;font-size:24px;font-weight:700}.auth-form-subtitle{color:#64748b;margin:0;font-size:13.5px;line-height:1.5}.auth-alert{box-sizing:border-box;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.auth-alert.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.auth-alert.danger{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.auth-main-form{flex-direction:column;gap:18px;display:flex}.auth-field-group{flex-direction:column;gap:6px;display:flex}.auth-label-row{justify-content:space-between;align-items:center;display:flex}.auth-label{color:#1e293b;font-size:13px;font-weight:600}.auth-help-text{color:#94a3b8;font-size:11.5px;font-weight:500}.auth-input-container{width:100%;position:relative}.auth-input-icon{color:#94a3b8;pointer-events:none;justify-content:center;align-items:center;transition:color .15s;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;height:46px;padding:0 16px 0 42px;font-family:inherit;font-size:13.5px;transition:all .2s}.auth-input:hover{background:#fff;border-color:#cbd5e1}.auth-input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1f}.auth-input-container:focus-within .auth-input-icon{color:#2563eb}.auth-input.has-toggle{padding-right:42px}.auth-password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-password-toggle:hover{color:#2563eb;background:#eff6ff}.auth-options-row{justify-content:space-between;align-items:center;margin-top:-2px;display:flex}.auth-checkbox-label{cursor:pointer;color:#475569;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.auth-checkbox{accent-color:#2563eb;cursor:pointer;border-radius:4px;width:16px;height:16px}.auth-submit-btn{background:var(--primary,#2563eb);color:#fff;border-radius:var(--radius-btn,9999px);cursor:pointer;width:100%;height:46px;box-shadow:var(--shadow-primary);border:1px solid #ffffff40;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.auth-submit-btn:hover{background:var(--primary-hover,#1d4ed8);box-shadow:var(--shadow-primary)}.auth-submit-btn:active{background:var(--primary-dark,#1e40af);transform:translateY(1px)}.auth-demo-section{border-top:1px dashed #e2e8f0;margin-top:24px;padding-top:20px}.auth-demo-divider{text-align:center;margin-bottom:12px}.auth-demo-divider span{text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;font-size:11px;font-weight:700}.auth-demo-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.auth-role-card{cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex}.auth-role-card:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.auth-role-card.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb2e}.role-icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.role-admin .role-icon-box{color:#2563eb;background:#eff6ff}.role-guru .role-icon-box{color:#10b981;background:#ecfdf5}.role-siswa .role-icon-box{color:#0284c7;background:#f0f9ff}.role-ortu .role-icon-box{color:#d97706;background:#fffbeb}.role-kepala .role-icon-box{color:#7c3aed;background:#faf5ff}.role-info{flex-direction:column;min-width:0;display:flex}.role-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;line-height:1.2;overflow:hidden}.role-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10px;font-weight:500;overflow:hidden}.auth-form-footer{text-align:center;color:#94a3b8;margin-top:24px;font-size:11.5px;line-height:1.4}@media (width<=1024px){.auth-split-container{flex-direction:column}.auth-hero-section{display:none}.auth-form-section{background:#f8fafc;flex:1;min-height:100vh;padding:32px 20px}.auth-form-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px 24px;box-shadow:0 4px 20px -2px #0000000d}.auth-mobile-header{display:flex}}@media (width<=480px){.auth-form-section{padding:16px 12px}.auth-form-wrapper{padding:24px 18px}.auth-demo-grid{grid-template-columns:1fr}}.edu-toast-overlay{-webkit-backdrop-filter:blur(4px);z-index:99999;opacity:0;pointer-events:none;background:#0f172a61;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;transition:opacity .22s cubic-bezier(.16,1,.3,1);position:fixed;inset:0;display:none!important}.edu-toast-overlay.show{opacity:1;pointer-events:auto;display:flex!important}.edu-toast-card{border-radius:var(--radius-xl,16px);background:#fff;border:1px solid #e2e8f0f2;flex-direction:column;width:100%;max-width:440px;transition:transform .26s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:flex;position:relative;overflow:hidden;transform:scale(.92)translateY(8px);box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #00000008}.edu-toast-overlay.show .edu-toast-card{transform:scale(1)translateY(0)}.edu-toast-close-btn{color:#64748b;cursor:pointer;z-index:2;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:14px;right:14px}.edu-toast-close-btn svg{transition:transform .18s}.edu-toast-close-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1;transform:scale(1.05)}.edu-toast-close-btn:hover svg{transform:rotate(90deg)}.edu-toast-close-btn:active{transform:scale(.95)}.edu-toast-body{align-items:flex-start;gap:14px;padding:22px 22px 14px;display:flex}.edu-toast-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:flex}.edu-toast-icon-wrap svg{width:22px;height:22px}.edu-toast-card.is-success .edu-toast-icon-wrap{color:#10b981;background:#ecfdf5;border:1px solid #d1fae5}.edu-toast-card.is-error .edu-toast-icon-wrap,.edu-toast-card.is-danger .edu-toast-icon-wrap{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2}.edu-toast-card.is-warning .edu-toast-icon-wrap{color:#f59e0b;background:#fffbeb;border:1px solid #fef3c7}.edu-toast-card.is-info .edu-toast-icon-wrap{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.edu-toast-text{flex:1;min-width:0;padding-top:2px;padding-right:18px}.edu-toast-title{color:var(--text-primary,#0f172a);margin:0 0 5px;font-size:15px;font-weight:700;line-height:1.35}.edu-toast-message{color:var(--text-secondary,#475569);word-break:break-word;margin:0;font-size:13.5px;font-weight:400;line-height:1.55}.edu-toast-footer{justify-content:flex-end;align-items:center;gap:10px;padding:6px 22px 18px;display:flex}.edu-toast-btn-action{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:7px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.edu-toast-card.is-success .edu-toast-btn-action{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;box-shadow:0 1px 2px #10b9810f}.edu-toast-card.is-success .edu-toast-btn-action:hover{color:#166534;background:#dcfce7;border-color:#86efac;transform:translateY(-1px);box-shadow:0 3px 8px #10b9811f}.edu-toast-card.is-error .edu-toast-btn-action,.edu-toast-card.is-danger .edu-toast-btn-action{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;box-shadow:0 1px 2px #ef44440f}.edu-toast-card.is-error .edu-toast-btn-action:hover,.edu-toast-card.is-danger .edu-toast-btn-action:hover{color:#991b1b;background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px);box-shadow:0 3px 8px #ef44441f}.edu-toast-card.is-warning .edu-toast-btn-action{color:#b45309;background:#fffbeb;border:1px solid #fde68a;box-shadow:0 1px 2px #f59e0b0f}.edu-toast-card.is-warning .edu-toast-btn-action:hover{color:#92400e;background:#fef3c7;border-color:#fcd34d;transform:translateY(-1px);box-shadow:0 3px 8px #f59e0b1f}.edu-toast-card.is-info .edu-toast-btn-action{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;box-shadow:0 1px 2px #2563eb0f}.edu-toast-card.is-info .edu-toast-btn-action:hover{color:#1e40af;background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 3px 8px #2563eb1f}.edu-toast-progress-track{background:#f1f5f9;width:100%;height:4px;position:relative;overflow:hidden}.edu-toast-progress-bar{transform-origin:0;width:100%;height:100%;transition:width linear}.edu-toast-card.is-success .edu-toast-progress-bar{background:#10b981}.edu-toast-card.is-error .edu-toast-progress-bar,.edu-toast-card.is-danger .edu-toast-progress-bar{background:#ef4444}.edu-toast-card.is-warning .edu-toast-progress-bar{background:#f59e0b}.edu-toast-card.is-info .edu-toast-progress-bar{background:#2563eb}[data-theme=dark] .edu-toast-card{background:#141414;border-color:#262626;box-shadow:0 25px 50px -12px #0009}[data-theme=dark] .edu-toast-close-btn{color:#a3a3a3;background:#262626;border-color:#404040}[data-theme=dark] .edu-toast-close-btn:hover{color:#fafafa;background:#404040;border-color:#737373}[data-theme=dark] .edu-toast-card.is-success .edu-toast-btn-action{color:#34d399;background:#10b98126;border-color:#10b98159}[data-theme=dark] .edu-toast-card.is-success .edu-toast-btn-action:hover{color:#6ee7b7;background:#10b98140;border-color:#10b98180}[data-theme=dark] .edu-toast-card.is-error .edu-toast-btn-action,[data-theme=dark] .edu-toast-card.is-danger .edu-toast-btn-action{color:#f87171;background:#ef444426;border-color:#ef444459}[data-theme=dark] .edu-toast-card.is-error .edu-toast-btn-action:hover,[data-theme=dark] .edu-toast-card.is-danger .edu-toast-btn-action:hover{color:#fca5a5;background:#ef444440;border-color:#ef444480}[data-theme=dark] .edu-toast-card.is-warning .edu-toast-btn-action{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b59}[data-theme=dark] .edu-toast-card.is-warning .edu-toast-btn-action:hover{color:#fcd34d;background:#f59e0b40;border-color:#f59e0b80}[data-theme=dark] .edu-toast-card.is-info .edu-toast-btn-action{color:#60a5fa;background:#2563eb26;border-color:#2563eb59}[data-theme=dark] .edu-toast-card.is-info .edu-toast-btn-action:hover{color:#93c5fd;background:#2563eb40;border-color:#2563eb80}[data-theme=dark] .edu-toast-progress-track{background:#262626}@media (width<=640px){.edu-toast-overlay{padding:14px}.edu-toast-card{border-radius:14px;max-width:100%}.edu-toast-body{gap:12px;padding:18px 16px 12px}.edu-toast-icon-wrap{width:38px;height:38px}.edu-toast-icon-wrap svg{width:18px;height:18px}.edu-toast-title{font-size:14.5px}.edu-toast-message{font-size:13px}.edu-toast-footer{padding:4px 16px 16px}.edu-toast-btn-action{width:100%;min-height:42px}}.card{background-color:var(--bg-card,#fff);border-radius:var(--radius-card,14px);border:1px solid var(--border-color,#e5e5e5);box-shadow:var(--shadow-card,0 1px 2px #0000000a);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);margin-bottom:20px;overflow:hidden}.card:hover{box-shadow:var(--shadow-card-hover,0 10px 30px -12px var(--shadow-color));border-color:var(--border-strong,#d4d4d4)}.card-header{border-bottom:1px solid var(--border-color,#e5e5e5);background-color:#0000;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-header.d-flex{justify-content:space-between!important;align-items:center!important;display:flex!important}.card-title,.card-header h3,.card-header h4,.card-header h5{color:var(--text-primary,#0a0a0a);letter-spacing:-.015em;margin:0;font-size:15px;font-weight:600;line-height:1.35}.card-subtitle{color:var(--text-muted,#737373);margin-top:3px;margin-bottom:0;font-size:13px;font-weight:400}.card-header-action,.card-action-link{color:#4361ee;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s}.card-header-action:hover,.card-action-link:hover{color:#2541b2;text-decoration:underline}.card-body{padding:22px}.card-footer{background-color:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.card-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9}.dashboard-grid-6{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px;display:grid}.dashboard-grid-5,.stat-card-grid,.kpi-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.dashboard-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.dashboard-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.dashboard-grid-2{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px;display:grid}@media (width<=1400px){.dashboard-grid-6{grid-template-columns:repeat(3,1fr)}}@media (width<=1280px){.dashboard-grid-6,.dashboard-grid-5,.stat-card-grid,.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=992px){.dashboard-grid-6,.dashboard-grid-5,.stat-card-grid,.kpi-grid,.dashboard-grid-4,.dashboard-grid-3{grid-template-columns:repeat(2,1fr)}.dashboard-grid-2{grid-template-columns:1fr}}@media (width<=768px){.dashboard-grid-6,.dashboard-grid-5,.stat-card-grid,.kpi-grid,.dashboard-grid-4,.dashboard-grid-3{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.dashboard-grid-2{grid-template-columns:1fr;gap:16px}}@media (width<=480px){.dashboard-grid-6,.dashboard-grid-5,.stat-card-grid,.kpi-grid,.dashboard-grid-4,.dashboard-grid-3{grid-template-columns:repeat(2,1fr);gap:8px}}.dashboard-main-grid{grid-template-columns:7fr 5fr;gap:24px;margin-bottom:24px;display:grid}.dashboard-grid-5-7{grid-template-columns:5fr 7fr;gap:24px;margin-bottom:24px;display:grid}@media (width<=992px){.dashboard-main-grid,.dashboard-grid-5-7{grid-template-columns:1fr}}.dashboard-bottom-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px;display:grid}@media (width<=992px){.dashboard-bottom-grid{grid-template-columns:1fr}}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=992px){.grid-2{grid-template-columns:1fr}}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=992px){.grid-3{grid-template-columns:1fr}}.stat-card{cursor:default;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .2s;display:flex;box-shadow:none!important}.stat-card:hover{border-color:#cbd5e1;box-shadow:none!important;transform:translateY(-4px)!important}.stat-icon{color:#2563eb;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:transform .2s,color .2s;display:flex;box-shadow:none!important;background:0 0!important;border:none!important}.stat-card:hover .stat-icon{transform:scale(1.08);background:0 0!important}.stat-icon svg{stroke-width:1.8px;width:32px;height:32px}.stat-icon.blue,.stat-icon-blue{color:#2563eb;background:0 0!important;border:none!important}.stat-icon.green,.stat-icon.emerald,.stat-icon-green{color:#059669;background:0 0!important;border:none!important}.stat-icon.purple,.stat-icon.indigo,.stat-icon-purple{color:#7c3aed;background:0 0!important;border:none!important}.stat-icon.orange,.stat-icon.amber,.stat-icon.yellow,.stat-icon-orange{color:#d97706;background:0 0!important;border:none!important}.stat-icon.red,.stat-icon.pink,.stat-icon.rose,.stat-icon-red{color:#e11d48;background:0 0!important;border:none!important}.stat-icon.teal,.stat-icon-teal{color:#0d9488;background:0 0!important;border:none!important}.stat-info{flex-direction:column;flex:1;min-width:0;display:flex}.stat-label{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:12.5px;font-weight:500;overflow:hidden}.stat-value,.stat-card .stat-value{color:#111827;letter-spacing:-.3px;margin-top:0;font-size:24px;font-weight:700;line-height:1.15}.stat-subtext,.stat-desc{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11.5px;font-weight:400;overflow:hidden;color:#6b7280!important}.stat-subtext.blue,.stat-subtext.green,.stat-subtext.purple,.stat-subtext.orange,.stat-subtext.red{color:#6b7280!important}.stat-subtext.trend-up{font-weight:600;color:#059669!important}.stat-subtext.trend-down{font-weight:600;color:#dc2626!important}.btn{border-radius:var(--radius-btn,9999px);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-family:inherit;font-size:13.5px;font-weight:500;line-height:1.4;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:none!important}.btn-block,.btn-w-full{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;display:flex!important}.w-100,.w-full{width:100%!important}.btn svg{stroke-width:2.2px;flex-shrink:0;width:16px;height:16px}.btn-primary{background-color:var(--primary,#2563eb)!important;background:var(--primary,#2563eb)!important;color:#fff!important;box-shadow:var(--shadow-primary)!important;border:1px solid #ffffff40!important}.btn-primary:hover{background-color:var(--primary-hover,#1d4ed8)!important;background:var(--primary-hover,#1d4ed8)!important;color:#fff!important;box-shadow:var(--shadow-primary)!important;border-color:#ffffff40!important;transform:none!important}.btn-primary:active{background-color:var(--primary-dark,#1e40af)!important;background:var(--primary-dark,#1e40af)!important;box-shadow:var(--shadow-primary)!important;transform:translateY(1px)!important}.btn-secondary,.btn-light{background-color:var(--bg-card,#fff)!important;background:var(--bg-card,#fff)!important;color:var(--text-primary,#0a0a0a)!important;border:1px solid var(--border-color,#e5e5e5)!important;box-shadow:var(--shadow-xs)!important}.btn-secondary:hover,.btn-light:hover{background-color:var(--bg-subtle,#f5f5f5)!important;background:var(--bg-subtle,#f5f5f5)!important;color:var(--text-primary,#0a0a0a)!important;border-color:var(--border-strong,#d4d4d4)!important;box-shadow:var(--shadow-xs)!important;transform:none!important}.btn-ghost{color:var(--text-secondary,#525252)!important;background:0 0!important;border:1px solid #0000!important}.btn-ghost:hover{background:var(--bg-subtle,#f5f5f5)!important;color:var(--text-primary,#0a0a0a)!important}.btn-outline{color:var(--primary,#2563eb)!important;border:1px solid var(--primary,#2563eb)!important;box-shadow:none!important;background:0 0!important}.btn-outline:hover{background-color:var(--primary-light,#eff6ff)!important;background:var(--primary-light,#eff6ff)!important;color:var(--primary-dark,#1d4ed8)!important;border-color:var(--primary,#2563eb)!important;box-shadow:none!important;transform:none!important}.btn-outline-primary,.btn-primary-outline,.btn-filter{color:var(--primary,#2563eb)!important;border:1px solid var(--primary,#2563eb)!important;background:#fff!important;font-weight:600!important;box-shadow:0 1px 3px #2563eb14!important}.btn-outline-primary:hover,.btn-primary-outline:hover,.btn-filter:hover{color:var(--primary-hover,#1d4ed8)!important;border-color:var(--primary-hover,#1d4ed8)!important;background:#eff6ff!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #2563eb29!important}.btn-outline-primary:active,.btn-primary-outline:active,.btn-filter:active{color:var(--primary-dark,#1e40af)!important;border-color:var(--primary-dark,#1e40af)!important;background:#dbeafe!important;transform:none!important}[data-theme=dark] .btn-outline-primary,[data-theme=dark] .btn-primary-outline,[data-theme=dark] .btn-filter{color:#60a5fa!important;background:#2563eb1a!important;border-color:#3b82f6!important;box-shadow:0 1px 3px #0003!important}[data-theme=dark] .btn-outline-primary:hover,[data-theme=dark] .btn-primary-outline:hover,[data-theme=dark] .btn-filter:hover{color:#93c5fd!important;background:#2563eb38!important;border-color:#60a5fa!important}.btn-success{color:#fff!important;box-shadow:none!important;background:#16a34a!important;border:1px solid #0000!important}.btn-success:hover{color:#fff!important;box-shadow:none!important;background:#15803d!important;border-color:#0000!important;transform:none!important}.btn-danger{color:#fff!important;box-shadow:none!important;background:#dc2626!important;border:1px solid #0000!important}.btn-danger:hover{color:#fff!important;box-shadow:none!important;background:#b91c1c!important;border-color:#0000!important;transform:none!important}.btn-warning{color:#fff!important;box-shadow:none!important;background:#d97706!important;border:1px solid #0000!important}.btn-warning:hover{color:#fff!important;box-shadow:none!important;background:#b45309!important;border-color:#0000!important;transform:none!important}.btn-info{color:#fff!important;box-shadow:none!important;background:#0284c7!important;border:1px solid #0000!important}.btn-info:hover{color:#fff!important;box-shadow:none!important;background:#0369a1!important;border-color:#0000!important;transform:none!important}.btn-sm{border-radius:var(--radius-btn,9999px);padding:6px 12px;font-size:12.5px}.btn-lg{border-radius:var(--radius-btn,9999px);padding:12px 24px;font-size:15px}.btn-icon{border-radius:var(--radius-btn,9999px);width:36px;height:36px;padding:8px}.btn-icon-subtle-danger{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a;border-radius:var(--radius-btn,9999px)!important;color:#94a3b8!important;background:#fff!important;border:1px solid #e2e8f0!important}.btn-icon-subtle-danger:hover{transform:translateY(-1px);color:#ef4444!important;background:#fef2f2!important;border-color:#fca5a5!important;box-shadow:0 2px 6px #ef444426!important}.btn-icon-subtle-danger:active{transform:none;color:#dc2626!important;background:#fee2e2!important;border-color:#f87171!important}[data-theme=dark] .btn-icon-subtle-danger{box-shadow:none;color:#737373!important;background:#141414!important;border-color:#262626!important}[data-theme=dark] .btn-icon-subtle-danger:hover{color:#f87171!important;background:#ef444429!important;border-color:#ef4444!important}.form-group{margin-bottom:16px}.form-label{color:var(--text-primary,#0a0a0a);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-control,textarea.form-control{background-color:var(--bg-input,#fff);border:1px solid var(--border-color,#e5e5e5);border-radius:var(--radius-input,10px);width:100%;color:var(--text-primary,#0a0a0a);box-sizing:border-box;padding:9px 13px;font-family:inherit;font-size:13.5px;font-weight:400;transition:all .2s;box-shadow:none!important}.form-control:focus,textarea.form-control:focus{background-color:var(--bg-input,#fff);border-color:var(--primary,#2563eb)!important;box-shadow:var(--shadow-input,0 0 0 3px #2563eb1a)!important;outline:none!important}.form-control::placeholder{color:var(--text-muted,#737373);font-weight:400}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}textarea.form-control{resize:vertical;min-height:80px}select,.form-select,select.form-control{width:100%;appearance:none!important;background-color:var(--bg-input,#fff)!important;border:1px solid var(--border-color,#e5e5e5)!important;border-radius:var(--radius-input,10px)!important;color:var(--text-primary,#0a0a0a)!important;cursor:pointer!important;box-sizing:border-box!important;box-shadow:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-repeat:no-repeat!important;background-size:16px!important;padding:9px 38px 9px 13px!important;font-family:inherit!important;font-size:13.5px!important;font-weight:400!important;line-height:1.4!important;transition:all .2s!important}select:focus,.form-select:focus,select.form-control:focus{background-color:var(--bg-input,#fff)!important;border-color:var(--primary,#2563eb)!important;box-shadow:var(--shadow-input,0 0 0 3px #2563eb1a)!important;outline:none!important}select:disabled,.form-select:disabled{color:#94a3b8!important;cursor:not-allowed!important;opacity:.7!important;background-color:#f1f5f9!important}.form-select-sm,select.form-select-sm{box-sizing:border-box!important;background-position:right 10px center!important;background-size:14px!important;border-radius:8px!important;height:34px!important;padding:0 32px 0 12px!important;font-size:12px!important;line-height:32px!important}select option{color:#0f172a;background-color:#fff;padding:10px}.form-text{color:#64748b;margin-top:4px;font-size:12px}.input-group{width:100%;display:flex}.input-group .form-control{border-radius:0}.input-group .form-control:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.input-group .form-control:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.input-group-text{color:#64748b;background-color:#f8fafc;border:1px solid #cbd5e1;align-items:center;padding:9px 14px;font-size:13.5px;display:flex}.score-input{text-align:center!important;width:90px!important;margin:0 auto!important;font-size:15px!important;font-weight:700!important}.score-input-remedial{text-align:center!important;background-color:#f0fdf4!important;border-color:#86efac!important;width:100px!important;margin:0 auto!important;font-size:15px!important;font-weight:700!important}.date-input-table{width:135px!important;margin:0 auto!important}.input-group-text:first-child{border-right:none;border-top-left-radius:10px;border-bottom-left-radius:10px}.input-group-text:last-child{border-left:none;border-top-right-radius:10px;border-bottom-right-radius:10px}.form-check{cursor:pointer;align-items:center;gap:8px;margin-bottom:8px;display:flex}.form-check-input{cursor:pointer;accent-color:#4361ee;border:1.5px solid #cbd5e1;border-radius:4px;width:18px;height:18px}.table-responsive,.table-container{width:100%;box-shadow:none;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:20px;overflow-x:auto}.card .table-responsive,.card-body .table-responsive,.card .table-container,.card-body .table-container,.parent-list-card .table-container,.parent-list-card .table-responsive,.student-list-card .table-container,.student-list-card .table-responsive{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important}.card-body.p-0,.card-body-flush,.p-0{padding:0!important}.card-body:has(>.table-responsive){padding:0!important}.card-body:has(>.table){padding:0!important}.card-body:has(>.table-clean){padding:0!important}.table,.table-clean{border-collapse:collapse;width:100%;margin-bottom:0;font-size:13.5px}.table thead th,.table-clean thead th{background-color:var(--bg-subtle,#f5f5f5);color:var(--text-secondary,#525252);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color,#e5e5e5);text-align:left;white-space:nowrap;border-top:none;padding:12px 16px;font-size:11.5px;font-weight:600}.table tbody td,.table-clean tbody td{color:var(--text-primary,#0a0a0a);border-bottom:1px solid var(--border-color,#e5e5e5);background-color:var(--bg-card,#fff);vertical-align:middle;padding:12px 16px}.table tbody tr:last-child td,.table-clean tbody tr:last-child td{border-bottom:none}.table tfoot td,.table-clean tfoot td{background-color:var(--bg-subtle,#f5f5f5);color:var(--text-primary,#0a0a0a);border-top:1px solid var(--border-color,#e5e5e5);vertical-align:middle;border-bottom:none;padding:12px 16px;font-size:13px;font-weight:600}.table tbody tr:hover td,.table-clean tbody tr:hover td{background-color:var(--bg-subtle,#f5f5f5)}.table-striped tbody tr:nth-of-type(odd) td{background-color:#fafafa}.table-actions{align-items:center;gap:6px;display:flex}.d-none{display:none!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.flex-row{flex-direction:row!important}.flex-col,.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-1{flex:1!important}.flex-shrink-0{flex-shrink:0!important}.align-center,.align-items-center{align-items:center!important}.align-start,.align-items-start{align-items:flex-start!important}.align-end,.align-items-end{align-items:flex-end!important}.justify-between,.justify-content-between{justify-content:space-between!important}.justify-center,.justify-content-center{justify-content:center!important}.justify-start,.justify-content-start{justify-content:flex-start!important}.justify-end,.justify-content-end{justify-content:flex-end!important}.gap-1{gap:4px!important}.gap-2{gap:8px!important}.gap-3{gap:12px!important}.gap-4{gap:16px!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.badge{border-radius:var(--radius-badge,9999px);white-space:nowrap;color:#374151;background-color:#f3f4f6;border:1px solid #e5e7eb;align-items:center;gap:4px;padding:2.5px 10px;font-family:inherit;font-size:11px;font-weight:500;line-height:1.4;display:inline-flex}.badge-success,.badge-hadir,.badge-green,.badge-emerald{color:#166534;background-color:#f0fdf4;border-color:#bbf7d0}.badge-primary,.badge-info,.badge-blue{color:#0369a1;background-color:#f0f9ff;border-color:#bae6fd}.badge-warning,.badge-izin,.badge-yellow,.badge-amber,.badge-orange{color:#92400e;background-color:#fffbe6;border-color:#fef08a}.badge-danger,.badge-alpa,.badge-red,.badge-rose{color:#991b1b;background-color:#fef2f2;border-color:#fecaca}.badge-purple,.badge-dispensasi,.badge-indigo{color:#5b21b6;background-color:#f5f3ff;border-color:#ddd6fe}.badge-secondary,.badge-gray,.badge-dark{color:#4b5563;background-color:#f3f4f6;border-color:#e5e7eb}.badge-light{color:#374151;background-color:#fff;border-color:#e5e7eb}.btn-primary .badge-light{background-color:#fff3;border-color:#fff6;color:#fff!important}.welcome-banner,.hero-card,.parent-hero-card{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 55%,#3b82f6 100%);border:1px solid #ffffff2e;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:32px 48px 32px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 36px -8px #2563eb59,0 4px 12px #0000000a}.hero-action-wrapper{z-index:2;flex-shrink:0;margin-right:12px}.hero-action-grid{grid-template-columns:repeat(2,1fr);gap:10px;width:320px;max-width:100%;display:grid}.welcome-banner:before,.hero-card:before,.parent-hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#fff3 0%,#fff0 70%);border-radius:50%;width:280px;height:280px;position:absolute;top:-60px;right:-60px}.welcome-banner:after,.hero-card:after,.parent-hero-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#6366f159 0%,#6366f100 70%);border-radius:50%;width:320px;height:320px;position:absolute;bottom:-80px;left:15%}.welcome-title,.hero-title{letter-spacing:-.4px;text-shadow:0 2px 4px #0000001a;margin-bottom:8px;font-size:26px;font-weight:800;line-height:1.25;color:#fff!important}.welcome-subtitle,.hero-subtitle{max-width:600px;margin:0;font-size:14.5px;font-weight:400;line-height:1.5;color:#ffffffe6!important}.hero-glass-pill{-webkit-backdrop-filter:blur(12px);color:#fff;box-sizing:border-box;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:12px;align-items:center;gap:8px;max-width:100%;margin-bottom:14px;padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #00000014}.hero-glass-pill span{line-height:1.35}.hero-glass-chip{-webkit-backdrop-filter:blur(16px);color:#fff;background:#ffffff1f;border:1px solid #ffffff38;border-radius:16px;flex-direction:column;gap:8px;padding:16px 20px;display:flex;box-shadow:inset 0 1px 1px #ffffff4d}.hero-illustration-box{filter:drop-shadow(0 8px 16px #00000026);justify-content:center;align-items:center;display:flex}.hero-action-grid{grid-template-columns:repeat(2,1fr);gap:10px;width:320px;display:grid}.hero-action-card{-webkit-backdrop-filter:blur(16px);background:#ffffff24;border:1px solid #ffffff40;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:inset 0 1px 1px #ffffff4d,0 4px 12px #00000014;color:#fff!important;text-decoration:none!important}.hero-action-card:hover{background:#ffffff47;border-color:#ffffff80;transform:translateY(-2px);box-shadow:inset 0 1px 1px #fff6,0 8px 20px #00000029}.hero-action-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.hero-action-icon.blue{background:#3b82f666;border:1px solid #93c5fd80}.hero-action-icon.green{background:#10b98166;border:1px solid #a7f3d080}.hero-action-icon.amber{background:#f59e0b66;border:1px solid #fde68a80}.hero-action-icon.purple{background:#8b5cf666;border:1px solid #ddd6fe80}.hero-action-text{flex-direction:column;min-width:0;display:flex}.hero-action-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;line-height:1.2;overflow:hidden}.hero-action-sub{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;font-weight:400;overflow:hidden}.hero-chip-row{color:#fffffff2;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.pulse-dot{background-color:#34d399;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseDot;box-shadow:0 0 #34d399b3}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #34d399b3}70%{transform:scale(1);box-shadow:0 0 0 6px #34d39900}to{transform:scale(.95);box-shadow:0 0 #34d39900}}.notice-board-list{flex-direction:column;gap:14px;display:flex}.notice-item{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:14px;padding-bottom:14px;display:flex}.notice-item:last-child{border-bottom:none;padding-bottom:0}.notice-icon-box{color:#2563eb;background-color:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notice-icon-box svg{width:20px;height:20px}.notice-content{flex-direction:column;gap:2px;display:flex}.notice-title{color:#1e293b;font-size:14px;font-weight:700;line-height:1.3}.notice-desc{color:#64748b;font-size:12.5px;line-height:1.4}.notice-date{color:#2563eb;margin-top:2px;font-size:12px;font-weight:600}.quick-access-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.quick-access-item{cursor:pointer;background-color:#fff;border:1px solid #f1f5f9;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 10px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.quick-access-item:hover{border-color:#e2e8f0;transform:translateY(-3px);box-shadow:0 8px 20px #4361ee1a}.quick-access-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.quick-access-label{color:#334155;text-align:center;font-size:12.5px;font-weight:600}.modal-overlay,.modal{-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s;z-index:99999!important;box-sizing:border-box!important;inset:0!important;background:#0f172a99!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important}.modal-overlay.show,.modal-overlay.active,.modal.show,.modal.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.modal-container,.modal-dialog{box-sizing:border-box;width:100%;max-width:560px;margin:auto;transition:transform .2s;transform:scale(.96)translateY(8px);z-index:10000!important;background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:20px!important;flex-direction:column!important;max-height:85vh!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #00000040,0 10px 20px #0000001a!important}.modal-overlay.show .modal-container,.modal-overlay.active .modal-container,.modal.show .modal-dialog,.modal.active .modal-dialog{transform:scale(1)translateY(0)}.modal-container.modal-sm,.modal-dialog.modal-sm{max-width:400px}.modal-container.modal-lg,.modal-dialog.modal-lg,.modal-container.max-w-lg{max-width:680px}.modal-container.modal-xl,.modal-dialog.modal-xl,.modal-container.max-w-xl{max-width:860px}.modal-content{width:100%!important;height:100%!important;max-height:85vh!important;box-shadow:none!important;background-color:#fff!important;border:none!important;border-radius:20px!important;flex-direction:column!important;flex:auto!important;min-height:0!important;display:flex!important;overflow:hidden!important}.modal-content>form,form.modal-content,.modal-dialog form,.modal-container form{flex-direction:column!important;flex:auto!important;min-height:0!important;max-height:100%!important;display:flex!important;overflow:hidden!important}.modal-header{background-color:#fff;border-bottom:1px solid #f1f5f9!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;padding:20px 24px!important;display:flex!important}.modal-title,.modal-header h2,.modal-header h3,.modal-header h4,.modal-header h5{color:#0f172a;margin:0!important;font-size:17px!important;font-weight:700!important;line-height:1.3!important}.modal-header.bg-primary .modal-title,.modal-header.bg-primary h2,.modal-header.bg-primary h3,.modal-header.bg-primary h4,.modal-header.bg-primary h5,.modal-header.text-white .modal-title{color:#fff!important}.modal-close,.btn-close{opacity:.9;color:#334155!important;cursor:pointer!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;padding:6px!important;transition:background-color .15s,color .15s,opacity .15s!important;display:inline-flex!important;position:relative!important}.modal-close:hover,.btn-close:hover{opacity:1;color:#0f172a!important;background-color:#f1f5f9!important}.bg-primary .btn-close,.bg-primary .modal-close,.bg-dark .btn-close,.bg-dark .modal-close,.btn-close-white,.text-white .btn-close,.text-white .modal-close{color:#fff!important}.bg-primary .btn-close:hover,.bg-primary .modal-close:hover,.bg-dark .btn-close:hover,.bg-dark .modal-close:hover,.btn-close-white:hover,.text-white .btn-close:hover,.text-white .modal-close:hover{color:#fff!important;background-color:#fff3!important}.modal-close:empty:before,.btn-close:empty:before{content:""!important;background-color:currentColor!important;width:18px!important;height:18px!important;display:inline-block!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") 50%/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") 50%/contain no-repeat!important}.modal-close svg,.btn-close svg{stroke:currentColor!important;stroke-width:2.2px!important;fill:none!important;width:20px!important;height:20px!important;display:block!important}.modal-body{-webkit-overflow-scrolling:touch;color:#334155!important;flex:auto!important;min-height:0!important;padding:24px!important;overflow-y:auto!important}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:9999px}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-footer{background-color:#f8fafc!important;border-top:1px solid #f1f5f9!important;flex-shrink:0!important;justify-content:flex-end!important;align-items:center!important;gap:12px!important;padding:16px 24px!important;display:flex!important}.gps-modal-badge{border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.gps-modal-badge.is-valid{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.gps-modal-badge.is-valid strong{color:#047857}.gps-modal-badge.is-invalid{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.gps-modal-badge.is-invalid strong{color:#78350f}.gps-modal-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.gps-modal-icon.is-valid{color:#10b981;background:#ecfdf5}.gps-modal-icon.is-invalid{color:#f59e0b;background:#fffbeb}.alert{border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;margin-bottom:18px;padding:14px 18px;font-size:13.5px;font-weight:500;display:flex}.alert-primary,.alert-info{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe}.alert-success{color:#15803d;background-color:#f0fdf4;border-color:#bbf7d0}.alert-warning{color:#b45309;background-color:#fffbeb;border-color:#fde68a}.alert-danger{color:#b91c1c;background-color:#fef2f2;border-color:#fca5a5}.pagination{align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.page-link{color:#475569;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.page-link:hover{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe}.page-item.active .page-link{color:#fff;background-color:#4361ee;border-color:#4361ee;box-shadow:0 4px 12px #4361ee4d}.page-item.disabled .page-link{color:#94a3b8;cursor:not-allowed;opacity:.7;background-color:#f8fafc;border-color:#e2e8f0}.nav-tabs{border-bottom:2px solid #e2e8f0;gap:8px;margin-bottom:20px;display:flex}.nav-link{color:#64748b;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.nav-link.active,.nav-link:hover{color:#4361ee;border-bottom-color:#4361ee}.tab-navigation{scrollbar-width:none;max-width:100%;box-shadow:none;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:3px;margin-bottom:24px;padding:4px;display:inline-flex;overflow-x:auto}.tab-navigation::-webkit-scrollbar{display:none}.tab-link{color:#64748b;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:7px 16px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.tab-link:hover{color:#0f172a;background-color:#fff9;border-color:#0000}.tab-link.active{color:#0f172a!important;background-color:#fff!important;border-color:#0000000a!important;font-weight:600!important;box-shadow:0 2px 6px -1px #00000014,0 1px 3px -1px #0000000a!important}.tab-link.active svg{color:#2563eb!important;stroke:#2563eb!important}.tab-link svg{flex-shrink:0;width:16px;height:16px}.empty-state{text-align:center;box-sizing:border-box;background-color:#fff;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0;padding:44px 24px;display:flex}.card .empty-state,.card-body .empty-state,.table-container .empty-state,.table-responsive .empty-state,.parent-list-card .empty-state,.student-list-card .empty-state{background:0 0;border:none;border-radius:0;padding:36px 20px}@media (width<=640px){.empty-state{padding:32px 16px}.card .empty-state,.card-body .empty-state,.table-container .empty-state,.table-responsive .empty-state,.parent-list-card .empty-state,.student-list-card .empty-state{padding:24px 12px}}.empty-state-icon{width:56px;height:56px;color:var(--primary,#2563eb);background-color:#eff6ff;border:1px solid #dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.empty-state-icon svg{stroke:currentColor;fill:none;width:26px;height:26px}.empty-state-title{color:#0f172a;margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.4}.empty-state-description{color:#64748b;max-width:440px;margin:0 auto;font-size:13.5px;line-height:1.5}.empty-state-action{justify-content:center;align-items:center;gap:8px;margin-top:18px;display:flex}.srms-license-banner{border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:14px 20px;transition:all .2s;display:flex;box-shadow:0 2px 10px #00000005}.srms-license-banner-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.srms-license-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.srms-license-icon-box svg{width:22px;height:22px}.srms-license-body{flex-direction:column;gap:3px;min-width:0;display:flex}.srms-license-header-line{flex-wrap:nowrap;align-items:center;gap:10px;display:flex}.srms-license-title{color:#0f172a;white-space:nowrap;font-size:14.5px;font-weight:700;line-height:1.2;margin:0!important}.srms-license-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:700;line-height:1;display:inline-flex}.srms-license-subtext{color:#475569;font-size:12.5px;line-height:1.3;margin:0!important}.srms-license-action{flex-shrink:0}.srms-license-btn{border-radius:10px;align-items:center;gap:7px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex;text-decoration:none!important}.srms-license-warning{background-color:#fffdf0;border:1px solid #fde68a}.srms-license-warning .srms-license-icon-box{color:#d97706;background-color:#fef3c7}.srms-license-warning .srms-license-badge{color:#b45309;background-color:#fef3c7;border:1px solid #fcd34d}.srms-license-warning .srms-license-btn{color:#fff;background-color:#d97706;box-shadow:0 2px 6px #d9770633}.srms-license-warning .srms-license-btn:hover{color:#fff;background-color:#b45309}.srms-license-danger{background-color:#fef2f2;border:1px solid #fca5a5}.srms-license-danger .srms-license-icon-box{color:#dc2626;background-color:#fee2e2}.srms-license-danger .srms-license-badge{color:#991b1b;background-color:#fee2e2;border:1px solid #f87171}.srms-license-danger .srms-license-btn{color:#fff;background-color:#dc2626;box-shadow:0 2px 6px #dc262633}.srms-license-danger .srms-license-btn:hover{color:#fff;background-color:#b91c1c}.srms-license-info{background-color:#eff6ff;border:1px solid #bfdbfe}.srms-license-info .srms-license-icon-box{color:#2563eb;background-color:#dbeafe}.srms-license-info .srms-license-badge{color:#1e40af;background-color:#dbeafe;border:1px solid #93c5fd}.srms-license-info .srms-license-btn{color:#fff;background-color:#2563eb;box-shadow:0 2px 6px #2563eb33}.srms-license-info .srms-license-btn:hover{color:#fff;background-color:#1d4ed8}[data-theme=dark] .srms-license-title{color:#fafafa!important}[data-theme=dark] .srms-license-subtext{color:#a3a3a3!important}[data-theme=dark] .srms-license-subtext strong{color:#e5e5e5!important}[data-theme=dark] .srms-license-danger{background-color:#ef44441f!important;border-color:#ef44444d!important}[data-theme=dark] .srms-license-danger .srms-license-icon-box{color:#f87171!important;background-color:#ef444438!important}[data-theme=dark] .srms-license-danger .srms-license-badge{color:#fca5a5!important;background-color:#ef444438!important;border-color:#ef444473!important}[data-theme=dark] .srms-license-danger .srms-license-btn{color:#fff!important;background-color:#dc2626!important;box-shadow:0 2px 8px #00000059!important}[data-theme=dark] .srms-license-danger .srms-license-btn:hover{background-color:#ef4444!important}[data-theme=dark] .srms-license-warning{background-color:#f59e0b1f!important;border-color:#f59e0b4d!important}[data-theme=dark] .srms-license-warning .srms-license-icon-box{color:#fbbf24!important;background-color:#f59e0b38!important}[data-theme=dark] .srms-license-warning .srms-license-badge{color:#fde68a!important;background-color:#f59e0b38!important;border-color:#f59e0b73!important}[data-theme=dark] .srms-license-warning .srms-license-btn{color:#fff!important;background-color:#d97706!important;box-shadow:0 2px 8px #00000059!important}[data-theme=dark] .srms-license-warning .srms-license-btn:hover{background-color:#f59e0b!important}[data-theme=dark] .srms-license-info{background-color:#2563eb1f!important;border-color:#2563eb4d!important}[data-theme=dark] .srms-license-info .srms-license-icon-box{color:#60a5fa!important;background-color:#2563eb38!important}[data-theme=dark] .srms-license-info .srms-license-badge{color:#93c5fd!important;background-color:#2563eb38!important;border-color:#2563eb73!important}[data-theme=dark] .srms-license-info .srms-license-btn{color:#fff!important;background-color:#2563eb!important;box-shadow:0 2px 8px #00000059!important}[data-theme=dark] .srms-license-info .srms-license-btn:hover{background-color:#3b82f6!important}@media (width<=640px){.srms-license-banner{flex-direction:column;align-items:flex-start}.srms-license-action{width:100%}.srms-license-btn{justify-content:center;width:100%}}.filter-card{margin-bottom:20px;box-shadow:none!important;background-color:#0000!important;border:none!important;border-radius:0!important;padding:0!important}.filter-grid-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.filter-grid-left{flex-wrap:wrap;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.filter-grid-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.search-input-group{flex:1;align-items:center;min-width:240px;display:flex;position:relative}.search-input-icon{color:#94a3b8;pointer-events:none;z-index:2;width:16px;height:16px;position:absolute;left:14px}.search-input-field{color:#0f172a!important;background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;width:100%!important;height:42px!important;padding-left:40px!important;padding-right:36px!important;font-size:13.5px!important;transition:all .2s!important;box-shadow:0 1px 2px #0000000a!important}.search-input-field:focus{background-color:#fff!important;border-color:#2563eb!important;outline:none!important;box-shadow:0 0 0 3px #2563eb1a,0 1px 2px #0000000a!important}.search-clear-btn{color:#64748b;cursor:pointer;z-index:3;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:all .15s;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-clear-btn:hover{color:#0f172a;background-color:#e2e8f0;transform:translateY(-50%)scale(1.05)}.search-clear-btn:active{transform:translateY(-50%)scale(.95)}.filter-card-stack{flex-direction:column;gap:12px;width:100%;display:flex}.filter-stack-top{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.filter-stack-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.filter-stack-grid{gap:12px;width:100%;display:grid}.filter-stack-grid.cols-2{grid-template-columns:repeat(2,1fr)}.filter-stack-grid.cols-3{grid-template-columns:repeat(3,1fr)}.filter-stack-grid.cols-4{grid-template-columns:repeat(4,1fr)}.filter-stack-grid.cols-5{grid-template-columns:repeat(5,1fr)}.filter-stack-grid.cols-6{grid-template-columns:repeat(6,1fr)}.filter-inline-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr)) auto;align-items:center;gap:12px;width:100%;display:grid}@media (width<=1200px){.filter-stack-grid.cols-6{grid-template-columns:repeat(3,1fr)}}@media (width<=991px){.welcome-banner,.hero-card,.parent-hero-card{flex-direction:column;align-items:stretch;gap:20px;padding:22px 20px}.hero-action-wrapper{width:100%}.hero-action-grid{grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.filter-stack-grid.cols-3,.filter-stack-grid.cols-4,.filter-stack-grid.cols-5,.filter-stack-grid.cols-6{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.welcome-banner,.hero-card,.parent-hero-card{border-radius:16px;padding:18px 16px}.welcome-title,.hero-title{font-size:20px!important;line-height:1.3!important}.welcome-subtitle,.hero-subtitle{font-size:12.5px!important}.hero-glass-pill{border-radius:8px;padding:5px 10px;font-size:11.5px}.filter-grid-left,.filter-grid-right,.filter-stack-top,.filter-stack-actions{width:100%}.filter-stack-top{flex-direction:column;align-items:stretch;gap:10px}.filter-stack-top .search-input-group{width:100%;min-width:0}.filter-grid-right .btn,.filter-stack-actions .btn{flex:1;justify-content:center}.filter-stack-grid,.filter-stack-grid.cols-2,.filter-stack-grid.cols-3,.filter-stack-grid.cols-4,.filter-stack-grid.cols-5,.filter-stack-grid.cols-6,.filter-inline-grid{grid-template-columns:1fr;gap:10px}}@media (width<=520px){.hero-action-grid{grid-template-columns:repeat(2,1fr);gap:8px}.hero-action-card{border-radius:12px;gap:8px;padding:10px 12px}.hero-action-icon{border-radius:8px;width:30px;height:30px}.hero-action-icon svg{width:15px;height:15px}.hero-action-title{font-size:12px}.hero-action-sub{font-size:10px}.quick-access-grid{grid-template-columns:repeat(2,1fr);gap:10px}.perf-overview-body-inner{flex-direction:column;align-items:center;gap:16px}.stat-card{border-radius:14px;gap:10px;padding:12px 10px}.stat-icon{width:36px;min-width:36px;height:36px;background:0 0!important;border:none!important}.stat-icon svg{width:32px;height:32px}.stat-label{margin-bottom:1px;font-size:11px}.stat-value{line-height:1.1;font-size:18px!important}.stat-subtext{margin-top:2px;font-size:10px}}.role-permission-layout{grid-template-columns:320px 1fr;align-items:start;gap:24px;display:grid}@media (width<=992px){.role-permission-layout{grid-template-columns:1fr}}.role-list{flex-direction:column;gap:8px;display:flex}.role-item{border-radius:var(--radius-md,10px);border:1px solid var(--border-color,#e2e8f0);background-color:var(--bg-card,#fff);cursor:pointer;color:var(--text-primary,#0f172a);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:all .2s;display:flex}.role-item:hover{background-color:var(--bg-main,#f8fafc);border-color:var(--primary,#cbd5e1)}.role-item.active{background-color:var(--primary-light,#f0f5ff);border-color:var(--primary,#2563eb);box-shadow:0 2px 8px #2563eb14}.role-item-icon{background-color:var(--bg-main,#f8fafc);border:1px solid var(--border-color,#e2e8f0);width:38px;height:38px;color:var(--text-secondary,#64748b);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.role-item.active .role-item-icon{background-color:var(--primary,#2563eb);color:#fff;border-color:var(--primary,#2563eb)}.role-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.role-item-name{color:var(--text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.role-item.active .role-item-name{color:var(--primary-dark,#1d4ed8)}.role-item-meta{color:var(--text-secondary,#64748b);align-items:center;gap:6px;font-size:11.5px;display:flex}.role-item-chevron{color:var(--text-muted,#94a3b8);flex-shrink:0;transition:transform .2s}.role-item.active .role-item-chevron{color:var(--primary,#2563eb);transform:translate(2px)}.permission-groups-wrapper{flex-direction:column;gap:16px;display:flex}.permission-category-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,12px);overflow:hidden;box-shadow:0 1px 3px #00000005}.permission-category-header{background-color:var(--bg-main,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.permission-category-title{color:var(--text-primary,#0f172a);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.permission-category-actions{align-items:center;gap:6px;display:flex}.permission-category-body{padding:16px}.permission-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.permission-checkbox-card{border:1px solid var(--border-color,#e2e8f0);background-color:var(--bg-card,#fff);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.permission-checkbox-card:hover{background-color:var(--bg-main,#f8fafc);border-color:#93c5fd}.permission-checkbox-card.checked{background-color:var(--primary-light,#f5f8ff);border-color:var(--primary,#2563eb)}.permission-checkbox-card.disabled{opacity:.7;cursor:not-allowed}.permission-checkbox-input{accent-color:var(--primary,#2563eb);cursor:inherit;margin-top:3px}.permission-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.permission-header-line{justify-content:space-between;align-items:center;gap:6px;display:flex}.permission-name{color:var(--text-primary,#0f172a);font-size:13px;font-weight:600}.permission-slug{font-size:11px;font-family:var(--font-sans,"Roboto", sans-serif);color:var(--text-secondary,#64748b);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.perm-action-tag{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.perm-action-view{color:#0369a1;background-color:#e0f2fe}.perm-action-create{color:#15803d;background-color:#dcfce7}.perm-action-update{color:#b45309;background-color:#fef3c7}.perm-action-delete{color:#b91c1c;background-color:#fee2e2}.perm-action-print{color:#6b21a8;background-color:#f3e8ff}[data-theme=dark] .role-item{color:#fafafa!important;background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .role-item:hover{background-color:#273549!important;border-color:#404040!important}[data-theme=dark] .role-item.active{background-color:#2563eb40!important;border-color:#3b82f6!important}[data-theme=dark] .role-item-icon{color:#a3a3a3!important;background-color:#0a0a0a!important;border-color:#262626!important}[data-theme=dark] .role-item.active .role-item-icon{color:#fff!important;background-color:#2563eb!important;border-color:#2563eb!important}[data-theme=dark] .role-item-name{color:#fafafa!important}[data-theme=dark] .role-item.active .role-item-name{color:#60a5fa!important}[data-theme=dark] .role-item-meta{color:#a3a3a3!important}[data-theme=dark] .role-item-chevron{color:#737373!important}[data-theme=dark] .role-item.active .role-item-chevron{color:#60a5fa!important}[data-theme=dark] .permission-category-card{background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .permission-category-header{background-color:#0a0a0a!important;border-bottom-color:#262626!important}[data-theme=dark] .permission-category-title{color:#fafafa!important}[data-theme=dark] .permission-checkbox-card{background-color:#0a0a0a!important;border-color:#262626!important}[data-theme=dark] .permission-checkbox-card:hover{background-color:#141414!important;border-color:#3b82f6!important}[data-theme=dark] .permission-checkbox-card.checked{background-color:#2563eb33!important;border-color:#3b82f6!important}[data-theme=dark] .permission-checkbox-card.disabled{opacity:.65;background-color:#0f172a99!important;border-color:#262626!important}[data-theme=dark] .permission-name{color:#fafafa!important}[data-theme=dark] .permission-slug{color:#a3a3a3!important}[data-theme=dark] .perm-action-view{color:#7dd3fc!important;background-color:#0369a140!important;border:1px solid #7dd3fc33!important}[data-theme=dark] .perm-action-create{color:#86efac!important;background-color:#15803d40!important;border:1px solid #86efac33!important}[data-theme=dark] .perm-action-update{color:#fde047!important;background-color:#b4530940!important;border:1px solid #fde04733!important}[data-theme=dark] .perm-action-delete{color:#fca5a5!important;background-color:#b91c1c40!important;border:1px solid #fca5a533!important}[data-theme=dark] .perm-action-print{color:#d8b4fe!important;background-color:#6b21a840!important;border:1px solid #d8b4fe33!important}.calendar-grid-layout{grid-template-columns:1fr 350px;align-items:start;gap:24px;display:grid}@media (width<=991px){.calendar-grid-layout{grid-template-columns:1fr;gap:20px}}.calendar-main-card{background-color:var(--bg-card,#fff);border-radius:var(--radius-xl,14px);border:1px solid var(--border-color,#e2e8f0);transition:border-color var(--transition-fast);margin-bottom:20px;padding:24px;box-shadow:none!important}.calendar-main-card:hover{border-color:#cbd5e1;box-shadow:none!important}@media (width<=768px){.calendar-main-card{padding:16px}}.calendar-legend-bar{border-bottom:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;display:flex}.calendar-legend-item{color:#475569;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.calendar-legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.fc{font-family:var(--font-sans,"Roboto", sans-serif)!important}.fc .fc-toolbar{flex-wrap:wrap!important;align-items:center!important;gap:12px!important;margin-bottom:20px!important;display:flex!important}.fc .fc-toolbar-title{color:#0f172a!important;letter-spacing:-.2px!important;font-size:18px!important;font-weight:700!important}.fc .fc-button{color:#334155!important;text-transform:capitalize!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;padding:6.5px 14px!important;font-size:13px!important;font-weight:500!important;transition:all .2s!important;box-shadow:0 1px 2px #00000005!important}.fc .fc-button:hover{color:#0f172a!important;background-color:#f8fafc!important;border-color:#94a3b8!important}.fc .fc-button-active,.fc .fc-button-primary:not(:disabled):active,.fc .fc-button-primary:not(:disabled).fc-button-active{color:#fff!important;background-color:#2563eb!important;border-color:#2563eb!important;font-weight:600!important;box-shadow:0 2px 6px #2563eb40!important}.fc .fc-button-group{border-radius:8px!important;overflow:hidden!important}.fc-theme-standard td,.fc-theme-standard th{border-color:#f1f5f9!important}.fc .fc-col-header-cell{background-color:#f8fafc!important;padding:10px 0!important}.fc .fc-col-header-cell-cushion{text-transform:uppercase!important;color:#64748b!important;letter-spacing:.5px!important;font-size:12px!important;font-weight:600!important;text-decoration:none!important}.fc .fc-daygrid-day-number{color:#334155!important;padding:8px 10px!important;font-size:13px!important;font-weight:600!important;text-decoration:none!important}.fc .fc-day-today{background-color:#eff6ff!important}.fc .fc-day-today .fc-daygrid-day-number{color:#fff!important;background-color:#2563eb!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:26px!important;height:26px!important;margin:4px 6px!important;padding:0!important;display:inline-flex!important}.fc-event{cursor:pointer!important;border:none!important;border-radius:6px!important;padding:3px 8px!important;font-size:12px!important;font-weight:500!important;transition:transform .15s,box-shadow .15s!important;box-shadow:0 1px 3px #0000000f!important}.fc-event:hover{transform:translateY(-1px)!important;box-shadow:0 4px 10px #0000001f!important}.fc-event-title{font-weight:600!important}.calendar-sidebar-card{background-color:var(--bg-card,#fff);border-radius:var(--radius-xl,14px);border:1px solid var(--border-color,#e2e8f0);transition:border-color var(--transition-fast);flex-direction:column;margin-bottom:20px;display:flex;overflow:hidden;box-shadow:none!important}.calendar-sidebar-card:hover{border-color:#cbd5e1;box-shadow:none!important}.calendar-sidebar-header{border-bottom:1px solid var(--border-color,#e2e8f0);background-color:#fff;flex-direction:column;gap:14px;padding:18px 20px;display:flex}.calendar-sidebar-title{color:#1e293b;justify-content:space-between;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:700;display:flex}.calendar-sidebar-title-left{align-items:center;gap:10px;display:flex}.event-search-wrapper{width:100%;position:relative}.event-search-icon{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.event-search-input{width:100%;color:#1e293b!important;background-color:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:10px!important;outline:none!important;padding:9px 12px 9px 36px!important;font-size:13px!important;font-weight:400!important;transition:border-color .15s,box-shadow .15s!important}.event-search-input:focus{background-color:#fff!important;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a!important}.calendar-sidebar-body{max-height:600px;padding:16px;overflow-y:auto}.event-cards-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.event-card-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px 14px 18px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:none!important}.event-card-item:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:none!important}.event-card-accent-bar{border-radius:12px 0 0 12px;width:4px;position:absolute;top:0;bottom:0;left:0}.event-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.event-card-title{color:#1e293b;margin:0;font-size:13.5px;font-weight:700;line-height:1.4}.event-card-badge{white-space:nowrap;border-radius:9999px;flex-shrink:0;padding:3px 9px;font-size:11px;font-weight:600;line-height:1.2}.badge-type-kegiatan{color:#2563eb;background-color:#eff6ff;border:1px solid #dbeafe}.badge-type-ujian{color:#d97706;background-color:#fffbeb;border:1px solid #fef3c7}.badge-type-libur{color:#dc2626;background-color:#fef2f2;border:1px solid #fee2e2}.event-card-date{color:#64748b;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.event-card-desc{color:#475569;font-size:12px;line-height:1.5}.event-card-holiday-tag{color:#dc2626;background-color:#fef2f2;border-radius:6px;align-items:center;gap:4px;width:fit-content;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.avatar-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;font-weight:700;display:flex}.avatar-circle-sm{width:30px;min-width:30px;height:30px;min-height:30px;font-size:11px}.avatar-circle-lg{width:48px;min-width:48px;height:48px;min-height:48px;font-size:16px}.avatar-square-lg{border-radius:var(--radius-lg,12px);flex-shrink:0;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;min-height:48px;display:flex}.avatar-chip{color:#2563eb;background-color:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;min-height:22px;font-size:9px;font-weight:700;line-height:1;display:inline-flex;overflow:hidden}.announcement-widget-list{flex-direction:column;display:flex}.announcement-widget-item{background:0 0;border-bottom:1px solid #f1f5f9;padding:14px 18px;text-decoration:none;transition:background .15s;display:block}.announcement-widget-item:hover{background-color:#f8fafc!important}.announcement-widget-item:last-child{border-bottom:none}.announcement-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:20px;display:grid}@media (width<=900px){.announcement-grid{grid-template-columns:1fr;gap:16px}}.announcement-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;height:100%;transition:all .25s;display:flex;overflow:hidden;box-shadow:none!important}.announcement-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:none!important}.announcement-card-top{flex-direction:column;flex:1;padding:22px 24px 16px;display:flex}.announcement-card-badge-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.announcement-card-title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:16px;font-weight:700;line-height:1.4;transition:color .2s;display:-webkit-box;overflow:hidden}.announcement-card-title a{color:inherit;text-decoration:none}.announcement-card-title a:hover{color:#2563eb}.announcement-card-excerpt{color:#64748b;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0 0 14px;font-size:13.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.announcement-attachment-pill{color:#2563eb;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:5px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.announcement-attachment-pill:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.announcement-card-footer{background:#f8fafc;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 24px;display:flex}.announcement-author-info{align-items:center;gap:10px;min-width:0;display:flex}.announcement-author-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.announcement-author-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:12.5px;font-weight:600;overflow:hidden}.announcement-article-container{width:100%;max-width:860px;margin:0 auto}.announcement-article-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:24px;overflow:hidden;box-shadow:none!important}.announcement-article-header{border-bottom:1px solid #f1f5f9;padding:32px 36px 24px}.announcement-article-title{color:#0f172a;letter-spacing:-.3px;margin:14px 0 20px;font-size:24px;font-weight:800;line-height:1.35}.announcement-article-meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.announcement-article-author{align-items:center;gap:12px;display:flex}.announcement-article-avatar{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:800;display:flex;box-shadow:0 4px 10px #2563eb33}.announcement-article-body{color:#334155;word-break:break-word;padding:32px 36px;font-size:15px;line-height:1.8}.announcement-article-body p{margin-bottom:16px}.announcement-article-body p:last-child{margin-bottom:0}.announcement-download-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 0;padding:18px 22px;transition:all .2s;display:flex}.announcement-download-box:hover{background:#eff6ff;border-color:#bfdbfe}.announcement-download-icon{color:#2563eb;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 2px 6px #0000000f}@media (width<=768px){.announcement-card-top{padding:18px 18px 12px}.announcement-card-footer{padding:12px 18px}.announcement-article-header{padding:20px}.announcement-article-title{margin:10px 0 16px;font-size:19px}.announcement-article-body{padding:20px;font-size:14px;line-height:1.7}.announcement-download-box{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.announcement-download-box .btn{justify-content:center;width:100%}}.lms-tab-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:3px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto;margin-bottom:24px!important}.lms-tab-nav::-webkit-scrollbar{display:none}.lms-tab-item{color:#64748b!important;white-space:nowrap!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;box-shadow:none!important;background:0 0!important;border:1px solid #0000!important;border-radius:9px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:7px 16px!important;font-size:13.5px!important;font-weight:500!important;text-decoration:none!important;transition:all .18s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important}.lms-tab-item:hover{color:#0f172a!important;background:#fff9!important;border-color:#0000!important;transform:none!important}.lms-tab-item svg{stroke:currentColor!important;flex-shrink:0!important;width:16px!important;height:16px!important;transition:transform .2s!important}.lms-tab-item.active{color:#0f172a!important;background:#fff!important;border-color:#0000000a!important;font-weight:600!important;transform:none!important;box-shadow:0 2px 6px -1px #00000014,0 1px 3px -1px #0000000a!important}.lms-tab-item.active:hover{color:#0f172a!important;background:#fff!important}.lms-tab-item.active svg{color:#2563eb!important;stroke:#2563eb!important}.lms-tab-count{color:#475569!important;background:#e2e8f0!important;border:none!important;border-radius:9999px!important;justify-content:center!important;align-items:center!important;min-width:20px!important;height:20px!important;margin-left:2px!important;padding:0 6px!important;font-size:11px!important;font-weight:700!important;line-height:1!important;display:inline-flex!important}.lms-tab-item:hover .lms-tab-count{color:#475569!important;background:#e2e8f0!important}.lms-tab-item.active .lms-tab-count{color:#2563eb!important;background:#eff6ff!important;border:none!important}.lms-course-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;flex-direction:column;justify-content:space-between;transition:all .2s;display:flex;overflow:hidden;box-shadow:none!important}.lms-course-card:hover{border-color:var(--border-strong,#cbd5e1);transform:translateY(-2px)}.lms-course-header{border-bottom:1px solid var(--border-subtle,#f1f5f9);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.lms-course-title{color:var(--text-primary,#0f172a);margin:4px 0 0;font-size:16px;font-weight:700;line-height:1.3}.lms-course-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.lms-course-body{padding:18px 20px}.lms-course-metrics{background:var(--bg-subtle,#f8fafc);border:1px solid var(--border-subtle,#f1f5f9);text-align:center;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 6px;display:grid}.lms-course-metric-val{color:var(--text-primary,#0f172a);font-size:15px;font-weight:800}.lms-course-metric-lbl{color:var(--text-muted,#64748b);text-transform:uppercase;margin-top:1px;font-size:10.5px;font-weight:600}.lms-course-footer{background:var(--bg-card,#fff);border-top:1px solid var(--border-subtle,#f1f5f9);padding:14px 20px}.lms-session-card,.lms-session-accordion{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;margin-bottom:22px;transition:all .2s;position:relative;overflow:visible;box-shadow:0 1px 3px #00000005!important}.lms-session-card.is-open,.lms-session-card.is-active,.lms-session-accordion.is-open,.lms-session-accordion.is-active{border-color:#93c5fd;box-shadow:0 4px 14px #2563eb0d!important}.lms-session-header,.lms-session-accordion-header{background:var(--bg-card,#fff);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;transition:background .15s;display:flex;position:relative}.lms-session-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.lms-session-accordion:not(.is-active) .lms-session-header-actions{display:none!important}.lms-session-accordion.is-active .lms-session-header-actions{display:flex!important}.lms-session-header:hover,.lms-session-accordion-header:hover{background:var(--bg-subtle,#f8fafc)}.lms-session-card.is-open .lms-session-header,.lms-session-card.is-active .lms-session-header,.lms-session-accordion.is-open .lms-session-accordion-header,.lms-session-accordion.is-active .lms-session-accordion-header{border-bottom:1px solid var(--border-subtle,#f1f5f9);border-bottom-right-radius:0;border-bottom-left-radius:0}.lms-session-title{color:var(--text-primary,#0f172a);margin:0;font-size:15px;font-weight:700}.lms-accordion-chevron{background:var(--bg-subtle,#f8fafc);border:1px solid var(--border-color,#e2e8f0);width:28px;height:28px;color:var(--text-muted,#64748b);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,background .15s,color .15s;display:inline-flex}.lms-session-card.is-open .lms-accordion-chevron,.lms-session-card.is-active .lms-accordion-chevron,.lms-session-accordion.is-open .lms-accordion-chevron,.lms-session-accordion.is-active .lms-accordion-chevron{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;transform:rotate(180deg)}.lms-session-body,.lms-session-accordion-body{background:var(--bg-card,#fff);border-bottom-right-radius:13px;border-bottom-left-radius:13px;padding:16px 20px;display:none}.lms-session-card.is-open .lms-session-body,.lms-session-card.is-active .lms-session-body,.lms-session-accordion.is-open .lms-session-accordion-body,.lms-session-accordion.is-active .lms-session-accordion-body{display:block}.lms-general-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;margin-bottom:24px;box-shadow:none!important;overflow:visible!important}.lms-general-header{background:var(--bg-card,#fff);border-bottom:1px solid var(--border-subtle,#f1f5f9);border-radius:14px 14px 0 0;padding:16px 20px}.lms-general-body{background:var(--bg-card,#fff);border-radius:0 0 14px 14px;padding:16px 20px}.lms-alur-grid{flex-direction:column;gap:20px;width:100%;display:flex}.lms-alur-sessions-col,.lms-alur-general-col{width:100%;min-width:0}.lms-alur-sessions-col .lms-session-accordion:last-child{margin-bottom:0}@media (width>=992px){.lms-alur-grid.has-both-columns{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:24px;display:grid}.lms-alur-grid.has-both-columns .lms-alur-general-col{z-index:10;position:sticky;top:84px}.lms-alur-grid.has-both-columns .lms-alur-general-col .lms-general-card{margin-bottom:0}}.lms-item-row,.session-content-item{background:var(--bg-card,#fff);border:1px solid var(--border-subtle,#f1f5f9);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;padding:12px 14px;transition:all .15s;display:flex}.lms-item-row:last-child,.session-content-item:last-child{margin-bottom:0}.lms-item-row:hover,.session-content-item:hover{background:var(--bg-subtle,#f8fafc);border-color:var(--border-strong,#cbd5e1);box-shadow:0 1px 3px #0000000a}.lms-item-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.lms-item-icon,.session-icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.lms-item-icon.material{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.lms-item-icon.assignment{color:#7c3aed;background:#f5f3ff;border:1px solid #ede9fe}.lms-item-icon.quiz{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.lms-item-info{flex:1;min-width:0}.lms-item-name{color:var(--text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.lms-item-sub{color:var(--text-muted,#64748b);margin-top:2px;font-size:11.5px}.lms-item-actions,.session-content-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.lms-more-btn{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);width:32px;height:32px;color:var(--text-muted,#64748b);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.lms-more-btn:hover{background:var(--bg-subtle,#f1f5f9);color:var(--text-primary,#0f172a);border-color:var(--border-strong,#cbd5e1)}@media (width<=768px){.lms-item-row,.session-content-item{flex-direction:column;align-items:flex-start;gap:10px}.lms-item-actions,.session-content-actions{justify-content:flex-end;width:100%}.lms-session-header,.lms-session-accordion-header{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px}.lms-session-header-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:8px;width:100%;margin-top:4px;padding-top:10px;display:flex}[data-theme=dark] .lms-session-header-actions{border-top-color:#262626}.lms-session-body,.lms-session-accordion-body{padding:14px 16px}}.font-mono,.font-monospace{font-family:var(--font-sans,"Roboto", sans-serif)!important}[data-theme=dark] .card{color:#fafafa!important;box-shadow:none!important;background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .card-header{background-color:#0000!important;border-bottom-color:#262626!important}[data-theme=dark] .card-title{color:#fafafa!important}[data-theme=dark] .card-subtitle{color:#a3a3a3!important}[data-theme=dark] .stat-card{color:#fafafa!important;background-color:#141414!important;border-color:#262626!important}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] body{background-color:var(--bg-body,#000)!important;color:var(--text-primary,#fafafa)!important}[data-theme=dark] .text-slate,[data-theme=dark] .text-slate-900,[data-theme=dark] .text-slate-800,[data-theme=dark] .text-slate-700,[data-theme=dark] .text-gray-900,[data-theme=dark] .text-gray-800,[data-theme=dark] .text-gray-700,[data-theme=dark] .text-dark,[data-theme=dark] .text-body,[data-theme=dark] .text-main,[data-theme=dark] strong,[data-theme=dark] b{color:#fafafa!important}[data-theme=dark] .text-muted,[data-theme=dark] .text-secondary,[data-theme=dark] .text-slate-500,[data-theme=dark] .text-slate-600,[data-theme=dark] .text-gray-500,[data-theme=dark] .text-gray-600,[data-theme=dark] .text-muted-foreground{color:#a3a3a3!important}[data-theme=dark] .text-light,[data-theme=dark] .text-slate-400,[data-theme=dark] .stat-label{color:#d4d4d4!important}[data-theme=dark] .stat-value{color:#fafafa!important}[data-theme=dark] .stat-subtext{color:#a3a3a3!important}[data-theme=dark] .card,[data-theme=dark] .dashboard-card,[data-theme=dark] .section-card,[data-theme=dark] .panel-card,[data-theme=dark] .table-container{color:#fafafa!important;background-color:#141414!important;border-color:#262626!important;box-shadow:0 4px 20px -2px #0006!important}[data-theme=dark] .card-header{color:#fafafa!important;background-color:#141414!important;border-bottom-color:#262626!important}[data-theme=dark] .card-body{color:#e5e5e5!important;background-color:#141414!important}[data-theme=dark] .card-footer{background-color:#141414!important;border-top-color:#262626!important}[data-theme=dark] .card-title,[data-theme=dark] .card-heading,[data-theme=dark] .section-title,[data-theme=dark] .page-title{color:#fafafa!important}[data-theme=dark] .card-subtitle,[data-theme=dark] .page-subtitle{color:#a3a3a3!important}[data-theme=dark] .filter-card{background-color:#0000!important;border-color:#0000!important}[data-theme=dark] .form-control,[data-theme=dark] .form-select,[data-theme=dark] select.form-select,[data-theme=dark] select,[data-theme=dark] input.form-control,[data-theme=dark] input[type=text],[data-theme=dark] input[type=search],[data-theme=dark] input[type=number],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password],[data-theme=dark] input[type=date],[data-theme=dark] input[type=time],[data-theme=dark] input[type=datetime-local],[data-theme=dark] input[type=month],[data-theme=dark] textarea.form-control,[data-theme=dark] textarea,[data-theme=dark] .search-input-field{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fafafa!important;background-color:#0a0a0a!important;border-color:#262626!important}[data-theme=dark] .search-bar-container input,[data-theme=dark] .search-bar-container input[type=text],[data-theme=dark] .search-bar-container input[type=search]{box-shadow:none!important;background:0 0!important;border:#0000!important;outline:none!important}[data-theme=dark] .form-control:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .search-input-field:focus{background-color:#0a0a0a!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f640!important}[data-theme=dark] .form-control::placeholder,[data-theme=dark] .search-input-field::placeholder,[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#737373!important}[data-theme=dark] .form-label{color:#f5f5f5!important}[data-theme=dark] .search-input-group{background-color:#0a0a0a!important;border-color:#262626!important}[data-theme=dark] .search-input-icon{color:#a3a3a3!important}[data-theme=dark] .search-clear-btn{color:#94a3b8!important;background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] .search-clear-btn:hover{color:#f8fafc!important;background-color:#334155!important}[data-theme=dark] .input-group-text{color:#a3a3a3!important;background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .table,[data-theme=dark] .table-clean,[data-theme=dark] .table-responsive,[data-theme=dark] table{color:#e5e5e5!important;background-color:#0000!important;border-color:#262626!important}[data-theme=dark] .table thead,[data-theme=dark] .table-clean thead,[data-theme=dark] table thead{background-color:#0a0a0a!important}[data-theme=dark] .table thead th,[data-theme=dark] .table-clean thead th,[data-theme=dark] table thead th,[data-theme=dark] .table th,[data-theme=dark] table th{color:#d4d4d4!important;background-color:#0a0a0a!important;border-top:none!important;border-bottom:1px solid #262626!important}[data-theme=dark] .table tbody,[data-theme=dark] .table-clean tbody,[data-theme=dark] table tbody,[data-theme=dark] .table tbody tr,[data-theme=dark] .table-clean tbody tr,[data-theme=dark] table tbody tr{background-color:#141414!important}[data-theme=dark] .table tbody td,[data-theme=dark] .table-clean tbody td,[data-theme=dark] table tbody td,[data-theme=dark] .table td,[data-theme=dark] table td{color:#e5e5e5!important;background-color:#141414!important;border-bottom:1px solid #262626!important}[data-theme=dark] .table tfoot td,[data-theme=dark] .table-clean tfoot td,[data-theme=dark] table tfoot td{color:#f5f5f5!important;background-color:#0a0a0a!important;border-top:2px solid #262626!important;border-bottom:none!important}[data-theme=dark] .table tbody tr:hover td,[data-theme=dark] .table-clean tbody tr:hover td,[data-theme=dark] table tbody tr:hover td{background-color:#27354a!important}[data-theme=dark] .table-striped tbody tr:nth-of-type(odd) td{background-color:#141414!important}[data-theme=dark] .table-striped tbody tr:nth-of-type(2n) td{background-color:#172033!important}[data-theme=dark] .table-responsive{background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .modal-overlay{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#000000a6!important}[data-theme=dark] .modal-content,[data-theme=dark] .modal-container,[data-theme=dark] .modal-card,[data-theme=dark] .modal-dialog{color:#fafafa!important;background-color:#141414!important;border-color:#262626!important;box-shadow:0 25px 50px -12px #000000b3!important}[data-theme=dark] .modal-header{background-color:#141414!important;border-bottom-color:#262626!important}[data-theme=dark] .modal-body{color:#d4d4d4!important;background-color:#141414!important}[data-theme=dark] .modal-footer{background-color:#141414!important;border-top-color:#262626!important}[data-theme=dark] .modal-title,[data-theme=dark] .modal-header h1,[data-theme=dark] .modal-header h2,[data-theme=dark] .modal-header h3,[data-theme=dark] .modal-header h4,[data-theme=dark] .modal-header h5{color:#fafafa!important}[data-theme=dark] .modal-close,[data-theme=dark] .btn-close{color:#a3a3a3!important}[data-theme=dark] .modal-close:hover,[data-theme=dark] .btn-close:hover{color:#fafafa!important;background:#262626!important}.dropdown-menu,.dropdown-content,[id^=dropdown],[class*=dropdown-menu]{z-index:1000;border-radius:10px;background-color:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 25px -5px #0f172a1f,0 8px 10px -6px #0f172a14!important}.dropdown-item,.dropdown-menu a,.dropdown-menu button,.dropdown-content a,.dropdown-content button{text-decoration:none;transition:background-color .15s,color .15s;color:#1e293b!important;background-color:#0000!important}.dropdown-item:hover,.dropdown-menu a:hover,.dropdown-menu button:hover,.dropdown-content a:hover,.dropdown-content button:hover{color:#0f172a!important;background-color:#f1f5f9!important}.dropdown-item.text-danger,.dropdown-item.text-danger span,.dropdown-menu .text-danger,.dropdown-content .text-danger{color:#ef4444!important}.dropdown-item.text-danger:hover,.dropdown-menu .text-danger:hover,.dropdown-content .text-danger:hover{color:#dc2626!important;background-color:#fee2e2!important}.dropdown-menu div[style*="height: 1px"],.dropdown-menu div[style*=height\:1px],.dropdown-divider{background-color:#e2e8f0!important;border:none!important;height:1px!important;margin:4px 0!important}[data-theme=dark] .dropdown-menu,[data-theme=dark] .dropdown-content,[data-theme=dark] [id^=dropdown],[data-theme=dark] [class*=dropdown-menu]{background-color:#141414!important;border-color:#262626!important;box-shadow:0 12px 30px -4px #00000080,0 6px 12px -2px #0000004d!important}[data-theme=dark] .dropdown-item,[data-theme=dark] .dropdown-menu a,[data-theme=dark] .dropdown-menu button,[data-theme=dark] .dropdown-content a,[data-theme=dark] .dropdown-content button{color:#f5f5f5!important;background-color:#0000!important}[data-theme=dark] .dropdown-item:hover,[data-theme=dark] .dropdown-menu a:hover,[data-theme=dark] .dropdown-menu button:hover,[data-theme=dark] .dropdown-content a:hover,[data-theme=dark] .dropdown-content button:hover{color:#fff!important;background-color:#262626!important}[data-theme=dark] .dropdown-item.text-danger,[data-theme=dark] .dropdown-item.text-danger span,[data-theme=dark] .dropdown-menu .text-danger,[data-theme=dark] .dropdown-content .text-danger{color:#f87171!important}[data-theme=dark] .dropdown-item.text-danger:hover,[data-theme=dark] .dropdown-menu .text-danger:hover,[data-theme=dark] .dropdown-content .text-danger:hover{color:#fca5a5!important;background-color:#ef44442e!important}[data-theme=dark] .dropdown-menu div[style*="height: 1px"],[data-theme=dark] .dropdown-menu div[style*=height\:1px],[data-theme=dark] .dropdown-divider{background-color:#262626!important}[data-theme=dark] .tab-navigation{background-color:#141414!important;border-color:#262626!important;box-shadow:0 1px 4px #00000040!important}[data-theme=dark] .lms-tab-nav{border-bottom-color:#262626!important}[data-theme=dark] .tab-link,[data-theme=dark] .lms-tab-item{color:#a3a3a3!important}[data-theme=dark] .tab-link:hover,[data-theme=dark] .lms-tab-item:hover{color:#f5f5f5!important;background-color:#262626!important;border-color:#404040!important}[data-theme=dark] .tab-link.active{color:#60a5fa!important;background-color:#2563eb33!important;border-color:#3b82f666!important;box-shadow:0 1px 3px #0000004d!important}[data-theme=dark] .lms-tab-item.active{color:#60a5fa!important;border-bottom-color:#3b82f6!important}[data-theme=dark] .badge-light{color:#d4d4d4!important;background-color:#0a0a0a!important;border:1px solid #262626!important}[data-theme=dark] .badge-secondary,[data-theme=dark] .badge-gray,[data-theme=dark] .badge-dark{color:#f5f5f5!important;background-color:#262626!important;border:1px solid #404040!important}[data-theme=dark] .badge-outline{color:#d4d4d4!important;border-color:#262626!important}[data-theme=dark] .badge-success,[data-theme=dark] .badge-hadir,[data-theme=dark] .badge-green,[data-theme=dark] .badge-emerald{color:#34d399!important;background-color:#10b98126!important;border:1px solid #10b9814d!important}[data-theme=dark] .badge-primary,[data-theme=dark] .badge-info,[data-theme=dark] .badge-blue{color:#60a5fa!important;background-color:#2563eb26!important;border:1px solid #3b82f64d!important}[data-theme=dark] .badge-warning,[data-theme=dark] .badge-izin,[data-theme=dark] .badge-yellow,[data-theme=dark] .badge-amber,[data-theme=dark] .badge-orange{color:#fbbf24!important;background-color:#f59e0b26!important;border:1px solid #f59e0b4d!important}[data-theme=dark] .badge-danger,[data-theme=dark] .badge-alpa,[data-theme=dark] .badge-sakit,[data-theme=dark] .badge-red,[data-theme=dark] .badge-rose{color:#f87171!important;background-color:#ef444426!important;border:1px solid #ef44444d!important}[data-theme=dark] .badge-purple,[data-theme=dark] .badge-dispensasi,[data-theme=dark] .badge-indigo,[data-theme=dark] .badge-violet{color:#c084fc!important;background-color:#8b5cf626!important;border:1px solid #a78bfa4d!important}[data-theme=dark] .badge-teal,[data-theme=dark] .badge-cyan{color:#2dd4bf!important;background-color:#14b8a626!important;border:1px solid #14b8a64d!important}[data-theme=dark] .badge-type-kegiatan{color:#60a5fa!important;background-color:#2563eb26!important;border:1px solid #3b82f64d!important}[data-theme=dark] .badge-type-ujian{color:#fbbf24!important;background-color:#f59e0b26!important;border:1px solid #f59e0b4d!important}[data-theme=dark] .badge-type-libur{color:#f87171!important;background-color:#ef444426!important;border:1px solid #ef44444d!important}[data-theme=dark] .badge strong,[data-theme=dark] .badge b,[data-theme=dark] .badge span{color:inherit!important}[data-theme=dark] .btn-secondary,[data-theme=dark] .btn-light{background-color:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .btn-secondary:hover,[data-theme=dark] .btn-light:hover{background-color:var(--bg-subtle)!important;border-color:var(--border-strong)!important;color:var(--text-primary)!important}[data-theme=dark] .btn-outline-secondary{border-color:var(--border-strong)!important;color:var(--text-secondary)!important}[data-theme=dark] .btn-outline-secondary:hover{background-color:var(--bg-subtle)!important;color:var(--text-primary)!important}[data-theme=dark] .pagination .page-link{color:#d4d4d4!important;background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .pagination .page-link:hover{color:#fff!important;background-color:#262626!important}[data-theme=dark] .pagination .page-item.active .page-link{color:#fff!important;background-color:#2563eb!important;border-color:#2563eb!important}[data-theme=dark] .pagination .page-item.disabled .page-link{color:#737373!important;background-color:#0a0a0a!important;border-color:#141414!important}[data-theme=dark] .alert-info{color:#93c5fd!important;background-color:#1e3a8a66!important;border-color:#3b82f666!important}[data-theme=dark] .alert-success{color:#6ee7b7!important;background-color:#064e3b66!important;border-color:#10b98166!important}[data-theme=dark] .alert-warning{color:#fde047!important;background-color:#78350f66!important;border-color:#f59e0b66!important}[data-theme=dark] .alert-danger{color:#fca5a5!important;background-color:#7f1d1d66!important;border-color:#ef444466!important}[data-theme=dark] .empty-state{background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .card .empty-state,[data-theme=dark] .card-body .empty-state,[data-theme=dark] .table-container .empty-state,[data-theme=dark] .table-responsive .empty-state,[data-theme=dark] .parent-list-card .empty-state,[data-theme=dark] .student-list-card .empty-state{background:0 0!important;border:none!important}[data-theme=dark] .empty-state-icon{color:#60a5fa!important;background-color:#2563eb26!important;border-color:#3b82f640!important}[data-theme=dark] .empty-state-title{color:#fafafa!important}[data-theme=dark] .empty-state-description{color:#a3a3a3!important}[data-theme=dark] .score-input,[data-theme=dark] .score-input-remedial{color:#fafafa!important;background-color:#0a0a0a!important;border-color:#262626!important}[data-theme=dark] .lms-course-card{color:#fafafa!important;background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .lms-course-header{background-color:#141414!important;border-bottom-color:#262626!important}[data-theme=dark] .lms-course-title{color:#fafafa!important}[data-theme=dark] .lms-course-icon{color:#60a5fa!important;box-shadow:none!important;background:#2563eb33!important;border:1px solid #3b82f64d!important}[data-theme=dark] .lms-course-body{background-color:#141414!important}[data-theme=dark] .lms-course-metrics{background-color:#0a0a0a!important;border-color:#262626!important}[data-theme=dark] .lms-course-metric-val{color:#fafafa!important}[data-theme=dark] .lms-course-metric-lbl{color:#a3a3a3!important}[data-theme=dark] .lms-course-footer{background-color:#141414!important;border-top-color:#262626!important}[data-theme=dark] .lms-session-card,[data-theme=dark] .lms-session-accordion{color:#fafafa!important;background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .lms-session-card.is-open,[data-theme=dark] .lms-session-card.is-active,[data-theme=dark] .lms-session-accordion.is-open,[data-theme=dark] .lms-session-accordion.is-active{border-color:#404040!important}[data-theme=dark] .lms-session-header,[data-theme=dark] .lms-session-accordion-header{color:#fafafa!important;background-color:#141414!important}[data-theme=dark] .lms-session-header:hover,[data-theme=dark] .lms-session-accordion-header:hover{background-color:#27354a!important}[data-theme=dark] .lms-session-card.is-open .lms-session-header,[data-theme=dark] .lms-session-card.is-active .lms-session-header,[data-theme=dark] .lms-session-accordion.is-open .lms-session-accordion-header,[data-theme=dark] .lms-session-accordion.is-active .lms-session-accordion-header{border-bottom-color:#262626!important}[data-theme=dark] .lms-session-title{color:#fafafa!important}[data-theme=dark] .lms-accordion-chevron{color:#a3a3a3!important;background-color:#0a0a0a!important;border-color:#262626!important}[data-theme=dark] .lms-session-card.is-open .lms-accordion-chevron,[data-theme=dark] .lms-session-card.is-active .lms-accordion-chevron,[data-theme=dark] .lms-session-accordion.is-open .lms-accordion-chevron,[data-theme=dark] .lms-session-accordion.is-active .lms-accordion-chevron{color:#60a5fa!important;background-color:#2563eb33!important;border-color:#3b82f666!important}[data-theme=dark] .lms-session-body,[data-theme=dark] .lms-session-accordion-body{color:#d4d4d4!important;background-color:#141414!important}[data-theme=dark] .lms-general-card{color:#fafafa!important;background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .lms-general-header{background-color:#141414!important;border-bottom-color:#262626!important}[data-theme=dark] .lms-general-body{background-color:#141414!important}[data-theme=dark] .lms-item-row,[data-theme=dark] .session-content-item{color:#fafafa!important;background-color:#0a0a0a!important;border-color:#262626!important}[data-theme=dark] .lms-item-row:hover,[data-theme=dark] .session-content-item:hover{background-color:#172033!important;border-color:#404040!important}[data-theme=dark] .lms-item-name{color:#fafafa!important}[data-theme=dark] .lms-item-sub{color:#a3a3a3!important}[data-theme=dark] .lms-more-btn{color:#d4d4d4!important;background-color:#0a0a0a!important;border-color:#262626!important}[data-theme=dark] .lms-more-btn:hover{color:#fff!important;background-color:#262626!important;border-color:#404040!important}[data-theme=dark] .lms-item-icon.material{color:#60a5fa!important;background:#2563eb33!important;border-color:#3b82f64d!important}[data-theme=dark] .lms-item-icon.assignment{color:#c084fc!important;background:#8b5cf633!important;border-color:#a78bfa4d!important}[data-theme=dark] .lms-item-icon.quiz{color:#fbbf24!important;background:#f59e0b33!important;border-color:#fbbf244d!important}.lms-pending-task-pill{color:#92400e;background:#fff;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:7px;padding:5px 12px;font-size:12px;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #d977060d}.lms-pending-task-pill:hover{color:#78350f;background:#fffbeb;border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 3px 6px #d977061f}.lms-pending-task-meeting{color:#b45309;letter-spacing:.02em;background:#fef3c7;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.lms-pending-task-title{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-weight:600;overflow:hidden}.lms-pending-task-count{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:1px 7px;font-size:10.5px;font-weight:700}[data-theme=dark] .lms-pending-task-pill{color:#fde68a;background:#141414;border-color:#78350f}[data-theme=dark] .lms-pending-task-pill:hover{color:#fef3c7;background:#292524;border-color:#f59e0b}[data-theme=dark] .lms-pending-task-meeting{color:#fde68a;background:#451a03}[data-theme=dark] .lms-pending-task-count{color:#fca5a5;background:#450a0a;border-color:#991b1b}.border{border-style:solid!important;border-width:1px!important;border-color:var(--border-color,#e2e8f0)!important}.border-light{border-color:var(--border-color,#e2e8f0)!important}.border-subtle{border-color:#f1f5f9!important}.bg-light{background-color:#f8fafc!important}.bg-primary-light{color:#2563eb!important;background-color:#eff6ff!important}.bg-purple-light{color:#7c3aed!important;background-color:#faf5ff!important}.bg-orange-light,.bg-warning-light{color:#ea580c!important;background-color:#fff7ed!important}.bg-success-light,.bg-emerald-light{color:#16a34a!important;background-color:#f0fdf4!important}.bg-danger-light{color:#dc2626!important;background-color:#fef2f2!important}[data-theme=dark] .border,[data-theme=dark] .border-light{border-color:#262626!important}[data-theme=dark] .bg-light{background-color:#141414!important}[data-theme=dark] .bg-primary-light{color:#60a5fa!important;background-color:#2563eb26!important}[data-theme=dark] .bg-purple-light{color:#a78bfa!important;background-color:#7c3aed26!important}[data-theme=dark] .bg-orange-light,[data-theme=dark] .bg-warning-light{color:#fb923c!important;background-color:#ea580c26!important}[data-theme=dark] .bg-success-light,[data-theme=dark] .bg-emerald-light{color:#34d399!important;background-color:#10b98126!important}[data-theme=dark] .bg-danger-light{color:#f87171!important;background-color:#ef444426!important}.guidance-list,.bullet-list{margin:0!important;padding-left:1.25rem!important;list-style-type:disc!important}.guidance-list li,.bullet-list li{color:var(--text-secondary,#475569);margin-bottom:6px;font-size:13.5px;line-height:1.6;list-style-type:disc!important;display:list-item!important}.guidance-list li::marker{color:var(--primary,#2563eb)}.bullet-list li::marker{color:var(--primary,#2563eb)}.guidance-list li:last-child,.bullet-list li:last-child{margin-bottom:0}[data-theme=dark] .guidance-list li,[data-theme=dark] .bullet-list li{color:var(--text-secondary,#a3a3a3)}[data-theme=dark] [style*="background: #ffffff" i],[data-theme=dark] [style*="background:#ffffff" i],[data-theme=dark] [style*="background: #fff" i],[data-theme=dark] [style*="background:#fff" i],[data-theme=dark] [style*="background: white" i],[data-theme=dark] [style*=background\:white i],[data-theme=dark] [style*="background-color: #ffffff" i],[data-theme=dark] [style*="background-color:#ffffff" i],[data-theme=dark] [style*="background-color: #fff" i],[data-theme=dark] [style*="background-color:#fff" i],[data-theme=dark] [style*="background-color: white" i],[data-theme=dark] [style*=background-color\:white i],[data-theme=dark] [style*="background: #f8fafc" i],[data-theme=dark] [style*="background:#f8fafc" i],[data-theme=dark] [style*="background: #f1f5f9" i],[data-theme=dark] [style*="background:#f1f5f9" i],[data-theme=dark] [style*="background-color: #f8fafc" i],[data-theme=dark] [style*="background-color:#f8fafc" i],[data-theme=dark] [style*="background-color: #f1f5f9" i],[data-theme=dark] [style*="background-color:#f1f5f9" i],[data-theme=dark] .bg-white{background-color:#141414!important}[data-theme=dark] .bg-slate-50,[data-theme=dark] .bg-gray-50,[data-theme=dark] .bg-slate-100,[data-theme=dark] .bg-gray-100{background-color:#0a0a0a!important}[data-theme=dark] [style*="background: #eff6ff" i],[data-theme=dark] [style*="background:#eff6ff" i],[data-theme=dark] [style*="background: #f0f9ff" i],[data-theme=dark] [style*="background:#f0f9ff" i],[data-theme=dark] [style*="background-color: #eff6ff" i],[data-theme=dark] [style*="background-color:#eff6ff" i],[data-theme=dark] [style*="background-color: #f0f9ff" i],[data-theme=dark] [style*="background-color:#f0f9ff" i]{background-color:#2563eb29!important}[data-theme=dark] [style*="background: #ecfdf5" i],[data-theme=dark] [style*="background:#ecfdf5" i],[data-theme=dark] [style*="background: #f0fdf4" i],[data-theme=dark] [style*="background:#f0fdf4" i],[data-theme=dark] [style*="background-color: #ecfdf5" i],[data-theme=dark] [style*="background-color:#ecfdf5" i],[data-theme=dark] [style*="background-color: #f0fdf4" i],[data-theme=dark] [style*="background-color:#f0fdf4" i]{background-color:#10b98129!important}[data-theme=dark] [style*="background: #fef2f2" i],[data-theme=dark] [style*="background:#fef2f2" i],[data-theme=dark] [style*="background: #fff5f5" i],[data-theme=dark] [style*="background:#fff5f5" i],[data-theme=dark] [style*="background: #fee2e2" i],[data-theme=dark] [style*="background:#fee2e2" i],[data-theme=dark] [style*="background-color: #fef2f2" i],[data-theme=dark] [style*="background-color:#fef2f2" i],[data-theme=dark] [style*="background-color: #fff5f5" i],[data-theme=dark] [style*="background-color:#fff5f5" i],[data-theme=dark] [style*="background-color: #fee2e2" i],[data-theme=dark] [style*="background-color:#fee2e2" i]{background-color:#ef444429!important}[data-theme=dark] [style*="background: #fffbeb" i],[data-theme=dark] [style*="background:#fffbeb" i],[data-theme=dark] [style*="background: #fef3c7" i],[data-theme=dark] [style*="background:#fef3c7" i],[data-theme=dark] [style*="background-color: #fffbeb" i],[data-theme=dark] [style*="background-color:#fffbeb" i],[data-theme=dark] [style*="background-color: #fef3c7" i],[data-theme=dark] [style*="background-color:#fef3c7" i]{background-color:#f59e0b29!important}[data-theme=dark] [style*="background: #f5f3ff" i],[data-theme=dark] [style*="background:#f5f3ff" i],[data-theme=dark] [style*="background: #faf5ff" i],[data-theme=dark] [style*="background:#faf5ff" i],[data-theme=dark] [style*="background-color: #f5f3ff" i],[data-theme=dark] [style*="background-color:#f5f3ff" i],[data-theme=dark] [style*="background-color: #faf5ff" i],[data-theme=dark] [style*="background-color:#faf5ff" i]{background-color:#8b5cf629!important}[data-theme=dark] [style*="color: #0f172a" i],[data-theme=dark] [style*="color:#0f172a" i],[data-theme=dark] [style*="color: #1e293b" i],[data-theme=dark] [style*="color:#1e293b" i],[data-theme=dark] [style*="color: #111827" i],[data-theme=dark] [style*="color:#111827" i],[data-theme=dark] [style*="color: #18181b" i],[data-theme=dark] [style*="color:#18181b" i],[data-theme=dark] [style*="color: #334155" i],[data-theme=dark] [style*="color:#334155" i],[data-theme=dark] [style*="color: black" i],[data-theme=dark] [style*=color\:black i]{color:#fafafa!important}[data-theme=dark] [style*="color: #475569" i],[data-theme=dark] [style*="color:#475569" i],[data-theme=dark] [style*="color: #64748b" i],[data-theme=dark] [style*="color:#64748b" i],[data-theme=dark] [style*="color: #6b7280" i],[data-theme=dark] [style*="color:#6b7280" i]{color:#a3a3a3!important}[data-theme=dark] [style*="border: 1px solid #e2e8f0" i],[data-theme=dark] [style*="border:1px solid #e2e8f0" i],[data-theme=dark] [style*="border: 1px solid #f1f5f9" i],[data-theme=dark] [style*="border:1px solid #f1f5f9" i],[data-theme=dark] [style*="border: 1px solid #e5e7eb" i],[data-theme=dark] [style*="border:1px solid #e5e7eb" i],[data-theme=dark] [style*="border-color: #e2e8f0" i],[data-theme=dark] [style*="border-color:#e2e8f0" i],[data-theme=dark] [style*="border-color: #f1f5f9" i],[data-theme=dark] [style*="border-color:#f1f5f9" i],[data-theme=dark] [style*="border-color: #e5e7eb" i],[data-theme=dark] [style*="border-color:#e5e7eb" i],[data-theme=dark] [style*="border-top: 1px solid #f1f5f9" i],[data-theme=dark] [style*="border-top: 1px solid #e2e8f0" i],[data-theme=dark] [style*="border-bottom: 1px solid #f1f5f9" i],[data-theme=dark] [style*="border-bottom: 1px solid #e2e8f0" i]{border-color:#262626!important}[data-theme=dark] [style*="border: 1px dashed #cbd5e1" i],[data-theme=dark] [style*="border: 2px dashed #cbd5e1" i]{border-color:#404040!important}[data-theme=dark] .swal2-popup{color:#fafafa!important;background-color:#141414!important;border:1px solid #262626!important;box-shadow:0 25px 50px -12px #000000b3!important}[data-theme=dark] .swal2-title{color:#fafafa!important}[data-theme=dark] .swal2-html-container{color:#d4d4d4!important}[data-theme=dark] .swal2-input,[data-theme=dark] .swal2-textarea,[data-theme=dark] .swal2-select{color:#fafafa!important;background-color:#0a0a0a!important;border-color:#262626!important}[data-theme=dark] .swal2-close{color:#a3a3a3!important}[data-theme=dark] .swal2-close:hover{color:#fafafa!important}[data-theme=dark] .swal2-footer{color:#a3a3a3!important;border-top-color:#262626!important}[data-theme=dark] .list-group-item{color:#fafafa!important;background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .list-group-item:hover{background-color:#27354a!important}[data-theme=dark] .stat-icon.blue,[data-theme=dark] .stat-icon-blue{color:#60a5fa!important}[data-theme=dark] .stat-icon.green,[data-theme=dark] .stat-icon.emerald,[data-theme=dark] .stat-icon-green{color:#34d399!important}[data-theme=dark] .stat-icon.purple,[data-theme=dark] .stat-icon.indigo,[data-theme=dark] .stat-icon-purple{color:#a78bfa!important}[data-theme=dark] .stat-icon.orange,[data-theme=dark] .stat-icon.amber,[data-theme=dark] .stat-icon.yellow,[data-theme=dark] .stat-icon-orange{color:#fbbf24!important}[data-theme=dark] .stat-icon.red,[data-theme=dark] .stat-icon.pink,[data-theme=dark] .stat-icon.rose,[data-theme=dark] .stat-icon-red{color:#f87171!important}[data-theme=dark] .stat-icon.teal,[data-theme=dark] .stat-icon-teal{color:#2dd4bf!important}[data-theme=dark] .calendar-main-card{background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .calendar-main-card:hover{border-color:#404040!important}[data-theme=dark] .calendar-legend-bar{border-bottom-color:#262626!important}[data-theme=dark] .calendar-legend-item{color:#d4d4d4!important;background-color:#0a0a0a!important;border-color:#262626!important}[data-theme=dark] .fc .fc-toolbar-title{color:#fafafa!important}[data-theme=dark] .fc .fc-button{color:#d4d4d4!important;box-shadow:none!important;background-color:#0a0a0a!important;border-color:#262626!important}[data-theme=dark] .fc .fc-button:hover{color:#fafafa!important;background-color:#141414!important;border-color:#404040!important}[data-theme=dark] .fc .fc-button-active,[data-theme=dark] .fc .fc-button-primary:not(:disabled):active,[data-theme=dark] .fc .fc-button-primary:not(:disabled).fc-button-active{color:#fff!important;background-color:#2563eb!important;border-color:#3b82f6!important;box-shadow:0 2px 6px #2563eb4d!important}[data-theme=dark] .fc .fc-button-group{background-color:#0a0a0a!important;border:1px solid #262626!important}[data-theme=dark] .fc .fc-button-group .fc-button{border:none!important}[data-theme=dark] .fc .fc-button-group .fc-button:not(:last-child){border-right:1px solid #262626!important}[data-theme=dark] .fc-theme-standard td,[data-theme=dark] .fc-theme-standard th,[data-theme=dark] .fc-theme-standard .fc-scrollgrid{border-color:#262626!important}[data-theme=dark] .fc .fc-col-header-cell{background-color:#0a0a0a!important}[data-theme=dark] .fc .fc-col-header-cell-cushion{color:#a3a3a3!important}[data-theme=dark] .fc .fc-daygrid-day-number{color:#d4d4d4!important}[data-theme=dark] .fc-day-other .fc-daygrid-day-number{color:#404040!important;opacity:.6!important}[data-theme=dark] .fc .fc-daygrid-day-frame{background-color:#0000!important}[data-theme=dark] .fc .fc-day-today{background-color:#2563eb26!important}[data-theme=dark] .fc .fc-day-today .fc-daygrid-day-number{color:#fff!important;background-color:#2563eb!important}[data-theme=dark] .fc-event{box-shadow:0 1px 3px #0000004d!important}[data-theme=dark] .fc-event:hover{box-shadow:0 4px 10px #00000080!important}[data-theme=dark] .fc-theme-standard .fc-list{border-color:#262626!important}[data-theme=dark] .fc-theme-standard .fc-list-day-cushion{color:#d4d4d4!important;background-color:#0a0a0a!important}[data-theme=dark] .fc-theme-standard .fc-list-event:hover td{background-color:#141414!important}[data-theme=dark] .fc-list-event-title a{color:#fafafa!important}[data-theme=dark] .fc-list-event-time{color:#a3a3a3!important}[data-theme=dark] .fc-list-empty{color:#a3a3a3!important;background-color:#141414!important}[data-theme=dark] .fc-timegrid-slot{border-color:#262626!important}[data-theme=dark] .fc-timegrid-slot-label-cushion{color:#a3a3a3!important}[data-theme=dark] .fc-popover{background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .fc-popover-header{color:#fafafa!important;background-color:#0a0a0a!important}[data-theme=dark] .fc-popover-body{background-color:#141414!important}[data-theme=dark] .fc-more-link{color:#60a5fa!important}[data-theme=dark] .calendar-sidebar-card{background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .calendar-sidebar-card:hover{border-color:#404040!important}[data-theme=dark] .calendar-sidebar-header{background-color:#141414!important;border-bottom-color:#262626!important}[data-theme=dark] .calendar-sidebar-title{color:#fafafa!important}[data-theme=dark] .event-search-input{color:#fafafa!important;background-color:#0a0a0a!important;border-color:#262626!important}[data-theme=dark] .event-search-input:focus{background-color:#0a0a0a!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f633!important}[data-theme=dark] .event-search-icon{color:#737373!important}[data-theme=dark] .event-card-item{background-color:#0a0a0a!important;border-color:#262626!important}[data-theme=dark] .event-card-item:hover{background-color:#141414!important;border-color:#404040!important}[data-theme=dark] .event-card-title{color:#fafafa!important}[data-theme=dark] .event-card-date,[data-theme=dark] .event-card-desc{color:#a3a3a3!important}[data-theme=dark] .event-card-holiday-tag{color:#f87171!important;background-color:#ef444426!important;border-color:#ef44444d!important}[data-theme=dark] .announcement-card{color:#fafafa!important;box-shadow:none!important;background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .announcement-card:hover{background-color:#141414!important;border-color:#404040!important}[data-theme=dark] .announcement-card-top{background-color:#0000!important}[data-theme=dark] .announcement-card-title,[data-theme=dark] .announcement-card-title a,[data-theme=dark] .announcement-article-title{color:#fafafa!important}[data-theme=dark] .announcement-card-title a:hover{color:#60a5fa!important}[data-theme=dark] .announcement-card-excerpt{color:#a3a3a3!important}[data-theme=dark] .announcement-attachment-pill{color:#60a5fa!important;background:#2563eb26!important;border-color:#3b82f64d!important}[data-theme=dark] .announcement-attachment-pill:hover{color:#93c5fd!important;background:#2563eb40!important;border-color:#3b82f6!important}[data-theme=dark] .announcement-card-footer{background-color:#141414!important;border-top-color:#262626!important}[data-theme=dark] .announcement-author-name{color:#d4d4d4!important}[data-theme=dark] .announcement-widget-list{background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .announcement-widget-item{color:#fafafa!important;border-bottom-color:#262626!important}[data-theme=dark] .announcement-widget-item:hover{background-color:#262626!important}[data-theme=dark] .announcement-article-card{color:#fafafa!important;box-shadow:none!important;background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .announcement-article-header{background-color:#0000!important;border-bottom-color:#262626!important}[data-theme=dark] .announcement-article-body{color:#d4d4d4!important;background-color:#0000!important}[data-theme=dark] .announcement-article-body *{color:inherit}[data-theme=dark] .announcement-download-box{background-color:#0a0a0a!important;border-color:#262626!important}[data-theme=dark] .announcement-download-box:hover{background-color:#172033!important;border-color:#404040!important}[data-theme=dark] .announcement-download-icon{color:#60a5fa!important;background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .gps-modal-badge.is-valid{color:#6ee7b7!important;background:#10b98126!important;border-color:#10b98159!important}[data-theme=dark] .gps-modal-badge.is-valid strong{color:#a7f3d0!important}[data-theme=dark] .gps-modal-badge.is-invalid{color:#fde047!important;background:#f59e0b26!important;border-color:#f59e0b59!important}[data-theme=dark] .gps-modal-badge.is-invalid strong{color:#fef08a!important}[data-theme=dark] .gps-modal-icon.is-valid{color:#34d399!important;background:#10b98133!important}[data-theme=dark] .gps-modal-icon.is-invalid{color:#fbbf24!important;background:#f59e0b33!important}[data-theme=dark] .guru-att-status-badge,[data-theme=dark] .guru-att-banner .badge,[data-theme=dark] .guru-mobile-att-card .badge{background:#fff!important;border:none!important;box-shadow:0 1px 4px #00000026!important}[data-theme=dark] .guru-att-status-badge.badge-unpresent,[data-theme=dark] .guru-att-banner.state-unpresent .badge{color:#dc2626!important}[data-theme=dark] .guru-att-status-badge.badge-checkedin,[data-theme=dark] .guru-att-banner.state-checkedin .badge{color:#2563eb!important}[data-theme=dark] .guru-att-status-badge.badge-completed,[data-theme=dark] .guru-att-banner.state-completed .badge{color:#059669!important}.student-hero-avatar{color:#2563eb;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:2px solid #bfdbfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:20px;font-weight:800;display:flex}[data-theme=dark] .student-hero-avatar{color:#60a5fa!important;background:#2563eb33!important;border-color:#3b82f666!important}.achievement-card-item{background:#faf5ff;border:1px solid #e9d5ff;border-radius:12px;padding:14px}[data-theme=dark] .achievement-card-item{background:#7c3aed1f!important;border-color:#8b5cf647!important}.violation-card-item{background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;padding:14px}[data-theme=dark] .violation-card-item{background:#ef44441f!important;border-color:#ef444447!important}.student-switcher-group{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;align-items:stretch;height:40px;transition:border-color .2s,box-shadow .2s;display:inline-flex;overflow:hidden;box-shadow:0 1px 2px #0000000a}.student-switcher-group:focus-within{border-color:var(--primary,#2563eb);box-shadow:0 0 0 3px #2563eb1f}.student-switcher-btn{background:var(--bg-surface-secondary,#f8fafc);width:38px;min-width:38px;color:var(--text-slate,#1e293b);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.student-switcher-btn:hover:not(:disabled){background:var(--primary-light,#eff6ff);color:var(--primary,#2563eb)}.student-switcher-btn.prev{border-right:1px solid var(--border-color,#e2e8f0)}.student-switcher-btn.next{border-left:1px solid var(--border-color,#e2e8f0)}.student-switcher-btn:disabled,.student-switcher-btn[disabled]{opacity:.35;cursor:not-allowed;background:var(--bg-surface-secondary,#f8fafc);color:var(--text-muted,#94a3b8)}.student-switcher-select-wrapper{background:var(--bg-surface,#fff);flex:1;align-items:center;min-width:190px;display:flex;position:relative}.student-switcher-select{width:100%;height:100%;color:var(--text-slate,#1e293b);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 10px center no-repeat;padding:0 30px 0 14px;font-size:13px;font-weight:600;box-shadow:none!important;border:none!important;outline:none!important}.student-hero-buttons-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}[data-theme=dark] .student-switcher-group{background:var(--bg-surface,#141414);border-color:var(--border-color,#ffffff1a)}[data-theme=dark] .student-switcher-btn{color:var(--text-slate,#f5f5f5);background:#ffffff0a}[data-theme=dark] .student-switcher-btn.prev{border-right-color:var(--border-color,#ffffff1a)}[data-theme=dark] .student-switcher-btn.next{border-left-color:var(--border-color,#ffffff1a)}[data-theme=dark] .student-switcher-btn:hover:not(:disabled){color:#60a5fa;background:#2563eb33}[data-theme=dark] .student-switcher-select-wrapper{background:var(--bg-surface,#141414)}[data-theme=dark] .student-switcher-select{color:var(--text-slate,#f5f5f5);background-color:var(--bg-surface,#141414)}[data-theme=dark] .student-switcher-select option{color:#f5f5f5;background-color:#141414}@media (width<=768px){.student-hero-header-actions{flex-direction:column;gap:10px;width:100%;display:flex}.student-switcher-group{width:100%;height:42px}.student-switcher-btn{width:44px;min-width:44px}.student-switcher-select-wrapper{min-width:0}.student-switcher-select{font-size:13px}.student-hero-buttons-row{gap:8px;width:100%}.student-hero-buttons-row .btn{flex:auto;justify-content:center;min-width:0;padding:0 10px;font-size:12.5px}.wali-header-actions{flex-direction:column!important;gap:10px!important;width:100%!important;display:flex!important}.wali-header-filters{gap:8px!important;width:100%!important;display:flex!important}.wali-ta-select,.wali-kelas-select{flex:1 1 0!important;width:100%!important;min-width:0!important;height:42px!important;font-size:13px!important}.wali-header-btn-group{gap:8px!important;width:100%!important;display:flex!important}.wali-header-btn-group .btn{flex:1 1 0!important;justify-content:center!important;min-width:0!important;height:42px!important;padding:0 10px!important;font-size:12.5px!important}}.wali-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wali-header-filters{align-items:center;gap:8px;display:flex}.wali-ta-select{min-width:170px;height:42px;width:auto!important}.wali-kelas-select{min-width:140px;height:42px;width:auto!important}.wali-header-btn-group{align-items:center;gap:8px;display:flex}.subnav-pill-container{width:100%;margin-bottom:24px}.subnav-pill-group{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:3px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.subnav-pill-group::-webkit-scrollbar{display:none}.subnav-pill-item{color:#64748b;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:7px 16px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.subnav-pill-item svg{flex-shrink:0;width:16px;height:16px;transition:transform .2s}.subnav-pill-item:hover{color:#0f172a;background:#fff9}.subnav-pill-item:hover svg{transform:translateY(-1px)}.subnav-pill-item.active{color:#0f172a!important;background:#fff!important;border-color:#0000000a!important;font-weight:600!important;box-shadow:0 2px 6px -1px #00000014,0 1px 3px -1px #0000000a!important}.subnav-pill-item.active svg{color:#2563eb}.subnav-pill-item .pill-badge{color:#475569;background:#e2e8f0;border-radius:9999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:2px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.subnav-pill-item.active .pill-badge{color:#2563eb;background:#eff6ff}.attendance-radio-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;padding:4px 6px;display:inline-flex}.attendance-radio-item{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin:0;display:inline-flex;position:relative}.attendance-radio-item input[type=radio]{opacity:0;pointer-events:none;width:0;height:0;margin:0;position:absolute}.attendance-radio-item span{color:#64748b;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 6px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.attendance-radio-item:hover span{color:#0f172a;background:#e2e8f0}.attendance-radio-item.status-h input:checked~span,.attendance-radio-item.status-h input:checked+span{box-shadow:0 2px 8px #16a34a59;color:#fff!important;background:#16a34a!important}.attendance-radio-item.status-t input:checked~span,.attendance-radio-item.status-t input:checked+span{box-shadow:0 2px 8px #2563eb59;color:#fff!important;background:#2563eb!important}.attendance-radio-item.status-i input:checked~span,.attendance-radio-item.status-i input:checked+span{box-shadow:0 2px 8px #d9770659;color:#fff!important;background:#d97706!important}.attendance-radio-item.status-s input:checked~span,.attendance-radio-item.status-s input:checked+span{box-shadow:0 2px 8px #7c3aed59;color:#fff!important;background:#7c3aed!important}.attendance-radio-item.status-a input:checked~span,.attendance-radio-item.status-a input:checked+span{box-shadow:0 2px 8px #dc262659;color:#fff!important;background:#dc2626!important}.table-user-cell{align-items:center;gap:12px;display:flex}.table-user-avatar{color:#2563eb;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1.5px solid #bfdbfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.table-user-info{flex-direction:column;min-width:0;display:flex}.table-user-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;line-height:1.3;overflow:hidden}.table-user-sub{color:#64748b;font-size:12px;line-height:1.3}.time-pill-badge{color:#334155;font-variant-numeric:tabular-nums;background:#f1f5f9;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.time-pill-badge svg{color:#64748b}.attendance-sticky-bar{z-index:90;-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:12px 20px;display:flex;position:sticky;bottom:20px;left:0;right:0;box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000d}[data-theme=dark] .subnav-pill-group{background:var(--bg-card);border-color:#ffffff14;box-shadow:0 4px 20px -2px #0000004d}[data-theme=dark] .subnav-pill-item{color:#a3a3a3}[data-theme=dark] .subnav-pill-item:hover{color:#fafafa;background:#ffffff0f}[data-theme=dark] .subnav-pill-item.active{color:#fff!important;background:#141414!important}[data-theme=dark] .attendance-radio-group{background:#0f172a99;border-color:#ffffff1a}[data-theme=dark] .attendance-radio-item span{color:#a3a3a3}[data-theme=dark] .attendance-radio-item:hover span{color:#fafafa;background:#ffffff1a}[data-theme=dark] .table-user-avatar{color:#60a5fa;background:#2563eb33;border-color:#3b82f666}[data-theme=dark] .table-user-name{color:#fafafa}[data-theme=dark] .table-user-sub{color:#a3a3a3}[data-theme=dark] .time-pill-badge{color:#d4d4d4;background:#ffffff0f}[data-theme=dark] .attendance-sticky-bar{background:#1e293beb;border-color:#ffffff1a;box-shadow:0 10px 25px -5px #0006}@media (width<=768px){.subnav-pill-group{justify-content:flex-start;width:100%;display:flex}.subnav-pill-item{flex:auto;justify-content:center;padding:8px 12px;font-size:12.5px}.attendance-sticky-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px;bottom:12px}}.live-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.8s infinite livePulseGlow;display:inline-block;box-shadow:0 0 #10b981b3}@keyframes livePulseGlow{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.live-stream-item{transition:transform .15s,background-color .15s}.live-stream-item:hover{transform:translate(2px);background-color:var(--card-bg)!important}.guru-filter-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:3px;max-width:100%;margin-bottom:20px;padding:4px;display:inline-flex;overflow-x:auto}.guru-filter-pill{color:#64748b;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:9px;flex-shrink:0;align-items:center;gap:8px;padding:7px 16px;font-size:13.5px;font-weight:500;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex;text-decoration:none!important}.guru-filter-pill svg{flex-shrink:0;width:16px;height:16px;transition:transform .2s}.guru-filter-pill:hover{color:#0f172a;background:#fff9;border-color:#0000;transform:none}.guru-filter-pill:hover svg{transform:translateY(-1px)}.guru-filter-pill.active{color:#0f172a!important;background:#fff!important;border-color:#0000000a!important;font-weight:600!important;transform:none!important;box-shadow:0 2px 6px -1px #00000014,0 1px 3px -1px #0000000a!important}.guru-filter-pill.active svg{color:#2563eb!important;stroke:#2563eb!important}.guru-filter-pill .pill-count,.guru-filter-pill .pill-badge{color:#475569;background:#e2e8f0;border-radius:9999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:2px;padding:0 6px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.guru-filter-pill.active .pill-count,.guru-filter-pill.active .pill-badge{color:#2563eb!important;background:#eff6ff!important}[data-theme=dark] .guru-filter-pill.active svg{color:#60a5fa!important;stroke:#60a5fa!important}[data-theme=dark] .guru-filter-pill .pill-count,[data-theme=dark] .guru-filter-pill .pill-badge{color:#d4d4d4!important;background:#262626!important}[data-theme=dark] .guru-filter-pill.active .pill-count,[data-theme=dark] .guru-filter-pill.active .pill-badge{color:#60a5fa!important;background:#2563eb33!important}.attendance-filter-grid,.filter-one-line-grid{flex-wrap:wrap;align-items:flex-end;gap:16px;width:100%;display:flex}.attendance-filter-grid>.form-group,.filter-one-line-grid>.form-group{flex:1;min-width:220px;margin-bottom:0}.attendance-filter-grid>.action-col,.filter-one-line-grid>.action-col{flex-shrink:0;margin-bottom:0}@media (width<=768px){.attendance-filter-grid,.filter-one-line-grid{flex-direction:column;align-items:stretch;gap:14px}.attendance-filter-grid>.form-group,.filter-one-line-grid>.form-group,.attendance-filter-grid>.action-col,.filter-one-line-grid>.action-col{width:100%;min-width:0}.attendance-filter-grid .btn,.filter-one-line-grid .btn{width:100%}}@keyframes spin{to{transform:rotate(360deg)}}.spin-icon,.is-spinning{animation:.75s linear infinite spin!important}.btn.is-loading,.btn:disabled.is-loading{opacity:.8!important;pointer-events:none!important;cursor:wait!important}.btn.is-loading svg,.btn.is-loading .spin-target{animation:.75s linear infinite spin!important}.loading-overlay{-webkit-backdrop-filter:blur(2px);z-index:30;border-radius:inherit;background:#ffffffc7;flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s,visibility .2s;display:flex;position:absolute;inset:0}[data-theme=dark] .loading-overlay{background:#0f172ac7}.spinner{border:3.5px solid #2563eb2e;border-top-color:var(--primary,#2563eb);border-radius:50%;width:32px;height:32px;animation:.75s linear infinite spin}.spinner-sm{border-width:2.5px;width:18px;height:18px}.metric-strip-card{margin-bottom:24px;overflow:visible;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.metric-strip-grid{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}.metric-strip-grid.cols-5{grid-template-columns:repeat(5,1fr)}.metric-strip-grid.cols-4{grid-template-columns:repeat(4,1fr)}.metric-strip-grid.cols-3{grid-template-columns:repeat(3,1fr)}.metric-strip-grid.cols-2{grid-template-columns:repeat(2,1fr)}.metric-strip-item{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);box-sizing:border-box;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 3px #00000005}.metric-strip-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000a}.metric-strip-item:last-child{border-right:1px solid var(--border-color,#e2e8f0)}.metric-strip-icon{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.metric-strip-icon.slate{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.metric-strip-icon.blue{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.metric-strip-icon.green{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.metric-strip-icon.purple{color:#9333ea;background:#faf5ff;border:1px solid #e9d5ff}.metric-strip-icon.orange{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.metric-strip-icon.red{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.metric-strip-icon.teal{color:#0d9488;background:#f0fdfa;border:1px solid #99f6e4}.metric-strip-item:hover .metric-strip-icon{transform:scale(1.04)}.metric-strip-icon svg{width:20px;height:20px}.metric-strip-data{flex-direction:column;min-width:0;display:flex}.metric-strip-value{color:var(--text-primary,#0f172a);font-size:18px;font-weight:700;line-height:1.25}.metric-strip-label{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;font-weight:500;overflow:hidden}@media (width<=1200px){.metric-strip-grid.cols-5{grid-template-columns:repeat(3,1fr);gap:14px}}@media (width<=991px){.metric-strip-grid,.metric-strip-grid.cols-5,.metric-strip-grid.cols-4,.metric-strip-grid.cols-3,.metric-strip-grid.cols-2{gap:14px;grid-template-columns:repeat(2,1fr)!important}}@media (width<=640px){.metric-strip-grid,.metric-strip-grid.cols-5,.metric-strip-grid.cols-4,.metric-strip-grid.cols-3,.metric-strip-grid.cols-2{gap:12px;grid-template-columns:1fr!important}.metric-strip-item{padding:14px 16px}.metric-strip-label{white-space:normal}}[data-theme=dark] .metric-strip-card{background:0 0!important;border:none!important}[data-theme=dark] .metric-strip-item{background:var(--bg-card,#141414);border-color:var(--border-color,#262626);box-shadow:none}[data-theme=dark] .metric-strip-item:hover{border-color:#404040;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .metric-strip-value{color:var(--text-primary,#fafafa)}[data-theme=dark] .metric-strip-label{color:var(--text-muted,#a3a3a3)}[data-theme=dark] .metric-strip-icon,[data-theme=dark] .metric-strip-icon.slate{color:#d4d4d4;background:#ffffff0d;border-color:#262626}[data-theme=dark] .metric-strip-icon.blue{color:#60a5fa;background:#2563eb26;border-color:#2563eb4d}[data-theme=dark] .metric-strip-icon.green{color:#34d399;background:#10b98126;border-color:#10b9814d}[data-theme=dark] .metric-strip-icon.purple{color:#c084fc;background:#9333ea26;border-color:#9333ea4d}[data-theme=dark] .metric-strip-icon.orange{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}[data-theme=dark] .metric-strip-icon.red{color:#f87171;background:#ef444426;border-color:#ef44444d}[data-theme=dark] .metric-strip-icon.teal{color:#2dd4bf;background:#0d948826;border-color:#0d94884d}[data-theme=dark] .metric-strip-item:hover .metric-strip-icon{color:#fafafa;background:#ffffff17;border-color:#404040}.metric-card-grid{grid-template-columns:repeat(4,1fr);gap:14px;width:100%;margin-bottom:20px;display:grid}.metric-card-grid.cols-3{grid-template-columns:repeat(3,1fr)}.metric-card-grid.cols-2{grid-template-columns:repeat(2,1fr)}.metric-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);box-shadow:none;border-radius:12px;align-items:center;gap:13px;padding:13px 18px;transition:transform .18s,border-color .18s;display:flex}.metric-card:hover{border-color:#cbd5e1;transform:translateY(-2px)}.metric-card-icon{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.metric-card-icon.slate,.metric-card-icon.blue,.metric-card-icon.green,.metric-card-icon.purple,.metric-card-icon.orange,.metric-card-icon.red{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0}.metric-card:hover .metric-card-icon{color:#0f172a;background:#e2e8f0;border-color:#cbd5e1}.metric-card-icon svg{width:19px;height:19px}.metric-card-data{flex-direction:column;min-width:0;display:flex}.metric-card-value{color:var(--text-primary,#0f172a);font-size:17px;font-weight:700;line-height:1.2}.metric-card-label{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;font-weight:500;overflow:hidden}@media (width<=991px){.metric-card-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=576px){.metric-card-grid{grid-template-columns:1fr;gap:10px}}[data-theme=dark] .metric-card{background:var(--bg-card,#141414);border-color:var(--border-color,#262626)}[data-theme=dark] .metric-card-value{color:var(--text-primary,#fafafa)}[data-theme=dark] .metric-card-label{color:var(--text-muted,#a3a3a3)}[data-theme=dark] .metric-card-icon{color:#d4d4d4;background:#ffffff0d;border-color:#262626}[data-theme=dark] .metric-card:hover .metric-card-icon{color:#fafafa;background:#ffffff17;border-color:#404040}:root{--print-border:#cbd5e1;--print-bg-header:#f1f5f9;--print-bg-zebra:#fafbfc;--print-bg-summary:#f8fafc;--print-text-dark:#0f172a;--print-text-muted:#64748b}body.print-preview-body,.print-preview-wrapper{color:#0f172a;background-color:#f1f5f9;margin:0;padding:24px 0 40px;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:11px;line-height:1.4;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print-bar{z-index:100;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;max-width:297mm;margin:0 auto 20px;padding:12px 24px;display:flex;position:sticky;top:0;box-shadow:0 4px 16px #0000000f}.no-print-bar.portrait{max-width:210mm}.no-print-bar-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.no-print-bar-title{color:#0f172a;font-size:13.5px;font-weight:700}.no-print-bar-badge{color:#2563eb;background:#eff6ff;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.no-print-bar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-print-action,.btn-back,.btn-download-pdf,.btn-print{border-radius:var(--radius-btn,9999px);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-print-primary,.btn-print{color:#fff;background:#2563eb;border-color:#2563eb}.btn-print-primary:hover,.btn-print:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 2px 8px #2563eb4d}.btn-print-secondary,.btn-back{color:#334155;background:#fff;border:1px solid #cbd5e1}.btn-print-secondary:hover,.btn-back:hover{background:#f1f5f9;border-color:#94a3b8}.btn-pdf,.btn-print-pdf,.btn-download-pdf{color:#dc2626!important;background:#fee2e2!important;border:1px solid #fca5a5!important}.btn-pdf:hover,.btn-print-pdf:hover,.btn-download-pdf:hover{color:#b91c1c!important;background:#fecaca!important;border-color:#ef4444!important;box-shadow:0 2px 8px #dc262633!important}.print-page{box-sizing:border-box;background:#fff;width:297mm;min-height:210mm;margin:0 auto 20px;padding:14mm 16mm;position:relative;box-shadow:0 2px 16px #0000000f}.print-page.portrait{width:210mm;min-height:297mm}.doc-title-area{text-align:center;margin-bottom:14px}.doc-title{text-transform:uppercase;letter-spacing:.5px;color:#0f172a;margin:0 0 3px;font-size:14px;font-weight:800}.doc-subtitle{color:#475569;margin:0;font-size:11px;font-weight:500}.meta-table{border-collapse:collapse;width:100%;margin-bottom:12px;font-size:11px}.meta-table td{vertical-align:middle;padding:3px 6px;border:none!important}.meta-table .meta-label{color:#64748b}.meta-table .meta-value{color:#0f172a;font-weight:600}.print-table,.recap-table,.table-print{border-collapse:collapse;width:100%;margin-bottom:18px;font-size:10px}.print-table.dense,.recap-table.dense,.table-print.dense{font-size:9px}.print-table th,.print-table td,.recap-table th,.recap-table td,.table-print th,.table-print td{vertical-align:top;border:1px solid #cbd5e1;padding:6px 8px}.print-table.dense th,.print-table.dense td,.recap-table.dense th,.recap-table.dense td,.table-print.dense th,.table-print.dense td{padding:4px 6px}.print-table th,.recap-table th,.table-print th{color:#1e293b;text-align:center;text-transform:uppercase;letter-spacing:.3px;vertical-align:middle;background-color:#f1f5f9;font-size:9.5px;font-weight:700}.print-table.dense th,.recap-table.dense th,.table-print.dense th{font-size:8.5px}.print-table td.center,.print-table td.text-center,.recap-table td.center,.recap-table td.text-center,.table-print td.center,.table-print td.text-center{text-align:center}.print-table td.right,.print-table td.text-right,.recap-table td.right,.recap-table td.text-right,.table-print td.right,.table-print td.text-right{text-align:right}.print-table tr:nth-child(2n) td,.recap-table tr:nth-child(2n) td,.table-print tr:nth-child(2n) td{background-color:#fafbfc}.print-table tfoot td,.recap-table tfoot td,.table-print tfoot td,.print-table tr.summary-row td,.recap-table tr.summary-row td,.table-print tr.summary-row td{background-color:#f8fafc;border-top:2px solid #94a3b8;font-weight:700}.sub-table,.table-sub{border-collapse:collapse;width:100%;background:0 0!important;border:none!important;margin:0!important}.sub-table td,.sub-table th,.table-sub td,.table-sub th{font-size:inherit;vertical-align:top;background:0 0!important;border:none!important;padding:1.5px 2px!important}.signature-container,.signature-section{page-break-inside:avoid;justify-content:space-between;width:100%;margin-top:24px;display:flex}.signature-container.right-only,.signature-section.right-only{justify-content:flex-end}.signature-table{border-collapse:collapse;page-break-inside:avoid;width:100%;margin-top:24px}.signature-table td{vertical-align:top;text-align:center;width:50%;padding:0 10px;border:none!important}.signature-box{text-align:center;box-sizing:border-box;width:250px;font-size:10.5px}.signature-box.left{float:left}.signature-box.right{float:right}.signature-title{color:#1f2937;margin-bottom:50px;font-size:10.5px;line-height:1.4}.signature-space{height:50px}.signature-name{color:#111827;font-size:11px;font-weight:700;text-decoration:underline}.signature-nip{color:#4b5563;margin-top:2px;font-size:9.5px}.badge-type{text-transform:uppercase;font-size:9px;font-weight:700}.badge-poin-cell,.badge-poin{color:#dc2626;font-weight:800}.status-badge{border-radius:3px;padding:1px 4px;font-size:9px;font-weight:600;display:inline-block}.status-tuntas{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0}.status-remedial{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.bg-rank{color:#92400e;font-weight:800;background-color:#fef3c7!important}.bg-sakit{background-color:#f0f9ff!important}.bg-izin{background-color:#fefce8!important}.bg-alpa{background-color:#fef2f2!important}.bg-weekend{background-color:#f8fafc!important}.summary-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:18px;padding:12px 16px;display:grid}.summary-item{text-align:center}.summary-item .title{text-transform:uppercase;color:#64748b;margin-bottom:3px;font-size:10px;font-weight:700}.summary-item .amount{font-size:13px;font-weight:800}.meta-stats-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.meta-stat-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px}.meta-stat-label{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:600}.meta-stat-value{color:#0f172a;margin-top:2px;font-size:13.5px;font-weight:700}@media print{html,body,body.print-preview-body,.print-preview-wrapper{color:#000!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important}.no-print-bar{display:none!important}.print-page{width:100%!important;min-height:auto!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important}.meta-table{margin-bottom:10px}.meta-table td{border:none!important}.print-table th,.print-table td,.recap-table th,.recap-table td,.table-print th,.table-print td{border:1px solid #000!important}.print-table th,.recap-table th,.table-print th{color:#000!important;background-color:#e2e8f0!important}.print-table tfoot td,.recap-table tfoot td,.table-print tfoot td,.print-table tr.summary-row td,.recap-table tr.summary-row td,.table-print tr.summary-row td{background-color:#f1f5f9!important;border-top:2px solid #000!important}.sub-table,.table-sub{border:none!important}.sub-table td,.sub-table th,.table-sub td,.table-sub th{background:0 0!important;border:none!important}@page{margin:10mm 12mm}}.parent-header-compact{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.parent-greeting-wrap{flex-direction:column;min-width:0;display:flex}.parent-greeting-title{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:20px;font-weight:800;line-height:1.2}.parent-greeting-sub{color:#64748b;margin:2px 0 0;font-size:12.5px;font-weight:500}.parent-date-chip{color:#2563eb;white-space:nowrap;background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;font-weight:600;display:inline-flex}.parent-student-hero{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 50%,#3b82f6 100%);border-radius:20px;margin-bottom:20px;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #2563eb4d}.parent-student-hero:after{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.parent-student-hero-inner{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.parent-student-info{align-items:center;gap:14px;min-width:0;display:flex}.parent-student-avatar{-webkit-backdrop-filter:blur(8px);color:#fff;background:#fff3;border:1.5px solid #ffffff59;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:800;display:flex;box-shadow:0 4px 12px #0000001a}.parent-student-details{flex-direction:column;min-width:0;display:flex}.parent-student-name{color:#fff;letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:800;line-height:1.2;overflow:hidden}.parent-student-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.parent-class-tag{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.parent-nis-text{color:#ffffffd9;font-size:11.5px;font-weight:500}.parent-child-switcher{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0003;border:1px solid #ffffff40;border-radius:12px;align-items:center;gap:8px;padding:5px 10px;display:flex}.parent-child-switcher select{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;padding-right:4px;font-size:12.5px;font-weight:700}.parent-child-switcher select option{color:var(--text-primary,#0a0a0a);background:var(--bg-card,#fff);font-weight:600}.parent-action-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.parent-action-tile{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);text-align:center;color:var(--text-primary,#0a0a0a);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:16px;flex-direction:column;align-items:center;padding:16px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:none!important;text-decoration:none!important}.parent-action-tile:hover{border-color:var(--border-strong,#d4d4d4);transform:translateY(-2px);box-shadow:none!important}.parent-action-tile:active{background-color:var(--bg-subtle,#f5f5f5);transform:scale(.96)}.parent-action-icon{border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:10px;transition:transform .2s;display:flex}.parent-action-tile:hover .parent-action-icon{transform:scale(1.06)}.parent-action-icon,.parent-action-icon.blue,.parent-action-icon.green,.parent-action-icon.purple,.parent-action-icon.orange,.parent-action-icon.red{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.parent-action-title{color:#1e293b;margin-bottom:2px;font-size:12.5px;font-weight:700;line-height:1.2}.parent-action-sub{color:#64748b;font-size:10.5px;font-weight:500}.parent-stats-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.parent-stat-box{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);cursor:default;border-radius:16px;flex-direction:column;padding:16px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .2s,background .15s;display:flex;position:relative;box-shadow:none!important}.parent-stat-box:hover{border-color:var(--border-strong,#d4d4d4);transform:translateY(-4px)}.parent-stat-box:active{background:var(--bg-subtle,#f5f5f5)}.parent-stat-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.parent-stat-title{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.parent-stat-num{color:#0f172a;letter-spacing:-.5px;font-size:22px;font-weight:800;line-height:1.1}.parent-stat-desc{color:#64748b;align-items:center;gap:4px;margin-top:4px;font-size:10.5px;font-weight:500;display:flex}.parent-stat-desc.green,.parent-stat-desc.blue,.parent-stat-desc.orange,.parent-stat-desc.red{color:#6b7280;font-weight:400}.parent-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;display:flex}.parent-section-heading{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:15px;font-weight:800}.parent-section-link{color:#2563eb;align-items:center;gap:3px;font-size:12px;font-weight:700;display:flex;text-decoration:none!important}.parent-section-link:hover{color:#1d4ed8}.parent-list-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);border-radius:16px;margin-bottom:16px;overflow:hidden;box-shadow:none!important}.parent-list-item{border-bottom:1px solid var(--border-subtle,#f5f5f5);color:inherit;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:background-color .15s;display:flex;text-decoration:none!important}.parent-list-item:last-child{border-bottom:none}.parent-list-item:active{background-color:var(--bg-subtle,#f5f5f5)}.parent-item-left{align-items:center;gap:12px;min-width:0;display:flex}.parent-item-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;display:flex}.parent-item-icon.green{color:#16a34a;background:#f0fdf4}.parent-item-icon.blue{color:#2563eb;background:#eff6ff}.parent-item-icon.orange{color:#ea580c;background:#fff7ed}.parent-item-icon.purple{color:#9333ea;background:#faf5ff}.parent-item-icon.red{color:#e11d48;background:#fff1f2}.parent-item-text{flex-direction:column;min-width:0;display:flex}.parent-item-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;line-height:1.3;overflow:hidden}.parent-item-sub{color:#64748b;align-items:center;gap:6px;margin-top:2px;font-size:11.5px;display:flex}.parent-item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.parent-chip{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.parent-chip.green{color:#15803d;background:#dcfce7}.parent-chip.blue{color:#1e40af;background:#dbeafe}.parent-chip.orange{color:#c2410c;background:#ffedd5}.parent-chip.red{color:#b91c1c;background:#fee2e2}.parent-chip.purple{color:#7e22ce;background:#f3e8ff}.parent-chip.gray,.parent-chip.secondary{color:#475569;background:#f1f5f9}.parent-chip.light{background:var(--bg-card,#fff);color:var(--text-secondary,#525252);border:1px solid var(--border-color,#e5e5e5)}.mobile-filter-scroll{border:1px solid var(--border-color,#e5e5e5);-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#f1f5f9;border-radius:12px;align-items:center;gap:3px;max-width:100%;margin-bottom:16px;padding:4px;display:inline-flex;overflow-x:auto}.mobile-filter-pill{color:var(--text-secondary,#64748b);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:9px;flex-shrink:0;padding:7px 14px;font-size:12.5px;font-weight:500;transition:all .15s;text-decoration:none!important}.mobile-filter-pill:hover{color:#0f172a;background:#fff9}.mobile-filter-pill.active{color:#0f172a!important;background:#fff!important;border-color:#0000000a!important;font-weight:600!important;box-shadow:0 2px 6px -1px #00000014,0 1px 3px -1px #0000000a!important}.mobile-task-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);border-radius:16px;flex-direction:column;gap:10px;margin-bottom:12px;padding:16px;transition:transform .15s;display:flex;box-shadow:none!important}.mobile-task-card:active{transform:scale(.98)}.mobile-task-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-task-mapel{color:#2563eb;background:#eff6ff;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700}.mobile-task-title{color:#0f172a;margin:0;font-size:14.5px;font-weight:700;line-height:1.3}.mobile-task-footer{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:8px;font-size:11.5px;display:flex}.parent-grid-6{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px;display:grid}.parent-header-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.parent-score-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);border-radius:16px;margin-bottom:12px;padding:16px;box-shadow:none!important}.parent-score-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.parent-score-badge{border-radius:10px;align-items:center;padding:4px 12px;font-size:16px;font-weight:800;display:inline-flex}.parent-score-badge.high{color:#15803d;background:#dcfce7}.parent-score-badge.med{color:#b45309;background:#fef3c7}.parent-score-badge.low{color:#b91c1c;background:#fee2e2}.parent-banner-card{box-sizing:border-box;color:#fff;width:100%;min-width:0;max-width:100%;overflow:hidden;box-shadow:none!important;border:none!important;border-radius:16px!important}.parent-banner-body{box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:20px 22px;display:flex}.parent-banner-text{flex:auto;min-width:0}.parent-banner-tag{text-transform:uppercase;letter-spacing:.5px;font-size:10.5px;font-weight:700;display:block}.parent-banner-title{margin:4px 0 0;font-size:16px;font-weight:700;line-height:1.3;color:#fff!important}.parent-banner-desc{max-width:360px;margin:4px 0 0;font-size:12px;line-height:1.4;color:#ffffffe0!important}.parent-banner-action{flex-shrink:0;align-items:center;display:flex}.parent-banner-action .btn{white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}@media (width<=992px){.parent-grid-6{grid-template-columns:repeat(3,1fr);gap:10px}}@media (width<=768px){html,body,.app-container,.main-wrapper,.content-body,.app-content,.main-content,.content-wrapper{-webkit-font-smoothing:antialiased;background-color:var(--bg-mobile,#f5f5f5)!important}.app-content,.main-content,.content-wrapper,.content-body{padding:16px 16px calc(96px + env(safe-area-inset-bottom,8px)) 16px!important}.parent-action-grid,.parent-stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.parent-grid-6{grid-template-columns:repeat(2,1fr);gap:8px}.parent-header-compact{flex-direction:column;align-items:flex-start;gap:12px}.parent-header-controls{justify-content:space-between;width:100%}.parent-header-controls form,.parent-header-controls select,.parent-header-controls input{width:100%}.parent-student-hero{border-radius:16px;margin-bottom:16px;padding:16px}.parent-student-avatar{border-radius:12px;width:44px;height:44px;font-size:18px}.parent-student-name{font-size:16px}.parent-action-tile{padding:14px 10px}.parent-action-icon{border-radius:12px;width:40px;height:40px;margin-bottom:8px}.parent-action-icon svg{width:20px;height:20px}.parent-action-title{font-size:12px}.parent-stat-box{border-radius:14px;padding:12px}.parent-stat-num{font-size:20px}.dashboard-grid-2,.dashboard-grid-2>*{min-width:0!important;max-width:100%!important}.parent-banner-body{flex-direction:column;align-items:stretch;gap:12px;padding:16px 18px}.parent-banner-desc{max-width:100%}.parent-banner-action{width:100%}.parent-banner-action .btn{justify-content:center;width:100%;padding:9px 16px}}@media (width>=769px){.desktop-hide-parent{display:none!important}}@media (width<=768px){.mobile-hide-parent{display:none!important}}[data-theme=dark] .parent-stat-box,[data-theme=dark] .parent-action-tile,[data-theme=dark] .parent-action-card,[data-theme=dark] .parent-hero-card,[data-theme=dark] .parent-feed-item,[data-theme=dark] .parent-list-card,[data-theme=dark] .parent-schedule-card,[data-theme=dark] .parent-activity-card,[data-theme=dark] .parent-attendance-card,[data-theme=dark] .parent-score-card,[data-theme=dark] .parent-task-card,[data-theme=dark] .mobile-task-card,[data-theme=dark] .m-gpa-card,[data-theme=dark] .m-grade-row{color:#fafafa!important;background:#141414!important;border-color:#262626!important}[data-theme=dark] .parent-action-tile:hover,[data-theme=dark] .parent-stat-box:hover{border-color:#404040!important}[data-theme=dark] .parent-action-tile:active,[data-theme=dark] .parent-stat-box:active,[data-theme=dark] .parent-list-item:active{background-color:#262626!important}[data-theme=dark] .parent-stat-num,[data-theme=dark] .parent-action-title,[data-theme=dark] .parent-greeting-title,[data-theme=dark] .m-greeting-title,[data-theme=dark] .parent-item-title,[data-theme=dark] .mobile-task-title,[data-theme=dark] .parent-section-heading,[data-theme=dark] .m-gpa-score,[data-theme=dark] .m-grade-subject,[data-theme=dark] .m-grade-val{color:#fafafa!important}[data-theme=dark] .parent-stat-title,[data-theme=dark] .parent-stat-desc,[data-theme=dark] .parent-action-sub,[data-theme=dark] .parent-greeting-sub,[data-theme=dark] .m-greeting-sub,[data-theme=dark] .parent-item-sub,[data-theme=dark] .m-grade-teacher,[data-theme=dark] .m-gpa-label{color:#a3a3a3!important}[data-theme=dark] .parent-action-icon{color:#60a5fa!important;background:#2563eb33!important;border:1px solid #3b82f666!important}[data-theme=dark] .parent-date-chip{color:#60a5fa!important;background:#2563eb33!important;border-color:#3b82f666!important}[data-theme=dark] .parent-item-icon{color:#60a5fa!important;background:#2563eb26!important;border-color:#3b82f64d!important}[data-theme=dark] .parent-item-icon.green{color:#4ade80!important;background:#16a34a33!important;border-color:#22c55e4d!important}[data-theme=dark] .parent-item-icon.blue{color:#60a5fa!important;background:#2563eb33!important;border-color:#3b82f64d!important}[data-theme=dark] .parent-item-icon.orange{color:#fb923c!important;background:#ea580c33!important;border-color:#f973164d!important}[data-theme=dark] .parent-item-icon.purple{color:#c084fc!important;background:#9333ea33!important;border-color:#a855f74d!important}[data-theme=dark] .parent-item-icon.red{color:#f87171!important;background:#e11d4833!important;border-color:#ef44444d!important}[data-theme=dark] .parent-score-badge.high{color:#4ade80!important;background:#16a34a33!important}[data-theme=dark] .parent-score-badge.med{color:#fbbf24!important;background:#d9770633!important}[data-theme=dark] .parent-score-badge.low{color:#f87171!important;background:#e11d4833!important}[data-theme=dark] select.form-select,[data-theme=dark] .parent-header-controls select{color:#fafafa!important;background-color:#141414!important;border-color:#262626!important}[data-theme=dark] .parent-list-item:not(:last-child){border-bottom-color:#262626!important}[data-theme=dark] .parent-chip.green{color:#4ade80!important;background:#16a34a33!important}[data-theme=dark] .parent-chip.blue{color:#60a5fa!important;background:#2563eb33!important}[data-theme=dark] .parent-chip.orange{color:#fb923c!important;background:#ea580c33!important}[data-theme=dark] .parent-chip.red{color:#f87171!important;background:#e11d4833!important}[data-theme=dark] .parent-chip.purple{color:#c084fc!important;background:#9333ea33!important}[data-theme=dark] .parent-chip.gray,[data-theme=dark] .parent-chip.secondary{color:#d4d4d4!important;background:#262626!important}[data-theme=dark] .parent-chip.light{color:#d4d4d4!important;background:#141414!important;border-color:#262626!important}[data-theme=dark] .mobile-filter-scroll{background:#141414!important;border-color:#262626!important}[data-theme=dark] .mobile-filter-pill{color:#a3a3a3!important;background:0 0!important;border-color:#0000!important}[data-theme=dark] .mobile-filter-pill:hover{color:#fafafa!important;background:#262626!important}[data-theme=dark] .mobile-filter-pill.active{color:#fafafa!important;background:#262626!important;border-color:#404040!important;box-shadow:0 2px 6px -1px #0006!important}.parent-subsidi-alert{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;padding:12px 16px;font-size:13px}[data-theme=dark] .parent-subsidi-alert{color:#86efac!important;background-color:#16a34a26!important;border-color:#16a34a59!important}[data-theme=dark] .parent-subsidi-card{color:#fafafa!important;background-color:#141414!important;border-color:#262626!important}@media (width>=769px){.desktop-hide-student{display:none!important}}@media (width<=768px){.mobile-hide-student{display:none!important}html,body,.app-container,.main-wrapper,.content-body,.app-content,.main-content,.content-wrapper{-webkit-font-smoothing:antialiased;background-color:var(--bg-mobile,#f5f5f5)!important}.app-content,.main-content,.content-wrapper,.content-body{padding:16px 16px calc(96px + env(safe-area-inset-bottom,8px)) 16px!important}}.student-hero{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 55%,#3b82f6 100%);border-radius:20px;margin-bottom:20px;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #2563eb4d}.student-hero:after{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.student-hero-inner{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.student-hero-info{align-items:center;gap:14px;min-width:0;display:flex}.student-avatar{-webkit-backdrop-filter:blur(8px);color:#fff;background:#fff3;border:1.5px solid #ffffff59;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:800;display:flex;box-shadow:0 4px 12px #0000001a}.student-details{flex-direction:column;min-width:0;display:flex}.student-greeting-text{color:#ffffffd9;margin:0 0 2px;font-size:12px;font-weight:500}.student-name{color:#fff;letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:800;line-height:1.2;overflow:hidden}.student-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;display:flex}.student-class-tag{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.student-nis-text{color:#ffffffd9;font-size:11.5px;font-weight:500}.student-badge-btn{color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.student-badge-btn:hover{color:#fff;background:#ffffff40}.student-launcher-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px;display:grid}@media (width<=480px){.student-launcher-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.student-launcher-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 10px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex;box-shadow:none!important}.student-launcher-card:active{background-color:var(--bg-subtle,#f5f5f5);transform:scale(.96)}.student-launcher-icon{border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.student-launcher-icon.blue{color:#2563eb;background:#eff6ff}.student-launcher-icon.orange{color:#ea580c;background:#fff7ed}.student-launcher-icon.purple{color:#9333ea;background:#faf5ff}.student-launcher-icon.green{color:#16a34a;background:#f0fdf4}.student-launcher-label{color:#334155;margin:0;font-size:11.5px;font-weight:700;line-height:1.2}.student-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 2px;display:flex}.student-section-heading{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:15px;font-weight:800}.student-section-link{color:#2563eb;align-items:center;gap:4px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.student-chip{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.student-chip.blue{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.student-chip.green{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7}.student-chip.orange{color:#ea580c;background:#fff7ed;border:1px solid #ffedd5}.student-chip.purple{color:#9333ea;background:#faf5ff;border:1px solid #f3e8ff}.student-chip.red{color:#e11d48;background:#fff1f2;border:1px solid #ffe4e6}.student-chip.gray,.student-chip.secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.student-chip.light{background:var(--bg-card,#fff);color:var(--text-secondary,#525252);border:1px solid var(--border-color,#e5e5e5)}.student-list-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);border-radius:16px;margin-bottom:12px;overflow:hidden;box-shadow:none!important}.student-list-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:background .15s;display:flex}.student-list-item:last-child{border-bottom:none}.student-list-item:active{background-color:#f8fafc}.student-item-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.student-item-icon,.student-item-icon.blue,.student-item-icon.green,.student-item-icon.orange,.student-item-icon.purple,.student-item-icon.red{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.student-item-content{flex:1;min-width:0}.student-item-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-size:13.5px;font-weight:700;overflow:hidden}.student-item-sub{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.student-item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.student-schedule-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);border-radius:16px;margin-bottom:12px;padding:16px;transition:transform .15s,border-color .15s;position:relative;overflow:hidden;box-shadow:none!important}.student-schedule-card.is-live{background:linear-gradient(#f0fdf4 0%,#fff 40%);border-color:#86efac}.student-schedule-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.student-schedule-time{color:#2563eb;background:#eff6ff;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.student-schedule-card.is-live .student-schedule-time{color:#16a34a;background:#dcfce7}.student-schedule-subject{color:#0f172a;margin:0 0 6px;font-size:15px;font-weight:800}.student-schedule-meta{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding-top:10px;display:flex}.student-teacher-badge{align-items:center;gap:8px;display:flex}.student-teacher-avatar{color:#2563eb;background:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:800;display:flex}.student-teacher-name{color:#475569;font-size:12px;font-weight:600}.student-score-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);border-radius:16px;margin-bottom:12px;padding:16px;box-shadow:none!important}.student-score-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.student-score-title{color:#0f172a;margin:0 0 2px;font-size:14.5px;font-weight:800}.student-score-kktp{color:#64748b;margin:0;font-size:11.5px}.student-score-badge-box{text-align:right;flex-shrink:0}.student-score-val{color:#2563eb;font-size:22px;font-weight:900;line-height:1}.student-score-grade{margin-top:2px;font-size:11px;font-weight:700}.student-score-breakdown{background:#f8fafc;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;padding:10px;display:grid}.student-breakdown-item{text-align:center}.student-breakdown-lbl{color:#64748b;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:600}.student-breakdown-val{color:#0f172a;font-size:13.5px;font-weight:800}.student-gauge-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);border-radius:20px;justify-content:space-around;align-items:center;gap:16px;margin-bottom:20px;padding:20px 16px;display:flex;box-shadow:none!important}.student-gauge-wrap{flex-shrink:0;width:90px;height:90px;position:relative}.student-gauge-svg{width:90px;height:90px;transform:rotate(-90deg)}.student-gauge-bg-ring{fill:none;stroke:#f1f5f9;stroke-width:8px}.student-gauge-fill-ring{fill:none;stroke:#10b981;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .8s}.student-gauge-content{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.student-gauge-val{color:#0f172a;font-size:18px;font-weight:900;line-height:1}.student-gauge-sub{color:#64748b;margin-top:2px;font-size:10px;font-weight:600}.student-counter-grid{flex-direction:column;flex:1;gap:8px;display:flex}.student-counter-item{background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.student-counter-lbl{color:#64748b;font-size:11.5px;font-weight:600}.student-counter-val{color:#0f172a;font-size:13px;font-weight:800}.student-counter-val.green{color:#16a34a}.student-counter-val.orange{color:#ea580c}.student-counter-val.red{color:#e11d48}.student-filter-bar{border:1px solid var(--border-color,#e5e5e5);-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#f1f5f9;border-radius:12px;align-items:center;gap:3px;max-width:100%;margin-bottom:16px;padding:4px;display:inline-flex;overflow-x:auto}.student-filter-bar::-webkit-scrollbar{display:none}.student-filter-pill{white-space:nowrap;color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex;text-decoration:none!important}.student-filter-pill:hover{color:#0f172a;background:#fff9;border-color:#0000}.student-filter-pill.active{color:#0f172a!important;background:#fff!important;border-color:#0000000a!important;font-weight:600!important;box-shadow:0 2px 6px -1px #00000014,0 1px 3px -1px #0000000a!important}.student-filter-pill .pill-count{color:#475569;background:#e2e8f0;border-radius:9999px;padding:1px 6px;font-size:11px;font-weight:700}.student-filter-pill.active .pill-count{color:#2563eb!important;background:#eff6ff!important}.student-stats-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.student-stat-box{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);cursor:default;border-radius:16px;padding:16px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .2s;box-shadow:none!important}.student-stat-box:hover{border-color:var(--border-strong,#d4d4d4);transform:translateY(-4px)}.student-stat-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.student-stat-title{color:#64748b;font-size:11.5px;font-weight:600}.student-stat-num{color:#0f172a;font-size:22px;font-weight:800;line-height:1.2}.student-stat-desc{color:#64748b;margin-top:2px;font-size:11px;font-weight:600}.student-stat-desc.green,.student-stat-desc.blue,.student-stat-desc.orange,.student-stat-desc.purple,.student-stat-desc.red{color:#6b7280;font-weight:400}@media (width<=768px){.student-stats-row{grid-template-columns:repeat(2,1fr);gap:10px}}[data-theme=dark] .student-stat-box,[data-theme=dark] .student-launcher-card,[data-theme=dark] .student-hero-card,[data-theme=dark] .student-list-card,[data-theme=dark] .student-schedule-card,[data-theme=dark] .student-activity-card,[data-theme=dark] .student-attendance-card,[data-theme=dark] .student-score-card,[data-theme=dark] .student-task-card,[data-theme=dark] .student-exam-card{color:#fafafa!important;background:#141414!important;border-color:#262626!important}[data-theme=dark] .student-item-title,[data-theme=dark] .student-section-heading,[data-theme=dark] .student-stat-num,[data-theme=dark] .student-launcher-title,[data-theme=dark] .student-launcher-label{color:#fafafa!important}[data-theme=dark] .student-stat-title,[data-theme=dark] .student-stat-desc,[data-theme=dark] .student-item-sub,[data-theme=dark] .student-meta,[data-theme=dark] .student-launcher-desc{color:#a3a3a3!important}[data-theme=dark] .student-item-icon{color:#60a5fa!important;background:#2563eb26!important;border-color:#3b82f64d!important}[data-theme=dark] .student-list-item:not(:last-child){border-bottom-color:#262626!important}[data-theme=dark] .student-filter-bar{background:#141414!important;border-color:#262626!important}[data-theme=dark] .student-filter-pill{color:#a3a3a3!important;background:0 0!important;border-color:#0000!important}[data-theme=dark] .student-filter-pill:hover{color:#fafafa!important;background:#262626!important}[data-theme=dark] .student-filter-pill.active{color:#fafafa!important;background:#262626!important;border-color:#404040!important;box-shadow:0 2px 6px -1px #0006!important}[data-theme=dark] .student-filter-pill .pill-count{color:#d4d4d4!important;background:#262626!important}[data-theme=dark] .student-filter-pill.active .pill-count{color:#60a5fa!important;background:#2563eb33!important}.student-mobile-att-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);box-shadow:none;border-radius:16px;margin-bottom:16px;padding:16px;transition:all .2s}.student-mobile-att-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.student-mobile-att-clock-wrap{align-items:center;gap:6px;display:inline-flex}.student-mobile-clock-dot{background:#2563eb;border-radius:50%;width:7px;height:7px;display:inline-block}.student-dash-live-clock{color:#334155;font-size:11.5px;font-weight:700;font-family:var(--font-sans,"Roboto", sans-serif)}.student-mobile-att-body{align-items:center;gap:12px;margin-bottom:14px;display:flex}.student-mobile-att-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.student-mobile-att-icon-wrap.unpresent{color:#ea580c;background:#fff7ed}.student-mobile-att-icon-wrap.checkedin{color:#2563eb;background:#eff6ff}.student-mobile-att-icon-wrap.completed{color:#059669;background:#ecfdf5}.student-mobile-att-info{flex-direction:column;min-width:0;display:flex}.student-mobile-att-status-title{color:#0f172a;margin-bottom:2px;font-size:14px;font-weight:800}.student-mobile-att-status-desc{color:#64748b;font-size:12px;line-height:1.35}.student-mobile-att-actions{display:flex}.student-live-card{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border-radius:16px;margin-bottom:16px;padding:16px;position:relative;overflow:hidden;box-shadow:0 8px 20px -4px #10b98166}.student-live-card-inner{z-index:2;flex-direction:column;gap:8px;display:flex;position:relative}.student-live-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.student-live-badge{color:#047857;background:#fff;border-radius:12px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #00000014}.student-live-time{color:#fffffff2;background:#00000026;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.student-live-title{color:#fff;font-size:15px;font-weight:800;line-height:1.3}.student-live-actions{margin-top:4px}.student-live-btn-white{text-align:center;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:800;display:inline-flex;box-shadow:0 4px 10px #0000001a;color:#047857!important;text-decoration:none!important}.student-ann-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);border-radius:14px;padding:12px 14px;transition:transform .15s,border-color .15s;display:block;text-decoration:none!important}.student-ann-card:active{background-color:var(--bg-subtle,#f8fafc);transform:scale(.98)}.student-ann-title{color:#0f172a;margin:0 0 4px;font-size:13.5px;font-weight:700;line-height:1.35}.student-ann-desc{color:#64748b;margin:0;font-size:12px;line-height:1.45}.student-finance-banner{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;transition:transform .15s,border-color .15s;display:flex;text-decoration:none!important}.student-finance-banner:active{background-color:var(--bg-subtle,#f8fafc);transform:scale(.98)}.student-finance-icon{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.student-finance-title{color:#0f172a;font-size:13.5px;font-weight:700}.student-finance-sub{color:#64748b;margin-top:2px;font-size:11.5px}.student-finance-arrow{color:#2563eb;font-size:16px;font-weight:800}[data-theme=dark] .student-mobile-att-card,[data-theme=dark] .student-ann-card,[data-theme=dark] .student-finance-banner{background:#141414!important;border-color:#262626!important}[data-theme=dark] .student-mobile-att-header{border-bottom-color:#262626!important}[data-theme=dark] .student-dash-live-clock,[data-theme=dark] .student-mobile-att-status-title,[data-theme=dark] .student-ann-title,[data-theme=dark] .student-finance-title{color:#fafafa!important}[data-theme=dark] .student-mobile-att-status-desc,[data-theme=dark] .student-ann-desc,[data-theme=dark] .student-finance-sub{color:#a3a3a3!important}[data-theme=dark] .student-mobile-att-icon-wrap.unpresent{color:#fb923c!important;background:#ea580c26!important}[data-theme=dark] .student-mobile-att-icon-wrap.checkedin{color:#60a5fa!important;background:#2563eb26!important}[data-theme=dark] .student-mobile-att-icon-wrap.completed{color:#34d399!important;background:#10b98126!important}@media (width>=769px){.desktop-hide-guru{display:none!important}}@media (width<=768px){.mobile-hide-guru{display:none!important}html,body,.app-container,.main-wrapper,.content-body,.app-content,.main-content,.content-wrapper{-webkit-font-smoothing:antialiased;background-color:var(--bg-mobile,#f5f5f5)!important}.app-content,.main-content,.content-wrapper,.content-body{padding:16px 16px calc(96px + env(safe-area-inset-bottom,8px)) 16px!important}}.guru-hero{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 55%,#3b82f6 100%);border-radius:20px;margin-bottom:20px;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #1e40af59}.guru-hero:after{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;width:150px;height:150px;position:absolute;top:-40px;right:-40px}.guru-hero-inner{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.guru-hero-info{align-items:center;gap:14px;min-width:0;display:flex}.guru-avatar{-webkit-backdrop-filter:blur(8px);color:#fff;background:#fff3;border:1.5px solid #ffffff59;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:22px;font-weight:800;display:flex;box-shadow:0 4px 12px #0000001f}.guru-details{flex-direction:column;min-width:0;display:flex}.guru-greeting-text{color:#ffffffd9;margin:0 0 2px;font-size:12px;font-weight:500}.guru-name{color:#fff;letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:800;line-height:1.25;overflow:hidden}.guru-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;display:flex}.guru-meta-pill{-webkit-backdrop-filter:blur(4px);color:#fff;background:#ffffff2e;border:1px solid #ffffff40;border-radius:8px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.guru-launcher-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}@media (width<=480px){.guru-launcher-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.guru-launcher-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);text-align:center;box-shadow:none;border-radius:16px;flex-direction:column;align-items:center;padding:14px 12px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.guru-launcher-card:active{background-color:#f8fafc;transform:scale(.97)}.guru-launcher-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:8px;display:flex;box-shadow:0 4px 10px #0000000f}.guru-launcher-icon.blue{color:#2563eb;background:#eff6ff}.guru-launcher-icon.purple{color:#7c3aed;background:#f5f3ff}.guru-launcher-icon.emerald{color:#059669;background:#ecfdf5}.guru-launcher-icon.amber{color:#d97706;background:#fffbeb}.guru-launcher-title{color:#0f172a;margin:0 0 2px;font-size:12.5px;font-weight:700;line-height:1.2}.guru-launcher-desc{color:#64748b;margin:0;font-size:10.5px;line-height:1.2}.guru-live-card{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border-radius:16px;margin-bottom:20px;padding:16px;position:relative;overflow:hidden;box-shadow:0 8px 20px -4px #10b98166}.guru-live-card-inner{z-index:2;flex-direction:column;gap:12px;display:flex;position:relative}.guru-live-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.guru-live-badge{color:#047857;background:#fff;border-radius:12px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #00000014}.pulse-dot-green{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse-dot-anim;display:inline-block}@keyframes pulse-dot-anim{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.guru-live-time{color:#fffffff2;background:#00000026;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.guru-live-title{color:#fff;margin:0;font-size:16px;font-weight:800;line-height:1.3}.guru-live-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.guru-live-btn-outline{text-align:center;background:#fff3;border:1px solid #fff6;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:700;display:flex;color:#fff!important;text-decoration:none!important}.guru-live-btn-white{text-align:center;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:800;display:flex;box-shadow:0 4px 10px #0000001a;color:#047857!important;text-decoration:none!important}.guru-stat-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);box-shadow:none;cursor:default;border-radius:16px;align-items:center;gap:12px;padding:14px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .2s;display:flex}.guru-stat-card:hover{border-color:var(--border-strong,#d4d4d4);transform:translateY(-4px)}.guru-stat-icon{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;background:0 0!important;border:none!important}.guru-stat-icon svg{width:32px;height:32px}.guru-stat-icon,.guru-stat-icon.blue{color:#2563eb;background:0 0!important;border:none!important}.guru-stat-icon.amber{color:#d97706;background:0 0!important;border:none!important}.guru-stat-icon.emerald{color:#059669;background:0 0!important;border:none!important}.guru-stat-icon.purple{color:#7c3aed;background:0 0!important;border:none!important}.guru-stat-icon.rose{color:#e11d48;background:0 0!important;border:none!important}.guru-stat-info{flex-direction:column;min-width:0;display:flex}.guru-stat-label{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;font-weight:600;overflow:hidden}.guru-stat-value{color:#0f172a;margin:1px 0 0;font-size:19px;font-weight:800;line-height:1.1}.guru-filter-bar{border:1px solid var(--border-color,#e5e5e5);-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#f1f5f9;border-radius:12px;align-items:center;gap:3px;max-width:100%;margin-bottom:16px;padding:4px;display:inline-flex;overflow-x:auto}.guru-filter-bar::-webkit-scrollbar{display:none}.guru-filter-pill{white-space:nowrap;color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex;text-decoration:none!important}.guru-filter-pill.active{color:#0f172a!important;background:#fff!important;border-color:#0000000a!important;font-weight:600!important;box-shadow:0 2px 6px -1px #00000014,0 1px 3px -1px #0000000a!important}.guru-filter-pill .pill-count{color:#475569;background:#e2e8f0;border-radius:9999px;padding:1px 6px;font-size:11px;font-weight:700}.guru-filter-pill.active .pill-count{color:#2563eb!important;background:#eff6ff!important}.guru-schedule-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);box-shadow:none;border-radius:16px;margin-bottom:12px;padding:16px;position:relative}.guru-schedule-card.is-live{background:linear-gradient(#f0fdf4 0%,#fff 35%);border-color:#10b981;box-shadow:0 4px 14px #10b9811f}.guru-schedule-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.guru-schedule-time{font-family:var(--font-sans,"Roboto", sans-serif);color:#0f172a;background:#f1f5f9;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.guru-schedule-subject{color:#0f172a;margin:0 0 4px;font-size:15.5px;font-weight:800;line-height:1.3}.guru-schedule-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.guru-schedule-actions{border-top:1px solid #f1f5f9;grid-template-columns:1fr 1fr;gap:8px;padding-top:12px;display:grid}.guru-queue-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);box-shadow:none;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:14px;display:flex}.guru-queue-info{align-items:center;gap:10px;min-width:0;display:flex}.guru-queue-avatar{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.guru-queue-details{flex-direction:column;min-width:0;display:flex}.guru-queue-student{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13.5px;font-weight:700;overflow:hidden}.guru-queue-task{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:12px;overflow:hidden}.guru-attendance-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);box-shadow:none;border-radius:16px;margin-bottom:12px;padding:16px}.guru-attendance-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.guru-attendance-title{color:#0f172a;margin-bottom:2px;font-size:15px;font-weight:800;line-height:1.3}.guru-attendance-meta{color:#64748b;font-size:12px}.guru-attendance-chips{flex-wrap:wrap;align-items:center;gap:4px;margin:10px 0;display:flex}.guru-attendance-progress{align-items:center;gap:8px;margin-bottom:12px;display:flex}.guru-progress-bar{background:#e2e8f0;border-radius:9999px;flex:1;height:7px;overflow:hidden}.guru-progress-fill{border-radius:9999px;height:100%;transition:width .3s}.guru-attendance-pct{color:#0f172a;white-space:nowrap;font-size:12px;font-weight:700}.guru-attendance-actions{border-top:1px solid #f1f5f9;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;display:grid}.guru-assessment-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);box-shadow:none;border-radius:16px;margin-bottom:12px;padding:16px}.guru-assessment-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.guru-assessment-title{color:#0f172a;margin:0 0 2px;font-size:15px;font-weight:800;line-height:1.3}.guru-assessment-metrics{text-align:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;padding:10px;display:grid}.guru-assessment-actions{align-items:center;gap:8px;margin-top:12px;display:flex}.guru-feed-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);box-shadow:none;border-radius:16px;margin-bottom:14px;padding:16px}.guru-feed-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.guru-feed-icon{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.guru-feed-title{color:#0f172a;margin:0;font-size:15px;font-weight:800;line-height:1.3}.guru-feed-body{color:#334155;margin-bottom:12px;font-size:13px;line-height:1.55}.guru-student-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);box-shadow:none;border-radius:16px;margin-bottom:12px;padding:16px;transition:transform .15s,box-shadow .15s}.guru-student-card:active{background-color:#fafafa}.guru-student-card-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.guru-student-card-profile{align-items:center;gap:10px;min-width:0;display:flex}.guru-student-avatar{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.guru-student-name{color:#0f172a;margin:0;font-size:14px;font-weight:800;line-height:1.25}.guru-student-nis{color:#64748b;font-size:11px;font-family:var(--font-sans,"Roboto", sans-serif);margin-top:2px}.guru-student-inputs{border-top:1px dashed #e2e8f0;flex-direction:column;gap:10px;margin-top:10px;padding-top:10px;display:flex}.guru-package-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);box-shadow:none;border-radius:16px;margin-bottom:12px;padding:16px}.guru-package-title{color:#1e40af;margin:0 0 4px;font-size:15px;font-weight:800}.guru-package-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.guru-package-actions{border-top:1px solid #f1f5f9;grid-template-columns:2fr 1fr 1fr;gap:6px;padding-top:12px;display:grid}.guru-journal-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);box-shadow:none;border-radius:16px;margin-bottom:12px;padding:16px}.guru-journal-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.guru-journal-title{color:#0f172a;margin:0;font-size:15px;font-weight:800}.guru-journal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.guru-sticky-action-bar{background:var(--bg-card,#fff);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color,#e5e5e5);z-index:30;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;margin-bottom:8px;padding:14px 20px;display:flex;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000000f}@media (width<=768px){.guru-sticky-action-bar{bottom:calc(env(safe-area-inset-bottom,0px) + 68px);z-index:40;margin:0;position:fixed;left:12px;right:12px}form:has(>.guru-sticky-action-bar){padding-bottom:80px}}.mobile-nis-inline,.mobile-field-label{display:none}@media (width<=768px){.score-entry-table{width:100%!important;display:block!important}.score-entry-table thead{display:none!important}.score-entry-table tbody{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;padding:12px!important;display:flex!important}.score-entry-table tr.score-row{box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;grid-template-columns:1fr auto!important;grid-template-areas:"student score""feedback feedback"!important;align-items:center!important;gap:10px 12px!important;width:100%!important;padding:14px!important;display:grid!important;box-shadow:0 1px 3px #00000008!important}[data-theme=dark] .score-entry-table tr.score-row{background:#141414!important;border-color:#262626!important}.score-entry-table tr.score-row td{background:0 0!important;border:none!important;padding:0!important;display:block!important}.score-entry-table tr.score-row .col-no,.score-entry-table tr.score-row .col-nis{display:none!important}.score-entry-table tr.score-row .col-student{grid-area:student!important;min-width:0!important}.score-entry-table tr.score-row .col-score{text-align:right!important;grid-area:score!important;width:86px!important}.score-entry-table tr.score-row .col-score .score-input{text-align:center!important;box-sizing:border-box!important;background:#f8fafc!important;border:1.5px solid #cbd5e1!important;border-radius:8px!important;width:86px!important;max-width:86px!important;height:42px!important;margin:0 0 0 auto!important;font-size:16px!important;font-weight:700!important}[data-theme=dark] .score-entry-table tr.score-row .col-score .score-input{color:#fafafa!important;background:#0a0a0a!important;border-color:#404040!important}.score-entry-table tr.score-row .col-score .score-input:focus{background:#fff!important;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb26!important}[data-theme=dark] .score-entry-table tr.score-row .col-score .score-input:focus{background:#141414!important}.score-entry-table tr.score-row .col-feedback{grid-area:feedback!important;width:100%!important;min-width:0!important}.score-entry-table tr.score-row .col-feedback input{box-sizing:border-box!important;border-radius:8px!important;width:100%!important;height:38px!important;font-size:13px!important}.mobile-nis-inline{display:inline!important}.remedial-entry-table{width:100%!important;display:block!important}.remedial-entry-table thead{display:none!important}.remedial-entry-table tbody{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;padding:12px!important;display:flex!important}.remedial-entry-table tr.remedial-row{box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;flex-direction:column!important;gap:10px!important;width:100%!important;padding:14px!important;display:flex!important;box-shadow:0 1px 3px #00000008!important}[data-theme=dark] .remedial-entry-table tr.remedial-row{background:#141414!important;border-color:#262626!important}.remedial-entry-table tr.remedial-row td{background:0 0!important;border:none!important;width:100%!important;padding:0!important;display:block!important}.remedial-entry-table tr.remedial-row .col-no,.remedial-entry-table tr.remedial-row .col-nis,.remedial-entry-table tr.remedial-row .col-orig{display:none!important}.remedial-entry-table tr.remedial-row .score-input-remedial,.remedial-entry-table tr.remedial-row .date-input-table{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.mobile-field-label{color:#64748b!important;margin-bottom:4px!important;font-size:11px!important;font-weight:600!important;display:block!important}[data-theme=dark] .mobile-field-label{color:#a3a3a3!important}.ekskul-entry-table{width:100%!important;display:block!important}.ekskul-entry-table thead{display:none!important}.ekskul-entry-table tbody{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;padding:12px!important;display:flex!important}.ekskul-entry-table tr.ekskul-row{box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;grid-template-columns:1fr auto auto!important;grid-template-areas:"student score action""feedback feedback feedback"!important;align-items:center!important;gap:10px 12px!important;width:100%!important;padding:14px!important;display:grid!important;box-shadow:0 1px 3px #00000008!important}[data-theme=dark] .ekskul-entry-table tr.ekskul-row{background:#141414!important;border-color:#262626!important}.ekskul-entry-table tr.ekskul-row td{background:0 0!important;border:none!important;padding:0!important;display:block!important}.ekskul-entry-table tr.ekskul-row .col-no,.ekskul-entry-table tr.ekskul-row .col-class{display:none!important}.ekskul-entry-table tr.ekskul-row .col-student{grid-area:student!important;min-width:0!important}.ekskul-entry-table tr.ekskul-row .col-score{grid-area:score!important;width:auto!important}.ekskul-entry-table tr.ekskul-row .col-score .ekskul-select-score{box-sizing:border-box!important;background:#f8fafc!important;border:1.5px solid #cbd5e1!important;border-radius:8px!important;height:38px!important;padding:4px 8px!important;font-size:13px!important;font-weight:700!important}[data-theme=dark] .ekskul-entry-table tr.ekskul-row .col-score .ekskul-select-score{color:#fafafa!important;background:#0a0a0a!important;border-color:#404040!important}.ekskul-entry-table tr.ekskul-row .col-action{grid-area:action!important}.ekskul-entry-table tr.ekskul-row .col-feedback{grid-area:feedback!important;width:100%!important;min-width:0!important}.ekskul-entry-table tr.ekskul-row .col-feedback input{box-sizing:border-box!important;border-radius:8px!important;width:100%!important;height:38px!important;font-size:13px!important}}@media (width>=769px){.mobile-class-inline{display:none!important}.ekskul-select-score{width:120px!important;margin:0 auto!important}}[data-theme=dark] .guru-launcher-card,[data-theme=dark] .guru-stat-card,[data-theme=dark] .guru-journal-card,[data-theme=dark] .guru-touch-card,[data-theme=dark] .guru-schedule-card,[data-theme=dark] .guru-queue-card,[data-theme=dark] .guru-attendance-card,[data-theme=dark] .guru-assessment-card,[data-theme=dark] .guru-feed-card,[data-theme=dark] .guru-student-card,[data-theme=dark] .guru-package-card{color:#fafafa!important;background:#141414!important;border-color:#262626!important}[data-theme=dark] .guru-schedule-card.is-live{background:linear-gradient(#10b98126 0%,#141414 35%)!important;border-color:#10b98166!important}[data-theme=dark] .guru-schedule-time{color:#d4d4d4!important;background:#0a0a0a!important;border:1px solid #262626!important}[data-theme=dark] .guru-schedule-subject,[data-theme=dark] .guru-assessment-title,[data-theme=dark] .guru-feed-title,[data-theme=dark] .guru-student-name,[data-theme=dark] .guru-queue-student,[data-theme=dark] .guru-attendance-title,[data-theme=dark] .guru-attendance-pct{color:#fafafa!important}[data-theme=dark] .guru-package-title{color:#60a5fa!important}[data-theme=dark] .guru-schedule-meta,[data-theme=dark] .guru-feed-body,[data-theme=dark] .guru-student-nis,[data-theme=dark] .guru-package-meta,[data-theme=dark] .guru-queue-task,[data-theme=dark] .guru-attendance-meta{color:#a3a3a3!important}[data-theme=dark] .guru-schedule-meta strong{color:#fafafa!important}[data-theme=dark] .guru-schedule-actions,[data-theme=dark] .guru-package-actions,[data-theme=dark] .guru-student-inputs,[data-theme=dark] .guru-attendance-actions{border-top-color:#262626!important}[data-theme=dark] .guru-assessment-metrics{background:#0a0a0a!important;border-color:#262626!important}[data-theme=dark] .guru-assessment-metrics>div>div:first-child{color:#a3a3a3!important}[data-theme=dark] .guru-assessment-metrics>div>div:last-child{color:#fafafa!important}[data-theme=dark] .guru-queue-avatar,[data-theme=dark] .guru-student-avatar,[data-theme=dark] .guru-feed-icon{color:#60a5fa!important;background:#2563eb26!important}[data-theme=dark] .guru-progress-bar{background:#262626!important}[data-theme=dark] .guru-launcher-title,[data-theme=dark] .guru-journal-title,[data-theme=dark] .guru-stat-value{color:#fafafa!important}[data-theme=dark] .guru-launcher-desc,[data-theme=dark] .guru-stat-label{color:#a3a3a3!important}[data-theme=dark] .guru-sticky-action-bar{background:#1e293bf2!important;border-color:#262626!important}[data-theme=dark] .guru-filter-bar{background:#141414!important;border-color:#262626!important}[data-theme=dark] .guru-filter-pill{color:#a3a3a3!important;background:0 0!important;border-color:#0000!important}[data-theme=dark] .guru-filter-pill:hover{color:#fafafa!important;background:#262626!important}[data-theme=dark] .guru-filter-pill.active{color:#fafafa!important;background:#262626!important;border-color:#404040!important;box-shadow:0 2px 6px -1px #0006!important}[data-theme=dark] .guru-filter-pill .pill-count{color:#d4d4d4!important;background:#262626!important}[data-theme=dark] .guru-filter-pill.active .pill-count{color:#60a5fa!important;background:#2563eb33!important}.guru-stats-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}@media (width<=992px){.guru-stats-row{grid-template-columns:repeat(2,1fr);gap:10px}}@media (width<=480px){.guru-stats-row{grid-template-columns:repeat(2,1fr);gap:8px}}.guru-stat-box{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);cursor:default;border-radius:16px;flex-direction:column;min-width:0;padding:14px 16px;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,background .15s;display:flex;position:relative;box-shadow:none!important}.guru-stat-box:hover{border-color:var(--border-strong,#d4d4d4);transform:translateY(-2px)}.guru-stat-box:active{background:var(--bg-subtle,#f5f5f5)}.guru-stat-top{justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;display:flex}.guru-stat-title{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.guru-stat-num{color:var(--text-primary,#0f172a);letter-spacing:-.5px;margin:2px 0;font-size:22px;font-weight:800;line-height:1.15}.guru-stat-desc{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:500;display:flex;overflow:hidden}.guru-stat-desc.blue{color:#2563eb}.guru-stat-desc.green{color:#16a34a}.guru-stat-desc.orange{color:#ea580c}.guru-stat-desc.purple{color:#9333ea}.guru-stat-desc.red{color:#e11d48}[data-theme=dark] .guru-stat-box{color:#fafafa!important;background:#141414!important;border-color:#262626!important}[data-theme=dark] .guru-stat-num{color:#fafafa!important}[data-theme=dark] .guru-stat-title,[data-theme=dark] .guru-stat-desc{color:#a3a3a3!important}@media (width<=640px){.guru-form-actions,.guru-form-actions .btn{justify-content:center!important;width:100%!important}}.guru-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 2px;display:flex}.guru-section-heading{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:15px;font-weight:800}.guru-section-link{color:#2563eb;align-items:center;gap:4px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.guru-ann-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);border-radius:14px;padding:12px 14px;transition:transform .15s,border-color .15s;display:block;text-decoration:none!important}.guru-ann-card:active{background-color:var(--bg-subtle,#f8fafc);transform:scale(.98)}.guru-ann-title{color:#0f172a;margin:0 0 4px;font-size:13.5px;font-weight:700;line-height:1.35}.guru-ann-desc{color:#64748b;margin:0;font-size:12px;line-height:1.45}[data-theme=dark] .guru-section-heading,[data-theme=dark] .guru-ann-title{color:#fafafa!important}[data-theme=dark] .guru-ann-desc{color:#a3a3a3!important}[data-theme=dark] .guru-ann-card{background:#141414!important;border-color:#262626!important}:root{--m-primary:#2563eb;--m-primary-dark:#1d4ed8;--m-primary-light:#eff6ff;--m-primary-glow:#2563eb40;--m-bg:var(--bg-mobile,#f5f5f5);--m-card-bg:var(--bg-card,#fff);--m-card-border:var(--border-color,#e5e5e5);--m-text:var(--text-primary,#0a0a0a);--m-text-secondary:var(--text-secondary,#525252);--m-text-muted:var(--text-muted,#737373);--m-success:#16a34a;--m-success-bg:#f0fdf4;--m-success-border:#dcfce7;--m-warning:#ea580c;--m-warning-bg:#fff7ed;--m-warning-border:#ffedd5;--m-danger:#e11d48;--m-danger-bg:#fff1f2;--m-danger-border:#fee2e2;--m-purple:#9333ea;--m-purple-bg:#faf5ff;--m-purple-border:#f3e8ff;--m-radius-sm:10px;--m-radius-md:16px;--m-radius-lg:20px;--m-radius-full:9999px;--m-shadow-subtle:none;--m-shadow-card:none;--m-shadow-elevated:0 10px 25px -4px #2563eb40}[data-theme=dark]{--m-bg:#000;--m-card-bg:#0a0a0a;--m-card-border:#262626;--m-text:#fafafa;--m-text-secondary:#a3a3a3;--m-text-muted:#737373;--m-success-bg:#16a34a26;--m-success-border:#16a34a4d;--m-warning-bg:#ea580c26;--m-warning-border:#ea580c4d;--m-danger-bg:#e11d4826;--m-danger-border:#e11d484d;--m-purple-bg:#9333ea26;--m-purple-border:#9333ea4d;--m-shadow-card:0 4px 16px #0000004d;--m-shadow-subtle:0 2px 8px #00000040;--m-shadow-dock:0 -4px 20px #0006}@media (width>=769px){.m-mobile-only,.desktop-hide,.desktop-hide-parent,.desktop-hide-student,.desktop-hide-guru{display:none!important}}@media (width<=768px){.m-desktop-only,.mobile-hide,.mobile-hide-parent,.mobile-hide-student,.mobile-hide-guru{display:none!important}html,body,.app-container,.main-wrapper,.content-body,.app-content,.main-content,.content-wrapper{-webkit-font-smoothing:antialiased;background-color:var(--m-bg,#f5f5f5)!important}.app-content,.main-content,.content-wrapper,.content-body{padding:16px 16px calc(96px + env(safe-area-inset-bottom,16px))!important}.btn,.mobile-dock-item,.form-select,.form-control{-webkit-tap-highlight-color:transparent;min-height:42px}.btn-sm{min-height:36px}}.m-app-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.m-greeting-box{flex-direction:column;min-width:0;display:flex}.m-greeting-title{color:var(--m-text);letter-spacing:-.4px;margin:0;font-size:20px;font-weight:800;line-height:1.25}.m-greeting-sub{color:var(--m-text-muted);margin:2px 0 0;font-size:12.5px;font-weight:500}.m-avatar-chip{width:44px;height:44px;color:var(--m-primary);background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1.5px solid #fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex;box-shadow:0 4px 12px #2563eb1f}.m-hero-card{border-radius:var(--m-radius-lg);color:#fff;box-shadow:var(--m-shadow-elevated);background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 55%,#3b82f6 100%);margin-bottom:20px;padding:20px;position:relative;overflow:hidden}.m-hero-card:after{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;width:140px;height:140px;position:absolute;top:-30px;right:-30px}.m-hero-tag{color:#ffffffe6;border-radius:var(--m-radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff3;align-items:center;gap:6px;margin-bottom:10px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.m-hero-title{color:#fff;letter-spacing:-.3px;margin:0 0 6px;font-size:17px;font-weight:800;line-height:1.3}.m-hero-sub{color:#ffffffd9;margin:0 0 16px;font-size:12px}.m-hero-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.m-hero-progress{flex:1;min-width:0}.m-hero-progress-bar{border-radius:var(--m-radius-full);background:#ffffff40;height:6px;overflow:hidden}.m-hero-progress-fill{border-radius:var(--m-radius-full);background:#fff;height:100%;transition:width .3s}.m-hero-play-btn{width:42px;height:42px;color:var(--m-primary);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s;display:flex;box-shadow:0 4px 12px #00000026;text-decoration:none!important}.m-hero-play-btn:active{transform:scale(.92)}.m-date-strip{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:8px;margin-bottom:20px;padding:2px 2px 6px;display:flex;overflow-x:auto}.m-date-pill{border-radius:var(--m-radius-md);background:var(--m-card-bg);border:1px solid var(--m-card-border);min-width:54px;color:var(--m-text-secondary);box-shadow:var(--m-shadow-subtle);-webkit-tap-highlight-color:transparent;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:10px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;text-decoration:none!important}.m-date-pill:active{transform:scale(.94)}.m-date-day{text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10.5px;font-weight:600}.m-date-num{font-size:16px;font-weight:800;line-height:1}.m-date-pill.active{background:var(--m-primary);color:#fff;border-color:var(--m-primary);box-shadow:0 6px 18px var(--m-primary-glow);transform:translateY(-2px)}.m-gauge-card{background:var(--m-card-bg);border:1px solid var(--m-card-border);border-radius:var(--m-radius-lg);text-align:center;box-shadow:var(--m-shadow-card);flex-direction:column;align-items:center;margin-bottom:20px;padding:20px;display:flex}.m-gauge-wrap{justify-content:center;align-items:center;width:130px;height:130px;margin-bottom:16px;display:flex;position:relative}.m-gauge-svg{width:100%;height:100%;transform:rotate(-90deg)}.m-gauge-bg-ring{fill:none;stroke:var(--border-color,#e5e5e5);stroke-width:10px}.m-gauge-fill-ring{fill:none;stroke:var(--m-success);stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .8s}.m-gauge-fill-ring.blue{stroke:var(--m-primary)}.m-gauge-fill-ring.orange{stroke:var(--m-warning)}.m-gauge-content{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.m-gauge-val{color:var(--m-text);letter-spacing:-.5px;font-size:24px;font-weight:800;line-height:1}.m-gauge-sub{color:var(--m-text-muted);margin-top:4px;font-size:10.5px;font-weight:600}.m-counter-grid{border-top:1px solid var(--m-card-border);grid-template-columns:repeat(3,1fr);gap:8px;width:100%;padding-top:14px;display:grid}.m-counter-item{background:var(--bg-subtle,#f5f5f5);border:1px solid var(--border-color,#e5e5e5);border-radius:var(--m-radius-md);flex-direction:column;align-items:center;padding:8px 4px;display:flex}.m-counter-val{color:var(--m-text);font-size:16px;font-weight:800}.m-counter-val.green{color:var(--m-success)}.m-counter-val.orange{color:var(--m-warning)}.m-counter-val.red{color:var(--m-danger)}.m-counter-lbl{color:var(--m-text-muted);margin-top:2px;font-size:10.5px;font-weight:600}.m-filter-bar{border:1px solid var(--border-color,#e5e5e5);-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#f1f5f9;border-radius:12px;align-items:center;gap:3px;max-width:100%;margin-bottom:16px;padding:4px;display:inline-flex;overflow-x:auto}.m-filter-bar::-webkit-scrollbar{display:none}.m-filter-pill{color:var(--text-secondary,#64748b);cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:9px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex;text-decoration:none!important}.m-filter-pill:hover{color:#0f172a;background:#fff9}.m-filter-pill.active{color:#0f172a!important;background:#fff!important;border-color:#0000000a!important;font-weight:600!important;box-shadow:0 2px 6px -1px #00000014,0 1px 3px -1px #0000000a!important}.m-filter-pill .pill-count{color:#475569;background:#e2e8f0;border-radius:9999px;padding:1px 6px;font-size:11px;font-weight:700}.m-filter-pill.active .pill-count{color:#2563eb!important;background:#eff6ff!important}.m-card{background:var(--m-card-bg);border:1px solid var(--m-card-border);border-radius:var(--m-radius-md);box-shadow:var(--m-shadow-card);color:inherit;-webkit-tap-highlight-color:transparent;flex-direction:column;gap:10px;margin-bottom:12px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex;text-decoration:none!important}.m-card:active{transform:scale(.98)}.m-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.m-card-title{color:var(--m-text);margin:0;font-size:14.5px;font-weight:700;line-height:1.3}.m-card-sub{color:var(--m-text-muted);margin:2px 0 0;font-size:11.5px}.m-card-bottom{color:var(--m-text-muted);border-top:1px solid #f8fafc;justify-content:space-between;align-items:center;padding-top:10px;font-size:11.5px;display:flex}.m-chip{border-radius:var(--m-radius-full);align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.m-chip.green{background:var(--m-success-bg);color:var(--m-success);border:1px solid var(--m-success-border)}.m-chip.blue{background:var(--m-primary-light);color:var(--m-primary);border:1px solid #dbeafe}.m-chip.orange{background:var(--m-warning-bg);color:var(--m-warning);border:1px solid var(--m-warning-border)}.m-chip.red{background:var(--m-danger-bg);color:var(--m-danger);border:1px solid var(--m-danger-border)}.m-chip.purple{background:var(--m-purple-bg);color:var(--m-purple);border:1px solid var(--m-purple-border)}.m-chip.priority-high{color:#e11d48;background:#ffe4e6;font-weight:800}.m-chip.priority-med{color:#c2410c;background:#ffedd5}.m-chip.priority-low{background:var(--bg-subtle,#f5f5f5);color:var(--text-secondary,#525252)}.m-feed-container{background:var(--m-card-bg);border:1px solid var(--m-card-border);border-radius:var(--m-radius-md);box-shadow:var(--m-shadow-card);margin-bottom:20px;overflow:hidden}.m-feed-row{color:inherit;-webkit-tap-highlight-color:transparent;border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:background-color .15s;display:flex;text-decoration:none!important}.m-feed-row:last-child{border-bottom:none}.m-feed-row:active{background-color:#f8fafc}.m-feed-left{align-items:center;gap:12px;min-width:0;display:flex}.m-feed-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.m-feed-icon.green{background:var(--m-success-bg);color:var(--m-success)}.m-feed-icon.blue{background:var(--m-primary-light);color:var(--m-primary)}.m-feed-icon.orange{background:var(--m-warning-bg);color:var(--m-warning)}.m-feed-icon.purple{background:var(--m-purple-bg);color:var(--m-purple)}.m-feed-icon.red{background:var(--m-danger-bg);color:var(--m-danger)}.m-feed-details{flex-direction:column;min-width:0;display:flex}.m-feed-title{color:var(--m-text);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;line-height:1.3;overflow:hidden}.m-feed-sub{color:var(--m-text-muted);align-items:center;gap:6px;margin-top:2px;font-size:11.5px;display:flex}.m-feed-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.m-course-item{background:var(--m-card-bg);border:1px solid var(--m-card-border);border-radius:var(--m-radius-md);box-shadow:var(--m-shadow-subtle);color:inherit;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;transition:transform .15s;display:flex;text-decoration:none!important}.m-course-item:active{transform:scale(.98)}.m-course-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.m-course-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.m-course-icon.blue{color:#2563eb;background:#eff6ff}.m-course-icon.purple{color:#9333ea;background:#faf5ff}.m-course-icon.orange{color:#ea580c;background:#fff7ed}.m-course-icon.green{color:#16a34a;background:#f0fdf4}.m-course-info{flex-direction:column;flex:1;min-width:0;display:flex}.m-course-title{color:var(--m-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.3;overflow:hidden}.m-course-teacher{color:var(--m-text-muted);margin-top:2px;font-size:11.5px}.m-course-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;width:70px;display:flex}.m-course-pct{color:var(--m-primary);font-size:12px;font-weight:700}.m-progress-mini{background:var(--bg-subtle,#f5f5f5);border-radius:var(--m-radius-full);width:100%;height:4px;overflow:hidden}.m-progress-mini-fill{background:var(--m-primary);border-radius:var(--m-radius-full);height:100%}.m-plan-card{background:var(--m-card-bg);border:1px solid var(--m-card-border);border-radius:var(--m-radius-md);box-shadow:var(--m-shadow-subtle);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;display:flex}.m-plan-left{align-items:flex-start;gap:12px;min-width:0;display:flex}.m-plan-time-box{font-family:var(--font-sans,"Roboto", sans-serif);color:var(--m-text-muted);flex-direction:column;min-width:65px;font-size:11px;font-weight:600;line-height:1.3;display:flex}.m-plan-divider-dot{background:var(--m-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.m-plan-info{flex-direction:column;min-width:0;display:flex}.m-plan-title{color:var(--m-text);font-size:14px;font-weight:700;line-height:1.3}.m-plan-sub{color:var(--m-text-muted);margin-top:2px;font-size:11.5px}.m-gpa-card{background:var(--m-card-bg);border:1px solid var(--m-card-border);border-radius:var(--m-radius-lg);box-shadow:var(--m-shadow-card);justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:18px 20px;display:flex}.m-gpa-left{flex-direction:column;display:flex}.m-gpa-label{color:var(--m-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.m-gpa-score{color:var(--m-text);margin:4px 0;font-size:26px;font-weight:800;line-height:1.1}.m-gpa-badge{color:var(--m-success);align-items:center;gap:4px;font-size:11.5px;font-weight:700;display:inline-flex}.m-mini-bars{align-items:flex-end;gap:6px;height:48px;padding-bottom:4px;display:flex}.m-mini-bar{background:#dbeafe;border-radius:4px;width:8px;transition:height .3s}.m-mini-bar.active{background:var(--m-primary)}.m-grade-row{background:var(--m-card-bg);border:1px solid var(--m-card-border);border-radius:var(--m-radius-md);box-shadow:var(--m-shadow-subtle);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;display:flex}.m-grade-subject{color:var(--m-text);font-size:13.5px;font-weight:700}.m-grade-teacher{color:var(--m-text-muted);margin-top:2px;font-size:11.5px}.m-grade-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.m-grade-letter{color:var(--m-primary)}.m-grade-letter.red,.m-grade-letter.text-danger,.m-grade-letter.danger{color:var(--m-danger)!important}.m-grade-letter.green,.m-grade-letter.text-success,.m-grade-letter.success{color:var(--m-success)!important}.m-grade-letter.blue,.m-grade-letter.text-primary,.m-grade-letter.primary{color:var(--m-primary)!important}.m-grade-val{color:var(--m-text)}.m-profile-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.m-profile-avatar-lg{color:#fff;width:72px;height:72px;box-shadow:0 6px 20px var(--m-primary-glow);background:linear-gradient(135deg,#1d4ed8,#3b82f6);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:26px;font-weight:800;display:flex}.m-profile-name{color:var(--m-text);margin:0;font-size:18px;font-weight:800}.m-profile-meta{color:var(--m-text-muted);margin:2px 0 0;font-size:12px}.m-settings-list{background:var(--m-card-bg);border:1px solid var(--m-card-border);border-radius:var(--m-radius-lg);box-shadow:var(--m-shadow-card);margin-bottom:20px;overflow:hidden}.m-settings-item{color:var(--m-text);-webkit-tap-highlight-color:transparent;border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:16px;transition:background-color .15s;display:flex;text-decoration:none!important}.m-settings-item:last-child{border-bottom:none}.m-settings-item:active{background-color:#f8fafc}.m-settings-item-left{align-items:center;gap:12px;font-size:13.5px;font-weight:600;display:flex}.m-settings-item-left svg{color:var(--m-text-muted)}.m-settings-item.danger,.m-settings-item.danger .m-settings-item-left svg{color:var(--m-danger)}.m-settings-chevron{color:#cbd5e1}@media (width<=768px){.login-wrapper{width:100%!important;padding:20px 16px!important}.login-card{border-radius:var(--m-radius-lg)!important;box-shadow:var(--m-shadow-card)!important;padding:24px 20px!important}.login-title{font-size:22px!important}.demo-pills{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;display:grid!important}.demo-pill{border-radius:var(--m-radius-md)!important;justify-content:center!important;width:100%!important;padding:10px 8px!important;font-size:12px!important}}.global-page-preloader,.mobile-page-preloader{z-index:100000;pointer-events:none;opacity:0;visibility:hidden;width:100%;height:3px;transition:opacity .2s ease-out,visibility .2s ease-out;position:fixed;top:0;left:0}.global-page-preloader.is-loading,.mobile-page-preloader.is-loading{opacity:1;visibility:visible}.global-preloader-bar,.mobile-preloader-bar{background:linear-gradient(90deg,#2563eb 0%,#38bdf8 50%,#6366f1 100%) 0 0/200% 100%;width:100%;height:100%;animation:1s linear infinite globalPreloaderBarAnim;box-shadow:0 1px 8px #2563eb73,0 0 4px #38bdf899}@keyframes globalPreloaderBarAnim{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .m-app-header,[data-theme=dark] .m-greeting-box{color:#fafafa}[data-theme=dark] .m-greeting-title{color:#fafafa!important}[data-theme=dark] .m-greeting-sub{color:#d4d4d4!important}[data-theme=dark] .m-gpa-card{color:#fafafa!important;background:#141414!important;border-color:#262626!important;box-shadow:0 4px 16px #0000004d!important}[data-theme=dark] .m-gpa-score{color:#fafafa!important}[data-theme=dark] .m-gpa-label{color:#a3a3a3!important}[data-theme=dark] .m-grade-row{color:#fafafa!important;background:#141414!important;border-color:#262626!important}[data-theme=dark] .m-grade-subject{color:#fafafa!important}[data-theme=dark] .m-grade-teacher{color:#a3a3a3!important}[data-theme=dark] .m-grade-pill{background:#0a0a0a!important;border-color:#262626!important}[data-theme=dark] .m-grade-val{color:#fafafa!important}[data-theme=dark] .m-gauge-card{background:#141414!important;border-color:#262626!important;box-shadow:0 4px 16px #0000004d!important}[data-theme=dark] .m-gauge-track,[data-theme=dark] .m-gauge-bg-ring{stroke:#262626!important}[data-theme=dark] .m-gauge-pct,[data-theme=dark] .m-gauge-val{color:#fafafa!important}[data-theme=dark] .m-gauge-sub{color:#a3a3a3!important}[data-theme=dark] .m-counter-grid{border-top-color:#262626!important}[data-theme=dark] .m-counter-item{background:#0a0a0a!important;border:1px solid #262626!important}[data-theme=dark] .m-counter-val{color:#fafafa!important}[data-theme=dark] .m-counter-val.green{color:#4ade80!important}[data-theme=dark] .m-counter-val.orange{color:#fb923c!important}[data-theme=dark] .m-counter-val.red{color:#f87171!important}[data-theme=dark] .m-counter-lbl{color:#a3a3a3!important}[data-theme=dark] .m-card-feed,[data-theme=dark] .m-card-feed-item{background:#141414!important;border-color:#262626!important}[data-theme=dark] .m-course-icon.blue{color:#60a5fa!important;background:#2563eb33!important}[data-theme=dark] .m-course-icon.purple{color:#c084fc!important;background:#9333ea33!important}[data-theme=dark] .m-course-icon.orange{color:#fb923c!important;background:#ea580c33!important}[data-theme=dark] .m-course-icon.green,[data-theme=dark] .m-feed-icon.green{color:#4ade80!important;background:#16a34a33!important}[data-theme=dark] .m-feed-icon.blue{color:#60a5fa!important;background:#2563eb33!important}[data-theme=dark] .m-feed-icon.orange{color:#fb923c!important;background:#ea580c33!important}[data-theme=dark] .m-feed-icon.purple{color:#c084fc!important;background:#9333ea33!important}[data-theme=dark] .m-feed-icon.red,[data-theme=dark] .m-chip.priority-high{color:#f87171!important;background:#e11d4833!important}[data-theme=dark] .m-chip.priority-med{color:#fb923c!important;background:#ea580c33!important}[data-theme=dark] .m-chip.priority-low{color:#d4d4d4!important;background:#262626!important}.m-stats-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}@media (width<=992px){.m-stats-row{grid-template-columns:repeat(2,1fr);gap:10px}}@media (width<=480px){.m-stats-row{grid-template-columns:repeat(2,1fr);gap:8px}}.m-stat-box{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5e5);cursor:default;border-radius:16px;flex-direction:column;min-width:0;padding:14px 16px;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,background .15s;display:flex;position:relative;box-shadow:none!important}.m-stat-box:hover{border-color:var(--border-strong,#d4d4d4);transform:translateY(-2px)}.m-stat-box:active{background:var(--bg-subtle,#f5f5f5)}.m-stat-top{justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;display:flex}.m-stat-title{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.m-stat-num{color:var(--text-primary,#0f172a);letter-spacing:-.5px;margin:2px 0;font-size:22px;font-weight:800;line-height:1.15}.m-stat-desc{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:500;display:flex;overflow:hidden}.mobile-filter-scroll,.m-date-strip{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.mobile-filter-scroll::-webkit-scrollbar{display:none}.m-date-strip::-webkit-scrollbar{display:none}@media (width<=480px){.parent-action-grid,.student-launcher-grid,.guru-launcher-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}@media (width<=768px){.filter-card .filter-grid-row,.filter-card .filter-grid-left{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}.filter-card .filter-grid-left>div,.filter-card .filter-grid-left select,.filter-card .filter-grid-left input,.filter-card .search-input-group{flex:100%!important;width:100%!important;min-width:100%!important;max-width:100%!important}.table-container,.table-responsive{border-radius:12px;margin-bottom:12px;-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}.table-clean{min-width:580px}.m-app-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.m-app-header>div:last-child{flex-wrap:wrap!important;gap:8px!important;width:100%!important;display:flex!important}.m-app-header form{flex:auto!important;width:100%!important}.m-app-header select{width:100%!important;min-height:42px!important}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}input:not([type=checkbox]):not([type=radio]),select,textarea,.form-control,.form-select,.search-input-field{font-size:13px!important}input::placeholder,textarea::placeholder,.form-control::placeholder,.form-select::placeholder,.search-input-field::placeholder{font-size:12.5px!important}.form-control-sm,.form-select-sm,select.form-select-sm{font-size:12px!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-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}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}