@import "https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;500;600;700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-emerald-300:oklch(84.5% .143 164.978);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-200:oklch(91% .096 180.426);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-900:oklch(38.6% .063 188.416);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-700:oklch(48.8% .243 264.376);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-normal:0em;--leading-tight:1.25;--leading-snug:1.375;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-sm:8px;--blur-xl:24px;--blur-2xl:40px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-12{inset-inline:calc(var(--spacing) * 12)}.top-0{top:calc(var(--spacing) * 0)}.top-8{top:calc(var(--spacing) * 8)}.top-10{top:calc(var(--spacing) * 10)}.top-\[14\%\]{top:14%}.top-\[16\%\]{top:16%}.top-\[18\%\]{top:18%}.top-\[24\%\]{top:24%}.top-\[28\%\]{top:28%}.top-\[38\%\]{top:38%}.top-\[46\%\]{top:46%}.top-\[58\%\]{top:58%}.right-0{right:calc(var(--spacing) * 0)}.right-4{right:calc(var(--spacing) * 4)}.right-6{right:calc(var(--spacing) * 6)}.right-8{right:calc(var(--spacing) * 8)}.right-\[5\%\]{right:5%}.right-\[10\%\]{right:10%}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-16{bottom:calc(var(--spacing) * 16)}.bottom-20{bottom:calc(var(--spacing) * 20)}.bottom-\[18\%\]{bottom:18%}.left-0{left:calc(var(--spacing) * 0)}.left-4{left:calc(var(--spacing) * 4)}.left-6{left:calc(var(--spacing) * 6)}.left-8{left:calc(var(--spacing) * 8)}.left-\[6\%\]{left:6%}.left-\[7\%\]{left:7%}.left-\[16\%\]{left:16%}.left-\[18\%\]{left:18%}.z-20{z-index:20}.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-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-9{margin-bottom:calc(var(--spacing) * 9)}.ml-3{margin-left:calc(var(--spacing) * 3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.list-item{display:list-item}.table{display:table}.table-row{display:table-row}.aspect-video{aspect-ratio:var(--aspect-video)}.\!h-4{height:calc(var(--spacing) * 4)!important}.\!h-10{height:calc(var(--spacing) * 10)!important}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-24{height:calc(var(--spacing) * 24)}.h-48{height:calc(var(--spacing) * 48)}.h-\[18px\]{height:18px}.h-\[20vh\]{height:20vh}.h-\[28vh\]{height:28vh}.h-\[36vh\]{height:36vh}.h-\[42vh\]{height:42vh}.h-\[56vh\]{height:56vh}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.\!min-h-0{min-height:calc(var(--spacing) * 0)!important}.min-h-7{min-height:calc(var(--spacing) * 7)}.min-h-13{min-height:calc(var(--spacing) * 13)}.min-h-36{min-height:calc(var(--spacing) * 36)}.min-h-\[620px\]{min-height:620px}.min-h-\[calc\(100vh-48px\)\]{min-height:calc(100vh - 48px)}.min-h-screen{min-height:100vh}.\!w-4{width:calc(var(--spacing) * 4)!important}.\!w-full{width:100%!important}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/3{width:66.6667%}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-11{width:calc(var(--spacing) * 11)}.w-24{width:calc(var(--spacing) * 24)}.w-\[18px\]{width:18px}.w-\[26vw\]{width:26vw}.w-\[34vw\]{width:34vw}.w-\[42vw\]{width:42vw}.w-\[46vw\]{width:46vw}.w-\[62\%\]{width:62%}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[240px\]{max-width:240px}.max-w-\[260px\]{max-width:260px}.max-w-\[420px\]{max-width:420px}.max-w-\[720px\]{max-width:720px}.max-w-\[760px\]{max-width:760px}.max-w-\[780px\]{max-width:780px}.max-w-\[1240px\]{max-width:1240px}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[220px\]{min-width:220px}.min-w-\[260px\]{min-width:260px}.min-w-\[280px\]{min-width:280px}.min-w-\[390px\]{min-width:390px}.min-w-\[520px\]{min-width:520px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.rotate-45{rotate:45deg}.rotate-\[-7deg\]{rotate:-7deg}.rotate-\[-20deg\]{rotate:-20deg}.rotate-\[8deg\]{rotate:8deg}.rotate-\[20deg\]{rotate:20deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[loginGlow_7s_ease-in-out_infinite\]{animation:7s ease-in-out infinite loginGlow}.animate-\[loginImageDrift_18s_ease-in-out_infinite\]{animation:18s ease-in-out infinite loginImageDrift}.animate-\[loginRise_\.7s_ease-out_both\]{animation:.7s ease-out both loginRise}.animate-\[loginRise_\.62s_ease-out_both\]{animation:.62s ease-out both loginRise}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[150px_1fr\]{grid-template-columns:150px 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[3px\]{border-radius:3px}.rounded-\[6px\]{border-radius:6px}.rounded-\[22px\]{border-radius:22px}.rounded-\[28px\]{border-radius:28px}.rounded-\[30px\]{border-radius:30px}.rounded-full{border-radius:3.40282e38px}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.\!border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-teal-500{border-color:var(--color-teal-500)}.border-white{border-color:var(--color-white)}.border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.border-white\/8{border-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/12{border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.border-white\/12{border-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.border-white\/14{border-color:#ffffff24}@supports (color:color-mix(in lab, red, red)){.border-white\/14{border-color:color-mix(in oklab, var(--color-white) 14%, transparent)}}.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\/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)}}.\!bg-transparent{background-color:#0000!important}.bg-\[\#071827\]{background-color:#071827}.bg-black{background-color:var(--color-black)}.bg-neutral-900\/90{background-color:#171717e6}@supports (color:color-mix(in lab, red, red)){.bg-neutral-900\/90{background-color:color-mix(in oklab, var(--color-neutral-900) 90%, transparent)}}.bg-neutral-950\/76{background-color:#0a0a0ac2}@supports (color:color-mix(in lab, red, red)){.bg-neutral-950\/76{background-color:color-mix(in oklab, var(--color-neutral-950) 76%, transparent)}}.bg-neutral-950\/82{background-color:#0a0a0ad1}@supports (color:color-mix(in lab, red, red)){.bg-neutral-950\/82{background-color:color-mix(in oklab, var(--color-neutral-950) 82%, transparent)}}.bg-rose-50{background-color:var(--color-rose-50)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-950{background-color:var(--color-slate-950)}.bg-slate-950\/50{background-color:#02061880}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/50{background-color:color-mix(in oklab, var(--color-slate-950) 50%, transparent)}}.bg-teal-300{background-color:var(--color-teal-300)}.bg-teal-400\/18{background-color:#00d3bd2e}@supports (color:color-mix(in lab, red, red)){.bg-teal-400\/18{background-color:color-mix(in oklab, var(--color-teal-400) 18%, transparent)}}.bg-teal-400\/22{background-color:#00d3bd38}@supports (color:color-mix(in lab, red, red)){.bg-teal-400\/22{background-color:color-mix(in oklab, var(--color-teal-400) 22%, transparent)}}.bg-teal-500{background-color:var(--color-teal-500)}.bg-teal-700{background-color:var(--color-teal-700)}.bg-white{background-color:var(--color-white)}.bg-white\/6{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.bg-white\/6{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.bg-white\/8{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/8{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/12{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.bg-white\/12{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.bg-white\/18{background-color:#ffffff2e}@supports (color:color-mix(in lab, red, red)){.bg-white\/18{background-color:color-mix(in oklab, var(--color-white) 18%, 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\/22{background-color:#ffffff38}@supports (color:color-mix(in lab, red, red)){.bg-white\/22{background-color:color-mix(in oklab, var(--color-white) 22%, 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\/\[0\.02\]{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.02\]{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.bg-white\/\[0\.025\]{background-color:#ffffff06}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.025\]{background-color:color-mix(in oklab, var(--color-white) 2.5%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.\[background-image\:linear-gradient\(rgba\(255\,255\,255\,\.14\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(255\,255\,255\,\.14\)_1px\,transparent_1px\)\]{background-image:linear-gradient(#ffffff24 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px)}.\[background-image\:linear-gradient\(rgba\(255\,255\,255\,\.18\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(255\,255\,255\,\.12\)_1px\,transparent_1px\)\]{background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px)}.bg-\[linear-gradient\(135deg\,rgba\(20\,184\,166\,\.22\)\,rgba\(255\,255\,255\,\.08\)\)\]{background-image:linear-gradient(135deg,#14b8a638,#ffffff14)}.bg-\[linear-gradient\(180deg\,rgba\(7\,24\,39\,\.1\)\,rgba\(7\,24\,39\,\.72\)\)\,url\(\'https\:\/\/images\.unsplash\.com\/photo-1516321318423-f06f85e504b3\?w\=1600\&q\=80\'\)\]{background-image:linear-gradient(#0718271a,#071827b8),url(https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=1600&q=80)}.bg-\[radial-gradient\(circle_at_18\%_18\%\,rgba\(19\,184\,166\,\.22\)\,transparent_30\%\)\,radial-gradient\(circle_at_86\%_16\%\,rgba\(78\,129\,255\,\.18\)\,transparent_30\%\)\,linear-gradient\(135deg\,\#071827_0\%\,\#10243b_52\%\,\#081724_100\%\)\]{background-image:radial-gradient(circle at 18% 18%,#13b8a638,#0000 30%),radial-gradient(circle at 86% 16%,#4e81ff2e,#0000 30%),linear-gradient(135deg,#071827 0%,#10243b 52%,#081724 100%)}.bg-\[radial-gradient\(circle_at_18\%_20\%\,rgba\(22\,163\,74\,\.20\)\,transparent_28\%\)\,radial-gradient\(circle_at_82\%_18\%\,rgba\(255\,255\,255\,\.08\)\,transparent_20\%\)\,linear-gradient\(180deg\,rgba\(2\,6\,23\,\.42\)\,rgba\(2\,6\,23\,\.94\)\)\]{background-image:radial-gradient(circle at 18% 20%,#16a34a33,#0000 28%),radial-gradient(circle at 82% 18%,#ffffff14,#0000 20%),linear-gradient(#0206176b,#020617f0)}.bg-\[radial-gradient\(circle_at_28\%_22\%\,rgba\(20\,184\,166\,\.24\)\,transparent_28\%\)\,radial-gradient\(circle_at_78\%_18\%\,rgba\(255\,255\,255\,\.11\)\,transparent_24\%\)\,linear-gradient\(180deg\,rgba\(0\,0\,0\,\.12\)\,rgba\(0\,0\,0\,\.92\)\)\]{background-image:radial-gradient(circle at 28% 22%,#14b8a63d,#0000 28%),radial-gradient(circle at 78% 18%,#ffffff1c,#0000 24%),linear-gradient(#0000001f,#000000eb)}.bg-\[radial-gradient\(circle_at_30\%_20\%\,rgba\(20\,184\,166\,\.22\)\,transparent_34\%\)\]{background-image:radial-gradient(circle at 30% 20%,#14b8a638,#0000 34%)}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-black{--tw-gradient-to:var(--color-black);--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))}.\[background-size\:64px_64px\]{background-size:64px 64px}.\[background-size\:72px_72px\]{background-size:72px 72px}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-cover{object-fit:cover}.\!p-0{padding:calc(var(--spacing) * 0)!important}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.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-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-right{text-align:right}.indent-1{text-indent:calc(var(--spacing) * 1)}.indent-2{text-indent:calc(var(--spacing) * 2)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[14vw\]{font-size:14vw}.text-\[15px\]{font-size:15px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[1\.06\]{--tw-leading:1.06;line-height:1.06}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.tracking-\[0\.28em\]{--tw-tracking:.28em;letter-spacing:.28em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-black{color:var(--color-black)}.text-emerald-300\/78{color:#5ee9b5c7}@supports (color:color-mix(in lab, red, red)){.text-emerald-300\/78{color:color-mix(in oklab, var(--color-emerald-300) 78%, transparent)}}.text-neutral-300{color:var(--color-neutral-300)}.text-rose-700{color:var(--color-rose-700)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-900{color:var(--color-slate-900)}.text-slate-950{color:var(--color-slate-950)}.text-teal-100{color:var(--color-teal-100)}.text-teal-200{color:var(--color-teal-200)}.text-teal-700{color:var(--color-teal-700)}.text-white{color:var(--color-white)}.text-white\/46{color:#ffffff75}@supports (color:color-mix(in lab, red, red)){.text-white\/46{color:color-mix(in oklab, var(--color-white) 46%, transparent)}}.text-white\/64{color:#ffffffa3}@supports (color:color-mix(in lab, red, red)){.text-white\/64{color:color-mix(in oklab, var(--color-white) 64%, 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\/74{color:#ffffffbd}@supports (color:color-mix(in lab, red, red)){.text-white\/74{color:color-mix(in oklab, var(--color-white) 74%, transparent)}}.text-white\/78{color:#ffffffc7}@supports (color:color-mix(in lab, red, red)){.text-white\/78{color:color-mix(in oklab, var(--color-white) 78%, 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)}}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.accent-teal-600{accent-color:var(--color-teal-600)}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-\[\.12\]{opacity:.12}.opacity-\[\.18\]{opacity:.18}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.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_12px_26px_rgba\(13\,148\,136\,\.18\)\]{--tw-shadow:0 12px 26px var(--tw-shadow-color,#0d94882e);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_30px_90px_rgba\(0\,0\,0\,\.28\)\]{--tw-shadow:0 30px 90px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,\.9\)\]{--tw-shadow: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-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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}.invert{--tw-invert:invert(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,)}.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{--tw-backdrop-blur:blur(8px);-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-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-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-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-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))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\!outline-none{--tw-outline-style:none!important;outline-style:none!important}.block-5{block-size:calc(var(--spacing) * 5)}.block-6{block-size:calc(var(--spacing) * 6)}.block-7{block-size:calc(var(--spacing) * 7)}.focus-within\:border-teal-400:focus-within{border-color:var(--color-teal-400)}.focus-within\:ring-4:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-teal-100:focus-within{--tw-ring-color:var(--color-teal-100)}@media (hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-teal-600:hover{background-color:var(--color-teal-600)}.hover\:bg-white\/24:hover{background-color:#ffffff3d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/24:hover{background-color:color-mix(in oklab, var(--color-white) 24%, transparent)}}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-teal-900:hover{color:var(--color-teal-900)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:\!shadow-none:focus{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.disabled\:opacity-70:disabled{opacity:.7}@media (width>=40rem){.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-24{padding-block:calc(var(--spacing) * 24)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (width>=48rem){.md\:right-10{right:calc(var(--spacing) * 10)}.md\:right-20{right:calc(var(--spacing) * 20)}.md\:right-24{right:calc(var(--spacing) * 24)}.md\:bottom-20{bottom:calc(var(--spacing) * 20)}.md\:bottom-24{bottom:calc(var(--spacing) * 24)}.md\:left-10{left:calc(var(--spacing) * 10)}.md\:left-20{left:calc(var(--spacing) * 20)}.md\:left-\[28\%\]{left:28%}.md\:block{display:block}.md\:flex{display:flex}.md\:px-10{padding-inline:calc(var(--spacing) * 10)}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-\[13vw\]{font-size:13vw}}@media (width>=64rem){.lg\:block{display:block}.lg\:grid-cols-\[\.86fr_1\.14fr\]{grid-template-columns:.86fr 1.14fr}.lg\:p-12{padding:calc(var(--spacing) * 12)}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.lg\:px-14{padding-inline:calc(var(--spacing) * 14)}}}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fb;font-family:Readex Pro,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{letter-spacing:0}body{color:#fff;background:#000;min-width:320px;height:100%;margin:0;font-family:Readex Pro,system-ui,-apple-system,sans-serif}html{height:100%}#root{height:100%;min-height:100vh}.hero-title{letter-spacing:-.04em;line-height:.95}body.securify-body,body.cloudschool-hero-body{color:#fff;background:#000;font-family:Readex Pro,system-ui,-apple-system,sans-serif}body.classhotel-home-body{color:#fff;background:#020617;font-family:Readex Pro,system-ui,-apple-system,sans-serif}@keyframes loginRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes loginImageDrift{0%,to{transform:scale(1.03)translate(0)}50%{transform:scale(1.07)translate(-10px,-6px)}}@keyframes loginGlow{0%,to{opacity:.85}50%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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}:root{--nav:#061a2d;--nav-2:#08243c;--teal:#10a99b;--teal-dark:#07867c;--teal-soft:#d9f5f2;--ink:#111827;--muted:#64748b;--line:#e5eaf2;--page:#f5f7fb;--card:#fff;--amber:#f5aa23;--danger:#d45a6a;--blue:#2f6fed}*{box-sizing:border-box}body{min-width:320px;color:var(--ink);background:#e9eef5;margin:0;font-family:Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}input,select,textarea{width:100%;min-height:42px;color:var(--ink);background:#fff;border:1px solid #dce4ee;border-radius:0;outline:none;padding:0 12px}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #10a99b21}h1,h2,h3,p{margin-top:0}.app-frame{background:var(--page);grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{color:#e5edf8;background:linear-gradient(180deg, var(--nav), var(--nav-2));flex-direction:column;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand-block,.auth-brand{align-items:center;gap:12px;display:flex}.brand-block{margin-bottom:38px;padding:0 4px}.product-logo{color:#fff;background:var(--teal-dark);border:1px solid #ffffff38;place-items:center;width:42px;height:42px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -10px #00000014}.product-logo:before{content:"";border:3px solid #fff;border-right:0;position:absolute;inset:9px 12px}.product-logo:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid #fff;width:0;height:0;position:absolute;bottom:12px;right:10px}.product-logo-sm{width:32px;height:32px}.product-logo-sm:before{border-width:2px 0 2px 2px;border-right-style:none;border-right-color:currentColor;inset:7px 9px}.product-logo-sm:after{border-top-width:5px;border-bottom-width:5px;border-left-width:8px;bottom:9px;right:8px}.product-logo-lg{width:64px;height:64px}.product-logo-lg:before{border-width:4px 0 4px 4px;border-right-style:none;border-right-color:currentColor;inset:12px 16px}.product-logo-lg:after{border-top-width:9px;border-bottom-width:9px;border-left-width:14px;bottom:17px;right:15px}.brand-block strong,.auth-brand strong{color:#fff;font-size:18px;display:block}.brand-block span,.auth-brand span{color:#a9b8cc;margin-top:3px;font-size:13px;display:block}.side-nav{gap:10px;display:grid}.side-nav-item{color:#dbe7f7;text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:12px;width:100%;height:48px;padding:0 14px;font-size:15px;display:flex}.side-nav-item.active{color:#fff;background:var(--teal-dark);box-shadow:inset 3px 0 #ffffff52}.side-nav-icon{color:#bcd0e8;background:#ffffff09;border:1px solid #dbe7f738;place-items:center;width:24px;height:24px;display:grid}.side-nav-item.active .side-nav-icon{color:#fff;background:#ffffff1f;border-color:#ffffff61}.app-workspace{min-width:0}.unsupported-login{background:#f5f7f8;place-items:center;min-height:100vh;padding:24px;display:grid}.unsupported-login section{background:#fff;border:1px solid #dfe5ea;border-radius:0;gap:14px;width:min(440px,100%);padding:28px;display:grid}.unsupported-login strong{color:#17212b;font-size:22px}.unsupported-login p{color:#52606d;margin:0;line-height:1.8}.unsupported-login button{border:1px solid var(--teal);color:#fff;background:var(--teal);justify-self:start;min-height:36px;padding:0 18px;font-weight:900}.app-topbar{border-bottom:1px solid var(--line);background:#ffffffeb;justify-content:space-between;align-items:center;height:74px;padding:0 30px;display:flex}.topbar-brand{align-items:center;gap:12px;min-width:0;display:flex}.topbar-brand strong{color:#0f172a;white-space:nowrap;font-size:20px}.topbar-brand span{min-height:24px;color:var(--teal-dark);white-space:nowrap;border:1px solid #10a99b73;border-radius:0;padding:3px 9px;font-size:12px;font-weight:800}.topbar-right{align-items:center;gap:18px;display:flex}.icon-button,.user-menu{background:0 0;border:0}.notification-dot{color:#52606f;font-size:14px;font-weight:700;position:relative}.notification-dot:after{content:"";background:var(--teal);border-radius:0;width:7px;height:7px;position:absolute;top:7px;right:2px}.user-menu{min-height:74px;color:var(--ink);align-items:center;gap:10px;font-weight:700;display:flex;position:relative}.user-avatar{color:#fff;background:#cbd5e1;border-radius:0;place-items:center;width:38px;height:38px;display:grid}.account-dropdown{z-index:10;border:1px solid var(--line);background:#fff;border-radius:0;width:142px;padding:6px;display:none;position:absolute;top:62px;right:0;box-shadow:0 16px 34px #0f172a24}.user-menu:hover .account-dropdown,.user-menu:focus-within .account-dropdown{display:grid}.account-dropdown button{color:#475562;text-align:left;background:0 0;border:0;border-radius:0;min-height:36px;padding:0 10px;font-weight:700}.account-dropdown button:hover{color:var(--teal-dark);background:var(--teal-soft)}.workspace-content{padding:30px}.merchant-workspace-content{width:100%}.merchant-workspace-content>.page-stack{width:100%;min-width:0}.page-stack{gap:22px;animation:.5s cubic-bezier(.2,.8,.2,1) both pageEnter;display:grid}.page-stack>*{animation:.5s cubic-bezier(.2,.8,.2,1) both pageEnter}.page-stack>:first-child{animation-delay:0s}.page-stack>:nth-child(2){animation-delay:60ms}.page-stack>:nth-child(3){animation-delay:.12s}.page-stack>:nth-child(n+4){animation-delay:.16s}.title-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.title-row h1{color:#0f172a;margin:0;font-size:28px;line-height:1.2}.eyebrow{color:var(--teal-dark);margin:0 0 6px;font-size:13px;font-weight:800}.actions,.table-actions{flex-wrap:wrap;gap:12px;display:flex}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.kpi-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.dashboard-grid{grid-template-columns:1.35fr .95fr;gap:22px;display:grid}.side-stack{gap:22px;display:grid}.span-2{grid-column:1/-1}.auth-layout{background:radial-gradient(circle at 12% 18%,#10a99b38,#0000 26%),radial-gradient(circle at 82% 12%,#5482ff24,#0000 28%),linear-gradient(135deg,#071827 0%,#10233a 48%,#0b1d2a 100%);place-items:center;min-height:100vh;padding:28px;display:grid}.auth-panel{color:#fff;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff17;border:1px solid #ffffff29;border-radius:0;width:min(1120px,100%);min-height:min(720px,100vh - 56px);padding:18px;box-shadow:0 28px 80px #0000004d}.auth-brand{margin:2px 0 20px 4px}.merchant-login-shell{grid-template-columns:minmax(360px,.82fr) minmax(0,1fr);gap:18px;min-height:620px;display:grid}.merchant-login-card,.merchant-login-visual{border:1px solid #ffffff24;border-radius:0;min-width:0}.merchant-login-card{color:#17212b;background:#ffffffeb;align-content:center;gap:28px;padding:clamp(28px,5vw,54px);display:grid}.merchant-login-card .eyebrow{color:#07877c}.merchant-login-card .login-copy h1{color:#111827;margin:0 0 12px;font-size:clamp(34px,5vw,54px);font-weight:900;line-height:1.02}.merchant-login-card .login-copy p{color:#64748b;max-width:430px}.merchant-login-form{gap:16px}.merchant-login-form label{color:#475569;font-size:14px;font-weight:900}.merchant-login-form input{background:#f8fafcdb;border-color:#dde6ef;border-radius:0;min-height:50px}.password-field{background:#f8fafcdb;border:1px solid #dde6ef;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.password-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #10a99b21}.password-field input{box-shadow:none;background:0 0;border:0}.password-field button,.merchant-login-options button{color:var(--teal-dark);background:0 0;border:0;font-size:13px;font-weight:900}.password-field button{padding:0 14px}.merchant-login-options{justify-content:space-between;align-items:center;gap:12px;display:flex}.merchant-login-options label{color:#475569;align-items:center;gap:9px;font-size:13px;display:flex}.merchant-login-options input{width:16px;min-height:16px}.merchant-login-form .ui-button{border-radius:0;min-height:52px;font-weight:900}.merchant-login-service-note{color:#64748b;text-align:center;margin:0;font-size:12px;line-height:1.7}.merchant-login-visual{background:#0e2335;min-height:560px;position:relative;overflow:hidden}.merchant-login-image{background:linear-gradient(#07182714,#071827ad),url(https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=1600&q=80) 50%/cover;position:absolute;inset:0;transform:scale(1.02)}.merchant-login-overlay{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0718276b;border:1px solid #ffffff2e;border-radius:0;gap:8px;padding:20px;display:grid;position:absolute;top:28px;left:28px;right:28px}.merchant-login-overlay strong{font-size:22px}.merchant-login-overlay span{color:#ffffffc7;font-size:14px}.merchant-login-feature-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid;position:absolute;bottom:28px;left:28px;right:28px}.merchant-login-feature-list article{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff26;border:1px solid #ffffff2e;border-radius:0;gap:8px;min-height:132px;padding:18px;display:grid}.merchant-login-feature-list strong{color:#fff;font-size:15px}.merchant-login-feature-list p{color:#ffffffc7;margin:0;font-size:12px;line-height:1.65}.login-copy h1{margin-bottom:10px;font-size:28px}.login-copy p{color:#c3d1e3;line-height:1.7}.login-form,.demo-accounts{gap:14px;display:grid}.login-form label{color:#dbe7f7;gap:8px;display:grid}.demo-accounts{grid-template-columns:auto repeat(3,1fr);align-items:center;margin-top:18px}.demo-accounts span{color:#a9b8cc;font-size:13px}.demo-accounts button{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:0;min-height:34px}@media (width<=980px){.auth-panel{min-height:auto}.merchant-login-shell{grid-template-columns:1fr;min-height:auto}.merchant-login-visual{min-height:320px}.merchant-login-feature-list{grid-template-columns:1fr}}@media (width<=640px){.auth-layout{padding:0}.auth-panel{border:0;border-radius:0;min-height:100vh}.merchant-login-card{padding:28px 20px}.merchant-login-visual{display:none}}@media (width<=1180px){.app-frame{grid-template-columns:86px minmax(0,1fr)}.brand-block div:last-child,.side-nav-item span:last-child{display:none}.side-nav-item{justify-content:center;padding:0}.kpi-grid,.kpi-grid.three,.content-grid,.dashboard-grid,.learning-layout{grid-template-columns:1fr}}@keyframes pageEnter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-stack,.page-stack>*,.dhf-workspace-panel,.dhf-category-children{animation:none!important}}.ui-button{white-space:nowrap;border:0;border-radius:0;justify-content:center;align-items:center;min-height:40px;padding:0 18px;font-size:14px;font-weight:800;line-height:1;display:inline-flex}.ui-button-primary{color:#fff;background:linear-gradient(135deg,#10b39f,#07877c);box-shadow:0 10px 22px #07877c3d}.ui-button-secondary{color:var(--teal-dark);border:1px solid var(--teal);background:#fff}.ui-button-ghost{color:#42526a;background:#f4f7fb}.ui-button-danger{color:#fff;background:var(--danger)}.ui-card,.stat-card{background:var(--card);border:1px solid #edf1f6;border-radius:0;box-shadow:0 14px 30px #0f172a0f}.ui-card{overflow:hidden}.ui-card-head{justify-content:space-between;align-items:center;gap:12px;padding:22px 24px 14px;display:flex}.ui-card-head h2{margin:0;font-size:19px}.ui-card>:not(.ui-card-head){margin:0 24px 22px}.stat-card{align-items:center;gap:22px;min-height:150px;padding:24px;display:flex}.stat-icon{width:72px;height:72px;color:var(--teal);background:var(--teal-soft);border-radius:0;flex:none;place-items:center;font-size:28px;font-weight:900;display:grid}.stat-icon-amber{color:var(--amber);background:#fff2d8}.stat-icon-blue{color:var(--blue);background:#e6efff}.stat-card span{color:#334155;margin-bottom:9px;font-size:15px;display:block}.stat-card strong{color:var(--ink);font-size:30px;line-height:1.1;display:block}.stat-card small{color:var(--muted);margin-top:12px;font-size:13px;display:block}.status-badge{width:fit-content;min-height:28px;color:var(--teal-dark);background:var(--teal-soft);border-radius:0;justify-content:center;align-items:center;padding:0 11px;font-size:13px;font-weight:800;display:inline-flex}.status-draft,.status-disabled,.status-expired{color:#64748b;background:#edf2f7}.status-used{color:var(--blue);background:#e6efff}.form-row,.form-grid{gap:12px;display:grid}.form-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:center}.form-grid{grid-template-columns:1fr}.field-with-help{color:#334155;gap:8px;font-size:14px;font-weight:700;display:grid}.field-with-help small,.builder-block p,.upload-placeholder span{color:var(--muted);font-size:13px;font-weight:400;line-height:1.6}.notice{border-radius:0;margin:0;padding:12px 14px;font-size:14px}.notice.error{color:#9f1239;background:#ffe4e6}.notice.success{color:#047857;background:#d1fae5}.empty-state,.table-empty{min-height:120px;color:var(--muted);text-align:center;place-items:center;display:grid}.data-table{display:grid}.table-head,.table-row{align-items:center;gap:12px;padding:0 24px;display:grid}.table-head{color:#7c8798;background:#f8fafc;min-height:46px;font-size:13px}.table-row{color:#334155;border-bottom:1px solid #eef2f7;min-height:74px;font-size:14px}.org-table .table-head,.org-table .table-row,.batch-table .table-head,.batch-table .table-row,.progress-table .table-head,.progress-table .table-row{grid-template-columns:1.2fr .8fr .8fr .9fr 1fr}.student-table .table-head,.student-table .table-row{grid-template-columns:1fr 1fr .8fr 1fr}.course-table .table-head,.course-table .table-row{grid-template-columns:2fr .65fr .65fr .65fr .4fr}.course-cell{align-items:center;gap:14px;min-width:0;display:flex}.course-cell img,.course-list-item img{object-fit:cover;background:#dbe4ef;border-radius:0;flex:none;width:58px;height:58px}.course-cell strong,.course-list-item strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.course-cell small,.course-list-item small{color:#7c8798;margin-top:6px;display:block}.tabs{color:var(--muted);border-bottom:1px solid #eef2f7;gap:30px;padding:0 24px 16px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;padding:0;font-weight:700}.tabs button.active{color:var(--teal-dark);font-weight:800}.link-button{color:var(--muted);background:0 0;border:0}.more{color:var(--muted);letter-spacing:2px;font-size:22px}.donut-area{grid-template-columns:170px 1fr;align-items:center;gap:10px;display:grid}.donut{border-radius:0;place-items:center;width:150px;height:150px;display:grid;position:relative}.donut>div{text-align:center;background:#fff;border-radius:0;place-items:center;width:92px;height:92px;display:grid}.donut strong{font-size:24px;display:block}.donut span,.panel-note{color:var(--muted);font-size:13px}.legend{gap:14px;display:grid}.legend span{justify-content:space-between;align-items:center;gap:18px;display:flex}.legend-dot{background:var(--teal);border-radius:0;width:11px;height:11px;margin-right:8px;display:inline-block}.legend-dot.gray{background:#cbd5e1}.legend-dot.orange{background:#fb923c}.activity-list{display:grid}.activity-row{grid-template-columns:40px 1fr 24px;align-items:center;gap:12px;min-height:64px;display:grid}.activity-avatar{color:#fff;background:#94a3b8;border-radius:0;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.activity-row strong{color:#334155;font-size:14px;font-weight:500;display:block}.activity-row small{color:#8b96a7;margin-top:5px;display:block}.activity-icon{color:var(--teal);font-size:20px}.resource-usage-grid{gap:18px;display:grid}.resource-panel{background:#fff;border:1px solid #edf1f6;border-radius:0;gap:12px;padding:18px;display:grid}.resource-panel-head{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.resource-panel-head span{color:#334155;font-size:15px;font-weight:800}.resource-panel-head strong{color:var(--ink);font-size:27px;line-height:1}.usage-bar{background:#edf2f7;border-radius:0;height:10px;overflow:hidden}.usage-bar i{background:var(--teal);border-radius:0;height:100%;display:block}.usage-bar.amber i{background:var(--amber)}.delivery-reminders,.system-reminders{gap:12px;display:grid}.delivery-item{background:#fff;border:1px solid #edf1f6;border-radius:0;grid-template-columns:96px 1fr;align-items:center;gap:14px;padding:16px;display:grid}.delivery-item div{gap:6px;display:grid}.delivery-item strong{color:var(--ink);font-size:28px;line-height:1}.delivery-item span{color:#334155;font-size:14px;font-weight:800}.delivery-item p,.system-reminder p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.system-reminder{background:#fff;border:1px solid #edf1f6;border-radius:0;grid-template-columns:38px 1fr;align-items:start;gap:12px;padding:14px;display:grid}.system-reminder>span{width:38px;height:38px;color:var(--teal-dark);background:var(--teal-soft);border-radius:0;place-items:center;font-weight:900;display:grid}.system-reminder-warn>span{color:#a16207;background:#fef3c7}.system-reminder-danger>span{color:#be123c;background:#ffe4e6}.system-reminder strong{color:#334155;margin-bottom:5px;display:block}.org-overview-polished{gap:16px}.overview-title-row{align-items:flex-end}.overview-card{background:#fff;border:1px solid #e4e8ec;border-radius:0;overflow:hidden}.overview-card-head{border-bottom:1px solid #e4e8ec;justify-content:space-between;align-items:center;min-height:50px;padding:0 20px;display:flex}.overview-card-head h2{color:#17212b;margin:0;font-size:16px}.overview-card-head span{color:#697682;font-size:13px}.overview-head-meta{align-items:center;gap:12px;display:flex}.overview-head-meta b{min-height:24px;color:var(--teal-dark);background:#f4fffd;border:1px solid #bfe9e5;border-radius:0;align-items:center;padding:0 8px;font-size:12px;font-weight:900;display:inline-flex}.overview-head-meta b.warn{color:#9a6208;background:#fffaf0;border-color:#ead4a5}.overview-head-meta b.ok{color:var(--teal-dark);background:#f4fffd;border-color:#bfe9e5}.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.overview-metric{border-right:1px solid #e4e8ec;min-height:126px;padding:24px}.overview-metric:last-child{border-right:0}.overview-metric label{color:#75818d;font-size:14px;font-weight:900;display:block}.overview-metric strong{color:#151f2b;align-items:baseline;gap:7px;margin-top:18px;font-size:38px;line-height:1;display:flex}.overview-metric strong span{color:#697682;font-size:14px;font-weight:800}.overview-main-grid{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:16px;display:grid}.overview-resource-list{padding:6px 18px 0;display:grid}.overview-resource-row{border-bottom:1px solid #edf0f3;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:54px;display:grid}.overview-resource-row:last-child{border-bottom:0}.overview-resource-row span{color:#63707c;font-size:13px;font-weight:800}.overview-resource-row strong{color:#151f2b;white-space:nowrap;font-size:20px}.overview-resource-row b{min-width:56px;color:var(--teal-dark);text-align:center;background:#f4fffd;border:1px solid #cfeeea;border-radius:0;padding:4px 8px;font-size:12px}.overview-resource-row.warn b{color:#9a6208;background:#fffaf0;border-color:#ead4a5}.overview-usage-card{background:#fbfcfd;border:1px solid #edf0f3;gap:12px;margin:12px 18px 18px;padding:16px;display:grid}.overview-usage-top,.overview-usage-meta div{justify-content:space-between;align-items:center;gap:12px;display:flex}.overview-usage-top span,.overview-usage-meta{color:#697682;font-size:13px;font-weight:800}.overview-usage-top strong{color:#151f2b;font-size:28px;line-height:1}.overview-usage-meta{gap:8px;display:grid}.overview-usage-meta b{color:#17212b}.overview-table{border-collapse:collapse;width:100%}.overview-table th{color:#697682;text-align:left;background:#f8fafc;border-bottom:1px solid #e4e8ec;height:42px;padding:0 16px;font-size:13px;font-weight:900}.overview-table td{color:#334155;border-bottom:1px solid #edf0f3;height:58px;padding:0 16px;font-size:14px;font-weight:700}.overview-table tr:last-child td{border-bottom:0}.overview-task-table tr.critical td{background:#fff8f7}.overview-task-table tr.warn td{background:#fffaf0}.overview-table .overview-number{color:#151f2b;font-size:22px;font-weight:900}.overview-muted{color:#697682;font-size:13px}.overview-link{color:var(--teal-dark);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:900}.overview-link:hover{text-decoration:underline}.overview-settings-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.overview-setting-item{text-align:left;cursor:pointer;background:#fff;border:0;border-right:1px solid #e4e8ec;gap:8px;min-height:118px;padding:20px;display:grid}.overview-setting-item:last-child{border-right:0}.overview-setting-item:hover{background:#fbfffe}.overview-setting-item span{color:#64748b;font-size:13px;font-weight:900}.overview-setting-item strong{color:#17212b;font-size:20px}.overview-setting-item small{color:#697682;font-size:12px;line-height:1.5}.overview-setting-item.warn{box-shadow:inset 3px 0 #d99518}.overview-setting-item.ok{box-shadow:inset 3px 0 0 var(--teal)}.overview-record-list{display:grid}.overview-record-row{color:#334155;border-bottom:1px solid #edf0f3;grid-template-columns:180px 1.1fr 1.4fr 130px;align-items:center;min-height:58px;padding:0 18px;font-size:14px;font-weight:700;display:grid}.overview-record-row:last-child{border-bottom:0}.overview-record-head{color:#697682;background:#f8fafc;min-height:42px;font-size:13px;font-weight:900}.overview-record-row b{color:#151f2b}.overview-empty-row{color:#697682;padding:22px 18px;font-size:13px;font-weight:800}.course-workbench-page{gap:16px}.course-workbench{grid-template-columns:300px minmax(440px,1fr) 390px;align-items:start;gap:16px;display:grid}.course-panel{background:#fff;border:1px solid #e4e8ec;border-radius:0;min-height:680px;overflow:hidden}.course-panel-head{border-bottom:1px solid #e4e8ec;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:0 18px;display:flex}.course-panel-head h2{color:#17212b;margin:0;font-size:16px}.course-panel-head span{color:var(--muted);font-size:13px}.course-panel-body{gap:14px;padding:16px;display:grid}.course-list-panel .course-panel-body,.course-tree-panel .course-panel-body,.course-edit-panel .course-panel-body{align-content:start;max-height:calc(100vh - 184px);overflow:auto}.compact-create,.editor-stack,.editor-section{gap:10px;display:grid}.compact-create{background:#f7faf9;border:1px solid #edf0f3;border-radius:0;padding:12px}.course-filter-tabs{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.course-filter-tabs button{color:#5b6875;background:#fff;border:1px solid #e1e7ed;border-radius:0;min-height:32px;font-size:13px;font-weight:800}.course-filter-tabs button.active{color:var(--teal-dark);background:var(--teal-soft);border-color:#10a99b61}.course-list-modern{gap:10px;display:grid}.course-list-modern-item{text-align:left;background:#fff;border:1px solid #edf0f3;border-radius:0;grid-template-columns:48px 1fr;align-items:center;gap:10px;min-height:72px;padding:9px;display:grid}.course-list-modern-item.active{background:#fbfffe;border-color:#10a99b8c}.course-list-modern-item img{object-fit:cover;background:#dbe4ef;border-radius:0;width:48px;height:48px}.course-list-modern-item strong,.tree-course-root strong{color:#17212b;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.course-list-modern-item small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.course-list-modern-item b{min-width:52px;color:var(--teal-dark);background:var(--teal-soft);text-align:center;border-radius:0;grid-column:2;justify-self:start;padding:4px 8px;font-size:12px}.tree-course-root,.tree-chapter-title,.tree-lesson{text-align:left;background:#fff;border:1px solid #edf0f3;border-radius:0;width:100%}.tree-course-root{background:#fbfcfd;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:0 14px;display:flex}.tree-course-root.active,.tree-chapter-title.active,.tree-lesson.active{box-shadow:inset 3px 0 0 var(--teal);background:#fbfffe;border-color:#10a99b8c}.tree-course-root span,.tree-lesson small{color:var(--teal-dark);font-size:12px;font-weight:900}.tree-add-row{grid-template-columns:1fr auto;gap:10px;display:grid}.tree-add-chapter{min-height:38px;color:var(--teal-dark);background:#fbfffe;border:1px dashed #c8d3dc;border-radius:0;font-size:13px;font-weight:900}.course-tree,.tree-lessons{gap:10px;display:grid}.tree-chapter{background:#fbfcfd;border:1px solid #edf0f3;border-radius:0;gap:7px;padding:8px;display:grid}.tree-chapter-title{background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:0 8px;display:flex}.tree-chapter-title span{color:#334155;font-weight:900}.tree-chapter-title small,.tree-empty{color:var(--muted);font-size:12px}.tree-lessons{border-left:1px dashed #d8dee4;margin-left:18px;padding-left:12px}.tree-lesson{justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:0 12px;display:flex}.tree-lesson span{color:#475569;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.tree-empty{margin:0;padding:6px 0}.editor-section{background:#fbfcfd;border:1px solid #edf0f3;border-radius:0;padding:16px}.editor-section-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.editor-section-title h3{color:#17212b;margin:0 0 5px;font-size:15px}.editor-section-title p,.editor-section p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.editor-section-title>span{color:var(--teal-dark);background:var(--teal-soft);border-radius:0;flex:none;padding:4px 9px;font-size:12px;font-weight:900}.editor-field{color:#475569;gap:7px;font-size:13px;font-weight:800;display:grid}.editor-actions{grid-template-columns:1fr;gap:10px;margin-top:2px;display:grid}.editor-actions.two{grid-template-columns:1fr 1fr}.dhf-course-page{gap:16px}.dhf-course-layout{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.dhf-table-panel{background:#fff;border:1px solid #e1e5e9;border-radius:0}.dhf-panel-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.dhf-panel-title span{color:#8aa1ad;font-size:13px}.dhf-category-workbench{grid-template-columns:minmax(320px,1fr) 200px;align-items:start;gap:16px;display:grid}.dhf-category-detail{background:#fff;border:1px solid #e9eef5;border-radius:0;align-content:start;gap:13px;min-height:516px;padding:16px;display:grid;box-shadow:inset 0 1px #ffffffbf}.dhf-category-detail-main{min-height:610px}.dhf-category-detail strong{color:#17212b;font-size:15px;line-height:1.35}.dhf-category-detail p{color:#697682;margin:0;font-size:13px;line-height:1.55}.dhf-category-detail label,.dhf-category-child-create{color:#475569;gap:8px;font-size:13px;font-weight:900;display:grid}.dhf-category-detail input,.dhf-category-detail select{border-color:#e2e8f0;min-height:38px;font-size:13px}.dhf-category-edit-card{background:#fff;border:1px solid #e4edf5;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:14px;display:grid}.dhf-category-edit-card label{color:#475569;grid-column:1/-1;font-size:13px;font-weight:900}.dhf-category-edit-card input{color:#17212b;background:#fff;border:1px solid #dbe4ec;border-radius:0;width:100%;min-height:42px;padding:0 12px}.dhf-root-edit-form{background:#fff;border:1px solid #edf0f3}.dhf-root-edit-panel .dhf-root-edit-form{border:0;min-height:calc(100vh - 250px)}.dhf-root-edit-section-title{color:#17212b;background:#fbfbfc;border-bottom:1px solid #eef1f4;align-items:center;min-height:46px;padding:0 20px;font-size:15px;font-weight:900;display:flex}.dhf-root-edit-section-title:before{content:"";background:#10a99b;width:4px;height:16px;margin-right:8px}.dhf-root-edit-body{width:min(1160px,100vw - 96px);padding:24px 54px 30px}.dhf-root-edit-row{grid-template-columns:96px minmax(0,1fr);align-items:start;gap:18px;margin-bottom:22px;display:grid}.dhf-root-edit-label{color:#17212b;white-space:nowrap;justify-content:flex-end;align-items:center;min-height:36px;font-size:14px;font-weight:900;display:flex}.dhf-root-edit-label span{color:#e5483f;margin-right:7px}.dhf-root-edit-name,.dhf-root-edit-expiry select,.dhf-root-edit-expiry input{color:#26323f;background:#fff;border:1px solid #dcdfe5;border-radius:0;height:40px;font-family:Arial,sans-serif;font-size:14px;font-weight:700}.dhf-root-edit-name{width:100%;max-width:760px;padding:0 12px}.dhf-root-edit-switches{grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px;max-width:760px;display:grid}.dhf-root-setting-switch{color:#1f2933;text-align:left;background:#fff;border:1px solid #dcdfe5;border-radius:0;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:0 16px;display:flex}.dhf-root-setting-switch span{gap:4px;display:grid}.dhf-root-setting-switch strong{font-size:14px;font-weight:900}.dhf-root-setting-switch small{color:#8a96a3;font-size:12px;font-weight:800}.dhf-root-setting-switch i{background:#f4f6f8;border:1px solid #b8c4cf;border-radius:999px;flex:none;width:50px;height:28px;position:relative}.dhf-root-setting-switch i:after{content:"";background:#94a3b8;border-radius:999px;width:20px;height:20px;position:absolute;top:3px;left:3px}.dhf-root-setting-switch.active i{background:#e8faf7;border-color:#10a99b}.dhf-root-setting-switch.active i:after{background:#10a99b;left:auto;right:3px}.dhf-root-edit-expiry{grid-template-columns:minmax(120px,150px) minmax(140px,180px) minmax(120px,150px) minmax(160px,200px);gap:12px;max-width:760px;display:grid}.dhf-root-edit-expiry button{color:#3b4652;background:#fff;border:1px solid #dcdfe5;border-radius:0;height:40px;font-size:14px;font-weight:850}.dhf-root-edit-expiry button.active{color:#07867c;background:#e8faf7;border-color:#10a99b73}.dhf-root-edit-expiry select,.dhf-root-edit-expiry input{width:100%;padding:0 12px}.dhf-root-edit-cover-line{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:18px;display:grid}.dhf-root-edit-cover{aspect-ratio:16/9;background:linear-gradient(135deg,#10a99b2e,#0d1d24f0);border:1px solid #c7d0da;place-items:center;width:220px;display:grid;overflow:hidden}.dhf-root-edit-cover img{object-fit:cover;width:100%;height:100%}.dhf-root-edit-cover strong{color:#fff;font-size:25px;font-weight:900}.dhf-root-edit-upload{align-content:start;gap:8px;display:grid}.dhf-root-edit-upload .dhf-category-cover-action{width:92px;min-height:38px}.dhf-root-edit-upload .dhf-category-cover-action span{color:#5b6672;font-size:14px;font-weight:900;line-height:1}.dhf-root-edit-upload span,.dhf-root-edit-material span{color:#9aa3ad;font-size:13px;font-weight:800;line-height:1.6}.dhf-root-edit-material{align-items:center;gap:18px;display:flex}.dhf-root-edit-material button{color:#07867c;background:#fff;border:1px solid #10a99b;border-radius:0;min-width:110px;height:38px;font-size:14px;font-weight:900}.dhf-root-edit-intro{resize:none;color:#58636f;background:#fff;border:1px solid #dcdfe5;width:100%;min-height:220px;padding:12px;font-family:Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.7}.dhf-root-edit-intro:focus{border-color:#10a99b;outline:none;box-shadow:0 0 0 1px #10a99b24}.dhf-root-edit-actions{gap:12px;margin-left:108px;padding-top:6px;display:flex}.dhf-root-edit-actions button{color:#5b6672;background:#fff;border:1px solid #dcdfe5;border-radius:0;min-width:92px;height:40px;font-size:14px;font-weight:900}.dhf-root-edit-actions button.primary{color:#fff;background:#10a99b;border-color:#10a99b;min-width:112px}.dhf-category-detail-actions .ui-button,.dhf-category-detail>.ui-button,.dhf-category-child-create .ui-button{border-radius:0;min-height:36px;padding:0 12px;font-size:13px}.dhf-delete-confirm{background:#fff8f5;border:1px solid #ffd3c7;border-radius:0;gap:12px;padding:14px;display:grid}.dhf-delete-confirm strong{color:#8f2d19;font-size:14px}.dhf-delete-confirm p{color:#8a5d52;margin:6px 0 0;font-size:13px;line-height:1.6}.dhf-delete-confirm>div:last-child{justify-content:flex-end;gap:10px;display:flex}.dhf-category-child-create{background:#fff;border:1px solid #e4edf5;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:14px}.dhf-category-child-create span{color:#334155;grid-column:1/-1;font-weight:900}.dhf-category-child-create input{color:#17212b;background:#fff;border:1px solid #dbe4ec;border-radius:0;width:100%;min-height:42px;padding:0 12px}.dhf-child-category-panel{background:#fff;border:1px solid #e4edf5;border-radius:0;overflow:hidden}.dhf-child-category-head{border-bottom:1px solid #eef4f8;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.dhf-child-category-head strong{color:#17212b;font-size:15px}.dhf-child-category-head input{color:#17212b;background:#fff;border:1px solid #dbe4ec;border-radius:0;width:min(260px,50%);min-height:38px;padding:0 12px}.dhf-child-category-list{background:#f8fbfd;gap:8px;max-height:330px;padding:12px;display:grid;overflow:auto}.dhf-child-category-row{background:#fff;border:1px solid #e7eef5;border-radius:0;grid-template-columns:minmax(0,1fr) auto 72px;align-items:center;gap:12px;min-height:54px;padding:0 12px;display:grid}.dhf-child-category-row strong{color:#17212b;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.dhf-child-category-row span,.dhf-child-category-pager>span,.dhf-child-category-pager div>span{color:#64748b;font-size:12px;font-weight:900}.dhf-child-category-row span,.dhf-child-category-pager div>span{background:#fff;border:1px solid #dbe4ec;border-radius:0;padding:4px 9px}.dhf-child-category-row button,.dhf-child-category-pager button{color:#07897f;background:#f1fffc;border:1px solid #8bded6;border-radius:0;min-height:32px;padding:0 10px;font-size:13px;font-weight:900}.dhf-child-category-pager button:disabled{cursor:not-allowed;color:#94a3b8;background:#f8fafc;border-color:#e2e8f0}.dhf-child-category-pager{border-top:1px solid #eef4f8;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.dhf-child-category-pager>div{align-items:center;gap:8px;display:flex}.dhf-child-category-pager strong{color:#334155;font-size:13px}.dhf-workspace-panel{background:#fff;border:1px solid #e1e5e9;border-radius:0;min-height:610px;padding:18px;animation:.5s cubic-bezier(.2,.8,.2,1) both pageEnter;overflow:hidden;box-shadow:0 16px 34px #0f172a0d}.dhf-workspace-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.dhf-workspace-head>div{align-items:center;gap:10px;min-width:0;display:flex}.dhf-workspace-head strong{color:#17212b;font-size:18px}.dhf-workspace-actions{align-items:center;gap:10px;display:flex}.dhf-category-summary-header{background:linear-gradient(#fff 0%,#fbfcfd 100%);border-bottom:1px solid #e9eef5;grid-template-columns:128px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;display:grid}.dhf-category-summary-cover{aspect-ratio:16/9;color:#697682;background:#eef5f4;border:1px solid #dce4ee;place-items:center;width:128px;font-size:12px;font-weight:900;display:grid;overflow:hidden}.dhf-category-summary-cover img{object-fit:cover;width:100%;height:100%}.dhf-category-summary-main{gap:7px;min-width:0;display:grid}.dhf-category-summary-title{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.dhf-category-summary-title strong{color:#17212b;text-overflow:ellipsis;white-space:nowrap;font-size:24px;font-weight:950;line-height:1.2;overflow:hidden}.dhf-category-summary-title span{color:var(--teal-dark);background:#f4fffd;border:1px solid #10a99b47;padding:4px 9px;font-size:12px;font-weight:900}.dhf-category-summary-meta{color:#697682;flex-wrap:wrap;gap:13px;font-size:13px;font-weight:800;display:flex}.dhf-category-summary-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:360px;display:flex}.dhf-category-edit-panel{align-content:start;gap:14px;display:grid}.dhf-category-edit-panel.dhf-root-edit-panel{min-height:calc(100vh - 250px);box-shadow:none;padding:0}.dhf-category-edit-panel p{color:#697682;margin:0;font-size:13px;line-height:1.7}.dhf-category-edit-panel label{color:#475569;gap:8px;font-size:13px;font-weight:900;display:grid}.dhf-parent-note{background:#fbfcfd;border:1px solid #edf2f7;border-radius:0;gap:8px;padding:12px;display:grid}.dhf-parent-note span{color:#697682;font-size:12px;font-weight:800}.dhf-parent-note strong{color:#334155;font-size:13px;line-height:1.55}.dhf-risk-note{background:#f7fbff;border:1px solid #e3edf7;border-radius:0;gap:8px;padding:12px;display:grid}.dhf-risk-note.warn{background:#fff8ed;border-color:#f4d6a7}.dhf-risk-note span{color:#697682;font-size:12px;font-weight:800}.dhf-risk-note strong{color:#334155;font-size:13px;line-height:1.55}.dhf-risk-note.warn strong{color:#9a6208}.dhf-path-note{color:#476070;background:#f7fbff;border:1px solid #e3edf7;border-radius:0;padding:10px 12px;font-size:13px;font-weight:800}.dhf-breadcrumb{background:#f7fbff;border:1px solid #e3edf7;border-radius:0;flex-wrap:wrap;align-items:center;gap:7px;padding:10px 12px;display:flex}.dhf-breadcrumb span{color:#697682;font-size:12px;font-weight:800}.dhf-breadcrumb div{align-items:center;gap:7px;display:inline-flex}.dhf-breadcrumb em{color:#9aa7b2;font-style:normal}.dhf-breadcrumb button{color:var(--teal-dark);background:0 0;border:0;padding:0;font-size:13px;font-weight:900}.dhf-breadcrumb button:hover{text-decoration:underline}.dhf-breadcrumb.compact{background:0 0;border:0;padding:0}.dhf-breadcrumb.compact span,.dhf-breadcrumb.compact button,.dhf-breadcrumb.compact em{font-size:12px}.dhf-create-path{margin-bottom:12px}.dhf-category-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dhf-category-summary div{background:#fbfcfd;border:1px solid #edf2f7;border-radius:0;gap:8px;padding:13px;display:grid}.dhf-category-summary span{color:#697682;font-size:12px;font-weight:800}.dhf-category-summary strong{color:#17212b;font-size:16px}.dhf-overview-summary-strip{background:#fbfcfd;border:1px solid #e8eef4;border-bottom:0;align-items:stretch;gap:0;display:flex}.dhf-overview-summary-strip div{flex:1 1 0;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:52px;padding:0 16px;display:flex}.dhf-overview-summary-strip div+div{border-left:1px solid #e8eef4}.dhf-overview-summary-strip span{color:#697682;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:850;overflow:hidden}.dhf-overview-summary-strip strong{color:#17212b;white-space:nowrap;font-size:17px;font-weight:900}.dhf-global-course-list{background:#fff;border:1px solid #e8eef4;border-radius:0;display:grid;overflow:hidden}.dhf-global-course-head{background:#fbfcfd;border-bottom:1px solid #edf2f7;grid-template-columns:auto minmax(260px,320px);justify-content:space-between;align-items:center;gap:10px;padding:14px;display:grid}.dhf-global-course-head span{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:800}.dhf-global-course-tools{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.dhf-global-course-tools input{color:#17212b;background:#fff;border:1px solid #dbe4ec;border-radius:0;width:100%;min-height:36px;padding:0 12px}.dhf-global-course-filters{background:#fff;border:1px solid #dbe4ec;border-radius:0;gap:4px;padding:3px;display:inline-flex}.dhf-global-course-filters button{color:#637282;white-space:nowrap;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;min-height:30px;padding:7px 10px;font-size:12px;font-weight:900;display:inline-flex}.dhf-global-course-filters button.active{color:#07897f;background:#10a99b1f}.dhf-global-course-table-head{color:#7c8798;background:#f8fafc;grid-template-columns:96px 220px 92px minmax(260px,4fr) 176px minmax(70px,1fr) 226px minmax(36px,.5fr);align-items:center;gap:14px;min-height:42px;padding:0 16px;font-size:12px;font-weight:900;display:grid}.dhf-global-course-row{text-align:left;min-height:76px;box-shadow:none;background:#fff;border:0;border-top:1px solid #eef2f7;border-radius:0;grid-template-columns:96px 220px 92px minmax(260px,4fr) 176px minmax(70px,1fr) 226px minmax(36px,.5fr);align-items:center;gap:14px;padding:10px 16px;transition:background .16s;display:grid}.dhf-global-course-table-head span:nth-child(n+3){text-align:center;justify-self:center}.dhf-global-course-table-head span:first-child,.dhf-global-course-row>span:first-child{grid-column:1}.dhf-global-course-table-head span:nth-child(2),.dhf-global-course-row>span:nth-child(2){grid-column:2}.dhf-global-course-table-head span:nth-child(3),.dhf-global-course-row>span:nth-child(3){grid-column:3}.dhf-global-course-table-head span:nth-child(4),.dhf-global-course-row>span:nth-child(4){grid-column:5}.dhf-global-course-table-head span:nth-child(5),.dhf-global-course-row>span:nth-child(5){grid-column:7}.dhf-global-course-row:hover{background:#f8fffe}.dhf-course-cover{color:#07897f;background:linear-gradient(135deg,#e8fbf7,#eff6ff);border-radius:0;place-items:center;width:64px;height:44px;font-size:18px;font-weight:950;display:grid;overflow:hidden}.dhf-course-cover img{object-fit:cover;width:100%;height:100%}.dhf-course-main{gap:5px;min-width:0;display:grid}.dhf-course-main strong{color:#17212b;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:950;overflow:hidden}.dhf-course-main small{color:#697682;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.dhf-course-counts{text-align:center;justify-items:center;gap:3px;display:grid}.dhf-course-counts small{color:#7a8794;font-size:12px;font-weight:800}.dhf-course-counts strong{color:#17212b;white-space:nowrap;font-size:16px;font-weight:950}.dhf-course-upload-time{color:#334155;text-align:center;white-space:nowrap;justify-self:center;font-size:13px;font-weight:850}.dhf-status-pill{color:#637282;white-space:nowrap;background:#f8fafc;border:1px solid #e6ebf0;border-radius:0;justify-self:center;padding:5px 10px;font-size:12px;font-weight:900}.dhf-status-pill.ready{color:#07897f;background:#10a99b1a;border-color:#10a99b33}.dhf-course-actions{white-space:nowrap;justify-content:center;justify-self:center;align-items:center;gap:12px;display:inline-flex}.dhf-course-actions button{color:#fff;background:#10a99b;border:0;border-radius:0;justify-content:center;align-items:center;min-height:34px;padding:0 13px;font-size:13px;font-weight:950;line-height:1;display:inline-flex}.dhf-course-actions button.link{color:#07897f;background:0 0;padding:0}.dhf-course-actions button.link:hover{text-decoration:underline}.dhf-course-actions button.danger{color:#b42318;background:0 0;padding:0}.dhf-course-actions button.danger:hover{text-decoration:underline}.dhf-global-course-pager{min-height:48px;color:var(--muted);border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;font-weight:800;display:flex}.dhf-global-course-pager div{align-items:center;gap:8px;display:inline-flex}.dhf-global-course-pager button{color:#52606d;background:#fff;border:1px solid #dbe4ec;border-radius:0;min-height:30px;padding:0 10px;font-size:12px;font-weight:850}.dhf-global-course-pager button:not(:disabled):hover{color:#07897f;background:#f4fffd;border-color:#10a99b59}.dhf-global-course-pager button:disabled{cursor:not-allowed;opacity:.48}.dhf-global-course-pager strong{color:#17212b;font-weight:950}.dhf-root-course-stats{background:#fbfffe;border:1px solid #d7eee9;border-radius:6px;display:inline-flex;overflow:hidden}.dhf-root-course-stats div{border-left:1px solid #e3f2ef;min-width:112px;padding:10px 14px}.dhf-root-course-stats div:first-child{border-left:0}.dhf-root-course-stats span{color:#6b7785;font-size:12px;font-weight:700;display:block}.dhf-root-course-stats strong{color:#17212b;font-size:15px;font-weight:700;line-height:20px;display:block}.dhf-root-course-page{gap:12px;animation:.5s cubic-bezier(.2,.8,.2,1) both pageEnter;display:grid}.dhf-root-course-page-head{justify-content:flex-end;align-items:flex-end;gap:18px;display:flex}.dhf-root-course-panel{background:#fff;border:1px solid #e4e9ee;border-radius:8px;overflow:hidden;box-shadow:0 14px 32px #1527360d}.dhf-root-course-tools{background:linear-gradient(#fff,#fbfcfd);border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:16px 18px;display:flex}.dhf-root-course-tools strong{color:#111b24;font-size:18px;font-weight:700;line-height:24px;display:block}.dhf-root-course-tools>div:first-child>span{color:#6b7785;margin-top:3px;font-size:13px;line-height:18px;display:block}.dhf-root-course-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.dhf-root-course-page .dhf-root-course-search{width:310px;height:38px;min-height:38px;color:inherit;background:#fff;border:1px solid #d8e1e8;border-radius:6px;align-items:center;gap:0;font-size:13px;font-weight:400;display:block;position:relative;overflow:hidden}.dhf-root-course-page .dhf-root-course-search span{color:#929fad;text-align:center;pointer-events:none;place-items:center;width:38px;height:38px;margin-top:0;font-size:16px;line-height:1;display:grid;position:absolute;top:50%;left:0;transform:translateY(-50%)}.dhf-root-course-page .dhf-root-course-search input{width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;color:#17212b;background:0 0;border:0;border-radius:0;outline:0;padding:0 12px 0 38px;font-size:13px;font-weight:400;line-height:38px;display:block}.dhf-root-course-page .dhf-root-course-search input::placeholder{color:#7f8c99;opacity:1}.dhf-root-course-table-head,.dhf-root-course-row{grid-template-columns:188px minmax(240px,1fr) 118px 214px 284px;align-items:center;column-gap:18px;display:grid}.dhf-root-course-table-head{color:#405060;background:#f8fafb;border-bottom:1px solid #edf1f5;min-height:42px;padding:0 20px;font-size:13px;font-weight:700}.dhf-root-course-table-head span:nth-child(n+3){text-align:center}.dhf-root-course-list{background:#fbfcfd;gap:10px;padding:12px 14px 14px;display:grid}.dhf-root-course-row{background:#fff;border:1px solid #e7edf2;border-radius:8px;min-height:120px;padding:12px 14px;transition:border-color .16s,box-shadow .16s,transform .16s}.dhf-root-course-row:first-child{border-color:#cfeee8;box-shadow:0 10px 22px #0f9f9114}.dhf-root-course-row:hover{background:#fff;border-color:#cfeee8;box-shadow:0 10px 22px #0f9f9114}.dhf-root-course-cover{aspect-ratio:16/9;color:#078579;background:#e9f5f2;border:1px solid #dfe8ef;border-radius:6px;place-items:center;width:176px;font-size:30px;font-style:normal;font-weight:700;display:grid;position:relative;overflow:hidden}.dhf-root-course-cover img{object-fit:cover;width:100%;height:100%}.dhf-root-course-cover:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#00000042);position:absolute;inset:0}.dhf-root-course-cover b{z-index:1;color:#fff;font-size:12px;font-weight:700;position:absolute;bottom:7px;right:8px}.dhf-root-course-main{min-width:0;display:block}.dhf-root-course-main strong{color:#111b24;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;line-height:23px;display:block;overflow:hidden}.dhf-root-course-main small{color:#6b7785;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:13px;line-height:18px;display:block;overflow:hidden}.dhf-root-course-tags{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.dhf-root-course-tags i{color:#607080;background:#f7fafb;border:1px solid #e3e9ef;border-radius:999px;align-items:center;height:24px;padding:0 9px;font-size:12px;font-style:normal;font-weight:700;display:inline-flex}.dhf-root-course-count{color:#111b24;text-align:center;white-space:nowrap;justify-self:center;font-size:15px;font-weight:700;line-height:22px}.dhf-root-course-upload-time{text-align:center;justify-self:center}.dhf-root-course-upload-time strong{color:#24313d;white-space:nowrap;font-size:14px;font-weight:700;line-height:22px;display:block}.dhf-root-course-upload-time small{color:#6b7785;white-space:nowrap;margin-top:3px;font-size:12px;font-weight:700;line-height:17px;display:block}.dhf-root-course-row-actions{white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:flex}.dhf-root-course-row-actions button{color:#078579;background:#e7f7f5;border:1px solid #0f9f9159;border-radius:5px;height:32px;padding:0 10px;font-size:13px;font-weight:700}.dhf-root-course-row-actions button.danger{color:#bd2f2f;background:#fff2f1;border-color:#f0c7c3}.dhf-root-course-pager{color:#6b7785;background:#fff;border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;min-height:56px;padding:0 18px;font-size:13px;font-weight:700;display:flex}.dhf-root-course-pager div{align-items:center;gap:6px;display:inline-flex}.dhf-root-course-pager button,.dhf-root-course-pager strong{color:#465564;background:#fff;border:1px solid #d8e1e8;border-radius:5px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.dhf-root-course-pager strong{color:#fff;background:#0f9f91;border-color:#0f9f9159}.dhf-root-course-pager button:disabled{cursor:not-allowed;opacity:.48}.dhf-course-action{color:#07897f;white-space:nowrap;justify-self:end;font-size:13px;font-weight:950}.dhf-video-directory-panel{padding:0}.dhf-video-detail-shell{background:#fff;border:1px solid #dbe4ea;box-shadow:0 14px 36px #0f172a0f}.dhf-video-detail-topbar,.dhf-video-detail-toolbar,.dhf-video-detail-head,.dhf-video-detail-row,.dhf-video-detail-footer{align-items:center;display:grid}.dhf-video-detail-topbar{background:#fbfcfd;border-bottom:1px solid #eaf0f4;grid-template-columns:auto minmax(0,1fr);gap:16px;min-height:58px;padding:0 16px}.dhf-video-detail-title{align-items:baseline;gap:12px;display:flex}.dhf-video-detail-title strong{color:#18222c;font-size:18px;font-weight:900}.dhf-video-detail-title span{color:#6d7a88;font-size:12px;font-weight:700}.dhf-video-detail-toolbar{border-bottom:1px solid #eaf0f4;grid-template-columns:repeat(6,auto) minmax(0,1fr);gap:10px;min-height:64px;padding:13px 16px}.dhf-video-detail-search{background:#fff;border:1px solid #b9ddd8;justify-self:end;align-items:center;width:260px;height:36px;display:flex}.dhf-video-detail-search input{color:#42505d;border:0;flex:1;min-width:0;height:100%;padding:0 12px;font-family:Arial,sans-serif;font-size:13px;font-weight:700}.dhf-video-detail-search span{color:#fff;background:#0fa497;place-items:center;width:42px;height:100%;font-size:17px;display:grid}.dhf-video-detail-head,.dhf-video-detail-row{grid-template-columns:28px 88px 104px minmax(300px,1.45fr) 116px 112px 176px 196px;column-gap:12px;padding:0 16px}.dhf-video-detail-head{color:#4b5b68;background:#f7fafb;border-bottom:1px solid #eaf0f4;min-height:44px;font-size:13px;font-weight:900}.dhf-video-detail-group{border-bottom:1px solid #eaf0f4}.dhf-video-detail-group-head{background:#f3f8f8;border-bottom:1px solid #dfe9ea;grid-template-columns:28px 88px 104px minmax(300px,1.45fr) 116px 112px 176px 196px;align-items:center;min-height:56px;padding:0 16px 0 24px;display:grid;position:relative}.dhf-video-detail-group-head:before{content:"";background:#0f9f91;width:3px;position:absolute;top:0;bottom:0;left:0}.dhf-video-detail-group-title{grid-column:1/8;align-items:center;gap:12px;min-width:0;display:flex}.dhf-video-detail-group-title strong{color:#17212b;align-items:center;gap:8px;font-size:16px;font-weight:900;display:inline-flex}.dhf-video-detail-group-title span{color:#6d7a88;font-size:12px;font-weight:800}.dhf-video-detail-group-marker{background:#fff;border:1px solid #7ebbb4;border-radius:1px;width:15px;height:10px;display:inline-block;position:relative;top:1px}.dhf-video-detail-group-marker:before{content:"";background:#fff;border:1px solid #7ebbb4;border-bottom:0;border-radius:1px 1px 0 0;width:7px;height:4px;position:absolute;top:-4px;left:1px}.dhf-video-detail-group-actions,.dhf-video-detail-actions{white-space:nowrap;justify-content:flex-start;align-items:center;gap:12px;width:100%;display:flex}.dhf-video-detail-group-actions{grid-column:8}.dhf-video-detail-group-actions button,.dhf-video-detail-actions button{color:#087a70;background:0 0;border:0;padding:0;font-size:12px;font-weight:900}.dhf-video-detail-group-actions .danger,.dhf-video-detail-actions .danger{color:#d64545}.dhf-video-detail-row{color:#42505d;background:#fff;border-bottom:1px solid #f0f4f7;min-height:70px;padding-left:24px;padding-right:16px;font-size:13px;font-weight:700}.dhf-video-detail-checkcell,.dhf-video-detail-ordercell,.dhf-video-detail-covercell,.dhf-video-detail-namecell,.dhf-video-detail-metriccell,.dhf-video-detail-uploadcell,.dhf-video-detail-actioncell{align-items:center;min-width:0;display:flex}.dhf-video-detail-checkcell,.dhf-video-detail-ordercell,.dhf-video-detail-covercell,.dhf-video-detail-metriccell,.dhf-video-detail-uploadcell{justify-content:center}.dhf-video-detail-namecell,.dhf-video-detail-actioncell{justify-content:flex-start}.dhf-selection-checkbox{cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #b7c2cc;outline:none;place-items:center;width:15px;height:15px;padding:0;display:inline-grid}.dhf-selection-checkbox.checked{background:#0f9f91;border-color:#0f9f91}.dhf-selection-checkbox:focus{outline:none}.dhf-selection-checkbox:focus-visible{box-shadow:0 0 0 2px #0f9f9129}.dhf-selection-checkbox-tick{border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:4px;height:7px;margin-top:-1px;transform:rotate(45deg)}.dhf-video-detail-order{color:#0f8f84;white-space:nowrap;justify-content:center;align-items:center;min-width:0;font-size:13px;font-weight:900;display:inline-flex}.dhf-video-detail-cover{aspect-ratio:16/9;background:linear-gradient(135deg,#0fa49733,#0000 45%),linear-gradient(145deg,#23303b,#eef6f8);border:1px solid #dbe4ea;width:82px;overflow:hidden}.dhf-video-detail-cover img{object-fit:cover;width:100%;height:100%}.dhf-video-detail-cover i{color:#fff;place-items:center;width:100%;height:100%;font-size:12px;font-style:normal;font-weight:900;display:grid}.dhf-video-detail-name{color:#18222c;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;overflow:hidden}.dhf-video-detail-footer{color:#6d7a88;background:#fbfcfd;grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:50px;padding:0 16px;font-size:12px;font-weight:800}.dhf-video-detail-pages{align-items:center;gap:8px;display:flex}.dhf-video-detail-pages button,.dhf-video-detail-pages strong{color:#465564;background:#fff;border:1px solid #d8e1e8;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.dhf-video-detail-pages strong{color:#fff;background:#0f9f91;border-color:#0f9f9159}.dhf-video-detail-empty,.dhf-video-detail-group-empty{color:#6d7a88;text-align:center;background:#fbfdff;justify-items:center;gap:10px;min-height:160px;padding:32px 20px;display:grid}.dhf-video-directory-panel .dhf-workspace-head,.dhf-video-directory-panel .dhf-category-summary,.dhf-video-directory-panel .dhf-download-toggle,.dhf-video-filters,.dhf-video-directory{margin:18px}.dhf-video-directory-panel .dhf-category-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.dhf-video-directory-panel .dhf-content-view.embedded{border-top:1px solid #edf2f7;margin:18px;padding-top:14px}.dhf-download-toggle{width:calc(100% - 36px);color:inherit;cursor:pointer;text-align:left;background:#f7fffc;border:1px solid #d7eee7;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.dhf-download-toggle span{gap:5px;display:grid}.dhf-download-toggle strong{color:#17212b;font-size:14px;font-weight:800}.dhf-download-toggle small{color:#4f6f66;font-size:12px;font-weight:800}.dhf-download-toggle i{background:#fff;border:1px solid #b6d9cf;border-radius:999px;flex:none;width:46px;height:26px;transition:background .16s,border-color .16s;position:relative}.dhf-download-toggle i:after{content:"";background:#8aa099;border-radius:999px;width:18px;height:18px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.dhf-download-toggle.active{background:#effbf8;border-color:#a7ded2}.dhf-download-toggle.active i{background:#e8faf5;border-color:#0f8b70}.dhf-download-toggle.active i:after{background:#0f8b70;transform:translate(20px)}.dhf-download-toggle.saving{opacity:.78}.dhf-authorization-rule{background:#f7fffc;border:1px solid #d7eee7;grid-template-columns:minmax(220px,1fr) auto minmax(180px,260px);align-items:end;gap:12px;margin:18px;padding:14px 16px;display:grid}.dhf-authorization-rule-copy{gap:5px;display:grid}.dhf-authorization-rule-copy strong{color:#17212b;font-size:14px;font-weight:900}.dhf-authorization-rule-copy span{color:#60756f;font-size:12px;font-weight:700}.dhf-authorization-rule-mode{background:#fff;border:1px solid #c7ddd8;display:inline-flex}.dhf-authorization-rule-mode button{color:#52606d;background:0 0;border:0;border-right:1px solid #c7ddd8;min-height:36px;padding:0 14px;font-weight:850}.dhf-authorization-rule-mode button:last-child{border-right:0}.dhf-authorization-rule-mode button.active{color:var(--teal-dark);background:#10a99b1f}.dhf-authorization-rule label{color:#52606d;gap:7px;font-size:13px;font-weight:900;display:grid}.dhf-video-filters{border-top:1px solid #edf2f7;flex-wrap:wrap;gap:8px;padding-top:16px;display:flex}.dhf-video-filters button{color:#52606d;background:#fff;border:1px solid #dfe8ef;border-radius:0;min-height:34px;padding:0 13px;font-size:13px;font-weight:900}.dhf-video-filters button:hover,.dhf-video-filters button.active{color:var(--teal-dark);background:#eefbf9;border-color:#10a99b57}.dhf-video-directory{gap:14px;display:grid}.dhf-video-empty{text-align:center;background:#fbfdff;border:1px dashed #cbd7e4;border-radius:0;justify-items:center;gap:10px;min-height:190px;padding:34px 20px;display:grid}.dhf-video-empty strong{color:#17212b;font-size:16px}.dhf-video-empty p{color:var(--muted);margin:0;font-size:13px}.dhf-video-course{background:#fff;border:1px solid #e5ebf2;border-radius:0;overflow:hidden}.dhf-video-course-head,.dhf-video-chapter-title,.dhf-video-table-head,.dhf-video-lesson{align-items:center;gap:12px;display:grid}.dhf-video-course-head{background:#f8fafc;grid-template-columns:28px minmax(0,1fr) auto auto;min-height:58px;padding:0 16px}.dhf-video-course-head>div{gap:4px;min-width:0;display:grid}.dhf-video-course-head strong{color:#17212b;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.dhf-video-course-head small{color:#697682;font-size:12px;font-weight:800}.dhf-video-course-toggle{background:#fff;border:1px solid #dbe4ec;border-radius:0;place-items:center;width:24px;height:24px;transition:border-color .16s,background .16s;display:grid}.dhf-video-course-toggle span{background:0 0;border-bottom:2px solid #52606d;border-right:2px solid #52606d;width:7px;height:7px;padding:0;transition:transform .16s;transform:rotate(-45deg)}.dhf-video-course-toggle.expanded{background:#eefbf9;border-color:#10a99b59}.dhf-video-course-toggle.expanded span{border-color:var(--teal-dark);transform:rotate(45deg)translate(-1px,-1px)}.dhf-video-course-head span{color:#52606d;background:#eef3f7;border-radius:0;padding:3px 8px;font-size:12px;font-weight:900}.dhf-video-course-head button,.dhf-video-lesson button{color:var(--teal-dark);background:0 0;border:0;font-size:13px;font-weight:900}.dhf-video-chapter,.dhf-video-course-body{display:grid}.dhf-video-table-head{color:#7c8798;background:#f8fafc;border-top:1px solid #edf2f7;grid-template-columns:minmax(0,1fr) 120px 90px 88px;min-height:38px;padding:0 16px 0 34px;font-size:12px;font-weight:900}.dhf-video-chapter-title{color:#334155;border-top:1px solid #edf2f7;grid-template-columns:minmax(0,1fr) auto;min-height:44px;padding:0 16px;font-size:14px;font-weight:900}.dhf-video-chapter-title span{color:var(--muted);font-size:12px}.dhf-video-lesson{color:#475569;border-top:1px solid #edf2f7;grid-template-columns:minmax(0,1fr) 120px 90px 88px;min-height:54px;padding:0 16px 0 34px;font-size:13px}.dhf-video-lesson span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dhf-video-lesson small{color:var(--muted)}.dhf-video-lesson em{color:#9a6208;background:#fef3d5;border-radius:0;justify-self:start;padding:4px 8px;font-size:12px;font-style:normal;font-weight:900}.dhf-video-lesson em.ready{color:var(--teal-dark);background:var(--teal-soft)}.dhf-video-lesson button:hover{text-decoration:underline}.dhf-video-lesson-pager{min-height:48px;color:var(--muted);border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:12px;padding:0 16px 0 34px;font-size:12px;font-weight:800;display:flex}.dhf-video-lesson-pager>div{align-items:center;gap:8px;display:flex}.dhf-video-lesson-pager button{color:#42526a;background:#fff;border:1px solid #dbe4ec;border-radius:0;min-height:30px;padding:0 10px;font-size:12px;font-weight:900}.dhf-video-lesson-pager button:disabled{cursor:not-allowed;color:#94a3b8;background:#f8fafc}.dhf-video-lesson-pager strong{color:#334155}.dhf-category-create-dialog{gap:16px}.dhf-category-create-dialog label{color:#475569;text-align:left;gap:8px;font-size:13px;font-weight:900;display:grid}.dhf-category-create-dialog input{color:#17212b;background:#fff;border:1px solid #dbe4ec;border-radius:0;outline:0;width:100%;min-height:42px;padding:0 12px}.dhf-category-create-dialog input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #10a99b21}@keyframes categoryChildrenIn{0%{opacity:0;transform:scaleY(.96)translateY(-4px)}to{opacity:1;transform:scaleY(1)translateY(0)}}.dhf-toolbar,.dhf-detail-toolbar,.dhf-course-editor,.dhf-lesson-create{align-items:center;gap:10px;display:flex}.dhf-toolbar,.dhf-detail-toolbar{justify-content:space-between;padding:14px 16px}.dhf-toolbar-left,.dhf-toolbar-right{align-items:center;gap:10px;display:flex}.dhf-toolbar-note{color:#697682;font-size:13px;line-height:1.5}.dhf-toolbar-right input,.dhf-detail-toolbar input{width:180px}.dhf-create-course-bar{background:#fbfcfd;border-top:1px solid #e1e5e9;grid-template-columns:220px 1fr auto auto;gap:10px;padding:12px 16px;display:grid}.dhf-create-page{gap:16px;display:grid}.dhf-create-layout{grid-template-columns:minmax(0,860px);align-items:start;display:grid}.dhf-create-main{gap:14px;display:grid}.dhf-create-card{background:#fff;border:1px solid #e1e5e9;border-radius:0;gap:14px;padding:18px;display:grid}.dhf-create-card-head{gap:6px;padding-bottom:4px;display:grid}.dhf-create-card-head strong{color:#17212b;font-size:16px}.dhf-create-card-head span,.dhf-status-options span{color:#697682;margin:0;font-size:13px;line-height:1.55}.dhf-create-card label{color:#475569;gap:8px;font-size:13px;font-weight:900;display:grid}.dhf-create-card textarea{resize:vertical;min-height:94px}.dhf-status-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dhf-status-options button{text-align:left;background:#fbfcfd;border:1px solid #e1e5e9;border-radius:0;gap:7px;min-height:88px;padding:14px;display:grid}.dhf-status-options button.active{background:var(--teal-soft);box-shadow:inset 3px 0 0 var(--teal);border-color:#10a99b80}.dhf-create-actions{background:#fff;border:1px solid #e1e5e9;border-radius:0;justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.dhf-filter-tabs{gap:8px;padding:0 16px 12px;display:flex}.dhf-filter-tabs button{color:#52606d;background:#fff;border:1px solid #e1e5e9;border-radius:0;min-height:30px;padding:0 12px;font-weight:800}.dhf-filter-tabs button.active{color:var(--teal-dark);background:var(--teal-soft);border-color:#10a99b66}.dhf-table,.dhf-lesson-table{display:grid}.dhf-table-head,.dhf-table-row{color:#475569;border-top:1px solid #e1e5e9;grid-template-columns:120px 1.4fr .7fr 1fr .7fr 1.3fr;align-items:center;gap:12px;min-height:58px;padding:0 16px;font-size:14px;display:grid}.dhf-table-head,.dhf-lesson-head{color:#334155;background:#f4f5f6;font-weight:900}.dhf-table-row strong{color:#17212b;display:block}.dhf-table-row small{color:var(--muted)}.dhf-cover,.dhf-cover-placeholder{object-fit:cover;color:#94a3b8;background:#d8e3eb;border-radius:0;place-items:center;width:58px;height:42px;font-style:normal;display:grid}.dhf-switch{background:#d1d5db;border:0;border-radius:0;align-items:center;width:46px;height:24px;padding:3px;display:inline-flex}.dhf-switch.on{background:var(--teal);justify-content:flex-end}.dhf-switch i{background:#fff;border-radius:0;width:18px;height:18px}.dhf-ops{flex-wrap:wrap;gap:9px;display:flex}.dhf-ops button{color:var(--teal-dark);background:0 0;border:0;padding:0;font-size:13px;font-weight:800}.dhf-pager{color:#697682;justify-content:center;gap:10px;padding:20px;display:flex}.dhf-pager span,.tiny-tag{min-height:24px;color:var(--teal-dark);background:var(--teal-soft);border-radius:0;align-items:center;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.dhf-content-view{gap:16px;display:grid}.dhf-content-view.embedded{gap:0}.dhf-content-view.embedded .dhf-content-workbench,.dhf-content-view.embedded .dhf-content-editor,.dhf-content-view.embedded .dhf-current-chapter{box-shadow:none;border:0}.dhf-content-view.embedded .dhf-content-workbench{overflow:visible}.dhf-content-view.embedded .dhf-content-editor{gap:12px;padding:0}.dhf-content-view.embedded .dhf-content-tabs{padding:0 0 8px}.dhf-content-view.embedded .dhf-current-chapter{background:0 0}.dhf-content-view.embedded .dhf-current-chapter-head{background:#fbfcfd;border:1px solid #edf2f7;border-bottom:0;min-height:54px}.dhf-content-view.embedded .dhf-lesson-create{border-radius:0;margin:0}.dhf-content-view.embedded .dhf-lesson-table{background:#fff;border:1px solid #edf2f7;border-top:0}.dhf-content-hero,.dhf-content-workbench,.dhf-chapter-sidebar,.dhf-content-editor,.dhf-current-chapter{background:#fff;border:1px solid #e1e5e9;border-radius:0;box-shadow:0 16px 34px #0f172a0d}.dhf-content-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 18px;display:grid;box-shadow:0 10px 24px #0f172a0a}.dhf-content-title{min-width:0}.dhf-content-hero h2{color:#17212b;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:23px;line-height:1.25;overflow:hidden}.dhf-content-title>span{color:#697682;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:13px;font-weight:800;display:block;overflow:hidden}.dhf-content-path{color:#52606d;margin:0 0 8px;font-size:13px;font-weight:800}.dhf-content-summary{gap:12px;display:flex}.dhf-content-hero-side{align-items:center;gap:14px;display:flex}.dhf-content-hero-side .ui-button{border-radius:0;justify-self:end;min-height:36px}.dhf-content-summary div{background:0 0;border-left:1px solid #e7edf3;gap:4px;min-width:74px;padding:4px 4px 4px 12px;display:grid}.dhf-content-summary span{color:#697682;font-size:12px;font-weight:800}.dhf-content-summary strong{color:#17212b;font-size:17px;line-height:1}.dhf-content-workbench{grid-template-columns:minmax(0,1fr);align-items:start;display:grid;overflow:hidden}.dhf-chapter-sidebar{min-height:640px;box-shadow:none;border-width:0 1px 0 0;border-radius:0;padding:16px}.dhf-chapter-create{gap:10px;margin-bottom:14px;display:grid}.dhf-chapter-list{gap:8px;max-height:540px;padding-right:2px;display:grid;overflow:auto}.dhf-chapter-list button{text-align:left;background:0 0;border:1px solid #0000;border-radius:0;gap:5px;padding:12px;display:grid}.dhf-chapter-list button:hover{background:#fbfcfd;border-color:#e6edf4}.dhf-chapter-list button.active{box-shadow:inset 3px 0 0 var(--teal);background:#effbf9;border-color:#10a99b6b}.dhf-chapter-list span{color:#17212b;font-size:14px;font-weight:900}.dhf-chapter-list small{color:#697682;font-size:12px}.dhf-content-editor{box-shadow:none;border:0;border-radius:0;gap:16px;padding:16px;display:grid}.dhf-content-tabs{border-bottom:1px solid #edf2f7;gap:20px;padding:0 2px;display:flex}.dhf-content-tabs button{color:#52606d;background:#fff;border:0;border-bottom:2px solid #0000;border-radius:0;min-height:36px;padding:0 2px;font-size:13px;font-weight:900}.dhf-content-tabs button.active{color:var(--teal-dark);border-bottom-color:var(--teal);background:0 0}.dhf-back{color:#697682;background:0 0;border:0;justify-self:start;font-size:14px}.dhf-course-editor{background:#fbfcfd;border:1px solid #edf2f7;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:14px;padding:14px;display:grid}.dhf-form-section-head{grid-column:1/-1;gap:5px;display:grid}.dhf-form-section-head strong,.dhf-lesson-create>strong{color:#17212b;font-size:14px}.dhf-form-section-head span{color:#697682;font-size:12px}.dhf-course-editor label,.dhf-lesson-create label{color:#475569;gap:7px;font-size:13px;font-weight:900;display:grid}.dhf-current-chapter{box-shadow:none;overflow:hidden}.dhf-chapter-editor{background:#fff;border-bottom:1px solid #edf2f7;grid-template-columns:minmax(220px,1fr) auto minmax(160px,auto);align-items:end;gap:12px;padding:14px 16px;display:grid}.dhf-chapter-editor label{color:#475569;gap:7px;font-size:13px;font-weight:900;display:grid}.dhf-current-chapter-head{background:linear-gradient(#fbfcfd 0%,#fff 100%);border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:0 16px;display:flex}.dhf-current-chapter-head>div{gap:4px;display:grid}.dhf-current-chapter-head strong{color:#17212b;font-size:16px}.dhf-current-chapter-head span{color:#697682;font-size:12px}.dhf-lesson-create{background:#fbfcfd;border:1px solid #edf2f7;border-radius:0;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:12px;margin:14px 16px;padding:14px;display:grid}.dhf-lesson-create>strong{grid-column:1/-1;font-size:15px;font-weight:950}.dhf-authorization-rule.compact{grid-template-columns:minmax(180px,1fr) auto minmax(160px,240px);margin:0}.dhf-video-source-note{color:var(--teal-dark);background:#f7fffc;border:1px solid #d7eee7;grid-column:1/-1;padding:9px 11px;font-size:12px;font-weight:900;line-height:1.45}.dhf-course-editor input,.dhf-course-editor select,.dhf-chapter-editor input,.dhf-lesson-create input,.dhf-lesson-create select{width:100%}.dhf-save-status{color:#64748b;align-self:center;font-size:13px;font-weight:800}.dhf-save-status.saved{color:var(--teal-dark)}.dhf-save-status.error{color:#b42318}.dhf-upload-result{color:#475569;text-overflow:ellipsis;white-space:nowrap;align-self:center;font-size:12px;font-weight:800;overflow:hidden}.dhf-lesson-head,.dhf-lesson-row{color:#475569;border-top:1px solid #edf2f7;grid-template-columns:72px minmax(220px,1.5fr) 112px 126px 100px 98px;align-items:center;gap:10px;min-height:66px;padding:0 16px;font-size:14px;display:grid}.dhf-lesson-head{min-height:42px;font-size:12px;font-weight:950}.dhf-lesson-row-readonly strong{color:#17212b}.dhf-lesson-media-cell{grid-column:span 2;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.dhf-lesson-cover{aspect-ratio:16/9;color:#37566c;background:linear-gradient(135deg,#eef4f8 0%,#dfe9ef 100%);border:1px solid #dbe3ea;border-radius:0;place-items:center;width:64px;height:auto;font-size:16px;font-weight:900;display:grid;overflow:hidden}.dhf-lesson-cover img{object-fit:cover;width:100%;height:100%}.dhf-lesson-cover i{color:#8aa1ad;font-size:11px;font-style:normal;font-weight:900}.dhf-lesson-info{gap:5px;min-width:0;display:grid}.dhf-lesson-info strong,.dhf-lesson-info small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dhf-lesson-info small{color:#64748b;font-size:12px;font-weight:800}.dhf-lesson-row-readonly:hover{background:#fbfcfd}.dhf-lesson-row-readonly .tiny-tag{justify-self:start}.tiny-tag.ready{color:var(--teal-dark);background:#f4fffd;border:1px solid #10a99b38}.tiny-tag.warn{color:#9a6208;background:#fff8ed;border:1px solid #f4d6a7}.tiny-tag.muted{color:#52606d;background:#f3f7fa;border:1px solid #dfe8ef}.dhf-lesson-row-editing{background:#fbfcfd;min-height:auto;padding:18px 16px 22px;display:block}.dhf-lesson-editor-panel{gap:16px;width:min(100%,1000px);margin:0 auto;display:grid}.dhf-chapter-row{color:#334155;background:#fbfcfd;border-top:1px solid #e1e5e9;justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;font-weight:900;display:flex}.dhf-checkbox{border:1px solid #d1d5db;border-radius:0;width:18px;height:18px;display:inline-block}.dhf-course-cover-uploader{grid-column:1/-1;display:grid}.dhf-category-cover-uploader{background:#fff;border:1px solid #d8e7e5;grid-template-columns:128px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.dhf-category-cover-preview{aspect-ratio:16/9;width:128px;color:var(--teal-dark);background:linear-gradient(135deg,#effbf8 0%,#f8fffd 100%);border:1px solid #cfe2df;place-items:center;display:grid;overflow:hidden}.dhf-category-cover-preview img{object-fit:cover;width:100%;height:100%}.dhf-category-cover-preview span{font-size:24px;font-weight:900}.dhf-category-cover-copy{gap:5px;min-width:0;display:grid}.dhf-category-cover-copy strong{color:#17212b;font-size:14px;font-weight:900}.dhf-category-cover-copy span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.dhf-category-cover-action{border:1px solid var(--teal);min-width:86px;min-height:34px;color:var(--teal-dark);cursor:pointer;background:#fff;place-items:center;padding:0 12px;font-size:12px;font-weight:950;display:inline-grid;position:relative}.dhf-category-cover-action:hover{background:#effbf8}.dhf-category-cover-action.compact{color:#52606d;border-color:#d0d5dd;min-width:0;min-height:36px;padding:0 11px}.dhf-category-cover-action input[type=file],.cover-crop-reselect-input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cover-crop-mask{z-index:1200;background:#0f172a6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.cover-crop-dialog{background:#fff;border:1px solid #dce3ea;width:min(680px,100vw - 48px);font-family:Arial,sans-serif;box-shadow:0 20px 46px #0f172a33}.cover-crop-head{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;min-height:50px;padding:0 18px;display:flex}.cover-crop-head strong{border-left:4px solid var(--teal);color:#17212b;padding-left:8px;font-size:15px;font-weight:900}.cover-crop-head button{color:#5b6672;cursor:pointer;background:#fff;border:1px solid #d8e1e8;width:32px;height:32px;font-size:20px;line-height:1}.cover-crop-stage{cursor:grab;touch-action:none;background:#101820;border:1px solid #cfd8e3;margin:22px auto 16px;position:relative;overflow:hidden}.cover-crop-stage:active{cursor:grabbing}.cover-crop-stage img{object-fit:cover;-webkit-user-select:none;user-select:none;max-width:none;position:absolute;top:50%;left:50%}.cover-crop-frame{pointer-events:none;border:2px solid #fffffff5;position:absolute;inset:0;box-shadow:inset 0 0 0 999px #0f172a38,0 0 0 1px #10a99b47}.cover-crop-frame:before,.cover-crop-frame:after{content:"";border-top:1px solid #ffffff75;position:absolute;inset:33.333% 0 auto}.cover-crop-frame:after{inset:66.666% 0 auto}.cover-crop-frame i,.cover-crop-frame b{background:#ffffff85;width:1px;height:100%;position:absolute;inset:0 auto auto 50%;transform:translate(-50%)}.cover-crop-frame b{width:100%;height:1px;inset:50% auto auto 0;transform:translateY(-50%)}.cover-crop-controls{grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:14px;padding:0 24px 14px;display:grid}.cover-crop-controls label{color:#334155;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;font-size:13px;font-weight:900;display:grid}.cover-crop-controls input{width:100%;accent-color:var(--teal)}.cover-crop-controls span,.cover-crop-note,.cover-crop-error{color:#74818f;font-size:12px;font-weight:800}.cover-crop-note{margin:0 24px 12px}.cover-crop-error{color:#b42318;margin:0 24px 12px}.cover-crop-actions{border-top:1px solid #edf1f5;justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.cover-crop-actions button{color:#52606d;background:#fff;border:1px solid #d5dde6;border-radius:0;min-width:92px;height:38px;font-size:13px;font-weight:900}.cover-crop-actions button.primary{border-color:var(--teal);background:var(--teal);color:#fff;min-width:112px}.dhf-lesson-title-field{color:#334155;gap:8px;font-size:13px;font-weight:900;display:grid}.dhf-lesson-title-field input{color:#17212b;background:#fff;border:1px solid #cfd8e3;outline:0;width:100%;min-height:40px;padding:0 12px;font-size:14px;font-weight:800}.dhf-lesson-title-field input:focus{border-color:var(--teal);box-shadow:0 0 0 2px #10a99b1a}.dhf-media-upload-panel{grid-template-columns:repeat(2,minmax(0,480px));gap:40px;display:grid}.dhf-file-card{background:#fff;border:1px solid #d8e7e5;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:74px;padding:14px;display:grid}.dhf-file-card-icon{width:44px;height:44px;color:var(--teal-dark);background:#effbf8;border:1px solid #bfe4dc;place-items:center;display:grid}.dhf-file-card-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.dhf-file-card-body{gap:3px;min-width:0;display:grid}.dhf-file-card-body strong,.dhf-file-card-body span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dhf-file-card-body strong{color:#17212b;font-size:14px;font-weight:900}.dhf-file-card-body span{color:#475569;font-size:12px;font-weight:800}.dhf-file-card-body .dhf-save-status{font-size:12px}.dhf-file-card-body .dhf-upload-progress{white-space:normal;gap:4px;margin-top:3px;display:grid;overflow:visible}.dhf-upload-progress i{background:#dcefeb;border-radius:999px;width:min(260px,100%);height:7px;display:block;overflow:hidden}.dhf-upload-progress b{border-radius:inherit;background:linear-gradient(90deg, var(--teal-dark), #78c7ba);height:100%;transition:width .18s;display:block}.dhf-upload-progress.indeterminate b{width:34%;animation:1.1s ease-in-out infinite dhfUploadIndeterminate}@keyframes dhfUploadIndeterminate{0%{transform:translate(-110%)}to{transform:translate(310%)}}.dhf-upload-progress small{color:#0f766e;font-size:12px;font-weight:900}.dhf-file-button{border:1px solid var(--teal);min-width:76px;min-height:34px;color:var(--teal-dark);cursor:pointer;background:#fff;place-items:center;padding:0 12px;font-size:12px;font-weight:950;display:inline-grid}.dhf-file-button:hover{background:#effbf8}.dhf-file-card input[type=file]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dhf-lesson-status-block,.dhf-lesson-danger-zone{background:#fff;border:1px solid #dbe7ec;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:16px 18px;display:flex}.dhf-lesson-status-block div,.dhf-lesson-danger-zone div{gap:7px;min-width:0;display:grid}.dhf-lesson-status-block strong,.dhf-lesson-danger-zone strong{color:#17212b;font-size:14px;font-weight:900}.dhf-lesson-status-block p,.dhf-lesson-danger-zone p{color:#64748b;margin:0;font-size:12px;font-weight:700;line-height:1.5}.dhf-lesson-status-toggle{background:#f7faf9;border:1px solid #cfd8e3;grid-template-columns:repeat(2,86px);display:inline-grid}.dhf-lesson-status-toggle button{color:#52606d;background:0 0;border:0;min-height:34px;font-size:12px;font-weight:900}.dhf-lesson-status-toggle button+button{border-left:1px solid #cfd8e3}.dhf-lesson-status-toggle button.active{color:#fff;background:var(--teal-dark)}.dhf-lesson-danger-zone{background:snow;border-color:#f1d7d7}.dhf-lesson-danger-zone button{color:#a52727;background:#fff;border:1px solid #e7b5b5;min-height:34px;padding:0 14px;font-size:12px;font-weight:900}.dhf-lesson-danger-zone button:disabled{cursor:not-allowed;opacity:.62}.dhf-lesson-editor-actions{justify-content:flex-end;gap:10px;display:flex}.dhf-lesson-cancel-button,.dhf-lesson-save-button{border:1px solid var(--teal);min-height:38px;padding:0 18px;font-size:13px;font-weight:900}.dhf-lesson-cancel-button{color:var(--teal-dark);background:#fff}.dhf-lesson-save-button{color:#fff;background:var(--teal)}.dhf-empty-row{min-height:48px;color:var(--muted);border-top:1px solid #e1e5e9;padding:14px 16px}.dhf-confirm-mask{z-index:50;background:#0f172a47;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dhf-confirm-dialog{background:#fff;border:1px solid #e2e8f0;border-radius:0;gap:12px;width:min(420px,100%);padding:20px;display:grid;box-shadow:0 24px 60px #0f172a33}.dhf-confirm-dialog strong{color:#17212b;font-size:17px}.dhf-confirm-dialog p{color:#64748b;margin:0;line-height:1.65}.dhf-confirm-dialog>div{justify-content:flex-end;gap:10px;display:flex}.dhf-sort-dialog{border-radius:8px;gap:16px;width:min(440px,100%);padding:22px}.dhf-sort-dialog .dhf-sort-dialog-head{justify-content:stretch;gap:6px;display:grid}.dhf-sort-dialog .dhf-sort-dialog-head strong{font-size:18px;line-height:24px}.dhf-sort-dialog .dhf-sort-dialog-head p{color:#687887;font-size:13px;line-height:20px}.dhf-sort-dialog label{color:#334155;text-align:left;gap:8px;font-size:13px;font-weight:800;display:grid}.dhf-sort-dialog input{color:#17212b;background:#fff;border:1px solid #d8e1e8;border-radius:6px;width:100%;min-height:42px;padding:0 12px;font-size:14px;font-weight:700}.dhf-sort-dialog input:focus{border-color:#0f9f918c;outline:3px solid #0f9f911f}.dhf-dialog-mask{z-index:120;background:#0f172a52;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dhf-dialog{background:#fff;border:1px solid #dde5eb;border-radius:8px;gap:16px;width:min(460px,100%);padding:22px;display:grid;box-shadow:0 24px 60px #0f172a2e}.dhf-dialog-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.dhf-dialog-head strong{color:#17212b;font-size:18px;font-weight:900;line-height:1.3}.dhf-dialog-close{color:#5b6775;background:#fff;border:1px solid #d8e1e8;border-radius:6px;width:32px;height:32px;font-size:18px;line-height:1}.dhf-dialog-description{color:#678;margin:-4px 0 0;font-size:14px;line-height:1.65}.dhf-dialog-actions{justify-content:flex-end;gap:10px;display:flex}.dhf-prompt-dialog{width:min(500px,100%)}.dhf-dialog-field{color:#334155;gap:8px;font-size:13px;font-weight:800;display:grid}.dhf-dialog-field input{color:#17212b;background:#fff;border:1px solid #d8e1e8;border-radius:6px;width:100%;min-height:42px;padding:0 12px;font-size:14px;font-weight:700}.dhf-dialog-field input:focus{border-color:#0f9f918c;outline:3px solid #0f9f911f}.dhf-dialog-error{color:#c03636;margin:-4px 0 0;font-size:13px;line-height:1.6}.dhf-dialog-select-list{gap:10px;display:grid}.dhf-dialog-select-item{text-align:left;background:#fff;border:1px solid #d8e1e8;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.dhf-dialog-select-item strong{color:#17212b;font-size:14px;font-weight:800}.dhf-dialog-select-item span{color:#6b7785;font-size:12px;font-weight:700}.dhf-dialog-select-item.active{background:#f2fbfa;border-color:#0f9f918c;box-shadow:0 0 0 2px #0f9f9114}.student-admin-page{gap:16px}.student-admin-page input,.student-admin-page select{color:#17212b;background:#fff;border:1px solid #dce3ea;border-radius:0;outline:0;width:100%;min-height:38px;padding:0 11px;font-size:13px}.student-admin-page input:focus,.student-admin-page select:focus{border-color:#10a99bb8;box-shadow:0 0 0 2px #10a99b1f}.student-admin-page input:disabled,.student-admin-page select:disabled{color:#8b98a5;background:#f4f6f8}.student-action-row{background:#fff;border:1px solid #e1e5e9;border-radius:0;grid-template-columns:minmax(220px,auto) minmax(260px,1fr) minmax(240px,auto);align-items:stretch;gap:12px;padding:14px;display:grid}.student-action-group{background:#fbfcfd;border:1px solid #edf1f4;border-radius:0;flex-wrap:wrap;align-items:center;gap:9px;min-width:0;padding:10px;display:flex}.student-action-group>span{color:#697682;flex:0 0 100%;font-size:12px;font-weight:900;line-height:1}.student-action-group.primary{background:#f7fffd;border-color:#10a99b2e}.student-action-group.danger{background:snow;border-color:#f4d0cc;justify-content:flex-end}.student-action-group.danger>span{color:#9f2d24;text-align:right}.student-action-row .ui-button{color:#0b8f83;min-height:36px;box-shadow:none;background:#fff;border:1px solid #d8e1e8;border-radius:0;padding:0 14px;transition:border-color .16s,background .16s,color .16s}.student-action-row .student-file-button{justify-content:center;align-items:center;line-height:1;display:inline-flex}.student-action-row .ui-button:hover{color:#057a70;background:#f5fffd;border-color:#10a99b6b}.student-file-button{position:relative;overflow:hidden}.student-file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.student-action-row .ui-button:disabled,.student-row-actions button:disabled,.student-batch-bar button:disabled,.statistics-export-button:disabled,.settings-outline-button:disabled,.settings-save-button:disabled,.settings-danger-button:disabled{cursor:not-allowed;color:#9aa6b2;background:#f6f8fa;border-color:#dfe5ea}.student-action-row .ui-button-danger{color:#fff;background:#b42318;border-color:#f0c5c2}.student-action-row .ui-button-danger:hover{color:#fff;background:#991b1b;border-color:#e8aaa6}.student-action-row .ui-button:disabled:hover{color:#9aa6b2;background:#f6f8fa;border-color:#dfe5ea}.student-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.student-metric,.student-panel,.student-form-card,.student-profile-card{background:#fff;border:1px solid #e1e5e9;border-radius:0}.student-metric{gap:8px;min-height:108px;padding:18px;display:grid}.student-metric span,.student-form-card label,.student-batch-grid>span{color:#52606d;font-size:13px;font-weight:900}.student-metric strong{color:#17212b;font-size:28px;line-height:1}.student-metric small,.student-name-cell small,.student-info-grid span,.student-profile-body p,.student-batch-grid small{color:#697682;font-size:12px;line-height:1.45}.student-panel{overflow:hidden}.student-admin-page .student-panel{overflow-x:auto}.student-toolbar{background:#fbfcfd;border-bottom:1px solid #e1e5e9;grid-template-columns:minmax(280px,1fr) 170px 150px minmax(300px,auto);align-items:center;gap:10px;padding:14px 16px;display:grid}.student-segments{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.student-segments button{color:#52606d;background:#fff;border:1px solid #dfe6ed;border-radius:0;min-height:32px;padding:0 11px;font-size:12px;font-weight:900}.student-segments button.active{color:var(--teal-dark);background:var(--teal-soft);border-color:#10a99b6b}.student-table-head,.student-table-row{border-top:1px solid #e1e5e9;grid-template-columns:28px minmax(160px,1.2fr) 112px 94px 86px 88px 112px 122px 100px 78px minmax(210px,1.1fr);align-items:center;gap:10px;min-width:1280px;padding:0 16px;display:grid}.student-table-head{color:#334155;background:#f4f5f6;min-height:44px;font-size:13px;font-weight:900}.student-table-row{color:#475569;background:#fff;min-height:66px;font-size:13px}.student-table-row:hover{background:#fbfcfd}.student-check{background:#fff;border:1px solid #cbd5df;border-radius:0;place-items:center;width:16px;height:16px;display:inline-grid}button.student-check{padding:0}.student-check.checked{border-color:var(--teal);background:var(--teal)}.student-check.checked:after{content:"";border-top:0;border-bottom:2px solid #fff;border-left:2px solid #fff;border-right:0;width:8px;height:4px;transform:rotate(-45deg)}.student-check.partial{border-color:var(--teal);background:var(--teal)}.student-check.partial:after{content:"";background:#fff;width:8px;height:2px}.student-check:disabled{cursor:not-allowed;background:#f6f8fa;border-color:#dfe5ea}.student-name-cell,.student-course-cell,.student-profile-body{align-items:center;gap:10px;min-width:0;display:flex}.student-avatar,.student-profile-avatar{color:#fff;background:#1fa99a;flex:none;place-items:center;font-weight:900;display:grid}.student-avatar{border-radius:0;width:34px;height:34px;font-size:14px}.student-name-cell strong,.student-course-cell strong{color:#17212b;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.student-pill{width:fit-content;min-height:24px;color:var(--teal-dark);background:var(--teal-soft);border-radius:0;justify-content:center;align-items:center;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.student-pill.idle{color:#64748b;background:#edf2f7}.student-row-actions{flex-wrap:wrap;justify-content:flex-start;gap:6px;display:flex}.student-row-actions button,.student-form-head button{min-height:28px;color:var(--teal-dark);background:#fff;border:1px solid #d8e1ea;border-radius:0;padding:0 10px;font-size:12px;font-weight:900}.student-row-actions button:hover,.student-form-head button:hover{background:#f5fffd;border-color:#10a99b6b;text-decoration:none}.student-row-actions button.delete{color:#b42318;background:snow;border-color:#efc5c0}.student-row-actions button.delete:hover{background:#fff4f3;border-color:#df9b94}.student-row-actions button:disabled:hover{color:#9aa6b2;background:#f6f8fa;border-color:#dfe5ea}.student-batch-bar,.student-pager{color:#697682;background:#fbfcfd;border-top:1px solid #e1e5e9;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 16px;font-size:13px;font-weight:800;display:flex}.student-batch-bar div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.student-batch-bar button{min-height:30px;color:var(--teal-dark);background:#fff;border:1px solid #d8e1ea;border-radius:0;padding:0 12px;font-size:12px;font-weight:900}.student-batch-bar button:hover{background:#f5fffd;border-color:#10a99b6b}.student-batch-bar button:disabled{cursor:not-allowed;color:#9aa6b2;background:#f6f8fa;border-color:#dfe5ea}.student-batch-bar small{color:#9a6208;font-size:12px;font-weight:800}.student-pager-controls{align-items:center;gap:8px;display:inline-flex}.student-pager-controls button{min-height:30px;color:var(--teal-dark);background:#fff;border:1px solid #d8e1ea;border-radius:0;padding:0 12px;font-size:12px;font-weight:900}.student-pager-controls button:hover{background:#f5fffd;border-color:#10a99b6b}.student-pager-controls button:disabled{cursor:not-allowed;color:#9aa6b2;background:#f6f8fa;border-color:#dfe5ea}.student-pager-controls strong{color:#334155;text-align:center;min-width:54px}.activation-code-page{gap:16px}.activation-code-title-row{align-items:flex-end}.activation-code-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.activation-code-metric{background:#fff;border:1px solid #e1e6ec;gap:8px;min-height:118px;padding:18px;display:grid}.activation-code-metric span{color:#64748b;font-size:13px;font-weight:900}.activation-code-metric strong{color:#17212b;font-size:30px;line-height:1}.activation-code-metric small{color:#7c8895;font-size:12px;line-height:1.6}.activation-code-panel{background:#fff;border:1px solid #e1e6ec;overflow:hidden}.activation-code-toolbar{border-bottom:1px solid #e1e6ec;grid-template-columns:auto minmax(320px,1fr) 150px 180px;align-items:center;gap:12px;padding:16px 18px;display:grid}.activation-code-toolbar-actions{gap:10px;display:inline-flex}.activation-code-toolbar input,.activation-code-toolbar select,.activation-code-dialog-form input,.activation-code-dialog-form select{color:#17212b;box-sizing:border-box;background:#fff;border:1px solid #d2dbe4;border-radius:0;width:100%;min-height:40px;padding:0 12px}.activation-code-toolbar input:focus,.activation-code-toolbar select:focus,.activation-code-dialog-form input:focus,.activation-code-dialog-form select:focus{border-color:var(--teal);outline:3px solid #10a99b1a}.activation-code-table-head,.activation-code-row{grid-template-columns:18px minmax(150px,1.15fr) minmax(130px,.95fr) minmax(84px,.7fr) minmax(126px,.95fr) minmax(136px,1fr) minmax(118px,.95fr) minmax(132px,.95fr) minmax(132px,.95fr) minmax(128px,1fr);align-items:center;column-gap:12px;padding:0 18px;display:grid}.activation-code-table-head{color:#6d7986;background:#f8fafc;border-bottom:1px solid #e1e6ec;min-height:44px;font-size:13px;font-weight:900}.activation-code-row{color:#334155;border-bottom:1px solid #eef2f6;min-height:68px;font-size:13px}.activation-code-row:last-of-type{border-bottom:0}.activation-code-value{color:#17212b;letter-spacing:.3px;font-size:14px}.activation-code-status{min-width:58px;min-height:28px;color:var(--teal-dark);background:#f4fffd;border:1px solid #cfeeea;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.activation-code-status.status-used{color:#2557a7;background:#edf4ff;border-color:#cfe0ff}.activation-code-status.status-expired,.activation-code-status.status-disabled{color:#677483;background:#f5f7f9;border-color:#dde4eb}.activation-code-remark{color:#334155;word-break:break-word;font-size:13px;font-weight:700;line-height:1.6}.activation-code-actions{align-items:center;gap:10px;display:inline-flex}.activation-code-actions button{color:var(--teal-dark);background:0 0;border:0;padding:0;font-size:13px;font-weight:900}.activation-code-actions button.danger{color:#b42318}.activation-code-actions button:disabled{cursor:not-allowed;color:#9aa6b2}.activation-code-pager,.activation-code-batch-bar{border-top:1px solid #e1e6ec}.activation-code-dialog-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.activation-code-dialog-form label{color:#334155;gap:8px;font-size:13px;font-weight:800;display:grid}.student-form-card,.student-profile-card{gap:16px;max-width:980px;padding:0 18px 18px;display:grid;box-shadow:0 12px 24px #0f172a0a}.student-form-head{color:#17212b;background:#fbfcfd;border-bottom:1px solid #e1e5e9;justify-content:space-between;align-items:center;gap:14px;min-height:52px;margin:0 -18px;padding:0 18px;font-size:16px;font-weight:900;display:flex}.dhf-category-count.ready{color:var(--teal-dark);background:#f4fffd;border-color:#10a99b3d}.dhf-category-count.warn{color:#9a6208;background:#fff8ed;border-color:#f4d6a7}.dhf-category-count.muted{color:#697682;background:#f8fafc}.student-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.student-head-action-group{align-items:center;gap:8px;display:inline-flex}.student-head-action-group.danger{border-left:1px solid #e1e5e9;padding-left:10px}.student-form-head .student-head-actions button{color:#334155;background:#fff;border:1px solid #d8e1ea;border-radius:0;min-height:32px;padding:0 12px;font-size:12px;line-height:1}.student-form-head .student-head-actions button:hover{color:var(--teal-dark);background:#f5fffd;border-color:#10a99b73;text-decoration:none}.student-form-head .student-head-actions button.danger{color:#fff;background:#b42318;border-color:#b42318}.student-form-head .student-head-actions button.danger:hover{color:#fff;background:#991b1b;border-color:#991b1b}.student-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.student-form-grid.compact{margin-top:14px}.student-form-grid label{gap:8px;display:grid}.student-auth-table{background:#fff;border:1px solid #e1e5e9;border-radius:0;overflow:hidden}.student-auth-note{color:#697682;background:#fbfcfd;border-bottom:1px solid #e1e5e9;padding:10px 14px;font-size:12px;line-height:1.55}.student-auth-head,.student-auth-row{color:#475569;border-top:1px solid #e1e5e9;grid-template-columns:34px minmax(0,1fr) 112px 112px;align-items:center;gap:10px;min-height:52px;padding:0 14px;font-size:13px;display:grid}.student-auth-row{text-align:left;cursor:pointer;background:#fff;border-bottom:0;border-left:0;border-right:0;width:100%}.student-auth-row:hover{background:#f8fafc}.student-auth-head{color:#334155;background:#f4f5f6;border-top:0;font-weight:900}.student-course-cover{color:#64748b;background:linear-gradient(135deg,#edf3f7,#dfe8ef);border:1px solid #dbe4ec;border-radius:0;flex:none;place-items:center;width:58px;height:40px;font-weight:900;display:grid;overflow:hidden}.student-course-cover img{object-fit:cover;width:100%;height:100%}.student-batch-grid{background:#fbfcfd;border:1px solid #e1e5e9;border-radius:0;grid-template-columns:120px minmax(0,1fr) 220px;align-items:center;gap:12px;padding:14px;display:grid}.student-device-row{flex-wrap:wrap;gap:8px;display:flex}.student-device-row b{color:#52606d;background:#fff;border:1px solid #dfe6ed;border-radius:0;align-items:center;min-height:30px;padding:0 10px;font-size:12px;display:inline-flex}.student-form-actions{border-top:1px solid #edf1f4;justify-content:flex-end;gap:10px;padding-top:14px;display:flex}.student-form-actions .ui-button{box-shadow:none;border-radius:0}.student-profile-body{align-items:flex-start;padding:18px 0 2px}.student-detail-hero{border-bottom:1px solid #e8edf2;grid-template-columns:72px minmax(0,1fr) minmax(280px,auto);align-items:center;gap:18px;padding:20px 0;display:grid}.student-detail-main{min-width:0}.student-detail-main h2,.student-edit-intro h2{color:#17212b;margin:0 0 6px;font-size:22px}.student-detail-main p,.student-edit-intro p{color:#697682;margin:0;font-size:13px;line-height:1.55}.student-detail-tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.student-detail-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.student-detail-summary div{background:#fbfcfd;border:1px solid #e1e5e9;border-radius:0;gap:6px;min-width:0;padding:12px 14px;display:grid}.student-detail-summary span{color:#697682;font-size:12px;font-weight:800}.student-detail-summary strong{color:#17212b;text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.student-profile-avatar{border-radius:0;width:72px;height:72px;font-size:24px}.student-profile-body h2{color:#17212b;margin:0 0 6px;font-size:22px}.student-profile-body p{margin:0 0 12px}.student-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.student-info-grid div{background:#fbfcfd;border:1px solid #e8edf2;border-radius:0;gap:6px;min-width:0;padding:12px;display:grid}.student-info-grid b{color:#17212b;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.student-tabs{border-bottom:1px solid #e1e5e9;gap:22px;min-height:44px;padding:0 16px;display:flex}.student-tabs button{color:#52606d;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;font-size:13px;font-weight:900;display:inline-flex}.student-tabs button.active{color:var(--teal-dark);border-bottom-color:var(--teal)}.student-detail-table{min-width:860px;display:grid}.student-detail-row{color:#475569;border-top:1px solid #e8edf2;align-items:center;gap:12px;min-height:58px;padding:0 16px;font-size:13px;display:grid}.student-detail-head{color:#334155;background:#f4f5f6;min-height:46px;font-weight:900}.student-detail-row.opened{grid-template-columns:170px minmax(0,1fr) 140px}.student-detail-row.study{grid-template-columns:minmax(220px,1fr) 80px 110px 120px 90px 170px}.student-detail-row.login{grid-template-columns:210px 170px minmax(190px,1fr) minmax(240px,1fr)}.student-login-location{gap:3px;min-width:0;display:grid}.student-login-location strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.student-login-location small{color:#7a8794;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.student-device-model{color:#334155;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.student-machine-code{align-items:center;gap:8px;min-width:0;display:inline-flex}.student-machine-code code{color:#334155;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;border:1px solid #e1e7ee;border-radius:0;max-width:210px;padding:5px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;overflow:hidden}.student-machine-code button{color:var(--teal-dark);background:#fff;border:1px solid #d8e1ea;border-radius:0;flex:none;padding:5px 9px;font-size:12px;font-weight:900}.student-machine-code button:hover{background:#f5fffd;border-color:#10a99b73}.student-edit-layout{grid-template-columns:minmax(0,980px);align-items:start;gap:16px;display:grid}.student-edit-main{max-width:none}.student-edit-intro{background:#fbfcfd;border:1px solid #e8edf2;border-radius:0;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px;padding:14px;display:grid}.student-edit-auth-block{border-top:1px solid #e8edf2;gap:12px;padding-top:18px;display:grid}.student-subsection-head,.student-section-title{color:#17212b;font-size:15px;font-weight:900}.student-section-title{border-left:3px solid var(--teal);padding-left:8px}.student-edit-auth-block .student-auth-head,.student-edit-auth-block .student-auth-row{grid-template-columns:34px minmax(0,1fr) 120px 120px}.student-auth-editor{gap:14px;display:grid}.student-auth-control-row{color:#52606d;background:#fbfcfd;border:1px solid #e1e5e9;border-radius:0;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;font-size:13px;font-weight:800;display:flex}.student-auth-control-row button{color:#42526a;background:#fff;border:1px solid #d8e1ea;border-radius:0;min-height:34px;padding:0 16px;font-weight:900}.student-auth-control-row button:hover{color:var(--teal-dark);background:#f5fffd;border-color:#10a99b73}.student-auth-control-row small{color:#8a96a3;font-size:12px;font-weight:500}.student-auth-result-table{background:#fff;border:1px solid #e1e5e9;overflow:hidden}.student-auth-picker{background:#fbfcfd;border:1px solid #dbe5ec;border-radius:0;gap:10px;padding:12px;display:grid}.student-auth-picker-head{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.student-auth-picker-head button{color:#fff;background:var(--teal);border:1px solid #10a99b80;border-radius:0;min-height:38px;padding:0 16px;font-weight:900}.student-auth-picker-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;max-height:260px;display:grid;overflow:auto}.student-auth-picker-list button{text-align:left;background:#fff;border:1px solid #e1e5e9;border-radius:0;grid-template-columns:18px 64px minmax(0,1fr);align-items:center;gap:10px;min-height:66px;padding:8px 10px;display:grid}.student-auth-picker-list button.active{background:#f3fffd;border-color:#10a99b8c}.student-auth-category-copy{gap:4px;min-width:0;display:grid}.student-auth-category-copy strong,.student-auth-category-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.student-auth-category-copy strong{color:#17212b;font-size:13px;font-weight:900}.student-auth-category-copy small{color:#7a8794;font-size:12px;font-weight:700}.student-auth-result-head,.student-auth-result-row{color:#475569;border-top:1px solid #e8edf2;grid-template-columns:34px minmax(220px,1fr) 160px 90px minmax(240px,1fr) 70px;align-items:center;gap:12px;min-height:58px;padding:0 14px;font-size:13px;display:grid}.student-auth-result-head{color:#334155;background:#f4f5f6;border-top:0;min-height:46px;font-weight:900}.student-auth-result-row button{min-height:28px;color:var(--teal-dark);background:#fff;border:1px solid #d8e1ea;border-radius:0;justify-self:start;padding:0 10px;font-size:12px;font-weight:900}.student-auth-result-row button:hover{background:#f5fffd;border-color:#10a99b6b;text-decoration:none}.student-expiry-editor{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.student-expiry-editor select,.student-expiry-editor input{color:#17212b;background:#fff;border:1px solid #d8e1ea;border-radius:0;min-height:34px;padding:0 10px;font-size:13px;font-weight:800}.student-expiry-editor input{width:138px}.student-expiry-editor button{min-height:30px}.statistics-page{gap:16px}.statistics-title-row{align-items:flex-end}.statistics-local-badge{text-align:right;background:#fff;border:1px solid #d8e1e8;gap:4px;min-width:150px;padding:10px 12px;display:grid}.statistics-local-badge strong{color:#17212b;font-size:13px}.statistics-local-badge span{color:#74818f;font-size:12px;font-weight:800}.statistics-estimate-note{background:#f7f9fb;border:1px solid #d8e1e8;gap:8px;padding:12px 14px;display:grid}.statistics-estimate-note span{color:#52606d;font-size:12px;font-weight:800;line-height:1.5}.statistics-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.statistics-metric,.statistics-panel,.statistics-reminder{background:#fff;border:1px solid #e0e6ec}.statistics-metric{gap:8px;min-height:112px;padding:18px;display:grid}.statistics-metric span,.statistics-reminder span{color:#52606d;font-size:13px;font-weight:900}.statistics-metric strong{color:#111827;font-size:29px;line-height:1}.statistics-metric strong.warn{color:#9a6208}.statistics-metric small,.statistics-reminder small{color:#6a7784;font-size:12px;line-height:1.45}.statistics-main-grid{grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:16px;display:grid}.statistics-secondary-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;display:grid}.statistics-panel{overflow:hidden}.statistics-panel-head{background:#fff;border-bottom:1px solid #e0e6ec;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 16px;display:flex}.statistics-panel-head h2{color:#17212b;margin:0;font-size:16px}.statistics-panel-head span{color:#74818f;font-size:12px;font-weight:800}.statistics-panel-actions{align-items:center;gap:12px;display:flex}.statistics-range-tabs{background:#f7f9fb;border:1px solid #d8e1e8;align-items:center;display:inline-flex}.statistics-range-tabs button,.statistics-export-button{color:#52606d;background:0 0;border:0;min-height:30px;padding:0 11px;font-size:12px;font-weight:900}.statistics-range-tabs button+button{border-left:1px solid #d8e1e8}.statistics-range-tabs button.active{color:#fff;background:var(--teal-dark)}.statistics-export-button{color:var(--teal-dark);background:#fff;border:1px solid #d8e1e8}.statistics-range-tabs button:focus-visible,.statistics-export-button:focus-visible{outline-offset:2px;outline:2px solid #10a99b2e}.statistics-chart{background:linear-gradient(#0000 0 24%,#eef2f6 24% calc(24% + 1px),#0000 calc(24% + 1px)),linear-gradient(#0000 0 49%,#eef2f6 49% calc(49% + 1px),#0000 calc(49% + 1px)),linear-gradient(#0000 0 74%,#eef2f6 74% calc(74% + 1px),#0000 calc(74% + 1px));grid-template-columns:repeat(14,minmax(24px,1fr));align-items:end;gap:12px;min-height:264px;padding:22px 20px 18px;display:grid}.statistics-chart-item{align-items:end;gap:8px;min-width:0;height:220px;display:grid}.statistics-chart-item span{color:#71808d;text-align:center;font-size:11px}.statistics-chart-bar{background:0 0;border-bottom:1px solid #dce3ea;justify-content:center;align-items:flex-end;height:180px;display:flex}.statistics-chart-bar i{background:#12a99c;border:1px solid #0f8e84;border-bottom:0;width:100%;max-width:24px;transition:background-color .16s,border-color .16s;display:block}.statistics-chart-bar:hover i{background:#07867c;border-color:#066a63}.statistics-billing-panel{align-self:stretch}.statistics-billing-total{border-bottom:1px solid #edf1f5;gap:10px;padding:22px 18px;display:grid}.statistics-billing-total span{color:#52606d;font-size:13px;font-weight:900}.statistics-billing-total strong{color:#9a6208;font-size:34px;line-height:1}.statistics-billing-list{padding:10px 18px 18px;display:grid}.statistics-billing-list div{color:#64748b;border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;min-height:42px;font-size:13px;display:flex}.statistics-billing-list div:last-child{border-bottom:0}.statistics-billing-list b{color:#17212b}.statistics-table{min-width:0}.statistics-table-head,.statistics-table-row{align-items:center;gap:12px;min-height:50px;padding:0 16px;display:grid}.statistics-table-head{color:#52606d;background:#f5f7f9;border-bottom:1px solid #e0e6ec;font-size:12px;font-weight:900}.statistics-table-row{color:#334155;border-bottom:1px solid #edf1f5;font-size:13px}.statistics-table-row:last-child{border-bottom:0}.statistics-table-row strong{color:#111827}.statistics-course-table .statistics-table-head,.statistics-course-table .statistics-table-row{grid-template-columns:minmax(220px,1fr) 110px 100px 72px}.statistics-detail-table .statistics-table-head,.statistics-detail-table .statistics-table-row{grid-template-columns:180px 120px 120px 120px}.statistics-reserved-table .statistics-table-head,.statistics-reserved-table .statistics-table-row{grid-template-columns:180px minmax(280px,1fr) 108px}.statistics-source-tag{width:fit-content;min-height:24px;color:var(--teal-dark);background:#f0fffc;border:1px solid #b8e3dd;justify-content:center;align-items:center;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.statistics-source-tag.muted{color:#64748b;background:#f7f9fb;border-color:#d8e1e8}.statistics-course-cell{align-items:center;gap:10px;min-width:0;display:flex}.statistics-course-cell img,.statistics-course-cell i{object-fit:cover;background:#eff7f5;border:1px solid #e1e7ed;flex:none;width:58px;height:36px}.statistics-course-cell i{color:var(--teal-dark);place-items:center;font-size:12px;font-style:normal;font-weight:900;display:grid}.statistics-course-cell b{color:#17212b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.statistics-empty{color:#7a8794;text-align:center;padding:36px 16px;font-size:13px}.statistics-estimate-list{gap:0;display:grid}.statistics-estimate-list div{border-bottom:1px solid #edf1f5;gap:8px;padding:18px;display:grid}.statistics-estimate-list div:last-child{border-bottom:0}.statistics-estimate-list span{color:#52606d;font-size:13px;font-weight:900}.statistics-estimate-list strong{color:#17212b;font-size:24px;line-height:1}.statistics-estimate-list small{color:#74818f;font-size:12px;line-height:1.5}.statistics-reminder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.statistics-reminder{gap:8px;padding:16px;display:grid}.statistics-reminder strong{color:#17212b;font-size:22px}.statistics-reminder.warn{background:#fffaf0;border-color:#ead4a5}.statistics-reminder.warn strong{color:#9a6208}.settings-page{gap:16px}.settings-layout,.settings-workspace{gap:16px;width:100%;min-width:0;display:grid}.settings-info-note,.settings-panel,.settings-device-rule{background:#fff;border:1px solid #e0e6ec}.settings-info-note{background:#fbfffe;border-color:#8ad8cd;padding:18px 20px}.settings-info-note h2{color:#111827;margin:0 0 10px;font-size:16px}.settings-info-note p{color:#465562;margin:0;font-size:13px;line-height:1.8}.settings-info-note b{color:var(--teal-dark)}.settings-panel{overflow:hidden}.settings-panel-head{background:#f7f8fa;border-bottom:1px solid #e0e6ec;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 16px;display:flex}.settings-panel-head h2{border-left:3px solid var(--teal);color:#17212b;margin:0;padding-left:9px;font-size:16px}.settings-panel-head span{color:#74818f;font-size:12px;font-weight:800}.settings-form{gap:20px;max-width:1120px;padding:24px 22px 28px;display:grid}.settings-form-row{grid-template-columns:136px minmax(0,1fr);align-items:start;gap:18px;display:grid}.settings-form-row label{color:#17212b;text-align:right;padding-top:11px;font-size:13px;font-weight:900}.settings-form-row>div{min-width:0}.settings-form-row label.required:before{content:"* ";color:#b42318}.settings-page input,.settings-page textarea,.settings-page select{color:#17212b;background:#fff;border:1px solid #cfd8e3;border-radius:0;outline:0;width:100%}.settings-page input{min-height:40px;padding:0 12px}.settings-page textarea{resize:vertical;min-height:180px;padding:10px 12px;line-height:1.7}.settings-page select{background:#fff;min-height:40px;padding:0 12px}.settings-page input:focus,.settings-page textarea:focus,.settings-page select:focus{border-color:var(--teal);box-shadow:0 0 0 2px #10a99b1a}.settings-field-help{color:#74818f;margin:8px 0 0;font-size:12px;line-height:1.6}.settings-field-error{color:#c2410c;margin:8px 0 0;font-size:12px;line-height:1.6}.settings-logo-uploader{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:16px;width:100%;display:grid}.settings-logo-preview{color:#fff;background:var(--teal);border:1px solid #cfd8e3;border-radius:12px;place-items:center;width:88px;height:88px;font-size:32px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 10px 24px #20b3ad29}.settings-logo-preview img{object-fit:cover;width:100%;height:100%}.settings-logo-card{box-sizing:border-box;background:#fcfefe;border:1px solid #d8e2e8;border-radius:14px;flex-direction:column;justify-content:center;gap:10px;width:100%;min-height:104px;padding:16px 18px;display:flex}.settings-logo-card-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settings-upload-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.settings-upload-button{border:1px solid var(--teal);background:var(--teal);color:#fff;cursor:pointer;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;appearance:none;box-sizing:border-box;border-radius:0;justify-content:center;align-items:center;width:126px;height:46px;min-height:46px;padding:0;font-size:13px;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 8px 18px #20b3ad2e}.settings-upload-button span{box-sizing:border-box;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;padding:0 16px;display:inline-flex}.settings-upload-button:disabled{cursor:not-allowed;opacity:.65}.settings-logo-card-formats{color:#6b7785;font-size:13px;font-weight:700;line-height:1.4}.settings-logo-card-help{color:#74818f;margin:0;font-size:12px;line-height:1.5}.settings-outline-button,.settings-save-button,.settings-danger-button{background:#fff;border:1px solid #d5dde6;border-radius:0;min-height:36px;padding:0 18px;font-size:13px;font-weight:900}.settings-outline-button{color:var(--teal-dark)}.settings-danger-button{color:#b42318}.settings-save-button{border-color:var(--teal);color:#fff;background:var(--teal);min-width:108px}.settings-outline-button:focus-visible,.settings-save-button:focus-visible,.settings-danger-button:focus-visible{outline-offset:2px;outline:2px solid #10a99b2e}.settings-form-actions{gap:10px;padding-left:154px;display:flex}.settings-device-grid{gap:14px;padding:22px;display:grid}.settings-device-rule{grid-template-columns:minmax(220px,1fr) 160px 42px auto;align-items:center;gap:12px;padding:16px;display:grid}.settings-device-rule strong{color:#17212b;font-size:14px;display:block}.settings-device-rule small{color:#74818f;margin-top:5px;font-size:12px;display:block}.settings-device-rule input{text-align:center;font-weight:900}.settings-unit{color:#334155;font-size:13px;font-weight:900}.settings-device-footer{border-top:1px solid #edf1f5;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 22px 22px;display:flex}.settings-device-footer p{color:#64748b;max-width:620px;margin:0;font-size:12px;line-height:1.7}.settings-unbind-panel{border-top:1px solid #edf1f5;margin:0 22px 22px;padding-top:18px}.settings-unbind-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.settings-unbind-head h3{color:#17212b;margin:0 0 4px;font-size:15px}.settings-unbind-head span,.settings-empty{color:#64748b;font-size:12px}.settings-empty{background:#f8fafc;border:1px dashed #cfd8e3;margin:0;padding:16px}.settings-unbind-list{gap:10px;display:grid}.settings-unbind-row{background:#fff;border:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.settings-unbind-row strong,.settings-unbind-row span,.settings-unbind-row small{display:block}.settings-unbind-row strong{color:#17212b;font-size:14px}.settings-unbind-row span{color:#475569;margin-top:4px;font-size:13px}.settings-unbind-row small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:520px;margin-top:4px;overflow:hidden}.settings-unbind-actions{flex:none;gap:8px;display:flex}.settings-account-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:16px;padding:22px;display:grid}.settings-merchant-head{justify-content:space-between;align-items:center;gap:20px;padding-right:18px}.settings-merchant-head h2{margin:0}.settings-merchant-head .status-badge,.settings-merchant-head .status-draft,.settings-merchant-head .status-used,.settings-merchant-head .status-expired,.settings-merchant-head .status-disabled{flex:none;margin:0 2px 0 0}.settings-merchant-intro{color:#64748b;margin:0 22px;padding-top:18px;font-size:13px;line-height:1.7}.settings-merchant-intro p{margin:0}.settings-merchant-form{padding:22px 22px 0}.settings-merchant-materials-head{justify-content:space-between;align-items:center;gap:16px;padding:0 22px;display:flex}.settings-merchant-materials-head h3{color:#17212b;margin:0;font-size:15px}.settings-merchant-materials{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px 22px 0;display:grid}.settings-merchant-material-card{background:#fbfcfd;border:1px solid #edf1f5;grid-template-columns:minmax(180px,220px) 1fr;gap:16px;padding:16px;display:grid}.settings-merchant-material-preview{background:#fff;border:1px dashed #cfd8e3;place-items:center;min-height:160px;display:grid;overflow:hidden}.settings-merchant-material-preview img{object-fit:cover;width:100%;height:100%}.settings-merchant-material-preview span{color:#74818f;text-align:center;padding:0 18px;font-size:12px;line-height:1.7}.settings-merchant-material-body{align-content:center;gap:10px;display:grid}.settings-merchant-material-body strong{color:#17212b;font-size:14px}.settings-merchant-material-body small{color:#74818f;font-size:12px;line-height:1.6}.settings-upload-button-compact{width:132px}.settings-merchant-actions{justify-content:flex-start;padding:18px 22px 22px}.settings-account-box{background:#fff;border:1px solid #edf1f5}.settings-account-box h3{background:#f7f8fa;border-bottom:1px solid #edf1f5;min-height:44px;margin:0;padding:12px 14px;font-size:14px}.settings-account-list,.settings-login-table{display:grid}.settings-account-list div{color:#334155;border-bottom:1px solid #edf1f5;grid-template-columns:120px 1fr;align-items:center;min-height:42px;padding:0 14px;font-size:13px;display:grid}.settings-account-list div:last-child,.settings-login-row:last-child{border-bottom:0}.settings-account-list span{color:#74818f}.settings-account-list b{color:#17212b}.settings-account-actions{gap:10px;padding:14px;display:flex}.settings-password-form{gap:12px;padding:18px;display:grid}.settings-password-form input{min-height:44px}.settings-password-form .settings-save-button{justify-self:start;min-width:110px}.settings-login-row{color:#334155;border-bottom:1px solid #edf1f5;grid-template-columns:1fr 120px;gap:12px;min-height:46px;padding:10px 14px;font-size:13px;display:grid}.settings-login-row small{color:#74818f;margin-top:4px;display:block}.settings-login-row b{color:#17212b;justify-self:end}.platform-page{gap:16px}.platform-subtitle{color:#5c6b79;max-width:760px;margin:10px 0 0;line-height:1.7}.platform-created-card .platform-created-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.platform-created-grid div,.platform-notes div{gap:8px;display:grid}.platform-created-grid span,.platform-card-meta,.platform-org-item-meta span,.platform-readonly-note{color:#64748b;font-size:13px}.platform-created-grid strong{color:#0f172a;font-size:20px}.platform-layout{grid-template-columns:minmax(420px,.96fr) minmax(460px,1.04fr);align-items:start;gap:16px;display:grid}.platform-editor-stack{gap:16px;display:grid}.platform-card-meta{align-items:center;gap:8px;font-weight:800;display:inline-flex}.platform-inline-error{color:#9f1239;background:#ffe4e6;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;display:inline-flex}.platform-org-list{gap:12px;display:grid}.platform-org-item{text-align:left;background:#fff;border:1px solid #e2e8f0;gap:12px;width:100%;padding:16px;display:grid}.platform-org-item.active{box-shadow:inset 3px 0 0 var(--teal);background:#fbfffe;border-color:#10a99b73}.platform-org-item-head,.platform-org-item-actions,.platform-form-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.platform-org-item-head strong{color:#0f172a;font-size:16px;display:block}.platform-org-item-head span{color:#64748b;margin-top:4px;font-size:12px;font-weight:800;display:block}.platform-org-item-meta{gap:5px;display:grid}.platform-form,.platform-notes{gap:16px;display:grid}.platform-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.platform-form-grid label{color:#334155;gap:8px;font-size:14px;font-weight:800;display:grid}.platform-readonly-note{margin:0;line-height:1.6}.platform-notes div{grid-template-columns:18px 1fr;align-items:start}.platform-notes p{color:#475569;margin:0;line-height:1.7}.course-list,.code-list,.chapter-stack,.lesson-stack,.lesson-list-modern{gap:12px;display:grid}.content-builder{gap:16px;display:grid}.builder-block{background:#fff;border:1px solid #edf1f6;border-radius:0;gap:12px;padding:16px;display:grid}.builder-block h3{color:#172033;margin:0 0 6px;font-size:16px}.builder-block p{margin:0}.upload-placeholder{background:#f8fafc;border:1px dashed #b8c7d9;border-radius:0;gap:4px;padding:14px;display:grid}.upload-placeholder strong{color:#334155;font-size:14px}.course-list-item,.code-item,.chapter-editor,.lesson-editor,.lesson-list-button{background:#fff;border:1px solid #edf1f6;border-radius:0}.course-list-item{text-align:left;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.course-list-item.active,.lesson-list-button.active{border-color:var(--teal);box-shadow:0 0 0 3px #10a99b1f}.chapter-editor{padding:16px}.lesson-editor{grid-template-columns:1fr 120px 1.5fr 90px auto auto;align-items:center;gap:10px;padding:10px;display:grid}.code-item{grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px;display:grid}.code-item small{color:var(--muted);margin-top:4px;display:block}.learning-layout{grid-template-columns:1.35fr .75fr;gap:22px;display:grid}.video-frame{background:#020617;border-radius:0;overflow:hidden}.video-frame video{aspect-ratio:16/9;width:100%;display:block}.learning-actions{grid-template-columns:1.4fr 120px auto auto;align-items:center;gap:12px;margin-top:14px;display:grid}.lesson-list-button{text-align:left;gap:6px;padding:13px;display:grid}.lesson-list-button small{color:var(--muted)}@media (width<=1200px){.student-action-row{grid-template-columns:1fr}.student-action-group.danger,.student-action-group.danger>span{text-align:left;justify-content:flex-start}.student-toolbar{grid-template-columns:minmax(220px,1fr) 150px 140px}.student-segments{grid-column:1/-1;justify-content:flex-start}.dhf-category-summary-header{grid-template-columns:148px minmax(0,1fr);align-items:start}.dhf-category-summary-actions{grid-column:1/-1;justify-content:flex-start}}@media (width<=900px){.workspace-content{padding:18px}.topbar-right{gap:10px}.global-search,.table-head{display:none}.table-row,.org-table .table-row,.batch-table .table-row,.progress-table .table-row,.student-table .table-row,.course-table .table-row,.lesson-editor,.learning-actions{grid-template-columns:1fr;padding:14px}.overview-metrics,.overview-main-grid,.overview-settings-grid,.statistics-metrics,.statistics-main-grid,.statistics-secondary-grid,.statistics-reminder-grid{grid-template-columns:1fr}.statistics-panel-head,.statistics-panel-actions,.statistics-local-badge{text-align:left;flex-direction:column;align-items:flex-start}.statistics-chart{grid-template-columns:repeat(14,42px);overflow-x:auto}.statistics-table-head{display:none}.statistics-course-table .statistics-table-row,.statistics-detail-table .statistics-table-row{grid-template-columns:1fr;align-items:start;padding:14px 16px}.settings-layout,.settings-account-grid,.settings-form-row,.settings-device-rule,.settings-merchant-materials,.settings-merchant-material-card,.platform-layout,.platform-form-grid,.platform-created-card .platform-created-grid{grid-template-columns:1fr}.settings-form-row label{text-align:left;padding-top:0}.settings-form-actions{padding-left:0}.settings-device-footer{display:grid}.student-toolbar,.student-form-grid,.student-batch-grid,.student-detail-hero,.student-detail-summary,.student-info-grid,.student-edit-intro{grid-template-columns:1fr}.student-head-actions,.student-form-head{flex-direction:column;align-items:flex-start}.student-head-action-group.danger{border-left:0;padding-left:0}.student-detail-table,.student-auth-result-table{overflow-x:auto}.overview-metric{border-bottom:1px solid #e4e8ec;border-right:0}.overview-metric:last-child{border-bottom:0}.overview-head-meta{flex-direction:column;align-items:flex-end;gap:6px}.overview-resource-row{grid-template-columns:1fr;align-items:start;padding:12px 0}.overview-setting-item{border-bottom:1px solid #e4e8ec;border-right:0}.overview-setting-item:last-child{border-bottom:0}.overview-table{min-width:620px}.overview-card:has(.overview-table){overflow-x:auto}.overview-record-row{grid-template-columns:1fr;align-items:start;gap:6px;padding:12px 18px}.course-workbench,.dhf-course-layout,.dhf-category-workbench{grid-template-columns:1fr}.dhf-category-detail{min-height:auto}.dhf-global-course-head,.dhf-global-course-tools,.dhf-global-course-row{grid-template-columns:1fr}.dhf-global-course-tools{align-items:stretch}.dhf-global-course-tools input{width:100%}.dhf-root-course-stats,.dhf-root-course-tools,.dhf-root-course-actions,.dhf-root-course-pager{flex-direction:column;align-items:stretch}.dhf-root-course-panel{overflow-x:auto}.dhf-root-course-table-head,.dhf-root-course-row{grid-template-columns:164px minmax(210px,1fr) 108px 190px 256px;column-gap:14px;min-width:980px}.dhf-root-course-cover{width:154px}.dhf-root-course-search{width:100%}.dhf-course-action,.dhf-course-actions,.dhf-content-hero-side .ui-button{justify-self:start}.tree-add-row,.course-list-modern-item,.dhf-create-course-bar,.dhf-create-layout,.dhf-status-options{grid-template-columns:1fr}}