*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Sentient,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}input:where([type=text]):focus,input:where(:not([type])):focus,input:where([type=email]):focus,input:where([type=url]):focus,input:where([type=password]):focus,input:where([type=number]):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=month]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=time]):focus,input:where([type=week]):focus,select:where([multiple]):focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media(forced-colors:active){input:where([type=checkbox]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media(forced-colors:active){input:where([type=radio]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media(forced-colors:active){input:where([type=checkbox]):indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.end-0{inset-inline-end:0px}.start-0{inset-inline-start:0px}.z-50{z-index:50}.col-span-full{grid-column:1 / -1}.mx-auto{margin-left:auto;margin-right:auto}.-ml-px{margin-left:-1px}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ms-1{margin-inline-start:.25rem}.ms-2{margin-inline-start:.5rem}.ms-3{margin-inline-start:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-16{height:4rem}.h-2{height:.5rem}.h-32{height:8rem}.h-5{height:1.25rem}.min-h-screen{min-height:100vh}.w-16{width:4rem}.w-24{width:6rem}.w-28{width:7rem}.w-3\/4{width:75%}.w-48{width:12rem}.w-5{width:1.25rem}.w-\[210px\]{width:210px}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.origin-top{transform-origin:top}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(243 244 246 / var(--tw-divide-opacity, 1))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:16px}.rounded-l-md{border-top-left-radius:16px;border-bottom-left-radius:16px}.rounded-r-md{border-top-right-radius:16px;border-bottom-right-radius:16px}.border{border-width:1px}.border-t{border-top-width:1px}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-sans{font-family:Sentient,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-5{line-height:1.25rem}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-danger{--tw-text-opacity: 1;color:rgb(217 92 102 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-muted{--tw-text-opacity: 1;color:rgb(104 117 108 / var(--tw-text-opacity, 1))}.text-primary-700{--tw-text-opacity: 1;color:rgb(56 142 60 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px rgba(24, 37, 29, .05), 0 2px 8px rgba(24, 37, 29, .04);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-gray-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))}.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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@font-face{font-family:Sentient;src:url(/build/assets/sentient-regular-DwjSseAQ.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sentient;src:url(/build/assets/sentient-medium-C5XG4E4u.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Sentient;src:url(/build/assets/sentient-bold-CAhzCRS6.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--primary: #66bb6a;--primary-dark: #388e3c;--primary-soft: #f1f9f1;--primary-100: #dff1e0;--secondary: #ffb74d;--secondary-soft: #fff3df;--accent: #8e6bc7;--accent-soft: #f3eefa;--danger: #d95c66;--danger-soft: #fcecee;--ink: #18251d;--muted: #68756c;--muted-2: #8b968f;--canvas: #f5f7f3;--surface: #ffffff;--surface-2: #fafbf9;--border: #dde5dc;--border-strong: #c8d4c8;--control-border: #cfd9cf;--control-border-hover: #aebdae;--control-focus: #388e3c;--control-ring: rgba(102, 187, 106, .16);--sidebar: #102018;--shadow-sm: 0 1px 2px rgba(24, 37, 29, .05), 0 3px 10px rgba(24, 37, 29, .045);--shadow-md: 0 16px 38px rgba(24, 37, 29, .11);--sidebar-width: 264px;--topbar-height: 76px}*{box-sizing:border-box}[x-cloak]{display:none!important}html{background:var(--canvas)}body,body.font-sans,.font-sans{font-family:Sentient,ui-sans-serif,system-ui,sans-serif!important;font-synthesis:none}body.font-sans{margin:0;background:var(--canvas);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}a,button,input,select,textarea{transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}button,select{cursor:pointer}::-moz-selection{background:var(--primary-100);color:var(--ink)}::selection{background:var(--primary-100);color:var(--ink)}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.icon{width:20px;height:20px;stroke:currentColor;fill:none;flex:0 0 auto}.icon.sm{width:16px;height:16px}.icon.lg{width:24px;height:24px}.brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--primary);color:#102014;box-shadow:0 10px 22px #66bb6a38;flex:0 0 auto}.avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--primary-100);color:var(--primary-dark);font-size:13px;font-weight:700;flex:0 0 auto}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:45;width:var(--sidebar-width);padding:22px 16px 34px;display:flex;flex-direction:column;overflow:visible;color:#edf6ef;background:var(--sidebar)}.sidebar-brand{height:44px;padding:0 10px;margin-bottom:34px;display:flex;align-items:center;gap:12px}.sidebar-brand strong{display:block;color:#fff;font-size:16px;line-height:1.2;letter-spacing:-.02em}.sidebar-brand span{display:block;margin-top:4px;color:#99aa9e;font-size:10px}.sidebar-nav{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(183,203,187,.45) transparent}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{margin:8px 0;background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{border-radius:999px;background:#b7cbbb5c}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:#b7cbbb9e}.nav-group{margin-bottom:22px}.nav-label{padding:0 12px 8px;color:#809487;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.nav-item{position:relative;width:100%;min-height:43px;padding:10px 12px;border-radius:12px;display:flex;align-items:center;gap:11px;color:#afbeb4;font-size:14px;font-weight:600}.nav-item:hover{background:#ffffff0e;color:#fff}.nav-item.active{background:#66bb6a29;color:#e9f8eb}.nav-item.active:before{content:"";position:absolute;left:-16px;top:11px;bottom:11px;width:4px;border-radius:0 4px 4px 0;background:var(--primary)}.sidebar-support{padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#ffffff09}.sidebar-support strong{display:block;color:#fff;font-size:12px}.sidebar-support p{margin:8px 0 12px;color:#8fa393;font-size:10px;line-height:1.55}.sidebar-support a{color:#bce6c0;font-size:10px;font-weight:700}.sidebar-close{display:none}.workspace-main{min-height:100vh;margin-left:var(--sidebar-width)}.workspace-topbar{position:sticky;top:0;z-index:30;height:var(--topbar-height);padding:0 34px;border-bottom:1px solid var(--border);background:#f5f7f3f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;gap:20px}.mobile-toggle,.icon-button{width:40px;height:40px;border:1px solid var(--border);border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--ink)}.mobile-toggle{display:none}.global-search{width:min(440px,45vw);height:42px;padding:0 10px 0 14px;border:1px solid var(--border);border-radius:13px;background:#ffffffd9;display:flex;align-items:center;gap:11px;color:var(--muted-2)}.global-search span{flex:1;font-size:13px}.global-search kbd{padding:4px 7px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--muted);font-family:inherit;font-size:9px}.workspace-search-control{position:relative;width:min(440px,45vw)}.workspace-search{width:100%;height:42px;padding:0 9px 0 13px;border:1px solid var(--border);border-radius:var(--ui-radius-sm,10px);background:#fff;display:flex;align-items:center;gap:10px;color:var(--muted);transition:border-color var(--ui-transition),box-shadow var(--ui-transition)}.workspace-search:hover{border-color:var(--border-strong)}.workspace-search.is-open,.workspace-search:focus-within{border-color:var(--primary-dark);box-shadow:0 0 0 2px #66bb6a29}.workspace-search>.icon{width:16px;height:16px;flex:0 0 auto}.workspace-search input{width:100%;min-width:0;height:100%;padding:0;border:0;background:transparent;color:var(--ink);font-family:inherit;font-size:12px;outline:0;box-shadow:none}.workspace-search input::-webkit-search-cancel-button{display:none}.workspace-search kbd{flex:0 0 auto;padding:4px 7px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--muted);font-family:inherit;font-size:8px}.workspace-search .search-clear{width:22px;height:22px;transform:none}.workspace-search .search-clear:hover,.workspace-search .search-clear:active{transform:none}.workspace-search-popover{right:0;left:0}.workspace-result-type{color:var(--primary-dark);font-weight:700}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.profile-trigger{min-height:44px;padding:4px 5px 4px 7px;border-radius:13px;display:flex;align-items:center;gap:10px;color:var(--ink);text-align:left}.profile-trigger:hover{background:#fff}.profile-trigger>span:not(.avatar){min-width:0}.profile-trigger strong,.profile-trigger small{display:block;white-space:nowrap}.profile-trigger strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;font-size:11px}.profile-trigger small{margin-top:2px;color:var(--muted);font-size:9px}.learner-topbar{position:sticky;top:0;z-index:35;height:76px;padding:0 30px;border-bottom:1px solid var(--border);background:#fffffff5;display:flex;align-items:center;gap:26px}.learner-brand{display:flex;align-items:center;gap:10px;color:var(--ink);white-space:nowrap}.learner-brand .brand-mark{width:38px;height:38px;border-radius:11px;box-shadow:none}.learner-brand strong{font-size:16px;letter-spacing:-.025em}.learner-nav{display:flex;align-items:center;gap:3px}.learner-nav a{padding:11px 14px;border-radius:11px;color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap}.learner-nav a:hover,.learner-nav a.active{background:var(--primary-soft);color:var(--primary-dark)}.learner-search-control{position:relative;margin-left:auto;flex:1;max-width:500px}.learner-search{height:42px;padding:0 14px;border:1px solid var(--border);border-radius:13px;background:#fff;display:flex;align-items:center;gap:10px;color:var(--muted-2);transition:border-color var(--ui-transition, .15s),box-shadow var(--ui-transition, .15s)}.learner-search .icon{flex:0 0 auto}.learner-search input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--ink);font-family:inherit;font-size:13px;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.learner-search input::-moz-placeholder{color:var(--muted-2)}.learner-search input::placeholder{color:var(--muted-2)}.learner-search input:focus,.learner-search input:focus-visible{outline:none;box-shadow:none;border:0}.learner-search:hover{border-color:var(--border-strong)}.learner-search.is-open{border-color:var(--primary-dark);box-shadow:0 0 0 3px #66bb6a24}.search-clear{flex:0 0 auto;width:22px;height:22px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface-2);display:grid;place-items:center;color:var(--muted);line-height:1;cursor:pointer;transition:background-color var(--ui-transition, .15s),border-color var(--ui-transition, .15s),color var(--ui-transition, .15s)}.search-clear .icon{width:11px;height:11px}.search-clear:hover{background:var(--primary-soft);border-color:#388e3c47;color:var(--primary-dark)}.search-clear:focus-visible{outline:2px solid rgba(102,187,106,.3);outline-offset:1px}.learner-notification{flex:0 0 auto}.learner-quick-actions{flex:0 0 auto;display:flex;align-items:center;gap:7px}.learner-quick-actions .icon-button{width:38px;height:38px;border-radius:50%}.learner-quick-actions .icon-button .icon{width:18px;height:18px}.learner-saved-menu{position:relative;flex:0 0 auto}.learner-saved-menu>.icon-button{position:relative}.learner-saved-menu>.icon-button.is-active{border-color:#66bb6a5c;background:var(--primary-soft);color:var(--primary-dark)}.saved-count{position:absolute;right:-3px;top:-4px;min-width:16px;height:16px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:var(--primary-dark);display:grid;place-items:center;color:#fff;font-size:7px;font-weight:700;line-height:1}.learner-saved-popover{position:absolute;z-index:100;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 24px));border:1px solid var(--border-strong);border-radius:13px;background:#fff;overflow:hidden;box-shadow:var(--shadow-md)}.saved-popover-head{min-height:48px;padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.saved-popover-head strong{font-size:12px}.saved-popover-head span{color:var(--muted);font-size:9px}.saved-course-list{max-height:330px;overflow-y:auto;padding:6px}.saved-course-item{padding:10px;border-bottom:1px solid #edf1ec;display:grid;gap:9px}.saved-course-item:last-child{border-bottom:0}.saved-course-row{min-width:0;display:flex;align-items:flex-start;gap:8px}.saved-course-link{min-width:0;flex:1;display:flex;align-items:center;gap:10px;color:var(--ink)}.saved-course-cover{width:68px;height:58px;border-radius:9px;background:var(--primary-soft);display:grid;place-items:center;overflow:hidden;color:var(--primary-dark);flex:0 0 auto}.saved-course-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.saved-course-cover .icon{width:21px;height:21px}.saved-course-link>span:last-child{min-width:0}.saved-course-link strong,.saved-course-link small{display:block}.saved-course-link strong{overflow:hidden;color:var(--ink);font-size:10px;line-height:1.35}.saved-course-link small{margin-top:3px;color:var(--muted);font-size:8px}.saved-course-item form{display:flex}.saved-course-item form button{width:28px;height:28px;border:1px solid transparent;border-radius:7px;display:grid;place-items:center;color:var(--muted)}.saved-course-item form button:hover{border-color:#efc7cb;background:var(--danger-soft);color:var(--danger)}.saved-course-item form .icon{width:13px;height:13px}.saved-course-open{width:100%;min-height:34px;border:1px solid var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary-dark);font-size:9px;font-weight:700}.saved-course-open:hover{background:var(--primary-soft)}.notification-menu{position:relative;flex:0 0 auto}.notification-menu>.icon-button{position:relative}.notification-menu>.icon-button.is-active{border-color:#66bb6a5c;background:var(--primary-soft);color:var(--primary-dark)}.notification-popover{position:absolute;z-index:100;right:0;top:calc(100% + 10px);width:min(340px,calc(100vw - 24px));border:1px solid var(--border-strong);border-radius:13px;background:#fff;overflow:hidden;box-shadow:var(--shadow-md)}.notification-popover-head{min-height:44px;padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center}.notification-popover-head strong{font-size:12px}.notification-list{max-height:330px;overflow-y:auto;padding:6px}.notification-item{padding:10px;border-bottom:1px solid #edf1ec;display:flex;align-items:flex-start;gap:9px;color:var(--ink)}.notification-item:last-child{border-bottom:0}.notification-item:hover{background:var(--surface-2)}.notification-item-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:transparent;flex:0 0 auto}.notification-item.is-unread .notification-item-dot{background:var(--primary-dark)}.notification-item>span:last-child{min-width:0}.notification-item strong,.notification-item small,.notification-item time{display:block}.notification-item strong{overflow:hidden;color:var(--ink);font-size:10px;line-height:1.35}.notification-item small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.5}.notification-item time{margin-top:4px;color:var(--muted-2);font-size:8px}.notification-empty{min-height:145px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.notification-empty>.icon{width:25px;height:25px;margin-bottom:9px;color:var(--muted-2)}.notification-empty strong{color:var(--ink-2);font-size:11px}.notification-empty span{max-width:220px;margin-top:5px;font-size:9px;line-height:1.5}@media(max-width:639px){.notification-popover{position:fixed;top:72px;right:10px;left:10px;width:auto;max-width:none;max-height:calc(100dvh - 88px);border-radius:11px;box-shadow:none}.notification-popover .notification-list{max-height:calc(100dvh - 190px);overscroll-behavior:contain}}.saved-course-empty{min-height:145px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.saved-course-empty>.icon{width:25px;height:25px;margin-bottom:9px;color:var(--muted-2)}.saved-course-empty strong{color:var(--ink-2);font-size:11px}.saved-course-empty span{max-width:220px;margin-top:5px;font-size:9px;line-height:1.5}.saved-popover-footer{min-height:42px;padding:10px 14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:var(--primary-dark);font-size:10px;font-weight:700}.saved-popover-footer:hover{background:var(--primary-soft)}.saved-popover-footer .icon{width:14px;height:14px}.catalog-card-cover{position:relative}.catalog-card-head{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:10px}.catalog-card-head .course-meta{min-width:0;flex:1}.catalog-save-actions{position:static;flex:0 0 auto;display:flex;gap:6px}.catalog-save-actions form{display:flex}.catalog-save-actions button{width:34px;height:34px;min-height:34px!important;padding:0!important;aspect-ratio:1;border:1px solid var(--border);border-radius:50%!important;background:#fff;display:grid;place-items:center;color:var(--muted)}.catalog-save-actions button:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.catalog-save-actions button.is-active{border-color:var(--primary-dark);background:var(--primary-dark);color:#fff}.catalog-save-actions button.is-favorite.is-active{border-color:var(--danger);background:var(--danger);color:#fff}.catalog-save-actions button.is-active .icon{fill:currentColor}.catalog-save-actions button.is-loading{cursor:wait;opacity:.65}.catalog-save-actions .icon{width:16px;height:16px}.search-popover{position:absolute;z-index:90;top:calc(100% + 8px);left:0;right:0;max-height:420px;overflow-y:auto;border:1px solid var(--border-strong);border-radius:16px;background:#fff;box-shadow:var(--shadow-md, 0 12px 32px rgba(24,37,29,.12))}.search-popover-state{padding:26px 18px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--muted);font-size:12px}.search-popover-state .icon{width:22px;height:22px;color:var(--muted-2)}.search-popover-state p{margin:0;display:flex;flex-direction:column;gap:3px}.search-popover-state strong{color:var(--ink-2);font-size:12px}.search-popover-empty small,.search-popover-hint span{color:var(--muted-2);font-size:11px}.search-spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--primary-dark);animation:search-spin .7s linear infinite}@keyframes search-spin{to{transform:rotate(360deg)}}.confirm-modal-root{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:20px;isolation:isolate}.confirm-modal-overlay{position:absolute;inset:-8px;background:#0e191266;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.confirm-modal-panel{position:relative;width:100%;max-width:380px;padding:28px;border:1px solid var(--border);border-radius:var(--ui-radius-lg);background:#fff;box-shadow:0 28px 70px #0e191233;text-align:center}.confirm-modal-icon{width:52px;height:52px;margin:0 auto 16px;border-radius:999px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-dark)}.confirm-modal-icon.is-danger{background:var(--danger-soft);color:var(--danger)}.confirm-modal-panel h2{margin:0 0 8px;font-size:17px;letter-spacing:-.02em}.confirm-modal-panel p{margin:0 0 22px;color:var(--muted);font-size:12px;line-height:1.6}.confirm-modal-actions{display:flex;gap:10px}.confirm-modal-actions .ui-button{flex:1}.confirm-modal-submit{position:relative}.confirm-modal-actions .ui-button-danger{border-color:var(--danger);background:var(--danger);color:#fff}.confirm-modal-actions .ui-button-danger:hover{border-color:#b91c1c;background:#b91c1c}.confirm-modal-state{min-height:246px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.confirm-modal-state h2{margin:18px 0 8px;font-size:17px;letter-spacing:-.02em}.confirm-modal-state p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.confirm-modal-state .ui-button{min-width:132px;margin-top:22px}.confirm-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(56,142,60,.18);border-top-color:var(--primary-dark);animation:search-spin .7s linear infinite;display:inline-block}.confirm-spinner-large{width:46px;height:46px;border-width:4px}.confirm-checkmark{display:inline-flex;animation:confirm-pop .3s ease}@keyframes confirm-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.search-result-list{margin:0;padding:6px;list-style:none;display:grid;gap:2px}.search-result-item{padding:10px;border-radius:11px;display:flex;align-items:center;gap:11px;color:var(--ink)}.search-result-item:hover,.search-result-item:focus-visible{background:var(--primary-soft);outline:none}.search-result-item>.icon:last-child{flex:0 0 auto;color:var(--muted-2)}.search-result-icon{flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;color:var(--primary-dark)}.search-result-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.search-result-copy strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-copy small{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.search-popover-footer{padding:10px 14px;border-top:1px solid var(--border)}.search-popover-footer a{display:flex;align-items:center;justify-content:space-between;color:var(--primary-dark);font-size:11px;font-weight:700}.notification-dot{position:absolute;right:8px;top:7px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:var(--danger)}.learner-main{min-height:calc(100vh - 76px)}.mobile-learner-nav{display:none}.page-content{width:min(100%,1680px);margin:0 auto;padding:30px 34px 46px}.learner-main .page-content{width:min(100%,1440px);padding:30px 54px 52px}.app-footer{width:min(100%,1680px);margin:0 auto;padding:18px 34px 30px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted-2);font-size:10px}.learner-main .app-footer{width:min(100%,1440px);padding:18px 54px 30px}.page-content>.py-12{padding-top:0;padding-bottom:0}.page-content .max-w-7xl,.page-content .max-w-5xl,.page-content .max-w-3xl{max-width:none}.page-content .sm\:px-6,.page-content .lg\:px-8{padding-left:0;padding-right:0}.page-header{margin-bottom:25px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.legacy-page-header{margin-bottom:24px}.legacy-page-header h2{margin:0;color:var(--ink);font-size:clamp(25px,2.4vw,31px);font-weight:700;line-height:1.12;letter-spacing:-.045em}.legacy-page-header>div{display:flex;align-items:center;justify-content:space-between;gap:18px}.eyebrow{margin-bottom:8px;color:var(--primary-dark);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.page-title{margin:0;color:var(--ink);font-size:clamp(25px,2.4vw,31px);font-weight:700;line-height:1.12;letter-spacing:-.045em}.page-subtitle{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.card,main .bg-white{border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm)}main .shadow,main .shadow-sm{box-shadow:var(--shadow-sm)}main .sm\:rounded-lg,main .rounded-lg{border-radius:16px}main .text-gray-900,main .text-gray-800,main .text-gray-700{color:var(--ink)}main .text-gray-600,main .text-gray-500,main .text-gray-400{color:var(--muted)}main .text-indigo-600,main .hover\:text-indigo-600:hover{color:var(--primary-dark)}main .bg-indigo-600,main .bg-gray-800{background:var(--primary-dark)}main .hover\:bg-indigo-500:hover,main .hover\:bg-gray-700:hover{background:#2e7632}main .bg-gray-50{background:var(--surface-2)}main .bg-gray-100,main .bg-gray-200{background:#e9eee9}main .divide-gray-100>:not([hidden])~:not([hidden]),main .divide-gray-200>:not([hidden])~:not([hidden]){border-color:var(--border)}main .border-gray-100,main .border-gray-200,main .border-gray-300{border-color:var(--border)}main .text-green-600,main .text-green-700{color:var(--primary-dark)}main .bg-green-100{background:var(--primary-soft)}main .text-red-600,main .text-red-700{color:var(--danger)}main .bg-red-100{background:var(--danger-soft)}.ui-button,main button[type=submit],main a.inline-flex{min-height:40px;padding:10px 15px;border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:12px;font-weight:700;line-height:1;letter-spacing:0;text-transform:none}.ui-button-primary,main .bg-indigo-600,main .bg-gray-800{border-color:var(--primary-dark);background:var(--primary-dark);color:#fff;box-shadow:0 8px 18px #388e3c29}.ui-button-primary:hover{background:#2f7b34}.ui-button-secondary{border-color:var(--border);background:#fff;color:var(--ink)}.ui-button-danger{border-color:var(--danger);background:var(--danger);color:#fff}.ui-input,main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),main select,main textarea{min-height:42px;border:1px solid var(--border);border-radius:11px;background:#fff;color:var(--ink);font-family:inherit;font-size:13px;box-shadow:none}.ui-input:focus,main input:not([type=range]):focus,main select:focus,main textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #66bb6a21;outline:none}input[type=checkbox],input[type=radio]{color:var(--primary-dark)!important}.ui-label{display:block;margin-bottom:7px;color:var(--ink);font-size:12px;font-weight:600}.ui-error{color:var(--danger);font-size:11px}.ui-alert{margin-bottom:18px;padding:12px 15px;border:1px solid;border-radius:12px;font-size:12px;font-weight:600}.ui-alert-success{border-color:#c8e6ca;background:var(--primary-soft);color:var(--primary-dark)}.ui-alert-danger{border-color:#efc7cb;background:var(--danger-soft);color:#a63e47}table{border-collapse:collapse}main table{width:100%;table-layout:auto}main thead{background:#f8faf7!important}main th{padding:13px 20px!important;color:#76847a!important;font-size:10px!important;font-weight:700!important;line-height:1.35;letter-spacing:.06em;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap}main td{padding:15px 20px!important;border-top:1px solid var(--border);color:var(--ink);font-size:12px;line-height:1.5;text-align:left;vertical-align:middle}main td>strong{line-height:1.4}main th:empty{width:1%;padding-inline:12px!important}main td:has(>.row-actions){width:1%;padding-inline:12px!important;white-space:nowrap}main td.empty-state{text-align:center}main tbody tr:hover{background:#fbfcfa}.dashboard-intro{margin-bottom:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.trainer-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card{position:relative;min-height:145px;padding:18px;overflow:hidden}.kpi-card:after{content:"";position:absolute;right:-26px;bottom:-42px;width:104px;height:104px;border-radius:50%;background:var(--primary-soft)}.kpi-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--primary-100);color:var(--primary-dark)}.kpi-card:nth-child(2) .kpi-icon{background:var(--secondary-soft);color:#a56814}.kpi-card:nth-child(3) .kpi-icon{background:var(--accent-soft);color:#7652b1}.kpi-card:nth-child(4) .kpi-icon{background:var(--danger-soft);color:var(--danger)}.kpi-card strong{position:relative;z-index:1;display:block;margin-top:14px;font-size:29px;line-height:1;letter-spacing:-.04em}.kpi-card p{position:relative;z-index:1;margin:7px 0 0;color:var(--muted);font-size:10px}.kpi-trend{position:absolute;z-index:2;right:16px;top:25px;padding:5px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark);font-size:9px;font-weight:700}.dashboard-grid{margin-top:18px;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px}.dashboard-grid.single-column{grid-template-columns:1fr}.dashboard-card{padding:20px}.dashboard-columns{margin-top:18px;display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:18px;align-items:start}.dashboard-columns,.dashboard-columns>*,.dashboard-columns .dashboard-card,.dashboard-columns .card-heading>div{min-width:0}.dashboard-columns .dashboard-col-main{display:grid;gap:18px;min-width:0}.assessment-type-select{flex:0 0 auto;min-height:34px;min-width:130px;padding:6px 30px 6px 11px;font-size:10px}.dashboard-columns .dashboard-col-side{display:grid;gap:18px;min-width:0}.dashboard-columns .dashboard-col-main>.dashboard-card{overflow:hidden}.dashboard-columns .apex-admin-chart,.dashboard-columns .apexcharts-canvas,.dashboard-columns .apexcharts-svg{max-width:100%!important}.ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ranking-slider{margin-top:18px;padding:22px}.ranking-slider-nav{display:flex;gap:8px;flex:0 0 auto}.ranking-slider-track{position:relative}.ranking-slider-dots{margin-top:18px;display:flex;justify-content:center;gap:7px}.ranking-slider-dots button{width:7px;height:7px;padding:0;border-radius:999px;background:var(--border-strong)}.ranking-slider-dots button.active{width:20px;border-radius:999px;background:var(--primary-dark)}.top-test-card{padding:22px}.top-test-head{margin-bottom:18px;display:flex;align-items:flex-start;gap:13px}.top-test-head>div{flex:1;min-width:0}.top-test-head h2{margin:0;font-size:15px}.top-test-head p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.top-test-head .ui-button{flex:0 0 auto}.top-test-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;background:var(--secondary-soft);color:#b3720f}.top-test-card.tone-blue .top-test-icon{background:#e6f0fd;color:#1d5fc2}.top-test-stats{margin-bottom:20px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.top-test-stats>div{text-align:center}.top-test-stat-icon{width:26px;height:26px;margin:0 auto 8px;border-radius:999px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-dark)}.top-test-stats strong{display:block;font-size:17px;color:var(--ink)}.top-test-stats small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.top-test-ranking{display:grid;gap:4px}.top-test-ranking>div{display:grid;grid-template-columns:24px 34px 1fr auto auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.top-test-ranking>div:last-child{border-bottom:0;padding-bottom:0}.top-test-rank{width:24px;height:24px;border-radius:999px;background:#e7ece7;color:var(--muted);font-size:10px;font-weight:700;display:grid;place-items:center}.top-test-rank.tone-1{background:#fdecc8;color:#a8710a}.top-test-rank.tone-2{background:#e6e9ec;color:#5b6570}.top-test-rank.tone-3{background:#f3ded0;color:#9a5321}.top-test-person{min-width:0}.top-test-person strong,.top-test-person small{display:block}.top-test-person strong{font-size:11px;line-height:1.4}.top-test-person small{margin-top:2px;color:var(--muted);font-size:9px}.top-test-attempts{color:var(--muted);font-size:9px;white-space:nowrap}.top-test-score{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark);font-size:12px;font-weight:700}.top-test-card.tone-blue .top-test-score{background:#e6f0fd;color:#1d5fc2}.top-test-footer{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--border);color:var(--muted);font-size:9px;text-align:center}.card-heading{margin-bottom:18px;display:flex;justify-content:space-between;gap:16px}.card-heading h2{margin:0;font-size:15px;letter-spacing:-.02em}.card-heading p{margin:5px 0 0;color:var(--muted);font-size:10px}.metric-list{display:grid;gap:0}.metric-list>*{padding:13px 0;border-bottom:1px solid var(--border)}.metric-list>*:last-child{border-bottom:0}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.metric-row span{color:var(--muted);font-size:12px}.metric-row strong{font-size:13px}.progress-track{height:7px;overflow:hidden;border-radius:999px;background:#e7ece7}.progress-track>span{display:block;height:100%;border-radius:inherit;background:var(--primary)}.progress-track>i{display:block;height:100%;border-radius:inherit;background:var(--primary)}.card-heading a{color:var(--muted);font-size:10px;font-weight:700}.segmented-control{padding:3px;border-radius:10px;background:#e9eee8;display:flex;gap:2px;color:var(--muted);font-size:9px}.segmented-control button{padding:7px 10px;border-radius:8px;background:transparent;color:var(--muted);font-family:inherit;font-size:9px;font-weight:700;cursor:pointer}.segmented-control button.is-active{background:#fff;color:var(--ink)}.segmented-control button:hover:not(.is-active){color:var(--ink-2)}.bar-chart{height:240px;padding:25px 6px 4px;border-bottom:1px dashed var(--border);display:flex;align-items:flex-end;gap:14px}.bar-column{position:relative;height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar-column i{width:100%;max-width:92px;min-height:12px;border-radius:9px 9px 2px 2px;background:linear-gradient(180deg,#65bd69,#4eaa53)}.bar-column small{color:var(--muted);font-size:9px}.bar-value{position:absolute;top:-4px;opacity:0;color:var(--ink);font-size:9px}.bar-column:hover .bar-value{opacity:1}.donut-wrap{display:grid;place-items:center;padding:6px 0 14px}.donut-chart{width:180px;height:180px;padding:30px;border-radius:50%;background:conic-gradient(var(--primary) 0 62%,var(--secondary) 62% 83%,var(--accent) 83% 94%,#dce3dc 94%)}.donut-chart>span{width:100%;height:100%;border-radius:50%;background:#fff;display:grid;place-items:center;align-content:center}.donut-chart strong,.donut-chart small{display:block;text-align:center}.donut-chart strong{font-size:25px}.donut-chart small{color:var(--muted);font-size:9px}.apex-admin-chart{width:100%;min-width:0}.apex-admin-chart--growth{height:250px}.apex-admin-chart--role{height:190px;margin:0 auto 8px}.chart-empty-state{height:190px;display:grid;place-items:center;color:var(--muted);font-size:11px;text-align:center;padding:0 20px}.apex-trainer-chart{height:250px}.apex-admin-chart .apexcharts-canvas,.apex-admin-chart .apexcharts-svg{max-width:100%}.apex-admin-chart .apexcharts-bar-area{rx:0;ry:0}.apex-admin-chart .apexcharts-tooltip{border:1px solid var(--border)!important;border-radius:0!important;box-shadow:none!important}.apex-admin-chart .apexcharts-tooltip-title{border-bottom-color:var(--border)!important;background:var(--surface-2)!important}.role-legend{display:grid;gap:9px}.role-legend>div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;font-size:10px}.legend-dot{width:7px;height:7px;border-radius:50%;background:var(--primary)}.legend-dot.tone-2{background:var(--secondary)}.legend-dot.tone-3{background:var(--accent)}.legend-dot.tone-4{background:#dce3dc}.table-scroll{width:100%;overflow-x:auto}.table-person{min-width:-moz-max-content;min-width:max-content;display:flex;align-items:center;gap:10px}.table-person>span:last-child{min-width:0}.table-person strong,.table-person small{display:block}.table-person strong{font-size:11px;line-height:1.4}.table-person small{margin-top:2px;color:var(--muted);font-size:9px;line-height:1.4}.table-subtitle{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}.table-card .status-pill{white-space:nowrap}.table-card .row-actions{justify-content:flex-end;flex-wrap:nowrap}.table-progress{width:130px}.table-progress b{display:block;margin-bottom:4px;text-align:right;font-size:9px}.table-progress>span{height:6px;border-radius:999px;background:#e7ece7;display:block;overflow:hidden}.table-progress i{height:100%;border-radius:inherit;background:var(--primary);display:block}.activity-feed{display:grid}.activity-feed>div{padding:12px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.activity-feed>div:last-child{border-bottom:0}.activity-icon{width:34px;height:34px;border-radius:10px;background:var(--primary-soft);color:var(--primary-dark);display:grid;place-items:center;flex:0 0 auto}.activity-feed p{flex:1;margin:0}.activity-feed strong,.activity-feed small{display:block}.activity-feed strong{font-size:10px;line-height:1.45}.activity-feed small{margin-top:4px;color:var(--muted);font-size:8px}.course-feed .ui-button{min-height:32px;padding:8px 10px;font-size:9px}.quality-list{display:grid;gap:17px}.quality-list>div>span{margin-bottom:7px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.quality-list b{color:var(--ink)}.timeline{position:relative;padding-left:13px}.timeline:before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:1px;background:var(--border)}.timeline>div{position:relative;padding:7px 0 15px 12px}.timeline>div:before{content:"";position:absolute;left:-13px;top:10px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:var(--primary);box-shadow:0 0 0 2px var(--primary-100)}.timeline strong,.timeline p,.timeline time{display:block}.timeline strong{font-size:10px}.timeline p{margin:5px 0;color:var(--muted);font-size:9px}.timeline time{color:var(--muted-2);font-size:8px}.empty-state{padding:36px 20px;color:var(--muted);text-align:center}.review-queue>div{flex-wrap:wrap;row-gap:8px}.review-queue .status-pill{flex:0 0 auto}.review-queue .ui-button{flex:0 0 auto;margin-left:auto}.review-queue .empty-state small,.review-queue .empty-state span{font-size:10px}.learning-hero{position:relative;min-height:294px;padding:36px 38px;border-radius:25px;overflow:hidden;background:#1d472c;color:#fff;display:flex;align-items:center}.learning-hero:before,.learning-hero:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12)}.learning-hero:before{width:360px;height:360px;right:-30px;top:-120px;box-shadow:0 0 0 75px #66bb6a1f}.learning-hero:after{width:150px;height:150px;right:135px;top:70px}.learning-hero-copy{position:relative;z-index:2;width:min(650px,70%)}.learning-hero-visual{position:absolute;z-index:2;right:10%;width:210px;height:210px;border:1px solid rgba(255,255,255,.14);border-radius:50%}.learning-hero-visual span{position:absolute;width:72px;height:72px;border-radius:20px;background:#f7faf7;color:#23472e;display:grid;place-items:center;box-shadow:var(--shadow-md)}.learning-hero-visual span:first-child{left:-10px;top:67px}.learning-hero-visual span:nth-child(2){right:0;top:25px;background:#f3c46d}.learning-hero-visual span:nth-child(3){right:35px;bottom:-4px;background:#c9b5e4}.learning-hero .eyebrow{color:#a9e4ae}.learning-hero h1{margin:0;max-width:650px;font-size:clamp(29px,3.2vw,40px);line-height:1.08;letter-spacing:-.055em}.learning-hero p{max-width:640px;margin:14px 0 22px;color:#c6d5c9;font-size:13px;line-height:1.65}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}.hero-actions a{min-height:46px;padding:0 18px;border-radius:11px;display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:12px;font-weight:700}.hero-actions .primary{background:#4eae55;box-shadow:0 8px 20px #00000024}.hero-actions .outline{border:1px solid rgba(255,255,255,.27)}.section-header{margin:30px 0 14px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-header h2{margin:0;font-size:19px;letter-spacing:-.035em}.section-header p{margin:5px 0 0;color:var(--muted);font-size:10px}.section-header a{color:var(--primary-dark);font-size:10px;font-weight:700}.continue-card{padding:16px;display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:18px}.continue-cover,.course-cover{position:relative;min-height:112px;border-radius:13px;overflow:hidden;background:#a9dbaa}.continue-cover:before,.course-cover:before{content:"";position:absolute;width:110px;height:110px;right:-6px;top:-18px;border-radius:50%;background:#ffffff3d}.continue-cover .kpi-icon{position:absolute;left:18px;top:18px;background:#ffffffe6;color:#265837}.continue-info h3{margin:7px 0 5px;font-size:15px}.continue-info p{margin:0 0 12px;color:var(--muted);font-size:10px}.continue-stats{margin-top:7px;display:flex;gap:18px;color:var(--muted);font-size:8px}.continue-progress{display:grid;gap:8px}.continue-progress strong{font-size:20px;text-align:right}.continue-progress small{text-align:right;color:var(--muted);font-size:8px}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-card{overflow:hidden}.course-card .course-cover{min-height:150px;border-radius:0;background:#b9d0b9}.course-card:nth-child(3n+2) .course-cover{background:#d9b79f}.course-card:nth-child(3n+3) .course-cover{background:#c4afe1}.course-cover .kpi-icon{position:absolute;left:18px;top:18px;background:#ffffffeb;color:#244c31}.course-body{padding:17px}.course-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px}.meta-duration{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;font-weight:600}.meta-duration .icon{width:13px;height:13px}.course-body h3{margin:10px 0 7px;font-size:14px;line-height:1.35}.course-body p{min-height:34px;margin:0;color:var(--muted);font-size:10px;line-height:1.55}.status-pill{width:-moz-fit-content;width:fit-content;padding:5px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark);font-size:9px;font-weight:700}.learner-page-heading{margin-bottom:24px}.catalog-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:start}.catalog-filter{padding:18px;position:sticky;top:96px}.catalog-filter h2{margin:0 0 15px;font-size:14px}.catalog-filter fieldset{margin:0 0 17px;padding:0 0 16px;border:0;border-bottom:1px solid var(--border)}.catalog-filter legend{margin-bottom:10px;color:var(--ink-2);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.catalog-filter label{min-height:28px;display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:7px;color:var(--muted);font-size:10px;cursor:pointer}.catalog-filter input{width:12px;height:12px;margin:0}.catalog-filter small{color:var(--muted-2);font-size:8px}.catalog-results{min-width:0}.catalog-toolbar{height:40px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.catalog-toolbar .filter-search{width:260px;min-width:0;flex:0 1 260px}.catalog-toolbar select{height:40px;border:1px solid var(--border);border-radius:11px;background:#fff;color:var(--ink-2);font-size:11px;min-width:150px;padding:0 12px}.catalog-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.course-card{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm);transition:.2s}.course-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.course-card .course-cover{height:150px;min-height:150px;position:relative;border-radius:0;overflow:hidden}.course-cover .shape{position:absolute}.course-cover .shape.a{width:180px;height:60px;right:-35px;top:14px;border-radius:40px;transform:rotate(-15deg);background:#ffffff61}.course-cover .shape.b{width:110px;height:110px;left:-22px;bottom:-35px;border:24px solid rgba(24,37,29,.1);border-radius:50%}.course-cover .cover-icon{position:absolute;left:22px;top:22px;width:52px;height:52px;border-radius:16px;background:#ffffffd6;display:grid;place-items:center;color:#29452f}.course-cover .cover-label{position:absolute;right:15px;bottom:14px;padding:5px 9px;border-radius:20px;background:#142019bd;color:#fff;font-size:8px;font-weight:700}.cover-green{background:#a8d8aa!important}.cover-orange{background:#f1c784!important}.cover-purple{background:#cbb9e7!important}.cover-earth{background:#d6b59d!important}.cover-sage{background:#b9cbb6!important}.cover-rose{background:#e0c3b8!important}.course-title{font-size:14px!important}.course-desc{min-height:34px}.course-footer{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.course-footer .rating small{color:var(--muted);font-weight:500}.course-footer .ui-button{min-height:34px;padding:7px 11px;font-size:10px}.learner-course-heading{align-items:flex-start}.learn-shell{height:calc(100vh - 235px);min-height:650px;border:1px solid var(--border);border-radius:16px;background:#fff;overflow:hidden;display:grid;grid-template-columns:320px minmax(0,1fr)}.curriculum-panel{overflow-y:auto;border-right:1px solid var(--border);background:#fbfcfa}.curriculum-progress{padding:20px 18px;border-bottom:1px solid var(--border)}.curriculum-progress h2{margin:0 0 10px;font-size:13px}.curriculum-progress>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.curriculum-progress b{font-size:9px}.curriculum-group>h3{margin:0;padding:13px 15px;background:#eef3ed;font-size:9px;letter-spacing:.04em;text-transform:uppercase}.curriculum-item{min-height:55px;padding:10px 14px;border-bottom:1px solid #edf1ec;display:flex;align-items:center;gap:10px;color:var(--muted)}.curriculum-item:hover,.curriculum-item.active{background:var(--primary-soft);color:var(--ink)}.curriculum-item.locked{opacity:.55}.lesson-check{width:25px;height:25px;border:1px solid var(--border-strong);border-radius:8px;display:grid;place-items:center;flex:0 0 auto}.curriculum-item.completed .lesson-check{border-color:var(--primary);background:var(--primary);color:#fff}.curriculum-item strong,.curriculum-item small{display:block}.curriculum-item strong{font-size:9px;line-height:1.4}.curriculum-item small{margin-top:3px;font-size:8px}.learning-stage-reference{min-width:0;overflow-y:auto}.learning-stage-header{height:70px;padding:0 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.learning-stage-header>strong{font-size:12px}.learning-stage-header>div{display:flex;gap:7px}.learning-content-wrap{max-width:840px;margin:0 auto;padding:25px}.learning-video{aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#1d3828;position:relative}.learning-video:after{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-180px;border:70px solid rgba(102,187,106,.15);border-radius:50%}.learning-video button{position:absolute;z-index:2;left:50%;top:50%;width:68px;height:68px;border-radius:50%;background:#fff;color:var(--primary-dark);display:grid;place-items:center;transform:translate(-50%,-50%);box-shadow:var(--shadow-md)}.learning-copy-reference{padding:20px 0}.learning-copy-reference h2{margin:17px 0 10px;font-size:23px;letter-spacing:-.035em}.learning-copy-reference>p{color:var(--muted);font-size:12px;line-height:1.75}.learning-note{margin-top:20px;padding:18px;border:1px solid #d4e6d5;border-radius:13px;background:var(--primary-soft)}.learning-note strong{font-size:12px}.learning-note p{margin:7px 0 0;color:var(--muted);font-size:11px}.learning-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.assessment-gate{min-height:540px;padding:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.assessment-gate h2{margin:15px 0 8px;font-size:30px}.assessment-gate>p{max-width:600px;margin:0 0 20px;color:var(--muted)}.detail-hero-reference{position:relative;margin-bottom:20px;padding:28px;border-radius:22px;overflow:hidden;background:linear-gradient(120deg,#213a29,#315b39);color:#fff}.detail-hero-reference:before{content:"";position:absolute;width:330px;height:330px;right:-110px;top:-150px;border:72px solid rgba(102,187,106,.17);border-radius:50%}.detail-hero-reference>*{position:relative;z-index:1}.detail-breadcrumb{margin-bottom:20px;display:flex;gap:7px;color:#b7c9bc;font-size:10px}.detail-breadcrumb a:hover{color:#fff}.detail-badge{width:-moz-max-content;width:max-content;margin-bottom:10px;padding:5px 9px;border-radius:20px;background:#ffffff1f;color:#dff6e2;display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:700}.detail-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.detail-hero-reference h1{max-width:760px;margin:0 0 10px;font-size:30px;line-height:1.22;letter-spacing:-.04em}.detail-hero-reference>p{max-width:760px;margin:0 0 18px;color:#c8d6cb;font-size:13px;line-height:1.7}.detail-meta-reference{display:flex;gap:22px;flex-wrap:wrap}.detail-meta-reference span{display:flex;align-items:center;gap:7px;color:#dce8de;font-size:10px}.course-detail-reference{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.course-detail-main{min-width:0}.detail-tabs{margin-bottom:18px;border-bottom:1px solid var(--border);display:flex;gap:5px}.detail-tabs button{padding:11px 13px;border-bottom:2px solid transparent;color:var(--muted);font-size:11px;font-weight:700}.detail-tabs button.active{border-color:var(--primary);color:var(--primary-dark)}.detail-panel{padding:22px}.detail-panel>h2,.what-you-learn>h2,.course-includes>h2{margin:0 0 11px;font-size:15px}.detail-panel>p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.what-you-learn{margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}.learning-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.learning-outcomes>div{display:flex;align-items:flex-start;gap:9px;color:var(--ink-2);font-size:10px;line-height:1.55}.learning-outcomes .icon{margin-top:1px;color:var(--primary-dark)}.course-includes{margin-top:22px;padding:18px;border:1px solid var(--border);border-radius:13px;background:#fbfcfa}.course-includes>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.course-includes span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.course-includes .icon{color:var(--primary-dark)}.course-enroll-column{position:relative}.enrollment-card{position:sticky;top:96px;overflow:hidden}.enrollment-cover{position:relative;height:175px;overflow:hidden}.enrollment-cover .shape{position:absolute}.enrollment-cover .shape.a{width:190px;height:65px;right:-35px;top:20px;border-radius:40px;transform:rotate(-15deg);background:#ffffff61}.enrollment-cover .shape.b{width:120px;height:120px;left:-25px;bottom:-38px;border:25px solid rgba(24,37,29,.1);border-radius:50%}.enrollment-cover .cover-icon{position:absolute;left:20px;top:20px;width:52px;height:52px;border-radius:16px;background:#ffffffd9;display:grid;place-items:center;color:#29452f}.enrollment-cover>button{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;background:#fff;color:var(--primary-dark);display:grid;place-items:center;transform:translate(-50%,-50%);box-shadow:var(--shadow-md)}.enrollment-card-body{padding:18px}.enrollment-card-body>h2{margin:0 0 12px;font-size:15px}.enrollment-metrics{margin-bottom:16px;display:grid}.enrollment-metrics>div{padding:10px 0;border-bottom:1px solid #edf1ec;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px}.enrollment-metrics span{color:var(--muted)}.enrollment-help{margin:9px 0 0;color:var(--muted);font-size:8px;text-align:center}.syllabus-heading{margin-bottom:15px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.syllabus-heading h2{margin:0;font-size:15px}.syllabus-heading p{margin:4px 0 0;color:var(--muted);font-size:9px}.syllabus-heading>span{color:var(--muted);font-size:9px}.detail-accordion{display:grid;gap:9px}.detail-accordion article{border:1px solid var(--border);border-radius:12px;overflow:hidden}.detail-accordion article>button{width:100%;padding:13px 15px;background:#f8faf7;display:flex;align-items:center;justify-content:space-between;text-align:left}.detail-accordion article>button span{min-width:0}.detail-accordion article>button strong,.detail-accordion article>button small{display:block}.detail-accordion article>button strong{font-size:10px}.detail-accordion article>button small{margin-top:4px;color:var(--muted);font-size:8px}.detail-accordion article>button>.icon{transition:transform .2s}.detail-accordion article.open>button>.icon{transform:rotate(180deg)}.accordion-lessons{padding:5px 14px}.accordion-lessons>div{padding:10px 0;border-bottom:1px solid #edf1ec;display:flex;align-items:center;gap:10px}.accordion-lessons>div:last-child{border-bottom:0}.accordion-lessons>div>span:last-child{min-width:0}.accordion-lessons strong,.accordion-lessons small{display:block}.accordion-lessons strong{font-size:9px}.accordion-lessons small{margin-top:3px;color:var(--muted);font-size:8px}.lesson-icon{width:29px;height:29px;border-radius:8px;background:var(--primary-soft);color:var(--primary-dark);display:grid;place-items:center;flex:0 0 auto}.trainer-detail-head{margin-bottom:17px;display:flex;align-items:center;gap:15px}.trainer-avatar{width:64px;height:64px;border-radius:19px;background:var(--accent-soft);color:#7351ac;display:grid;place-items:center;font-size:17px;font-weight:700}.trainer-detail-head h2{margin:0;font-size:16px}.trainer-detail-head p{margin:4px 0;color:var(--muted);font-size:10px}.tab-count{min-width:18px;height:18px;margin-left:4px;padding:0 5px;border-radius:10px;background:var(--primary-soft);color:var(--primary-dark);display:inline-grid;place-items:center;font-size:8px}.assessment-heading{margin-bottom:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.assessment-heading h2{margin:0 0 5px;font-size:18px}.assessment-heading p{margin:0;color:var(--muted);font-size:10px}.assessment-total{min-width:65px;padding:10px;border-radius:12px;background:var(--primary-soft);color:var(--primary-dark);display:grid;place-items:center;font-size:8px}.assessment-total strong{font-size:19px;line-height:1}.assessment-list{display:grid;gap:10px}.assessment-list>article{padding:14px;border:1px solid var(--border);border-radius:13px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px}.assessment-icon{width:44px;height:44px;border-radius:13px;background:var(--primary-soft);color:var(--primary-dark);display:grid;place-items:center}.assessment-icon.module{background:var(--secondary-soft);color:#986019}.assessment-icon.post{background:var(--accent-soft);color:#7351ac}.assessment-type{color:var(--primary-dark);font-size:8px;font-weight:700;text-transform:uppercase}.assessment-list h3{margin:3px 0 6px;font-size:12px}.assessment-meta{display:flex;gap:12px;flex-wrap:wrap}.assessment-meta span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}.assessment-action{justify-self:end}.assessment-notice{margin-top:16px;padding:14px;border-radius:12px;background:#f7faf7;display:flex;align-items:flex-start;gap:10px;color:var(--primary-dark)}.assessment-notice strong{font-size:10px}.assessment-notice p{margin:3px 0 0;color:var(--muted);font-size:9px}.course-detail-hero{min-height:330px;padding:36px;border-radius:24px;overflow:hidden;background:#1d472c;color:#fff;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:center;gap:34px}.course-detail-hero h1{max-width:720px;margin:15px 0 10px;font-size:clamp(30px,4vw,45px);line-height:1.08;letter-spacing:-.055em}.course-detail-hero p{max-width:720px;margin:0;color:#c8d7cb;line-height:1.7}.course-detail-meta{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}.course-detail-meta span{padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:9px;color:#e7f1e9;font-size:10px}.detail-cover{position:relative;min-height:230px;border-radius:20px;overflow:hidden;background:#a9dbaa}.detail-cover:before,.detail-cover:after{content:"";position:absolute;border-radius:50%;background:#ffffff3d}.detail-cover:before{width:240px;height:240px;right:-45px;top:-70px}.detail-cover:after{width:130px;height:130px;left:-35px;bottom:-45px}.detail-cover .kpi-icon{position:absolute;z-index:2;left:28px;top:28px;background:#fff}.course-detail-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.learning-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:18px;align-items:start}.learning-outline{padding:18px}.learning-module{margin-top:15px;padding-top:15px;border-top:1px solid var(--border)}.learning-module>strong{display:block;margin-bottom:9px;font-size:11px}.learning-step{width:100%;padding:10px;border-radius:11px;display:flex;align-items:center;gap:10px;color:var(--ink)}.learning-step:hover{background:var(--primary-soft)}.learning-step+.learning-step{margin-top:4px}.learning-step.is-locked{opacity:.48;pointer-events:none}.step-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-dark)}.learning-step strong,.learning-step small{display:block}.learning-step strong{font-size:11px}.learning-step small{margin-top:2px;color:var(--muted);font-size:9px}.learning-stage{min-height:520px;padding:44px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#fff}.learning-stage h2{max-width:650px;margin:0 0 10px;font-size:clamp(25px,3vw,36px);letter-spacing:-.045em}.learning-stage>p{max-width:650px;margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.7}.quiz-timer{min-width:150px;padding:11px 14px;border:1px solid var(--border-strong);border-radius:13px;background:var(--surface-2);display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--ink);transition:background-color .3s,border-color .3s,color .3s}.quiz-timer span{font-size:10px}.quiz-timer strong{font-size:18px}.quiz-timer.is-warning{border-color:#f5d59b;background:var(--secondary-soft);color:#8a5a00}.quiz-timer.is-critical{border-color:#efc7cb;background:var(--danger-soft);color:var(--danger);animation:quiz-timer-pulse 1s ease-in-out infinite}@keyframes quiz-timer-pulse{0%,to{box-shadow:0 0 #d95c6647}50%{box-shadow:0 0 0 6px #d95c6600}}.quiz-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;align-items:start}.quiz-stage{min-height:590px;padding:36px}.question-meta{color:var(--primary-dark);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.quiz-stage h2{max-width:850px;margin:14px 0 28px;font-size:clamp(21px,2.4vw,29px);line-height:1.35;letter-spacing:-.035em}.quiz-options{display:grid;gap:11px}.quiz-options label{min-height:58px;padding:11px 14px;border:1px solid var(--border);border-radius:13px;display:flex;align-items:center;gap:12px;cursor:pointer}.quiz-options label:hover{border-color:var(--primary);background:var(--primary-soft)}.quiz-options label:has(input:checked){border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px #66bb6a1a}.quiz-options input{color:var(--primary-dark)}.option-letter{width:31px;height:31px;border-radius:9px;background:#eef2ed;display:grid;place-items:center;font-size:11px;font-weight:700}.quiz-nav-actions{margin-top:34px;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:12px}.quiz-sidebar{position:sticky;top:96px;padding:16px}.camera-panel{min-height:145px;border-radius:13px;overflow:hidden;background:#17221b;color:#d7e4da}.camera-panel video{width:100%;height:145px;-o-object-fit:cover;object-fit:cover;transform:scaleX(-1)}.camera-placeholder{min-height:145px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;font-size:9px}.camera-placeholder button{color:#a9e4ae;font-weight:700}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.question-grid button{aspect-ratio:1;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--muted);font-size:10px;font-weight:700}.question-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.question-context{min-width:0;display:grid;gap:8px}.question-meta{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}.question-position strong{color:var(--primary-dark);font-size:12px}.question-meta-divider{width:1px;height:13px;background:var(--border-strong)}.question-points{display:inline-flex;align-items:center;gap:5px;color:var(--ink-2)}.question-points .icon{width:12px;height:12px;color:var(--primary-dark)}.question-position-track{width:180px;max-width:100%;height:3px;overflow:hidden;border-radius:999px;background:var(--surface-2);display:block}.question-position-track i{height:100%;border-radius:inherit;background:var(--primary-dark);display:block}.quiz-mark-button{min-height:34px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:9px;font-weight:700;line-height:1;white-space:nowrap;box-shadow:none;transform:none!important}.quiz-mark-button:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark);box-shadow:none;transform:none!important}.quiz-mark-button.is-marked{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.quiz-mark-button.is-marked .icon{fill:currentColor}.quiz-mark-button .icon{width:14px;height:14px}.question-grid button.is-answered{border-color:var(--primary-dark);background:var(--primary-100);color:var(--primary-dark);font-weight:800}.question-grid button.is-marked{border-color:var(--border-strong);box-shadow:none}.question-grid button.active,.question-grid button.active.is-answered,.question-grid button.active.is-marked{border-color:var(--primary-dark);background:var(--primary-dark);box-shadow:none;color:#fff}.question-grid button{position:relative}.question-mark-icon{position:absolute;right:4px;top:4px;width:9px;height:9px;color:var(--danger);fill:currentColor;pointer-events:none}.question-grid button.active .question-mark-icon{color:#fff}.question-legend{margin-top:13px;padding-top:12px;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 9px}.question-legend-item{display:grid;grid-template-columns:14px minmax(0,1fr);align-items:start;gap:8px}.question-legend-item>i{width:13px;height:13px;margin-top:1px;border:1px solid var(--border);border-radius:3px;background:#fff;display:grid;place-items:center}.question-legend-item>i.is-current{border-color:var(--primary-dark);background:var(--primary-dark)}.question-legend-item>i.is-answered{border-color:var(--primary-dark);background:var(--primary-100)}.question-legend-item>i.is-marked{border-color:#efc7cb;background:var(--danger-soft);color:var(--danger)}.question-legend-item>i.is-marked .icon{width:8px;height:8px;fill:currentColor}.question-legend-item>i.is-unanswered{border-color:var(--border-strong);background:#fff}.question-legend-item span,.question-legend-item strong,.question-legend-item small{display:block}.question-legend-item strong{color:var(--ink-2);font-size:8px;line-height:1.3}.question-legend-item small{margin-top:2px;color:var(--muted);font-size:7px;line-height:1.35}.quiz-submit-confirm{padding:26px}.quiz-submit-confirm>.confirm-modal-icon{margin-bottom:17px}.quiz-submit-confirm-copy h2{margin:7px 0 6px;font-size:19px;letter-spacing:-.025em}.quiz-submit-confirm-copy p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.quiz-submit-summary{margin:20px 0;padding:13px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-submit-summary>div{padding:0 12px;border-right:1px solid var(--border);text-align:center}.quiz-submit-summary>div:first-child{padding-left:0}.quiz-submit-summary>div:last-child{padding-right:0;border-right:0}.quiz-submit-summary span,.quiz-submit-summary strong{display:block}.quiz-submit-summary span{color:var(--muted);font-size:8px}.quiz-submit-summary strong{margin-top:5px;font-size:17px}.quiz-submit-confirm .confirm-modal-actions{padding:0;justify-content:flex-end}@media(max-width:440px){.quiz-submit-confirm{padding:20px}.quiz-submit-summary{grid-template-columns:1fr;gap:0}.quiz-submit-summary>div{padding:9px 0;border-right:0;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;text-align:left}.quiz-submit-summary>div:last-child{border-bottom:0}.quiz-submit-summary strong{margin-top:0}.quiz-submit-confirm .confirm-modal-actions{display:grid;grid-template-columns:1fr}.quiz-submit-confirm .confirm-modal-actions .ui-button{width:100%}}.integrity-note{margin-top:18px;padding:12px;border-radius:11px;background:var(--primary-soft);color:var(--primary-dark)}.integrity-note.is-warning{background:var(--danger-soft);color:var(--danger)}.integrity-note strong,.integrity-note span{display:block;font-size:9px}.integrity-note span{margin-top:4px}.integrity-alert{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 10px 16px}.integrity-alert-icon{position:relative;width:92px;height:92px;margin-bottom:18px;border-radius:50%;display:grid;place-items:center;background:var(--secondary-soft);color:#e0790f}.integrity-alert-icon .icon{width:36px;height:36px;stroke-width:2}.integrity-alert[data-tone=danger] .integrity-alert-icon{background:var(--danger-soft);color:var(--danger)}.integrity-alert-spark{position:absolute;width:16px;height:3px;border-radius:3px;background:#f2b03d}.integrity-alert-spark.spark-left{top:12px;left:-8px;transform:rotate(-40deg)}.integrity-alert-spark.spark-right{top:12px;right:-8px;transform:rotate(40deg)}.integrity-alert[data-tone=danger] .integrity-alert-spark{background:var(--danger)}.integrity-alert-badge{display:inline-block;margin-bottom:14px;padding:7px 18px;border-radius:999px;background:var(--secondary-soft);color:#c9791a;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.integrity-alert[data-tone=danger] .integrity-alert-badge{background:var(--danger-soft);color:var(--danger)}.integrity-alert h2{margin:0 0 12px;font-size:25px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.integrity-alert>p{margin:0;max-width:340px;color:var(--muted);font-size:13.5px;line-height:1.65}.integrity-alert-meter{width:100%;margin-top:22px;padding:16px 18px;border-radius:16px;background:var(--secondary-soft);display:flex;align-items:center;gap:14px;text-align:left}.integrity-alert-meter-icon{width:44px;height:44px;flex:0 0 auto;border-radius:50%;background:#fff;border:1.5px solid #f0c988;display:grid;place-items:center;color:#c9791a}.integrity-alert-meter-icon .icon{width:20px;height:20px}.integrity-alert-meter-body{flex:1;min-width:0}.integrity-alert-meter-body>span{display:block;margin-bottom:9px;font-size:13.5px;color:var(--ink)}.integrity-alert-meter-body>span b{color:#c9791a}.integrity-alert-meter-track{height:7px;border-radius:999px;background:#ecdfc4;overflow:hidden}.integrity-alert-meter-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#f2b03d,#dd4b3e);transition:width .3s ease}.integrity-alert-note{position:relative;width:100%;min-height:40px;margin-top:14px;padding:10px 46px 10px 13px;border:0;border-radius:9px;background:var(--danger-soft);display:flex;align-items:center;gap:9px;text-align:left;overflow:hidden}.integrity-alert-note:after{content:"";position:absolute;right:10px;bottom:-12px;width:38px;height:38px;border:2px solid currentColor;border-radius:9px;color:#c9333f1f;transform:rotate(8deg)}.integrity-alert-note .icon{width:17px;height:17px;padding:3px;box-sizing:border-box;flex:0 0 auto;border-radius:50%;background:var(--danger);color:#fff;stroke-width:3}.integrity-alert-note span{position:relative;z-index:1;font-size:10px;font-weight:750;color:var(--danger);line-height:1.45}.integrity-alert-note span b{color:inherit}@media(max-width:400px){.integrity-alert-note{padding-right:13px}.integrity-alert-note:after{display:none}}.integrity-alert-countdown-text{font-size:34px;font-weight:800;color:var(--danger);line-height:1}.integrity-alert[data-tone=danger] .integrity-alert-meter-icon{border-color:#f3c3c8;color:var(--danger)}.integrity-alert[data-tone=danger] .integrity-alert-meter-body>span b{color:var(--danger)}.integrity-alert[data-tone=danger] .integrity-alert-meter-track{background:#f6dbde}.integrity-alert-divider{width:100%;height:1px;margin-top:22px;background:var(--border)}.integrity-alert-action{width:calc(100% - 8px);margin:18px auto 0;justify-content:center;box-shadow:none}@media(max-width:400px){.integrity-alert-icon{width:78px;height:78px}.integrity-alert-icon .icon{width:30px;height:30px}.integrity-alert h2{font-size:21px}}.table-card{overflow:hidden}.table-subtitle{display:block;margin-top:4px;color:var(--muted);font-size:8px}.row-actions{display:flex;justify-content:flex-end;gap:6px}.row-actions a,.row-actions button{width:32px;height:32px;border:1px solid var(--border);border-radius:9px;background:#fff;display:grid;place-items:center;color:var(--muted)}.row-actions a:hover{border-color:var(--primary);color:var(--primary-dark);background:var(--primary-soft)}.status-pill.danger{background:var(--danger-soft);color:var(--danger)}.curriculum-list,.my-course-list{display:grid;gap:16px}.curriculum-course{overflow:hidden}.curriculum-course-head{width:100%;padding:17px 19px;display:flex;align-items:center;gap:13px;text-align:left}.curriculum-course-head>span:nth-child(2){flex:1}.curriculum-course-head strong,.curriculum-course-head small{display:block}.curriculum-course-head strong{font-size:13px}.curriculum-course-head small{margin-top:4px;color:var(--muted);font-size:9px}.curriculum-body{padding:0 19px 19px}.module-block{border:1px solid var(--border);border-radius:13px;overflow:hidden}.module-block+.module-block{margin-top:12px}.module-head{padding:12px 14px;background:#f8faf7;display:flex;align-items:center;gap:10px}.module-head strong{font-size:11px}.module-head small{color:var(--muted);font-size:9px}.module-head a{margin-left:auto;color:var(--primary-dark);font-size:9px;font-weight:700}.drag-handle{color:var(--muted-2)}.lesson-rows{padding:5px 12px}.lesson-rows>a{padding:10px 4px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.lesson-rows>a:last-child{border:0}.lesson-rows>a>span:nth-child(2){flex:1}.lesson-rows strong,.lesson-rows small{display:block}.lesson-rows strong{font-size:10px}.lesson-rows small{margin-top:3px;color:var(--muted);font-size:8px}.lesson-type{width:30px;height:30px;border-radius:8px;background:var(--primary-soft);color:var(--primary-dark);display:grid;place-items:center}.lesson-rows .add-lesson{justify-content:center;color:var(--primary-dark);font-size:9px;font-weight:700}.my-course-list .continue-card{margin-bottom:0}.rating{color:#a86a13;font-size:10px;font-weight:700}.filter-bar{margin-bottom:17px;padding:12px;display:flex;align-items:center;gap:10px}.filter-search{min-width:260px;flex:1;position:relative}.filter-search .icon{position:absolute;left:12px;top:13px;color:var(--muted)}.filter-search input{width:100%;padding-left:38px}.filter-bar select{min-width:160px}.compact-kpis .kpi-card{min-height:120px}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.category-card{position:relative;padding:20px;display:grid;grid-template-columns:50px 1fr auto;align-items:start;gap:14px}.category-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--category-color) 18%,white);color:var(--category-color)}.category-card h2{margin:9px 0 6px;font-size:16px}.category-card p{min-height:32px;margin:0 0 8px;color:var(--muted);font-size:10px;line-height:1.55}.category-card small{color:var(--muted-2);font-size:9px}.invite-code{padding:7px 9px;border-radius:8px;background:var(--primary-soft);color:var(--primary-dark);font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.04em}.back-link{color:var(--primary-dark);font-size:10px;font-weight:700}.participant-profile{padding:20px;display:flex;align-items:center;gap:15px}.profile-avatar{width:68px;height:68px;border-radius:20px;background:var(--primary-100);color:var(--primary-dark);display:grid;place-items:center;font-size:19px;font-weight:700}.participant-profile>div{flex:1}.participant-profile h2{margin:0;font-size:18px}.participant-profile p{margin:5px 0;color:var(--muted);font-size:10px}.participant-profile>div>span{font-size:10px}.participant-profile dl{display:flex;gap:30px}.participant-profile dt{color:var(--muted);font-size:8px}.participant-profile dd{margin:4px 0 0;font-size:10px;font-weight:700}.participant-detail-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr)}.enrollment-list{display:grid;gap:12px}.enrollment-list>article{padding:12px;border:1px solid var(--border);border-radius:12px;display:grid;grid-template-columns:80px 1fr;gap:13px}.course-mini-cover{border-radius:10px;background:#b7ddb8;display:grid;place-items:center;color:#285e32}.enrollment-list h3{margin:7px 0 3px;font-size:12px}.enrollment-list p{margin:0 0 8px;color:var(--muted);font-size:9px}.test-summary{margin-top:9px;display:flex;gap:18px;color:var(--muted);font-size:9px}.test-summary b{color:var(--ink)}.certificate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.certificate-card{padding:20px;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:15px}.certificate-icon{width:54px;height:54px;border-radius:16px;background:var(--primary-soft);color:var(--primary-dark);display:grid;place-items:center}.certificate-card h2{margin:9px 0 5px;font-size:15px}.certificate-card p{margin:0 0 10px;color:var(--muted);font-size:9px}.certificate-card code{font-family:inherit;color:var(--muted);font-size:9px}.certificate-scroll{overflow-x:auto}.certificate-sheet{position:relative;width:100%;max-width:1200px;margin:0 auto;aspect-ratio:297/210;overflow:hidden;background:linear-gradient(180deg,#ffffffd9,#ffffff2e),#fcfbf7;box-shadow:0 22px 58px #1b302021;isolation:isolate}.certificate-sheet:before,.certificate-sheet:after{content:"";position:absolute;pointer-events:none;z-index:10}.certificate-sheet:before{inset:22px;border:2px solid #b9c9b2}.certificate-sheet:after{inset:34px;border:1px solid #dce5d7}.certificate-corner-blob{position:absolute;width:160px;height:160px;border-radius:50%;opacity:.34;z-index:0}.certificate-corner-blob.one{left:-72px;top:-72px;border:1px solid var(--primary);box-shadow:0 0 0 14px #66bb6a14,0 0 0 28px #66bb6a0b}.certificate-corner-blob.two{right:-70px;bottom:-70px;border:1px solid var(--primary);box-shadow:0 0 0 14px #66bb6a14,0 0 0 28px #66bb6a0b}.certificate-accent-bar{position:absolute;left:34px;top:34px;width:180px;height:8px;background:linear-gradient(90deg,#1b5e20,var(--primary));z-index:2}.certificate-accent-bar.bottom{inset:auto 34px 34px auto;transform:rotate(180deg)}.certificate-content{position:absolute;inset:0;z-index:4;padding:44px 120px 36px;text-align:center;display:flex;flex-direction:column;align-items:center}.certificate-brand{display:flex;align-items:center;gap:12px;margin-bottom:12px}.certificate-brand .brand-mark{width:52px;height:52px}.certificate-brand-name{font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:700;color:#263428}.certificate-eyebrow{margin-top:5px;color:#4c6b49;text-transform:uppercase;letter-spacing:.34em;font-size:13px;font-weight:800}.certificate-rule{margin:9px auto 11px;display:flex;align-items:center;justify-content:center;gap:10px}.certificate-rule:before,.certificate-rule:after{content:"";width:74px;height:1px;background:#afc1a6}.certificate-rule span{width:7px;height:7px;border:1px solid #789672;transform:rotate(45deg);background:#fcfbf7}.certificate-sheet h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:58px;line-height:1;font-weight:500;letter-spacing:-.03em;color:var(--ink)}.certificate-presented{margin-top:10px;color:#777a75;font-family:Georgia,Times New Roman,serif;font-size:15px}.certificate-recipient{margin:8px 0 4px;font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:600;font-size:60px;line-height:1.2;letter-spacing:.01em;color:#1b5e20;max-width:90%}.certificate-course-copy{margin-top:3px;font-family:Georgia,Times New Roman,serif;color:#777a75;font-size:15px}.certificate-course-title{margin-top:5px;font-family:Georgia,Times New Roman,serif;font-size:32px;color:#23392a}.certificate-meta{width:min(900px,84%);border-top:1px solid #b9c9b2;margin-top:18px;padding-top:14px;display:grid;grid-template-columns:repeat(3,1fr)}.certificate-meta-item{position:relative;padding:0 28px}.certificate-meta-item:not(:last-child):after{content:"";position:absolute;right:0;top:4px;bottom:4px;width:1px;background:#d7e1d2}.certificate-meta-icon{width:34px;height:34px;margin:0 auto 8px;border-radius:50%;border:1px solid #9eb494;background:#f8fbf6;color:#2e7d32;display:grid;place-items:center}.certificate-meta-icon .icon{width:15px;height:15px}.certificate-meta-label{font-size:10px;text-transform:uppercase;letter-spacing:.2em;font-weight:800;color:#5e765e}.certificate-meta-value{margin-top:6px;font-family:Georgia,Times New Roman,serif;font-size:16px;color:#263428}.certificate-footer{margin-top:auto;width:min(980px,90%);display:grid;grid-template-columns:1fr 160px 1fr;align-items:end;gap:44px;padding-top:16px}.certificate-signature{text-align:center}.certificate-signature-line{position:relative;height:1px;background:#6d8769;margin-bottom:10px}.certificate-signature-line:after{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;transform:translate(-50%) rotate(45deg);background:#fcfbf7;border:1px solid #6d8769}.certificate-signature-name{font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:700}.certificate-signature-role{margin-top:4px;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#7a807a}.certificate-medal-wrap{display:flex;justify-content:center;align-items:end}.certificate-medal{position:relative;width:122px;height:122px;border-radius:50%;border:2px solid #a9bc9e;background:radial-gradient(circle at center,#fff 0 43%,transparent 44%),#eaf6ea;box-shadow:0 0 0 8px #f5f8f2,0 0 0 9px #c8d5c0}.certificate-medal:before{content:"";position:absolute;inset:14px;border-radius:50%;border:1px dashed #8da584}.certificate-medal:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-size:38px;font-weight:900;color:#2e7d32}.certificate-ribbon{position:absolute;width:34px;height:54px;bottom:-40px;background:#b8c9b1;z-index:-1}.certificate-ribbon.left{left:24px;transform:rotate(14deg);clip-path:polygon(0 0,100% 0,82% 100%,50% 78%,18% 100%)}.certificate-ribbon.right{right:24px;transform:rotate(-14deg);clip-path:polygon(0 0,100% 0,82% 100%,50% 78%,18% 100%)}.category-icon-field{position:relative}.category-picker-trigger{width:100%;min-height:42px;padding:7px 11px;border:1px solid var(--border);border-radius:var(--ui-radius-sm,10px);background:#fff;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;text-align:left}.category-picker-trigger:hover{border-color:var(--border-strong)}.category-picker-trigger:focus-visible{border-color:var(--primary-dark);outline:2px solid rgba(102,187,106,.2);outline-offset:1px}.category-picker-preview{width:30px;height:30px;border-radius:50%;background:var(--primary-soft);color:var(--primary-dark);display:grid;place-items:center}.category-picker-preview>span{display:grid;place-items:center}.category-picker-preview .icon{width:16px;height:16px}.category-picker-trigger strong,.category-picker-trigger small{display:block}.category-picker-trigger strong{font-size:11px}.category-picker-trigger small{margin-top:1px;color:var(--muted);font-size:9px}.category-picker-chevron{color:var(--muted)}.category-icon-popover{position:absolute;z-index:95;top:calc(100% + 7px);left:0;width:380px;max-width:min(380px,calc(100vw - 32px));max-height:300px;overflow-y:auto;padding:8px;border:1px solid var(--border-strong);border-radius:10px;background:#fff;box-shadow:var(--shadow-md)}.category-icon-options{display:grid;grid-template-columns:repeat(6,52px);justify-content:start;gap:4px}.category-icon-options button{width:52px;height:43px;min-width:0;padding:4px 2px;border:1px solid transparent;border-radius:7px;display:grid;place-items:center;gap:2px;color:var(--muted);font-size:7px;line-height:1}.category-icon-options button:hover{background:var(--surface-2);color:var(--ink)}.category-icon-options button.is-selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.category-icon-options .icon{width:14px;height:14px}.category-icon-options span{max-width:46px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-custom-icon{margin-top:7px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.category-custom-icon>label{margin-bottom:6px;display:flex;align-items:center;gap:5px;color:var(--ink-2);font-size:8px;font-weight:700}.category-custom-icon>label .icon{width:11px;height:11px}.category-custom-icon>div{height:32px;border:1px solid var(--border-strong);border-radius:7px;background:#fff;display:grid;grid-template-columns:1fr auto;overflow:hidden}.category-custom-icon input{width:100%;min-width:0;height:30px;padding:0 9px;border:0;border-radius:0;background:transparent;font-size:9px;box-shadow:none;outline:0}.category-custom-icon button{min-width:52px;height:30px;padding:0 10px;border-left:1px solid var(--border);border-radius:0;background:var(--primary-dark);color:#fff;font-size:8px;font-weight:700}.category-custom-icon button:disabled{cursor:not-allowed;opacity:.45}.category-color-control{min-height:42px;padding:5px 7px;border:1px solid var(--border);border-radius:var(--ui-radius-sm,10px);background:#fff;display:grid;grid-template-columns:31px 1fr 31px;align-items:center;gap:8px}.category-color-control:focus-within{border-color:var(--primary-dark);outline:2px solid rgba(102,187,106,.2);outline-offset:1px}.category-color-swatch{width:31px;height:31px;position:relative;cursor:pointer}.category-color-swatch input{position:absolute;width:1px;height:1px;opacity:0}.category-color-swatch span{width:31px;height:31px;border:1px solid var(--border-strong);border-radius:50%;background:var(--picker-color);display:block}.category-color-control>input[type=text]{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font-family:inherit;font-size:11px;text-transform:uppercase;box-shadow:none}.category-color-preview{width:31px;height:31px;border-radius:50%;background:color-mix(in srgb,var(--picker-color) 16%,white);color:var(--picker-color);display:grid;place-items:center}.category-color-preview .icon{width:15px;height:15px}.enrollment-progress-card{min-width:0}.enrollment-count{padding:5px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:8px;font-weight:700}.enrollment-list{gap:9px}.enrollment-list>.enrollment-course-item{padding:11px;border:1px solid var(--border);border-radius:10px;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:stretch;gap:12px;background:#fff;transition:border-color var(--ui-transition),background-color var(--ui-transition),transform var(--ui-transition)}.enrollment-list>.enrollment-course-item:hover{border-color:var(--primary);background:#fbfcfa;transform:translateY(-1px)}.enrollment-list>.enrollment-course-item:focus-visible{border-color:var(--primary-dark);outline:3px solid rgba(102,187,106,.18);outline-offset:2px}.course-mini-cover{min-height:96px;position:relative;overflow:hidden;border-radius:8px;background:var(--primary-soft);color:var(--primary-dark)}.course-mini-cover img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-mini-cover .icon{width:23px;height:23px}.enrollment-course-content{min-width:0}.enrollment-course-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.enrollment-course-heading>div{min-width:0}.enrollment-course-heading .status-pill{flex:0 0 auto;padding:4px 7px;font-size:7px}.enrollment-category{display:block;color:var(--primary-dark);font-size:7px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.enrollment-list .enrollment-course-heading h3{margin:3px 0 0;overflow:hidden;font-size:11px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.enrollment-progress-meta{margin:10px 0 5px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:8px}.enrollment-progress-meta strong{color:var(--ink);font-size:9px}.enrollment-course-content .progress-track{height:5px}.enrollment-course-content .test-summary{margin-top:8px;gap:6px}.enrollment-course-content .test-summary>span{min-width:78px;padding:5px 7px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);display:flex;align-items:center;justify-content:space-between;gap:8px}.enrollment-course-content .test-summary small{color:var(--muted);font-size:7px}.enrollment-course-content .test-summary b{font-size:9px}.enrollment-course-content .test-summary .enrollment-view-detail{margin-left:auto;min-width:auto;border-color:transparent;background:transparent;color:var(--primary-dark)}.enrollment-view-detail .icon{width:13px;height:13px}.course-progress-page-heading{position:relative;margin-bottom:14px;padding:18px 20px;border:1px solid #d7e8d8;border-radius:var(--ui-radius-md);overflow:hidden;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;background:linear-gradient(110deg,#f7fbf7,#eef7ef)}.course-progress-page-heading:after{content:"";position:absolute;width:150px;height:150px;right:55px;top:-105px;border:28px solid rgba(102,187,106,.09);border-radius:50%;pointer-events:none}.course-progress-heading-icon{width:44px;height:44px;border-radius:12px;background:var(--primary-dark);color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px #388e3c26}.course-progress-heading-icon .icon{width:20px;height:20px}.course-progress-title{min-width:0;position:relative;z-index:1}.course-progress-title .back-link{display:inline-block;margin-bottom:5px}.course-progress-title .eyebrow{margin-top:0!important}.course-progress-title .page-title{margin-top:3px;font-size:25px}.course-progress-title .page-subtitle{margin-top:4px}.course-progress-status{position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px}.course-progress-status>span{width:6px;height:6px;border-radius:50%;background:currentColor}.course-progress-summary{margin-bottom:18px;padding:17px;border-color:#dce8dc;display:grid;grid-template-columns:minmax(190px,.7fr) minmax(240px,1fr) minmax(360px,1.35fr);align-items:center;gap:0;background:#fff}.course-progress-summary>*{min-width:0;padding:0 20px;border-right:1px solid var(--border)}.course-progress-summary>*:first-child{padding-left:0}.course-progress-summary>*:last-child{padding-right:0;border-right:0}.course-progress-person{display:flex;align-items:center;gap:10px}.course-progress-person .avatar{width:42px;height:42px;border:2px solid #fff;box-shadow:0 0 0 1px var(--primary-100)}.course-progress-person strong,.course-progress-person small{display:block}.course-progress-person strong{font-size:11px}.course-progress-person small{margin-top:3px;color:var(--muted);font-size:8px}.course-progress-overview>div:first-child{margin-bottom:6px;display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.course-progress-overview strong{color:var(--primary-dark);font-size:12px}.course-progress-overview>.progress-track{height:7px;background:#e8f0e8}.course-progress-overview>.progress-track span{background:var(--primary-dark)}.course-progress-overview>small{display:block;margin-top:5px;color:var(--muted);font-size:7px}.course-progress-summary dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 15px}.course-progress-summary dt{color:var(--muted);font-size:7px}.course-progress-summary dd{margin:2px 0 0;font-size:9px;font-weight:700}.course-progress-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:18px}.course-progress-main,.course-progress-side{min-width:0;display:grid;gap:18px}.course-progress-main>.dashboard-card,.course-progress-side>.dashboard-card{border-color:#dce7dc}.module-progress-list{display:grid;gap:9px}.module-progress-item{position:relative;padding:13px;border:1px solid var(--border);border-radius:10px;background:#fff;overflow:hidden;transition:border-color var(--ui-transition),box-shadow var(--ui-transition)}.module-progress-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--border-strong)}.module-progress-item:hover{border-color:var(--border-strong);box-shadow:var(--ui-shadow-sm)}.module-progress-item.is-complete:before{background:var(--primary-dark)}.module-progress-heading{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px}.module-number{width:30px;height:30px;border-radius:50%;background:var(--primary-soft);color:var(--primary-dark);display:grid;place-items:center;font-size:9px;font-weight:700}.module-progress-item.is-complete .module-number{background:var(--primary-dark);color:#fff}.module-progress-heading h3{margin:0;font-size:11px}.module-progress-heading p{margin:2px 0 0;color:var(--muted);font-size:7px}.module-progress-heading>strong{padding:4px 7px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:8px}.module-progress-item.is-complete .module-progress-heading>strong{background:var(--primary-soft);color:var(--primary-dark)}.module-progress-item>.progress-track{height:4px;margin:9px 0}.lesson-progress-list{display:grid}.lesson-progress-list>div{min-height:42px;margin:0 -5px;padding:7px 5px;border-top:1px solid var(--border);border-radius:6px;display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;transition:background-color var(--ui-transition)}.lesson-progress-list>div:hover{background:var(--surface-2)}.lesson-progress-icon{width:26px;height:26px;border-radius:50%;background:var(--surface-2);color:var(--muted);display:grid;place-items:center}.lesson-progress-icon .icon{width:13px;height:13px}.lesson-progress-list .is-completed .lesson-progress-icon{background:var(--primary-soft);color:var(--primary-dark)}.lesson-progress-list strong,.lesson-progress-list small{display:block}.lesson-progress-list strong{font-size:9px}.lesson-progress-list small{margin-top:2px;color:var(--muted);font-size:7px}.lesson-progress-state{text-align:right}.lesson-progress-state b{font-size:7px}.lesson-progress-list .is-completed .lesson-progress-state b{color:var(--primary-dark)}.assessment-progress-list{display:grid}.assessment-progress-list>div{margin:0 -6px;padding:10px 6px;border-bottom:1px solid var(--border);border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:background-color var(--ui-transition)}.assessment-progress-list>div:hover{background:var(--primary-soft)}.assessment-progress-list>div:last-child{border-bottom:0}.assessment-progress-list strong,.assessment-progress-list small{display:block}.assessment-progress-list strong{font-size:9px}.assessment-progress-list small{margin-top:3px;color:var(--muted);font-size:7px}.assessment-score{min-width:48px;padding-left:8px;border-left:1px solid var(--border);text-align:right}.assessment-score>strong{color:var(--primary-dark);font-size:13px}.certificate-progress-card{position:relative;overflow:hidden;display:grid;grid-template-columns:42px 1fr;align-items:start;gap:11px;background:linear-gradient(135deg,#fff 55%,#f0f8f1)}.certificate-progress-card:after{content:"";position:absolute;width:85px;height:85px;right:-35px;bottom:-46px;border:16px solid rgba(102,187,106,.09);border-radius:50%}.certificate-progress-card .kpi-icon{width:42px;height:42px;border-radius:50%;background:var(--primary-dark);color:#fff}.certificate-progress-card h2{margin:6px 0 4px;font-size:12px}.certificate-progress-card p{margin:0 0 8px;color:var(--muted);font-size:8px;line-height:1.5}.auth-body{min-height:100vh;background:var(--sidebar);color:var(--ink)}.auth-card{width:100%;max-width:448px;padding:32px;border-radius:22px;background:#fff;box-shadow:0 26px 70px #00000038}.auth-split{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);background:#fff}.auth-visual{position:relative;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:34px;background:radial-gradient(120% 120% at 15% 10%,#16321f 0%,var(--sidebar) 55%,#0b1710 100%);color:#edf6ef}.auth-brand{position:relative;z-index:2;display:inline-flex;align-items:center;gap:12px;width:-moz-max-content;width:max-content}.auth-brand strong{display:block;color:#fff;font-size:18px;font-weight:800;letter-spacing:-.02em}.auth-brand small{display:block;margin-top:2px;color:#edf6efb8;font-size:11px;font-weight:600}.auth-visual-decor{position:relative;flex:1;display:grid;place-items:center}.auth-visual-shape{position:absolute;border-radius:50%;background:#66bb6a29;filter:blur(2px)}.auth-visual-shape.a{width:280px;height:280px;top:-60px;right:-80px;background:#66bb6a2e}.auth-visual-shape.b{width:200px;height:200px;bottom:-50px;left:-60px;background:#8e6bc729}.auth-visual-shape.c{width:140px;height:140px;top:40%;left:8%;background:#ffb74d24}.auth-visual-icon{position:relative;z-index:2;width:108px;height:108px;border-radius:32px;display:grid;place-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 24px 60px #00000047}.auth-visual-icon .icon{width:52px;height:52px;color:var(--primary)}.auth-visual-copy{position:relative;z-index:2;max-width:420px}.auth-visual-badge{width:48px;height:48px;margin-bottom:16px;border-radius:14px;display:grid;place-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 14px 30px #00000038}.auth-visual-badge .icon{width:24px;height:24px;color:var(--primary)}.auth-visual-copy h2{margin:0 0 10px;color:#fff;font-size:26px;line-height:1.25;letter-spacing:-.02em}.auth-visual-copy p{margin:0;color:#edf6efc7;font-size:13px;line-height:1.6}.auth-panel{min-height:100vh;display:grid;align-items:center;padding:clamp(32px,5vw,72px)}.auth-shell{width:min(100%,420px);margin:0 auto}.auth-heading{margin-bottom:26px}.auth-heading .panel-eyebrow{display:block;margin-bottom:8px;color:var(--primary-dark);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.auth-heading h1{margin:0 0 6px;color:var(--ink);font-size:26px;letter-spacing:-.03em}.auth-heading p{margin:0;max-width:340px;color:var(--muted);font-size:12px;line-height:1.6}.auth-form{display:grid;gap:16px}.auth-form-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.ui-remember{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ui-remember input.ui-check{position:relative;flex:0 0 auto}.ui-remember input.ui-check:checked:before{content:"";position:absolute;inset:0;margin:auto;width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}.auth-input-icon{position:relative;display:block}.auth-input-icon>.icon{position:absolute;top:0;bottom:0;left:14px;margin:auto 0;color:var(--muted-2);pointer-events:none;z-index:1}.auth-input-icon input{padding-left:40px!important}.password-field{position:relative;display:block}.password-field input{padding-right:42px!important}.password-field.auth-input-icon input{padding-left:40px!important;padding-right:42px!important}.password-toggle{position:absolute;inset:0 6px 0 auto;z-index:2;width:30px;height:30px;margin:auto 0;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:8px;color:var(--muted);background:transparent}.password-toggle:hover,.password-toggle:focus-visible{color:var(--primary-dark);background:var(--primary-soft);outline:none}.password-toggle .icon{grid-area:1 / 1}.auth-submit{margin-top:4px;min-height:46px}.auth-switch{margin:22px 0 0;color:var(--muted);font-size:12px;text-align:center}.auth-switch a{color:var(--primary-dark);font-weight:700}.auth-actions{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-action-secondary,.auth-action-accent{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--ui-radius-sm);font-size:12px;font-weight:700}.auth-action-secondary{color:var(--ink-2);border:1px solid var(--border);background:#fff}.auth-action-secondary:hover,.auth-action-secondary:focus-visible{color:var(--primary-dark);border-color:var(--border-strong);background:var(--surface-2);outline:none}.auth-action-accent{color:#fff;border:1px solid transparent;background:var(--primary)}.auth-action-accent:hover,.auth-action-accent:focus-visible{background:var(--primary-dark);outline:none}.auth-help-note{margin-top:22px;padding-top:18px;border-top:1px solid var(--border);display:grid;gap:4px}.auth-help-note strong{color:var(--ink);font-size:12px}.auth-help-note span{color:var(--muted);font-size:11px;line-height:1.5}.auth-link{padding:7px 0;color:var(--primary-dark);font-size:11px;font-weight:700;border-bottom:1px solid transparent;transition:border-color .18s ease,color .18s ease}.auth-link:hover,.auth-link:focus-visible{color:#2f7337;border-bottom-color:currentColor;outline:none}.auth-visual-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:var(--sidebar)}.auth-visual-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b171047,#0b17101f 42%,#0b1710d6)}.auth-visual-media img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.auth-visual{align-self:start;height:100vh}.auth-shell:has(.auth-form-register) .auth-heading{margin-bottom:16px}.auth-shell:has(.auth-form-register) .auth-heading h1{font-size:24px}.auth-shell:has(.auth-form-register) .auth-heading p{font-size:11px;line-height:1.45}.auth-form-register{gap:10px}.auth-register-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-form-register .ui-input{min-height:38px}.auth-form-register .ui-label{margin-bottom:5px}.auth-form-register .ui-error{margin-top:4px}.auth-shell:has(.auth-form-register) .auth-submit{min-height:42px;margin-top:1px}.auth-shell:has(.auth-form-register) .auth-actions{margin-top:14px}.auth-shell:has(.auth-form-register) .auth-help-note{margin-top:14px;padding-top:12px}@media(max-width:600px){.auth-register-grid{grid-template-columns:1fr;gap:10px}}@media(max-width:980px){.auth-split{grid-template-columns:1fr}.auth-visual{align-self:stretch;height:240px;min-height:240px;padding:24px}.auth-visual-copy h2{font-size:20px}.auth-visual-icon{width:84px;height:84px;border-radius:24px}.auth-visual-icon .icon{width:40px;height:40px}.auth-panel{padding:32px 22px 40px}}@media(max-width:560px){.auth-visual{min-height:190px}.auth-visual-copy p{display:none}.auth-form-row{flex-direction:column;align-items:flex-start}.auth-actions{grid-template-columns:1fr}}.landing-body{min-height:100vh;background:var(--canvas)}.landing-header{width:min(100% - 40px,1340px);height:78px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.landing-header nav{display:flex;align-items:center;gap:16px}.landing-header nav>a:not(.ui-button){color:var(--muted);font-size:12px;font-weight:600}.landing-main{width:min(100% - 40px,1340px);margin:28px auto 70px}.landing-hero{position:relative;min-height:560px;padding:60px;border-radius:30px;overflow:hidden;background:#1d472c;color:#fff;display:flex;align-items:center}.landing-hero:after{content:"";position:absolute;width:520px;height:520px;right:-100px;top:-100px;border-radius:50%;background:#66bb6a24;box-shadow:0 0 0 80px #66bb6a12}.landing-copy{position:relative;z-index:2;max-width:720px}.landing-copy .eyebrow{color:#a9e4ae}.landing-copy h1{margin:12px 0 18px;font-size:clamp(45px,6vw,76px);line-height:.98;letter-spacing:-.07em}.landing-copy p{max-width:650px;margin:0 0 28px;color:#c5d5c8;font-size:15px;line-height:1.75}.landing-visual{position:absolute;z-index:3;right:9%;width:270px;height:270px;border:1px solid rgba(255,255,255,.13);border-radius:50%}.landing-visual span{position:absolute;width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:#fff;color:#214e30;box-shadow:var(--shadow-md)}.landing-visual span:first-child{left:-15px;top:70px}.landing-visual span:nth-child(2){right:8px;top:8px;background:#f5c46d}.landing-visual span:nth-child(3){right:-5px;bottom:8px;background:#c7b5e4}.landing-features{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.landing-features article{padding:24px}.landing-features h2{margin:18px 0 7px;font-size:17px}.landing-features p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.question-list{display:grid;gap:12px}.question-card{padding:18px;display:grid;grid-template-columns:38px 1fr auto;align-items:start;gap:13px}.question-number{width:34px;height:34px;border-radius:10px;background:var(--primary-soft);color:var(--primary-dark);display:grid;place-items:center;font-size:10px;font-weight:700}.question-tags{display:flex;gap:6px}.question-tags span{padding:4px 7px;border-radius:999px;background:#f0f3ef;color:var(--muted);font-size:8px;font-weight:600}.question-card h2{margin:10px 0;font-size:13px;line-height:1.45}.answer-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.answer-preview span{padding:8px 10px;border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.answer-preview b{width:22px;height:22px;border-radius:6px;background:#edf1ec;display:grid;place-items:center}.answer-preview .correct{border-color:#bfe1c2;background:var(--primary-soft);color:var(--primary-dark)}.answer-preview .correct .icon{margin-left:auto}.lesson-page-list{display:grid;gap:10px}.lesson-page-list>article{padding:14px;display:flex;align-items:center;gap:12px}.lesson-page-list>article>span:nth-child(2){flex:1}.lesson-page-list strong,.lesson-page-list small{display:block}.lesson-page-list strong{font-size:11px}.lesson-page-list small{margin-top:4px;color:var(--muted);font-size:9px}.profile-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.profile-sidebar{padding:18px}.profile-summary{text-align:center;padding:8px 0 20px;border-bottom:1px solid var(--border)}.profile-summary .profile-avatar{margin:0 auto}.profile-summary h2{margin:12px 0 4px;font-size:15px}.profile-summary p{margin:0 0 10px;color:var(--muted);font-size:9px}.profile-sidebar nav{padding-top:12px;display:grid;gap:3px}.profile-sidebar nav button{width:100%;padding:11px;border-radius:10px;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;font-weight:600;text-align:left}.profile-sidebar nav button.active{background:var(--primary-soft);color:var(--primary-dark)}.profile-panel{padding:25px}.profile-panel section>header h2{font-size:16px!important}.profile-panel section>header p{font-size:10px!important;color:var(--muted)!important}.lesson-player{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.lesson-content{overflow:hidden}.lesson-media{min-height:280px;background:#1d472c;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.lesson-media .kpi-icon{width:60px;height:60px;border-radius:18px;background:#ffffffed}.lesson-copy{padding:30px;color:var(--ink);font-size:13px;line-height:1.8}.lesson-action{padding:20px}.lesson-action h2{margin:15px 0 7px;font-size:15px}.lesson-action p{margin:0 0 17px;color:var(--muted);font-size:10px;line-height:1.6}.course-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.editor-form{padding:0 24px 24px}.editor-tabs{margin:0 -24px 24px;padding:0 24px;border-bottom:1px solid var(--border);display:flex;gap:20px}.editor-tabs>*{padding:16px 2px;border-bottom:2px solid transparent;color:var(--muted);font-size:10px;font-weight:700}.editor-tabs .active{border-color:var(--primary-dark);color:var(--primary-dark)}.editor-tabs .locked{display:inline-flex;align-items:center;gap:5px;color:var(--muted-2);cursor:not-allowed;opacity:.6}.workspace-stepper{margin:0 0 24px;padding:0;list-style:none;display:flex;align-items:center;gap:0}.workspace-stepper li{flex:1;position:relative;display:flex}.workspace-stepper li:not(:last-child):after{content:"";position:absolute;left:calc(50% + 17px);right:calc(-50% + 17px);top:14px;height:2px;background:var(--border)}.workspace-stepper li.is-done:not(:last-child):after{background:var(--primary)}.workspace-stepper li>a,.workspace-stepper li>span{position:relative;z-index:1;width:100%;padding:2px 0;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;color:var(--muted)}.workspace-stepper .step-index{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);background:#fff;display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--muted)}.workspace-stepper .step-index .icon{width:14px;height:14px}.workspace-stepper .step-label{font-size:10px;font-weight:700}.workspace-stepper li.is-current .step-index{border-color:var(--primary-dark);background:var(--primary-dark);color:#fff}.workspace-stepper li.is-current .step-label{color:var(--primary-dark)}.workspace-stepper li.is-done .step-index{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.workspace-stepper li.is-locked{cursor:not-allowed}.workspace-stepper li.is-locked .step-index,.workspace-stepper li.is-locked .step-label{opacity:.55}.editor-form>.filter-bar.card,.editor-form>.table-card.card{border:0;box-shadow:none;background:transparent}.editor-sidebar{display:grid;gap:14px}.editor-sidebar article{padding:18px}.editor-sidebar h2{margin:14px 0 6px;font-size:14px}.editor-sidebar p{margin:0 0 16px;color:var(--muted);font-size:9px;line-height:1.55}:root{--ui-radius-xs:6px;--ui-radius-sm:9px;--ui-radius-md:12px;--ui-radius-lg:16px;--ui-control-height:42px;--ui-shadow-sm:0 1px 2px rgba(24,37,29,.04),0 5px 14px rgba(24,37,29,.05);--ui-shadow-md:0 14px 34px rgba(24,37,29,.11);--ui-transition:.14s ease}body{font-weight:400;line-height:1.55}.workspace-main .page-content{width:min(100%,1560px);padding:30px 34px 52px}.page-title{font-size:clamp(28px,2.45vw,38px);font-weight:700;line-height:1.12;letter-spacing:-.035em}.page-subtitle{max-width:760px;margin-top:8px;font-size:13px;line-height:1.65}.eyebrow{margin-bottom:8px;font-size:10px;font-weight:700;letter-spacing:.1em}.dashboard-intro{margin-bottom:26px;align-items:flex-start}.dashboard-intro .page-actions{padding-top:2px}.section-header h2,.card-heading h2{font-size:16px;font-weight:700;line-height:1.25;letter-spacing:-.018em}.card-heading p,.section-header p{font-size:11px;line-height:1.55}.card-heading{margin-bottom:20px;align-items:flex-start}.card{border-color:var(--border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-sm)}.dashboard-card{padding:22px}.kpi-grid{gap:18px}.kpi-card{min-height:182px;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto 1fr;align-items:start;background:#fff;transition:border-color var(--ui-transition),box-shadow var(--ui-transition)}.kpi-card:after{display:none}.kpi-card:hover{border-color:var(--border-strong);box-shadow:var(--ui-shadow-sm)}.kpi-card .kpi-icon{grid-column:1;grid-row:1;width:40px;height:40px;border-radius:10px;background:var(--primary-soft);color:var(--primary-dark)}.kpi-card:nth-child(2) .kpi-icon,.kpi-card:nth-child(3) .kpi-icon,.kpi-card:nth-child(4) .kpi-icon{background:var(--primary-soft);color:var(--primary-dark)}.kpi-card strong{grid-column:1/-1;grid-row:2;margin:18px 0 7px;color:var(--ink);font-size:30px;font-weight:700;line-height:1;letter-spacing:-.035em}.kpi-card p{grid-column:1/-1;grid-row:3;margin:0;color:var(--ink-2);font-size:11px;font-weight:700;line-height:1.4}.kpi-detail{grid-column:1/-1;grid-row:4;align-self:end;margin-top:10px;color:var(--muted);font-size:9px;line-height:1.55}.kpi-card .kpi-trend{position:static;grid-column:2;grid-row:1;align-self:center;min-height:0;padding:4px 7px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--muted);font-size:8px;font-weight:700;line-height:1.25}.dashboard-grid{gap:16px;margin-top:16px}.ui-button,main button[type=submit],main a.inline-flex{min-height:var(--ui-control-height);padding:10px 15px;border-radius:var(--ui-radius-sm);font-size:12px;font-weight:700;line-height:1;transition:transform var(--ui-transition),box-shadow var(--ui-transition),background-color var(--ui-transition),border-color var(--ui-transition),color var(--ui-transition)}.ui-button:hover:not(:disabled),main button[type=submit]:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--ui-shadow-sm)}.ui-button:active:not(:disabled),main button[type=submit]:active:not(:disabled){transform:translateY(1px) scale(.99);box-shadow:none}.ui-button:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid rgba(102,187,106,.2);outline-offset:2px}.ui-button:disabled,button:disabled{cursor:not-allowed;opacity:.52;box-shadow:none;transform:none}.ui-button-primary{border-color:var(--primary-dark)}.ui-button-primary:hover:not(:disabled){background:#2f7d34}.ui-button-secondary:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.ui-button-danger:hover:not(:disabled){filter:saturate(1.08) brightness(.96)}.row-actions{align-items:center;gap:6px}.row-actions a,.row-actions button{width:34px;height:34px;border-radius:var(--ui-radius-xs);transition:transform var(--ui-transition),background-color var(--ui-transition),border-color var(--ui-transition),color var(--ui-transition)}.row-actions a:hover,.row-actions button:hover{transform:translateY(-1px);border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.row-actions a:active,.row-actions button:active{transform:translateY(1px)}.ui-input,main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),main select,main textarea{min-height:var(--ui-control-height);border-radius:var(--ui-radius-sm);font-size:12px;transition:border-color var(--ui-transition),box-shadow var(--ui-transition),background-color var(--ui-transition)}main textarea{min-height:104px;line-height:1.6}.ui-input:hover:not(:disabled),main input:not([type=range]):hover:not(:disabled),main select:hover:not(:disabled),main textarea:hover:not(:disabled){border-color:var(--border-strong)}.ui-input:focus,main input:not([type=range]):focus,main select:focus,main textarea:focus{border-color:var(--primary-dark);box-shadow:0 0 0 3px #66bb6a29}.ui-input:disabled,main input:disabled,main select:disabled,main textarea:disabled{cursor:not-allowed;background:#f2f4f1;color:var(--muted-2)}.ui-label{margin-bottom:8px;font-size:11px;font-weight:700}.ui-error{margin-top:6px;font-size:10px;line-height:1.45}.ui-dropdown-panel{overflow:hidden;border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-md);transform-origin:top right}.ui-dropdown-content{padding:7px;border:1px solid var(--border);border-radius:var(--ui-radius-md);background:#fff}.ui-dropdown-link{width:100%;min-height:40px;padding:9px 10px;border:1px solid transparent;border-radius:var(--ui-radius-sm);display:flex;align-items:center;gap:10px;color:var(--ink-2);font-size:11px;font-weight:600;line-height:1.35;text-align:left;transition:background-color var(--ui-transition),border-color var(--ui-transition),color var(--ui-transition),transform var(--ui-transition)}.ui-dropdown-link .icon{width:18px;height:18px;color:var(--muted)}.ui-dropdown-link:hover,.ui-dropdown-link:focus-visible{border-color:var(--border);background:var(--primary-soft);color:var(--primary-dark);outline:none}.ui-dropdown-link:hover .icon{color:var(--primary-dark)}.ui-dropdown-link:active{transform:translateY(1px)}.profile-trigger{border:1px solid transparent;transition:background-color var(--ui-transition),border-color var(--ui-transition),box-shadow var(--ui-transition)}.profile-trigger:hover,.profile-trigger[aria-expanded=true]{border-color:var(--border);background:#fff;box-shadow:var(--ui-shadow-sm)}.ui-modal-overlay{inset:-8px;background:#0e191266;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ui-modal-panel{border:1px solid var(--border);border-radius:var(--ui-radius-lg);box-shadow:0 28px 70px #0e191233}.ui-modal-panel h2,.ui-modal-panel h3{font-size:22px;line-height:1.2;letter-spacing:-.025em}.table-card{border-radius:var(--ui-radius-md)}.table-scroll{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}main th{padding:13px 18px!important;border-bottom:1px solid var(--border);background:#f7f9f6!important;font-size:9px!important;font-weight:700!important;letter-spacing:.075em}main td{padding:14px 18px!important;font-size:11px;line-height:1.5}main tbody tr{transition:background-color var(--ui-transition)}main tbody tr:hover{background:var(--primary-soft)}.table-person strong{font-size:11px}.table-person small,.table-subtitle{font-size:9px}.table-card .status-pill{min-height:26px;padding:5px 9px;border:1px solid rgba(56,142,60,.12);display:inline-flex;align-items:center;gap:6px}.table-card .status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.table-progress{width:140px}.table-progress>span{height:7px}nav[role=navigation]{font-size:11px}nav[role=navigation] a,nav[role=navigation] span[aria-current=page] span{border-radius:var(--ui-radius-xs)!important}nav[role=navigation] a{transition:background-color var(--ui-transition),border-color var(--ui-transition),color var(--ui-transition),transform var(--ui-transition)}nav[role=navigation] a:hover{transform:translateY(-1px);border-color:var(--primary)!important;background:var(--primary-soft)!important;color:var(--primary-dark)!important}.workspace-topbar{height:72px;padding:0 32px;border-bottom-color:var(--border);background:#f5f7f3f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.global-search{height:42px;border-radius:var(--ui-radius-sm);transition:border-color var(--ui-transition),box-shadow var(--ui-transition),background-color var(--ui-transition)}.global-search:hover{border-color:var(--border-strong);background:#fff}.icon-button,.mobile-toggle{border-radius:var(--ui-radius-sm);transition:transform var(--ui-transition),border-color var(--ui-transition),background-color var(--ui-transition),box-shadow var(--ui-transition)}.icon-button:hover,.mobile-toggle:hover{transform:translateY(-1px);border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark);box-shadow:var(--ui-shadow-sm)}.icon-button:active,.mobile-toggle:active{transform:translateY(1px)}.app-sidebar{width:268px;padding:20px 16px;background:var(--sidebar)}.workspace-main{margin-left:268px}.sidebar-brand{padding:0 8px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.nav-group{margin-top:20px}.nav-item{min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:var(--ui-radius-sm);font-size:12px;transition:background-color var(--ui-transition),border-color var(--ui-transition),color var(--ui-transition),transform var(--ui-transition)}.nav-item:hover{transform:translate(2px);border-color:#ffffff12}.nav-item.active{border-color:#66bb6a2e;box-shadow:inset 0 0 0 1px #66bb6a0d}.nav-item.active .icon{stroke-width:2.1}.nav-label{font-size:9px;letter-spacing:.11em}.segmented-control{padding:4px;border-radius:var(--ui-radius-sm);font-size:9px}.segmented-control button{padding:7px 11px;border-radius:var(--ui-radius-xs)}.ui-alert{padding:13px 15px;border-radius:var(--ui-radius-sm);font-size:11px;box-shadow:var(--ui-shadow-sm)}.empty-state{padding:42px 22px;font-size:11px;line-height:1.6}.ui-nav-link{min-height:40px;padding:9px 12px;border:1px solid transparent;border-radius:var(--ui-radius-sm);display:inline-flex;align-items:center;color:var(--muted);font-size:12px;font-weight:700;transition:transform var(--ui-transition),background-color var(--ui-transition),border-color var(--ui-transition),color var(--ui-transition)}.ui-nav-link:hover{transform:translateY(-1px);border-color:var(--border);background:var(--primary-soft);color:var(--primary-dark)}.ui-nav-link.active{border-color:#66bb6a3d;background:var(--primary-soft);color:var(--primary-dark)}.ui-responsive-nav-link{width:100%;min-height:42px;padding:10px 12px;border:1px solid transparent;border-radius:var(--ui-radius-sm);display:block;color:var(--muted);font-size:12px;font-weight:700;text-align:left;transition:background-color var(--ui-transition),border-color var(--ui-transition),color var(--ui-transition)}.ui-responsive-nav-link:hover,.ui-responsive-nav-link.active{border-color:var(--border);background:var(--primary-soft);color:var(--primary-dark)}.learner-topbar{padding:0 30px;border-bottom-color:var(--border);box-shadow:0 1px #18251d05}.learner-nav{gap:4px}.learner-nav a{min-height:40px;padding:10px 13px;border:1px solid transparent;border-radius:var(--ui-radius-sm);font-size:12px;font-weight:700;transition:transform var(--ui-transition),background-color var(--ui-transition),border-color var(--ui-transition),color var(--ui-transition)}.learner-nav a:hover{transform:translateY(-1px);border-color:var(--border);background:var(--primary-soft)}.learner-nav a.active{border-color:#66bb6a38;background:var(--primary-soft);box-shadow:inset 0 0 0 1px #66bb6a0a}.learner-search{border-radius:var(--ui-radius-sm);transition:border-color var(--ui-transition),box-shadow var(--ui-transition),background-color var(--ui-transition)}.learner-search:hover{border-color:var(--border-strong);background:#fff}.learner-main .page-content{padding-top:32px}.learner-main .page-title{font-size:clamp(28px,2.5vw,36px)}.learner-main .page-header{margin-bottom:26px;align-items:flex-start}.learner-main .section-header{margin-top:34px}.learner-main .section-header h2{font-size:19px}.learner-main .section-header a,.back-link{min-height:32px;padding:6px 8px;border-radius:var(--ui-radius-xs);display:inline-flex;align-items:center;transition:background-color var(--ui-transition),color var(--ui-transition),transform var(--ui-transition)}.learner-main .section-header a:hover,.back-link:hover{transform:translateY(-1px);background:var(--primary-soft);color:var(--primary-dark)}.learning-hero{border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:var(--ui-shadow-sm)}.learning-hero h1{font-weight:700}.hero-actions a{min-height:44px;border-radius:var(--ui-radius-sm);font-weight:700;transition:transform var(--ui-transition),box-shadow var(--ui-transition),background-color var(--ui-transition),border-color var(--ui-transition)}.hero-actions a:hover{transform:translateY(-1px);box-shadow:var(--ui-shadow-md)}.hero-actions a:active{transform:translateY(1px) scale(.99);box-shadow:none}.continue-card{border-radius:var(--ui-radius-md);transition:transform var(--ui-transition),border-color var(--ui-transition),box-shadow var(--ui-transition)}.continue-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--ui-shadow-md)}.continue-info h3{font-size:16px}.continue-progress .ui-button{min-width:118px}.course-card{border-radius:var(--ui-radius-md);transition:transform var(--ui-transition),border-color var(--ui-transition),box-shadow var(--ui-transition)}.course-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--ui-shadow-md)}.course-body{padding:18px}.course-title,.course-body h3{font-size:15px!important;font-weight:700}.course-desc,.course-body p{font-size:10px;line-height:1.65}.course-footer{padding-top:3px}.rating{display:inline-flex;align-items:center;gap:4px}.catalog-layout{grid-template-columns:250px minmax(0,1fr);gap:20px}.catalog-filter{padding:20px;border-radius:var(--ui-radius-md)}.catalog-filter h2{font-size:15px}.catalog-filter fieldset{padding-bottom:18px}.catalog-filter legend{font-size:9px;letter-spacing:.09em}.catalog-filter label{min-height:32px;border-radius:var(--ui-radius-xs);padding:4px 5px;transition:background-color var(--ui-transition),color var(--ui-transition)}.catalog-filter label:hover{background:var(--primary-soft);color:var(--ink)}.catalog-filter input[type=checkbox],.catalog-filter input[type=radio],.ui-check{width:15px;height:15px;margin:0;border:1px solid var(--border-strong);background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-grid;place-items:center;transition:border-color var(--ui-transition),background-color var(--ui-transition),box-shadow var(--ui-transition)}.catalog-filter input[type=checkbox],.ui-check{border-radius:4px}.catalog-filter input[type=radio]{border-radius:50%}.catalog-filter input:checked,.ui-check:checked{border-color:var(--primary-dark);background:var(--primary-dark);box-shadow:inset 0 0 0 3px #fff}.catalog-filter input:focus-visible,.ui-check:focus-visible{outline:3px solid rgba(102,187,106,.2);outline-offset:2px}.catalog-toolbar{height:42px;margin-bottom:15px}.catalog-toolbar .filter-search{position:relative;height:42px;border:1px solid var(--border);border-radius:var(--ui-radius-sm);background:#fff;display:flex;align-items:center;transition:border-color var(--ui-transition,.15s),box-shadow var(--ui-transition,.15s)}.catalog-toolbar .filter-search:hover{border-color:var(--border-strong)}.catalog-toolbar .filter-search:focus-within{border-color:var(--primary-dark);box-shadow:0 0 0 3px #66bb6a24}.catalog-toolbar .filter-search>.icon{position:static;flex:0 0 auto;margin-left:14px;color:var(--muted-2)}.catalog-search-field .catalog-search-input{min-height:0!important;height:100%!important;margin:0!important;padding:0 36px 0 10px!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.catalog-search-field .catalog-search-input:focus,.catalog-search-field .catalog-search-input:focus-visible{border:0!important;outline:0!important;box-shadow:none!important}.catalog-sort{min-width:170px;padding-right:34px!important;cursor:pointer}.catalog-toolbar select:hover{border-color:var(--border-strong)!important}.catalog-toolbar select:focus,.catalog-toolbar select:focus-visible{border-color:var(--primary-dark)!important;box-shadow:0 0 0 3px #66bb6a24!important;outline:none!important}.filter-search .search-clear{position:absolute;right:9px;top:9px;transform:none;z-index:1}.catalog-search-field .search-clear{width:24px;height:24px;border:1px solid var(--border);border-radius:50%;background:var(--surface-2);transform:none;transition:background-color var(--ui-transition,.15s),border-color var(--ui-transition,.15s),color var(--ui-transition,.15s)}.catalog-search-field .search-clear .icon{position:static;inset:auto;width:11px;height:11px;margin:0;color:currentColor}.catalog-search-field .search-clear:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark);transform:none}.catalog-search-field .search-clear:active{border-color:var(--primary-dark);background:var(--primary-100);color:var(--primary-dark);transform:none}.catalog-results .course-grid{gap:16px}.detail-hero-reference{border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-sm)}.detail-hero-reference h1{font-size:clamp(28px,3vw,38px);font-weight:700}.course-detail-reference{gap:18px}.detail-tabs{gap:3px}.detail-tabs button{min-height:42px;padding:10px 13px;border:1px solid transparent;border-bottom-width:2px;border-radius:var(--ui-radius-sm) var(--ui-radius-sm) 0 0;font-size:11px;transition:background-color var(--ui-transition),border-color var(--ui-transition),color var(--ui-transition)}.detail-tabs button:hover{border-color:var(--border);background:var(--primary-soft);color:var(--primary-dark)}.detail-tabs button:focus-visible{outline:3px solid rgba(102,187,106,.18);outline-offset:-3px}.detail-tabs button.active{border-color:transparent transparent var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.detail-panel{border-radius:var(--ui-radius-md);padding:24px}.detail-panel>h2,.what-you-learn>h2,.course-includes>h2{font-size:17px}.learning-outcomes>div,.course-includes span{font-size:11px}.detail-accordion article{border-radius:var(--ui-radius-sm)}.detail-accordion article>button{min-height:58px;transition:background-color var(--ui-transition),color var(--ui-transition)}.detail-accordion article>button:hover{background:var(--primary-soft);color:var(--primary-dark)}.detail-accordion article>button:focus-visible{outline:3px solid rgba(102,187,106,.18);outline-offset:-3px}.enrollment-card{border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-md)}.enrollment-card-body{padding:20px}.enrollment-card-body>h2{font-size:17px}.enrollment-metrics>div{min-height:40px;font-size:10px}.assessment-list>article{border-radius:var(--ui-radius-sm);transition:transform var(--ui-transition),border-color var(--ui-transition),box-shadow var(--ui-transition)}.assessment-list>article:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:var(--ui-shadow-sm)}.learn-shell{border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-sm)}.curriculum-group>h3{font-weight:700}.curriculum-item{position:relative;min-height:58px;transition:background-color var(--ui-transition),color var(--ui-transition),box-shadow var(--ui-transition)}.curriculum-item:hover{background:var(--primary-soft)}.curriculum-item.active{box-shadow:inset 3px 0 0 var(--primary-dark)}.curriculum-item:focus-visible{outline:3px solid rgba(102,187,106,.18);outline-offset:-3px}.learning-stage-header{background:#fff}.learning-stage-header .icon-button{width:36px;height:36px}.learning-video{border:1px solid rgba(255,255,255,.08);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-sm)}.learning-video button{transition:transform var(--ui-transition),box-shadow var(--ui-transition)}.learning-video button:hover{transform:translate(-50%,-52%) scale(1.04);box-shadow:var(--ui-shadow-md)}.learning-video button:active{transform:translate(-50%,-48%) scale(.98)}.learning-copy-reference h2{font-size:25px}.learning-note,.lesson-content,.lesson-action{border-radius:var(--ui-radius-md)}.lesson-copy{font-size:13px;line-height:1.85}.lesson-action h2{font-size:17px}.quiz-heading{align-items:flex-start}.quiz-timer{border-radius:var(--ui-radius-sm);box-shadow:var(--ui-shadow-sm)}.quiz-stage,.quiz-sidebar{border-radius:var(--ui-radius-md)}.quiz-stage{padding:38px}.quiz-stage h2{font-weight:700}.quiz-options label{min-height:60px;border-radius:var(--ui-radius-sm);transition:transform var(--ui-transition),background-color var(--ui-transition),border-color var(--ui-transition),box-shadow var(--ui-transition)}.quiz-options label:hover{transform:translateY(-1px);border-color:var(--primary);box-shadow:var(--ui-shadow-sm)}.quiz-options input[type=radio]{width:18px;height:18px;border:1px solid var(--border-strong);border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto}.quiz-options input[type=radio]:checked{border-color:var(--primary-dark);background:var(--primary-dark);box-shadow:inset 0 0 0 4px #fff}.quiz-options input[type=radio]:focus-visible{outline:3px solid rgba(102,187,106,.2);outline-offset:2px}.option-letter{border:1px solid var(--border);border-radius:var(--ui-radius-xs)}.question-grid button{min-height:38px;aspect-ratio:1;border-radius:var(--ui-radius-xs);transition:transform var(--ui-transition),background-color var(--ui-transition),border-color var(--ui-transition),color var(--ui-transition)}.question-grid button:hover{transform:translateY(-1px);border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.question-grid button.active{border-color:var(--primary-dark);background:var(--primary-dark);color:#fff}.camera-retry{min-height:32px;padding:6px 10px;border:1px solid rgba(255,255,255,.24);border-radius:var(--ui-radius-xs);color:#dff6e2;font-size:10px;font-weight:700;transition:background-color var(--ui-transition),border-color var(--ui-transition)}.camera-retry:hover{border-color:#ffffff6b;background:#ffffff14}.certificate-card{border-radius:var(--ui-radius-md);transition:transform var(--ui-transition),border-color var(--ui-transition),box-shadow var(--ui-transition)}.certificate-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--ui-shadow-md)}.certificate-card h2{font-size:16px}.profile-sidebar,.profile-panel{border-radius:var(--ui-radius-md)}.profile-sidebar nav button{min-height:42px;border:1px solid transparent;border-radius:var(--ui-radius-sm);font-size:11px;transition:background-color var(--ui-transition),border-color var(--ui-transition),color var(--ui-transition),transform var(--ui-transition)}.profile-sidebar nav button:hover{transform:translate(2px);border-color:var(--border);background:var(--primary-soft);color:var(--primary-dark)}.profile-sidebar nav button.active{border-color:#66bb6a33;background:var(--primary-soft);color:var(--primary-dark)}.profile-panel{padding:28px}.profile-panel section>header h2{font-size:18px!important}.profile-panel section>header p{font-size:11px!important;line-height:1.65}.ui-text-link{min-height:34px;padding:6px 8px;border:1px solid transparent;border-radius:var(--ui-radius-xs);display:inline-flex;align-items:center;color:var(--primary-dark);font-size:11px;font-weight:700;text-decoration:none;transition:background-color var(--ui-transition),border-color var(--ui-transition),transform var(--ui-transition)}.ui-text-link:hover{transform:translateY(-1px);border-color:var(--border);background:var(--primary-soft)}.ui-text-link:focus-visible{outline:3px solid rgba(102,187,106,.2);outline-offset:2px}.auth-card{border:1px solid rgba(255,255,255,.08);border-radius:var(--ui-radius-lg)}main select,.ui-input:is(select){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px!important;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.profile-panel .text-gray-900{color:var(--ink)!important}.profile-panel .text-gray-800{color:var(--ink-2)!important}.profile-panel .text-gray-600,.auth-card .text-gray-600{color:var(--muted)!important}.profile-panel .text-sm,.auth-card .text-sm{font-size:11px!important;line-height:1.6}.auth-card>div.mb-4{padding:12px;border:1px solid var(--border);border-radius:var(--ui-radius-sm);background:var(--surface-2);line-height:1.65}@media(max-width:1100px){.learner-topbar{gap:14px;padding:0 20px}.learner-nav a{padding-inline:10px}.learner-search-control{display:none}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-visual{opacity:.42;right:-30px}.catalog-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1250px){.dashboard-columns{grid-template-columns:minmax(0,1fr)}.dashboard-col-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.dashboard-col-side{grid-template-columns:minmax(0,1fr)}}@media(max-width:1023px){.app-sidebar{transform:translate(-100%);transition:transform .22s ease}.app-sidebar.is-open{transform:translate(0)}.sidebar-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff}.sidebar-overlay{position:fixed;inset:0;z-index:40;background:#09120c8f}.workspace-main{margin-left:0}.mobile-toggle{display:grid}.page-content,.learner-main .page-content{padding:25px 22px 42px}}@media(max-width:767px){body{font-size:13px}.workspace-topbar{height:66px;padding:0 16px}.global-search,.workspace-search-control{width:auto;flex:1}.workspace-search kbd{display:none}.global-search kbd,.profile-trigger>span:not(.avatar),.profile-trigger>.icon{display:none}.dashboard-intro,.page-header{align-items:flex-start;flex-direction:column}.dashboard-grid{grid-template-columns:1fr}.learner-topbar{height:66px;padding:0 16px}.learner-brand strong,.learner-nav{display:none}.learner-topbar>.relative{margin-left:auto}.learner-main{min-height:calc(100vh - 66px);padding-bottom:68px}.mobile-learner-nav{position:fixed;z-index:70;left:12px;right:12px;bottom:12px;height:auto;padding:6px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:#142019f2;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.mobile-learner-nav a{padding:8px 4px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#9fb0a4;font-size:8px;font-weight:700}.mobile-learner-nav a.active{color:#dff6e2;background:#66bb6a2e}.mobile-learner-nav .icon{width:19px;height:19px}.learning-hero{min-height:330px;padding:30px 24px;align-items:flex-end}.learning-hero-copy{width:100%}.learning-hero h1{font-size:31px}.learning-hero-visual{display:none}.continue-card{grid-template-columns:1fr}.continue-cover{min-height:130px}.continue-progress strong{text-align:left}.course-grid,.catalog-layout{grid-template-columns:1fr}.catalog-filter{position:static}.catalog-toolbar{height:auto;align-items:stretch;flex-direction:column}.catalog-toolbar .filter-search,.catalog-toolbar select{width:100%;max-width:none}.catalog-course-grid{grid-template-columns:1fr}.learn-shell{height:auto;min-height:0;grid-template-columns:1fr}.curriculum-panel{max-height:360px;border-right:0;border-bottom:1px solid var(--border)}.learning-stage-reference{overflow:visible}.learning-content-wrap{padding:16px}.learning-stage-header{height:60px}.assessment-gate{min-height:380px;padding:25px}.landing-header{width:min(100% - 32px,1340px)}.landing-main{width:min(100% - 32px,1340px);margin-top:10px}.landing-hero{min-height:600px;padding:36px 25px;align-items:flex-end}.landing-copy h1{font-size:48px}.landing-visual{top:55px;right:-65px}.landing-features{grid-template-columns:1fr}.course-detail-hero{padding:28px;grid-template-columns:1fr}.course-detail-reference{grid-template-columns:1fr}.course-enroll-column{order:-1}.enrollment-card{position:static}.enrollment-cover{height:190px}.learning-outcomes,.course-includes>div{grid-template-columns:1fr}.assessment-list>article{grid-template-columns:42px 1fr}.assessment-action{grid-column:1/-1;justify-self:stretch}.assessment-action .ui-button{width:100%}.detail-tabs{overflow-x:auto}.detail-tabs button{white-space:nowrap}.detail-cover{min-height:190px;order:-1}.course-detail-grid,.learning-layout,.admin-chart-grid,.lower-dashboard-grid,.participant-detail-grid,.profile-layout,.lesson-player,.course-editor-layout,.dashboard-columns,.ranking-grid{grid-template-columns:1fr}.top-test-ranking>div{grid-template-columns:24px 34px 1fr auto;grid-template-areas:"rank avatar person score" "rank avatar attempts score";row-gap:2px}.top-test-ranking .top-test-rank{grid-area:rank}.top-test-ranking .avatar{grid-area:avatar}.top-test-ranking .top-test-person{grid-area:person}.top-test-ranking .top-test-attempts{grid-area:attempts}.top-test-ranking .top-test-score{grid-area:score;align-self:center}.category-grid,.certificate-grid{grid-template-columns:1fr}.filter-bar{align-items:stretch;flex-direction:column}.filter-search,.filter-bar select{width:100%;min-width:0}.participant-profile{align-items:flex-start;flex-wrap:wrap}.participant-profile dl{width:100%;padding-top:12px;border-top:1px solid var(--border)}.profile-sidebar nav{grid-template-columns:repeat(2,1fr)}.certificate-card{grid-template-columns:48px 1fr}.certificate-card>a{grid-column:1/-1}.certificate-sheet{width:1100px;max-width:none;aspect-ratio:297/210}.question-card{grid-template-columns:34px 1fr}.question-card>.row-actions{grid-column:2}.answer-preview{grid-template-columns:1fr}.course-editor-layout .editor-sidebar{grid-template-columns:1fr 1fr}.quiz-layout{grid-template-columns:1fr}.quiz-sidebar{position:static;order:-1}.camera-panel{min-height:0}.camera-panel video{height:64px}.camera-placeholder{min-height:0;padding:8px 12px;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px 8px;font-size:8px;line-height:1.4}.camera-placeholder .icon{width:16px;height:16px;flex:0 0 auto}.camera-retry{min-height:26px;padding:5px 9px}.learning-stage{min-height:400px;padding:28px}main .overflow-hidden{overflow-x:auto}main table{min-width:680px}}@media(max-width:520px){.page-content,.learner-main .page-content{padding:20px 16px 34px}.kpi-grid{gap:12px}.kpi-card{min-height:128px;padding:15px}.kpi-card strong{font-size:24px}.page-actions,.page-actions>*{width:100%}.page-actions .ui-button,.page-actions a{justify-content:center}.hero-actions a{flex:1;justify-content:center}.auth-card{padding:26px 22px;border-radius:18px}.course-editor-layout .editor-sidebar,.profile-sidebar nav{grid-template-columns:1fr}.bar-chart{gap:7px}.bar-column small{font-size:7px}.donut-chart{width:150px;height:150px}}@page{size:A4 landscape;margin:0}@media print{.learner-topbar,.mobile-learner-nav,.certificate-actions{display:none!important}.learner-main .page-content{padding:0}html,body{width:297mm;height:210mm;margin:0;padding:0;background:#fff}.certificate-scroll{width:297mm;height:210mm;overflow:visible}.certificate-sheet{width:297mm;height:210mm;max-width:none;aspect-ratio:auto;box-shadow:none}.certificate-sheet *{print-color-adjust:exact;-webkit-print-color-adjust:exact}}a,button,label,.card,.nav-item,.curriculum-item,.assessment-list>article{transition-property:color,background-color,border-color,opacity,filter!important;transition-duration:.17s!important;transition-timing-function:ease!important}a:hover,a:active,button:hover,button:active,label:hover,label:active,.kpi-card:hover,.continue-card:hover,.course-card:hover,.assessment-list>article:hover,.certificate-card:hover,.nav-item:hover,.profile-sidebar nav button:hover,.quiz-options label:hover{transform:none!important}.learning-video button:hover,.learning-video button:active,.enrollment-cover>button:hover,.enrollment-cover>button:active{transform:translate(-50%,-50%)!important}.kpi-card:hover,.continue-card:hover,.course-card:hover,.assessment-list>article:hover,.certificate-card:hover{box-shadow:var(--ui-shadow-sm)!important}.ui-button:hover:not(:disabled),main button[type=submit]:hover:not(:disabled),.icon-button:hover,.mobile-toggle:hover,.profile-trigger:hover{box-shadow:none}.ui-button-primary,.ui-button-primary:hover:not(:disabled){box-shadow:0 8px 18px #388e3c29}nav[role=navigation]{width:100%;margin-top:26px!important;padding:18px 0 6px;border-top:1px solid var(--border);font-size:11px}nav[role=navigation]>div{gap:18px}nav[role=navigation] .inline-flex{gap:6px;box-shadow:none!important;border-radius:0!important}nav[role=navigation] a,nav[role=navigation] span[aria-current=page]>span,nav[role=navigation] span[aria-disabled=true]>span{min-width:38px;min-height:38px;margin:0!important;padding:8px 12px!important;border:1px solid var(--border)!important;border-radius:var(--ui-radius-xs)!important;background:#fff!important;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2)!important;font-size:11px;font-weight:700;line-height:1;box-shadow:none!important}nav[role=navigation] span[aria-current=page]>span{border-color:var(--primary-dark)!important;background:var(--primary-dark)!important;color:#fff!important}nav[role=navigation] span[aria-disabled=true]>span{background:var(--surface-2)!important;color:var(--muted-2)!important;opacity:.7}nav[role=navigation] a:hover{transform:none!important;border-color:var(--primary)!important;background:var(--primary-soft)!important;color:var(--primary-dark)!important}nav[role=navigation] a:focus-visible{border-color:var(--primary-dark)!important;outline:2px solid rgba(102,187,106,.22);outline-offset:2px}nav[role=navigation] p{margin:0;color:var(--muted);line-height:1.5}@media(max-width:640px){nav[role=navigation]{margin-top:20px!important;padding-top:14px}nav[role=navigation]>div{gap:10px}nav[role=navigation] a{min-height:40px;padding-inline:14px!important}}.my-courses-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.course-view-switcher{height:42px;padding:4px;border:1px solid var(--border);border-radius:var(--ui-radius-sm);background:#fff;display:flex;align-items:center;gap:3px}.course-view-switcher button{width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:8px;display:grid;place-items:center;color:var(--muted);cursor:pointer}.course-view-switcher button:hover{border-color:var(--border);background:var(--surface-2);color:var(--ink)}.course-view-switcher button.active{border-color:#66bb6a47;background:var(--primary-soft);color:var(--primary-dark)}.course-view-switcher button:focus-visible{outline:3px solid rgba(102,187,106,.2);outline-offset:2px}.course-view-switcher .icon{width:16px;height:16px}.my-course-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.my-course-card{min-width:0;height:100%;padding:0;display:grid;grid-template-columns:1fr;grid-template-rows:130px minmax(0,1fr) auto;gap:0;align-items:stretch;overflow:hidden}.my-course-cover{position:relative;min-height:130px;border-radius:0;background:radial-gradient(125% 150% at 100% 0%,#dcf3d9,#aee0ab 55%,#8ecd8b)}.my-course-card:nth-child(3n+2) .my-course-cover{background:radial-gradient(125% 150% at 100% 0%,#fbe9cd,#f3c98a 55%,#e9b263)}.my-course-card:nth-child(3n+3) .my-course-cover{background:radial-gradient(125% 150% at 100% 0%,#eee2f8,#d1b8ec 55%,#b997e0)}.my-course-cover .cover-dots{position:absolute;right:44px;top:16px;width:56px;height:36px;background-image:radial-gradient(currentColor 1.2px,transparent 1.4px);background-size:9px 9px;color:#fff9}.my-course-cover .shape.a{position:absolute;width:160px;height:160px;right:-56px;top:-70px;border-radius:50%;background:#ffffff38}.my-course-cover .shape.b{position:absolute;width:106px;height:106px;left:-26px;bottom:-38px;border:18px solid rgba(18,36,22,.08);border-radius:50%}.my-course-cover .cover-icon{position:absolute;left:14px;top:14px;width:38px;height:38px;border-radius:12px;background:#fffffff2;display:grid;place-items:center;color:#29452f;box-shadow:0 8px 16px #12241624}.my-course-cover .cover-icon .icon{width:18px;height:18px}.my-course-status{display:inline-flex;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;padding:4px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark);font-size:9px;font-weight:700}.my-course-status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.my-course-info{padding:14px 16px 12px}.my-course-info h3{margin-top:7px;font-size:14px;line-height:1.4}.my-course-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:16px;line-height:1.5;color:var(--muted)}.my-course-meta span{display:inline-flex;align-items:center;gap:5px}.my-course-meta .icon{width:12px;height:12px;color:var(--primary-dark)}.my-course-meta-divider{width:1px;height:11px;background:var(--border)}.my-course-progress{padding:11px 16px 14px;border-top:1px solid var(--border);display:flex;align-items:center;gap:12px}.my-course-progress-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.my-course-progress-copy{min-width:0}.my-course-progress-copy strong{display:block;margin-bottom:2px;font-size:11px}.my-course-progress-copy small{display:block;color:var(--muted);font-size:8px;line-height:1.5}.my-course-progress-divider{width:1px;align-self:stretch;background:var(--border)}.my-course-ring{position:relative;width:50px;height:50px;flex:0 0 auto;border-radius:50%;background:conic-gradient(var(--primary-dark) calc(var(--progress,0)*1%),var(--border) 0);display:grid;place-items:center}.my-course-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}.my-course-ring-marker{position:absolute;inset:0;transform:rotate(calc(var(--progress,0)*3.6deg))}.my-course-ring-marker:before{content:"";position:absolute;top:-1px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--primary-dark);box-shadow:0 0 0 2px #fff}.my-course-ring-value{position:relative;z-index:1;font-size:11px;font-weight:800;color:var(--ink)}.my-course-cta{flex:1;min-height:40px;padding:10px 14px;justify-content:center;gap:8px;font-size:11px;border-radius:11px}.my-course-card:hover{border-color:var(--primary);background:#fcfefc}.my-course-list.view-list{grid-template-columns:1fr;gap:14px}.view-list .my-course-card{padding:14px;grid-template-columns:205px minmax(0,1fr) minmax(260px,auto);grid-template-rows:none;gap:20px;align-items:center}.view-list .my-course-cover{height:124px;min-height:124px}.view-list .my-course-info h3{font-size:17px;line-height:1.35}.view-list .my-course-progress{display:flex;align-items:center;gap:14px}.view-list .my-course-progress-copy small{max-width:160px}.view-list .my-course-cta{min-width:130px;justify-content:center}@media(max-width:1100px){.my-course-list,.my-course-list.view-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.view-list .my-course-card{grid-template-columns:180px minmax(0,1fr) minmax(230px,auto)}.view-list .my-course-progress-copy,.view-list .my-course-progress-divider{display:none}}@media(max-width:767px){.my-courses-actions{width:100%;justify-content:space-between}.my-course-list,.my-course-list.view-grid{grid-template-columns:1fr}.view-list .my-course-card{padding:0;grid-template-columns:1fr;gap:0;overflow:hidden}.view-list .my-course-cover{height:150px;min-height:150px;border-radius:0}.view-list .my-course-info{padding:18px 18px 14px}.view-list .my-course-progress{padding:0 18px 18px}.view-list .my-course-cta{width:100%}}@media(max-width:420px){.my-courses-actions>.ui-button{flex:1;justify-content:center}.view-grid .my-course-progress{align-items:stretch;flex-direction:column}.view-grid .my-course-progress-divider{display:none}.view-grid .my-course-cta{width:100%;justify-content:center}}.my-course-list,.my-course-list.view-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.my-course-list.view-grid .my-course-card{min-height:330px;grid-template-rows:112px minmax(0,1fr) auto;border-radius:14px}.my-course-list.view-grid .my-course-cover{min-height:112px;background:var(--primary-soft)}.my-course-list.view-grid .my-course-card:nth-child(3n+2) .my-course-cover,.my-course-list.view-grid .my-course-card:nth-child(3n+3) .my-course-cover{background:var(--primary-soft)}.my-course-list.view-grid .my-course-cover .cover-dots,.my-course-list.view-grid .my-course-cover .shape{display:none}.my-course-list.view-grid .my-course-cover .cover-icon{left:20px;top:50%;width:48px;height:48px;border:1px solid var(--primary-100);border-radius:10px;transform:translateY(-50%);box-shadow:none}.my-course-list.view-grid .my-course-info{padding:18px 20px 14px}.my-course-list.view-grid .my-course-info h3{margin:10px 0 9px;font-size:17px;line-height:1.3}.my-course-list.view-grid .my-course-meta{gap:7px;font-size:9px}.my-course-list.view-grid .my-course-progress{padding:14px 20px 18px;gap:16px}.my-course-list.view-grid .my-course-ring{width:44px;height:44px}.my-course-list.view-grid .my-course-ring:before{inset:5px}.my-course-list.view-grid .my-course-ring-marker{display:none}.my-course-list.view-grid .my-course-progress-copy strong{font-size:11px}.my-course-list.view-grid .my-course-progress-copy small{font-size:8px;line-height:1.45}.my-course-list.view-grid .my-course-cta{min-height:40px;border-radius:8px}@media(max-width:767px){.my-course-list,.my-course-list.view-grid{grid-template-columns:1fr}.my-course-list.view-grid .my-course-card{min-height:0}.my-course-list.view-grid .my-course-cover{min-height:108px}.my-course-list.view-grid .my-course-progress{padding:14px 18px 18px}}@media(max-width:420px){.my-course-list.view-grid .my-course-progress{align-items:stretch;flex-direction:column}.my-course-list.view-grid .my-course-progress-divider{display:none}.my-course-list.view-grid .my-course-cta{width:100%}}.trainer-course-card{height:auto;min-width:0;overflow:hidden}.trainer-course-cover{height:154px;min-height:154px}.trainer-course-cover.has-thumbnail:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(18,35,23,.28))}.trainer-course-cover .status-pill{position:absolute;z-index:2;right:14px;bottom:13px;display:inline-flex;align-items:center;gap:5px}.trainer-course-cover .status-pill .icon{width:12px;height:12px}.trainer-course-cover .status-pill.is-published{background:#edf7eef0;color:var(--primary-dark)}.trainer-course-cover .status-pill.is-draft{background:#fffffff0;color:var(--ink-2)}.trainer-course-content{min-width:0;padding:18px}.trainer-course-content .course-meta{gap:7px;min-height:20px;flex-wrap:wrap}.trainer-course-content .level-badge{padding:0;border:0;background:transparent;color:var(--muted);font-size:9px}.trainer-course-content .level-badge .icon{width:12px;height:12px}.trainer-course-content h3{margin:10px 0 7px;font-size:15px;line-height:1.4}.trainer-course-content>p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.trainer-course-bottom{margin-top:14px;padding-top:13px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.trainer-course-links{display:flex;align-items:center;gap:10px}.trainer-course-links a,.trainer-course-action-link{color:var(--primary-dark);font-size:9px;font-weight:700}.trainer-course-links a:hover,.trainer-course-action-link:hover{color:var(--primary-dark);text-decoration:underline}.trainer-course-actions{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:center;gap:12px}.trainer-course-actions .ui-button{min-height:34px;padding:7px 10px;font-size:10px}.trainer-course-actions form{display:flex}.trainer-course-action-link.danger,.trainer-course-action-link.danger:hover{color:var(--danger)}.catalog-toolbar-actions{display:flex;align-items:center;gap:9px}.catalog-layout.is-loading #catalog-results-panel{opacity:.45;pointer-events:none;transition:opacity .15s ease}.catalog-layout.is-loading .catalog-filter{opacity:.7;pointer-events:none;transition:opacity .15s ease}.catalog-filter fieldset.filter-accordion{margin:0;padding:0;border:0;border-bottom:1px solid var(--border)}.catalog-filter fieldset.filter-accordion:first-of-type{border-top:1px solid var(--border)}.catalog-filter .filter-accordion-toggle{width:100%;min-height:46px;margin:0;padding:0;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--ink);font-size:13px;font-weight:700;line-height:1.25;letter-spacing:0;text-transform:none;transition:color var(--ui-transition)}.catalog-filter .filter-accordion-toggle:hover{color:var(--primary-dark)}.catalog-filter .filter-accordion-toggle:focus-visible{outline:2px solid rgba(102,187,106,.24);outline-offset:-2px;border-radius:4px}.filter-accordion-icon{width:14px;height:14px;color:var(--ink-2);flex:0 0 auto;transition:transform .18s ease}.filter-accordion-toggle[aria-expanded=true] .filter-accordion-icon{transform:rotate(180deg)}.filter-accordion-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .2s ease}.filter-accordion-body:not(.is-open){grid-template-rows:0fr}.filter-accordion-body-inner{min-height:0;padding:0 0 12px;overflow:hidden}.filter-accordion-body:not(.is-open) .filter-accordion-body-inner{opacity:0;transition:opacity .1s ease}.filter-accordion-body.is-open .filter-accordion-body-inner{opacity:1;transition:opacity .18s ease .06s}.catalog-card-content{min-width:0;padding:18px 18px 0}.catalog-card-content .course-title{margin:10px 0 7px;line-height:1.4}.catalog-card-content .course-desc{margin:0;color:var(--muted)}.catalog-card-action{padding:15px 18px 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.catalog-duration{display:flex;align-items:center;gap:10px}.catalog-duration-icon{width:40px;height:40px;border-radius:11px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary-dark);flex:0 0 auto}.catalog-duration-icon .icon{width:18px;height:18px}.catalog-duration-copy{min-width:0;display:grid;gap:3px}.catalog-duration-copy>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.catalog-duration strong{font-size:12px}.catalog-card-action .ui-button{min-height:36px;padding:8px 12px;font-size:10px;white-space:nowrap}.catalog-card-cover img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.catalog-card-cover.has-thumbnail:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(17,31,22,.25))}.catalog-card-cover.thumbnail-unavailable:after{display:none}.catalog-card-cover .cover-label{z-index:2;text-transform:capitalize}.catalog-card-cover .catalog-cover-actions{position:absolute;z-index:3;top:14px;right:14px}.catalog-card-cover.has-thumbnail:not(.thumbnail-unavailable) .cover-dots,.catalog-card-cover.has-thumbnail:not(.thumbnail-unavailable) .shape,.catalog-card-cover.has-thumbnail:not(.thumbnail-unavailable) .cover-icon{display:none}.catalog-course-card:hover{border-color:var(--primary);background:#fcfefc}.catalog-empty-state{display:grid;justify-items:center;gap:12px}.catalog-empty-state p{margin:0}.catalog-empty-icon{width:56px;height:56px;border-radius:50%;background:var(--primary-soft);color:var(--primary-dark);display:grid;place-items:center}.catalog-empty-icon .icon{width:24px;height:24px}.catalog-course-grid.view-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.catalog-course-grid.view-grid .catalog-course-card{height:100%;min-height:398px;display:grid;grid-template-columns:1fr;grid-template-rows:176px minmax(0,1fr) auto;border-radius:16px}.catalog-course-grid.view-grid .course-desc{min-height:50px;display:-webkit-box;overflow:hidden;font-size:11px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}.catalog-course-grid .catalog-card-cover{overflow:hidden}.catalog-course-grid.view-grid .catalog-card-cover{grid-column:1;grid-row:1;height:176px;min-height:176px}.catalog-course-grid .catalog-card-cover.cover-green{background:radial-gradient(125% 150% at 100% 0%,#dcf3d9,#aee0ab 55%,#8ecd8b)!important}.catalog-course-grid .catalog-card-cover.cover-orange{background:radial-gradient(125% 150% at 100% 0%,#fbe9cd,#f3c98a 55%,#e9b263)!important}.catalog-course-grid .catalog-card-cover.cover-purple{background:radial-gradient(125% 150% at 100% 0%,#eee2f8,#d1b8ec 55%,#b997e0)!important}.catalog-course-grid .catalog-card-cover.cover-earth{background:radial-gradient(125% 150% at 100% 0%,#f3e2d6,#e0bea4 55%,#cea184)!important}.catalog-course-grid .catalog-card-cover.cover-sage{background:radial-gradient(125% 150% at 100% 0%,#e2ecdf,#c1d3bc 55%,#a3bd9c)!important}.catalog-course-grid .catalog-card-cover.cover-rose{background:radial-gradient(125% 150% at 100% 0%,#f6e6df,#e8c4b6 55%,#dda891)!important}.catalog-course-grid .catalog-card-cover .cover-dots{position:absolute;right:52px;top:26px;width:62px;height:44px;background-image:radial-gradient(currentColor 1.2px,transparent 1.4px);background-size:10px 10px;color:#fff9}.catalog-course-grid .catalog-card-cover .shape.a{width:208px;height:208px;right:-68px;top:-72px;border-radius:50%;transform:none;background:#ffffff38}.catalog-course-grid .catalog-card-cover .shape.b{width:142px;height:142px;left:-28px;bottom:-52px;border:17px solid rgba(18,36,22,.08);background:transparent}.catalog-course-grid .catalog-card-cover .cover-icon{left:22px;top:22px;width:50px;height:50px;border-radius:14px;box-shadow:var(--ui-shadow-sm)}.catalog-course-grid .catalog-cover-actions{position:absolute;z-index:4;top:16px;right:14px;gap:6px}.catalog-course-grid .catalog-cover-actions button{width:32px;height:32px;min-height:32px!important;border-color:#fff9;background:#ffffffeb}.catalog-course-grid .catalog-cover-actions button.is-active{border-color:var(--primary-dark);background:var(--primary-dark)}.catalog-course-grid .catalog-cover-actions button.is-favorite.is-active{border-color:var(--danger);background:var(--danger)}.catalog-course-grid.view-grid .catalog-card-content{padding:20px 22px 0}.catalog-course-grid .catalog-card-head{min-height:18px}.catalog-course-grid .catalog-card-head .course-meta{gap:7px;flex-wrap:wrap;font-size:9px;color:var(--primary-dark)}.catalog-course-grid .catalog-meta-chip{min-width:0;min-height:29px;padding:6px 9px;border-radius:999px;background:var(--primary-soft);display:inline-flex;align-items:center;gap:5px;color:var(--primary-dark);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-course-grid .catalog-meta-chip .icon{width:13px;height:13px}.catalog-course-grid .catalog-meta-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-course-grid .catalog-meta-divider{width:1px;height:20px;background:var(--border-strong)}.catalog-course-grid.view-grid .catalog-card-content .course-title{margin:13px 0 8px;font-size:18px!important;font-weight:800;line-height:1.25;letter-spacing:-.02em}.catalog-course-grid.view-grid .catalog-card-action{padding:17px 22px 20px;border-top:1px solid var(--border);align-items:center}.catalog-course-grid.view-grid .catalog-duration-copy>span{font-size:9px}.catalog-course-grid.view-grid .catalog-duration strong{font-size:14px}.catalog-course-grid .catalog-card-action .ui-button-secondary{border-color:var(--primary-dark);border-radius:9px;color:var(--primary-dark);background:#fff}.catalog-course-grid .catalog-card-action .ui-button-secondary:hover{background:var(--primary-soft)}.catalog-course-grid .catalog-card-action .ui-button-secondary .icon{width:13px;height:13px}.catalog-course-grid.view-grid .catalog-card-action .ui-button-secondary{min-height:40px;padding:9px 15px}.catalog-course-grid.view-list{grid-template-columns:1fr;gap:14px}.catalog-course-grid.view-list .catalog-course-card{min-height:162px;display:grid;grid-template-columns:220px minmax(0,1fr) 155px;align-items:stretch}.catalog-course-grid.view-list .catalog-card-cover{height:100%;min-height:160px}.catalog-course-grid.view-list .catalog-card-content{padding:20px 22px}.catalog-course-grid.view-list .catalog-card-content .course-title{margin-top:11px;font-size:17px!important}.catalog-course-grid.view-list .catalog-card-content .course-desc{max-width:720px;min-height:0;font-size:11px;line-height:1.7}.catalog-course-grid.view-list .catalog-card-action{padding:20px;border-left:1px solid var(--border);background:var(--surface-2);flex-direction:column;align-items:stretch;justify-content:center;gap:18px}.catalog-course-grid.view-list .catalog-duration{gap:8px}.catalog-course-grid.view-list .catalog-duration-copy>span{font-size:10px}.catalog-course-grid.view-list .catalog-duration strong{font-size:17px}.catalog-course-grid.view-list .catalog-card-action .ui-button{width:100%;justify-content:center}.catalog-course-grid.view-list .catalog-card-action .ui-button-secondary{min-height:44px;padding:11px 16px;font-size:11px}@media(max-width:1250px){.catalog-course-grid.view-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-course-grid.view-list .catalog-course-card{grid-template-columns:190px minmax(0,1fr) 140px}}@media(max-width:900px){.catalog-course-grid.view-list .catalog-course-card{grid-template-columns:170px minmax(0,1fr)}.catalog-course-grid.view-list .catalog-card-action{grid-column:2;padding:0 20px 18px;border-left:0;background:#fff;flex-direction:row;align-items:flex-end;justify-content:space-between}.catalog-course-grid.view-list .catalog-card-action .ui-button-secondary{min-height:38px;padding:9px 13px;font-size:10px}.catalog-course-grid.view-list .catalog-card-action .ui-button{width:auto}.catalog-course-grid.view-list .catalog-card-cover{grid-row:1/3}}@media(max-width:767px){.catalog-toolbar-actions{width:100%}.catalog-toolbar-actions .catalog-sort{flex:1}.catalog-course-grid.view-grid{grid-template-columns:1fr}.catalog-course-grid.view-grid .catalog-card-head .course-meta{flex-wrap:wrap}.catalog-course-grid .catalog-meta-chip{overflow:visible;text-overflow:clip}.catalog-course-grid.view-list .catalog-course-card{grid-template-columns:1fr}.catalog-course-grid.view-list .catalog-card-cover{height:165px;min-height:165px;grid-row:auto}.catalog-course-grid.view-list .catalog-card-content{padding:18px 18px 14px}.catalog-course-grid.view-list .catalog-card-action{grid-column:auto;padding:0 18px 18px}}@media(max-width:420px){.catalog-card-action,.catalog-course-grid.view-list .catalog-card-action{align-items:stretch;flex-direction:column;gap:12px}.catalog-card-action .ui-button{width:100%;justify-content:center}}.course-material-panel{padding:0;overflow:hidden}.course-material-header{padding:24px 24px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.course-material-header .eyebrow{margin-bottom:7px}.course-material-header h2{margin:0;font-size:19px;letter-spacing:-.025em}.course-material-header p{max-width:620px;margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.65}.material-level{padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--ink-2);font-size:9px;font-weight:700;text-transform:capitalize;white-space:nowrap}.level-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid transparent;border-radius:999px;font-size:9px;font-weight:700;white-space:nowrap}.level-badge .icon{width:12px;height:12px}.level-beginner{background:var(--primary-soft);border-color:#388e3c2e;color:var(--primary-dark)}.level-intermediate{background:var(--secondary-soft);border-color:#ffb74d59;color:#8a5a12}.level-advanced{background:var(--danger-soft);border-color:#d95c6647;color:var(--danger)}.material-summary{padding:0 24px 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.material-summary>div{min-width:0;padding:13px;border:1px solid var(--border);border-radius:var(--ui-radius-sm);background:var(--surface-2);display:flex;align-items:center;gap:11px}.material-summary-icon{width:34px;height:34px;border-radius:10px;background:var(--primary-soft);color:var(--primary-dark);display:grid;place-items:center;flex:0 0 auto}.material-summary-icon .icon{width:17px;height:17px}.material-summary strong,.material-summary small{display:block}.material-summary strong{font-size:13px;line-height:1.25}.material-summary small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.35}.material-accordion{padding:0 24px 24px;gap:10px}.material-accordion article{border-radius:var(--ui-radius-sm)}.material-accordion article>button{min-height:78px;padding:14px 16px;display:grid;grid-template-columns:38px minmax(0,1fr) 32px;align-items:center;gap:13px;background:#fbfcfa}.material-accordion article>button:hover{background:var(--primary-soft)}.material-accordion article.open>button{border-bottom:1px solid var(--border);background:var(--primary-soft)}.module-number{width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:#fff;display:grid;place-items:center;color:var(--primary-dark);font-size:10px;font-weight:700}.module-heading-copy{min-width:0;display:block}.module-heading-copy .module-kicker{margin-bottom:3px;display:block;color:var(--primary-dark);font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.module-heading-copy>strong{font-size:11px!important;line-height:1.45}.module-description{max-width:680px;margin-top:4px;display:block;color:var(--muted);font-size:9px;line-height:1.5}.module-heading-copy>small{margin-top:6px!important;display:flex!important;align-items:center;gap:6px;color:var(--muted)!important;font-size:8px!important}.module-toggle{width:30px;height:30px;border:1px solid var(--border);border-radius:8px;background:#fff;display:grid;place-items:center;color:var(--muted)}.material-accordion article>button .module-toggle .icon{transition:transform .17s ease}.material-accordion article.open>button .module-toggle .icon{transform:rotate(180deg)}.material-lessons{padding:5px 16px 7px;background:#fff}.material-lessons .material-lesson-row{min-height:58px;padding:10px 0;border-bottom:1px solid #edf1ec;display:grid;grid-template-columns:24px 32px minmax(0,1fr) auto;align-items:center;gap:10px}.material-lessons .material-lesson-row:last-child{border-bottom:0}.lesson-sequence{color:var(--muted-2);font-size:8px;font-weight:700;text-align:center}.material-lessons .lesson-icon{width:32px;height:32px;border-radius:9px}.material-lesson-copy{min-width:0}.material-lesson-copy strong{font-size:10px;line-height:1.45}.material-lesson-copy small{margin-top:4px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:8px}.preview-label{padding:3px 6px;border-radius:999px;background:var(--primary-soft);display:inline-flex;align-items:center;gap:4px;color:var(--primary-dark);font-weight:700}.preview-label .icon{width:11px;height:11px}.lesson-duration{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px;white-space:nowrap}.lesson-duration .icon{width:13px;height:13px}.material-lessons-empty{padding:22px;color:var(--muted);font-size:10px;text-align:center}@media(max-width:767px){.course-material-header{padding:20px 18px 17px}.material-summary{padding:0 18px 18px;grid-template-columns:1fr}.material-summary>div{padding:11px 13px}.material-accordion{padding:0 18px 18px}.material-accordion article>button{grid-template-columns:34px minmax(0,1fr) 30px;padding:13px 12px;gap:10px}.module-number{width:34px;height:34px}.material-lessons{padding-inline:12px}}@media(max-width:480px){.course-material-header{flex-direction:column;gap:12px}.material-accordion article>button{grid-template-columns:34px minmax(0,1fr)}.module-toggle{grid-column:2;grid-row:1/3;justify-self:end}.module-heading-copy{padding-right:36px}.material-lessons .material-lesson-row{grid-template-columns:24px 30px minmax(0,1fr)}.lesson-duration{grid-column:3;margin-top:-4px}}.lesson-page-header{margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.lesson-page-header .back-link{margin-bottom:17px;color:var(--primary-dark)}.lesson-heading-kicker{margin-bottom:6px;color:var(--muted);font-size:10px;font-weight:700}.lesson-page-header .page-title{font-size:clamp(29px,3vw,38px)}.lesson-heading-meta{margin-top:12px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:10px}.lesson-heading-meta span{display:inline-flex;align-items:center;gap:6px}.lesson-heading-meta .icon{width:14px;height:14px;color:var(--primary-dark)}.lesson-status{padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:#fff;display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;font-weight:700;white-space:nowrap}.lesson-status.completed{border-color:#c9e5cc;background:var(--primary-soft);color:var(--primary-dark)}.lesson-status .icon{width:14px;height:14px}.lesson-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.lesson-workspace.lesson-workspace--theater{grid-template-columns:minmax(0,1fr)}.lesson-workspace--theater .lesson-sidebar-reference{grid-column:1/-1;padding:20px 0 0;border-top:1px solid var(--border);border-left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.lesson-workspace--theater .lesson-side-section{padding:0}.lesson-workspace--theater .lesson-side-section+.lesson-side-section{padding-top:0;border-top:0}.lesson-workspace--theater .lesson-video-embed{aspect-ratio:16/9;max-height:min(72vh,820px)}.lesson-main-column{min-width:0;display:grid;gap:14px}.lesson-content-reference{border-radius:var(--ui-radius-md);overflow:hidden}.lesson-content-reference .lesson-media{position:relative;min-height:310px;padding:24px;overflow:hidden;background:#1d4b2e;display:block}.lesson-video-embed{--video-accent:var(--primary);position:relative;width:100%;aspect-ratio:16/9;background:#000}.lesson-video-embed.is-fullscreen{aspect-ratio:auto;height:100%}.video-player-frame{position:relative;width:100%;height:100%}.video-player-mount{position:absolute;inset:0;width:100%;height:100%}.video-player-frame iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0;pointer-events:none!important}.video-click-catcher{position:absolute;inset:0;z-index:4;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.video-center-toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#fffffff0;color:var(--primary-dark);display:grid;place-items:center;box-shadow:0 8px 24px #00000047;transition:transform .15s}.video-click-catcher:hover .video-center-toggle{transform:translate(-50%,-50%) scale(1.06)}.video-center-toggle .icon{width:26px;height:26px}.video-watermark-cover{position:absolute;z-index:3;right:0;bottom:0;width:190px;height:52px;background:linear-gradient(115deg,transparent 0%,rgba(0,0,0,.001) 8%,#0c1a12 22%);pointer-events:none}.lesson-video-embed.is-fullscreen .video-watermark-cover{width:230px;height:64px}.video-overlay-controls{position:absolute;z-index:5;left:0;right:0;bottom:0;padding:10px 14px 12px;background:linear-gradient(0deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.4) 55%,transparent 100%);opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s;pointer-events:none}.video-player-frame:hover .video-overlay-controls,.video-player-frame:focus-within .video-overlay-controls,.lesson-video-embed:not(.is-playing) .video-overlay-controls{opacity:1;transform:translateY(0);pointer-events:auto}.lesson-video-embed.is-fullscreen .video-overlay-controls{padding:14px 22px 18px}.video-progress-track{position:relative;height:4px;margin-bottom:10px;border-radius:999px;background:#ffffff47;cursor:pointer}.video-progress-buffered{position:absolute;inset:0;border-radius:999px;background:#ffffff38}.video-progress-played{position:absolute;top:0;left:0;bottom:0;border-radius:999px;background:var(--primary)}.video-progress-handle{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;background:var(--primary);transform:translate(-50%,-50%);box-shadow:0 0 0 3px #66bb6a47}.video-controls-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.video-controls-left,.video-controls-right{display:flex;align-items:center;gap:4px}.video-icon-btn{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:#fff;background:transparent}.video-icon-btn:hover{background:#ffffff24}.video-icon-btn.is-active{color:var(--video-accent,var(--primary))}.video-time{margin-left:6px;color:#e7f0e8;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.video-volume-control{display:flex;align-items:center}.video-volume-inline{width:0;height:3px;margin-left:0;border-radius:999px;background:transparent;opacity:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:width .16s ease,opacity .16s ease,margin-left .16s ease}.video-volume-control.is-expanded .video-volume-inline{width:64px;margin-left:6px;opacity:1}.video-volume-inline::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(to right,var(--primary) 0%,var(--primary) var(--vol,100%),rgba(255,255,255,.32) var(--vol,100%),rgba(255,255,255,.32) 100%)}.video-volume-inline::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;margin-top:-4px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #66bb6a4d}.video-volume-inline::-moz-range-track{height:3px;border-radius:999px;background:#ffffff52}.video-volume-inline::-moz-range-progress{height:3px;border-radius:999px;background:var(--primary)}.video-volume-inline::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #66bb6a4d}.video-speed-btn{width:auto;min-width:34px;padding:0 6px;font-size:10px;font-weight:700}.video-popover-control{position:relative}.video-popover-menu{position:absolute;z-index:5;bottom:calc(100% + 10px);right:0;width:132px;max-height:260px;overflow-y:auto;padding:6px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#16181d;box-shadow:0 12px 32px #0000006b;display:grid;gap:3px}.video-popover-menu button{padding:9px 11px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#c9cad0;font-size:11px;font-weight:600;text-align:left;transition:background-color .12s ease,color .12s ease}.video-popover-menu button:hover{background:#ffffff12;color:#fff}.video-popover-menu button.is-active{color:#fff}.video-popover-menu button.is-active:hover{background:#ffffff12}.video-popover-menu button.is-active:after{content:"";width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--video-accent,var(--primary))}.video-tooltip{position:relative}.video-tooltip:after{content:attr(data-tooltip-text);position:absolute;z-index:6;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);padding:5px 8px;border-radius:6px;background:#142019f0;color:#fff;font-size:9px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease}.video-tooltip:hover:after,.video-tooltip:focus-visible:after{opacity:1}.video-controls-right .video-tooltip:last-child:after{left:auto;right:0;transform:none}@media(max-width:640px){.video-volume-control.is-expanded .video-volume-inline{width:44px}.video-time{display:none}.video-tooltip:after{display:none}}.lesson-media-video{background:#174829!important}.lesson-media-pdf,.lesson-media-document{background:#314f3a!important}.lesson-media-link{background:#365744!important}.lesson-media-text{background:#294d35!important}.lesson-media-shape{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%}.lesson-media-shape.one{width:330px;height:330px;right:-95px;top:-170px;border-width:58px}.lesson-media-shape.two{width:170px;height:170px;left:-80px;bottom:-90px;border-width:32px}.lesson-media-topline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#cce3d1;font-size:9px;font-weight:700}.lesson-media-topline span{display:inline-flex;align-items:center;gap:5px}.lesson-media-topline .icon{width:13px;height:13px}.lesson-media-center{position:absolute;z-index:2;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;color:#fff}.lesson-media-icon{width:68px;height:68px;margin-bottom:14px;border-radius:19px;background:#fffffff0;display:grid;place-items:center;color:var(--primary-dark)}.lesson-media-icon .icon{width:27px;height:27px}.lesson-media-center strong{font-size:15px}.lesson-media-tags{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:280px}.lesson-media-tags span{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:#ffffff24;color:#e2f0e4;font-size:9px;font-weight:600;white-space:nowrap}.lesson-media-tags .icon{width:12px;height:12px}.lesson-body-reference{padding:24px}.lesson-body-heading{padding-bottom:18px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.lesson-body-heading .eyebrow{margin-bottom:6px}.lesson-body-heading h2{margin:0;font-size:19px;letter-spacing:-.025em}.lesson-copy-reference{padding:20px 0 0;font-size:12px;line-height:1.85}.lesson-copy-reference p,.lesson-copy-reference div{margin:0}.lesson-resources{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.lesson-resource-heading h3{margin:0;font-size:13px}.lesson-resource-heading p{margin:5px 0 0;color:var(--muted);font-size:9px}.lesson-resource-actions{margin-top:12px;display:grid;gap:8px}.lesson-resource-link{min-height:58px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--ui-radius-sm);display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:11px;color:var(--ink)}.lesson-resource-link:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--ink)}.lesson-resource-icon{width:34px;height:34px;border-radius:9px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary-dark)}.lesson-resource-icon .icon{width:16px;height:16px}.lesson-resource-link strong,.lesson-resource-link small{display:block}.lesson-resource-link strong{font-size:10px}.lesson-resource-link small{margin-top:3px;color:var(--muted);font-size:8px}.lesson-resource-link>.icon{width:15px;height:15px;color:var(--muted)}.lesson-return-bar{padding:15px 17px;border:1px solid var(--border);border-radius:var(--ui-radius-sm);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px}.lesson-return-bar strong,.lesson-return-bar span{display:block}.lesson-return-bar strong{font-size:11px}.lesson-return-bar span{margin-top:4px;color:var(--muted);font-size:9px}.lesson-return-bar .ui-button{white-space:nowrap}.lesson-sidebar-reference{display:grid;gap:14px}.lesson-completion-card{padding:20px;border-top:3px solid var(--primary)}.lesson-completion-card.completed{border-top-color:var(--primary-dark)}.lesson-completion-icon{width:44px;height:44px;margin-bottom:15px;border-radius:12px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary-dark)}.lesson-completion-icon .icon{width:20px;height:20px}.lesson-action-kicker{color:var(--primary-dark);font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lesson-completion-card h2{margin:6px 0 7px;font-size:17px}.lesson-completion-card p{margin-bottom:17px;font-size:10px;line-height:1.65}.lesson-completion-card .ui-button .icon{width:15px;height:15px}.lesson-context-card{padding:18px}.lesson-context-heading{display:flex;align-items:center;gap:11px}.lesson-context-heading .kpi-icon{width:36px;height:36px;border-radius:10px}.lesson-context-heading span:not(.kpi-icon){display:block;color:var(--muted);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.lesson-context-heading h2{margin:3px 0 0;font-size:12px;line-height:1.4}.lesson-context-card>p{margin:14px 0 0;padding-bottom:14px;border-bottom:1px solid var(--border);color:var(--muted);font-size:9px;line-height:1.6}.lesson-context-card dl{margin:12px 0 0}.lesson-context-card dl>div{padding:9px 0;border-bottom:1px solid #edf1ec;display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;font-size:9px}.lesson-context-card dl>div:last-child{padding-bottom:0;border-bottom:0}.lesson-context-card dt{color:var(--muted)}.lesson-context-card dd{margin:0;color:var(--ink);font-weight:700;text-align:right;line-height:1.45}@media(max-width:1023px){.lesson-workspace{grid-template-columns:minmax(0,1fr) 260px}}@media(max-width:820px){.lesson-workspace{grid-template-columns:1fr}.lesson-sidebar-reference{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.lesson-page-header{flex-direction:column;gap:14px}.lesson-page-header .page-title{font-size:29px}.lesson-heading-meta{align-items:flex-start;flex-direction:column;gap:7px}.lesson-content-reference .lesson-media{min-height:250px;padding:18px}.lesson-body-reference{padding:20px 18px}.lesson-body-heading{flex-direction:column;gap:12px}.lesson-return-bar{align-items:stretch;flex-direction:column}.lesson-return-bar .ui-button{width:100%}.lesson-sidebar-reference,.lesson-workspace--theater .lesson-sidebar-reference{grid-template-columns:1fr}}:root{--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--ui-shadow-sm:none;--ui-shadow-md:none}.card,main .bg-white,main .shadow,main .shadow-sm,.ui-button,main button[type=submit],main a.inline-flex,.icon-button,.mobile-toggle,.brand-mark,.profile-trigger,.ui-dropdown-panel,.ui-modal-panel,.ui-alert,.workspace-topbar,.learner-topbar,.mobile-learner-nav,.learning-hero,.learning-hero-visual span,.hero-actions a,.continue-card,.course-card,.detail-hero-reference,.enrollment-card,.learn-shell,.learning-video,.learning-video button,.enrollment-cover>button,.assessment-list>article,.quiz-timer,.quiz-options label,.certificate-card,.certificate-sheet,.auth-card,nav[role=navigation] *{box-shadow:none!important}.ui-button-primary,.ui-button-primary:hover:not(:disabled),main .bg-indigo-600,main .bg-gray-800{box-shadow:none!important}.ui-input:focus,main input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,main select:focus,main textarea:focus{box-shadow:none!important;outline:2px solid var(--primary);outline-offset:1px}.quiz-options label:has(input:checked){box-shadow:none!important}.learning-hero:before,.landing-hero:after{box-shadow:none!important}.recommended-course-list{border-top:1px solid var(--border);display:grid}.recommended-course-item{min-width:0;padding:16px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:180px minmax(0,1fr) 130px;align-items:center;gap:20px}.recommended-course-cover{height:108px;overflow:hidden;border-radius:5px;background:#e8eee8;display:flex;align-items:flex-end}.recommended-course-cover>span{width:100%;padding:14px;color:var(--ink-2);font-size:10px;font-weight:700;line-height:1.35}.recommended-course-cover.has-image>span{display:none}.recommended-course-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.recommended-course-copy{min-width:0}.recommended-course-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:9px}.recommended-course-meta span+span:before{content:"/";margin-right:7px;color:var(--border-strong)}.recommended-course-copy h3{margin:7px 0 6px;font-size:15px;line-height:1.4}.recommended-course-copy p{max-width:720px;margin:0;color:var(--muted);font-size:10px;line-height:1.65}.recommended-course-action{padding-left:18px;border-left:1px solid var(--border);display:grid;gap:13px}.recommended-course-action>span{color:var(--muted);font-size:8px}.recommended-course-action strong{margin-top:4px;display:block;color:var(--ink);font-size:14px}.recommended-course-action .ui-button{width:100%;min-height:36px;padding:8px 10px;font-size:10px}.recommended-course-item:hover{background:#fafcf9}.lesson-sidebar-reference{padding-left:22px;border-left:1px solid var(--border);display:block}.lesson-side-section{padding:4px 0 22px}.lesson-side-section+.lesson-side-section{padding-top:22px;border-top:1px solid var(--border)}.lesson-completion-card{border:0}.lesson-side-label{margin-bottom:14px;display:flex;align-items:center;gap:7px;color:var(--primary-dark)}.lesson-side-label .icon{width:16px;height:16px}.lesson-side-label span{font-size:10px;font-weight:700}.lesson-completion-card h2{margin:0 0 8px;font-size:18px}.lesson-completion-card p{margin:0 0 17px;font-size:10px;line-height:1.7}.lesson-context-heading{align-items:flex-start}.lesson-context-heading>.icon{width:17px;height:17px;margin-top:1px;color:var(--primary-dark)}.lesson-context-heading span:not(.kpi-icon){font-size:9px;letter-spacing:0;text-transform:none}.lesson-context-heading h2{margin-top:5px;font-size:13px}.lesson-context-card{padding-inline:0}.lesson-context-card>p{margin-top:13px}@media(max-width:900px){.recommended-course-item{grid-template-columns:150px minmax(0,1fr) 120px;gap:16px}}@media(max-width:820px){.lesson-sidebar-reference{padding:20px 0 0;border-left:0;border-top:1px solid var(--border)}.lesson-side-section{padding-inline:0}}@media(max-width:700px){.recommended-course-item{grid-template-columns:120px minmax(0,1fr)}.recommended-course-cover{height:96px}.recommended-course-action{grid-column:2;padding:0;border-left:0;display:flex;align-items:flex-end;justify-content:space-between}.recommended-course-action .ui-button{width:auto}}@media(max-width:480px){.recommended-course-item{grid-template-columns:1fr;gap:12px}.recommended-course-cover{height:150px}.recommended-course-action{grid-column:auto;align-items:stretch;flex-direction:column}.recommended-course-action .ui-button{width:100%}}.ui-popover-control{position:relative;width:100%;min-width:0}.ui-native-control{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}.ui-popover-trigger{width:100%;min-height:var(--ui-control-height);padding:9px 12px;border:1px solid var(--border);border-radius:var(--ui-radius-sm);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);font-family:inherit;font-size:12px;text-align:left}.ui-popover-trigger:hover{border-color:var(--border-strong);background:#fff}.ui-popover-trigger:focus-visible,.ui-popover-control.is-open>.ui-popover-trigger{border-color:var(--primary-dark);outline:2px solid rgba(102,187,106,.22);outline-offset:1px}.ui-popover-trigger:disabled{cursor:not-allowed;background:var(--surface-2);color:var(--muted-2)}.ui-popover-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-chevron{width:7px;height:7px;margin:-4px 2px 0 0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);color:var(--muted);flex:0 0 auto}.ui-popover-control.is-open .ui-select-chevron{margin-top:3px;transform:rotate(225deg)}.ui-control-popover{position:absolute;z-index:90;top:calc(100% + 6px);left:0;width:-moz-max-content;width:max-content;min-width:100%;max-width:min(360px,calc(100vw - 32px));padding:5px;border:1px solid var(--border-strong);border-radius:var(--ui-radius-sm);background:#fff;display:none;box-shadow:none}.ui-popover-control.is-open>.ui-control-popover{display:block}.ui-select-popover{max-height:260px;overflow-y:auto}.ui-select-option{width:100%;min-height:36px;padding:8px 10px;border:1px solid transparent;border-radius:6px;background:#fff;display:flex;align-items:center;color:var(--ink-2);font-family:inherit;font-size:11px;text-align:left;white-space:nowrap}.ui-select-option:hover,.ui-select-option:focus-visible{border-color:var(--border);background:var(--surface-2);color:var(--ink);outline:none}.ui-select-option.is-selected,.ui-select-option.is-selected:hover{border-color:#c9e5cc;background:var(--primary-soft);color:var(--primary-dark);font-weight:700}.ui-select-option.is-selected:after{content:"✓";margin-left:auto;padding-left:14px}.ui-select-option:disabled{cursor:not-allowed;color:var(--muted-2);background:#fff}.ui-calendar-glyph{position:relative;width:15px;height:14px;border:1.5px solid var(--muted);border-radius:3px;flex:0 0 auto}.ui-calendar-glyph:before{content:"";position:absolute;left:-1.5px;right:-1.5px;top:3px;border-top:1.5px solid var(--muted)}.ui-date-popover{right:0;left:auto;width:294px;padding:12px}.ui-date-header{height:34px;display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:4px}.ui-date-header strong{font-size:12px;text-align:center;text-transform:capitalize}.ui-date-nav{width:30px;height:30px;border:1px solid transparent;border-radius:6px;background:#fff;display:grid;place-items:center;color:var(--ink);font-size:20px;line-height:1}.ui-date-nav:hover{border-color:var(--border);background:var(--surface-2)}.ui-date-weekdays,.ui-date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.ui-date-weekdays{margin:8px 0 4px}.ui-date-weekdays span{padding:5px 0;color:var(--muted);font-size:9px;font-weight:700;text-align:center}.ui-date-grid>span,.ui-date-grid button{aspect-ratio:1;border:1px solid transparent;border-radius:6px;display:grid;place-items:center;font-family:inherit;font-size:10px}.ui-date-grid button{background:#fff;color:var(--ink)}.ui-date-grid button:hover,.ui-date-grid button:focus-visible{border-color:var(--border);background:var(--surface-2);outline:none}.ui-date-grid button.is-today{border-color:var(--primary);color:var(--primary-dark);font-weight:700}.ui-date-grid button.is-selected,.ui-date-grid button.is-selected:hover{border-color:var(--primary-dark);background:var(--primary-dark);color:#fff;font-weight:700}.ui-date-grid button:disabled{color:var(--muted-2);background:#fff;cursor:not-allowed}.ui-date-footer{margin-top:9px;padding-top:9px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.ui-date-footer button{padding:6px;border-radius:5px;color:var(--primary-dark);font-family:inherit;font-size:10px;font-weight:700}.ui-date-footer button:hover{background:var(--primary-soft)}.ui-date-footer button:disabled{color:var(--muted-2);background:transparent;cursor:not-allowed}.filter-bar .ui-select-control{width:auto;min-width:160px}.catalog-toolbar-actions .ui-select-control{width:auto;min-width:170px}.nav-item:not(.active):hover{border-color:#ffffff12;background:#ffffff0e;color:#fff}.nav-item.active,.nav-item.active:hover,.nav-item.active:focus-visible{border-color:#66bb6a38;background:#66bb6a29;color:#e9f8eb}.learner-nav a:not(.active):hover{border-color:var(--border);background:var(--primary-soft);color:var(--primary-dark)}.learner-nav a.active,.learner-nav a.active:hover,.learner-nav a.active:focus-visible{border-color:#66bb6a38;background:var(--primary-soft);color:var(--primary-dark)}.mobile-learner-nav a:not(.active):hover{background:#ffffff0f;color:#d9e6dc}.mobile-learner-nav a.active,.mobile-learner-nav a.active:hover{background:#66bb6a2e;color:#dff6e2}@media(max-width:640px){.ui-control-popover{max-width:calc(100vw - 32px)}.ui-date-popover{right:auto;left:0;width:min(294px,calc(100vw - 32px))}.filter-bar .ui-select-control,.catalog-toolbar-actions .ui-select-control{width:100%;min-width:0}}.sidebar-nav .nav-label+.nav-item{margin-top:8px}.sidebar-nav .nav-item+.nav-item{margin-top:6px}.nav-item:not(.active):hover{background:#ffffff0b;color:#fff}.nav-item.active,.nav-item.active:hover,.nav-item.active:focus-visible{background:#66bb6a2e;border-color:#66bb6a4d}.learner-nav{gap:7px}.mobile-learner-nav{gap:5px}.ui-control-popover{padding:7px}.ui-popover-control.is-open>.ui-select-popover{display:grid;gap:4px}.ui-select-option{min-height:38px;padding-inline:11px}.ui-select-option:hover,.ui-select-option:focus-visible{background:#f4f7f3}.ui-select-option.is-selected,.ui-select-option.is-selected:hover,.ui-select-option.is-selected:focus-visible{border-color:#b8dcbc;background:#eaf6eb;color:var(--primary-dark)}.ui-date-popover{padding:14px}.ui-date-weekdays,.ui-date-grid{gap:4px}.ui-date-grid button{min-width:29px}@media(max-width:640px){.sidebar-nav .nav-item+.nav-item{margin-top:7px}.ui-select-option{min-height:41px}}.ui-date-popover{width:258px;padding:10px}.ui-date-header{height:30px;grid-template-columns:28px 1fr 28px}.ui-date-nav{width:27px;height:27px;font-size:18px}.ui-date-title{min-width:0;display:flex;align-items:center;justify-content:center;gap:4px}.ui-date-title select{min-width:0;padding:5px 4px;border:1px solid transparent;border-radius:5px;background:#fff;color:var(--ink);font-family:inherit;font-size:10px;font-weight:700;text-transform:capitalize;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.ui-date-title select.ui-date-year-select{text-transform:none;font-variant-numeric:tabular-nums}.ui-date-title select:hover,.ui-date-title select:focus-visible{border-color:var(--border);background:var(--surface-2);color:var(--primary-dark);outline:none}.ui-date-title .ui-popover-control{width:auto;min-width:0}.ui-date-title .ui-popover-trigger{width:auto;min-height:0;padding:5px 8px;border-color:var(--border);border-radius:7px;background:#fff;gap:5px;color:var(--ink);font-size:10.5px;font-weight:700;letter-spacing:.01em;text-transform:capitalize;transition:border-color var(--ui-transition),background-color var(--ui-transition),color var(--ui-transition)}.ui-date-title .ui-popover-trigger:hover{border-color:var(--border-strong);background:var(--surface-2)}.ui-date-title .ui-popover-control.is-open>.ui-popover-trigger,.ui-date-title .ui-popover-trigger:focus-visible{border-color:var(--primary-dark);background:var(--primary-soft);color:var(--primary-dark);outline:none}.ui-date-title .ui-select-control:has(.ui-date-year-select) .ui-popover-trigger{text-transform:none;font-variant-numeric:tabular-nums}.ui-date-title .ui-select-chevron{width:7px;height:7px;margin-top:-3px;border-width:2px;color:currentColor;opacity:.7}.ui-date-title .ui-popover-trigger:hover .ui-select-chevron,.ui-date-title .ui-popover-control.is-open>.ui-popover-trigger .ui-select-chevron{opacity:1}.ui-date-title .ui-control-popover{min-width:90px;max-width:130px}.ui-date-title .ui-select-popover{max-height:200px}.ui-date-weekdays{margin:5px 0 2px}.ui-date-weekdays span{padding:3px 0;font-size:8px}.ui-date-weekdays,.ui-date-grid{gap:2px}.ui-date-grid button{min-width:0;font-size:9px}.ui-date-footer{margin-top:6px;padding-top:7px}@media(max-width:640px){.ui-date-popover{width:min(258px,calc(100vw - 32px))}}@media(max-width:639px){nav[role=navigation]{margin-top:22px!important;padding:16px 0 2px!important;overflow:visible}nav[role=navigation]>div:first-child{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px!important}nav[role=navigation]>div:first-child>a,nav[role=navigation]>div:first-child>span{width:100%;min-width:0;min-height:44px;margin:0!important;padding:10px 14px!important;border:1px solid var(--border)!important;border-radius:var(--ui-radius-sm)!important;background:#fff!important;display:flex!important;align-items:center;justify-content:center;color:var(--ink-2)!important;font-size:11px!important;font-weight:700;line-height:1.2;text-align:center}nav[role=navigation]>div:first-child>a:hover{border-color:var(--primary)!important;background:var(--primary-soft)!important;color:var(--primary-dark)!important}nav[role=navigation]>div:first-child>a:focus-visible{border-color:var(--primary-dark)!important;outline:2px solid rgba(102,187,106,.22);outline-offset:2px}nav[role=navigation]>div:first-child>span{border-color:#e4e9e3!important;background:var(--surface-2)!important;color:var(--muted-2)!important;cursor:not-allowed}}@media(max-width:360px){nav[role=navigation]>div:first-child{gap:8px!important}nav[role=navigation]>div:first-child>a,nav[role=navigation]>div:first-child>span{padding-inline:9px!important;font-size:10px!important}}.sidebar-mode-toggle{display:none}@media(min-width:1024px){.app-sidebar{transition:width .18s ease,padding .18s ease}.workspace-main{transition:margin-left .18s ease}.sidebar-mode-toggle{position:absolute;z-index:46;right:-18px;top:68px;min-width:36px;height:36px;padding:0 10px;border:1px solid var(--primary);border-radius:18px;background:var(--primary-dark);display:flex;align-items:center;justify-content:center;gap:5px;color:#fff;box-shadow:var(--shadow-sm);transition:width .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.sidebar-mode-toggle:hover,.sidebar-mode-toggle:focus-visible{border-color:var(--primary);background:var(--primary);color:#fff;outline:none}.sidebar-mode-toggle .icon{width:15px;height:15px;transform:rotate(180deg);transition:transform .18s ease}.sidebar-mode-label{display:none;white-space:nowrap;font-size:9px;font-weight:700}.app-sidebar.is-collapsed{width:78px;padding-inline:12px}.workspace-main.sidebar-collapsed-main{margin-left:78px}.app-sidebar.is-collapsed .sidebar-mode-toggle{right:-18px;border-color:var(--primary);background:var(--primary-dark);color:#fff}.app-sidebar.is-collapsed .sidebar-mode-toggle:hover,.app-sidebar.is-collapsed .sidebar-mode-toggle:focus-visible{background:var(--primary);color:#fff}.app-sidebar.is-collapsed .sidebar-mode-toggle .icon{transform:none}.sidebar-mode-toggle:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#173d25;color:#fff;font-size:10px;font-weight:700;line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-4px,-50%);box-shadow:var(--shadow-md);transition:opacity .16s ease,transform .16s ease}.sidebar-mode-toggle:hover:after,.sidebar-mode-toggle:focus-visible:after{opacity:1;transform:translateY(-50%)}.app-sidebar.is-collapsed .sidebar-brand{height:44px;padding:0 0 20px;justify-content:center}.app-sidebar.is-collapsed .sidebar-brand>div,.app-sidebar.is-collapsed .nav-label,.app-sidebar.is-collapsed .nav-item>span,.app-sidebar.is-collapsed .sidebar-support{display:none}.app-sidebar.is-collapsed .nav-group{margin:18px 0}.app-sidebar.is-collapsed .nav-group:first-child{margin-top:14px}.app-sidebar.is-collapsed .sidebar-nav .nav-label+.nav-item{margin-top:0}.app-sidebar.is-collapsed .nav-item{position:relative;width:46px;min-height:44px;margin-inline:auto;padding:10px;justify-content:center}.app-sidebar.is-collapsed .nav-item+.nav-item{margin-top:7px}.app-sidebar.is-collapsed .nav-item.active:before{left:-16px}.app-sidebar.is-collapsed .nav-item:after{content:attr(data-label);position:absolute;z-index:100;left:calc(100% + 13px);top:50%;padding:7px 9px;border:1px solid var(--border-strong);border-radius:6px;background:#fff;color:var(--ink);font-size:10px;font-weight:700;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-50%)}.app-sidebar.is-collapsed .nav-item:hover:after,.app-sidebar.is-collapsed .nav-item:focus-visible:after{opacity:1}html.sidebar-collapsed .app-sidebar{width:78px;padding-inline:12px}html.sidebar-collapsed .workspace-main{margin-left:78px}html.sidebar-collapsed .app-sidebar .sidebar-mode-toggle{right:-18px;border-color:var(--primary);background:var(--primary-dark);color:#fff}html.sidebar-collapsed .app-sidebar .sidebar-mode-toggle .icon{transform:none}html.sidebar-collapsed .app-sidebar .sidebar-brand{height:44px;padding:0 0 20px;justify-content:center}html.sidebar-collapsed .app-sidebar .sidebar-brand>div,html.sidebar-collapsed .app-sidebar .nav-label,html.sidebar-collapsed .app-sidebar .nav-item>span,html.sidebar-collapsed .app-sidebar .sidebar-support{display:none}html.sidebar-collapsed .app-sidebar .nav-group{margin:18px 0}html.sidebar-collapsed .app-sidebar .nav-group:first-child{margin-top:14px}html.sidebar-collapsed .app-sidebar .sidebar-nav .nav-label+.nav-item{margin-top:0}html.sidebar-collapsed .app-sidebar .nav-item{position:relative;width:46px;min-height:44px;margin-inline:auto;padding:10px;justify-content:center}html.sidebar-collapsed .app-sidebar .nav-item+.nav-item{margin-top:7px}html.sidebar-collapsed .app-sidebar .nav-item.active:before{left:-16px}html.sidebar-collapsed .app-sidebar .nav-item:after{content:attr(data-label);position:absolute;z-index:100;left:calc(100% + 13px);top:50%;padding:7px 9px;border:1px solid var(--border-strong);border-radius:6px;background:#fff;color:var(--ink);font-size:10px;font-weight:700;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-50%)}html.sidebar-collapsed .app-sidebar .nav-item:hover:after,html.sidebar-collapsed .app-sidebar .nav-item:focus-visible:after{opacity:1}.app-sidebar.is-collapsed .sidebar-nav,html.sidebar-collapsed .app-sidebar .sidebar-nav{scrollbar-width:none;scrollbar-gutter:auto}.app-sidebar.is-collapsed .sidebar-nav::-webkit-scrollbar,html.sidebar-collapsed .app-sidebar .sidebar-nav::-webkit-scrollbar{display:none}}.trainer-course-list{width:100%;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.trainer-course-card{width:100%;height:auto;padding:16px;border-radius:14px;overflow:hidden}.trainer-course-card:hover{border-color:var(--border-strong);background:#fff}.trainer-course-overview{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}.trainer-course-card .trainer-course-cover{height:180px;min-height:180px;align-self:start;border-radius:11px;background:#e8eee7;overflow:hidden}.trainer-course-cover img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.trainer-course-cover.has-thumbnail:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(18,35,23,.18))}.trainer-course-cover .shape.a{width:210px;height:88px;right:-36px;top:22px}.trainer-course-cover .shape.b{width:135px;height:135px;left:-32px;bottom:-48px;border-width:27px}.trainer-course-cover .cover-icon{left:20px;top:20px;width:48px;height:48px;border-radius:12px}.trainer-course-cover .status-pill{position:absolute;z-index:2;right:14px;top:14px;bottom:auto;min-height:30px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.68);font-size:9px}.trainer-course-cover .status-pill .icon{width:13px;height:13px}.trainer-course-cover .status-pill.is-published{background:#ffffffed;color:var(--primary-dark)}.trainer-course-cover .status-pill.is-draft{background:#ffffffed;color:var(--ink-2)}.trainer-course-content{min-width:0;height:auto;min-height:230px;padding:2px 2px 0;display:flex;flex-direction:column}.trainer-course-content .course-meta{min-height:28px;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px}.trainer-course-content .course-meta>span:first-child{padding:7px 10px;border:1px solid #dce9dc;border-radius:7px;background:var(--primary-soft);color:var(--primary-dark);font-weight:700}.trainer-course-content .level-badge{padding:0;border:0;background:transparent;color:var(--muted);font-size:10px}.trainer-course-content .level-badge .icon{width:15px;height:15px;color:var(--primary-dark)}.trainer-course-content h3{max-width:700px;margin:11px 0 7px;font-size:19px;font-weight:700;line-height:1.25;letter-spacing:-.03em}.trainer-course-content>p{max-width:720px;margin:0;color:var(--muted);font-size:10px;line-height:1.6}.trainer-course-metrics{margin:auto 0 0;padding:12px 0 0;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px}.trainer-course-metrics>div{min-width:0;padding:0 8px;border-right:1px solid var(--border);display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;-moz-column-gap:7px;column-gap:7px;align-items:center}.trainer-course-metrics>div:nth-child(odd){padding-left:0}.trainer-course-metrics>div:nth-child(2n){padding-right:0;border-right:0}.trainer-course-metrics span{grid-row:1/3;width:32px;height:32px;border:1px solid #dce9dc;border-radius:8px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary-dark)}.trainer-course-metrics .icon{width:15px;height:15px}.trainer-course-metrics dt{grid-column:2;grid-row:2;color:var(--muted);font-size:7px;white-space:nowrap}.trainer-course-metrics dd{grid-column:2;grid-row:1;margin:0;color:var(--ink);font-size:10px;font-weight:700;white-space:nowrap}.trainer-course-shortcuts{margin-top:14px;border:1px solid var(--border);border-radius:9px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.trainer-course-shortcuts a{min-width:0;min-height:62px;padding:9px 7px;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--ink);text-align:center}.trainer-course-shortcuts a:last-child{border-right:0}.trainer-course-shortcuts a>span{grid-row:1/3;width:32px;height:32px;border:1px solid #dce9dc;border-radius:50%;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary-dark)}.trainer-course-shortcuts a>span .icon{width:15px;height:15px}.trainer-course-shortcuts a>strong{font-size:9px}.trainer-course-shortcuts a>small,.trainer-course-shortcuts a>.icon{display:none}.trainer-course-shortcuts a:hover{background:var(--surface-2);color:var(--primary-dark)}.trainer-course-actions{margin-top:12px;padding:0;border:0;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:9px}.trainer-course-actions form{width:100%;display:block}.trainer-course-button{width:100%;min-height:42px;padding:7px 6px;border:1px solid var(--border-strong);border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--ink);font-family:inherit;font-size:8px;font-weight:700;line-height:1.25;text-align:center}.module-progress-list{gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.module-progress-item,.module-progress-item:hover{padding:0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:#fff;overflow:visible;box-shadow:none}.module-progress-item:last-child{border-bottom:0}.module-progress-item:before{display:none}.module-progress-toggle{width:100%;min-height:56px;padding:10px 12px;display:grid;grid-template-columns:28px minmax(0,1fr) auto 20px;align-items:center;gap:10px;background:#fff;color:var(--ink);text-align:left;transition:background-color var(--ui-transition)}.module-progress-toggle:hover{background:var(--surface-2)}.module-progress-toggle:focus-visible{outline:3px solid rgba(102,187,106,.18);outline-offset:-3px}.module-progress-item .module-number{width:27px;height:27px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--muted)}.module-progress-item.is-complete .module-number{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.module-progress-copy{min-width:0}.module-progress-copy strong,.module-progress-copy small{display:block}.module-progress-copy strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.module-progress-copy small{margin-top:3px;color:var(--muted);font-size:7px}.module-progress-value{color:var(--ink-2);font-size:9px;font-weight:700}.module-progress-chevron{width:14px;height:14px;color:var(--muted);transition:transform var(--ui-transition)}.module-progress-toggle[aria-expanded=true] .module-progress-chevron{transform:rotate(180deg)}.module-progress-track{height:3px!important;margin:0!important;border-radius:0;background:#edf1ed}.module-progress-track>span{border-radius:0;background:var(--primary-dark)}.module-progress-item .lesson-progress-list{padding:3px 12px 8px 50px;border-top:1px solid var(--border);background:#fbfcfa}.module-progress-item .lesson-progress-list>div{margin:0;padding:8px 0;border-radius:0}.module-progress-item .lesson-progress-list>div:hover{background:transparent}.module-progress-item .lesson-progress-icon{border-radius:6px;background:#fff}.module-progress-item .lesson-progress-list .is-completed .lesson-progress-icon{background:var(--primary-soft)}.module-progress-list{gap:9px;border:0;border-radius:0;overflow:visible}.module-progress-item,.module-progress-item:hover{border:0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 1px 5px #18251d14}.module-progress-toggle{background:#fff}.module-progress-toggle:hover{background:#f7faf7}.module-progress-item .module-number,.module-progress-item.is-complete .module-number{border:0}.module-progress-item .module-number{background:var(--surface-2)}.module-progress-item.is-complete .module-number{background:var(--primary-soft);color:var(--primary-dark)}.module-progress-track{background:#e9efe9}.module-progress-item .lesson-progress-list{gap:2px;border-top:0;background:#f8faf8}.module-progress-item .lesson-progress-list>div{border:0}.module-progress-item .lesson-progress-list>div:hover{background:#f1f6f1}.status-pill.enrollment-status-active{background:#fff5df;color:#946200}.status-pill.enrollment-status-completed{background:var(--primary-soft);color:var(--primary-dark)}.status-pill.enrollment-status-dropped{background:var(--danger-soft);color:var(--danger)}.category-icon-popover{width:354px;max-width:min(354px,calc(100vw - 32px));max-height:none;overflow:visible;padding:8px}.category-icon-options{max-height:188px;overflow-y:auto;overscroll-behavior:contain;grid-template-columns:repeat(6,48px);gap:4px;padding-right:3px;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.category-icon-options button{width:48px;height:42px}.category-custom-icon{margin-top:8px;padding:8px 0 0;border:0;border-top:1px solid var(--border);border-radius:0;background:#fff}.category-custom-icon>label{height:18px;margin:0 0 5px;padding:0 2px;font-size:8px}.category-custom-icon>div{height:34px;border-color:var(--border);border-radius:7px}.category-custom-icon input{height:32px;padding:0 10px;font-size:9px}.category-custom-icon button{height:32px;min-width:58px;border-left:0;border-radius:0 6px 6px 0;font-size:8px}.category-custom-icon button:hover:not(:disabled){background:#2f7d34}@media(max-width:1024px){.course-progress-summary{grid-template-columns:1fr 1fr;gap:16px}.course-progress-summary>*{padding:0;border-right:0}.course-progress-summary dl{grid-column:1/-1;padding-top:14px;border-top:1px solid var(--border)}.course-progress-layout{grid-template-columns:1fr}.course-progress-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.enrollment-list>.enrollment-course-item{grid-template-columns:58px minmax(0,1fr);gap:9px}.course-mini-cover{min-height:88px}.enrollment-course-heading{display:block}.enrollment-course-heading .status-pill{margin-top:5px}.enrollment-course-content .test-summary{flex-wrap:wrap}.enrollment-course-content .test-summary>span{flex:1;min-width:72px}.enrollment-course-content .test-summary .enrollment-view-detail{display:none}.course-progress-page-heading{padding:15px;grid-template-columns:38px minmax(0,1fr)}.course-progress-heading-icon{width:38px;height:38px}.course-progress-title .page-title{font-size:20px}.course-progress-status{grid-column:2;width:-moz-max-content;width:max-content}.course-progress-summary{grid-template-columns:1fr;gap:14px}.course-progress-summary>*{padding-bottom:14px;border-bottom:1px solid var(--border)}.course-progress-summary>*:last-child{padding-bottom:0;border-bottom:0}.course-progress-summary dl{grid-column:auto;padding-top:0;border-top:0}.course-progress-side{grid-template-columns:1fr}.lesson-progress-list>div{grid-template-columns:27px 1fr}.lesson-progress-state{grid-column:2;text-align:left}}.trainer-course-button .icon{width:15px;height:15px}.trainer-course-button:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.trainer-course-button.is-publish{border-color:var(--primary-dark);background:var(--primary-dark);color:#fff}.trainer-course-button.is-publish:hover{border-color:#2f7b34;background:#2f7b34;color:#fff}.trainer-course-button.is-danger{border-color:#edb9bd;color:var(--danger)}.trainer-course-button.is-danger:hover{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}@media(max-width:820px){.trainer-course-list{grid-template-columns:1fr}.trainer-course-card{padding:18px}.trainer-course-overview{grid-template-columns:1fr}.trainer-course-card .trainer-course-cover{height:300px;min-height:300px}.trainer-course-content{height:auto;padding:4px 0 0}.trainer-course-metrics{margin-top:22px}.trainer-course-shortcuts{grid-template-columns:1fr}.trainer-course-shortcuts a{border-right:0;border-bottom:1px solid var(--border)}.trainer-course-shortcuts a:last-child{border-bottom:0}}@media(max-width:600px){.trainer-course-card{padding:14px;border-radius:14px}.trainer-course-card .trainer-course-cover{height:230px;min-height:230px}.trainer-course-cover .status-pill{right:12px;top:12px}.trainer-course-content h3{margin-top:16px;font-size:24px}.trainer-course-metrics{grid-template-columns:1fr;gap:0}.trainer-course-metrics>div{min-height:58px;padding:10px 0!important;border-right:0;border-bottom:1px solid var(--border)}.trainer-course-metrics>div:last-child{border-bottom:0}.trainer-course-actions{grid-template-columns:1fr}}@media(max-width:420px){.category-icon-options{grid-template-columns:repeat(5,48px)}}@media(min-width:320px)and (max-width:440px){.auth-visual{height:136px;min-height:136px;padding:16px 18px;justify-content:flex-start}.auth-visual-copy{display:none}.auth-visual-media img{-o-object-position:center 38%;object-position:center 38%}.auth-visual-media:after{background:linear-gradient(180deg,#0b171075,#0b17102e 58%,#0b171080)}.auth-brand{gap:9px}.auth-brand strong{font-size:15px}.auth-brand small{font-size:9px}.auth-panel{padding:25px 18px 36px}.learner-saved-popover{position:fixed;top:72px;right:10px;left:10px;width:auto;max-width:none;max-height:calc(100dvh - 88px);border-radius:11px;box-shadow:none}.learner-saved-popover .saved-course-list{max-height:calc(100dvh - 190px);overscroll-behavior:contain}.learner-saved-popover .saved-popover-head,.learner-saved-popover .saved-popover-footer{padding-inline:12px}.catalog-toolbar{height:auto;gap:10px}.catalog-toolbar .filter-search.catalog-search-field{width:100%;height:42px!important;min-height:42px!important;max-height:42px!important;padding:0 12px;overflow:visible;align-self:stretch;flex:0 0 42px}.catalog-toolbar .filter-search.catalog-search-field>.icon{position:static;left:auto;top:auto;width:15px;height:15px;margin:0;transform:none;flex:0 0 auto}main .catalog-toolbar .catalog-search-field input.catalog-search-input,main .catalog-toolbar .catalog-search-field input.catalog-search-input:hover,main .catalog-toolbar .catalog-search-field input.catalog-search-input:focus,main .catalog-toolbar .catalog-search-field input.catalog-search-input:focus-visible{width:auto!important;min-width:0!important;height:40px!important;min-height:0!important;max-height:40px!important;margin:0!important;padding:0 34px 0 8px!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;flex:1 1 auto;--tw-ring-offset-width:0!important;--tw-ring-shadow:0 0 transparent!important;--tw-ring-color:transparent!important}.catalog-toolbar .catalog-search-field .search-clear{right:8px;top:8px;margin:0;transform:none!important}.catalog-toolbar-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.course-material-header{padding:17px 14px 14px;gap:9px}.course-material-header h2{font-size:17px}.course-material-header p{font-size:10px;line-height:1.55}.material-summary{padding:0 14px 14px;gap:8px}.material-summary>div{min-height:48px;padding:9px 11px}.material-summary-icon{width:31px;height:31px;border-radius:8px}.material-accordion{padding:0 14px 14px;gap:8px}.material-accordion article>button{min-height:72px;padding:11px;grid-template-columns:32px minmax(0,1fr) 28px;align-items:start;gap:9px}.material-accordion .module-number{width:32px;height:32px;border-radius:8px;grid-column:1;grid-row:1}.material-accordion .module-heading-copy{min-width:0;padding-right:0;grid-column:2;grid-row:1}.material-accordion .module-heading-copy>strong{overflow-wrap:break-word;word-break:normal}.material-accordion .module-heading-copy>small{gap:5px;flex-wrap:wrap}.material-accordion .module-heading-copy>small span{white-space:nowrap}.material-accordion .module-toggle{width:28px;height:28px;grid-column:3;grid-row:1;align-self:start;justify-self:end}.material-lessons{padding-inline:9px}.material-lessons .material-lesson-row{grid-template-columns:20px 28px minmax(0,1fr);gap:7px}.material-lessons .lesson-icon{width:28px;height:28px}.material-lessons .lesson-duration{grid-column:3;margin-top:0}.invitation-code-table tbody{gap:12px}.invitation-code-table tr{padding:15px;border:1px solid var(--border);border-radius:11px;box-shadow:none}.invitation-code-table td{min-height:32px;padding:7px 0!important;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:12px;font-size:10px;line-height:1.5}.invitation-code-table td:before{padding-top:1px;font-size:7px;line-height:1.4}.invitation-code-table .invitation-cell-copy{min-width:0;display:block}.invitation-code-table .invitation-cell-copy>span,.invitation-code-table .invitation-cell-copy>strong,.invitation-code-table .invitation-cell-copy>small{display:block}.invitation-code-table .invitation-cell-copy>strong{font-size:10px;line-height:1.45}.invitation-code-table .invitation-cell-copy .table-subtitle{margin-top:3px;font-size:8px;line-height:1.45}.invitation-code-table .invite-code{padding:5px 7px;border-radius:6px;font-size:9px}.invitation-code-table .table-progress{max-width:none}.invitation-code-table td[data-label=Aksi]{padding-top:9px!important}.invitation-code-table .row-actions{gap:7px}.invitation-code-table .row-actions a,.invitation-code-table .row-actions button{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;margin:0!important;padding:0!important;border:1px solid var(--border)!important;border-radius:8px!important;background:#fff!important;display:grid;place-items:center;color:var(--muted);box-shadow:none!important;transform:none!important}.invitation-code-table .row-actions a:active{border-color:var(--primary)!important;background:var(--primary-soft)!important;color:var(--primary-dark)}.invitation-code-table .row-actions button:active{border-color:#efc7cb!important;background:var(--danger-soft)!important;color:var(--danger)}.invitation-code-table .row-actions .icon{width:14px;height:14px}}.ui-input,.ui-textarea,main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]),main select,main textarea{border-color:var(--control-border)!important;outline:0!important;box-shadow:none!important}.ui-input:hover,.ui-textarea:hover,main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):hover,main select:hover,main textarea:hover{border-color:var(--control-border-hover)!important}.ui-input:focus,.ui-input:focus-visible,.ui-textarea:focus,.ui-textarea:focus-visible,main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):focus,main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):focus-visible,main select:focus,main select:focus-visible,main textarea:focus,main textarea:focus-visible{border-color:var(--control-focus)!important;outline:0!important;box-shadow:0 0 0 2px var(--control-ring)!important;--tw-ring-offset-width:0!important;--tw-ring-offset-shadow:0 0 transparent!important;--tw-ring-shadow:0 0 transparent!important;--tw-ring-color:transparent!important}.ui-input::-moz-placeholder,.ui-textarea::-moz-placeholder,main input::-moz-placeholder,main textarea::-moz-placeholder{color:var(--muted-2);opacity:1}.ui-input::placeholder,.ui-textarea::placeholder,main input::placeholder,main textarea::placeholder{color:var(--muted-2);opacity:1}.category-custom-icon input,.category-custom-icon input:hover,.category-custom-icon input:focus,.category-custom-icon input:focus-visible,.category-color-control>input[type=text],.category-color-control>input[type=text]:hover,.category-color-control>input[type=text]:focus,.category-color-control>input[type=text]:focus-visible{border:0!important;outline:0!important;box-shadow:none!important}.category-custom-icon>div:focus-within,.category-color-control:focus-within{border-color:var(--control-focus)!important;box-shadow:0 0 0 2px var(--control-ring)!important}.workspace-search input:focus,.workspace-search input:focus-visible,.learner-search input:focus,.learner-search input:focus-visible{border:0!important;outline:0!important;box-shadow:none!important}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--control-ring)}@media(max-width:767px){html,body{max-width:100%;overflow-x:hidden}.workspace-main,.learner-main,.page-content,.dashboard-intro,.dashboard-grid,.dashboard-columns,.dashboard-col-main,.dashboard-col-side{min-width:0;max-width:100%}.dashboard-grid,.admin-chart-grid,.lower-dashboard-grid,.participant-detail-grid,.dashboard-columns,.ranking-grid{grid-template-columns:minmax(0,1fr)!important}.dashboard-grid>*,.dashboard-columns>*,.dashboard-col-main>*,.dashboard-col-side>*,.kpi-grid>*,.page-content>*{min-width:0}.table-card,.dashboard-card{max-width:100%}.table-scroll{max-width:100%;overscroll-behavior-x:contain}.workspace-topbar{gap:8px}.mobile-toggle{flex:0 0 40px}.workspace-search-control{min-width:0}.workspace-search{min-width:0;padding-left:10px}.topbar-actions{flex:0 0 auto;gap:5px}.card-heading{min-width:0}.card-heading>div{min-width:0}.card-heading h2,.card-heading p{overflow-wrap:anywhere}.apex-admin-chart,.apexcharts-canvas,.apexcharts-svg{max-width:100%!important}.course-feed>div{align-items:flex-start;flex-wrap:wrap}.course-feed>div>p{min-width:0}.section-header{align-items:flex-start;gap:10px}.section-header>div{min-width:0}}@media(max-width:520px){.dashboard-card{padding:16px}.card-heading{margin-bottom:15px}.card-heading:has(.assessment-type-select){display:grid;grid-template-columns:minmax(0,1fr)}.assessment-type-select{width:100%;min-width:0}.top-test-head{flex-wrap:wrap}.top-test-head .ui-button{width:100%}.ranking-slider{padding:16px}.learning-hero{min-height:300px;padding:24px 20px}.learning-hero h1{font-size:27px}.learning-hero p{font-size:11px}.continue-card{padding:12px}.continue-stats{align-items:flex-start;flex-direction:column;gap:4px}.recommended-course-item,.recommended-course-copy,.recommended-course-action{min-width:0}.recommended-course-copy h3,.recommended-course-copy p{overflow-wrap:anywhere}}.learning-hero{min-height:278px;padding:34px 38px;border:1px solid #285b38;border-radius:16px;background:#1d472c}.learning-hero:before{width:300px;height:300px;right:-115px;top:-120px;border-color:#ffffff1a;box-shadow:none}.learning-hero:after{display:none}.learning-hero-copy{width:min(760px,100%)}.learning-hero-visual{display:none}.learning-hero h1{max-width:720px;font-size:clamp(28px,3vw,38px);letter-spacing:-.04em}.learning-hero p{max-width:690px;margin:12px 0 20px;color:#d3e0d5}.learning-hero-metrics{margin:0 0 22px;display:flex;align-items:stretch;gap:0}.learning-hero-metrics>span{min-width:132px;padding:0 18px;border-left:1px solid rgba(255,255,255,.2);display:grid;gap:3px;color:#c7d7ca;font-size:9px;line-height:1.4}.learning-hero-metrics>span:first-child{padding-left:0;border-left:0}.learning-hero-metrics strong{color:#fff;font-size:17px;line-height:1.15;letter-spacing:-.02em}.learning-hero-progress{max-width:530px;margin:-4px 0 22px}.learning-hero-progress>div{margin-bottom:7px;display:flex;align-items:center;justify-content:space-between;color:#c7d7ca;font-size:9px}.learning-hero-progress>div strong{color:#fff;font-size:10px}.learning-hero-progress-track{height:6px;border-radius:999px;background:#ffffff2e;display:block;overflow:hidden}.learning-hero-progress-track i{height:100%;border-radius:inherit;background:var(--primary);display:block}.learning-hero-focus{max-width:530px;margin:-4px 0 22px;padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#071d0e2e;display:flex;align-items:center;gap:10px}.learning-hero-focus-icon{width:30px;height:30px;border-radius:7px;background:#ffffff21;display:grid;place-items:center;color:#d8f0db;flex:0 0 auto}.learning-hero-focus-icon .icon{width:16px;height:16px}.learning-hero-focus-copy{min-width:0;flex:1;display:grid;gap:1px}.learning-hero-focus-copy small{color:#bcd0c0;font-size:8px}.learning-hero-focus-copy strong{overflow:hidden;color:#fff;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.learning-hero-focus-progress{color:#d8f0db;font-size:11px;font-weight:700}.hero-actions .primary{background:var(--primary);box-shadow:none}.hero-actions .outline{border-color:#ffffff61}.section-header{margin:34px 0 14px;padding-bottom:12px;border-bottom:1px solid var(--border);align-items:flex-end}.section-header h2{font-size:18px;letter-spacing:-.025em}.section-header p{font-size:11px}.continue-card{padding:0;grid-template-columns:150px minmax(0,1fr) 168px;gap:0;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#fff}.continue-card:hover{transform:none;border-color:var(--border-strong);box-shadow:var(--ui-shadow-sm)}.continue-cover{height:100%;min-height:164px;border-radius:0;background:var(--primary-soft)}.continue-cover:before{width:118px;height:118px;right:-42px;top:auto;bottom:-48px;background:#66bb6a29}.continue-cover .kpi-icon{left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);border:1px solid var(--primary-100);border-radius:10px;background:#fff;color:var(--primary-dark)}.continue-info{padding:22px 24px;min-width:0}.continue-info .status-pill{font-size:8px}.continue-info h3{margin:8px 0 6px;font-size:17px;line-height:1.3}.continue-info p{margin-bottom:14px;font-size:10px;line-height:1.55}.continue-stats{justify-content:space-between;gap:12px;font-size:8px}.continue-progress{align-self:stretch;padding:22px;border-left:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:7px;background:var(--surface-2)}.continue-progress strong,.continue-progress small{text-align:left}.continue-progress strong{font-size:22px}.continue-progress .ui-button{min-width:0;margin-top:6px;justify-content:center}.recommended-course-list{border-top:0}.recommended-course-item{padding:18px 0}.recommended-course-item:first-child{padding-top:0}.recommended-course-action .ui-button{border-radius:8px}.learner-summary-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.learner-summary-kpis .kpi-card{min-height:160px;padding:18px}.learner-summary-kpis .kpi-card .kpi-icon{width:36px;height:36px}.learner-summary-kpis .kpi-card strong{margin-top:15px;font-size:27px}.learner-summary-kpis .kpi-card p{font-size:10px}.learner-summary-kpis .kpi-detail{margin-top:7px;font-size:8px}.learner-course-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.learner-course-status{transition:border-color var(--ui-transition),box-shadow var(--ui-transition)}.learner-course-status:hover{border-color:var(--border-strong);box-shadow:var(--ui-shadow-sm)}.learner-course-status{min-width:0;min-height:198px;padding:18px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:13px}.learner-course-status-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.learner-course-status-icon{width:38px;height:38px;border-radius:10px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary-dark)}.learner-course-status-icon .icon{width:19px;height:19px}.learner-course-status .status-pill{font-size:8px}.learner-course-status small{display:block;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.learner-course-status h3{height:40px;margin:5px 0 0;overflow:hidden;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.learner-course-status-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:9px}.learner-course-status-progress b{margin-right:4px;color:var(--ink);font-size:10px}.learner-course-status-progress strong{color:var(--primary-dark);font-size:13px}.learner-course-status .progress-track{height:6px;margin-top:-5px}.learner-course-status>a{padding-top:10px;border-top:1px solid var(--border);display:inline-flex;align-items:center;gap:4px;color:var(--primary-dark);font-size:10px;font-weight:700}.learner-course-status>a .icon{width:14px;height:14px}@media(max-width:767px){.learning-hero{min-height:0;padding:28px 24px}.learning-hero-metrics>span{min-width:112px;padding-inline:13px}.learner-summary-kpis,.learner-course-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.continue-card{grid-template-columns:104px minmax(0,1fr)}.continue-cover{min-height:150px}.continue-progress{grid-column:1/-1;padding:14px 18px;border-top:1px solid var(--border);border-left:0;flex-direction:row;align-items:center;justify-content:space-between}.continue-progress .ui-button{margin:0}.continue-stats{align-items:flex-start;flex-direction:column;gap:4px}}@media(max-width:520px){.learning-hero{padding:24px 20px}.learning-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.learning-hero-metrics>span,.learning-hero-metrics>span:first-child{min-width:0;padding:0 9px;border-left:1px solid rgba(255,255,255,.2)}.learning-hero-metrics>span:first-child{padding-left:0;border-left:0}.learning-hero-metrics strong{font-size:14px}.learning-hero-focus{margin-bottom:18px}.section-header{margin-top:28px}.learner-course-overview,.continue-card{grid-template-columns:1fr}.continue-cover{min-height:100px}.continue-cover .kpi-icon{left:20px;top:50%;transform:translateY(-50%)}.continue-info{padding:18px}.continue-progress{grid-column:auto;align-items:stretch;flex-direction:column}.continue-progress .ui-button{width:100%}}@media(max-width:420px){.workspace-topbar{padding-inline:10px}.topbar-actions>.icon-button{display:none}.workspace-search input{font-size:10px}.workspace-search>.icon{width:14px;height:14px}.kpi-grid{grid-template-columns:minmax(0,1fr)}.page-title{font-size:25px}.page-subtitle{font-size:11px}.participant-profile{padding:15px}.participant-profile dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.course-editor-layout .editor-sidebar{grid-template-columns:1fr}.top-test-ranking>div{grid-template-columns:22px 30px minmax(0,1fr) auto}.top-test-score{padding:5px 7px;font-size:10px}}@media(max-width:640px){.invitation-table-card{border:0;background:transparent;box-shadow:none}.invitation-table-card .table-scroll{overflow:visible}.invitation-code-table,.invitation-code-table tbody,.invitation-code-table tr,.invitation-code-table td{display:block;width:100%;min-width:0!important}.invitation-code-table thead{display:none}.invitation-code-table tbody{display:grid;gap:10px}.invitation-code-table tr{padding:14px;border:0;border-radius:12px;background:#fff;box-shadow:var(--shadow-sm)}.invitation-code-table td{min-height:34px;padding:7px 0!important;border:0!important;display:grid;grid-template-columns:88px minmax(0,1fr);align-items:start;gap:10px;overflow-wrap:anywhere}.invitation-code-table td:before{content:attr(data-label);padding-top:2px;color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.invitation-code-table td[data-label=Kode]{padding-top:0!important}.invitation-code-table td[data-label=Aksi]{padding-bottom:0!important;align-items:center}.invitation-code-table .invite-code{width:-moz-max-content;width:max-content}.invitation-code-table .table-progress{width:100%;max-width:150px}.invitation-code-table .table-progress b{text-align:left}.invitation-code-table .row-actions{justify-content:flex-start}}.ui-textarea{padding:10px 12px;border:1px solid var(--border);border-radius:var(--ui-radius-sm,10px);background:#fff;color:var(--ink);font-family:inherit;font-size:11px;line-height:1.55;outline:0;box-shadow:none;resize:vertical;transition:border-color var(--ui-transition),box-shadow var(--ui-transition)}.ui-textarea:hover{border-color:var(--border-strong)}.ui-textarea:focus{border-color:var(--primary-dark);outline:0;box-shadow:0 0 0 2px #66bb6a29;--tw-ring-color:transparent}.ui-file-upload{position:relative;min-height:44px;padding:5px 10px 5px 5px;border:1px solid var(--control-border);border-radius:var(--ui-radius-sm,10px);background:#fff;display:flex;align-items:center;gap:10px;overflow:hidden;cursor:pointer;transition:border-color var(--ui-transition),background-color var(--ui-transition),box-shadow var(--ui-transition)}.ui-file-upload:hover{border-color:var(--control-border-hover);background:#fbfcfa}.ui-file-upload:focus-within{border-color:var(--control-focus);box-shadow:0 0 0 2px var(--control-ring)}.ui-file-upload .ui-file-native,.ui-file-upload .ui-file-native:hover,.ui-file-upload .ui-file-native:focus,.ui-file-upload .ui-file-native:focus-visible{position:absolute!important;inset:0;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;opacity:0;outline:0!important;box-shadow:none!important;cursor:pointer}.ui-file-action{min-height:32px;padding:0 11px;border-radius:7px;background:var(--primary-soft);display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;color:var(--primary-dark);font-size:9px;font-weight:700;line-height:1;transition:background-color var(--ui-transition),color var(--ui-transition)}.ui-file-action .icon{width:14px;height:14px}.ui-file-upload:hover .ui-file-action,.ui-file-upload.has-file .ui-file-action{background:var(--primary-dark);color:#fff}.ui-file-name{min-width:0;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.ui-file-upload.has-file .ui-file-name{color:var(--ink);font-weight:600}.ui-file-upload:has(.ui-file-native:disabled){background:var(--surface-2);cursor:not-allowed;opacity:.65}.ui-file-upload:has(.ui-file-native:disabled) .ui-file-native{cursor:not-allowed}@media(max-width:420px){.ui-file-upload{padding-right:7px;gap:7px}.ui-file-action{padding-inline:9px}.ui-file-name{font-size:9px}}.trainer-detail-head{margin-bottom:0}.trainer-detail-head h2{margin:4px 0 0}.trainer-detail-label{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.trainer-profile-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--border)}.trainer-profile-summary .status-pill{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.trainer-profile-summary .status-pill .icon{width:12px;height:12px}.trainer-profile-grid{padding:20px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trainer-profile-grid>div{display:flex;align-items:center;gap:9px;min-width:0}.trainer-fact-icon{width:30px;height:30px;border-radius:9px;background:var(--primary-soft);color:var(--primary-dark);display:grid;place-items:center;flex:0 0 auto}.trainer-profile-grid strong,.trainer-profile-grid small{display:block}.trainer-profile-grid strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trainer-profile-grid small{margin-bottom:3px;color:var(--muted);font-size:8px}.trainer-bio{padding-top:20px}.trainer-bio p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.75;white-space:pre-line}.trainer-profile-empty{margin-top:20px;padding:18px;border:1px dashed var(--border-strong);border-radius:12px;background:var(--surface-2);display:flex;align-items:flex-start;gap:11px;color:var(--muted)}.trainer-profile-empty>.icon{width:18px;height:18px;margin-top:1px;color:var(--primary-dark);flex:0 0 auto}.trainer-profile-empty strong{display:block;color:var(--ink);font-size:10px}.trainer-profile-empty p{margin:4px 0 0;font-size:9px}@media(max-width:600px){.trainer-profile-summary{align-items:flex-start;flex-direction:column;gap:14px}.trainer-profile-grid{grid-template-columns:1fr}.trainer-profile-grid>div{min-height:30px}}.detail-hero-reference{min-height:0;padding:24px 30px 0;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#234b31;color:#fff}.detail-hero-reference:before{width:360px;height:360px;right:-105px;top:-205px;border:68px solid rgba(102,187,106,.14)}.detail-hero-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.detail-hero-reference .detail-breadcrumb{min-width:0;margin:0;align-items:center;gap:8px;color:#bcd0c1;font-size:9px;font-weight:650}.detail-breadcrumb .icon{width:12px;height:12px;color:#89a891}.detail-breadcrumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-hero-status{padding:6px 9px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#ffffff12;display:inline-flex;align-items:center;gap:7px;color:#e3eee5;font-size:8px;font-weight:700;white-space:nowrap}.detail-hero-status i{width:6px;height:6px;border-radius:50%;background:#8bd492}.detail-hero-copy{max-width:900px;margin:25px 0}.detail-hero-labels{margin-bottom:13px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detail-hero-reference .detail-badge{min-height:27px;margin:0;padding:5px 9px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:#ffffff17;color:#e5f3e7;font-size:8px;letter-spacing:.02em}.detail-hero-reference .detail-badge:before{display:none}.detail-badge.is-neutral .icon{width:13px;height:13px}.detail-hero-reference .detail-hero-copy h1{max-width:900px;margin:0 0 11px;font-size:clamp(29px,2.65vw,40px);font-weight:700;line-height:1.14;letter-spacing:-.04em}.detail-hero-reference .detail-hero-copy>p{max-width:780px;margin:0;color:#c7d6ca;font-size:12px;line-height:1.7}.detail-hero-reference .detail-meta-reference{margin:0 -30px;padding:17px 30px;border-top:1px solid rgba(255,255,255,.11);display:grid;grid-template-columns:1.18fr .82fr 1.08fr .86fr .72fr;gap:0;background:#071c0f21}.detail-meta-reference>div{min-width:0;min-height:42px;padding:0 17px;border-right:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;-moz-column-gap:11px;column-gap:11px}.detail-meta-reference>div:first-child{padding-left:0}.detail-meta-reference>div:last-child{padding-right:0;border-right:0}.detail-meta-icon{width:34px;height:34px;margin:0;align-self:center;justify-self:start;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#ffffff12;display:grid!important;place-items:center;color:#bce5c1}.detail-meta-icon .icon{width:15px;height:15px}.detail-meta-reference>div>span:last-child{min-width:0;align-self:center;display:block;color:inherit;font-size:inherit}.detail-meta-reference small,.detail-meta-reference strong{display:block}.detail-meta-reference small{margin-bottom:4px;color:#9fb5a4;font-size:7.5px;font-weight:650;line-height:1.2}.detail-meta-reference strong{overflow:hidden;color:#eef5ef;font-size:9.5px;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1100px){.detail-hero-reference .detail-meta-reference{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}.detail-meta-reference>div:nth-child(3){border-right:0}.detail-meta-reference>div:nth-child(4){padding-left:0}}@media(max-width:767px){.detail-hero-reference{min-height:0;padding:20px 20px 0}.detail-hero-top{align-items:flex-start;flex-direction:column;gap:12px}.detail-hero-copy{margin:23px 0}.detail-hero-reference .detail-hero-copy h1{font-size:29px}.detail-hero-reference .detail-meta-reference{margin:0 -20px;padding:15px 20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0}.detail-meta-reference>div{padding:0 12px}.detail-meta-reference>div:nth-child(odd){padding-left:0}.detail-meta-reference>div:nth-child(2n){padding-right:0;border-right:0}.detail-meta-reference>div:nth-child(3){border-right:1px solid rgba(255,255,255,.1)}.detail-meta-reference>div:nth-child(4){padding-left:12px}.detail-meta-reference>div:last-child{grid-column:1/-1;padding:13px 0 0;border-top:1px solid rgba(255,255,255,.1)}}@media(max-width:420px){.detail-hero-reference .detail-meta-reference{grid-template-columns:1fr}.detail-meta-reference>div,.detail-meta-reference>div:nth-child(3),.detail-meta-reference>div:nth-child(4){padding:0 0 12px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.detail-meta-reference>div:last-child{grid-column:auto;padding:0;border-top:0;border-bottom:0}.detail-meta-reference strong{white-space:normal}}.kpi-card .kpi-trend{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.kpi-card .kpi-trend>span:first-child{font-size:11px;line-height:1}.kpi-card .kpi-trend.is-up{border-color:#c9e5cc;background:#edf7ee;color:#2e7d32}.kpi-card .kpi-trend.is-down{border-color:#efcaca;background:#fff1f1;color:#9f4545}.kpi-card .kpi-trend.is-neutral{border-color:var(--border);background:var(--surface-2);color:var(--muted)}.my-courses-filterbar{margin-bottom:18px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:12px}.my-courses-search{position:relative;min-width:0;width:100%;height:42px;margin:0;padding:0 14px;border:1px solid var(--border);border-radius:13px;background:#fff;display:flex;align-items:center;gap:10px}.my-courses-search:hover{border-color:var(--border-strong)}.my-courses-search:focus-within{border-color:var(--primary-dark);box-shadow:0 0 0 3px #66bb6a24}.my-courses-search>.icon{position:static;z-index:auto;left:auto;top:auto;width:16px;height:16px;margin:0;color:var(--muted-2);transform:none;flex:0 0 auto}main .my-courses-search input[type=search],main .my-courses-search input[type=search]:hover,main .my-courses-search input[type=search]:focus,main .my-courses-search input[type=search]:focus-visible{width:auto!important;min-width:0!important;height:40px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ink);font-family:inherit;font-size:11px;outline:0!important;box-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;flex:1 1 auto;--tw-ring-offset-width:0!important;--tw-ring-offset-shadow:0 0 transparent!important;--tw-ring-shadow:0 0 transparent!important;--tw-ring-color:transparent!important}.my-courses-search .search-clear{position:static;width:22px;height:22px;margin:0;transform:none!important;flex:0 0 auto}.my-courses-search .search-clear:hover,.my-courses-search .search-clear:active{transform:none!important}.my-courses-filter-controls{display:flex;align-items:center;gap:8px}.my-courses-filter-controls>select,.my-courses-filter-controls>.ui-popover-control{width:150px;min-width:150px}.my-courses-filter-reset{min-height:40px;padding:8px 10px;border:1px solid transparent;border-radius:7px;color:var(--primary-dark);font-size:10px;font-weight:700}.my-courses-filter-reset:hover{border-color:var(--border);background:var(--primary-soft)}.my-courses-result-count{color:var(--muted);font-size:9px;white-space:nowrap}.my-courses-result-count strong{color:var(--ink);font-size:11px}.my-courses-filter-empty{grid-column:1/-1;padding:44px 20px;border:1px dashed var(--border-strong);border-radius:var(--ui-radius-md);display:grid;place-items:center;text-align:center}.my-courses-filter-empty>.icon{width:24px;height:24px;margin-bottom:10px;color:var(--muted)}.my-courses-filter-empty strong{font-size:13px}.my-courses-filter-empty p{margin:6px 0 14px;color:var(--muted);font-size:10px}@media(max-width:900px){.my-courses-filterbar{grid-template-columns:minmax(200px,1fr) auto}.my-courses-result-count{grid-column:1/-1}}@media(max-width:767px){.my-courses-filterbar{grid-template-columns:1fr;align-items:stretch}.my-courses-filter-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.my-courses-filter-controls>select,.my-courses-filter-controls>.ui-popover-control{width:100%;min-width:0}.my-courses-filter-reset{grid-column:1/-1;justify-self:start}.my-courses-result-count{grid-column:auto}}@media(max-width:420px){.my-courses-filter-controls{grid-template-columns:1fr}.my-courses-filter-reset{grid-column:auto}}.ui-search-control{position:relative}.ui-search-control input[type=search]{padding-right:42px!important}.ui-search-control input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.ui-search-clear{position:absolute;z-index:2;right:10px;top:0;bottom:0;width:22px;height:22px;margin:auto 0;padding:0;transform:none!important;box-shadow:none}.ui-search-clear .icon{width:11px;height:11px}.ui-search-clear[hidden]{display:none!important}.ui-search-clear:hover,.ui-search-clear:active{border-color:#388e3c47;background:var(--primary-soft);color:var(--primary-dark);transform:none!important}.ui-search-clear:focus-visible{border-color:var(--primary-dark);outline:2px solid var(--control-ring);outline-offset:1px;color:var(--primary-dark);transform:none!important}.certificate-catalog-layout.without-filter{display:block}.certificate-filter-panel{position:static;padding:18px}.certificate-filter-heading{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.certificate-filter-heading span{color:var(--primary-dark);font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.certificate-filter-heading h2{margin:3px 0 0}.certificate-filter-heading>.icon{color:var(--muted)}.certificate-filter-panel input[type=radio]{position:relative;overflow:hidden;background:#fff;box-shadow:none}.certificate-filter-panel input[type=radio]:checked{border-color:var(--primary-dark);background:#fff;box-shadow:none}.certificate-filter-panel input[type=radio]:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--primary-dark);opacity:0;transform:scale(.5);transition:opacity var(--ui-transition),transform var(--ui-transition)}.certificate-filter-panel input[type=radio]:checked:after{opacity:1;transform:scale(1)}.certificate-filter-panel>button.ui-button,.catalog-filter>form>a.ui-button{margin-top:14px}.certificate-catalog-toolbar{min-height:42px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:14px}.certificate-search-field{width:min(440px,100%);height:42px;margin:0;padding:0 14px;border:1px solid var(--border);border-radius:13px;background:#fff;display:flex;align-items:center;gap:10px;flex:0 1 440px}.certificate-search-field:hover{border-color:var(--border-strong)}.certificate-search-field:focus-within{border-color:var(--primary-dark);box-shadow:0 0 0 3px #66bb6a24}.certificate-search-field>.icon{position:static;width:16px;height:16px;margin:0;color:var(--muted-2);flex:0 0 auto}.certificate-result-count{display:flex;align-items:baseline;gap:4px;color:var(--muted);white-space:nowrap}.certificate-result-count strong{color:var(--ink);font-size:13px}.certificate-result-count span{font-size:9px}.certificate-filter-empty{grid-column:1/-1}@media(max-width:767px){.certificate-catalog-toolbar{align-items:stretch;flex-direction:column}.certificate-search-field{width:100%;max-width:none}.certificate-result-count{align-self:flex-start}}main .certificate-search-field input.certificate-search-input,main .certificate-search-field input.certificate-search-input:hover,main .certificate-search-field input.certificate-search-input:focus,main .certificate-search-field input.certificate-search-input:focus-visible{width:auto!important;min-width:0!important;height:40px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;flex:1 1 auto;--tw-ring-offset-width:0!important;--tw-ring-offset-shadow:0 0 transparent!important;--tw-ring-shadow:0 0 transparent!important;--tw-ring-color:transparent!important}main .certificate-catalog-toolbar .certificate-search-field>.icon{border:0;box-shadow:none}main .certificate-catalog-toolbar .certificate-search-field>.search-clear{border:1px solid var(--border);box-shadow:none;transform:none!important}main .catalog-filter input[type=checkbox],main .catalog-filter input[type=radio]{position:relative;box-shadow:none!important}main .catalog-filter input[type=checkbox]:checked{border-color:var(--primary-dark);background:var(--primary-dark);box-shadow:none!important}main .catalog-filter input[type=checkbox]:checked:after{content:"";width:7px;height:4px;margin-top:-1px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg)}main .catalog-filter input[type=radio]:checked{border-color:var(--primary-dark);background:#fff;box-shadow:none!important}main .catalog-filter input[type=radio]:checked:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--primary-dark)}main .catalog-filter input[type=checkbox]:focus-visible,main .catalog-filter input[type=radio]:focus-visible{outline:2px solid var(--control-ring);outline-offset:2px;box-shadow:none!important}.category-custom-icon>div{height:34px;align-items:stretch;transition:border-color var(--ui-transition),box-shadow var(--ui-transition)}.category-custom-icon>div:focus-within{border-color:var(--primary-dark);box-shadow:0 0 0 2px #66bb6a29}.category-custom-icon input,.category-custom-icon input:focus{height:32px!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:0!important;outline:0!important;background:#fff!important;box-shadow:none!important;font-family:inherit;font-size:9px;line-height:32px;vertical-align:middle;--tw-ring-offset-width:0!important;--tw-ring-shadow:0 0 transparent!important;--tw-ring-color:transparent!important}.category-custom-icon input::-moz-placeholder{color:var(--muted-2);line-height:32px;opacity:1}.category-custom-icon input::placeholder{color:var(--muted-2);line-height:32px;opacity:1}.category-custom-icon button{height:32px!important;margin:0;border:0!important;border-radius:0 6px 6px 0!important;display:grid;place-items:center;line-height:1}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:text-gray-400:hover{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-blue-300:focus{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.focus\:border-indigo-500:focus{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.active\:bg-gray-100:active{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.active\:text-gray-500:active{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.active\:text-gray-700:active{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.active\:text-gray-800:active{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}@media(min-width:640px){.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-full{width:100%}.sm\:max-w-2xl{max-width:42rem}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-md{max-width:28rem}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-xl{max-width:36rem}.sm\:flex-1{flex:1 1 0%}.sm\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:.5rem}.sm\:rounded-lg{border-radius:22px}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}}@media(min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}.ltr\:origin-top-left:where([dir=ltr],[dir=ltr] *){transform-origin:top left}.ltr\:origin-top-right:where([dir=ltr],[dir=ltr] *){transform-origin:top right}.rtl\:origin-top-left:where([dir=rtl],[dir=rtl] *){transform-origin:top left}.rtl\:origin-top-right:where([dir=rtl],[dir=rtl] *){transform-origin:top right}.rtl\:flex-row-reverse:where([dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media(prefers-color-scheme:dark){.dark\:border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-gray-900:hover{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:focus\:border-blue-700:focus{--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.dark\:focus\:border-blue-800:focus{--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.dark\:active\:bg-gray-700:active{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:active\:text-gray-300:active{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}}