@import "https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-wide:.025em;--leading-tight:1.25;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#1b4de4;--color-primary-dark:#1230a6;--color-accent:#fbc34f;--color-text-heading:#11183a;--color-text-heading-soft:#35405e;--color-text-strong:#26304d;--color-text-label:#495674;--color-text-body:#58657f;--color-text-muted:#7b86a2;--color-text-subtle:#8791aa;--color-border-primary:#dde5f3;--color-border-subtle:#eef1f7;--color-surface:#fff;--color-surface-soft:#f9fafd;--color-surface-hover:#fafbff;--color-badge-success-bg:#e3f7ec;--color-badge-success-text:#227a58;--color-badge-warning-bg:#fff3d7;--color-badge-warning-text:#a56800;--color-badge-danger-bg:#ffebed;--color-badge-danger-text:#d84954;--color-badge-info-bg:#eaf0ff;--color-badge-info-text:#315dc7;--color-badge-neutral-bg:#eef1f6;--color-badge-neutral-text:#6c7893;--color-text-secondary:#66728d;--color-text-emphasis:#2a3354;--color-text-faint:#7d889d;--color-text-dark:#252a36;--color-text-dim:#33415f;--color-text-heading-muted:#42506e;--color-success:#16a05b;--color-warning:#d97706;--color-warning-dark:#dca400;--color-danger:#e8324a;--color-link:#086bff;--color-violet:#6d54d4;--color-sky:#31a8ff}}@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{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-y-0{inset-block:0}.right-1\.5{right:calc(var(--spacing) * 1.5)}.left-0{left:0}.z-20{z-index:20}.z-30{z-index:30}.z-90{z-index:90}.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-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-\[18px\]{margin-top:18px}.mt-auto{margin-top:auto}.mb-1{margin-bottom:var(--spacing)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-\[7px\]{margin-bottom:7px}.mb-\[27px\]{margin-bottom:27px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-8{height:calc(var(--spacing) * 8)}.h-8\.5{height:calc(var(--spacing) * 8.5)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.max-h-64{max-height:calc(var(--spacing) * 64)}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-8{width:calc(var(--spacing) * 8)}.w-\[250px\]{width:250px}.w-\[var\(--radix-popover-trigger-width\)\]{width:var(--radix-popover-trigger-width)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[420px\]{max-width:420px}.min-w-0{min-width:0}.min-w-40{min-width:calc(var(--spacing) * 40)}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-5{gap:calc(var(--spacing) * 5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[9px\]{border-radius:9px}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border-primary{border-color:var(--color-border-primary)}.border-border-subtle{border-color:var(--color-border-subtle)}.border-danger{border-color:var(--color-danger)}.border-success{border-color:var(--color-success)}.border-transparent{border-color:#0000}.bg-\[\#f5f7fc\]{background-color:#f5f7fc}.bg-\[rgba\(11\,18\,43\,0\.34\)\]{background-color:#0b122b57}.bg-badge-danger-bg{background-color:var(--color-badge-danger-bg)}.bg-badge-info-bg{background-color:var(--color-badge-info-bg)}.bg-badge-neutral-bg{background-color:var(--color-badge-neutral-bg)}.bg-badge-success-bg{background-color:var(--color-badge-success-bg)}.bg-badge-warning-bg{background-color:var(--color-badge-warning-bg)}.bg-black\/5{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.bg-black\/5{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.bg-danger{background-color:var(--color-danger)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-surface{background-color:var(--color-surface)}.bg-surface-soft{background-color:var(--color-surface-soft)}.bg-transparent{background-color:#0000}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-8{padding:calc(var(--spacing) * 8)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-4\.5{padding-inline:calc(var(--spacing) * 4.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.\!py-7{padding-block:calc(var(--spacing) * 7)!important}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-2{padding-left:calc(var(--spacing) * 2)}.\!text-center{text-align:center!important}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[28px\]{font-size:28px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-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-\[-0\.8px\]{--tw-tracking:-.8px;letter-spacing:-.8px}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[1\.2px\]{--tw-tracking:1.2px;letter-spacing:1.2px}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-badge-danger-text{color:var(--color-badge-danger-text)}.text-badge-info-text{color:var(--color-badge-info-text)}.text-badge-neutral-text{color:var(--color-badge-neutral-text)}.text-badge-success-text{color:var(--color-badge-success-text)}.text-badge-warning-text{color:var(--color-badge-warning-text)}.text-danger{color:var(--color-danger)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-surface{color:var(--color-surface)}.text-text-body{color:var(--color-text-body)}.text-text-heading{color:var(--color-text-heading)}.text-text-label{color:var(--color-text-label)}.text-text-muted{color:var(--color-text-muted)}.text-text-secondary{color:var(--color-text-secondary)}.text-text-strong{color:var(--color-text-strong)}.text-text-subtle{color:var(--color-text-subtle)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow-\[0_14px_34px_rgba\(17\,24\,58\,0\.14\)\]{--tw-shadow:0 14px 34px var(--tw-shadow-color,#11183a24);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_24px_60px_-36px_rgba\(17\,24\,58\,0\.35\)\]{--tw-shadow:0 24px 60px -36px var(--tw-shadow-color,#11183a59);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[12px_0_30px_rgba\(7\,12\,30\,0\.25\)\]{--tw-shadow:12px 0 30px var(--tw-shadow-color,#070c1e40);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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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-\[transform\,opacity\]{transition-property:transform,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.group-data-\[popup-open\]\/select-trigger\:rotate-180:is(:where(.group\/select-trigger)[data-popup-open] *){rotate:180deg}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:var(--color-primary)}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.placeholder\:text-text-subtle::placeholder{color:var(--color-text-subtle)}.first\:mt-0:first-child{margin-top:0}@media (hover:hover){.hover\:bg-badge-danger-bg:hover{background-color:var(--color-badge-danger-bg)}.hover\:bg-badge-danger-text:hover{background-color:var(--color-badge-danger-text)}.hover\:bg-badge-success-bg:hover{background-color:var(--color-badge-success-bg)}.hover\:bg-badge-success-text:hover{background-color:var(--color-badge-success-text)}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.hover\:bg-surface-hover:hover{background-color:var(--color-surface-hover)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-text-heading:hover{color:var(--color-text-heading)}}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:ring-3:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-primary\/15:focus{--tw-ring-color:#1b4de426}@supports (color:color-mix(in lab, red, red)){.focus\:ring-primary\/15:focus{--tw-ring-color:color-mix(in oklab, var(--color-primary) 15%, transparent)}}.focus-visible\:border-danger:focus-visible{border-color:var(--color-danger)}.focus-visible\:border-primary:focus-visible{border-color:var(--color-primary)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-danger\/20:focus-visible{--tw-ring-color:#e8324a33}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-danger\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-danger) 20%, transparent)}}.focus-visible\:ring-primary\/20:focus-visible{--tw-ring-color:#1b4de433}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-primary\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-primary:focus-visible{outline-color:var(--color-primary)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-text-subtle:disabled{color:var(--color-text-subtle)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-55:disabled{opacity:.55}.disabled\:opacity-60:disabled{opacity:.6}.data-ending-style\:scale-95[data-ending-style]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-ending-style\:opacity-0[data-ending-style]{opacity:0}.data-open\:scale-100[data-open]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-open\:opacity-100[data-open]{opacity:1}.data-starting-style\:scale-95[data-starting-style]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-starting-style\:opacity-0[data-starting-style]{opacity:0}.data-\[highlighted\=true\]\:bg-surface-hover[data-highlighted=true]{background-color:var(--color-surface-hover)}.data-\[highlighted\=true\]\:text-text-heading[data-highlighted=true]{color:var(--color-text-heading)}@media not all and (width>=40rem){.max-sm\:flex-none{flex:none}.max-sm\:items-stretch{align-items:stretch}}@media (width>=40rem){.sm\:p-9{padding:calc(var(--spacing) * 9)}}@media (width>=64rem){.lg\:sticky{position:sticky}.lg\:top-0{top:0}.lg\:z-auto{z-index:auto}.lg\:hidden{display:none}.lg\:h-screen{height:100vh}.lg\:translate-x-0{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:size-\[17px\]>svg{width:17px;height:17px}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}}*{box-sizing:border-box}html{scroll-behavior:smooth;font-family:var(--font-sans)}body{font-family:var(--font-sans);color:var(--color-text-heading);background:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}::selection{background:var(--color-primary);color:var(--color-surface)}@keyframes hl-float1{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes hl-float2{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}@keyframes hl-drift{0%{background-position:0 0,0 0}to{background-position:40px 40px,40px 40px}}@keyframes hl-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes hl-cardin{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}@keyframes hl-auth-step-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes hl-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes hl-pulse{0%,to{box-shadow:0 0 #f7b23b80}50%{box-shadow:0 0 0 14px #f7b23b00}}@keyframes hl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hl-blob{0%,to{border-radius:46% 54% 58% 42%/52% 44% 56% 48%}50%{border-radius:58% 42% 44% 56%/44% 58% 42% 56%}}@keyframes hl-scan{0%{top:4%}to{top:96%}}@keyframes hl-livedot{0%,to{opacity:1}50%{opacity:.25}}.hl-nav{transition:color .2s,background-color .2s}.hl-nav:hover{background-color:#1b4de414;color:var(--color-primary)!important}.hl-by{transition:transform .25s,box-shadow .25s}.hl-by:hover{transform:translateY(-2px);box-shadow:0 14px 30px #f4a93c8c}.hl-byh{transition:transform .25s,box-shadow .25s}.hl-byh:hover{transform:translateY(-3px);box-shadow:0 18px 38px #f4a93c99}.hl-rot{transition:transform .3s}.hl-rot:hover{transform:rotate(45deg)}.hl-bb{transition:transform .2s,box-shadow .2s}.hl-bb:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px #1b4de480}.hl-ob{transition:all .25s}.hl-ob:hover{background:var(--color-primary)!important;color:var(--color-surface)!important}.hl-card{transition:transform .3s,box-shadow .3s,border-color .3s}.hl-card:hover{transform:translateY(-8px);box-shadow:0 26px 50px -22px #1b4de480;border-color:var(--color-primary)!important}.hl-rmcard{transition:transform .25s,box-shadow .25s}.hl-rmcard:hover{transform:translateY(-4px);box-shadow:0 24px 48px -24px #1b4de480}.hl-slide{transition:transform .25s,box-shadow .25s}.hl-slide:hover{transform:translate(6px);box-shadow:0 16px 32px -20px #1b4de480}.hl-chip{transition:all .2s}.hl-chip:hover{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary);transform:translateY(-2px)}.hl-partner{transition:border-color .25s,color .25s}.hl-partner:hover{border-color:var(--color-primary);color:var(--color-primary)}.hl-flink{transition:color .2s,padding-left .2s}.hl-flink:hover{color:var(--color-accent);padding-left:4px}.hl-fb{transition:color .2s}.hl-fb:hover{color:var(--color-surface)}.hl-sg{transition:background .2s}.hl-sg:hover{background:#dce7ff}.hl-input{transition:border-color .2s,background .2s}.hl-input:focus{border-color:var(--color-primary)}.hl-auth-page{background:var(--color-text-heading);justify-content:center;align-items:center;height:100dvh;min-height:100dvh;padding:12px 24px;display:flex;position:relative;overflow:hidden}.hl-auth-page:before,.hl-auth-page:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.hl-auth-page:before{background:#1b4de43d;width:520px;height:520px;bottom:-250px;left:-240px}.hl-auth-page:after{border:1px solid #fbc34f38;width:420px;height:420px;top:-220px;right:-180px}.hl-auth-back{z-index:2;color:#ffffffbf;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-size:13px;transition:color .2s;display:flex;position:absolute;top:18px;left:24px}.hl-auth-back:hover{color:var(--color-accent)}.hl-auth-shell{background:var(--color-surface);z-index:1;border-radius:30px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;width:min(1120px,100vw - 48px);min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 90px #00000047}.hl-auth-form-panel{background:#f7f9ff;flex-direction:column;min-height:0;padding:20px 36px;display:flex}.hl-auth-logo{align-self:flex-start;height:46px;text-decoration:none;display:block}.hl-auth-logo>span{transform-origin:0 0;transform:scale(.86)}.hl-auth-form-wrap{width:min(410px,100%);margin:auto}.hl-auth-heading{text-align:center;margin-bottom:12px}.hl-auth-kicker{color:var(--color-primary);letter-spacing:1.6px;text-transform:uppercase;font-size:11px;font-weight:800}.hl-auth-heading h1{color:var(--color-text-heading);letter-spacing:-1px;margin:5px 0;font-size:clamp(24px,2.2vw,30px);font-weight:700;line-height:1.15}.hl-auth-heading p{color:var(--color-text-body);margin:0;font-size:12.5px;line-height:1.42}.hl-auth-google{background:var(--color-surface);width:100%;height:43px;color:var(--color-text-emphasis);font:inherit;cursor:pointer;border:1.5px solid #dfe6f7;border-radius:14px;justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:700;transition:border .2s,box-shadow .2s,transform .2s;display:flex}.hl-auth-google:hover{border-color:#b8c9f7;transform:translateY(-1px);box-shadow:0 8px 20px #1b4de41a}.hl-auth-google:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.hl-auth-google-mount{justify-content:center;min-height:43px;display:flex}.hl-auth-google-mount.is-disabled{pointer-events:none;opacity:.6}.hl-google-mark{color:#4285f4;font-family:Arial,sans-serif;font-size:20px;font-weight:900}.hl-auth-divider{color:#98a2bc;letter-spacing:1px;align-items:center;gap:12px;margin:8px 0 0;font-size:10px;font-weight:800;display:flex}.hl-auth-divider span{background:#dfe6f7;flex:1;height:1px}.hl-auth-label{color:var(--color-text-emphasis);flex-direction:column;gap:4px;margin-top:7px;font-size:12.5px;font-weight:800;display:flex}.hl-auth-name-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:7px;display:grid}.hl-auth-name-row .hl-auth-label{margin-top:0}.hl-auth-input{background:var(--color-surface);color:#8791ae;border:1.5px solid #dfe6f7;border-radius:13px;align-items:center;gap:10px;height:43px;padding:0 14px;transition:border .2s,box-shadow .2s;display:flex}.hl-auth-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px #1b4de41a}.hl-auth-input input{width:100%;min-width:0;color:var(--color-text-heading);font:inherit;background:0 0;border:0;outline:0;font-size:13.5px}.hl-auth-input input::placeholder{color:#aab2c8}.hl-auth-eye{color:#8791ae;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.hl-auth-forgot{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;margin:12px 0 0 auto;padding:0;font-size:12px;font-weight:700;display:block}.hl-auth-submit{background:var(--color-primary);width:100%;color:var(--color-surface);font:inherit;cursor:pointer;border:0;border-radius:10px;margin-top:10px;padding:11px;font-size:14px;font-weight:500;transition:background-color .15s}.hl-auth-submit:hover{background:var(--color-primary-dark)}.hl-auth-submit:disabled{cursor:progress;opacity:.78;transform:none;box-shadow:0 10px 18px #1b4de433}.hl-auth-error{color:var(--color-danger);margin-top:4px;font-size:11px;line-height:1.45}.hl-auth-helper{color:#7c88a8;margin-top:7px;font-size:11px;line-height:1.55}.hl-auth-password-note{color:#7c88a8;margin-top:2px;font-size:10.5px;font-weight:600;line-height:1.3;display:block}.hl-auth-password-note.is-error{color:var(--color-danger)}@media (width>=801px){.hl-auth-password-note{white-space:nowrap}}.hl-auth-input.has-error{border-color:var(--color-danger);box-shadow:0 0 0 4px #e8324a14}.hl-auth-recovery{flex-direction:column;gap:14px;animation:.28s hl-auth-step-in;display:flex}.hl-auth-heading--compact{text-align:left;margin-bottom:8px}.hl-auth-heading--compact h1{margin-top:10px;font-size:clamp(26px,2.8vw,34px)}.hl-auth-heading--compact p{max-width:46ch}.hl-auth-step{flex-direction:column;gap:14px;animation:.26s hl-auth-step-in;display:flex}.hl-auth-recovery .hl-auth-label{margin-top:0}.hl-auth-verification-label{font-weight:500}.hl-auth-recovery .hl-auth-input{width:100%}.hl-auth-verification-code input{letter-spacing:.04em;font-weight:700}.hl-auth-success{color:#186a44;background:linear-gradient(135deg,#36b37e1f,#fffffff2);border:1px solid #c8e8d3;border-radius:14px;padding:13px 14px;font-size:13px;line-height:1.55;box-shadow:0 12px 22px #36b37e14}.hl-auth-verification-resend{color:#7c88a8;white-space:nowrap;justify-content:center;align-items:center;gap:8px;margin:-4px 0 0;font-size:12px;line-height:1.35;display:flex}.hl-auth-verification-resend button{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.hl-auth-verification-resend button:disabled{color:#98a2bc;cursor:not-allowed}.hl-auth-email-notice{background:linear-gradient(135deg, #f3f6ff, var(--color-surface));color:var(--color-text-emphasis);text-align:center;border:1px solid #d9e4ff;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:24px 18px;display:flex}.hl-auth-email-notice svg{color:var(--color-primary)}.hl-auth-email-notice strong{font-size:14px}.hl-auth-email-notice span{color:#7c88a8;overflow-wrap:anywhere;font-size:12px;line-height:1.55}.hl-auth-resend{background:var(--color-surface);color:var(--color-primary);font:inherit;cursor:pointer;border:1px solid #d9e4ff;border-radius:12px;padding:11px 14px;font-size:12px;font-weight:800}.hl-auth-resend:disabled{cursor:wait;color:#98a2bc;background:#f7f9ff}.hl-auth-recovery-actions{flex-direction:column;gap:10px;display:flex}.hl-auth-recovery-back{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-self:center;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:700;transition:color .15s;display:inline-flex}.hl-auth-recovery-back:hover{color:var(--color-primary-dark)}.hl-auth-recovery-back:disabled{cursor:progress;opacity:.55}.hl-staff-app{height:100vh;color:var(--color-text-heading);background:#f5f7fc;display:flex;overflow:hidden}.hl-staff-menu{display:none}.hl-staff-avatar{border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.hl-staff-content{box-sizing:border-box;width:calc(100% - 250px);height:100vh;padding:14px 14px 14px 0;display:flex}.hl-staff-card{background:var(--color-surface);border-radius:16px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden;box-shadow:0 3px 6px -2px #1018280f,0 1px 2px #10182814}.hl-staff-header{background:var(--color-surface);border-bottom:1px solid #e7ebf5;flex:none;align-items:center;gap:16px;height:64px;padding:0 20px;display:flex}.hl-staff-search{background:var(--color-surface);color:#8791ae;width:100%;max-width:280px;height:34px;font:inherit;cursor:pointer;border:1px solid #e2e8f6;border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:flex}.hl-staff-search span{text-align:left;flex:1}.hl-staff-search kbd{color:#8791ae;font:inherit;background:#f5f7fc;border:1px solid #e2e8f6;border-radius:5px;padding:1px 5px;font-size:11px}.hl-staff-breadcrumb{color:#8791ae;align-items:center;gap:8px;margin-bottom:18px;font-size:14px;display:flex}.hl-staff-breadcrumb strong{color:#2a3354}.hl-staff-header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.hl-staff-icon-button{background:var(--color-surface);color:#526080;cursor:pointer;border:1px solid #e2e8f6;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:relative}.hl-staff-refresh{width:auto;font:inherit;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.hl-staff-icon-button i{border:1px solid var(--color-surface);background:#e85454;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.hl-staff-profile{color:#2a3354;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;display:flex}.hl-staff-profile-avatar{color:#2a3354;background:#f5f7fc;border:1px solid #e2e8f6;border-radius:8px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.hl-staff-profile-name{font-size:13px;font-weight:600}.hl-staff-main{flex:1;width:100%;min-height:0;padding:36px 35px 54px;overflow-y:auto}.hl-staff-eyebrow{color:var(--color-primary);letter-spacing:1.2px;font-size:13px;font-weight:700;display:block}.hl-staff-muted{color:#77829f;margin:0;font-size:14px;line-height:1.6}.hl-staff-primary{background:var(--color-primary);height:40px;color:var(--color-surface);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:500;transition:background-color .15s;display:inline-flex}.hl-staff-primary:hover:not(:disabled){background:var(--color-primary-dark)}.hl-staff-primary:disabled{cursor:not-allowed;opacity:.5}.hl-staff-kpis{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px;display:grid}.hl-staff-kpi,.hl-staff-panel{background:var(--color-surface);border:1px solid #e5eaf5;border-radius:16px;box-shadow:0 8px 22px #182b5909}.hl-staff-kpi{gap:13px;min-width:0;padding:19px;display:flex}.hl-staff-kpi-icon{border-radius:13px;flex:none;place-items:center;width:43px;height:43px;display:grid}.hl-staff-kpi-icon.blue{color:var(--color-primary);background:var(--color-badge-info-bg)}.hl-staff-kpi-icon.gold{color:#a66500;background:#fff4d9}.hl-staff-kpi-icon.violet{color:#7047c6;background:#f0eafe}.hl-staff-kpi-icon.red{color:#d94a55;background:#ffecee}.hl-staff-kpi p{color:#76819c;margin:1px 0 5px;font-size:13px;font-weight:600}.hl-staff-kpi strong{letter-spacing:-.5px;font-size:23px;line-height:1;display:block}.hl-staff-kpi small{color:#3d9b72;margin-top:7px;font-size:12px;font-weight:600;display:block}.hl-staff-kpi small.is-red{color:#d94a55}.hl-staff-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:18px;display:grid}.hl-staff-panel{padding:20px}.hl-staff-panel-heading{justify-content:space-between;align-items:start;gap:10px;margin-bottom:17px;display:flex}.hl-staff-panel h2{letter-spacing:-.35px;margin:5px 0 0;font-size:16px}.hl-staff-panel-heading button{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;display:flex}.hl-staff-alerts{gap:10px;display:grid}.hl-staff-alert{border:1px solid #edf0f7;border-radius:11px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:65px;padding:9px;display:grid}.hl-staff-alert-icon{border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.hl-staff-alert-icon.warning{color:#b67300;background:var(--color-badge-warning-bg)}.hl-staff-alert-icon.danger{color:var(--color-badge-danger-text);background:var(--color-badge-danger-bg)}.hl-staff-alert-icon.success{color:#24865e;background:var(--color-badge-success-bg)}.hl-staff-alert strong{font-size:13px}.hl-staff-alert p{color:var(--color-text-subtle);margin:3px 0 0;font-size:12px}.hl-staff-alert>button{color:var(--color-primary);font:inherit;cursor:pointer;background:#f7f9ff;border:1px solid #d9e3fa;border-radius:7px;padding:7px 8px;font-size:12px;font-weight:600}.hl-staff-timeline{gap:4px;display:grid}.hl-staff-schedule-item{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:43px 10px 1fr auto;align-items:center;gap:9px;min-height:63px;display:grid}.hl-staff-schedule-item:last-child{border:0}.hl-staff-schedule-item time{color:var(--color-text-label);font-size:13px;font-weight:600}.hl-staff-line{background:var(--color-primary);border-radius:3px;width:3px;height:38px}.hl-staff-line.gold{background:#e2a52d}.hl-staff-line.red{background:#de5a60}.hl-staff-schedule-item strong{font-size:13px}.hl-staff-schedule-item p{color:var(--color-text-subtle);margin:3px 0 0;font-size:12px}.hl-staff-schedule-item em{background:var(--color-badge-info-bg);color:var(--color-primary);border-radius:99px;padding:5px 7px;font-size:12px;font-style:normal;font-weight:600}.hl-staff-schedule-item em.gold{background:var(--color-badge-warning-bg);color:#a66d08}.hl-staff-schedule-item em.red{background:var(--color-badge-danger-bg);color:#cf4b53}.hl-staff-activities{gap:3px;display:grid}.hl-staff-activity-row{border:0;border-bottom:1px solid var(--color-border-subtle);text-align:left;cursor:pointer;background:0 0;grid-template-columns:34px 1fr auto 17px;align-items:center;gap:9px;width:100%;padding:9px 2px;display:grid}.hl-staff-activity-row:hover{background:#f8faff}.hl-staff-activity-row strong{font-size:13px}.hl-staff-activity-row p{color:#79839e;margin:3px 0 0;font-size:12px}.hl-staff-activity-row time{color:#9aa4bb;font-size:12px}.hl-staff-avatar{width:34px;height:34px;font-size:13px}.hl-staff-avatar.blue{color:var(--color-primary);background:var(--color-badge-info-bg)}.hl-staff-avatar.gold{color:var(--color-badge-warning-text);background:var(--color-badge-warning-bg)}.hl-staff-avatar.violet{color:#7047c6;background:#f0eafe}.hl-staff-avatar.green{color:var(--color-badge-success-text);background:var(--color-badge-success-bg)}.hl-staff-batch-bars{gap:15px;display:grid}.hl-staff-batch>div{justify-content:space-between;gap:8px;font-size:13px;display:flex}.hl-staff-batch>div span{color:var(--color-primary);font-weight:600}.hl-staff-batch>i,.hl-staff-mini-progress,.hl-staff-detail-progress{background:#eef2fa;border-radius:5px;height:6px;margin:8px 0 5px;display:block;overflow:hidden}.hl-staff-batch>i b,.hl-staff-mini-progress em,.hl-staff-detail-progress b{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.hl-staff-batch>i b.gold{background:#e6ad3b}.hl-staff-batch>i b.violet{background:#8661d1}.hl-staff-batch small{color:var(--color-text-subtle);font-size:12px}.hl-staff-toast{z-index:10;color:#1e7d53;background:#f4fff8;border:1px solid #bde8d0;border-radius:10px;align-items:center;gap:8px;padding:11px 14px;font-size:13px;font-weight:600;display:flex;position:fixed;top:82px;right:28px;box-shadow:0 10px 22px #145d3e1f}.hl-staff-students{padding:0;overflow:hidden}.hl-staff-student-tools{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;gap:12px;padding:17px 20px;display:flex}.hl-staff-student-tools label{border:1px solid var(--color-border-primary);color:#8a96b1;border-radius:9px;align-items:center;gap:9px;width:min(340px,100%);padding:0 11px;display:flex}.hl-staff-student-tools input{width:100%;height:36px;font:inherit;border:0;outline:0;font-size:13px}.hl-staff-student-tools button{border:1px solid var(--color-border-primary);background:var(--color-surface);color:var(--color-text-label);font:inherit;border-radius:9px;align-items:center;gap:5px;padding:0 10px;font-size:13px;font-weight:600;display:flex}.hl-staff-tr{border:0;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);color:#52607c;text-align:left;width:100%;font:inherit;cursor:pointer;grid-template-columns:1.3fr 1.05fr .7fr 1.25fr 20px;align-items:center;gap:15px;padding:14px 20px;font-size:13px;display:grid}.hl-staff-tr:not(.head):hover{background:#f8faff}.hl-staff-tr.head{color:var(--color-text-subtle);background:var(--color-surface-soft);cursor:default;font-size:12px;font-weight:600}.hl-staff-student-name{color:var(--color-text-strong);align-items:center;gap:9px;display:flex}.hl-staff-student-name b small,.hl-staff-tr>span small{color:#96a0b7;margin-top:3px;font-size:12px;font-weight:500;display:block}.hl-staff-mini-progress{width:75px;height:4px;margin:5px 0 0}.hl-staff-mini-progress em{background:#3b73e9}.hl-staff-detail{max-width:1030px}.hl-staff-text-back{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;margin-bottom:16px;font-size:13px;font-weight:600}.hl-staff-profile{align-items:center;gap:16px;display:flex}.hl-staff-profile .hl-staff-avatar{width:54px;height:54px;font-size:16px}.hl-staff-profile h2{margin:5px 0;font-size:20px}.hl-staff-profile p{color:#7883a0;margin:0;font-size:13px}.hl-staff-profile .hl-staff-primary{margin-left:auto}.hl-staff-detail-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.hl-staff-detail-grid h2{margin-bottom:14px}.hl-staff-detail-progress{height:10px;margin-bottom:15px}.hl-staff-detail-progress b{background:linear-gradient(90deg, var(--color-primary), #5a89f2)}.hl-staff-detail-grid .hl-staff-muted{border-bottom:1px solid var(--color-border-subtle);padding:9px 0}.hl-staff-list-top{justify-content:space-between;align-items:center;gap:15px;padding:20px 20px 15px;display:flex}.hl-staff-list-top h2{margin:5px 0 0}.hl-staff-list-top .hl-staff-primary,.hl-staff-modal-actions .hl-staff-primary{align-items:center;gap:7px;display:inline-flex}.hl-staff-student-tools>span{color:#71809f;align-items:center;gap:6px;display:flex}.hl-staff-student-tools [data-dropdown-trigger]{border:1px solid var(--color-border-primary);background:var(--color-surface);height:36px;color:var(--color-text-label);font:inherit;border-radius:9px;outline:0;padding:0 9px;font-size:13px;font-weight:600}.hl-staff-list-row{grid-template-columns:1.3fr 1.1fr .75fr .7fr 54px}.hl-staff-list-row>span{min-width:0}.hl-staff-list-row>span:not(.hl-staff-student-name){line-height:1.35}.hl-staff-view{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:1px;font-size:13px;font-weight:600;display:flex}.hl-staff-fee{white-space:nowrap;border-radius:99px;padding:5px 7px;font-size:12px;font-weight:600;display:inline-block}.hl-staff-fee.paid{background:var(--color-badge-success-bg);color:var(--color-badge-success-text)}.hl-staff-fee.pending{background:var(--color-badge-warning-bg);color:var(--color-badge-warning-text)}.hl-staff-fee.overdue{background:var(--color-badge-danger-bg);color:var(--color-badge-danger-text)}.hl-staff-pagination{color:var(--color-text-subtle);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:13px;display:flex}.hl-staff-pagination div{gap:4px;display:flex}.hl-staff-pagination button{border:1px solid var(--color-border-primary);background:var(--color-surface);color:#52607c;min-width:28px;height:28px;font:inherit;cursor:pointer;border-radius:7px;place-items:center;font-size:13px;display:grid}.hl-staff-pagination button.is-active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface)}.hl-staff-pagination button:disabled{opacity:.4;cursor:not-allowed}.hl-staff-empty{color:var(--color-text-subtle);text-align:center;padding:35px;font-size:14px}.hl-staff-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a102373;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.hl-staff-modal{border:1px solid var(--color-border-primary);background:var(--color-surface);border-radius:18px;gap:12px;width:min(480px,100%);padding:25px;display:grid;position:relative;box-shadow:0 28px 70px #0a102340}.hl-staff-modal h2{margin:0;font-size:20px}.hl-staff-modal>p{color:#7883a0;margin:-6px 0 5px;font-size:13px}.hl-staff-modal label{color:var(--color-text-heading-soft);gap:6px;font-size:13px;font-weight:600;display:grid}.hl-staff-modal input,.hl-staff-modal [data-dropdown-trigger]{border:1px solid var(--color-border-primary);background:var(--color-surface);height:42px;color:var(--color-text-strong);font:inherit;border-radius:9px;outline:0;padding:0 11px;font-size:14px}.hl-staff-modal input:focus,.hl-staff-modal [data-dropdown-trigger]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1b4de41a}.hl-staff-modal-close{color:#71809f;cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:15px;right:15px}.hl-staff-modal-actions{justify-content:flex-end;gap:9px;padding-top:6px;display:flex}.hl-staff-modal-actions>button:not(.hl-staff-primary){color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 13px;font-size:13px;font-weight:500;transition:background-color .15s}.hl-staff-modal-actions>button:not(.hl-staff-primary):hover:not(:disabled){background:var(--color-surface-hover)}.hl-staff-detail-tabs{background:var(--color-surface);border:1px solid #e1e7f4;border-radius:12px;gap:5px;margin:18px 0;padding:5px;display:flex;overflow:auto}.hl-staff-detail-tabs button{color:#71809f;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;padding:9px 12px;font-size:13px;font-weight:600}.hl-staff-detail-tabs button.is-active{background:var(--color-badge-info-bg);color:var(--color-primary)}.hl-staff-info{border-bottom:1px solid var(--color-border-subtle);color:var(--color-primary);align-items:flex-start;gap:10px;padding:12px 0;display:flex}.hl-staff-info div{color:var(--color-text-strong)}.hl-staff-info small,.hl-staff-info strong{display:block}.hl-staff-info small{color:#8993aa;margin-bottom:3px;font-size:12px}.hl-staff-info strong{font-size:13px}.hl-staff-stat-pair{gap:20px;margin-top:16px;display:flex}.hl-staff-stat-pair span{color:var(--color-text-subtle);font-size:13px}.hl-staff-stat-pair b{color:var(--color-primary);margin-bottom:3px;font-size:17px;display:block}.hl-staff-info-panel{max-width:760px}.hl-staff-enrollment,.hl-staff-finance{border-bottom:1px solid var(--color-border-subtle);color:var(--color-primary);align-items:center;gap:12px;padding:14px 0;display:flex}.hl-staff-enrollment>div,.hl-staff-finance>div{color:var(--color-text-strong);flex:1}.hl-staff-enrollment strong,.hl-staff-finance b{font-size:14px}.hl-staff-enrollment p,.hl-staff-finance p{color:var(--color-text-subtle);margin:4px 0 0;font-size:13px}.hl-staff-enrollment>span{background:var(--color-badge-info-bg);color:var(--color-primary);border-radius:99px;padding:5px 7px;font-size:12px;font-weight:600}.hl-staff-payment-line{border-bottom:1px solid var(--color-border-subtle);color:#77829f;justify-content:space-between;gap:15px;padding:13px 0;font-size:13px;display:flex}.hl-staff-payment-line strong{color:var(--color-text-heading-soft);font-size:13px}.hl-staff-outline{border:1px solid var(--color-border-primary);background:var(--color-surface);color:var(--color-primary);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-top:17px;padding:10px 12px;font-size:13px;font-weight:500;transition:background-color .15s;display:inline-flex}.hl-staff-outline:hover:not(:disabled){background:var(--color-surface-hover)}.hl-staff-attendance-meter{background:#edf1fa;border-radius:10px;height:12px;overflow:hidden}.hl-staff-attendance-meter b{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), #5a89f2);height:100%;display:block}.hl-staff-attendance-list{margin-top:18px}.hl-staff-attendance-list>div{border-bottom:1px solid var(--color-border-subtle);color:#52607c;grid-template-columns:145px 1fr auto;align-items:center;gap:12px;padding:12px 0;font-size:13px;display:grid}.hl-staff-attendance-list>div span:first-child{color:#77829f;align-items:center;gap:7px;display:flex}.hl-staff-attendance-list em{border-radius:99px;padding:5px 7px;font-size:12px;font-style:normal;font-weight:600}.hl-staff-attendance-list em.present{background:var(--color-badge-success-bg);color:var(--color-badge-success-text)}.hl-staff-attendance-list em.late{background:var(--color-badge-warning-bg);color:var(--color-badge-warning-text)}.hl-staff-enrollments{padding:0;overflow:hidden}.hl-staff-enrollment-filters{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:12px;padding:18px 20px;display:flex}.hl-staff-enrollment-filters label{border:1px solid var(--color-border-primary);min-width:0;color:var(--color-text-subtle);border-radius:9px;flex:1;align-items:center;gap:9px;padding:0 11px;display:flex}.hl-staff-enrollment-filters input{width:100%;height:37px;font:inherit;border:0;outline:0;font-size:13px}.hl-staff-enrollment-filters [data-dropdown-trigger]{border:1px solid var(--color-border-primary);background:var(--color-surface);height:37px;color:var(--color-text-label);font:inherit;border-radius:9px;outline:0;padding:0 10px;font-size:13px;font-weight:600}.hl-staff-enrollment-filters>span{color:#7985a2;white-space:nowrap;font-size:13px}.hl-enroll-row{border-bottom:1px solid var(--color-border-subtle);color:#52607c;grid-template-columns:.85fr 1.1fr 1.35fr .75fr .72fr .9fr;align-items:center;gap:14px;padding:14px 20px;font-size:13px;display:grid}.hl-enroll-row.head{background:var(--color-surface-soft);color:var(--color-text-subtle);font-size:12px;font-weight:600}.hl-enroll-row strong{color:var(--color-text-strong);font-size:13px}.hl-enroll-row b,.hl-enroll-row small{display:block}.hl-enroll-row b{color:var(--color-text-heading-soft);font-size:13px}.hl-enroll-row small{color:#96a0b7;margin-top:3px;font-size:12px}.hl-enrollment-status{border-radius:99px;width:max-content;padding:5px 7px;font-size:12px;font-weight:600;display:inline-block}.hl-enrollment-status.approved{background:var(--color-badge-success-bg);color:var(--color-badge-success-text)}.hl-enrollment-status.waiting{background:var(--color-badge-warning-bg);color:var(--color-badge-warning-text)}.hl-enrollment-status.cancelled{color:#6d7893;background:#f0f2f6}.hl-staff-enrollment-dev{z-index:12;background:var(--color-surface);color:var(--color-primary);font:inherit;cursor:pointer;border:1px solid #c7d6fc;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:600;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 22px #11183a24}@media (width<=1050px){.hl-staff-kpis{grid-template-columns:repeat(2,1fr)}.hl-staff-grid{grid-template-columns:1fr}.hl-staff-app{height:auto;overflow:visible}.hl-staff-content{width:100%;height:auto;padding:0;overflow:visible}.hl-staff-card{box-shadow:none;border-radius:0;overflow:visible}.hl-staff-main{overflow:visible}.hl-staff-menu{color:#43506e;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}}@media (width<=680px){.hl-staff-header{height:60px;padding:0 16px}.hl-staff-search span,.hl-staff-search kbd{display:none}.hl-staff-search{justify-content:center;max-width:40px;padding:0}.hl-staff-refresh span,.hl-staff-profile-name{display:none}.hl-staff-header-actions{margin-left:auto}.hl-staff-main{padding:25px 15px 54px}.hl-staff-title{flex-direction:column;align-items:flex-start}.hl-staff-title h1{font-size:24px}.hl-staff-kpis{grid-template-columns:1fr 1fr;gap:9px}.hl-staff-kpi{gap:8px;padding:13px}.hl-staff-kpi-icon{width:35px;height:35px}.hl-staff-kpi strong{font-size:19px}.hl-staff-kpi small{line-height:1.35}.hl-staff-panel{padding:15px}.hl-staff-alert{grid-template-columns:32px 1fr}.hl-staff-alert>button{grid-column:2;justify-self:start}.hl-staff-schedule-item{grid-template-columns:38px 7px 1fr}.hl-staff-schedule-item em{grid-column:3;justify-self:start}.hl-staff-activity-row{grid-template-columns:34px 1fr 17px}.hl-staff-activity-row time{display:none}.hl-staff-tr{grid-template-columns:1fr auto;gap:8px}.hl-staff-tr>span:not(:first-child),.hl-staff-tr.head{display:none}.hl-staff-student-tools{flex-direction:column}.hl-staff-student-tools label{width:100%}.hl-staff-detail-grid{grid-template-columns:1fr}.hl-staff-profile{flex-wrap:wrap;align-items:flex-start}.hl-staff-profile .hl-staff-primary{width:100%;margin-left:0}}.hl-onboard-page{min-height:100vh;color:var(--color-text-heading);background:radial-gradient(circle at 7% 8%,#1b4de429 0,#0000 24%),radial-gradient(circle at 92% 12%,#fbc34f2e 0,#0000 18%),radial-gradient(circle at 85% 90%,#1b4de414 0,#0000 26%),linear-gradient(#f8faff 0%,#f3f7ff 100%);padding:24px 24px 58px;position:relative;overflow:hidden}.hl-onboard-page:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(#ffffff8c 1px,#0000 1px),linear-gradient(90deg,#ffffff8c 1px,#0000 1px);background-size:84px 84px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 88%);mask-image:linear-gradient(#000000e6,#0000 88%)}.hl-onboard-top{z-index:1;justify-content:space-between;align-items:center;width:min(1180px,100%);margin:0 auto 24px;display:flex;position:relative}.hl-onboard-top button{width:42px;height:42px;color:var(--color-primary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #dfe6f7e6;border-radius:50%;place-items:center;display:grid;box-shadow:0 10px 24px #1b4de414}.hl-onboard-logo{align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hl-onboard-top>span:not(.hl-onboard-logo){width:42px}.hl-onboard-card{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #d5dff6f2;border-radius:32px;width:min(1180px,100%);margin:0 auto;padding:28px;position:relative;box-shadow:0 34px 80px #1b4de41f}.hl-onboard-card:before{content:"";border-radius:inherit;-webkit-mask:linear-gradient(var(--color-surface) 0 0) content-box, linear-gradient(var(--color-surface) 0 0);-webkit-mask:linear-gradient(var(--color-surface) 0 0) content-box, linear-gradient(var(--color-surface) 0 0);-webkit-mask:linear-gradient(var(--color-surface) 0 0) content-box, linear-gradient(var(--color-surface) 0 0);mask:linear-gradient(var(--color-surface) 0 0) content-box, linear-gradient(var(--color-surface) 0 0);-webkit-mask:linear-gradient(var(--color-surface) 0 0) content-box, linear-gradient(var(--color-surface) 0 0);-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-composite:xor;background:linear-gradient(135deg,#1b4de429,#fbc34f42,#1b4de414);padding:1px;position:absolute;inset:0;-webkit-mask-composite:xor;mask-composite:exclude}.hl-onboard-layout{z-index:1;grid-template-columns:minmax(0,1.4fr) minmax(290px,.78fr);gap:24px;display:grid;position:relative}.hl-onboard-main{min-width:0}.hl-onboard-rail{flex-direction:column;gap:16px;min-width:0;display:flex}.hl-onboard-rail-card{background:linear-gradient(#fffffff5,#f7fafff0);border:1px solid #e2e9f9;border-radius:24px;padding:22px;box-shadow:0 16px 34px #11183a0f}.hl-onboard-rail-highlight{color:var(--color-surface);background:linear-gradient(145deg, var(--color-primary) 0%, var(--color-primary-dark) 70%, #0d247f 100%);border-color:#0000;position:relative;overflow:hidden;box-shadow:0 24px 44px #1b4de438}.hl-onboard-rail-highlight:after{content:"";filter:blur(6px);background:#fbc34f29;border-radius:50%;width:180px;height:180px;position:absolute;inset:auto -50px -70px auto}.hl-onboard-rail-highlight h2{letter-spacing:-.6px;z-index:1;margin:10px 0;font-size:24px;line-height:1.12;position:relative}.hl-onboard-rail-highlight p{color:#ffffffc7;z-index:1;margin:0;font-size:13px;line-height:1.65;position:relative}.hl-onboard-rail-kicker,.hl-onboard-rail-title{letter-spacing:1.3px;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:900;display:inline-flex}.hl-onboard-rail-kicker{color:#ffffffc7;z-index:1;position:relative}.hl-onboard-rail-title{color:var(--color-primary)}.hl-onboard-checklist{flex-direction:column;gap:10px;margin:14px 0 0;padding:0;list-style:none;display:flex}.hl-onboard-checklist li{color:var(--color-text-emphasis);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.hl-onboard-checklist li svg{color:var(--color-primary);flex:none;margin-top:2px}.hl-onboard-rail-note p{color:var(--color-text-body);margin:12px 0 0;font-size:13px;line-height:1.7}.hl-onboard-intro{max-width:720px;margin:0 0 22px}.hl-onboard-kicker{color:var(--color-primary);letter-spacing:1.5px;font-size:11px;font-weight:900}.hl-onboard-intro h1{letter-spacing:-.9px;max-width:12ch;margin:10px 0;font-size:clamp(29px,3.2vw,42px);line-height:1.1}.hl-onboard-intro p{max-width:60ch;color:var(--color-text-body);margin:0;font-size:14px;line-height:1.7}.hl-onboard-meta{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.hl-onboard-meta span{min-height:34px;color:var(--color-text-heading-muted);background:#ffffffe6;border:1px solid #dce5f7;border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 10px 20px #1b4de40f}.hl-onboard-exam{background:linear-gradient(100deg,#eef3ff,#f8faff);border:1px solid #c8d7ff;border-radius:18px;align-items:center;gap:13px;margin-bottom:24px;padding:16px 18px;display:flex;box-shadow:0 10px 22px #1b4de412}.hl-onboard-exam>div{flex-direction:column;flex:1;gap:4px;display:flex}.hl-onboard-exam small{color:var(--color-text-body);text-transform:uppercase;letter-spacing:.8px;font-size:11px}.hl-onboard-exam strong{color:var(--color-text-heading);font-size:14px;line-height:1.4}.hl-onboard-exam>svg{color:var(--color-primary)}.hl-onboard-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));width:44px;height:44px;color:var(--color-surface);border-radius:14px;place-items:center;display:grid;box-shadow:0 12px 22px #1b4de438}.hl-onboard-grid{grid-template-columns:1fr 1fr;gap:24px 20px;display:grid}.hl-onboard-field{flex-direction:column;min-width:0;display:flex;position:relative}.hl-onboard-label{color:var(--color-text-emphasis);align-items:center;gap:7px;margin-bottom:9px;font-size:13px;font-weight:800;display:flex}.hl-onboard-label svg{color:var(--color-primary)}.hl-onboard-label strong{color:var(--color-primary);letter-spacing:.3px;margin-left:auto;font-size:11px;font-weight:900}.hl-onboard-search{color:#8994b0;background:#fffffff2;border:1.5px solid #dce5f7;border-radius:15px;align-items:center;gap:9px;height:52px;padding:0 14px;transition:border .2s,box-shadow .2s,transform .2s;display:flex}.hl-onboard-dropdown-value{color:#8994b0;align-items:center;gap:9px;min-width:0;display:flex}.hl-onboard-dropdown-value>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-heading);font-size:13px;overflow:hidden}.hl-onboard-search:focus-within{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 0 0 4px #1b4de41a}.hl-onboard-search input{width:100%;min-width:0;color:var(--color-text-heading);font:inherit;background:0 0;border:0;outline:0;font-size:13px}.hl-onboard-search input::placeholder{color:#aab2c8}.hl-onboard-search>svg:last-child{transition:transform .2s}.hl-onboard-search>svg:last-child.is-open{transform:rotate(180deg)}.hl-onboard-search.has-error,.hl-onboard-search[aria-invalid=true]{border-color:var(--color-danger)}.hl-onboard-options{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #dde5f7;border-radius:16px;flex-direction:column;max-height:245px;padding:8px;display:flex;position:absolute;top:78px;left:0;right:0;overflow-y:auto;box-shadow:0 22px 42px #11183a24}.hl-onboard-options button{text-align:left;color:var(--color-text-emphasis);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:11px 12px;font-size:12.5px;line-height:1.35}.hl-onboard-options button:hover{color:var(--color-primary);background:#eef3ff}.hl-onboard-options small{color:#8791ae;padding:10px 12px;font-size:12px}.hl-onboard-major-wrap{min-width:0}.hl-onboard-other-major{color:var(--color-text-body);flex-direction:column;gap:7px;margin-top:10px;font-size:11px;font-weight:700;display:flex}.hl-onboard-other-major input{height:44px;color:var(--color-text-heading);font:inherit;background:#fffffff2;border:1.5px solid #dce5f7;border-radius:11px;outline:0;padding:0 13px;font-size:13px}.hl-onboard-other-major input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #1b4de41a}.hl-onboard-other-major input::placeholder{color:#aab2c8}.hl-score-field{background:linear-gradient(#fffffff2,#f7fafff5);border:1px solid #e2e9f9;border-radius:18px;grid-column:1/-1;align-self:start;padding:18px;box-shadow:0 14px 30px #11183a0d}.hl-score-value{align-items:baseline;gap:7px;margin:1px 0 10px;display:flex}.hl-score-value strong{color:var(--color-primary);font-size:30px;line-height:1}.hl-score-value span{color:#8791ae;font-size:12px}.hl-score-range{width:100%;accent-color:var(--color-primary);cursor:pointer}.hl-score-input{color:#8791ae;align-items:center;gap:7px;margin-top:10px;font-size:12px;display:flex}.hl-score-input input{width:88px;color:var(--color-text-heading);font:inherit;background:var(--color-surface);border:1px solid #dfe6f7;border-radius:10px;outline:0;padding:7px 9px}.hl-score-input input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #1b4de41a}.hl-onboard-hint{color:#8791ae;margin:-3px 0 10px;font-size:11px}.hl-onboard-subject-groups{flex-direction:column;gap:12px;display:flex}.hl-onboard-subject-group{background:#fafcffcc;border:1px solid #e6ecf9;border-radius:15px;padding:12px}.hl-onboard-subject-group:first-child{background:linear-gradient(135deg,#f3f6ff,#fbfcff);border-color:#c8d7ff}.hl-onboard-subject-group-heading{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px;display:flex}.hl-onboard-subject-group-heading strong{color:var(--color-text-emphasis);font-size:12px}.hl-onboard-subject-group-heading span{color:#9aa4bc;text-align:right;font-size:10px}.hl-onboard-subjects{flex-wrap:wrap;gap:8px;display:flex}.hl-onboard-subjects button{background:var(--color-surface);color:var(--color-text-body);font:inherit;cursor:pointer;border:1px solid #dce5f7;border-radius:999px;align-items:center;gap:5px;padding:10px 13px;font-size:12px;transition:transform .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.hl-onboard-subjects button:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:0 10px 18px #1b4de414}.hl-onboard-subjects button.is-selected{border-color:var(--color-primary);background:linear-gradient(135deg, var(--color-badge-info-bg), #f7f9ff);color:var(--color-primary);font-weight:800;box-shadow:0 8px 16px #1b4de41f}.hl-onboard-subjects button.is-disabled{opacity:.38;cursor:not-allowed;box-shadow:none;transform:none}.hl-onboard-error{color:var(--color-danger);margin-top:7px;font-size:11px}.hl-onboard-actions{border-top:1px solid #eef1f8;justify-content:space-between;align-items:center;gap:18px;margin-top:28px;padding-top:22px;display:flex}.hl-onboard-actions>span{color:#8791ae;align-items:center;gap:8px;font-size:11.5px;display:flex}.hl-onboard-dot{background:#36b37e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #36b37e1f}.hl-onboard-continue{background:var(--color-primary);color:var(--color-surface);font:inherit;cursor:pointer;border:0;border-radius:10px;padding:14px 20px;font-size:14px;font-weight:500;transition:background-color .15s}.hl-onboard-continue span{margin-left:10px;font-size:18px}.hl-onboard-continue:hover{background:var(--color-primary-dark)}.hl-score-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a10236b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.hl-score-modal{text-align:center;background:#fffffffa;border:1px solid #dfe6f7f2;border-radius:24px;width:min(520px,100%);padding:24px 22px 20px;box-shadow:0 28px 70px #09102447}.hl-score-modal-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));width:52px;height:52px;color:var(--color-surface);border-radius:18px;place-items:center;margin:0 auto 14px;font-size:28px;font-weight:900;line-height:1;display:grid;box-shadow:0 14px 24px #1b4de43d}.hl-score-modal h2{color:var(--color-text-heading);letter-spacing:-.4px;margin:0;font-size:22px;line-height:1.2}.hl-score-modal p{color:var(--color-text-body);margin:12px 0 0;font-size:14px;line-height:1.7}.hl-score-modal p strong{color:var(--color-text-heading);font-weight:800}.hl-score-modal-button{background:var(--color-primary);color:var(--color-surface);font:inherit;cursor:pointer;border:0;border-radius:10px;margin-top:18px;padding:12px 18px;font-size:14px;font-weight:500;transition:background-color .15s}.hl-score-modal-button:hover{background:var(--color-primary-dark)}.hl-auth-switch{text-align:center;color:var(--color-text-body);margin:10px 0 0;font-size:12.5px}.hl-auth-switch button{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.hl-auth-art{background:linear-gradient(145deg, var(--color-primary) 0%, var(--color-primary-dark) 65%, #0d247f 100%);height:100%;min-height:0;color:var(--color-surface);position:relative;overflow:hidden}.hl-auth-art:before{content:"";opacity:.13;background-image:linear-gradient(#ffffff40 1px,#0000 1px),linear-gradient(90deg,#ffffff40 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;transform:skewY(-12deg)scale(1.3)}.hl-auth-art-image{z-index:1;object-fit:contain;opacity:.98;width:78%;height:auto;max-height:76%;position:absolute;bottom:0;right:-4%;transform:rotate(-3deg)}.hl-auth-art-copy{z-index:2;padding:86px 12% 0;position:relative}.hl-auth-quote{color:var(--color-accent);font-family:Georgia,serif;font-size:86px;line-height:.45;display:block}.hl-auth-art-copy h2{letter-spacing:-1.5px;margin:20px 0 10px;font-size:clamp(26px,3vw,42px);line-height:1.12}.hl-auth-art-copy p{color:#ffffffc2;max-width:300px;margin:0;font-size:13px;line-height:1.6}.hl-auth-page.is-verification .hl-auth-art-copy{max-width:460px;padding-top:42px}.hl-auth-page.is-verification .hl-auth-heading--compact{width:100%;margin-bottom:6px}.hl-auth-page.is-verification .hl-auth-heading--compact h1{margin-top:0;font-weight:700}.hl-auth-page.is-verification .hl-auth-heading--compact p{width:100%;max-width:none;margin:0}.hl-auth-page.is-verification .hl-auth-art-image{width:64%;max-height:58%;bottom:-9%;right:-8%}.hl-auth-page.is-recovery .hl-auth-art-image{width:68%;max-height:60%;bottom:-8%;right:-9%}@media (width>=900px) and (height<=850px){.hl-auth-page{padding:10px 22px}.hl-auth-back{font-size:12px;top:14px;left:22px}.hl-auth-shell{border-radius:26px;width:min(1080px,100vw - 44px)}.hl-auth-form-panel{padding:14px 32px}.hl-auth-logo{height:40px}.hl-auth-logo>span{transform-origin:0 0;transform:scale(.78)}.hl-auth-form-wrap{width:min(400px,100%)}.hl-auth-heading{margin-bottom:10px}.hl-auth-kicker{letter-spacing:1.2px;font-size:10px}.hl-auth-heading h1{margin:3px 0;font-size:26px}.hl-auth-heading p{font-size:12px;line-height:1.35}.hl-auth-google,.hl-auth-input{height:40px}.hl-auth-google{font-size:12px}.hl-google-mark{font-size:18px}.hl-auth-divider{margin-top:8px}.hl-auth-label{gap:4px;margin-top:6px;font-size:12px}.hl-auth-name-row{gap:9px;margin-top:6px}.hl-auth-input{border-radius:12px;padding:0 13px}.hl-auth-input input{font-size:12.5px}.hl-auth-password-note{margin-top:1px;font-size:10px;line-height:1.25}.hl-auth-error{margin-top:2px;font-size:10px;line-height:1.3}.hl-auth-submit{min-height:42px;margin-top:8px;padding:10px}.hl-auth-switch{margin-top:7px;font-size:12px}.hl-auth-art-copy{padding-top:58px}.hl-auth-quote{font-size:68px}.hl-auth-art-copy h2{margin:16px 0 8px;font-size:clamp(25px,3vw,36px)}.hl-auth-art-copy p{font-size:12px;line-height:1.45}.hl-auth-art-image{width:72%;max-height:70%}.hl-auth-page.is-verification .hl-auth-art-copy{padding-top:34px}.hl-auth-page.is-verification .hl-auth-art-image{width:58%;max-height:52%;bottom:-11%;right:-9%}}.hl-auth-doodle{z-index:2;color:var(--color-accent);filter:drop-shadow(0 13px 14px #0813532e);position:absolute}.hl-doodle-book{color:var(--color-surface);bottom:13%;right:7%;transform:rotate(-12deg)}.hl-doodle-pencil{color:var(--color-accent);bottom:9%;right:34%;transform:rotate(38deg)}.hl-doodle-calc{color:#9fb9ff;bottom:29%;right:42%;transform:rotate(-10deg)}.hl-doodle-notebook{color:var(--color-surface);bottom:41%;right:5%;transform:rotate(12deg)}.hl-auth-spark{z-index:2;color:var(--color-accent);font-size:30px;font-weight:300;position:absolute}.spark-one{top:19%;right:10%}.spark-two{color:var(--color-surface);top:46%;right:45%}.hl-auth-orbit{border:1px solid #ffffff40;border-radius:50%;width:430px;height:230px;position:absolute;bottom:-30px;right:-80px;transform:rotate(-20deg)}.hl-student-shell{min-height:100vh;color:var(--color-text-heading);background:#f7f9ff;grid-template-rows:86px minmax(0,1fr);grid-template-columns:260px minmax(0,1fr);transition:grid-template-columns .25s;display:grid}.hl-student-shell.is-sidebar-collapsed{grid-template-columns:92px minmax(0,1fr)}.hl-student-sidebar{background:#ffffffeb;border-right:1px solid #e2e9f9;flex-direction:column;grid-area:2/1;gap:24px;height:calc(100vh - 86px);padding:30px 18px 24px;display:flex;position:sticky;top:86px;box-shadow:10px 0 34px #11183a0a}.hl-student-sidebar.is-collapsed{align-items:center;padding:30px 14px 20px}.hl-student-sidebar.is-collapsed nav button span{display:none!important}.hl-student-sidebar.is-collapsed nav button{justify-content:center;padding:0}.hl-student-sidebar nav{flex-direction:column;gap:8px;width:100%;display:flex}.hl-student-sidebar nav button{width:100%;min-height:46px;color:var(--color-text-body);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:15px;align-items:center;gap:11px;padding:0 14px;font-size:13px;font-weight:800;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex}.hl-student-sidebar nav button:hover{color:var(--color-primary);background:#f3f6ff;border-color:#dce5f7;transform:translateY(-1px)}.hl-student-sidebar nav button.is-active{background:linear-gradient(135deg, var(--color-badge-info-bg), #f8faff);color:var(--color-primary);border-color:#c8d7ff;box-shadow:0 10px 22px #1b4de414}.hl-student-main{grid-area:2/2;min-width:0;padding:35px}.hl-student-topbar{z-index:60;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);background:#fffffff0;border-bottom:1px solid #e2e9f9;border-radius:0;grid-area:1/1/auto/-1;justify-content:space-between;align-items:center;gap:18px;max-width:none;min-height:64px;margin:0;padding:12px 28px;display:flex;position:sticky;top:0;box-shadow:0 10px 28px #11183a0d}.hl-student-header-left,.hl-student-top-actions{align-items:center;min-width:0;display:flex}.hl-student-header-left{flex-shrink:0;gap:12px}.hl-student-header-logo{cursor:pointer;background:0 0;border:0;padding:0}.hl-student-header-logo img{width:46px!important;height:46px!important;margin-top:-3px!important}.hl-student-kicker{color:var(--color-primary);letter-spacing:1.4px;text-transform:uppercase;align-items:center;font-size:11px;font-weight:900;display:inline-flex}.hl-student-top-actions{flex:1;justify-content:flex-end;gap:14px}.hl-student-icon-button,.hl-student-avatar-button{background:var(--color-surface);width:48px;height:48px;color:var(--color-primary);cursor:pointer;border:1px solid #dfe6f7;border-radius:15px;place-items:center;display:grid;box-shadow:0 10px 22px #11183a0a}.hl-student-icon-button{border:0;flex:none;position:relative}.hl-student-notification{width:42px;height:42px;color:var(--color-text-heading);box-shadow:none;background:#f8faff;border:0;border-radius:50%}.hl-student-notification span{border:2px solid var(--color-surface);background:var(--color-danger);min-width:20px;height:20px;color:var(--color-surface);border-radius:999px;place-items:center;padding:0 5px;font-size:10px;font-weight:900;line-height:1;display:grid;position:absolute;top:-4px;right:-3px}.hl-student-streak{color:#ff8a00;height:42px;box-shadow:none;background:#fff8ec;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.hl-student-streak strong{color:#ff8a00;white-space:nowrap;font-size:14px}.hl-student-profile,.hl-student-notification-wrap{flex:none;position:relative}.hl-student-avatar-button{padding:0;overflow:hidden}.hl-student-avatar-button img{object-fit:cover;width:100%;height:100%}.hl-student-profile-menu{z-index:50;background:var(--color-surface);border:1px solid #dfe6f7;border-radius:16px;flex-direction:column;gap:4px;width:210px;padding:8px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 22px 44px #11183a24}.hl-student-profile-menu button{width:100%;height:40px;color:var(--color-text-emphasis);font:inherit;cursor:pointer;box-shadow:none;background:0 0;border:0;border-radius:11px;justify-content:flex-start;align-items:center;gap:10px;padding:0 11px;font-size:13px;font-weight:800;display:flex}.hl-student-profile-menu button:hover{color:var(--color-primary);background:#eef3ff}.hl-student-notification-menu{z-index:50;background:var(--color-surface);border:1px solid #dfe6f7;border-radius:16px;width:230px;padding:14px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 22px 44px #11183a24}.hl-student-notification-menu strong{color:var(--color-text-heading);font-size:14px;display:block}.hl-student-notification-menu p{color:var(--color-text-body);margin:7px 0 0;font-size:13px;line-height:1.5}.hl-student-toast{z-index:80;background:var(--color-surface);max-width:min(360px,100vw - 32px);color:var(--color-text-emphasis);border:1px solid #c8d7ff;border-radius:14px;padding:12px 14px;font-size:13px;font-weight:800;line-height:1.45;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 40px #11183a29}.hl-student-page{max-width:1280px;margin:0 auto}.hl-dashboard-page{max-width:1540px;padding:14px 18px 40px}.hl-dashboard-page:before{content:"";z-index:0;pointer-events:none;opacity:.42;background-image:radial-gradient(#dce8f7 1.2px,#0000 1.2px);background-size:18px 18px;position:fixed;inset:86px 0 0}.hl-dashboard-page>*{z-index:1;position:relative}.hl-dashboard-welcome{border-bottom:1px solid #e5ecf8;align-items:center;gap:18px;margin:6px 0 28px;padding-bottom:24px;display:flex}.hl-dashboard-welcome img{object-fit:cover;border:4px solid var(--color-surface);background:#1b74f2;border-radius:50%;width:66px;height:66px;box-shadow:0 10px 22px #1b4de41f}.hl-dashboard-welcome h2{color:var(--color-text-heading);margin:0 0 5px;font-size:24px;line-height:1.15}.hl-dashboard-welcome p{color:var(--color-text-body);margin:0;font-size:14px}.hl-dashboard-home-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:40px;display:grid}.hl-dashboard-left,.hl-dashboard-right{flex-direction:column;gap:24px;min-width:0;display:flex}.hl-dashboard-right,.hl-dashboard-profile-card,.hl-dashboard-profile-box{height:100%}.hl-dashboard-goal{background:linear-gradient(180deg, #4d9bff 0%, var(--color-link) 50%, #1048ee 100%);border-radius:18px;padding:20px 16px 1px;position:relative;overflow:visible;box-shadow:0 18px 34px #1b4de429}.hl-dashboard-goal:before{display:none}.hl-dashboard-goal:after{content:"";background:#ffffff2e;border-radius:46%;width:132px;height:132px;position:absolute;top:8px;right:-28px}.hl-dashboard-goal-head{z-index:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:48px;margin-bottom:12px;display:grid;position:relative}.hl-dashboard-goal-title{min-width:0;color:var(--color-surface);align-items:center;gap:8px;font-size:20px;font-weight:800;line-height:1.2;display:inline-flex;transform:translateY(-20px)}.hl-dashboard-goal-title svg{color:#ff9b14;fill:#ff9b14;flex:none;width:16px;height:16px}.hl-dashboard-goal-coach{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.hl-dashboard-goal-bubble{z-index:5;max-width:298px;color:var(--color-surface);background:#191fb6;border-radius:10px;padding:10px 14px;font-size:15px;font-weight:700;line-height:1.35;position:absolute;top:-38px;right:105px;box-shadow:0 8px 18px #1048ee38}.hl-dashboard-goal-head h3{color:var(--color-surface);margin:8px 0 4px;font-size:13px;display:block}.hl-dashboard-goal-head p{color:#ffffffd1;margin:0;font-size:12px;display:block}.hl-dashboard-mascot{z-index:1;width:74px;height:54px;box-shadow:none;background:0 0;border:0;border-radius:0;place-self:start end;place-items:center;display:grid;position:relative}.hl-dashboard-mascot img{filter:drop-shadow(0 16px 18px #11183a2e);width:150px;max-width:none;height:auto;display:block;transform:translate(-42px,-72px)}.hl-dashboard-goal-box{z-index:2;background:var(--color-surface);border-radius:14px;padding:10px 14px 14px;position:relative;transform:translateY(-35px)}.hl-dashboard-goal-action{z-index:1;background:var(--color-surface);border:2px solid #0b74ff;border-radius:14px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:0;padding:12px;display:grid;position:relative}.hl-dashboard-goal-action>span{width:34px;height:34px;color:var(--color-primary);border:1.5px dashed #aab6c8;border-radius:50%;place-items:center;display:grid}.hl-dashboard-goal-action strong{color:var(--color-text-heading);font-size:15px;font-weight:800;line-height:1.3;display:block}.hl-dashboard-goal-action p{color:var(--color-text-body);margin:4px 0 0;font-size:12px;line-height:1.45}.hl-dashboard-goal-action button,.hl-dashboard-study-plan button,.hl-dashboard-recent button{background:var(--color-link);color:var(--color-surface);font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:12px;font-weight:800;display:inline-flex}.hl-dashboard-locked{z-index:1;color:#98a4b8;align-items:center;gap:8px;margin:10px 2px 0 4px;font-size:12px;line-height:1.4;display:flex;position:relative}.hl-dashboard-section h3,.hl-dashboard-profile-head h3,.hl-dashboard-frequency-card h3{color:var(--color-text-dark);margin:0;font-size:20px;font-weight:800;line-height:1.2}.hl-dashboard-recent{background:#ffffffeb;border:1px solid #e0e7f3;border-radius:16px;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:16px;padding:18px;display:grid}.hl-dashboard-lesson-badge{color:#24b862;text-align:center;border:4px solid #2fc66f;border-radius:20px;align-content:center;place-items:center;width:64px;height:72px;font-weight:900;display:grid}.hl-dashboard-lesson-badge strong{font-size:26px;line-height:1}.hl-dashboard-lesson-badge span{color:var(--color-surface);text-transform:uppercase;background:#2fc66f;border-radius:6px;margin-top:3px;padding:3px 6px;font-size:9px}.hl-dashboard-recent>div:nth-child(2)>strong{color:var(--color-text-heading);font-size:16px;font-weight:800;display:block}.hl-dashboard-recent p{color:var(--color-text-body);align-items:center;gap:8px;margin:8px 0 0;font-size:13px;display:flex}.hl-dashboard-recent p svg{color:var(--color-accent);fill:var(--color-accent)}.hl-dashboard-recent button{color:#08a246;box-shadow:none;background:0 0;padding:0}.hl-dashboard-study-plan{background:#ffffffb8;border:1px solid #e0e7f3;border-radius:16px;margin-top:16px;padding:18px}.hl-dashboard-study-plan p{max-width:760px;color:var(--color-text-secondary);margin:0 0 14px;font-size:14px;line-height:1.55}.hl-dashboard-course-list{grid-template-columns:repeat(var(--hl-dashboard-visible-cards,3), minmax(0, 1fr));gap:18px;margin-top:16px;display:grid}.hl-dashboard-mini-course{background:var(--color-surface);min-width:0;height:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;border:1px solid #e0e7f3;border-radius:14px;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.hl-dashboard-mini-course:hover{border-color:#bfd1ff;transform:translateY(-2px);box-shadow:0 16px 30px #1b4de41a}.hl-dashboard-course-cover{min-height:142px;color:var(--color-surface);background:linear-gradient(135deg,#0049d8,#0878ff);padding:22px;position:relative;overflow:hidden}.hl-dashboard-course-cover:after{content:"";border:2px solid #ffffff6b;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-42px;right:-28px}.hl-dashboard-course-cover span,.hl-dashboard-course-cover strong{z-index:1;text-transform:uppercase;max-width:145px;display:block;position:relative}.hl-dashboard-course-cover span{margin-bottom:5px;font-size:12px;font-weight:800}.hl-dashboard-course-cover strong{font-size:15px;line-height:1.22}.hl-dashboard-course-cover svg{z-index:1;position:absolute;top:34px;right:28px}.hl-dashboard-mini-course-body{flex-direction:column;flex:1;padding:16px;display:flex}.hl-dashboard-mini-course-body h4{color:var(--color-text-heading);margin:0 0 20px;font-size:15px;font-weight:800;line-height:1.35}.hl-dashboard-mini-course-body div{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;font-size:13px;font-weight:700;display:flex}.hl-dashboard-mini-course-body div>span{min-width:0}.hl-dashboard-mini-course-body strong{color:var(--color-text-body);align-items:center;gap:5px;display:inline-flex}.hl-dashboard-mini-course-body svg{color:var(--color-accent);fill:var(--color-accent)}.hl-dashboard-section-row,.hl-dashboard-profile-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.hl-dashboard-section-row h3{min-width:0;font-weight:800}.hl-dashboard-section-actions{justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:inline-flex}.hl-dashboard-carousel-controls{align-items:center;gap:6px;display:inline-flex}.hl-dashboard-carousel-button{background:var(--color-surface);width:36px;height:36px;color:var(--color-link);border:1px solid #d9e4f4;border-radius:10px;place-items:center;display:grid;box-shadow:0 8px 18px #11183a0a}.hl-dashboard-carousel-button:not(:disabled):hover{background:#f5f8ff;border-color:#bfd1ff;transform:translateY(-1px)}.hl-dashboard-carousel-button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.hl-dashboard-section-row>button,.hl-dashboard-section-actions>button:not(.hl-dashboard-carousel-button),.hl-dashboard-profile-head button{color:var(--color-text-body);font:inherit;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:800}.hl-dashboard-section-row>button:hover,.hl-dashboard-section-actions>button:not(.hl-dashboard-carousel-button):hover,.hl-dashboard-profile-head button:hover{color:var(--color-link)}.hl-dashboard-test-list{grid-template-columns:repeat(var(--hl-dashboard-visible-cards,4), minmax(0, 1fr));gap:18px;margin-top:16px;display:grid}.hl-dashboard-course-list,.hl-dashboard-test-list{overflow:hidden}.hl-dashboard-test-card{min-width:0;color:inherit;cursor:pointer;font:inherit;text-align:left;background:#ffffffdb;border:1px solid #e0e7f3;border-radius:14px;flex-direction:column;padding:16px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.hl-dashboard-test-card:hover{border-color:#bfd1ff;transform:translateY(-2px);box-shadow:0 16px 30px #1b4de41a}.hl-dashboard-test-cover{width:100%;height:116px;color:var(--color-surface);text-align:center;background:linear-gradient(160deg,#111,#ff4b18 70%,#ff9518);border-radius:8px;flex-direction:column;justify-content:flex-start;gap:10px;margin:0 0 14px;padding:14px;display:flex}.hl-dashboard-test-cover.is-pink{background:linear-gradient(160deg,#141414,#d72e72 70%,#ff7aae)}.hl-dashboard-test-cover.is-rose{background:linear-gradient(160deg,#141414,#ca2f69 70%,#f66b98)}.hl-dashboard-test-cover.is-blue{background:linear-gradient(160deg, var(--color-primary-dark), var(--color-link) 72%, #5dbbff)}.hl-dashboard-test-cover.is-green{background:linear-gradient(160deg,#0f3e3b,#18a86d 72%,#74d99f)}.hl-dashboard-test-cover small{font-weight:800}.hl-dashboard-test-cover strong{margin-top:4px;font-size:15px;line-height:1.2}.hl-dashboard-test-card h4{color:var(--color-text-dark);margin:0 0 8px;font-size:15px;font-weight:800;line-height:1.35}.hl-dashboard-test-card p{color:var(--color-text-body);margin:0 0 14px;font-size:13px}.hl-dashboard-test-meta{justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-top:auto;display:flex}.hl-dashboard-test-meta span{color:var(--color-danger);white-space:nowrap;background:#ffecef;border-radius:999px;flex:none;padding:5px 12px;font-size:11px;font-weight:800;line-height:1.1}.hl-dashboard-test-meta small{min-width:0;color:var(--color-primary);text-align:right;font-size:13px;font-weight:800;line-height:1.25}.hl-dashboard-test-status{color:var(--color-text-body);margin-top:8px;font-size:12px;font-weight:700;line-height:1.35;display:block}.hl-dashboard-profile-card{flex-direction:column;gap:14px;display:flex}.hl-dashboard-profile-box,.hl-dashboard-frequency-card,.hl-dashboard-stat-stack article{background:#ffffffe0;border:1px solid #e0e7f3;border-radius:16px;box-shadow:0 12px 26px #11183a0a}.hl-dashboard-profile-box{background:linear-gradient(#fffffff5,#f8fbffe6);flex-direction:column;gap:18px;padding:18px;display:flex;position:relative;overflow:hidden}.hl-dashboard-profile-box:before{content:"";opacity:.45;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#0000 0 95%,#1b74f214 95% 100%),linear-gradient(#0000 0 95%,#1b74f214 95% 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:20px;position:absolute;inset:12px}.hl-dashboard-profile-box>*{z-index:1;position:relative}.hl-dashboard-profile-box h4{color:var(--color-text-dark);margin:0;font-size:15px;font-weight:800;line-height:1.35}.hl-dashboard-competency-section{flex-direction:column;flex:auto;gap:14px;min-height:0;display:flex}.hl-dashboard-competency-list{flex-direction:column;flex:auto;justify-content:space-evenly;gap:18px;min-height:0;display:flex}.hl-dashboard-level{margin:0}.hl-dashboard-level>strong{color:var(--color-text-dark);font-size:13px;font-weight:800;display:block}.hl-dashboard-level-line{justify-content:space-between;margin:16px 4px 10px;display:flex;position:relative}.hl-dashboard-level-line:before{content:"";border-top:1px dashed #aed3ff;position:absolute;top:7px;left:10px;right:10px}.hl-dashboard-level-line span{z-index:1;background:var(--color-surface);border:3px solid #0b74ff;border-radius:50%;width:12px;height:12px;position:relative}.hl-dashboard-level-values{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hl-dashboard-level-values span{color:var(--color-text-heading);font-size:17px;font-weight:800}.hl-dashboard-level-values small{color:var(--color-text-faint);margin-bottom:7px;font-size:11px;font-weight:700;display:block}.hl-dashboard-summary-list{border-top:1px solid #e5ecf8;flex:none;margin-top:2px;padding-top:16px}.hl-dashboard-summary-list>strong{color:var(--color-text-dark);margin-bottom:14px;font-size:15px;font-weight:800;display:block}.hl-dashboard-summary-list p{color:var(--color-text-body);align-items:center;gap:9px;margin:10px 0;font-size:13px;display:flex}.hl-dashboard-summary-list b{color:var(--color-link);margin-left:auto}.hl-dashboard-summary-list svg:first-child{color:#1b74f2}.hl-dashboard-stat-stack{flex-direction:column;gap:16px;display:flex}.hl-dashboard-stat-stack article{grid-template-columns:66px minmax(0,1fr);align-items:center;gap:16px;min-height:126px;padding:22px;display:grid}.hl-dashboard-stat-stack article>svg{width:54px;height:54px;color:var(--color-link);background:#e7f3ff;border-radius:50%;grid-row:span 2;padding:14px}.hl-dashboard-stat-stack article:nth-child(2)>svg{color:#f4a93c;background:#fff4df}.hl-dashboard-stat-stack article:nth-child(3)>svg{color:var(--color-danger);background:#ffe7ec}.hl-dashboard-stat-stack article:nth-child(4)>svg{color:#19b75f;background:#e5f9ec}.hl-dashboard-stat-stack span{color:var(--color-text-dark);align-items:center;gap:6px;font-size:14px;font-weight:800;display:flex}.hl-dashboard-stat-stack strong{color:var(--color-link);font-size:24px}.hl-dashboard-stat-stack article:nth-child(2) strong{color:#f08a00}.hl-dashboard-stat-stack article:nth-child(3) strong{color:var(--color-danger)}.hl-dashboard-stat-stack article:nth-child(4) strong{color:#16af58}.hl-dashboard-frequency,.hl-dashboard-practice-section{margin-top:28px}.hl-dashboard-tabs{z-index:2;justify-content:center;margin-bottom:-24px;display:flex;position:relative}.hl-dashboard-tabs button{background:var(--color-surface);color:var(--color-text-faint);font:inherit;cursor:pointer;border:0;padding:14px 20px;font-size:14px;font-weight:800}.hl-dashboard-tabs button:first-child{border-radius:999px 0 0 999px}.hl-dashboard-tabs button:last-child{border-radius:0 999px 999px 0}.hl-dashboard-tabs button.is-active{background:var(--color-link);color:var(--color-surface);border-radius:999px;margin:0 -2px}.hl-dashboard-tab-note{color:var(--color-text-body);margin:0 0 16px;font-size:13px;font-weight:700}.hl-dashboard-frequency-card{padding:34px 24px 22px}.hl-dashboard-legend{color:var(--color-text-body);flex-wrap:wrap;gap:18px;font-size:13px;display:flex}.hl-dashboard-legend span{align-items:center;gap:7px;display:inline-flex}.hl-dashboard-legend i{background:#d9e1ef;border-radius:4px;width:13px;height:13px}.hl-dashboard-legend span:nth-child(2) i{background:#edf5ff;border:1px solid #cfe4fa}.hl-dashboard-legend span:nth-child(3) i{background:#cce8ff}.hl-dashboard-legend span:nth-child(4) i{background:var(--color-link)}.hl-dashboard-months{color:#53617d;grid-template-columns:repeat(4,1fr);margin:32px 0 12px 76px;font-size:15px;display:grid}.hl-dashboard-heatmap{grid-template-columns:72px minmax(0,1fr);gap:10px;display:grid}.hl-dashboard-days{color:#53617d;grid-template-rows:repeat(8,38px);align-items:center;font-size:15px;display:grid}.hl-dashboard-days strong{color:var(--color-text-dark);font-size:15px;line-height:1.2}.hl-dashboard-cells{overflow-x:auto}.hl-dashboard-cells>div{grid-template-columns:repeat(15,minmax(46px,1fr));gap:6px;margin-bottom:6px;display:grid}.hl-dashboard-cells span{background:#f4f6f9;border-radius:8px;min-width:46px;height:38px}.hl-dashboard-cells span.is-active{border:1.5px solid var(--color-link);background:#f8fbff}.hl-dashboard-cells .hl-dashboard-totals span{color:#53617d;background:0 0;place-items:center;font-size:15px;display:grid}.hl-profile-page{max-width:1540px;color:var(--color-text-heading);padding:14px 18px 44px}.hl-profile-header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px;display:flex}.hl-profile-header h1{color:var(--color-text-heading);margin:0 0 7px;font-size:28px;font-weight:900;line-height:1.15}.hl-profile-header p{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.55}.hl-profile-summary{background:linear-gradient(110deg, var(--color-surface) 0%, #f5f9ff 62%, #fff8e8 100%);border:1px solid #dce7f7;border-radius:18px;grid-template-columns:minmax(0,1fr) auto 112px;align-items:center;gap:22px;min-height:148px;padding:22px 26px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 34px #11183a0f}.hl-profile-summary span{color:var(--color-primary);margin-bottom:8px;font-size:13px;font-weight:900;display:block}.hl-profile-summary h2{color:var(--color-text-heading);margin:0 0 8px;font-size:22px;font-weight:900;line-height:1.2}.hl-profile-summary p{max-width:620px;color:var(--color-text-body);margin:0;font-size:13px;line-height:1.65}.hl-profile-summary img{object-fit:contain;width:104px;height:104px}.hl-profile-target{flex-direction:column;align-items:flex-start;gap:7px;min-width:156px;display:flex}.hl-profile-target small{color:var(--color-text-secondary);font-size:12px;font-weight:800}.hl-profile-target strong{color:var(--color-primary);font-size:25px;font-weight:900;line-height:1}.hl-profile-target strong span{color:var(--color-text-faint);margin:0;font-size:12px;font-weight:800;display:inline}.hl-profile-target button,.hl-profile-section-heading button{background:var(--color-surface);min-height:34px;color:var(--color-primary);font:inherit;cursor:pointer;border:1px solid #c8d7ff;border-radius:10px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:900;transition:border-color .2s,background .2s,transform .2s;display:inline-flex}.hl-profile-target button:hover,.hl-profile-section-heading button:hover{border-color:var(--color-primary);background:#f4f8ff;transform:translateY(-1px)}.hl-profile-tabs{background:var(--color-surface);border:1px solid #dce7f7;border-radius:14px;gap:6px;margin:18px 0;padding:5px;display:inline-flex;box-shadow:0 10px 22px #11183a0a}.hl-profile-tabs button{min-height:38px;color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 18px;font-size:13px;font-weight:900}.hl-profile-tabs button.is-active{background:var(--color-primary);color:var(--color-surface);box-shadow:0 8px 18px #1b4de42e}.hl-profile-tab-panel{flex-direction:column;gap:18px;display:flex}.hl-profile-card{background:#ffffffeb;border:1px solid #e0e7f3;border-radius:16px;min-width:0;box-shadow:0 12px 26px #11183a0b}.hl-profile-tab-panel>.hl-profile-card{padding:20px}.hl-profile-section-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.hl-profile-section-heading h2{color:var(--color-text-dark);margin:0;font-size:17px;font-weight:900;line-height:1.25}.hl-profile-section-heading p{color:var(--color-text-faint);margin:5px 0 0;font-size:13px;line-height:1.5}.hl-profile-progress{background:#e7eef9;border-radius:999px;width:100%;height:8px;overflow:hidden}.hl-profile-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-sky));height:100%;display:block}.hl-profile-trend{color:var(--color-success);align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.hl-profile-trend.is-down{color:var(--color-danger)}.hl-profile-metric-card{background:var(--color-surface);border:1px solid #e2e9f9;border-radius:14px;flex-direction:column;justify-content:center;gap:6px;min-width:0;min-height:102px;padding:16px;display:flex}.hl-profile-metric-card svg{color:var(--color-primary)}.hl-profile-metric-card span,.hl-profile-metric-card small{color:var(--color-text-secondary);font-size:12px;font-weight:800;line-height:1.35}.hl-profile-metric-card strong{color:var(--color-text-heading);font-size:21px;font-weight:900;line-height:1.1}.hl-profile-score-overview{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:20px;padding:22px;display:grid}.hl-profile-score-label{color:var(--color-text-secondary);font-size:13px;font-weight:800}.hl-profile-main-score{align-items:flex-end;gap:8px;margin:8px 0 16px;display:flex}.hl-profile-main-score strong{color:var(--color-primary);font-size:46px;font-weight:900;line-height:.95}.hl-profile-main-score span{color:var(--color-text-faint);font-size:14px;font-weight:800}.hl-profile-score-facts,.hl-profile-chart-metrics,.hl-profile-metric-grid,.hl-profile-component-grid,.hl-profile-accuracy-grid{gap:14px;display:grid}.hl-profile-score-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.hl-profile-component-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hl-profile-component-card{flex-direction:column;gap:12px;min-height:224px;padding:18px;display:flex}.hl-profile-component-top{align-items:center;gap:10px;display:flex}.hl-profile-component-top span{width:36px;height:36px;color:var(--color-primary);background:#eaf1ff;border-radius:12px;place-items:center;display:grid}.hl-profile-component-top strong{color:var(--color-text-dark);font-size:14px;font-weight:900;line-height:1.25}.hl-profile-component-card.is-amber .hl-profile-component-top span{background:var(--color-badge-warning-bg);color:var(--color-warning)}.hl-profile-component-card.is-green .hl-profile-component-top span{color:var(--color-success);background:#e6f7ed}.hl-profile-component-card.is-violet .hl-profile-component-top span{color:var(--color-violet);background:#f1ecff}.hl-profile-component-score{align-items:baseline;gap:5px;display:flex}.hl-profile-component-score b{color:var(--color-text-heading);font-size:31px;font-weight:900;line-height:1}.hl-profile-component-score small{color:var(--color-text-faint);font-size:12px;font-weight:800}.hl-profile-component-meta,.hl-profile-skill-breakdown p,.hl-profile-course-list p,.hl-profile-ranked-list li{justify-content:space-between;align-items:center;gap:12px;display:flex}.hl-profile-component-meta{color:var(--color-text-secondary);font-size:12px;font-weight:800}.hl-profile-component-meta strong,.hl-profile-skill-breakdown b{color:var(--color-primary)}.hl-profile-skill-breakdown{border-top:1px solid #e7eef9;flex-direction:column;gap:7px;padding-top:10px;display:flex}.hl-profile-skill-breakdown p{color:var(--color-text-secondary);margin:0;font-size:12px;font-weight:800;line-height:1.4}.hl-profile-chart-card{padding:20px}.hl-profile-chart-wrap{width:100%;overflow:hidden}.hl-profile-chart-wrap svg{width:100%;height:245px;display:block}.hl-profile-grid-line{stroke:#e5ecf8;stroke-width:1px}.hl-profile-target-line{stroke:#f4a93c;stroke-width:1.5px;stroke-dasharray:7 6}.hl-profile-line{fill:none;stroke:var(--color-primary);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.hl-profile-line.is-component{stroke:var(--color-success)}.hl-profile-point{fill:var(--color-surface);stroke:var(--color-primary);stroke-width:3px}.hl-profile-chart-label{fill:var(--color-text-secondary);font-size:12px;font-weight:800}.hl-profile-chart-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.hl-profile-two-column,.hl-profile-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.hl-profile-two-column .hl-profile-card{padding:20px}.hl-profile-insight-list{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.hl-profile-insight-list li{color:var(--color-text-emphasis);align-items:flex-start;gap:9px;font-size:13px;font-weight:800;line-height:1.5;display:flex}.hl-profile-insight-list svg{color:var(--color-success);flex:none;margin-top:2px}.hl-profile-insight-list.is-warning svg{color:var(--color-warning-dark)}.hl-profile-heatmap-card{padding:20px}.hl-profile-legend{color:var(--color-text-secondary);flex-wrap:wrap;gap:13px;font-size:12px;font-weight:800;display:flex}.hl-profile-legend span,.hl-profile-course-legend span{align-items:center;gap:7px;display:inline-flex}.hl-profile-legend i,.hl-profile-course-legend i{background:#d9e1ef;border-radius:4px;width:12px;height:12px}.hl-profile-legend span:nth-child(2) i{background:#dceeff}.hl-profile-legend span:nth-child(3) i{background:#9dd3ff}.hl-profile-legend span:nth-child(4) i{background:var(--color-primary)}.hl-profile-months{color:var(--color-text-secondary);grid-template-columns:repeat(4,1fr);margin:20px 0 10px 48px;font-size:12px;font-weight:800;display:grid}.hl-profile-heatmap{grid-template-columns:40px minmax(0,1fr);gap:8px;display:grid;overflow:hidden}.hl-profile-days{color:var(--color-text-secondary);grid-template-rows:repeat(7,22px);gap:5px;font-size:11px;font-weight:800;display:grid}.hl-profile-cells{min-width:0;overflow-x:auto}.hl-profile-cells>div{grid-template-columns:repeat(15,minmax(22px,1fr));gap:5px;margin-bottom:5px;display:grid}.hl-profile-cells span{background:#f0f3f8;border-radius:6px;min-width:22px;height:22px}.hl-profile-cells span.is-level-1{background:#dceeff}.hl-profile-cells span.is-level-2{background:#9dd3ff}.hl-profile-cells span.is-level-3{background:var(--color-primary)}.hl-profile-learning-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.hl-profile-course-card{padding:20px;position:relative;overflow:hidden}.hl-profile-course-card:before{content:"";pointer-events:none;background-image:linear-gradient(#1b4de40e 1px,#0000 1px),linear-gradient(90deg,#1b4de40e 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.hl-profile-course-card>*{z-index:1;position:relative}.hl-profile-course-content{grid-template-columns:148px minmax(150px,.45fr) minmax(0,1fr);align-items:center;gap:20px;display:grid}.hl-profile-donut{background:radial-gradient(circle at center, var(--color-surface) 0 54%, transparent 55%), conic-gradient(var(--color-primary) var(--hl-profile-progress), #e5ecf8 0);border-radius:50%;align-content:center;place-items:center;width:132px;height:132px;display:grid}.hl-profile-donut strong{color:var(--color-text-heading);font-size:28px;font-weight:900}.hl-profile-donut span{color:var(--color-text-secondary);font-size:11px;font-weight:800}.hl-profile-course-legend{color:var(--color-text-secondary);flex-direction:column;gap:10px;font-size:12px;font-weight:800;display:flex}.hl-profile-course-legend span:nth-child(2) i{background:var(--color-primary)}.hl-profile-course-legend span:nth-child(3) i{background:var(--color-success)}.hl-profile-course-list{flex-direction:column;gap:13px;display:flex}.hl-profile-course-list>strong{color:var(--color-text-dark);font-size:14px;font-weight:900}.hl-profile-course-list p{color:var(--color-text-emphasis);margin:0 0 8px;font-size:12px;font-weight:800;line-height:1.4}.hl-profile-course-list p span{min-width:0}.hl-profile-course-list p b{color:var(--color-primary)}.hl-profile-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hl-profile-learning-metric-card{text-align:left;justify-content:space-between;align-items:flex-start;gap:9px;min-height:132px;box-shadow:0 12px 28px #11183a0e}.hl-profile-learning-metric-icon{width:38px;height:38px;color:var(--color-primary);background:#eaf1ff;border-radius:13px;place-items:center;display:grid}.hl-profile-learning-metric-icon svg,.hl-profile-practice-metric-icon svg{color:currentColor}.hl-profile-learning-metric-card.is-amber .hl-profile-learning-metric-icon{background:var(--color-badge-warning-bg);color:var(--color-warning)}.hl-profile-learning-metric-card.is-green .hl-profile-learning-metric-icon{color:var(--color-success);background:#e6f7ed}.hl-profile-learning-metric-card.is-violet .hl-profile-learning-metric-icon{color:var(--color-violet);background:#f1ecff}.hl-profile-learning-metric-card>span:not(.hl-profile-learning-metric-icon){min-height:32px}.hl-profile-practice-metric-card{text-align:left;justify-content:space-between;align-items:flex-start;gap:9px;min-height:132px;box-shadow:0 12px 28px #11183a0e}.hl-profile-practice-metric-icon{width:38px;height:38px;color:var(--color-primary);background:#eaf1ff;border-radius:13px;place-items:center;display:grid}.hl-profile-practice-metric-card.is-amber .hl-profile-practice-metric-icon{background:var(--color-badge-warning-bg);color:var(--color-warning)}.hl-profile-practice-metric-card.is-green .hl-profile-practice-metric-icon{color:var(--color-success);background:#e6f7ed}.hl-profile-practice-metric-card.is-violet .hl-profile-practice-metric-icon{color:var(--color-violet);background:#f1ecff}.hl-profile-practice-metric-card>span:not(.hl-profile-practice-metric-icon){min-height:32px}.hl-profile-metric-grid.is-four,.hl-profile-accuracy-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hl-profile-practice-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.hl-profile-practice-chart-grid .hl-profile-chart-card{height:100%}.hl-profile-learning-section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.hl-profile-learning-section-head .hl-profile-section-heading{margin-bottom:0}.hl-profile-accuracy-card{flex-direction:column;gap:10px;min-height:156px;padding:18px;display:flex}.hl-profile-accuracy-top{align-items:center;gap:10px;display:flex}.hl-profile-subject-badge{width:36px;height:36px;color:var(--color-primary);background:#eaf1ff;border-radius:12px;flex:none;place-items:center;display:grid}.hl-profile-accuracy-card.is-amber .hl-profile-subject-badge{background:var(--color-badge-warning-bg);color:var(--color-warning)}.hl-profile-accuracy-card.is-green .hl-profile-subject-badge{color:var(--color-success);background:#e6f7ed}.hl-profile-accuracy-card.is-violet .hl-profile-subject-badge{color:var(--color-violet);background:#f1ecff}.hl-profile-accuracy-top>span:last-child{color:var(--color-text-dark);font-size:13px;font-weight:900;line-height:1.25}.hl-profile-accuracy-card strong{color:var(--color-primary);font-size:30px;font-weight:900;line-height:1}.hl-profile-timeline{flex-direction:column;gap:14px;display:flex}.hl-profile-history-card{padding:20px}.hl-profile-history-card .hl-profile-section-heading{z-index:1;background:var(--color-surface);border-bottom:1px solid #e5ecf8;margin-bottom:12px;padding-bottom:12px;position:relative}.hl-profile-timeline.is-scrollable{scrollbar-width:thin;scrollbar-color:#afc3ea #eef4ff;max-height:300px;padding-right:8px;overflow-y:auto}.hl-profile-timeline.is-scrollable::-webkit-scrollbar{width:8px}.hl-profile-timeline.is-scrollable::-webkit-scrollbar-track{background:#eef4ff;border-radius:999px}.hl-profile-timeline.is-scrollable::-webkit-scrollbar-thumb{background:#afc3ea;border:2px solid #eef4ff;border-radius:999px}.hl-profile-timeline>div{grid-template-columns:58px 12px minmax(0,1fr);align-items:start;gap:13px;display:grid}.hl-profile-timeline time{color:var(--color-text-secondary);font-size:12px;font-weight:900}.hl-profile-timeline>div>span{border:3px solid var(--color-primary);background:var(--color-surface);border-radius:50%;width:12px;height:12px;margin-top:3px}.hl-profile-timeline p{flex-direction:column;gap:3px;margin:0;display:flex}.hl-profile-timeline strong{color:var(--color-text-dark);font-size:13px;font-weight:900}.hl-profile-timeline small{color:var(--color-text-secondary);font-size:12px;font-weight:700}.hl-profile-filter-row,.hl-profile-toggle-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.hl-profile-filter-row button{background:var(--color-surface);min-height:34px;color:var(--color-text-secondary);font:inherit;cursor:pointer;border:1px solid #d9e4f4;border-radius:999px;padding:0 13px;font-size:12px;font-weight:900}.hl-profile-filter-row button.is-active{border-color:var(--color-primary);color:var(--color-primary);background:#eaf1ff}.hl-profile-toggle-row label{background:var(--color-surface);min-height:34px;color:var(--color-text-emphasis);cursor:pointer;border:1px solid #d9e4f4;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.hl-profile-toggle-row input{width:14px;height:14px;accent-color:var(--color-primary)}.hl-profile-ranked-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style-position:inside;display:flex}.hl-profile-ranked-list li{color:var(--color-text-emphasis);background:#f8faff;border:1px solid #e2e9f9;border-radius:12px;padding:13px 14px;font-size:13px;font-weight:900}.hl-profile-ranked-list b{color:var(--color-danger)}.hl-profile-page{padding-top:10px}.hl-profile-header{margin-bottom:14px}.hl-profile-header h1{font-size:30px;font-weight:900}.hl-profile-hero{background:linear-gradient(#1b4de40d 1px,#0000 1px) 0 0/64px 64px,linear-gradient(90deg,#1b4de40d 1px,#0000 1px) 0 0/64px 64px,radial-gradient(circle at 88% 12%,#fbc34f38,#0000 24%),linear-gradient(135deg,#eaf7ff 0%,#f3f8ff 100%);border:1px solid #cde9ff;border-radius:26px;margin-bottom:14px;padding:18px 20px 20px;position:relative;overflow:hidden;box-shadow:0 14px 34px #11183a0f}.hl-profile-hero-header{z-index:1;justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.hl-profile-hero-user{align-items:center;gap:14px;min-width:0;display:flex}.hl-profile-hero-avatar{object-fit:contain;filter:drop-shadow(0 12px 18px #1b4de424);flex:none;width:76px;height:76px}.hl-profile-hero-content{min-width:0}.hl-profile-hero-content h2{color:var(--color-text-heading);margin:0 0 4px;font-size:24px;font-weight:900;line-height:1.2}.hl-profile-hero-content h2 span{color:var(--color-primary)}.hl-profile-hero-content p{color:#42506f;max-width:560px;margin:0;font-size:13px;font-weight:750;line-height:1.55}.hl-profile-hero-exam{flex-wrap:wrap;align-items:center;gap:7px 12px;margin-top:8px;display:flex}.hl-profile-hero-exam strong{color:var(--color-primary);font-size:13px;font-weight:900}.hl-profile-hero-exam button,.hl-profile-edit-button{color:var(--color-primary);font:inherit;cursor:pointer;background:#ffffffc7;border:1px solid #bfd4ff;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:900;transition:border-color .2s,background .2s,transform .2s;display:inline-flex}.hl-profile-hero-exam button{min-height:32px;padding:0 12px}.hl-profile-edit-button{background:var(--color-surface);flex:none;min-height:38px;margin-right:0;padding:0 16px;box-shadow:0 10px 22px #1b4de414}.hl-profile-hero-exam button:hover,.hl-profile-edit-button:hover{border-color:var(--color-primary);background:#f7fbff;transform:translateY(-1px)}.hl-profile-hero-summary{z-index:1;background:#ffffffe6;border:1px solid #ddeaf8f5;border-radius:18px;margin-top:16px;padding:14px;position:relative;box-shadow:0 10px 24px #11183a0b}.hl-profile-hero-summary>strong{color:var(--color-text-heading);margin-bottom:10px;font-size:15px;font-weight:900;display:block}.hl-profile-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.hl-profile-hero-metric{background:#f7fbff;border:1px solid #e1ecfb;border-radius:14px;min-width:0;padding:11px 13px}.hl-profile-hero-metric span{color:var(--color-text-secondary);margin-bottom:5px;font-size:12px;font-weight:850;display:block}.hl-profile-hero-metric b{color:var(--color-text-heading);font-size:20px;font-weight:900;line-height:1}.hl-profile-hero-metric small{color:var(--color-text-faint);font-size:12px;font-weight:850}.hl-profile-nav-row{justify-content:space-between;align-items:center;gap:14px;margin:14px 0 16px;display:flex}.hl-profile-tabs{margin:0}.hl-profile-date-filter{background:var(--color-surface);min-height:38px;color:var(--color-text-body);font:inherit;cursor:pointer;border:1px solid #dce7f7;border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 10px 22px #11183a0a}.hl-profile-date-filter svg{color:var(--color-primary)}.hl-profile-score-overview{grid-template-columns:minmax(220px,.85fr) minmax(190px,.62fr) minmax(300px,1fr);align-items:center;gap:22px}.hl-profile-overview-title .hl-profile-section-heading{margin-bottom:12px}.hl-profile-score-donut{background:radial-gradient(circle at center, var(--color-surface) 0 58%, transparent 59%), conic-gradient(var(--color-primary) var(--hl-profile-score), #e9f0fa 0);border-radius:50%;align-content:center;place-items:center;width:158px;height:158px;display:grid;box-shadow:inset 0 0 0 1px #e3eaf7}.hl-profile-score-donut strong{color:var(--color-primary);font-size:42px;font-weight:900;line-height:1}.hl-profile-score-donut span{color:var(--color-text-body);font-size:13px;font-weight:900}.hl-profile-score-callout{background:linear-gradient(135deg, #f7faff, var(--color-surface));border:1px solid #e5ecf8;border-radius:16px;padding:16px}.hl-profile-score-callout strong,.hl-profile-score-callout span{display:block}.hl-profile-score-callout strong{color:var(--color-primary);font-size:20px;font-weight:900}.hl-profile-score-callout span{color:var(--color-text-emphasis);margin-top:3px;font-size:13px;font-weight:900}.hl-profile-score-callout p{color:#8a5a05;background:#fff6e2;border-radius:12px;margin:12px 0 0;padding:11px 12px;font-size:12px;font-weight:800;line-height:1.45}.hl-profile-bars{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:16px;min-height:176px;display:grid}.hl-profile-bars>div{flex-direction:column;align-items:center;gap:8px;display:flex}.hl-profile-bars strong{color:var(--color-primary);font-size:13px;font-weight:900}.hl-profile-bars span{background:linear-gradient(#9dcbff,#4d9bff);border-radius:12px 12px 4px 4px;width:min(58px,100%)}.hl-profile-bars span.is-target{background:linear-gradient(180deg, #6ea7ff, var(--color-primary))}.hl-profile-bars span.is-max{background:linear-gradient(#d9e5f8,#b7c7e5)}.hl-profile-bars small{color:var(--color-text-body);font-size:12px;font-weight:800}.hl-profile-bars p{color:#8e98af;text-align:center;grid-column:1/-1;margin:0;font-size:12px;font-weight:800}.hl-profile-component-section{padding:20px}.hl-profile-component-section-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.hl-profile-component-section-head>span,.hl-profile-chart-head>span{background:var(--color-surface);min-height:30px;color:var(--color-text-secondary);border:1px solid #dce7f7;border-radius:999px;flex:none;align-items:center;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex}.hl-profile-component-card{min-height:214px;box-shadow:none;border-radius:14px}.hl-profile-chart-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.hl-profile-chart-head .hl-profile-section-heading{margin-bottom:8px}.hl-profile-chart-wrap svg{height:220px}.hl-profile-chart-tooltip rect{fill:var(--color-surface);stroke:#dce7f7;filter:drop-shadow(0 8px 14px #11183a1f)}.hl-profile-chart-tooltip text{fill:var(--color-primary);font-size:12px;font-weight:900}.hl-profile-chart-tooltip text+text{fill:var(--color-text-faint);font-size:11px}.hl-profile-chart-legend{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:18px;margin-top:4px;font-size:12px;font-weight:800;display:flex}.hl-profile-chart-legend span{align-items:center;gap:7px;display:inline-flex}.hl-profile-chart-legend i{background:var(--color-primary);border-radius:999px;width:16px;height:3px}.hl-profile-chart-legend span:nth-child(2) i{background:repeating-linear-gradient(90deg,#f4a93c 0 5px,#0000 5px 9px)}.hl-profile-analytics-grid,.hl-profile-bottom-grid{grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);align-items:start;gap:18px;display:grid}.hl-profile-chart-stack,.hl-profile-insight-stack,.hl-profile-right-stack,.hl-profile-ai-stack{flex-direction:column;gap:14px;min-width:0;display:flex}.hl-profile-ai-stack{background:var(--color-surface);border:1px solid #d7e5fa;border-radius:20px;gap:12px;padding:10px;box-shadow:0 12px 26px #11183a0b}.hl-profile-ai-stack.is-compact{box-shadow:none;background:0 0;border-color:#0000;padding:0}.hl-profile-ai-results{flex-direction:column;gap:10px;display:flex}.hl-profile-right-stack{align-self:stretch}.hl-profile-insight-stack{height:100%}.hl-profile-insight-card{flex:1 1 0;padding:18px}.hl-profile-insight-card.is-strength{background:#f6fff9;border-color:#cfeedb}.hl-profile-insight-card.is-improvement{background:#fffbea;border-color:#ffe7a8}.hl-profile-insight-head,.hl-profile-achievement-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.hl-profile-insight-head strong,.hl-profile-achievement-head strong{color:var(--color-text-dark);align-items:center;gap:8px;font-size:15px;font-weight:900;display:inline-flex}.hl-profile-insight-card.is-strength .hl-profile-insight-head strong svg{color:var(--color-success)}.hl-profile-insight-card.is-improvement .hl-profile-insight-head strong svg{color:var(--color-warning-dark)}.hl-profile-insight-head button,.hl-profile-achievement-head button{color:var(--color-success);font:inherit;cursor:pointer;background:#e8f8ef;border:0;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.hl-profile-insight-card.is-improvement .hl-profile-insight-head button{color:var(--color-text-secondary);background:#fff8d7}.hl-profile-insight-card.is-improvement .hl-profile-insight-list svg{color:var(--color-warning-dark)}.hl-profile-heatmap-card,.hl-profile-achievement-card{min-width:0}.hl-profile-achievement-card{padding:18px}.hl-profile-achievement-head button{color:var(--color-primary);background:#f3f6ff}.hl-profile-achievement-list{flex-direction:column;gap:12px;display:flex}.hl-profile-achievement-list>div{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.hl-profile-achievement-list span{width:38px;height:38px;color:var(--color-success);background:#e8f8ef;border-radius:12px;place-items:center;display:grid}.hl-profile-achievement-list span.is-amber{color:#f08a00;background:#fff4df}.hl-profile-achievement-list span.is-violet{color:var(--color-violet);background:#f1ecff}.hl-profile-achievement-list span.is-blue{color:var(--color-primary);background:#eaf1ff}.hl-profile-achievement-list p{color:var(--color-text-emphasis);margin:0;font-size:12px;font-weight:900;line-height:1.45}.hl-profile-achievement-list time{color:var(--color-text-faint);font-size:11px;font-weight:900}.hl-profile-competency-suite{background:linear-gradient(#1b4de40b 1px,#0000 1px) 0 0/26px 26px,linear-gradient(90deg,#1b4de40b 1px,#0000 1px) 0 0/26px 26px,linear-gradient(135deg,#f8fbfffa,#ffffffeb);grid-template-columns:minmax(210px,.24fr) minmax(0,.76fr);align-items:stretch;gap:22px;padding:20px;display:grid;position:relative;overflow:hidden}.hl-profile-competency-suite:before{content:"";pointer-events:none;background:radial-gradient(circle at 12% 18%,#31a8ff14,#0000 28%),radial-gradient(circle at 86% 8%,#1b4de412,#0000 24%);position:absolute;inset:0}.hl-profile-competency-suite>*{z-index:1;position:relative}.hl-profile-overall-competency{background:var(--color-surface);border:1px solid #d5e3ff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;padding:18px;display:flex}.hl-profile-overall-competency .hl-profile-section-heading{text-align:center;width:100%;margin-bottom:4px}.hl-profile-overall-competency .hl-profile-section-heading,.hl-profile-overall-competency .hl-profile-section-heading>div{display:block}.hl-profile-overall-competency .hl-profile-section-heading h2{font-size:18px}.hl-profile-overall-competency .hl-profile-section-heading p{font-size:13px}.hl-profile-overall-competency .hl-profile-score-donut{width:148px;height:148px}.hl-profile-overall-competency>p{color:var(--color-text-secondary);text-align:center;margin:0;font-size:12px;font-weight:900}.hl-profile-competency-suite .hl-profile-component-section{min-width:0;padding:0}.hl-profile-competency-suite .hl-profile-component-section-head{margin-bottom:14px}.hl-profile-competency-suite .hl-profile-component-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hl-profile-competency-suite .hl-profile-component-card{background:var(--color-surface);border-radius:14px;height:100%;min-height:0;padding:16px}.hl-profile-comparison{z-index:5;flex:none;align-items:center;gap:8px;display:flex;position:relative}.hl-profile-comparison>span{color:var(--color-text-faint);white-space:nowrap;font-size:12px;font-weight:900}.hl-profile-comparison>button{background:var(--color-surface);min-height:34px;color:var(--color-primary);font:inherit;cursor:pointer;border:1px solid #dce7f7;border-radius:12px;align-items:center;gap:8px;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 8px 18px #11183a0a}.hl-profile-comparison>button svg{transition:transform .2s}.hl-profile-comparison>button[aria-expanded=true] svg{transform:rotate(180deg)}.hl-profile-comparison-menu{z-index:20;background:var(--color-surface);border:1px solid #dce7f7;border-radius:14px;flex-direction:column;gap:4px;width:184px;padding:7px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 38px #11183a24}.hl-profile-comparison-menu button{width:100%;min-height:34px;color:var(--color-text-heading-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 10px;font-size:12px;font-weight:850}.hl-profile-comparison-menu button:hover,.hl-profile-comparison-menu button.is-selected{color:var(--color-primary);background:#eef3ff}.hl-profile-axis-label{fill:var(--color-text-faint);font-size:11px;font-weight:800}.hl-profile-axis-line{stroke:#d7e1f1;stroke-width:1.2px}.hl-profile-ai-card{background:radial-gradient(circle at 96% 4%, #1b4de41f, transparent 32%), linear-gradient(145deg, #f8fbff, var(--color-surface) 62%);border-color:#cfe0ff;flex-direction:column;gap:14px;min-width:0;height:100%;padding:18px;display:flex}.hl-profile-ai-head{align-items:flex-start;gap:12px;display:flex}.hl-profile-ai-head>span{width:38px;height:38px;color:var(--color-primary);background:#eaf1ff;border-radius:13px;flex:none;place-items:center;display:grid}.hl-profile-ai-head strong{color:var(--color-text-heading);font-size:16px;font-weight:900;line-height:1.25;display:block}.hl-profile-ai-head p,.hl-profile-ai-empty{color:var(--color-text-secondary);margin:6px 0 0;font-size:12px;font-weight:700;line-height:1.55}.hl-profile-ai-action{background:#ffffffb8;border:1px solid #dce7f7;border-radius:16px;align-items:center;gap:12px;padding:10px;display:flex}.hl-profile-ai-action img{object-fit:contain;flex:none;width:48px;height:48px}.hl-profile-ai-action button{background:var(--color-primary);min-height:40px;color:var(--color-surface);font:inherit;cursor:pointer;border:0;border-radius:8px;flex:1;font-size:14px;font-weight:500;transition:background-color .15s}.hl-profile-ai-action button:hover:not(:disabled){background:var(--color-primary-dark)}.hl-profile-ai-action button:disabled{cursor:progress;opacity:.72}.hl-profile-ai-result{flex-direction:column;gap:10px;display:flex}.hl-profile-ai-result>span{color:var(--color-text-faint);font-size:11px;font-weight:900}.hl-profile-ai-result>p{color:var(--color-text-emphasis);margin:0;font-size:12px;font-weight:750;line-height:1.55}.hl-profile-ai-result-grid{grid-template-columns:1fr;gap:10px;display:grid}.hl-profile-ai-result-grid>div{background:#f6fff9;border:1px solid #d7f0df;border-radius:13px;padding:11px 12px}.hl-profile-ai-result-grid>div:nth-child(2){background:#fff8f1;border-color:#ffe4c7}.hl-profile-ai-result-grid strong{color:var(--color-success);align-items:center;gap:7px;font-size:12px;font-weight:900;display:inline-flex}.hl-profile-ai-result-grid>div:nth-child(2) strong{color:var(--color-warning)}.hl-profile-ai-result-grid ul{flex-direction:column;gap:6px;margin:9px 0 0;padding:0;list-style:none;display:flex}.hl-profile-ai-result-grid li{color:var(--color-text-heading-muted);font-size:12px;font-weight:800;line-height:1.4}.hl-profile-ai-history-button{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:auto;padding:0;font-size:12px;font-weight:900}.hl-profile-ai-stack .hl-profile-ai-history-button{margin-top:0}.hl-profile-ai-action-banner{background:linear-gradient(180deg, #3c97ff 0%, var(--color-primary) 100%);border:1px solid #cfe0ff;border-radius:18px;min-width:0;min-height:82px;padding:10px;position:relative;overflow:visible;box-shadow:0 14px 26px #1b4de429}.hl-profile-ai-banner-title{z-index:2;align-items:center;min-height:24px;margin:0 94px 12px 0;display:flex;position:relative}.hl-profile-ai-banner-title span{color:var(--color-surface);align-items:center;gap:8px;font-size:18px;font-weight:900;display:inline-flex}.hl-profile-ai-banner-panel{z-index:2;background:var(--color-surface);border:1px solid #ffffffb8;border-radius:17px;grid-template-columns:minmax(126px,auto) minmax(0,1fr);align-items:center;gap:10px;min-width:0;margin-right:-2px;padding:8px;display:grid;position:relative;box-shadow:0 14px 28px #0c257629}.hl-profile-ai-banner-panel button{background:var(--color-primary);min-height:40px;color:var(--color-surface);font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:8px;padding:0 14px;font-size:14px;font-weight:500;transition:background-color .15s}.hl-profile-ai-banner-panel button:hover:not(:disabled){background:var(--color-primary-dark)}.hl-profile-ai-banner-panel button:disabled{cursor:progress;opacity:.72}.hl-profile-ai-banner-panel p{color:var(--color-text-emphasis);margin:0;font-size:12px;font-weight:500;line-height:1.45}.hl-profile-ai-insight-card{min-height:0;max-height:none;box-shadow:none;border-radius:16px;flex-direction:column;padding:14px;display:flex}.hl-profile-ai-insight-card.is-strength{background:#f6fff9;border-color:#cfeedb}.hl-profile-ai-insight-card.is-improvement{background:#fffbea;border-color:#ffe7a8}.hl-profile-ai-insight-head{flex:none;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.hl-profile-ai-insight-head strong{color:var(--color-text-dark);align-items:center;gap:8px;font-size:15px;font-weight:900;line-height:1.25;display:inline-flex}.hl-profile-ai-insight-card.is-strength .hl-profile-ai-insight-head strong svg{color:var(--color-success)}.hl-profile-ai-insight-card.is-improvement .hl-profile-ai-insight-head strong svg{color:var(--color-warning-dark)}.hl-profile-ai-insight-head>div{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.hl-profile-ai-insight-head span{min-height:26px;color:var(--color-success);white-space:nowrap;background:#e8f8ef;border-radius:999px;align-items:center;padding:0 9px;font-size:11px;font-weight:900;display:inline-flex}.hl-profile-ai-insight-card.is-improvement .hl-profile-ai-insight-head span{color:var(--color-warning);background:#fff0e0}.hl-profile-ai-insight-head button{min-height:26px;color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:11px;font-weight:900;display:inline-flex}.hl-profile-ai-insight-body{scrollbar-width:thin;scrollbar-color:#afc3ea transparent;flex:1;min-height:0;padding-right:6px;overflow-y:visible}.hl-profile-ai-insight-body::-webkit-scrollbar{width:7px}.hl-profile-ai-insight-body::-webkit-scrollbar-thumb{background:#afc3ea;border-radius:999px}.hl-profile-ai-insight-body .hl-profile-insight-list{gap:8px}.hl-profile-ai-insight-body .hl-profile-insight-list li{font-size:12px}.hl-profile-ai-detail>p{color:var(--color-text-heading-muted);margin:0 0 16px;font-size:13px;font-weight:750;line-height:1.65}.hl-profile-ai-detail-list{flex-direction:column;gap:12px;display:flex}.hl-profile-ai-detail-list article{background:#f8faff;border:1px solid #e2e9f9;border-radius:14px;padding:14px}.hl-profile-ai-detail-list strong{color:var(--color-text-heading);font-size:14px;font-weight:900;line-height:1.35;display:block}.hl-profile-ai-detail-list span{color:var(--color-text-secondary);margin-top:5px;font-size:12px;font-weight:750;line-height:1.55;display:block}.hl-profile-practice-ai-card{padding:16px}.hl-profile-practice-ai-card .hl-profile-section-heading{margin-bottom:12px}.hl-profile-feedback-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hl-profile-feedback-tabs{background:#f8faff;border:1px solid #dce7f7;border-radius:14px;gap:6px;padding:5px;display:inline-flex}.hl-profile-feedback-tabs button{min-height:34px;color:var(--color-text-emphasis);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:900;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.hl-profile-feedback-tabs button.is-active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface);box-shadow:0 8px 18px #1b4de429}.hl-profile-practice-update-button{background:var(--color-primary);min-height:38px;color:var(--color-surface);font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:8px;padding:0 16px;font-size:14px;font-weight:500;transition:background-color .15s}.hl-profile-practice-update-button:hover:not(:disabled){background:var(--color-primary-dark)}.hl-profile-practice-update-button:disabled{cursor:progress;opacity:.72}.hl-profile-practice-ai-empty{color:#8a95af;text-align:center;margin:14px 0 2px;font-size:12px;font-weight:650;line-height:1.55}.hl-profile-practice-update-button{flex:none}.hl-profile-practice-ai-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hl-profile-practice-insight-card{height:100%;min-height:142px;max-height:none;box-shadow:none;flex-direction:column;padding:14px;display:flex}.hl-profile-practice-insight-card.is-strength{background:#f6fff9;border-color:#cfeedb}.hl-profile-practice-insight-card.is-improvement{background:#fffbea;border-color:#ffe7a8}.hl-profile-practice-insight-head{flex:none;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.hl-profile-practice-insight-head strong{color:var(--color-text-heading);align-items:center;gap:9px;font-size:16px;font-weight:900;line-height:1.25;display:inline-flex}.hl-profile-practice-insight-card.is-strength .hl-profile-practice-insight-head strong svg{color:var(--color-success)}.hl-profile-practice-insight-card.is-improvement .hl-profile-practice-insight-head strong svg{color:var(--color-warning-dark)}.hl-profile-practice-insight-head>div{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.hl-profile-practice-insight-head span{min-height:30px;color:var(--color-success);white-space:nowrap;background:#e8f8ef;border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.hl-profile-practice-insight-card.is-improvement .hl-profile-practice-insight-head span{color:var(--color-warning);background:#fff0e0}.hl-profile-practice-insight-head button{min-height:30px;color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:900;display:inline-flex}.hl-profile-practice-insight-body{scrollbar-width:thin;scrollbar-color:#afc3ea transparent;flex:1;min-height:0;max-height:116px;padding-right:6px;overflow-y:auto}.hl-profile-practice-insight-body::-webkit-scrollbar{width:7px}.hl-profile-practice-insight-body::-webkit-scrollbar-thumb{background:#afc3ea;border-radius:999px}.hl-profile-practice-insight-body .hl-profile-insight-list{gap:8px}.hl-profile-practice-insight-body .hl-profile-insight-list li{font-size:12px}.hl-profile-practice-insight-body .hl-profile-insight-list li small{color:var(--color-warning);white-space:nowrap;margin-left:auto;font-size:12px;font-weight:900}.hl-profile-practice-ai-result{background:#f8faff;border:1px solid #e2e9f9;border-radius:16px;padding:14px}.hl-profile-practice-ai-result-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hl-profile-practice-ai-result-head span{color:var(--color-text-secondary);font-size:12px;font-weight:900}.hl-profile-practice-ai-result-head button,.hl-profile-practice-ai-history-button{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:900}.hl-profile-practice-ai-list{scrollbar-width:thin;scrollbar-color:#afc3ea transparent;flex-direction:column;gap:10px;max-height:262px;padding-right:7px;display:flex;overflow-y:auto}.hl-profile-practice-ai-list::-webkit-scrollbar{width:7px}.hl-profile-practice-ai-list::-webkit-scrollbar-thumb{background:#afc3ea;border-radius:999px}.hl-profile-practice-ai-list article{background:var(--color-surface);border:1px solid #e2e9f9;border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px;display:grid}.hl-profile-practice-ai-list strong{color:var(--color-text-heading);font-size:13px;font-weight:900;line-height:1.35;display:block}.hl-profile-practice-ai-list span{color:var(--color-text-secondary);margin-top:3px;font-size:12px;font-weight:800;display:block}.hl-profile-practice-ai-list b{min-height:28px;color:var(--color-warning);white-space:nowrap;background:#fff4df;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.hl-profile-practice-ai-list b.is-high{color:var(--color-danger);background:#ffede4}.hl-profile-practice-ai-list article button{background:var(--color-surface);min-height:32px;color:var(--color-primary);font:inherit;cursor:pointer;border:1px solid #c8d7ff;border-radius:11px;padding:0 11px;font-size:12px;font-weight:900}.hl-profile-practice-ai-history-button{margin-top:12px}.hl-profile-teacher-empty{text-align:center;background:#f8faff;border:1px dashed #cfe0ff;border-radius:16px;align-content:center;place-items:center;gap:8px;min-height:144px;padding:20px;display:grid}.hl-profile-teacher-empty svg{color:var(--color-primary)}.hl-profile-teacher-empty strong{color:var(--color-text-heading);font-size:14px;font-weight:900}.hl-profile-teacher-empty p{max-width:460px;color:var(--color-text-secondary);margin:0;font-size:12px;font-weight:750;line-height:1.55}.hl-profile-teacher-panel{flex-direction:column;gap:10px;display:flex}.hl-profile-teacher-filter{justify-content:space-between;align-items:center;gap:12px;display:flex}.hl-profile-teacher-filter span{color:var(--color-text-secondary);font-size:12px;font-weight:850}.hl-profile-teacher-filter [data-dropdown-trigger]{background:var(--color-surface);min-height:34px;color:var(--color-text-emphasis);font:inherit;border:1px solid #dce7f7;border-radius:10px;outline:0;padding:0 12px;font-size:12px;font-weight:850}.hl-profile-teacher-comment-list{scrollbar-width:thin;scrollbar-color:#afc3ea transparent;flex-direction:column;gap:10px;max-height:260px;padding-right:6px;display:flex;overflow-y:auto}.hl-profile-teacher-comment-list::-webkit-scrollbar{width:7px}.hl-profile-teacher-comment-list::-webkit-scrollbar-thumb{background:#afc3ea;border-radius:999px}.hl-profile-teacher-comment-card{width:100%;min-height:92px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#f3f8ff;border:1px solid #cfe0ff;border-radius:16px;grid-template-columns:minmax(0,1fr) 18px;align-items:flex-start;gap:12px;padding:13px;transition:border-color .2s,background .2s,transform .2s;display:grid}.hl-profile-teacher-comment-card:hover{background:#eaf3ff;border-color:#bfd4ff;transform:translateY(-1px)}.hl-profile-teacher-comment-card>svg{color:#8a95af;margin-top:4px}.hl-profile-teacher-comment-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.hl-profile-teacher-comment-head strong{color:var(--color-text-heading);font-size:13px;font-weight:850}.hl-profile-teacher-comment-head time,.hl-profile-teacher-comment-card span{color:var(--color-text-secondary);font-size:12px;font-weight:650}.hl-profile-teacher-comment-card p{color:var(--color-text-heading-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 0;font-size:12px;font-weight:500;line-height:1.45;display:-webkit-box;overflow:hidden}.hl-profile-teacher-detail{flex-direction:column;gap:14px;display:flex}.hl-profile-teacher-detail-head{background:#f8faff;border:1px solid #e2e9f9;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.hl-profile-teacher-avatar{width:44px;height:44px;color:var(--color-primary);background:#eaf1ff;border-radius:14px;flex:none;place-items:center;display:grid;overflow:hidden}.hl-profile-teacher-avatar img{object-fit:cover;width:100%;height:100%}.hl-profile-teacher-detail-head strong,.hl-profile-teacher-history-list strong{color:var(--color-text-heading);font-size:14px;font-weight:900;display:block}.hl-profile-teacher-detail-head span,.hl-profile-teacher-detail-head time,.hl-profile-teacher-history-list span,.hl-profile-teacher-history-list time{color:var(--color-text-secondary);margin-top:3px;font-size:12px;font-weight:800;display:block}.hl-profile-teacher-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hl-profile-teacher-detail-grid section,.hl-profile-teacher-comment{background:var(--color-surface);border:1px solid #e2e9f9;border-radius:16px;padding:14px}.hl-profile-teacher-detail-grid h3,.hl-profile-teacher-comment h3{color:var(--color-text-heading);margin:0 0 10px;font-size:14px;font-weight:900}.hl-profile-teacher-comment p{color:var(--color-text-heading-muted);margin:0;font-size:13px;font-weight:750;line-height:1.6}.hl-profile-teacher-history-list{flex-direction:column;gap:10px;max-height:56vh;padding-right:6px;display:flex;overflow-y:auto}.hl-profile-teacher-history-list button{width:100%;font:inherit;text-align:left;cursor:pointer;background:#f8faff;border:1px solid #e2e9f9;border-radius:15px;padding:13px}.hl-profile-teacher-history-list button:hover,.hl-profile-teacher-history-list button.is-selected{background:#f3f8ff;border-color:#bfd4ff}.hl-profile-teacher-history-list p{color:var(--color-text-heading-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:12px;font-weight:750;line-height:1.45;display:-webkit-box;overflow:hidden}.hl-profile-practice-ai-detail>span{color:var(--color-text-secondary);font-size:12px;font-weight:900;display:block}.hl-profile-practice-ai-detail>p{color:var(--color-text-heading-muted);margin:7px 0 16px;font-size:13px;font-weight:750;line-height:1.65}.hl-profile-practice-ai-detail-list{flex-direction:column;gap:12px;display:flex}.hl-profile-practice-ai-detail-list article{background:#f8faff;border:1px solid #e2e9f9;border-radius:14px;padding:14px}.hl-profile-practice-ai-detail-list article>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.hl-profile-practice-ai-detail-list strong{color:var(--color-text-heading);font-size:14px;font-weight:900}.hl-profile-practice-ai-detail-list b{color:var(--color-primary);white-space:nowrap;font-size:12px;font-weight:900}.hl-profile-practice-ai-detail-list p{color:var(--color-text-heading-muted);margin:8px 0;font-size:12px;font-weight:750;line-height:1.55}.hl-profile-practice-ai-detail-list small{color:var(--color-warning);font-size:12px;font-weight:900}.hl-scroll-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a102370;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.hl-scroll-modal{width:min(100%, var(--hl-scroll-modal-width,680px));background:#fffffffa;border:1px solid #dfe6f7f5;border-radius:22px;outline:0;flex-direction:column;max-height:78vh;display:flex;overflow:hidden;box-shadow:0 30px 80px #09102447}.hl-scroll-modal-head{border-bottom:1px solid #e5ecf8;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.hl-scroll-modal-head h2{color:var(--color-text-heading);margin:0;font-size:18px;font-weight:900;line-height:1.25}.hl-scroll-modal-head button{background:var(--color-surface);width:36px;height:36px;color:var(--color-primary);cursor:pointer;border:1px solid #dce7f7;border-radius:12px;place-items:center;display:grid}.hl-scroll-modal-body{min-height:0;padding:18px 20px 20px;overflow-y:auto}.hl-profile-history-list,.hl-profile-achievement-modal-list{flex-direction:column;gap:12px;display:flex}.hl-profile-history-item,.hl-profile-achievement-modal-item{background:#f8faff;border:1px solid #e2e9f9;border-radius:16px;padding:14px}.hl-profile-history-item>div:first-child{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.hl-profile-history-item strong{color:var(--color-text-heading);font-size:13px;font-weight:900}.hl-profile-history-item span{color:var(--color-text-secondary);font-size:12px;font-weight:800}.hl-profile-history-item>p{color:var(--color-text-heading-muted);margin:0 0 10px;font-size:12px;font-weight:750;line-height:1.55}.hl-profile-history-item>button{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:10px;padding:0;font-size:12px;font-weight:900}.hl-profile-achievement-modal-item{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.hl-profile-achievement-modal-item>span{width:42px;height:42px;color:var(--color-success);background:#e8f8ef;border-radius:14px;place-items:center;display:grid}.hl-profile-achievement-modal-item>span.is-amber{color:#f08a00;background:#fff4df}.hl-profile-achievement-modal-item>span.is-violet{color:var(--color-violet);background:#f1ecff}.hl-profile-achievement-modal-item>span.is-blue{color:var(--color-primary);background:#eaf1ff}.hl-profile-achievement-modal-item strong{color:var(--color-text-heading);font-size:13px;font-weight:900;line-height:1.35;display:block}.hl-profile-achievement-modal-item p{color:var(--color-text-secondary);margin:4px 0 0;font-size:12px;font-weight:750;line-height:1.45}.hl-profile-achievement-modal-item time{color:var(--color-text-faint);font-size:12px;font-weight:900}.hl-student-panel,.hl-student-hero-card,.hl-student-course-card,.hl-student-detail-hero,.hl-student-enroll-card,.hl-student-stat-grid>div{background:var(--color-surface);border:1px solid #e2e9f9;border-radius:24px;box-shadow:0 16px 34px #11183a0d}.hl-student-panel{padding:22px}.hl-student-panel h3{color:var(--color-text-heading);margin:0 0 12px;font-size:18px;line-height:1.25}.hl-student-panel p{color:var(--color-text-body);margin:0;font-size:14px;line-height:1.7}.hl-student-course-card[role=button]{cursor:pointer}.hl-student-course-card[role=button]:hover{border-color:#bfd1ff;box-shadow:0 18px 34px #1b4de41a}.hl-student-course-card[role=button]:focus-visible,.hl-dashboard-mini-course:focus-visible,.hl-dashboard-test-card:focus-visible,.hl-dashboard-carousel-button:focus-visible,.hl-my-courses-tabs button:focus-visible,.hl-my-courses-filters button:focus-visible,.hl-my-courses-search:focus-within,.hl-my-course-card:focus-visible,.hl-profile-tabs button:focus-visible,.hl-profile-feedback-tabs button:focus-visible,.hl-profile-teacher-filter [data-dropdown-trigger]:focus-visible,.hl-profile-teacher-comment-card:focus-visible,.hl-profile-filter-row button:focus-visible,.hl-profile-toggle-row input:focus-visible,.hl-profile-target button:focus-visible,.hl-profile-hero-exam button:focus-visible,.hl-profile-edit-button:focus-visible,.hl-profile-section-heading button:focus-visible,.hl-profile-comparison>button:focus-visible,.hl-profile-comparison-menu button:focus-visible,.hl-profile-ai-action button:focus-visible,.hl-profile-ai-action-banner button:focus-visible,.hl-profile-ai-insight-head button:focus-visible,.hl-profile-ai-history-button:focus-visible,.hl-profile-practice-update-button:focus-visible,.hl-profile-practice-insight-head button:focus-visible,.hl-profile-practice-ai-result-head button:focus-visible,.hl-profile-practice-ai-list article button:focus-visible,.hl-profile-practice-ai-history-button:focus-visible,.hl-profile-teacher-history-list button:focus-visible,.hl-scroll-modal-head button:focus-visible,.hl-profile-history-item>button:focus-visible,.hl-profile-achievement-head button:focus-visible,.hl-student-chapters button:focus-visible,.hl-dashboard-tabs button:focus-visible,.hl-student-profile-menu button:focus-visible,.hl-student-notification:focus-visible,.hl-student-streak:focus-visible{outline-offset:3px;outline:3px solid #1b4de433}.hl-student-primary-button,.hl-student-back-button{background:var(--color-primary);color:var(--color-surface);font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:14px;font-weight:500;transition:background-color .15s;display:inline-flex}.hl-student-primary-button:hover{background:var(--color-primary-dark)}.hl-student-back-button{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border-primary);margin-bottom:18px}.hl-student-back-button:hover{background:var(--color-surface-hover)}.hl-student-dashboard-grid{grid-template-columns:minmax(0,1fr) 340px;gap:24px;display:grid}.hl-student-dashboard-main,.hl-student-dashboard-rail{flex-direction:column;gap:22px;min-width:0;display:flex}.hl-student-hero-card{background:radial-gradient(circle at 86% 12%, #fbc34f38, transparent 28%), linear-gradient(135deg, var(--color-surface), #f2f6ff);justify-content:space-between;align-items:center;gap:20px;padding:26px;display:flex}.hl-student-hero-card h2,.hl-student-section-head h2,.hl-student-detail-hero h2{color:var(--color-text-heading);letter-spacing:-.4px;margin:7px 0 8px;font-size:24px;line-height:1.15}.hl-student-hero-card p,.hl-student-section-head p,.hl-student-detail-hero p{color:var(--color-text-body);margin:0;font-size:14px;line-height:1.65}.hl-student-section-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.hl-student-section-head h2{font-size:20px}.hl-student-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.hl-student-empty{background:var(--color-surface);color:var(--color-text-body);text-align:center;border:1px dashed #c8d7ff;border-radius:18px;grid-column:1/-1;margin:0;padding:24px;font-size:14px;font-weight:700}.hl-student-course-grid.is-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.hl-student-course-card{flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.hl-student-course-card:hover{border-color:#c8d7ff;transform:translateY(-4px);box-shadow:0 22px 42px #1b4de41f}.hl-student-course-image{background:#e7edfb;height:190px;position:relative}.hl-student-course-card.is-compact .hl-student-course-image{height:145px}.hl-student-course-image img{border-radius:0!important}.hl-student-course-image span,.hl-student-chip{min-height:28px;color:var(--color-primary);letter-spacing:.7px;text-transform:uppercase;background:#ffffffeb;border-radius:999px;align-items:center;padding:0 12px;font-size:11px;font-weight:900;display:inline-flex;position:absolute;top:14px;left:14px}.hl-student-chip{background:var(--color-badge-info-bg);position:static}.hl-student-course-body{flex-direction:column;flex:1;gap:14px;padding:18px;display:flex}.hl-student-course-body h3{color:var(--color-text-heading);margin:0 0 8px;font-size:17px;line-height:1.3}.hl-student-course-body p{color:var(--color-text-body);margin:0;font-size:13px;line-height:1.55}.hl-student-course-meta,.hl-student-course-progress,.hl-student-detail-meta{color:#8791ae;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.hl-student-course-meta strong,.hl-student-course-progress strong{color:var(--color-primary)}.hl-my-courses-page{min-height:calc(100vh - 86px);color:var(--color-text-heading);flex-direction:column;gap:10px;padding:8px 18px 28px;display:flex}.hl-my-courses-header h1{color:var(--color-text-heading);margin:0 0 4px;font-size:26px;font-weight:900;line-height:1.15}.hl-my-courses-header p{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.45}.hl-my-courses-tabs{background:#eaf2ff;border:1px solid #dce7f7;border-radius:14px;gap:6px;width:max-content;max-width:100%;padding:4px;display:inline-flex;box-shadow:0 10px 22px #11183a0a}.hl-my-courses-tabs button{min-height:34px;color:var(--color-text-secondary);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:0 18px;font-size:13px;font-weight:900}.hl-my-courses-tabs button.is-active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 8px 18px #1b4de41f}.hl-my-courses-panel{background:#fffffff0;border:1px solid #e0e7f3;border-radius:18px;min-width:0;padding:14px;box-shadow:0 12px 26px #11183a0b}.hl-my-courses-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.hl-my-courses-filters{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.hl-my-courses-filters button{background:var(--color-surface);min-height:31px;color:var(--color-text-secondary);font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #d9e4f4;border-radius:999px;padding:0 11px;font-size:12px;font-weight:900}.hl-my-courses-filters button.is-active{border-color:var(--color-primary);color:var(--color-primary);background:#eaf1ff}.hl-my-courses-search{background:var(--color-surface);min-width:260px;min-height:34px;color:var(--color-text-faint);border:1px solid #dce7f7;border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.hl-my-courses-search svg{color:var(--color-primary)}.hl-my-courses-search input{width:100%;color:var(--color-text-heading);font:inherit;border:0;outline:0;font-size:13px}.hl-my-courses-group-head{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:10px;display:flex}.hl-my-courses-group-head h2{color:var(--color-text-heading);margin:0;font-size:17px;font-weight:900}.hl-my-courses-group-head span{color:var(--color-text-secondary);margin-top:4px;font-size:12px;font-weight:800;display:block}.hl-my-courses-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.hl-my-course-card{background:var(--color-surface);min-width:0;height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border:1px solid #e0e7f3;border-radius:18px;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 10px 22px #11183a0a}.hl-my-course-card:hover{border-color:#bfd4ff;transform:translateY(-3px);box-shadow:0 18px 34px #1b4de41a}.hl-my-course-cover{background:linear-gradient(135deg,#eaf1ff,#f7fbff);justify-content:space-between;align-items:flex-end;height:clamp(96px,12vh,124px);padding:11px;display:flex;position:relative}.hl-my-course-cover:before{content:"";background-image:linear-gradient(#ffffff52 1px,#0000 1px),linear-gradient(90deg,#ffffff52 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.hl-my-course-cover span,.hl-my-course-cover svg{z-index:1;position:relative}.hl-my-course-cover span{color:var(--color-primary);text-transform:uppercase;background:#ffffffdb;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.hl-my-course-cover svg{color:#1b4de4d1}.hl-my-course-cover.is-green{background:linear-gradient(135deg,#dff8ea,#f5fffa)}.hl-my-course-cover.is-amber{background:linear-gradient(135deg,#fff1d4,#fffdfc)}.hl-my-course-cover.is-violet{background:linear-gradient(135deg,#efe9ff,#fbfaff)}.hl-my-course-cover.is-green span{color:var(--color-success)}.hl-my-course-cover.is-amber span{color:var(--color-warning)}.hl-my-course-cover.is-violet span{color:var(--color-violet)}.hl-my-course-cover.is-green svg{color:#16a05bd1}.hl-my-course-cover.is-amber svg{color:#d97706d1}.hl-my-course-cover.is-violet svg{color:#6d54d4d1}.hl-my-course-body{flex-direction:column;flex:1;gap:8px;padding:11px 12px;display:flex}.hl-my-course-subject{width:max-content;max-width:100%;color:var(--color-primary);text-transform:uppercase;background:#eaf1ff;border-radius:999px;margin-bottom:5px;padding:4px 8px;font-size:10px;font-weight:900;display:inline-flex}.hl-my-course-subject.is-green{color:var(--color-success);background:#e6f7ed}.hl-my-course-subject.is-amber{background:var(--color-badge-warning-bg);color:var(--color-warning)}.hl-my-course-subject.is-violet{color:var(--color-violet);background:#f1ecff}.hl-my-course-body h3{color:var(--color-text-heading);margin:0;font-size:14px;font-weight:900;line-height:1.32}.hl-my-course-body p{color:var(--color-text-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 0;font-size:11.5px;line-height:1.42;display:-webkit-box;overflow:hidden}.hl-my-course-meta{color:var(--color-text-faint);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;font-size:10.5px;font-weight:700;display:flex}.hl-my-course-meta svg{flex-shrink:0}.hl-my-course-progress{margin-top:auto}.hl-my-course-progress>div:first-child,.hl-my-course-progress>div:last-child{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:11.5px;font-weight:800;display:flex}.hl-my-course-progress strong{color:var(--color-primary);align-items:center;gap:5px;font-weight:900;display:inline-flex}.hl-my-course-progress strong.is-completed{color:var(--color-success)}.hl-my-course-progress-bar{background:var(--color-badge-info-bg);border-radius:999px;height:7px;margin:6px 0 7px;overflow:hidden}.hl-my-course-progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-sky));height:100%;display:block}.hl-my-course-cta{color:var(--color-primary);align-items:center;gap:7px;margin-top:0;font-size:12px;font-weight:900;display:inline-flex}.hl-my-courses-empty{min-height:180px;color:var(--color-text-secondary);text-align:center;background:0 0;border:0;border-radius:0;grid-column:1/-1;place-items:center;gap:7px;padding:18px;display:grid}.hl-my-courses-empty img{object-fit:contain;filter:drop-shadow(0 10px 16px #1b4de41f);width:92px;height:92px}.hl-my-courses-empty strong{color:var(--color-text-heading);font-size:14px;font-weight:900}.hl-my-courses-empty p{color:var(--color-text-secondary);margin:0;font-size:13px}.hl-my-courses-empty-cta{cursor:pointer;color:#fff;background:var(--color-primary);border:none;border-radius:30px;margin-top:6px;padding:11px 22px;font-family:inherit;font-size:13px;font-weight:800}.hl-my-courses-empty-cta:hover{background:var(--color-primary-dark)}.hl-my-course-skeleton{background:linear-gradient(100deg, var(--color-border-subtle) 30%, #f4f6fb 50%, var(--color-border-subtle) 70%);background-size:200% 100%;border-radius:18px;height:280px;animation:1.4s ease-in-out infinite hl-my-course-shimmer}@keyframes hl-my-course-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hl-course-detail-page{color:var(--color-text-heading);flex-direction:column;gap:14px;padding:8px 18px 32px;display:flex}.hl-course-detail-hero,.hl-course-detail-card,.hl-course-detail-accordion{background:#fffffff0;border:1px solid #e0e7f3;border-radius:18px;box-shadow:0 12px 26px #11183a0b}.hl-course-detail-hero{padding:18px}.hl-course-detail-back{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:13px;font-weight:900;display:inline-flex}.hl-course-detail-hero-grid{grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:20px;margin-top:14px;display:grid}.hl-course-detail-badge{color:var(--color-primary);background:#eaf1ff;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;display:inline-flex}.hl-course-detail-hero h1{max-width:820px;color:var(--color-text-heading);margin:10px 0 8px;font-size:28px;font-weight:900;line-height:1.16}.hl-course-detail-hero p{max-width:760px;color:var(--color-text-body);margin:0;font-size:13px;font-weight:700;line-height:1.55}.hl-course-detail-meta{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.hl-course-detail-meta span{color:var(--color-text-dim);background:#fbfcff;border:1px solid #dce7f7;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:800;display:inline-flex}.hl-course-detail-meta svg{color:var(--color-primary)}.hl-course-detail-hero-action{background:linear-gradient(135deg,#f8fbff,#eef5ff);border:1px solid #dce7f7;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.hl-course-detail-hero-action strong{color:var(--color-primary);font-size:32px;font-weight:900;line-height:1}.hl-course-detail-hero-action button,.hl-course-detail-continue button,.hl-course-detail-live-mini button,.hl-course-detail-live-card button,.hl-course-detail-assessment-card button,.hl-course-detail-not-found button{background:var(--color-primary);min-height:38px;color:var(--color-surface);font:inherit;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 12px 20px #1b4de424}.hl-course-detail-progress-line{background:var(--color-badge-info-bg);border-radius:999px;width:100%;height:8px}.hl-course-detail-progress-line span{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-sky));height:100%;display:block}.hl-course-detail-filter-row button{min-height:34px;color:var(--color-text-secondary);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:0 16px;font-size:13px;font-weight:900}.hl-course-detail-filter-row button.is-active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 8px 18px #1b4de41f}.hl-course-detail-overview{grid-template-columns:minmax(0,1fr) 340px;gap:14px;display:grid}.hl-course-detail-main-stack,.hl-course-detail-side-stack,.hl-course-detail-curriculum,.hl-course-detail-live,.hl-course-detail-assessments{flex-direction:column;gap:14px;display:flex}.hl-course-detail-card,.hl-course-detail-accordion{padding:16px}.hl-course-detail-section-title h2{color:var(--color-text-heading);margin:0;font-size:17px;font-weight:900}.hl-course-detail-section-title p{color:var(--color-text-secondary);margin:4px 0 0;font-size:12px;font-weight:700}.hl-course-detail-continue{gap:8px;margin-top:12px;display:grid}.hl-course-detail-continue span,.hl-course-detail-live-mini span,.hl-course-detail-live-card span,.hl-course-detail-assessment-card>span{width:max-content;color:var(--color-primary);text-transform:uppercase;background:#eaf1ff;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}.hl-course-detail-continue h3,.hl-course-detail-live-mini h3,.hl-course-detail-live-card h3,.hl-course-detail-assessment-card h3{color:var(--color-text-heading);margin:0;font-size:15px;font-weight:900;line-height:1.35}.hl-course-detail-continue p,.hl-course-detail-live-mini p,.hl-course-detail-live-card p,.hl-course-detail-assessment-card p{color:var(--color-text-body);margin:0;font-size:12px;line-height:1.45}.hl-course-detail-area-progress{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.hl-course-detail-area-progress>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 10px;display:grid}.hl-course-detail-area-progress span,.hl-course-detail-task-list span{color:var(--color-text-secondary);font-size:12px;font-weight:800}.hl-course-detail-area-progress strong,.hl-course-detail-task-list strong,.hl-course-detail-live-mini strong{color:var(--color-text-heading);font-size:12px;font-weight:900}.hl-course-detail-area-progress .hl-course-detail-progress-line{grid-column:1/-1;height:7px}.hl-course-detail-roadmap,.hl-course-detail-task-list,.hl-course-detail-live-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.hl-course-detail-roadmap button,.hl-course-detail-task-list button{text-align:left;font:inherit;cursor:pointer;background:#fbfcff;border:1px solid #e0e7f3;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:11px;display:grid}.hl-course-detail-roadmap span{color:var(--color-text-heading);font-size:13px;font-weight:900}.hl-course-detail-roadmap small,.hl-course-detail-task-list small{color:var(--color-text-secondary);font-size:11px;font-weight:700}.hl-course-detail-roadmap b{color:var(--color-primary);grid-area:1/2/span 2;font-size:13px}.hl-course-detail-live-mini{gap:8px;margin-top:12px;display:grid}.hl-course-detail-accordion-head,.hl-course-detail-group-head,.hl-course-detail-chapter-head{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.hl-course-detail-accordion-head>div,.hl-course-detail-group-head>div{gap:4px;display:grid}.hl-course-detail-accordion-head span,.hl-course-detail-group-head span,.hl-course-detail-chapter-head span{color:var(--color-text-heading);align-items:center;gap:8px;font-size:15px;font-weight:900;display:inline-flex}.hl-course-detail-accordion-head small,.hl-course-detail-group-head small{color:var(--color-text-secondary);font-size:12px;font-weight:700}.hl-course-detail-accordion-head strong,.hl-course-detail-group-head strong,.hl-course-detail-chapter-head strong{color:var(--color-primary);white-space:nowrap;font-size:13px;font-weight:900}.hl-course-detail-accordion-head[aria-expanded=false] svg,.hl-course-detail-group-head[aria-expanded=false] svg,.hl-course-detail-chapter-head[aria-expanded=false] svg{transform:rotate(-90deg)}.hl-course-detail-accordion>.hl-course-detail-progress-line,.hl-course-detail-group>.hl-course-detail-progress-line{margin-top:11px}.hl-course-detail-group-list,.hl-course-detail-chapter-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.hl-course-detail-group,.hl-course-detail-chapter{background:#fbfcff;border:1px solid #e7edf9;border-radius:15px;padding:12px}.hl-course-detail-chapter{background:var(--color-surface)}.hl-course-detail-activity-list{flex-direction:column;gap:8px;margin-top:11px;display:flex}.hl-course-detail-activity{background:#fbfcff;border:1px solid #e7edf9;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.hl-course-detail-activity.is-in-progress{background:#f4f8ff;border-color:#bfd4ff}.hl-course-detail-activity.is-overdue{background:#fff7f7;border-color:#ffd7d7}.hl-course-detail-activity-main{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.hl-course-detail-activity-icon{width:32px;height:32px;color:var(--color-primary);background:#eaf1ff;border-radius:11px;place-items:center;display:grid}.hl-course-detail-activity-main strong{color:var(--color-text-heading);font-size:12.5px;font-weight:900;line-height:1.35}.hl-course-detail-activity-main small{color:var(--color-text-secondary);margin-top:3px;font-size:11px;font-weight:700;display:block}.hl-course-detail-activity-status{align-items:center;gap:8px;display:flex}.hl-course-detail-activity-status span,.hl-course-detail-assessment-card strong{color:var(--color-text-secondary);align-items:center;gap:5px;font-size:11px;font-weight:800;display:inline-flex}.hl-course-detail-activity-status b,.hl-course-detail-assessment-card b{color:var(--color-success);font-size:12px;font-weight:900}.hl-course-detail-activity-status button{background:var(--color-surface);min-height:30px;color:var(--color-primary);font:inherit;cursor:pointer;border:1px solid #d9e4ff;border-radius:10px;padding:0 10px;font-size:11px;font-weight:900}.hl-course-detail-activity.is-locked .hl-course-detail-activity-status button,.hl-course-detail-assessment-card.is-locked button{color:#8791ae;box-shadow:none;background:#f4f6fa}.hl-course-detail-full-mock{margin-top:2px}.hl-course-detail-test-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.hl-course-detail-live{grid-template-columns:1.15fr .85fr .85fr;gap:14px;display:grid}.hl-course-detail-live-card{background:#fbfcff;border:1px solid #e7edf9;border-radius:15px;gap:7px;padding:12px;display:grid}.hl-course-detail-live-card strong{color:var(--color-text-dim);align-items:center;gap:6px;font-size:12px;display:inline-flex}.hl-course-detail-filter-row{background:#eaf2ff;border:1px solid #dce7f7;border-radius:14px;gap:6px;width:max-content;max-width:100%;padding:4px;display:inline-flex}.hl-course-detail-assessment-card{background:var(--color-surface);border:1px solid #e0e7f3;border-radius:16px;flex-direction:column;gap:8px;min-width:0;padding:13px;display:flex;box-shadow:0 10px 22px #11183a09}.hl-course-detail-assessment-card>div{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.hl-course-detail-assessment-card button{width:100%;min-height:34px}.hl-course-detail-not-found{text-align:center;place-items:center;gap:10px;min-height:260px;display:grid}.hl-course-detail-not-found h1,.hl-course-detail-not-found p{margin:0}.hl-course-detail-page .hl-course-detail-hero{background-color:#f8fbff;background-image:linear-gradient(#e0e9fa9e 1px,#0000 1px),linear-gradient(90deg,#e0e9fa9e 1px,#0000 1px);background-size:28px 28px;padding:16px}.hl-course-detail-page .hl-course-detail-hero-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:center}.hl-course-detail-page .hl-course-detail-hero h1{margin-top:12px;font-size:25px;font-weight:800}.hl-course-detail-page .hl-course-detail-hero p{font-weight:500}.hl-course-detail-page .hl-course-detail-meta span{font-weight:600}.hl-course-detail-page .hl-course-detail-hero-action{background:#eaf3ff;gap:9px}.hl-course-detail-page .hl-course-detail-hero-action>span{color:var(--color-text-heading);font-size:13px;font-weight:700}.hl-course-detail-page .hl-course-detail-hero-action>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.hl-course-detail-page .hl-course-detail-hero-action small{color:var(--color-text-secondary);font-size:12px;font-weight:500}.hl-course-detail-page .hl-course-detail-hero-action strong{font-size:24px}.hl-course-detail-content-head{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.hl-course-detail-content-head h2{color:var(--color-text-heading);margin:0;font-size:20px;font-weight:800}.hl-course-detail-content-head p{max-width:560px;color:var(--color-text-secondary);text-align:right;margin:0;font-size:12.5px;font-weight:500;line-height:1.45}.hl-course-detail-curriculum-list{flex-direction:column;gap:12px;display:flex}.hl-course-detail-page .hl-course-detail-accordion,.hl-course-detail-page .hl-course-detail-card{box-shadow:0 10px 24px #11183a09}.hl-course-detail-page .hl-course-detail-accordion-head span{font-size:15px;font-weight:800}.hl-course-detail-page .hl-course-detail-accordion-head span b{width:30px;height:30px;color:var(--color-primary);background:#eaf1ff;border-radius:10px;place-items:center;font-size:12px;display:inline-grid}.hl-course-detail-page .hl-course-detail-accordion-head small,.hl-course-detail-page .hl-course-detail-group-head small{font-weight:500}.hl-course-detail-page .hl-course-detail-accordion-head strong,.hl-course-detail-page .hl-course-detail-group-head strong,.hl-course-detail-page .hl-course-detail-chapter-head strong{font-weight:700}.hl-course-detail-page .hl-course-detail-group-head span,.hl-course-detail-page .hl-course-detail-chapter-head span{font-size:14px;font-weight:650}.hl-course-detail-page .hl-course-detail-chapter-head strong{color:var(--color-text-secondary)}.hl-course-detail-page .hl-course-detail-activity-list{background:var(--color-surface);border:1px solid #e7edf9;border-radius:14px;gap:0;overflow:hidden}.hl-course-detail-page .hl-course-detail-activity{background:var(--color-surface);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:none;border:0;border-bottom:1px solid #eef3fb;border-radius:0;grid-template-columns:34px minmax(0,1fr) auto 18px;align-items:center;gap:11px;padding:11px 12px;display:grid}.hl-course-detail-page .hl-course-detail-activity:hover{background:#f8fbff}.hl-course-detail-page .hl-course-detail-activity.is-locked{cursor:default}.hl-course-detail-page .hl-course-detail-activity.is-locked:hover{background:var(--color-surface)}.hl-course-detail-page .hl-course-detail-activity.is-locked .hl-course-detail-activity-icon{color:#9aa6bd;background:#f1f4f8}.hl-course-detail-page .hl-course-detail-activity.is-locked .hl-course-detail-activity-copy strong,.hl-course-detail-page .hl-course-detail-activity.is-locked .hl-course-detail-activity-copy small,.hl-course-detail-page .hl-course-detail-activity.is-locked .hl-course-detail-activity-copy em{color:#8c98ad}.hl-course-detail-page .hl-course-detail-activity:last-child{border-bottom:0}.hl-course-detail-page .hl-course-detail-activity.is-in-progress{box-shadow:inset 3px 0 0 var(--color-primary);background:#f4f8ff}.hl-course-detail-page .hl-course-detail-activity.is-overdue{background:#fff8f8}.hl-course-detail-page .hl-course-detail-activity-icon{grid-column:auto}.hl-course-detail-activity-copy{gap:2px;min-width:0;display:grid}.hl-course-detail-activity-copy small{color:var(--color-text-secondary);font-size:11px;font-weight:600}.hl-course-detail-activity-copy strong{color:var(--color-text-heading);font-size:13px;font-weight:600;line-height:1.35}.hl-course-detail-activity-copy em{color:var(--color-text-secondary);font-size:11.5px;font-style:normal;font-weight:400;line-height:1.4}.hl-course-detail-activity-state{white-space:nowrap;justify-self:end;align-items:center;gap:8px;display:flex}.hl-course-detail-activity-state i{color:var(--color-text-secondary);align-items:center;gap:5px;font-size:11px;font-style:normal;font-weight:500;display:inline-flex}.hl-course-detail-activity-state b{color:var(--color-success);font-size:12px;font-weight:700}.hl-course-detail-activity-state mark{color:var(--color-primary);background:#eaf1ff;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:700}.hl-course-detail-activity-next{color:#9aa6bd}.hl-course-detail-page .hl-course-detail-activity.is-type-video .hl-course-detail-activity-icon{color:var(--color-primary);background:#eaf1ff}.hl-course-detail-page .hl-course-detail-activity.is-type-bai-tap .hl-course-detail-activity-icon{color:var(--color-success);background:#e7f7ef}.hl-course-detail-page .hl-course-detail-activity.is-type-mini-test .hl-course-detail-activity-icon{color:var(--color-violet);background:#f1ecff}.hl-course-detail-page .hl-course-detail-activity.is-type-mock-test .hl-course-detail-activity-icon{color:#d83a56;background:#ffecef}.hl-course-detail-page .hl-course-detail-activity.is-type-buoi-giai-de .hl-course-detail-activity-icon{color:#e4572e;background:#ffede8}.hl-course-detail-page .hl-course-detail-full-mock{background:linear-gradient(180deg, var(--color-surface), #fbfcff)}.hl-course-detail-supp-chapter .hl-course-detail-chapter{background:0 0;border:0;border-radius:0;padding:0}.hl-course-detail-supp-chapter .hl-course-detail-progress-line{margin-top:10px}.hl-activity-page{color:var(--color-text-heading);flex-direction:column;gap:14px;padding:8px 18px 32px;display:flex}.hl-activity-back{width:max-content;color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:13px;font-weight:800;display:inline-flex}.hl-activity-crumb{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.hl-activity-crumb strong{color:var(--color-text-heading);font-weight:700}.hl-activity-header-card,.hl-activity-card{background:#fffffff2;border:1px solid #e0e7f3;border-radius:18px;box-shadow:0 10px 24px #11183a0a}.hl-activity-header-card{padding:16px}.hl-activity-header-card span{color:var(--color-primary);background:#eaf1ff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.hl-activity-header-card h1{color:var(--color-text-heading);margin:10px 0 4px;font-size:24px;font-weight:800;line-height:1.2}.hl-activity-header-card p{color:var(--color-text-secondary);margin:0;font-size:12.5px;font-weight:500}.hl-activity-card{padding:16px}.hl-activity-two-column,.hl-activity-test-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px;display:grid}.hl-activity-test-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.hl-activity-video-frame{aspect-ratio:16/9;color:var(--color-primary);background:linear-gradient(135deg,#eaf1ff,#f8fbff);border-radius:16px;place-items:center;gap:8px;display:grid}.hl-activity-video-frame span{font-size:13px;font-weight:700}.hl-activity-duration{color:var(--color-text-secondary);margin:10px 0 0;font-size:12px;font-weight:500}.hl-activity-card h2{color:var(--color-text-heading);margin:0 0 10px;font-size:17px;font-weight:700}.hl-activity-goals{color:var(--color-text-dim);gap:8px;margin:0;padding-left:18px;font-size:13px;font-weight:500;line-height:1.5;display:grid}.hl-activity-question-card{flex-direction:column;gap:14px;display:flex}.hl-activity-question-stack,.hl-activity-question-item{gap:12px;display:grid}.hl-activity-question-top{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.hl-activity-question-top small{color:var(--color-text-secondary);background:#f4f7fc;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.hl-activity-question-top strong{color:var(--color-primary);font-size:14px}.hl-activity-question-progress{background:var(--color-badge-info-bg);border-radius:999px;flex:1;height:7px;overflow:hidden}.hl-activity-question-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-sky));height:100%;display:block}.hl-activity-answer-list{gap:9px;display:grid}.hl-activity-answer-list button{min-height:44px;color:var(--color-text-dim);font:inherit;text-align:left;cursor:pointer;background:#fbfcff;border:1px solid #e0e7f3;border-radius:13px;align-items:center;gap:10px;padding:9px 11px;font-size:13px;font-weight:500;display:flex}.hl-activity-answer-list button.is-selected{border-color:var(--color-primary);background:#eaf3ff;box-shadow:0 0 0 3px #1b4de414}.hl-activity-answer-list b{width:26px;height:26px;color:var(--color-primary);background:#eaf1ff;border-radius:9px;place-items:center;font-size:12px;display:grid}.hl-activity-answer-list button.is-selected b{background:var(--color-primary);color:var(--color-surface)}.hl-activity-answer-list button span{min-width:0}.hl-activity-result-actions button,.hl-activity-attempt-row button{background:var(--color-surface);min-height:38px;color:var(--color-primary);font:inherit;cursor:pointer;border:1px solid #d9e4ff;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:800;display:inline-flex}.hl-activity-bottom-nav,.hl-activity-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.hl-activity-bottom-nav button,.hl-activity-actions button,.hl-activity-result-card button,.hl-activity-not-found button{background:var(--color-surface);min-height:38px;color:var(--color-primary);font:inherit;cursor:pointer;border:1px solid #d9e4ff;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.hl-activity-bottom-nav button:disabled{cursor:not-allowed;opacity:.55}.hl-activity-actions button.is-primary,.hl-activity-result-card button,.hl-activity-submit-button,.hl-activity-submit-modal button:last-child{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface)}.hl-activity-bottom-nav span{color:var(--color-text-secondary);font-size:12px;font-weight:600}.hl-activity-question-nav{align-self:start;gap:14px;display:grid;position:sticky;top:14px}.hl-activity-question-nav h2{margin-bottom:0}.hl-activity-question-number-grid{grid-template-columns:repeat(6,1fr);gap:7px;max-height:min(420px,52vh);display:grid;overflow-y:auto}.hl-activity-question-nav button{min-height:34px;color:var(--color-text-secondary);font:inherit;cursor:pointer;background:#fbfcff;border:1px solid #e0e7f3;border-radius:10px;font-size:12px;font-weight:700}.hl-activity-question-nav button.is-active{color:var(--color-primary);background:#eaf3ff;border-color:#9db8ff}.hl-activity-question-nav button.is-answered{color:var(--color-success);background:#f1fbf5;border-color:#bde8d0}.hl-activity-question-nav button.is-answered.is-active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface)}.hl-activity-tracker-stat{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.hl-activity-tracker-stat p{background:#f8fbff;border:1px solid #e0e7f3;border-radius:14px;margin:0;padding:10px}.hl-activity-tracker-stat span{color:var(--color-text-secondary);font-size:11px;font-weight:700;display:block}.hl-activity-tracker-stat strong{color:var(--color-text-heading);margin-top:4px;font-size:16px;font-weight:800;display:block}.hl-activity-tracker-legend{color:var(--color-text-secondary);flex-wrap:wrap;gap:10px;font-size:11px;font-weight:700;display:flex}.hl-activity-tracker-legend span{align-items:center;gap:5px;display:inline-flex}.hl-activity-tracker-legend i{background:#fbfcff;border:1px solid #d9e4ff;border-radius:999px;width:10px;height:10px}.hl-activity-tracker-legend i.is-answered,.hl-activity-tracker-legend i.is-correct{border-color:var(--color-success);background:var(--color-success)}.hl-activity-tracker-legend i.is-incorrect{background:#e05252;border-color:#e05252}.hl-activity-tracker-legend i.is-unanswered{background:#c7cedb;border-color:#c7cedb}.hl-activity-submit-button{border:1px solid var(--color-primary);min-height:42px;font:inherit;cursor:pointer;border-radius:12px;font-size:12px;font-weight:800}.hl-activity-modal-layer{z-index:80;background:#09112973;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.hl-activity-submit-modal{background:var(--color-surface);border-radius:18px;width:min(430px,100%);padding:20px;box-shadow:0 24px 70px #09112938}.hl-activity-submit-modal h2,.hl-activity-submit-modal p{margin:0}.hl-activity-submit-modal p{color:#52617a;margin-top:8px;font-size:14px;line-height:1.5}.hl-activity-submit-modal>div{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.hl-activity-submit-modal button{background:var(--color-surface);min-height:38px;color:var(--color-primary);font:inherit;cursor:pointer;border:1px solid #d9e4ff;border-radius:12px;padding:0 14px;font-size:12px;font-weight:800}.hl-activity-result-card{background-color:#f8fbff;background-image:linear-gradient(#e0e9fa9e 1px,#0000 1px),linear-gradient(90deg,#e0e9fa9e 1px,#0000 1px);background-size:28px 28px;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:34px;padding:30px 34px;display:grid;position:relative;overflow:hidden}.hl-activity-result-main,.hl-activity-result-score{z-index:1;position:relative}.hl-activity-result-main{justify-items:start;gap:10px;min-width:0;display:grid}.hl-activity-result-main>span{color:var(--color-primary);background:#eaf3ff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.hl-activity-result-main h1{color:var(--color-text-heading);margin:0;font-size:22px;font-weight:750;line-height:1.25}.hl-activity-result-main p{color:var(--color-text-secondary);margin:0;font-size:13px;font-weight:550}.hl-activity-result-meta-line{color:#52617a;flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;font-size:12px;font-weight:650;display:flex}.hl-activity-result-meta-line i{background:#b8c3d8;border-radius:50%;width:4px;height:4px}.hl-activity-result-meta-line b{font-weight:850}.hl-activity-result-meta-line .is-attempt{color:var(--color-primary)}.hl-activity-result-meta-line .is-duration{color:var(--color-violet)}.hl-activity-result-meta-line .is-date{color:#0f8e83}.hl-activity-result-score{text-align:center;justify-content:center;align-items:flex-end;min-height:178px;padding-left:30px;display:flex;position:relative}.hl-activity-result-score>img{z-index:1;object-fit:contain;filter:drop-shadow(0 12px 18px #1b4de424);pointer-events:none;width:112px;height:112px;position:absolute;top:-12px;left:calc(50% + 56px);transform:translate(-50%)}.hl-activity-result-bubble{z-index:1;max-width:150px;color:var(--color-text-heading);text-align:left;background:#fffcf4;border:1px solid #f2e5c6;border-radius:18px;padding:10px 12px;font-size:11px;font-weight:500;line-height:1.35;position:absolute;top:10px;left:0;box-shadow:0 10px 24px #11183a12}.hl-activity-result-bubble:after{content:"";background:#fffcf4;border-top:1px solid #f2e5c6;border-right:1px solid #f2e5c6;width:12px;height:12px;position:absolute;top:38px;right:-7px;transform:rotate(45deg)}.hl-activity-result-score-panel{z-index:2;background:linear-gradient(#ffffff9e,#fff0 46%),#eaf3ff;border:1px solid #dce8ff;border-radius:14px;justify-items:center;gap:10px;width:min(250px,100%);padding:15px 20px 24px;display:grid;position:relative;box-shadow:inset 0 1px #fffffff0,0 12px 28px #1b4de414}.hl-activity-result-score-panel>span{color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:850}.hl-activity-result-score-panel h2{color:var(--color-primary);margin:0;font-size:42px;font-weight:850;line-height:1}.hl-activity-result-score-panel h2 small{color:var(--color-text-secondary);font-size:18px;font-weight:750}.hl-activity-result-card.is-success .hl-activity-result-score-panel h2,.hl-activity-result-card.is-success .hl-activity-result-score-panel h2{color:var(--color-success)}.hl-activity-result-card.is-blue .hl-activity-result-score-panel h2,.hl-activity-result-card.is-blue .hl-activity-result-score-panel h2{color:var(--color-primary)}.hl-activity-result-card.is-warning .hl-activity-result-score-panel h2,.hl-activity-result-card.is-warning .hl-activity-result-score-panel h2{color:var(--color-warning)}.hl-activity-result-card.is-danger .hl-activity-result-score-panel h2,.hl-activity-result-card.is-danger .hl-activity-result-score-panel h2{color:#d94a4a}.hl-activity-result-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:6px;display:flex}.hl-activity-result-actions button.is-primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface)}.hl-activity-result-actions button.is-secondary{color:var(--color-primary);background:#f5f8ff;border-color:#bfd4ff}.hl-activity-result-actions button.is-ghost{color:#52617a;background:0 0;border-color:#0000}.hl-activity-attempt-history{gap:10px;display:grid}.hl-activity-attempt-history h2{color:var(--color-text-heading);margin:0;font-size:18px;font-weight:800}.hl-activity-attempt-history>div{gap:8px;display:grid}.hl-activity-attempt-row{background:#fffffff2;border:1px solid #e0e7f3;border-radius:14px;grid-template-columns:minmax(0,1fr) 86px 150px auto;align-items:center;gap:12px;padding:12px;display:grid;box-shadow:0 8px 20px #11183a09}.hl-activity-attempt-row div{gap:3px;display:grid}.hl-activity-attempt-row strong{color:var(--color-text-heading);font-size:13px;font-weight:800}.hl-activity-attempt-row span,.hl-activity-attempt-row time{color:var(--color-text-secondary);font-size:12px;font-weight:600}.hl-activity-review-filters{flex-wrap:wrap;gap:8px;display:flex}.hl-activity-review-filters button{background:var(--color-surface);color:#52617a;min-height:34px;font:inherit;cursor:pointer;border:1px solid #d9e4ff;border-radius:999px;padding:0 13px;font-size:12px;font-weight:800}.hl-activity-review-filters button.is-active{border-color:var(--color-primary);color:var(--color-primary);background:#eaf3ff}.hl-activity-review-question{border-color:#e0e7f3}.hl-activity-review-question.is-correct{border-color:#bde8d0}.hl-activity-review-question.is-incorrect{border-color:#f2b6b6}.hl-activity-review-question.is-unanswered{border-color:#f0d79c}.hl-activity-review-question.is-correct .hl-activity-question-top small{color:#12834d;background:#e7f7ef}.hl-activity-review-question.is-incorrect .hl-activity-question-top small{color:#c93d3d;background:#fff0f0}.hl-activity-review-question.is-unanswered .hl-activity-question-top small{color:#a66b00;background:#fff7e4}.hl-activity-review-options{gap:8px;display:grid}.hl-activity-review-options p{min-height:40px;color:var(--color-text-dim);background:#fbfcff;border:1px solid #e0e7f3;border-radius:12px;align-items:center;gap:9px;margin:0;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.hl-activity-review-options p.is-correct{background:#f1fbf5;border-color:#bde8d0}.hl-activity-review-options p.is-student:not(.is-correct){background:#fff6f6;border-color:#f2b6b6}.hl-activity-review-options b{width:25px;height:25px;color:var(--color-primary);background:#eaf1ff;border-radius:8px;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.hl-activity-review-answer{gap:7px;display:grid}.hl-activity-review-answer p,.hl-activity-review-explain p{margin:0}.hl-activity-review-answer span{color:var(--color-text-secondary);font-size:11px;font-weight:800;display:block}.hl-activity-review-answer strong{color:var(--color-text-heading);margin-top:2px;font-size:13px;font-weight:700;display:block}.hl-activity-review-explain{background:#f8fbff;border-radius:12px;padding:10px}.hl-activity-review-explain strong{color:var(--color-text-heading);font-size:12px;font-weight:800}.hl-activity-review-explain p{color:#52617a;margin-top:4px;font-size:13px;line-height:1.5}.hl-activity-question-nav button.is-review-correct{color:#12834d;background:#f1fbf5;border-color:#bde8d0}.hl-activity-question-nav button.is-review-incorrect{color:#c93d3d;background:#fff6f6;border-color:#f2b6b6}.hl-activity-question-nav button.is-review-unanswered{color:var(--color-text-secondary);background:#f4f7fc;border-color:#d9dee8}.hl-activity-review-empty{color:var(--color-text-secondary);text-align:center;font-size:13px}.hl-activity-not-found{text-align:center;place-items:center;gap:10px;min-height:260px;display:grid}.hl-activity-not-found h1,.hl-activity-not-found p{margin:0}.hl-activity-not-found p{color:var(--color-text-secondary);font-size:13px}.hl-video-learning-page{height:100vh;color:var(--color-text-heading);background:#f3f7ff;flex-direction:column;display:flex;overflow:hidden}.hl-video-learn-header{background:var(--color-surface);border-bottom:1px solid #e0e7f3;flex:none;justify-content:space-between;align-items:center;gap:18px;height:60px;padding:0 20px;display:flex}.hl-video-learn-header>div{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.hl-video-learn-header button,.hl-video-drawer-head button,.hl-video-ai-close,.hl-video-ai-chat-head button{background:var(--color-surface);width:36px;height:36px;color:var(--color-primary);cursor:pointer;border:1px solid #dce7f7;border-radius:12px;place-items:center;display:grid}.hl-video-learn-header>div>span{background:#dce7f7;width:1px;height:28px}.hl-video-learn-header>div>.hl-video-logo{background:0 0;flex:none;align-items:center;gap:6px;width:auto;height:42px;display:inline-flex}.hl-video-logo img{object-fit:contain;width:42px;height:42px}.hl-video-logo b{color:var(--color-text-heading);white-space:nowrap;font-size:18px;font-weight:800;line-height:1}.hl-video-logo b span{color:var(--color-primary)}.hl-video-learn-header strong{min-width:0;color:var(--color-text-heading);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:650;overflow:hidden}.hl-video-learn-header>img{object-fit:cover;border-radius:50%;width:38px;height:38px}.hl-video-lesson-nav{background:#f8fbff;border-bottom:1px solid #e0e7f3;flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;height:54px;padding:0 20px;display:grid}.hl-video-list-button,.hl-video-nav-actions button,.hl-video-invalid button{background:var(--color-surface);min-height:34px;color:var(--color-primary);font:inherit;cursor:pointer;border:1px solid #d9e4ff;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:650;display:inline-flex}.hl-video-breadcrumb{min-width:0;color:var(--color-text-secondary);align-items:center;gap:5px;font-size:12px;font-weight:450;display:flex;overflow:hidden}.hl-video-breadcrumb button{color:var(--color-primary);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:600}.hl-video-breadcrumb span,.hl-video-breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hl-video-breadcrumb strong{color:var(--color-text-heading);font-weight:600}.hl-video-nav-actions{align-items:center;gap:8px;display:flex}.hl-video-nav-actions button:last-child{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface)}.hl-video-nav-actions button:disabled{cursor:not-allowed;opacity:.52}.hl-video-stage{background:linear-gradient(#bed8ff57 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#bed8ff57 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle at 80% 10%,#fbc34f2e,#0000 30%),#f3f7ff;flex:1;place-items:center;min-height:0;padding:22px;display:grid;position:relative;overflow:hidden}.hl-video-stage.is-ai-open{grid-template-columns:minmax(0,1fr) minmax(340px,390px);place-items:center stretch;gap:18px}.hl-video-player{aspect-ratio:16/9;background:linear-gradient(135deg,#ffffff14,#ffffff05),#0b1020;border:1px solid #ffffff24;border-radius:18px;place-items:center;width:min(100%,177.778vh - 280.889px);max-width:1280px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 70px #00000061}.hl-video-player.is-expanded{z-index:90;width:auto;max-width:none;height:auto;position:fixed;inset:20px}.hl-video-player-label{color:var(--color-surface);gap:3px;display:grid;position:absolute;top:16px;left:16px}.hl-video-player-label span{font-size:13px;font-weight:550}.hl-video-play-big{width:84px;height:84px;color:var(--color-surface);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff42;border-radius:50%;place-items:center;display:grid}.hl-video-controls{color:#dce7f7;opacity:.92;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#060a14b8;border:1px solid #ffffff29;border-radius:14px;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.hl-video-controls button{color:var(--color-surface);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.hl-video-controls span{font-size:12px;font-weight:450}.hl-video-controls div{background:#ffffff38;border-radius:999px;height:5px;overflow:hidden}.hl-video-controls i{border-radius:inherit;background:var(--color-sky);height:100%;display:block}.hl-video-ai-button{z-index:4;cursor:pointer;filter:drop-shadow(0 16px 22px #00000047);background:0 0;border:0;place-items:center;padding:0;animation:2.8s ease-in-out infinite hl-video-ai-float;display:grid;position:absolute;bottom:28px;right:28px}.hl-video-ai-button img{object-fit:contain;width:98px;height:98px}@keyframes hl-video-ai-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-7px)scale(1.04)}}.hl-video-ai-panel{z-index:5;border-radius:22px;flex-direction:column;align-self:center;width:100%;height:min(100%,620px);display:flex;position:relative;overflow:hidden;box-shadow:0 22px 46px #1b4de429}.hl-video-ai-close{color:var(--color-surface);background:#ffffff24;border-color:#ffffff42;align-self:flex-end}.hl-video-ai-panel.is-chat{background:#f3f6fc;border:1px solid #cfe0ff}.hl-video-ai-chat-head{color:var(--color-surface);background:#2455ea;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:15px 14px;display:flex}.hl-video-ai-chat-head img{background:var(--color-surface);object-fit:contain;border-radius:50%;width:46px;height:46px;padding:5px}.hl-video-ai-chat-head>div{flex:1;min-width:0}.hl-video-ai-chat-head strong,.hl-video-ai-chat-head span,.hl-video-ai-chat-head small{display:block}.hl-video-ai-chat-head strong{color:var(--color-surface);font-size:16px;font-weight:750}.hl-video-ai-chat-head span{color:var(--color-surface);margin-top:3px;font-size:12px;font-weight:500;line-height:1.35}.hl-video-ai-chat-head span i{background:#48e66e;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.hl-video-ai-chat-head small{color:#ffffffc7;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10.5px;font-weight:400;overflow:hidden}.hl-video-ai-chat-head button{color:var(--color-surface);background:#ffffff29;border:0;flex:none}.hl-video-ai-messages{background:#f3f6fc;flex-direction:column;flex:1;gap:9px;min-height:0;padding:22px 18px;display:flex;overflow-y:auto}.hl-video-ai-messages p{border-radius:18px;max-width:90%;margin:0;padding:13px 15px;font-size:13px;font-weight:450;line-height:1.48;box-shadow:0 10px 22px #11183a0f}.hl-video-ai-messages p.is-ai{background:var(--color-surface);color:var(--color-text-dim);align-self:flex-start}.hl-video-ai-messages p.is-user{background:var(--color-primary);color:var(--color-surface);align-self:flex-end}.hl-video-ai-quick{background:var(--color-surface);border-top:1px solid #e4ecf8;flex-wrap:wrap;flex:none;gap:6px;padding:14px 18px 8px;display:flex}.hl-video-ai-quick button{color:var(--color-primary);font:inherit;cursor:pointer;background:#f5f8ff;border:1px solid #d9e4ff;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:650}.hl-video-ai-input{background:var(--color-surface);border-top:0;flex:none;grid-template-columns:minmax(0,1fr) 36px;gap:8px;padding:8px 18px 16px;display:grid}.hl-video-ai-input input{min-width:0;min-height:46px;color:var(--color-text-heading);font:inherit;border:1px solid #dce7f7;border-radius:999px;outline:0;padding:0 16px;font-size:12.5px}.hl-video-ai-input button{background:var(--color-primary);width:46px;height:46px;color:var(--color-surface);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.hl-video-drawer-layer{z-index:80;position:fixed;inset:0}.hl-video-drawer-scrim{cursor:pointer;background:#05081285;border:0;position:absolute;inset:0}.hl-video-drawer{background:var(--color-surface);flex-direction:column;width:min(420px,92vw);display:flex;position:absolute;inset:0 auto 0 0;box-shadow:24px 0 60px #00000038}.hl-video-drawer-head{border-bottom:1px solid #e7edf9;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.hl-video-drawer-head h2{color:var(--color-text-heading);margin:0;font-size:18px;font-weight:750}.hl-video-drawer-list{flex-direction:column;flex:1;gap:14px;min-height:0;padding:14px;display:flex;overflow-y:auto}.hl-video-drawer-list section{gap:8px;display:grid}.hl-video-drawer-list section>strong{color:var(--color-text-heading);font-size:13px;font-weight:700}.hl-video-drawer-list button{color:var(--color-text-dim);font:inherit;text-align:left;cursor:pointer;background:#fbfcff;border:1px solid #e7edf9;border-radius:12px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;padding:9px 10px;font-size:12px;font-weight:500;display:grid}.hl-video-drawer-list button.is-current{color:var(--color-primary);background:#f1f6ff;border-color:#bfd4ff}.hl-video-drawer-list button.is-locked{color:#8c98ad;cursor:default}.hl-video-invalid{background:var(--color-surface);text-align:center;border:1px solid #e0e7f3;border-radius:18px;place-items:center;gap:10px;margin:auto;padding:28px;display:grid}.hl-video-invalid h1,.hl-video-invalid p{margin:0}.hl-student-progress{background:var(--color-badge-info-bg);border-radius:999px;width:100%;height:9px;overflow:hidden}.hl-student-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-accent));height:100%;display:block}.hl-student-two-column,.hl-student-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.hl-student-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.hl-student-list-item{background:#fbfcff;border:1px solid #e7edf9;border-radius:17px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.hl-student-list-icon{background:var(--color-badge-info-bg);width:42px;height:42px;color:var(--color-primary);border-radius:14px;place-items:center;display:grid}.hl-student-list-item strong{color:var(--color-text-heading);font-size:13px;line-height:1.35;display:block}.hl-student-list-item p,.hl-student-list-item small{color:var(--color-text-body);margin:3px 0 0;font-size:12px;line-height:1.4;display:block}.hl-student-list-item small{color:#8791ae}.hl-student-list-item button{background:var(--color-surface);color:var(--color-primary);font:inherit;cursor:pointer;border:1px solid #d9e4ff;border-radius:12px;padding:9px 12px;font-size:12px;font-weight:800}.hl-student-summary-card strong{color:var(--color-primary);margin:12px 0;font-size:42px;line-height:1;display:block}.hl-student-summary-card p{margin-top:12px;font-weight:700}.hl-student-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.hl-student-stat-grid>div{flex-direction:column;gap:7px;padding:17px;display:flex}.hl-student-stat-grid svg{color:var(--color-primary)}.hl-student-stat-grid strong{color:var(--color-text-heading);font-size:20px}.hl-student-stat-grid span{color:#8791ae;font-size:12px;font-weight:700}.hl-student-recommendations{flex-direction:column;gap:12px;margin-top:16px;display:flex}.hl-student-recommendations button{text-align:left;cursor:pointer;background:#fbfcff;border:1px solid #e7edf9;border-radius:16px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.hl-student-recommendations img{object-fit:cover;border-radius:13px;width:64px;height:54px}.hl-student-recommendations strong,.hl-student-recommendations small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hl-student-recommendations strong{color:var(--color-text-heading);font-size:13px}.hl-student-recommendations small{color:#8791ae;margin-top:4px;font-size:12px}.hl-student-catalog-controls{grid-template-columns:minmax(0,1fr) 230px;gap:16px;margin-bottom:22px;display:grid}.hl-student-catalog-controls label{color:var(--color-text-emphasis);flex-direction:column;gap:8px;font-size:12px;font-weight:800;display:flex}.hl-student-catalog-controls input,.hl-student-catalog-controls [data-dropdown-trigger]{background:var(--color-surface);width:100%;height:50px;color:var(--color-text-heading);font:inherit;border:1.5px solid #dce5f7;border-radius:15px;outline:0;padding:0 14px;font-size:13px}.hl-student-catalog-controls input:focus,.hl-student-catalog-controls [data-dropdown-trigger]:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #1b4de41a}.hl-student-detail-hero{background:linear-gradient(135deg, var(--color-surface), #f2f6ff);grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;gap:26px;margin-bottom:22px;padding:28px;display:grid}.hl-student-detail-hero h2{max-width:13ch;font-size:clamp(30px,4vw,48px)}.hl-student-detail-meta{flex-wrap:wrap;justify-content:flex-start;margin-top:18px}.hl-student-detail-meta span{min-height:31px;color:var(--color-text-heading-muted);background:#fffc;border:1px solid #dce5f7;border-radius:999px;align-items:center;gap:5px;padding:0 11px;font-weight:800;display:inline-flex}.hl-student-enroll-card{flex-direction:column;gap:16px;padding:16px;display:flex}.hl-student-enroll-card img{height:190px!important}.hl-student-overview{flex-direction:column;gap:10px;display:flex}.hl-student-overview span{color:var(--color-text-emphasis);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.hl-student-overview svg{color:var(--color-primary)}.hl-student-chapters{flex-direction:column;gap:14px;display:flex}.hl-student-chapters article{background:#fbfcff;border:1px solid #e7edf9;border-radius:16px;padding:15px}.hl-student-chapters strong{color:var(--color-text-heading);font-size:14px}.hl-student-chapters ul{color:var(--color-text-body);margin:10px 0 0;padding-left:18px;font-size:13px;line-height:1.8}.hl-student-chapters li button{color:inherit;cursor:pointer;font:inherit;line-height:inherit;text-align:left;background:0 0;border:0;padding:0}.hl-student-chapters li button:hover{color:var(--color-primary)}.hl-student-instructor{flex-direction:column;align-items:flex-start;display:flex}.hl-student-instructor img{object-fit:cover;border-radius:22px;width:78px;height:78px;margin:4px 0 13px}.hl-student-instructor strong{color:var(--color-text-heading);font-size:16px}@media (width<=800px){.hl-auth-page{height:auto;min-height:100dvh;padding:70px 16px 22px;overflow:hidden auto}.hl-auth-back{top:24px;left:18px}.hl-auth-shell{border-radius:24px;grid-template-columns:1fr;height:auto;min-height:auto;max-height:none}.hl-auth-form-panel{min-height:650px;padding:24px}.hl-auth-form-wrap{width:min(460px,100%)}.hl-auth-name-row{grid-template-columns:1fr;gap:0}.hl-auth-art{height:auto;min-height:360px}.hl-auth-art-copy{padding:50px 11% 0}.hl-auth-art-copy h2{font-size:29px}.hl-auth-quote{font-size:62px}.hl-auth-art-image{width:75%;bottom:0;right:-5%}}@media (width<=700px){.hl-onboard-page{padding:16px 14px 28px}.hl-onboard-top{margin-bottom:18px}.hl-onboard-card{border-radius:22px;padding:18px}.hl-onboard-layout{grid-template-columns:1fr;gap:18px}.hl-onboard-rail{order:2}.hl-onboard-intro{margin-bottom:18px}.hl-onboard-intro h1{max-width:none;font-size:clamp(26px,8vw,34px)}.hl-onboard-meta{gap:8px}.hl-onboard-meta span{min-height:32px;font-size:11px}.hl-onboard-grid{grid-template-columns:1fr;gap:18px}.hl-onboard-exam{align-items:flex-start}.hl-onboard-exam strong{line-height:1.4}.hl-onboard-subject-group-heading{flex-direction:column;align-items:flex-start;gap:3px}.hl-onboard-subject-group-heading span{text-align:left}.hl-onboard-actions{flex-direction:column-reverse;align-items:stretch}.hl-onboard-continue{width:100%}.hl-onboard-actions>span{justify-content:center}.hl-score-modal{border-radius:20px;padding:20px 18px 18px}.hl-score-modal h2{font-size:20px}.hl-score-modal p{font-size:13px}}@media (width<=1180px){.hl-student-shell{grid-template-columns:92px minmax(0,1fr)}.hl-student-sidebar{align-items:center;padding:20px 14px}.hl-student-sidebar nav button span{display:none!important}.hl-student-sidebar nav button{justify-content:center;padding:0}.hl-dashboard-home-grid{grid-template-columns:1fr;gap:30px}.hl-dashboard-right{display:flex}.hl-student-dashboard-grid{grid-template-columns:1fr}.hl-student-dashboard-rail{grid-template-columns:1fr 1fr;align-items:start;display:grid}.hl-student-dashboard-rail .hl-student-panel:last-child{grid-column:1/-1}.hl-profile-hero-avatar{width:70px;height:70px}.hl-profile-component-grid,.hl-profile-metric-grid.is-four,.hl-profile-accuracy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hl-profile-competency-suite{grid-template-columns:1fr}.hl-profile-competency-suite .hl-profile-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hl-profile-overall-competency{align-items:flex-start}.hl-profile-overall-competency .hl-profile-section-heading{text-align:left}.hl-profile-overall-competency .hl-profile-score-donut,.hl-profile-overall-competency>p{align-self:center}.hl-profile-score-overview,.hl-profile-analytics-grid,.hl-profile-bottom-grid,.hl-profile-practice-chart-grid,.hl-profile-learning-grid,.hl-profile-course-content{grid-template-columns:1fr}.hl-profile-donut{justify-self:start}}@media (width<=1024px){.hl-grid-5{grid-template-columns:repeat(3,1fr)!important}.hl-dashboard-test-list{grid-template-columns:repeat(var(--hl-dashboard-visible-cards,2), minmax(0, 1fr))}.hl-student-course-grid,.hl-student-course-grid.is-dashboard,.hl-my-courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hl-student-detail-hero,.hl-course-detail-hero-grid,.hl-course-detail-overview,.hl-course-detail-live,.hl-course-detail-page .hl-course-detail-hero-grid{grid-template-columns:1fr}.hl-course-detail-test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.hl-desktop-nav{display:none!important}.hl-hero-grid,.hl-learn-split,.hl-learn-live,.hl-mind,.hl-streak,.hl-feat,.hl-footer-grid{grid-template-columns:1fr!important}.hl-grid-4{grid-template-columns:repeat(2,1fr)!important}.hl-grid-3{grid-template-columns:1fr!important}.hl-grid-5,.hl-stats{grid-template-columns:repeat(2,1fr)!important}.hl-roadmap-line{left:28px!important;transform:none!important}.hl-roadmap-row{grid-template-columns:56px 1fr!important}.hl-roadmap-row>div:first-child{grid-column:2!important;justify-content:flex-start!important}.hl-roadmap-row>div:first-child>div{text-align:left!important}.hl-roadmap-pin{grid-column:1!important}}@media (width<=760px){.hl-student-shell{display:block}.hl-student-sidebar{z-index:40;border-bottom:1px solid #e2e9f9;border-right:0;flex-direction:row;align-items:center;height:auto;padding:10px 12px;position:static;inset:0 0 auto}.hl-student-sidebar nav{flex-direction:row;flex:1;justify-content:center}.hl-student-sidebar nav button,.hl-student-exit{border-radius:14px;width:42px;min-height:42px}.hl-student-main{padding:20px 14px 28px}.hl-student-topbar{flex-wrap:wrap;gap:10px;padding:10px 14px}.hl-student-header-left{flex:1 0 auto}.hl-student-top-actions{flex:100%;gap:8px;width:100%}.hl-dashboard-page{padding:8px 0 30px}.hl-dashboard-welcome{margin-top:0}.hl-dashboard-goal-head,.hl-dashboard-goal-action,.hl-dashboard-recent,.hl-dashboard-home-grid,.hl-dashboard-right,.hl-dashboard-course-list,.hl-dashboard-test-list{grid-template-columns:repeat(var(--hl-dashboard-visible-cards,1), minmax(0, 1fr))}.hl-dashboard-goal-action button,.hl-dashboard-recent button{width:100%}.hl-dashboard-mascot-wrap{justify-content:flex-start;min-height:auto}.hl-dashboard-mascot-bubble{width:min(280px,100%);position:relative;top:auto;bottom:auto;right:auto}.hl-dashboard-mascot-bubble:after{bottom:-8px;right:24px}.hl-dashboard-mascot{display:none}.hl-dashboard-profile-head,.hl-dashboard-section-row{flex-flow:wrap;align-items:center}.hl-dashboard-section-row>button,.hl-dashboard-section-actions{margin-left:auto}.hl-dashboard-section-actions{flex-wrap:wrap;width:auto}.hl-dashboard-legend{gap:10px}.hl-dashboard-frequency-card{padding:30px 18px 20px}.hl-dashboard-months{margin-left:62px}.hl-dashboard-heatmap{grid-template-columns:54px minmax(0,1fr)}.hl-dashboard-days{font-size:13px}.hl-dashboard-cells>div{grid-template-columns:repeat(15,44px)}.hl-student-icon-button,.hl-student-avatar-button,.hl-student-streak{width:44px;height:44px}.hl-student-streak{justify-content:center;padding:0}.hl-student-course-grid,.hl-student-course-grid.is-dashboard,.hl-student-two-column,.hl-student-detail-grid,.hl-student-catalog-controls,.hl-student-dashboard-rail{grid-template-columns:1fr}.hl-student-hero-card{flex-direction:column;align-items:flex-start}.hl-student-hero-card .hl-student-primary-button{width:100%}.hl-student-list-item{grid-template-columns:42px minmax(0,1fr)}.hl-student-list-item button{grid-column:2;justify-self:start}.hl-student-detail-hero{border-radius:22px;padding:20px}.hl-student-detail-hero h2{max-width:none}.hl-profile-page{padding:8px 0 32px}.hl-my-courses-page{padding:6px 0 28px}.hl-my-courses-header h1{font-size:24px}.hl-my-courses-panel{border-radius:16px;padding:14px}.hl-my-courses-toolbar{flex-direction:column;align-items:stretch}.hl-my-courses-filters{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.hl-my-courses-search{width:100%;min-width:0}.hl-my-courses-tabs{width:100%;overflow-x:auto}.hl-my-courses-tabs button{flex:1 0 auto}.hl-my-courses-grid{grid-template-columns:1fr}.hl-course-detail-page{padding:6px 0 28px}.hl-course-detail-hero,.hl-course-detail-card,.hl-course-detail-accordion{border-radius:16px;padding:14px}.hl-course-detail-hero h1{font-size:23px}.hl-course-detail-content-head{flex-direction:column;align-items:flex-start}.hl-course-detail-content-head p{text-align:left;max-width:none}.hl-course-detail-filter-row{width:100%;overflow-x:auto}.hl-course-detail-filter-row button{flex:1 0 auto}.hl-course-detail-area-progress,.hl-course-detail-test-grid,.hl-course-detail-activity{grid-template-columns:1fr}.hl-course-detail-page .hl-course-detail-activity{grid-template-columns:34px minmax(0,1fr)}.hl-course-detail-activity-next{display:none}.hl-course-detail-activity-state{white-space:normal;flex-wrap:wrap;grid-column:2;justify-self:start}.hl-course-detail-activity-status{flex-wrap:wrap;align-items:flex-start}.hl-course-detail-activity-status button{width:100%}.hl-activity-page{padding:6px 0 28px}.hl-activity-header-card,.hl-activity-card{border-radius:16px;padding:14px}.hl-activity-header-card h1{font-size:21px}.hl-activity-two-column,.hl-activity-test-layout{grid-template-columns:1fr}.hl-activity-bottom-nav,.hl-activity-actions{flex-direction:column;align-items:stretch}.hl-activity-bottom-nav button,.hl-activity-actions button{width:100%}.hl-activity-result-card,.hl-activity-attempt-row{grid-template-columns:1fr}.hl-activity-result-card{gap:20px;padding:22px 18px}.hl-activity-result-score{text-align:center;justify-content:center;min-height:172px;padding-top:0;padding-left:0}.hl-activity-result-score>img{width:92px;height:92px;top:-6px;left:calc(50% + 48px);transform:translate(-50%)}.hl-activity-result-bubble{max-width:142px;top:8px;left:50%;transform:translate(-116%)}.hl-activity-result-bubble:after{top:34px}.hl-activity-result-score-panel{width:min(230px,100%);padding-top:18px}.hl-activity-result-score-panel h2{font-size:34px}.hl-activity-result-actions{flex-direction:column;align-items:stretch;width:100%}.hl-activity-result-actions button,.hl-activity-attempt-row button{width:100%}.hl-activity-bottom-nav span{text-align:center}.hl-activity-question-nav{position:static}.hl-activity-question-number-grid{grid-template-columns:repeat(6,1fr)}.hl-video-learning-page{height:100dvh;min-height:100vh}.hl-video-learn-header{height:56px;padding:0 12px}.hl-video-learn-header .hl-video-logo b,.hl-video-learn-header strong{display:none}.hl-video-learn-header>div{gap:8px}.hl-video-lesson-nav{grid-template-columns:1fr auto;gap:8px;height:auto;min-height:56px;padding:8px 12px}.hl-video-breadcrumb{order:3;grid-column:1/-1}.hl-video-nav-actions{justify-content:flex-end}.hl-video-nav-actions button{padding:0 9px}.hl-video-stage{padding:12px}.hl-video-player{width:100%;max-height:calc(100dvh - 150px)}.hl-video-controls{grid-template-columns:auto auto minmax(0,1fr) auto;bottom:10px;left:10px;right:10px}.hl-video-controls>svg{display:none}.hl-video-ai-button{bottom:14px;right:14px}.hl-video-ai-button img{width:60px;height:60px}.hl-video-ai-panel{width:auto;max-height:calc(100dvh - 92px);inset:auto 10px 10px}.hl-video-drawer{width:min(100vw,440px)}.hl-course-detail-accordion-head,.hl-course-detail-group-head,.hl-course-detail-chapter-head{flex-direction:column;align-items:flex-start}.hl-profile-header h1{font-size:24px}.hl-profile-hero{border-radius:22px;padding:16px}.hl-profile-hero-header{flex-direction:column;align-items:flex-start;padding-right:0}.hl-profile-hero-user{align-items:flex-start}.hl-profile-hero-avatar{width:62px;height:62px}.hl-profile-hero-content h2{font-size:21px}.hl-profile-edit-button{min-height:38px}.hl-profile-hero-summary{margin-top:14px;padding:12px}.hl-profile-hero-metrics{grid-template-columns:1fr}.hl-profile-nav-row{flex-direction:column;align-items:stretch}.hl-profile-tabs{width:100%;overflow-x:auto}.hl-profile-tabs button{flex:1 0 auto;padding:0 14px}.hl-profile-score-overview,.hl-profile-score-facts,.hl-profile-component-grid,.hl-profile-chart-metrics,.hl-profile-two-column,.hl-profile-metric-grid,.hl-profile-metric-grid.is-four,.hl-profile-accuracy-grid{grid-template-columns:1fr}.hl-profile-main-score strong{font-size:38px}.hl-profile-section-heading,.hl-profile-component-section-head,.hl-profile-learning-section-head,.hl-profile-chart-head,.hl-profile-insight-head,.hl-profile-achievement-head{flex-direction:column;align-items:flex-start}.hl-profile-competency-suite{padding:16px}.hl-profile-competency-suite .hl-profile-component-grid{grid-template-columns:1fr}.hl-profile-comparison{flex-direction:column;align-items:flex-start;width:100%}.hl-profile-comparison>button{justify-content:space-between;width:100%}.hl-profile-comparison-menu{width:100%;left:0;right:auto}.hl-profile-ai-action{flex-direction:column;align-items:stretch}.hl-profile-ai-action img{align-self:center}.hl-profile-ai-action-banner{gap:10px;min-height:0;padding:14px}.hl-profile-ai-banner-panel{grid-template-columns:1fr;gap:10px;margin-right:0;padding:12px}.hl-profile-ai-banner-panel button{width:100%}.hl-profile-ai-insight-card{max-height:none}.hl-profile-ai-insight-head{flex-direction:column}.hl-profile-ai-insight-head>div{justify-content:flex-start}.hl-profile-feedback-head{flex-direction:column;align-items:stretch}.hl-profile-practice-update-button{width:100%}.hl-profile-practice-ai-insight-grid{grid-template-columns:1fr}.hl-profile-feedback-tabs{grid-template-columns:1fr;width:100%;display:grid}.hl-profile-practice-insight-card{max-height:230px}.hl-profile-practice-insight-head{flex-direction:column}.hl-profile-practice-insight-head>div{justify-content:flex-start}.hl-profile-practice-ai-result-head,.hl-profile-practice-ai-list article,.hl-profile-practice-ai-detail-list article>div{grid-template-columns:1fr;align-items:flex-start}.hl-profile-teacher-detail-grid{grid-template-columns:1fr}.hl-profile-teacher-detail-head{align-items:flex-start}.hl-profile-teacher-filter{flex-direction:column;align-items:stretch}.hl-profile-teacher-comment-card{grid-template-columns:minmax(0,1fr)}.hl-profile-teacher-comment-card>svg{display:none}.hl-profile-teacher-comment-head{flex-direction:column;align-items:flex-start;gap:3px}.hl-profile-practice-ai-result-head{flex-direction:column}.hl-profile-practice-ai-list{max-height:286px}.hl-profile-practice-ai-list article button{justify-self:start}.hl-scroll-modal-backdrop{padding:16px}.hl-scroll-modal{border-radius:18px;max-height:80vh}.hl-scroll-modal-head,.hl-scroll-modal-body{padding-left:16px;padding-right:16px}.hl-profile-history-item>div:first-child,.hl-profile-achievement-modal-item{align-items:flex-start}.hl-profile-history-item>div:first-child{flex-direction:column;gap:4px}.hl-profile-achievement-modal-item{grid-template-columns:42px minmax(0,1fr)}.hl-profile-achievement-modal-item time{grid-column:2}.hl-profile-score-donut{width:138px;height:138px}.hl-profile-score-donut strong{font-size:36px}.hl-profile-bars{min-height:156px}.hl-profile-chart-wrap svg{height:210px}.hl-profile-months{margin-left:45px}.hl-profile-cells>div{grid-template-columns:repeat(15,22px)}.hl-profile-course-content{gap:16px}.hl-profile-timeline.is-scrollable{max-height:260px}}@media (width<=560px){.hl-grid-4{grid-template-columns:1fr!important}.hl-auth-page{padding:64px 12px 18px}.hl-auth-form-panel{min-height:auto;padding:20px 18px 22px}.hl-auth-heading--compact h1{font-size:clamp(24px,8vw,30px)}.hl-auth-art-copy{padding:42px 10% 0}.hl-student-header-logo span span{display:none!important}.hl-student-header-logo img{width:42px!important;height:42px!important;margin-top:0!important}.hl-student-panel,.hl-student-hero-card{border-radius:20px;padding:18px}.hl-student-stat-grid{grid-template-columns:1fr}}.hl-staff-enrollment-dev{display:none}.hl-staff-title .hl-staff-primary{white-space:nowrap;justify-content:center;align-items:center;gap:7px;display:inline-flex}.hl-teacher-app{height:100vh;color:var(--color-text-heading);background:#f5f7fc;display:flex;overflow:hidden}.hl-teacher-sidebar{background:var(--color-text-heading);width:250px;min-height:100vh;color:var(--color-badge-info-bg);flex-direction:column;flex:0 0 250px;padding:25px 14px 16px;display:flex;position:sticky;top:0}.hl-teacher-brand{border-bottom:1px solid #e2eaff21;justify-content:space-between;align-items:center;padding:0 10px 25px;display:flex}.hl-teacher-close,.hl-teacher-menu{display:none}.hl-teacher-nav{gap:4px;display:grid}.hl-teacher-group-label{color:var(--color-text-subtle);letter-spacing:.4px;text-transform:uppercase;margin:18px 11px 6px;font-size:11px;font-weight:500}.hl-teacher-group-label:first-child{margin-top:0}.hl-teacher-nav-item{color:#b7c3e6;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:11px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.hl-teacher-nav-item:hover,.hl-teacher-nav-item.is-active{color:var(--color-surface);background:#263466}.hl-teacher-nav-item.is-active{box-shadow:inset 3px 0 var(--color-accent)}.hl-teacher-side-bottom{border-top:1px solid #e2eaff21;margin-top:auto;padding-top:13px}.hl-teacher-user{width:100%;color:var(--color-surface);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:34px 1fr 18px;align-items:center;gap:9px;margin-top:9px;padding:9px;display:grid}.hl-teacher-user>span{background:var(--color-accent);color:#633e00;border-radius:10px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.hl-teacher-user strong,.hl-teacher-user small{display:block}.hl-teacher-user strong{font-size:10px}.hl-teacher-user small{color:#98a9d8;margin-top:3px;font-size:8.5px}.hl-teacher-content{box-sizing:border-box;flex:1;min-width:0;height:100vh;padding:14px 14px 14px 0;display:flex}.hl-teacher-card{background:var(--color-surface);border-radius:16px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden;box-shadow:0 3px 6px -2px #1018280f,0 1px 2px #10182814}.hl-teacher-header{background:var(--color-surface);border-bottom:1px solid #e4e9f3;flex:none;align-items:center;gap:16px;height:64px;padding:0 20px;display:flex}.hl-teacher-search{background:var(--color-surface);color:#8a96b1;width:100%;max-width:280px;height:34px;font:inherit;cursor:pointer;border:1px solid #e2e8f6;border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:flex}.hl-teacher-search span{text-align:left;flex:1}.hl-teacher-search kbd{color:#8a96b1;font:inherit;background:#f5f7fc;border:1px solid #e2e8f6;border-radius:5px;padding:1px 5px;font-size:11px}.hl-teacher-breadcrumb{color:#8a96b1;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;display:flex}.hl-teacher-breadcrumb strong{color:#43506e}.hl-teacher-header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.hl-teacher-icon-button{background:var(--color-surface);color:#43506e;cursor:pointer;border:1px solid #e2e8f6;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:relative}.hl-teacher-refresh{width:auto;font:inherit;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.hl-teacher-icon-button i{border:1px solid var(--color-surface);background:#e85b61;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.hl-teacher-back{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;font-size:10.5px;font-weight:800}.hl-teacher-main{flex:1;width:100%;min-height:0;padding:36px 35px 54px;overflow-y:auto}.hl-teacher-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}.hl-teacher-title>div>span,.hl-teacher-eyebrow{color:var(--color-primary);letter-spacing:1.15px;font-size:9.5px;font-weight:900;display:block}.hl-teacher-title h1{letter-spacing:-.8px;margin:7px 0;font-size:28px}.hl-teacher-title p{color:#77829f;margin:0;font-size:12px}.hl-teacher-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:var(--color-surface);font:inherit;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:7px;padding:12px 15px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 10px 20px #1b4de438}.hl-teacher-toast{z-index:50;color:#1e7d53;background:#f4fff8;border:1px solid #bde8d0;border-radius:10px;align-items:center;gap:8px;padding:11px 14px;font-size:11px;font-weight:700;display:flex;position:fixed;top:82px;right:28px;box-shadow:0 10px 22px #145d3e1f}.hl-teacher-kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.hl-teacher-kpi{background:var(--color-surface);border:1px solid #e4e9f4;border-radius:13px;gap:12px;min-width:0;padding:16px;display:flex;box-shadow:0 8px 22px #13245309}.hl-teacher-kpi>span{border-radius:11px;flex:none;place-items:center;width:39px;height:39px;display:grid}.hl-teacher-kpi>span.blue{background:var(--color-badge-info-bg);color:var(--color-primary)}.hl-teacher-kpi>span.gold{background:var(--color-badge-warning-bg);color:#b67300}.hl-teacher-kpi>span.violet{color:#7047c6;background:#f0eafe}.hl-teacher-kpi>span.green{background:var(--color-badge-success-bg);color:#24865e}.hl-teacher-kpi p{color:#76819c;margin:1px 0 5px;font-size:10px;font-weight:700}.hl-teacher-kpi strong{font-size:22px;line-height:1;display:block}.hl-teacher-kpi small{color:#3d9b72;margin-top:7px;font-size:8.5px;font-weight:700;line-height:1.3;display:block}.hl-teacher-dashboard-grid{grid-template-columns:minmax(0,1.18fr) minmax(350px,.82fr);gap:18px;display:grid}.hl-teacher-column{align-content:start;gap:18px;display:grid}.hl-teacher-panel{background:var(--color-surface);border:1px solid #e4e9f4;border-radius:13px;padding:20px;box-shadow:0 8px 22px #13245309}.hl-teacher-panel-heading{justify-content:space-between;align-items:start;gap:10px;margin-bottom:17px;display:flex}.hl-teacher-panel h2{letter-spacing:-.35px;margin:5px 0 0;font-size:16px}.hl-teacher-panel h2 em{min-width:20px;height:20px;color:var(--color-badge-warning-text);vertical-align:2px;background:#fff0d7;border-radius:50%;place-items:center;margin-left:5px;font-size:10px;font-style:normal;display:inline-grid}.hl-teacher-panel-heading>button{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:0;font-size:10px;font-weight:800;display:flex}.hl-teacher-course-list{gap:10px;display:grid}.hl-teacher-course{border:1px solid #edf0f7;border-radius:11px;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:11px;padding:11px;display:grid}.hl-teacher-course-mark{border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.hl-teacher-course-mark.blue{background:var(--color-badge-info-bg);color:var(--color-primary)}.hl-teacher-course-mark.violet{color:#7047c6;background:#f0eafe}.hl-teacher-course-mark.gold{background:var(--color-badge-warning-bg);color:var(--color-badge-warning-text)}.hl-teacher-course-info>span{color:var(--color-text-subtle);font-size:9px;font-weight:700}.hl-teacher-course h3,.hl-teacher-session h3,.hl-teacher-submissions h3{color:var(--color-text-strong);margin:3px 0;font-size:11.5px}.hl-teacher-course p{color:var(--color-text-subtle);align-items:center;gap:4px;margin:0;font-size:9px;display:flex}.hl-teacher-course p i{background:#aeb7c9;border-radius:50%;width:3px;height:3px;margin:0 2px}.hl-teacher-course>button{color:#8290af;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.hl-teacher-progress{background:#eef2fa;border-radius:5px;height:5px;margin-top:9px;position:relative;overflow:visible}.hl-teacher-progress b{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.hl-teacher-progress small{color:#70809f;font-size:8px;font-weight:800;position:absolute;top:-3px;right:0;transform:translateY(-100%)}.hl-teacher-sessions{display:grid}.hl-teacher-session{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:47px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.hl-teacher-session:first-child{padding-top:0}.hl-teacher-session:last-child{border:0;padding-bottom:0}.hl-teacher-session-date{border-radius:10px;place-items:center;width:45px;min-height:49px;display:grid}.hl-teacher-session-date small{font-size:7px;font-weight:900}.hl-teacher-session-date strong{font-size:20px;line-height:1.1}.hl-teacher-session-date.blue{color:var(--color-primary);background:var(--color-badge-info-bg)}.hl-teacher-session-date.violet{color:#7047c6;background:#f0eafe}.hl-teacher-session-date.gold{color:var(--color-badge-warning-text);background:var(--color-badge-warning-bg)}.hl-teacher-session p{color:var(--color-text-subtle);margin:4px 0 0;font-size:9.5px}.hl-teacher-session time{color:#52607c;white-space:nowrap;align-items:center;gap:4px;font-size:9px;font-weight:800;display:flex}.hl-teacher-submissions{display:grid}.hl-teacher-submissions article{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 0;display:grid}.hl-teacher-submissions article:first-child{padding-top:0}.hl-teacher-submissions article:last-child{border:0;padding-bottom:0}.hl-teacher-submissions article.is-graded{opacity:.58}.hl-teacher-avatar{border-radius:10px;place-items:center;width:33px;height:33px;font-size:9px;font-weight:900;display:grid}.hl-teacher-avatar.blue{color:var(--color-primary);background:var(--color-badge-info-bg)}.hl-teacher-avatar.gold{color:var(--color-badge-warning-text);background:var(--color-badge-warning-bg)}.hl-teacher-avatar.violet{color:#7047c6;background:#f0eafe}.hl-teacher-avatar.green{color:var(--color-badge-success-text);background:var(--color-badge-success-bg)}.hl-teacher-submissions h3{margin:0 0 2px}.hl-teacher-submissions p,.hl-teacher-submissions small{color:#7883a0;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:9px;display:block;overflow:hidden}.hl-teacher-submissions small{color:#9aa4bb;margin-top:3px;font-size:8px}.hl-teacher-submissions button{min-width:38px;min-height:28px;color:var(--color-primary);font:inherit;cursor:pointer;background:#f7f9ff;border:1px solid #d9e3fa;border-radius:7px;place-items:center;font-size:9px;font-weight:800;display:grid}.hl-teacher-submissions button:disabled{color:#24865e;cursor:default;background:0 0;border:0}.hl-teacher-stats{gap:15px;display:grid}.hl-teacher-stats>div>div{color:var(--color-text-heading-soft);justify-content:space-between;gap:10px;font-size:10px;font-weight:700;display:flex}.hl-teacher-stats strong{color:var(--color-primary);font-size:13px}.hl-teacher-stats p{color:var(--color-text-subtle);margin:4px 0 7px;font-size:8.5px}.hl-teacher-stats i{background:#eef2fa;border-radius:5px;height:6px;display:block;overflow:hidden}.hl-teacher-stats i b{border-radius:inherit;height:100%;display:block}.hl-teacher-stats i b.blue{background:var(--color-primary)}.hl-teacher-stats i b.green{background:#39a676}.hl-teacher-stats i b.gold{background:#e6ad3b}.hl-teacher-tip{color:var(--color-badge-warning-text);background:#fff9ea;border:1px solid #f1d68c;border-radius:13px;gap:11px;padding:15px;display:flex}.hl-teacher-tip div{color:var(--color-text-body)}.hl-teacher-tip strong{color:#7d5605;font-size:11px}.hl-teacher-tip p{margin:4px 0 0;font-size:9.5px;line-height:1.5}@media (width<=1050px){.hl-teacher-app{height:auto;overflow:visible}.hl-teacher-content{height:auto;padding:0;overflow:visible}.hl-teacher-card{box-shadow:none;border-radius:0;overflow:visible}.hl-teacher-main{overflow:visible}.hl-teacher-sidebar{z-index:30;transition:transform .25s;position:fixed;left:0;transform:translate(-100%);box-shadow:12px 0 30px #070c1e40}.hl-teacher-sidebar.is-open{transform:translate(0)}.hl-teacher-close,.hl-teacher-menu{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.hl-teacher-menu{color:#43506e}.hl-teacher-overlay{z-index:20;background:#0b122b57;border:0;position:fixed;inset:0}.hl-teacher-kpis{grid-template-columns:repeat(2,1fr)}.hl-teacher-dashboard-grid{grid-template-columns:1fr}}@media (width<=680px){.hl-teacher-header{height:60px;padding:0 16px}.hl-teacher-back,.hl-teacher-search span,.hl-teacher-search kbd{display:none}.hl-teacher-search{justify-content:center;max-width:40px;padding:0}.hl-teacher-refresh span{display:none}.hl-teacher-header-actions{margin-left:auto}.hl-teacher-main{padding:25px 15px 54px}.hl-teacher-title{flex-direction:column;align-items:flex-start}.hl-teacher-title h1{font-size:23px}.hl-teacher-title p{line-height:1.55}.hl-teacher-primary{justify-content:center;width:100%}.hl-teacher-kpis{gap:9px}.hl-teacher-kpi{gap:8px;padding:13px}.hl-teacher-kpi>span{width:34px;height:34px}.hl-teacher-kpi strong{font-size:18px}.hl-teacher-kpi small{line-height:1.35}.hl-teacher-panel{padding:15px}.hl-teacher-panel-heading{margin-bottom:15px}.hl-teacher-session{grid-template-columns:43px 1fr}.hl-teacher-session time{grid-column:2}.hl-teacher-session-date{width:41px}.hl-teacher-course{grid-template-columns:38px minmax(0,1fr) 20px;padding:9px}.hl-teacher-course-mark{width:36px;height:36px}.hl-teacher-course p{flex-wrap:wrap}.hl-teacher-toast{top:70px;left:15px;right:15px}.hl-teacher-tip{padding:13px}}.hl-teacher-app{background:#f7f9ff}.hl-teacher-sidebar{color:var(--color-text-heading);background:#f7f9ff}.hl-teacher-brand{border-color:#e7edf8}.hl-teacher-nav-item{color:var(--color-text-body);border:0;border-radius:8px;padding:9px 12px;font-size:13px}.hl-teacher-nav-item:hover{color:var(--color-text-heading);background:#0000000d}.hl-teacher-nav-item.is-active{color:var(--color-text-heading);box-shadow:none;background:#0000000d}.hl-teacher-side-bottom{border-color:#e7edf8}.hl-teacher-user{color:var(--color-text-strong)}.hl-teacher-user>span{background:var(--color-badge-info-bg);color:var(--color-primary)}.hl-teacher-user small{color:#8591ac}.hl-teacher-close{color:#43506e}.hl-teacher-header{background:#ffffffeb;border-color:#e2e9f9}.hl-teacher-main{padding-top:32px}.hl-teacher-title{min-height:98px;margin-bottom:22px;position:relative}.hl-teacher-title h1{font-size:30px}.hl-teacher-welcome-actions{align-items:center;gap:9px;min-height:72px;display:flex}.hl-teacher-welcome-actions img{filter:drop-shadow(0 9px 10px #11183a1f);width:78px;height:auto;margin:0 -6px -12px 0}.hl-teacher-mascot-message{background:var(--color-surface);max-width:180px;color:var(--color-text-body);border:1px solid #e0e7f7;border-radius:10px;padding:8px 10px;font-size:9px;font-weight:700;line-height:1.45;box-shadow:0 6px 16px #11183a0d}.hl-teacher-primary{box-shadow:0 8px 18px #1b4de42e}.hl-teacher-kpi,.hl-teacher-panel{border-color:#e2e9f9;border-radius:16px;box-shadow:0 8px 20px #11183a06}.hl-teacher-kpi>span.blue,.hl-teacher-kpi>span.gold,.hl-teacher-kpi>span.violet,.hl-teacher-kpi>span.green{background:var(--color-badge-info-bg);color:var(--color-primary)}.hl-teacher-kpi small{color:#77829f}.hl-teacher-kpi:last-child small{color:#3d9b72}.hl-teacher-course-mark.blue,.hl-teacher-course-mark.violet,.hl-teacher-course-mark.gold{background:var(--color-badge-info-bg);color:var(--color-primary)}.hl-teacher-session-date.blue,.hl-teacher-session-date.violet,.hl-teacher-session-date.gold{color:var(--color-primary);background:#f3f6ff}.hl-teacher-avatar.blue,.hl-teacher-avatar.gold,.hl-teacher-avatar.violet,.hl-teacher-avatar.green{background:var(--color-badge-info-bg);color:var(--color-primary)}.hl-teacher-session-date{border:1px solid #e2e9f9}.hl-teacher-panel h2 em{background:var(--color-badge-info-bg);color:var(--color-primary)}.hl-teacher-stats i b.blue,.hl-teacher-stats i b.green,.hl-teacher-stats i b.gold{background:var(--color-primary)}.hl-teacher-tip{color:var(--color-primary);background:#f7f9ff;border-color:#dce5f7}.hl-teacher-tip strong{color:var(--color-text-strong)}@media (width<=680px){.hl-teacher-welcome-actions{width:100%}.hl-teacher-welcome-actions img,.hl-teacher-mascot-message{display:none}.hl-teacher-primary{width:100%}}.hl-teacher-courses-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin:-5px 0 18px;display:grid}.hl-teacher-courses-summary>div{background:var(--color-surface);color:var(--color-primary);border:1px solid #e2e9f9;border-radius:14px;align-items:center;gap:11px;padding:15px 16px;display:flex;box-shadow:0 8px 20px #11183a06}.hl-teacher-courses-summary span{color:var(--color-text-body)}.hl-teacher-courses-summary strong,.hl-teacher-courses-summary small{display:block}.hl-teacher-courses-summary strong{color:var(--color-text-strong);font-size:13px}.hl-teacher-courses-summary small{color:var(--color-text-subtle);margin-top:3px;font-size:9px}.hl-teacher-course-count{color:var(--color-primary);background:#f3f6ff;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:800}.hl-teacher-assigned-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.hl-teacher-assigned-card{background:var(--color-surface);min-width:0;color:var(--color-text-heading);text-align:left;cursor:pointer;border:1px solid #e2e9f9;border-radius:14px;flex-direction:column;padding:0;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.hl-teacher-assigned-card:hover{border-color:#c8d7ff;transform:translateY(-3px);box-shadow:0 18px 28px #1b4de41a}.hl-teacher-assigned-cover{background:linear-gradient(135deg, var(--color-badge-info-bg), #f8faff);min-height:96px;color:var(--color-primary);flex-direction:column;justify-content:space-between;padding:15px;display:flex}.hl-teacher-assigned-cover span{color:#52607c;max-width:150px;font-size:10px;font-weight:800;line-height:1.35}.hl-teacher-assigned-body{padding:15px}.hl-teacher-assigned-body h2{letter-spacing:-.3px;margin:6px 0;font-size:15px}.hl-teacher-assigned-body>p{color:#77829f;min-height:38px;margin:0;font-size:9.5px;line-height:1.55}.hl-teacher-assigned-body>div{color:#6e7b97;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:8.5px;display:flex}.hl-teacher-assigned-body>div span{align-items:center;gap:4px;display:flex}.hl-teacher-assigned-body>i,.hl-teacher-course-progress i,.hl-teacher-module-list i{background:#eef2fa;border-radius:99px;height:5px;margin-top:13px;display:block;overflow:hidden}.hl-teacher-assigned-body>i b,.hl-teacher-course-progress i b,.hl-teacher-module-list i b{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.hl-teacher-assigned-body small{color:var(--color-text-subtle);margin-top:6px;font-size:8.5px;font-weight:700;display:block}.hl-teacher-assigned-arrow{color:var(--color-primary);opacity:.78;position:absolute;top:105px;right:13px}.hl-teacher-text-back{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:0 0 16px;padding:0;font-size:10.5px;font-weight:800;display:flex}.hl-teacher-course-hero{background:linear-gradient(135deg, var(--color-surface), #f4f7ff);border:1px solid #dde7fc;border-radius:16px;grid-template-columns:55px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:18px;padding:19px;display:grid}.hl-teacher-course-hero-icon{background:var(--color-badge-info-bg);width:52px;height:52px;color:var(--color-primary);border-radius:13px;place-items:center;display:grid}.hl-teacher-course-hero h1{letter-spacing:-.55px;margin:5px 0;font-size:21px}.hl-teacher-course-hero p{color:#77829f;margin:0;font-size:10.5px}.hl-teacher-course-detail-grid{grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:18px;display:grid}.hl-teacher-course-side{align-content:start;gap:18px;display:grid}.hl-teacher-module-list{display:grid}.hl-teacher-module-list article{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:37px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:12px 0;display:grid}.hl-teacher-module-list article:last-child{border:0;padding-bottom:0}.hl-teacher-module-list>article>span{width:35px;height:35px;color:var(--color-primary);background:#f3f6ff;border-radius:10px;place-items:center;display:grid}.hl-teacher-module-list>article>span.is-done{color:#2c9367;background:#eaf7f0}.hl-teacher-module-list h3{color:var(--color-text-strong);margin:0;font-size:11px}.hl-teacher-module-list p{color:var(--color-text-subtle);margin:4px 0 0;font-size:9px}.hl-teacher-module-list i{height:4px;margin-top:8px}.hl-teacher-module-list button{color:#71809f;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.hl-teacher-course-progress{margin-top:16px}.hl-teacher-course-progress strong{color:var(--color-primary);letter-spacing:-1px;font-size:28px;display:block}.hl-teacher-course-progress p{color:var(--color-text-subtle);margin:3px 0 0;font-size:9.5px}.hl-teacher-course-progress i{height:7px;margin-top:11px}.hl-teacher-course-facts{border-top:1px solid var(--color-border-subtle);grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;padding-top:14px;display:grid}.hl-teacher-course-facts span{color:var(--color-text-subtle);font-size:9px}.hl-teacher-course-facts b{color:var(--color-text-strong);margin-bottom:3px;font-size:15px;display:block}.hl-teacher-quick-actions{gap:7px;margin-top:15px;display:grid}.hl-teacher-quick-actions button{background:var(--color-surface);color:#52607c;width:100%;font:inherit;text-align:left;cursor:pointer;border:1px solid #e2e9f9;border-radius:9px;align-items:center;gap:8px;padding:10px;font-size:9.5px;font-weight:700;display:flex}.hl-teacher-quick-actions button:hover{color:var(--color-primary);background:#f5f8ff;border-color:#c8d7ff}.hl-teacher-module-list article.is-selected{background:#f6f8ff;border-radius:10px;grid-template-columns:37px minmax(0,1fr) 22px;margin:0 -7px;padding-left:7px;padding-right:7px}.hl-teacher-module-assignment{cursor:pointer;grid-column:2;align-items:center;gap:5px;width:max-content;margin-top:1px;color:var(--color-primary)!important;font:inherit!important;background:#fff!important;border:1px solid #c9d7fa!important;border-radius:7px!important;padding:6px 8px!important;font-size:8.5px!important;font-weight:800!important;display:inline-flex!important}.hl-teacher-module-assignment:hover{border-color:var(--color-primary)!important;background:#f3f6ff!important}.hl-teacher-quick-actions button.is-active{color:var(--color-primary);background:#f1f5ff;border-color:#afc4fa}@media (width<=1050px){.hl-teacher-assigned-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hl-teacher-course-detail-grid{grid-template-columns:1fr}}@media (width<=680px){.hl-teacher-courses-summary{grid-template-columns:1fr;gap:8px}.hl-teacher-assigned-grid{grid-template-columns:1fr}.hl-teacher-course-hero{grid-template-columns:45px minmax(0,1fr);padding:15px}.hl-teacher-course-hero-icon{width:44px;height:44px}.hl-teacher-course-hero h1{font-size:17px}.hl-teacher-course-hero .hl-teacher-primary{grid-column:1/-1}.hl-teacher-course-hero p{line-height:1.5}.hl-teacher-course-detail-grid,.hl-teacher-course-side{gap:12px}}.hl-teacher-profile-wrap{position:relative}.hl-teacher-profile-trigger{background:var(--color-surface);color:#2a3354;cursor:pointer;border:1px solid #e2e8f6;border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 10px 0 0;transition:border-color .2s,box-shadow .2s;display:flex;overflow:visible}.hl-teacher-profile-trigger:hover,.hl-teacher-profile-trigger[aria-expanded=true]{border-color:#afc4fa;box-shadow:0 0 0 3px #1b4de417}.hl-teacher-profile-trigger img{object-fit:cover;border-radius:7px;width:32px;height:32px}.hl-teacher-profile-trigger-name{font-size:13px;font-weight:600}.hl-teacher-profile-menu{z-index:70;background:var(--color-surface);border:1px solid #d9e3f7;border-radius:18px;width:288px;animation:.2s both hl-cardin;position:absolute;top:calc(100% + 13px);right:0;overflow:hidden;box-shadow:0 20px 42px #11183a29}.hl-teacher-profile-summary{background:#f7f9ff;align-items:center;gap:11px;padding:16px;display:flex}.hl-teacher-profile-summary img{object-fit:cover;border:1px solid #dce5f7;border-radius:50%;width:42px;height:42px}.hl-teacher-profile-summary strong,.hl-teacher-profile-summary small{display:block}.hl-teacher-profile-summary strong{color:var(--color-text-strong);font-size:11px}.hl-teacher-profile-summary small{color:var(--color-text-subtle);margin-top:3px;font-size:9px}.hl-teacher-profile-info{color:#71809f;border-bottom:1px solid #edf0f7;gap:8px;padding:13px 16px;font-size:9.5px;display:grid}.hl-teacher-profile-info span{align-items:center;gap:8px;display:flex}.hl-teacher-profile-info svg{color:var(--color-primary)}.hl-teacher-profile-links{padding:6px;display:grid}.hl-teacher-profile-links button{width:100%;color:var(--color-text-heading-soft);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px;font-size:10.5px;font-weight:800;display:flex}.hl-teacher-profile-links button:hover{color:var(--color-primary);background:#f3f6ff}.hl-teacher-profile-links button:last-child{color:#d0525c}.hl-teacher-profile-links button:last-child:hover{color:#d0525c;background:#fff1f2}@media (width<=680px){.hl-teacher-profile-menu{width:min(288px,100vw - 28px);position:fixed;top:68px;right:14px}.hl-teacher-profile-trigger{padding-right:0}.hl-teacher-profile-trigger-name{display:none}}.hl-teacher-information-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:18px;display:grid}.hl-teacher-info-profile,.hl-teacher-credentials{min-height:max-content}.hl-teacher-info-identity{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:14px;margin:-2px 0 22px;padding:0 0 18px;display:flex}.hl-teacher-info-identity img{object-fit:cover;border:2px solid #e2e9f9;border-radius:50%;width:58px;height:58px}.hl-teacher-info-identity h2{color:var(--color-text-strong);margin:0;font-size:17px}.hl-teacher-info-identity p{color:#7883a0;margin:4px 0 0;font-size:10px}.hl-teacher-panel-heading>button{align-items:center;gap:4px;display:flex}.hl-teacher-blue-heading{color:var(--color-primary);font-weight:900}.hl-teacher-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#11183a61;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.hl-teacher-modal{background:var(--color-surface);border:1px solid #dde6f7;border-radius:18px;gap:12px;width:min(430px,100%);max-height:calc(100vh - 36px);padding:23px;display:grid;position:relative;overflow:auto;box-shadow:0 24px 60px #11183a3d}.hl-teacher-modal h2{color:var(--color-text-strong);margin:0;font-size:19px}.hl-teacher-modal>p{color:#77829f;margin:-5px 0 4px;font-size:10px;line-height:1.5}.hl-teacher-modal label{color:#52607c;gap:6px;font-size:9.5px;font-weight:800;display:grid}.hl-teacher-modal input,.hl-teacher-modal [data-dropdown-trigger]{border:1px solid var(--color-border-primary);background:var(--color-surface);width:100%;height:39px;color:var(--color-text-strong);font:inherit;border-radius:9px;outline:0;padding:0 10px;font-size:10.5px}.hl-teacher-modal input:focus,.hl-teacher-modal [data-dropdown-trigger]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1b4de41a}.hl-teacher-modal-close{color:#71809f;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:12px;right:12px}.hl-teacher-modal-close:hover{color:var(--color-primary);background:#f3f6ff}.hl-teacher-modal-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hl-teacher-modal-actions{justify-content:flex-end;align-items:center;gap:7px;padding-top:4px;display:flex}.hl-teacher-modal-actions>button:not(.hl-teacher-primary){color:#71809f;font:inherit;cursor:pointer;background:0 0;border:0;padding:9px 11px;font-size:10px;font-weight:800}.hl-teacher-modal-actions .hl-teacher-primary{width:auto;box-shadow:none;padding:9px 11px;font-size:10px}@media (width<=680px){.hl-teacher-modal{padding:19px}.hl-teacher-modal-row{grid-template-columns:1fr}}.hl-teacher-contact-list{gap:13px;display:grid}.hl-teacher-contact-list>span{color:var(--color-primary);align-items:center;gap:10px;display:flex}.hl-teacher-contact-list>span>div{color:var(--color-text-heading-soft)}.hl-teacher-contact-list small,.hl-teacher-contact-list strong{display:block}.hl-teacher-contact-list small{color:var(--color-text-subtle);margin-bottom:3px;font-size:8.5px}.hl-teacher-contact-list strong{font-size:10.5px}.hl-teacher-contact-list>p{color:var(--color-text-body);background:#f7f9ff;border-radius:10px;margin:4px 0 0;padding:12px;font-size:10px;line-height:1.6}.hl-teacher-profile-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hl-teacher-profile-form label,.hl-teacher-credential-form label{color:#52607c;gap:6px;font-size:9.5px;font-weight:800;display:grid}.hl-teacher-profile-form label.is-full{grid-column:1/-1}.hl-teacher-profile-form input,.hl-teacher-profile-form textarea,.hl-teacher-credential-form input{border:1px solid var(--color-border-primary);background:var(--color-surface);width:100%;color:var(--color-text-strong);font:inherit;border-radius:9px;outline:0;padding:0 10px;font-size:10.5px}.hl-teacher-profile-form input,.hl-teacher-credential-form input{height:38px}.hl-teacher-profile-form textarea{resize:vertical;min-height:76px;padding-top:10px}.hl-teacher-profile-form input:focus,.hl-teacher-profile-form textarea:focus,.hl-teacher-credential-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1b4de417}.hl-teacher-form-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;padding-top:3px;display:flex}.hl-teacher-form-actions>button:not(.hl-teacher-primary),.hl-teacher-form-cancel{color:#71809f;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:9px 11px;font-size:10px;font-weight:800;display:flex}.hl-teacher-form-actions .hl-teacher-primary,.hl-teacher-credential-form .hl-teacher-primary{width:auto;box-shadow:none;padding:9px 11px;font-size:10px}.hl-teacher-credential-list{display:grid}.hl-teacher-credential-list article{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:37px minmax(0,1fr) 28px 28px;align-items:center;gap:9px;padding:11px 0;display:grid}.hl-teacher-credential-list article>span{background:var(--color-badge-info-bg);width:35px;height:35px;color:var(--color-primary);border-radius:10px;place-items:center;display:grid}.hl-teacher-credential-list h3{color:var(--color-text-strong);margin:0;font-size:10.5px}.hl-teacher-credential-list p{color:var(--color-text-subtle);margin:3px 0 0;font-size:8.5px;line-height:1.35}.hl-teacher-credential-list button{width:27px;height:27px;color:var(--color-primary);cursor:pointer;background:#f3f6ff;border:0;border-radius:7px;place-items:center;display:grid}.hl-teacher-credential-list button.is-delete{color:#d0525c;background:#fff1f2}.hl-teacher-credential-form{background:#f9fafe;border:1px solid #e2e9f9;border-radius:12px;gap:10px;margin-top:17px;padding:14px;display:grid}.hl-teacher-credential-form>strong{color:var(--color-text-heading-soft);font-size:10.5px}.hl-teacher-credential-form>div{align-items:center;gap:6px;display:flex}@media (width<=1050px){.hl-teacher-information-grid{grid-template-columns:1fr}}@media (width<=680px){.hl-teacher-profile-form{grid-template-columns:1fr}.hl-teacher-profile-form label.is-full,.hl-teacher-form-actions{grid-column:auto}.hl-teacher-form-actions{justify-content:stretch}.hl-teacher-form-actions>button{flex:1;justify-content:center}.hl-teacher-info-identity{margin-bottom:17px}.hl-teacher-credential-list article{grid-template-columns:35px minmax(0,1fr) 26px 26px;gap:6px}}.hl-batch-dev-menu{display:none}.hl-batch-add{white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:7px;display:inline-flex}.hl-teacher-quiz-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:-5px 0 18px;display:grid}.hl-teacher-quiz-summary>span{border:1px solid var(--color-border,#e2e9f9);color:var(--color-primary);background:#fff;border-radius:13px;align-items:center;gap:10px;padding:14px 15px;display:flex}.hl-teacher-quiz-summary strong,.hl-teacher-quiz-summary small{display:block}.hl-teacher-quiz-summary strong{color:var(--color-text-strong,#26304d);font-size:15px}.hl-teacher-quiz-summary small{color:var(--color-text-subtle,#8791aa);margin-top:2px;font-size:9px}.hl-teacher-quiz-list-panel{padding:0;overflow:hidden}.hl-teacher-quiz-list-panel>.hl-teacher-panel-heading{margin:0;padding:19px 20px 14px}.hl-teacher-quiz-table{display:grid}.hl-teacher-quiz-row{border-top:1px solid var(--color-border-subtle,#eef1f7);color:var(--color-text-heading-soft,#52607c);grid-template-columns:minmax(180px,1.25fr) .55fr .85fr .7fr auto;align-items:center;gap:13px;padding:14px 20px;font-size:10px;display:grid}.hl-teacher-quiz-row.is-head{color:var(--color-text-subtle,#8791aa);background:#f9fafe;padding-top:10px;padding-bottom:10px;font-size:8.5px;font-weight:800}.hl-teacher-quiz-row strong,.hl-teacher-quiz-row small{display:block}.hl-teacher-quiz-row strong{color:var(--color-text-strong,#26304d);font-size:11px}.hl-teacher-quiz-row small{color:var(--color-text-subtle,#8791aa);margin-top:4px;font-size:8.5px}.hl-teacher-quiz-row em{color:#6e7890;background:#f2f4f8;border-radius:99px;padding:5px 7px;font-size:8.5px;font-style:normal;font-weight:800;display:inline-block}.hl-teacher-quiz-row em.is-published{color:#27845d;background:#e9f7ef}.hl-teacher-quiz-row>button{color:var(--color-primary);font:inherit;white-space:nowrap;cursor:pointer;background:#f7f9ff;border:1px solid #d9e3fa;border-radius:8px;align-items:center;gap:5px;padding:7px 8px;font-size:9px;font-weight:800;display:inline-flex}.hl-teacher-quiz-editor-grid{grid-template-columns:minmax(0,1fr) minmax(265px,.55fr);gap:18px;margin-bottom:18px;display:grid}.hl-teacher-quiz-form{gap:13px;display:grid}.hl-teacher-quiz-form label,.hl-teacher-question-list>article>label{color:var(--color-text-heading-soft,#52607c);gap:6px;font-size:9.5px;font-weight:800;display:grid}.hl-teacher-quiz-form input,.hl-teacher-question-list input{width:100%;height:39px;color:var(--color-text-strong,#26304d);font:inherit;background:#fff;border:1px solid #dde5f3;border-radius:9px;outline:0;padding:0 10px;font-size:10.5px}.hl-teacher-quiz-form input:focus,.hl-teacher-question-list input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1b4de417}.hl-teacher-quiz-rules{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hl-teacher-quiz-rule-note{height:max-content;color:var(--color-primary);align-items:flex-start;gap:10px;display:flex}.hl-teacher-quiz-rule-note>div{color:var(--color-text-heading-soft,#52607c)}.hl-teacher-quiz-rule-note strong{color:var(--color-text-strong,#26304d);font-size:11px;display:block}.hl-teacher-quiz-rule-note p{color:var(--color-text-subtle,#8791aa);margin:5px 0 0;font-size:9.5px;line-height:1.55}.hl-teacher-quiz-form-error{color:#c44753;background:#fff4f5;border:1px solid #f4c4c8;border-radius:10px;margin:-8px 0 18px;padding:10px 12px;font-size:10px;font-weight:700}.hl-teacher-question-list{gap:14px;display:grid}.hl-teacher-question-list>article{background:#fbfcff;border:1px solid #e2e9f9;border-radius:12px;padding:15px}.hl-teacher-question-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.hl-teacher-question-top strong{color:var(--color-primary);font-size:10.5px}.hl-teacher-question-top button{color:#d0525c;cursor:pointer;background:#fff1f2;border:0;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.hl-teacher-question-top button:disabled{opacity:.4;cursor:not-allowed}.hl-teacher-option-list{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.hl-teacher-option-list label{min-width:0;color:var(--color-text-subtle,#8791aa);background:#fff;border:1px solid #e1e7f4;border-radius:9px;grid-template-columns:16px 23px minmax(0,1fr);align-items:center;gap:6px;padding:5px 7px;display:grid}.hl-teacher-option-list label.is-correct{background:#f2fbf6;border-color:#a9ddc4}.hl-teacher-option-list label>input[type=radio]{accent-color:#27845d;width:13px;height:13px;margin:0}.hl-teacher-option-list label>span{width:21px;height:21px;color:var(--color-primary);background:#edf2ff;border-radius:6px;place-items:center;font-size:9px;font-weight:900;display:grid}.hl-teacher-option-list label>input:not([type=radio]){min-width:0;height:29px;box-shadow:none;background:0 0;border:0;padding:0;font-size:9.5px}.hl-teacher-quiz-editor-actions{justify-content:flex-end;gap:8px;margin-top:17px;display:flex}.hl-teacher-quiz-editor-actions>button:not(.hl-teacher-primary){color:var(--color-text-subtle,#71809f);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:10px 12px;font-size:10px;font-weight:800;display:inline-flex}.hl-teacher-outline-action{color:var(--color-primary)!important;background:#f7f9ff!important;border:1px solid #c9d7fa!important}.hl-teacher-quiz-editor-actions .hl-teacher-primary{width:auto;box-shadow:none;padding:10px 12px;font-size:10px}@media (width<=900px){.hl-teacher-quiz-editor-grid{grid-template-columns:1fr}.hl-teacher-quiz-row{grid-template-columns:minmax(160px,1fr) .6fr auto}.hl-teacher-quiz-row>span:nth-child(3),.hl-teacher-quiz-row>span:nth-child(4),.hl-teacher-quiz-row.is-head>span:nth-child(3),.hl-teacher-quiz-row.is-head>span:nth-child(4){display:none}}@media (width<=680px){.hl-teacher-quiz-summary{grid-template-columns:1fr;gap:8px}.hl-teacher-quiz-row{grid-template-columns:1fr auto;padding:12px 15px}.hl-teacher-quiz-row.is-head,.hl-teacher-quiz-row>span:not(:first-child){display:none}.hl-teacher-quiz-rules,.hl-teacher-option-list{grid-template-columns:1fr}.hl-teacher-quiz-editor-actions{flex-direction:column-reverse;align-items:stretch}.hl-teacher-quiz-editor-actions>button,.hl-teacher-quiz-editor-actions .hl-teacher-primary{justify-content:center;width:100%}}.hl-teacher-assignment-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:-5px 0 18px;display:grid}.hl-teacher-assignment-summary>span{border:1px solid var(--color-border,#e2e9f9);color:var(--color-primary);background:#fff;border-radius:13px;align-items:center;gap:10px;padding:14px 15px;display:flex}.hl-teacher-assignment-summary strong,.hl-teacher-assignment-summary small{display:block}.hl-teacher-assignment-summary strong{color:var(--color-text-strong,#26304d);font-size:15px}.hl-teacher-assignment-summary small{color:var(--color-text-subtle,#8791aa);margin-top:2px;font-size:9px}.hl-teacher-assignment-list-panel{padding:0;overflow:hidden}.hl-teacher-assignment-list-panel>.hl-teacher-panel-heading{margin:0;padding:19px 20px 14px}.hl-teacher-assignment-table{display:grid}.hl-teacher-assignment-row{border-top:1px solid var(--color-border-subtle,#eef1f7);color:var(--color-text-heading-soft,#52607c);grid-template-columns:minmax(175px,1.15fr) minmax(145px,.9fr) .9fr .5fr .62fr 60px;align-items:center;gap:12px;padding:14px 20px;font-size:10px;display:grid}.hl-teacher-assignment-row.is-head{color:var(--color-text-subtle,#8791aa);background:#f9fafe;padding-top:10px;padding-bottom:10px;font-size:8.5px;font-weight:800}.hl-teacher-assignment-row strong,.hl-teacher-assignment-row small{display:block}.hl-teacher-assignment-row strong{color:var(--color-text-strong,#26304d);font-size:11px}.hl-teacher-assignment-row small{color:var(--color-text-subtle,#8791aa);margin-top:4px;font-size:8.5px}.hl-teacher-assignment-row>span:nth-child(3){align-items:center;gap:5px;display:flex}.hl-teacher-assignment-row em,.hl-teacher-assignment-row b{border-radius:99px;font-size:8.5px;font-style:normal;font-weight:800;display:inline-block}.hl-teacher-assignment-row em{color:var(--color-primary);background:#edf2ff;padding:4px 6px}.hl-teacher-assignment-row b{color:#6e7890;background:#f2f4f8;padding:5px 7px}.hl-teacher-assignment-row b.is-published{color:#27845d;background:#e9f7ef}.hl-teacher-assignment-row>div{gap:5px;display:flex}.hl-teacher-assignment-row>div button{width:27px;height:27px;color:var(--color-primary);cursor:pointer;background:#f3f6ff;border:0;border-radius:7px;place-items:center;display:grid}.hl-teacher-assignment-row>div button.is-delete{color:#d0525c;background:#fff1f2}.hl-teacher-assignment-form{grid-template-columns:1fr 1fr;gap:13px;display:grid}.hl-teacher-assignment-form label{color:var(--color-text-heading-soft,#52607c);gap:6px;font-size:9.5px;font-weight:800;display:grid}.hl-teacher-assignment-form label.is-full{grid-column:1/-1}.hl-teacher-assignment-form input,.hl-teacher-assignment-form [data-dropdown-trigger]{width:100%;height:39px;color:var(--color-text-strong,#26304d);font:inherit;background:#fff;border:1px solid #dde5f3;border-radius:9px;outline:0;padding:0 10px;font-size:10.5px}.hl-teacher-assignment-form input:focus,.hl-teacher-assignment-form [data-dropdown-trigger]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1b4de417}@media (width<=900px){.hl-teacher-assignment-row{grid-template-columns:minmax(180px,1fr) .8fr 60px}.hl-teacher-assignment-row>span:nth-child(3),.hl-teacher-assignment-row>span:nth-child(4),.hl-teacher-assignment-row>span:nth-child(5),.hl-teacher-assignment-row.is-head>span:nth-child(3),.hl-teacher-assignment-row.is-head>span:nth-child(4),.hl-teacher-assignment-row.is-head>span:nth-child(5){display:none}}@media (width<=680px){.hl-teacher-assignment-summary,.hl-teacher-assignment-form{grid-template-columns:1fr;gap:8px}.hl-teacher-assignment-form label.is-full{grid-column:auto}.hl-teacher-assignment-row{grid-template-columns:1fr 60px;padding:12px 15px}.hl-teacher-assignment-row.is-head,.hl-teacher-assignment-row>span:not(:first-child){display:none}}.hl-teacher-mock-sections{margin-top:18px}.hl-teacher-mock-sections>article{background:#fbfcff;border:1px solid #e2e9f9;border-radius:12px;margin-top:13px;padding:15px}.hl-teacher-mock-section-head{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.hl-teacher-mock-section-head strong{color:var(--color-primary);font-size:11px}.hl-teacher-mock-section-head button,.hl-teacher-mock-delete{color:#d0525c;cursor:pointer;background:#fff1f2;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.hl-teacher-mock-sections label{color:var(--color-text-heading-soft,#52607c);gap:6px;font-size:9.5px;font-weight:800;display:grid}.hl-teacher-mock-sections input{width:100%;height:38px;color:var(--color-text-strong,#26304d);font:inherit;background:#fff;border:1px solid #dde5f3;border-radius:9px;outline:0;padding:0 10px;font-size:10.5px}.hl-teacher-mock-question-list{gap:8px;margin-top:12px;display:grid}.hl-teacher-add-question{color:var(--color-primary);font:inherit;cursor:pointer;background:#fff;border:1px solid #c9d7fa;border-radius:8px;align-items:center;gap:5px;margin-top:10px;padding:7px 9px;font-size:9px;font-weight:800;display:inline-flex}.hl-teacher-mock-page .hl-teacher-quiz-row,.hl-teacher-mock-page .hl-teacher-quiz-row.is-head{grid-template-columns:minmax(180px,1.2fr) .7fr .9fr .7fr auto 28px}@media (width<=900px){.hl-teacher-mock-page .hl-teacher-quiz-row{grid-template-columns:minmax(170px,1fr) .7fr auto 28px}.hl-teacher-mock-page .hl-teacher-quiz-row>span:nth-child(3),.hl-teacher-mock-page .hl-teacher-quiz-row>span:nth-child(4){display:none}}@media (width<=680px){.hl-teacher-mock-page .hl-teacher-quiz-row{grid-template-columns:1fr auto 28px}.hl-teacher-mock-page .hl-teacher-quiz-row.is-head,.hl-teacher-mock-page .hl-teacher-quiz-row>span:not(:first-child){display:none}}.hl-teacher-section-editor-actions{gap:7px;display:flex}.hl-teacher-section-editor-actions button{color:var(--color-primary);font:inherit;cursor:pointer;background:#f7f9ff;border:1px solid #c9d7fa;border-radius:8px;align-items:center;gap:5px;padding:7px 8px;font-size:9px;font-weight:800;display:inline-flex}.hl-teacher-question-library{background:#f8faff;border:1px solid #dbe5fa;border-radius:10px;gap:6px;margin:-5px 0 14px;padding:11px;display:grid}.hl-teacher-question-library button{color:#52607c;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:8px;font-size:9.5px;display:flex}.hl-teacher-question-library button:hover{color:var(--color-primary);background:#fff}.hl-teacher-order-list{gap:9px;display:grid}.hl-teacher-order-list article{background:#fbfcff;border:1px solid #e2e9f9;border-radius:11px;grid-template-columns:22px 26px minmax(0,1fr) auto;align-items:end;gap:8px;padding:11px;display:grid}.hl-teacher-order-grip{color:#9ca8bf;cursor:grab;place-items:center;height:38px;display:grid}.hl-teacher-order-list article>strong{width:24px;height:24px;color:var(--color-primary);background:#eaf0ff;border-radius:7px;place-items:center;margin-bottom:7px;font-size:9px;display:grid}.hl-teacher-order-list label{color:#52607c;gap:5px;font-size:9px;font-weight:800;display:grid}.hl-teacher-order-list input{width:100%;height:37px;font:inherit;background:#fff;border:1px solid #dce5f4;border-radius:8px;outline:0;padding:0 9px;font-size:10px}.hl-teacher-order-list article>div{gap:4px;display:flex}.hl-teacher-order-list article>div button{width:28px;height:28px;color:var(--color-primary);cursor:pointer;background:#fff;border:1px solid #dce5f4;border-radius:7px;place-items:center;display:grid}.hl-teacher-order-list article>div button.is-delete{color:#d0525c;background:#fff1f2;border:0}.hl-teacher-order-list article>div button:disabled{opacity:.35;cursor:not-allowed}@media (width<=680px){.hl-teacher-section-editor-actions{flex-wrap:wrap;width:100%}.hl-teacher-order-list article{grid-template-columns:20px 24px 1fr}.hl-teacher-order-list article>div{grid-column:3;justify-content:flex-end}}.hl-teacher-question-content{gap:9px;min-width:0;display:grid}.hl-teacher-question-content label{color:#52607c;gap:5px;font-size:9px;font-weight:800;display:grid}.hl-teacher-question-content [data-dropdown-trigger],.hl-teacher-question-content textarea{width:100%;color:var(--color-text-strong,#26304d);font:inherit;background:#fff;border:1px solid #dce5f4;border-radius:8px;outline:0;padding:0 9px;font-size:10px}.hl-teacher-question-content [data-dropdown-trigger]{height:36px}.hl-teacher-question-content textarea{resize:vertical;min-height:72px;padding-top:9px}.hl-teacher-question-content [data-dropdown-trigger]:focus,.hl-teacher-question-content textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1b4de417}.hl-teacher-order-list article{align-items:start}.hl-teacher-order-list article>div{padding-top:27px}.hl-teacher-order-list article[draggable=true]{cursor:grab;transition:opacity .15s,transform .15s,box-shadow .15s}.hl-teacher-order-list article[draggable=true]:active{cursor:grabbing}.hl-teacher-order-list article.is-dragging{opacity:.48;transform:scale(.985);box-shadow:0 12px 24px #1b4de424}.hl-teacher-order-list article[draggable=true]:hover .hl-teacher-order-grip{color:var(--color-primary)}.hl-teacher-question-type-tabs{gap:5px;margin-left:auto;margin-right:4px;display:flex}.hl-teacher-question-type-tabs button{color:#71809f!important;width:auto!important;height:auto!important;font:inherit!important;background:#fff!important;border:1px solid #dce5f4!important;border-radius:7px!important;padding:6px 8px!important;font-size:9px!important;font-weight:800!important}.hl-teacher-question-type-tabs button.is-active{color:var(--color-primary)!important;background:#edf2ff!important;border-color:#a9c0fa!important}.hl-teacher-option-list label{grid-template-columns:16px 23px minmax(0,1fr) auto;position:relative}.hl-teacher-remove-option{place-items:center;line-height:1;display:grid;color:#d0525c!important;background:#fff1f2!important;border:0!important;border-radius:5px!important;width:20px!important;height:20px!important;padding:0!important}.hl-teacher-add-option{color:var(--color-primary);font:inherit;cursor:pointer;background:#f7f9ff;border:1px dashed #a9c0fa;border-radius:8px;align-items:center;gap:5px;margin-top:9px;padding:7px 9px;font-size:9px;font-weight:800;display:inline-flex}.hl-teacher-essay-answer{gap:10px;margin-top:12px;display:grid}.hl-teacher-essay-answer label{color:#52607c;gap:6px;font-size:9.5px;font-weight:800;display:grid}.hl-teacher-essay-answer textarea{min-height:70px;color:var(--color-text-strong,#26304d);font:inherit;resize:vertical;background:#fff;border:1px solid #dce5f4;border-radius:9px;outline:0;padding:10px;font-size:10px;line-height:1.45}.hl-teacher-essay-answer textarea:disabled{color:#9aa5ba;cursor:not-allowed;background:#f7f9ff}.hl-teacher-essay-answer textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1b4de417}@media (width<=680px){.hl-teacher-question-top{flex-wrap:wrap;align-items:flex-start}.hl-teacher-question-type-tabs{order:3;width:100%;margin:0}.hl-teacher-question-type-tabs button{flex:1;justify-content:center}}.hl-teacher-drag-hint{color:#8791aa;margin-top:4px;font-size:8.5px;font-weight:600;display:block}.hl-teacher-question-drag-handle{place-items:center;width:30px!important;height:30px!important;color:var(--color-primary)!important;cursor:grab!important;background:#f7f9ff!important;border:1px dashed #a9c0fa!important;border-radius:8px!important;padding:0!important;display:grid!important}.hl-teacher-question-drag-handle:active{cursor:grabbing!important}.hl-teacher-question-list>article.is-dragging{opacity:.5;border-color:#8baafa;transform:scale(.99);box-shadow:0 10px 24px #1b4de424}.hl-teacher-question-top>strong{margin-left:2px}.hl-teacher-lesson-editor{max-width:1080px}.hl-teacher-lesson-editor .hl-teacher-title{margin:17px 0 18px}.hl-teacher-lesson-editor .hl-teacher-title h1{margin:0 0 5px}.hl-teacher-lesson-form{gap:14px;display:grid}.hl-teacher-lesson-form label{color:#52607c;gap:7px;font-size:10px;font-weight:800;display:grid}.hl-teacher-lesson-form input,.hl-teacher-lesson-form textarea,.hl-teacher-link-attachment input{width:100%;color:var(--color-text-strong,#26304d);font:inherit;background:#fff;border:1px solid #dce5f4;border-radius:9px;outline:0;padding:0 11px;font-size:11px}.hl-teacher-lesson-form input{height:41px}.hl-teacher-lesson-form textarea{resize:vertical;min-height:185px;padding-top:11px;line-height:1.55}.hl-teacher-lesson-form input:focus,.hl-teacher-lesson-form textarea:focus,.hl-teacher-link-attachment input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1b4de417}.hl-teacher-lesson-note{color:#8791aa;margin:4px 0 0;font-size:10px}.hl-teacher-file-dropzone{width:100%;color:var(--color-primary);cursor:pointer;background:#f8faff;border:1px dashed #9eb9fa;border-radius:12px;justify-items:center;margin-top:-4px;padding:23px 15px;display:grid}.hl-teacher-file-dropzone strong{margin-top:6px;font-size:11px}.hl-teacher-file-dropzone span{color:#8791aa;margin-top:3px;font-size:9.5px}.hl-teacher-link-attachment{color:#73819f;border:1px solid #e2e9f9;border-radius:10px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:12px;padding:8px 9px;display:grid}.hl-teacher-link-attachment input{border:0;height:32px;padding:0}.hl-teacher-link-attachment input:focus{box-shadow:none}.hl-teacher-link-attachment button{color:var(--color-primary);font:inherit;cursor:pointer;background:#fff;border:1px solid #c9d7fa;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:800}.hl-teacher-attachment-list{gap:7px;margin-top:12px;display:grid}.hl-teacher-attachment-list article{background:#fbfcff;border:1px solid #e2e9f9;border-radius:9px;grid-template-columns:33px minmax(0,1fr) 27px;align-items:center;gap:9px;padding:9px;display:grid}.hl-teacher-attachment-list article>span{width:33px;height:33px;color:var(--color-primary);background:#eaf0ff;border-radius:8px;place-items:center;display:grid}.hl-teacher-attachment-list strong,.hl-teacher-attachment-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hl-teacher-attachment-list strong{color:#3b4865;font-size:10px}.hl-teacher-attachment-list small{color:#8791aa;margin-top:3px;font-size:8.5px}.hl-teacher-attachment-list button{color:#d0525c;cursor:pointer;background:#fff1f2;border:0;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.hl-teacher-lesson-editor .hl-teacher-quiz-editor-actions{margin-top:17px}@media (width<=680px){.hl-teacher-link-attachment{grid-template-columns:18px minmax(0,1fr)}.hl-teacher-link-attachment button{grid-column:2;justify-self:start}.hl-teacher-file-dropzone{padding:18px 10px}}.hl-study-groups{max-width:1020px}.hl-study-groups-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.hl-study-groups-head h2{margin:5px 0}.hl-study-groups-head p{color:var(--color-text-muted);margin:0;font-size:13px}.hl-study-groups-head .hl-staff-primary{white-space:nowrap;justify-content:center;align-items:center;gap:7px;display:inline-flex}.hl-study-groups-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.hl-study-group-card{background:var(--color-surface-hover);border:1px solid #e4eaf6;border-radius:13px;padding:17px}.hl-study-group-card-head{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:14px;display:flex}.hl-study-group-card h3{color:#283351;margin:5px 0 0;font-size:16px}.hl-study-group-size{background:var(--color-badge-info-bg);color:var(--color-primary);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:5px 7px;font-size:12px;font-weight:600;display:flex}.hl-study-group-mentor{align-items:center;gap:9px;padding:14px 0;display:flex}.hl-study-group-avatar{background:var(--color-badge-info-bg);width:34px;height:34px;color:var(--color-primary);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.hl-study-group-avatar.violet{color:#7047c6;background:#f0eafe}.hl-study-group-avatar.gold{color:#a66500;background:#fff4d9}.hl-study-group-mentor small,.hl-study-group-members>small{color:#8a95ad;letter-spacing:.7px;font-size:12px;font-weight:700;display:block}.hl-study-group-mentor strong{color:var(--color-text-heading-soft);margin-top:3px;font-size:13px;display:block}.hl-study-group-mentor p{color:#7e89a4;margin:2px 0 0;font-size:12px}.hl-study-group-members{border-top:1px solid var(--color-border-subtle);padding-top:12px}.hl-study-group-members>div{gap:5px;margin-top:8px;display:flex}.hl-study-group-members>div span{border:2px solid var(--color-surface);color:#2451bd;background:#dde8ff;border-radius:50%;place-items:center;width:23px;height:23px;font-size:12px;font-weight:700;display:grid}.hl-study-group-members p{color:#66738e;text-overflow:ellipsis;white-space:nowrap;margin:8px 0 0;font-size:12px;line-height:1.45;overflow:hidden}.hl-study-groups-unassigned{color:var(--color-badge-warning-text);align-items:center;gap:7px;margin:16px 0 0;font-size:13px;font-weight:600;display:flex}.hl-study-group-modal{width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto}.hl-study-group-select{border:0;gap:7px;margin:2px 0 0;padding:0;display:grid}.hl-study-group-select legend{color:var(--color-text-heading-soft);font-size:13px;font-weight:600}.hl-study-group-select>p{color:var(--color-text-subtle);margin:0 0 3px;font-size:13px}.hl-study-group-select>label{cursor:pointer;border:1px solid #e2e8f4;border-radius:9px;grid-template-columns:auto 31px 1fr;align-items:center;gap:8px;padding:8px}.hl-study-group-select>label:hover{background:#f8faff;border-color:#b8c9f7}.hl-study-group-select input{width:15px;height:15px;accent-color:var(--color-primary)}.hl-study-group-select .hl-study-group-avatar{width:31px;height:31px;font-size:12px}.hl-study-group-select b,.hl-study-group-select small{display:block}.hl-study-group-select b{color:var(--color-text-heading-soft);font-size:13px}.hl-study-group-select small{color:var(--color-text-subtle);margin-top:2px;font-size:12px;font-weight:500}.hl-study-group-select>label.is-assigned{opacity:.78;background:#f8f9fc}.hl-study-group-error{color:#c53e4a;background:#fff0f1;border-radius:8px;align-items:flex-start;gap:7px;margin:0;padding:9px;font-size:13px;font-weight:600;line-height:1.45;display:flex}.hl-schedule-create{white-space:nowrap;justify-content:center;align-items:center;gap:7px;display:inline-flex}.hl-schedule-panel{padding:0;overflow:hidden}.hl-schedule-filters{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:12px;padding:17px 20px;display:flex}.hl-schedule-filters label{border:1px solid var(--color-border-primary);min-width:0;color:var(--color-text-subtle);border-radius:9px;flex:1;align-items:center;gap:9px;padding:0 11px;display:flex}.hl-schedule-filters input{width:100%;height:37px;font:inherit;border:0;outline:0;font-size:13px}.hl-schedule-filters [data-dropdown-trigger]{border:1px solid var(--color-border-primary);background:var(--color-surface);height:37px;color:var(--color-text-label);font:inherit;border-radius:9px;outline:0;padding:0 10px;font-size:13px;font-weight:600}.hl-schedule-filters>span{color:var(--color-text-muted);white-space:nowrap;font-size:13px;font-weight:600}.hl-schedule-row{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:145px minmax(190px,1fr) minmax(190px,.9fr) auto;align-items:center;gap:18px;padding:16px 20px;display:grid}.hl-schedule-row:hover{background:var(--color-surface-hover)}.hl-schedule-date{color:var(--color-primary);align-items:center;gap:9px;display:flex}.hl-schedule-date b,.hl-schedule-date small,.hl-schedule-row strong,.hl-schedule-row small{display:block}.hl-schedule-date b{color:var(--color-text-heading-soft);font-size:13px}.hl-schedule-date small{color:var(--color-text-muted);margin-top:3px;font-size:12px}.hl-schedule-row>div:nth-child(2)>strong{color:#293451;margin:4px 0;font-size:13px;display:block}.hl-schedule-row>div:nth-child(2)>small{color:var(--color-text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.hl-schedule-person b{color:var(--color-text-heading-soft);font-size:13px}.hl-schedule-person small{color:var(--color-text-subtle);margin-top:4px;font-size:12px}.hl-schedule-row .hl-staff-outline{align-items:center;gap:5px;margin:0;padding:8px 10px;font-size:13px;display:flex}.hl-schedule-modal{width:min(620px,100%)}.hl-schedule-form-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.hl-schedule-conflict{color:var(--color-badge-warning-text);background:#fff7e9;border:1px solid #ffd8a4;border-radius:9px;align-items:flex-start;gap:7px;margin:0;padding:10px;font-size:13px;font-weight:600;line-height:1.45;display:flex}@media (width<=1000px){.hl-schedule-row{grid-template-columns:135px 1fr auto}.hl-schedule-person{display:none}}@media (width<=680px){.hl-schedule-create{width:100%}.hl-schedule-filters{flex-direction:column;align-items:stretch}.hl-schedule-filters label{flex:none}.hl-schedule-row{grid-template-columns:1fr auto;gap:10px}.hl-schedule-date,.hl-schedule-row>div:nth-child(2){grid-column:1}.hl-schedule-row .hl-staff-outline{grid-area:1/2/span 2}.hl-schedule-form-grid{grid-template-columns:1fr}}.hl-attendance-panel{padding:0;overflow:hidden}.hl-attendance-filters{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:1fr 1fr 1.6fr;gap:12px;padding:18px 20px;display:grid}.hl-attendance-filters label{color:#68748e;gap:5px;font-size:12px;font-weight:600;display:grid}.hl-attendance-filters [data-dropdown-trigger]{border:1px solid var(--color-border-primary);background:var(--color-surface);color:#43506e;min-width:0;height:38px;font:inherit;border-radius:9px;outline:0;padding:0 10px;font-size:13px;font-weight:600}.hl-attendance-session{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.hl-attendance-session h2{color:#293451;margin:5px 0 0;font-size:15px}.hl-attendance-session>span{color:#24865e;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.hl-attendance-summary{background:var(--color-surface-hover);border-bottom:1px solid var(--color-border-subtle);grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 20px;display:grid}.hl-attendance-summary span{background:var(--color-surface);color:#65718d;border-radius:9px;padding:10px;font-size:12px;font-weight:600}.hl-attendance-summary b{color:var(--color-text-heading-soft);margin-bottom:3px;font-size:17px;display:block}.hl-attendance-row{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:1.3fr .65fr 1fr;align-items:center;gap:15px;padding:12px 20px;display:grid}.hl-attendance-row.head{background:var(--color-surface-soft);color:var(--color-text-subtle);padding-top:11px;padding-bottom:11px;font-size:12px;font-weight:700}.hl-attendance-student{align-items:center;gap:9px;display:flex}.hl-attendance-student .hl-study-group-avatar{width:34px;height:34px;font-style:normal}.hl-attendance-student b,.hl-attendance-student small{display:block}.hl-attendance-student b{color:var(--color-text-heading-soft);font-size:13px}.hl-attendance-student small{color:#8a95ad;margin-top:3px;font-size:12px;font-weight:500}.hl-attendance-row [data-dropdown-trigger],.hl-attendance-row input{border:1px solid var(--color-border-primary);background:var(--color-surface);color:#4c5977;width:100%;height:36px;font:inherit;border-radius:8px;outline:0;padding:0 9px;font-size:13px}.hl-attendance-status.present{color:var(--color-badge-success-text);background:#f4fff8;border-color:#bde8d0}.hl-attendance-status.late{color:var(--color-badge-warning-text);background:#fff9ed;border-color:#ffe0ab}.hl-attendance-status.excused{color:#5b63c6;background:#f5f5ff;border-color:#daddfb}.hl-attendance-status.absent{color:#c83f4a;background:#fff3f4;border-color:#ffd1d5}@media (width<=680px){.hl-attendance-filters{grid-template-columns:1fr}.hl-attendance-session{flex-direction:column;align-items:flex-start}.hl-attendance-summary{grid-template-columns:1fr 1fr}.hl-attendance-row{grid-template-columns:1fr 1fr;gap:9px}.hl-attendance-row.head{display:none}.hl-attendance-student,.hl-attendance-row input{grid-column:1/-1}}.hl-tuition-panel{padding:0;overflow:hidden}.hl-tuition-summary{border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-hover);grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 20px;display:grid}.hl-tuition-summary span{background:var(--color-surface);color:#6f7c97;border-radius:9px;padding:10px;font-size:12px;font-weight:600}.hl-tuition-summary b{color:var(--color-text-heading-soft);margin-bottom:3px;font-size:17px;display:block}.hl-tuition-filters{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:12px;padding:17px 20px;display:flex}.hl-tuition-filters label{border:1px solid var(--color-border-primary);min-width:0;color:var(--color-text-subtle);border-radius:9px;flex:1;align-items:center;gap:9px;padding:0 11px;display:flex}.hl-tuition-filters input{width:100%;height:37px;font:inherit;border:0;outline:0;font-size:13px}.hl-tuition-filters [data-dropdown-trigger]{border:1px solid var(--color-border-primary);background:var(--color-surface);height:37px;color:var(--color-text-label);font:inherit;border-radius:9px;outline:0;padding:0 10px;font-size:13px;font-weight:600}.hl-tuition-filters>span{color:var(--color-text-muted);white-space:nowrap;font-size:13px;font-weight:600}.hl-tuition-row{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-body);grid-template-columns:1.15fr 1.25fr 1fr .7fr .7fr auto;align-items:center;gap:13px;padding:13px 20px;font-size:13px;display:grid}.hl-tuition-row.head{background:var(--color-surface-soft);color:var(--color-text-subtle);padding-top:11px;padding-bottom:11px;font-size:12px;font-weight:700}.hl-tuition-row>span b,.hl-tuition-row>span small{display:block}.hl-tuition-row>span b{color:#3a4663;font-size:13px}.hl-tuition-row>span small{color:#8994ab;margin-top:3px;font-size:12px;font-weight:500}.hl-tuition-student{align-items:center;gap:8px;display:flex}.hl-tuition-student .hl-study-group-avatar{width:33px;height:33px;font-style:normal}.hl-tuition-row i{background:#eef2fa;border-radius:4px;width:80px;height:4px;margin-top:5px;display:block;overflow:hidden}.hl-tuition-row i em{border-radius:inherit;background:#3b73e9;height:100%;display:block}.hl-tuition-status{white-space:nowrap;border-radius:99px;width:max-content;padding:5px 7px;font-size:12px;font-weight:600;display:inline-block}.hl-tuition-status.paid{background:var(--color-badge-success-bg);color:var(--color-badge-success-text)}.hl-tuition-status.pending{background:var(--color-badge-warning-bg);color:var(--color-badge-warning-text)}.hl-tuition-status.overdue{background:var(--color-badge-danger-bg);color:var(--color-badge-danger-text)}.hl-tuition-status.partial{background:var(--color-badge-info-bg);color:var(--color-badge-info-text)}.hl-tuition-row .hl-staff-outline{align-items:center;gap:5px;margin:0;padding:8px 9px;font-size:12px;display:flex}.hl-tuition-modal{width:min(520px,100%)}.hl-tuition-form-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.hl-tuition-note{margin-top:1px}.hl-tuition-note textarea{resize:vertical;border:1px solid var(--color-border-primary);min-height:78px;color:var(--color-text-strong);font:inherit;border-radius:9px;outline:0;padding:10px 11px;font-size:13px}@media (width<=850px){.hl-tuition-row{grid-template-columns:1.2fr 1fr .8fr auto}.hl-tuition-row>span:nth-child(2){display:none}}@media (width<=680px){.hl-tuition-summary{grid-template-columns:1fr 1fr}.hl-tuition-filters{flex-direction:column;align-items:stretch}.hl-tuition-filters label{flex:none}.hl-tuition-row{grid-template-columns:1fr auto;gap:9px}.hl-tuition-row.head{display:none}.hl-tuition-student,.hl-tuition-row>span:nth-child(3){grid-column:1}.hl-tuition-row>span:nth-child(4){display:none}.hl-tuition-status{grid-column:1}.hl-tuition-row .hl-staff-outline{grid-area:1/2/span 3}.hl-tuition-form-grid{grid-template-columns:1fr}}.hl-invoice-panel{padding:0;overflow:hidden}.hl-invoice-filters{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:12px;padding:17px 20px;display:flex}.hl-invoice-filters label{border:1px solid var(--color-border-primary);min-width:0;color:var(--color-text-subtle);border-radius:9px;flex:1;align-items:center;gap:9px;padding:0 11px;display:flex}.hl-invoice-filters input{width:100%;height:37px;font:inherit;border:0;outline:0;font-size:13px}.hl-invoice-filters [data-dropdown-trigger]{border:1px solid var(--color-border-primary);background:var(--color-surface);height:37px;color:var(--color-text-label);font:inherit;border-radius:9px;outline:0;padding:0 10px;font-size:13px;font-weight:600}.hl-invoice-filters>span{color:var(--color-text-muted);white-space:nowrap;font-size:13px;font-weight:600}.hl-invoice-row{border:0;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);width:100%;color:var(--color-text-body);text-align:left;font:inherit;cursor:pointer;grid-template-columns:.8fr 1.3fr .75fr .75fr .9fr auto;align-items:center;gap:14px;padding:14px 20px;font-size:13px;display:grid}.hl-invoice-row:not(.head):hover{background:var(--color-surface-hover)}.hl-invoice-row.head{background:var(--color-surface-soft);color:var(--color-text-subtle);cursor:default;font-size:12px;font-weight:700}.hl-invoice-row>span b,.hl-invoice-row>span small{display:block}.hl-invoice-row>span b,.hl-invoice-row>strong{color:#394562;font-size:13px}.hl-invoice-row>span small{color:#8a95ad;margin-top:3px;font-size:12px}.hl-invoice-id{color:var(--color-primary);align-items:center;gap:6px;display:flex}.hl-invoice-view{color:var(--color-primary);white-space:nowrap;font-size:12px;font-weight:600}.hl-invoice-status{white-space:nowrap;border-radius:99px;width:max-content;padding:5px 7px;font-size:12px;font-weight:600;display:inline-block}.hl-invoice-status.paid{background:var(--color-badge-success-bg);color:var(--color-badge-success-text)}.hl-invoice-status.pending{background:var(--color-badge-warning-bg);color:var(--color-badge-warning-text)}.hl-invoice-status.overdue{background:var(--color-badge-danger-bg);color:var(--color-badge-danger-text)}.hl-invoice-status.partial{background:var(--color-badge-info-bg);color:var(--color-badge-info-text)}.hl-invoice-modal{width:min(570px,100%)}.hl-invoice-modal-heading{justify-content:space-between;align-items:flex-start;gap:12px;padding-right:24px;display:flex}.hl-invoice-modal-heading h2{margin:5px 0}.hl-invoice-modal-heading p{color:var(--color-text-muted);margin:0;font-size:13px}.hl-invoice-meta{color:#71809d;gap:14px;padding:12px 0;font-size:13px;display:flex}.hl-invoice-meta span,.hl-invoice-history h3{align-items:center;gap:6px;display:flex}.hl-invoice-items,.hl-invoice-history{border-top:1px solid var(--color-border-subtle);padding:14px 0}.hl-invoice-items h3,.hl-invoice-history h3{color:var(--color-text-heading-soft);margin:0 0 12px;font-size:13px}.hl-invoice-items>div{color:#66738e;justify-content:space-between;gap:20px;padding:8px 0;font-size:13px;display:flex}.hl-invoice-items>div strong{color:var(--color-text-heading-soft);white-space:nowrap}.hl-invoice-items>div.total{border-top:1px solid var(--color-border-subtle);color:var(--color-text-heading-soft);margin-top:6px;padding-top:13px;font-size:14px}.hl-invoice-items>div.total strong{color:var(--color-primary);font-size:15px}.hl-invoice-history>div{align-items:flex-start;gap:9px;padding:8px 0;display:flex}.hl-invoice-history i{background:#98a3ba;border-radius:50%;flex:none;width:8px;height:8px;margin-top:3px}.hl-invoice-history i.paid{background:#38a576}.hl-invoice-history i.partial{background:#4c71d9}.hl-invoice-history i.overdue{background:#dc5963}.hl-invoice-history i.notice{background:#e0a12e}.hl-invoice-history b,.hl-invoice-history small{display:block}.hl-invoice-history b{color:#4a5774;font-size:13px}.hl-invoice-history small{color:#909ab0;margin-top:3px;font-size:12px}@media (width<=850px){.hl-invoice-row{grid-template-columns:.9fr 1.3fr .8fr .9fr auto}.hl-invoice-row>span:nth-child(3){display:none}}@media (width<=680px){.hl-invoice-filters{flex-direction:column;align-items:stretch}.hl-invoice-filters label{flex:none}.hl-invoice-row{grid-template-columns:1fr auto;gap:9px}.hl-invoice-row.head{display:none}.hl-invoice-row>span:nth-child(2),.hl-invoice-row>strong,.hl-invoice-status{grid-column:1}.hl-invoice-row>span:nth-child(3){display:none}.hl-invoice-view{grid-area:1/2/span 3}.hl-invoice-meta{flex-direction:column;align-items:flex-start;gap:7px}}.hl-payment-panel{padding:0;overflow:hidden}.hl-payment-summary{border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-hover);grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 20px;display:grid}.hl-payment-summary span{background:var(--color-surface);color:#6f7c97;border-radius:9px;padding:10px;font-size:12px;font-weight:600}.hl-payment-summary b{color:var(--color-text-heading-soft);margin-bottom:3px;font-size:17px;display:block}.hl-payment-filters{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:12px;padding:17px 20px;display:flex}.hl-payment-filters label{border:1px solid var(--color-border-primary);min-width:0;color:var(--color-text-subtle);border-radius:9px;flex:1;align-items:center;gap:9px;padding:0 11px;display:flex}.hl-payment-filters input{width:100%;height:37px;font:inherit;border:0;outline:0;font-size:13px}.hl-payment-filters [data-dropdown-trigger]{border:1px solid var(--color-border-primary);background:var(--color-surface);height:37px;color:var(--color-text-label);font:inherit;border-radius:9px;outline:0;padding:0 10px;font-size:13px;font-weight:600}.hl-payment-filters>span{color:var(--color-text-muted);white-space:nowrap;font-size:13px;font-weight:600}.hl-payment-row{border:0;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);width:100%;color:var(--color-text-body);text-align:left;font:inherit;cursor:pointer;grid-template-columns:1fr 1.1fr 1.05fr .9fr .75fr .75fr;align-items:center;gap:13px;padding:14px 20px;font-size:13px;display:grid}.hl-payment-row:not(.head):hover{background:var(--color-surface-hover)}.hl-payment-row.head{background:var(--color-surface-soft);color:var(--color-text-subtle);cursor:default;font-size:12px;font-weight:700}.hl-payment-row b,.hl-payment-row small{display:block}.hl-payment-row b,.hl-payment-row strong{color:#394562;font-size:13px}.hl-payment-row small{color:#8a95ad;margin-top:3px;font-size:12px}.hl-payment-method{color:#596782;align-items:center;gap:6px;display:flex}.hl-payment-status{white-space:nowrap;border-radius:99px;width:max-content;padding:5px 7px;font-size:12px;font-weight:600;display:inline-block}.hl-payment-status.success{background:var(--color-badge-success-bg);color:var(--color-badge-success-text)}.hl-payment-status.failed{background:var(--color-badge-danger-bg);color:var(--color-badge-danger-text)}.hl-payment-status.pending{background:var(--color-badge-warning-bg);color:var(--color-badge-warning-text)}.hl-payment-status.refunded{background:var(--color-badge-info-bg);color:var(--color-badge-info-text)}.hl-payment-modal{width:min(530px,100%)}.hl-payment-modal-heading{justify-content:space-between;align-items:flex-start;gap:12px;padding-right:24px;display:flex}.hl-payment-modal-heading h2{margin:5px 0;font-size:18px}.hl-payment-modal-heading p{color:var(--color-text-muted);margin:0;font-size:13px}.hl-payment-amount{background:#f3f6ff;border-radius:11px;margin:17px 0;padding:14px}.hl-payment-amount span,.hl-payment-note small,.hl-payment-details small{color:#7d89a4;letter-spacing:.6px;font-size:12px;font-weight:700;display:block}.hl-payment-amount strong{color:var(--color-primary);margin-top:5px;font-size:22px;display:block}.hl-payment-details{border-top:1px solid var(--color-border-subtle);grid-template-columns:1fr 1fr;gap:12px;padding:14px 0;display:grid}.hl-payment-details b{color:#3b4764;margin-top:4px;font-size:13px;display:block}.hl-payment-note{border-top:1px solid var(--color-border-subtle);padding-top:14px}.hl-payment-note p{color:#66738e;margin:5px 0 0;font-size:13px}@media (width<=900px){.hl-payment-row{grid-template-columns:1fr 1.2fr 1fr .8fr auto}.hl-payment-row>span:nth-child(4){display:none}}@media (width<=680px){.hl-payment-summary{grid-template-columns:1fr 1fr}.hl-payment-filters{flex-direction:column;align-items:stretch}.hl-payment-filters label{flex:none}.hl-payment-row{grid-template-columns:1fr auto;gap:8px}.hl-payment-row.head{display:none}.hl-payment-row>span:nth-child(2),.hl-payment-row>strong,.hl-payment-status{grid-column:1}.hl-payment-row>span:nth-child(3),.hl-payment-row>span:nth-child(4){display:none}.hl-payment-details{grid-template-columns:1fr;gap:10px}}.hl-batch-toolbar{align-items:center;gap:12px;margin-bottom:18px;display:flex}.hl-batch-toolbar label{border:1px solid var(--color-border-primary);background:var(--color-surface);color:#8993aa;border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.hl-batch-toolbar input{width:100%;height:42px;font:inherit;border:0;outline:0;font-size:14px}.hl-batch-toolbar [data-dropdown-trigger]{border:1px solid var(--color-border-primary);background:var(--color-surface);color:#4c5977;height:42px;font:inherit;border-radius:10px;padding:0 11px;font-size:13px;font-weight:600}.hl-batch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.hl-batch-card{background:var(--color-surface);min-height:215px;color:var(--color-text-strong);text-align:left;cursor:pointer;border:1px solid #e3e9f5;border-radius:16px;flex-direction:column;align-items:stretch;padding:19px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 8px 22px #182b5909}.hl-batch-card:hover{border-color:#b8c9f7;transform:translateY(-3px);box-shadow:0 16px 30px #1b4de41a}.hl-batch-card h2{margin:6px 0 8px;font-size:17px}.hl-batch-card em,.hl-batch-hero em{border-radius:99px;width:max-content;padding:5px 8px;font-size:12px;font-style:normal;font-weight:600;display:inline-block}.hl-batch-card em.active,.hl-batch-hero em.active{background:var(--color-badge-success-bg);color:var(--color-badge-success-text)}.hl-batch-card em.upcoming{background:var(--color-badge-warning-bg);color:var(--color-badge-warning-text)}.hl-batch-card em.ended{color:#6c7893;background:#eef1f6}.hl-batch-card-meta{color:var(--color-text-muted);align-items:center;gap:7px;margin-top:12px;font-size:13px;display:flex}.hl-batch-card-instructor{border-top:1px solid var(--color-border-subtle);color:var(--color-primary);justify-content:space-between;align-items:center;gap:7px;margin-top:auto;padding-top:13px;font-size:13px;font-weight:600;display:flex}.hl-batch-hero{justify-content:space-between;align-items:center;gap:15px;display:flex}.hl-batch-hero h1{margin:6px 0;font-size:24px}.hl-batch-hero p{color:#77829f;margin:0;font-size:13px}.hl-batch-panel{max-width:860px}.hl-batch-panel .hl-staff-primary{align-items:center;gap:6px;display:flex}.hl-batch-roster>div{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:35px 1fr auto 32px;align-items:center;gap:10px;padding:12px 0;display:grid}.hl-batch-roster b,.hl-batch-roster small{display:block}.hl-batch-roster b{font-size:13px}.hl-batch-roster small{color:#8993aa;margin-top:3px;font-size:12px}.hl-batch-roster em{color:var(--color-primary);font-size:12px;font-style:normal;font-weight:600}.hl-batch-roster button{color:#d44c57;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.hl-batch-course{color:var(--color-primary);align-items:center;gap:12px;padding:16px 0;display:flex}.hl-batch-course>div{color:var(--color-text-strong);flex:1}.hl-batch-course b{font-size:14px}.hl-batch-course p{color:var(--color-text-subtle);margin:4px 0 0;font-size:13px}.hl-batch-course>span{background:var(--color-badge-success-bg);color:var(--color-badge-success-text);border-radius:99px;padding:5px 7px;font-size:12px;font-weight:600}.hl-batch-groups{grid-template-columns:1fr 1fr;gap:12px;padding-top:8px;display:grid}.hl-batch-groups>div{background:#f9fafe;border:1px solid #e4eaf6;border-radius:11px;padding:15px}.hl-batch-groups b,.hl-batch-groups span{display:block}.hl-batch-groups b{font-size:13px}.hl-batch-groups span{color:var(--color-text-subtle);margin-top:5px;font-size:13px}.hl-batch-dev-menu{z-index:20;background:#fffffff5;border:1px solid #c7d6fc;border-radius:11px;align-items:center;gap:4px;padding:6px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 25px #11183a24}.hl-batch-dev-menu span{color:#74809e;letter-spacing:.7px;padding:0 5px;font-size:12px;font-weight:700}.hl-batch-dev-menu button{background:var(--color-badge-info-bg);color:var(--color-primary);font:inherit;cursor:pointer;border:0;border-radius:7px;padding:7px 9px;font-size:12px;font-weight:600}.hl-batch-dev-menu button:hover{background:var(--color-primary);color:var(--color-surface)}@media (width<=1000px){.hl-batch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hl-study-groups-list{grid-template-columns:1fr}}@media (width<=680px){.hl-batch-toolbar{flex-direction:column;align-items:stretch}.hl-batch-grid{grid-template-columns:1fr}.hl-batch-roster>div{grid-template-columns:35px 1fr 32px}.hl-batch-roster em{display:none}.hl-batch-groups{grid-template-columns:1fr}.hl-batch-dev-menu span{display:none}.hl-study-groups-head{flex-direction:column}.hl-study-groups-head .hl-staff-primary{width:100%}.hl-study-group-modal{padding:20px}}.hl-toast-viewport{z-index:9999;flex-direction:column;gap:10px;max-width:min(360px,100vw - 32px);display:flex;position:fixed;top:16px;right:16px}.hl-toast{border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;line-height:1.45;animation:.18s ease-out hl-toast-in;display:flex;box-shadow:0 12px 28px #11183a29}.hl-toast--error{color:#b3232e;background:#fff3f4;border:1px solid #ffd1d5}.hl-toast--success{color:#186a44;background:#eefbf3;border:1px solid #c8e8d3}.hl-toast span{flex:1}.hl-toast button{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:0;font-size:16px;line-height:1}.hl-toast button:hover{opacity:1}@keyframes hl-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hl-error-fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;padding:32px;display:flex}.hl-error-fallback h1{color:#26304d;margin:0;font-size:20px}.hl-error-fallback p{color:#7b86a2;max-width:420px;margin:0;font-size:14px}.hl-error-fallback button{color:#fff;font:inherit;cursor:pointer;background:#1b4de4;border:0;border-radius:10px;padding:11px 20px;font-size:14px;font-weight:600}.hl-form-error{color:var(--color-badge-danger-text);margin-top:4px;font-size:14px;font-weight:600;display:block}.hl-account-shell{grid-template-columns:232px minmax(0,1fr);align-items:start;gap:22px;display:grid}.hl-account-nav{border:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:16px;flex-direction:column;gap:18px;padding:18px 14px;display:flex;position:sticky;top:104px;box-shadow:0 8px 22px #1324530a}.hl-account-nav-group{flex-direction:column;gap:4px;display:flex}.hl-account-nav-group-label{color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;padding:0 10px;font-size:10.5px;font-weight:800}.hl-account-nav-group button{width:100%;min-height:42px;color:var(--color-text-body);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:flex}.hl-account-nav-group button:hover{color:var(--color-primary);background:#f3f6ff}.hl-account-nav-group button.is-active{background:linear-gradient(135deg, var(--color-badge-info-bg), #f8faff);color:var(--color-primary);border-color:#c8d7ff;box-shadow:0 8px 18px #1b4de41a}.hl-account-nav-group button svg{flex:none}.hl-account-content{min-width:0}.hl-account-panel-card{border:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:16px;padding:22px;box-shadow:0 8px 22px #13245309}.hl-account-panel-card--narrow{max-width:480px;margin:0 auto}.hl-account-panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.hl-account-panel-heading--stacked{text-align:center;flex-direction:column;align-items:center;gap:4px}.hl-account-panel-heading h2{color:var(--color-text-heading);margin:0;font-size:17px;font-weight:800}.hl-account-panel-heading p{color:var(--color-text-body);margin:0;font-size:12.5px}.hl-account-panel-heading button{border:1px solid var(--color-border-primary);background:var(--color-surface);color:var(--color-primary);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:700;display:flex}.hl-account-panel-heading button:hover{background:#f4f8ff}.hl-account-avatar-row{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:18px;margin-bottom:22px;padding-bottom:22px;display:flex}.hl-account-avatar{flex:none;width:84px;height:84px;position:relative}.hl-account-avatar img{object-fit:cover;border:2px solid var(--color-border-subtle);border-radius:50%;width:100%;height:100%}.hl-account-avatar-edit{border:2.5px solid var(--color-surface);background:var(--color-primary);width:30px;height:30px;color:var(--color-surface);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 6px #1b4de452}.hl-account-avatar-edit:disabled{cursor:wait;opacity:.7}.hl-account-spin{animation:.9s linear infinite hl-spin}.hl-account-avatar-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.hl-account-avatar-text{flex-direction:column;gap:3px;min-width:0;display:flex}.hl-account-avatar-text strong{color:var(--color-text-heading);font-size:16px;font-weight:800}.hl-account-avatar-text span{color:var(--color-text-body);overflow-wrap:anywhere;font-size:12.5px}.hl-account-form{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px 18px;display:grid}.hl-account-security-form{grid-template-columns:1fr}.hl-account-form-group-title{color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.9px;grid-column:1/-1;margin-top:8px;font-size:11px;font-weight:800}.hl-account-form-group-title:first-child{margin-top:0}.hl-account-form-group-note{color:var(--color-text-muted);grid-column:1/-1;margin-top:-10px;font-size:12.5px}.hl-account-form label{color:var(--color-text-label);gap:6px;font-size:12px;font-weight:800;display:grid}.hl-account-form label.is-full{grid-column:1/-1}.hl-account-form input,.hl-account-form textarea{border:1px solid var(--color-border-primary);background:var(--color-surface);width:100%;height:40px;color:var(--color-text-strong);font:inherit;border-radius:10px;outline:0;padding:0 12px;font-size:13px}.hl-account-form input:read-only,.hl-account-form input:disabled{background:var(--color-surface-soft);color:var(--color-text-muted);cursor:not-allowed}.hl-account-form textarea{resize:vertical;height:auto;min-height:80px;padding-top:10px}.hl-account-form input:focus,.hl-account-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1b4de41a}.hl-account-email-field{position:relative}.hl-account-email-field input{padding-right:92px}.hl-account-fixed-badge{background:var(--color-badge-neutral-bg);color:var(--color-text-muted);border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;font-weight:700;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.hl-account-readonly-note{border:1px dashed var(--color-border-primary);background:var(--color-surface-soft);border-radius:10px;padding:10px 12px}.hl-account-readonly-note small{color:var(--color-text-muted);font-size:12px;line-height:1.5}.hl-account-form-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.hl-account-form-actions>button{font:inherit;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;display:flex}.hl-account-primary{background:var(--color-primary);color:var(--color-surface);box-shadow:0 10px 22px #1b4de433}.hl-account-primary:disabled{cursor:not-allowed;opacity:.65}.hl-account-secondary{color:var(--color-text-secondary);background:0 0}.hl-account-secondary:hover{background:var(--color-surface-soft)}.hl-account-secondary:disabled{cursor:not-allowed;opacity:.65}.hl-account-saved-badge{color:#186a44;background:#eefbf3;border:1px solid #c8e8d3;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-size:12.5px;font-weight:700;display:flex}.hl-account-password-input{border:1px solid var(--color-border-primary);background:var(--color-surface);height:40px;color:var(--color-text-subtle);border-radius:10px;align-items:center;gap:9px;padding:0 12px;display:flex}.hl-account-password-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #1b4de41a}.hl-account-password-input input{min-width:0;height:100%;color:var(--color-text-heading);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.hl-account-password-input button{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.hl-account-password-input.has-error{border-color:var(--color-danger)}.hl-account-helper{color:var(--color-text-subtle);font-size:11.5px;font-weight:500}.hl-account-mismatch{color:var(--color-danger);align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:flex}.hl-account-password-rules{border:1px solid var(--color-border-subtle);background:var(--color-surface-soft);border-radius:12px;grid-column:1/-1;padding:14px 14px 12px}.hl-account-password-rules>strong{color:var(--color-text-label);margin-bottom:10px;font-size:11.5px;font-weight:800;display:block}.hl-account-password-rules ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hl-account-password-rules li{color:var(--color-text-subtle);align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:flex}.hl-account-password-rules li.is-met{color:#186a44}@media (width<=900px){.hl-account-shell{grid-template-columns:1fr}.hl-account-nav{flex-flow:row;gap:14px;padding:12px;position:static;overflow-x:auto}.hl-account-nav-group{flex-direction:row;flex:none;align-items:center;gap:6px}.hl-account-nav-group-label{white-space:nowrap;margin:0;padding:0}.hl-account-nav-group button{white-space:nowrap;width:auto}}@media (width<=680px){.hl-account-avatar-row{flex-direction:column;align-items:flex-start}.hl-account-form{grid-template-columns:1fr}.hl-account-panel-card--narrow{max-width:none}.hl-account-form-actions{justify-content:stretch}.hl-account-form-actions>button{flex:1;justify-content:center}}.hl-nav-ghost:hover{background:#1b4de40f}.hl-nav-menu-item{cursor:pointer;width:100%;color:var(--color-text-emphasis);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;font-size:13.5px;font-weight:600;display:flex}.hl-nav-menu-item:hover{background:var(--color-surface-soft)}.hl-nav-menu-item.is-danger{color:var(--color-danger)}.hl-nav-menu-item.is-danger:hover{background:var(--color-badge-danger-bg)}.hl-catalog-section{background:var(--color-surface-soft);min-height:100vh;padding:112px 24px 92px}.hl-catalog-container{max-width:1240px;margin:0 auto}.hl-catalog-hero{background:#e2f2ff;border-radius:42px;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);align-items:stretch;gap:0;min-height:430px;margin-bottom:22px;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 45px -38px #11183a57}.hl-catalog-intro{z-index:1;max-width:680px;padding:72px 56px;position:relative}.hl-catalog-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);align-items:center;gap:8px;margin-bottom:14px;font-size:12px;font-weight:800;display:inline-flex}.hl-catalog-eyebrow:before{content:"";background:var(--color-accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #fbc34f3d}.hl-catalog-intro h1{max-width:680px;color:var(--color-text-heading);margin:0 0 22px;font-size:clamp(42px,5vw,70px);font-weight:900;line-height:1.06}.hl-catalog-intro h1 span{color:var(--color-primary)}.hl-catalog-intro p{color:#1f3261;max-width:620px;margin:0;font-size:18px;line-height:1.62}.hl-catalog-hero-cta{color:#fff;background:#0d4fb7;border-radius:999px;justify-content:center;align-items:center;min-width:190px;min-height:58px;margin-top:34px;padding:0 26px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 16px 30px -20px #0d4fb7b3}.hl-catalog-hero-cta:after{content:"→";margin-left:12px;font-size:24px;line-height:1}.hl-catalog-hero-cta:hover{background:var(--color-primary)}.hl-catalog-hero-visual{min-height:430px;position:relative}.hl-catalog-blue-stage{background:linear-gradient(#ffffff29 1px,#0000 1px) 0 0/58px 58px,linear-gradient(90deg,#ffffff29 1px,#0000 1px) 0 0/58px 58px,radial-gradient(circle at 72% 18%,#fbc34f52,#0000 17%),linear-gradient(145deg,#0f58c7 0%,#06449f 100%);border-top-left-radius:42px;border-bottom-left-radius:130px;position:absolute;inset:0;overflow:hidden}.hl-catalog-blue-stage:before,.hl-catalog-blue-stage:after{content:"";border:1px solid #ffffff29;position:absolute;inset:54px;transform:perspective(420px)rotateX(7deg)}.hl-catalog-blue-stage:after{opacity:.55;inset:98px}.hl-catalog-blue-stage img{z-index:2;filter:drop-shadow(0 26px 30px #00194e57);width:min(76%,390px);height:auto;position:absolute;bottom:-18px;right:2%}.hl-catalog-welcome{z-index:3;color:#06449f;background:#fff;border-radius:20px 20px 20px 0;padding:13px 24px;font-size:17px;font-weight:900;position:absolute;top:64px;right:58px;box-shadow:0 18px 30px -22px #00194e94}.hl-catalog-stats{background:#e2f2ff;border-radius:28px;grid-template-columns:repeat(3,1fr);gap:0;margin:0 auto 26px;display:grid;overflow:hidden;box-shadow:0 14px 34px -32px #11183a61}.hl-catalog-stats div{text-align:center;min-width:0;padding:26px 22px}.hl-catalog-stats div+div{border-left:1px solid #1b4de414}.hl-catalog-stats strong{color:#223a83;font-size:clamp(34px,4vw,54px);font-weight:900;line-height:1;display:block}.hl-catalog-stats span{color:#11183a;margin-top:10px;font-size:15px;font-weight:650;display:block}.hl-catalog-header{margin-bottom:16px}.hl-catalog-header h1{color:var(--color-text-heading);margin:0 0 6px;font-size:30px;font-weight:900;line-height:1.15}.hl-catalog-header p{color:var(--color-text-secondary);margin:0;font-size:14.5px;line-height:1.5}.hl-catalog-tabs{background:#eaf2ff;border:1px solid #dce7f7;border-radius:14px;gap:6px;width:max-content;max-width:100%;padding:4px;display:inline-flex;box-shadow:0 10px 22px #11183a0a}.hl-catalog-tabs button{min-height:38px;color:var(--color-text-secondary);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:0 20px;font-size:14px;font-weight:900}.hl-catalog-tabs button.is-active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 8px 18px #1b4de41f}.hl-catalog-tabs button:focus-visible{outline-offset:2px;outline:3px solid #1b4de438}.hl-catalog-panel{background:#fffffff0;border:1px solid #e0e7f3;border-radius:22px;min-width:0;padding:18px;box-shadow:0 12px 26px #11183a0b}.hl-catalog-topbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.hl-catalog-topbar .hl-catalog-filters{margin-left:auto}.hl-catalog-filters{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.hl-catalog-filters button,.hl-catalog-filters [data-dropdown-trigger]{background:var(--color-surface);min-height:34px;color:var(--color-text-secondary);cursor:pointer;font:inherit;white-space:nowrap;border:1px solid #d9e4f4;border-radius:999px;font-size:13px;font-weight:900}.hl-catalog-filters button{padding:0 14px}.hl-catalog-filters button:hover,.hl-catalog-filters [data-dropdown-trigger]:hover{color:var(--color-primary);border-color:#bfd4ff}.hl-catalog-filters button.is-active{border-color:var(--color-primary);color:var(--color-primary);background:#eaf1ff}.hl-catalog-filters [data-dropdown-trigger]{outline:0;max-width:100%;padding:0 12px;font-weight:500}.hl-catalog-filters button:focus-visible,.hl-catalog-filters [data-dropdown-trigger]:focus-visible,.hl-catalog-search:focus-within{border-color:#1b4de48c;box-shadow:0 0 0 4px #1b4de417}.hl-catalog-search{background:var(--color-surface);min-width:280px;min-height:40px;color:var(--color-text-faint);border:1px solid #dce7f7;border-radius:12px;align-items:center;gap:8px;padding:0 14px;display:flex}.hl-catalog-search svg{color:var(--color-primary);flex-shrink:0}.hl-catalog-search input{width:100%;min-width:0;color:var(--color-text-heading);font:inherit;background:0 0;border:0;outline:0;font-size:14px}.hl-catalog-search input::placeholder{color:var(--color-text-faint)}.hl-catalog-group-head{margin-bottom:14px}.hl-catalog-group-head h2{color:var(--color-text-heading);margin:0;font-size:20px;font-weight:900}.hl-catalog-group-head span{color:var(--color-text-secondary);margin-top:4px;font-size:13px;font-weight:800;display:block}.hl-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.hl-catalog-card{background:var(--color-surface);min-width:0;height:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;border:1px solid #e0e7f3;border-radius:18px;flex-direction:column;padding:0;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 10px 22px #11183a0a}.hl-catalog-card:hover{border-color:#bfd4ff;transform:translateY(-3px);box-shadow:0 18px 34px #1b4de41a}.hl-catalog-card:focus-visible{outline-offset:3px;outline:3px solid #1b4de438}.hl-catalog-cover{background:linear-gradient(135deg,#eaf1ff,#f7fbff);justify-content:space-between;align-items:flex-end;height:120px;padding:14px;display:flex;position:relative}.hl-catalog-cover:before{content:"";background-image:linear-gradient(#ffffff52 1px,#0000 1px),linear-gradient(90deg,#ffffff52 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.hl-catalog-cover svg{z-index:1;color:#1b4de4d1;flex-shrink:0;position:relative}.hl-catalog-cover-badge,.hl-catalog-badge-recommended{z-index:1;border-radius:999px;align-items:center;gap:5px;font-size:11.5px;font-weight:900;line-height:1;display:inline-flex;position:relative}.hl-catalog-cover-badge{max-width:calc(100% - 56px);color:var(--color-primary);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#ffffffdb;padding:7px 11px;overflow:hidden}.hl-catalog-badge-recommended{background:var(--color-accent);color:#3a2a05;padding:6px 10px;position:absolute;top:12px;left:14px}.hl-catalog-body{flex-direction:column;flex:1;gap:12px;padding:14px 16px 16px;display:flex}.hl-catalog-tags{align-items:center;gap:8px;margin-bottom:8px;display:flex}.hl-catalog-subject,.hl-catalog-badge-owned{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;max-width:100%;padding:5px 10px;font-size:11px;font-weight:900;line-height:1;display:inline-flex;overflow:hidden}.hl-catalog-subject{color:var(--color-primary);background:#eaf1ff}.hl-catalog-badge-owned{background:var(--color-badge-success-bg);color:var(--color-badge-success-text);flex-shrink:0}.hl-catalog-body h3{min-height:44px;color:var(--color-text-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:900;line-height:1.38;display:-webkit-box;overflow:hidden}.hl-catalog-body p{color:var(--color-text-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.hl-catalog-meta{color:var(--color-text-faint);flex-wrap:wrap;gap:4px 10px;font-size:12px;font-weight:700;display:flex}.hl-catalog-footer{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;display:flex}.hl-catalog-price{color:var(--color-text-heading);white-space:nowrap;font-size:16px;font-weight:900}.hl-catalog-cta{color:var(--color-primary);white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:900;display:inline-flex}.hl-catalog-cta svg{transition:transform .2s}.hl-catalog-card:hover .hl-catalog-cta svg{transform:translate(3px)}.hl-catalog-cta.is-owned{color:var(--color-badge-success-text)}.hl-catalog-skeleton{background:linear-gradient(100deg, var(--color-border-subtle) 30%, #f4f6fb 50%, var(--color-border-subtle) 70%);background-size:200% 100%;border-radius:18px;height:320px;animation:1.4s ease-in-out infinite hl-catalog-shimmer}@keyframes hl-catalog-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hl-catalog-state{min-height:200px;color:var(--color-text-secondary);text-align:center;place-items:center;gap:7px;padding:18px;display:grid}.hl-catalog-state img{object-fit:contain;filter:drop-shadow(0 10px 16px #1b4de41f);width:92px;height:92px}.hl-catalog-state strong{color:var(--color-text-heading);font-size:15px;font-weight:900}.hl-catalog-state p{margin:0;font-size:13.5px}.hl-catalog-state button{background:var(--color-primary);color:#fff;cursor:pointer;border:0;border-radius:30px;margin-top:6px;padding:11px 22px;font-family:inherit;font-size:13px;font-weight:800}.hl-catalog-state button:hover{background:var(--color-primary-dark)}@media (width<=1024px){.hl-catalog-section{padding-top:118px}.hl-catalog-hero{border-radius:34px;grid-template-columns:minmax(0,1fr) 330px;min-height:390px}.hl-catalog-intro{padding:56px 40px}.hl-catalog-intro h1{font-size:clamp(36px,5vw,54px)}.hl-catalog-intro p{font-size:16px}.hl-catalog-hero-visual{min-height:390px}.hl-catalog-blue-stage{border-top-left-radius:34px;border-bottom-left-radius:92px}.hl-catalog-blue-stage img{width:min(88%,330px);right:-18px}.hl-catalog-welcome{font-size:15px;top:44px;right:34px}.hl-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.hl-catalog-section{padding:108px 18px 76px}.hl-catalog-hero{border-radius:28px;grid-template-columns:1fr;min-height:auto}.hl-catalog-intro{padding:38px 28px 22px}.hl-catalog-hero-visual{min-height:310px}.hl-catalog-blue-stage{border-radius:88px 0 28px 28px}.hl-catalog-blue-stage img{width:min(58%,300px);bottom:-22px;right:8%}.hl-catalog-welcome{top:34px;right:30px}.hl-catalog-stats{border-radius:22px}.hl-catalog-stats div{padding:20px 14px}.hl-catalog-stats strong{font-size:34px}.hl-catalog-stats span{font-size:13px}.hl-catalog-topbar .hl-catalog-filters{margin-left:0}.hl-catalog-search{flex:1;min-width:0}}@media (width<=640px){.hl-catalog-intro h1{font-size:34px}.hl-catalog-intro p{font-size:15px}.hl-catalog-hero-cta{min-height:50px;margin-top:24px}.hl-catalog-hero-visual{min-height:260px}.hl-catalog-blue-stage img{width:min(70%,260px);right:2%}.hl-catalog-stats{grid-template-columns:1fr}.hl-catalog-stats div+div{border-top:1px solid #1b4de414;border-left:0}.hl-catalog-grid{grid-template-columns:1fr}.hl-catalog-header h1{font-size:26px}}@media (width<=430px){.hl-catalog-section{padding-inline:14px}.hl-catalog-hero{border-radius:22px}.hl-catalog-intro{padding:30px 22px 18px}.hl-catalog-intro h1{font-size:31px}.hl-catalog-hero-visual{min-height:230px}.hl-catalog-blue-stage{border-radius:64px 0 22px 22px}.hl-catalog-welcome{padding:10px 16px;font-size:13px;top:24px;right:20px}.hl-catalog-panel{border-radius:18px;padding:14px}}.hl-catalog-tabs+.hl-catalog-search{margin-left:auto}.hl-catalog-meta span{align-items:center;gap:5px;display:inline-flex}.hl-catalog-progress>div:first-child{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.hl-catalog-progress>div:first-child strong{color:var(--color-primary);font-weight:900}.hl-catalog-progress-bar{background:var(--color-badge-info-bg);border-radius:999px;height:7px;margin-top:6px;overflow:hidden}.hl-catalog-progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-sky));height:100%;display:block}.hl-catalog-status{color:var(--color-primary);align-items:center;gap:5px;font-size:13px;font-weight:900;display:inline-flex}.hl-catalog-status.is-completed{color:var(--color-badge-success-text)}.hl-cd-page{background:var(--color-surface-soft);min-height:100vh}.hl-cd-main-wrap{padding:130px 24px 100px}.hl-cd-container{max-width:1180px;margin:0 auto}.hl-cd-breadcrumb{color:var(--color-text-faint);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:24px;font-size:13px;display:flex}.hl-cd-breadcrumb button{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:600}.hl-cd-breadcrumb button:hover{color:var(--color-primary)}.hl-cd-breadcrumb .is-current{color:var(--color-text-heading);text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-weight:700;overflow:hidden}.hl-cd-grid{grid-template-columns:1fr;gap:28px;display:grid}.hl-cd-main{flex-direction:column;gap:28px;min-width:0;display:flex}.hl-cd-aside{order:-1}@media (width>=960px){.hl-cd-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.hl-cd-aside{order:0;position:sticky;top:110px}}.hl-cd-hero-badges{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.hl-cd-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:20px;padding:5px 12px;font-size:11.5px;font-weight:800}.hl-cd-badge.is-exam{color:var(--color-primary);background:var(--color-badge-info-bg)}.hl-cd-badge.is-track{color:var(--color-text-label);background:var(--color-badge-neutral-bg)}.hl-cd-title{color:var(--color-text-heading);margin:0 0 12px;font-size:clamp(24px,3.2vw,32px);line-height:1.25}.hl-cd-intro{color:var(--color-text-secondary);margin:0 0 16px;font-size:15.5px;line-height:1.6}.hl-cd-dates{color:var(--color-text-faint);flex-wrap:wrap;gap:18px;font-size:13.5px;display:flex}.hl-cd-dates strong{color:var(--color-text-heading)}.hl-cd-stats{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:18px;display:grid}.hl-cd-stat{color:var(--color-primary);align-items:center;gap:10px;display:flex}.hl-cd-stat div{flex-direction:column;line-height:1.3;display:flex}.hl-cd-stat strong{color:var(--color-text-heading);font-size:15px}.hl-cd-stat span{color:var(--color-text-faint);font-size:12px}.hl-cd-section{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:16px;padding:22px}.hl-cd-section h2{color:var(--color-text-heading);margin:0 0 14px;font-size:18px}.hl-cd-description p{color:var(--color-text-body);margin:0 0 12px;font-size:14.5px;line-height:1.7}.hl-cd-description p:last-child{margin-bottom:0}.hl-cd-empty-curriculum{color:var(--color-text-faint);margin:0;font-size:14px}.hl-cd-curriculum{flex-direction:column;gap:12px;display:flex}.hl-cd-phase{border:1px solid var(--color-border-subtle);border-radius:12px;overflow:hidden}.hl-cd-phase-header{background:var(--color-surface-soft);cursor:pointer;text-align:left;border:none;align-items:center;gap:12px;width:100%;padding:14px 16px;font-family:inherit;display:flex}.hl-cd-phase-header svg{color:var(--color-text-faint);flex-shrink:0;transition:transform .2s}.hl-cd-phase-header svg.is-open{transform:rotate(180deg)}.hl-cd-phase-title{color:var(--color-text-heading);font-size:14.5px;font-weight:700;display:block}.hl-cd-phase-summary{color:var(--color-text-faint);margin-top:2px;font-size:12px;display:block}.hl-cd-phase-body{flex-direction:column;gap:16px;padding:16px;display:flex}.hl-cd-phase-desc{color:var(--color-text-secondary);margin:0;font-size:13.5px}.hl-cd-section-block{flex-direction:column;gap:8px;display:flex}.hl-cd-section-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hl-cd-section-title{color:var(--color-text-emphasis);font-size:13.5px;font-weight:700}.hl-cd-section-category{color:var(--color-primary);background:var(--color-badge-info-bg);border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700}.hl-cd-section-desc{color:var(--color-text-faint);margin:0;font-size:13px}.hl-cd-chapter{border:1px solid var(--color-border-subtle);border-radius:10px;margin-left:4px}.hl-cd-chapter-header{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;display:flex}.hl-cd-chapter-header svg{color:var(--color-text-faint);flex-shrink:0;transition:transform .2s}.hl-cd-chapter-header svg.is-open{transform:rotate(180deg)}.hl-cd-chapter-title{color:var(--color-text-heading);flex:1;font-size:13.5px;font-weight:600}.hl-cd-chapter-count{color:var(--color-text-faint);white-space:nowrap;font-size:12px}.hl-cd-chapter-body{flex-direction:column;gap:8px;padding:4px 12px 12px 38px;display:flex}.hl-cd-chapter-desc{color:var(--color-text-faint);margin:0 0 4px;font-size:12.5px}.hl-cd-lesson-row{color:var(--color-text-body);border-bottom:1px dashed var(--color-border-subtle);align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.hl-cd-lesson-icon{color:var(--color-text-faint);flex-shrink:0;display:flex}.hl-cd-lesson-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.hl-cd-lesson-badge{color:var(--color-badge-success-text);background:var(--color-badge-success-bg);border-radius:20px;flex-shrink:0;align-items:center;gap:3px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.hl-cd-lesson-meta{color:var(--color-text-faint);flex-shrink:0;align-items:center;gap:10px;font-size:11.5px;display:flex}.hl-cd-lesson-meta span{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.hl-cd-enroll-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:18px;overflow:hidden;box-shadow:0 20px 44px -30px #11183a59}.hl-cd-enroll-cover{height:190px;position:relative}.hl-cd-enroll-cover img{object-fit:cover;width:100%;height:100%;display:block}.hl-cd-enroll-cover-fallback{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));place-items:center;width:100%;height:100%;display:grid}.hl-cd-enroll-video-badge{color:#fff;background:#11183ab8;border-radius:20px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:700;text-decoration:none;display:inline-flex;position:absolute;bottom:12px;left:12px}.hl-cd-enroll-body{flex-direction:column;gap:14px;padding:20px;display:flex}.hl-cd-enroll-price{color:var(--color-text-heading);font-size:24px;font-weight:800}.hl-cd-enroll-cta{cursor:pointer;letter-spacing:.02em;color:#fff;background:var(--color-primary);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-family:inherit;font-size:14.5px;font-weight:800;display:flex}.hl-cd-enroll-cta:hover{background:var(--color-primary-dark)}.hl-cd-enroll-cta.is-owned{background:var(--color-success)}.hl-cd-enroll-cta.is-secondary{background:var(--color-surface);color:var(--color-primary);border:1.5px solid var(--color-primary)}.hl-cd-skeleton-breadcrumb{background:var(--color-border-subtle);border-radius:6px;width:260px;height:16px;margin-bottom:24px}.hl-cd-skeleton-block{background:linear-gradient(100deg, var(--color-border-subtle) 30%, #f4f6fb 50%, var(--color-border-subtle) 70%);background-size:200% 100%;border-radius:16px;animation:1.4s ease-in-out infinite hl-cd-shimmer}@keyframes hl-cd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hl-cd-state{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:12px;padding:90px 20px;display:flex}.hl-cd-state svg{color:var(--color-warning)}.hl-cd-state button{border:1px solid var(--color-border-primary);background:var(--color-surface);color:var(--color-primary);cursor:pointer;border-radius:30px;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:700}@media (width<=640px){.hl-cd-main-wrap{padding-top:100px}}.hl-cd-hero,.hl-cd-stats,.hl-cd-section,.hl-cd-enroll-card{background:#fffffff0;border:1px solid #e0e7f3;border-radius:18px;box-shadow:0 12px 26px #11183a0b}.hl-cd-hero{padding:18px}.hl-cd-main{gap:14px}.hl-cd-badge{letter-spacing:0;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900}.hl-cd-badge.is-exam{background:#eaf1ff}.hl-cd-title{margin:0 0 8px;font-size:clamp(22px,3vw,28px);font-weight:900;line-height:1.16}.hl-cd-intro{color:var(--color-text-body);font-size:13.5px;font-weight:700;line-height:1.55}.hl-cd-dates span{color:var(--color-text-dim);background:#fbfcff;border:1px solid #dce7f7;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:800;display:inline-flex}.hl-cd-stats{padding:16px}.hl-cd-stat svg{box-sizing:border-box;background:#eaf1ff;border-radius:11px;flex-shrink:0;width:32px;height:32px;padding:7px}.hl-cd-stat strong{font-weight:900}.hl-cd-stat span{color:var(--color-text-secondary);font-weight:700}.hl-cd-section{padding:16px}.hl-cd-section h2{font-size:17px;font-weight:900}.hl-cd-phase{background:#fbfcff;border:1px solid #e7edf9;border-radius:15px}.hl-cd-phase-header{background:0 0;padding:12px 14px}.hl-cd-phase-title{font-size:15px;font-weight:900}.hl-cd-phase-summary{color:var(--color-text-secondary);margin-top:3px;font-weight:700}.hl-cd-phase-body{padding:0 14px 14px}.hl-cd-chapter{background:var(--color-surface);border:1px solid #e7edf9;border-radius:15px;margin-left:0}.hl-cd-chapter-header{padding:12px}.hl-cd-chapter-title{font-size:14px;font-weight:900}.hl-cd-chapter-count{color:var(--color-primary);font-weight:800}.hl-cd-chapter-body{padding:0 12px 12px}.hl-cd-lesson-row{color:var(--color-text-heading);background:#fbfcff;border:1px solid #e7edf9;border-radius:13px;padding:10px;font-size:12.5px;font-weight:900}.hl-cd-lesson-row:last-child{border-bottom:1px solid #e7edf9}.hl-cd-lesson-icon{width:32px;height:32px;color:var(--color-primary);background:#eaf1ff;border-radius:11px;justify-content:center;align-items:center}.hl-cd-lesson-meta{color:var(--color-text-secondary);font-size:11px;font-weight:700}.hl-cart-page{background:var(--color-surface-soft);min-height:100vh}.hl-cart-main-wrap{padding:130px 24px 100px}.hl-cart-container{max-width:1080px;margin:0 auto}.hl-cart-title{color:var(--color-text-heading);margin:0 0 24px;font-size:26px}.hl-cart-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=860px){.hl-cart-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.hl-cart-aside{position:sticky;top:110px}}.hl-cart-list{flex-direction:column;gap:14px;display:flex}.hl-cart-item{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:14px;align-items:center;gap:16px;padding:16px;display:flex}.hl-cart-item-cover{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));border-radius:12px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.hl-cart-item-body{flex:1;min-width:0}.hl-cart-item-body h3{color:var(--color-text-heading);text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:15px;overflow:hidden}.hl-cart-item-meta{color:var(--color-text-faint);flex-wrap:wrap;gap:10px;font-size:12.5px;display:flex}.hl-cart-item-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.hl-cart-item-price{color:var(--color-text-heading);white-space:nowrap;font-size:14.5px;font-weight:800}.hl-cart-item-remove{cursor:pointer;color:var(--color-danger);background:0 0;border:none;align-items:center;gap:5px;padding:0;font-family:inherit;font-size:12.5px;font-weight:700;display:inline-flex}.hl-cart-item-remove:disabled{opacity:.6;cursor:not-allowed}.hl-cart-summary{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:16px;flex-direction:column;gap:14px;padding:22px;display:flex;box-shadow:0 20px 44px -30px #11183a59}.hl-cart-summary h2{color:var(--color-text-heading);margin:0;font-size:16px}.hl-cart-summary-row{color:var(--color-text-secondary);justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.hl-cart-summary-row.is-total{border-top:1px solid var(--color-border-subtle);padding-top:12px;font-size:15px}.hl-cart-summary-row.is-total strong{color:var(--color-primary);font-size:19px}.hl-cart-checkout-cta{cursor:pointer;color:#fff;background:var(--color-primary);border:none;border-radius:12px;padding:14px 20px;font-family:inherit;font-size:14.5px;font-weight:800}.hl-cart-checkout-cta:hover{background:var(--color-primary-dark)}.hl-cart-empty{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:10px;padding:90px 20px;display:flex}.hl-cart-empty svg{color:var(--color-primary);margin-bottom:6px}.hl-cart-empty h2{color:var(--color-text-heading);margin:0;font-size:19px}.hl-cart-empty p{max-width:360px;margin:0;font-size:14px}.hl-cart-empty button{cursor:pointer;color:#fff;background:var(--color-primary);border:none;border-radius:30px;margin-top:10px;padding:12px 24px;font-family:inherit;font-size:13.5px;font-weight:800}.hl-cart-skeleton-block{background:linear-gradient(100deg, var(--color-border-subtle) 30%, #f4f6fb 50%, var(--color-border-subtle) 70%);background-size:200% 100%;border-radius:16px;animation:1.4s ease-in-out infinite hl-cart-shimmer}@keyframes hl-cart-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hl-cart-state{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:12px;padding:90px 20px;display:flex}.hl-cart-state svg{color:var(--color-warning)}.hl-cart-state button{border:1px solid var(--color-border-primary);background:var(--color-surface);color:var(--color-primary);cursor:pointer;border-radius:30px;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:700}@media (width<=640px){.hl-cart-main-wrap{padding-top:100px}.hl-cart-item{flex-wrap:wrap}.hl-cart-item-side{flex-direction:row;justify-content:space-between;align-items:center;width:100%}}.hl-checkout-page{background:var(--color-surface-soft);min-height:100vh}.hl-checkout-main-wrap{padding:130px 24px 100px}.hl-checkout-container{max-width:1080px;margin:0 auto}.hl-checkout-title{color:var(--color-text-heading);margin:0 0 24px;font-size:26px}.hl-checkout-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=860px){.hl-checkout-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.hl-checkout-aside{position:sticky;top:110px}}.hl-checkout-main{flex-direction:column;gap:20px;min-width:0;display:flex}.hl-checkout-section{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:16px;padding:20px}.hl-checkout-section h2{color:var(--color-text-heading);margin:0 0 14px;font-size:16px}.hl-checkout-info-list{flex-direction:column;gap:10px;margin:0;display:flex}.hl-checkout-info-list div{justify-content:space-between;gap:12px;font-size:13.5px;display:flex}.hl-checkout-info-list dt{color:var(--color-text-faint)}.hl-checkout-info-list dd{color:var(--color-text-heading);text-align:right;margin:0;font-weight:600}.hl-checkout-payment-method{border:1px solid var(--color-border-primary);background:var(--color-badge-info-bg);color:var(--color-primary);border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.hl-checkout-payment-method div{flex-direction:column;display:flex}.hl-checkout-payment-method strong{color:var(--color-text-heading);font-size:14px}.hl-checkout-payment-method span{color:var(--color-text-faint);font-size:12.5px}.hl-checkout-summary{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 20px 44px -30px #11183a59}.hl-checkout-summary h2{color:var(--color-text-heading);margin:0;font-size:16px}.hl-checkout-items{border-bottom:1px solid var(--color-border-subtle);flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.hl-checkout-item{color:var(--color-text-body);justify-content:space-between;gap:10px;font-size:13px;display:flex}.hl-checkout-item strong{color:var(--color-text-heading);flex-shrink:0}.hl-checkout-summary-row{color:var(--color-text-secondary);justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.hl-checkout-summary-row.is-total{font-size:15px}.hl-checkout-summary-row.is-total strong{color:var(--color-primary);font-size:19px}.hl-checkout-cta{cursor:pointer;color:#fff;background:var(--color-primary);border:none;border-radius:12px;padding:14px 20px;font-family:inherit;font-size:14.5px;font-weight:800}.hl-checkout-cta:hover{background:var(--color-primary-dark)}.hl-checkout-cta:disabled{opacity:.65;cursor:not-allowed}.hl-checkout-skeleton{background:linear-gradient(100deg, var(--color-border-subtle) 30%, #f4f6fb 50%, var(--color-border-subtle) 70%);background-size:200% 100%;border-radius:16px;animation:1.4s ease-in-out infinite hl-checkout-shimmer}@keyframes hl-checkout-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hl-checkout-state{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:12px;padding:90px 20px;display:flex}.hl-checkout-state svg{color:var(--color-warning)}.hl-checkout-state button{border:1px solid var(--color-border-primary);background:var(--color-surface);color:var(--color-primary);cursor:pointer;border-radius:30px;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:700}@media (width<=640px){.hl-checkout-main-wrap{padding-top:100px}}.hl-orders-page{background:var(--color-surface-soft);min-height:100vh}.hl-orders-main-wrap{padding:130px 24px 100px}.hl-orders-container{max-width:1080px;margin:0 auto}.hl-orders-title{color:var(--color-text-heading);margin:0 0 24px;font-size:26px}.hl-orders-back{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:20px;padding:0;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex}.hl-orders-back:hover{color:var(--color-primary)}.hl-order-status{letter-spacing:.03em;white-space:nowrap;border-radius:20px;align-items:center;padding:4px 11px;font-size:11.5px;font-weight:800;display:inline-flex}.hl-order-status.is-success{color:var(--color-badge-success-text);background:var(--color-badge-success-bg)}.hl-order-status.is-warning{color:var(--color-badge-warning-text);background:var(--color-badge-warning-bg)}.hl-order-status.is-danger{color:var(--color-badge-danger-text);background:var(--color-badge-danger-bg)}.hl-order-status.is-neutral{color:var(--color-badge-neutral-text);background:var(--color-badge-neutral-bg)}.hl-orders-list{flex-direction:column;gap:12px;display:flex}.hl-order-card{text-align:left;border:1px solid var(--color-border-subtle);background:var(--color-surface);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:16px 18px;font-family:inherit;display:flex}.hl-order-card:hover{box-shadow:0 14px 30px -20px #11183a4d}.hl-order-card-main{flex-direction:column;gap:6px;min-width:0;display:flex}.hl-order-card-top{align-items:center;gap:10px;display:flex}.hl-order-code{color:var(--color-text-heading);font-size:13.5px;font-weight:700}.hl-order-card-courses{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.hl-order-card-date{color:var(--color-text-faint);font-size:12px}.hl-order-card-side{color:var(--color-text-faint);flex-shrink:0;align-items:center;gap:8px;display:flex}.hl-order-card-total{color:var(--color-text-heading);font-size:14.5px;font-weight:800}.hl-orders-empty{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:10px;padding:90px 20px;display:flex}.hl-orders-empty svg{color:var(--color-primary);margin-bottom:6px}.hl-orders-empty h2{color:var(--color-text-heading);margin:0;font-size:19px}.hl-orders-empty p{max-width:380px;margin:0;font-size:14px}.hl-orders-empty button{cursor:pointer;color:#fff;background:var(--color-primary);border:none;border-radius:30px;margin-top:10px;padding:12px 24px;font-family:inherit;font-size:13.5px;font-weight:800}.hl-orders-skeleton{background:linear-gradient(100deg, var(--color-border-subtle) 30%, #f4f6fb 50%, var(--color-border-subtle) 70%);background-size:200% 100%;border-radius:14px;height:90px;animation:1.4s ease-in-out infinite hl-orders-shimmer}@keyframes hl-orders-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hl-orders-state{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:12px;padding:90px 20px;display:flex}.hl-orders-state svg{color:var(--color-warning)}.hl-orders-state button{border:1px solid var(--color-border-primary);background:var(--color-surface);color:var(--color-primary);cursor:pointer;border-radius:30px;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:700}.hl-orders-detail-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=860px){.hl-orders-detail-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.hl-orders-aside{position:sticky;top:110px}}.hl-orders-detail-main{flex-direction:column;gap:20px;min-width:0;display:flex}.hl-orders-section{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:16px;padding:20px}.hl-orders-section h2{color:var(--color-text-heading);margin:0 0 14px;font-size:16px}.hl-orders-info-list{flex-direction:column;gap:10px;margin:0;display:flex}.hl-orders-info-list div{justify-content:space-between;gap:12px;font-size:13.5px;display:flex}.hl-orders-info-list dt{color:var(--color-text-faint)}.hl-orders-info-list dd{color:var(--color-text-heading);text-align:right;margin:0;font-weight:600}.hl-orders-items{flex-direction:column;gap:10px;display:flex}.hl-orders-item{color:var(--color-text-body);border-bottom:1px dashed var(--color-border-subtle);justify-content:space-between;gap:12px;padding-bottom:10px;font-size:13.5px;display:flex}.hl-orders-item:last-child{border-bottom:none;padding-bottom:0}.hl-orders-item.is-clickable{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border-top:none;border-left:none;border-right:none;border-radius:6px;transition:background-color .15s}.hl-orders-item.is-clickable:hover,.hl-orders-item.is-clickable:focus-visible{background-color:var(--color-surface-hover,#00000008)}.hl-orders-item strong{color:var(--color-text-heading);flex-shrink:0}.hl-orders-summary{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 20px 44px -30px #11183a59}.hl-orders-summary-row{color:var(--color-text-secondary);justify-content:space-between;align-items:center;font-size:14px;display:flex}.hl-orders-summary-row.is-total strong{color:var(--color-primary);font-size:20px}.hl-orders-cta{cursor:pointer;color:#fff;background:var(--color-primary);border:none;border-radius:12px;padding:13px 18px;font-family:inherit;font-size:14px;font-weight:800}.hl-orders-cta:hover{background:var(--color-primary-dark)}.hl-orders-cta:disabled{opacity:.65;cursor:not-allowed}.hl-orders-cta.is-owned{background:var(--color-success)}.hl-orders-cta.is-danger-outline{background:var(--color-surface);color:var(--color-danger);border:1.5px solid var(--color-danger)}.hl-orders-cta.is-danger{background:var(--color-danger)}.hl-orders-cta.is-secondary{background:var(--color-surface);color:var(--color-primary);border:1.5px solid var(--color-primary)}.hl-orders-cancel-confirm{background:var(--color-badge-danger-bg);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.hl-orders-cancel-confirm p{color:var(--color-text-heading);margin:0;font-size:13.5px}.hl-orders-cancel-actions{gap:8px;display:flex}.hl-orders-cancel-actions .hl-orders-cta{flex:1;padding:10px 12px;font-size:13px}@media (width<=640px){.hl-orders-main-wrap{padding-top:100px}.hl-order-card{flex-wrap:wrap}}.hl-payres-page{background:var(--color-surface-soft);min-height:100vh}.hl-payres-main-wrap{justify-content:center;padding:130px 24px 100px;display:flex}.hl-payres-container{width:100%;max-width:520px}.hl-payres-card{text-align:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:40px 32px;display:flex;box-shadow:0 20px 44px -30px #11183a59}.hl-payres-card svg.is-success{color:var(--color-success)}.hl-payres-card svg.is-warning{color:var(--color-warning)}.hl-payres-card svg.is-danger{color:var(--color-danger)}.hl-payres-card h1{color:var(--color-text-heading);margin:0;font-size:20px}.hl-payres-card p{color:var(--color-text-secondary);margin:0;font-size:14px}.hl-payres-info-list{text-align:left;flex-direction:column;gap:8px;width:100%;margin:8px 0 0;display:flex}.hl-payres-info-list div{justify-content:space-between;font-size:13.5px;display:flex}.hl-payres-info-list dt{color:var(--color-text-faint)}.hl-payres-info-list dd{color:var(--color-text-heading);margin:0;font-weight:700}.hl-payres-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:12px;display:flex}.hl-payres-cta{cursor:pointer;color:#fff;background:var(--color-primary);border:none;border-radius:30px;padding:12px 20px;font-family:inherit;font-size:13.5px;font-weight:800}.hl-payres-cta:hover{background:var(--color-primary-dark)}.hl-payres-cta.is-secondary{background:var(--color-surface);color:var(--color-primary);border:1.5px solid var(--color-primary)}.hl-payres-state{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.hl-payres-state svg{color:var(--color-primary)}.hl-payres-state button{border:1px solid var(--color-border-primary);background:var(--color-surface);color:var(--color-primary);cursor:pointer;border-radius:30px;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:700}@media (width<=640px){.hl-payres-main-wrap{padding-top:100px}}.hl-study-placeholder-page{background:var(--color-surface-soft);min-height:100vh}.hl-study-placeholder-main{justify-content:center;padding:130px 24px 100px;display:flex}.hl-study-placeholder-card{text-align:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:20px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:480px;padding:40px 32px;display:flex;box-shadow:0 20px 44px -30px #11183a59}.hl-study-placeholder-card svg{color:var(--color-primary)}.hl-study-placeholder-card h1{color:var(--color-text-heading);margin:0;font-size:19px}.hl-study-placeholder-card p{color:var(--color-text-secondary);margin:0;font-size:14px}.hl-study-placeholder-course-id{color:var(--color-text-faint);font-size:12px}.hl-study-placeholder-card button{cursor:pointer;color:#fff;background:var(--color-primary);border:none;border-radius:30px;margin-top:10px;padding:12px 22px;font-family:inherit;font-size:13.5px;font-weight:800}@media (width<=640px){.hl-study-placeholder-main{padding-top:100px}}:root{--study-line:#e8edf6;--study-line-soft:#f0f3f9;--study-surface-soft:#f8fafd;--study-lesson-bg:#eaf1ff;--study-lesson-fg:#1b4de4;--study-practice-bg:#e5f5ec;--study-practice-fg:#23845a;--study-assess-bg:#efeafd;--study-assess-fg:#6a52d0;--study-live-bg:#fff2df;--study-live-fg:#b86a0c;--study-done-fg:#23845a;--study-lock-bg:#f1f3f8;--study-lock-fg:#8a93a8}.hl-study-page{padding-bottom:32px}.hl-study-grid{flex-direction:column;gap:20px;display:flex}.hl-study-hero{background-color:#f8fbff;background-image:linear-gradient(#e0e9fa9e 1px,#0000 1px),linear-gradient(90deg,#e0e9fa9e 1px,#0000 1px);background-size:28px 28px;border:1px solid #e0e7f3;border-radius:18px;padding:16px;box-shadow:0 12px 26px #11183a0b}.hl-study-back{color:var(--color-primary);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:13px;font-weight:900;display:inline-flex}.hl-study-hero-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:20px;margin-top:14px;display:grid}.hl-study-hero-main{min-width:0}.hl-study-badge{color:var(--color-primary);text-transform:uppercase;background:#eaf1ff;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;display:inline-flex}.hl-study-hero h1{max-width:820px;color:var(--color-text-heading);margin:12px 0 8px;font-size:clamp(22px,2.4vw,27px);font-weight:800;line-height:1.16}.hl-study-hero-meta{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.hl-study-hero-meta span{color:var(--color-text-dim);background:#fbfcff;border:1px solid #dce7f7;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;display:inline-flex}.hl-study-hero-meta svg{color:var(--color-primary)}.hl-study-hero-progress{background:#eaf3ff;border:1px solid #dce7f7;border-radius:16px;flex-direction:column;gap:9px;padding:14px;display:flex}.hl-study-hero-progress-label{color:var(--color-text-heading);font-size:13px;font-weight:700}.hl-study-hero-progress-value{justify-content:space-between;align-items:center;gap:12px;display:flex}.hl-study-hero-progress-value small{color:var(--color-text-secondary);font-size:12px;font-weight:500}.hl-study-hero-progress-value strong{color:var(--color-primary);font-size:30px;font-weight:900;line-height:1}.hl-study-progress-bar{background:var(--color-badge-info-bg);border-radius:999px;width:100%;height:8px;overflow:hidden}.hl-study-progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-sky));height:100%;display:block}.hl-study-primary-btn{background:var(--color-primary);color:#fff;cursor:pointer;min-height:44px;font:inherit;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 12px 20px #1b4de424}.hl-study-primary-btn:hover{background:var(--color-primary-dark)}.hl-study-tabs{background:#eaf2ff;border:1px solid #dce7f7;border-radius:14px;gap:6px;width:max-content;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto;box-shadow:0 10px 22px #11183a0a}.hl-study-tab-btn{min-height:38px;color:var(--color-text-secondary);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:0 20px;font-size:14px;font-weight:900}.hl-study-tab-btn:hover{color:var(--color-primary)}.hl-study-tab-btn.is-active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 8px 18px #1b4de41f}.hl-study-tab-btn:focus-visible{outline-offset:2px;outline:3px solid #1b4de438}.hl-study-card{border:1px solid var(--study-line);background:var(--color-surface);border-radius:14px;padding:16px 18px}.hl-study-card h2,.hl-study-card h3{color:var(--color-text-heading);margin:0 0 8px;font-size:15px;font-weight:600}.hl-study-card-eyebrow{color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:11.5px;font-weight:600;display:block}.hl-study-info-row{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.hl-study-live-card{background:#fffaf2;border-color:#f6dfbb}.hl-study-live-card .hl-study-card-eyebrow{color:var(--study-live-fg)}.hl-study-live-desc{color:var(--color-text-secondary);margin:0 0 10px;font-size:13.5px}.hl-study-live-meta{color:var(--color-text-secondary);flex-wrap:wrap;gap:8px 14px;margin-bottom:12px;font-size:12.5px;display:flex}.hl-study-live-meta span{align-items:center;gap:5px;display:inline-flex}.hl-study-live-status{color:var(--study-live-fg);font-weight:600}.hl-study-live-actions{flex-wrap:wrap;gap:10px;display:flex}.hl-study-live-cta{background:var(--color-primary);color:#fff;cursor:pointer;min-height:34px;font:inherit;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.hl-study-live-cta.is-secondary{background:var(--color-surface);color:var(--color-primary);border:1px solid #d5dff2}.hl-study-group-name{color:var(--color-text-heading);align-items:center;gap:10px;font-size:14px;display:flex}.hl-study-group-name svg{color:var(--color-text-secondary)}.hl-study-group-name strong{font-weight:600}.hl-study-empty-curriculum{color:var(--color-text-secondary);margin:0;font-size:14px}.hl-study-phase-list{flex-direction:column;gap:12px;display:flex}.hl-study-phase{background:var(--color-surface);border:1px solid #e0e7f3;border-radius:18px;padding:16px;box-shadow:0 10px 24px #11183a09}.hl-study-phase-header,.hl-study-section-header,.hl-study-chapter-header{width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.hl-study-phase-header svg,.hl-study-section-header svg,.hl-study-chapter-header svg{color:var(--color-text-heading);flex-shrink:0;transition:transform .18s}.hl-study-phase-header svg.is-collapsed,.hl-study-section-header svg.is-collapsed,.hl-study-chapter-header svg.is-collapsed{transform:rotate(-90deg)}.hl-study-phase-text,.hl-study-section-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.hl-study-phase-title{color:var(--color-text-heading);align-items:center;gap:8px;font-size:15px;font-weight:800;display:inline-flex}.hl-study-phase-title b{width:30px;height:30px;color:var(--color-primary);background:#eaf1ff;border-radius:10px;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:inline-grid}.hl-study-phase-desc,.hl-study-section-sub{color:var(--color-text-secondary);font-size:12px;font-weight:500}.hl-study-phase-percent,.hl-study-section-percent{color:var(--color-primary);white-space:nowrap;font-size:13px;font-weight:800}.hl-study-phase>.hl-study-progress-bar{margin-top:11px}.hl-study-phase-body{flex-direction:column;gap:10px;margin-top:12px;display:flex}.hl-study-section{background:#fbfcff;border:1px solid #e7edf9;border-radius:15px;padding:12px}.hl-study-section-title{color:var(--color-text-heading);font-size:15px;font-weight:800}.hl-study-section-bar{background:var(--color-badge-info-bg);border-radius:999px;height:7px;margin-top:11px;overflow:hidden}.hl-study-section-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-sky));height:100%;display:block}.hl-study-section-body{flex-direction:column;gap:10px;margin-top:12px;display:flex}.hl-study-chapter{background:var(--color-surface);border:1px solid #e7edf9;border-radius:15px;padding:12px}.hl-study-chapter-title{min-width:0;color:var(--color-text-heading);flex:1;align-items:center;gap:8px;font-size:14px;font-weight:800;display:inline-flex}.hl-study-chapter-done{color:var(--study-done-fg);flex-shrink:0}.hl-study-chapter-count{color:var(--color-text-heading);white-space:nowrap;font-size:13px;font-weight:800}.hl-study-chapter-body{flex-direction:column;gap:8px;margin-top:11px;display:flex}.hl-study-item{width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;background:#fbfcff;border:1px solid #e7edf9;border-radius:13px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px;transition:border-color .15s,background .15s;display:flex}.hl-study-item:hover,.hl-study-item.is-current{background:#f4f8ff;border-color:#bfd4ff}.hl-study-item.is-locked{cursor:default}.hl-study-item.is-locked:hover{background:#fbfcff;border-color:#e7edf9}.hl-study-item.is-locked .hl-study-item-title{color:var(--color-text-secondary)}.hl-study-item-nested{padding-left:20px}.hl-study-item-icon{border-radius:11px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.hl-study-item-icon.is-lesson{background:var(--study-lesson-bg);color:var(--study-lesson-fg)}.hl-study-item-icon.is-practice{background:var(--study-practice-bg);color:var(--study-practice-fg)}.hl-study-item-icon.is-assessment{background:var(--study-assess-bg);color:var(--study-assess-fg)}.hl-study-item.is-locked .hl-study-item-icon{background:var(--study-lock-bg);color:var(--study-lock-fg)}.hl-study-item-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hl-study-item-kind{color:var(--color-text-secondary);font-size:11px;font-weight:700}.hl-study-item-title{color:var(--color-text-heading);flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;font-weight:800;line-height:1.35;display:flex}.hl-study-item-meta{color:var(--color-text-secondary);font-size:11.5px;font-weight:500}.hl-study-preview-tag{background:var(--study-practice-bg);color:var(--study-practice-fg);border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.hl-study-item-side{color:var(--color-text-secondary);flex-shrink:0;align-items:center;gap:12px;font-size:11.5px;font-weight:600;display:flex}.hl-study-item-score{color:var(--study-done-fg);font-weight:800}.hl-study-item-status{color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:inline-flex}.hl-study-item-status.is-done{color:var(--study-done-fg)}.hl-study-item-status.is-current,.hl-study-item-status.is-action{color:var(--color-primary);font-weight:800}.hl-study-item-status.is-locked{color:var(--study-lock-fg)}.hl-study-item-chevron{color:#a7afc2}.hl-study-item-lock-note{color:var(--color-text-secondary);flex-basis:100%;padding-left:44px;font-size:11.5px}.hl-study-skeleton{background:linear-gradient(100deg, var(--color-border-subtle) 30%, #f4f6fb 50%, var(--color-border-subtle) 70%);background-size:200% 100%;border-radius:14px;animation:1.4s ease-in-out infinite hl-study-shimmer}@keyframes hl-study-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hl-study-state{color:var(--color-text-secondary);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:90px 20px;display:flex}.hl-study-state svg{color:var(--color-warning)}.hl-study-state button{background:var(--color-surface);color:var(--color-primary);cursor:pointer;font:inherit;border:1px solid #d5dff2;border-radius:10px;padding:10px 20px;font-size:13.5px;font-weight:600}.hl-live-class-list{flex-direction:column;display:flex}.hl-live-class-row{border-top:1px solid var(--study-line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.hl-live-class-row:first-child{border-top:0}.hl-live-class-row-main{flex-direction:column;gap:4px;min-width:0;display:flex}.hl-live-class-row-main strong{color:var(--color-text-heading);font-size:14px;font-weight:500}.hl-live-class-row-meta{color:var(--color-text-secondary);flex-wrap:wrap;gap:10px;font-size:12.5px;display:flex}.hl-live-class-row-meta span{align-items:center;gap:4px;display:inline-flex}.hl-live-class-row-actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.hl-live-class-row-actions .hl-study-live-cta{min-height:32px;padding:0 12px;font-size:12.5px}.hl-plan-elapsed-row{color:var(--color-text-secondary);justify-content:space-between;align-items:center;margin:12px 0 8px;font-size:13px;display:flex}.hl-plan-elapsed-row strong{color:var(--color-text-heading);font-weight:600}.hl-plan-recommended-grid{grid-template-columns:minmax(0,320px)}.hl-plan-section-list{flex-direction:column;display:flex}.hl-plan-section-row{border-top:1px solid var(--study-line-soft);align-items:center;gap:12px;padding:12px 0;display:flex}.hl-plan-section-row:first-child{border-top:0}.hl-plan-section-row div{flex-direction:column;gap:3px;min-width:0;display:flex}.hl-plan-section-row strong{color:var(--color-text-heading);font-size:14px;font-weight:500}.hl-plan-section-meta{color:var(--color-text-secondary);font-size:12.5px}.hl-plan-priority-badge{background:var(--study-live-bg);color:var(--study-live-fg);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}@media (width<=820px){.hl-study-hero-grid{grid-template-columns:1fr}}@media (width<=640px){.hl-study-phase{padding:12px}.hl-study-item-side{flex-basis:100%;justify-content:space-between;padding-left:44px}.hl-study-item-nested{padding-left:10px}}.hl-lesson-page{padding-bottom:32px}.hl-lesson-main-wrap{padding:130px 24px 100px}.hl-lesson-container{max-width:980px;margin:0 auto}.hl-lesson-grid{flex-direction:column;gap:18px;display:flex}.hl-lesson-breadcrumb{color:var(--color-text-faint);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.hl-lesson-breadcrumb button{cursor:pointer;color:var(--color-primary);background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.hl-lesson-breadcrumb .is-current{color:var(--color-text-heading);text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-weight:700;overflow:hidden}.hl-lesson-content{background:#0d1326;border-radius:16px;overflow:hidden}.hl-lesson-content-video video{background:#000;width:100%;max-height:480px;display:block}.hl-lesson-content-text{background:var(--color-surface);border:1px solid var(--color-border-subtle);color:var(--color-text-body);padding:24px}.hl-lesson-content-text p{margin:0 0 14px;font-size:14.5px;line-height:1.75}.hl-lesson-content-text p:last-child{margin-bottom:0}.hl-lesson-content-empty,.hl-lesson-content-locked{text-align:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);min-height:220px;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;display:flex}.hl-lesson-content-locked svg{color:var(--color-warning)}.hl-lesson-content-empty p,.hl-lesson-content-locked p{margin:0;font-size:14px}.hl-lesson-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:16px;padding:20px}.hl-lesson-card h2{color:var(--color-text-heading);margin:0 0 14px;font-size:16px}.hl-lesson-info-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hl-lesson-info-head h1{color:var(--color-text-heading);margin:0 0 4px;font-size:19px}.hl-lesson-meta-line{color:var(--color-text-faint);font-size:12.5px}.hl-lesson-status{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:5px 12px;font-size:11.5px;font-weight:800}.hl-lesson-status.is-success{color:var(--color-badge-success-text);background:var(--color-badge-success-bg)}.hl-lesson-status.is-warning{color:var(--color-badge-warning-text);background:var(--color-badge-warning-bg)}.hl-lesson-status.is-neutral{color:var(--color-badge-neutral-text);background:var(--color-badge-neutral-bg)}.hl-lesson-description{color:var(--color-text-secondary);margin:14px 0 0;font-size:13.5px;line-height:1.6}.hl-lesson-progress-row{color:var(--color-text-faint);align-items:center;gap:12px;margin-top:16px;font-size:12.5px;display:flex}.hl-lesson-progress-bar{background:var(--color-badge-info-bg);border-radius:999px;flex:1;height:7px;overflow:hidden}.hl-lesson-progress-bar span{background:linear-gradient(90deg, var(--color-primary), var(--color-sky));height:100%;display:block}.hl-lesson-chapter-done{color:var(--color-badge-success-text);align-items:center;gap:6px;margin-top:12px;font-size:12.5px;font-weight:700;display:inline-flex}.hl-lesson-actions{margin-top:16px}.hl-lesson-complete-cta{cursor:pointer;color:#fff;background:var(--color-primary);border:none;border-radius:30px;padding:12px 22px;font-family:inherit;font-size:13.5px;font-weight:800}.hl-lesson-complete-cta:hover{background:var(--color-primary-dark)}.hl-lesson-complete-cta:disabled{opacity:.65;cursor:not-allowed}.hl-lesson-completed-tag{color:var(--color-badge-success-text);align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:inline-flex}.hl-lesson-quizzes{flex-direction:column;gap:8px;display:flex}.hl-lesson-nav-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.hl-lesson-nav-btn{border:1.5px solid var(--color-border-primary);background:var(--color-surface);color:var(--color-text-heading);cursor:pointer;border-radius:30px;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:13.5px;font-weight:700;display:inline-flex}.hl-lesson-nav-btn.is-primary{color:#fff;background:var(--color-primary);border:none}.hl-lesson-nav-btn.is-primary:hover{background:var(--color-primary-dark)}.hl-lesson-nav-btn:disabled{opacity:.45;cursor:not-allowed}.hl-lesson-skeleton{background:linear-gradient(100deg, var(--color-border-subtle) 30%, #f4f6fb 50%, var(--color-border-subtle) 70%);background-size:200% 100%;border-radius:16px;animation:1.4s ease-in-out infinite hl-lesson-shimmer}@keyframes hl-lesson-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hl-lesson-state{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:12px;padding:90px 20px;display:flex}.hl-lesson-state svg{color:var(--color-warning)}.hl-lesson-state button{border:1px solid var(--color-border-primary);background:var(--color-surface);color:var(--color-primary);cursor:pointer;border-radius:30px;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:700}@media (width<=640px){.hl-lesson-main-wrap{padding-top:100px}.hl-lesson-content-video video{max-height:260px}.hl-lesson-nav-footer{flex-direction:column-reverse}.hl-lesson-nav-btn{justify-content:center;width:100%}}.hl-lesson-grid{gap:16px}.hl-lesson-breadcrumb button{color:var(--color-text-secondary);font-weight:500}.hl-lesson-breadcrumb button:hover{color:var(--color-primary)}.hl-lesson-content{border-radius:14px}.hl-lesson-content-text,.hl-lesson-content-empty,.hl-lesson-content-locked,.hl-lesson-card{border-color:var(--study-line)}.hl-lesson-card{border-radius:14px;padding:18px 20px}.hl-lesson-card h2{font-size:15px;font-weight:600}.hl-lesson-info-head h1{font-size:21px;font-weight:700;line-height:1.25}.hl-lesson-meta-line{color:var(--color-text-secondary);font-weight:400}.hl-lesson-status{padding:4px 10px;font-size:11.5px;font-weight:600}.hl-lesson-description{color:var(--color-text-body);font-weight:400}.hl-lesson-progress-row{color:var(--color-text-secondary);font-weight:500}.hl-lesson-complete-cta,.hl-lesson-nav-btn.is-primary{background:var(--color-primary);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 16px;font-size:13.5px;font-weight:600;display:inline-flex}.hl-lesson-nav-btn{min-height:40px;color:var(--color-text-heading);border:1px solid #d5dff2;border-radius:10px;padding:0 16px;font-size:13.5px;font-weight:500}.hl-lesson-nav-btn.is-primary{color:#fff}.hl-lesson-skeleton{border-radius:14px}.hl-quiz-page{background:var(--color-surface-soft);min-height:100vh}.hl-quiz-main-wrap{padding:130px 24px 100px}.hl-quiz-container{max-width:960px;margin:0 auto}.hl-quiz-container-narrow{max-width:680px}.hl-quiz-grid{flex-direction:column;gap:18px;display:flex}.hl-quiz-exit{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.hl-quiz-exit:hover{color:var(--color-primary)}.hl-quiz-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:16px;padding:22px}.hl-quiz-card h1{color:var(--color-text-heading);margin:0 0 10px;font-size:20px}.hl-quiz-card h2{color:var(--color-text-heading);margin:0 0 14px;font-size:16px}.hl-quiz-card-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);background:var(--color-badge-info-bg);border-radius:20px;margin-bottom:10px;padding:4px 12px;font-size:11.5px;font-weight:800;display:inline-block}.hl-quiz-intro-desc{color:var(--color-text-secondary);margin:0 0 16px;font-size:14px}.hl-quiz-intro-stats{color:var(--color-text-faint);flex-wrap:wrap;gap:10px 18px;margin-bottom:14px;font-size:13px;display:flex}.hl-quiz-passed-tag{color:var(--color-badge-success-text);background:var(--color-badge-success-bg);border-radius:20px;align-items:center;gap:6px;margin-bottom:14px;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.hl-quiz-locked-note{color:var(--color-danger);background:var(--color-badge-danger-bg);border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:13.5px;font-weight:600;display:flex}.hl-quiz-start-cta{cursor:pointer;color:#fff;background:var(--color-primary);border:none;border-radius:30px;padding:13px 26px;font-family:inherit;font-size:14px;font-weight:800}.hl-quiz-start-cta:hover{background:var(--color-primary-dark)}.hl-quiz-start-cta:disabled{opacity:.65;cursor:not-allowed}.hl-quiz-attempt-list{flex-direction:column;gap:10px;display:flex}.hl-quiz-attempt-row{border:1px solid var(--color-border-subtle);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.hl-quiz-attempt-row>div:first-child{flex-direction:column;gap:3px;display:flex}.hl-quiz-attempt-number{color:var(--color-text-heading);font-size:13px;font-weight:700}.hl-quiz-attempt-status{color:var(--color-text-faint);font-size:11.5px}.hl-quiz-attempt-meta{color:var(--color-text-faint);gap:14px;font-size:12.5px;display:flex}.hl-quiz-attempt-review-btn{border:1.5px solid var(--color-primary);background:var(--color-surface);color:var(--color-primary);cursor:pointer;border-radius:20px;align-items:center;gap:5px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.hl-quiz-banner{background:var(--color-badge-warning-bg);color:var(--color-warning);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;font-weight:600;display:flex}.hl-quiz-banner button{cursor:pointer;color:#fff;background:var(--color-primary);border:none;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:12.5px;font-weight:800}.hl-quiz-attempt-grid{grid-template-columns:1fr;gap:18px;display:grid}@media (width>=860px){.hl-quiz-attempt-grid{grid-template-columns:minmax(0,1fr) 260px;align-items:start}.hl-quiz-attempt-aside{position:sticky;top:110px}}.hl-quiz-attempt-main{flex-direction:column;gap:16px;min-width:0;display:flex}.hl-quiz-attempt-aside{flex-direction:column;gap:14px;display:flex}.hl-quiz-timer{font-variant-numeric:tabular-nums;color:var(--color-text-heading);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:20px;font-weight:800;display:flex}.hl-quiz-timer.is-low{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-badge-danger-bg)}.hl-quiz-answered-count{color:var(--color-text-faint);text-align:center;font-size:12.5px;font-weight:600}.hl-quiz-navigator{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:14px;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px;display:grid}.hl-quiz-nav-item{aspect-ratio:1;border:1px solid var(--color-border-primary);background:var(--color-surface);color:var(--color-text-heading);cursor:pointer;border-radius:8px;place-items:center;font-size:13px;font-weight:700;display:grid}.hl-quiz-nav-item.is-answered{background:var(--color-badge-info-bg);border-color:var(--color-primary);color:var(--color-primary)}.hl-quiz-nav-item.is-current{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.hl-quiz-nav-item:disabled{opacity:.6;cursor:not-allowed}.hl-quiz-submit-cta{cursor:pointer;color:#fff;background:var(--color-danger);border:none;border-radius:12px;padding:13px 18px;font-family:inherit;font-size:13.5px;font-weight:800}.hl-quiz-submit-cta:disabled{opacity:.55;cursor:not-allowed}.hl-quiz-question-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:16px;padding:22px}.hl-quiz-question-head{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12.5px;display:flex}.hl-quiz-question-count{color:var(--color-primary);text-transform:uppercase;letter-spacing:.03em;font-weight:800}.hl-quiz-save-state{font-weight:600}.hl-quiz-save-state.is-saving{color:var(--color-text-faint)}.hl-quiz-save-state.is-saved{color:var(--color-badge-success-text)}.hl-quiz-save-state.is-failed{color:var(--color-danger)}.hl-quiz-question-image{border-radius:12px;max-width:100%;margin-bottom:14px}.hl-quiz-question-text{color:var(--color-text-heading);margin:0 0 18px;font-size:16px;line-height:1.6}.hl-quiz-options{flex-direction:column;gap:10px;display:flex}.hl-quiz-option{text-align:left;border:1.5px solid var(--color-border-primary);background:var(--color-surface);color:var(--color-text-body);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:13px 16px;font-family:inherit;font-size:14px;display:flex}.hl-quiz-option:hover{border-color:var(--color-primary)}.hl-quiz-option.is-selected{border-color:var(--color-primary);background:var(--color-badge-info-bg);color:var(--color-text-heading);font-weight:600}.hl-quiz-option:disabled{cursor:not-allowed;opacity:.75}.hl-quiz-option-radio{border:2px solid var(--color-border-primary);border-radius:50%;flex-shrink:0;width:18px;height:18px}.hl-quiz-option.is-selected .hl-quiz-option-radio{border-color:var(--color-primary);background:radial-gradient(circle, var(--color-primary) 0 45%, transparent 46%)}.hl-quiz-unsupported{color:var(--color-text-faint);font-size:13.5px}.hl-quiz-nav-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.hl-quiz-nav-btn{border:1.5px solid var(--color-border-primary);background:var(--color-surface);color:var(--color-text-heading);cursor:pointer;border-radius:30px;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:13.5px;font-weight:700;display:inline-flex}.hl-quiz-nav-btn.is-primary{color:#fff;background:var(--color-primary);border:none}.hl-quiz-nav-btn.is-primary:hover{background:var(--color-primary-dark)}.hl-quiz-nav-btn:disabled{opacity:.45;cursor:not-allowed}.hl-quiz-dialog-backdrop{z-index:90;background:#0d13268c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.hl-quiz-dialog{background:var(--color-surface);border-radius:18px;width:100%;max-width:420px;padding:26px;box-shadow:0 30px 60px -20px #11183a66}.hl-quiz-dialog h3{color:var(--color-text-heading);margin:0 0 10px;font-size:17px}.hl-quiz-dialog p{color:var(--color-text-secondary);margin:0 0 20px;font-size:13.5px;line-height:1.6}.hl-quiz-dialog-actions{gap:10px;display:flex}.hl-quiz-dialog-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px;font-family:inherit;font-size:13.5px;font-weight:700}.hl-quiz-dialog-btn.is-secondary{background:var(--color-surface-soft);color:var(--color-text-heading);border:1px solid var(--color-border-primary)}.hl-quiz-dialog-btn.is-primary{background:var(--color-danger);color:#fff}.hl-quiz-dialog-btn:disabled{opacity:.6;cursor:not-allowed}.hl-quiz-result-summary h1{margin-bottom:16px}.hl-quiz-result-row{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.hl-quiz-result-score{flex-direction:column;align-items:baseline;gap:8px;display:flex}.hl-quiz-result-score strong{color:var(--color-text-heading);font-size:28px}.hl-quiz-result-score span{color:var(--color-text-faint);font-size:13px}.hl-quiz-result-percentage{color:var(--color-primary);font-size:28px;font-weight:800}.hl-quiz-review-list{flex-direction:column;gap:14px;display:flex}.hl-quiz-review-card{border:1.5px solid var(--color-border-subtle);border-radius:14px;padding:18px}.hl-quiz-review-card.is-correct{border-color:var(--color-success)}.hl-quiz-review-card.is-incorrect{border-color:var(--color-danger)}.hl-quiz-review-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.hl-quiz-review-index{color:var(--color-text-heading);font-size:13px;font-weight:800}.hl-quiz-review-category{color:var(--color-primary);background:var(--color-badge-info-bg);border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700}.hl-quiz-review-tag{border-radius:20px;align-items:center;gap:4px;margin-left:auto;padding:3px 10px;font-size:11.5px;font-weight:800;display:inline-flex}.hl-quiz-review-tag.is-correct{color:var(--color-badge-success-text);background:var(--color-badge-success-bg)}.hl-quiz-review-tag.is-incorrect{color:var(--color-badge-danger-text);background:var(--color-badge-danger-bg)}.hl-quiz-review-tag.is-unanswered{color:var(--color-badge-neutral-text);background:var(--color-badge-neutral-bg)}.hl-quiz-review-image{border-radius:10px;max-width:100%;margin-bottom:10px}.hl-quiz-review-text{color:var(--color-text-heading);margin:0 0 12px;font-size:14.5px}.hl-quiz-review-options{flex-direction:column;gap:8px;display:flex}.hl-quiz-review-option{border:1px solid var(--color-border-subtle);color:var(--color-text-body);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13.5px;display:flex}.hl-quiz-review-option.is-correct{border-color:var(--color-success);background:var(--color-badge-success-bg);color:var(--color-badge-success-text);font-weight:600}.hl-quiz-review-option.is-selected-wrong{border-color:var(--color-danger);background:var(--color-badge-danger-bg);color:var(--color-badge-danger-text);font-weight:600}.hl-quiz-review-explanation{border-top:1px dashed var(--color-border-subtle);margin-top:12px;padding-top:12px;font-size:13px}.hl-quiz-review-explanation strong{color:var(--color-text-heading);margin-bottom:4px;display:block}.hl-quiz-review-explanation p{color:var(--color-text-secondary);margin:0;line-height:1.6}.hl-quiz-skeleton{background:linear-gradient(100deg, var(--color-border-subtle) 30%, #f4f6fb 50%, var(--color-border-subtle) 70%);background-size:200% 100%;border-radius:16px;animation:1.4s ease-in-out infinite hl-quiz-shimmer}@keyframes hl-quiz-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hl-quiz-state{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:12px;padding:90px 20px;display:flex}.hl-quiz-state svg{color:var(--color-warning)}.hl-quiz-state button{border:1px solid var(--color-border-primary);background:var(--color-surface);color:var(--color-primary);cursor:pointer;border-radius:30px;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:700}@media (width<=640px){.hl-quiz-main-wrap{padding-top:100px}.hl-quiz-navigator{grid-template-columns:repeat(6,1fr)}.hl-quiz-nav-footer{flex-direction:column-reverse}.hl-quiz-nav-btn{justify-content:center;width:100%}}.hl-placement-stat-row{border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;gap:20px;margin-top:16px;padding-top:16px;display:flex}.hl-placement-stat{flex-direction:column;gap:4px;display:flex}.hl-placement-stat span{color:var(--color-text-faint);font-size:12px}.hl-placement-stat strong{color:var(--color-text-heading);font-size:18px}.hl-placement-highlight-row{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.hl-placement-highlight{border-radius:12px;flex:200px;align-items:center;gap:10px;padding:12px 14px;display:flex}.hl-placement-highlight div{flex-direction:column;gap:2px;display:flex}.hl-placement-highlight span{font-size:11.5px;font-weight:700}.hl-placement-highlight strong{color:var(--color-text-heading);font-size:13.5px}.hl-placement-highlight.is-strong{background:var(--color-badge-success-bg);color:var(--color-badge-success-text)}.hl-placement-highlight.is-weak{background:var(--color-badge-warning-bg);color:var(--color-badge-warning-text)}.hl-placement-category-list{flex-direction:column;gap:16px;display:flex}.hl-placement-category-row{flex-direction:column;gap:6px;display:flex}.hl-placement-category-head{color:var(--color-text-heading);justify-content:space-between;align-items:center;font-size:13.5px;font-weight:700;display:flex}.hl-placement-category-bar{background:var(--color-badge-info-bg);border-radius:999px;height:8px;overflow:hidden}.hl-placement-category-bar span{background:linear-gradient(90deg, var(--color-primary), var(--color-sky));height:100%;display:block}.hl-placement-category-meta{color:var(--color-text-faint);font-size:12px}.hl-placement-suggested-grid{margin-top:4px}.hl-pay-page{background:var(--color-surface-soft);min-height:100vh}.hl-pay-main-wrap{padding:130px 24px 100px}.hl-pay-container{flex-direction:column;gap:20px;max-width:880px;margin:0 auto;display:flex}.hl-pay-title{color:var(--color-text-heading);margin:0;font-size:24px}.hl-pay-grid{flex-direction:column;gap:18px;display:flex}.hl-pay-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:20px;grid-template-columns:1fr;gap:24px;padding:24px;display:grid;box-shadow:0 20px 44px -30px #11183a59}@media (width>=760px){.hl-pay-card{grid-template-columns:300px 1fr;align-items:start}}.hl-pay-qr-section{flex-direction:column;align-items:center;gap:12px;display:flex}.hl-pay-qr-image{aspect-ratio:1;object-fit:contain;border:1px solid var(--color-border-subtle);background:#fff;border-radius:14px;width:100%;max-width:260px;padding:12px}.hl-pay-qr-fallback{aspect-ratio:1;text-align:center;border:1px dashed var(--color-border-primary);width:100%;max-width:260px;color:var(--color-text-faint);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.hl-pay-qr-fallback svg{color:var(--color-warning)}.hl-pay-qr-fallback p{margin:0;font-size:12.5px}.hl-pay-qr-caption{color:var(--color-text-secondary);text-align:center;margin:0;font-size:13px;font-weight:600}.hl-pay-info-section{flex-direction:column;gap:14px;display:flex}.hl-pay-field{flex-direction:column;gap:4px;display:flex}.hl-pay-field-label{color:var(--color-text-faint);font-size:12px;font-weight:600}.hl-pay-field strong{color:var(--color-text-heading);font-size:15px}.hl-pay-field-row{align-items:center;gap:10px;display:flex}.hl-pay-field-row strong{color:var(--color-text-heading);word-break:break-word;font-size:15px}.hl-pay-field-row strong.is-emphasized{color:var(--color-primary);font-size:18px;font-weight:800}.hl-pay-copy-btn{border:1px solid var(--color-border-primary);background:var(--color-surface);width:30px;height:30px;color:var(--color-primary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hl-pay-copy-btn:hover{background:var(--color-badge-info-bg)}.hl-pay-warning{background:var(--color-badge-warning-bg);color:var(--color-warning);border-radius:10px;margin:6px 0 0;padding:12px 14px;font-size:12.5px;font-weight:600;line-height:1.5}.hl-pay-pending-note{color:var(--color-text-faint);justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.hl-pay-skeleton{background:linear-gradient(100deg, var(--color-border-subtle) 30%, #f4f6fb 50%, var(--color-border-subtle) 70%);background-size:200% 100%;border-radius:20px;animation:1.4s ease-in-out infinite hl-pay-shimmer}@keyframes hl-pay-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hl-pay-state{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.hl-pay-state svg{color:var(--color-warning)}.hl-pay-state button{border:1px solid var(--color-border-primary);background:var(--color-surface);color:var(--color-primary);cursor:pointer;border-radius:30px;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:700}.hl-pay-result-card{text-align:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:44px 28px;display:flex;box-shadow:0 20px 44px -30px #11183a59}.hl-pay-result-card svg.is-success{color:var(--color-success)}.hl-pay-result-card svg.is-danger{color:var(--color-danger)}.hl-pay-result-card h2{color:var(--color-text-heading);margin:0;font-size:20px}.hl-pay-result-card p{color:var(--color-text-secondary);margin:0;font-size:14px}.hl-pay-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.hl-pay-result-cta{cursor:pointer;color:#fff;background:var(--color-primary);border:none;border-radius:30px;padding:12px 22px;font-family:inherit;font-size:13.5px;font-weight:800}.hl-pay-result-cta:hover{background:var(--color-primary-dark)}.hl-pay-result-cta.is-secondary{background:var(--color-surface);color:var(--color-primary);border:1.5px solid var(--color-primary)}@media (width<=640px){.hl-pay-main-wrap{padding-top:100px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}