@layer legacy;@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-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-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-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-900:oklch(40.8% .123 38.172);--color-amber-500:oklch(76.9% .188 70.08);--color-yellow-400:oklch(85.2% .199 91.936);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-zinc-800:oklch(27.4% .006 286.033);--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-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-3xl:48rem;--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-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-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--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;--drop-shadow-md:0 3px 3px #0000001f;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--perspective-distant:1200px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);scroll-behavior:smooth;background-color:var(--bg-canvas);color:var(--slate-700);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;overflow-x:hidden}html.dark{--bg-canvas:#0b0f19;color:#f1f5f9;background-color:#0b0f19}body{background-color:var(--bg-canvas);max-width:100vw;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}html.dark body{background-color:#0b0f19}img,svg,video{max-width:100%;height:auto;display:block}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;border:none;outline:none}button{cursor:pointer;background:0 0}h1,h2,h3,h4,h5,h6{color:var(--slate-900);letter-spacing:-.02em;font-weight:700;line-height:1.25}.dashboard-shell :where(*){border:0 solid #e2e8f0}.dashboard-shell :where(input:focus,select:focus,textarea:focus,button:focus){box-shadow:none;outline:none}:where(.landing-root,.landing-root *){box-sizing:border-box;border:0 solid}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.-inset-px{inset:-1px}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-5{inset-inline:calc(var(--spacing) * 5)}.top-0{top:0}.top-1\/2{top:50%}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.top-\[58px\]{top:58px}.top-\[68px\]{top:68px}.top-full{top:100%}.right-0{right:0}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-6{right:calc(var(--spacing) * 6)}.bottom-0{bottom:0}.bottom-5{bottom:calc(var(--spacing) * 5)}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.left-full{left:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[90\]{z-index:90}.z-\[99\]{z-index:99}.z-\[100\]{z-index:100}.col-span-2{grid-column:span 2/span 2}.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}}.mx-1{margin-inline:var(--spacing)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-auto{margin-left:auto}.\!block{display:block!important}.\!hidden{display:none!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[3\/4\]{aspect-ratio:3/4}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-0{height:0}.h-1\.5{height:calc(var(--spacing) * 1.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-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-24{height:calc(var(--spacing) * 24)}.h-52{height:calc(var(--spacing) * 52)}.h-\[18px\]{height:18px}.h-\[27rem\]{height:27rem}.h-full{height:100%}.h-px{height:1px}.max-h-\[90dvh\]{max-height:90dvh}.max-h-\[calc\(100svh-7rem\)\]{max-height:calc(100svh - 7rem)}.w-0{width:0}.w-1\.5{width:calc(var(--spacing) * 1.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-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-52{width:calc(var(--spacing) * 52)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-\[18\.5rem\]{width:18.5rem}.w-\[18px\]{width:18px}.w-\[34rem\]{width:34rem}.w-\[min\(26rem\,calc\(100vw-2rem\)\)\]{width:min(26rem,100vw - 2rem)}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[90vw\]{max-width:90vw}.max-w-full{max-width:100%}.max-w-none{max-width:none}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[130\%\]{--tw-translate-y:calc(130% * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.\[scrollbar-width\:none\]{scrollbar-width:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}.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-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)))}.gap-x-12{column-gap:calc(var(--spacing) * 12)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-x-contain{overscroll-behavior-x:contain}.scroll-smooth{scroll-behavior:smooth}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[16px\]{border-radius:16px}.rounded-\[20px\]{border-radius:20px}.rounded-\[28px\]{border-radius:28px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-3xl{border-bottom-right-radius:var(--radius-3xl);border-bottom-left-radius:var(--radius-3xl)}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[var\(--ekskul-arrow-border\)\]{border-color:var(--ekskul-arrow-border)}.border-black\/5{border-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.border-black\/5{border-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\/10{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.border-orange-200{border-color:var(--color-orange-200)}.border-orange-500\/30{border-color:#fe6e004d}@supports (color:color-mix(in lab, red, red)){.border-orange-500\/30{border-color:color-mix(in oklab, var(--color-orange-500) 30%, transparent)}}.border-primary\/20{border-color:oklab(65.4223% .19096 .131603/.2)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/50{border-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.border-white\/50{border-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.border-white\/60{border-color:#fff9}@supports (color:color-mix(in lab, red, red)){.border-white\/60{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.border-white\/70{border-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.border-white\/70{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.border-white\/80{border-color:#fffc}@supports (color:color-mix(in lab, red, red)){.border-white\/80{border-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-\[\#0b0d12\]\/55{background-color:oklab(15.9279% -.000392824 -.0111319/.55)}.bg-\[\#0b1220\]{background-color:#0b1220}.bg-\[\#000000\]{background-color:#000}.bg-\[\#1F2121\]{background-color:#1f2121}.bg-\[\#1b1e1e\]{background-color:#1b1e1e}.bg-\[\#05070e\]\/80{background-color:oklab(12.9689% -.000491612 -.0170991/.8)}.bg-\[var\(--color-primary\)\]{background-color:var(--color-primary)}.bg-\[var\(--ekskul-arrow-bg\)\]{background-color:var(--ekskul-arrow-bg)}.bg-black\/25{background-color:#00000040}@supports (color:color-mix(in lab, red, red)){.bg-black\/25{background-color:color-mix(in oklab, var(--color-black) 25%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/\[0\.03\]{background-color:#00000008}@supports (color:color-mix(in lab, red, red)){.bg-black\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-black) 3%, transparent)}}.bg-foreground{background-color:#0c1726}.bg-gray-200{background-color:var(--color-gray-200)}.bg-neutral-200\/80{background-color:#e5e5e5cc}@supports (color:color-mix(in lab, red, red)){.bg-neutral-200\/80{background-color:color-mix(in oklab, var(--color-neutral-200) 80%, transparent)}}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-500\/20{background-color:#fe6e0033}@supports (color:color-mix(in lab, red, red)){.bg-orange-500\/20{background-color:color-mix(in oklab, var(--color-orange-500) 20%, transparent)}}.bg-primary{background-color:#fe4000}.bg-primary\/10{background-color:oklab(65.4223% .19096 .131603/.1)}.bg-primary\/15{background-color:oklab(65.4223% .19096 .131603/.15)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.bg-white\/25{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-white\/45{background-color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.bg-white\/45{background-color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#05070e\]{--tw-gradient-from:#05070e;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-500{--tw-gradient-from:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#05070e\]\/25{--tw-gradient-via:oklab(12.9689% -.000491612 -.0170991/.25);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#05070e\]\/40{--tw-gradient-via:oklab(12.9689% -.000491612 -.0170991/.4);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#05070e\]\/5{--tw-gradient-to:oklab(12.9689% -.000491612 -.0170991/.05);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-500{--tw-gradient-to:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-white{fill:var(--color-white)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-top{object-position:top}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.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)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-\[0\.06em\]{padding-bottom:.06em}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.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-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-\[var\(--ekskul-arrow-ink\)\]{color:var(--ekskul-arrow-ink)}.text-\[var\(--ekskul-muted\)\]{color:var(--ekskul-muted)}.text-background{color:#fff}.text-gray-300{color:var(--color-gray-300)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-orange-300{color:var(--color-orange-300)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-900{color:var(--color-orange-900)}.text-primary{color:#fe4000}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-white{color:var(--color-white)}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.text-white\/30{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/65{color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.text-white\/65{color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.text-white\/85{color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-60{opacity:.6}.opacity-85{opacity:.85}.opacity-100{opacity:1}.mix-blend-color{mix-blend-mode:color}.mix-blend-overlay{mix-blend-mode:overlay}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_30px_-8px_rgba\(254\,64\,0\,0\.7\)\]{--tw-shadow:0 10px 30px -8px var(--tw-shadow-color,#fe4000b3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_40px_rgba\(0\,0\,0\,0\.06\)\,0_4px_12px_rgba\(0\,0\,0\,0\.03\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.95\)\,inset_0_-1px_0_rgba\(255\,255\,255\,0\.4\)\]{--tw-shadow:0 10px 40px var(--tw-shadow-color,#0000000f), 0 4px 12px var(--tw-shadow-color,#00000008), inset 0 1px 0 var(--tw-shadow-color,#fffffff2), inset 0 -1px 0 var(--tw-shadow-color,#fff6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_25px_60px_-20px_rgba\(15\,27\,45\,0\.35\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.9\)\]{--tw-shadow:0 25px 60px -20px var(--tw-shadow-color,#0f1b2d59), inset 0 1px 0 var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_40px_80px_-42px_rgba\(8\,15\,28\,0\.8\)\]{--tw-shadow:0 40px 80px -42px var(--tw-shadow-color,#080f1ccc);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--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)}.shadow-black\/60{--tw-shadow-color:#0009}@supports (color:color-mix(in lab, red, red)){.shadow-black\/60{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 60%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-orange-500\/10{--tw-shadow-color:#fe6e001a}@supports (color:color-mix(in lab, red, red)){.shadow-orange-500\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-orange-500\/20{--tw-shadow-color:#fe6e0033}@supports (color:color-mix(in lab, red, red)){.shadow-orange-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-orange-500\/25{--tw-shadow-color:#fe6e0040}@supports (color:color-mix(in lab, red, red)){.shadow-orange-500\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-orange-500\/30{--tw-shadow-color:#fe6e004d}@supports (color:color-mix(in lab, red, red)){.shadow-orange-500\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-border\/60{--tw-ring-color:oklab(92.0502% .00216708 -.00354749/.6)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[var\(--blur\)\]{--tw-blur:blur(var(--blur));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,)}.contrast-75{--tw-contrast:contrast(75%);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,)}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.grayscale-\[65\%\]{--tw-grayscale:grayscale(65%);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,)}.saturate-0{--tw-saturate:saturate(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[28px\]{--tw-backdrop-blur:blur(28px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[32px\]{--tw-backdrop-blur:blur(32px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-saturate-\[1\.8\]{--tw-backdrop-saturate:saturate(1.8);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-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-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[filter\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;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-1{transition-delay:1ms}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[perspective\:1000px\]{perspective:1000px}.perspective-distant{perspective:var(--perspective-distant)}.transform-3d{transform-style:preserve-3d}@media (hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:-translate-y-0\.5:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-\[1\.04\]:is(:where(.group):hover *){scale:1.04}.group-hover\/card\:scale-105:is(:where(.group\/card):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\/nested\:visible:is(:where(.group\/nested):hover *){visibility:visible}.group-hover\/nested\:opacity-100:is(:where(.group\/nested):hover *){opacity:1}}.placeholder\:text-background\/50::placeholder{color:oklab(100% 0 5.96046e-8/.5)}.placeholder\:text-background\/80::placeholder{color:oklab(100% 0 5.96046e-8/.8)}.placeholder\:text-neutral-500::placeholder{color:var(--color-neutral-500)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-\[calc\(-1\*var\(--glowingeffect-border-width\)\)\]:after{content:var(--tw-content);inset:calc(-1 * var(--glowingeffect-border-width))}.after\:rounded-\[inherit\]:after{content:var(--tw-content);border-radius:inherit}.after\:\[mask-image\:linear-gradient\(\#0000\,\#0000\)\,conic-gradient\(from_calc\(\(var\(--start\)-var\(--spread\)\)\*1deg\)\,\#00000000_0deg\,\#fff\,\#00000000_calc\(var\(--spread\)\*2deg\)\)\]:after{content:var(--tw-content);-webkit-mask-image:linear-gradient(#0000,#0000),conic-gradient(from calc((var(--start) - var(--spread)) * 1deg),#0000 0deg,#fff,#0000 calc(var(--spread) * 2deg));-webkit-mask-image:linear-gradient(#0000,#0000),conic-gradient(from calc((var(--start) - var(--spread)) * 1deg),#0000 0deg,#fff,#0000 calc(var(--spread) * 2deg));-webkit-mask-image:linear-gradient(#0000,#0000),conic-gradient(from calc((var(--start) - var(--spread)) * 1deg),#0000 0deg,#fff,#0000 calc(var(--spread) * 2deg));mask-image:linear-gradient(#0000,#0000),conic-gradient(from calc((var(--start) - var(--spread)) * 1deg),#0000 0deg,#fff,#0000 calc(var(--spread) * 2deg))}.after\:\[background-attachment\:fixed\]:after{content:var(--tw-content);background-attachment:fixed}.after\:\[mask-composite\:intersect\]:after{content:var(--tw-content);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.after\:\[mask-clip\:padding-box\,border-box\]:after{content:var(--tw-content);-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box}.after\:opacity-\[var\(--active\)\]:after{content:var(--tw-content);opacity:var(--active)}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}.after\:content-\[\"\"\]:after{--tw-content:"";content:var(--tw-content)}.after\:\[background\:var\(--gradient\)\]:after{content:var(--tw-content);background:var(--gradient)}.after\:\[border\:var\(--glowingeffect-border-width\)_solid_transparent\]:after{content:var(--tw-content);border:var(--glowingeffect-border-width) solid transparent}@media (hover:hover){.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:scale-\[1\.03\]:hover{scale:1.03}.hover\:border-black\/20:hover{border-color:#0003}@supports (color:color-mix(in lab, red, red)){.hover\:border-black\/20:hover{border-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.hover\:border-primary\/50:hover{border-color:oklab(65.4223% .19096 .131603/.5)}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.hover\:bg-black\/60:hover{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/60:hover{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.hover\:bg-black\/\[0\.06\]:hover{background-color:#0000000f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/\[0\.06\]:hover{background-color:color-mix(in oklab, var(--color-black) 6%, transparent)}}.hover\:bg-primary\/15:hover{background-color:oklab(65.4223% .19096 .131603/.15)}.hover\:bg-white\/30:hover{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/30:hover{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.hover\:bg-white\/40:hover{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/40:hover{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.hover\:text-black:hover{color:var(--color-black)}.hover\:text-neutral-800:hover{color:var(--color-neutral-800)}.hover\:text-neutral-900:hover{color:var(--color-neutral-900)}.hover\:text-orange-200:hover{color:var(--color-orange-200)}.hover\:text-primary:hover{color:#fe4000}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:text-white:hover{color:var(--color-white)}.hover\:brightness-105:hover{--tw-brightness:brightness(105%);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,)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}.hover\:saturate-100:hover{--tw-saturate:saturate(100%);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,)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:#fe4000}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:#fff}.active\:scale-\[0\.98\]:active{scale:.98}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:h-64{height:calc(var(--spacing) * 64)}.sm\:w-6{width:calc(var(--spacing) * 6)}.sm\:w-10{width:calc(var(--spacing) * 10)}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:overflow-visible{overflow:visible}.sm\:p-3{padding:calc(var(--spacing) * 3)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (width>=48rem){.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-72{height:calc(var(--spacing) * 72)}.md\:h-\[31rem\]{height:31rem}.md\:w-\[21\.5rem\]{width:21.5rem}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:p-3{padding:calc(var(--spacing) * 3)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:px-10{padding-inline:calc(var(--spacing) * 10)}.md\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.md\:py-5{padding-block:calc(var(--spacing) * 5)}.md\:pt-12{padding-top:calc(var(--spacing) * 12)}.md\:pt-20{padding-top:calc(var(--spacing) * 20)}.md\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (width>=80rem){.xl\:block{display:block}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:hidden{display:none}}.dark\:border-white\/10:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/10:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:border-white\/15:where(.dark,.dark *){border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/15:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.dark\:bg-\[\#0a0a0a\]:where(.dark,.dark *){background-color:#0a0a0a}.dark\:bg-\[\#0b0f17\]:where(.dark,.dark *){background-color:#0b0f17}.dark\:bg-\[\#0e1016\]\/65:where(.dark,.dark *){background-color:oklab(17.3753% .000128485 -.0128956/.65)}.dark\:bg-primary\/15:where(.dark,.dark *){background-color:oklab(65.4223% .19096 .131603/.15)}.dark\:bg-white\/5:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/5:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:bg-white\/\[0\.03\]:where(.dark,.dark *){background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/\[0\.03\]:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.dark\:bg-white\/\[0\.04\]:where(.dark,.dark *){background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/\[0\.04\]:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.dark\:bg-white\/\[0\.06\]:where(.dark,.dark *){background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/\[0\.06\]:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.dark\:bg-zinc-800:where(.dark,.dark *){background-color:var(--color-zinc-800)}.dark\:text-neutral-100:where(.dark,.dark *){color:var(--color-neutral-100)}.dark\:text-neutral-200:where(.dark,.dark *){color:var(--color-neutral-200)}.dark\:text-neutral-300:where(.dark,.dark *){color:var(--color-neutral-300)}.dark\:text-neutral-400:where(.dark,.dark *){color:var(--color-neutral-400)}.dark\:text-neutral-500:where(.dark,.dark *){color:var(--color-neutral-500)}.dark\:text-neutral-600:where(.dark,.dark *){color:var(--color-neutral-600)}.dark\:text-primary:where(.dark,.dark *){color:#fe4000}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:shadow-\[0_10px_40px_rgba\(0\,0\,0\,0\.35\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.1\)\]:where(.dark,.dark *){--tw-shadow:0 10px 40px var(--tw-shadow-color,#00000059), inset 0 1px 0 var(--tw-shadow-color,#ffffff1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dark\:shadow-\[0_25px_60px_-20px_rgba\(0\,0\,0\,0\.7\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.08\)\]:where(.dark,.dark *){--tw-shadow:0 25px 60px -20px var(--tw-shadow-color,#000000b3), inset 0 1px 0 var(--tw-shadow-color,#ffffff14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dark\:placeholder\:text-background\/45:where(.dark,.dark *)::placeholder{color:oklab(100% 0 5.96046e-8/.45)}.dark\:placeholder\:text-background\/70:where(.dark,.dark *)::placeholder{color:oklab(100% 0 5.96046e-8/.7)}.dark\:placeholder\:text-neutral-400:where(.dark,.dark *)::placeholder{color:var(--color-neutral-400)}@media (hover:hover){.dark\:hover\:border-white\/20:where(.dark,.dark *):hover{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-white\/20:where(.dark,.dark *):hover{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.dark\:hover\:bg-primary\/20:where(.dark,.dark *):hover{background-color:oklab(65.4223% .19096 .131603/.2)}.dark\:hover\:bg-white\/10:where(.dark,.dark *):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/10:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:hover\:text-white:where(.dark,.dark *):hover{color:var(--color-white)}}.\[\&_svg\]\:h-4 svg{height:calc(var(--spacing) * 4)}.\[\&_svg\]\:w-4 svg{width:calc(var(--spacing) * 4)}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}}:root{--bg-canvas:#fff;--bg-soft:#f8fafc;--bg-subtle:#f1f5f9;--bg-card:#fff;--bg-glass:#ffffffe6;--primary:#ff6b00;--primary-hover:#e55a00;--primary-dark:#c2410c;--primary-50:#fff7ed;--primary-100:#ffedd5;--primary-200:#fed7aa;--primary-glow:#ff6b0038;--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--cyan-600:#0284c7;--cyan-500:#0ea5e9;--cyan-50:#f0f9ff;--cyan-100:#e0f2fe;--emerald-600:#059669;--emerald-500:#10b981;--emerald-50:#ecfdf5;--emerald-100:#d1fae5;--amber-500:#f59e0b;--amber-50:#fffbeb;--rose-500:#f43f5e;--rose-50:#fff1f2;--border-light:#e2e8f0;--border-subtle:#edf2f7;--border-active:#ff6b00;--shadow-xs:0 1px 2px 0 #0f172a0d;--shadow-sm:0 1px 3px 0 #0f172a0f, 0 1px 2px -1px #0f172a0a;--shadow-md:0 4px 20px -2px #0f172a0d, 0 2px 6px -1px #0f172a08;--shadow-lg:0 10px 30px -4px #0f172a14, 0 4px 10px -2px #0f172a0a;--shadow-xl:0 20px 40px -10px #0f172a1f, 0 8px 16px -4px #0f172a0d;--shadow-orange:0 10px 25px -3px #ff6b0047;--shadow-inner:inset 0 2px 4px 0 #0f172a0d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.35s cubic-bezier(.34, 1.56, .64, 1)}.app-container{flex-direction:column;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.site-main{flex:1;max-width:100vw;overflow-x:hidden}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}@media (width<=768px){.container{padding-left:16px;padding-right:16px}}.section-header{text-align:center;max-width:760px;margin:0 auto 52px}.section-badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;background:var(--primary-50);color:var(--primary-hover);border:1px solid var(--primary-200);align-items:center;gap:8px;margin-bottom:14px;padding:6px 16px;font-size:.8125rem;font-weight:600;display:inline-flex}.section-badge.blue{background:var(--cyan-50);color:var(--cyan-600);border-color:var(--cyan-100)}.section-badge.green{background:var(--emerald-50);color:var(--emerald-600);border-color:var(--emerald-100)}.section-title{color:var(--slate-900);margin-bottom:16px;font-size:clamp(1.85rem,3.2vw,2.5rem);line-height:1.2}.section-title .text-orange{color:var(--primary);position:relative}.section-subtitle{color:var(--slate-600);font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.6}.btn{border-radius:var(--radius-md);transition:all var(--transition-normal);text-align:center;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #f50 100%);color:#fff;box-shadow:var(--shadow-orange)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px -4px #ff6b0066}.btn-secondary{background:var(--slate-900);color:#fff;box-shadow:var(--shadow-md)}.btn-secondary:hover{background:var(--slate-800);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{color:var(--slate-800);border:1.5px solid var(--slate-200);background:#fff}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50);transform:translateY(-2px)}.btn-outline-primary{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.btn-outline-primary:hover{background:var(--primary);color:#fff;box-shadow:var(--shadow-orange)}.btn-lg{border-radius:var(--radius-lg);padding:14px 30px;font-size:1.05rem}.btn-rounded{border-radius:var(--radius-full)}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);padding:28px}.card-hover{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .3s}.card-hover:hover{border-color:#ff6b004d;transform:translateY(-6px);box-shadow:0 20px 35px -8px #0f172a1f,0 8px 16px -4px #0f172a0a}.card-hover:hover img:not(.official-logo-img):not(.no-hover),.photo-hover-card:hover img,.img-zoom-wrap:hover img{filter:brightness(1.03)contrast(1.02);transform:scale(1.08)}.card-hover img:not(.official-logo-img),.photo-hover-card img,.img-zoom-wrap img{will-change:transform;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s}.card-primary-glow:hover{border-color:var(--primary-200);box-shadow:0 16px 36px -6px #ff6b0026}.status-pill{border-radius:var(--radius-full);align-items:center;gap:6px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.status-pill.live{background:var(--emerald-50);color:var(--emerald-600);border:1px solid var(--emerald-100)}.status-dot{background:var(--emerald-500);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%{opacity:.8;transform:scale(.95);box-shadow:0 0 #10b981b3}70%{opacity:1;transform:scale(1.1);box-shadow:0 0 0 8px #10b98100}to{opacity:.8;transform:scale(.95);box-shadow:0 0 #10b98100}}.glass-effect{-webkit-backdrop-filter:blur(14px);background:#ffffffd9;border:1px solid #fff9}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-soft)}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}.modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(8px);-webkit-overflow-scrolling:touch;box-sizing:border-box;background:#0f172abf;justify-content:center;align-items:flex-start;width:100vw;height:100dvh;padding:40px 20px;animation:.25s ease-out modal-fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-dialog{border-radius:var(--radius-xl);border:1px solid var(--border-light);background:#fff;width:100%;max-width:820px;margin:auto;animation:.3s cubic-bezier(.16,1,.3,1) modal-slide-up;position:relative;overflow-y:auto;box-shadow:0 25px 60px -15px #0f172a59}.modal-dialog-wide{max-width:1040px}@media (width<=640px){.modal-overlay{align-items:flex-start;padding:16px 10px}.modal-dialog{border-radius:18px;margin:auto}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close-btn{background:var(--slate-100);width:36px;height:36px;color:var(--slate-600);transition:all var(--transition-fast);z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;right:18px}.modal-close-btn:hover{background:var(--rose-50);color:var(--rose-500)}.form-group{margin-bottom:20px}.form-label{color:var(--slate-800);margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.form-control{border:1.5px solid var(--slate-200);border-radius:var(--radius-md);width:100%;color:var(--slate-800);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;padding:12px 16px;font-size:.9375rem}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-50)}.form-control::placeholder{color:var(--slate-400)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes staggerReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleInPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes marquee-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.ticker-wrapper{white-space:nowrap;flex:1;overflow:hidden}.ticker-track{gap:80px;animation:28s linear infinite marquee-scroll;display:inline-flex}.ticker-track:hover{animation-play-state:paused}.text-green{color:var(--emerald-600)}.text-muted{color:var(--slate-400)}.reveal-on-scroll{opacity:1;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(0)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{background:linear-gradient(90deg, var(--slate-200) 25%, var(--slate-100) 50%, var(--slate-200) 75%);border-radius:var(--radius-sm);background-size:468px 100%;animation:1.4s infinite shimmer}.flex-shrink-0{flex-shrink:0}.fill-white{fill:#fff}.fill-rose{fill:var(--rose-500)}@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-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}}.dashboard-shell{--bg-primary:#f9efe8;--bg-surface:#fff;--bg-elevated:#f5ebe0;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#7a7a7a;--accent:#e8702a;--glass-border:#ffffffb3}html.dark .dashboard-shell{--bg-primary:#0a0a0a;--bg-surface:#0f0f0f;--bg-elevated:#1a1a1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#e8702a;--glass-border:#ffffff1a}.dashboard-shell,.dashboard-shell *{transition:background-color .4s,border-color .4s,color .4s,box-shadow .4s}.sa-glass-dark{border:1px solid #ffffff26;box-shadow:0 10px 40px #0000004d,0 4px 12px #0003,inset 0 1px #ffffff1a,inset 0 -1px #ffffff08,inset 1px 0 #ffffff0d,inset -1px 0 #ffffff0d;-webkit-backdrop-filter:blur(20px)saturate(150%)!important;backdrop-filter:blur(20px)saturate(150%)!important;background:#ffffff05!important}.sa-glass-light{border:1px solid #ffffffbf;box-shadow:0 10px 40px #0000000d,0 4px 12px #00000008,inset 0 1px #fffffff2,inset 0 -1px #fff6;-webkit-backdrop-filter:blur(24px)saturate(180%)!important;backdrop-filter:blur(24px)saturate(180%)!important;background:#ffffff40!important}.sa-header{position:relative;overflow:visible;border-top:none!important;border-radius:0 0 24px 24px!important}.sa-header-dark{box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff14,inset 1px 0 #ffffff0a,inset -1px 0 #ffffff0a;-webkit-backdrop-filter:blur(20px)saturate(150%)!important;backdrop-filter:blur(20px)saturate(150%)!important;background:#ffffff08!important;border:1px solid #ffffff1f!important}.sa-header-light{box-shadow:0 8px 32px #0000000f,inset 0 1px #ffffffe6,inset 1px 0 #ffffff80,inset -1px 0 #c8c8dc0f;-webkit-backdrop-filter:blur(20px)saturate(150%)!important;backdrop-filter:blur(20px)saturate(150%)!important;background:#ffffff4d!important;border:1px solid #ffffffa6!important}.sa-sidebar-rounded{border:1px solid #ffffff1f;box-shadow:0 8px 32px #00000040,0 4px 12px #00000026,inset 0 1px #ffffff14;border-radius:20px!important}.glass-daftar-btn-dark{-webkit-backdrop-filter:blur(24px)saturate(200%);backdrop-filter:blur(24px)saturate(200%);color:#fff;background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid #ffffff40;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff4d,inset 0 -1px #ffffff0d,inset 1px 1px #ffffff59,inset -1px -1px #0000001a}.glass-daftar-btn-dark:hover{background:linear-gradient(135deg,#fff3,#ffffff1f);box-shadow:0 12px 40px #00000040,inset 0 1px #ffffff59,inset 0 -1px #ffffff14}.glass-daftar-btn-light{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);color:#1a1a1a;background:#ffffff80;border:1px solid #ffffffb3;box-shadow:0 4px 16px #0000000a,inset 0 1px #ffffffe6,inset 0 -1px #ffffff80}.glass-daftar-btn-light:hover{background:#fff9;box-shadow:0 6px 20px #0000000f,inset 0 1px #fffffff2}.animate-shimmer{animation:3s infinite shimmer}html.dark .dashboard-shell{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.dark .dashboard-shell .modal-dialog{color:#e2e8f0;background:#12141a;border:1px solid #ffffff1a}html.dark .dashboard-shell .analytics-chart-card{background:var(--card-bg);border-color:var(--card-border)}html.dark .dashboard-shell .analytics-chart-card h4{color:var(--text-strong)}html.dark .dashboard-shell .range-btn{background:var(--input-bg);border-color:var(--input-border);color:var(--text-soft)}html.dark .dashboard-shell .range-btn.active{color:#fff;background:#ea580c;border-color:#ea580c}html.dark .dashboard-shell .analytics-rank li:nth-child(odd){background:#ffffff0a}html.dark .dashboard-shell .rank-pos{color:var(--text-soft);background:#ffffff1a}html.dark .dashboard-shell .rank-name{color:var(--text-strong)}html.dark .dashboard-shell .analytics-error{color:#fca5a5;background:#ef44441f;border-color:#ef44444d}html.dark .dashboard-shell .adm-att-toolbar,html.dark .dashboard-shell .adm-att-stat,html.dark .dashboard-shell .adm-att-table-wrap{background:var(--card-bg);border-color:var(--card-border)}html.dark .dashboard-shell .adm-att-field select,html.dark .dashboard-shell .adm-att-field input[type=date],html.dark .dashboard-shell .adm-att-search input{background:var(--input-bg);border-color:var(--input-border);color:var(--text-strong)}html.dark .dashboard-shell .adm-att-export{background:var(--input-bg);border-color:var(--input-border);color:var(--text-soft)}html.dark .dashboard-shell .adm-att-export:hover:not(:disabled){background:var(--hover-bg)}html.dark .dashboard-shell .adm-att-stat strong{color:var(--text-strong)}html.dark .dashboard-shell .adm-att-stat.is-main{background:linear-gradient(135deg,#14b8a624,#10b98114);border-color:#14b8a659}html.dark .dashboard-shell .adm-att-table th{background:var(--card-bg-soft);color:var(--text-faint);border-color:var(--card-border)}html.dark .dashboard-shell .adm-att-table td{color:var(--text-soft);border-color:#ffffff0f}html.dark .dashboard-shell .adm-att-table tbody tr:hover td{background:var(--hover-bg)}html.dark .dashboard-shell .adm-att-who strong{color:var(--text-strong)}html.dark .dashboard-shell .adm-att-bar{background:#ffffff1a}html.dark .dashboard-shell .adm-att-loading,html.dark .dashboard-shell .adm-att-empty{background:var(--card-bg-soft);border-color:var(--card-border);color:var(--text-faint)}html.dark .dashboard-shell .adm-att-empty strong{color:var(--text-soft)}html.dark .dashboard-shell .aes-header,html.dark .dashboard-shell .aes-master,html.dark .dashboard-shell .aes-stat,html.dark .dashboard-shell .aes-row{background:var(--card-bg);border-color:var(--card-border)}html.dark .dashboard-shell .aes-header-icon{color:#60a5fa;background:#3b82f629}html.dark .dashboard-shell .aes-header-text h3,html.dark .dashboard-shell .aes-master-left strong,html.dark .dashboard-shell .aes-stat strong,html.dark .dashboard-shell .aes-row-title strong,html.dark .dashboard-shell .aes-list-head h4{color:var(--text-strong)}html.dark .dashboard-shell .aes-header-text p,html.dark .dashboard-shell .aes-master-left span,html.dark .dashboard-shell .aes-row-meta,html.dark .dashboard-shell .aes-footnote{color:var(--text-faint)}html.dark .dashboard-shell .aes-refresh{background:var(--input-bg);border-color:var(--input-border);color:var(--text-soft)}html.dark .dashboard-shell .aes-master-icon{background:var(--input-bg);border-color:var(--input-border);color:var(--text-strong)}html.dark .dashboard-shell .aes-master.is-on{background:linear-gradient(180deg, #10b9811f, var(--card-bg) 70%);border-color:#10b98159}html.dark .dashboard-shell .aes-master.is-off{background:linear-gradient(180deg, #ef44441f, var(--card-bg) 70%);border-color:#ef444459}html.dark .dashboard-shell .aes-list-head{border-color:var(--card-border)}html.dark .dashboard-shell .aes-btn.is-off,html.dark .dashboard-shell .aes-btn.is-ghost{background:var(--input-bg);border-color:var(--input-border);color:var(--text-soft)}html.dark .dashboard-shell .aes-empty{background:var(--card-bg-soft);border-color:var(--card-border);color:var(--text-faint)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999;clip-path:var(--magicui-theme-vt-clip-from,circle(0% at 50% 50%))}html[data-magicui-theme-vt=active] .dashboard-shell,html[data-magicui-theme-vt=active] .dashboard-shell *,html[data-magicui-theme-vt=active] .dashboard-shell :before,html[data-magicui-theme-vt=active] .dashboard-shell :after{transition:none!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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-content{syntax:"*";inherits:false;initial-value:""}.ppdb-pra-modal-dialog{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0e6;border-radius:28px;width:95%;max-width:1220px;max-height:92vh;margin:auto;padding:40px 32px 36px;position:relative;overflow-y:auto;box-shadow:0 30px 80px -15px #0f172a4d}.ppdb-pra-close-btn{cursor:pointer;color:#64748b;z-index:20;background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 4px 14px #0f172a14}.ppdb-pra-close-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:rotate(90deg)scale(1.05)}.ppdb-pra-header-block{text-align:center;margin-bottom:32px;padding:0 16px}.ppdb-pra-top-badge{color:#ea580c;letter-spacing:.06em;background:#fff7ed;border:1px solid #ffedd5;border-radius:9999px;align-items:center;gap:8px;margin-bottom:12px;padding:6px 14px;font-size:.75rem;font-weight:800;display:inline-flex}.ppdb-pra-main-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 10px;font-size:2.1rem;font-weight:900}.title-gradient{background:linear-gradient(135deg,#ff5722 0%,#ff8a00 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.ppdb-pra-sub-title{color:#64748b;max-width:680px;margin:0 auto;font-size:.925rem;line-height:1.55}.ppdb-pra-cards-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:20px;display:grid}.ppdb-pra-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:22px;flex-direction:column;padding:24px 20px 22px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0f172a0a}.ppdb-pra-card:before{content:"";background:var(--card-theme);height:4px;transition:height .3s;position:absolute;top:0;left:0;right:0}.ppdb-pra-card:hover{border-color:var(--card-theme);box-shadow:0 20px 36px -10px var(--card-theme-glow), 0 4px 12px #0f172a0d;transform:translateY(-8px)}.ppdb-pra-card:hover:before{height:6px}.ppdb-pra-card.popular-card{border-color:#ff6b0073;box-shadow:0 12px 30px -8px #ff6b002e}.card-popular-pill{color:#fff;background:linear-gradient(135deg,#ff6b00 0%,#ff8a00 100%);border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:.6875rem;font-weight:700;display:inline-flex;position:absolute;top:14px;right:14px;box-shadow:0 2px 8px #ff6b004d}.card-head-area{justify-content:space-between;align-items:center;margin-top:4px;margin-bottom:14px;display:flex}.card-icon-bubble{background:var(--card-theme-bg);border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex}.ppdb-pra-card:hover .card-icon-bubble{box-shadow:0 6px 14px -3px var(--card-theme-glow);transform:scale(1.1)rotate(-4deg)}.card-code-pill{color:var(--card-theme);background:var(--card-theme-bg);letter-spacing:.05em;border-radius:6px;padding:3px 9px;font-size:.75rem;font-weight:800}.ppdb-pra-card-title{color:#0f172a;align-items:center;min-height:44px;margin:0 0 16px;font-size:1.05rem;font-weight:800;line-height:1.35;display:flex}.ppdb-pra-pricing-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:18px;padding:12px 14px;transition:background .3s,border-color .3s}.ppdb-pra-card:hover .ppdb-pra-pricing-box{background:#fff;border-color:#e2e8f0;box-shadow:inset 0 2px 4px #0f172a05}.pricing-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.pricing-meta{text-align:left;flex-direction:column;display:flex}.pricing-label{color:#475569;font-size:.72rem;font-weight:700}.pricing-period{color:#94a3b8;font-size:.65rem}.pricing-amount{white-space:nowrap;font-size:.9rem;font-weight:800}.reg-price{color:#334155}.pricing-divider{background:#e2e8f0;height:1px;margin:8px 0}.spp-price{color:var(--card-theme);font-size:.95rem}.ppdb-pra-competencies{flex:1;margin-bottom:22px}.competencies-header-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:.72rem;font-weight:800;display:block}.ppdb-pra-features-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.ppdb-pra-features-list li{color:#334155;text-align:left;align-items:flex-start;gap:8px;font-size:.78rem;line-height:1.4;display:flex}.feature-check-icon{flex-shrink:0;margin-top:2px}.ppdb-pra-btn{background:linear-gradient(135deg, var(--card-theme) 0%, var(--card-theme) 100%);color:#fff;box-shadow:0 4px 14px var(--card-theme-glow);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:.84rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.ppdb-pra-btn:hover{filter:brightness(1.1);box-shadow:0 8px 20px var(--card-theme-glow);color:#fff;transform:translateY(-2px)}.btn-arrow-icon{transition:transform .2s}.ppdb-pra-btn:hover .btn-arrow-icon{transform:translate(4px)}.btn-wa-icon{flex-shrink:0}.ppdb-pra-footer-bar{border-top:1px solid #e2e8f0;justify-content:center;margin-top:28px;padding-top:20px;display:flex}.footer-support-item{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:.8125rem;display:inline-flex;box-shadow:0 2px 6px #0f172a0a}.footer-support-item strong{color:#0f172a}@media (width<=1120px){.ppdb-pra-cards-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width<=680px){.ppdb-pra-modal-dialog{border-radius:20px;width:96%;padding:32px 16px 28px}.ppdb-pra-main-title{font-size:1.55rem}.ppdb-pra-sub-title{font-size:.825rem}.ppdb-pra-cards-grid{grid-template-columns:1fr;gap:16px}.ppdb-pra-card-title{min-height:auto}.footer-support-item{text-align:center;border-radius:12px;flex-direction:column;gap:4px;padding:8px 12px;font-size:.72rem}}.gm-backdrop{z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;justify-content:center;align-items:center;padding:24px;animation:.16s ease-out gm-fade;display:flex;position:fixed;inset:0}.gm-dialog{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-height:90vh;animation:.18s ease-out gm-pop;display:flex;overflow:hidden;box-shadow:0 24px 60px #02061747}.gm-size-sm{max-width:460px}.gm-size-md{max-width:620px}.gm-size-lg{max-width:860px}.gm-size-xl{max-width:1080px}.gm-head{background:#f8fafc;border-bottom:1px solid #e5e7eb;flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px;display:flex}.gm-head-main{align-items:flex-start;gap:12px;min-width:0;display:flex}.gm-head-icon{color:#ea580c;background:#fff7ed;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;height:38px;display:flex}.gm-head h3{color:#0f172a;margin:0;font-size:1rem;font-weight:800;line-height:1.35}.gm-head p{color:#64748b;margin:3px 0 0;font-size:.75rem;line-height:1.45}.gm-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:inline-flex}.gm-close:hover{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.gm-body{flex:auto;padding:20px 22px;overflow-y:auto}.gm-foot{background:#f8fafc;border-top:1px solid #e5e7eb;flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px;display:flex}@keyframes gm-fade{0%{opacity:0}to{opacity:1}}@keyframes gm-pop{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.gm-backdrop{padding:12px}.gm-dialog{border-radius:14px;max-height:94vh}.gm-head,.gm-body,.gm-foot{padding-left:16px;padding-right:16px}}.gm-btn-primary{color:#fff;cursor:pointer;background:#ea580c;border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-family:inherit;font-size:.8125rem;font-weight:800;transition:background .15s;display:inline-flex}.gm-btn-primary:hover{background:#c2410c}.gm-btn-primary:disabled{opacity:.65;cursor:not-allowed}.gm-btn-ghost{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:11px 18px;font-family:inherit;font-size:.8125rem;font-weight:700;display:inline-flex}.gm-btn-ghost:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.gm-spin{animation:.9s linear infinite gm-rotate}@keyframes gm-rotate{to{transform:rotate(360deg)}}html.dark .gm-btn-ghost:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40}.eam-root{flex-direction:column;gap:12px;display:flex}.eam-note,.eam-alert{border-radius:11px;align-items:flex-start;gap:9px;padding:11px 13px;font-size:.75rem;font-weight:600;line-height:1.55;display:flex}.eam-note{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe}.eam-alert{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.eam-note svg,.eam-alert svg{flex:none;margin-top:1px}.eam-empty{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:32px 18px;display:flex}.eam-empty strong{color:#334155;font-size:.875rem;font-weight:800}.eam-empty span{font-size:.75rem;font-weight:600}.eam-list{flex-direction:column;gap:9px;display:flex}.eam-row{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:11px;padding:12px;display:flex}.eam-row.is-danger{background:snow;border-color:#fecaca}.eam-icon{border-radius:10px;flex:0 0 34px;justify-content:center;align-items:center;height:34px;display:inline-flex}.eam-icon.is-danger{color:#b91c1c;background:#fef2f2}.eam-icon.is-live{color:#b45309;background:#fffbeb}.eam-icon.is-done{color:#047857;background:#ecfdf5}.eam-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.eam-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.eam-student{flex-direction:column;min-width:0;display:flex}.eam-student strong{color:#0f172a;font-size:.8125rem;font-weight:800;line-height:1.35}.eam-student span{color:#94a3b8;font-size:.6875rem;font-weight:600}.eam-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;flex:none;padding:4px 8px;font-size:.625rem;font-weight:800}.eam-badge.is-danger{color:#b91c1c;background:#fee2e2}.eam-badge.is-live{color:#b45309;background:#fef3c7}.eam-badge.is-done{color:#047857;background:#d1fae5}.eam-meta{color:#64748b;flex-wrap:wrap;gap:4px 12px;font-size:.6875rem;font-weight:600;display:flex}.eam-meta span{align-items:center;gap:4px;display:inline-flex}.eam-reason{color:#b91c1c;margin:0;font-size:.6875rem;font-weight:700}.eam-reset{color:#b91c1c;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #fecaca;border-radius:8px;flex:none;align-items:center;gap:6px;margin-top:2px;padding:7px 11px;font-family:inherit;font-size:.6875rem;font-weight:800;display:inline-flex}.eam-reset:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.eam-reset:disabled{opacity:.6;cursor:wait}@media (width<=640px){.eam-row{flex-wrap:wrap}.eam-reset{justify-content:center;width:100%;margin-left:45px}}.erc-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:14px;margin-top:18px;padding:18px;display:flex;box-shadow:0 10px 30px -18px #0f172a40}.erc-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.erc-head-title{align-items:flex-start;gap:12px;min-width:240px;display:flex}.erc-head-icon{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.erc-head-title h3{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:800}.erc-head-title p{color:#64748b;max-width:520px;margin:3px 0 0;font-size:.78rem;line-height:1.5}.erc-actions{flex-wrap:wrap;gap:8px;display:flex}.erc-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.75rem;font-weight:800;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.erc-btn:disabled{opacity:.5;cursor:not-allowed}.erc-btn:not(:disabled):hover{transform:translateY(-1px)}.erc-btn.is-csv{color:#334155;background:#f1f5f9;border-color:#e2e8f0}.erc-btn.is-csv:not(:disabled):hover{background:#e2e8f0}.erc-btn.is-xlsx{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.erc-btn.is-xlsx:not(:disabled):hover{background:#d1fae5}.erc-btn.is-pdf{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.erc-btn.is-pdf:not(:disabled):hover{background:#fee2e2}.erc-spin{animation:.9s linear infinite erc-spin}@keyframes erc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.erc-filters{background:#f8fafc;border:1px solid #eef2f6;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.erc-search{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex:200px;align-items:center;gap:7px;min-width:170px;padding:7px 11px;display:inline-flex}.erc-search input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.78rem}.erc-filters select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;max-width:190px;padding:7px 10px;font-family:inherit;font-size:.75rem;font-weight:600}.erc-reset-filter{color:#64748b;cursor:pointer;background:0 0;border:1px dashed #cbd5e1;border-radius:9px;align-items:center;gap:5px;padding:7px 12px;font-family:inherit;font-size:.72rem;font-weight:700;display:inline-flex}.erc-reset-filter:hover{color:#ea580c;border-color:#fdba74}.erc-stats{flex-wrap:wrap;gap:7px;display:flex}.erc-chip{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:4px;padding:4px 11px;font-size:.7rem;font-weight:700;display:inline-flex}.erc-chip strong{font-weight:900}.erc-chip.is-total{color:#4338ca;background:#eef2ff}.erc-chip.is-ok{color:#047857;background:#ecfdf5}.erc-chip.is-live{color:#1d4ed8;background:#eff6ff}.erc-chip.is-danger{color:#b91c1c;background:#fef2f2}.erc-chip.is-avg{color:#c2410c;background:#fff7ed}.erc-table-wrap{border:1px solid #eef2f6;border-radius:12px;max-height:560px;overflow:auto}.erc-table{border-collapse:separate;border-spacing:0;width:100%;min-width:980px}.erc-table thead th{z-index:1;color:#475569;text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:.68rem;font-weight:800;position:sticky;top:0}.erc-table tbody td{color:#334155;vertical-align:top;border-bottom:1px solid #f1f5f9;padding:10px 12px;font-size:.78rem}.erc-table tbody tr:last-child td{border-bottom:none}.erc-table tbody tr:hover td{background:#fffbf6}.erc-table tbody tr.is-danger td{background:#fff5f5}.erc-table tbody tr.is-danger:hover td{background:#ffecec}.erc-table td.is-num{text-align:right;white-space:nowrap}.erc-table th.is-num{text-align:right}.erc-table td.is-score{color:#0f172a;font-weight:800}.erc-table td.is-name{color:#0f172a;min-width:150px;font-weight:700}.erc-table td.is-mono{font-variant-numeric:tabular-nums;white-space:nowrap;color:#475569;font-size:.74rem}.erc-table td.is-note{color:#b45309;max-width:210px;font-size:.72rem}.erc-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;font-size:.68rem;font-weight:800;display:inline-flex}.erc-badge.is-ok{color:#047857;background:#ecfdf5}.erc-badge.is-live{color:#1d4ed8;background:#eff6ff}.erc-badge.is-danger{color:#b91c1c;background:#fef2f2}.erc-no-match{text-align:center;color:#64748b;padding:26px 16px;font-size:.8rem}.erc-foot{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:.74rem;display:flex}.erc-foot-icon{vertical-align:-2px;color:#b91c1c}.erc-foot-legend{color:#94a3b8;align-items:center;gap:5px;display:inline-flex}.erc-foot-legend svg{color:#94a3b8}.erc-foot-legend svg:first-of-type{color:#10b981}.erc-foot-legend svg:nth-of-type(2){color:#3b82f6}.erc-foot-legend svg:nth-of-type(3){color:#ef4444}.erc-empty{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:34px 16px;display:flex}.erc-empty strong{color:#334155;font-size:.88rem}.erc-empty span{font-size:.76rem}@media (width<=720px){.erc-card{padding:14px}.erc-filters{flex-direction:column;align-items:stretch}.erc-filters select{max-width:none}.erc-actions{width:100%}.erc-btn{flex:1;justify-content:center}.erc-foot{flex-direction:column;align-items:flex-start}}.aes-root{flex-direction:column;gap:20px;display:flex}.aes-header{border:1px solid var(--card-border);background:var(--card-bg-soft);-webkit-backdrop-filter:blur(16px);border-radius:18px;align-items:flex-start;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 20px #0000000a}.aes-header-icon{color:#0284c7;background:#0ea5e929;border-radius:14px;flex:0 0 46px;justify-content:center;align-items:center;height:46px;display:flex}html.dark .aes-header-icon{color:#38bdf8}.aes-header-text{flex:1;min-width:0}.aes-header-text h3{color:var(--text-strong);margin:0 0 4px;font-size:1.15rem;font-weight:800}.aes-header-text p{color:var(--text-soft);margin:0;font-size:.85rem;line-height:1.6}.aes-refresh{border:1px solid var(--card-border);background:var(--hover-bg);width:38px;height:38px;color:var(--text-soft);cursor:pointer;border-radius:12px;flex:none;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.aes-refresh:hover{border-color:var(--accent);color:var(--text-strong);background:var(--card-bg-soft)}.aes-alert{border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-size:.825rem;font-weight:600;display:flex}.aes-alert.is-error{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d}.aes-alert.is-ok{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.aes-master{border:1px solid var(--card-border);background:var(--card-bg-soft);-webkit-backdrop-filter:blur(16px);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 20px #0000000a}.aes-master.is-on{background:linear-gradient(135deg, #10b9811f, var(--card-bg-soft));border-color:#10b98159}.aes-master.is-off{background:linear-gradient(135deg, #ef44441f, var(--card-bg-soft));border-color:#ef444459}.aes-master-left{align-items:center;gap:14px;display:flex}.aes-master-icon{background:var(--hover-bg);border:1px solid var(--card-border);height:44px;color:var(--text-strong);border-radius:14px;flex:0 0 44px;justify-content:center;align-items:center;display:flex}.aes-master-left strong{color:var(--text-strong);font-size:1rem;font-weight:800;display:block}.aes-master-left span{color:var(--text-soft);margin-top:2px;font-size:.8rem;display:block}.aes-switch{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:.825rem;font-weight:800;transition:all .2s;display:inline-flex}.aes-switch.on{color:#fff;background:#10b981;box-shadow:0 4px 16px #10b98159}.aes-switch.off{color:#fff;background:#ef4444;box-shadow:0 4px 16px #ef444459}.aes-switch:disabled{opacity:.65;cursor:not-allowed}.aes-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.aes-stat{border:1px solid var(--card-border);background:var(--card-bg-soft);-webkit-backdrop-filter:blur(14px);color:var(--accent);border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:transform .2s;display:flex;box-shadow:0 4px 16px #00000008}.aes-stat:hover{transform:translateY(-2px)}.aes-stat span{text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-size:.72rem;font-weight:700;display:block}.aes-stat strong{color:var(--text-strong);font-size:1.35rem;font-weight:800;line-height:1.2;display:block}.aes-list-head{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.aes-list-head h4{color:var(--text-strong);margin:0;font-size:.95rem;font-weight:800}.aes-list-head span{color:var(--text-faint);font-size:.78rem;font-weight:700}.aes-list{flex-direction:column;gap:12px;display:flex}.aes-row{border:1px solid var(--card-border);background:var(--card-bg-soft);-webkit-backdrop-filter:blur(16px);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;transition:all .2s;display:flex;box-shadow:0 4px 16px #00000008}.aes-row:hover{border-color:var(--accent)}.aes-row-main{flex:1;min-width:240px}.aes-row-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.aes-row-title strong{color:var(--text-strong);font-size:.95rem;font-weight:800}.aes-pills{flex-wrap:wrap;gap:6px;display:flex}.aes-pill{white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:3px 10px;font-size:.68rem;font-weight:800}.aes-pill.is-live{color:#10b981;background:#10b98126}.aes-pill.is-draft{background:var(--hover-bg);color:var(--text-faint)}.aes-pill.is-ok{color:#0284c7;background:#0ea5e926}html.dark .aes-pill.is-ok{color:#38bdf8}.aes-pill.is-wait{color:#d97706;background:#f59e0b26}html.dark .aes-pill.is-wait{color:#fbbf24}.aes-pill.is-off{color:#ef4444;background:#ef444426}.aes-row-meta{color:var(--text-faint);flex-wrap:wrap;gap:8px 16px;margin-top:8px;font-size:.75rem;font-weight:600;display:flex}.aes-row-meta span{align-items:center;gap:5px;display:inline-flex}.aes-row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.aes-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:.78rem;font-weight:800;transition:all .2s;display:inline-flex}.aes-btn.is-on{color:#0284c7;background:#0ea5e929;border-color:#0ea5e94d}html.dark .aes-btn.is-on{color:#38bdf8}.aes-btn.is-on:hover{color:#fff;background:#0284c7}.aes-btn.is-off{background:var(--input-bg);border-color:var(--input-border);color:var(--text-soft)}.aes-btn.is-off:hover{color:#ef4444;background:#ef44441a;border-color:#ef444466}.aes-btn.is-override{color:var(--accent);background:#e8702a26;border-color:#e8702a59}.aes-btn.is-override:hover{background:var(--accent);color:#fff}.aes-btn.is-ghost{background:var(--hover-bg);border-color:var(--card-border);color:var(--text-soft)}.aes-btn.is-ghost:hover{background:var(--input-bg);color:var(--text-strong);border-color:var(--accent)}.aes-btn:disabled{opacity:.55;cursor:not-allowed}.aes-empty{border:1px dashed var(--card-border);background:var(--card-bg-soft);color:var(--text-faint);border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:36px 20px;font-size:.85rem;display:flex}.aes-footnote{color:var(--text-faint);margin:0;font-size:.78rem;line-height:1.6}.aes-spin{animation:.9s linear infinite aes-rotate}@keyframes aes-rotate{to{transform:rotate(360deg)}}@media (width<=640px){.aes-row{align-items:flex-start}.aes-row-actions{width:100%}.aes-btn{justify-content:center;width:100%}}.adm-att{flex-direction:column;gap:20px;display:flex}.adm-att-toolbar{border:1px solid var(--card-border);background:var(--card-bg-soft);-webkit-backdrop-filter:blur(16px);border-radius:18px;flex-wrap:wrap;align-items:flex-end;gap:14px;padding:18px 20px;display:flex;box-shadow:0 4px 20px #0000000a}.adm-att-field{flex-direction:column;gap:6px;min-width:160px;display:flex}.adm-att-field.is-search{flex:1;min-width:240px}.adm-att-field label{letter-spacing:.03em;color:var(--text-faint);text-transform:uppercase;font-size:.725rem;font-weight:700}.adm-att-field select,.adm-att-field input[type=date]{border:1px solid var(--input-border);background:var(--input-bg);height:42px;color:var(--text-strong);border-radius:12px;outline:none;padding:0 14px;font-size:.85rem;font-weight:600;transition:all .2s}.adm-att-field select option{color:#f8fafc;background:#1e293b}.adm-att-field select:focus,.adm-att-field input[type=date]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8702a26}.adm-att-search{align-items:center;display:flex;position:relative}.adm-att-search svg{color:var(--text-faint);pointer-events:none;position:absolute;left:12px}.adm-att-search input{border:1px solid var(--input-border);width:100%;height:42px;color:var(--text-strong);background:var(--input-bg);border-radius:12px;outline:none;padding:0 14px 0 36px;font-size:.85rem;font-weight:600;transition:all .2s}.adm-att-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8702a26}.adm-att-export{border:1px solid var(--card-border);background:var(--hover-bg);height:42px;color:var(--text-strong);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 18px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.adm-att-export:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}.adm-att-export:disabled{opacity:.5;cursor:not-allowed}.adm-att-alert{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-size:.8rem;font-weight:600;display:flex}.adm-att-stats{grid-template-columns:1.4fr repeat(5,1fr);gap:12px;display:grid}.adm-att-stat{border:1px solid var(--card-border);background:var(--card-bg-soft);-webkit-backdrop-filter:blur(14px);border-radius:16px;flex-direction:column;gap:4px;padding:14px 16px;transition:transform .2s;display:flex;box-shadow:0 4px 16px #00000008}.adm-att-stat:hover{transform:translateY(-2px)}.adm-att-stat.is-main{background:#0ea5e91f;border-color:#0ea5e959}.adm-att-stat>span{letter-spacing:.03em;color:var(--text-faint);text-transform:uppercase;font-size:.68rem;font-weight:700}.adm-att-stat strong{color:var(--text-strong);font-size:1.4rem;font-weight:800;line-height:1.1}.adm-att-stat small{color:var(--text-faint);font-size:.68rem;font-weight:600}.adm-att-stat.is-main strong{color:#0284c7}html.dark .adm-att-stat.is-main strong{color:#38bdf8}.adm-att-stat.is-hadir strong{color:#16a34a}html.dark .adm-att-stat.is-hadir strong{color:#4ade80}.adm-att-stat.is-terlambat strong{color:#d97706}html.dark .adm-att-stat.is-terlambat strong{color:#fbbf24}.adm-att-stat.is-izin strong{color:#0284c7}html.dark .adm-att-stat.is-izin strong{color:#38bdf8}.adm-att-stat.is-sakit strong{color:#9333ea}html.dark .adm-att-stat.is-sakit strong{color:#c084fc}.adm-att-stat.is-alpa strong{color:#ef4444}html.dark .adm-att-stat.is-alpa strong{color:#f87171}.adm-att-table-wrap{border:1px solid var(--card-border);background:var(--card-bg-soft);-webkit-backdrop-filter:blur(16px);border-radius:18px;overflow:auto;box-shadow:0 4px 20px #0000000a}.adm-att-table{border-collapse:collapse;width:100%;font-size:.85rem}.adm-att-table th{border-bottom:1px solid var(--card-border);background:var(--hover-bg);color:var(--text-soft);letter-spacing:.04em;text-transform:uppercase;text-align:left;white-space:nowrap;padding:13px 16px;font-size:.7rem;font-weight:800;position:sticky;top:0}.adm-att-table th.is-num{text-align:center;width:44px}.adm-att-table td{border-bottom:1px solid var(--card-border);color:var(--text-soft);vertical-align:middle;padding:12px 16px}.adm-att-table tbody tr:last-child td{border-bottom:none}.adm-att-table tbody tr:hover td{background:var(--hover-bg)}.adm-att-table td.is-num{text-align:center;color:var(--text-faint);font-weight:700}.adm-att-table td.is-hadir{color:#16a34a;font-weight:700}html.dark .adm-att-table td.is-hadir{color:#4ade80}.adm-att-table td.is-terlambat{color:#d97706;font-weight:700}html.dark .adm-att-table td.is-terlambat{color:#fbbf24}.adm-att-table td.is-izin{color:#0284c7;font-weight:700}html.dark .adm-att-table td.is-izin{color:#38bdf8}.adm-att-table td.is-sakit{color:#9333ea;font-weight:700}html.dark .adm-att-table td.is-sakit{color:#c084fc}.adm-att-table td.is-alpa{color:#ef4444;font-weight:700}html.dark .adm-att-table td.is-alpa{color:#f87171}.adm-att-who{flex-direction:column;gap:2px;min-width:140px;display:flex}.adm-att-who strong{color:var(--text-strong);font-size:.85rem;font-weight:700}.adm-att-who span{color:var(--text-faint);font-size:.72rem;font-weight:600}.adm-att-kelas{white-space:nowrap;color:var(--text-soft);font-weight:700}.adm-att-bar{background:var(--input-bg);border:1px solid var(--card-border);vertical-align:middle;border-radius:999px;width:96px;height:8px;display:inline-block;overflow:hidden}.adm-att-bar>span{background:linear-gradient(90deg,#10b981,#059669);border-radius:999px;height:100%;display:block}.adm-att-pct{color:var(--text-strong);margin-left:8px;font-size:.72rem;font-weight:800}.adm-att-loading,.adm-att-empty{border:1px dashed var(--card-border);background:var(--card-bg-soft);color:var(--text-faint);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 24px;font-size:.825rem;font-weight:600;display:flex}.adm-att-loading{flex-direction:row}.adm-att-empty strong{color:var(--text-strong);font-size:.95rem;font-weight:800}.adm-att-foot{color:var(--text-faint);align-items:center;gap:8px;margin:0;font-size:.75rem;font-weight:600;display:flex}@media (width<=1100px){.adm-att-stats{grid-template-columns:repeat(3,1fr)}.adm-att-stat.is-main{grid-column:span 3}}@media (width<=640px){.adm-att-field{min-width:100%}.adm-att-stats{grid-template-columns:repeat(2,1fr)}.adm-att-stat.is-main{grid-column:span 2}}.analytics-range{gap:6px;display:flex}.analytics-section-title{color:#0f172a;margin:0 0 14px;font-size:15px;font-weight:800}.analytics-section-title--spaced{margin-top:28px}.analytics-setup__head{align-items:flex-start;gap:14px;display:flex}.analytics-setup__icon{color:#ea580c;background:#ea580c1f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.analytics-setup__head h4{color:#0f172a;margin:0 0 6px;font-size:15px;font-weight:800}.analytics-setup__head p{color:#64748b;margin:0;font-size:13px;line-height:1.6}.analytics-setup__steps{color:#475569;margin:16px 0 0;padding-left:20px;font-size:13px;line-height:1.8}.analytics-setup__steps code{background:#f1f5f9;border-radius:4px;padding:1px 5px;font-size:12px}.analytics-setup__actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.analytics-setup__details{margin-top:14px}.analytics-setup__details summary{cursor:pointer;color:#64748b;font-size:12px;font-weight:700}.analytics-setup__details pre{color:#e2e8f0;background:#0f172a;border-radius:10px;max-height:260px;margin:12px 0 0;padding:14px 16px;font-size:11.5px;line-height:1.6;overflow:auto}.analytics-error p{margin:0 0 10px}.range-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.range-btn:hover{color:#ea580c;border-color:#ea580c}.range-btn.active{color:#fff;background:#ea580c;border-color:#ea580c}.analytics-chart-card{background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:18px 20px;box-shadow:0 1px 2px #0f172a0a}.analytics-chart-card h4{color:#0f172a;margin:0 0 14px;font-size:15px;font-weight:700}.analytics-chart{width:100%}.analytics-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.analytics-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.5}.analytics-empty{text-align:center;padding:20px 0;font-size:13px}.analytics-rank{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.analytics-rank li{border-radius:8px;grid-template-columns:26px 1fr auto auto;align-items:center;gap:10px;padding:9px 6px;font-size:13px;display:grid}.analytics-rank li:nth-child(odd){background:#f8fafc}.rank-pos{color:#475569;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.rank-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.rank-role{text-transform:uppercase;font-size:11px;font-weight:700}.rank-count{color:#ea580c;font-variant-numeric:tabular-nums;font-weight:700}@media (width<=900px){.analytics-grid-2{grid-template-columns:1fr}}html.dark .analytics-chart-card{background:var(--card-bg,#ffffff08);border-color:var(--card-border,#ffffff1f);-webkit-backdrop-filter:blur(16px)}html.dark .analytics-chart-card h4,html.dark .rank-name{color:var(--text-strong,#f8fafc)}html.dark .range-btn{background:var(--input-bg,#ffffff0f);border-color:var(--input-border,#ffffff26);color:var(--text-soft,#cbd5e1)}html.dark .range-btn:hover{border-color:var(--accent,#fb923c);color:var(--accent,#fb923c)}html.dark .range-btn.active{background:var(--accent,#fb923c);border-color:var(--accent,#fb923c);color:#fff}html.dark .analytics-rank li:nth-child(odd){background:#ffffff08}html.dark .rank-pos{color:var(--text-soft,#cbd5e1);background:#ffffff14}html.dark .analytics-section-title,html.dark .analytics-setup__head h4{color:var(--text-strong,#f8fafc)}html.dark .analytics-setup__head p,html.dark .analytics-setup__steps{color:var(--text-soft,#cbd5e1)}html.dark .analytics-setup__steps code{background:#ffffff14}.dashboard-shell{--ps-card-bg:#ffffff59;--ps-card-soft:#ffffff38;--ps-border:#ffffffbf;--ps-glass-blur:blur(28px) saturate(180%);--ps-glass-shadow:0 10px 40px #0000000d, 0 4px 12px #00000008, inset 0 1px 0 #fffffff2, inset 0 -1px 0 #fff6;--ps-header-bg:#ffffffb8;--ps-header-border:#ffffffbf;--ps-header-blur:blur(28px) saturate(180%);--ps-header-shadow:0 8px 32px #00000014, inset 0 1px 0 #ffffffe6;--ps-btn-bg:#ffffff80;--ps-btn-bg-hover:#fff9;--ps-btn-border:#ffffffb3;--ps-btn-blur:blur(20px) saturate(150%);--ps-btn-shadow:0 4px 16px #0000000a, inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #ffffff80;--ps-sidebar-border:#ffffff1f;--ps-sidebar-shadow:0 8px 32px #00000040, 0 4px 12px #00000026, inset 0 1px 0 #ffffff14;--ps-nav-muted:#64748b;--ps-nav-hover:#0f172a;--ps-nav-hover-bg:#f1f5f94d;--ps-nav-active-bg:#f1f5f980;--ps-nav-active-text:#1f2937;--ps-nav-indicator:#1f2937;--ps-strong:#1f2937;--ps-soft:#475569;--ps-faint:#64748b;--ps-input-bg:#ffffffbf;--ps-input-border:#94a3b866;--ps-hover:#ffffff80;--ps-accent:#e8702a;--ps-nav-text:#1f2937}html.dark .dashboard-shell{--ps-card-bg:#ffffff0f;--ps-card-soft:#ffffff0a;--ps-border:#ffffff24;--ps-glass-blur:blur(28px) saturate(180%);--ps-glass-shadow:0 12px 48px #0006, 0 4px 16px #00000040, inset 0 1px 0 #ffffff1f, inset 0 -1px 0 #ffffff08;--ps-header-bg:#ffffff12;--ps-header-border:#ffffff1f;--ps-header-blur:blur(28px) saturate(180%);--ps-header-shadow:0 8px 32px #0006, inset 0 1px 0 #ffffff1a;--ps-btn-bg:#ffffff1a;--ps-btn-bg-hover:#ffffff29;--ps-btn-border:#ffffff40;--ps-btn-blur:blur(24px) saturate(200%);--ps-btn-shadow:0 4px 24px #0000004d, 0 8px 32px #0003, inset 0 1px 0 #ffffff4d, inset 0 -1px 0 #ffffff0d, inset 1px 1px 0 #ffffff59, inset -1px -1px 0 #0000001a;--ps-sidebar-border:#ffffff1f;--ps-sidebar-shadow:0 8px 32px #00000040, 0 4px 12px #00000026, inset 0 1px 0 #ffffff14;--ps-nav-muted:#ffffff80;--ps-nav-hover:#fff;--ps-nav-hover-bg:#ffffff0d;--ps-nav-active-bg:#ffffff1a;--ps-nav-active-text:#fff;--ps-nav-indicator:#fff;--ps-strong:#f8fafc;--ps-soft:#cbd5e1;--ps-faint:#94a3b8;--ps-input-bg:#ffffff0f;--ps-input-border:#ffffff26;--ps-hover:#ffffff14;--ps-accent:#fb923c;--ps-nav-text:#f8fafc}.dashboard-shell,.dashboard-shell.dashboard-siswa-root{color:var(--ps-strong);isolation:isolate;position:relative;background:0 0!important}.dashboard-shell:before,.dashboard-shell:after,.dashboard-shell.dashboard-siswa-root:before,.dashboard-shell.dashboard-siswa-root:after{content:"";z-index:-1;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .5s;position:fixed;inset:0;transform:translate(0,0)}.dashboard-shell:before,.dashboard-shell.dashboard-siswa-root:before{opacity:1;background-image:url(/assets/bg-dashboard-light-BKFB-UoQ.png)}.dashboard-shell:after,.dashboard-shell.dashboard-siswa-root:after{opacity:0;background-color:#0a0a0b;background-image:url(/assets/bg-dashboard-dark-ChHpKIv_.png)}:is(html.dark,.dark,[data-theme=dark]) .dashboard-shell:before,:is(html.dark,.dark,[data-theme=dark]) .dashboard-shell.dashboard-siswa-root:before{opacity:0}:is(html.dark,.dark,[data-theme=dark]) .dashboard-shell:after,:is(html.dark,.dark,[data-theme=dark]) .dashboard-shell.dashboard-siswa-root:after{opacity:1;background-image:url(/assets/bg-dashboard-dark-ChHpKIv_.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.dashboard-shell .siswa-main-container,.dashboard-shell .siswa-navbar-container{max-width:100%}.dashboard-shell .siswa-top-navbar{z-index:1000;background:var(--ps-header-bg);-webkit-backdrop-filter:var(--ps-header-blur);backdrop-filter:var(--ps-header-blur);border:1px solid var(--ps-header-border);color:var(--ps-nav-text);box-shadow:var(--ps-header-shadow);will-change:transform, opacity;border-top:none;border-radius:0 0 24px 24px;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .25s,box-shadow .25s;position:fixed;top:0;left:0;right:0;overflow:visible}.dashboard-shell .siswa-top-navbar:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff59,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}html.dark .dashboard-shell .siswa-top-navbar:after{background:#ffffff14}.dashboard-shell.ps-header-hidden .siswa-top-navbar{opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.4,0,.6,1),opacity .25s;transform:translateY(-115%)}.dashboard-shell .siswa-back-link{color:var(--ps-soft);background:var(--ps-hover);border:1px solid var(--ps-border)}.dashboard-shell .siswa-back-link:hover{color:var(--ps-strong);background:var(--ps-card-bg)}.dashboard-shell .siswa-brand-divider{background:var(--ps-border)}.dashboard-shell .siswa-system-name{color:var(--ps-strong)}.dashboard-shell .siswa-school-name{color:var(--ps-accent)}.dashboard-shell .siswa-user-pill{background:var(--ps-hover);border:1px solid var(--ps-border)}.dashboard-shell .siswa-avatar{background:linear-gradient(135deg, var(--ps-accent) 0%, #ff8533 100%);color:#fff}.dashboard-shell .siswa-meta-name{color:var(--ps-strong)}.dashboard-shell .siswa-meta-class{color:var(--ps-faint)}.dashboard-shell .btn-siswa-logout{background:var(--ps-btn-bg);height:38px;-webkit-backdrop-filter:var(--ps-btn-blur);backdrop-filter:var(--ps-btn-blur);border:1px solid var(--ps-btn-border);box-shadow:var(--ps-btn-shadow);color:var(--ps-faint);border-radius:12px;padding:0 14px}.dashboard-shell .btn-siswa-logout:hover{background:var(--ps-btn-bg-hover);color:#ef4444;border-color:var(--ps-btn-border)}.ps-traffic-lights{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;border-radius:10px;flex-shrink:0;align-items:center;gap:10px;padding:6px 10px;display:flex}.ps-tl{border-radius:50%;width:12px;height:12px;display:block}.ps-tl-red{background:#ef4444;box-shadow:0 0 10px #ef444480}.ps-tl-yellow{background:#f59e0b;box-shadow:0 0 10px #f59e0b80}.ps-tl-green{background:#22c55e;box-shadow:0 0 10px #22c55e80}.ps-theme-toggle{cursor:pointer;width:38px;height:38px;color:var(--ps-faint);background:var(--ps-btn-bg);-webkit-backdrop-filter:var(--ps-btn-blur);backdrop-filter:var(--ps-btn-blur);border:1px solid var(--ps-btn-border);box-shadow:var(--ps-btn-shadow);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.ps-theme-toggle:hover{color:var(--ps-strong);background:var(--ps-btn-bg-hover)}.ps-theme-toggle svg{color:#475569;flex-shrink:0}html.dark .ps-theme-toggle svg{color:#facc15}.dashboard-shell .siswa-hero-banner{background:var(--ps-card-bg);-webkit-backdrop-filter:var(--ps-glass-blur);backdrop-filter:var(--ps-glass-blur);border:1px solid var(--ps-border);color:var(--ps-strong);box-shadow:var(--ps-glass-shadow)}.dashboard-shell .siswa-hero-title{color:var(--ps-strong)}.dashboard-shell .siswa-hero-title .text-orange{color:var(--ps-accent)}.dashboard-shell .siswa-hero-desc{color:var(--ps-soft)}.dashboard-shell .siswa-live-tag{color:var(--ps-accent);background:#e8702a29;border-color:#e8702a59}.dashboard-shell .siswa-hero-badge{background:var(--ps-card-soft);border:1px solid var(--ps-border)}.dashboard-shell .siswa-hero-badge .badge-title{color:var(--ps-strong)}.dashboard-shell .siswa-hero-badge .badge-nisn{color:var(--ps-faint)}.dashboard-shell .kpi-card{background:var(--ps-card-bg);-webkit-backdrop-filter:var(--ps-glass-blur);backdrop-filter:var(--ps-glass-blur);border:1px solid var(--ps-border);box-shadow:var(--ps-glass-shadow)}.dashboard-shell .kpi-lbl{color:var(--ps-faint)}.dashboard-shell .kpi-val{color:var(--ps-strong)}.dashboard-shell .kpi-sub{color:var(--ps-soft)}.dashboard-shell .siswa-content-card{background:var(--ps-card-bg);-webkit-backdrop-filter:var(--ps-glass-blur);backdrop-filter:var(--ps-glass-blur);border:1px solid var(--ps-border);box-shadow:var(--ps-glass-shadow)}.dashboard-shell .siswa-nav-tabs{background:0 0;gap:6px}.dashboard-shell .siswa-tab-btn{color:var(--ps-nav-muted);background:0 0;border:1px solid #0000}.dashboard-shell .siswa-tab-btn:hover{background:var(--ps-nav-hover-bg);color:var(--ps-nav-hover)}.dashboard-shell .siswa-tab-btn.active{background:var(--ps-nav-active-bg);color:var(--ps-nav-active-text);border-color:#0000}.dashboard-shell .siswa-toast-notice{background:var(--ps-card-bg);-webkit-backdrop-filter:var(--ps-glass-blur);backdrop-filter:var(--ps-glass-blur);color:var(--ps-strong);border:1px solid var(--ps-border)}@media (width>=1024px){.dashboard-shell .ps-sidebar{background:var(--ps-card-bg);width:80px;-webkit-backdrop-filter:var(--ps-glass-blur);backdrop-filter:var(--ps-glass-blur);border:1px solid var(--ps-sidebar-border);box-shadow:var(--ps-sidebar-shadow);border-radius:20px;flex-direction:column;gap:8px;padding:24px 12px;transition:width .3s cubic-bezier(.4,0,.2,1),top .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:80px;bottom:16px;left:12px;overflow:hidden}.dashboard-shell.ps-header-hidden .ps-sidebar{top:16px!important}.dashboard-shell .ps-sidebar:hover{width:280px}.dashboard-shell .ps-sidebar .siswa-tab-btn{width:100%;height:44px;color:var(--ps-nav-muted);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-shrink:0;justify-content:flex-start;align-items:center;gap:12px;padding:0 18px;font-size:.875rem;font-weight:500;transition:padding .3s cubic-bezier(.4,0,.2,1),background .2s,color .2s;display:flex;position:relative;overflow:hidden}.dashboard-shell .ps-sidebar:hover .siswa-tab-btn{padding:0 14px 0 10px}.dashboard-shell .ps-sidebar .siswa-tab-btn svg{flex-shrink:0;width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dashboard-shell .ps-sidebar .siswa-tab-btn span{display:none}.dashboard-shell .ps-sidebar:hover .siswa-tab-btn span{display:inline}.dashboard-shell .ps-sidebar .siswa-tab-btn:hover{background:var(--ps-nav-hover-bg);color:var(--ps-nav-hover)}.dashboard-shell .ps-sidebar .siswa-tab-btn:hover svg,.dashboard-shell .ps-sidebar .siswa-tab-btn.active svg{transform:scale(1.1)}.dashboard-shell .ps-sidebar .siswa-tab-btn.active{background:var(--ps-nav-active-bg);color:var(--ps-nav-active-text);border-color:#0000}.dashboard-shell .ps-sidebar .siswa-tab-btn.active:before{content:"";background:var(--ps-nav-indicator);border-radius:0 9999px 9999px 0;width:4px;height:28px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.dashboard-shell .ps-sidebar-footer{border-top:1px solid var(--ps-sidebar-border);margin-top:auto;padding-top:12px}.dashboard-shell .ps-sidebar-logout{width:100%;height:44px;color:var(--ps-nav-muted);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:flex-start;align-items:center;gap:12px;padding:0 18px;font-size:.875rem;font-weight:500;transition:padding .3s cubic-bezier(.4,0,.2,1),background .2s,color .2s;display:flex;position:relative;overflow:hidden}.dashboard-shell .ps-sidebar:hover .ps-sidebar-logout{padding:0 14px 0 10px}.dashboard-shell .ps-sidebar-logout svg{flex-shrink:0;width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dashboard-shell .ps-sidebar-logout span{display:none}.dashboard-shell .ps-sidebar:hover .ps-sidebar-logout span{display:inline}.dashboard-shell .ps-sidebar-logout:hover{color:#ef4444;background:#ef44441a}.dashboard-shell .ps-sidebar-logout:hover svg{transform:scale(1.1)}.dashboard-shell .siswa-main-container{padding:92px 32px 60px 104px;transition:padding-left .3s cubic-bezier(.4,0,.2,1)}.dashboard-shell .ps-sidebar:hover~.siswa-main-container{padding-left:304px}.dashboard-shell .btn-siswa-logout{display:none}}@media (width<=1023px){.dashboard-shell .siswa-nav-tabs{display:none}.dashboard-shell .siswa-main-container{padding:80px 16px 96px}.dashboard-shell .siswa-top-navbar{border-radius:0 0 18px 18px;padding:8px 0}.dashboard-shell .siswa-navbar-container{justify-content:space-between;gap:8px;padding:0 12px}.dashboard-shell .siswa-brand-group{align-items:center;gap:8px;min-width:0;display:flex}.dashboard-shell .ps-traffic-lights{background:#00000038;border-radius:7px;gap:4px;padding:3px 6px;display:flex!important}.dashboard-shell .ps-tl{width:7.5px;height:7.5px}.dashboard-shell .siswa-brand-meta{align-items:center;gap:7px;min-width:0;display:flex}.dashboard-shell .siswa-logo-img{flex-shrink:0;width:26px;height:26px}.dashboard-shell .siswa-system-name{white-space:nowrap;letter-spacing:.01em;font-size:.8125rem;font-weight:800}.dashboard-shell .siswa-nav-user-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.dashboard-shell .siswa-user-pill{border-radius:9999px;gap:4px;padding:2px 4px 2px 2px}.dashboard-shell .siswa-avatar{width:26px;height:26px;font-size:.7rem}.dashboard-shell .ps-theme-toggle{border-radius:9px;width:32px;height:32px}.dashboard-shell .btn-siswa-logout{border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.dashboard-shell .siswa-brand-divider,.dashboard-shell .siswa-school-name,.dashboard-shell .siswa-meta-texts,.dashboard-shell .btn-siswa-logout span,.dashboard-shell .siswa-back-link span,.dashboard-shell .ps-sidebar-footer{display:none}}@media (width<=560px){.dashboard-shell .siswa-hero-banner{flex-direction:column;align-items:flex-start;padding:24px}.dashboard-shell .siswa-kpi-grid{grid-template-columns:1fr}}.dashboard-shell .siswa-tab-header-banner{background:var(--ps-card-bg);-webkit-backdrop-filter:var(--ps-glass-blur);backdrop-filter:var(--ps-glass-blur);border:1px solid var(--ps-border);box-shadow:var(--ps-glass-shadow);border-radius:20px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:22px 28px;display:flex;position:relative;overflow:hidden}.dashboard-shell .siswa-tab-header-title{color:var(--ps-strong);letter-spacing:-.01em;margin:0 0 4px;font-size:1.35rem;font-weight:800}.dashboard-shell .siswa-tab-header-desc{color:var(--ps-soft);margin:0;font-size:.8125rem}.dashboard-shell .dash-widget-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px;display:grid}@media (width<=900px){.dashboard-shell .dash-widget-grid{grid-template-columns:1fr}}.dashboard-shell .dash-widget-box{border:1px solid var(--ps-border);background:#fff6;border-radius:18px;flex-direction:column;gap:14px;padding:20px;transition:all .2s;display:flex}.dashboard-shell .dash-widget-box:hover{border-color:#e8702a66;box-shadow:0 8px 24px #0000000d}.dashboard-shell .dash-widget-head{border-bottom:1px dashed #00000014;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.dashboard-shell .dash-widget-title{color:var(--ps-strong);align-items:center;gap:8px;margin:0;font-size:.9375rem;font-weight:800;display:flex}.dashboard-shell .dash-widget-cta{color:var(--ps-accent);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:700;transition:all .15s;display:inline-flex}.dashboard-shell .dash-widget-cta:hover{background:#e8702a1f}.dashboard-shell .dash-exam-alert-card{background:linear-gradient(135deg,#a855f726,#e8702a26);border:1px solid #a855f759;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}html.dark .dashboard-shell .siswa-content-card{background:var(--ps-card-bg);border-color:var(--ps-border);color:var(--ps-soft)}html.dark .dashboard-shell .siswa-tab-pane,html.dark .dashboard-shell .guru-toolbar,html.dark .dashboard-shell .guru-search,html.dark .dashboard-shell .guru-count,html.dark .dashboard-shell .guru-empty{color:var(--ps-soft)}html.dark .dashboard-shell .guru-search{background:var(--ps-input-bg)!important;border-color:var(--ps-input-border)!important}html.dark .dashboard-shell .guru-search input{color:var(--ps-strong)!important}html.dark .dashboard-shell .guru-chip{background:var(--ps-hover);color:var(--ps-soft)}html.dark .dashboard-shell .siswa-mapel-card,html.dark .dashboard-shell .siswa-day-card,html.dark .dashboard-shell .guru-item-card,html.dark .dashboard-shell .guru-task-card,html.dark .dashboard-shell .guru-wide-card,html.dark .dashboard-shell .guru-sub-card,html.dark .dashboard-shell .guru-materi-row,html.dark .dashboard-shell .timeline-item-card,html.dark .dashboard-shell .task-row-card,html.dark .dashboard-shell .lib-material-card,html.dark .dashboard-shell .dropzone-styled-box,html.dark .dashboard-shell .attendance-action-banner,html.dark .dashboard-shell .pgr-toolbar,html.dark .dashboard-shell .pgr-sum-item,html.dark .dashboard-shell .pgr-row,html.dark .dashboard-shell .pgr-savebar,html.dark .dashboard-shell .pgr-rekap-row,html.dark .dashboard-shell .psr-stat,html.dark .dashboard-shell .psr-card,html.dark .dashboard-shell .psr-row,html.dark .dashboard-shell .dash-widget-box{border-color:var(--ps-border)!important;color:var(--ps-soft)!important;background:#ffffff0a!important;box-shadow:0 4px 20px #00000047!important}html.dark .dashboard-shell .siswa-mapel-card:hover,html.dark .dashboard-shell .siswa-day-card:hover,html.dark .dashboard-shell .guru-item-card:hover,html.dark .dashboard-shell .guru-task-card:hover,html.dark .dashboard-shell .guru-wide-card:hover,html.dark .dashboard-shell .guru-sub-card:hover,html.dark .dashboard-shell .timeline-item-card:hover,html.dark .dashboard-shell .lib-material-card:hover,html.dark .dashboard-shell .dash-widget-box:hover{background:#ffffff12!important;border-color:#ffffff38!important}html.dark .dashboard-shell .siswa-day-item,html.dark .dashboard-shell .guru-progress-row,html.dark .dashboard-shell .pgr-sum-item.is-head,html.dark .dashboard-shell .status-pill-badge,html.dark .dashboard-shell .guru-sub-card.is-pending{border-color:var(--ps-border)!important;color:var(--ps-soft)!important;background:#ffffff08!important}html.dark .dashboard-shell .siswa-day-time,html.dark .dashboard-shell .pgr-num,html.dark .dashboard-shell .guru-sub-score,html.dark .dashboard-shell .siswa-task-score,html.dark .dashboard-shell .pgr-rekap-bar,html.dark .dashboard-shell .timeline-time-col{border-color:var(--ps-border)!important;color:var(--ps-strong)!important;background:#ffffff0f!important}html.dark .dashboard-shell .siswa-mapel-name,html.dark .dashboard-shell .siswa-day-name,html.dark .dashboard-shell .siswa-day-body strong,html.dark .dashboard-shell .guru-item-heading strong,html.dark .dashboard-shell .guru-task-heading strong,html.dark .dashboard-shell .guru-wide-title strong,html.dark .dashboard-shell .guru-sub-name strong,html.dark .dashboard-shell .guru-materi-head strong,html.dark .dashboard-shell .time-badge,html.dark .dashboard-shell .item-subject,html.dark .dashboard-shell .task-title-text,html.dark .dashboard-shell .dropzone-title,html.dark .dashboard-shell .att-banner-title,html.dark .dashboard-shell .mat-title-heading,html.dark .dashboard-shell .siswa-detail-title,html.dark .dashboard-shell .siswa-section-title,html.dark .dashboard-shell .strip-title,html.dark .dashboard-shell .pgr-who strong,html.dark .dashboard-shell .pgr-sum-item strong,html.dark .dashboard-shell .pgr-rekap-who strong,html.dark .dashboard-shell .pgr-rekap-head h3,html.dark .dashboard-shell .psr-section-head h3,html.dark .dashboard-shell .psr-card-title strong,html.dark .dashboard-shell .psr-row-main strong,html.dark .dashboard-shell .psr-stat strong,html.dark .dashboard-shell .dash-widget-title{color:#f8fafc!important}html.dark .dashboard-shell .siswa-mapel-teacher,html.dark .dashboard-shell .siswa-mapel-stats,html.dark .dashboard-shell .guru-item-sub,html.dark .dashboard-shell .guru-item-desc,html.dark .dashboard-shell .guru-task-heading span,html.dark .dashboard-shell .guru-sub-name span,html.dark .dashboard-shell .guru-materi-meta,html.dark .dashboard-shell .guru-materi-desc,html.dark .dashboard-shell .item-meta-row,html.dark .dashboard-shell .dropzone-desc,html.dark .dashboard-shell .att-banner-sub,html.dark .dashboard-shell .mat-meta-specs,html.dark .dashboard-shell .siswa-detail-sub,html.dark .dashboard-shell .siswa-section-count,html.dark .dashboard-shell .strip-date,html.dark .dashboard-shell .pgr-who span,html.dark .dashboard-shell .pgr-sum-label,html.dark .dashboard-shell .pgr-rekap-who span,html.dark .dashboard-shell .pgr-field label,html.dark .dashboard-shell .task-row-bottom,html.dark .dashboard-shell .siswa-task-foot-meta,html.dark .dashboard-shell .psr-stat-label,html.dark .dashboard-shell .psr-stat-sub,html.dark .dashboard-shell .psr-section-head p,html.dark .dashboard-shell .psr-card-title span,html.dark .dashboard-shell .psr-row-main span,html.dark .dashboard-shell .psr-card-time small,html.dark .dashboard-shell .psr-method,html.dark .dashboard-shell .guru-empty-box span{color:#94a3b8!important}html.dark .dashboard-shell .siswa-mapel-stats,html.dark .dashboard-shell .siswa-day-head,html.dark .dashboard-shell .guru-task-foot,html.dark .dashboard-shell .guru-item-foot,html.dark .dashboard-shell .task-row-bottom,html.dark .dashboard-shell .section-title-strip,html.dark .dashboard-shell .siswa-section-head,html.dark .dashboard-shell .siswa-detail-head,html.dark .dashboard-shell .guru-toolbar,html.dark .dashboard-shell .timeline-time-col,html.dark .dashboard-shell .dash-widget-head,html.dark .dashboard-shell .psr-card-foot{border-color:#ffffff1a!important}html.dark .dashboard-shell .guru-empty-box,html.dark .dashboard-shell .guru-select,html.dark .dashboard-shell .guru-chip-btn{background:var(--ps-card-soft)!important;border-color:var(--ps-border)!important;color:var(--ps-soft)!important}html.dark .dashboard-shell .guru-chip-btn.is-active{color:#fff!important;background:#ea580c!important;border-color:#ea580c!important}html.dark .dashboard-shell .guru-select{color:var(--ps-strong)!important}html.dark .dashboard-shell .guru-icon-btn,html.dark .dashboard-shell .btn-browse-file,html.dark .dashboard-shell .btn-download-modul,html.dark .dashboard-shell .pgr-ghost,html.dark .dashboard-shell .pgr-opt,html.dark .dashboard-shell .siswa-back-mapel{color:#f1f5f9!important;background:#ffffff0f!important;border-color:#ffffff26!important}html.dark .dashboard-shell .guru-icon-btn:hover,html.dark .dashboard-shell .btn-browse-file:hover,html.dark .dashboard-shell .btn-download-modul:hover,html.dark .dashboard-shell .pgr-ghost:hover,html.dark .dashboard-shell .pgr-opt:hover,html.dark .dashboard-shell .siswa-back-mapel:hover{color:#fff!important;background:#ffffff1f!important;border-color:#ffffff40!important}html.dark .dashboard-shell .psr-counter,html.dark .dashboard-shell .psr-card-time{background:var(--ps-hover)!important;color:var(--ps-strong)!important}html.dark .dashboard-shell .psr-badge{border-color:var(--ps-border)!important;background:#ffffff0f!important}html.dark .pgn-btn.is-active{color:#fff!important;background:#ea580c!important;border-color:#ea580c!important}html.dark .dashboard-shell .siswa-grades-table th{color:#cbd5e1!important;background:#ffffff0d!important;border-bottom-color:#ffffff1f!important}html.dark .dashboard-shell .siswa-grades-table td{color:#f1f5f9!important;border-bottom-color:#ffffff0f!important}html.dark .dashboard-shell .siswa-feedback-box{color:#93c5fd!important;background:#3b82f61f!important;border-color:#3b82f64d!important}html.dark .dashboard-shell .siswa-feedback-box p{color:#bfdbfe!important}html.dark .dashboard-shell .siswa-exam-note{color:#fde68a!important;background:#f59e0b1f!important;border-color:#f59e0b4d!important}html.dark .gm-dialog{color:#f8fafc!important;background:#0f172a!important;border:1px solid #ffffff26!important;box-shadow:0 25px 60px #000000b3!important}html.dark .gm-head,html.dark .gm-foot{background:#1e293b!important;border-color:#ffffff1a!important}html.dark .gm-head h3{color:#f8fafc!important}html.dark .gm-head p{color:#94a3b8!important}html.dark .gm-close,html.dark .gm-btn-ghost{color:#cbd5e1!important;background:#ffffff0f!important;border-color:#ffffff1f!important}html.dark .gm-close:hover{color:#fca5a5!important;background:#ef444433!important;border-color:#ef444466!important}html.dark .gm-btn-ghost:hover{color:#fff!important;background:#ffffff1f!important}html.dark .gm-dialog input,html.dark .gm-dialog select,html.dark .gm-dialog textarea{color:#f8fafc!important;background:#ffffff0f!important;border-color:#ffffff26!important}html.dark .asm-row{background:#ffffff0a!important;border-color:#ffffff1a!important}html.dark .asm-row:hover{background:#ffffff14!important;border-color:#fff3!important}html.dark .asm-who strong{color:#f8fafc!important}html.dark .asm-who span{color:#94a3b8!important}html.dark .asm-avatar{color:#cbd5e1!important;background:#ffffff14!important}html.dark .asm-summary>span{color:#cbd5e1!important;background:#ffffff0d!important;border-color:#ffffff1a!important}html.dark .asm-summary>span strong{color:#f8fafc!important}html.dark .asm-empty{background:#ffffff05!important;border-color:#ffffff1a!important}html.dark .grm-pane{background:#ffffff08!important;border-color:#ffffff1a!important}html.dark .grm-pane.is-form{background:#ea580c0f!important;border-color:#ea580c40!important}html.dark .grm-pane-title{color:#f8fafc!important;border-color:#ffffff1a!important}html.dark .grm-student strong{color:#f8fafc!important}html.dark .sbm-info{background:#ffffff0a!important;border-color:#ffffff1a!important}html.dark .sbm-info-row strong{color:#f8fafc!important}html.dark .sbm-drop{background:#ffffff08!important;border-color:#ffffff26!important}html.dark .sbm-drop:hover{background:#ea580c14!important;border-color:#ea580c!important}html.dark .sbm-drop-icon{background:#ffffff0f!important;border-color:#ffffff1f!important}html.dark .sbm-drop-body strong{color:#f8fafc!important}html.dark .sbm-drop-clear{color:#f87171!important;background:#ef44441a!important;border-color:#ef44444d!important}html.dark .sbm-label{color:#f1f5f9!important}html.dark .sbm-desc p{color:#cbd5e1!important}html.dark .mvm-fallback{background:#ffffff08!important;border-color:#ffffff1f!important}html.dark .mvm-fallback strong{color:#f8fafc!important}html.dark .mvm-meta-item{color:#cbd5e1!important;background:#ffffff0f!important}html.dark .ecm-code-box,html.dark .eqm-pane{background:#ffffff08!important;border-color:#ffffff1a!important}html.dark .eqm-pane.is-form{background:#ea580c0f!important;border-color:#ea580c40!important}html.dark .eqm-pane-head h4{color:#f8fafc!important}html.dark .eqm-empty{background:#ffffff05!important;border-color:#ffffff1a!important}html.dark .exr-root{background:#0b1120!important}html.dark .exr-intro{background:radial-gradient(900px 400px at 15% 0,#ea580c26,#0000 60%),radial-gradient(700px 400px at 90% 100%,#2563eb26,#0000 60%),#0f172a!important}html.dark .exr-intro-card{color:#f8fafc!important;background:#1e293bd9!important;border-color:#ffffff26!important}html.dark .exr-intro-card h2{color:#f8fafc!important}html.dark .exr-intro-sub{color:#cbd5e1!important}html.dark .exr-intro-stats>div{background:#ffffff0d!important;border-color:#ffffff1a!important}html.dark .exr-intro-stats strong{color:#f8fafc!important}html.dark .dashboard-shell .guru-input,html.dark .dashboard-shell .siswa-submit-input{color:#f8fafc!important;background:#ffffff0f!important;border-color:#ffffff26!important}html.dark .dashboard-shell .guru-input:focus,html.dark .dashboard-shell .siswa-submit-input:focus{border-color:#ea580c!important;box-shadow:0 0 0 3px #ea580c33!important}html.dark .dashboard-shell .guru-field label{color:#cbd5e1!important}html.dark .dashboard-shell .guru-hint,html.dark .dashboard-shell .guru-field-hint{color:#94a3b8!important}html.dark .dashboard-shell .guru-file-drop,html.dark .dashboard-shell .siswa-file-drop{color:#cbd5e1!important;background:#ffffff08!important;border-color:#ffffff26!important}html.dark .dashboard-shell .guru-file-drop:hover,html.dark .dashboard-shell .siswa-file-drop:hover{color:#fb923c!important;border-color:#ea580c!important}html.dark .dashboard-shell .guru-segment{background:#ffffff0f!important}html.dark .dashboard-shell .guru-segment-btn{color:#94a3b8!important}html.dark .dashboard-shell .guru-segment-btn:hover{color:#f8fafc!important}html.dark .dashboard-shell .guru-segment-btn.is-active{color:#fb923c!important;background:#ffffff1f!important;box-shadow:0 1px 4px #0000004d!important}html.dark .dashboard-shell .guru-class-card{border-color:var(--ps-border)!important;color:var(--ps-soft)!important;background:#ffffff0a!important;box-shadow:0 4px 20px #00000047!important}html.dark .dashboard-shell .guru-class-head{color:#f8fafc!important;border-color:#ffffff1a!important}html.dark .dashboard-shell .guru-class-list li{color:#cbd5e1!important;background:#ffffff0a!important}html.dark .dashboard-shell .guru-class-stats span{color:#94a3b8!important;background:#ffffff0f!important}html.dark .dashboard-shell .guru-class-subject{color:#f1f5f9!important}html.dark .dashboard-shell .guru-class-time{color:#94a3b8!important}html.dark .dashboard-shell .guru-sub-empty,html.dark .dashboard-shell .guru-empty{color:#94a3b8!important;background:#ffffff08!important;border-color:#ffffff1a!important}html.dark .dashboard-shell .guru-tag{color:#fb923c!important;background:#ea580c26!important}html.dark .dashboard-shell .guru-tag.is-soft{color:#94a3b8!important;background:#ffffff0f!important}html.dark .dashboard-shell .guru-chip{color:#fb923c!important;background:#ea580c26!important}html.dark .dashboard-shell .guru-status.is-live{color:#6ee7b7!important;background:#10b98126!important}html.dark .dashboard-shell .guru-status.is-draft{color:#94a3b8!important;background:#ffffff0f!important}html.dark .dashboard-shell .guru-status.is-warn{color:#fde68a!important;background:#f59e0b26!important}html.dark .dashboard-shell .guru-status.is-danger{color:#fca5a5!important;background:#ef444426!important}html.dark .dashboard-shell .guru-pill.is-live{color:#6ee7b7!important;background:#10b98126!important}html.dark .dashboard-shell .guru-pill.is-draft{color:#94a3b8!important;background:#ffffff0f!important}html.dark .dashboard-shell .task-status-pill.pill-done{color:#6ee7b7!important;background:#10b98126!important}html.dark .dashboard-shell .task-status-pill.pill-active{color:#fb923c!important;background:#ea580c26!important}html.dark .dashboard-shell .task-subject-tag{color:#fb923c!important}html.dark .dashboard-shell .guru-sub-score{color:#94a3b8!important;background:#ffffff0f!important}html.dark .dashboard-shell .guru-sub-score.is-done,html.dark .dashboard-shell .grade-badge-pass{color:#6ee7b7!important;background:#10b98126!important}html.dark .dashboard-shell .siswa-mapel-code{color:#fb923c!important;background:#ea580c26!important}html.dark .dashboard-shell .siswa-mapel-stats span{color:#94a3b8!important;background:#ffffff0f!important}html.dark .dashboard-shell .siswa-day-count,html.dark .dashboard-shell .guru-item-icon{color:#fb923c!important;background:#ea580c26!important}html.dark .dashboard-shell .guru-item-icon.is-purple{color:#a78bfa!important;background:#7c3aed26!important}html.dark .dashboard-shell .mat-icon-wrapper,html.dark .dashboard-shell .guru-materi-icon{color:#fb923c!important;background:#ea580c26!important}html.dark .dashboard-shell .guru-sub-avatar{color:#93c5fd!important;background:#3b82f626!important}html.dark .dashboard-shell .guru-progress-bar{background:#ffffff14!important}html.dark .dashboard-shell .guru-progress-meta strong{color:#f8fafc!important}html.dark .dashboard-shell .siswa-submit-form{background:#ea580c0f!important;border-color:#ea580c40!important}html.dark .dashboard-shell .siswa-collect-btn{color:#fb923c!important;background:#ea580c26!important;border-color:#ea580c59!important}html.dark .dashboard-shell .siswa-collect-btn:hover{background:#ea580c40!important}html.dark .dashboard-shell .siswa-cancel-btn{color:#cbd5e1!important;background:#ffffff0f!important;border-color:#ffffff26!important}html.dark .dashboard-shell .siswa-cancel-btn:hover{color:#fff!important;background:#ffffff1f!important}html.dark .dashboard-shell .siswa-submit-error,html.dark .dashboard-shell .guru-form-error,html.dark .dashboard-shell .siswa-exam-terminated-note,html.dark .dashboard-shell .guru-terminated-note{color:#fca5a5!important;background:#ef44441f!important;border-color:#ef44444d!important}html.dark .dashboard-shell .siswa-exam-session-note{color:#94a3b8!important;background:#ffffff0a!important;border-color:#ffffff1f!important}html.dark .dashboard-shell .siswa-exam-session-note.is-upcoming{color:#fde68a!important;background:#f59e0b1f!important;border-color:#f59e0b4d!important}html.dark .dashboard-shell .siswa-exam-session-note.is-ended{color:#fca5a5!important;background:#ef44441f!important;border-color:#ef44444d!important}html.dark .dashboard-shell .siswa-exam-session-note.is-unscheduled{color:#94a3b8!important;background:#ffffff0a!important;border-color:#ffffff1f!important}html.dark .dashboard-shell .siswa-exam-session-note.is-override{color:#93c5fd!important;background:#3b82f61f!important;border-color:#3b82f64d!important}html.dark .dashboard-shell .guru-approval-note{color:#fde68a!important;background:#f59e0b1f!important;border-color:#f59e0b4d!important}html.dark .dashboard-shell .guru-check{color:#cbd5e1!important}html.dark .dashboard-shell .status-pill-badge{color:#94a3b8!important;background:#ffffff0f!important}html.dark .dashboard-shell .siswa-detail-head{border-color:#ffffff1a!important}html.dark .dashboard-shell .siswa-mapel-card{border-color:#ffffff1f!important}html.dark .dashboard-shell .siswa-mapel-card:hover{border-color:#ea580c!important;box-shadow:0 10px 24px #ea580c33!important}html.dark .dashboard-shell .siswa-mapel-head{color:#94a3b8!important}html.dark .dashboard-shell .siswa-mapel-stats{border-color:#ffffff1a!important}html.dark .dashboard-shell .siswa-grades-table{color:#f1f5f9!important}html.dark .dashboard-shell .transcript-header-banner{border-color:var(--ps-border)!important;color:var(--ps-soft)!important;background:#ffffff0a!important}html.dark .dashboard-shell .guru-class-head{border-color:#ffffff1a!important}html.dark .dashboard-shell .kpi-icon-box.bg-orange{color:#fb923c!important;background:#f9731626!important}html.dark .dashboard-shell .kpi-icon-box.bg-emerald{color:#6ee7b7!important;background:#10b98126!important}html.dark .dashboard-shell .kpi-icon-box.bg-blue{color:#93c5fd!important;background:#3b82f626!important}html.dark .dashboard-shell .kpi-icon-box.bg-purple{color:#c4b5fd!important;background:#a855f726!important}html.dark .dashboard-shell .guru-empty-box strong{color:#f8fafc!important}html.dark .dashboard-shell .guru-sub-card.is-pending{background:#f59e0b14!important;border-color:#f59e0b4d!important}html.dark .dashboard-shell .guru-sub-bottom{color:#94a3b8!important}html.dark .dashboard-shell .guru-sub-cta,html.dark .dashboard-shell .guru-link,html.dark .dashboard-shell .guru-materi-link{color:#fb923c!important}html.dark .dashboard-shell .siswa-back-mapel:hover{color:#fb923c!important;background:#ea580c26!important;border-color:#ea580c59!important}html.dark .dashboard-shell .guru-toolbar-left,html.dark .dashboard-shell .guru-chips{color:var(--ps-soft)!important}html.dark .dashboard-shell .guru-kpi-btn{border-color:var(--ps-border)!important}html.dark .dashboard-shell .guru-kpi-btn:hover{border-color:#c084fc59!important;box-shadow:0 8px 20px #9333ea33!important}html.dark .dashboard-shell .siswa-section-head,html.dark .dashboard-shell .siswa-day-head,html.dark .dashboard-shell .guru-task-foot,html.dark .dashboard-shell .guru-item-foot{border-color:#ffffff1a!important}html.dark .dashboard-shell .guru-sub-card{border-color:#ffffff1f!important}html.dark .dashboard-shell .guru-sub-card:hover{border-color:#fb923c66!important;box-shadow:0 8px 18px #00000059!important}html.dark .dashboard-shell .guru-empty-box svg{color:#94a3b8!important}html.dark .dashboard-shell .psr-stat{background:#ffffff0a!important;border-color:#ffffff1a!important}html.dark .dashboard-shell .psr-stat strong{color:#f8fafc!important}html.dark .dashboard-shell .psr-stat-label{color:#94a3b8!important}html.dark .dashboard-shell .psr-stat-sub{color:#64748b!important}html.dark .dashboard-shell .psr-stat.is-main{background:#0f766e2e!important;border-color:#2dd4bf59!important}html.dark .dashboard-shell .psr-stat.is-main strong{color:#2dd4bf!important}html.dark .dashboard-shell .psr-counter{color:#cbd5e1!important;background:#ffffff0f!important;border-color:#ffffff1f!important}html.dark .dashboard-shell .psr-card{background:#ffffff0a!important;border-color:#ffffff1a!important}html.dark .dashboard-shell .psr-card:hover{background:#ffffff0f!important;border-color:#fb923c66!important}html.dark .dashboard-shell .psr-card.is-done{background:#10b98114!important;border-color:#10b9814d!important}html.dark .dashboard-shell .psr-card-time{color:#f8fafc!important;background:#ffffff14!important}html.dark .dashboard-shell .psr-card-time small{color:#94a3b8!important}html.dark .dashboard-shell .psr-card-title strong{color:#f8fafc!important}html.dark .dashboard-shell .psr-card-title span{color:#94a3b8!important}html.dark .dashboard-shell .psr-card-foot{color:#cbd5e1!important;border-top-color:#ffffff14!important}html.dark .dashboard-shell .psr-section-head h3{color:#f8fafc!important}html.dark .dashboard-shell .psr-section-head p{color:#94a3b8!important}html.dark .dashboard-shell .psr-row{background:#ffffff0a!important;border-color:#ffffff1a!important}html.dark .dashboard-shell .psr-row-main strong{color:#f8fafc!important}html.dark .dashboard-shell .psr-row-main span{color:#94a3b8!important}html.dark .dashboard-shell .psr-badge.is-hadir{color:#6ee7b7!important;background:#10b98126!important;border-color:#10b9814d!important}html.dark .dashboard-shell .psr-badge.is-terlambat{color:#fde68a!important;background:#f59e0b26!important;border-color:#f59e0b4d!important}html.dark .dashboard-shell .psr-badge.is-izin{color:#93c5fd!important;background:#3b82f626!important;border-color:#3b82f64d!important}html.dark .dashboard-shell .psr-badge.is-sakit{color:#c4b5fd!important;background:#8b5cf626!important;border-color:#8b5cf64d!important}html.dark .dashboard-shell .psr-badge.is-alpa{color:#fca5a5!important;background:#ef444426!important;border-color:#ef44444d!important}html.dark .dashboard-shell .psr-badge.is-open{color:#cbd5e1!important;background:#ffffff14!important;border-color:#ffffff26!important}html.dark .dashboard-shell .pgr-toolbar{background:#ffffff0a!important;border-color:#ffffff1a!important}html.dark .dashboard-shell .pgr-field label{color:#94a3b8!important}html.dark .dashboard-shell .pgr-field select{color:#f8fafc!important;background:#1e293b!important;border-color:#ffffff26!important}html.dark .dashboard-shell .pgr-ghost{color:#cbd5e1!important;background:#ffffff0f!important;border-color:#ffffff1f!important}html.dark .dashboard-shell .pgr-ghost:hover{color:#f8fafc!important;background:#ffffff1f!important}html.dark .dashboard-shell .pgr-sum-item{background:#ffffff0a!important;border-color:#ffffff1a!important}html.dark .dashboard-shell .pgr-sum-item.is-head{background:#ffffff14!important}html.dark .dashboard-shell .pgr-sum-item strong{color:#f8fafc!important}html.dark .dashboard-shell .pgr-sum-label{color:#94a3b8!important}html.dark .dashboard-shell .pgr-row{background:#ffffff0a!important;border-color:#ffffff1a!important}html.dark .dashboard-shell .pgr-num{color:#cbd5e1!important;background:#ffffff14!important}html.dark .dashboard-shell .pgr-who strong{color:#f8fafc!important}html.dark .dashboard-shell .pgr-who span{color:#94a3b8!important}html.dark .dashboard-shell .pgr-opt{color:#94a3b8!important;background:#ffffff0f!important;border-color:#ffffff1f!important}html.dark .dashboard-shell .pgr-opt:hover{color:#f8fafc!important;border-color:#ffffff40!important}html.dark .dashboard-shell .pgr-opt.is-active.is-hadir{color:#6ee7b7!important;background:#10b98140!important;border-color:#10b981!important}html.dark .dashboard-shell .pgr-opt.is-active.is-terlambat{color:#fde68a!important;background:#f59e0b40!important;border-color:#f59e0b!important}html.dark .dashboard-shell .pgr-opt.is-active.is-izin{color:#93c5fd!important;background:#3b82f640!important;border-color:#3b82f6!important}html.dark .dashboard-shell .pgr-opt.is-active.is-sakit{color:#c4b5fd!important;background:#8b5cf640!important;border-color:#8b5cf6!important}html.dark .dashboard-shell .pgr-opt.is-active.is-alpa{color:#fca5a5!important;background:#ef444440!important;border-color:#ef4444!important}html.dark .dashboard-shell .pgr-savebar{background:#1e293b!important;border-color:#ffffff26!important;box-shadow:0 12px 32px #00000080!important}html.dark .dashboard-shell .pgr-savebar>span{color:#cbd5e1!important}html.dark .dashboard-shell .pgr-rekap-head h3{color:#f8fafc!important}html.dark .dashboard-shell .pgr-rekap-head span{color:#94a3b8!important}html.dark .dashboard-shell .pgr-rekap-row{background:#ffffff0a!important;border-color:#ffffff1a!important}html.dark .dashboard-shell .pgr-rekap-who strong{color:#f8fafc!important}html.dark .dashboard-shell .pgr-rekap-who span{color:#94a3b8!important}html.dark .dashboard-shell .pgr-rekap-bar{background:#ffffff14!important}html.dark .dashboard-shell .pgr-rekap-pct{color:#2dd4bf!important}html.dark .dashboard-shell .siswa-day-card{background:#ffffff0a!important;border-color:#ffffff1a!important}html.dark .dashboard-shell .siswa-day-card:hover{border-color:#fb923c59!important;box-shadow:0 8px 22px #0000004d!important}html.dark .dashboard-shell .siswa-day-name{color:#f8fafc!important}html.dark .dashboard-shell .siswa-day-count{color:#fb923c!important;background:#ea580c26!important}html.dark .dashboard-shell .siswa-day-item{background:#ffffff08!important}html.dark .dashboard-shell .siswa-day-time{color:#f8fafc!important;background:#ffffff14!important;border-color:#ffffff1f!important}html.dark .dashboard-shell .siswa-day-body strong{color:#f8fafc!important}html.dark .dashboard-shell .siswa-day-body span{color:#94a3b8!important}html.dark .dashboard-shell .siswa-section-title{color:#f8fafc!important}html.dark .dashboard-shell .siswa-section-count{color:#94a3b8!important}html.dark .dashboard-shell .siswa-task-score{color:#cbd5e1!important;background:#ffffff14!important}html.dark .dashboard-shell .siswa-task-score.is-graded{color:#6ee7b7!important;background:#10b98126!important}html.dark .erc-card,html.dark .dashboard-shell .erc-card{background:#0f172a!important;border-color:#ffffff1f!important;box-shadow:0 10px 30px -18px #00000080!important}html.dark .erc-head-icon,html.dark .dashboard-shell .erc-head-icon{color:#fb923c!important;background:#ea580c26!important;border-color:#ea580c4d!important}html.dark .erc-head-title h3,html.dark .dashboard-shell .erc-head-title h3{color:#f8fafc!important}html.dark .erc-head-title p,html.dark .dashboard-shell .erc-head-title p{color:#94a3b8!important}html.dark .erc-filters,html.dark .dashboard-shell .erc-filters{background:#ffffff0a!important;border-color:#ffffff14!important}html.dark .erc-search,html.dark .dashboard-shell .erc-search{color:#94a3b8!important;background:#ffffff0f!important;border-color:#ffffff1f!important}html.dark .erc-search input,html.dark .dashboard-shell .erc-search input{color:#f8fafc!important}html.dark .erc-filters select,html.dark .dashboard-shell .erc-filters select{color:#f8fafc!important;background:#1e293b!important;border-color:#ffffff26!important}html.dark .erc-reset-filter,html.dark .dashboard-shell .erc-reset-filter{color:#cbd5e1!important;border-color:#fff3!important}html.dark .erc-reset-filter:hover,html.dark .dashboard-shell .erc-reset-filter:hover{color:#fb923c!important;border-color:#ea580c!important}html.dark .erc-chip,html.dark .dashboard-shell .erc-chip{color:#cbd5e1!important;background:#ffffff12!important}html.dark .erc-chip.is-total,html.dark .dashboard-shell .erc-chip.is-total{color:#a5b4fc!important;background:#6366f126!important}html.dark .erc-chip.is-ok,html.dark .dashboard-shell .erc-chip.is-ok{color:#6ee7b7!important;background:#10b98126!important}html.dark .erc-chip.is-live,html.dark .dashboard-shell .erc-chip.is-live{color:#93c5fd!important;background:#3b82f626!important}html.dark .erc-chip.is-danger,html.dark .dashboard-shell .erc-chip.is-danger{color:#fca5a5!important;background:#ef444426!important}html.dark .erc-chip.is-avg,html.dark .dashboard-shell .erc-chip.is-avg{color:#fb923c!important;background:#ea580c26!important}html.dark .erc-table-wrap,html.dark .dashboard-shell .erc-table-wrap{border-color:#ffffff1a!important}html.dark .erc-table thead th,html.dark .dashboard-shell .erc-table thead th{color:#cbd5e1!important;background:#1e293b!important;border-bottom-color:#ffffff1f!important}html.dark .erc-table tbody td,html.dark .dashboard-shell .erc-table tbody td{color:#cbd5e1!important;border-bottom-color:#ffffff0f!important}html.dark .erc-table tbody tr:hover td,html.dark .dashboard-shell .erc-table tbody tr:hover td{background:#ffffff0a!important}html.dark .erc-table tbody tr.is-danger td,html.dark .dashboard-shell .erc-table tbody tr.is-danger td{background:#ef444414!important}html.dark .erc-table tbody tr.is-danger:hover td,html.dark .dashboard-shell .erc-table tbody tr.is-danger:hover td{background:#ef444424!important}html.dark .erc-table td.is-score,html.dark .erc-table td.is-name,html.dark .dashboard-shell .erc-table td.is-score,html.dark .dashboard-shell .erc-table td.is-name{color:#f8fafc!important}html.dark .erc-table td.is-mono,html.dark .dashboard-shell .erc-table td.is-mono{color:#cbd5e1!important}html.dark .erc-empty strong,html.dark .dashboard-shell .erc-empty strong{color:#f8fafc!important}html.dark .erc-btn.is-csv,html.dark .dashboard-shell .erc-btn.is-csv{color:#f8fafc!important;background:#ffffff14!important;border-color:#ffffff26!important}html.dark .erc-btn.is-xlsx,html.dark .dashboard-shell .erc-btn.is-xlsx{color:#6ee7b7!important;background:#10b98126!important;border-color:#10b9814d!important}html.dark .erc-btn.is-pdf,html.dark .dashboard-shell .erc-btn.is-pdf{color:#fca5a5!important;background:#ef444426!important;border-color:#ef44444d!important}html.dark .eam-empty{color:#94a3b8!important;background:#ffffff08!important;border-color:#ffffff1f!important}html.dark .eam-empty strong{color:#f8fafc!important}html.dark .eam-row{background:#ffffff0a!important;border-color:#ffffff1a!important}html.dark .eam-row.is-danger{background:#ef444414!important;border-color:#ef44444d!important}html.dark .eam-head-title strong{color:#f8fafc!important}html.dark .eam-head-title span{color:#94a3b8!important}html.dark .eam-score strong{color:#f8fafc!important}html.dark .eam-btn{color:#cbd5e1!important;background:#ffffff14!important;border-color:#ffffff26!important}html.dark .eam-btn:hover{color:#fff!important;background:#ffffff26!important}html.dark .eam-note{color:#93c5fd!important;background:#3b82f61f!important;border-color:#3b82f64d!important}html.dark .eam-alert{color:#fca5a5!important;background:#ef44441f!important;border-color:#ef44444d!important}html.dark .mvm-link-card{background:#ffffff0a!important;border-color:#ffffff1a!important}html.dark .mvm-link-icon{color:#cbd5e1!important;background:#ffffff14!important;border-color:#ffffff1f!important}html.dark .mvm-link-body strong{color:#f8fafc!important}html.dark .mvm-link-body span{color:#94a3b8!important}html.dark .mvm-link-btn{color:#f8fafc!important;background:#ffffff14!important;border-color:#ffffff26!important}html.dark .mvm-link-btn:hover{color:#fb923c!important;background:#ea580c33!important;border-color:#ea580c!important}html.dark .mvm-desc p{color:#cbd5e1!important}html.dark .mvm-desc h4{color:#94a3b8!important}html.dark .mvm-empty{color:#94a3b8!important;background:#ffffff08!important;border-color:#ffffff1a!important}html.dark .eqm-item{background:#ffffff0a!important;border-color:#ffffff1a!important}html.dark .eqm-num{color:#fb923c!important;background:#ea580c26!important}html.dark .eqm-question{color:#f8fafc!important}html.dark .eqm-option{color:#cbd5e1!important;background:#ffffff0a!important;border-color:#ffffff14!important}html.dark .eqm-option.is-key{color:#6ee7b7!important;background:#10b98126!important;border-color:#10b9814d!important}html.dark .eqm-option.is-key b{color:#34d399!important}html.dark .eqm-item-foot{color:#94a3b8!important;border-top-color:#ffffff14!important}html.dark .eqm-item-foot b{color:#f8fafc!important}html.dark .eqm-type{color:#cbd5e1!important;background:#ffffff14!important}html.dark .eqm-input{color:#f8fafc!important;background:#ffffff0f!important;border-color:#ffffff26!important}html.dark .eqm-option-letter{color:#cbd5e1!important;background:#ffffff14!important}html.dark .ecm-row{background:#ffffff0a!important;border-color:#ffffff1a!important}html.dark .ecm-row-text strong{color:#f8fafc!important}html.dark .ecm-row-text span{color:#94a3b8!important}html.dark .ecm-btn{color:#f8fafc!important;background:#ffffff14!important;border-color:#ffffff26!important}html.dark .ecm-btn:hover:not(:disabled){background:#ffffff26!important}html.dark .ecm-code{color:#2dd4bf!important;background:#0f766e33!important;border-color:#2dd4bf66!important}html.dark .ecm-code.is-empty{color:#94a3b8!important;background:#ffffff0a!important;border-color:#ffffff1f!important}html.dark .ecm-note{color:#93c5fd!important;background:#3b82f61f!important;border-color:#3b82f64d!important}html.dark .ecm-switch{background:#ffffff26!important}html.dark .exr-bar{background:#0f172a!important;border-bottom-color:#ffffff1a!important}html.dark .exr-bar-icon{color:#fb923c!important;background:#ea580c26!important}html.dark .exr-bar-left strong{color:#f8fafc!important}html.dark .exr-bar-left span{color:#94a3b8!important}html.dark .exr-timer{color:#f8fafc!important;background:#ffffff14!important}html.dark .exr-nav{background:#0f172a!important;border-color:#ffffff1f!important}html.dark .exr-nav-btn{color:#cbd5e1!important;background:#ffffff0f!important;border-color:#ffffff1f!important}html.dark .exr-nav-btn:hover{color:#fb923c!important;border-color:#ea580c!important}html.dark .exr-nav-btn.is-answered{color:#6ee7b7!important;background:#10b98133!important;border-color:#10b98166!important}html.dark .exr-nav-btn.is-current{color:#fff!important;background:#ea580c!important;border-color:#ea580c!important}html.dark .exr-nav-legend{color:#94a3b8!important;border-top-color:#ffffff1a!important}html.dark .exr-nav-legend i{background:#ffffff14!important;border-color:#ffffff26!important}html.dark .exr-nav-legend i.is-answered{background:#10b9814d!important;border-color:#10b98180!important}html.dark .exr-nav-legend i.is-current{background:#ea580c!important;border-color:#ea580c!important}html.dark .exr-card{background:#0f172a!important;border-color:#ffffff1f!important;box-shadow:0 8px 24px #0006!important}html.dark .exr-qnum{color:#fb923c!important;background:#ea580c26!important}html.dark .exr-qtext{color:#f8fafc!important}html.dark .exr-option{color:#cbd5e1!important;background:#ffffff0a!important;border-color:#ffffff1f!important}html.dark .exr-option:hover{background:#ea580c14!important;border-color:#ea580c59!important}html.dark .exr-option.is-active{color:#fb923c!important;background:#ea580c26!important;border-color:#ea580c!important;box-shadow:0 0 0 3px #ea580c33!important}html.dark .exr-option-letter{color:#cbd5e1!important;background:#ffffff14!important}html.dark .exr-option.is-active .exr-option-letter{color:#fff!important;background:#ea580c!important}html.dark .exr-option-text{color:#f1f5f9!important}html.dark .exr-card-foot{border-top-color:#ffffff1a!important}html.dark .exr-confirm{background:#1e293b!important;border:1px solid #ffffff26!important;box-shadow:0 24px 60px #0009!important}html.dark .exr-confirm h3{color:#f8fafc!important}html.dark .exr-confirm p{color:#cbd5e1!important}html.dark .exr-result{background:radial-gradient(800px 380px at 50% 0,#10b9811a,#0000 65%),#0b1120!important}html.dark .exr-result-card{background:#0f172a!important;border-color:#ffffff1f!important;box-shadow:0 24px 60px #00000080!important}html.dark .exr-result-card h2{color:#f8fafc!important}html.dark .exr-result-sub{color:#94a3b8!important}html.dark .exr-result-row{background:#ffffff0a!important;border-color:#ffffff1a!important}html.dark .exr-result-row.is-right{color:#6ee7b7!important;background:#10b9811a!important;border-color:#10b9814d!important}html.dark .exr-result-row.is-wrong{color:#fca5a5!important;background:#ef44441a!important;border-color:#ef44444d!important}html.dark .exr-result-row strong{color:#f8fafc!important}html.dark .exr-result-num{background:#ffffff14!important}html.dark .pgn-root{border-top-color:#ffffff1a!important}html.dark .pgn-info{color:#94a3b8!important}html.dark .pgn-info strong{color:#f8fafc!important}html.dark .pgn-btn{color:#cbd5e1!important;background:#ffffff0f!important;border-color:#ffffff1f!important}html.dark .pgn-btn:hover:not(:disabled):not(.is-active){color:#fff!important;background:#ffffff1f!important;border-color:#ffffff40!important}html.dark .dashboard-shell .lib-material-card{background:#ffffff0a!important;border-color:#ffffff1a!important}html.dark .dashboard-shell .mat-icon-wrapper{color:#fb923c!important;background:#ea580c26!important}html.dark .dashboard-shell .mat-category-tag{color:#94a3b8!important}html.dark .dashboard-shell .mat-title-heading{color:#f8fafc!important}html.dark .dashboard-shell .mat-meta-specs{color:#64748b!important}html.dark .dashboard-shell .btn-download-modul{color:#f8fafc!important;background:#ffffff0f!important;border-color:#ffffff1f!important}html.dark .dashboard-shell .btn-download-modul:hover{color:#fff!important;background:#ea580c!important;border-color:#ea580c!important}html.dark .dashboard-shell .guru-materi-row{background:#ffffff0a!important;border-color:#ffffff1a!important}html.dark .dashboard-shell .guru-materi-head strong{color:#f8fafc!important}html.dark .dashboard-shell .guru-materi-meta{color:#94a3b8!important}html.dark .dashboard-shell .guru-materi-desc{color:#cbd5e1!important}html.dark .dashboard-shell .siswa-detail-head{border-bottom-color:#ffffff1a!important}html.dark .dashboard-shell .siswa-detail-title{color:#f8fafc!important}html.dark .dashboard-shell .siswa-detail-sub{color:#94a3b8!important}.apm-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.apm-error-box{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;align-items:flex-start;gap:8px;margin-top:14px;padding:11px 14px;font-size:13px;display:flex}.apm-muted{color:#64748b;font-size:12px}.apm-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:44px;height:44px;display:block;box-shadow:0 2px 6px #0f172a1f}.apm-avatar-empty{color:#c2410c;box-shadow:none;background:#ffedd5;border-color:#fed7aa;justify-content:center;align-items:center;font-weight:700;display:flex}.apm-row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.apm-badge{border-radius:var(--radius-full,999px);white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.apm-badge-ok{color:#047857;background:#d1fae5;border:1px solid #6ee7b7}.apm-badge-none{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.apm-badge-role-admin{color:#6d28d9;background:#ede9fe;border:1px solid #c4b5fd}.apm-badge-role-guru{color:#0369a1;background:#e0f2fe;border:1px solid #7dd3fc}.apm-badge-role-siswa{color:#047857;background:#d1fae5;border:1px solid #6ee7b7}.apm-btn-small{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.apm-btn-small:hover{border-color:var(--primary);color:var(--primary);background:#ff6b000f}.apm-btn-accept{color:#047857;background:#ecfdf5;border-color:#6ee7b7}.apm-btn-accept:hover{color:#047857;background:#d1fae5;border-color:#10b981}.apm-btn-reject{color:#b45309;background:#fffbeb;border-color:#fcd34d}.apm-btn-reject:hover{color:#92400e;background:#fef3c7;border-color:#f59e0b}.apm-modal-overlay{z-index:1200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f8fafcb8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.apm-modal{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:min(540px,100%);max-height:88vh;padding:24px;overflow-y:auto;box-shadow:0 24px 60px #0f172a40}.apm-modal-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:flex}.apm-modal-head h4{color:#0f172a;font-size:16px;font-weight:700}.apm-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:5px;transition:all .15s}.apm-modal-close:hover{color:#0f172a;background:#f1f5f9}.apm-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.apm-field{flex-direction:column;gap:6px;display:flex}.apm-field-full{grid-column:1/-1}.apm-field label{color:#475569;font-size:12px;font-weight:600}.apm-input,.apm-select{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.apm-input:focus,.apm-select:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #ff6b0026}.apm-input::placeholder{color:#94a3b8}.apm-select{cursor:pointer}.apm-checkbox{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-column:1/-1;align-items:center;gap:9px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.apm-checkbox input{accent-color:var(--primary);width:16px;height:16px}.apm-account-box{background:#fff7ed;border:1px dashed #cbd5e1;border-radius:12px;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:14px;padding:14px;display:grid}.apm-hint{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;grid-column:1/-1;padding:9px 12px;font-size:12px;line-height:1.55}.apm-hint code{color:var(--primary);font-weight:700}.apm-modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.apm-btn-ghost{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.apm-btn-ghost:hover{color:#0f172a;background:#f1f5f9}.apm-btn-solid{background:var(--primary);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.apm-btn-solid:hover{filter:brightness(1.08)}.apm-btn-solid:disabled{opacity:.6;cursor:wait}.apm-loading-row{text-align:center;color:#64748b;padding:28px 0;font-size:13px}.apm-search-wrap{flex:1;max-width:340px;position:relative}.apm-search-wrap>svg{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.apm-search-wrap .apm-input{border-radius:var(--radius-full,999px);padding-left:34px}@media (width<=640px){.apm-form-grid,.apm-account-box{grid-template-columns:1fr}}.dashboard-shell{--card-bg:var(--ps-card-bg,#ffffff59);--card-bg-soft:var(--ps-card-soft,#ffffff38);--card-border:var(--ps-border,#ffffffbf);--text-strong:var(--ps-strong,#1f2937);--text-soft:var(--ps-soft,#475569);--text-faint:var(--ps-faint,#64748b);--input-bg:var(--ps-input-bg,#ffffffbf);--input-border:var(--ps-input-border,#94a3b866);--hover-bg:var(--ps-hover,#ffffff80);--accent:var(--ps-accent,#e8702a);--glass-card-bg:var(--ps-card-bg,#ffffff59);--glass-card-border:var(--ps-border,#ffffffbf);--glass-card-blur:var(--ps-glass-blur,blur(24px) saturate(180%));--glass-card-shadow:var(--ps-glass-shadow,0 10px 40px #0000000d);--header-bg:var(--ps-header-bg,#ffffffb8);--header-blur:var(--ps-header-blur,blur(24px) saturate(180%));--header-border:var(--ps-header-border,#ffffffd9);--header-shadow:var(--ps-header-shadow,0 8px 32px #0000000f)}html.dark .dashboard-shell{--card-bg:var(--ps-card-bg,#141a268c);--card-bg-soft:var(--ps-card-soft,#141a2666);--card-border:var(--ps-border,#ffffff1f);--text-strong:var(--ps-strong,#f8fafc);--text-soft:var(--ps-soft,#cbd5e1);--text-faint:var(--ps-faint,#94a3b8);--input-bg:var(--ps-input-bg,#ffffff0f);--input-border:var(--ps-input-border,#ffffff26);--hover-bg:var(--ps-hover,#ffffff14);--accent:var(--ps-accent,#fb923c);--glass-card-bg:var(--ps-card-bg,#141a268c);--glass-card-border:var(--ps-border,#ffffff1f);--glass-card-blur:var(--ps-glass-blur,blur(28px) saturate(180%));--glass-card-shadow:var(--ps-glass-shadow,0 8px 32px #00000059);--header-bg:var(--ps-header-bg,#0f172ad1);--header-blur:var(--ps-header-blur,blur(28px) saturate(180%));--header-border:var(--ps-header-border,#ffffff1f);--header-shadow:var(--ps-header-shadow,0 8px 32px #00000059)}html.dark .admin-cms-overlay{--ps-card-bg:#ffffff0a;--ps-card-soft:#ffffff07;--ps-border:#ffffff1f;--ps-header-bg:#ffffff0b;--ps-glass-blur:blur(14px) saturate(140%);--ps-header-blur:blur(14px) saturate(140%);--card-bg:#ffffff0a;--card-bg-soft:#ffffff07;--glass-card-bg:#ffffff0a;--glass-card-blur:blur(14px) saturate(140%);--header-bg:#ffffff0b;--header-blur:blur(14px) saturate(140%);background:#0a0a0bb8}.admin-cms-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;isolation:isolate;--ps-card-bg:#fff3;--ps-card-soft:#ffffff1f;--ps-border:#fff9;--ps-header-bg:#ffffff85;--ps-glass-blur:blur(14px) saturate(150%);--ps-header-blur:blur(14px) saturate(150%);--card-bg:#fff3;--card-bg-soft:#ffffff1f;--glass-card-bg:#fff3;--glass-card-blur:blur(14px) saturate(150%);--header-bg:#ffffff85;--header-blur:blur(14px) saturate(150%);background:#0a0f19b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.admin-cms-overlay:before,.admin-cms-overlay:after{content:"";z-index:-1;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .5s;position:fixed;inset:0;transform:translate(0,0)}.admin-cms-overlay:before{opacity:1;background-image:url(/assets/bg-dashboard-light-BKFB-UoQ.png)}.admin-cms-overlay:after{opacity:0;background-color:#0a0a0b;background-image:url(/assets/bg-dashboard-dark-ChHpKIv_.png)}:is(html.dark,.dark,[data-theme=dark]) .admin-cms-overlay:before{opacity:0}:is(html.dark,.dark,[data-theme=dark]) .admin-cms-overlay:after{opacity:1;background-image:url(/assets/bg-dashboard-dark-ChHpKIv_.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.admin-cms-overlay.cms-fullpage-wrapper{-webkit-backdrop-filter:none;isolation:isolate;width:100%;min-height:100vh;padding:0;display:block;position:relative;inset:auto;background:0 0!important}.admin-cms-modal{-webkit-backdrop-filter:blur(20px)saturate(160%);background:#ffffffc7;border:1px solid #ffffffb3;border-radius:24px;flex-direction:column;width:100%;max-width:1320px;height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) cmsModalPop;display:flex;overflow:hidden;box-shadow:0 25px 60px #00000059}html.dark .admin-cms-modal{border-color:#ffffff1f;-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#12121294!important}.admin-cms-modal.cms-fullpage-modal,html.dark .admin-cms-modal.cms-fullpage-modal{max-width:100%;height:auto;min-height:100vh;box-shadow:none;z-index:1;border:none;border-radius:0;animation:none;display:block;position:relative;overflow:visible;-webkit-backdrop-filter:none!important;background:0 0!important}@keyframes cmsModalPop{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.admin-cms-header{color:var(--text-strong);border-bottom:1px solid var(--header-border);background:var(--header-bg);-webkit-backdrop-filter:var(--header-blur);will-change:transform, opacity;flex-shrink:0;justify-content:flex-start;align-items:center;gap:16px;padding:16px 28px;transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .28s;display:flex}.cms-fullpage-modal .admin-cms-header{z-index:1000;border:1px solid var(--header-border);box-shadow:var(--header-shadow);border-top:none;border-radius:0 0 24px 24px;padding:12px 24px;position:fixed;top:0;left:0;right:0;overflow:visible}.cms-fullpage-modal .admin-cms-header:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff59,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}html.dark .cms-fullpage-modal .admin-cms-header:after{background:#ffffff14}.dashboard-shell.ps-header-hidden .admin-cms-header{opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.4,0,.6,1),opacity .25s;transform:translateY(-115%)}.cms-traffic-lights{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000002e;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:6px 10px;display:flex}.tl{border-radius:50%;width:12px;height:12px;display:block}.tl-red{background:#ef4444;box-shadow:0 0 10px #ef444480}.tl-yellow{background:#f59e0b;box-shadow:0 0 10px #f59e0b80}.tl-green{background:#22c55e;box-shadow:0 0 10px #22c55e80}.admin-cms-brand{align-items:center;gap:14px;min-width:0;display:flex}.cms-brand-logo{object-fit:contain;filter:drop-shadow(0 2px 6px #0000001f);border-radius:12px;flex-shrink:0;width:40px;height:40px}.cms-title{color:var(--text-strong);align-items:center;gap:8px;margin:0;font-size:1.1rem;font-weight:800;display:flex}.cms-version-tag{color:var(--accent);background:#e8702a2e;border-radius:9999px;padding:2px 8px;font-size:.7rem;font-weight:700}.cms-sub{color:var(--text-faint);font-size:.78rem;display:block}.admin-cms-top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.btn-cms-action{cursor:pointer;background:var(--ps-btn-bg);height:38px;color:var(--ps-faint);border:1px solid var(--ps-btn-border);box-shadow:var(--ps-btn-shadow);-webkit-backdrop-filter:var(--ps-btn-blur);backdrop-filter:var(--ps-btn-blur);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-cms-action:hover{background:var(--ps-btn-bg-hover);color:var(--ps-strong)}.btn-cms-secondary{background:var(--ps-btn-bg);color:var(--ps-faint);border-color:var(--ps-btn-border)}.btn-cms-secondary:hover{background:var(--ps-btn-bg-hover);color:var(--ps-strong)}.btn-cms-danger{background:var(--ps-btn-bg);color:#f87171;border-color:var(--ps-btn-border)}.btn-cms-danger:hover{background:var(--ps-btn-bg-hover);color:#ef4444}.cms-theme-toggle{cursor:pointer;width:38px;height:38px;color:var(--ps-faint);background:var(--ps-btn-bg);border:1px solid var(--ps-btn-border);box-shadow:var(--ps-btn-shadow);-webkit-backdrop-filter:var(--ps-btn-blur);backdrop-filter:var(--ps-btn-blur);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.cms-theme-toggle:hover{color:var(--ps-strong);background:var(--ps-btn-bg-hover)}.cms-theme-toggle svg{color:#475569;flex-shrink:0}html.dark .cms-theme-toggle svg{color:#facc15}.cms-close-btn{background:var(--ps-btn-bg);color:var(--ps-faint);border:1px solid var(--ps-btn-border);width:38px;height:38px;box-shadow:var(--ps-btn-shadow);-webkit-backdrop-filter:var(--ps-btn-blur);backdrop-filter:var(--ps-btn-blur);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.cms-close-btn:hover{background:var(--ps-btn-bg-hover);color:var(--ps-strong)}.cms-toast-notification{color:#fff;z-index:70;background:#10b981;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:.875rem;font-weight:600;animation:.3s slideToast;display:flex;position:absolute;top:80px;right:32px;box-shadow:0 10px 25px #10b98159}@keyframes slideToast{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-login-gate{background:0 0;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.cms-fullpage-modal .admin-login-gate{width:100%;min-height:100vh}.login-card{background:var(--card-bg);-webkit-backdrop-filter:blur(24px)saturate(160%);text-align:center;border:1px solid var(--card-border);border-radius:24px;width:100%;max-width:460px;padding:44px;box-shadow:0 16px 40px #0000001f}.login-lock-circle{width:72px;height:72px;color:var(--accent);background:#e8702a24;border-radius:20px;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.login-card h3{color:var(--text-strong);margin-bottom:8px;font-size:1.3rem;font-weight:800}.login-card p{color:var(--text-faint);margin-bottom:24px;font-size:.9rem}.pin-input-group{gap:8px;display:flex}.pin-input-group input{border:1px solid var(--input-border);text-align:center;background:var(--input-bg);color:var(--text-strong);border-radius:12px;outline:none;flex:1;padding:12px 16px;font-size:.95rem;font-weight:600}.pin-input-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8702a26}.pin-error-alert{color:#ef4444;margin-top:12px;font-size:.8rem;font-weight:600}.login-hint-strip{background:var(--card-bg-soft);color:var(--text-soft);border:1px solid var(--card-border);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding:10px 14px;font-size:.775rem;display:flex}.login-hint-strip code{background:var(--hover-bg);color:var(--text-strong);border-radius:4px;padding:2px 6px;font-weight:700}.admin-cms-layout{flex:1;display:block;overflow:hidden}.cms-fullpage-modal .admin-cms-layout{padding-top:0;display:block}.cms-sidebar{background:var(--card-bg);border-right:1px solid var(--card-border);-webkit-backdrop-filter:var(--glass-card-blur);scrollbar-width:thin;flex-direction:column;padding:20px 12px;display:flex;overflow-y:auto}.cms-nav-list{flex-direction:column;flex:1;gap:6px;margin:0;padding:0;display:flex}.cms-nav-item{width:100%;height:44px;color:var(--text-soft);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:flex-start;align-items:center;gap:12px;padding:0 17px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;position:relative;overflow:hidden}.cms-nav-item svg{flex-shrink:0;width:21px;height:21px;transition:transform .2s}.cms-nav-item:hover svg,.cms-nav-item.active svg{transform:scale(1.1)}.cms-nav-item:hover{background:var(--hover-bg);color:var(--text-strong)}.cms-nav-item.active{background:var(--hover-bg);color:var(--text-strong);font-weight:700}.cms-nav-item.active:before{content:"";background:var(--accent);border-radius:0 9999px 9999px 0;width:4px;height:28px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.cms-count-badge{background:var(--accent);color:#fff;border-radius:9999px;margin-left:auto;padding:2px 8px;font-size:.7rem;font-weight:800;line-height:1.2}.cms-nav-item.active .cms-count-badge{background:var(--accent);color:#fff}.cms-sidebar-footer{border-top:1px solid var(--card-border);margin-top:auto;padding-top:14px}.btn-reset-factory{border:1px dashed var(--input-border);width:100%;height:44px;color:var(--text-faint);cursor:pointer;white-space:nowrap;background:0 0;border-radius:12px;justify-content:flex-start;align-items:center;gap:12px;padding:0 17px;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex;position:relative;overflow:hidden}.btn-reset-factory svg{flex-shrink:0;width:19px;height:19px;transition:transform .2s}.btn-reset-factory:hover{color:#ef4444;background:#ef44441f;border-color:#fca5a5}.btn-reset-factory:hover svg{transform:rotate(-45deg)}.cms-main-content{background:0 0;padding:0 32px 60px 104px;overflow-y:auto}.cms-fullpage-modal .cms-main-content{padding-top:80px}.cms-panel{background:var(--glass-card-bg);max-width:100%;-webkit-backdrop-filter:var(--glass-card-blur);backdrop-filter:var(--glass-card-blur);border:1px solid var(--glass-card-border);box-shadow:var(--glass-card-shadow);border-radius:20px;margin:0;padding:24px 28px}.cms-fullpage-modal .cms-panel{max-width:100%;margin:0}@media (width>=1024px){.cms-fullpage-modal .cms-sidebar{z-index:50;background:var(--card-bg);width:80px;-webkit-backdrop-filter:var(--glass-card-blur);backdrop-filter:var(--glass-card-blur);border:1px solid var(--card-border);scrollbar-width:none;border-radius:20px;flex-direction:column;padding:24px 12px;transition:width .3s cubic-bezier(.4,0,.2,1),top .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:80px;bottom:16px;left:12px;overflow:hidden auto;box-shadow:0 8px 32px #0000002e}.dashboard-shell.ps-header-hidden .cms-fullpage-modal .cms-sidebar{top:16px!important}.cms-fullpage-modal .cms-sidebar::-webkit-scrollbar{display:none}.cms-fullpage-modal .cms-sidebar:hover{width:280px}.cms-fullpage-modal .cms-sidebar .cms-nav-item{white-space:nowrap;justify-content:flex-start;gap:12px;height:44px;padding:0 17.5px;overflow:hidden}.cms-fullpage-modal .cms-sidebar:hover .cms-nav-item{padding:0 14px 0 12px}.cms-fullpage-modal .cms-sidebar .cms-nav-item svg{flex-shrink:0;width:21px;height:21px}.cms-fullpage-modal .cms-sidebar .cms-nav-item>span:not(.cms-count-badge),.cms-fullpage-modal .cms-sidebar .cms-count-badge,.cms-fullpage-modal .cms-sidebar .btn-reset-factory span{display:none}.cms-fullpage-modal .cms-sidebar:hover .cms-nav-item>span:not(.cms-count-badge){display:inline}.cms-fullpage-modal .cms-sidebar:hover .cms-count-badge{display:inline-block}.cms-fullpage-modal .cms-sidebar:hover .btn-reset-factory span{display:inline}.cms-fullpage-modal .cms-sidebar .btn-reset-factory{white-space:nowrap;justify-content:flex-start;gap:12px;height:44px;padding:0 18.5px;overflow:hidden}.cms-fullpage-modal .cms-sidebar:hover .btn-reset-factory{padding:0 14px 0 12px}.cms-fullpage-modal .cms-sidebar .btn-reset-factory svg{flex-shrink:0;width:19px;height:19px}.cms-fullpage-modal .cms-main-content{margin:0;padding:80px 32px 60px 104px;transition:padding-left .3s cubic-bezier(.4,0,.2,1)}.cms-fullpage-modal .cms-sidebar:hover~.cms-main-content{margin:0;padding-left:304px}}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:20px}.mt-5{margin-top:28px}.admin-cms-overlay .siswa-hero-banner{background:var(--card-bg-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--card-border);color:var(--text-strong);border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:24px 28px;display:flex;box-shadow:0 4px 20px #0000000a}.admin-cms-overlay .siswa-hero-text{flex:1;min-width:0}.admin-cms-overlay .siswa-hero-title{color:var(--text-strong);margin-bottom:8px;font-size:1.6rem;font-weight:800}.admin-cms-overlay .siswa-hero-desc{color:var(--text-soft);max-width:680px;margin:0;font-size:.875rem;line-height:1.6}.admin-cms-overlay .siswa-hero-badge{background:var(--hover-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);border-radius:16px;flex-shrink:0;align-items:center;gap:14px;padding:14px 18px;display:flex}.admin-cms-overlay .siswa-hero-badge .badge-title{color:var(--text-strong);font-size:.925rem;font-weight:800;display:block}.admin-cms-overlay .siswa-hero-badge .badge-nisn{color:var(--text-faint);font-family:inherit;font-size:.75rem;font-weight:600;display:block}.admin-cms-overlay .siswa-live-tag{color:var(--accent);letter-spacing:.05em;background:#e8702a29;border:1px solid #e8702a59;border-radius:9999px;align-items:center;gap:8px;margin-bottom:12px;padding:4px 12px;font-size:.7rem;font-weight:800;display:inline-flex}.admin-cms-overlay .pulse-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulseAnimation;box-shadow:0 0 #e8702ab3}@keyframes pulseAnimation{0%{box-shadow:0 0 #ff6b00b3}70%{box-shadow:0 0 0 8px #ff6b0000}to{box-shadow:0 0 #ff6b0000}}.admin-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.admin-kpi-card{isolation:isolate;text-align:left;width:100%;min-height:232px;color:var(--text-strong);background:var(--card-bg-soft);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;flex-direction:column;align-items:flex-start;padding:20px;transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s,box-shadow .25s,background .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #00000008}.admin-kpi-card:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 90% at 100% 0,#e8702a21,#0000 58%);position:absolute;inset:0}html.dark .admin-kpi-card:before{background:0 0}.admin-kpi-card:hover{background:var(--card-bg);border-color:#e8702a7a;transform:translateY(-3px);box-shadow:0 20px 42px -26px #e8702aa6}.admin-kpi-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.admin-kpi-card__top{align-items:center;gap:10px;width:100%;min-width:0;display:flex}.admin-kpi-card__icon{width:44px;height:44px;color:var(--accent);background:#e8702a24;border:1px solid #e8702a47;border-radius:13px;flex-shrink:0;place-items:center;display:grid}.admin-kpi-card:hover .admin-kpi-card__icon{background:#e8702a33}.admin-kpi-card__label{min-width:0;color:var(--text-faint);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:800;overflow:hidden}.admin-kpi-card__badge{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;background:#e8702a1f;border:1px solid #e8702a3d;border-radius:9999px;margin-left:auto;padding:3px 9px;font-size:.68rem;font-weight:800;overflow:hidden}.admin-kpi-card__value{color:var(--text-strong);letter-spacing:-.03em;margin-top:16px;font-size:2rem;font-weight:800;line-height:1}.admin-kpi-card__note{color:var(--text-faint);margin-top:4px;font-size:.75rem;font-weight:600}.admin-kpi-card__title{color:var(--text-strong);margin-top:14px;font-size:.95rem;font-weight:800;line-height:1.3}.admin-kpi-card__desc{color:var(--text-faint);margin-top:5px;font-size:.78rem;line-height:1.45}.admin-kpi-card__cta{color:var(--accent);align-items:center;gap:4px;margin-top:auto;padding-top:14px;font-size:.75rem;font-weight:800;display:inline-flex}.admin-kpi-card__cta svg{transition:transform .2s}.admin-kpi-card:hover .admin-kpi-card__cta svg{transform:translate(3px)}@media (width<=1280px){.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.admin-kpi-grid{grid-template-columns:1fr}.admin-kpi-card{min-height:0}}.admin-cms-overlay .siswa-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.admin-cms-overlay .kpi-card{background:var(--card-bg-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);color:var(--text-strong);text-align:left;cursor:pointer;border-radius:18px;align-items:center;gap:14px;width:100%;padding:18px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #00000008}.admin-cms-overlay .kpi-card:hover{border-color:var(--accent);background:var(--hover-bg);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.admin-cms-overlay .kpi-icon-box{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.admin-cms-overlay .kpi-icon-box.bg-blue{color:var(--accent);background:#e8702a29}.admin-cms-overlay .kpi-icon-box.bg-purple{color:#9333ea;background:#9333ea29}.admin-cms-overlay .kpi-icon-box.bg-orange{color:var(--accent);background:#e8702a2e}.admin-cms-overlay .kpi-icon-box.bg-emerald{color:#10b981;background:#10b98129}html.dark .admin-cms-overlay .kpi-icon-box.bg-blue{color:#fb923c}html.dark .admin-cms-overlay .kpi-icon-box.bg-purple{color:#c084fc}html.dark .admin-cms-overlay .kpi-icon-box.bg-orange{color:#fb923c}html.dark .admin-cms-overlay .kpi-icon-box.bg-emerald{color:#34d399}.admin-cms-overlay .kpi-info{flex-direction:column;gap:3px;min-width:0;display:flex}.admin-cms-overlay .kpi-lbl{color:var(--text-faint);margin:0;font-size:.78rem;font-weight:600}.admin-cms-overlay .kpi-val{color:var(--text-strong);margin:0;font-size:1.45rem;font-weight:800;line-height:1.2}.admin-cms-overlay .kpi-sub{font-size:.725rem;font-weight:600}html.dark .text-emerald{color:#34d399}html.dark .text-blue{color:#fb923c}html.dark .text-purple{color:#c084fc}@media (width<=1024px){.admin-cms-overlay .siswa-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.admin-cms-overlay .siswa-hero-banner{flex-direction:column;align-items:flex-start;padding:24px}.admin-cms-overlay .siswa-kpi-grid{grid-template-columns:1fr}}.panel-title-strip{border-bottom:1px solid var(--card-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;padding-bottom:20px;display:flex}.panel-title-strip h3{color:var(--text-strong);margin-bottom:4px;font-size:1.35rem;font-weight:800}.panel-title-strip p{color:var(--text-faint);margin:0;font-size:.875rem}.header-action-btns{align-items:center;gap:10px;display:flex}.btn-save{padding:10px 20px;font-size:.875rem;font-weight:700}.cms-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.cms-stat-box,.cms-info-card,.cms-sub-section,.guide-card,.message-card-item{background:var(--card-bg-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:20px;min-width:0;box-shadow:0 4px 16px #00000008}.cms-stat-box{align-items:center;gap:16px;padding:20px;display:flex}.stat-icon-wrap{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon-wrap.bg-blue{color:#e8702a;background:#e8702a29}.stat-icon-wrap.bg-purple{color:#9333ea;background:#9333ea29}.stat-icon-wrap.bg-orange{color:var(--accent);background:#e8702a2e}.stat-icon-wrap.bg-green{color:#16a34a;background:#16a34a29}html.dark .stat-icon-wrap.bg-blue{color:#fb923c}html.dark .stat-icon-wrap.bg-purple{color:#c084fc}html.dark .stat-icon-wrap.bg-orange{color:#fb923c}html.dark .stat-icon-wrap.bg-green{color:#4ade80}.stat-number{color:var(--text-strong);font-size:1.5rem;font-weight:800;line-height:1.2;display:block}.stat-name{color:var(--text-faint);font-size:.775rem;font-weight:600}.cms-info-card{min-width:0;padding:24px}.card-header-with-badge{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.card-header-with-badge h4{color:var(--text-strong);font-weight:800}.badge-live-storage{color:#16a34a;background:#16a34a29;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:.775rem;font-weight:700;display:inline-flex}html.dark .badge-live-storage{color:#4ade80}.quick-backup-strip{flex-wrap:wrap;gap:12px;display:flex}.cms-date-pill{color:var(--text-soft);background:var(--hover-bg);border:1px solid var(--card-border);border-radius:9999px;align-items:center;gap:6px;padding:7px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.btn-sm{border-radius:10px!important;padding:6px 12px!important;font-size:.75rem!important}.card-header-with-badge h4{align-items:center;gap:8px;display:flex}.cms-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.cms-quick-action{cursor:pointer;text-align:center;background:var(--card-bg-soft);border:1px solid var(--card-border);color:var(--text-soft);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px 10px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.cms-quick-action:hover{background:var(--hover-bg);color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.cms-overview-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-bottom:20px;display:grid}.cms-overview-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:0;display:grid}.cms-info-list{flex-direction:column;margin-top:14px;display:flex}.cms-info-row{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.cms-info-row:last-child{border-bottom:none}.cms-info-row span{color:var(--text-faint);font-size:.8rem;font-weight:600}.cms-info-row strong{color:var(--text-strong);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-size:.85rem;font-weight:700;overflow:hidden}.cms-mini-list{flex-direction:column;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.cms-mini-item{background:var(--card-bg-soft);border:1px solid var(--card-border);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.cms-mini-avatar{width:36px;height:36px;color:var(--accent);background:#e8702a29;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cms-mini-avatar.is-mail{color:#0284c7;background:#0ea5e929}html.dark .cms-mini-avatar.is-mail{color:#38bdf8}.cms-mini-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cms-mini-body strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:700;overflow:hidden}.cms-mini-body span{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.cms-mini-tag{background:var(--hover-bg);color:var(--text-soft);text-transform:uppercase;letter-spacing:.02em;border-radius:9999px;flex-shrink:0;padding:3px 10px;font-size:.68rem;font-weight:800}.cms-empty-mini{text-align:center;border:1px dashed var(--card-border);color:var(--text-faint);border-radius:14px;margin-top:14px;padding:24px;font-size:.82rem}.cms-summary-card{background:var(--card-bg-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:20px;min-width:0;padding:24px;box-shadow:0 4px 16px #00000008}.cms-summary-head{color:var(--text-strong);border-bottom:1px solid var(--card-border);align-items:center;gap:8px;margin-bottom:8px;padding-bottom:12px;font-size:.95rem;font-weight:800;display:flex}.cms-summary-head svg{color:var(--accent)}.cms-summary-rows{flex-direction:column;display:flex}.cms-summary-row{justify-content:space-between;align-items:center;padding:8px 0;font-size:.82rem;display:flex}.cms-summary-row span{color:var(--text-faint);font-weight:600}.cms-summary-row strong{color:var(--text-strong);font-weight:800}.cms-summary-row strong.is-ok{color:#16a34a}html.dark .cms-summary-row strong.is-ok{color:#4ade80}.cms-sub-cards-stack{flex-direction:column;gap:20px;display:flex}.cms-sub-card{background:var(--card-bg-soft);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(14px);border-radius:20px;padding:24px 28px;box-shadow:0 4px 16px #00000008}.cms-sub-card-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.cms-sub-card-title{color:var(--text-strong);align-items:center;gap:10px;font-size:1.05rem;font-weight:800;display:flex}.cms-sub-card-title svg{color:var(--accent)}.cms-sub-card-desc{color:var(--text-faint);margin-top:2px;font-size:.8rem}.cms-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-soft);align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.form-group label svg{color:var(--accent);opacity:.85}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-strong);border-radius:12px;outline:none;padding:11px 16px;font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8702a24}.form-helper{color:var(--text-faint);margin-top:3px;font-size:.725rem}.cms-sub-section{background:var(--card-bg-soft);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(14px);border-radius:20px;padding:24px}.cms-sub-section h4{color:var(--text-strong);font-size:1.1rem;font-weight:800}.majors-edit-selector{border-bottom:1px solid var(--card-border);flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:14px;display:flex}.major-select-pill{border:1px solid var(--card-border);background:var(--hover-bg);color:var(--text-soft);cursor:pointer;border-radius:9999px;align-items:center;gap:6px;padding:8px 18px;font-size:.825rem;font-weight:700;transition:all .2s;display:inline-flex}.major-select-pill:hover{border-color:var(--accent);color:var(--accent);background:var(--input-bg)}.major-select-pill.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 14px #e8702a59}.major-pill-flag{background:color-mix(in srgb, currentColor 20%, transparent);letter-spacing:.08em;text-transform:uppercase;border-radius:9999px;padding:2px 7px;font-size:.62rem;font-weight:800}.cms-check-field{color:var(--text-strong);cursor:pointer;align-items:center;gap:9px;font-size:.875rem;font-weight:700;display:flex}.cms-check-field input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}.cms-major-danger{border-top:1px solid var(--card-border);flex-wrap:wrap;align-items:center;gap:12px;padding-top:14px;display:flex}.teacher-table-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;display:flex}.teacher-filter-pills{flex-wrap:wrap;gap:6px;display:flex}.teacher-filter-pill{border:1px solid var(--card-border);background:var(--hover-bg);color:var(--text-soft);cursor:pointer;border-radius:9999px;padding:6px 14px;font-size:.75rem;font-weight:700;transition:all .2s}.teacher-filter-pill:hover{border-color:var(--accent);color:var(--text-strong)}.teacher-filter-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.teacher-avatar-badge{width:36px;height:36px;color:var(--accent);background:#e8702a29;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.teacher-name-cell{align-items:center;gap:12px;display:flex}.teacher-avatar-edit{cursor:pointer;border-radius:12px;flex-shrink:0;width:42px;height:42px;display:flex;position:relative;overflow:hidden}.teacher-avatar-edit img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.teacher-avatar-edit .teacher-avatar-badge{border-radius:0;width:100%;height:100%}.teacher-avatar-edit-badge{background:var(--accent);color:#fff;border-radius:6px 0 10px;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:0;right:0}.teacher-avatar-edit.is-busy{opacity:.7;pointer-events:none}.cms-photo-field{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.cms-color-field{align-items:center;gap:8px;display:flex}.cms-color-field input[type=color]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:46px;height:38px;padding:2px}.cms-color-field input[type=text]{flex:1;min-width:0}.cms-photo-preview{border:1px dashed var(--input-border);background:var(--input-bg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:110px;display:flex;overflow:hidden}.cms-photo-preview img{object-fit:cover;width:100%;height:100%;display:block}.cms-photo-empty{color:var(--text-faint);flex-direction:column;align-items:center;gap:6px;font-size:.72rem;display:flex}.cms-photo-actions{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.cms-upload-btn{cursor:pointer;position:relative;overflow:hidden}.cms-upload-btn.is-disabled{opacity:.6;pointer-events:none}.cms-file-input{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cms-photo-hint{color:var(--text-faint);font-size:.72rem}.cms-photo-preview--logo{background:#ffffffbf;border-radius:14px}.cms-photo-preview--logo img{object-fit:contain;padding:6px}.cms-footerlink-list{flex-direction:column;gap:10px;display:flex}.cms-footerlink-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.cms-spin{animation:.9s linear infinite cms-spin}@keyframes cms-spin{to{transform:rotate(360deg)}}.inline-table-input option{color:#1f2937;background:#fff}.cms-search-box{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-faint);border-radius:14px;flex:1;align-items:center;gap:10px;min-width:260px;padding:10px 16px;display:flex}.cms-search-box input{color:var(--text-strong);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.cms-table-wrapper{border:1px solid var(--card-border);background:var(--card-bg-soft);-webkit-backdrop-filter:blur(16px);border-radius:18px;overflow-x:auto;box-shadow:0 4px 16px #00000008}.cms-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.cms-data-table th{background:var(--hover-bg);color:var(--text-soft);border-bottom:1px solid var(--card-border);text-transform:uppercase;letter-spacing:.03em;padding:13px 16px;font-size:.725rem;font-weight:700}.cms-data-table td{border-bottom:1px solid var(--card-border);color:var(--text-soft);vertical-align:middle;padding:12px 16px}.cms-data-table tr:last-child td{border-bottom:none}.cms-data-table tr:hover td{background:var(--hover-bg)}.inline-table-input{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text-strong);border-radius:10px;padding:8px 12px;font-size:.85rem;transition:all .2s}.inline-table-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #e8702a1f}.btn-icon-delete{color:#ef4444;cursor:pointer;background:#ef444424;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.btn-icon-delete:hover{color:#fff;background:#ef4444;transform:scale(1.05)}.badge-major{color:#0284c7;background:#0ea5e929;border-radius:9999px;padding:3px 8px;font-size:.725rem;font-weight:700}html.dark .badge-major{color:#38bdf8}.badge-status{color:#d97706;background:#f59e0b29;border-radius:9999px;padding:3px 8px;font-size:.725rem;font-weight:700}html.dark .badge-status{color:#fbbf24}.link-wa{color:#16a34a;align-items:center;gap:4px;font-weight:600;display:inline-flex}html.dark .link-wa{color:#4ade80}.cms-search-clear-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.cms-search-clear-btn:hover{color:var(--text-strong);background:var(--hover-bg)}.cms-pill-badge{background:#00000014;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:.68rem;display:inline-flex}.teacher-filter-pill.active .cms-pill-badge{color:#fff;background:#ffffff4d}.table-status-bar{background:var(--card-bg-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--card-border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:16px 0;padding:10px 18px;display:flex;box-shadow:0 2px 8px #00000005}.table-status-left{align-items:center;gap:10px;display:flex}.table-status-icon{color:var(--accent);flex-shrink:0}.table-count-badge{color:var(--text-soft);font-size:.84rem}.table-count-badge strong{color:var(--text-strong);font-weight:700}.table-status-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.table-page-badge{color:var(--accent);background:#e8702a1f;border:1px solid #e8702a38;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.775rem;font-weight:600;display:inline-flex}.table-page-badge strong{font-weight:800}.table-limit-badge{color:var(--text-faint);background:var(--hover-bg);border:1px solid var(--card-border);letter-spacing:.02em;border-radius:999px;padding:4px 10px;font-size:.725rem;font-weight:700}.cms-pagination-bar{border-top:1px solid var(--card-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding-top:18px;display:flex}.cms-pagination-btn{background:var(--card-bg-soft);border:1px solid var(--card-border);color:var(--text-strong);cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:8px 16px;font-size:.825rem;font-weight:700;transition:all .2s;display:inline-flex}.cms-pagination-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--hover-bg)}.cms-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.cms-pagination-pills{align-items:center;gap:6px;display:flex}.cms-page-pill{background:var(--card-bg-soft);border:1px solid var(--card-border);min-width:36px;height:36px;color:var(--text-strong);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 8px;font-size:.84rem;font-weight:700;transition:all .2s;display:inline-flex}.cms-page-pill:hover:not(.active){border-color:var(--accent);color:var(--accent)}.cms-page-pill.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px #e8702a4d}.messages-stream{flex-direction:column;gap:16px;display:flex}.message-card-item{padding:20px}.message-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.msg-sender{color:var(--text-strong);font-size:1rem}.msg-cat-badge{background:var(--hover-bg);color:var(--text-soft);border-radius:9999px;margin-left:10px;padding:2px 8px;font-size:.725rem;font-weight:700}.msg-date{color:var(--text-faint);font-size:.775rem}.msg-body{color:var(--text-soft);margin-bottom:16px;font-size:.925rem;line-height:1.6}.message-card-bottom{border-top:1px solid var(--card-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.msg-contacts{color:var(--text-faint);flex-wrap:wrap;gap:16px;font-size:.8rem;display:flex}.msg-actions{align-items:center;gap:8px;display:flex}.empty-stream-box{color:var(--text-faint);background:var(--card-bg-soft);border:1px dashed var(--card-border);border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.guide-content-cards{flex-direction:column;gap:20px;display:flex}.guide-card{padding:28px}.guide-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.guide-icon.bg-blue{color:#e8702a;background:#e8702a29}.guide-icon.bg-green{color:#16a34a;background:#16a34a29}.guide-icon.bg-orange{color:var(--accent);background:#e8702a2e}html.dark .guide-icon.bg-blue{color:#fb923c}html.dark .guide-icon.bg-green{color:#4ade80}html.dark .guide-icon.bg-orange{color:#fb923c}.guide-card h4{color:var(--text-strong);margin-bottom:10px;font-size:1.1rem;font-weight:800}.guide-card p{color:var(--text-soft);margin:0;font-size:.925rem;line-height:1.7}@media (width<=1023px){.admin-cms-layout{grid-template-columns:1fr}.cms-fullpage-modal .admin-cms-layout{padding-top:0}.cms-sidebar{display:none}.cms-main-content{padding:20px 16px 96px}.cms-fullpage-modal .cms-main-content{margin:0;padding:76px 16px 96px}.admin-cms-header{border-radius:0 0 18px 18px;gap:8px;padding:8px 12px}.cms-traffic-lights{border-radius:7px;gap:4px;padding:3px 6px}.cms-traffic-lights .tl{width:7.5px;height:7.5px}.cms-brand-logo{width:28px;height:28px}.cms-sub{display:none}.cms-title{font-size:.875rem}.cms-version-tag{display:none}.admin-cms-top-actions{gap:6px}.btn-cms-action span{display:none}.btn-cms-action{border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.cms-theme-toggle,.cms-close-btn{border-radius:9px;width:32px;height:32px}.cms-stats-grid{grid-template-columns:repeat(2,1fr)}.cms-form-grid{grid-template-columns:1fr}.cms-quick-actions{grid-template-columns:repeat(2,1fr)}.cms-overview-grid,.cms-overview-grid-3{grid-template-columns:1fr}}@media (width<=560px){.cms-stats-grid{grid-template-columns:1fr}.panel-title-strip{flex-direction:column;align-items:stretch}.cms-quick-actions{grid-template-columns:repeat(2,1fr)}}.glass-confirm-portal{z-index:9999;pointer-events:auto;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.glass-confirm-backdrop{z-index:0;-webkit-backdrop-filter:blur(14px)saturate(160%);background:#0b121ea6;position:fixed;inset:0}.glass-confirm-wrapper{z-index:1;justify-content:center;width:100%;max-width:440px;margin:auto;display:flex;position:relative}.glass-confirm-card{text-align:center;-webkit-backdrop-filter:blur(30px)saturate(190%);color:#0f172a;background:#ffffffd1;border:1px solid #ffffffe6;border-radius:26px;flex-direction:column;align-items:center;width:100%;padding:30px 26px 26px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px -15px #0f172a38,inset 0 0 0 1px #fffc,0 8px 20px -6px #0f172a14}:is(html.dark,.dark,[data-theme=dark]) .glass-confirm-card{-webkit-backdrop-filter:blur(36px)saturate(200%);color:#f8fafc;background:#121a2bd1;border:1px solid #ffffff26;box-shadow:0 32px 75px -16px #000000bf,inset 0 0 0 1px #ffffff1a,0 12px 30px -8px #00000080}.glass-confirm-close{color:#64748b;cursor:pointer;background:#0000000a;border:1px solid #00000014;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.glass-confirm-close:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d;transform:rotate(90deg)}:is(html.dark,.dark,[data-theme=dark]) .glass-confirm-close{color:#94a3b8;background:#ffffff0f;border-color:#ffffff1f}:is(html.dark,.dark,[data-theme=dark]) .glass-confirm-close:hover{color:#fca5a5;background:#ef444433;border-color:#ef444466}.glass-confirm-glow{filter:blur(50px);pointer-events:none;opacity:.65;z-index:0;border-radius:50%;width:220px;height:180px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.glass-confirm-card.tone-danger .glass-confirm-glow{background:radial-gradient(circle,#ef44448c 0%,#ef444400 70%)}.glass-confirm-card.tone-logout .glass-confirm-glow{background:radial-gradient(circle,#f9731680 0%,#ef444400 70%)}.glass-confirm-card.tone-warning .glass-confirm-glow{background:radial-gradient(circle,#f59e0b8c 0%,#f59e0b00 70%)}.glass-confirm-card.tone-primary .glass-confirm-glow{background:radial-gradient(circle,#e8702a8c 0%,#e8702a00 70%)}.glass-confirm-card.tone-info .glass-confirm-glow{background:radial-gradient(circle,#3b82f68c 0%,#3b82f600 70%)}.glass-confirm-icon-wrap{z-index:1;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex;position:relative;box-shadow:0 14px 28px -8px #00000026}.glass-confirm-icon-inner{border-radius:22px;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .25s;display:flex}.glass-confirm-card:hover .glass-confirm-icon-inner{transform:scale(1.06)}.glass-confirm-card.tone-danger .glass-confirm-icon-wrap{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef444459;box-shadow:0 12px 30px -8px #dc262659}.glass-confirm-card.tone-logout .glass-confirm-icon-wrap{color:#ea580c;background:linear-gradient(135deg,#ffedd5,#fed7aa);border:1px solid #f9731659;box-shadow:0 12px 30px -8px #ea580c59}.glass-confirm-card.tone-warning .glass-confirm-icon-wrap{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b59;box-shadow:0 12px 30px -8px #d9770659}.glass-confirm-card.tone-primary .glass-confirm-icon-wrap{color:#c2410c;background:linear-gradient(135deg,#ffedd5,#fed7aa);border:1px solid #e8702a59;box-shadow:0 12px 30px -8px #e8702a59}.glass-confirm-card.tone-info .glass-confirm-icon-wrap{color:#0284c7;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #3b82f659;box-shadow:0 12px 30px -8px #0284c759}:is(html.dark,.dark,[data-theme=dark]) .glass-confirm-card.tone-danger .glass-confirm-icon-wrap{color:#f87171;background:linear-gradient(135deg,#ef444438,#ef444414);border-color:#ef444473}:is(html.dark,.dark,[data-theme=dark]) .glass-confirm-card.tone-logout .glass-confirm-icon-wrap{color:#fb923c;background:linear-gradient(135deg,#f9731638,#f9731614);border-color:#f9731673}:is(html.dark,.dark,[data-theme=dark]) .glass-confirm-card.tone-warning .glass-confirm-icon-wrap{color:#fbbf24;background:linear-gradient(135deg,#f59e0b38,#f59e0b14);border-color:#f59e0b73}:is(html.dark,.dark,[data-theme=dark]) .glass-confirm-card.tone-primary .glass-confirm-icon-wrap{color:#fb923c;background:linear-gradient(135deg,#e8702a38,#e8702a14);border-color:#e8702a73}:is(html.dark,.dark,[data-theme=dark]) .glass-confirm-card.tone-info .glass-confirm-icon-wrap{color:#60a5fa;background:linear-gradient(135deg,#3b82f638,#3b82f614);border-color:#3b82f673}.glass-confirm-content{z-index:1;width:100%;margin-bottom:24px;position:relative}.glass-confirm-title{letter-spacing:-.02em;color:#0f172a;margin:0 0 10px;font-size:1.25rem;font-weight:800;line-height:1.35}:is(html.dark,.dark,[data-theme=dark]) .glass-confirm-title{color:#f8fafc}.glass-confirm-message{color:#475569;margin:0;font-size:.875rem;line-height:1.55}:is(html.dark,.dark,[data-theme=dark]) .glass-confirm-message{color:#cbd5e1}.glass-confirm-extra{color:#64748b;text-align:left;background:#0000000a;border:1px dashed #0000001f;border-radius:14px;margin-top:14px;padding:12px 14px;font-size:.8125rem}:is(html.dark,.dark,[data-theme=dark]) .glass-confirm-extra{color:#94a3b8;background:#ffffff0d;border-color:#ffffff26}.glass-confirm-actions{z-index:1;gap:12px;width:100%;display:flex;position:relative}.glass-confirm-btn{cursor:pointer;border-radius:14px;outline:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:.875rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.glass-confirm-btn:active{transform:scale(.97)}.glass-confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.glass-confirm-btn-cancel{color:#475569;background:#0000000d;border:1px solid #0000001a}.glass-confirm-btn-cancel:hover:not(:disabled){color:#0f172a;background:#00000014;border-color:#00000026}:is(html.dark,.dark,[data-theme=dark]) .glass-confirm-btn-cancel{color:#cbd5e1;background:#ffffff14;border-color:#ffffff24}:is(html.dark,.dark,[data-theme=dark]) .glass-confirm-btn-cancel:hover:not(:disabled){color:#fff;background:#ffffff24;border-color:#ffffff40}.glass-confirm-btn-confirm{color:#fff;border:none;font-weight:800}.glass-confirm-btn-confirm.tone-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 24px -6px #dc262673}.glass-confirm-btn-confirm.tone-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 14px 28px -6px #dc262699}.glass-confirm-btn-confirm.tone-logout{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 10px 24px -6px #ea580c73}.glass-confirm-btn-confirm.tone-logout:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-2px);box-shadow:0 14px 28px -6px #ea580c99}.glass-confirm-btn-confirm.tone-warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 24px -6px #d9770673}.glass-confirm-btn-confirm.tone-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 14px 28px -6px #d9770699}.glass-confirm-btn-confirm.tone-primary{background:linear-gradient(135deg,#ff6b00,#e8702a);box-shadow:0 10px 24px -6px #e8702a73}.glass-confirm-btn-confirm.tone-primary:hover:not(:disabled){background:linear-gradient(135deg,#e8702a,#c2410c);transform:translateY(-2px);box-shadow:0 14px 28px -6px #e8702a99}.glass-confirm-btn-confirm.tone-info{background:linear-gradient(135deg,#3b82f6,#0284c7);box-shadow:0 10px 24px -6px #0284c773}.glass-confirm-btn-confirm.tone-info:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0369a1);transform:translateY(-2px);box-shadow:0 14px 28px -6px #0284c799}.glass-confirm-spinner{animation:.85s linear infinite glass-confirm-spin}@keyframes glass-confirm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=480px){.glass-confirm-card{border-radius:22px;padding:24px 20px 20px}.glass-confirm-actions{flex-direction:column-reverse;gap:10px}.glass-confirm-btn{width:100%;padding:13px}}.ps-mobile-nav{display:none}@media (width<=1023px){.ps-mobile-nav{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:200;max-width:448px;margin:0 auto;display:block;position:fixed}}.ps-mobile-nav__wrap{position:relative}.ps-mobile-nav__shell{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);background:#ffffff40;border:1px solid #ffffffbf;border-radius:9999px;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000000d,0 4px 12px #00000008,inset 0 1px #fffffff2,inset 0 -1px #fff6}.ps-mobile-nav__dots{z-index:5;align-items:center;gap:6px;display:flex;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.ps-mobile-nav__dot{cursor:pointer;background:#94a3b88c;border:none;border-radius:9999px;width:8px;height:8px;padding:0;transition:width .3s,background .3s}.ps-mobile-nav__dot:hover{background:#64748bcc}.ps-mobile-nav__dot.is-active{background:#e8702a;width:16px}.ps-mobile-nav__row{align-items:center;padding:8px;display:flex;position:relative}.ps-mobile-nav__arrow{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:color .3s,background .3s,opacity .3s;display:flex}.ps-mobile-nav__arrow:hover{color:#334155;background:#f1f5f980}.ps-mobile-nav__arrow.is-hidden{opacity:0;pointer-events:none}.ps-mobile-nav__viewport{flex:1;min-width:0;position:relative;overflow:hidden}.ps-mobile-nav__slide{justify-content:space-around;align-items:center;width:100%;display:flex}.ps-mobile-nav__item{color:#64748b;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:9999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;transition:color .3s;display:flex;position:relative}.ps-mobile-nav__item.is-active{color:#1f2937}.ps-mobile-nav__active-bg{-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);background:#ffffff8c;border:1px solid #fffc;border-radius:9999px;position:absolute;inset:0;box-shadow:inset 0 1px #fffffff2,0 2px 10px #0000000f}.ps-mobile-nav__content{z-index:1;align-items:center;gap:6px;display:flex;position:relative}.ps-mobile-nav__content svg{flex-shrink:0}.ps-mobile-nav__label{white-space:nowrap;font-size:11px;font-weight:600;line-height:1.2;display:inline-block;overflow:hidden}html.dark .ps-mobile-nav__shell{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background:#ffffff05;border-color:#ffffff26;box-shadow:0 10px 40px #0000004d,0 4px 12px #0003,inset 0 1px #ffffff1a,inset 0 -1px #ffffff08,inset 1px 0 #ffffff0d,inset -1px 0 #ffffff0d}html.dark .ps-mobile-nav__dot{background:#ffffff4d}html.dark .ps-mobile-nav__dot:hover{background:#ffffff80}html.dark .ps-mobile-nav__dot.is-active{background:#e8702a}html.dark .ps-mobile-nav__arrow{color:#ffffff80}html.dark .ps-mobile-nav__arrow:hover{color:#fff;background:#ffffff1a}html.dark .ps-mobile-nav__item{color:#ffffff80}html.dark .ps-mobile-nav__item.is-active{color:#fff}html.dark .ps-mobile-nav__active-bg{background:#ffffff26;border-color:#fff3}@media (width<=359px){.ps-mobile-nav{left:10px;right:10px}.ps-mobile-nav__row{padding:6px}.ps-mobile-nav__arrow{width:28px;height:28px}.ps-mobile-nav__item{padding:7px 9px}}.light-tunnel-container{width:100%;height:100%;position:relative;overflow:hidden}.light-tunnel-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.panda-stage{--panda-ink:#1e293b;--panda-line:#0b1220;--panda-blush:#fb7185;z-index:2;width:31.25em;font-size:var(--panda-em,13px);filter:drop-shadow(0 14px 22px #02061747);pointer-events:none;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.panda-ear{background:var(--panda-ink);border:.18em solid var(--panda-line);border-radius:2.5em 2.5em 0 0;width:2.81em;height:2.5em;position:absolute;top:1.75em}.panda-ear--l{left:10.75em;transform:rotate(-38deg)}.panda-ear--r{right:10.75em;transform:rotate(38deg)}.panda-face{border:.18em solid var(--panda-line);z-index:1;background:#fff;border-radius:7.5em 7.5em 5.62em 5.62em;width:8.4em;height:7.5em;margin:0 auto;position:absolute;top:2em;left:0;right:0}.panda-blush{background:var(--panda-blush);opacity:.85;border-radius:50%;width:1.37em;height:1em;position:absolute;top:4em}.panda-blush--l{left:1em;transform:rotate(25deg)}.panda-blush--r{right:1em;transform:rotate(-25deg)}.panda-eye{background:var(--panda-ink);border-radius:2em;width:2em;height:2.18em;position:absolute;top:2.5em}.panda-eye--l{left:1.87em}.panda-eye--r{right:1.87em}.panda-eyeball{background:#fff;border-radius:50%;width:.6em;height:.6em;transition:top .3s,left .3s;position:absolute;top:.6em;left:.7em}.panda-nose{background:var(--panda-ink);border-radius:1.2em 0 0 .25em;width:1em;height:1em;margin:0 auto;position:absolute;top:4.37em;left:0;right:0;transform:rotate(45deg)}.panda-nose:before{content:"";background:var(--panda-ink);width:.1em;height:.6em;position:absolute;top:.75em;left:1em;transform:rotate(-45deg)}.panda-mouth,.panda-mouth:before{width:.93em;height:.75em;box-shadow:0 .18em var(--panda-ink);border-radius:50%;position:absolute}.panda-mouth{top:5.31em;left:3.12em}.panda-mouth:before{content:"";left:.87em}.panda-hand-clip{z-index:2;height:9.35em;position:absolute;top:0;left:0;right:0;overflow:hidden}.panda-hand{background:var(--panda-ink);border:.18em solid var(--panda-line);border-radius:.6em .6em 2.18em 2.18em;width:2.5em;height:2.81em;transition:top .6s cubic-bezier(.22,1,.36,1),left .6s cubic-bezier(.22,1,.36,1),right .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);position:absolute;top:8.4em}.panda-hand--l{left:7.5em}.panda-hand--r{right:7.5em}.panda-paw-clip{z-index:1;height:1.56em;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.panda-paw{background:var(--panda-ink);border:.18em solid var(--panda-line);border-radius:2.5em 2.5em 1.2em 1.2em;width:3.12em;height:3.12em;position:absolute;bottom:0}.panda-paw--l{left:10em}.panda-paw--r{right:10em}.panda-paw:before{content:"";background:#fff;border-radius:1.56em 1.56em .6em .6em;width:1.75em;height:1.37em;position:absolute;top:1.12em;left:.55em}.panda-paw:after{content:"";background:#fff;border-radius:50%;width:.5em;height:.5em;position:absolute;top:.31em;left:1.12em;box-shadow:.87em .37em #fff,-.87em .37em #fff}.panda-stage--look .panda-eyeball{top:1.12em}.panda-stage--cover .panda-hand--l{height:6.56em;top:3.87em;left:11.75em;transform:rotate(-155deg)}.panda-stage--cover .panda-hand--r{height:6.56em;top:3.87em;right:11.75em;transform:rotate(155deg)}@media (prefers-reduced-motion:reduce){.panda-hand,.panda-eyeball{transition:none}}@keyframes login-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes login-spin{to{transform:rotate(360deg)}}@media (width<=900px){.login-shell{-webkit-backdrop-filter:none;backdrop-filter:none;max-width:460px;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:1fr;gap:26px;padding:0}.login-brand-panel{text-align:center;align-items:center;gap:22px;max-width:none}.login-hero{align-items:center}.login-hero-desc{max-width:46ch}.login-features{display:none}.login-form-panel{--panda-em:10px;max-width:none}}@media (width<=560px){.login-page{padding:84px 16px 36px}.login-form-glass{border-radius:22px;padding:20px 18px 18px}.login-form-header{margin-bottom:12px}.login-brand{gap:12px}.login-logo{width:48px;height:48px}.login-hero-title{font-size:1.65rem}}@media (width<=400px){.login-form-panel{--panda-em:8.5px}}@media (prefers-reduced-motion:reduce){.login-page,.login-back-btn,.login-input,.login-submit{transition:none}.login-error{animation:none}}.admin-security-notice{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--muted);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.78rem;line-height:1.55;display:flex}.admin-security-notice svg{color:var(--accent);flex-shrink:0;margin-top:1px}.admin-security-notice p{margin:0}.admin-form-link{text-align:center;color:var(--muted);margin:14px 0 0;font-size:.78rem}.admin-form-link a{color:var(--link);font-weight:600;text-decoration:none}.admin-form-link a:hover{text-decoration:underline}.login-page{--page-bg:#070b14;--text:#f8fafc;--muted:#e2e8f0a8;--label:#cbd5e1;--placeholder:#e2e8f061;--glass-bg:#090e1a8c;--glass-border:#ffffff24;--glass-highlight:#ffffff38;--glass-shadow:0 30px 70px #00000073;--input-bg:#ffffff0f;--input-border:#ffffff1f;--input-focus-bg:#ff6b0014;--accent:#ff8c2a;--accent-2:#ffb347;--ring:#ff8c2a38;--cta-bg:#c2410c;--cta-hover:#ea580c;--link:#ffb347;--error-bg:#f43f5e24;--error-border:#f43f5e4d;--error-text:#fecdd3;--back-bg:#ffffff0d;--back-border:#ffffff24;--back-text:#ffffffb8;--shell-bg:#ffffff0b;--shell-border:#ffffff1a;--shell-shadow:0 30px 80px #00000073, inset 0 1px 0 #ffffff14;--form-bg:#ffffff12;--form-border:#ffffff1f;--form-shadow:0 8px 32px #0006, inset 0 1px 0 #ffffff1a;--form-hairline:#ffffff14;background:var(--page-bg);min-height:100svh;color:var(--text);justify-content:center;align-items:center;padding:clamp(72px,10vh,112px) clamp(20px,4vw,48px) clamp(40px,6vh,64px);font-family:Inter,Outfit,sans-serif;transition:background-color .3s,color .3s;display:flex;position:relative;overflow-x:hidden}.login-page[data-theme=light]{--page-bg:#eef2f7;--text:#0f172a;--muted:#475569;--label:#475569;--placeholder:#94a3b8;--glass-bg:#ffffff94;--glass-border:#ffffffe6;--glass-highlight:#fffffff2;--glass-shadow:0 30px 70px #0f172a24;--input-bg:#ffffffb8;--input-border:#0f172a14;--input-focus-bg:#fff;--accent:#c2410c;--accent-2:#ea580c;--ring:#c2410c2e;--cta-bg:#c2410c;--cta-hover:#9a3412;--link:#c2410c;--error-bg:#fef2f2;--error-border:#fecaca;--error-text:#b91c1c;--back-bg:#ffffffb8;--back-border:#0f172a14;--back-text:#475569;--shell-bg:#ffffff4d;--shell-border:#ffffffa6;--shell-shadow:0 30px 80px #0f172a1f, inset 0 1px 0 #fffc;--form-bg:#ffffffb8;--form-border:#ffffffbf;--form-shadow:0 8px 32px #0f172a14, inset 0 1px 0 #ffffffe6;--form-hairline:#0f172a0f}.login-bg{z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 15% 20%, #ff6b0029, transparent 60%), radial-gradient(100% 70% at 85% 80%, #0ea5e91f, transparent 60%), var(--page-bg);position:fixed;inset:0}.login-page[data-theme=light] .login-bg{background:radial-gradient(120% 80% at 15% 20%, #ff6b0024, transparent 62%), radial-gradient(100% 70% at 85% 80%, #0ea5e91f, transparent 62%), var(--page-bg)}.login-tunnel{width:100%;height:100%;position:absolute;inset:0}.login-back-btn{z-index:20;border:1px solid var(--back-border);background:var(--back-bg);width:40px;height:40px;color:var(--back-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:transform .2s,color .2s,background .2s;display:inline-flex;position:fixed;top:20px;left:20px}.login-back-btn:hover{color:var(--text);transform:translate(-2px)}.login-shell{z-index:1;border:1px solid var(--shell-border);background:var(--shell-bg);-webkit-backdrop-filter:blur(30px)saturate(160%);backdrop-filter:blur(30px)saturate(160%);width:100%;max-width:960px;box-shadow:var(--shell-shadow);border-radius:34px;grid-template-columns:minmax(0,1fr) minmax(290px,380px);align-items:center;gap:clamp(14px,1.5vw,22px);padding:clamp(26px,3vw,40px) clamp(26px,3.2vw,44px);display:grid;position:relative}.login-brand-panel{flex-direction:column;gap:clamp(28px,4vw,44px);max-width:none;display:flex}.login-brand{align-items:center;gap:14px;display:flex}.login-logo{object-fit:contain;background:#fff;border-radius:16px;flex-shrink:0;width:56px;height:56px;padding:4px;box-shadow:0 10px 26px #02061738}.login-brand-text{flex-direction:column;gap:3px;display:flex}.login-brand-name{letter-spacing:.02em;color:var(--text);font-size:1.02rem;font-weight:800}.login-brand-school{color:var(--muted);font-size:.76rem;font-weight:500}.login-hero{flex-direction:column;gap:14px;display:flex}.login-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:700}.login-hero-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:900;line-height:1.12}.login-accent{background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-hero-desc{max-width:40ch;color:var(--muted);margin:0;font-size:.92rem;line-height:1.7}.login-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.login-feature{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:10px 11px;font-size:.72rem;font-weight:600;line-height:1.3;display:flex}.login-feature svg{color:var(--accent);flex-shrink:0}.login-form-panel{--panda-em:11.5px;width:100%;max-width:380px;padding:calc(var(--panda-em) * 9.35) 0 calc(var(--panda-em) * 1.56);flex-direction:column;align-items:center;margin-inline:auto;display:flex;position:relative}.login-form-glass{z-index:3;border:1px solid var(--form-border);background:var(--form-bg);-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);width:100%;box-shadow:var(--form-shadow);border-radius:24px;padding:22px 24px 20px;position:relative;overflow:hidden}.login-form-glass:after{content:"";background:linear-gradient(90deg, transparent, var(--form-hairline), transparent);pointer-events:none;height:1px;position:absolute;bottom:0;left:18px;right:18px}.login-form-header{flex-direction:column;gap:0;margin-bottom:14px;display:flex}.login-form-title{letter-spacing:-.01em;color:var(--text);margin:0;font-size:1.32rem;font-weight:800}.login-form{flex-direction:column;gap:13px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{letter-spacing:.02em;color:var(--label);font-size:.74rem;font-weight:600}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--muted);pointer-events:none;position:absolute;left:15px}.login-input{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text);border-radius:12px;outline:none;padding:11px 42px 11px 40px;font-family:inherit;font-size:.88rem;transition:border-color .2s,background .2s,box-shadow .2s}.login-input::placeholder{color:var(--placeholder)}.login-input:focus{border-color:var(--accent);background:var(--input-focus-bg);box-shadow:0 0 0 3px var(--ring)}.login-field-check{color:#10b981;pointer-events:none;position:absolute;right:14px}.login-pw-toggle{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.login-pw-toggle:hover{color:var(--text)}.login-error{border:1px solid var(--error-border);background:var(--error-bg);color:var(--error-text);border-radius:12px;padding:11px 14px;font-size:.8rem;font-weight:500;animation:.4s login-shake}.login-submit{background:var(--cta-bg);color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:2px;padding:12px 18px;font-family:inherit;font-size:.82rem;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 26px #c2410c47}.login-submit:hover:not(:disabled){background:var(--cta-hover);transform:translateY(-1px);box-shadow:0 16px 32px #c2410c57}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.login-submit:disabled{opacity:.72;cursor:not-allowed}.login-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite login-spin}.login-input-wrap .login-input:focus+.login-field-check{color:#059669}@media (width<=900px){.login-shell{-webkit-backdrop-filter:none;backdrop-filter:none;max-width:460px;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:1fr;gap:26px;padding:0}.login-brand-panel{text-align:center;align-items:center;gap:22px;max-width:none}.login-hero{align-items:center}.login-hero-desc{max-width:46ch}.login-features{display:none}.login-form-panel{--panda-em:10px;max-width:none}}@media (width<=560px){.login-page{padding:84px 16px 36px}.login-form-glass{border-radius:22px;padding:20px 18px 18px}.login-form-header{margin-bottom:12px}.login-brand{gap:12px}.login-logo{width:48px;height:48px}.login-hero-title{font-size:1.65rem}}@media (width<=400px){.login-form-panel{--panda-em:8.5px}}@media (prefers-reduced-motion:reduce){.login-page,.login-back-btn,.login-input,.login-submit{transition:none}.login-error{animation:none}}.sbm-grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.sbm-pane{flex-direction:column;gap:12px;min-width:0;display:flex}.sbm-pane.is-form{border-left:1px dashed #e5e7eb;padding-left:18px}.sbm-pane-title{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin:0;font-size:.6875rem;font-weight:800}.sbm-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.sbm-info-row{flex-direction:column;gap:2px;display:flex}.sbm-info-label{color:#94a3b8;align-items:center;gap:5px;font-size:.6875rem;font-weight:700;display:inline-flex}.sbm-info-row strong{color:#0f172a;overflow-wrap:anywhere;font-size:.8125rem;font-weight:700;line-height:1.45}.sbm-deadline{border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:6px 11px;font-size:.6875rem;font-weight:800;display:inline-flex}.sbm-deadline.is-ok{color:#047857;background:#ecfdf5}.sbm-deadline.is-soon{color:#b45309;background:#fffbeb}.sbm-deadline.is-late{color:#b91c1c;background:#fef2f2}.sbm-desc p{color:#4b5563;white-space:pre-wrap;margin:4px 0 0;font-size:.8125rem;line-height:1.6}.sbm-drop{cursor:pointer;background:#fafafa;border:1.5px dashed #d1d5db;border-radius:14px;align-items:center;gap:12px;padding:16px;transition:all .15s;display:flex}.sbm-drop:hover{background:#fff7ed;border-color:#ea580c}.sbm-drop.has-file{background:#ecfdf5;border-style:solid;border-color:#a7f3d0}.sbm-drop-icon{color:#ea580c;background:#fff;border:1px solid #e5e7eb;border-radius:11px;flex:0 0 38px;justify-content:center;align-items:center;height:38px;display:inline-flex}.sbm-drop-icon.is-ok{color:#047857;border-color:#a7f3d0}.sbm-drop-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sbm-drop-body strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:800;overflow:hidden}.sbm-drop-body span{color:#94a3b8;font-size:.6875rem;font-weight:600}.sbm-drop-clear{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.sbm-drop-clear:hover{background:#fef2f2}.sbm-or{color:#cbd5e1;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:10px;font-size:.6875rem;font-weight:700;display:flex}.sbm-or:before,.sbm-or:after{content:"";background:#e5e7eb;flex:1;height:1px}.sbm-field{flex-direction:column;gap:5px;display:flex}.sbm-label{color:#374151;align-items:center;gap:5px;font-size:.75rem;font-weight:700;display:inline-flex}.sbm-label em{color:#94a3b8;font-style:normal;font-weight:600}.sbm-hint{color:#94a3b8;font-size:.6875rem;line-height:1.45}@media (width<=780px){.sbm-grid{grid-template-columns:1fr}.sbm-pane.is-form{border-top:1px dashed #e5e7eb;border-left:none;padding-top:16px;padding-left:0}}.mvm-wrap{flex-direction:column;gap:16px;display:flex}.mvm-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mvm-badge{border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:.6875rem;font-weight:800;display:inline-flex}.mvm-badge.is-video{color:#b91c1c;background:#fef2f2}.mvm-badge.is-link{color:#1d4ed8;background:#eff6ff}.mvm-badge.is-file{color:#c2410c;background:#fff7ed}.mvm-meta-item{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:.6875rem;font-weight:700;display:inline-flex}.mvm-player{aspect-ratio:16/9;background:#0f172a;border:1px solid #e5e7eb;border-radius:14px;width:100%;position:relative;overflow:hidden}.mvm-player iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.mvm-fallback{color:#ea580c;background:#fafafa;border:1.5px dashed #d1d5db;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:38px 20px;text-decoration:none;transition:all .15s;display:flex}.mvm-fallback:hover{background:#fff7ed;border-color:#ea580c}.mvm-fallback strong{color:#0f172a;font-size:.875rem;font-weight:800}.mvm-fallback span{color:#94a3b8;font-size:.75rem}.mvm-desc h4{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin:0 0 6px;font-size:.6875rem;font-weight:800}.mvm-desc p{color:#374151;white-space:pre-wrap;margin:0;font-size:.875rem;line-height:1.7}.mvm-empty{color:#94a3b8;text-align:center;background:#fafafa;border:1px dashed #e5e7eb;border-radius:12px;margin:0;padding:14px;font-size:.8125rem}.mvm-link-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:11px;padding:12px 14px;display:flex}.mvm-link-icon{color:#64748b;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex:0 0 34px;justify-content:center;align-items:center;height:34px;display:inline-flex}.mvm-link-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mvm-link-body strong{color:#0f172a;font-size:.75rem;font-weight:800}.mvm-link-body span{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.mvm-link-btn{color:#334155;background:#fff;border:1px solid #e5e7eb;border-radius:9px;flex:none;align-items:center;gap:5px;padding:8px 13px;font-size:.75rem;font-weight:800;text-decoration:none;display:inline-flex}.mvm-link-btn:hover{color:#c2410c;background:#fff7ed;border-color:#ea580c}.exr-root{z-index:2100;background:#f1f5f9;flex-direction:column;animation:.18s ease-out exr-fade;display:flex;position:fixed;inset:0}@keyframes exr-fade{0%{opacity:0}to{opacity:1}}.exr-intro{background:radial-gradient(900px 400px at 15% 0,#ea580c1a,#0000 60%),radial-gradient(700px 400px at 90% 100%,#2563eb17,#0000 60%),#f8fafc;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow-y:auto}.exr-intro-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:22px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:620px;padding:34px 30px 28px;display:flex;box-shadow:0 24px 60px #0f172a1a}.exr-intro-icon{color:#fff;background:linear-gradient(135deg,#fb923c,#ea580c);border-radius:18px;justify-content:center;align-items:center;width:62px;height:62px;display:inline-flex;box-shadow:0 12px 26px #ea580c4d}.exr-intro-card h2{color:#0f172a;margin:4px 0 0;font-size:1.3125rem;font-weight:800;line-height:1.35}.exr-intro-sub{color:#64748b;max-width:480px;margin:0;font-size:.875rem;line-height:1.6}.exr-intro-stats{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-top:8px;display:grid}.exr-intro-stats>div{color:#ea580c;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:14px 10px;display:flex}.exr-intro-stats strong{color:#0f172a;font-size:.875rem;font-weight:800}.exr-intro-stats span{color:#94a3b8;font-size:.6875rem;font-weight:600}.exr-rules{text-align:left;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:14px;width:100%;margin:6px 0 0;padding:14px 18px 14px 32px;font-size:.8125rem;line-height:1.75}.exr-rules li{margin:2px 0}.exr-intro-actions{gap:10px;margin-top:6px;display:flex}.exr-bar{background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:12px 22px;display:flex}.exr-bar-left{align-items:center;gap:11px;min-width:0;display:flex}.exr-bar-icon{color:#ea580c;background:#fff7ed;border-radius:11px;flex:0 0 36px;justify-content:center;align-items:center;height:36px;display:inline-flex}.exr-bar-left strong{color:#0f172a;font-size:.875rem;font-weight:800;line-height:1.35;display:block}.exr-bar-left span{color:#94a3b8;font-size:.6875rem;font-weight:600;display:block}.exr-bar-right{align-items:center;gap:10px;display:flex}.exr-saved{color:#047857;font-size:.6875rem;font-weight:700}.exr-timer{color:#0f172a;font-variant-numeric:tabular-nums;background:#f1f5f9;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.875rem;font-weight:800;display:inline-flex}.exr-timer.is-urgent{color:#b91c1c;background:#fef2f2;animation:1.4s ease-in-out infinite exr-pulse}@keyframes exr-pulse{0%,to{box-shadow:0 0 #b91c1c40}50%{box-shadow:0 0 0 6px #b91c1c00}}.exr-submit-btn{color:#fff;cursor:pointer;background:#ea580c;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:.8125rem;font-weight:800;display:inline-flex}.exr-submit-btn:hover{background:#c2410c}.exr-submit-btn:disabled{opacity:.6;cursor:not-allowed}.exr-progress{background:#e2e8f0;flex:none;height:4px}.exr-progress span{background:linear-gradient(90deg,#10b981,#34d399);height:100%;transition:width .3s;display:block}.exr-body{flex:auto;grid-template-columns:250px 1fr;gap:18px;min-height:0;padding:18px 22px 24px;display:grid;overflow:hidden}.exr-nav{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;align-self:start;gap:10px;max-height:100%;padding:16px;display:flex;overflow-y:auto}.exr-nav h4{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin:0;font-size:.6875rem;font-weight:800}.exr-nav-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:7px;display:grid}.exr-nav-btn{aspect-ratio:1;color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;font-family:inherit;font-size:.75rem;font-weight:800;transition:all .14s}.exr-nav-btn:hover{color:#c2410c;border-color:#fdba74}.exr-nav-btn.is-answered{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.exr-nav-btn.is-current{color:#fff;background:#0f172a;border-color:#0f172a}.exr-nav-legend{color:#64748b;border-top:1px dashed #e5e7eb;flex-direction:column;gap:6px;margin-top:4px;padding-top:10px;font-size:.6875rem;font-weight:600;display:flex}.exr-nav-legend span{align-items:center;gap:6px;display:flex}.exr-nav-legend i{background:#fff;border:1px solid #e5e7eb;border-radius:4px;width:12px;height:12px}.exr-nav-legend i.is-answered{background:#ecfdf5;border-color:#a7f3d0}.exr-nav-legend i.is-current{background:#0f172a;border-color:#0f172a}.exr-main{min-width:0;overflow-y:auto}.exr-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 8px 24px #0f172a0a}.exr-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.exr-qnum{color:#c2410c;text-transform:uppercase;letter-spacing:.04em;background:#fff7ed;border-radius:999px;padding:4px 11px;font-size:.6875rem;font-weight:800}.exr-qweight{color:#94a3b8;font-size:.6875rem;font-weight:700}.exr-qtext{color:#0f172a;white-space:pre-wrap;margin:0;font-size:1rem;font-weight:600;line-height:1.7}.exr-options{flex-direction:column;gap:9px;display:flex}.exr-option{text-align:left;cursor:pointer;color:#cbd5e1;background:#fff;border:1.5px solid #e5e7eb;border-radius:13px;align-items:center;gap:12px;padding:13px 15px;font-family:inherit;transition:all .14s;display:flex}.exr-option:hover{background:#fffbf5;border-color:#fdba74}.exr-option.is-active{color:#ea580c;background:#fff7ed;border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1a}.exr-option-letter{color:#475569;background:#f1f5f9;border-radius:9px;flex:0 0 30px;justify-content:center;align-items:center;height:30px;font-size:.75rem;font-weight:800;display:inline-flex}.exr-option.is-active .exr-option-letter{color:#fff;background:#ea580c}.exr-option-text{color:#1e293b;flex:1;min-width:0;font-size:.875rem;font-weight:600;line-height:1.5}.exr-empty-opt{color:#94a3b8;text-align:center;background:#fafafa;border:1px dashed #e5e7eb;border-radius:12px;margin:0;padding:16px;font-size:.8125rem}.exr-card-foot{border-top:1px dashed #e5e7eb;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;display:flex}.exr-card-count{color:#94a3b8;font-size:.75rem;font-weight:700}.exr-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:0;padding:10px 12px;font-size:.75rem;font-weight:600}.exr-confirm-backdrop{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.exr-confirm{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:420px;padding:28px 24px 22px;display:flex;box-shadow:0 24px 60px #0206174d}.exr-confirm-icon{color:#b45309;background:#fffbeb;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex}.exr-confirm h3{color:#0f172a;margin:0;font-size:1.0625rem;font-weight:800}.exr-confirm p{color:#64748b;margin:0;font-size:.8125rem;line-height:1.6}.exr-confirm-actions{gap:10px;margin-top:6px;display:flex}.exr-result{background:radial-gradient(800px 380px at 50% 0,#10b9811a,#0000 65%),#f8fafc;flex:1;justify-content:center;padding:28px 20px 40px;display:flex;overflow-y:auto}.exr-result-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:720px;padding:30px 28px 24px;display:flex;box-shadow:0 24px 60px #0f172a1a}.exr-score{color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:118px;height:118px;display:flex}.exr-score.is-pass{background:linear-gradient(135deg,#34d399,#059669)}.exr-score.is-fail{background:linear-gradient(135deg,#fbbf24,#d97706)}.exr-score strong{font-size:2rem;font-weight:800;line-height:1}.exr-score span{opacity:.9;font-size:.625rem;font-weight:700}.exr-result-card h2{color:#0f172a;margin:4px 0 0;font-size:1.1875rem;font-weight:800}.exr-result-sub{color:#64748b;margin:0;font-size:.8125rem}.exr-result-list{flex-direction:column;gap:8px;width:100%;margin-top:12px;display:flex}.exr-result-row{color:#94a3b8;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:11px;padding:11px 13px;display:flex}.exr-result-row.is-right{color:#047857;background:#f0fdf4;border-color:#a7f3d0}.exr-result-row.is-wrong{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.exr-result-num{background:#fff;border:1px solid;border-radius:8px;flex:0 0 26px;justify-content:center;align-items:center;height:26px;font-size:.6875rem;font-weight:800;display:inline-flex}.exr-result-row>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.exr-result-row strong{color:#0f172a;font-size:.8125rem;font-weight:700;line-height:1.45}.exr-result-row span{color:#64748b;font-size:.6875rem;font-weight:600}.exr-result-actions{margin-top:14px}@media (width<=900px){.exr-body{grid-template-columns:1fr;overflow-y:auto}.exr-nav{max-height:none}.exr-nav-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr))}}@media (width<=560px){.exr-intro-stats{grid-template-columns:1fr}.exr-bar{padding:10px 14px}.exr-body{padding:14px}.exr-card{padding:18px}.exr-card-foot{flex-wrap:wrap}}.exr-resume-note{color:#1d4ed8;text-align:left;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:flex-start;gap:9px;width:100%;padding:11px 14px;font-size:.75rem;font-weight:600;line-height:1.6;display:flex}.exr-resume-note svg{flex:none;margin-top:2px}.exr-result-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;display:flex}.exr-result-meta>span{color:#475569;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:.6875rem;font-weight:700;display:inline-flex}.exr-lock-pill{color:#b45309;background:#fffbeb;border-color:#fde68a}.exr-result-note{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;width:100%;margin:12px 0 0;padding:12px 14px;font-size:.75rem;font-weight:600;line-height:1.6}.exr-result-loading{gap:12px;max-width:380px;padding:46px 28px}.exr-loading-icon{color:#0f766e;display:inline-flex}.exr-done-card{gap:12px;max-width:520px;padding:38px 28px 26px}.exr-done-icon{color:#fff;background:linear-gradient(135deg,#34d399,#059669);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;display:inline-flex;box-shadow:0 12px 28px #05966947}.exr-done-card h2{color:#0f172a;text-align:center;margin:2px 0 0;font-size:1.25rem;font-weight:800}.exr-done-card .exr-result-sub{text-align:center;max-width:400px;line-height:1.65}.exr-code{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;width:100%;padding:16px;display:flex}.exr-code-head{align-items:flex-start;gap:10px;display:flex}.exr-code-icon{color:#0f766e;background:#ecfdf5;border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.exr-code-head strong{color:#0f172a;font-size:.8125rem;font-weight:800;line-height:1.4;display:block}.exr-code-head span{color:#64748b;font-size:.6875rem;font-weight:600;line-height:1.5}.exr-code-row{gap:8px;display:flex}.exr-code-row input{color:#0f766e;letter-spacing:.26em;text-align:center;text-transform:uppercase;background:#fff;border:1.5px dashed #99f6e4;border-radius:11px;outline:none;flex:1;min-width:0;height:46px;padding:0 14px;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:1.0625rem;font-weight:800}.exr-code-row input::placeholder{letter-spacing:.14em;color:#cbd5e1}.exr-code-row input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.exr-code-row .gm-btn-primary{flex:none;height:46px}.exr-session-note{color:#475569;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:9px;width:100%;padding:11px 14px;font-size:.75rem;font-weight:600;line-height:1.55;display:flex}.exr-session-note svg{flex:none;margin-top:2px}.exr-session-note strong{margin-bottom:2px;font-size:.75rem;font-weight:800;display:block}.exr-session-note.is-open{color:#047857;background:#f0fdf4;border-color:#a7f3d0}.exr-session-note.is-upcoming{color:#b45309;background:#fffbeb;border-color:#fde68a}.exr-session-note.is-ended{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.exr-session-note.is-override{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.exr-random-note{color:#64748b;margin-top:4px;font-size:.6875rem;font-style:normal;font-weight:600;display:block}.exr-focus-warning{color:#b91c1c;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;background:#fef2f2;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:.625rem;font-weight:800;display:inline-flex}.exr-terminated-card{border-color:#fecaca;gap:12px;max-width:560px;padding:38px 28px 26px}.exr-terminated-icon{color:#fff;background:linear-gradient(135deg,#f87171,#dc2626);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;display:inline-flex;box-shadow:0 12px 28px #dc26264d}.exr-terminated-card h2{color:#991b1b;text-align:center;margin:2px 0 0;font-size:1.25rem;font-weight:800}.exr-terminated-card .exr-result-sub{text-align:center;max-width:430px;line-height:1.65}.exr-terminated-box{color:#991b1b;text-align:left;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;flex-direction:column;gap:4px;width:100%;padding:13px 15px;font-size:.75rem;font-weight:600;line-height:1.6;display:flex}.exr-terminated-box strong{font-weight:800}.psr-root{flex-direction:column;gap:18px;display:flex}.psr-stats{grid-template-columns:1.4fr repeat(4,1fr);gap:12px;display:grid}.psr-stat{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:3px;padding:14px 16px;display:flex}.psr-stat.is-main{background:linear-gradient(135deg,#f0fdfa,#ecfdf5);border-color:#99f6e4}.psr-stat-label{letter-spacing:.02em;color:#64748b;text-transform:uppercase;font-size:.6875rem;font-weight:700}.psr-stat strong{color:#0f172a;font-size:1.5rem;font-weight:800;line-height:1.1}.psr-stat.is-main strong{color:#0f766e}.psr-stat strong.is-hadir{color:#059669}.psr-stat strong.is-terlambat{color:#b45309}.psr-stat strong.is-izin{color:#1d4ed8}.psr-stat strong.is-alpa{color:#b91c1c}.psr-stat-sub{color:#94a3b8;font-size:.6875rem;font-weight:600}.psr-alert{border-radius:12px;align-items:flex-start;gap:8px;padding:11px 14px;font-size:.75rem;font-weight:600;line-height:1.55;display:flex}.psr-alert svg{flex:none;margin-top:1px}.psr-alert.is-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.psr-alert.is-ok{color:#047857;background:#f0fdf4;border:1px solid #a7f3d0}.psr-section{flex-direction:column;gap:12px;display:flex}.psr-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.psr-section-head h3{color:#0f172a;align-items:center;gap:7px;margin:0;font-size:.9375rem;font-weight:800;display:flex}.psr-section-head p{color:#94a3b8;text-transform:capitalize;margin:3px 0 0;font-size:.75rem;font-weight:600}.psr-counter{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:5px 11px;font-size:.6875rem;font-weight:700}.psr-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:12px;padding:15px 16px;transition:border-color .18s,box-shadow .18s;display:flex}.psr-card:hover{border-color:#cbd5e1;box-shadow:0 10px 26px #0f172a0f}.psr-card.is-done{background:#fafffd;border-color:#a7f3d0}.psr-card-head{align-items:flex-start;gap:12px;display:flex}.psr-card-time{color:#0f172a;background:#f1f5f9;border-radius:11px;flex-direction:column;flex:none;justify-content:center;align-items:center;min-width:58px;padding:7px 8px;font-size:.8125rem;font-weight:800;line-height:1.15;display:flex}.psr-card-time small{color:#94a3b8;font-size:.625rem;font-weight:600}.psr-card-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.psr-card-title strong{color:#0f172a;font-size:.875rem;font-weight:800;line-height:1.35}.psr-card-title span{color:#94a3b8;font-size:.6875rem;font-weight:600}.psr-card-foot{color:#475569;border-top:1px dashed #e2e8f0;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;font-size:.6875rem;font-weight:700;display:flex}.psr-card-foot>span{align-items:center;gap:5px;display:inline-flex}.psr-method{color:#94a3b8;font-weight:600}.psr-btn{justify-content:center;width:100%}.psr-badge{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;flex:none;padding:4px 10px;font-size:.625rem;font-weight:800}.psr-badge.is-hadir{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.psr-badge.is-terlambat{color:#b45309;background:#fffbeb;border-color:#fde68a}.psr-badge.is-izin{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.psr-badge.is-sakit{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.psr-badge.is-alpa{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.psr-badge.is-open{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.psr-history{flex-direction:column;gap:8px;display:flex}.psr-row{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;display:flex}.psr-dot{background:#cbd5e1;border-radius:50%;flex:0 0 9px;height:9px}.psr-dot.is-hadir{background:#10b981}.psr-dot.is-terlambat{background:#f59e0b}.psr-dot.is-izin{background:#3b82f6}.psr-dot.is-sakit{background:#8b5cf6}.psr-dot.is-alpa{background:#ef4444}.psr-row-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.psr-row-main strong{color:#0f172a;text-transform:capitalize;font-size:.8125rem;font-weight:700}.psr-row-main span{color:#94a3b8;font-size:.6875rem;font-weight:600}@media (width<=1024px){.psr-stats{grid-template-columns:repeat(3,1fr)}.psr-stat.is-main{grid-column:span 3}}@media (width<=640px){.psr-stats{grid-template-columns:repeat(2,1fr)}.psr-stat.is-main{grid-column:span 2}}.dashboard-siswa-root{color:#0f172a;background:#f8fafc;flex-direction:column;min-height:100vh;font-family:inherit;display:flex}.siswa-top-navbar{z-index:100;color:#fff;background:#0f172a;border-bottom:1px solid #1e293b;padding:12px 0;position:sticky;top:0;box-shadow:0 4px 20px #00000026}.siswa-navbar-container{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 24px;display:flex}.siswa-brand-group{align-items:center;gap:16px;display:flex}.siswa-back-link{color:#94a3b8;background:#ffffff0d;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.siswa-back-link:hover{color:#fff;background:#ffffff1f;transform:translate(-2px)}.siswa-brand-divider{background:#334155;width:1px;height:24px}.siswa-brand-meta{align-items:center;gap:12px;display:flex}.siswa-logo-img{object-fit:contain;width:36px;height:36px}.siswa-system-name{color:#fff;letter-spacing:.02em;font-size:.95rem;font-weight:800;display:block}.siswa-school-name{color:#ff6b00;font-size:.72rem;font-weight:600;display:block}.siswa-nav-user-actions{align-items:center;gap:16px;display:flex}.siswa-user-pill{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:4px 12px 4px 6px;display:flex}.siswa-avatar{color:#fff;background:#ff6b00;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8125rem;font-weight:800;display:flex}.siswa-meta-texts{flex-direction:column;display:flex}.siswa-meta-name{color:#fff;font-size:.8125rem;font-weight:700}.siswa-meta-class{color:#94a3b8;font-size:.6875rem}.btn-siswa-logout{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef444459;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.btn-siswa-logout:hover{color:#fff;background:#ef4444;border-color:#ef4444}.siswa-main-container{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:28px 24px 60px}.siswa-toast-notice{color:#fff;z-index:9999;background:#0f172a;border:1px solid #10b981;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:.875rem;font-weight:600;animation:.3s slideUpToast;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #0000004d}.siswa-toast-notice svg{color:#10b981;flex-shrink:0}@keyframes slideUpToast{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.siswa-hero-banner{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid #334155;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:32px 36px;display:flex;box-shadow:0 10px 30px #0f172a14}.siswa-live-tag{color:#ff8533;letter-spacing:.05em;background:#ff6b0026;border:1px solid #ff6b0059;border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:4px 12px;font-size:.6875rem;font-weight:800;display:inline-flex}.pulse-dot{background:#ff6b00;border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulseAnimation;box-shadow:0 0 #ff6b00b3}.siswa-hero-title{color:#fff;margin-bottom:8px;font-size:1.75rem;font-weight:800}.siswa-hero-desc{color:#94a3b8;max-width:680px;font-size:.875rem;line-height:1.6}.siswa-hero-badge{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;flex-shrink:0;align-items:center;gap:14px;padding:16px 20px;display:flex}.badge-title{color:var(--ps-strong,#0f172a);font-size:.95rem;font-weight:700;display:block}.badge-nisn{color:var(--ps-faint,#64748b);font-family:monospace;font-size:.75rem;display:block}.siswa-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000008}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.kpi-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.kpi-icon-box.bg-emerald{color:#10b981;background:#ecfdf5}.kpi-icon-box.bg-blue{color:#3b82f6;background:#eff6ff}.kpi-icon-box.bg-orange{color:#f97316;background:#fff7ed}.kpi-icon-box.bg-purple{color:#a855f7;background:#faf5ff}.kpi-info{flex-direction:column;display:flex}.kpi-lbl{color:#64748b;margin-bottom:4px;font-size:.75rem;font-weight:600}.kpi-val{color:#0f172a;margin-bottom:4px;font-size:1.25rem;font-weight:800;line-height:1.2}.kpi-sub{font-size:.6875rem;font-weight:600}.text-emerald{color:#10b981}.text-blue{color:#3b82f6}.text-orange{color:#ff6b00}.text-purple{color:#a855f7}.siswa-content-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000a}.siswa-main-container>.magic-bento{margin-bottom:24px}.siswa-nav-tabs{background:#f1f5f9;border-bottom:1px solid #e2e8f0;gap:6px;padding:6px 12px 0;display:flex;overflow-x:auto}.siswa-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-top-left-radius:12px;border-top-right-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.siswa-tab-btn:hover{color:#0f172a;background:#fff9}.siswa-tab-btn.active{color:#ff6b00;background:#fff;box-shadow:0 -2px 10px #00000008}.siswa-tab-pane{padding:32px}.attendance-action-banner{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;padding:24px;display:flex}.att-banner-left{align-items:center;gap:16px;display:flex}.att-badge-calendar{color:#fff;background:#0f172a;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;font-size:.625rem;font-weight:800;display:flex}.att-banner-title{color:#0f172a;margin-bottom:2px;font-size:1.15rem;font-weight:800}.att-banner-sub{color:#64748b;font-size:.8125rem}.btn-confirm-attendance{color:#fff;cursor:pointer;background:#ff6b00;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #ff6b004d}.btn-confirm-attendance:hover{background:#e65c00;transform:translateY(-1px)}.attendance-verified-pill{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:700;display:flex}.section-title-strip{border-bottom:1.5px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.strip-title{color:#0f172a;font-size:1.1rem;font-weight:800}.strip-date{color:#64748b;font-size:.8125rem;font-weight:600}.timeline-cards-list{flex-direction:column;gap:14px;display:flex}.timeline-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:24px;padding:18px 22px;transition:border-color .2s,box-shadow .2s;display:flex}.timeline-item-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000a}.timeline-time-col{border-right:1px dashed #e2e8f0;flex-direction:column;align-items:center;gap:6px;min-width:120px;padding-right:20px;display:flex}.time-badge{color:#0f172a;font-family:monospace;font-size:.95rem;font-weight:800}.status-pill-badge{color:#475569;background:#f1f5f9;border-radius:999px;padding:2px 8px;font-size:.6875rem;font-weight:700}.timeline-content-col{flex:1}.item-major-badge{border:1px solid;border-radius:6px;margin-bottom:4px;padding:2px 8px;font-size:.6875rem;font-weight:800;display:inline-block}.item-subject{color:#0f172a;margin-bottom:4px;font-size:1.05rem;font-weight:800}.item-meta-row{color:#64748b;align-items:center;gap:8px;font-size:.8125rem;display:flex}.meta-divider{color:#cbd5e1}.tasks-layout-grid{grid-template-columns:1.2fr .8fr;gap:28px;display:grid}.tasks-cards-wrapper{flex-direction:column;gap:12px;display:flex}.task-row-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px}.task-row-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.task-subject-tag{color:#ff6b00;font-size:.72rem;font-weight:700}.task-status-pill{border-radius:6px;padding:2px 8px;font-size:.6875rem;font-weight:700}.task-status-pill.pill-done{color:#059669;background:#ecfdf5}.task-status-pill.pill-active{color:#ea580c;background:#fff7ed}.task-title-text{color:#0f172a;margin-bottom:8px;font-size:.95rem;font-weight:800}.task-row-bottom{color:#64748b;border-top:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding-top:8px;font-size:.75rem;display:flex}.dropzone-styled-box{text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;align-items:center;padding:32px 24px;display:flex}.dropzone-icon{color:#ff6b00;margin-bottom:12px}.dropzone-title{color:#0f172a;margin-bottom:4px;font-size:1.1rem;font-weight:800}.dropzone-desc{color:#64748b;max-width:320px;margin-bottom:18px;font-size:.78125rem}.btn-browse-file{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;padding:8px 18px;font-size:.8125rem;font-weight:700;transition:all .2s}.btn-browse-file:hover{background:#f1f5f9;border-color:#94a3b8}.uploaded-file-tag{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 16px;font-size:.8125rem;font-weight:600;display:flex}.btn-submit-task{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:10px 22px;font-size:.875rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #10b9814d}.btn-submit-task:hover{background:#059669}.transcript-header-banner{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:24px 28px;display:flex}.banner-lbl{color:#94a3b8;margin-bottom:2px;font-size:.8125rem;display:block}.banner-val{color:#fff;font-size:1.5rem;font-weight:800}.banner-right{align-items:center;gap:16px;display:flex}.bnsp-readiness-pill{color:#34d399;background:#10b98133;border:1px solid #10b98166;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:.78125rem;font-weight:700;display:flex}.btn-print-transcript{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.btn-print-transcript:hover{background:#ffffff40}.table-responsive-wrapper{overflow-x:auto}.siswa-grades-table{border-collapse:collapse;width:100%;font-size:.875rem}.siswa-grades-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:14px 16px;font-size:.75rem;font-weight:800}.siswa-grades-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:16px}.grade-badge-pass{color:#059669;background:#ecfdf5;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-block}.library-cards-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.lib-material-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.lib-material-card:hover{border-color:#cbd5e1;box-shadow:0 6px 18px #0000000d}.mat-icon-wrapper{color:#ff6b00;background:#fff7ed;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.mat-body{flex:1}.mat-category-tag{color:#64748b;margin-bottom:2px;font-size:.6875rem;font-weight:700;display:block}.mat-title-heading{color:#0f172a;margin-bottom:4px;font-size:.95rem;font-weight:800;line-height:1.3}.mat-meta-specs{color:#94a3b8;font-size:.75rem}.btn-download-modul{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.btn-download-modul:hover{color:#fff;background:#ff6b00;border-color:#ff6b00}@media (width<=992px){.siswa-kpi-grid{grid-template-columns:repeat(2,1fr)}.tasks-layout-grid,.library-cards-grid{grid-template-columns:1fr}}@media (width<=640px){.siswa-hero-banner{flex-direction:column;align-items:flex-start}.siswa-kpi-grid{grid-template-columns:1fr}.attendance-action-banner,.transcript-header-banner{flex-direction:column;align-items:flex-start}}.guru-empty{text-align:center;color:#6b7280;background:#fafafa;border:1px dashed #e5e7eb;border-radius:12px;padding:28px 16px;font-size:.8125rem}.guru-materi-list{flex-direction:column;gap:12px;display:flex}.guru-materi-row{background:#fff;border:1px solid #e5e7eb;border-radius:14px;gap:14px;padding:16px;display:flex}.guru-materi-icon{color:#ea580c;background:#fff7ed;border-radius:10px;flex:0 0 40px;justify-content:center;align-items:center;height:40px;display:flex}.guru-materi-body{flex:1;min-width:0}.guru-materi-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.guru-materi-head strong{color:#111827;font-size:.875rem}.guru-materi-meta{color:#6b7280;margin-top:4px;font-size:.75rem;display:block}.guru-materi-desc{color:#4b5563;margin:8px 0 0;font-size:.8125rem;line-height:1.5}.guru-materi-link{color:#ea580c;margin-top:8px;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-block}.guru-materi-link:hover{text-decoration:underline}.guru-pill{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.6875rem;font-weight:700}.guru-pill.is-live{color:#047857;background:#ecfdf5}.guru-pill.is-draft{color:#4b5563;background:#f3f4f6}.siswa-mapel-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.siswa-mapel-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:8px;padding:18px;font-family:inherit;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.siswa-mapel-card:hover{border-color:#ea580c;transform:translateY(-3px);box-shadow:0 10px 24px #ea580c1f}.siswa-mapel-head{color:#9ca3af;justify-content:space-between;align-items:center;display:flex}.siswa-mapel-code{letter-spacing:.08em;text-transform:uppercase;color:#ea580c;background:#fff7ed;border-radius:6px;padding:3px 8px;font-size:.6875rem;font-weight:800}.siswa-mapel-name{color:#0f172a;font-size:1rem;font-weight:800;line-height:1.35}.siswa-mapel-teacher{color:#475569;align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.siswa-mapel-teacher svg{color:#10b981;flex:none}.siswa-mapel-stats{color:#64748b;border-top:1px dashed #e5e7eb;flex-wrap:wrap;gap:6px;margin-top:4px;padding-top:10px;font-size:.6875rem;font-weight:600;display:flex}.siswa-mapel-stats span{background:#f1f5f9;border-radius:999px;padding:3px 9px}.siswa-detail-head{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:18px;padding-bottom:14px;display:flex}.siswa-back-mapel{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:.75rem;font-weight:700;transition:all .18s;display:inline-flex}.siswa-back-mapel:hover{color:#ea580c;background:#fff7ed;border-color:#ea580c}.siswa-detail-title{color:#0f172a;margin:0;font-size:1.0625rem;font-weight:800;line-height:1.35}.siswa-detail-sub{color:#64748b;margin-top:2px;font-size:.75rem;font-weight:600;display:block}@media (width<=640px){.siswa-mapel-grid{grid-template-columns:1fr}.guru-materi-row{padding:14px}}.siswa-collect-btn{color:#c2410c;cursor:pointer;background:#fff7ed;border:1px solid #ea580c;border-radius:9px;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;font-family:inherit;font-size:.75rem;font-weight:700;transition:all .18s;display:inline-flex}.siswa-collect-btn:hover{background:#ffedd5}.siswa-submit-form{background:#fffbf7;border:1px dashed #fdba74;border-radius:12px;flex-direction:column;gap:8px;margin-top:12px;padding:12px;display:flex}.siswa-file-drop{color:#4b5563;cursor:pointer;background:#fff;border:1.5px dashed #d1d5db;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:.75rem;font-weight:600;display:flex}.siswa-file-drop:hover{color:#ea580c;border-color:#ea580c}.siswa-submit-input{color:#111827;resize:vertical;background:#fff;border:1px solid #d1d5db;border-radius:9px;outline:none;width:100%;padding:9px 11px;font-family:inherit;font-size:.75rem}.siswa-submit-input:focus{border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1f}.siswa-submit-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:8px 10px;font-size:.6875rem;font-weight:600}.siswa-submit-actions{flex-wrap:wrap;gap:8px;display:flex}.siswa-submit-btn{color:#fff;cursor:pointer;background:#ea580c;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:.75rem;font-weight:700;display:inline-flex}.siswa-submit-btn:disabled{opacity:.6;cursor:not-allowed}.siswa-cancel-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;padding:9px 14px;font-family:inherit;font-size:.75rem;font-weight:700}.siswa-cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1}.siswa-exam-terminated-note,.siswa-exam-session-note{border-radius:10px;align-items:flex-start;gap:8px;padding:9px 12px;font-size:.6875rem;font-weight:600;line-height:1.55;display:flex}.siswa-exam-terminated-note{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.siswa-exam-terminated-note svg,.siswa-exam-session-note svg{flex:none;margin-top:1px}.siswa-exam-session-note{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.siswa-exam-session-note.is-upcoming{color:#b45309;background:#fffbeb;border-color:#fde68a}.siswa-exam-session-note.is-ended{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.siswa-exam-session-note.is-unscheduled{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.siswa-exam-session-note.is-override{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.guru-kpi-btn{text-align:left;cursor:pointer;border:1px solid #e5e7eb;font-family:inherit;transition:border-color .18s,box-shadow .18s,transform .18s}.guru-kpi-btn:hover{border-color:#c084fc;transform:translateY(-2px);box-shadow:0 8px 20px #9333ea1f}.guru-toolbar{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:14px;display:flex}.guru-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.guru-search{color:#94a3b8;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;min-width:230px;height:38px;padding:0 12px;display:flex}.guru-search:focus-within{border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1a}.guru-search input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:.8125rem}.guru-chips{flex-wrap:wrap;gap:6px;display:flex}.guru-chip-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:.75rem;font-weight:700;transition:all .15s}.guru-chip-btn:hover{color:#c2410c;border-color:#fdba74}.guru-chip-btn.is-active{color:#fff;background:#0f172a;border-color:#0f172a}.guru-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;height:38px;padding:0 10px;font-family:inherit;font-size:.75rem;font-weight:600}.guru-select:focus{border-color:#ea580c}.guru-count{color:#94a3b8;white-space:nowrap;font-size:.75rem;font-weight:700}.guru-primary-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ea580c;border:none;border-radius:11px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.8125rem;font-weight:800;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 4px 14px #ea580c38}.guru-primary-btn:hover{background:#c2410c;transform:translateY(-1px)}.guru-empty-box{color:#94a3b8;text-align:center;background:#fafafa;border:1px dashed #e5e7eb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:48px 20px;display:flex}.guru-empty-box strong{color:#475569;font-size:.9375rem;font-weight:800}.guru-empty-box span{font-size:.8125rem}.guru-card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.guru-card-grid.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}.guru-task-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:10px;padding:16px;transition:border-color .18s,box-shadow .18s;display:flex}.guru-task-card:hover{border-color:#cbd5e1;box-shadow:0 8px 22px #0f172a0f}.guru-task-top{align-items:flex-start;gap:11px;display:flex}.guru-task-heading{flex:1;min-width:0}.guru-task-heading strong{color:#0f172a;overflow-wrap:anywhere;font-size:.875rem;font-weight:800;line-height:1.4;display:block}.guru-task-heading span{color:#94a3b8;margin-top:2px;font-size:.6875rem;font-weight:600;display:block}.guru-task-foot{border-top:1px dashed #f1f5f9;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.guru-task-foot .guru-primary-btn{box-shadow:none;padding:8px 12px;font-size:.75rem}.guru-stack{flex-direction:column;gap:16px;display:flex}.guru-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:10px;padding:16px;transition:border-color .18s,box-shadow .18s;display:flex}.guru-item-card:hover{border-color:#cbd5e1;box-shadow:0 8px 22px #0f172a0f}.guru-item-head{align-items:flex-start;gap:11px;display:flex}.guru-item-icon{color:#ea580c;background:#fff7ed;border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;height:36px;display:flex}.guru-item-heading{flex:1;min-width:0}.guru-item-heading strong{color:#0f172a;overflow-wrap:anywhere;font-size:.875rem;font-weight:800;line-height:1.4;display:block}.guru-item-sub{color:#94a3b8;margin-top:2px;font-size:.6875rem;font-weight:600;display:block}.guru-status{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:999px;flex:none;padding:4px 10px;font-size:.625rem;font-weight:800}.guru-status.is-live{color:#047857;background:#ecfdf5}.guru-status.is-draft{color:#64748b;background:#f1f5f9}.guru-status.is-warn{color:#b45309;background:#fffbeb}.guru-status.is-danger{color:#b91c1c;background:#fef2f2}.guru-item-tags{flex-wrap:wrap;gap:6px;display:flex}.guru-tag{color:#c2410c;background:#fff7ed;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.6875rem;font-weight:700;display:inline-flex}.guru-tag.is-soft{color:#475569;background:#f1f5f9}.guru-item-desc{color:#4b5563;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.8125rem;line-height:1.55;display:-webkit-box;overflow:hidden}.guru-item-foot{border-top:1px dashed #f1f5f9;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.guru-link{color:#ea580c;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.75rem;font-weight:800;text-decoration:none}.guru-link:hover{text-decoration:underline}.guru-item-actions{gap:6px;display:flex}.guru-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.guru-icon-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.guru-icon-btn.is-danger:hover{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.guru-icon-btn:disabled{opacity:.5;cursor:not-allowed}.guru-wide-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex}.guru-wide-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.guru-wide-title{flex:1;align-items:flex-start;gap:11px;min-width:0;display:flex}.guru-wide-title strong{color:#0f172a;margin-bottom:5px;font-size:.9375rem;font-weight:800;line-height:1.4;display:block}.guru-wide-side{align-items:center;gap:10px;display:flex}.guru-progress-row{background:#f8fafc;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.guru-progress-meta{color:#64748b;flex-wrap:wrap;gap:14px;font-size:.6875rem;font-weight:700;display:flex}.guru-progress-meta strong{color:#0f172a}.guru-progress-meta .is-ok{color:#047857}.guru-progress-meta .is-warn{color:#b45309}.guru-progress-bar{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.guru-progress-bar span{background:linear-gradient(90deg,#10b981,#34d399);border-radius:999px;height:100%;transition:width .3s;display:block}.guru-sub-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;display:grid}.guru-sub-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:8px;padding:11px 12px;font-family:inherit;transition:all .16s;display:flex}.guru-sub-card.is-pending{background:#fffdf5;border-color:#fde68a}.guru-sub-card:hover{border-color:#fdba74;transform:translateY(-2px);box-shadow:0 8px 18px #0f172a14}.guru-sub-top{align-items:center;gap:9px;display:flex}.guru-sub-avatar{color:#1d4ed8;background:#eff6ff;border-radius:9px;flex:0 0 30px;justify-content:center;align-items:center;height:30px;font-size:.6875rem;font-weight:800;display:flex}.guru-sub-name{flex:1;min-width:0}.guru-sub-name strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:800;display:block;overflow:hidden}.guru-sub-name span{color:#94a3b8;font-size:.625rem;font-weight:600;display:block}.guru-sub-score{text-align:center;color:#64748b;background:#f1f5f9;border-radius:8px;flex:none;min-width:34px;padding:3px 7px;font-size:.75rem;font-weight:800}.guru-sub-score.is-done{color:#047857;background:#ecfdf5}.guru-sub-bottom{color:#94a3b8;justify-content:space-between;align-items:center;gap:8px;font-size:.625rem;font-weight:600;display:flex}.guru-sub-cta{color:#ea580c;font-weight:800}.guru-sub-empty{text-align:center;color:#94a3b8;background:#fafafa;border:1px dashed #e5e7eb;border-radius:10px;margin:0;padding:16px;font-size:.8125rem}.guru-class-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.guru-class-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px}.guru-class-head{color:#0f172a;border-bottom:1px dashed #e5e7eb;align-items:center;gap:9px;padding-bottom:10px;display:flex}.guru-class-head strong{flex:1;font-size:.9375rem;font-weight:800}.guru-chip{color:#c2410c;background:#fff7ed;border-radius:999px;padding:3px 9px;font-size:.625rem;font-weight:800}.guru-class-stats{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.guru-class-stats span{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.6875rem;font-weight:700;display:inline-flex}.guru-class-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.guru-class-list li{color:#374151;background:#fafafa;border-radius:8px;grid-template-columns:64px 1fr auto;align-items:center;gap:8px;padding:6px 8px;font-size:.75rem;display:grid}.guru-class-day{text-transform:capitalize;color:#ea580c;font-weight:800}.guru-class-subject{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.guru-class-time{color:#64748b;white-space:nowrap;font-size:.6875rem;font-weight:600}.guru-form{flex-direction:column;gap:14px;display:flex}.guru-field{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.guru-field-row{gap:12px;display:flex}@media (width<=560px){.guru-field-row{flex-direction:column}}.guru-field label{color:#374151;font-size:.75rem;font-weight:700}.guru-input{color:#111827;resize:vertical;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.8125rem}.guru-input:focus{border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1f}.guru-hint{color:#6b7280;font-size:.6875rem}.guru-file-drop{cursor:pointer;color:#4b5563;background:#fafafa;border:1.5px dashed #d1d5db;border-radius:12px;align-items:center;gap:10px;padding:14px;font-size:.8125rem;display:flex}.guru-file-drop:hover{color:#ea580c;border-color:#ea580c}.guru-check{color:#374151;align-items:center;gap:8px;font-size:.8125rem;display:flex}.guru-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-size:.75rem;font-weight:600}.guru-segment{background:#f1f5f9;border-radius:10px;gap:4px;padding:4px;display:flex}.guru-segment-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 10px;font-family:inherit;font-size:.75rem;font-weight:700;transition:all .15s}.guru-segment-btn:hover{color:#0f172a}.guru-segment-btn.is-active{color:#ea580c;background:#fff;box-shadow:0 1px 4px #0f172a1a}.guru-approval-note{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:9px;align-items:center;gap:7px;padding:8px 12px;font-size:.6875rem;font-weight:700;display:flex}.guru-approval-note.is-inline{margin:0}@media (width<=900px){.guru-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.guru-card-grid.is-three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.guru-toolbar{align-items:stretch}.guru-toolbar-left{width:100%}.guru-search{flex:100%;min-width:0}.guru-primary-btn{justify-content:center;width:100%}.guru-card-grid,.guru-card-grid.is-three,.guru-class-grid,.guru-sub-grid{grid-template-columns:1fr}.guru-class-list li{grid-template-columns:60px 1fr}.guru-class-time{grid-column:2}}.guru-item-links{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.guru-item-links .guru-link{align-items:center;gap:5px;display:inline-flex}.guru-field-hint{color:#94a3b8;margin-top:5px;font-size:.6875rem;font-weight:600;line-height:1.45;display:block}.guru-terminated-note{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;align-items:flex-start;gap:7px;padding:8px 10px;font-size:.6875rem;font-weight:600;line-height:1.5;display:flex}.guru-terminated-note svg{flex:none;margin-top:1px}.siswa-section-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 12px;padding-bottom:9px;display:flex}.siswa-section-head:first-of-type{margin-top:4px}.siswa-section-title{color:#0f172a;align-items:center;gap:7px;margin:0;font-size:.875rem;font-weight:800;display:inline-flex}.siswa-section-title svg{color:#ea580c}.siswa-section-count{color:#94a3b8;font-size:.6875rem;font-weight:700}.siswa-task-foot-meta{color:#94a3b8;font-size:.6875rem;font-weight:600}.siswa-task-score{color:#64748b;background:#f1f5f9;border-radius:999px;padding:5px 12px;font-size:.6875rem;font-weight:800}.siswa-task-score.is-graded{color:#047857;background:#ecfdf5}.siswa-feedback-box{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-left:3px solid #3b82f6;border-radius:11px;align-items:flex-start;gap:10px;padding:11px 13px;display:flex}.siswa-feedback-box>div{min-width:0}.siswa-feedback-box strong{text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:800;display:block}.siswa-feedback-box p{color:#1e40af;white-space:pre-wrap;margin:3px 0 0;font-size:.8125rem;line-height:1.6}.guru-item-icon.is-purple{color:#7c3aed;background:#f5f3ff}.siswa-day-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.siswa-day-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:10px;padding:16px;transition:border-color .18s,box-shadow .18s;display:flex}.siswa-day-card:hover{border-color:#cbd5e1;box-shadow:0 8px 22px #0f172a0f}.siswa-day-head{border-bottom:1px dashed #e5e7eb;justify-content:space-between;align-items:center;gap:10px;padding-bottom:9px;display:flex}.siswa-day-name{color:#0f172a;text-transform:capitalize;font-size:.875rem;font-weight:800}.siswa-day-count{color:#c2410c;background:#fff7ed;border-radius:999px;padding:3px 9px;font-size:.625rem;font-weight:800}.siswa-day-list{flex-direction:column;gap:8px;display:flex}.siswa-day-item{background:#f8fafc;border-radius:11px;align-items:center;gap:11px;padding:9px 11px;display:flex}.siswa-day-time{color:#334155;font-variant-numeric:tabular-nums;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:none;padding:4px 9px;font-size:.6875rem;font-weight:800}.siswa-day-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.siswa-day-body strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:700;overflow:hidden}.siswa-day-body span{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:.6875rem;font-weight:600;display:inline-flex;overflow:hidden}.siswa-exam-note{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;align-items:flex-start;gap:9px;margin-top:18px;padding:12px 14px;font-size:.75rem;font-weight:600;line-height:1.6;display:flex}.siswa-exam-note strong{font-weight:800}@media (width<=640px){.siswa-day-grid{grid-template-columns:1fr}.siswa-day-item{align-items:flex-start}.siswa-section-head{flex-wrap:wrap}}.magic-bento{--mb-spring:cubic-bezier(.34, 1.4, .64, 1);box-sizing:border-box;width:100%;color:var(--mb-ink,#f4f4f5);font-feature-settings:"tnum" 0;-webkit-tap-highlight-color:transparent;grid-auto-flow:dense;display:grid;position:relative}@supports (transition-timing-function:linear(0, 1)){.magic-bento{--mb-spring:linear(0, .0603, .2033, .3821, .5633, .7258, .8584, .9574, 1.0242, 1.0634, 1.0809, 1.0828, 1.0747, 1.0613, 1.046, 1.0313, 1.0186, 1.0085, 1.0012, .9965, .994, .9931, .9933, .9941, .9953, .9966, .9978, .9988, 1)}}.magic-bento__cell{--mb-delay:0s;min-width:0;min-height:0;position:relative}.magic-bento[data-intro] .magic-bento__cell{opacity:0;transform:translateY(16px)scale(.97)}.magic-bento[data-intro] .magic-bento__cell[data-state=in]{opacity:1;transition:opacity .42s cubic-bezier(.22, 1, .36, 1) var(--mb-delay), transform .76s var(--mb-spring) var(--mb-delay);transform:none}.magic-bento__card{box-sizing:border-box;border-radius:var(--mb-radius,20px);background:var(--mb-surface,#ffffff0b);width:100%;height:100%;box-shadow:var(--mb-shadow,0 20px 40px -20px #00000080);color:var(--mb-ink,#f4f4f5);isolation:isolate;transform:perspective(900px) translate3d(var(--mb-tx,0px), var(--mb-ty,0px), 0) rotateX(var(--mb-rx,0deg)) rotateY(var(--mb-ry,0deg)) scale(var(--mb-press,1));-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(12px);outline:none;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.magic-bento__card[data-clickable]{cursor:pointer}.magic-bento__card:focus-visible{box-shadow:var(--mb-shadow), 0 0 0 2px var(--mb-focus,#e8702a80)}.magic-bento__light{z-index:1;border-radius:inherit;background:radial-gradient(var(--mb-spot-size,300px) circle at var(--mb-x,-999px) var(--mb-y,-999px), rgba(var(--mb-glow-rgb,232, 112, 42), calc(var(--mb-spot-alpha,.08) * var(--mb-hot,0) * 1)) 0%, rgba(var(--mb-glow-rgb,232, 112, 42), calc(var(--mb-spot-alpha,.08) * var(--mb-hot,0) * .973)) 15%, rgba(var(--mb-glow-rgb,232, 112, 42), calc(var(--mb-spot-alpha,.08) * var(--mb-hot,0) * .837)) 30%, rgba(var(--mb-glow-rgb,232, 112, 42), calc(var(--mb-spot-alpha,.08) * var(--mb-hot,0) * .593)) 45%, rgba(var(--mb-glow-rgb,232, 112, 42), calc(var(--mb-spot-alpha,.08) * var(--mb-hot,0) * .317)) 60%, rgba(var(--mb-glow-rgb,232, 112, 42), calc(var(--mb-spot-alpha,.08) * var(--mb-hot,0) * .104)) 75%, rgba(var(--mb-glow-rgb,232, 112, 42), 0) 100%);pointer-events:none;position:absolute;inset:0}.magic-bento__rim{z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--mb-edge,#ffffff14), inset 0 1px 0 var(--mb-highlight,#ffffff1a);pointer-events:none;position:absolute;inset:0}.magic-bento__border{z-index:4;box-sizing:border-box;border-radius:inherit;background:radial-gradient(var(--mb-border-size,300px) circle at var(--mb-x,-999px) var(--mb-y,-999px), rgba(var(--mb-glow-rgb,232, 112, 42), calc(var(--mb-glow-alpha,.8) * var(--mb-near,0) * 1)) 0%, rgba(var(--mb-glow-rgb,232, 112, 42), calc(var(--mb-glow-alpha,.8) * var(--mb-near,0) * .6)) 30%, rgba(var(--mb-glow-rgb,232, 112, 42), calc(var(--mb-glow-alpha,.8) * var(--mb-near,0) * .2)) 60%, rgba(var(--mb-glow-rgb,232, 112, 42), 0) 100%), radial-gradient(circle at var(--mb-wx,-999px) var(--mb-wy,-999px), rgba(var(--mb-glow-rgb,232, 112, 42), 0) calc(var(--mb-wr,0px) - 80px), rgba(var(--mb-glow-rgb,232, 112, 42), calc(var(--mb-glow-alpha,.8) * var(--mb-wa,0) * .6)) calc(var(--mb-wr,0px) - 20px), rgba(var(--mb-glow-rgb,232, 112, 42), calc(var(--mb-glow-alpha,.8) * var(--mb-wa,0))) calc(var(--mb-wr,0px) - 3px), rgba(var(--mb-glow-rgb,232, 112, 42), 0) var(--mb-wr,0px));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.magic-bento__content{z-index:2;box-sizing:border-box;min-height:0;padding:var(--mb-pad,20px);flex-direction:column;flex:1;gap:12px;display:flex;position:relative}.magic-bento__header{min-width:0;color:var(--mb-muted,#f4f4f5a6);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:500;line-height:16px;display:flex}.magic-bento__header-left{align-items:center;gap:8px;min-width:0;display:flex}.magic-bento__icon{width:32px;height:32px;color:var(--mb-ink,#f4f4f5);background:var(--mb-well,#ffffff0d);border:1px solid var(--mb-edge,#ffffff14);border-radius:8px;place-items:center;display:grid}.magic-bento__badge{background:rgba(var(--mb-glow-rgb,232, 112, 42), .15);color:rgb(var(--mb-glow-rgb,232, 112, 42));border:1px solid rgba(var(--mb-glow-rgb,232, 112, 42), .25);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.magic-bento__label{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:600;overflow:hidden}.magic-bento__visual{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex;position:relative}.magic-bento__text{flex-direction:column;gap:4px;margin-top:auto;display:flex}.magic-bento__title{color:var(--mb-ink,#f4f4f5);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700;line-height:24px}.magic-bento__description{color:var(--mb-muted,#f4f4f5a6);margin:0;font-size:13px;line-height:1.45}.magic-bento__figure{white-space:nowrap;align-items:baseline;gap:8px;margin:6px 0;display:flex}.magic-bento__figure-value{color:var(--mb-ink,#f4f4f5);letter-spacing:-.02em;font-size:28px;font-weight:700;line-height:32px}.magic-bento__figure-note{color:var(--mb-muted,#f4f4f5a6);font-size:12px;font-weight:500}[data-theme=light] .magic-bento,:root:not(.dark) .magic-bento{--mb-surface:linear-gradient(180deg, #fff 0%, #f7f8fa 100%);--mb-edge:#00000014;--mb-highlight:#ffffffe6;--mb-shadow:0 16px 32px -16px #0000001f;--mb-well:#00000008;--mb-ink:#0f172a;--mb-muted:#64748b;--mb-focus:#e8702a66}html.dark .dashboard-shell .magic-bento__card{--mb-surface:#ffffff0b}html.dark .dashboard-shell .magic-bento__cell,html.dark .dashboard-shell .magic-bento__card{--mb-glow-alpha:.28;--mb-spot-alpha:.06;--mb-focus:#fff6;--mb-glow-rgb:255, 255, 255!important}@media (width<=640px){.dashboard-shell .magic-bento{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.vibe-skeleton{background-color:var(--skeleton-bg,#ffffff14);border-radius:var(--skeleton-radius,8px);vertical-align:middle;display:inline-block;position:relative;overflow:hidden}[data-theme=light] .vibe-skeleton,:root:not(.dark) .vibe-skeleton{--skeleton-bg:#00000012}[data-theme=dark] .vibe-skeleton,.dark .vibe-skeleton{--skeleton-bg:#ffffff14}.vibe-skeleton-pulse{animation:1.8s cubic-bezier(.4,0,.6,1) infinite vibeSkeletonPulse}@keyframes vibeSkeletonPulse{0%,to{opacity:1}50%{opacity:.45}}.vibe-skeleton-shimmer:after{content:"";background-image:linear-gradient(90deg,#fff0 0,#ffffff1f 20%,#ffffff38 60%,#fff0);animation:2s infinite vibeSkeletonShimmer;position:absolute;inset:0;transform:translate(-100%)}[data-theme=light] .vibe-skeleton-shimmer:after,:root:not(.dark) .vibe-skeleton-shimmer:after{background-image:linear-gradient(90deg,#0000 0,#0000000a 20%,#00000017 60%,#0000)}@keyframes vibeSkeletonShimmer{to{transform:translate(100%)}}.vibe-skeleton-glow{animation:2s ease-in-out infinite alternate vibeSkeletonGlow;box-shadow:0 0 15px #3b82f626}@keyframes vibeSkeletonGlow{0%{box-shadow:0 0 5px #3b82f60d}to{box-shadow:0 0 20px #3b82f640}}.vibe-skeleton-glass{-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a}.vibe-skeleton-circle{border-radius:50%!important}.vibe-skeleton-line{border-radius:4px;width:100%;height:14px;display:block}.skeleton-dashboard-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex}.skeleton-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.grm-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=780px){.grm-grid{grid-template-columns:1fr}}.grm-pane{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.grm-pane.is-form{background:#fffbf7;border-color:#fed7aa}.grm-pane-title{color:#0f172a;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px dashed #e5e7eb;align-items:center;gap:7px;margin:0;padding-bottom:10px;font-size:.8125rem;font-weight:800;display:flex}.grm-student{align-items:center;gap:12px;display:flex}.grm-avatar{color:#1d4ed8;background:#eff6ff;border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;height:42px;font-size:.8125rem;font-weight:800;display:flex}.grm-student strong{color:#0f172a;font-size:.875rem;display:block}.grm-muted{color:#64748b;align-items:center;gap:4px;margin-top:2px;font-size:.6875rem;font-weight:600;display:inline-flex}.grm-meta-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grm-meta-item{flex-direction:column;gap:4px;display:flex}.grm-meta-label{text-transform:uppercase;letter-spacing:.03em;color:#94a3b8;align-items:center;gap:4px;font-size:.6875rem;font-weight:700;display:inline-flex}.grm-meta-value{color:#334155;font-size:.75rem;font-weight:600}.grm-badge{border-radius:999px;width:fit-content;padding:3px 9px;font-size:.6875rem;font-weight:800;display:inline-block}.grm-badge.is-done{color:#047857;background:#ecfdf5}.grm-badge.is-pending{color:#b45309;background:#fef3c7}.grm-block{flex-direction:column;gap:6px;display:flex}.grm-answer{color:#1e293b;white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;margin:0;padding:10px 12px;font-size:.8125rem;line-height:1.55}.grm-answer.is-empty{color:#94a3b8;font-style:italic}.grm-file-btn{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:7px;max-width:100%;padding:9px 13px;font-family:inherit;font-size:.75rem;font-weight:700;display:inline-flex}.grm-file-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grm-file-btn:hover{background:#dbeafe}.grm-file-btn:disabled{opacity:.6;cursor:wait}.grm-file-url{color:#64748b;word-break:break-all;margin:0;font-size:.6875rem}.grm-error{color:#b91c1c;margin:0;font-size:.6875rem;font-weight:700}.grm-label{color:#374151;font-size:.75rem;font-weight:700}.grm-score-input{color:#0f172a;text-align:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:1.75rem;font-weight:800}.grm-score-input:focus{border-color:#ea580c;box-shadow:0 0 0 4px #ea580c1f}.grm-quick{flex-wrap:wrap;gap:6px;display:flex}.grm-quick-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:auto;min-width:44px;padding:7px 0;font-family:inherit;font-size:.75rem;font-weight:700}.grm-quick-btn:hover{color:#c2410c;background:#fff7ed;border-color:#fdba74}.grm-quick-btn.is-active{color:#fff;background:#ea580c;border-color:#ea580c}.grm-feedback{color:#111827;resize:vertical;background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:.8125rem;line-height:1.6}.grm-feedback:focus{border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1f}.grm-hint{color:#94a3b8;margin:0;font-size:.6875rem;line-height:1.5}.pgr-root{flex-direction:column;gap:14px;display:flex}.pgr-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px 16px;display:flex}.pgr-field{flex-direction:column;gap:5px;min-width:220px;display:flex}.pgr-field.is-actions{min-width:auto;margin-left:auto}.pgr-field label{letter-spacing:.02em;color:#64748b;text-transform:uppercase;font-size:.6875rem;font-weight:700}.pgr-ghost{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:7px;padding:9px 14px;font-size:.75rem;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.pgr-ghost:hover{background:#f8fafc;border-color:#cbd5e1}.pgr-alert{border-radius:12px;align-items:flex-start;gap:8px;padding:11px 14px;font-size:.75rem;font-weight:600;line-height:1.55;display:flex}.pgr-alert svg{flex:none;margin-top:1px}.pgr-alert.is-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.pgr-alert.is-ok{color:#047857;background:#f0fdf4;border:1px solid #a7f3d0}.pgr-alert.is-warn{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.pgr-summary{grid-template-columns:1.6fr repeat(6,1fr);gap:8px;display:grid}.pgr-sum-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.pgr-sum-item.is-head{background:#f8fafc}.pgr-sum-label{letter-spacing:.02em;color:#94a3b8;text-transform:uppercase;font-size:.625rem;font-weight:700}.pgr-sum-item strong{color:#0f172a;font-size:1.125rem;font-weight:800}.pgr-sum-item.is-hadir strong{color:#059669}.pgr-sum-item.is-terlambat strong{color:#b45309}.pgr-sum-item.is-izin strong{color:#1d4ed8}.pgr-sum-item.is-sakit strong{color:#6d28d9}.pgr-sum-item.is-alpa strong{color:#b91c1c}.pgr-sum-item.is-kosong strong{color:#64748b}.pgr-list{flex-direction:column;gap:8px;display:flex}.pgr-row{background:#fff;border:1px solid #e5e7eb;border-left:3px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:border-color .15s,background .15s;display:flex}.pgr-row.is-hadir{border-left-color:#10b981}.pgr-row.is-terlambat{border-left-color:#f59e0b}.pgr-row.is-izin{border-left-color:#3b82f6}.pgr-row.is-sakit{border-left-color:#8b5cf6}.pgr-row.is-alpa{border-left-color:#ef4444}.pgr-num{color:#64748b;background:#f1f5f9;border-radius:7px;flex:0 0 24px;justify-content:center;align-items:center;height:24px;font-size:.6875rem;font-weight:800;display:inline-flex}.pgr-who{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.pgr-who strong{color:#0f172a;font-size:.8125rem;font-weight:700}.pgr-who span{color:#94a3b8;font-size:.6875rem;font-weight:600}.pgr-options{flex:none;gap:5px;display:flex}.pgr-opt{color:#94a3b8;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:800;transition:all .14s;display:inline-flex}.pgr-opt:hover{color:#475569;border-color:#cbd5e1}.pgr-opt.is-hadir.is-active{color:#047857;background:#ecfdf5;border-color:#10b981}.pgr-opt.is-terlambat.is-active{color:#b45309;background:#fffbeb;border-color:#f59e0b}.pgr-opt.is-izin.is-active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.pgr-opt.is-sakit.is-active{color:#6d28d9;background:#f5f3ff;border-color:#8b5cf6}.pgr-opt.is-alpa.is-active{color:#b91c1c;background:#fef2f2;border-color:#ef4444}.pgr-savebar{z-index:5;background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;bottom:12px;box-shadow:0 12px 28px #0f172a14}.pgr-savebar>span{color:#64748b;font-size:.75rem;font-weight:600}.pgr-rekap{flex-direction:column;gap:10px;margin-top:6px;display:flex}.pgr-rekap-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.pgr-rekap-head h3{color:#0f172a;align-items:center;gap:7px;margin:0;font-size:.875rem;font-weight:800;display:flex}.pgr-rekap-head span{color:#94a3b8;font-size:.6875rem;font-weight:600}.pgr-rekap-list{flex-direction:column;gap:7px;display:flex}.pgr-rekap-row{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:1.2fr 1.4fr 48px 150px;align-items:center;gap:12px;padding:10px 14px;display:grid}.pgr-rekap-who{flex-direction:column;gap:1px;min-width:0;display:flex}.pgr-rekap-who strong{color:#0f172a;font-size:.8125rem;font-weight:700}.pgr-rekap-who span{color:#94a3b8;font-size:.625rem;font-weight:600}.pgr-rekap-bar{background:#f1f5f9;border-radius:999px;height:7px;overflow:hidden}.pgr-rekap-bar>span{background:linear-gradient(90deg,#34d399,#059669);border-radius:999px;height:100%;display:block}.pgr-rekap-pct{color:#0f766e;text-align:right;font-size:.8125rem;font-weight:800}.pgr-rekap-detail{justify-content:flex-end;gap:8px;font-size:.625rem;font-weight:800;display:flex}.pgr-rekap-detail .is-hadir{color:#059669}.pgr-rekap-detail .is-terlambat{color:#b45309}.pgr-rekap-detail .is-izin{color:#1d4ed8}.pgr-rekap-detail .is-sakit{color:#6d28d9}.pgr-rekap-detail .is-alpa{color:#b91c1c}@media (width<=1024px){.pgr-summary{grid-template-columns:repeat(3,1fr)}.pgr-rekap-row{grid-template-columns:1fr 1fr 44px}.pgr-rekap-detail{display:none}}@media (width<=640px){.pgr-field{min-width:100%}.pgr-field.is-actions{margin-left:0}.pgr-row{flex-wrap:wrap}.pgr-options{justify-content:flex-end;width:100%}.pgr-summary{grid-template-columns:repeat(2,1fr)}.pgr-savebar{flex-direction:column;align-items:stretch}}.ecm-root{flex-direction:column;gap:14px;display:flex}.ecm-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:11px;align-items:flex-start;gap:8px;padding:10px 13px;font-size:.75rem;font-weight:600;line-height:1.55;display:flex}.ecm-alert svg{flex:none;margin-top:1px}.ecm-code-box{background:linear-gradient(#f8fafc,#fff);border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:20px 18px;display:flex}.ecm-code-label{letter-spacing:.08em;color:#94a3b8;text-transform:uppercase;font-size:.625rem;font-weight:800}.ecm-code{letter-spacing:.28em;color:#0f766e;background:#f0fdfa;border:1.5px dashed #99f6e4;border-radius:12px;padding:10px 18px 10px 24px;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:2rem;font-weight:800;line-height:1.2}.ecm-code.is-off{color:#b91c1c;background:#fef2f2;border-color:#fecaca;text-decoration:line-through}.ecm-code.is-empty{letter-spacing:0;color:#94a3b8;background:#f8fafc;border-style:dashed;border-color:#e2e8f0;padding:14px 18px;font-size:.8125rem;font-weight:700}.ecm-code-actions{gap:8px;display:flex}.ecm-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:6px;padding:8px 13px;font-size:.75rem;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.ecm-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.ecm-btn:disabled{opacity:.5;cursor:not-allowed}.ecm-btn.is-primary{color:#fff;background:#0f766e;border-color:#0f766e}.ecm-btn.is-primary:hover:not(:disabled){background:#115e59;border-color:#115e59}.ecm-rows{flex-direction:column;gap:8px;display:flex}.ecm-row{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.ecm-row-text{flex-direction:column;gap:2px;display:flex}.ecm-row-text strong{color:#0f172a;font-size:.8125rem;font-weight:700}.ecm-row-text span{color:#94a3b8;font-size:.6875rem;font-weight:600;line-height:1.5}.ecm-switch{cursor:pointer;background:#e2e8f0;border:none;border-radius:999px;flex:none;width:46px;height:26px;padding:3px;transition:background .18s}.ecm-switch>span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;display:block;box-shadow:0 1px 3px #0f172a33}.ecm-switch.is-on{background:#0f766e}.ecm-switch.is-on>span{transform:translate(20px)}.ecm-switch:disabled{opacity:.5;cursor:not-allowed}.ecm-note{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:11px;align-items:flex-start;gap:8px;padding:11px 13px;font-size:.6875rem;font-weight:600;line-height:1.6;display:flex}.ecm-note svg{flex:none;margin-top:1px}.asm-root{flex-direction:column;gap:12px;display:flex}.asm-summary{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.asm-summary>span{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:.6875rem;font-weight:700;display:inline-flex}.asm-summary>span strong{color:#0f172a}.asm-summary .is-ok{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.asm-summary .is-warn{color:#b45309;background:#fffbeb;border-color:#fde68a}.asm-list{flex-direction:column;gap:7px;max-height:52vh;padding-right:2px;display:flex;overflow-y:auto}.asm-row{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:11px;width:100%;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.asm-row:hover{background:#fafcff;border-color:#cbd5e1}.asm-row.is-pending{border-left:3px solid #f59e0b}.asm-avatar{color:#475569;background:#f1f5f9;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;height:34px;font-size:.6875rem;font-weight:800;display:inline-flex}.asm-who{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.asm-who strong{color:#0f172a;font-size:.8125rem;font-weight:700}.asm-who span{color:#94a3b8;font-size:.6875rem;font-weight:600}.asm-badge{text-transform:uppercase;letter-spacing:.02em;border:1px solid #0000;border-radius:999px;flex:none;padding:4px 9px;font-size:.625rem;font-weight:800}.asm-badge.is-graded{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.asm-badge.is-wait{color:#b45309;background:#fffbeb;border-color:#fde68a}.asm-chevron{color:#cbd5e1;flex:none}.asm-empty{color:#94a3b8;text-align:center;background:#fcfdff;border:1px dashed #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:38px 20px;display:flex}.asm-empty strong{color:#334155;font-size:.8125rem;font-weight:800}.asm-empty span{max-width:320px;font-size:.6875rem;font-weight:600;line-height:1.6}.pgn-root{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:4px;padding-top:14px;display:flex}.pgn-info{color:#94a3b8;font-size:.75rem;font-weight:600}.pgn-info strong{color:#475569;font-weight:800}.pgn-controls{align-items:center;gap:5px;display:flex}.pgn-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 9px;font-size:.75rem;font-weight:700;transition:all .14s;display:inline-flex}.pgn-btn:hover:not(:disabled):not(.is-active){background:#f8fafc;border-color:#cbd5e1}.pgn-btn.is-active{color:#fff;cursor:default;background:#0f766e;border-color:#0f766e}.pgn-btn:disabled{opacity:.4;cursor:not-allowed}.pgn-gap{color:#cbd5e1;padding:0 3px;font-size:.75rem;font-weight:700}.eqm-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=900px){.eqm-grid{grid-template-columns:1fr}}.eqm-pane{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.eqm-pane.is-form{background:#fffbf7;border-color:#fed7aa}.eqm-pane-head{border-bottom:1px dashed #e5e7eb;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.eqm-pane-head h4{color:#0f172a;text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:.8125rem;font-weight:800}.eqm-pane-head span{color:#94a3b8;font-size:.6875rem;font-weight:700}.eqm-empty{text-align:center;color:#94a3b8;background:#fafafa;border:1px dashed #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin:0;padding:24px 14px;font-size:.8125rem;display:flex}.eqm-list{flex-direction:column;gap:10px;max-height:52vh;padding-right:4px;display:flex;overflow-y:auto}.eqm-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:9px;padding:12px;display:flex}.eqm-item-head{align-items:flex-start;gap:9px;display:flex}.eqm-num{color:#c2410c;background:#fff7ed;border-radius:7px;flex:0 0 24px;justify-content:center;align-items:center;height:24px;font-size:.6875rem;font-weight:800;display:flex}.eqm-question{color:#0f172a;flex:1;margin:0;font-size:.8125rem;font-weight:700;line-height:1.5}.eqm-del{color:#b91c1c;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.eqm-del:hover{background:#fee2e2}.eqm-del:disabled{opacity:.55;cursor:wait}.eqm-options{flex-direction:column;gap:5px;display:flex}.eqm-option{color:#334155;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:7px;padding:6px 10px;font-size:.75rem;line-height:1.45;display:flex}.eqm-option b{color:#94a3b8;flex:0 0 16px;font-weight:800}.eqm-option.is-key{color:#065f46;background:#ecfdf5;border-color:#a7f3d0;font-weight:700}.eqm-option.is-key b{color:#047857}.eqm-item-foot{color:#64748b;border-top:1px dashed #f1f5f9;align-items:center;gap:14px;padding-top:7px;font-size:.6875rem;display:flex}.eqm-item-foot b{color:#0f172a}.eqm-type{color:#475569;background:#f1f5f9;border-radius:999px;margin-left:auto;padding:2px 8px;font-weight:700}.eqm-form{flex-direction:column;gap:10px;display:flex}.eqm-label{text-transform:uppercase;letter-spacing:.03em;color:#64748b;font-size:.6875rem;font-weight:800}.eqm-input{color:#111827;resize:vertical;background:#fff;border:1px solid #d1d5db;border-radius:9px;outline:none;width:100%;padding:9px 11px;font-family:inherit;font-size:.8125rem}.eqm-input:focus{border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1f}.eqm-option-row{align-items:center;gap:8px;display:flex}.eqm-option-letter{color:#64748b;background:#f1f5f9;border-radius:7px;flex:0 0 26px;justify-content:center;align-items:center;height:26px;font-size:.6875rem;font-weight:800;display:flex}.eqm-option-letter.is-key{color:#fff;background:#047857}.eqm-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.eqm-field{flex-direction:column;gap:5px;display:flex}.eqm-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;margin:0;padding:8px 10px;font-size:.6875rem;font-weight:700;display:flex}.eqm-submit{justify-content:center;margin-top:4px}.star-border{isolation:isolate;border-radius:var(--star-border-radius);background:var(--star-border-surface);color:var(--star-border-text);font:inherit;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:.875rem 1.5rem;font-weight:500;line-height:1.25;text-decoration:none;display:inline-flex;position:relative}.star-border:before{content:"";z-index:-1;border-radius:inherit;box-shadow:inset 0 0 0 var(--star-border-thickness) var(--star-border-track);pointer-events:none;position:absolute;inset:0}.star-border__light{z-index:-1;pointer-events:none;width:calc(100% + 96px);height:calc(100% + 96px);position:absolute;top:-48px;left:-48px}button.star-border,a.star-border{cursor:pointer}.star-border:focus-visible{outline:2px solid var(--star-border-track);outline-offset:3px}.star-border:disabled{cursor:not-allowed;opacity:.5}.video-modal{z-index:2000;-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);background:#040810c7;place-items:center;padding:clamp(14px,3vw,40px);animation:.28s both videoModalFade;display:grid;position:fixed;inset:0}.video-modal__panel{background:linear-gradient(160deg,#141c2afa,#080d16fc);border:1px solid #ffffff24;border-radius:clamp(16px,2vw,24px);width:min(1120px,100%,177.778svh - 337.778px);animation:.34s cubic-bezier(.22,1,.36,1) both videoModalPop;overflow:hidden;box-shadow:0 46px 100px -36px #000000e6,inset 0 1px #ffffff14}.video-modal__bar{justify-content:space-between;align-items:center;gap:16px;padding:12px 12px 12px 20px;display:flex}.video-modal__meta{align-items:center;gap:12px;min-width:0;display:flex}.video-modal__dot{background:#ff5a0c;border-radius:999px;flex:none;width:7px;height:7px;box-shadow:0 0 0 4px #ff5a0c29}.video-modal__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#ffffff85;margin:0 0 2px;font-family:Plus Jakarta Sans,system-ui,Segoe UI,sans-serif;font-size:.62rem;font-weight:600}.video-modal__title{letter-spacing:-.01em;color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:Plus Jakarta Sans,system-ui,Segoe UI,sans-serif;font-size:clamp(.88rem,1vw,1.02rem);font-weight:600;overflow:hidden}.video-modal__close{aspect-ratio:1;color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;flex:none;place-items:center;width:40px;padding:0;transition:transform .25s,background .25s,border-color .25s;display:grid}.video-modal__close:hover{background:#ffffff21;border-color:#ffffff4d;transform:rotate(90deg)}.video-modal__close:focus-visible{outline-offset:3px;outline:2px solid #ff7a33}.video-modal__close svg{width:18px;height:18px}.video-modal__stage{aspect-ratio:16/9;background:#000;position:relative}.video-modal__stage video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}@keyframes videoModalFade{0%{opacity:0}to{opacity:1}}@keyframes videoModalPop{0%{opacity:0;transform:translateY(14px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.video-modal{padding:10px}.video-modal__bar{padding:10px 10px 10px 14px}.video-modal__eyebrow{display:none}.video-modal__close{width:36px}}@media (prefers-reduced-motion:reduce){.video-modal,.video-modal__panel{animation:none}.video-modal__close{transition:none}.video-modal__close:hover{transform:none}}.hero{--hero-ink:#0c1726;--hero-pad:clamp(20px, 5.6vw, 96px);isolation:isolate;width:100%;min-height:100svh;color:var(--hero-ink);background:#f7f3ef;scroll-margin-top:0;display:flex;position:relative;overflow:hidden}.hero-backdrop{z-index:0;object-fit:cover;object-position:50% 45%;width:100%;height:100%;position:absolute;inset:0}.hero-veil{z-index:1;background:linear-gradient(90deg,#f7f4f18c 0%,#f7f4f12e 24%,#f7f4f100 44%);position:absolute;inset:0}.hero-inner{z-index:10;width:100%;padding:clamp(104px, 13vh, 156px) var(--hero-pad) clamp(80px, 12vh, 140px);flex-direction:column;display:flex;position:relative}.hero-copy{flex-direction:column;width:min(770px,100%);display:flex}.hero-eyebrow{letter-spacing:.3em;text-transform:uppercase;color:#6b7482;align-items:center;gap:14px;font-size:11px;font-weight:600;display:flex}.hero-eyebrow__line{background:var(--color-primary);border-radius:2px;width:42px;height:2px}.hero-title{font-family:var(--heading);letter-spacing:-.045em;color:var(--hero-ink);margin:clamp(16px,2.2vw,26px) 0 0;font-size:clamp(2.2rem,5.2vw,5.1rem);font-weight:800;line-height:.97}.hero-title span{display:block}.hero-title__accent{color:var(--color-primary)}.hero-desc{letter-spacing:-.005em;color:#56606f;max-width:34rem;margin:clamp(14px,1.9vw,24px) 0 0;font-size:clamp(1rem,1.1vw,1.2rem);line-height:1.62}.hero-actions{flex-wrap:wrap;align-items:center;gap:clamp(18px,2.2vw,30px);margin-top:clamp(20px,2.5vw,32px);display:flex}.hero-cta{letter-spacing:-.01em;color:#fff;background:linear-gradient(120deg,#ff5a0c 0%,#fe4000 58%,#f03200 100%);border-radius:999px;align-items:center;gap:12px;height:clamp(58px,4.4vw,66px);padding:0 10px 0 26px;font-size:clamp(.95rem,1.05vw,1.06rem);font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 26px 45px -18px #fe4000b3,inset 0 1px #ffffff59}.hero-cta.star-border{color:#fff;background:linear-gradient(120deg,#ff5a0c 0%,#fe4000 58%,#f03200 100%);border-radius:999px;gap:12px;height:clamp(58px,4.4vw,66px);padding:0 10px 0 26px;font-size:clamp(.95rem,1.05vw,1.06rem);font-weight:700}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 30px 55px -18px #fe4000d1}.hero-cta__icon{width:20px;height:20px}.hero-cta__arrow{background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;place-items:center;width:42px;height:42px;display:grid}.hero-cta__arrow svg{width:18px;height:18px}.hero-play{cursor:pointer;color:var(--hero-ink);text-align:left;background:0 0;border:0;align-items:center;gap:16px;padding:0;display:inline-flex}.hero-play__icon{aspect-ratio:1;color:#fff;background:radial-gradient(circle at 32% 28%,#26374f,#0d1b2e 70%);border-radius:999px;place-items:center;width:clamp(52px,4vw,60px);transition:transform .25s;display:grid;box-shadow:0 0 0 5px #fff9,0 0 0 6px #0d1b2e14,0 18px 30px -14px #0d1b2e99}.hero-play:hover .hero-play__icon{transform:scale(1.06)}.hero-play__icon svg{width:14px;height:14px;margin-left:3px}.hero-play__label{color:#33404f;font-size:clamp(.82rem,.92vw,.95rem);font-weight:600;line-height:1.25}.hero-stats{align-items:stretch;gap:clamp(10px,1vw,16px);margin:clamp(22px,2.8vw,38px) 0 0;padding:0;list-style:none;display:flex}.hero-stat{-webkit-backdrop-filter:blur(12px)saturate(1.15);background:linear-gradient(140deg,#ffffffdb,#ffffff94);border:1px solid #ffffffd9;border-radius:clamp(16px,1.4vw,22px);flex-direction:column;flex:none;gap:6px;width:clamp(150px,17.5vw,258px);padding:clamp(14px,1.2vw,20px) clamp(15px,1.3vw,22px) clamp(20px,1.6vw,28px);transition:transform .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 26px 45px -30px #1026428c,inset 0 1px #fff9}.hero-stat:hover{transform:translateY(-4px);box-shadow:0 34px 55px -30px #10264299}.hero-stats .hero-stat:first-child,.hero-stats .hero-stat:nth-child(2){width:clamp(150px,17vw,256px)}.hero-stats .hero-stat:nth-child(3){background:linear-gradient(140deg,#ffffffad,#fff6);width:clamp(150px,17vw,256px)}.hero-stat__icon{width:clamp(26px,2.2vw,32px);height:auto;color:var(--color-primary);stroke-width:1.9px;margin-bottom:clamp(6px,1vw,12px)}.hero-stat__value{letter-spacing:-.02em;color:var(--hero-ink);font-size:clamp(1.2rem,1.6vw,1.72rem);font-weight:800;line-height:1.05}.hero-stat__label{color:#6a7382;font-size:clamp(.72rem,.85vw,.85rem);font-weight:500;line-height:1.35}.hero-stat__chevron{color:#98a4b3;background:#fff6;border:1px solid #ffffffb3;border-radius:999px;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:clamp(12px,1vw,16px);right:clamp(12px,1vw,16px)}.hero-stat__chevron svg{width:13px;height:13px}.hero-script{z-index:20;transform-origin:0 0;letter-spacing:.005em;color:#fff;text-shadow:0 10px 30px #092d5873,0 2px #ffffff40;margin:0;font-family:Caveat,cursive;font-size:clamp(1.7rem,2.7vw,3rem);font-weight:700;line-height:.9;position:absolute;top:15%;left:59%;transform:rotate(-6deg)}.hero-script__quote{opacity:.85;font-size:1.5em;line-height:1;position:absolute;top:-.85em;right:-.55em}.hero-script__line{display:block}.hero-script__line--second{margin-top:.12em}.hero-script__underline{display:inline-block;position:relative}.hero-script__underline:after{content:"";background:linear-gradient(90deg,#ff8a2b,#ff4d00 65%,#ff4d0000);border-radius:999px;height:.089em;position:absolute;bottom:-.16em;left:.02em;right:-.08em;transform:rotate(-2deg)}.hero-environment{z-index:20;-webkit-backdrop-filter:blur(18px)saturate(1.2);background:linear-gradient(135deg,#ffffffd6,#fff9);border:1px solid #ffffffb8;border-radius:clamp(16px,1.3vw,20px);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:clamp(240px,20vw,282px);padding:clamp(14px,1.1vw,18px);display:grid;position:absolute;bottom:26%;right:clamp(18px,4.5vw,80px);box-shadow:0 28px 55px -28px #0a23408c,inset 0 1px #ffffffa6}.hero-environment__icon{aspect-ratio:1;color:#fff;background:linear-gradient(135deg,#ff6d1f,#f34a00);border-radius:12px;place-items:center;width:clamp(38px,3vw,46px);display:grid;box-shadow:0 14px 24px -12px #f34a00cc}.hero-environment__icon svg{width:20px;height:20px}.hero-environment__text{color:#132539;flex-direction:column;gap:2px;min-width:0;display:flex}.hero-environment__text strong{letter-spacing:-.01em;font-size:clamp(.82rem,.95vw,.95rem);font-weight:700}.hero-environment__text small{color:#5f6e7f;font-size:clamp(.7rem,.78vw,.8rem)}.hero-environment__chevron{color:#8ea1b4;width:18px;height:18px}.hero-footer{z-index:20;padding-inline:var(--hero-pad);pointer-events:none;justify-content:flex-end;align-items:flex-end;gap:clamp(30px,7vw,150px);display:flex;position:absolute;bottom:clamp(14px,3vh,34px);left:0;right:0}.hero-footer>*{pointer-events:auto}.hero-pagination{letter-spacing:.16em;color:#ffffffc7;text-shadow:0 2px 10px #0a234066;align-items:center;gap:clamp(8px,.9vw,14px);font-size:clamp(.7rem,.78vw,.8rem);font-weight:600;display:flex}.hero-pagination__item{opacity:.75}.hero-pagination__item.is-active{color:#ff6a1a;opacity:1}.hero-pagination__track{background:#ffffffa6;border-radius:2px;width:clamp(34px,4vw,64px);height:2px;box-shadow:0 1px 6px #0a23404d}.hero-scroll{cursor:pointer;color:#0f172a;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;display:flex}.hero-scroll__circle{aspect-ratio:1;color:#ff4d00;-webkit-backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #fffffff2;border-radius:999px;place-items:center;width:clamp(52px,4vw,64px);transition:transform .25s,background .25s,color .25s,box-shadow .25s;display:grid;box-shadow:0 0 0 6px #ffffff73,0 18px 32px -12px #0f172a38}.hero-scroll:hover .hero-scroll__circle{color:#e03800;background:#fff;transform:translateY(3px);box-shadow:0 0 0 8px #ffffffbf,0 22px 38px -14px #0f172a4d}.hero-scroll__circle svg{width:18px;height:18px}.hero-scroll__arrow-icon{justify-content:center;align-items:center;line-height:0;display:flex}.hero-scroll__label{text-align:center;letter-spacing:.02em;color:#1e293b;text-shadow:0 1px 4px #ffffffd9;font-size:clamp(.62rem,.7vw,.72rem);font-weight:600;line-height:1.25}@media (width<=1280px){.hero-script{left:56%}.hero-environment{bottom:24%}}@media (width<=1024px){.hero{min-height:100svh}.hero-backdrop{object-position:68% 55%}.hero-veil{background:linear-gradient(#f7f4f1f5 0%,#f7f4f1e6 30%,#f7f4f18c 62%,#f7f4f14d 100%)}.hero-inner{padding:clamp(96px, 15vh, 132px) var(--hero-pad) clamp(70px, 13vh, 120px)}.hero-copy{width:100%}.hero-title{font-size:clamp(2rem,6vw,3.3rem)}.hero-desc{max-width:42rem}.hero-script,.hero-environment,.hero-footer{display:none}.hero-stats{grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.5vw,14px);width:100%;max-width:680px;display:grid}.hero-stats .hero-stat:nth-child(n){flex:none;width:100%;min-width:0}}@media (width<=640px){.hero-backdrop{object-position:74% 55%}.hero-inner{padding-top:96px;padding-bottom:clamp(56px,15vh,96px)}.hero-eyebrow{letter-spacing:.22em;font-size:10px}.hero-title{font-size:clamp(1.9rem,9vw,2.7rem)}.hero-actions{gap:16px}.hero-cta,.hero-cta.star-border{height:54px;padding:0 8px 0 20px;font-size:.9rem}.hero-cta__arrow{width:36px;height:36px}.hero-play__label{font-size:.78rem}.hero-stats{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:20px;display:grid}.hero-stats .hero-stat:nth-child(n){border-radius:14px;gap:4px;width:100%;min-width:0;padding:12px 8px 14px}.hero-stat__icon{width:22px;height:22px;margin-bottom:4px}.hero-stat__value{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.82rem,3.4vw,1.15rem);overflow:hidden}.hero-stat__label{font-size:clamp(.6rem,2.3vw,.72rem);line-height:1.25}.hero-stat__chevron{display:none}}@media (width<=360px){.hero-stats{gap:5px}.hero-stats .hero-stat:nth-child(n){border-radius:12px;padding:10px 5px 12px}.hero-stat__value{font-size:.78rem}.hero-stat__label{font-size:.58rem}}@media (prefers-reduced-motion:reduce){.hero *,.hero :before,.hero :after{transition-duration:.01ms!important}}.dark .hero{--hero-ink:#f3f6fb;background:#070b12}.dark .hero-backdrop{filter:brightness(.52)saturate(.95)}.dark .hero-veil{background:linear-gradient(90deg,#070b12f0 0%,#070b129e 30%,#070b120d 62%)}.dark .hero-eyebrow{color:#ffffffa6}.dark .hero-desc{color:#e2e8f0c7}.dark .hero-play__label{color:#e2e8f0d9}.dark .hero-stat{background:linear-gradient(140deg,#111928d1,#1119288c);border-color:#ffffff1f;box-shadow:0 26px 45px -30px #000c,inset 0 1px #ffffff14}.dark .hero-stats .hero-stat:nth-child(3){background:linear-gradient(140deg,#1119289e,#11192857)}.dark .hero-stat__value{color:#f3f6fb}.dark .hero-stat__label{color:#cbd5e1b8}.dark .hero-stat__chevron{color:#e2e8f0b3;background:#ffffff0f;border-color:#fff3}.dark .hero-environment{background:linear-gradient(135deg,#111928db,#11192899);border-color:#ffffff24;box-shadow:0 28px 55px -28px #000c,inset 0 1px #ffffff14}.dark .hero-environment__text{color:#e8edf5}.dark .hero-environment__text small{color:#cbd5e1a8}.dark .hero-environment__chevron{color:#e2e8f099}@media (width<=1024px){.dark .hero-veil{background:linear-gradient(#070b12f5 0%,#070b12e6 30%,#070b128c 62%,#070b124d 100%)}}.dark .hero-scroll{color:#fff}.dark .hero-scroll__circle{color:#fff;background:#111928d1;border-color:#ffffff59;box-shadow:0 0 0 6px #ffffff1f,0 20px 34px -16px #000000b3}.dark .hero-scroll:hover .hero-scroll__circle{color:#ff6a1a;background:#1a263cf2;border-color:#ffffff8c;box-shadow:0 0 0 8px #ffffff2e,0 24px 38px -14px #000c}.dark .hero-scroll__label{color:#ffffffeb;text-shadow:0 2px 10px #0a234073}.no-visible-scrollbar{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.no-visible-scrollbar::-webkit-scrollbar{display:none}.profil{--profil-bg:#f4f5f8;--profil-panel:#fff;--profil-soft:#f5f6f9;--profil-line:#e3e6eb;--profil-ink:#0c1726;--profil-body:#5b6472;background:var(--profil-bg);border-top:1px solid var(--profil-line);border-bottom:1px solid var(--profil-line);padding:clamp(56px,8vw,104px) 0;scroll-margin-top:0}.dark .profil{--profil-bg:#080c13;--profil-panel:#101724;--profil-soft:#151d2b;--profil-line:#1f2937;--profil-ink:#f3f4f6;--profil-body:#9aa4b2}.profil__inner{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.profil__head{max-width:720px;margin-bottom:30px}.profil__title{font-family:var(--heading);letter-spacing:-.03em;color:var(--profil-ink);text-wrap:balance;margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.1}.profil__title span{color:var(--color-primary)}.profil__lead{max-width:56ch;color:var(--profil-body);margin-top:14px;font-size:16px;line-height:1.65}.profil__tabbar{border:1px solid var(--profil-line);background:var(--profil-panel);border-radius:999px;gap:4px;width:fit-content;padding:5px}.profil__tab{font-family:var(--sans);color:var(--profil-body);padding:10px 20px;font-size:14px;font-weight:600;transition:color .2s}.profil__tab:hover{color:var(--profil-ink)}.profil__tab[data-active=true]{color:#fff}.profil__tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.profil__pill{background:var(--color-primary);border-radius:999px;box-shadow:0 12px 28px -14px #fe4000cc}.profil__stack-card{top:calc(var(--stack-step,0) * -12px);transform-origin:50% 0;will-change:top, transform, opacity;transition:top .36s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1),opacity .34s}.profil__stack-card[data-active=true]{animation:.5s cubic-bezier(.22,1,.36,1) both profil-card-in}@keyframes profil-card-in{0%{opacity:0;transform:translateY(26px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.profil-panel{border:1px solid var(--profil-line);background:var(--profil-panel);border-radius:26px;height:100%;overflow:hidden;box-shadow:0 34px 70px -55px #0c172699}.dark .profil-panel{box-shadow:0 34px 70px -55px #000000f2}.profil-h3{font-family:var(--heading);letter-spacing:-.02em;color:var(--profil-ink);margin:0;font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.2}.profil-text{color:var(--profil-body);font-size:15px;line-height:1.72}.profil-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);font-size:12px;font-weight:700}.profil-split{grid-template-columns:.85fr 1.15fr;display:grid}.profil-split__media{position:relative;overflow:hidden}.profil-split__media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.profil-split__body{flex-direction:column;justify-content:center;gap:14px;padding:36px 40px;display:flex}.profil-milestones{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 0;padding:0;list-style:none;display:grid}.profil-milestone{border:1px solid var(--profil-line);background:var(--profil-soft);border-radius:14px;padding:12px 14px}.profil-milestone__year{font-family:var(--mono);color:var(--color-primary);font-size:15px;font-weight:700;display:block}.profil-milestone__label{color:var(--profil-body);margin-top:4px;font-size:12.5px;line-height:1.4;display:block}.profil-vm{grid-template-columns:.9fr 1.1fr;display:grid}.profil-vm__visi{color:#fff;background:radial-gradient(120% 120% at 100% 0,#fe400047,#0000 62%),linear-gradient(150deg,#16263c,#0c1726);flex-direction:column;justify-content:center;gap:16px;padding:40px;display:flex}.profil-vm__quote{font-family:var(--heading);letter-spacing:-.01em;color:#fff;font-size:clamp(17px,1.6vw,21px);font-weight:500;line-height:1.5}.profil-vm__misi{flex-direction:column;justify-content:center;gap:14px;padding:36px 40px;display:flex}.profil-misi{gap:10px;margin:0;padding:0;list-style:none;display:grid}.profil-misi__item{color:var(--profil-body);gap:12px;font-size:14.5px;line-height:1.55;display:flex}.profil-misi__num{width:22px;height:22px;color:var(--color-primary);background:#fe40001f;border:1px solid #fe400047;border-radius:999px;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.profil-vm__tujuan{border-top:1px solid var(--profil-line);color:var(--profil-body);padding-top:12px;font-size:13.5px;line-height:1.6}.profil-vm__tujuan strong{color:var(--profil-ink)}.profil-head{grid-template-columns:minmax(300px,.82fr) 1.18fr;display:grid}.profil-head__media{isolation:isolate;background:radial-gradient(78% 52% at 50% 16%,#fe400052,#0000 64%),linear-gradient(160deg,#172941 0%,#0c1726 54%,#070c14 100%);min-height:560px;position:relative;overflow:hidden}.profil-head__media:before{content:"";z-index:0;opacity:.5;pointer-events:none;background-image:radial-gradient(#ffffff24 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 60% at 50% 34%,#000 12%,#0000 76%);mask-image:radial-gradient(72% 60% at 50% 34%,#000 12%,#0000 76%)}.profil-head__media:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#070c14eb);height:132px;position:absolute;bottom:0;left:0;right:0}.profil-head__stage{z-index:2;position:absolute;inset:0}.profil-head__card{aspect-ratio:1024/1440;object-fit:cover;border-radius:20px;width:min(64%,268px);height:auto;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:0 40px 70px -38px #000000f2,0 0 0 1px #ffffff14}.profil-head__hint{z-index:3;letter-spacing:.04em;color:#ffffff8c;text-align:center;pointer-events:none;justify-content:center;align-items:center;gap:7px;font-size:11.5px;font-weight:600;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.profil-head__hint svg{color:#ff6a33;width:14px;height:14px}.profil-head__body{flex-direction:column;justify-content:center;gap:14px;padding:36px 40px;display:flex}.profil-head__greeting{font-family:var(--heading);letter-spacing:-.02em;color:var(--color-primary);font-size:clamp(18px,1.8vw,23px);font-weight:700;line-height:1.4}.profil-head__meta{border-top:1px solid var(--profil-line);flex-direction:column;gap:3px;margin-top:4px;padding-top:14px;display:flex}.profil-head__name{color:var(--profil-ink);font-size:15px;font-weight:700}.profil-head__role{color:var(--profil-body);font-size:13px}.profil-id{flex-direction:column;gap:20px;padding:36px 40px;display:flex}.profil-id__layout{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.profil-id__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.profil-id__item{border:1px solid var(--profil-line);background:var(--profil-soft);border-radius:14px;padding:12px 14px}.profil-id__item dt{letter-spacing:.08em;text-transform:uppercase;color:var(--profil-body);font-size:11.5px}.profil-id__item dd{color:var(--profil-ink);margin:5px 0 0;font-size:14.5px;font-weight:600;line-height:1.4}.profil-id__side{flex-direction:column;gap:12px;display:flex}.profil-id__address{border:1px solid var(--profil-line);background:var(--profil-soft);color:var(--profil-body);border-radius:14px;gap:10px;padding:14px;font-size:13.5px;line-height:1.6;display:flex}.profil-id__address svg{width:16px;height:16px;color:var(--color-primary);flex-shrink:0;margin-top:3px}.profil-id__contact{gap:8px;margin:0;padding:0;list-style:none;display:grid}.profil-id__contact li{border:1px solid var(--profil-line);background:var(--profil-soft);color:var(--profil-body);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;display:flex}.profil-id__contact svg{width:15px;height:15px;color:var(--color-primary);flex-shrink:0}.profil-id__value{color:var(--profil-ink);margin-left:auto;font-weight:600}@media (width<=767px){.profil-split{grid-template-rows:180px auto;grid-template-columns:1fr}.profil-split__body,.profil-vm__visi,.profil-vm__misi,.profil-head__body,.profil-id{padding:24px 20px}.profil-vm,.profil-head,.profil-id__layout,.profil-id__grid,.profil-milestones{grid-template-columns:1fr}.profil-head__media{min-height:520px}.profil-head__card{width:min(56%,230px)}.profil__tabbar{gap:3px;width:100%;padding:4px}.profil__tab{text-align:center;flex:1 1 0;min-width:0;padding:9px 6px;font-size:13px;line-height:1.15}.profil__stack-card{top:calc(var(--stack-step,0) * 12px)}}@media (width<=480px){.profil__tab{padding:8px 5px;font-size:12.5px}}@media (prefers-reduced-motion:reduce){.profil__tab,.profil__pill,.profil__stack-card{transition:none}.profil__stack-card[data-active=true]{animation:none}}.program{--program-bg:#f1f4f9;--program-ink:#0a1424;--program-body:#0b182a9e;--program-card-bg:linear-gradient(158deg, #fffffff5, #ffffffc7 46%, #dee6f1db);--program-card-border:#0a14241a;--program-card-shadow:0 34px 70px -46px #0f1c3080;--program-card-inset:inset 0 1px 0 #ffffffe6;--program-card-ink:#0a1424;--program-card-body:#0b182aa3;--program-card-strong:#0b182abd;--program-chip-bg:#0a14240b;--program-chip-border:#0a14241a;--program-chip-ink:#0a14248c;--program-grid:#0a14240e;--program-grid-opacity:.6;--program-glow-1:#fe40001c;--program-glow-2:#38bdf81a;--program-glow-3:#c084fc1a;--program-aura:.12;isolation:isolate;background:var(--program-bg);color:var(--program-ink);padding:clamp(72px,8.5vw,120px) 0 clamp(64px,8vw,110px);scroll-margin-top:0;transition:background-color .45s,color .45s;position:relative;overflow:hidden}.dark .program{--program-bg:#05070e;--program-ink:#f5f7fb;--program-body:#ebf0f89e;--program-card-bg:linear-gradient(160deg, #ffffff1c, #ffffff0a 42%, #070a128c);--program-card-border:#ffffff24;--program-card-shadow:0 40px 80px -44px #000000e6;--program-card-inset:inset 0 1px 0 #ffffff1f;--program-card-ink:#fff;--program-card-body:#ebf0f899;--program-card-strong:#ebf0f8c7;--program-chip-bg:#ffffff0a;--program-chip-border:#ffffff24;--program-chip-ink:#fff9;--program-grid:#ffffff0a;--program-grid-opacity:.35;--program-glow-1:#fe40002e;--program-glow-2:#38bdf81a;--program-glow-3:#c084fc1a;--program-aura:.16}.program:before{content:"";background:radial-gradient(55% 45% at 50% 0%, var(--program-glow-1), transparent 70%), radial-gradient(40% 40% at 12% 62%, var(--program-glow-2), transparent 70%), radial-gradient(40% 40% at 88% 62%, var(--program-glow-3), transparent 70%);pointer-events:none;position:absolute;inset:0}.program:after{content:"";background-image:linear-gradient(var(--program-grid) 1px, transparent 1px), linear-gradient(90deg, var(--program-grid) 1px, transparent 1px);opacity:var(--program-grid-opacity);pointer-events:none;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,#0000 80%)}.program__inner{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.program__head{text-align:center;max-width:680px;margin:0 auto}.program__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary);align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.program__eyebrow:before{content:"";background:var(--color-primary);width:22px;height:1px}.program__title{font-family:var(--heading);letter-spacing:-.03em;color:var(--program-ink);text-wrap:balance;margin:14px 0 0;font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.08;transition:color .45s}.program__title span{color:var(--color-primary)}.program__lead{max-width:56ch;color:var(--program-body);margin:16px auto 0;font-size:15.5px;line-height:1.65;transition:color .45s}.program-stage{--gap:18px;--count:4;--stage-w:min(1160px, 100vw - 40px);--card-w:min(276px, calc((var(--stage-w) - (var(--count) - 1) * var(--gap)) / var(--count)));--card-h:560px;height:var(--card-h);margin-top:38px;position:relative}.program-card{width:var(--card-w);height:var(--card-h);margin:calc(var(--card-h) / -2) 0 0 calc(var(--card-w) / -2);border:1px solid var(--program-card-border);background:var(--program-card-bg);box-shadow:var(--program-card-shadow), var(--program-card-inset);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;flex-direction:column;padding:22px;transition:transform .9s cubic-bezier(.22,1,.36,1),background-color .45s,border-color .45s,box-shadow .45s;display:flex;position:absolute;top:50%;left:50%;transform:none}.program-card__aura{border-radius:inherit;background:radial-gradient(120% 80% at 50% 0%, var(--program-accent), transparent 62%);opacity:var(--program-aura);pointer-events:none;position:absolute;inset:0}.program-card__top{justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.program-card__icon{border:1px solid color-mix(in srgb, var(--program-accent) 42%, transparent);background:color-mix(in srgb, var(--program-accent) 16%, transparent);width:40px;height:40px;color:var(--program-accent);border-radius:12px;place-items:center;display:grid}.program-card__icon svg{width:18px;height:18px}.program-card__top,.program-card__name,.program-card__desc,.program-card__features,.program-card__cta{flex:none}.program-card__media{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--program-accent) 30%, transparent);background:radial-gradient(100% 130% at 50% 0%, color-mix(in srgb, var(--program-accent) 24%, transparent), transparent 68%), linear-gradient(160deg, #16283f 0%, #0b1524 58%, #070c14 100%);border-radius:16px;flex:0 auto;place-items:center;width:100%;height:auto;min-height:150px;margin-top:12px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 18px 30px -24px #060c16b3}.program-card__media img{z-index:1;object-fit:contain;filter:drop-shadow(0 10px 16px #0006);width:100%;height:100%;padding:12px;position:relative}.program-card__media img.is-inverted{filter:invert()drop-shadow(0 10px 16px #0006)}.program-card__badge{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--program-chip-border);background:var(--program-chip-bg);max-width:60%;font-family:var(--mono);letter-spacing:.14em;color:var(--program-chip-ink);border-radius:999px;padding:4px 9px;font-size:10.5px;font-weight:700;transition:background-color .45s,border-color .45s,color .45s;overflow:hidden}.program-card__spacer{display:none}.program-card__name{font-family:var(--heading);letter-spacing:-.02em;color:var(--program-card-ink);margin:18px 0 0;font-size:19px;font-weight:700;line-height:1.18;transition:color .45s;position:relative}.program-card__desc{color:var(--program-card-body);-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;margin:8px 0 0;font-size:12.5px;line-height:1.55;transition:color .45s;display:-webkit-box;position:relative;overflow:hidden}.program-card__features{gap:5px;margin:12px 0 0;padding:0;list-style:none;display:grid;position:relative}.program-card__features li{color:var(--program-card-strong);padding-left:14px;font-size:11.5px;line-height:1.45;transition:color .45s;position:relative}.program-card__features li:before{content:"";background:var(--program-accent);border-radius:999px;width:4px;height:4px;position:absolute;top:.55em;left:0}.program-card__cta{color:var(--program-card-ink);align-items:center;gap:6px;margin-top:auto;padding-top:14px;font-size:12.5px;font-weight:700;text-decoration:none;transition:color .45s;display:inline-flex;position:relative}.program-card__cta svg{width:14px;height:14px;transition:transform .2s}.program-card__cta:hover svg{transform:translate(2px,-2px)}@media (width>=1024px){.program-stage{margin-top:112px}.program-card:nth-child(2){transform:translate(-140px,30px)rotate(-8deg)scale(.95)}.program-card:nth-child(3){transform:translate(140px,30px)rotate(8deg)scale(.95)}.program-card:nth-child(4){transform:translateY(-120px)rotate(0)scale(.93)}.program-stage.is-open .program-card{transform:translate3d(calc((var(--i) - (var(--count) - 1) / 2) * (var(--card-w) + var(--gap))), 0, 0) rotate(0deg) scale(1)}.program-stage:not(.is-open) .program-card:nth-child(n+2) .program-card__name,.program-stage:not(.is-open) .program-card:nth-child(n+2) .program-card__desc,.program-stage:not(.is-open) .program-card:nth-child(n+2) .program-card__features,.program-stage:not(.is-open) .program-card:nth-child(n+2) .program-card__cta{opacity:0}.program-stage.program-stage--grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));height:auto;margin-top:48px;display:grid;position:static}.program-stage.program-stage--grid .program-card{opacity:0;width:auto;height:auto;min-height:520px;transition:opacity .6s ease calc(var(--i) * 80ms), translate .6s ease calc(var(--i) * 80ms), background-color .45s ease, border-color .45s ease, box-shadow .45s ease;margin:0;position:static;top:auto;left:auto;transform:translateY(26px)}.program-stage.program-stage--grid.is-open .program-card{opacity:1;translate:0}}@media (width<=1023px){.program-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;height:auto;margin-top:30px;display:grid;position:static}.program-card{border-radius:22px;width:100%;height:auto;margin:0;padding:22px;transition:background-color .45s,border-color .45s,box-shadow .45s;position:relative;top:auto;left:auto;transform:none}.program-card__spacer{display:none}.program-card__name{margin-top:18px}}@media (width<=760px){.program-stage{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.program-card,.program-card__cta svg{transition:none}}.accordion-gallery{--ag-accent:#fff;--ag-overlay:#060010;--ag-text:#fff;--ag-gap:10px;--ag-radius:16px;--ag-media-size:320px;gap:var(--ag-gap);perspective:1400px;perspective-origin:50%;flex-direction:row;width:100%;max-width:100%;display:flex}.accordion-gallery--vertical{flex-direction:column}.ag-panel{border-radius:var(--ag-radius);cursor:pointer;min-width:0;min-height:0;transform-style:preserve-3d;transform-origin:50%;will-change:flex-grow, transform;-webkit-tap-highlight-color:transparent;background:#0a0713;outline:none;flex:1 1 0;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 10px 30px -18px #000c}.ag-panel:focus-visible{box-shadow:0 0 0 2px var(--ag-accent), 0 10px 30px -18px #000c}.ag-panel__frame{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.ag-panel__media{--ag-gray:1;--ag-dim:.35;width:var(--ag-media-size);height:100%;filter:grayscale(var(--ag-gray));will-change:transform, filter;position:absolute;top:50%;left:50%}.accordion-gallery--vertical .ag-panel__media{width:100%;height:var(--ag-media-size)}.ag-panel__media img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.ag-panel__overlay{pointer-events:none;background:linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--ag-overlay) 78%, transparent) 100%), color-mix(in srgb, var(--ag-overlay) calc(var(--ag-dim,.35) * 100%), transparent);position:absolute;inset:0}.ag-panel__label{pointer-events:none;z-index:2;align-items:center;gap:12px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.ag-panel__bar{background:var(--ag-accent);opacity:0;width:3px;height:26px;box-shadow:0 0 12px color-mix(in srgb, var(--ag-accent) 60%, transparent);border-radius:3px;flex:none}.ag-panel__text{color:var(--ag-text);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;opacity:0;text-shadow:0 2px 14px #0000008c;font-family:inherit;font-size:clamp(1rem,1.4vw,1.4rem);font-weight:600;overflow:hidden}@media (width<=520px){.accordion-gallery{perspective:none;flex-direction:column;height:auto!important}.ag-panel{min-height:84px;transform:none!important}.accordion-gallery .ag-panel__media{width:100%;height:var(--ag-media-size)}}@media (prefers-reduced-motion:reduce){.ag-panel,.ag-panel__media{will-change:auto}}.ekskul{--ekskul-bg:#f7f3ef;--ekskul-ink:#0a1424;--ekskul-body:#0b182a9e;--ekskul-muted:#0b182a80;--ekskul-arrow-bg:#ffffffb8;--ekskul-arrow-border:#0a14241f;--ekskul-arrow-ink:#0a1424;--ekskul-glow-1:#fe40001a;--ekskul-glow-2:#8b5cf61a;--ekskul-grid:#0a14240d;--ekskul-grid-opacity:.55;isolation:isolate;background:var(--ekskul-bg);color:var(--ekskul-ink);padding:clamp(72px,8.5vw,118px) 0 clamp(64px,8vw,108px);scroll-margin-top:0;transition:background-color .45s,color .45s;position:relative;overflow:hidden}.dark .ekskul{--ekskul-bg:#05070e;--ekskul-ink:#f5f7fb;--ekskul-body:#ebf0f89e;--ekskul-muted:#ebf0f880;--ekskul-arrow-bg:#ffffff0a;--ekskul-arrow-border:#ffffff24;--ekskul-arrow-ink:#f5f7fb;--ekskul-glow-1:#fe400029;--ekskul-glow-2:#8b5cf61f;--ekskul-grid:#ffffff0b;--ekskul-grid-opacity:.35}.ekskul:before{content:"";background:radial-gradient(52% 42% at 50% 0%, var(--ekskul-glow-1), transparent 70%), radial-gradient(40% 40% at 8% 70%, var(--ekskul-glow-2), transparent 72%);pointer-events:none;position:absolute;inset:0}.ekskul:after{content:"";background-image:linear-gradient(var(--ekskul-grid) 1px, transparent 1px), linear-gradient(90deg, var(--ekskul-grid) 1px, transparent 1px);opacity:var(--ekskul-grid-opacity);pointer-events:none;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,#0000 80%)}.ekskul__inner{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.ekskul__head{text-align:center;max-width:680px;margin:0 auto}.ekskul__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary);align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.ekskul__eyebrow:before{content:"";background:var(--color-primary);width:22px;height:1px}.ekskul__title{font-family:var(--heading);letter-spacing:-.03em;color:var(--ekskul-ink);text-wrap:balance;margin:14px 0 0;font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.08;transition:color .45s}.ekskul__title span{color:var(--color-primary)}.ekskul__lead{max-width:54ch;color:var(--ekskul-body);margin:16px auto 0;font-size:15.5px;line-height:1.65;transition:color .45s}.ekskul__accordion{margin-top:42px}.ekskul__hint{text-align:center;max-width:52ch;color:var(--ekskul-muted);margin:18px auto 0;font-size:12.5px;line-height:1.6;transition:color .45s}@media (width<=640px){.ekskul__accordion{margin-top:32px}}@media (width<=520px){.ekskul .ekskul__accordion{flex-direction:column;height:540px!important}.ekskul .ekskul__accordion .ag-panel{min-height:0}}.galeri{--galeri-bg:#f7f3ef;--galeri-ink:#0a1424;--galeri-body:#0b182a9e;--galeri-line:#0a14241a;--galeri-dot:#0a14241f;--galeri-card-bg:#fff;--galeri-card-border:#0a142414;--galeri-card-shadow:0 30px 60px -34px #0f1c3073;--galeri-card-ink:#0a1424;--galeri-card-muted:#0b182a85;--galeri-tape:#fe400029;--galeri-tape-border:#fe40002e;--galeri-button-bg:#ffffffb3;--galeri-glow:#fe400017;isolation:isolate;background:var(--galeri-bg);color:var(--galeri-ink);padding:clamp(72px,8.5vw,118px) 0 clamp(56px,7vw,96px);scroll-margin-top:0;transition:background-color .45s,color .45s;position:relative;overflow:hidden}.dark .galeri{--galeri-bg:#070b12;--galeri-ink:#f5f7fb;--galeri-body:#ebf0f899;--galeri-line:#ffffff1f;--galeri-dot:#ffffff14;--galeri-card-bg:#101722;--galeri-card-border:#ffffff1a;--galeri-card-shadow:0 34px 70px -34px #000000e6;--galeri-card-ink:#f5f7fb;--galeri-card-muted:#ebf0f88c;--galeri-tape:#ffffff17;--galeri-tape-border:#ffffff1f;--galeri-button-bg:#ffffff0d;--galeri-glow:#fe400021}.galeri:before{content:"";background:radial-gradient(48% 40% at 50% 4%, var(--galeri-glow), transparent 70%), radial-gradient(38% 34% at 94% 60%, #38bdf812, transparent 72%);pointer-events:none;position:absolute;inset:0}.galeri:after{content:"";background-image:radial-gradient(var(--galeri-dot) 1px, transparent 1px);opacity:.55;pointer-events:none;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(68% 62% at 50% 48%,#000 20%,#0000 78%);mask-image:radial-gradient(68% 62% at 50% 48%,#000 20%,#0000 78%)}.galeri__inner{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.galeri__head{text-align:center;max-width:660px;margin:0 auto}.galeri__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary);align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.galeri__eyebrow:before{content:"";background:var(--color-primary);width:22px;height:1px}.galeri__title{font-family:var(--heading);letter-spacing:-.03em;color:var(--galeri-ink);text-wrap:balance;margin:14px 0 0;font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.08;transition:color .45s}.galeri__title span{color:var(--color-primary)}.galeri__lead{max-width:52ch;color:var(--galeri-body);margin:16px auto 0;font-size:15.5px;line-height:1.65;transition:color .45s}.galeri__stage{--gap:14px;--slot:calc((100% - 4 * var(--gap)) / 5);--step:calc(var(--slot) + var(--gap));--card-w:calc(var(--slot) + 4px);perspective:1400px;max-width:1080px;height:640px;margin:18px auto 0}.galeri-card{width:var(--card-w);border:1px solid var(--galeri-card-border);background:var(--galeri-card-bg);box-shadow:var(--galeri-card-shadow);border-radius:16px;padding:10px 10px 14px;transition:background-color .45s,border-color .45s,box-shadow .35s}.galeri-card:hover{box-shadow:0 38px 70px -30px #0f1c3080, 0 0 0 1px color-mix(in srgb, var(--color-primary) 22%, transparent)}.dark .galeri-card:hover{box-shadow:0 42px 80px -30px #000000f2, 0 0 0 1px color-mix(in srgb, var(--color-primary) 28%, transparent)}.galeri-card__tape{border:1px solid var(--galeri-tape-border);background:var(--galeri-tape);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;width:72px;height:22px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(-2deg)}.galeri-card__img{aspect-ratio:4/5;object-fit:cover;pointer-events:none;border-radius:9px;width:100%;transition:filter .4s;display:block}.galeri-card:hover .galeri-card__img{filter:saturate(1.08)contrast(1.02)}.galeri-card__meta{padding:11px 4px 0}.galeri-card__row{justify-content:space-between;align-items:center;gap:8px;display:flex}.galeri-card__category{border:1px solid var(--galeri-line);background:color-mix(in srgb, var(--color-primary) 9%, transparent);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);border-radius:999px;padding:3px 8px;font-size:9.5px;font-weight:700;display:inline-flex}.galeri-card__grip{width:14px;height:14px;color:var(--galeri-card-muted);opacity:.55}.galeri-card__title{font-family:var(--heading);letter-spacing:-.01em;color:var(--galeri-card-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:14px;font-weight:700;line-height:1.32;transition:color .45s;display:-webkit-box;overflow:hidden}.galeri-card__date{color:var(--galeri-card-muted);margin-top:5px;font-family:Caveat,cursive;font-size:16px;line-height:1.1;transition:color .45s;display:inline-block}.galeri-card--1{top:8%;left:0}.galeri-card--2{left:var(--step);top:34%}.galeri-card--3{left:calc(var(--step) * 2);top:0}.galeri-card--4{left:calc(var(--step) * 3);top:32%}.galeri-card--5{left:calc(var(--step) * 4);top:6%}.galeri__footer{border-top:1px solid var(--galeri-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:4px;padding-top:18px;display:flex}.galeri__hint{color:var(--galeri-body);align-items:center;gap:8px;font-size:12.5px;line-height:1.5;display:inline-flex}.galeri__hint svg{width:16px;height:16px;color:var(--color-primary);flex-shrink:0}.galeri__reset{border:1px solid var(--galeri-line);background:var(--galeri-button-bg);color:var(--galeri-ink);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:12px;font-weight:600;transition:border-color .2s,color .2s,background-color .2s;display:inline-flex}.galeri__reset:hover{border-color:color-mix(in srgb, var(--color-primary) 45%, transparent);color:var(--color-primary)}.galeri__reset svg{width:14px;height:14px}@media (width<=1023px){.galeri__stage{--card-w:clamp(184px, 25vw, 220px);height:900px}.galeri-card{width:var(--card-w)}.galeri-card--1{top:1%;left:2%}.galeri-card--2{top:5%;left:37%}.galeri-card--3{top:0;left:71%}.galeri-card--4{top:53%;left:14%}.galeri-card--5{top:55%;left:52%}}@media (width<=700px){.galeri__stage{--card-w:min(42vw, 184px);height:960px;margin-top:26px}.galeri-card{width:var(--card-w);border-radius:14px;padding:8px 8px 12px}.galeri-card__img{aspect-ratio:1}.galeri-card__title{font-size:13px}.galeri-card__date{font-size:15px}.galeri-card--1{top:0;left:0}.galeri-card--2{left:calc(100% - var(--card-w));top:4%}.galeri-card--3{top:31%;left:3%}.galeri-card--4{left:calc(100% - var(--card-w) - 6px);top:36%}.galeri-card--5{left:calc(50% - var(--card-w) / 2);top:67%}.galeri__footer{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.galeri-card,.galeri-card__img{transition:none}}.scroll-stack{width:100%;position:relative}.scroll-stack--contained{height:100%;overflow:hidden auto}.scroll-stack__inner{padding-inline:clamp(1rem,6%,5rem);position:relative}.scroll-stack__slot{position:sticky}.scroll-stack-card{box-sizing:border-box;color:var(--lightningcss-light,#18181b)var(--lightningcss-dark,#fafafa);transform-origin:50% 0;will-change:transform;background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#18181b);border-radius:28px;width:100%;height:20rem;padding:2.5rem;position:relative;box-shadow:0 0 0 1px var(--lightningcss-light,#0000000f)var(--lightningcss-dark,#ffffff14),0 -12px 40px -16px #00000059,0 24px 48px -24px #0006}.scroll-stack-card__shade{border-radius:inherit;opacity:var(--scroll-stack-dim,0);pointer-events:none;background:#000;position:absolute;inset:0}.fasilitas{--fasilitas-bg:#f4f5f8;--fasilitas-ink:#0a1424;--fasilitas-body:#0b182aa3;--fasilitas-muted:#0b182a70;--fasilitas-line:#0a14241f;--fasilitas-grid:#0a14240d;--fasilitas-card:#0b1019;--fasilitas-card-ink:#f6f8fc;--fasilitas-card-shadow:0 44px 90px -52px #0c17268c, 0 0 0 1px #0c17261a;--fasilitas-chip-bg:#fff9;--fasilitas-chip-border:#0a14241a;--fasilitas-chip-ink:#0b182ab3;--fasilitas-map-bg:#fff9;--fasilitas-map-border:#0a142424;--fasilitas-map-ink:var(--fasilitas-ink);isolation:isolate;background:var(--fasilitas-bg);color:var(--fasilitas-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;padding:clamp(84px,9vw,132px) 0 clamp(64px,8vw,104px);scroll-margin-top:0;transition:background-color .45s,color .45s;position:relative;overflow:visible}.dark .fasilitas{--fasilitas-bg:#060910;--fasilitas-ink:#f6f8fc;--fasilitas-body:#e9eff9a3;--fasilitas-muted:#ffffff6b;--fasilitas-line:#ffffff1a;--fasilitas-grid:#ffffff09;--fasilitas-card:#0b1019;--fasilitas-card-ink:#f6f8fc;--fasilitas-card-shadow:0 50px 100px -50px #000000f2, 0 0 0 1px #ffffff1a;--fasilitas-chip-bg:#ffffff08;--fasilitas-chip-border:#ffffff1a;--fasilitas-chip-ink:#f1f5fcad;--fasilitas-map-bg:#ffffff0a;--fasilitas-map-border:#ffffff24;--fasilitas-map-ink:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.fasilitas:before{content:"";pointer-events:none;background:radial-gradient(46% 36% at 50% 0,#fe40001a,#0000 72%),radial-gradient(38% 34% at 92% 32%,#38bdf812,#0000 72%),radial-gradient(34% 30% at 6% 76%,#a78bfa0f,#0000 74%);transition:opacity .45s;position:absolute;inset:0}.dark .fasilitas:before{background:radial-gradient(46% 36% at 50% 0,#fe400029,#0000 72%),radial-gradient(38% 34% at 92% 32%,#38bdf81a,#0000 72%),radial-gradient(34% 30% at 6% 76%,#a78bfa17,#0000 74%)}.fasilitas:after{content:"";background-image:linear-gradient(var(--fasilitas-grid) 1px, transparent 1px), linear-gradient(90deg, var(--fasilitas-grid) 1px, transparent 1px);pointer-events:none;background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 62% at 50% 42%,#000 24%,#0000 82%);mask-image:radial-gradient(72% 62% at 50% 42%,#000 24%,#0000 82%)}.fasilitas__inner{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.fasilitas__head{text-align:center;max-width:700px;margin:0 auto}.fasilitas__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary);align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.fasilitas__eyebrow:before{content:"";background:var(--color-primary);width:22px;height:1px}.fasilitas__title{font-family:var(--heading);letter-spacing:-.035em;color:var(--fasilitas-ink);text-wrap:balance;margin:14px 0 0;font-size:clamp(30px,3.6vw,48px);font-weight:700;line-height:1.06}.fasilitas__title span{color:var(--color-primary)}.fasilitas__lead{max-width:56ch;color:var(--fasilitas-body);margin:18px auto 0;font-size:15.5px;line-height:1.68}.fasilitas__stage{max-width:1040px;margin:clamp(38px,5vw,62px) auto 0}.fasilitas__stack .scroll-stack__inner{padding-inline:0}.fasilitas .scroll-stack-card{background:var(--fasilitas-card);height:clamp(430px,62vh,560px);color:var(--fasilitas-card-ink);box-shadow:var(--fasilitas-card-shadow);border-radius:30px;padding:0;overflow:hidden}.fasilitas-card__article{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.fasilitas-card__img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1.01)}.fasilitas-card:hover .fasilitas-card__img{transform:scale(1.045)}.fasilitas-card__veil{background:linear-gradient(180deg, #03060ba8 0%, #03060b0a 32%, #03060b85 68%, #03060bf2 100%), linear-gradient(115deg, color-mix(in srgb, var(--accent) 22%, transparent) 0%, transparent 54%);pointer-events:none;position:absolute;inset:0}.fasilitas-card__content{z-index:1;flex-direction:column;justify-content:space-between;height:100%;padding:clamp(20px,3vw,36px);display:flex;position:relative}.fasilitas-card__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.fasilitas-card__count{font-family:var(--mono);letter-spacing:.16em;color:#ffffff80;font-size:11px}.fasilitas-card__count strong{color:#fff;font-weight:700}.fasilitas-card__tag{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 13%, #05080e8c);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 82%, white);border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.fasilitas-card__tag svg{width:14px;height:14px}.fasilitas-card__kicker{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#ffffff7a;font-size:10px}.fasilitas-card__title{font-family:var(--heading);letter-spacing:-.035em;color:#fff;text-wrap:balance;margin:10px 0 0;font-size:clamp(28px,3.4vw,46px);font-weight:700;line-height:1.04}.fasilitas-card__desc{color:#f1f5fcb8;max-width:48ch;margin-top:12px;font-size:14.5px;line-height:1.62}.fasilitas-card__facts{border-top:1px solid #ffffff24;flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;padding:14px 0 0;list-style:none;display:flex}.fasilitas-card__facts li{color:#f1f5fcd1;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.fasilitas-card__facts li:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);border-radius:50%;flex-shrink:0}.fasilitas__foot{border-top:1px solid var(--fasilitas-line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:clamp(28px,4vw,48px);padding-top:26px;display:flex}.fasilitas__support-title{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fasilitas-muted);font-size:10px}.fasilitas__support{flex-wrap:wrap;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.fasilitas__support li{border:1px solid var(--fasilitas-chip-border);background:var(--fasilitas-chip-bg);color:var(--fasilitas-chip-ink);border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:12px;transition:background-color .3s,border-color .3s,color .3s;display:inline-flex}.fasilitas__support svg{width:14px;height:14px;color:var(--color-primary)}.fasilitas__map{border:1px solid var(--fasilitas-map-border);background:var(--fasilitas-map-bg);color:var(--fasilitas-map-ink);border-radius:999px;align-items:center;gap:9px;padding:11px 16px;font-size:12.5px;font-weight:600;text-decoration:none;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.fasilitas__map:hover{border-color:color-mix(in srgb, var(--color-primary) 50%, transparent);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.fasilitas__map svg{width:14px;height:14px}.fasilitas__map svg:first-child{color:var(--color-primary)}@media (width<=900px){.fasilitas .scroll-stack-card{border-radius:24px;height:clamp(440px,66vh,540px)}.fasilitas-card__content{padding:22px}.fasilitas-card__desc{max-width:100%;font-size:13.5px}}@media (width<=640px){.fasilitas{padding-top:76px}.fasilitas .scroll-stack-card{border-radius:22px;height:clamp(430px,68vh,520px)}.fasilitas__title{font-size:clamp(27px,8vw,36px)}.fasilitas__lead{font-size:14.5px}.fasilitas-card__content{padding:20px}.fasilitas-card__top{align-items:flex-start}.fasilitas-card__count{font-size:10px}.fasilitas-card__tag{padding:6px 9px;font-size:9.5px}.fasilitas-card__title{font-size:clamp(24px,7.2vw,32px)}.fasilitas-card__facts{gap:8px 14px}.fasilitas-card__facts li{font-size:11.5px}.fasilitas__foot{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.fasilitas-card__img,.fasilitas__map{transition:none}}.tenaga{--tenaga-bg:#f7f3ef;--tenaga-ink:#0a1424;--tenaga-body:#0b182a9e;--tenaga-muted:#0b182a73;--tenaga-line:#0a14241f;--tenaga-dot:#0a14241f;--tenaga-glow:#fe40001a;isolation:isolate;background:var(--tenaga-bg);color:var(--tenaga-ink);padding:clamp(72px,8.5vw,118px) 0 clamp(48px,6vw,76px);scroll-margin-top:0;transition:background-color .45s,color .45s;position:relative;overflow:hidden}.dark .tenaga{--tenaga-bg:#080c13;--tenaga-ink:#f5f7fb;--tenaga-body:#ebf0f89e;--tenaga-muted:#ebf0f873;--tenaga-line:#ffffff1f;--tenaga-dot:#ffffff14;--tenaga-glow:#fe400024}.tenaga:before{content:"";background:radial-gradient(48% 38% at 50% 0%, var(--tenaga-glow), transparent 70%), radial-gradient(38% 34% at 94% 64%, #38bdf80f, transparent 72%);pointer-events:none;position:absolute;inset:0}.tenaga:after{content:"";background-image:radial-gradient(var(--tenaga-dot) 1px, transparent 1px);opacity:.45;pointer-events:none;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(66% 58% at 50% 36%,#000 18%,#0000 76%);mask-image:radial-gradient(66% 58% at 50% 36%,#000 18%,#0000 76%)}.tenaga__inner{z-index:1;width:100%;position:relative}.tenaga__head{text-align:center;max-width:760px;margin:0 auto;padding:0 20px}.tenaga__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary);align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.tenaga__eyebrow:before{content:"";background:var(--color-primary);width:22px;height:1px}.tenaga__title{font-family:var(--heading);letter-spacing:-.03em;color:var(--tenaga-ink);text-wrap:balance;margin:14px 0 0;font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.08;transition:color .45s}.tenaga__title em{color:var(--color-primary);font-style:normal;font-weight:700}.tenaga__lead{max-width:55ch;color:var(--tenaga-body);margin:18px auto 0;font-size:15.5px;line-height:1.66;transition:color .45s}.tenaga__meta{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tenaga-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;font-size:10.5px;transition:color .45s;display:flex}.tenaga__meta i{background:var(--color-primary);opacity:.7;border-radius:50%;width:4px;height:4px}.tenaga__marquees{flex-direction:column;gap:8px;margin-top:clamp(28px,4vw,44px);display:flex}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.marquee-track-left{animation:55s linear infinite marquee-left}.marquee-track-right{animation:55s linear infinite marquee-right}.marquee-row:hover .marquee-track-left,.marquee-row:hover .marquee-track-right{animation-play-state:paused}.marquee-fade{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}@media (width<=640px){.tenaga{padding-top:68px}.tenaga__title{font-size:clamp(27px,8vw,36px)}.tenaga__lead{font-size:14.5px}.tenaga__meta{gap:8px;font-size:9.5px}}@media (prefers-reduced-motion:reduce){.marquee-track-left,.marquee-track-right{animation:none}}.dot-grid{width:100%;height:100%;position:relative}.dot-grid__canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.kontak{--kontak-bg:#f4efe9;--kontak-ink:#0a1424;--kontak-body:#0b182aa3;--kontak-muted:#0b182a75;--kontak-line:#0a14241c;--kontak-glass:#ffffff75;--kontak-glass-strong:#ffffffad;--kontak-sheen:#ffffff85;--kontak-field:#fff6;--kontak-field-line:#0a142421;--kontak-shadow:0 36px 90px -48px #0f172a75;--kontak-glow:#fe400024;--kontak-cool:#38bdf814;--kontak-green:#1f9d61;isolation:isolate;border-top:1px solid var(--kontak-line);background-color:var(--kontak-bg);color:var(--kontak-ink);padding:clamp(80px,9vw,124px) 0 clamp(72px,8vw,108px);scroll-margin-top:16px;transition:background-color .45s,border-color .45s,color .45s;position:relative;overflow:hidden}.dark .kontak{--kontak-bg:#060910;--kontak-ink:#f5f7fb;--kontak-body:#ebf0f8a1;--kontak-muted:#ebf0f86e;--kontak-line:#ffffff1a;--kontak-glass:#ffffff09;--kontak-glass-strong:#fff1;--kontak-sheen:#ffffff14;--kontak-field:#ffffff09;--kontak-field-line:#ffffff1f;--kontak-shadow:0 42px 100px -50px #000000e6;--kontak-glow:#ff6a2b24;--kontak-cool:#38bdf80f;--kontak-green:#4ade80}.kontak:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(42% 42% at 12% 22%, var(--kontak-glow), transparent 72%), radial-gradient(36% 38% at 92% 82%, var(--kontak-cool), transparent 72%);position:absolute;inset:0}.kontak__dots{z-index:1;pointer-events:none;position:absolute;inset:0}.kontak__inner{z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.kontak__head{grid-template-columns:minmax(0,1.1fr) minmax(280px,.72fr);align-items:end;gap:28px 60px;margin-bottom:clamp(32px,4vw,52px);display:grid}.kontak__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary);align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.kontak__eyebrow:before{content:"";background:var(--color-primary);width:22px;height:1px}.kontak__title{max-width:720px;font-family:var(--heading);letter-spacing:-.045em;color:var(--kontak-ink);text-wrap:balance;margin:16px 0 0;font-size:clamp(38px,5vw,64px);font-weight:700;line-height:.98;transition:color .45s}.kontak__title span{color:var(--color-primary)}.kontak__head-side{max-width:460px;padding-bottom:4px}.kontak__lead{color:var(--kontak-body);font-size:15.5px;line-height:1.68;transition:color .45s}.kontak__status{border:1px solid var(--kontak-line);background:var(--kontak-glass);font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--kontak-muted);-webkit-backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:8px 12px;font-size:10px;font-weight:600;transition:background-color .45s,border-color .45s,color .45s;display:inline-flex}.kontak__status-dot{background:var(--kontak-green);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb, var(--kontak-green) 18%, transparent);border-radius:50%;position:relative}.kontak__status-dot:after{content:"";border-radius:inherit;border:1px solid color-mix(in srgb, var(--kontak-green) 45%, transparent);animation:2.4s ease-out infinite kontak-status;position:absolute;inset:-4px}@keyframes kontak-status{0%{opacity:.8;transform:scale(.7)}75%,to{opacity:0;transform:scale(2.1)}}.kontak__grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:stretch;gap:18px;display:grid}.kontak__card{z-index:0;border:1px solid var(--kontak-line);background:linear-gradient(145deg, var(--kontak-glass-strong), var(--kontak-glass));box-shadow:inset 0 1px 0 var(--kontak-sheen), var(--kontak-shadow);-webkit-backdrop-filter:blur(26px)saturate(135%);border-radius:28px;flex-direction:column;padding:clamp(22px,2.8vw,34px);transition:background-color .45s,border-color .45s,box-shadow .45s;display:flex;position:relative;overflow:hidden}.kontak__card:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(125deg, var(--kontak-sheen) 0%, transparent 26%, transparent 100%);opacity:.42;position:absolute;inset:0}.kontak__card>*{z-index:1;position:relative}.kontak__card-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.kontak__kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--kontak-muted);align-items:center;gap:9px;font-size:11px;font-weight:700;display:inline-flex}.kontak__kicker svg{width:15px;height:15px;color:var(--color-primary)}.kontak__index{font-family:var(--mono);letter-spacing:.16em;color:var(--kontak-muted);font-size:10px}.kontak__channels{gap:6px;display:grid}.kontak__channel{color:inherit;border:1px solid #0000;border-radius:16px;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:14px;padding:11px 10px;text-decoration:none;transition:background-color .25s,border-color .25s,transform .25s;display:grid}.kontak__channel:hover{border-color:var(--kontak-line);background:var(--kontak-field);transform:translate(2px)}.kontak__channel-icon{width:44px;height:44px;color:var(--color-primary);background:#fe40001a;border:1px solid #fe40002e;border-radius:13px;place-items:center;transition:background-color .25s,border-color .25s;display:grid}.kontak__channel:hover .kontak__channel-icon{background:#fe400029;border-color:#fe400052}.kontak__channel-icon svg{width:18px;height:18px}.kontak__channel-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.kontak__channel-label{letter-spacing:.12em;text-transform:uppercase;color:var(--kontak-muted);font-size:10px;font-weight:700}.kontak__channel-copy strong{color:var(--kontak-ink);overflow-wrap:anywhere;font-size:13.5px;font-weight:600;line-height:1.4;transition:color .45s}.kontak__channel-arrow{width:16px;height:16px;color:var(--kontak-muted);transition:color .25s,transform .25s}.kontak__channel:hover .kontak__channel-arrow{color:var(--color-primary);transform:translate(2px,-2px)}.kontak__address{border:1px solid var(--kontak-line);background:var(--kontak-field);color:inherit;border-radius:18px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:16px;padding:14px;text-decoration:none;transition:background-color .25s,border-color .25s;display:grid}.kontak__address:hover{background:#fe40000f;border-color:#fe40005c}.kontak__address-icon{background:var(--color-primary);color:#fff;border-radius:13px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 12px 24px -12px #fe4000b8}.kontak__address-icon svg{width:18px;height:18px}.kontak__address-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.kontak__address-copy strong{color:var(--kontak-ink);overflow-wrap:anywhere;font-size:12.5px;font-weight:500;line-height:1.55;transition:color .45s}.kontak__address-link{white-space:nowrap;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);align-items:center;gap:4px;font-size:9.5px;font-weight:600;display:inline-flex}.kontak__address-link svg{width:13px;height:13px;transition:transform .25s}.kontak__address:hover .kontak__address-link svg{transform:translate(2px,-2px)}.kontak__note{color:var(--kontak-muted);margin-top:16px;font-size:11px;line-height:1.6;transition:color .45s}.kontak__form{flex-direction:column;flex:1;display:flex}.kontak__form-title{font-family:var(--heading);letter-spacing:-.035em;color:var(--kontak-ink);margin:0;font-size:clamp(23px,2.4vw,30px);font-weight:700;line-height:1.08;transition:color .45s}.kontak__form-lead{max-width:42ch;color:var(--kontak-body);margin-top:9px;font-size:13px;line-height:1.65;transition:color .45s}.kontak__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.kontak__field{flex-direction:column;gap:7px;min-width:0;display:flex}.kontak__field>span{letter-spacing:.13em;text-transform:uppercase;color:var(--kontak-muted);justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:700;transition:color .45s;display:flex}.kontak__field em{letter-spacing:.04em;text-transform:none;opacity:.68;font-style:normal;font-weight:500}.kontak__field input,.kontak__field textarea{border:1px solid var(--kontak-field-line);background:var(--kontak-field);width:100%;color:var(--kontak-ink);font:inherit;border-radius:14px;outline:none;padding:13px 14px;font-size:13.5px;line-height:1.45;transition:background-color .25s,border-color .25s,box-shadow .25s,color .45s;box-shadow:inset 0 1px #ffffff38}.kontak__field textarea{resize:vertical;min-height:118px;max-height:220px}.kontak__field input::placeholder,.kontak__field textarea::placeholder{color:var(--kontak-muted);opacity:.76}.kontak__field input:focus,.kontak__field textarea:focus{background:var(--kontak-glass-strong);border-color:#fe40008f;box-shadow:0 0 0 4px #fe40001a,inset 0 1px #ffffff4d}.kontak__field--message{margin-top:12px}.kontak__submit{background:linear-gradient(135deg, #ff5a1f, var(--color-primary));color:#fff;width:100%;font:inherit;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;margin-top:18px;padding:14px 18px;font-size:13.5px;font-weight:700;transition:box-shadow .25s,transform .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 18px 38px -18px #fe4000ad}.kontak__submit:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 32%,#ffffff3d 50%,#0000 68%);transition:transform .65s;position:absolute;inset:0;transform:translate(-110%)}.kontak__submit:hover{transform:translateY(-1px);box-shadow:0 22px 44px -18px #fe4000c7}.kontak__submit:hover:after{transform:translate(110%)}.kontak__submit svg{width:16px;height:16px;transition:transform .25s}.kontak__submit:hover svg{transform:translate(2px,-2px)}.kontak__form-note{text-align:center;color:var(--kontak-muted);margin-top:12px;font-size:10.5px;line-height:1.55;transition:color .45s}@media (width<=980px){.kontak__head{grid-template-columns:minmax(0,1fr);gap:20px}.kontak__head-side{max-width:620px}.kontak__grid{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.kontak{padding-top:72px;padding-bottom:68px}.kontak__title{font-size:clamp(34px,10.5vw,48px)}.kontak__lead{font-size:14.5px}.kontak__card{border-radius:24px}.kontak__fields{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.kontak__card{padding:21px}.kontak__channel{grid-template-columns:40px minmax(0,1fr) 16px;gap:12px;padding:10px 6px}.kontak__channel-icon{width:40px;height:40px}.kontak__address{grid-template-columns:40px minmax(0,1fr);align-items:start;padding:13px}.kontak__address-icon{width:40px;height:40px}.kontak__address-link{grid-column:2;justify-self:start;margin-top:2px}.kontak__status{letter-spacing:.1em;font-size:9px}}@media (prefers-reduced-motion:reduce){.kontak__status-dot:after{animation:none}.kontak__channel,.kontak__address,.kontak__submit,.kontak__submit:after{transition:none}}.footer-grid{background-image:linear-gradient(90deg,#ffffff21 1px,#0000 1px),linear-gradient(#ffffff21 1px,#0000 1px);background-size:88px 88px;-webkit-mask-image:linear-gradient(#0000,#000 45%);mask-image:linear-gradient(#0000,#000 45%)}.dark .footer-grid{background-image:linear-gradient(90deg,#ffffff0b 1px,#0000 1px),linear-gradient(#ffffff0b 1px,#0000 1px)}.footer-wordmark{letter-spacing:-.045em;color:#ffffff1f;white-space:nowrap;text-align:center;font-size:clamp(2.5rem,15vw,10.5rem);font-weight:800;line-height:.82;-webkit-mask-image:linear-gradient(#0000 0%,#000 85%);mask-image:linear-gradient(#0000 0%,#000 85%)}.dark .footer-wordmark{color:#ffffff0f}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html.landing-mode{font-size:18px}html.landing-mode,html.landing-mode body{overflow:visible}@media (width<=1024px){html.landing-mode{font-size:16px}}.landing-root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Plus Jakarta Sans", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Plus Jakarta Sans", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--color-primary:#fe4000;--color-background:#fff;--color-foreground:#0c1726;--color-border:#e5e4e7;--color-ring:#fe4000;box-sizing:border-box;width:100%;min-height:100svh;font-family:var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;line-height:145%;display:flex}.landing-main{flex-direction:column;flex:1 0 auto;width:100%;display:flex}.dark .landing-root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#0b0f17;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--color-background:#0b0f17;--color-foreground:#e8edf5;--color-border:#263143;--color-ring:#ff6a2b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:where(.landing-root) h1,:where(.landing-root) h2{font-family:var(--heading);color:var(--text-h);font-weight:500}:where(.landing-root) h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}:where(.landing-root) h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}:where(.landing-root) p{margin:0}.landing-root :where(ul,ol){list-style:none}:where(.landing-root) code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}@media (width<=1024px){:where(.landing-root) h1{margin:20px 0;font-size:36px}:where(.landing-root) h2{font-size:20px}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}html[data-magicui-theme-vt=active]::view-transition-new(root){clip-path:var(--magicui-theme-vt-clip-from)}html[data-magicui-theme-vt=active]::view-transition-group(root){animation-duration:var(--magicui-theme-toggle-vt-duration)}.landing-navbar-glass{-webkit-backdrop-filter:blur(28px)saturate(180%)!important;background:#ffffffd6!important;border:1px solid #fffffff2!important;box-shadow:0 16px 45px -12px #0f172a29,inset 0 0 0 1px #ffffffd9,inset 0 1px #fffffff2!important}.dark .landing-navbar-glass{-webkit-backdrop-filter:blur(32px)saturate(190%)!important;background:#111827d1!important;border:1px solid #ffffff24!important;box-shadow:0 24px 60px -15px #000c,inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff26!important}.landing-dropdown-glass{-webkit-backdrop-filter:blur(30px)saturate(190%)!important;background:#ffffffe0!important;border:1px solid #fffffff2!important;box-shadow:0 24px 60px -15px #0f172a38,inset 0 0 0 1px #ffffffd9!important}.dark .landing-dropdown-glass{-webkit-backdrop-filter:blur(36px)saturate(200%)!important;background:#111827e0!important;border:1px solid #ffffff26!important;box-shadow:0 30px 70px -15px #000000d9,inset 0 0 0 1px #ffffff1a!important}.app-container{width:100%;padding-top:76px;overflow-x:hidden}@media (width<=768px){.app-container{padding-top:60px}}.site-main{flex-direction:column;width:100%;display:flex}.fade-in-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp}